:root{
     --gold:#c9a359;
    --gold-dark:#a8863d;
    --gold-hover:#c89600;
    --gold-light:#fdf3d7;
     --navy:#333;
    --navy-deep:#0e1633;
    --navy-light:#1e2e66;
     --charcoal:#434549;
    --dark:#141617;
     --white:#ffffff;
    --cream:#faf8f3;
    --cream-dark:#f0ece3;
     --gray:#eaeaed;
    --gray-mid:#9a9da3;
     --font-serif:'DM Serif Display',Georgia,serif;
     --font:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
     --radius:6px;
    --radius-lg:12px;
    --radius-xl:16px;
     --shadow:0 4px 24px rgba(0,0,0,.08);
     --shadow-lg:0 16px 48px rgba(0,0,0,.12);
     --shadow-xl:0 24px 64px rgba(0,0,0,.16);
     --max-w:1180px;
     --transition:.25s cubic-bezier(.4,0,.2,1);
}
*,*::before,*::after{
    box-sizing:border-box;
    margin:0;
    padding:0
}
html{
    scroll-behavior:smooth;
    -webkit-text-size-adjust:100%
}
body{
    font-family:var(--font);
    color:var(--charcoal);
    background:var(--white);
    line-height:1.6;
    -webkit-font-smoothing:antialiased;
    overflow-x:hidden
}
img{
    max-width:100%;
    display:block
}
a{
    color:inherit;
    text-decoration:none
}
ul,ol{
    list-style:none
}
button,input,select,textarea{
    font-family:inherit;
    font-size:inherit
}
h1,h2{
    font-family:var(--font-serif);
    font-weight:400;
    line-height:1.15;
    color:var(--dark)
}
h3,h4{
    font-family:var(--font);
    font-weight:700
}
.container{
    max-width:var(--max-w);
    margin:0 auto;
    padding:0 24px;
    width:auto;
}
/* ========================================================= BUTTONS ========================================================= */
.btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    font-family:var(--font);
    font-weight:600;
    font-size:15px;
    padding:14px 32px;
    border-radius:var(--radius);
    border:2px solid transparent;
    cursor:pointer;
    transition:all var(--transition);
    white-space:nowrap;
    text-decoration:none
}
.btn-gold {
    background: #c9a359;
    color: var(--white);
    border-color: #c9a359;
    box-shadow: none;
}
.btn-gold:hover{
    background: #c9a359;
    border-color: #c9a359;
    transform:translateY(-2px);
    box-shadow:0 4px 16px #c9a359;
    color: var(--white);
}
.btn-outline{
    background:transparent;
    color:var(--white);
    border-color: #c9a359;
}
.btn-outline:hover{
    background:rgba(255,255,255,.1);
    border-color:var(--white)
}
.btn-white{
    background:var(--white);
    color:var(--dark);
    border-color:var(--white);
    font-weight:700
}
.btn-white:hover{
    background:var(--cream);
    transform:translateY(-2px);
    box-shadow:0 8px 24px rgba(0,0,0,.2)
}
.btn-block{
    width:100%
}
.btn-lg{
    padding:16px 36px;
    font-size:17px
}
.btn-sm{
    padding:10px 22px;
    font-size:14px
}
/* Scroll reveal disabled — all sections visible immediately */
.reveal{
    opacity:1;
    transform:none
}
/* ========================================================= TRUST STRIP (bestpricekitchenbath style, below header) ========================================================= */
.trust-strip{
    background:var(--cream);
    border-bottom:1px solid var(--cream-dark);
    padding:9px 24px;
    position:sticky;
    top:64px;
    z-index:99
}
.trust-strip__inner{
    max-width:var(--max-w);
    margin:0 auto;
    display:flex;
    align-items:center;
    justify-content:center;
    flex-wrap:wrap;
    gap:0
}
.trust-strip__item{
    display:flex;
    align-items:center;
    gap:6px;
    font-size:13px;
    font-weight:500;
    color:var(--charcoal);
    padding:3px 18px;
    border-right:1px solid var(--cream-dark)
}
.trust-strip__item:last-child{
    border-right:none
}
.trust-strip__item svg{
    color:#c9a359;
    flex-shrink:0
}
.trust-strip__item strong{
    color:var(--navy)
}
/* ========================================================= STICKY HEADER ========================================================= */
.header{
    position:fixed;
    top:0;
    left:0;
    right:0;
    z-index:100;
    background: #171717;
    border-bottom:1px solid rgba(255,255,255,.06);
    transition:box-shadow var(--transition)
}
.header.scrolled{
    box-shadow:0 4px 20px rgba(0,0,0,.3)
}
.header__inner{
    max-width:var(--max-w);
    margin:0 auto;
    padding:0 5px;
    display:flex;
    align-items:center;
    justify-content:space-between;
     height: 88px;
    /* height:64px */
}
.header__logo img{
    height:60px;
    width:auto
}
.header__right{
    display:flex;
    align-items:center;
    gap:30px
}
.header__phone{
    display:flex;
    align-items:center;
    gap:8px;
    color: #fff;
    font-weight:600;
    font-size:16px;
    transition:color var(--transition)
}
.header__phone:hover{
    color:#c9a359
}
@media(max-width:640px){
    .header__phone span{
        display:none
    }
    .header__right .btn{
        padding:8px 16px;
        font-size:13px
    }
}
/* ========================================================= HERO ========================================================= */
.hero{
    position:relative;
    padding:156px 0 80px;
/*    background:linear-gradient(150deg,#1c1812 0%,var(--navy-deep) 35%,var(--navy) 100%); */
/*    background: url('https://klassikasa.com/wp-content/uploads/2025/05/SODA.jpg') no-repeat center center; */
    background: none !important;
    background-size: cover;
    overflow:hidden;
    
    isolation: isolate;
}
/*
.hero::before{
    content:'';
    position:absolute;
    top:-30%;
    right:-15%;
    width:700px;
    height:700px;
    background:radial-gradient(circle,rgba(222,169,4,.1) 0%,transparent 65%);
    border-radius:50%;
    pointer-events:none
}
*/

