:root{
    --gold:#bf913b;
    --darkText:#222;
    --container:1400px;
    --font:'Inter', sans-serif;
    --heading-font:'Playfair Display';
}

*{margin:0;padding:0;box-sizing:border-box;}

body{
    font-family:'Inter', sans-serif;
    background:#f1f0f1;
}
h1,h2,h3,h4,h5,h6{
    font-weight: 400;
    font-family: var(--heading-font);
    color: var(--gold);
    margin-bottom: 10px;
}
p{margin: 0 0 15px;}
p:last-child{margin: 0;}

img{max-width: 100%;}
button{cursor: pointer;}

.page-title{margin-bottom: 20px;}
.entry-title{margin-bottom: 10px; font-size: clamp(26px, 2vw, 38px); line-height: 1.2;}
.contentSection{margin-bottom: 50px;}

/* CONTAINER */
.container,.wrap{
    max-width:var(--container);
    margin:auto;
    padding:0 20px;
}
.frame{padding: 60px 10px;}
.align-center{text-align: center;}
#pageContent{min-height: 500px;}

/* TOP BAR */
.topbar{
    background:#000;
    color:#fff;
    font-size:14px;
}
.topbar .container{
    display:flex;
    justify-content:space-between;
    padding:8px 20px;
    max-width: 100%;
}

/* HEADER */
.header{
    background:#fff;
    position: sticky;
    top: 0;
    width: 100%;
    left: 0;
    z-index: 10;
}
.header .container{
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:20px;
    max-width: 100%;
}

/* LOGO */
.logo{
    font-family:var(--heading-font);
    color:var(--gold);
    font-size:20px;
}
.logo img{height: 50px;}
.logo span{
    display:block;
    font-size:11px;
    color:#777;
}
.close-btn{display: none;}

/* NAV */

.nav ul{list-style: none;}
.nav ul#menu-main-menu{
    display:flex;
    gap:18px;
    align-items:center;
    list-style: none;
}
.nav ul li{text-transform: uppercase; position: relative;}

.nav ul li a::after{
    content: "";
    position: absolute;
    width: 0;
    left: 0;
    bottom: 0;
    background: var(--gold);
    height: 2px;
    transition: all 0.3s ease-in-out;
}
.nav ul li a:hover::after{width: 100%;}
.nav ul li.current-menu-item > a::after,
.nav ul li.current_page_parent > a::after{width: 100%;}

.nav ul ul.sub-menu{
    position: absolute; 
    top: 100%; 
    left: 0; 
    padding: 15px; 
    background: rgba(255,255,255,.95); 
    border-radius: 10px; 
    z-index: 10; 
    width: 200px;
    box-shadow: 0 0 4px rgba(0,0,0,0.2);
    display: none;
}

.nav ul#menu-main-menu > li:hover ul.sub-menu{display: block;}

.nav ul ul.sub-menu li{text-transform: capitalize;}

.nav a{
    text-decoration:none;
    color:#333;
    font-size:14px;
    padding: 6px 4px;
    display: block;
}
.nav li a:hover{color: var(--gold);}

.header .btn-gold{
    background:var(--gold);
    color:#fff !important;
    border:none;
    padding:10px 20px;
    border-radius:25px;
    margin: 0;
}

/* HAMBURGER */
.hamburger{
    display:none;
    font-size:26px;
    cursor:pointer;
}

/* HERO WRAPPER */
.hero-wrapper{
    margin:20px;
}

/* HERO */
.hero{
    position:relative;
    border-radius:20px;
    overflow:hidden;
    height:650px;
    background:url('../images/hero-1.jpg') right center/cover no-repeat;
    display:flex;
    align-items:center;
    padding-bottom:90px;
}

.hero-img{display: none;}
.hero-img img{display: block;}

/* LEFT FADE */
/* .hero::before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:65%;
    height:100%;
    background:linear-gradient(to right, rgba(255,255,255,0.95), rgba(255,255,255,0.6), transparent);
} */

/* CONTENT */
.hero-content{
    position:relative; /* NOT absolute */
    margin-left:80px;
    max-width:520px;
    z-index:2;
}

/* GLASS BOX */
.hero-box{
    background:rgba(255,255,255,0.75);
    backdrop-filter:blur(8px);
    padding:50px;
    border-radius:10px;
}

.hero-box small{
    letter-spacing:2px;
    color:#777;
}

.hero-box h1{
    font-family:var(--heading-font);
    font-size:48px;
    color:var(--gold);
    line-height:52px;
    margin:20px 0;
    font-weight: 300;
}

.hero-box .btn{
    border:1px solid var(--gold);
    padding:12px 24px;
    border-radius:30px;
    background:transparent;
    color: #000;
}

/* STATS */
.stats{
    position:absolute;
    bottom:0;
    width:100%;
    background:rgba(255,255,255,.37);
    backdrop-filter:blur(8px);
}
.stats .container{
    display:flex;
    justify-content:space-between;
    padding:18px 0;
}
.stats .stat-result{position: relative; display: flex; justify-content: center; align-items: center; text-align: center; width: 30%;}
/* .stats .stat-result::after,
.stats .stat-result::before{content: ""; background: url(../images/leaf.svg) no-repeat center; display: inline-block; height: 62px; width: 30px;}
.stats .stat-result::after{transform: scaleX(-1);} */
.stats .stat-result h3{font-family: var(--heading-font); font-weight: 500; font-size: 17px;}
.stats .stat-result span{display: block; font-size: 15px;}

/* MOBILE MENU */
@media(max-width:900px){

    /* NAV FIX */
    .nav{
        position:fixed;
        top:0;
        right:-100%;
        width:100%;
        height:100%;
        background:#f5f3f0;
        padding:80px 20px;
        transition:.3s;
        z-index:100;
    }
    
    .nav ul#menu-main-menu{
        flex-direction:column;
        gap: 4px;
    }
    .nav ul li{width: 100%;}

    .nav.active{
        right:0;
    }

    .close-btn{
        position:absolute;
        top:20px;
        right:20px;
        font-size:24px;
        cursor:pointer;
        display: block;
    }

    .nav a{
        width:100%;
        padding:15px;
        background:#e9e6e2;
        border-radius:12px;
        text-align:center;
    }

    .hamburger{
        display:block;
    }

    /* HERO FIX START */

    .hero-wrapper{
        margin:20px;
    }

    .hero{
        height:auto;
        display:block;
        padding:0;
    }

    .hero-img{display: block;}

    .hero::before{
        display:none;
    }

    .hero-content{
        margin:0;
        padding:20px;
        background:rgba(255,255,255,0.2);
        backdrop-filter:blur(6px);
    }

    .hero-box{
        padding:25px;
        background:rgba(255,255,255,0.95);
        backdrop-filter:none;
        border-radius:12px;
    }

    .hero-box h1{
        font-size:28px;
        line-height: 34px;
    }

    /* ✅ IMAGE FEEL FIX */
    .hero{
        background-position:center right;
    }

    /* ✅ STATS FIX (SEPARATED BLOCK) */
    .stats{
        position:relative;
        margin-top:0;
        border-radius:0 0 20px 20px;
        display: none;
    }

    .stats .container{
        flex-direction:column;
        gap:12px;
        padding:20px;
        text-align:center;
    }
    .stats .stat-result{
        width: 100%;
    }
    
     .stats .stat-result::before,.stats .stat-result::after{filter: brightness(0);}

}

