/*
Theme Name: Salient Child Theme
Description: This is a custom child theme for Salient
Theme URI:   https://themeforest.net/item/salient-responsive-multipurpose-theme/4363266
Author: ThemeNectar
Author URI:  https://themeforest.net/user/themenectar
Template: salient
Version: 1.0
*/

@font-face {
    font-family: 'Bricolage Grotesque';
    src: url('assets/fonts/BricolageGrotesque-Regular.woff2') format('woff2'),
        url('assets/fonts/BricolageGrotesque-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Bricolage Grotesque';
    src: url('assets/fonts/BricolageGrotesque-Medium.woff2') format('woff2'),
        url('assets/fonts/BricolageGrotesque-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Bricolage Grotesque';
    src: url('assets/fonts/BricolageGrotesque-SemiBold.woff2') format('woff2'),
        url('assets/fonts/BricolageGrotesque-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Bricolage Grotesque';
    src: url('assets/fonts/BricolageGrotesque-Bold.woff2') format('woff2'),
        url('assets/fonts/BricolageGrotesque-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'DM Sans';
    src: url('assets/fonts/DMSans-Regular.woff2') format('woff2'),
        url('assets/fonts/DMSans-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'DM Sans';
    src: url('assets/fonts/DMSans-Italic.woff2') format('woff2'),
        url('assets/fonts/DMSans-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'DM Sans';
    src: url('assets/fonts/DMSans-SemiBold.woff2') format('woff2'),
        url('assets/fonts/DMSans-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'DM Sans';
    src: url('assets/fonts/DMSans-Bold.woff2') format('woff2'),
        url('assets/fonts/DMSans-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'DM Sans';
    src: url('assets/fonts/DMSans-BoldItalic.woff2') format('woff2'),
        url('assets/fonts/DMSans-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

:root {
    --black-color: #000000;
    --white-color: #FFFFFF;
}

/**********************
 GENERAL
 **********************/
body, p, h6 { color: rgb(74, 84, 82); font-family: 'DM Sans', sans-serif; font-size: clamp(15px, 1.1vw, 17px); font-weight: normal; line-height: 1.5; }
strong, b { font-weight: bold; }

h1, h2, h3, h4, h5 { color: var(--nectar-extra-color-1); font-family: 'Bricolage Grotesque', sans-serif; font-weight: bold; }

h1, .h1 { font-size: clamp(40px, 5vw, 60px); line-height: 1.1; }
h2, .h2 { font-size: clamp(32px, 4vw, 50px); line-height: 1.2; }
h3, .h3 { font-size: clamp(26px, 3vw, 34px); line-height: 1.3; }
h4, .h4 { font-size: clamp(19px, 2.4vw, 24px); line-height: 1.3; }
h5, .h5 { color: var(--nectar-extra-color-2); font-size: clamp(17px, 1.5vw, 22px); line-height: 1.5; }
h6, .h6 { color: var(--nectar-extra-color-2); font-size: clamp(15px, 1vw, 16px); display: inline-block; font-weight: 500; letter-spacing: 0.1rem; line-height: 1.3; padding-left: 40px; position: relative; text-transform: uppercase; }
h6:before, .h6:before { content: ''; display: block; background-color: var(--nectar-extra-color-2); height: 2px; left: 0; position: absolute; top: 9px; width: 30px; }

h1 em, .h1 em, h2 em, .h2 em, h3 em, .h3 em, h4 em, .h4 em, h5 em, .h5 em { color: var(--nectar-extra-color-2); font-weight: normal; }
.light h1 em, .light h2 em, .light h3 em, .light h4 em, .light h5 em,
.wpb_column[data-cfc="true"] h1 em, .wpb_column[data-cfc="true"] h2 em, 
.wpb_column[data-cfc="true"] h3 em, .wpb_column[data-cfc="true"] h4 em,
.wpb_column[data-cfc="true"] h5 em { color: var(--nectar-accent-color); }

.light h6:before, .light .h6:before { background-color: var(--white-color); opacity: 0.5; }

.nectar-button.large { font-size: clamp(15px, 1.2vw, 18px); font-weight: 600; }

.mb-2 { margin-bottom: 0.5rem!important; }
.mb-3 { margin-bottom: 0.75rem!important; }
.mb-4 { margin-bottom: 1.5rem!important; }

.w-100 { width: 100%!important; }

.accent-color:not(.nectar-button) { color: var(--nectar-accent-color); }
.extra-color-1:not(.nectar-button) { color: var(--nectar-extra-color-1); }
.extra-color-2:not(.nectar-button) { color: var(--nectar-extra-color-2); }
.extra-color-3:not(.nectar-button) { color: var(--nectar-extra-color-3); }

.text-white { color: var(--white-color)!important; }

img.marenza-image-1, img.marenza-image-2 { aspect-ratio: 1/1; height: 100%; object-fit: cover; width: 100%; }
img.marenza-image-1 { border-radius: 58% 42% 35% 55% / 48% 68% 32% 52%; }
img.marenza-image-2 { border-radius: 48% 58% 55% 52% / 58% 62% 45% 45%; }


/**********************
 HEADER
 **********************/
#header-outer { background-color: #f5f5f5!important; }
#header-outer[data-lhe=animated_underline] #top nav > ul > li > a,
#header-outer .sf-menu li ul li.menu-item a { font-family: 'Bricolage Grotesque', sans-serif; font-size: clamp(15px, 1.2vw, 17px); font-weight: 500; line-height: 1.2; text-transform: uppercase; }

.sf-menu > li ul { border-radius: 10px; padding: 15px; }
#header-outer .sf-menu li ul li.menu-item a { border-radius: 6px; font-size: clamp(14px, 1.1vw, 15px); }

@media (max-width: 1199px) {
    #header-outer #logo img, #header-outer .logo-clone img, #header-outer .logo-spacing img { height: 65px; }
    #header-outer[data-lhe=animated_underline] #top nav > ul > li > a { margin-inline: 12px; }
}


/**********************
 FOOTER OUTER
 **********************/
#footer-outer h3 { max-width: 95%; }
#footer-outer h3 em { color: #7fa9af; }
#footer-outer h4 { letter-spacing: 0.08rem; text-transform: uppercase; }
#footer-outer h5 { font-size: clamp(15px, 1.3vw, 19px); font-weight: normal; }

#footer-outer img { max-height: 65px; }

#footer-outer ul > li > a { font-size: clamp(14px, 1vw, 15px); }

#footer-outer #copyright p { font-size: 13px; }

@media (min-width: 691px) {
    #footer-outer #copyright .span_7 { text-align: right; }
}

@media (max-width: 690px) {
    #footer-outer #footer-widgets .col:nth-child(2), #footer-outer #footer-widgets .col:nth-child(3) { width: 50%; }
    #footer-outer #copyright { text-align: center; }
    #footer-outer #copyright .span_5 { margin-bottom: 0.2rem; }
}


/**********************
 MOBILE MENU
 **********************/
.mobile-menu { display: none; }

@media (max-width: 999px) {
    body { padding-bottom: calc(90px + env(safe-area-inset-bottom)); }

    .mobile-menu { -webkit-backdrop-filter: blur(20px) saturate(160%); backdrop-filter: blur(20px) saturate(160%); background: rgba(250, 247, 242, 0.82); border: 1px solid rgba(255, 255, 255, 0.8); border-radius: 24px; bottom: calc(12px + env(safe-area-inset-bottom)); box-shadow: 0 8px 32px rgba(27, 37, 34, 0.16); display: block; left: 50%; max-width: 480px; padding: 7px; position: fixed; transform: translateX(-50%); width: calc(100% - 28px); z-index: 10000; }

    .mobile-menu .menu { align-items: stretch; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); list-style: none; margin: 0; padding: 0; }
    .mobile-menu .menu > li { list-style: none; margin: 0; padding: 0; }
    .mobile-menu .menu > li > a { align-items: center; border-radius: 18px; color: #4a5452; display: flex; flex-direction: column; font-family: 'DM Sans', sans-serif; font-size: 11px; font-weight: 600; gap: 3px; justify-content: center; line-height: 1.2; min-height: 56px; padding: 6px 2px; text-align: center; text-decoration: none; transition: background-color 180ms ease, color 180ms ease; }
    .mobile-menu .menu > li > a:before { color: inherit; display: block; font-family: FontAwesome; font-size: 21px; font-style: normal; font-weight: normal; line-height: 1; }
    .mobile-menu .home-icon > a:before { content: "\f015"; }
    .mobile-menu .cases-icon > a:before { content: "\f0b1"; }
    .mobile-menu .about-icon > a:before { content: "\f007"; }
    .mobile-menu .services-icon > a:before { content: "\f0ad"; }
    .mobile-menu .phone-icon > a:before { content: "\f095"; }

    .mobile-menu .menu > .current-menu-item > a,
    .mobile-menu .menu > .current-menu-ancestor > a,
    .mobile-menu .menu > li > a:hover { background-color: rgba(74, 84, 82, 0.12); color: #243b35; }
    .mobile-menu .menu > li > a:focus-visible { outline: 2px solid #243b35; outline-offset: -2px; }
}


/**********************
 HOMEAGE
 **********************/
.testimonial_slider[data-style=multiple_visible] blockquote.is-selected p { background-color: #f5f5f5!important; }
.testimonial_slider[data-style=multiple_visible] blockquote p .bottom-arrow:after { border-color: #f5f5f5 transparent transparent transparent!important; }
.about-cols { border-bottom: 1px solid rgb(227, 221, 211); border-top: 1px solid rgb(227, 221, 211); display: grid; gap: 0; grid-template-columns: repeat(2, 1fr); margin-block: 35px 20px; }
.about-cols > div { padding: 25px 30px; }

.about-cols h4 { color: var(--nectar-extra-color-2); font-size: clamp(36px, 4.5vw, 60px); font-weight: normal; line-height: 1; }

@media (min-width: 691px) {
    .about-cols > div:first-child { border-right: 1px solid rgb(227, 221, 211); padding-left: 0; }
}

@media (max-width: 690px) {
    .about-cols { grid-template-columns: 1fr; }
    .about-cols > div { padding-inline: 0; }
    .about-cols > div:first-child { border-bottom: 1px solid rgb(227, 221, 211); }
}


/**********************
 PAGES
 **********************/
#page-hero h2.h4 { padding-left: 42px; padding-top: 6px; position: relative; }
#page-hero h2.h4:before { content: "\f10d"; color: var(--nectar-accent-color); font-family: FontAwesome; font-size: clamp(27px, 2.85vw, 30px); font-weight: normal; left: 0; position: absolute; top: 0; }

.quote-box, .title-text-box { background-color: var(--white-color); border-radius: 15px; height: 100%; margin-top: 45px; padding: 85px 35px 30px 35px; position: relative; }
.quote-box:before { content: "\f10d"; color: var(--nectar-accent-color); font-family: FontAwesome; font-size: clamp(30px, 2.5vw, 40px); left: 35px; line-height: 1; position: absolute; top: 35px; }
.quote-box p { font-family: 'Bricolage Grotesque', sans-serif; font-size: clamp(18px, 1.4vw, 22px); font-weight: 600; line-height: 1.5; margin-bottom: 2rem; padding-bottom: 0; }
.quote-box p em { color: var(--nectar-accent-color); font-weight: normal; }
.quote-box h5 { color: var(--nectar-extra-color-1); line-height: 1.2; margin-bottom: 0; padding-bottom: 0; }
.quote-box h6 { color: var(--nectar-extra-color-2); font-size: clamp(13px, 1vw, 14px); letter-spacing: 0.03rem; margin-bottom: 0; padding-left: 0; }
.quote-box h6:before { content: none; }

.quote-box.dark-bg { background-color: var(--nectar-extra-color-2); }
.quote-box.dark-bg * { color: var(--white-color); }

.title-text-box { padding: 45px 30px; }
.title-text-box .box-icon { align-items: center; aspect-ratio: 1/1; background-color: var(--nectar-extra-color-2); border-radius: 1rem; display: flex; font-size: 26px; justify-content: center; margin-bottom: 1.5rem; width: 60px; }
.title-text-box .box-icon .fa { color: #fdfbfb; font-weight: normal; }
.title-text-box h4 { margin-bottom: 2rem!important; }
.title-text-box.dark-bg { background-color: var(--nectar-extra-color-2); }
.title-text-box.dark-bg * { color: var(--white-color); }
.title-text-box.dark-bg .box-icon { background-color: var(--nectar-extra-color-3); font-size: 30px; }
.title-text-box.dark-bg .box-icon .fa { color: var(--nectar-extra-color-2); }

.timeline, .timeline > li { list-style: none; margin-left: 0; padding-left: 0; }
.timeline > li { padding-left: 40px; position: relative; }
.timeline > li:not(:last-child) { padding-bottom: 20px; }
.timeline > li:before { content: ''; background-color: var(--white-color); border: 1px solid var(--nectar-extra-color-1); border-radius: 50%; display: inline-block; height: 14px; left: 0; position: absolute; top: 13px; width: 14px; z-index: 1; }
.timeline > li:after { content: ''; border-left: 2px dotted var(--nectar-accent-color); height: 100%; left: 7px; position: absolute; top: 25px; }
.timeline > li:last-child:before { background-color: var(--nectar-extra-color-1); }
.timeline > li:last-child:after { height: 32%; }
.timeline > li h3 { font-style: italic; font-weight: normal; margin-bottom: 0!important; }
.timeline > li p { font-size: clamp(14px, 1vw, 15px); }

body .nectar-milestone .number h3, .nectar-milestone .number .symbol-wrap { color: var(--nectar-extra-color-1); font-size: clamp(55px, 6vw, 100px); line-height: 1; margin-bottom: 0!important; }

.custom-box { background-color: var(--white-color); border-radius: 15px; padding: 35px; }
.custom-box h6:first-child { margin-bottom: 1rem; }

.custom-box dl { margin-top: 30px; }
.custom-box h6 + dl { margin-top: 15px; }

.profit-box { background-color: var(--nectar-extra-color-1); border-radius: 15px; padding: 35px; }
.profit-box h6, .profit-box p { color: #d6e0de;}
.profit-box h4 { color: var(--white-color); }
.profit-box h4 em { color: var(--nectar-accent-color); }
.profit-box h4 + p { margin-top: 1.5rem; }
.profit-box h4 + p:last-child { margin-top: 4rem; }
.profit-box p:last-child { border-top: 1px solid #d6e0de; font-size: clamp(14px, 1vw, 15px); line-height: 1.4; padding-top: 10px; opacity: 0.7; }

dl { display: grid; grid-template-columns: 65% 35%; }
dl > dt, dl > dd { border-top: 1px solid #eaeaea; margin-block: 0; padding-block: 11px 9px; }
dl > dd:last-child { border-bottom: 1px solid #eaeaea; }
dl > dd { font-size: 80%; padding-top: 13px; text-align: right; }

@media (max-width: 999px) {
    .quote-box, .title-text-box { margin-top: 5px; }
}

@media (min-width: 691px) {
    dl > dt:nth-last-child(2) { border-bottom: 1px solid #eaeaea; }
}

@media (max-width: 690px) {
    dl { grid-template-columns: 1fr; }
    dl > dt { padding-bottom: 3px; }
    dl > dd { border-top: 0; padding-left: 0; padding-top: 0; text-align: left; }
}


/**********************
 METHOD
 **********************/
.dots-box .column-bg-overlay { border: 1px solid var(--nectar-extra-color-2); border-radius: 15px; }
.dots-box .wpb_wrapper { padding: 35px 25px; }
.dots-box img { margin-block: 20px 40px!important; max-width: 295px!important; }

.marenza-boxes, .marenza-boxes > li { list-style: none; margin-bottom: 0; margin-left: 0; padding-left: 0; }
.marenza-boxes { align-items: center; display: grid; gap: 0; grid-template-columns: 30% 40% 30%; margin-top: 90px; }
.marenza-boxes > li { background-color: #24454a; border: 1px solid var(--nectar-extra-color-2); border-radius: 15px; padding: 2rem; }
.marenza-boxes > li:nth-child(2) { background-color: var(--nectar-accent-color); border-color: var(--nectar-accent-color); padding-block: 3rem; }
.marenza-boxes > li p { font-size: clamp(14px, 1vw, 16px); line-height: 1.4; }

.steps, .steps > li, .steps-boxes, .steps-boxes > li { list-style: none; margin: 0; padding: 0; } 
.steps { align-items: center; background: #F6EBE1; border-radius: 75px; display: grid; gap: 30px; grid-template-columns: repeat(3, 1fr); justify-content: center; margin-top: 60px; padding: 25px 45px; }
.steps > li { color: var(--black-color); counter-increment: step; font-family: 'Bricolage Grotesque', sans-serif; font-size: clamp(17px, 1.4vw, 20px); padding-left: 40px; position: relative; }
.steps > li:not(:last-child) { padding-right: 40px; }
.steps > li:before { content: counter(step); color: #1F2A2C; font-size: 40px; font-style: italic; left: 0; position: absolute; top: 50%; transform: translateY(-50%); }
.steps > li:first-child:before { left: 10px; }
.steps > li:not(:last-child):after { content: "\f178"; color: var(--nectar-accent-color); font-family: FontAwesome; font-size: 30px; font-weight: normal; opacity: 0.75; position: absolute; right: 0; top: 50%; transform: translateY(-50%); }

.steps.steps-small { background-color: var(--white-color); display: flex; gap: 15px; justify-content: space-between; margin-top: 0; padding: 15px 25px; }
.steps.steps-small > li { font-family: 'DM Sans', sans-serif; font-size: clamp(13px, 0.9vw, 14px); padding-left: 0; }
.steps.steps-small > li:not(:last-child) { padding-right: 30px; }
.steps.steps-small > li:before { content: none; }
.steps.steps-small > li:after { font-size: 16px; }

.steps-boxes { align-items: center; display: grid; gap: 15px; grid-template-columns: repeat(5, 1fr); margin-top: 60px; }
.steps-boxes > li { background-color: #24454a; border: 1px solid var(--nectar-extra-color-2); border-radius: 15px; padding: 1.5rem; }
.steps-boxes > li h5 { color: var(--nectar-accent-color); font-size: clamp(26px, 3vw, 34px); font-style: italic; font-weight: normal; }
.steps-boxes > li h4 small { display: block; font-family: 'DM Sans', sans-serif; font-size: clamp(14px, 1vw, 16px); font-weight: normal; margin-top: 10px; opacity: 0.6; }

.steps-boxes > li:last-child { background-color: var(--nectar-accent-color); border-color: var(--nectar-accent-color); padding-block: 2rem; }

.features-list, .features-list > li { list-style: none; margin: 0; padding: 0; }
.features-list { display: grid; gap: 12px; grid-template-columns: repeat(2, 1fr); margin-bottom: 20px; }
.features-list > li { background-color: var(--nectar-extra-color-2); border-radius: 10px; font-size: clamp(15px, 1vw, 16px); padding: 12px 16px; }

.method-progress { display: grid; grid-template-columns: repeat(6, 1fr); gap: 5px; margin-bottom: 10px!important; max-width: 320px; width: 100%; }

.method-progress .line { background-color: #90afb6; border-radius: 5px; height: 5px; width: 100%; }
.method-progress .line:nth-child(4), .method-progress .line:nth-child(5) { background-color: #5d777c; }
.method-progress .line:nth-child(6) { background-color: #fd8252; }

.method-progress-text { display: grid; grid-template-columns: repeat(3, 1fr); gap: 5px; max-width: 320px; width: 100%; }
.method-progress-text span { font-size: 13px; text-transform: uppercase;}
.method-progress-text span:nth-child(2) { text-align: center; }
.method-progress-text span:nth-child(3) { text-align: right; }

.method-list, .method-list > li { list-style: none; margin: 0; padding: 0; }
.method-list { border-top: 1px solid #eaeaea; }
.method-list > li { border-bottom: 1px solid #eaeaea; counter-increment: step; padding: 25px 0 25px 100px; position: relative; }
.method-list > li:before { content: '0' counter(step); color: #90afb6; font-family: 'Bricolage Grotesque', sans-serif; font-size: 48px; font-style: italic; font-weight: normal; left: 0; line-height: 1; position: absolute; top: 25px; }
.method-list > li:nth-child(4):before, 
.method-list > li:nth-child(5):before { color: #5d777c; }
.method-list > li:nth-child(5), .method-list > li:nth-child(6) { border-bottom: 0; }
.method-list > li:nth-child(6) { background-color: #fd8252; border-radius: 15px; }
.method-list > li:nth-child(6):before { color: var(--white-color); left: 15px; }
.method-list > li:nth-child(6) > * { color: var(--white-color); }

.contract-table { border: 1px solid #eae5de; border-collapse: separate; border-radius: 16px; border-spacing: 0; overflow: hidden; table-layout: fixed; width: 100%; }
.contract-table th, .contract-table td { border-bottom: 1px solid #eae5de!important; border-right: 1px solid #eae5de; line-height: 1.35; padding: 16px 15px!important; text-align: left; vertical-align: middle; }
.contract-table th { background-color: #f6ede5; color: #263536; font-weight: 600; text-transform: uppercase; }
.contract-table th:first-child, .contract-table td:first-child { background-color: #f5f5f5; color: #263536; font-weight: 500; width: 33.333%; }
.contract-table th:nth-child(2), .contract-table td:nth-child(2) { background-color: #faf5f0; color: #6c7371; width: 33.333%; }
.contract-table th:last-child { background-color: #204e55; color: #fff; }
.contract-table td:last-child { background-color: #eef4f3; color: #204e55; font-weight: 500; }
.contract-table tr:last-child th, .contract-table tr:last-child td { border-bottom: 0; }
.contract-table th:last-child, .contract-table td:last-child { border-right: 0; }

@media (max-width: 1445px) {
    .marenza-boxes > li:last-child { padding-block: 1rem; }
}

@media (max-width: 1299px) {
    .steps-boxes { grid-template-columns: repeat(4, 1fr); }
    .steps-boxes > li:last-child { grid-column: 2 / 4; }
}

@media (min-width: 1110px) {
    .marenza-boxes > li:first-child { border-radius: 15px 0 0 15px; border-right: 0; }
    .marenza-boxes > li:last-child { border-radius: 0 15px 15px 0; border-left: 0; text-align: right; }
}

@media (max-width: 1109px) {
    .marenza-boxes { gap: 15px; grid-template-columns: 1fr; margin-top: 45px; }
    .marenza-boxes > li:last-child { padding-block: 2rem; }
}

@media (max-width: 999px) {
    .marenza-boxes { margin-top: 20px; }

    .steps { border-radius: 30px; grid-template-columns: 1fr; padding: 30px 25px; }
    .steps > li { padding-left: 55px; }
    .steps > li:not(:last-child) { margin-bottom: 0; padding-right: 0; }
    .steps > li:first-child:before { left: 0; }
    .steps > li:before { align-items: center; aspect-ratio: 1/1; background-color: var(--nectar-accent-color); border-radius: 50%; color: var(--white-color); display: flex; font-size: 20px; justify-content: center; height: 40px; }
    .steps > li:not(:last-child):after { content: none; }

    .steps.steps-small { display: grid; grid-template-columns: repeat(3, 1fr); }

    .steps-boxes { align-items: normal; grid-template-columns: repeat(3, 1fr); margin-top: 20px; }
    .steps-boxes > li:last-child { grid-column: span 2; }
}

@media (max-width: 690px) {
    .steps.steps-small { grid-template-columns: repeat(2, 1fr); }

    .steps-boxes { grid-template-columns: repeat(2, 1fr); }
    .steps-boxes > li:last-child { padding-block: 2.5rem; }

    .contract-table th, .contract-table td { padding: 13px 10px!important; }
}

@media (max-width: 480px) {
    .steps.steps-small { grid-template-columns: repeat(1, 1fr); }
}


/**********************
 CASE STUDIES
 **********************/
#case-study-header { padding-bottom: 60px!important; }

.case-breadcrumb, .case-breadcrumb > li { list-style: none; margin-left: 0; padding-left: 0; }
.case-breadcrumb > li { display: inline-block; }
.case-breadcrumb > li:not(:last-child) { margin-right: 10px; }
.case-breadcrumb > li > a, .case-breadcrumb > li > span { border: 1px solid var(--nectar-accent-color); border-radius: 30px; color: var(--nectar-accent-color); padding: 6px 20px; transition: all 0.5s ease; }
.case-breadcrumb > li > a { background-color: var(--nectar-extra-color-1); border-color: var(--nectar-extra-color-1); color: var(--white-color); }
.case-breadcrumb > li > a:hover { background-color: var(--nectar-extra-color-2); border-color: var(--nectar-extra-color-2); color: var(--white-color); }

.case-featured h3 { margin-bottom: 0!important; padding-bottom: 0!important; }
.case-featured p { font-size: clamp(14px, 1vw, 16px); opacity: 0.8; }

.nectar_single_testimonial[data-style=small_modern] p { font-family: 'Bricolage Grotesque', sans-serif; font-size: clamp(20px, 3vw, 32px); font-style: italic; font-weight: normal; line-height: 1.35; margin-bottom: 1.5rem; padding-bottom: 0; padding-left: clamp(60px, 5vw, 100px); position: relative; }
.nectar_single_testimonial[data-style=small_modern] p .open-quote { color: var(--nectar-accent-color); font-size: clamp(90px, 10vw, 120px); left: 0; position: absolute; top: 0; }
.nectar_single_testimonial[data-style=small_modern] .wrap { font-size: clamp(15px, 1vw, 17px); font-weight: 300; letter-spacing: 0.05rem; padding-left: clamp(60px, 5vw, 100px); text-transform: uppercase; }

.case-summary h6 { display: block; font-size: 13px; letter-spacing: 0.03rem; padding-left: 0; }
.case-summary h6:first-child { margin-bottom: 1.5rem; }
.case-summary h6:before { content: none; }
.case-summary p { font-size: clamp(13px, 0.9vw, 14px); }
.case-summary p:not(:last-child) { border-bottom: 1px solid #cccccc; margin-bottom: 1rem; padding-bottom: 1rem; }

#single-case [class*="steps"] { margin-top: 0; }

.case-studies-listing .case-studies-items { display: grid; gap: 30px; grid-template-columns: repeat(3, 1fr); }
.case-studies-listing.case-studies-cols-2 .case-studies-items { grid-template-columns: repeat(2, 1fr); }
.case-studies-listing.is-loading .case-studies-items { opacity: 0.7; }
.case-studies-sentinel { height: 1px; }

.case-studies-latest .slick-track { display: flex; }
.case-studies-latest .slick-slide { float: none; height: auto; padding-inline: 10px; }
.case-studies-latest .slick-slide > div, .case-studies-latest .slick-slide .case-item { height: 100%; }
.case-studies-latest .slick-list { margin: 0 -15px; }
.case-studies-latest .slick-next, .case-studies-latest .slick-prev { background-color: var(--nectar-extra-color-1); border: 0; border-radius: 50%; color: var(--white-color); cursor: pointer; height: 44px; position: absolute; top: 50%; transition: background-color 0.5s ease; width: 44px; z-index: 2; }
.case-studies-latest .slick-next:hover, .case-studies-latest .slick-prev:hover { background-color: var(--nectar-extra-color-2); }
.case-studies-latest .slick-next { right: -10px; }
.case-studies-latest .slick-prev { left: -10px; }

.case-item { background-color: var(--white-color); border: 1px solid #eaeaea; border-radius: 15px; display: flex; flex-direction: column; height: 100%; overflow: hidden; }
.case-item .case-content { display: flex; flex: 1; flex-direction: column; padding: 30px; }
.case-item .case-content h6 { font-size: clamp(13px, 1vw, 14px); letter-spacing: 0.03rem; padding-left: 0; }
.case-item .case-content h6:before { content: none; }
.case-item .case-content h4 { line-height: 1.2; margin-bottom: 1rem; }
.case-item .case-content h4 > a { color: var(--nectar-extra-color-1); }
.case-item .case-content p { text-align: justify; }
.case-item .case-content p:last-child { font-size: clamp(14px, 1vw, 15px); margin-bottom: 0; margin-top: auto; padding-bottom: 0; }
.case-item .case-content p:last-child a { font-weight: 600; }

@media (max-width: 1299px) {
    .case-studies-listing .case-studies-items { column-gap: 25px; }
    .case-item .case-content { padding-inline: 25px; padding-top: 25px; }
}

@media (max-width: 999px) {
    .case-studies-listing .case-studies-items, .case-studies-listing.case-studies-cols-2 .case-studies-items { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 690px) {
    .case-studies-listing .case-studies-items, .case-studies-listing.case-studies-cols-2 .case-studies-items { grid-template-columns: 1fr; }
    .case-item .case-content { padding-inline: 20px; }
}
