/* Simple Custom Hero Component */
span.kb-error{
    display:none !important
}
/* .kb-adv-form-success{
    color: #155724 !important;
    background-color: #d4edda !important;
    border-color: #c3e6cb !important;
} */
.simple-hero {
    padding: 80px 20px;
    background: linear-gradient(135deg, #0095ff, #005fcc);
    color: #ffffff;
    text-align: center;
    border-radius: 16px;
    margin: 40px auto;
    max-width: 1100px;
}

.simple-hero h1 {
    font-size: 48px;
    font-weight: 700;
    margin-bottom: 20px;
}

.simple-hero p {
    font-size: 18px;
    opacity: 0.9;
    margin-bottom: 30px;
}

.simple-hero a {
    display: inline-block;
    padding: 14px 32px;
    background: #ffffff;
    color: #005fcc;
    border-radius: 8px;
    text-decoration: none;
    font-weight: 600;
    transition: 0.3s ease;
}

.simple-hero a:hover {
    background: #ddd;
}

/* ==================== muqadsa's css ====================  */

:root {
    --chevron: url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="300px" height="300px" fill="%23080a0f" viewBox="-155 247 300 300" style="enable-background:new -155 247 300 300;"><polygon points="78.6356201,306.8178101 -5.0166931,390.4367371 -88.6356277,306.8178101 -137, 355.1821899 -5.0166931,487.1821899 127,355.1821899 "/></svg>');
    --tick: url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="300px" height="300px" fill="%23fff" viewBox="0 0 300 300" style="enable-background:new 0 0 300 300;" xml:space="preserve"><polygon points="115.7434006,270.8831787 0,173.503006 21.3676376,148.106369 111.6297684,224.0477905 274.5331421,29.1168175 300,50.3998222"/></svg>');
    --primary-color: #04768E;
    --secondry-color: #FF6F00;
    --white: #fff;
    --black: #000;
    --dark-grey: #2D3135;
    --light-grey: #89939E;
    --ice-blue: #EDF9F9;
    --ice-white: #F5F7FA;


}

/* Banner */


.banner {
    height: 53rem;
    background: url("../images/banner.webp") bottom/cover no-repeat;
    display: flex;
    justify-content: center;
    align-items: end;
    position: relative;
}

/* Dark overlay */
.banner::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.20);
}

.banner .content {
    position: relative;
    text-align: center;
    color: var(--white);
    margin-bottom: 30px;
}

.banner h1 {
    margin-bottom: 45px;
    color: var(--white);
    text-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
}

.banner p {
    font-size: 18px;
}

/* Search Bar Container */
.search-banner .advanced-toggle{
    text-align:right;
    margin-bottom:1rem;
}
.search-banner .advanced-toggle button{
    background:transparent;
    border:none;
    padding:0;
    font-size:1.4rem;
    font-family:"SemiBold";
    color: var(--light-grey);
    text-decoration:underline;
    cursor:pointer;
    transition:all 0.5s ease;
}
.search-banner .advanced-toggle button img{
	display:none;
}
.search-banner .advanced-toggle button:hover{
    text-decoration:unset;
    transition:all 0.5s ease;
    color: var(--primary-color);
}
.search-bar {
    display: flex;
    align-items: center;
    gap: 14px;
    background: var(--ice-blue);
    padding: 25px 35px;
    border-radius: 16px;
}

/* Each Search Item */
.search-bar .search-item {
    display: flex;
    align-items: center;
    gap: 12px;
}

.search-bar .search-item img {
    width: 24px;
    height: 24px;
}

/* Label + Select group */
.search-bar .item-text {
    display: flex;
    flex-direction: column;
}

.search-bar .item-text label {
    font-size: 14px;
    color: var(--light-grey);
    /* font-family: "SemiBold"; */
    margin-bottom: 4px;
}

.search-bar .item-text select {
    border: none;
    font-size: 16px;
    outline: none;
    background: transparent;
    cursor: pointer;
    color: #2D3135;
    -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
    
    background-image: url(../images/arrow-grey.svg);
  background-position: right 5px center;
    background-size: 15px;
    background-repeat:no-repeat;
    padding-right: 33px;
}