/* SECTION BACKGROUND */
.about{
    background:#f3f3f3;
    padding:100px 0;
}

/* LAYOUT */
.about-inner{
    display:flex;
    align-items:center;
    justify-content:center;
    position:relative;
}

/* CONTENT */
.about-content{
    max-width:750px;
    text-align:center;
    z-index:2;
}

.about h2{
    font-family:var(--heading-font);
    font-size:42px;
    margin-bottom:10px;
    font-weight: 400;
}


.about h2 span{color: var(--darkText);}

.signature{
    display:block;
    font-weight:400;
    color: var(--gold);
}
.signature {margin: auto;}

.highlight{
    font-weight:600;
    margin:20px 0;
}

.about-para-content{
    max-height: 105px;
    overflow: hidden;
    transition: max-height 0.5s ease;
}

.about-para-content p{
    text-align: justify;
}
.about-para-content h2,.about-para-content h3{font-size: 32px; line-height: 36px; margin: 0 0 18px; text-align: left;}

.about-para-content.expanded {
  max-height: 1000px; /* large enough to fit content */
}

.about p{
    margin-bottom:18px;
    line-height:1.7;
}

/* BUTTONS */
.about-actions{
    margin-top:30px;
}

.btn-outline{
    border:1px solid #b89b5e;
    padding:12px 28px;
    border-radius:30px;
    background:transparent;
    color:#b89b5e;
    margin-right:15px;
    text-decoration: none;
    display: inline-block;
    font-size: 15px;
    line-height: 18px;
}

.link-gold{
    color:#b89b5e;
    text-decoration:none;
}

/* SVG */
.about-svg{
    position:absolute;
    right:0;
    top:50%;
    transform:translateY(-50%);
}

.about-svg svg{
    width:300px;
}

.about-svg img{
    width:280px;
    height:auto;
    max-height: 380px;
}


/* SVG ANIMATION */
.draw{
    stroke-dasharray:2000;
    stroke-dashoffset:2000;
    animation:drawLine 3s ease forwards;
}

@keyframes drawLine{
    to{
        stroke-dashoffset:0;
    }
}

/* ================= MOBILE ================= */
@media(max-width:900px){


    .about{
        padding:60px 0;
    }

    .about-inner{
        flex-direction:column;
    }

    .about h2{
        font-size:28px;
    }

    .about-svg{
        position:relative;
        transform:none;
        margin-top:40px;
        text-align:center;
    }

    .about-svg img{
        width:200px;
    }

    .about-svg svg{
        width:200px;
    }

    .about-actions{
        display:flex;
        flex-direction:column;
        gap:15px;
    }

    .btn-outline{
        width:100%;
    }
}


.draw{
    stroke-dasharray:1000;
    stroke-dashoffset:1000;
    animation:drawLine 2.5s ease forwards;
}

@keyframes drawLine{
    to{ stroke-dashoffset:0; }
}


/* SECTION */
.services{
    padding:80px 20px;
}

.services-wrapper{
    max-width:1400px;
    margin:auto;
    border-radius:25px;
    overflow:hidden;
    position:relative;
    background:url('../images/service-bg1.jpg') center/cover no-repeat;
}

/* DARK OVERLAY */
.services-wrapper::before{
    content:"";
    position:absolute;
    inset:0;
    background:rgba(0,0,0,0.6);
}

/* CONTENT */
.services-header,
.services-grid,
.services-footer{
    position:relative;
    z-index:2;
    color:#fff;
}

/* HEADER */
.services-header{
    text-align:center;
    padding:60px 20px 30px;
}

.services-header h2{
    font-family:var(--heading-font);
    font-size:42px;
}

.services-header p{
    opacity:0.8;
    margin-top:10px;
}

/* GRID */
.services-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    padding: 0 30px;
}

/* ITEM */
.service-item{
    padding:40px 30px;
    border-left:1px solid rgba(255,255,255,0.2);
   transition: all 0.35s ease;

    
}

.srvc-info{margin-bottom: 12px;}

.service-item:first-child{
    border-left:none;
}

.service-item .icon{
    height: 160px;
    margin-bottom:20px;
}

.service-item h3{
    font-size:22px;
    margin-bottom:10px;
}

.service-item p{
    font-size:14px;
    opacity:0.8;
    margin-bottom:20px;
}

/* BUTTON */
/* ONLY SERVICES SECTION BUTTON */
.services .btn-outline{
    border:1px solid #fff;
    color:#fff;
}

/* HOVER EFFECT */
.service-item:hover,
.service-item.active{
    background:rgba(255,255,255,0.1);
    backdrop-filter:blur(6px);
    transform: translateY(-12px);
}

/* BUTTON HOVER */
.btn-outline:hover{
    background:#fff;
    color:#000;
}

/* FOOTER BUTTON */
.services-footer{
    text-align:center;
    padding:40px;
}

/* ARROW DEFAULT HIDDEN */
.services .arrow{
    opacity:0;
    margin-left:0;
    transition:0.3s;
}

/* SHOW ON HOVER */
.services .btn-outline:hover .arrow{
    opacity:1;
    margin-left:8px;
}

.btn-black{
    background:#000;
    color:#fff;
    padding:14px 28px;
    border-radius:30px;
    text-decoration:none;
}

/* ================= MOBILE ================= */
@media(max-width:900px){

    .services-header h2{
        font-size:30px;
    }

    .services-grid{
        grid-template-columns:1fr;
    }

    .service-item{
        border-left:none;
        border-top:1px solid rgba(255,255,255,0.2);
    }

    .service-item:first-child{
        border-top:none;
    }

    .services-footer{
        padding:30px 20px;
    }

    .btn-black{
        width:100%;
        text-align:center;
    }
}


/* ============================ */

/* SECTION */
.treatments{
    padding:80px 0;
}

