.ct-menu-section{border-bottom: 1px solid #ddd;}

#hero_intro_wrappers_content { background-color: #012B29;}
#hero_intro_wrappers_content .content_wrapper { color : var(--light-color); width: 85%; margin-left: auto; margin-right : auto;}
.page-id-575 header#masthead { position : unset; }
#hero_intro_wrappers_content .content_wrapper h2 { color : var(--light-color); font-weight: 600;font-size: 55px; }
#hero_intro_wrappers_content h2 strong { color : var(--primary-light-color); font-weight: 600; }
#hero_intro_wrappers_content .content_wrapper p { text-align: center; font-size: 22px;
    font-weight: 400;
    line-height: 1.5;}

.dynamic-list-wrapper { margin: 0 auto; }
.dynamic-list-container { list-style-type: none; padding: 0; margin: 0; border-top: 1px solid #F0F0F0; }
.dynamic-list-item { display: flex; justify-content: space-between; align-items: center; padding: 24px 0; border-bottom: 1px solid #F0F0F0; }
.dynamic-list-details { display: flex; align-items: center; gap: 8px; }
.dynamic-list-title { font-size: 28px;
    font-weight: 500;
    color: #333333;
    letter-spacing: -0.01em; }
.dynamic-list-count { font-size: 22px;
    color: #4CAF50;
    font-weight: 300;}
.dynamic-list-button { display: inline-block; padding: 12px 26px; font-size: 13px; font-weight: 500; color: #333333; text-decoration: none; text-transform: uppercase; background-color: transparent; border: 1px solid #999999; border-radius: 10px; transition: all 0.2s ease-in-out; }
.dynamic-list-button:hover { background-color: #f5f5f5; border-color: #1D1D1D; color: #000000; }
.dynamic-list-container { margin-left: auto; margin-right: auto; max-width: 85%; }
.dynamic-list-wrapper .dynamic-list-item { margin-bottom: 0;}
section.content-list-section { margin: 40px 0;}

/* samples and lookback */
.page-id-557 header#masthead { position: unset; }
.two_column_content_with_bg_wrapper { padding: 150px 0; background-image: linear-gradient(rgba(18, 61, 47, 0.85), rgba(18, 61, 47, 0.85)), url('https://www.staging.kabiner.com/wp-content/uploads/2026/08/bg-sample-lookbooks.png'); background-size: cover; background-position: center; background-repeat: no-repeat; display: flex; align-items: center; position: relative; overflow: hidden; }
.two_column_content_with_bg_wrapper .row { align-items: center; }
.two_column_content_with_bg_wrapper .content_wrap { width: 100%; margin-left: auto; margin-right: auto; }
.two_column_content_with_bg_wrapper .left_wrap { padding-right: 40px; }
.two_column_content_with_bg_wrapper .left_wrap h2 { color: var(--light-color); margin-top: 0; font-weight: 600; font-size: 66px; line-height: 72px; }
.two_column_content_with_bg_wrapper .left_wrap p { font-size: 22px; color: var(--light-color); font-weight: 400; margin: 0; }
.two_column_content_with_bg_wrapper .right_wrap { background-color: var(--light-color); border-radius: 24px; padding: 40px; box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15); }
.two_column_content_with_bg_wrapper .wpcf7-form { display: grid; grid-template-columns: 1fr 1fr; gap: 20px 10px;}
.two_column_content_with_bg_wrapper .wpcf7-form > h3, .two_column_content_with_bg_wrapper .wpcf7-form > p:nth-of-type(1) { grid-column: 1 / -1; width: 100% ; margin: 0; display: block; }
.two_column_content_with_bg_wrapper .wpcf7-form h3 { display: block; width: 100%; text-align: center; font-size: 24px; font-weight: 600; color: var(--dark-color); margin: 0 0 24px 0; line-height: 18px; }
.two_column_content_with_bg_wrapper .wpcf7-form > p, .two_column_content_with_bg_wrapper .wpcf7-form > label { margin: 0; position: relative; width: 100%; height: 100%; }
.two_column_content_with_bg_wrapper .wpcf7-form > p:nth-of-type(6), .two_column_content_with_bg_wrapper .wpcf7-form > label:nth-of-type(5) { grid-row: span 2; }
.two_column_content_with_bg_wrapper label { font-size: 0; color: transparent; display: block; position: relative; }
.two_column_content_with_bg_wrapper .wpcf7-form-control-wrap { display: block; width: 100%; position: relative; height: 100%; }
.two_column_content_with_bg_wrapper .wpcf7-form-control-wrap::before {position: absolute; top: -10px; left: 16px; background-color: var(--light-color); padding: 0 6px; font-size: 12px; color: #D5D5D5; z-index: 1; pointer-events: none; letter-spacing: 0.5px; font-weight: 200;}
.two_column_content_with_bg_wrapper .wpcf7-form-control-wrap[data-name="your-name"]::before { content: "First Name"; }
.two_column_content_with_bg_wrapper .wpcf7-form-control-wrap[data-name="your-phone"]::before { content: "Mobile Number"; }
.two_column_content_with_bg_wrapper .wpcf7-form-control-wrap[data-name="your-email"]::before { content: "Email Id"; }
.two_column_content_with_bg_wrapper .wpcf7-form-control-wrap[data-name="your-district"]::before { content: "District"; }
.two_column_content_with_bg_wrapper .wpcf7-form-control-wrap[data-name="your-address"]::before { content: "Address"; }
.two_column_content_with_bg_wrapper .wpcf7-form-control-wrap[data-name="your-state"]::before { content: "State"; }
.two_column_content_with_bg_wrapper .wpcf7-form-control-wrap[data-name="your-pincode"]::before { content: "Pin Code"; }
.two_column_content_with_bg_wrapper .wpcf7-form-control.wpcf7-text, .two_column_content_with_bg_wrapper .wpcf7-form-control.wpcf7-email, .two_column_content_with_bg_wrapper .wpcf7-form-control.wpcf7-number, .two_column_content_with_bg_wrapper .wpcf7-form-control.wpcf7-tel, .two_column_content_with_bg_wrapper .wpcf7-form-control.wpcf7-textarea { width: 100%; padding: 10px 14px; border: 1px solid #eaeaea; border-radius: 8px; background-color: transparent; font-size: 16px; color: var(--dark-color); outline: none; box-sizing: border-box; transition: border-color 0.3s ease;}
.two_column_content_with_bg_wrapper .wpcf7-textarea { height: 110px; min-height: 112px; resize: none; }
.two_column_content_with_bg_wrapper .wpcf7-form-control:focus { border-color: var(--primary-color); }
.two_column_content_with_bg_wrapper .wpcf7-form-control::placeholder { color: transparent; } 
.two_column_content_with_bg_wrapper .wpcf7-form-control:focus::placeholder { color: var(--text-color); opacity: 0.5; }
.two_column_content_with_bg_wrapper input[type=number]::-webkit-inner-spin-button, .two_column_content_with_bg_wrapper input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }
.two_column_content_with_bg_wrapper .wpcf7-form > p:last-child { grid-column: 1 / -1; display: flex; justify-content: center; margin-top: 15px; margin-bottom: 0; }
.two_column_content_with_bg_wrapper .wpcf7-submit { grid-column: 1 / -1; justify-self: center; background-color: var(--primary-light-color); color: var(--light-color); font-size: 16px; font-weight: 500; padding: 14px 45px; border: none; border-radius: 8px; cursor: pointer; transition: background-color 0.3s ease; }
.two_column_content_with_bg_wrapper .wpcf7-submit:hover { background-color: var(--primary-color); }
.two_column_content_with_bg_wrapper .left_wrap .content_wrap {width: 76%; margin-left: 100px; display: flex; flex-direction: column;}

/* Why Kabiner Hero */
.page-id-567 header#masthead { position: unset; }
.why_kabiner_hero { width: 100%; min-height: 700px; background-size: cover; background-position: center; background-repeat: no-repeat; background-color: #ffffff; display: flex; align-items: flex-start; justify-content: center; padding-top: 130px; box-sizing: border-box; position: relative; }
.why_kabiner_hero .content_wrapper { width: 100%; max-width: 1200px; padding: 0 20px; margin: 0 auto; z-index: 2; position: relative; }
.why_kabiner_hero .content_wrapper h1 {  color: #1a1a1a; text-align: center; font-size : 50px;}
.split-comparison-layout .comparison-item-card p { margin-bottom: 0; font-size: 22px; line-height: 1.5; }


/* split comparison */
.split-comparison-layout { padding: 80px 0; background-color: #f6f6f6; }
.split-comparison-layout .comparison-grid-container { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; align-items: start; }
.split-comparison-layout .col-header { display: flex; align-items: center; justify-content: center; margin-bottom: 30px; gap: 12px; }
.split-comparison-layout .col-header .header-icon img { width: 32px; height: auto; display: block; }
.split-comparison-layout .col-header h3 { font-size: 24px; font-weight: 700; color: #1a1a1a; margin: 0; text-transform: uppercase; letter-spacing: -0.02em; }
.split-comparison-layout .comparison-item-card { background: #ffffff; border-radius: 20px; padding: 20px 24px; display: flex; align-items: center; gap: 20px; margin-bottom: 20px; box-shadow: 0 4px 15px rgba(0,0,0,0.03); min-height: 90px; box-sizing: border-box; }
.split-comparison-layout .comparison-item-card:last-child { margin-bottom: 0; }
.split-comparison-layout .item-icon { flex-shrink: 0; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; }
.split-comparison-layout .item-icon img { max-width: 100%; height: auto; display: block; }
.split-comparison-layout .item-content { font-size: 16px; color: #333333; line-height: 1.4; font-weight: 500; margin: 0; }
.comparison-grid-container { max-width: 1200px; margin: 0 auto;}




.support-contact-wrapper { padding: 80px 0 0 0; background-color: #06261b; overflow: hidden; }
.support-contact-wrapper .support-contact-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: center; }
.support-contact-wrapper .support-image-col { display: flex; align-items: flex-end; justify-content: center; height: 100%; }
.support-contact-wrapper .support-person-img {max-width: 100%; width: 450px; height: 100%; display: block;}
.support-contact-wrapper .support-info-col { padding: 50px 0;}
.support-contact-wrapper .contact-groups-container { display: flex; flex-direction: column; gap: 50px; max-width: 400px; margin-right: 60px; }
.support-contact-wrapper .group-heading { color: #ffffff; font-size: 22px; font-weight: 600; text-align: center; margin: 0 0 16px 0; text-transform: uppercase; letter-spacing: 0.5px; }
.support-contact-wrapper .contact-methods-list { display: flex; flex-direction: column; gap: 16px; }
.support-contact-wrapper .contact-method-card { border: 1px solid rgba(255, 255, 255, 0.4); border-radius: 12px; padding: 20px 25px; display: flex; align-items: center; gap: 16px; background-color: transparent; transition: border-color 0.3s ease; }
.support-contact-wrapper .contact-method-card:hover { border-color: rgba(255, 255, 255, 0.8); }
.support-contact-wrapper .method-icon { flex-shrink: 0; width: 32px; height: 32px; display: flex; align-items: center; justify-content: center; }
.support-contact-wrapper .method-icon img { max-width: 100%; height: auto; display: block; }
.support-contact-wrapper .method-details { display: flex; flex-direction: column;gap:0; }
.support-contact-wrapper .method-label { color: rgba(255, 255, 255, 0.8); font-size: 12px; font-weight: 400; line-height: 1; margin: 0; }
.support-contact-wrapper .method-value {color: #ffffff; font-size: 22px; font-weight: 400; line-height: 24px; margin: 0;}



.experience_title_wrapper {
    padding: 100px 0 26px 0;
}
.experience_title_wrapper .container, .address_support_center_wrap .container { max-width: 900px;}
.experience_title_wrapper .content_wrapper {
   position: relative;
    border-bottom: 2px solid var(--primary-color);
    padding-bottom: 28px;
}

.experience_title_wrapper .content_wrapper h2 {
   display: flex;
    font-size: 36px;
    font-weight: 700;
    margin: 0;
    text-transform: uppercase;
    justify-content: space-between;
    padding-left: 40px;
}

.experience_title_wrapper .content_wrapper h2::before {
   content: '';
    display: inline-block;
    width: 32px;
    height: 40px;
    background-image: url(https://www.staging.kabiner.com/wp-content/uploads/2026/08/locations-icon.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    flex-shrink: 0;
    top: -4px;
    position: absolute;
    left: 0;
}






/* Address Support Center Layout */
.address_support_center_wrap {
    padding: 0 0 100px 0;
}

.address_support_center_wrap .row {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
}

/* Fix for Bootstrap 3 flexbox compatibility if needed */
.address_support_center_wrap .row::before,
.address_support_center_wrap .row::after {
    display: none;
}

.address_support_center_wrap .left_wrap .content_wrap p:first-child {
 font-size: 30px;
    font-weight: 600;
    color: var(--dark-heading-color);
    margin: 0 0 12px 0;
    text-transform: uppercase;
}

.address_support_center_wrap .left_wrap .content_wrap p:last-child {
   font-size: 22px;
    font-weight: 400;
    color: var(--dark-color);
    line-height: 1.4;
    margin: 0;
}

.address_support_center_wrap .right_wrap .content_wrap p {
    font-size: 26px;
    font-weight: 600;
    color: var(--dark-heading-color);
    margin: 0;
}
.address_support_center_wrap .right_wrap .content_wrap {text-align: right;}

.full_width_content_section.support-center-section h1{text-align: center; font-size: 55px; line-height: 60px; margin-top: 90px;}
.full_width_content_section.support-center-section p{font-size: 22px; font-weight: 500; margin-bottom: 22px;}
section.support-contact-wrapper {padding: 0;}

@media (max-width: 1024px) { 
    .why_kabiner_hero { min-height: 550px; padding-top: 100px; } 
    .why_kabiner_hero .content_wrapper h1 { font-size: 60px; } 
    .two_column_content_with_bg_wrapper .left_wrap .content_wrap{margin: 0;
    width: 100%}
    .two_column_content_with_bg_wrapper .left_wrap{padding-right: 0;}
}


@media (max-width: 991px){
.two_column_content_with_bg_wrapper{padding: 100px 0 !important;}
.two_column_content_with_bg_wrapper .left_wrap p{font-size: 20px;}
.two_column_content_with_bg_wrapper .left_wrap h2 {font-size: 55px; line-height: 62px;}
.support-contact-wrapper .contact-groups-container{margin-right: 10px;max-width: 370px;}
.experience_title_wrapper{padding: 80px 0 26px 0;}
.address_support_center_wrap{padding: 0 0 80px 0;}
.experience_title_wrapper .container, .address_support_center_wrap .container{max-width: 700px;}
#hero_intro_wrappers_content .content_wrapper h2 {font-size: 50px;line-height: 55px;}

} 
@media (max-width: 768px) { .why_kabiner_hero { min-height: 400px; padding-top: 80px; } .why_kabiner_hero .content_wrapper h1 { font-size: 42px; }
 }
 @media (max-width: 768px) { .split-comparison-layout .comparison-grid-container { grid-template-columns: 1fr; gap: 50px; } .split-comparison-layout { padding: 60px 0; } }




@media (max-width: 576px) { .support-contact-wrapper .method-value { font-size: 18px; } .support-contact-wrapper .contact-method-card { padding: 15px 20px; } }


@media (max-width: 767px) {
    .address_support_center_wrap .row {
        align-items: flex-start;
    }
    .address_support_center_wrap .right_wrap {
        margin-top: 20px;
    }
    .two_column_content_with_bg_wrapper .left_wrap p{font-size: 16px;}
    .two_column_content_with_bg_wrapper .left_wrap h2{font-size: 36px; line-height: 42px;}
    .two_column_content_with_bg_wrapper .row {gap:50px;}
    .two_column_content_with_bg_wrapper .wpcf7-form{grid-template-columns: 1fr;}

 .two_column_content_with_bg_wrapper .right_wrap {
        padding: 60px 20px 10px 20px;
    }
    .full_width_content_section.support-center-section h1{margin-bottom: 10px;font-size: 42px;
    line-height: 50px;}

.support-contact-wrapper .support-contact-grid{grid-template-columns: 1fr;}
.experience_title_wrapper .content_wrapper{padding-bottom: 30px;}
.experience_title_wrapper{padding: 80px 0 30px 0 !important;}
.address_support_center_wrap{padding: 0 0 80px 0 !important;}
.address_support_center_wrap .row{gap: 20px;}
.address_support_center_wrap .right_wrap .content_wrap{text-align: left;}
.experience_title_wrapper .content_wrapper h2{font-size: 30px;}
#hero_intro_wrappers_content .content_wrapper{width: 100%;}
#hero_intro_wrappers_content .content_wrapper h2{font-size: 36px; line-height: 42px;}
#hero_intro_wrappers_content{padding: 60px 0  !important;}
.content-list-section .dynamic-list-item{gap: 24px;padding: 30px 0;flex-direction: column;}
.content-list-section .dynamic-list-details{    align-items: center;  gap: 2px; flex-direction: column;}
}
#faq-page-section.faq_page_wrap .faq-custom-accordion .accordion-body { padding : 10px 25px; 15px 25px}
section.why_choose_us-block.two_column_brand_authority_section .main_content_wrapper { column-gap : 20px;}
section.why_choose_us-block.two_column_brand_authority_section .main_icon_wrap img { height: auto; object-fit: cover; border-top-left-radius: 20px; padding: 20px 20px 0 20px; border-top-right-radius: 20px;}
section.why_choose_us-block.two_column_brand_authority_section .main_content_wrapper .contents_wrapper h4 { line-height : 1.1; font-weight : 600; font-size :34px; margin-bottom : 40px; }
section.why_choose_us-block.two_column_brand_authority_section .main_icon_wrap .contents_wrapper p { line-height : 24px; color: #232323; letter-spacing : 0; font-weight : 400; font-size : 20px;}
section.why_choose_us-block.two_column_brand_authority_section .main_content_wrapper .main_icon_wrap { border-radius : 20px;}
.brand-story-content { background : #012B29; padding : 100px;}
.brand-story-content .container { max-width : 1000px;}
.brand-story-content .content_wrapper h3 { color : #fff;}
.brand-story-content .content_wrapper p { font-weight: 300; color: white; line-height: 25px; font-size: 20px; word-spacing : 6px;}
.site-footer .copyright_content p,.site-footer .copyright_content a { color : white !important;}




/* ==========================================================================
   Hero Image Content Section Styles
   ========================================================================== */
div#content .hero-image-content { padding : 0 !important;}

body.page-id-2695 header#masthead { position: unset;}
/* ==========================================================================
   Hero Image Content Section Styles
   ========================================================================== */

div#content .hero-image-content.story_behind_kabiner_wrapper { padding-top: 100px !important;}
.story_behind_kabiner_wrapper .hero-image-content__wysiwyg { top : 0;}
.story_behind_kabiner_wrapper .hero-image-content__image { margin-top: 60px;}

.story_behind_kabiner_wrapper .hero-image-content__wysiwyg p{text-align: center; margin-top : 20px; width: 40%; margin-left: auto; margin-right: auto; color: #313131; line-height: 1.3; }
.hero-image-content {
    padding: 60px 20px;
    background-color: #ffffff; /* Assuming a white background based on the image */
    display: flex;
    justify-content: center;
    width: 100%;
}

.hero-image-content__container {
    max-width: 1200px; /* Adjust to match your theme's container width */
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative; /* Added for absolute positioning of the heading */
}

.hero-image-content__wysiwyg {
    position: absolute; /* Position the text over the image */
    top: 25%; /* Adjust this value to move the text up or down over the image */
    left: 50%;
    transform: translateX(-50%);
    margin: 0;
    z-index: 10;
    width: 100%;
    text-align: center;
}

.hero-image-content__wysiwyg h1,
.hero-image-content__wysiwyg h2,
.hero-image-content__wysiwyg h3,
.hero-image-content__wysiwyg p {
    font-size: 3.5rem; /* Large font size to match the 'Why Kabiner?' text */
    font-weight: 700;
    color: #333333; /* Dark gray color for the text */
    line-height: 1.2;
    letter-spacing: -0.02em;
    margin: 0; /* Removing default margins to keep it tight */
}

/* Adjust font size for paragraphs if they shouldn't be as large as headings */
.hero-image-content__wysiwyg p {
    font-size: 1.5rem;
    font-weight: 400;
    margin-top: 10px;
}

.hero-image-content__image-wrapper {
    width: 100%;
    display: flex;
    justify-content: center;
}

.hero-image-content__image {
    max-width: 100%;
    height: auto;
    object-fit: cover;
    display: block;
    /* Optional: Add a subtle shadow or border radius if needed */
    /* border-radius: 8px; */
    /* box-shadow: 0 10px 30px rgba(0,0,0,0.05); */
}

/* Responsive adjustments */
@media screen and (max-width: 992px) {
    .hero-image-content__wysiwyg h1,
    .hero-image-content__wysiwyg h2,
    .hero-image-content__wysiwyg h3 {
        font-size: 3rem;
    }
}

@media screen and (max-width: 768px) {
    .hero-image-content {
        padding: 40px 15px;
    }

    .hero-image-content__wysiwyg h1,
    .hero-image-content__wysiwyg h2,
    .hero-image-content__wysiwyg h3 {
        font-size: 2.25rem;
    }
}



@media (max-width : 1200px){
	#faq-page-section { padding : 0 40px;}
}

@media (max-width : 767px){
	#faq-page-section { padding-left : 15px !important; padding-right : 15px !important;}
}