/* Search Button */
.search-bar button.site_btn.blank {
    padding: 0 3rem;
    min-width: unset;
}

/* location sec */


.locations h2 {
    color: var(--primary-color);
    margin-bottom: 5rem;
    text-align: center;
}

.locations .col {
    width: calc(100%/3);
     padding: 1rem;
}

/* image card */
.locations .location-card {
    display: flex;
    flex-direction: column;
    align-items: center;
   
}

/* diamond shape container */
.locations .img-box {
    width: 265px;
    height: 265px;
    object-fit: cover;
    position: relative;
    background-image: url('../images/location_border.png');
    background-size: cover;
    background-repeat: no-repeat;
    transition: all 0.5s ease;
    padding: 2rem;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    margin: 0 auto 1rem;
}

.locations .flex {
   max-width: 90rem;
    margin: auto;
}

/* inner image (reverse rotate so it's straight) */
.locations .img-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;

    -webkit-mask-image: url('../images/location_mask.png');
    mask-image: url('../images/location_mask.png');

    -webkit-mask-size: contain;
    mask-size: contain;

    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
}

/* city name */
.locations h3 {
    font-size: 26px;
    font-family: 'SemiBold';
    margin-bottom: 0;
}
.locations h3 a{
    text-decoration: underline;
    color: var(--primary-color);
}
.inner-search-bar{
    flex: 1;
    display: flex;
    flex-wrap: wrap;
}
.inner-search-bar .item_col{
    width: calc(100% / 3);
    padding: 1rem;
}
.inner-search-bar .item_col .search-item .item-text{
    width:90%;
}
.inner-search-bar .item_col.append_n{
    display:none;
}
.inner-search-bar.append_fields_advance{
    flex-wrap:wrap;
}
.inner-search-bar .item_col.append_n.active{
    display:flex;
}


section {
    padding: 70px 0;
}

/* arrangment */


.arrangements {
    padding-top: 0;
}

.arrangements .content h2 {
    color: var(--primary-color);
}


.content_half_center {
    text-align: center;
    max-width:80rem;
    margin: 0 auto 20px;
}

/* Wrapper */


/* Cards */

.cards-section .col {
    width: 100%;
    padding: 10px;
    box-sizing: border-box;
}

.combo_flex{
    margin:-1rem;
}
.combo_flex .col{
    width:calc(100% / 3);
    padding:1rem;
}

.cards-section .col .inner {
    background: var(--ice-blue);
    border-radius: 18px;
    box-shadow: 0px 5px 6px 1px #ABBED166;
    overflow: hidden;
}

/* Card Image */
.cards-section .col .inner .card-img {
    position: relative;
    padding-bottom: 62%;
    overflow: hidden;
    border-top-left-radius: 18px;
    border-top-right-radius: 18px;
    display: block;
}

.cards-section .col .inner .card-img img {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition:all 0.5s ease ;
  -webkit-transition:all 0.5s ease ;
  -moz-transition:all 0.5s ease ;
  -ms-transition:all 0.5s ease ;
  -o-transition:all 0.5s ease ;
    
}
.cards-section .col .inner .card-img:hover img{
    transition:all 0.5s ease ;
  -webkit-transition:all 0.5s ease ;
  -moz-transition:all 0.5s ease ;
  -ms-transition:all 0.5s ease ;
  -o-transition:all 0.5s ease ;
  -ms-transform: scale(1.2);
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -o-transform: scale(1.2);
}