.treatments-inner{
    display:flex;
    gap:40px;
    align-items:center;
}

/* LEFT */
.treatments-left{
    width:35%;
}

.treatments-left h2{
    font-family:var(--heading-font);
    font-size:36px;
    line-height: 40px;
    margin-bottom:15px;
}

.treatments-left p{
    color:#555;
    line-height:1.6;
}

/* RIGHT */
/* WRAPPER */
.treatments-right{
    width:65%;
    position:relative;
}

/* TRACK */
.treatments-track{
    display:flex;
    gap:20px;
    overflow-x:auto;
    scroll-behavior:smooth;
    scrollbar-width:none;
}

.treatments-track::-webkit-scrollbar{
    display:none;
}

.treatments-right .owl-carousel .owl-stage-outer{padding: 15px 0;}

/* CARD */
.t-card{
    background:#fff;
    border-radius:14px;
    overflow:hidden;
    padding-bottom:20px;
    transition:0.3s;
}

/* HOVER */
.t-card:hover{
    transform:translateY(-8px);
}

.t-card img{
    width:100%;
    height:220px;
    object-fit:cover;
}

.t-card h3{
    font-size:18px;
    margin:15px;
}

.t-card p{
    font-size:14px;
    color:#666;
    margin:0 15px 10px;
}

.t-card a{
    margin:0 15px;
    color:var(--gold);
    text-decoration:none;
}

/* ARROWS */
.treatments-carousel .owl-nav button{
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    width:45px;
    height:45px;
    border-radius:50%;
    background:#fff !important;
    border:1px solid rgba(0,0,0,0.2) !important;
}

.treatments-carousel .owl-nav .owl-prev{
    left:-16px;
}

.treatments-carousel .owl-nav .owl-next{
    right:-16px;
}

/* ================= MOBILE ================= */
@media(max-width:900px){

    .treatments-inner{
        flex-direction:column;
    }

    .treatments-left{
        width:100%;
    }

    .treatments-right{
        width:100%;
    }

    .t-card{
        min-width:80%;
    }

    .treatments .nav{
        display:none;
    }
}



/* =============================== */
/* SECTION */
.men{
    padding:80px 20px;
}

/* BOX */
.men-box{
    background:#FFF;
    border-radius:30px;
    padding:60px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    position:relative;
    overflow:hidden;
}

/* IMAGE */
.men-image{
    width:35%;
}

.men-image img{
    width:100%;
    max-width:300px;
    opacity:0.7;
}

/* CONTENT */
.men-content{
    width:60%;
    text-align:center;
}

/* LABEL */
.men-label{
    color:var(--darkText);
    letter-spacing:2px;
    font-size:12px;
}

/* TITLE */
.men-content h2{
    font-family:var(--heading-font);
    font-size:44px;
    margin:15px 0;
    line-height:1.2;
}

.men-content h2 span{
    font-weight:400;
}

/* TEXT */
.men-content p{
    max-width:600px;
    margin:0 auto 25px;
    color:#555;
    line-height:1.7;
}

/* BUTTON */
.btn-men{
    border:1px solid #000;
    padding:12px 28px;
    border-radius:30px;
    text-decoration:none;
    color:#000;
    transition:0.3s;
}

.btn-men:hover{
    background:#000;
    color:#fff;
}

@media(max-width:900px){

    .men-box{
        flex-direction:column;
        padding:40px 20px;
        text-align:center;
    }

    .men-image{
        width:100%;
        margin-bottom:20px;
    }

    .men-content{
        width:100%;
    }

    .men-content h2{
        font-size:32px;
    }
}


/* HORMONAL */
/* SECTION */
.academy{
    padding:60px 20px;
}

/* MAIN BOX */
.academy-inner{
    position:relative;
    border-radius:30px;
    overflow:hidden;
    padding:80px 20px;
    background:url('../images/man-bg1.jpg') right center / cover no-repeat;
}


.academy-inner .wrap{    
    display:flex;
    align-items:center;
    justify-content:space-between;
}

/* OVERLAY */
.academy-inner::before{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(
        90deg,
        rgba(20,20,20,0.95) 0%,
        rgba(20,20,20,0.9) 40%,
        rgba(20,20,20,0.5) 70%,
        rgba(20,20,20,0.1) 100%
    );
}

/* CONTENT LAYER */
.academy-left,
.academy-right{
    position:relative;
    z-index:2;
}

/* LEFT */
.academy-left{
    width:50%;
    max-width:580px;
    color:#fff;
}

.academy-left h2{
    font-family:var(--heading-font);
    font-size:58px;
    line-height:1.05;
    margin-bottom:20px;
}

.academy-left h2 span{
    color:var(--gold);
}

.academy-left p{
    color:#ddd;
    line-height:1.8;
    font-size:15px;
    margin-bottom:25px;
}

/* LIST */
.academy-list{
    list-style:none;
    padding:0;
    margin-bottom:35px;
}

.academy-list li{
    display:flex;
    gap:12px;
    margin-bottom:14px;
    font-size:15px;
    color:#eee;
}

.academy-list i{
    color:var(--gold);
}

/* BUTTON */
.academy-btn{
    background:#000;
    color:#fff;
    padding:14px 34px;
    border-radius:30px;
    text-decoration:none;
    display:inline-block;
}

/* RIGHT SIDE */
.academy-right{
    width:45%;
    display:flex;
    justify-content:flex-end;
    gap:40px;
}

/* COLUMNS */
.col{
    display:flex;
    flex-direction:column;
    gap:25px;
}

/* OFFSET (DESKTOP ONLY) */
.col-left{
    margin-top:-50px;
}

.col-right{
    margin-top:50px;
}

/* CARD */
.card{
    width:260px;
    padding:35px 20px;
    border-radius:16px;
    text-align:center;
    color:#fff;
    background:rgba(255,255,255,0.18);
}

/* SLIGHT VARIATION */
.highlight{
    background:rgba(255,255,255,0.25);
}

/* TEXT */
.card h3{
    font-family:var(--heading-font);
    font-size:36px;
    margin-bottom:6px;
    color: #FFF;
}

.card p{
    font-size:12px;
    color:#ddd;
    line-height:1.5;
}

/* ========================= */
/* 📱 TABLET */
/* ========================= */
@media(max-width:1024px){

    .academy-inner{
        padding:60px 40px;
        background:url('../images/man-bg2.jpg') center center / cover no-repeat;
    }
    

    .academy-left h2{
        font-size:44px;
    }

    .card{
        width:220px;
    }
}