.hero::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000000bd;
    z-index: 1;
    pointer-events: none;
    border-radius: 0px;
}

.hero > * {
    position: relative;
    z-index: 2;
}


.hero__grid{
    display:grid;
/*    grid-template-columns:1fr 1fr; */
    grid-template-columns: 2fr 1fr;
    gap:20px;
    align-items:center;
    position:relative;
    z-index:2
}

.thk.hero__grid{
   grid-template-columns:1fr 1fr;
}


.hero__badge{
    display:inline-flex;
    align-items:center;
    gap:8px;
    background: rgb(0 0 0 / 27%);
    border:1px solid rgba(222,169,4,.25);
    color:#c9a359;
    padding:7px 18px;
    border-radius:100px;
    font-size:13px;
    font-weight:600;
    text-transform:uppercase;
    letter-spacing:.8px;
    margin-bottom:24px
}
.hero__title{
    font-family:var(--font-serif);
    /* font-size:clamp(30px,4.5vw,52px);
     */
     font-size: 50px;
     color:var(--white);
    margin-bottom:8px;
    line-height:1.1
}
.hero__title em{
    font-family:var(--font-serif);
    font-style:italic;
    color:#c9a359
}
.hero__title-sub{
    font-family:var(--font-serif);
    font-size:clamp(15px,2vw,20px);
    font-style:italic;
    color:rgba(255,255,255,.65);
    margin-bottom:20px;
    line-height:1.4
}
.hero__sub{
    font-size:16px;
    color:rgba(255,255,255,.7);
    line-height:1.7;
    margin-bottom: 32px;
    max-width: none;
}
.hero__actions{
    display:flex;
    gap:16px;
    flex-wrap:wrap
}
.hero__image{
    border-radius:var(--radius-xl);
    overflow:hidden;
    aspect-ratio: auto;
    position:relative;
/*    margin-top: 80px; */
}
.hero__image::before{
    content:'';
    position:absolute;
    top:0;
    left:0;
    right:0;
    height:4px;
    background:#c9a359;
    z-index:1
}
.hero__image img{
    width:100%;
    height:100%;
    object-fit:cover
}
@media(max-width:900px){
    .hero{
        padding:100px 0 60px
    }
    .hero__grid, .thk.hero__grid {
        grid-template-columns:1fr
    }
    .hero__image{
/*        max-height:320px */
    }
}
/* ========================================================= FORM CARD (overlapping below hero) ========================================================= */
.hero__form-wrap{
    margin-top:-48px;
    padding-bottom:0;
    position:relative;
    z-index:10
}
.hero__form-card{
    background:var(--white);
    border-radius:var(--radius-xl);
    padding:40px;
    box-shadow:var(--shadow-xl);
    max-width:780px;
    margin:0 auto;
    border:1px solid rgba(0,0,0,.04)
}
.hero__form-header{
    text-align:center;
    margin-bottom:28px
}
.hero__form-header h2{
    font-family:var(--font-serif);
    font-size:28px;
    color:var(--dark);
    margin-bottom:6px
}
.hero__form-header p{
    font-size:14px;
    color:var(--gray-mid)
}
.form__note{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:6px;
    font-size:12px;
    color:var(--gray-mid);
    margin-top:14px
}
/* Forminator overrides to match Vercel form style */
.hero__form-card .forminator-custom-form .forminator-row{
    margin-bottom:16px
}
.hero__form-card .forminator-custom-form .forminator-label{
    display:block;
    font-size:13px!important;
    font-weight:600!important;
    color:var(--charcoal)!important;
    margin-bottom:6px!important
}
.hero__form-card .forminator-custom-form .forminator-input,.hero__form-card .forminator-custom-form .forminator-select--field{
     width:100%!important;
    padding:12px 16px!important;
    font-size:15px!important;
    color:var(--dark)!important;
     background:var(--cream)!important;
    border:1.5px solid var(--gray)!important;
     border-radius:var(--radius)!important;
    outline:none!important;
     transition:border-color var(--transition),box-shadow var(--transition)!important;
    height:auto!important
}
.hero__form-card .forminator-custom-form .forminator-input:focus,.hero__form-card .forminator-custom-form .forminator-select--field:focus{
    border-color:#c9a359!important;
    box-shadow:0 0 0 3px rgba(222,169,4,.12)!important
}
.hero__form-card .forminator-custom-form .forminator-button-submit{
     width:100%!important;
    background:#c9a359!important;
    color:var(--white)!important;
     border:2px solid #c9a359!important;
    border-radius:var(--radius)!important;
     padding:16px 36px!important;
    font-size:17px!important;
    font-weight:600!important;
     cursor:pointer!important;
    transition:all var(--transition)!important;
    margin-top:8px!important
}
.hero__form-card .forminator-custom-form .forminator-button-submit:hover{
    background:var(--gold-hover)!important;
    border-color:var(--gold-hover)!important;
    transform:translateY(-2px)!important;
    box-shadow:0 8px 24px rgba(222,169,4,.4)!important
}
.hero__form-card .forminator-custom-form .forminator-field--helper{
    display:none!important
}
.hero__form-card .forminator-custom-form .forminator-error-message{
    font-size:12px!important;
    color:#dc2626!important;
    margin-top:4px!important
}
.hero__form-card .forminator-custom-form .forminator-response-message{
    margin-bottom:16px!important
}
.hero__form-card .forminator-custom-form .forminator-row-last .forminator-col{
    padding:0!important
}
/* ========================================================= STATS COUNTER BAR ========================================================= */
.stats{
    background:var(--cream);
    border-bottom:1px solid rgba(0,0,0,.05);
    padding:48px 0
}
.stats__grid{
    display:grid;
    grid-template-columns:repeat(5,1fr);
    gap:24px;
    text-align:center
}
.stats__number{
    font-family:var(--font-serif);
    font-size:clamp(28px,3.5vw,48px);
    color:#c9a359;
    line-height:1;
    margin-bottom:6px
}
.bb .stats__grid{
    grid-template-columns:repeat(4,1fr);
}
.bb .stats__number{
    font-size: 42px;
}
.stats__label{
    font-size:14px;
    font-weight:600;
    color:var(--charcoal);
    line-height:1.3
}
.stats__sub{
    font-size:12px;
    color:var(--gray-mid)
}
@media(max-width:900px){
    .stats__grid{
        grid-template-columns:repeat(3,1fr);
        gap:28px 16px
    }
}
@media(max-width:480px){
    .stats__grid{
        grid-template-columns:repeat(2,1fr);
        gap:28px 12px
    }
}
@media(max-width:480px){
    .bb .stats__grid{
        grid-template-columns:repeat(2,1fr);
        gap:28px 12px
    }
}
@media(max-width:480px){
    .bb .stats__number{
        font-size: 28px;
    }
}
/* ========================================================= SECTION SHARED ========================================================= */
.section{
    padding:60px 0
}
.section--cream{
    background:var(--cream)
}
.section--navy{
    background:var(--navy);
    color:var(--white)
}
.section__label{
    font-family:var(--font);
    font-size:13px;
    font-weight:600;
    letter-spacing:2px;
    text-transform:uppercase;
    color:#c9a359;
    margin-bottom:12px;
    display:block
}
.section__title{
    font-family:var(--font-serif);
    font-size:clamp(28px,4vw,44px);
    color:var(--dark);
    margin-bottom:16px
}
 .works .section__title{
    font-size:clamp(28px,4vw,43px);
}
 .section--navy .section__title{
    color:var(--white)
}
.section__sub{
    font-size:17px;
    color:var(--charcoal);
    max-width: none;
    line-height:1.7
}
.section--navy .section__sub{
    color:rgba(255,255,255,.65)
}
.section__header{
    margin-bottom:30px;
}
.section__header--center{
    text-align:center
}
.section__header--center .section__sub{
    margin:10px auto 0 auto;
}
.gold-rule{
    width:48px;
    height:2px;
    background:#c9a359;
    border:none;
    margin:16px auto 0
}
/* ========================================================= BEFORE & AFTER PHOTOS GRID (2?2) ========================================================= */
.ba__grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:20px
}
.ba-card{
    border-radius:var(--radius-lg);
    overflow:hidden;
    border:1px solid var(--gray);
    transition:transform var(--transition),box-shadow var(--transition)
}
.ba-card:hover{
    transform:translateY(-4px);
    box-shadow:var(--shadow-lg)
}
.ba-card__img{
    aspect-ratio:4/3;
    overflow:hidden
}
.ba-card__img img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:transform .4s
}
.ba-card:hover .ba-card__img img{
    transform:scale(1.04)
}
@media(max-width:640px){
    .ba__grid{
        grid-template-columns:1fr
    }
}
/* ========================================================= OUR WORK – photo grid (10 photos, 5?2) ========================================================= */
.work-grid{
    display:grid;
    grid-template-columns:repeat(5,1fr);
    gap:12px
}
.work-photo{
    border-radius:var(--radius-lg);
    overflow:hidden;
    aspect-ratio:3/4
}
.work-photo img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:transform .4s
}
.work-photo:hover img{
    transform:scale(1.05)
}
@media(max-width:900px){
    .work-grid{
        grid-template-columns:repeat(3,1fr)
    }
}
@media(max-width:480px){
    .work-grid{
        grid-template-columns:repeat(2,1fr)
    }
}
/* ========================================================= WHY CHOOSE US – numbered cards ========================================================= */
.benefits__grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:24px
}
.benefit-card{
    background:var(--white);
    border-radius:var(--radius-lg);
    padding:36px 32px;
    border:1px solid var(--gray);
    border-top:3px solid #c9a359;
    transition:all var(--transition)
}
.benefit-card:hover{
    transform:translateY(-4px);
    box-shadow:var(--shadow)
}
.benefit-card__num{
    width:48px;
    height:48px;
    background:#c9a359;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    font-family:var(--font-serif);
    font-size:22px;
    color:var(--white);
    margin:0 auto 16px auto;
}
.benefit-card__title{
    font-size:18px;
    font-weight:700;
    color:var(--dark);
     text-align: center;
    /* margin: 0 auto 8px auto;
     */
}
.benefit-card__text{
    font-size:14px;
    color:var(--charcoal);
    line-height:1.65
}
@media(max-width:640px){
    .benefits__grid{
        grid-template-columns:1fr
    }
}
/* ========================================================= WHAT'S INCLUDED ========================================================= */
.included__grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:56px;
    align-items:center
}
.included__image{
    border-radius:var(--radius-xl);
    overflow:hidden;
    aspect-ratio:3/3;
    position:relative
}
.included__image::before{
    content:'';
    position:absolute;
    top:16px;
    left:16px;
    right:16px;
    bottom:16px;
    border:1px solid rgba(222,169,4,.2);
    border-radius:var(--radius-lg);
    pointer-events:none;
    z-index:1
}
.included__image img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position: right;
}
.included__list{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:14px;
    margin-bottom:32px
}
.included__item{
    display:flex;
    align-items:flex-start;
    gap:10px;
    font-size:15px;
    color:var(--dark)
}
.included__check{
    width:22px;
    height:22px;
    background:var(--gold-light);
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    flex-shrink:0;
    margin-top:2px;
    color:#c9a359
}
.included__item-desc{
    font-size:13px;
    color:var(--gray-mid);
    line-height:1.5
}
@media(max-width:768px){
    .included__grid{
        grid-template-columns:1fr
    }
    .included__image{
        max-height:300px
    }
    .included__list{
        grid-template-columns:1fr
    }
}
/* ========================================================= PROCESS ========================================================= */
.process__grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:36px;
    position:relative
}
.process__grid::before{
    content:'';
    position:absolute;
    top:40px;
    left:calc(16.66% + 28px);
    right:calc(16.66% + 28px);
    height:2px;
    background:rgba(255,255,255,.12)
}
.process-step{
    text-align:center;
    position:relative
}
.process-step__num{
    width:56px;
    height:56px;
    background:#c9a359;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    font-family:var(--font-serif);
    font-size:24px;
    color:var(--white);
    margin:0 auto 20px;
    position:relative;
    z-index:1;
    box-shadow:0 4px 20px rgba(222,169,4,.35)
}
.process-step__eyebrow{
    font-size:11px;
    font-weight:600;
    letter-spacing:.1em;
    text-transform:uppercase;
    color:#c9a359;
    margin-bottom:8px
}
.process-step__title{
    font-size:19px;
    font-weight:700;
    margin-bottom:10px;
    color:var(--white)
}
.process-step__text{
    font-size:14px;
    color:rgba(255,255,255,.65);
    line-height:1.7;
    max-width:280px;
    margin:0 auto
}
@media(max-width:640px){
    .process__grid{
        grid-template-columns:1fr;
        gap:40px
    }
    .process__grid::before{
        display:none
    }
}
/* ========================================================= TESTIMONIALS ========================================================= */
.testimonials__grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:24px
}
.testimonial-card{
    background:var(--white);
    border-radius:var(--radius-lg);
    padding:32px 28px;
    border:1px solid var(--gray);
    border-left:4px solid #c9a359;
    transition:all var(--transition);
    display:flex;
    flex-direction:column
}