.cards-section .col .inner .tag {
    position: absolute;
    top: 12px;
    right: 12px;
    background: var(--secondry-color);
    color: #fff;
    padding: 5px 12px;
    font-size: 12px;
    border-radius: 8px;
    font-family: 'Bold';
}
.cards-section .col .inner .fav_icon{
    position: absolute;
    top: 12px;
    left: 12px;
    background: #ffffffad;
    border-radius: 3px;
    overflow:hidden;
    width:4rem;
    height:4rem;
    display:flex;
    justify-content:center;
    align-items:center;
    padding:.3rem;
}
.cards-section .col .inner .fav_icon img{
    width:100%;
    height:100%;
    object-fit:contain;
    object-position:center;
    padding: .5rem;
}
.cards-section .col .inner .tag.left_tag{
    right:unset;
    left:12px;
}
/* Content */
.cards-section .col .inner .card-content {
    padding: 20px;
    text-align: left;
}

.cards-section .col .inner .card-content h3 {
    margin-bottom:6px;
    font-size: 20px;
    font-family: 'Black';
    letter-spacing:0;
}
.cards-section .col .inner .card-content h3 a{
    color: var(--primary-color);
    position:relative;
}
.cards-section .col .inner .card-content h3 sub.lbl_badge{
    font-family: 'Medium';
    background: #04768e87;
    font-size: 1.1rem;
    padding: .2rem .5rem;
    border-radius: 3px;
    color: var(--white);
    font-style:normal;
    margin-left: .5rem;
    bottom: 4px;
    position: absolute;
    width: max-content;
}
.cards-section .col .inner .card-content h3 a:hover{
color: var(--secondry-color);
}
.cards-section .col .inner .location {
    color: var(--light-grey);
    font-size: 14px;
    margin-bottom: 15px;
    font-family: 'SemiBold';
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.cards-section .col .inner .btn_blk .site_btn{
    font-size:1.4rem;
}

/* Features List */
.cards-section .col .inner .features {
    list-style: none;
    margin: 0 0 15px;
    padding: 0;
}

.cards-section .col .inner .features li {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
    font-size: 14px;
    font-family: 'SemiBold';
    color: #2D3135;
}

.cards-section .col .inner .features img {
    width: 28px;
    height: 28px;
    margin-right: 8px;
    object-fit: contain;
}

.owl-dots{
    padding-top: 1rem;
}
.owl-nav button{
    width: 44px;
    height: 44px;
    overflow: hidden;
    padding: 0;
    border: none;
}
.owl-nav button span{
    position: relative;
    width: 100%;
    height: 100%;
}
.owl-nav button.owl-prev{
    margin-left: -5rem!important;
}
.owl-nav button.owl-next{
    margin-right: -5rem!important;
}
.owl-nav button span:before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}
.owl-nav button span.prev_nav:before{
    background: url(../images/cstm/left_arrow.svg) center/contain no-repeat;
}
.owl-nav button span.next_nav:before{
    background: url(../images/cstm/right_arrow.svg) center/contain no-repeat;
}

.view_all_outer{
    text-align: center;
    margin-top: 2.5rem;
}

.view_all_outer a{
    font-family: 'SemiBold';
    font-size: 1.8rem;
    text-decoration: underline;
    color: var(--primary-color);
}
/* Price */
.arrangements .col .inner .price {
    font-size: 12px;
    margin-bottom: 15px;
    color: var(--light-grey);
    text-align: center;
    display: flex;
    gap: 1rem;
    font-family: 'SemiBold';
    align-items: center;
    justify-content: center;
}

.arrangements .col .inner .price span {
    color: var(--secondry-color);
    font-family: 'Black';
    font-size: 18px;
}