/* ========================= */
/* 📱 MOBILE */
/* ========================= */
@media(max-width:900px){

    .academy-inner{
        padding:40px 25px;
    }
    .academy-inner .wrap{ 
        flex-direction:column;
    }

    .academy-left{
        width:100%;
    }

    .academy-left h2{
        font-size:36px;
    }

    /* GRID LIKE YOUR SCREENSHOT */
    .academy-right{
        width:100%;
        display:grid;
        grid-template-columns:repeat(2,1fr);
        gap:15px;
        margin-top:30px;
    }

    /* REMOVE OFFSET */
    .col{
        display:contents;
    }

    .col-left,
    .col-right{
        margin:0;
    }

    .card{
        width:100%;
        padding:25px 15px;
        border-radius:12px;
    }

    .card h3{
        font-size:26px;
    }

    .card p{
        font-size:11px;
    }

    .academy-btn{
        width:100%;
        text-align:center;
    }
}



/* HEADER */
.doctor{ padding:100px 20px; }

.doctor-header{
    text-align:center;
    max-width:800px;
    margin:0 auto 60px;
}

.doctor-header span{
    color:var(--darkText);
    font-size:12px;
    letter-spacing:2px;
}

.doctor-header h2{
    font-family:var(--heading-font);
    font-size:42px;
    margin:10px 0;
}

.doctor-header p{
    color:#555;
    line-height:1.7;
}

.signature{
    margin-top:10px;
}

/* LAYOUT */
.doctor-content{
    display:flex;
    gap:40px;
    align-items:center;
}

/* REVIEWS */
.reviews{
    width:45%;
}

.review-item{
    text-align:center;
    padding:20px;
}

.review-item h4{
    font-weight:600;
}

.review-item span{
    font-size:12px;
    color:#888;
}

.stars{
    color:#f4b400;
    margin:10px 0;
}

.review-item p{
    color:#444;
    line-height:1.6;
}

.review-item small{
    display:block;
    margin-top:10px;
    color:#888;
}

/* IMAGES */
.doctor-images{
    width:55%;
}

.img-item img{
    width:100%;
    border-radius:12px;
}

/* ARROWS */
.review-carousel .owl-nav button,
.image-carousel .owl-nav button{
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    width:40px;
    height:40px;
    border-radius:50%;
    background:#fff !important;
    border:1px solid #ddd !important;
}

.review-carousel .owl-prev{ left:-20px; }
.review-carousel .owl-next{ right:-20px; }

.image-carousel .owl-prev{ left:-20px; }
.image-carousel .owl-next{ right:-20px; }

@media(max-width:900px){

    .doctor-content{
        flex-direction:column;
    }

    .reviews,
    .doctor-images{
        width:100%;
    }

    .doctor-header h2{
        font-size:32px;
    }
}





/* CONTACT */

/* SECTION */
.contact-section{
    position:relative;
    padding:180px 20px;
    display:flex;
    justify-content:center;
}

/* BACKGROUND IMAGE (HIDDEN INITIALLY) */
.contact-bg{
    position:absolute;
    inset:0;
    background:url('../images/contact-bg.jpg') center / cover no-repeat;
    background-attachment: fixed;
    opacity:0;
    transition:opacity 0.8s ease;
    z-index:1;
}

/* DARK OVERLAY */
.contact-bg::after{
    content:"";
    position:absolute;
    inset:0;
    background:rgba(0,0,0,0.5);
}

/* ACTIVE STATE */
.contact-section.active .contact-bg{
    opacity:1;
}

/* CONTENT BOX */
.contact-inner{
    position:relative;
    z-index:2;
    max-width:1100px;
    width:100%;
    background:rgba(0,0,0,0.8);
    color:#fff;
    padding:80px 40px;
    border-radius:20px;
    text-align:center;
}

/* TEXT */
.contact-inner h2{
    font-family:var(--heading-font);
    font-size:48px;
    margin-bottom:15px;
}

.contact-inner p{
    color:#ccc;
    max-width:700px;
    margin:0 auto 30px;
}

/* BUTTONS */
.contact-actions{
    display:flex;
    justify-content:center;
    gap:20px;
    flex-wrap:wrap;
}

.btn{
    padding:14px 28px;
    border-radius:30px;
    text-decoration:none;
    font-size:14px;
}

.btn.black{
    background:#000;
    color:#fff;
    border:1px solid #fff;
}

.btn.white{
    background:#fff;
    color:#000;
}

@media(max-width:768px){
    .contact-bg{
        background:url('../images/contact-bg1.jpg') center / cover no-repeat;
        background-attachment: fixed;
        background-size: auto 100%;
    }
    .contact-inner{
        padding:50px 25px;
    }

    .contact-inner h2{
        font-size:32px;
    }
}



/* FOOTER */
/* FOOTER */
.footer{
    background:#000;
    color:#fff;
    padding:60px 20px;
}

/* CONTAINER */
.footer-inner{
    max-width:1400px;
    margin:auto;
}

/* LOGO */
.footer-logo{
    text-align:center;
    margin-bottom:50px;
}

.footer-logo img{
    height:70px;
}

/* GRID */
.footer-grid{
    display:grid;
    grid-template-columns:1fr 1fr 1fr 1fr;
    gap:60px;
}

/* COLUMN */
.footer-col h3{
    font-family:var(--heading-font);
    margin-bottom:15px;
    font-size:20px;
}

.footer-col p{
    color:#ccc;
    margin-bottom:10px;
}

/* LINKS */
.footer-col a{
    color:#fff;
    text-decoration:none;
}

.footer-col ul{
    list-style:none;
    padding:0;
}

.footer-col ul li{
    margin-bottom:10px;
}

.footer-col ul li a{
    color:#ccc;
    font-size:14px;
    letter-spacing:0.5px;
}

.footer-col ul li a.active{
    color:var(--gold);
}

/* GOLD LINK */
.link-gold{
    color:var(--gold);
    display:inline-block;
    margin-top:5px;
}

.link-gold.small{
    display:block;
    margin-top:10px;
    font-size:14px;
}

/* SOCIAL */
.social{
    margin-top:15px;
}

.social a{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:40px;
    height:40px;
    border:1px solid var(--gold);
    color:#fff;
    margin-right:10px;
}

/* BUTTON */
.btn-gold{
    background:var(--gold);
    color:#000;
    padding:14px 30px;
    border-radius:30px;
    display:inline-block;
    margin-bottom:20px;
}

/* BOTTOM */
.footer-bottom{
    border-top:1px solid #222;
    margin-top:50px;
    padding-top:20px;

    display:flex;
    justify-content:center;
    align-items:center;
    gap:20px;
    font-size: 14px;
}

.footer-bottom p{
    color:#aaa;
}