.touch .testimonial-card {
    background: #faf8f3;
    border-left: none;
    border-top: 4px solid #c9a359;
}

.testimonial-card:hover{
    box-shadow:var(--shadow)
}
.testimonial-card__stars{
    display:flex;
    gap:2px;
    margin-bottom:16px;
    color:#c9a359
}
.testimonial-card__source{
    font-size:11px;
    font-weight:600;
    color:var(--gray-mid);
    background:var(--gray);
    padding:2px 8px;
    border-radius:4px;
    display:inline-block;
    margin-bottom:12px
}
.testimonial-card__text{
    font-family:var(--font-serif);
    font-size:17px;
    line-height:1.6;
    color:var(--dark);
    margin-bottom:20px;
    flex:1
}
.testimonial-card__author{
    display:flex;
    align-items:center;
    gap:12px
}
.testimonial-card__avatar{
    width:44px;
    height:44px;
    border-radius:50%;
    background:var(--navy);
    color:#c9a359;
    display:flex;
    align-items:center;
    justify-content:center;
    font-weight:700;
    font-size:15px;
    flex-shrink:0
}
.testimonial-card__name{
    font-weight:600;
    font-size:15px;
    color:var(--navy)
}
.testimonial-card__loc{
    font-size:13px;
    color:var(--gray-mid)
}
@media(max-width:768px){
    .testimonials__grid{
        grid-template-columns:1fr
    }
}
/* ========================================================= FINANCING ========================================================= */
.financing{
    padding:72px 0;
/*    background:linear-gradient(135deg,#c9a359 0%,#c89600 50%,#b88700 100%); */
    background: linear-gradient(135deg,#c9a359 0%,#c9a359 50%,#c9a359 100%);
    text-align:center;
    color:var(--dark);
    position:relative;
    overflow:hidden
}
.financing::before{
    content:'';
    position:absolute;
    inset:0;
    background:radial-gradient(circle at 25% 50%,rgba(255,255,255,.12),transparent 50%);
    pointer-events:none
}
.financing__eyebrow{
    font-size:12px;
    font-weight:600;
    letter-spacing:2px;
    text-transform:uppercase;
    color:rgba(0,0,0,.5);
    margin-bottom:12px;
    position:relative
}
.financing h2{
    font-family:var(--font-serif);
    font-size:clamp(46px,3.5vw,46px);
    margin-bottom:12px;
    position:relative;
    color:#fff;
}
.financing__apr{
    font-family:var(--font-serif);
    font-size:clamp(20px,2.5vw,28px);
    margin-bottom:16px;
    position:relative
}
.financing p{
    font-size:17px;
    opacity:.88;
    max-width:580px;
    margin:0 auto 28px;
    line-height:1.7;
    position:relative
}
.financing p strong{
    text-decoration:underline;
    text-underline-offset:3px
}
.financing__fine{
    font-size:12px;
    color:rgba(0,0,0,.45);
    margin-top:14px;
    position:relative
}
/* ========================================================= BOTTOM FORM (2-col) ========================================================= */
.bottom-form{
    padding:60px 0;
    background:var(--cream)
}
.bottom-form__grid{
    display:grid;
    grid-template-columns:1fr 500px;
    gap:64px;
    align-items:start
}
.bottom-form__title{
    font-family:var(--font-serif);
    font-size:clamp(26px,3.5vw,40px);
    color:var(--dark);
    margin-bottom:16px
}
.bottom-form__sub{
    font-size:16px;
    color:var(--charcoal);
    line-height:1.7;
    margin-bottom:24px
}
.bottom-form__points{
    display:flex;
    flex-direction:column;
    gap:12px;
    margin-bottom:0
}
.bottom-form__point{
    display:flex;
    align-items:flex-start;
    gap:10px;
    font-size:15px;
    color:var(--dark)
}
.bottom-form__point-check{
    width:22px;
    height:22px;
    background:var(--gold-light);
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    flex-shrink:0;
    margin-top:2px;
    color:#c9a359
}
.bottom-form__card{
    background:var(--white);
    border-radius:var(--radius-xl);
    padding:40px;
    box-shadow:var(--shadow-xl);
    border:1px solid rgba(0,0,0,.04)
}
.bottom-form__badges{
    display:flex;
    flex-wrap:wrap;
    gap:6px 14px;
    margin-top:16px;
    padding-top:14px;
    border-top:1px solid var(--gray)
}
.bottom-form__badge{
    font-size:12px;
    font-weight:500;
    color:var(--gray-mid);
    display:flex;
    align-items:center;
    gap:5px
}
.bottom-form__badge::before{
    content:'?';
    color:#c9a359;
    font-weight:700
}
@media(max-width:900px){
    .bottom-form__grid{
        grid-template-columns:1fr
    }
}
/* ========================================================= BOTTOM CTA ========================================================= */
.bottom-cta{
    padding:60px 0;
    background: #333;
    text-align:center;
    position:relative;
    overflow:hidden
}
.bottom-cta::before{
    content:'';
    position:absolute;
    inset:0;
    background:radial-gradient(ellipse at 50% 70%,rgba(222,169,4,.06),transparent 60%);
    pointer-events:none
}
.bottom-cta h2{
    font-family:var(--font-serif);
    font-size:clamp(28px,4vw,46px);
    color:var(--white);
    margin-bottom:16px;
    position:relative
}
.bottom-cta p{
    font-size:17px;
    color:rgba(255,255,255,.6);
    max-width:700px;
    margin:0 auto 36px;
    position:relative;
    line-height:1.7
}
.bottom-cta__actions{
    display:flex;
    gap:16px;
    justify-content:center;
    flex-wrap:wrap;
    position:relative;
/*    margin-bottom:28px */
}
.bottom-cta__badges{
    display:flex;
    flex-wrap:wrap;
    gap:8px 20px;
    justify-content:center;
    position:relative
}
.bottom-cta__badge{
    font-size:13px;
    color:rgba(255,255,255,.5);
    display:flex;
    align-items:center;
    gap:5px
}
.bottom-cta__badge::before{
    content:'?';
    color:#c9a359;
    font-weight:700
}
/* ========================================================= FOOTER ========================================================= */
.footer{
    background:var(--dark);
    color:rgba(255,255,255,.55);
    padding:44px 0;
    font-size:13px
}
.footer__inner{
    display:flex;
    align-items:center;
    justify-content:space-between;
    flex-wrap:wrap;
    gap:16px
}
.footer__logo img{
    height:52px;
    width:auto;
    opacity:.8
}
.footer__info{
    display:flex;
    flex-wrap:wrap;
    gap:8px 24px
}
.footer__copy{
    opacity:.5
}
.footer a:hover{
    color:#c9a359
}
@media(max-width:640px){
    .footer__inner{
        flex-direction:column;
        text-align:center
    }
}
/* ========================================================= MOBILE STICKY BAR ========================================================= */
.mobile-bar{
    display:none;
    position:fixed;
    bottom:0;
    left:0;
    right:0;
    z-index:999;
    background: #171717;
    border-top:1px solid rgba(255,255,255,.08);
    padding:10px 16px
}
.mobile-bar__inner{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:10px
}
.mobile-bar .btn{
    padding:14px;
    font-size:15px;
    border-radius:var(--radius)
}
@media(max-width:768px){
    .mobile-bar{
        display:block
    }
    body{
        padding-bottom:76px
    }
}
/* trust strip responsive */
@media(max-width:768px){
    .trust-strip__item{
        border-right:none;
        font-size:11px;
        padding:3px 10px
    }
}
@media(max-width:480px){
    .trust-strip{
        display:none
    }
}
/* Force Forminator form visible — JS will initialize on load via LiteSpeed trigger */
#forminator-module-20381{
    display:block!important
}
.header {
     max-width: 100%;
     overflow-x: hidden;
}
.header__inner {
     max-width: 100%;
     width: 100%;
}
.header__right {
     flex-shrink: 0;
}
.container {
     max-width: var(--max-w);
     width: 100%;
     padding: 0 16px;
}
.select2-selection {
     border-color: #eaeaed !important;
     background-color: #faf8f3 !important;
     border-radius: 5px !important;
}
.hero__title span {
     color: #c9a359;
     font-style: italic;
}
.mob {
     display: none;
     text-align: center;
     width: 80%;
     margin: 15px auto;
}
.mobv {
     display: none;
}
.mob p {
     color: #9c9ead;
     margin: 15px 0 14px 0;
}