.arrangements .col .inner .btn-blk {
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.arrangements .col .inner .btn-blk .site_btn{
    font-size: 1.3rem;
    height: 3.5rem;
}



/* chat bar */

.chat-bar {
    background: var(--ice-blue);
    padding: 0 0;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 4rem;
}
.chat_outer_blk{
    display: flex;
    flex-wrap: wrap;
    gap: 2rem;
}
.chat_outer_blk .image{
    width: 144px;
    height: 126px;
    overflow: hidden;
    margin-top: -5rem;
}
.chat_outer_blk .image img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.chat_outer_blk .chat-text{
    align-self: center;
    font-family: 'SemiBold';
    font-size: 1.8rem;
    color: #89939E;
}
.chat_outer_blk .btn_blk{
    align-self: center;
}
.chat_outer_blk .btn_blk .site_btn{
    min-width: 235px;
}
.chat_outer_blk .btn_blk .site_btn:hover img{
    filter: brightness(0) invert(1);
}

/* logo sec */


.logo-slider {
    max-width: 90rem;
    margin: 4rem auto 0;
}


.logo-item {
    width: 150px;
    height: 150px;
    background: url(../images/cstm/logo_bg.png) center/contain no-repeat;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2.5rem;
    margin: auto;
}
.logo-slider .owl-theme .owl-nav{
    top: 17%;
}
.logo-slider .owl-dots{
    padding-top: 2rem;
}
.logo-item img {
    height: 6rem;
    object-fit: contain;
}

/* cta section */
.cta-box-section:not(.plan_sec){
    padding-top: 0;
}
.cta-box {
    background: var(--ice-blue);
    border-radius: 18px;
    padding: 25px 50px;
    display: flex;
/*     align-items: center; */
    gap: 4rem;
}
.cta-box.cta-box-l{
    padding: 36px 50px;
}
.cta-box  > *{
    flex: 1;
    align-self:center;
}

.cta-left h2{
    margin-bottom:0;
}
.cta-left p {
    color: var(--primary-color);
    font-size: 13px;
    font-family: 'SemiBold';
    margin-top:1rem;
}
.cta-list ul.wp-block-list{
    padding-left:0!important;
}
.cta-list li {
    font-size: 18px;
    position: relative;
    font-family: 'SemiBold';
    display: flex!important;
    align-items: center;
}

.cta-list li::before {
    content: "+";
    color: var(--secondry-color);
    font-weight: bold;
    margin-right: 6px;
    font-size: 27px;
}

.cta-action.btn_blk {
    flex-direction: column;
    gap: .5rem;
/*     flex: .8; */
}


.cta-link {
    color: var(--primary-color);
    font-size: 13px;
    font-family: 'SemiBold';
    text-align: center;
}

/* why */

.why-section {
    background: var(--ice-blue);
}
.outer_team_flex{
    margin-top: 6rem;
    display: flex;
    flex-direction: column;
    gap: 4rem;
}

.why-section .outer_team_flex .flex {
    max-width: 850px;
    margin: auto;
}
.why-section .outer_team_flex .flex:nth-child(even){
    flex-direction: row-reverse;
}
.why-section .outer_team_flex .flex:nth-child(even) .colr{
    padding-left: 7rem;
}
.why-section .outer_team_flex .flex:nth-child(odd) .colr{
    padding-right: 7rem;
}
.why-section .outer_team_flex .flex:nth-child(even) .col{
    display: flex;
    justify-content: flex-end;
}

.why-section .flex .col {
    width: 40%;
}

.why-section .flex .colr {
    width: 60%;
    align-self: center;
}

.why-section .flex .colr h3 {
    color: var(--primary-color);
}

.why-section .flex .col .image {
    width: 284px;
    height: 284px;
    overflow: hidden;
}

.why-section .flex .col .image img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center;
}

/* plan sec */

.plan_sec li {
    position: relative;
    padding-left: 2.6rem;
}
.plan_sec li:not(:last-child){
    margin-bottom: 1rem;
}
.plan_sec li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 6px;
    width: 16px;
    height: 16px;
    background-image: url('../images/tick.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.plan_sec li:last-child::before {
    background-image: url('../images/double_tick.svg');
    height: 21px;
}


/* tetsimonial section */


.testimonial-section{
    padding-top: 0;
}
.testimonial-section h2 {

    color: var(--primary-color);
    text-align: center;
}

.testimonial-section .testimonial-box {
    background: var(--ice-blue);
    margin: 20px auto 0;
    padding: 50px 40px;
    max-width: 1000px;
    border-radius: 18px;
    position: relative;
}
.testimonial-section .owl-theme .owl-nav{
    top: 40%;
}
.testimonial-section .stars {
    height: 2.9rem;
    width: 17rem;
    overflow: hidden;
    margin: 0 auto 2rem;
}