/* REVIEW */
.review{
    display:flex;
    align-items:center;
    gap:10px;
}

.review img{
    width:40px;
}

.stars{
    color:var(--gold);
}

/* ================= MOBILE ================= */
@media(max-width:900px){

    .footer-grid{
        grid-template-columns:1fr;
        gap:30px;
    }

    .footer-bottom{
        flex-direction:column;
        align-items:flex-start;
    }
}


#sub-hero-section{
    margin: 20px 20px 40px;
    border-radius: 20px;
    position: relative;
    overflow: hidden;
}

#sub-hero-section img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
}
#sub-hero-section .container{
    padding: 180px 20px 50px; 
    position: relative; 
    z-index: 2;
}

#sub-hero-section.archive .container{
    padding: 250px 20px 50px; 
    position: relative; 
    z-index: 2;
}

#sub-hero-section .sh-title{
    font-size: 48px;
    line-height: 54px;
    font-family: var(--heading-font);
}
#sub-hero-section #breadcrumbs{
    text-transform: uppercase;
    font-size: 13px;
    line-height: 18px;
    padding-top: 12px;
}
#sub-hero-section #breadcrumbs a{color: var(--darkText);}

.post-header{
    margin:0 auto 80px;
    max-width: 1000px;
}
.post-header .entry-title{margin-bottom: 4px;}
.post-header .sub-heading{
    font-size:28px;
    line-height: 1.2;
    font-style: italic;
    font-family: var(--heading-font);
    margin-bottom: 20px;
}
.post-header .headerCont{
    font-weight: 500;
}
.post-introduction{
    display: flex;
    justify-content: space-between;
    gap: 60px;
}
.post-introduction .post-content{width: 65%;}
.post-introduction .post-thumbnail{width: 35%;}
.post-introduction .post-thumbnail img{border-radius: 6px; height: auto;}
.post-introduction .post-content ul,.post-introduction .post-content ol{margin:0 0 20px 20px;}
.treatmentThumb{position: sticky; top: 120px;}
.post-introduction .postlist{width: 35%;}
.postlist ul{
    list-style:none;
    padding:0;
    margin:0;
}

.postlist li{
    margin-bottom: 7px;
    padding-left: 30px;
    position: relative;
    font-size: 15px;
    line-height: 20px;
}

.postlist a{
    display:flex;
    align-items:center;
    gap:12px;

    text-decoration:none;
    color:#000;
    transition:0.3s;
}

/* ARROW */
.postlist li::before{
    content:"→";
    color:#a38b2c;
    font-size:20px;
    transition:0.3s;
    position: absolute;
    left: 0;
    top: -2px;
}

/* HOVER EFFECT (optional but premium) */
.postlist a:hover{
    color:#a38b2c;
    transform:translateX(5px);
}

.postlist a:hover::before{
    transform:translateX(3px);
}

@media(max-width:900px){
    .post-introduction{flex-direction: column;}
    .post-introduction .post-content,.post-introduction .post-thumbnail,.post-introduction .postlist{width: 100%;}

    #sub-hero-section img{
    object-position: 65%;
    }
}


/* SECTION */
.services-section{
    padding:80px 20px;
    background:#f6f6f6;
}

/* CONTAINER */
.services-inner{
    max-width:1400px;
    margin:auto;
}

/* HEADER */
.services-section .services-header{
    text-align:center;
    margin-bottom:60px;
    background-image: linear-gradient(180deg, #fff 0, #f6f6f6 100%);
    border-radius: 30px 30px 0 0;
    overflow: hidden;
}

.services-section .services-header h2{
    font-family:var(--heading-font);
    font-size:48px;
}

.services-section .services-header span{
    font-style:italic;
}

/* GRID */
.services-list-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:40px;
}

/* CARD */
.service-card img{
    width:100%;
    border-radius:16px;
    margin-bottom:20px;
    height: 216px;
    object-fit: cover;
    object-position: center;
}

.service-card h3{
    font-family:var(--heading-font);
    font-size:32px;
    color: var(--darkText);
    line-height: 36px;
    margin-bottom:10px;
}

.service-card p{
    color:#555;
    font-size:14px;
    margin-bottom:20px;
    line-height:1.6;
}

/* BUTTON */
.btn2-outline{
    display:inline-flex;
    align-items:center;
    font-family:var(--heading-font);
    gap:15px;
    padding:8px 40px 8px 10px;
    border-radius:30px;
    border:1px solid var(--gold);
    color:var(--gold);
    text-decoration:none;
    font-size:20px;
    line-height: 36px;
}

.btn2-outline .icon{
    width:36px;
    height:36px;
    line-height:36px;
    border-radius:50%;
    border:1px solid #ddd;
    background: #FFF;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:24px;
    transition: all 0.2s ease-in-out;
}
.btn2-outline:hover .icon{
    background: var(--darkText);
    color: #FFF;
    border:1px solid var(--darkText)d;
}

/* CONTACT CARD */
.service-contact{
    background:#fff;
    padding:30px;
    border-radius:20px;
}

.service-contact h3{
    font-family:var(--heading-font);
    font-size:26px;
    margin-bottom:15px;
}

.service-contact p{
    color:#555;
    margin-bottom:20px;
}

.btn-contact{
    display:inline-block;
    padding:10px 24px;
    border-radius:30px;
    border:1px solid #000;
    text-decoration:none;
    color:#000;
    margin-bottom:20px;
}

.phones a{
    display:block;
    color:#000;
    margin-bottom:8px;
}

/* ================= MOBILE ================= */
@media(max-width:900px){

    .services-list-grid{
        grid-template-columns:1fr;
    }

    .services-header h2{
        font-size:32px;
    }
}



/* SECTION */
.contact-strip{
    padding:80px 20px;
}

/* CONTAINER */
.contact-strip-inner{
    max-width:1400px;
    margin:auto;
    border-radius:25px;
    overflow:hidden;
    position:relative;
    display:flex;
    gap: 50px;
    align-items:center;
    justify-content:space-between;
    padding:250px 80px 80px;
    background:url('../images/contact-bg.jpg') center/cover no-repeat;
}


.contact-strip-inner::after{
    background: rgba(0,0,0,0.5);
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 1;
}

/* LEFT TEXT */
.contact-strip-text{
    width:40%;
    color:#fff;
    position:relative;
    z-index: 2;
}

.contact-strip-text h2{
    font-family:var(--heading-font);
    font-size:44px;
    line-height:1.2;
    color: #FFF;
}

.contact-strip-text span{
    font-style:italic;
}