.avail-badge {
/* position:absolute; *//* top:calc(var(--nav-h,80px) + 20px); */
 top: 15px;
 right:28px;
 z-index:2;
 background:rgba(6,15,30,.7);
 backdrop-filter:blur(10px);
 border:1px solid rgba(255,179,2,.3);
 border-radius:100px;
 padding:7px 17px;
 display:flex;
 align-items:center;
 gap:8px;
}

@media (max-width: 768px) {
     .avail-badge {
         display: none;
    }
}
/* ===================================================== TESTIMONIALS SLIDER (Mobile) ===================================================== */
 @media (max-width: 768px) {
     .mobv {
         display: block;
     }
     .deck {
         display: none;
     }
     .testimonials__grid {
         display: block;
         overflow-x: auto;
         scroll-snap-type: x mandatory;
         -webkit-overflow-scrolling: touch;
         scroll-behavior: smooth;
         white-space: nowrap;
         padding: 20px 0;
         margin: 0 0px;
         position: relative;
    }
     .testimonial-card, .benefit-card {
         display: inline-block;
         white-space: normal;
         width: calc(100% - 20px);
         margin: 0 20px;
         scroll-snap-align: start;
         scroll-snap-stop: always;
         vertical-align: top;
         box-shadow: 0 10px 30px rgba(0,0,0,0.08);
    }

     .testimonials__grid::-webkit-scrollbar {
         height: 4px;
    }
     .testimonials__grid::-webkit-scrollbar-track {
         background: #f1f1f1;
         border-radius: 10px;
    }
     .testimonials__grid::-webkit-scrollbar-thumb {
         background: var(--gold, #c6a43f);
         border-radius: 10px;
    }
     .testimonials-slider-nav {
         display: flex;
         justify-content: center;
         gap: 12px;
         margin-top: 5px;
    }
     .testimonials-slider-dot, .testimonials-slider-dotStep, .testimonials-slider-dotRev, .testimonials-slider-dot1 {
         width: 8px;
         height: 8px;
         background: #ccc;
         border-radius: 50%;
         cursor: pointer;
         transition: all 0.3s ease;
    }
     .testimonials-slider-dot.active, .testimonials-slider-dotStep.active, .testimonials-slider-dotRev.active, .testimonials-slider-dot1.active {
         width: 24px;
         background: var(--gold, #c6a43f);
         border-radius: 12px;
    }
     .testimonials-slider-btn {
         background: transparent;
         border: 1px solid var(--gold, #c6a43f);
         border-radius: 50%;
         width: 40px;
         height: 40px;
         cursor: pointer;
         display: flex;
         align-items: flex-start;
         justify-content: center;
         transition: all 0.3s ease;
         font-family: 'Tahoma';
         padding-top: 7px;
    }
     .testimonials-slider-btn:hover {
         background: var(--gold, #c6a43f);
         color: white;
    }
     .testimonials-slider-controls {
         display: flex;
         align-items: center;
         justify-content: center;
         gap: 20px;
         margin-top: 24px;
    }
}
 @media (min-width: 769px) {
     .testimonials-slider-nav, .testimonials-slider-controls {
         display: none;
    }
}
 .Before-After-gallery {
     max-width: none;
     margin: 0 auto;
     text-align: center;
     padding-bottom: 0px;
}
 .gallery-title {
     font-size: 2rem;
     font-weight: 700;
     margin-bottom: 0.5rem;
     color: #0f172a;
}
 .gallery-subtitle {
     color: #334155;
     margin-bottom: 2.5rem;
     font-size: 1.1rem;
}
 .comparison-grid {
     display: grid;
     grid-template-columns: repeat(2, 1fr);
     gap: 2rem;
     max-width: 1200px;
     margin: 0 auto;
}
 .comparison-card {
     background: white;
     border-radius: 0.9rem;
     overflow: hidden;
     box-shadow: 5px 6px 15px -5px rgba(0, 0, 0, 0.15);
     transition: transform 0.2s;
}
 @media (max-width: 900px) {
     .comparison-grid {
         grid-template-columns: 1fr;
         gap: 1.5rem;
         padding: 0 1rem;
    }
}
 .comparison-card:hover {
     transform: translateY(-6px);
}
 .image-compare {
     position: relative;
     width: 100%;
     background-color: #cbd5e1;
     cursor: ew-resize;
     touch-action: none;
     aspect-ratio: 4 / 3;
     overflow: hidden;
}
 .img-After {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     object-fit: cover;
     display: block;
     pointer-events: none;
}
 .img-Before-wrapper {
     position: absolute;
     top: 0;
     left: 0;
     width: 50%;
     height: 100%;
     overflow: hidden;
     z-index: 5;
     border-right: 3px solid white;
     box-shadow: 2px 0 8px rgba(0,0,0,0.2);
     pointer-events: none;
}
 .img-Before {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     object-fit: cover;
     display: block;
}
/* Ручка — позиционируется через JS, здесь только базовые стили */
 .slider-handle {
     position: absolute;
     top: 50%;
     transform: translate(-50%, -50%);
     width: 48px;
     height: 48px;
     background: #c9a359;
     border-radius: 50%;
     box-shadow: 0 2px 15px rgba(0,0,0,0.3);
     z-index: 20;
     cursor: ew-resize;
     display: flex;
     align-items: center;
     justify-content: center;
     color: #fff;
     font-size: 1.2rem;
     border: 2px solid #e2e8f0;
     transition: transform 0.1s;
     pointer-events: auto;
     font-weight: bold;
}
 .slider-handle:active {
     transform: translate(-50%, -50%) scale(0.95);
}
 .label-Before, .label-After {
     position: absolute;
     bottom: 16px;
     background: rgba(0,0,0,0.7);
     backdrop-filter: blur(6px);
     color: white;
     padding: 2px 10px;
     border-radius: 10px;
     font-size: 0.8rem;
     font-weight: 600;
    /* letter-spacing: 0.5px;
     */
     z-index: 15;
     pointer-events: none;
     font-family: monospace;
     transition: opacity 0.2s ease, visibility 0.2s ease;
}
 .label-Before {
     left: 16px;
}
 .label-After {
     right: 16px;
}
 .card-caption {
     padding: 1rem 1rem 1.2rem;
     font-weight: 500;
     color: #1e293b;
     background: white;
     border-top: 1px solid #eef2ff;
     font-size: 0.9rem;
}
 @media (max-width: 700px) {
     .slider-handle {
         width: 42px;
         height: 42px;
         font-size: 1rem;
    }
     .label-Before, .label-After {
         padding: 3px 10px;
         font-size: 0.7rem;
         bottom: 10px;
    }
     .gallery-title {
         font-size: 1.6rem;
    }
}
 .bb {
     background: #fff;
}
 .included__map {
     padding-bottom: 20px;
}
 .included__map iframe {
     border-radius: 15px;
     box-shadow: 7px 7px 20px 2px rgba(0, 0, 0, 0.15);
}
 .s_mark {
     padding: 8px 0 0 5px;
     text-align: left;
     font-size: 12px;
}
 .l_mb {
     color: #000;
}
 .l_mb:hover {
     text-decoration: underline;
     color: #000;
}
 .videos .testimonials__grid {
     grid-template-columns: repeat(3, 1fr);
}
 .videos .testimonial-card {
     padding: 20px 22px;
     border-left: 1px solid var(--gray);
     box-shadow: 5px 6px 15px -5px rgba(0, 0, 0, 0.15);
}
 .videos .testimonial-card:hover{
    transform:translateY(-4px);
    box-shadow: 10px 11px 20px -10px rgba(0, 0, 0, 0.15);
}
 .videos .s_mark{
    text-align: center;
}
 .schedule {
     text-align: center;
     margin: 25px 0 0 0;
}
 @media (max-width: 768px) {
     .forminator-field label, #select-1, #select-2 {
         display: none !important;
    }
     .header__inner{
        height:64px;
    }
     .header__logo img{
        height:40px;
    }
     .included__image {
         max-height: 100%;
    }
     .hero__title-sub {
         text-align: center;
    }
     .included__map {
         padding-bottom: 0px;
    }
     .included__map iframe {
         max-width: 100%;
         height: 300px;
    }
     .s_mark {
         text-align: center;
    }
     .hero__grid .hero__content {
         text-align: center;
    }
 .mob_align {
  text-align: center;
 }

}




.e-contact-buttons-var-10 .e-contact-buttons__contact-icon-link, .e-contact-buttons-var-10:hover .e-contact-buttons__contact-icon-link:hover {
 background-color: #c9a359;
}

iframe {
 border-radius: 20px;
}

.btn:hover {
 color: #fff;
}



.hp-form-card {
    background: #ede6d6;
/*    background: #fff; */
    border-radius: 18px;
    padding: 30px 20px;
    box-shadow: 0 36px 90px rgba(0, 0, 0, .30);
}

.hp-f label {
    display: block;
    font-size: .82rem;
    font-weight: 700;
    color: #555;
    margin-bottom: 4px;
    letter-spacing: .02em;
}

.hp-f input, .hp-f select {
    width: 100%;
    padding: 11px 13px;
    border: 1.5px solid #E8E2D8;
    border-radius: 8px;
    font-size: .89rem;
    font-family: inherit;
    color: #333;
    box-sizing: border-box;
    transition: border-color .18s;
    outline: none;
    background: #fff;
    margin-bottom: 12px;
}

[type="button"], [type="submit"], button {
 padding: 7px 15px !important;
}

.s-one {
 display: grid;
 grid-template-columns: 1fr;
 gap:8px;
 margin-bottom:12px;
}

@media (max-width: 768px) {
 .s-one {
  grid-template-columns: 1fr;
 }
 
 .hero__image{
   margin-top: 0px;
 }

}

/*
[type=button], [type=submit], button {
    display: inline-block;
    font-weight: 400;
    color: #c36;
    text-align: center;
    white-space: nowrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid #c36;
    padding: 7px 5px;
    font-size: 13px;
    border-radius: 3px;
    transition: all .3s;
}
*/

.visit-grid-3 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
    margin-top: 40px;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}

.touch .benefits__grid {
 grid-template-columns: 1fr 1fr 1fr;
}

.touch .benefit-card {
 background: #faf8f3;
}

@media (max-width: 480px) {
 .stat-row-3, .stat-row-3-wide, .ty-grid-3, .ty-grid-3b, .visit-grid-3, .visit-grid-4 {
  grid-template-columns: 1fr !important;
 }

}

@media (max-width: 768px) {
 .stat-row-3, .stat-row-3-wide, .ty-grid-3, .ty-grid-3b, .visit-grid-3 {
/*  grid-template-columns: 1fr 1fr !important; */
  gap: 0px;
 }
 .touch .benefits__grid {
  grid-template-columns: 1fr;
 }
 .hp-showroom {
  font-size: 14px !important;
 }

}


.form-group input, .form-group select, .form-group textarea {
 width: 100%;
 padding: 12px 14px;
 border: 1px solid #fdafaf;
 border-radius: 8px;
 font-size: .95rem;
 transition: border .2s;
 background: #fffbfb;
}



/* Mobile slider styles - only on screens ≤ 768px */
@media (max-width: 768px) {
    /* Hide original grid on mobile */
    .work-grid {
        display: none !important;
    }
    
    /* Show slider wrapper */
    .mobile-slider-wrapper {
        display: block;
        position: relative;
        width: 100%;
        margin: 30px 0;
        overflow: hidden;
    }
    
    .mobile-slider-container {
        display: flex;
        transition: transform 0.3s ease-in-out;
        width: 100%;
    }
    
    .mobile-slide {
        flex: 0 0 100%;
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 15px;
        padding: 0 10px;
        box-sizing: border-box;
    }
    
    .mobile-slide .work-photo {
        margin: 0;
        aspect-ratio: 1 / 1;
        overflow: hidden;
        border-radius: 8px;
    }
    
    .mobile-slide .work-photo img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }
    
    /* Controls container */
    .mobile-slider-controls {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 20px;
        margin-top: 24px;
    }
    
    /* Navigation buttons */
    .mobile-slider-btn {
        background: transparent;
        border: 1px solid var(--gold, #c9a359);
        border-radius: 50%;
        width: 40px;
        height: 40px;
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: all 0.3s ease;
        font-family: 'Tahoma', sans-serif;
        font-size: 13px;
        color: var(--gold, #c9a359);
        padding: 0;
    }
    
    .mobile-slider-btn:hover {
        background: var(--gold, #c9a359);
        color: white;
    }
    
    /* Dots container */
    .mobile-slider-nav {
        display: flex;
        justify-content: center;
        gap: 12px;
        align-items: center;
    }
    
    /* Individual dot - using a unique class to avoid conflicts */
    .mobile-slider-nav .mobile-dot {
        width: 8px;
        height: 8px;
        background: #D1D5DB;
        border-radius: 50%;
        cursor: pointer;
        transition: all 0.3s ease;
        display: inline-block;
    }
    
    .mobile-slider-nav .mobile-dot.active {
        background: var(--gold, #c9a359);
        width: 24px;
        border-radius: 12px;
    }
}


@media (min-width: 769px) {
    .mobile-slider-wrapper {
        display: none !important;
    }
}


.hero__trust {
    display: flex;
    flex-wrap: wrap;
    gap: 18px 28px;
    margin-top: 28px;
    padding-top: 22px;
    border-top: 1px solid #ffffff29;
    color: #ffffffb3;
}

.hero__trust-item {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    color: #ffffffb3;
    font-weight: 500;
}

.hero__trust-item strong {
    color: #ffffffb3;
    font-weight: 700;
}

@media (max-width: 900px) {
 .hero__image {
  max-height: none !important;
  aspect-ratio: auto !important;
 }

}


.quiz-options {
    display: grid;
    gap: 10px;
    margin-bottom: 18px;
}

.quiz-option {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 14px 16px;
    background: var(--cream);
    border: 1.5px solid transparent;
    border-radius: 10px;
    cursor: pointer;
    transition: all 0.18s;
    font-weight: 400;
    font-size: 15px;
    color: #333;
}

.quiz-option__price {
    margin-left: auto;
    font-size: 13px;
    color: var(--text-muted);
    font-weight: 600;
}

.quiz-card__foot {
    font-size: 12px;
    color: #5b6773;
    text-align: center;
    margin-top: 14px;
}

.ch_agree input, .ch_agree label {
 display: inline;
 width: auto;
 font-weight: normal;
 margin: 0px;
}

.ch_agree {
 line-height: 14px;
 margin-bottom: 20px;
}

.btn.btn-gold.hp.hp-submit {
 width: 100%;
 margin-bottom: 5px;
}

#fstep1 .hero__actions a {
 width: 100%;
 padding: 10px;
}

#fstep1 .hero__actions .btn-outline {
 background: transparent;
 color: #8e8e8e;
 border-color: rgb(142 142 142);
}

.testimonials__grid.pick {
 grid-template-columns: repeat(4, 1fr);
 gap: 20px;
}

.segment-icon {
    width: 48px;
    height: 48px;
}

.segment-chip {
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.4px;
    text-transform: uppercase;
    color: var(--sage);
    padding: 4px 10px;
    background: rgba(79, 107, 92, 0.08);
    border-radius: 999px;
}

.segment-meta {
 margin: -6px -10px 15px -10px;
}

.pick .testimonial-card {
 padding: 20px 20px;
}

.pick .testimonial-card h3 {
 margin-bottom: 0px;
 text-align: left;
}

.gallery {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
    padding: 5px 15px 25px 15px;
}

.gal-card {
    background: var(--white);
    border: 1px solid var(--border);
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 4px 24px rgba(0, 0, 0, .08);
    transition: all var(--transition);
}

.gal-card:hover {
    box-shadow: 0 6px 20px rgba(0, 0, 0, .2);
}

.gal-card__img {
    aspect-ratio: 4/3;
    background: var(--cream-2);
    background-size: cover;
    background-position: center;
}

.gal-card__body {
    padding: 18px 20px;
}

.gal-card__nhd {
    font-size: 11px;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: var(--gold-dark);
    font-weight: 700;
    margin-bottom: 4px;
}

.gal-card__ttl {
    font-family: 'Playfair Display', serif;
    font-size: 17px;
    font-weight: 600;
    margin-bottom: 4px;
}

.gal-card__sub {
    font-size: 13px;
    color: var(--text-muted);
}

.gal-card__meta {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #0f1e2e14;
    font-size: 12px;
    color: var(--text-muted);
    display: flex;
    justify-content: space-between;
}




.process {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 16px;
    position: relative;
}

.step {
    background: var(--white);
    border: 1px solid var(--border);
    border-radius: 12px;
    padding: 24px 18px;
    text-align: center;
    position: relative;
    z-index: 2;
}

.step__num {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: var(--dark);
    color: var(--gold);
    font-family: 'Playfair Display', serif;
    font-weight: 700;
    font-size: 18px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 14px auto;
}

.step__dur {
    font-size: 11px;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    color: #a8863d;
    font-weight: 700;
    margin-bottom: 8px;
}

.step__title {
    font-size: 15px;
    margin-bottom: 6px;
    font-family: 'Playfair Display', serif;
    font-weight: 600;
}

.step__desc {
    font-size: 13px;
    color: var(--text-muted);
    line-height: 1.5;
}


@media (max-width: 768px) {
 .gallery {
  grid-template-columns: 1fr;
 }
 .process {
  display: inherit;
 }

}


.fin-grid {
    display: grid;
    grid-template-columns: 1fr 1.1fr;
    gap: 56px;
    align-items: center;
}

.section--navy .eyebrow {
    color: var(--gold-light);
}

.promo-banner {
    background: var(--gold);
    color: var(--white);
    padding: 24px 26px;
    border-radius: 12px;
    margin-bottom: 28px;
    position: relative;
    overflow: hidden;
    box-shadow: 0 14px 40px -12px rgba(201,163,89,0.45);
}

.promo-flag {
    font-size: 11px;
    letter-spacing: 2.8px;
    text-transform: uppercase;
    font-weight: 800;
    color: rgba(255,255,255,0.85);
    margin-bottom: 8px;
}

.promo-hero {
    font-family: 'Playfair Display', serif;
    font-size: clamp(22px, 2.4vw, 30px);
    font-weight: 700;
    line-height: 1.15;
    margin-bottom: 6px;
}

.promo-sub {
    font-size: 14px;
    color: rgba(255,255,255,0.92);
    margin-bottom: 4px;
}

.promo-disclaimer {
    font-size: 11px;
    color: rgba(255,255,255,0.72);
    letter-spacing: 0.3px;
}

.fin-pmt {
    background: rgba(201,163,89,0.15);
    border: 1px solid var(--gold);
    border-radius: 14px;
    padding: 28px 26px;
}

.fin-pmt__lbl {
    font-size: 11px;
    letter-spacing: 2.5px;
    text-transform: uppercase;
    color: var(--gold-light);
    font-weight: 700;
    margin-bottom: 5px;
}

.fin-pmt__amt {
    font-family: 'Playfair Display', serif;
    font-size: 52px;
    color: var(--gold);
    font-weight: 700;
    line-height: 1;
    margin-bottom: 6px;
    margin-top: 20px;
}

.fin-pmt__per {
    font-size: 14px;
    color: rgba(247,243,235,0.75);
}

.fin-pmt__notes {
    font-size: 12px;
    color: rgba(247,243,235,0.6);
    margin-top: 25px;
    line-height: 1.55;
}

.new {
 display: grid;
 grid-template-columns: 1fr 1fr;
 gap: 20px;
 margin-top: 30px;
 font-size: 15px;
}

.new span {
 display: flex;
 flex-direction: column;
}





@media (max-width: 768px) {
 .fin-grid {
  grid-template-columns: 1fr;
  gap: 32px;
 }

}


 @media (max-width: 480px) {
     html, body {
         max-width: 100%;
         overflow-x: hidden;
    }
     .header__inner {
         padding: 0 16px;
    }
     .header__phone span {
         display: none;
    }
     .header__right .btn {
         padding: 6px 12px;
         font-size: 12px;
    }
     .btn-lg, .btn-outline, .btn-gold, .btn {
         width: 100%;
    }
     .section, .bottom-form {
         padding: 40px 0;
    }
     .mob-h {
         display: none;
    }
     .hero__title {
         text-align: center;
         font-size: 38px;
    }
     .hero__title span {
         text-align: center;
         color: #c9a359;
         font-style: italic;
    }
     .mob {
         display: block;
    }
     .bmob {
         display: none;
    }
    .hero__sub{
     margin-bottom: 0px;
    }
 
}