.testimonial-section .stars img {
   width: 100%;
   height: 100%;
   object-fit: contain;
   object-position: center;
}
.testimonial-section .review-text {
    max-width: 700px;
    margin: 0px auto;
    text-align: center;
}
.testimonial-section .review-text p{
    font-size: 22px;
    color: var(--primary-color);
    font-style: italic;
}
.testimonial-section .review-author {
    margin-top: 4rem;
    color: var(--light-grey);
    font-size: 18px;
    text-align: center;
}

.testimonial-section .review-author strong {
    font-family: 'SemiBold';
    display: block;
    font-size: 18px;
}

.testimonial-section .powered {
    position: absolute;
    bottom: 15px;
    right: 20px;
    text-align: right;
    color: #A0AEC0;
}

.testimonial-section .powered .company {
    display: block;
    font-family: 'Bold';
    font-size: 14px;
    font-weight: 600;
}

.testimonial-section .view-reviews {
    color: var(--primary-color);
    font-size: 18px;
    text-decoration: underline;
    text-align: center;
    /* margin: auto; */
    width: 100%;
}

/* outer_insta_feed */
.insta_feed_sec{
    padding-top: 0;
}
.outer_insta_feed{
    margin-top: 3rem;
}
.outer_insta_feed .owl-theme .owl-nav{
    top: 37%;
    z-index: -1;
}
.outer_insta_feed .item{
    padding: .5rem;
}
.outer_insta_feed .item .image{
    position: relative;
    display: block;
    padding-bottom: 140%;
    overflow: hidden;
    border-radius: 18px;
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    -ms-border-radius: 18px;
    -o-border-radius: 18px;
}
.outer_insta_feed .item .image img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    transition:all 0.5s ease ;
  -webkit-transition:all 0.5s ease ;
  -moz-transition:all 0.5s ease ;
  -ms-transition:all 0.5s ease ;
  -o-transition:all 0.5s ease ;
}
.outer_insta_feed .item .image:hover img{
   transition:all 0.5s ease ;
  -webkit-transition:all 0.5s ease ;
  -moz-transition:all 0.5s ease ;
  -ms-transition:all 0.5s ease ;
  -o-transition:all 0.5s ease ;
  -ms-transform: scale(1.2);
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -o-transform: scale(1.2);
}
/* festival sec */

.festival {
    padding-top: 0;
}
.grid_block{
    column-gap: 7rem;
}
.grid_block .col {
    flex: 1;
    align-self: center;
}


.grid_block .col .image {
    border-radius: 18px;
   position: relative;
   padding-bottom: 70%;
    overflow: hidden;
}
.grid_block .col .image .play_blk{
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}
.grid_block .col .image .play_blk button{
    width: 7rem;
    height: 7rem;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50px;
    padding: 1.5rem;
    background: #ffffffd1;
    cursor: pointer;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}
.grid_block .col .image .play_blk button:hover{
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    background: #ffffff;
}
.grid_block .col .image .play_blk button img{
    height: 100%;
    object-fit: cover;
    object-position: center;
    width: 100%;
}
.grid_block .col .image > img {
    height: 100%;
    object-fit: cover;
    object-position: center;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}
.grid_block .col .btn_blk{
    margin-top: 2rem;
}
.grid_block .col .btn_blk .site_btn{
    min-width: 25rem;
}

/* faq sec */

.faq-column {
    flex: 1;
    min-width: 300px;
}

/* FAQ item */
.faq_outer{
    display: flex;
    flex-wrap: wrap;
    column-gap: 7rem;
    margin-top: 4rem;
}
.faq-item {
    border-bottom: 1px solid #6EB7C3;
    padding: 21px 0;
    flex: 1;
}