/* GLASS BOX */
.contact-box{
    width:60%;
    display:grid;
    grid-template-columns:repeat(3,1fr);

    background:rgba(255,255,255,0.9);
    backdrop-filter:blur(10px);

    border-radius:20px;
    overflow:hidden;
    position:relative;
    z-index: 2;
}

/* ITEM */
.contact-item{
    padding:30px;
    border-right:1px solid rgba(0,0,0,0.1);
}

.contact-item:last-child{
    border-right:none;
}

.contact-item .icon{
    font-size:28px;
    color:var(--gold);
    margin-bottom:15px;
}

.contact-item h3{
    font-size:18px;
    margin-bottom:5px;
}

.contact-item p{
    font-size:14px;
    color:#666;
    margin-bottom:15px;
}

.contact-item a{
    text-decoration:none;
    color:#000;
    font-size:14px;
}

/* ================= MOBILE ================= */
@media(max-width:900px){

    .contact-strip-inner{
        flex-direction:column;
        padding:40px 20px;
        background:url('../images/contact-bg1.jpg') center/cover no-repeat;
    }

    .contact-strip-text{
        width:100%;
        margin-bottom:20px;
    }

    .contact-strip-text h2{
        font-size:32px;
    }

    .contact-box{
        width:100%;
        grid-template-columns:1fr;
    }

    .contact-item{
        border-right:none;
        border-bottom:1px solid rgba(0,0,0,0.1);
    }

    .contact-item:last-child{
        border-bottom:none;
    }
}



.treatmentListing{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(324px, 1fr));
    gap: 24px;
}

.treatmentListing .t-card img{
    aspect-ratio: 1/1;
    height: auto;
    object-fit:cover;
    object-position: center;
}

.treatmentListing .t-card h3{
    font-size:26px;
    color: var(--darkText);
}


.treatment-section{
    padding:40px 20px;
}

.treatment-item{
    background:#FFF;
    border-radius:20px;
    display:flex;
    overflow:hidden;
    margin-bottom: 30px;
    box-shadow: 0 0 8px rgba(0,0,0,0.2);
    position: sticky;
    top: 140px;
}

/* LEFT IMAGE */
.treatment-image{
    width:25%;
    position:relative;
}

.treatment-image img{
    width:100%;
    height:100%;
    object-fit:cover;
    opacity:0.6;
}

.treatment-image span{
    position:absolute;
    top:20px;
    left:20px;
    font-family:var(--heading-font);
    font-size:22px;
}

/* CONTENT */
.treatment-content{
    width:45%;
    padding:40px;
}

.treatment-content h3{
    font-family:var(--heading-font);
    font-size:22px;
    margin-bottom:15px;
}

.treatment-content p{
    font-size:14px;
    line-height:1.7;
    color:#333;
    margin-bottom:20px;
}

/* BUTTONS */
.treatment-actions{
    display:flex;
    gap:20px;
    align-items:center;
}

.btn-outline{
    border:1px solid var(--gold);
    padding:10px 20px;
    border-radius:30px;
    color:var(--gold);
    text-decoration:none;
}

.link{
    color:#000;
    text-decoration:none;
}

/* INFO */
.treatment-info{
    width:30%;
    padding:30px;
}

.info-box{
    display:flex;
    gap:15px;
    align-items:flex-start;
    padding:10px;
    border:1px solid #ddd;
    margin-bottom:10px;
}

.info-box i{
    color:var(--gold);
    font-size:24px;
    margin-top:3px;
}

.info-box strong{
    display:block;
    font-family: var(--heading-font);
    font-weight: 500;
}

.info-box span{
    font-size:13px;
    color:#555;
}

/* ================= MOBILE ================= */
@media(max-width:900px){

    .treatment-item{
        flex-direction:column;
    }

    .treatment-image{
        width:100%;
        height:200px;
    }

    .treatment-content{
        width:100%;
    }

    .treatment-info{
        width:100%;
    }
}

/* SECTION */
.contact-hours{
    padding:80px 20px;
    background:#f5f5f5;
}

/* CONTAINER */
.ch-inner{
    max-width:1400px;
    margin:auto;
    background:#eee;
    border-radius:25px;
    padding:50px;

    display:flex;
    gap:40px;
}

/* LEFT */
.ch-left{
    width:30%;
}

.info-block span{
    display:block;
    font-size:14px;
    margin-bottom:5px;
}

.info-block p{
    font-size:15px;
    color:#333;
}

/* DIVIDER */
.divider{
    height:1px;
    background:var(--gold);
    margin:20px 0;
    opacity:0.5;
}

/* SOCIAL */
.contact-hours .social{
    display:flex;
    align-items:center;
    gap:12px;
    margin-top:15px;
}

.contact-hours .social a{
    width:40px;
    height:40px;
    border:1px solid var(--gold);
    display:flex;
    align-items:center;
    justify-content:center;
    color:#000;
    text-decoration: none;
}

/* CENTER */
.ch-center{
    width:35%;
    background:#000;
    color:#fff;
    border-radius:20px;
    padding:40px;
}

.ch-center h2{
    font-family:var(--heading-font);
    font-size:32px;
    text-align:center;
    margin-bottom:30px;
}

.row{
    display:flex;
    justify-content:space-between;
    padding:15px 0;
    border-bottom:1px solid #222;
}

.note{
    margin-top:25px;
    font-size:13px;
    color:#ccc;
    line-height:1.6;
}

/* RIGHT */
.ch-right{
    width:35%;
}

.ch-right iframe{
    width:100%;
    height:100%;
    min-height:350px;
    border:0;
    border-radius:20px;
}

/* ================= MOBILE ================= */
@media(max-width:900px){

    .ch-inner{
        flex-direction:column;
        padding:25px;
    }

    .ch-left,
    .ch-center,
    .ch-right{
        width:100%;
    }

    .ch-center{
        padding:30px 20px;
    }

    .row{
        font-size:14px;
    }
}

/* ABOUT PAGE */
/* SECTION */
.praxis-section{
    position:relative;
    padding:120px 20px;
    overflow:hidden;
}

/* BG IMAGE */
.praxis-bg{
    position:absolute;
    inset:0;
    background:url('../images/contact-bg.jpg') center/cover no-repeat;
    background-attachment: fixed;
    z-index:0;
}

/* DARK OVERLAY */
.praxis-section::after{
    content:'';
    position:absolute;
    inset:0;
    background:rgba(0,0,0,0.75);
    z-index:1;
}

/* CONTAINER */
.praxis-container{
    position:relative;
    z-index:2;

    max-width:1300px;
    margin:auto;

    display:flex;
    align-items:center;
    gap:80px;
}

/* LEFT IMAGE */
.praxis-image{
    width:45%;
}

.praxis-image img{
    width:100%;
    border-radius:20px;
    box-shadow:0 20px 60px rgba(0,0,0,0.4);
}

/* RIGHT CONTENT */
.praxis-content{
    width:55%;
    color:#fff;
}

/* TAG */
.tag{
    color:#c9a45c;
    font-size:14px;
    letter-spacing:1px;
    display:block;
    margin-bottom:10px;
}

/* TITLE */
.praxis-content h2,.praxis-content h3,.praxis-content h4,.praxis-content h5,.praxis-content h6{
    font-family:var(--heading-font);
    font-size:48px;
    line-height:1.2;
    margin-bottom:20px;
}

/* TEXT */
.praxis-content p{
    color:#ddd;
    line-height:1.7;
    margin-bottom:15px;
    font-size:15px;
}

.praxis-content .lead{
    font-weight:500;
    color:#fff;
}

/* SUB TITLE */
.praxis-content h4{
    margin-top:20px;
    margin-bottom:10px;
    font-size:18px;
    color:#fff;
}

/* BUTTON */
.btn-dark{
    display:inline-block;
    margin-top:20px;
    padding:12px 24px;
    background:#000;
    color:#fff;
    border-radius:30px;
    text-decoration:none;
    font-size:14px;
}

/* ================= MOBILE ================= */
@media(max-width:992px){

    .praxis-container{
        flex-direction:column;
        gap:40px;
    }

    .praxis-image,
    .praxis-content{
        width:100%;
    }

    .praxis-content h2{
        font-size:32px;
    }

    .praxis-section{
        padding:80px 20px;
    }
}

/* TIMELINE */
.timeline-sec{
    position:relative;
    /* padding:120px 20px; */
    /* max-width:1200px; */
    margin:auto;
}

/* CENTER LINE */
.timeline-line{
    position:absolute;
    top:0;
    left:50%;
    width:2px;
    height:100%;
    background:#ddd;
    transform:translateX(-50%);
}

.timeline-fill{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:0;
    background:#a38b2c;
}

/* ROW */
.timeline-row{
    position:relative;
    width:100%;
    display:flex;
    margin-bottom:10px;
}

/* LEFT RIGHT SPACING */
.timeline-row:nth-child(odd){
    justify-content:flex-start;
}

.timeline-row:nth-child(even){
    justify-content:flex-end;
}