h3.faq-question{
    font-family: 'Bold';
    font-size: 16px;
    color: var(--primary-color);
    cursor: pointer;
    display: flex;
    padding-right: 4rem;
    align-items: center;
    position: relative;
    margin-bottom:0;
}
h2.faq-question{
     font-family: 'Bold';
    font-size: 32px;
    color: var(--primary-color);
    cursor: pointer;
    display: flex;
    padding-right: 4rem;
    align-items: center;
    position: relative;
    margin-bottom:0;
}
.faq-question:after{
    position: absolute;
    content: '';
    width: 2.5rem;
    height: 2.5rem;
    background: url(../images/up.svg) center/contain no-repeat;
    right: 0;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    z-index:1;
}

.faq-answer {
    display: none;
    padding: 10px 0 0;
    color: #333;
    line-height: 1.6;
}
.faq-answer a{
	color:var(--primary-color);
	text-decoration:underline;
}

/* Active State */
.faq-item.active .faq-question:after {
    background: url(../images/down.svg) center/contain no-repeat;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}

/* meer_btns  */

.meer_btns {
    padding-top: 0;
}

.meer_btns h3 {
    color: var(--primary-color);
    margin-bottom: 40px;
    text-align: center;
    font-size: 3.2rem;
}

.meer_btns .btn_blk {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
    transition: transform 0.3s ease;
    will-change: transform;
}

.meer_btns_inner.dragging .btn_blk {
    transition: none;
    cursor: grabbing;
}

.meer_btns_inner .btn_blk_wrapper {
    overflow: hidden;
    cursor: grab;
}

/* news letter */

.newsletter-section {
    background: var(--ice-blue);
    padding: 26px 0;
    position: relative;
    overflow: hidden;
}

.newsletter-text{
    max-width: 60rem;
    padding-right: 4rem;
}


.newsletter-text p {
    font-size: 18px;
    color: var(--primary-color);
    font-family: 'SemiBold';
}
.newsletter-text p:has(strong){
    font-family: 'MyCustomFont', sans-serif;
    font-weight: 700;
    font-size: 3.2rem;
    margin-bottom: .5rem;
}

.newsletter-form{
margin-block-end: 0em;
}

.newsletter-form .relative_field{
    display: flex;
    gap: 10px;
    margin-bottom: 0;
}
.newletter-form .kb-row-layout-id1877_4974eb-e7 > .kt-row-column-wrap{
    column-gap:1rem!important;
}
.newletter-form .kb-adv-form-success {
    color: #04768e !important;
    background-color: #d4edda00 !important;
    border-color: #c3e6cb00 !important;
}
.newsletter-form input {
    width: 100%;
    height: 3.6rem;
    border-radius: 25px!important;
    border: none!important;
    outline: none!important;
    font-size: 14px!important;
    background: var(--white)!important;
    padding: .5rem 2rem!important;
    font-family: 'Medium'!important;
}

.newsletter-form input::placeholder {
    color: #A0AEC0;
}
.newsletter-form .kb-adv-form-error-title , .newsletter-form .kb-adv-form-field-errors , .newsletter-form .kb-adv-form-warning:not(.kb-adv-form-error-msg){
    display:none;
}
.newsletter-form .kb-adv-form-error-msg{
    position: absolute;
    margin-top: 3rem;
    font-size: 1.2rem;
    color: #F44336;
    background: transparent;
}

.newsletter-form .kb-button.kt-btn-width-type-full {
    position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  row-gap: 1rem;
  -moz-column-gap: 1rem;
  column-gap: 1rem;
  font-family: "Bold";
  text-align: center;
  padding: 0 2rem;
  letter-spacing: 0.03rem;
  white-space: nowrap;
  border: 2px solid #89939E!important;
    background-color: transparent!important;
  color: var(--primary-color)!important;
  border-radius: 50rem;
  -webkit-border-radius: 50rem;
  -moz-border-radius: 50rem;
  -ms-border-radius: 50rem;
  -o-border-radius: 50rem;
  outline: none !important;
  transition: all ease 0.5s;
  line-height: 1;
  cursor: pointer;
    height: 36px;
    width: unset!important;
    font-size: 1.3rem;
}
.newsletter-form .kb-submit-field{
    display:unset!important;
}
.newsletter-form .kb-button.kt-btn-width-type-full:hover{
    background-color: var(--secondry-color)!important;
  color: var(--white)!important;
  border-color: var(--secondry-color)!important;
}