/* CARD */
.timeline-card{
    width:46%;
    background:#ffffff;
    padding:30px;
    border-radius:18px;
    position:relative;
}
.timeline-card ul{margin: 0 0 15px; list-style: none;}
.timeline-card ul li{padding: 0 0 4px 15px; position: relative; font-size: 15px; color: #333; line-height: 20px;}
.timeline-card ul li::after{content: ""; background: var(--gold); height: 6px; width: 6px; border-radius: 100%; position: absolute; left: 0; top:7px;}

/* ARROW POINTER */
.timeline-row:nth-child(odd) .timeline-card::after{
    content:'';
    position:absolute;
    right:-23px;
    top:40px;
    border:12px solid transparent;
    border-left-color:#ffffff;
}

.timeline-row:nth-child(even) .timeline-card::after{
    content:'';
    position:absolute;
    left:-23px;
    top:40px;
    border:12px solid transparent;
    border-right-color:#ffffff;
}

/* TEXT */
.timeline-card h2,.timeline-card h3,.timeline-card h4,.timeline-card h5,.timeline-card h6{
    font-family:var(--heading-font);
    color:#a38b2c;
    margin-bottom:10px;
    font-size: 20px;
}

.timeline-card p{
    font-size:15px;
    color:#333;
    line-height:1.7;
}

/* DOT */
.timeline-dot{
    position:absolute;
    left:50%;
    top:40px;
    transform:translateX(-50%);
    width:26px;
    height:26px;
    border-radius:50%;
    background:#fff;
    border:2px solid #a38b2c;
    z-index:3;
}

/* INNER DOT ACTIVE */
.timeline-dot::after{
    content:'';
    position:absolute;
    inset:5px;
    background:#a38b2c;
    border-radius:50%;
    opacity:0;
    transition:0.3s;
}

.timeline-row.active .timeline-dot::after{
    opacity:1;
}

/* MOBILE */
@media(max-width:768px){

    .timeline-line{
        left:20px;
    }

    .timeline-row{
        /* flex-direction:column; */
        margin-bottom:10px;
    }

    .timeline-card{
        width:100%;
        margin-left:40px;
    }

    .timeline-dot{
        left:20px;
    }

    .timeline-card::after{
        display:none;
    }
}

.symptoms-header{margin-bottom: 30px; text-align: center;}
.symptoms-header h2,.symptoms-header h3,.symptoms-header h4,.symptoms-header h5,.symptoms-header h6{font-size: 26px; line-height: 32px; margin-bottom: 16px;}

.symptoms{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 40px;
}

.symp-items{
    padding: 24px;
    background: #FFF;
    border-radius: 15px;
}
.symp-items ul{
    margin: 0 0 0 20px;
}
.symp-items ul li{margin-bottom: 4px;}

@media(max-width:768px){
    .symptoms{
        grid-template-columns: repeat(1, 1fr);
        gap: 20px;
    }
}

.cta-section{
    border: 1px var(--gold) solid;
    padding: 20px;
    border-radius: 20px;
    text-align: center;
}
.cta-section h2,.cta-section h3,.cta-section h4,.cta-section h5,.cta-section h6{font-size: 26px; line-height: 32px; margin-bottom: 16px;}
.cta-button{padding-top: 20px;}

.bullet-list ul,.bullet-list ol{margin: 0 0 20px 20px;}

/* SECTION */
/* .info-bar{
    padding: 0 0 40px;
} */

/* CONTAINER */
.info-inner{
    background:#000;
    border-radius:25px;

    padding:40px 50px;

    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:40px;
}

/* LEFT */
.info-left {width: 23%;}
.info-left h2{
    font-family:var(--heading-font);
    color:#fff;
    font-size:36px;
    line-height:1.2;
}

/* CENTER */
.info-center{
    flex:1;
    width: 48%;
}
.info-center h2,.info-center h3,.info-center h4,.info-center h5,.info-center h6{
    font-size: 20px;
    line-height: 26px;
    font-family: var(--heading-font);
    color:#fff;
}

.info-center p{
    color:#ccc;
    font-size:16px;
    line-height:1.6;
}

/* RIGHT */
.info-center{
    width: 29%;
}

/* BUTTON */
.info-bar .btn-outline{
    display:inline-block;
    padding:12px 28px;
    border:1px solid #a38b2c;
    color:#a38b2c;
    border-radius:30px;
    text-decoration:none;
    font-size:14px;
    transition:0.3s;
}

.info-bar .btn-outline:hover{
    background:#a38b2c;
    color:#000;
}

/* ================= MOBILE ================= */
@media(max-width:768px){

    .info-inner{
        flex-direction:column;
        text-align:center;
        padding:30px 20px;
    }

    .info-left h2{
        font-size:28px;
    }

    .info-center p{
        font-size:15px;
    }
}


.treatmentInfo{
    padding:50px 20px;
    background:#f3f3f3;
}

.ti-container{
    max-width:var(--container);
    margin:auto;
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:30px;
}

/* CARD */
.ti-card{
    background:#ffffff;
    padding:30px;
    border-radius:20px;
    position:relative;
    min-height:100%;
}

/* SMALL CARD (COST) */
.ti-card.small{
    height:fit-content;
}

/* ICON */
.ti-icon{
    position:absolute;
    top:-20px;
    left: 50%;
    transform: translateX(-50%);
    width:50px;
    height:50px;

    background:#a38b2c;
    color:#fff;

    display:flex;
    align-items:center;
    justify-content:center;

    border-radius:6px;
    font-size:20px;
}

/* TITLE */
.ti-card h3{
    font-family:var(--heading-font);
    font-size:20px;
    line-height: 24px;
    margin-bottom:15px;
    margin-top:10px;
}

.treatItemCont h2,.treatItemCont h3,.treatItemCont h4,.treatItemCont h5,.treatItemCont h6{
    font-size: 17px;
    line-height: 22px;
    color: #333;
    font-weight: 500;
    font-family: var(--font);
}

/* TEXT */
.ti-card p{
    margin-bottom:10px;
    font-size:14px;
}

/* LIST */
.ti-card ul{
    padding-left:18px;
}

.ti-card li{
    margin-bottom:10px;
    font-size:14px;
    line-height:1.6;
}

/* ================= MOBILE ================= */
@media(max-width:992px){
    .ti-container{
        grid-template-columns:repeat(2,1fr);
    }
}

@media(max-width:600px){
    .ti-container{
        grid-template-columns:1fr;
    }
}


.about-practice{
    padding:100px 20px;
    background:#f3f3f3;
    text-align:center;
}

.ap-container{
    max-width:var(--container);
    margin:auto;
}

/* HEADER */
.ap-header{
    margin-bottom:60px;
}

.ap-logo-line{
    width:60px;
    height:2px;
    background:#b89b3c;
    margin:0 auto 15px;
}

.ap-header h2{
    font-size:42px;
    font-family:serif;
    margin-bottom:10px;
}

.ap-header p{
    font-size:14px;
    color:#666;
}

/* GRID */
.ap-grid{
    display:grid;
    grid-template-columns:1fr 1.5fr 1.5fr;
    gap:40px;
    align-items:start;
    text-align:left;
}

/* LEFT CARD */
.ap-card{
    border:1px solid #b89b3c;
    border-radius:12px;
    padding:40px 30px;
    text-align:center;
    background:#fff;
}

.ap-avatar img{
    width:120px;
    height:120px;
    border-radius:50%;
    object-fit:cover;
    margin-bottom:20px;
}

.ap-card h3{
    font-size:22px;
    font-family:serif;
    margin-bottom:10px;
}

.ap-card p{
    font-size:14px;
    margin-bottom:20px;
}

.ap-link{
    color:#b89b3c;
    text-decoration:none;
    font-size:14px;
    letter-spacing:1px;
}

/* MIDDLE */
.ap-middle h4{
    font-size:20px;
    font-family:serif;
    margin-bottom:15px;
    border-bottom:1px solid #b89b3c;
    padding-bottom:8px;
}

.ap-middle ul{
    list-style:none;
    padding:0;
}

.ap-middle li{
    position:relative;
    padding-left:25px;
    margin-bottom:12px;
    font-size:14px;
}

.ap-middle li::before{
    content:"→";
    position:absolute;
    left:0;
    color:#b89b3c;
}

.ap-note{
    margin-top:20px;
    font-size:14px;
}

/* RIGHT */
.ap-right h4{
    font-size:20px;
    font-family:serif;
    margin-bottom:20px;
    border-bottom:1px solid #b89b3c;
    padding-bottom:8px;
}

.ap-btn{
    display:inline-block;
    padding:10px 20px;
    border:1px solid #000;
    border-radius:30px;
    text-decoration:none;
    color:#000;
    font-size:14px;
    transition:0.3s;
}

.ap-btn:hover{
    background:#000;
    color:#fff;
}

/* ================= MOBILE ================= */
@media(max-width:992px){
    .ap-grid{
        grid-template-columns:1fr;
        text-align:center;
    }

    .ap-middle,
    .ap-right{
        text-align:center;
    }

    .ap-middle h4,
    .ap-right h4{
        border-bottom:none;
    }
}


.cta-hero{
    position:relative;
    background:url('../images/contact-bg.jpg') center/cover no-repeat;
    background-attachment: fixed;
    padding:120px 20px;
    text-align:center;
    color:#fff;
}

/* DARK OVERLAY */
.cta-overlay{
    position:absolute;
    inset:0;
    background:rgba(0,0,0,0.75);
}

/* CONTENT */
.cta-content{
    position:relative;
    max-width:900px;
    margin:auto;
    z-index:2;
}

/* HEADING */
.cta-content h2{
    font-family:serif;
    font-size:40px;
    font-weight:500;
    margin-bottom:20px;
}

/* TEXT */
.cta-content p{
    font-size:16px;
    line-height:1.6;
    margin-bottom:30px;
    color:#eee;
}

/* BUTTONS */
.cta-buttons{
    display:flex;
    justify-content:center;
    gap:15px;
    flex-wrap:wrap;
}

/* PRIMARY BUTTON */
.btn-primary{
    background:#000;
    color:#fff;
    padding:12px 28px;
    border-radius:30px;
    text-decoration:none;
    font-size:14px;
    transition:0.3s;
}

.btn-primary:hover{
    background:#222;
}

/* SECONDARY BUTTON */
.btn-secondary{
    background:#fff;
    color:#000;
    padding:12px 28px;
    border-radius:30px;
    text-decoration:none;
    font-size:14px;
    transition:0.3s;
}

.btn-secondary:hover{
    background:#ddd;
}

/* ================= MOBILE ================= */
@media(max-width:768px){
    .cta-content h2{
        font-size:26px;
    }

    .cta-content p{
        font-size:14px;
    }
}