/* RIGHT IMAGE SHAPE */


.newsletter-section .wrapper {
    position: absolute;
    right: 0;
    top: -120px;
    bottom: 0;
    height: 100%;
    width: 38rem;
    height: 38rem;
    object-fit: cover;
    background-image: url('../images/cstm/most_mask.svg');
    background-size: cover;
    background-repeat: no-repeat;
    transition: all 0.5s ease;
    display: flex;
    justify-content: center;
    align-items: center;

}

.newsletter-section .image {
    position: relative;
    width: 30rem;
    height: 30rem;
    object-fit: cover;
    background-image: url('../images/cstm/inner_mask.svg');
    background-size: cover;
    background-repeat: no-repeat;
    transition: all 0.5s ease;
    padding: 3.5rem;
}

.newsletter-section img {

    width: 100%;
    height: 100%;
    object-fit: cover;

    /* Curve mask */
    mask-image: url('../images/mask3.svg');
    mask-size: 100% 100%;
    mask-repeat: no-repeat;

    -webkit-mask-image: url('../images/mask3.svg');
    -webkit-mask-size: 100% 100%;

}


/* -------new css--- */

.cards-section .col .inner .btn-blk{
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.cards-section .col .inner .btn-blk .site_btn {
    font-size: 1.3rem;
    height: 3.5rem;
}
.cards-section .col .inner .price {
    font-size: 12px;
    margin-bottom: 15px;
    color: var(--light-grey);
    text-align: center;
    display: flex;
    gap: 1rem;
    font-family: 'SemiBold';
    align-items: center;
    justify-content: center;
}
.cards-section .col .inner .price span {
    color: var(--secondry-color);
    font-family: 'Black';
    font-size: 18px;
}

.abt_image figure , .last_image figure{
    width:284px!important;
    height:284px!important;
    overflow:hidden!important;
    margin:auto!important;
}

.abt_image img , .last_image img{
    width:100%;
    height:100%;
    object-fit:contain;
    object-position:center;
}
.abt_image .kt-split-content-wrap{
    grid-template-columns: 40% auto!important;
}

.grid_block figure{
    border-radius:18px;
    overflow:hidden;
}

.grid_block figure img{
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
}
.wp-block-button.site_btn.bg{
    padding:0!important;
    height:5rem!important;
}
.wp-block-button.site_btn.bg a{
    padding: 0!important;
    background: transparent!important;
    color: var(--primary-color)!important;
    font-family: "Bold"!important;
    font-size:1.6rem!important;
}
.wp-block-button.site_btn.bg a:hover{
    color:var(--white)!important;
}
.p_b_0{
    padding-bottom:0;
}

.custom-accordion .kt-blocks-accordion-header{
    border-left:none!important;
    border-right:none!important;
    padding-left:0!important;
    padding-right:0!important;
}
.custom-accordion .kt-blocks-accordion-title{
    color:var(--primary-color)!important;
    font-family: 'Bold'!important;
    font-size: 16px!important;
}
.custom-accordion .kt-accordion-panel-inner{
    padding-left:0!important;
    padding-right:0!important;
}
.custom-accordion .kt-acccordion-button-label-show .kt-blocks-accordion-icon-trigger{
    cursor:pointer;
}
.custom-accordion .kt-acccordion-button-label-show .kt-blocks-accordion-icon-trigger:before{
    display:none!important;
}
.custom-accordion .kt-acccordion-button-label-show .kt-blocks-accordion-icon-trigger:after{
    position: absolute!important;
    content: ''!important;
    width: 2.5rem!important;
    height: 2.5rem!important;
    background: url(../images/up.svg) center / contain no-repeat!important;
    right: 0!important;
    transition: all 0.5s ease!important;
    -webkit-transition: all 0.5s ease!important;
    -moz-transition: all 0.5s ease!important;
    -ms-transition: all 0.5s ease!important;
    -o-transition: all 0.5s ease!important;
    transform: none!important;
    top:0!important;
}
.custom-accordion .kt-acccordion-button-label-show.kt-accordion-panel-active .kt-blocks-accordion-icon-trigger:after{
    background: url(../images/down.svg) center / contain no-repeat!important;
}

/* =====new css==== */
.p_t_3{
    padding-top:3rem;
}
.p_b_3{
    padding-bottom:3rem;
}
.searchProductsCards .flex{
    margin:-1rem;
}
.result_header{
    margin-bottom:1rem;
}
.result_header .sorted_filter select{
    -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
    background-image: url(../images/arrow-grey.svg);
  background-position: right 5px center;
    background-size: 15px;
    background-repeat:no-repeat;
    padding-right: 33px;
}
.pagination{
    display: flex;
    justify-content: center;
    margin-top: 3rem!important;
}
.page-numbers li span{
    border-radius:4px!important;
}
.page-numbers li span.current{
    border-color:var(--primary-color);
}
/* -----blof detail accordian--- */
.inhoud-list ol {
  list-style-position: outside;
  column-count: 2;
  column-gap: 60px;
  margin: 0;
  padding: 0;
  font-family:'Bold';
  font-size: 18px;
  font-weight: 700;
  line-height: 2.2;
}

.inhoud-list li {
  break-inside: avoid;
  margin-bottom: 6px;
}

.inhoud-list a {
  color: var(--primary-color);
  text-decoration: underline;
  text-underline-offset: 3px;
    display:inline;
}

.inhoud-list a:hover {
  opacity: 0.8;
}
.faq_outer.blog_faq_outer{
    margin-top:1rem;
    flex-direction: column;
}
.inhoud-list ol{
    margin-left:2rem;
}
.inhoud-list ol li::marker {
  color: var(--primary-color);
  font-weight: 700;
}



.meer_btns_inner {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.meer_btns_inner .btn_blk_wrapper {
    overflow: hidden;
    width: 100%;
    
}

.meer_btns_inner .btn_blk {
   flex-wrap:nowrap;
    gap: 20px;
    transition: transform 0.3s ease;
    justify-content:unset;
}

.meer_btns_inner .site_btn {
    min-width: 233px;
    text-align: center;
}

/* arrows */
.meer_btns_inner .arrow {
    background: transparent;
    border: none;
    cursor: pointer;
    font-size: 2rem;
    padding: 0;
    height: 3.5rem;
    width:3.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow:hidden;
}
.meer_btns_inner .arrow img{
    width:100%;
    height:100%;
    object-fit:contain;
    object-position:center;
}
.meer_btns_inner .arrow.left{
    margin-left:-2rem;
}
.meer_btns_inner .arrow.right{
    margin-right:-2rem;
}
.loadingSearch{
    display: flex;
    justify-content: center;
}
.faq-answer p.has-white-color{
    color:var(--black)!important;
}
.load-more-posts:focus{
        background-color:transparent!important;
    }
.load-more-posts .loadingSearch{
        width: unset!important;
    }
.load-more-posts .loadingSearch .ldio-yzaezf3dcmj div{
    width: 25px;
    height: 25px;
}
.map_n_blk{
    border-radius:18px;
    overflow:hidden;
}


/* cstm-css */
.kt-row-layout-inner, .kb-row-layout-wrap {
    position: relative;
    border: 0 solid rgba(0, 0, 0, 0);
}
.kt-row-layout-inner:before,.kb-row-layout-wrap:before {
    clear: both;
    display: table;
    content: ""
}

.kt-row-column-wrap {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: var(--global-row-gutter-md, 2rem) var(--global-row-gutter-md, 2rem);
    grid-auto-rows: minmax(min-content, max-content);
    z-index: 1;
    position: relative
}

.wp-block-kadence-rowlayout .kt-row-column-wrap.kb-theme-content-width {
    margin-left: auto;
    margin-right: auto
}