/*
Theme Name: Humanconcept Theme
*/

/*=============================
   GLOBAL
==============================*/

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

html{
    scroll-behavior:smooth;
}

body{
    font-family:'Manrope',sans-serif;
    background:#fff;
    color:#111;
    overflow-x:hidden;
}

a{
    text-decoration:none;
    transition:.35s;
}

img{
    max-width:100%;
    display:block;
}

.container{
    max-width:1320px;
}


/*=============================
 HEADER
==============================*/

.main-header{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    z-index:999;
    transition:.4s;
    background:rgba(8,8,8,.95);
    backdrop-filter:blur(18px);
    border-bottom:1px solid rgba(255,255,255,.08);
}

.navbar{
      padding: 10px 0px;
}

.navbar-brand img{
        width: 100px;
}

.navbar-nav{
    gap:18px;
}

.navbar-nav .nav-link{
    color:#fff;
        font-size: 16px;
    font-weight:700;
    padding:10px 14px !important;
    transition:.35s;
}

.navbar-nav .nav-link:hover{
    color:#c7a06d;
}

.navbar-nav .dropdown-toggle::after{
    margin-left:8px;
    vertical-align:middle;
}

.dropdown-menu{
    border:0;
    border-radius:14px;
    overflow:hidden;
    min-width:240px;
    padding:12px 0;
    margin-top:20px;
    box-shadow:0 18px 60px rgba(0,0,0,.15);
}

.dropdown-item{
    padding:13px 22px;
    font-size:16px;
    font-weight:700;
    transition:.3s;
}

.dropdown-item:hover{
    background:#f7f7f7;
    color:#b58a57;
}


/*=============================
 RIGHT AREA
==============================*/

.header-right{
    display:flex;
    align-items:center;
        gap: 30px;
}

.phone{
    color:#fff;
    font-size:16px;
     font-weight:700;
    display:flex;
    align-items:center;
    gap:8px;
}

.phone i{
   color: #ffffff;
}

.btn-main{
    background:#b89161;
    color:#fff;
    padding:14px 28px;
    border-radius:10px;
    font-weight:700;
    font-size:16px;
    transition:.35s;
}

.btn-main:hover{
    background:#a37d4c;
    color:#fff;
    transform:translateY(-2px);
}


/*=============================
 TOGGLER
==============================*/

.navbar-toggler{
    border:0;
    color:#fff;
    font-size:28px;
    box-shadow:none!important;
}

.navbar-toggler:focus{
    box-shadow:none;
}


/*=============================
 OFFCANVAS
==============================*/

.offcanvas{
    width:320px;
    background:#111;
    color:#fff;
}

.offcanvas-header{
    border-bottom:1px solid rgba(255,255,255,.08);
    padding:22px;
}

.offcanvas-title{
    font-size:22px;
    font-weight:700;
}

.offcanvas .btn-close{
    filter:invert(1);
}

.mobile-nav{
    list-style:none;
    padding:0;
    margin:0;
}

.mobile-nav li{
    border-bottom:1px solid rgba(255,255,255,.08);
}

.mobile-nav li a{
    display:block;
    color:#fff;
    padding:18px 5px;
    font-size:16px;
    font-weight:500;
}

.mobile-nav li a:hover{
    color:#c7a06d;
    padding-left:14px;
}


/*=============================
 STICKY EFFECT
==============================*/

.main-header.sticky{
    padding:0;
    background:#070707;
    box-shadow:0 12px 40px rgba(0,0,0,.2);
}


/*=============================
 RESPONSIVE
==============================*/

@media(max-width:991px){

.navbar-brand img{
    width:150px;
}

.header-right{
    display:none;
}

.navbar{
    padding:15px 0;
}

}

@media(max-width:575px){

.navbar-brand img{
    width:135px;
}

.navbar-toggler{
    font-size:24px;
}

.offcanvas{
    width:280px;
}

}
/* ===========================
   DESKTOP DROPDOWN
============================*/

.navbar .dropdown{
    position:relative;
}

.navbar .dropdown-menu{
    display:block;
    opacity:0;
    visibility:hidden;
    transform:translateY(15px);
    transition:.35s ease;
    min-width:260px;
    border:none;
    border-radius:16px;
    background:#fff;
    padding:12px 0;
    margin-top:18px;
    box-shadow:0 18px 45px rgba(0,0,0,.15);
}

.navbar .dropdown-menu::before{
    content:"";
    position:absolute;
    top:-8px;
    left:35px;
    width:16px;
    height:16px;
    background:#fff;
    transform:rotate(45deg);
}

.dropdown-item{
    padding:14px 22px;
    font-size:15px;
    color:#222;
    font-weight:500;
    transition:.3s;
}

.dropdown-item:hover{
    background:#f7f7f7;
    color:#b89161;
    padding-left:28px;
}

/* Hover Open */

@media(min-width:992px){

.navbar .dropdown:hover>.dropdown-menu{

opacity:1;
visibility:visible;
transform:translateY(0);

}

}
/* ===========================
   DESKTOP DROPDOWN
=========================== */

@media (min-width:992px){

.navbar .dropdown{
    position:relative;
}

.navbar .dropdown-menu{

    display:block;
    opacity:0;
    visibility:hidden;

    transform:translateY(15px);

    transition:.35s;

    margin-top:0px;

    min-width:260px;

    border:none;
    border-radius:16px;

    background:#fff;

    padding:12px 0;

    box-shadow:0 20px 45px rgba(0,0,0,.15);

    pointer-events:none;

}

.navbar .dropdown:hover>.dropdown-menu{

    opacity:1;
    visibility:visible;
    transform:translateY(0);

    pointer-events:auto;

}

}
@media(max-width:991px){

.navbar .dropdown-menu{

display:none !important;

}

.mobile-dropdown{

border-bottom:1px solid rgba(255,255,255,.08);

}

.mobile-drop-btn{

width:100%;

display:flex;

justify-content:space-between;

align-items:center;

background:none;

border:none;

color:#fff;

padding:18px 5px;

font-size:16px;

font-weight:500;

cursor:pointer;

}

.mobile-submenu{

display:none;

padding-left:18px;

list-style:none;

margin:0;

}

.mobile-submenu li{

border:none;

}

.mobile-submenu a{

display:block;

padding:10px 0;

color:#bbb;

}

.mobile-dropdown.active .mobile-submenu{

display:block;

}

.mobile-dropdown.active i{

transform:rotate(180deg);

}

.mobile-drop-btn i{

transition:.3s;

}

}
/* Desktop Only */
@media (min-width:992px){

.navbar .dropdown-menu{
    display:block;
    opacity:0;
    visibility:hidden;
    transform:translateY(15px);
    transition:.35s ease;
}

.navbar .dropdown:hover>.dropdown-menu{
    opacity:1;
    visibility:visible;
    transform:translateY(0);
}

}
/*======================================
 HERO SECTION
======================================*/

.hero {
   margin-top: 80px;
    position: relative;
    overflow: hidden;
    background: #f8f7f5;
}

.hero .row{
    min-height:730px;
}

/* LEFT SIDE */

.hero-left{
    position:relative;
    display:flex;
    align-items:center;
  
    background:#f8f7f5;
    z-index:5;
}

.hero-left .content{
  
  padding: 0px 0px 60px 70px;
     }

.hero-left h1{
        font-size: 64px;
    line-height:1.05;
    font-weight:800;
    color:#111;
    margin-bottom:15px;
}

.hero-left h1 span{
        font-size: 64px;
    line-height:1.05;
    color:#bb9160;
    font-weight:700;
    margin-bottom:30px;
}

.hero-left p{
    color:#666;
    line-height:1.9;
    font-size:17px;
    margin-bottom:35px;
}


/* BUTTONS */

.hero-btns{
    display:flex;
    gap:16px;
    flex-wrap:wrap;
    margin-bottom:30px;
}

.btn-gold{

    background:#b89263;
    color:#fff;
    padding:16px 28px;
    border-radius:12px;
    font-weight:700;
    display:inline-flex;
    align-items:center;
    gap:12px;
    transition:.35s;
}

.btn-gold:hover{

    background:#9d784b;
    color:#fff;
    transform:translateY(-3px);

}

.btn-white{

    background:#fff;
    border:1px solid #ddd;
    color:#222;
    padding:16px 28px;
    border-radius:12px;
    font-weight:700;
    display:inline-flex;
    align-items:center;
    gap:12px;
    transition:.35s;

}

.btn-white:hover{

    background:#111;
    color:#fff;

}


/* RATING */

.rating{

display:flex;
align-items:center;
gap:12px;
font-size:14px;
color:#777;

}

.rating img{

width:28px;

}

.rating span{

font-weight:600;

}


/*======================================
 RIGHT IMAGE
======================================*/

.hero-right{

position:relative;
height: auto;
overflow:hidden;

}

.hero-right img{

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

}


/*======================================
 LEFT OVERLAY
======================================*/

.hero-right::before{

content:"";
position:absolute;
left:0;
top:0;
width:320px;
height:100%;
z-index:2;
background: linear-gradient(
    90deg,
    #f8f7f5 0%,
    #f8f7f5 22%,
    rgba(248, 247, 245, 0.96) 35%,
    rgba(248, 247, 245, 0.82) 48%,
    rgba(248, 247, 245, 0.55) 60%,
    rgba(248, 247, 245, 0.25) 72%,
    rgba(248, 247, 245, 0.08) 84%,
    rgba(248, 247, 245, 0) 100%
);

}
.service-section .container-fluid {
    max-width: 1450px;
}
.service-section .row .col-lg-2.col-md-4.col-sm-6 {
    padding: 5px;
}
.service-section .service-card .hc-btn-primary {
    min-width: auto;
    font-size: 14px;
    padding: 10px 20px;
    margin-top:20px;
}
/*======================================
 BACKGROUND SHADOW
======================================*/

.hero::before{

content:"";
position:absolute;

left:-180px;
top:-120px;

width:520px;
height:520px;

background:#ffffff;
filter:blur(120px);
opacity:.9;

z-index:1;

}


/*======================================
 TEXT EFFECT
======================================*/

.hero-left h1 span{

color:#bb9160;

}

.hero-left h2{

position:relative;

}

.hero-left h2::after{

content:"";

display:block;

width:90px;

height:5px;

background:#bb9160;

margin-top:22px;

border-radius:50px;

}


/*======================================
 IMAGE ZOOM
======================================*/

.hero-right img{

transition:8s ease;

}

.hero:hover .hero-right img{

transform:scale(1.08);

}


/*======================================
 BUTTON HOVER
======================================*/

.hero-btns a{

position:relative;
overflow:hidden;

}

.hero-btns a::before{

content:"";
position:absolute;

left:-100%;
top:0;

width:100%;
height:100%;

background:rgba(255,255,255,.18);

transform:skewX(-25deg);

transition:.6s;

}

.hero-btns a:hover::before{

left:130%;

}


/*======================================
 RESPONSIVE
======================================*/

@media(max-width:1200px){

.hero-left{

padding:80px 50px;

}

.hero-left h1{

font-size:52px;

}

.hero-left h2{

font-size:48px;

}

}

@media(max-width:991px){

.hero .row{

min-height:auto;

}

.hero-left{

padding:80px 30px;

order:2;

}

.hero-right{

order:1;
height:500px;

}

.hero-right::before{

display:none;

}

.hero-left h1{

font-size:42px;

}

.hero-left h2{

font-size:38px;

}

}

@media(max-width:767px){

.hero-left{

padding:60px 22px;

}

.hero-left h1{

font-size:34px;
line-height:1.2;

}

.hero-left h2{

font-size:30px;

}

.hero-btns{

flex-direction:column;

}

.hero-btns a{

justify-content:center;

}

.hero-right{

height:320px;

}

.rating{

flex-wrap:wrap;

}

}
.rating{
    display:flex;
    align-items:center;
    gap:12px;
    flex-wrap:wrap;
    margin-top:25px;
}

.google-icon img{
    width:28px;
    height:28px;
    object-fit:contain;
}

.review-label{
    font-size:14px;
    font-weight:700;
    color:#555;
    letter-spacing:.3px;
}

.stars{
    display:flex;
    align-items:center;
    gap:3px;
}

.stars i{
    color:#c59a66;
    font-size:15px;
}

.review-text{
    font-size:15px;
    color:#444;
    font-weight:500;
    letter-spacing:.2px;
}


/*next-part*/
/*=====================================
 EXPERIENCE SECTION
======================================*/

.experience-section{
    background:#090909;
    padding:110px 0;
    overflow:hidden;
    position:relative;
}

.experience-section::before{
    content:"";
    position:absolute;
    left:-180px;
    top:-180px;
    width:420px;
    height:420px;
    background:rgba(184,145,97,.08);
    border-radius:50%;
    filter:blur(100px);
}

/*====================
 LEFT
=====================*/

.experience-left{
    padding-right:40px;
}

.sub-title{
    display:inline-block;
    color:#b89161;
        font-size: 12px;
    font-weight:600;
    margin-bottom:18px;
    letter-spacing:.5px;
}
.hc-footer-contact i {
   
    min-width: 20px;
}

.hc-footer-contact li {
   
    align-items: baseline;
}
.experience-left h2{

    color:#fff;

    font-size: 35px;

    line-height:1.1;

    font-weight:800;

    margin-bottom:28px;

}

.experience-left h2 span{

    display:block;

    color:#b89161;

    margin-top:8px;

}

.experience-left h5{

    color:#fff;

    font-size: 24px;

    line-height:1.4;

    margin-bottom:28px;

    font-weight:400;

}

.experience-left p{

    color:#9d9d9d;

    font-size:18px;

    line-height:1.9;

}



/*=====================
 RIGHT
======================*/

.service-wrapper{

    display:grid;

    grid-template-columns:repeat(4,1fr);

    gap:0;

}

.service-box{

    padding:20px 35px;

    position:relative;

    transition:.45s;

    min-height:320px;

}

.service-box:not(:last-child){

    border-right:1px solid rgba(255,255,255,.08);

}

.service-box .icon{

    width:82px;

    height:82px;

    margin-bottom:35px;

}

.service-box .icon img{

    width:100%;

    transition:.4s;

}

.service-box h4{

    color:#fff;

   font-size: 16px;

    font-weight:700;

    margin-bottom:18px;

}

.service-box p{

    color:#a2a2a2;

       font-size: 14px;


    line-height:1.8;

}



/*====================
 HOVER
=====================*/

.service-box:hover{

    transform:translateY(-12px);

}

.service-box:hover .icon img{

    transform:scale(1.08) rotate(-4deg);

}

.service-box::after{

    content:"";

    position:absolute;

    left:0;

    bottom:0;

    width:0;

    height:3px;

    background:#b89161;

    transition:.4s;

}

.service-box:hover::after{

    width:100%;

}

.service-box::before{

    content:"";

    position:absolute;

    inset:0;

    background:linear-gradient(180deg,transparent,rgba(184,145,97,.06));

    opacity:0;

    transition:.4s;

}

.service-box:hover::before{

    opacity:1;

}



/*====================
 RESPONSIVE
=====================*/

@media(max-width:1199px){

.service-wrapper{

grid-template-columns:repeat(2,1fr);

gap:40px;

}

.service-box{

border:none !important;

padding:20px;

min-height:auto;

}

.experience-left{

margin-bottom:60px;

}

}


@media(max-width:991px){

.experience-left{

text-align:center;

padding-right:0;

}

.experience-left h2{

font-size:44px;

}

.experience-left h5{

font-size:24px;

}

}


@media(max-width:767px){

.service-wrapper{

grid-template-columns:1fr;

}

.service-box{

text-align:center;

}

.service-box .icon{

margin:0 auto 25px;

}

.experience-left h2{

font-size:34px;

}

.experience-left h5{

font-size:20px;

}

.experience-left p{

font-size:16px;

}

}
/*=====================================
 PREMIUM CARD HOVER
======================================*/

.service-box{
    overflow:hidden;
    cursor:pointer;
    border-radius:18px;
    transition:all .45s ease;
}

.service-box:hover{
    background:#111111;
    box-shadow:
    0 25px 60px rgba(0,0,0,.45),
    inset 0 0 0 1px rgba(184,145,97,.18);

    transform:translateY(-12px);
}


/*=============================
 GOLD GLOW
==============================*/

.service-box::before{
    content:"";
    position:absolute;
    left:-60%;
    top:-60%;
    width:220%;
    height:220%;
    background:radial-gradient(circle,
    rgba(184,145,97,.15),
    transparent 65%);
    transform:scale(.6);
    opacity:0;
    transition:.5s;
}

.service-box:hover::before{
    opacity:1;
    transform:scale(1);
}


/*=============================
 ICON
==============================*/

.icon{
    transition:.45s;
}

.icon img{
    transition:.45s;
    filter:brightness(.9);
}

.service-box:hover .icon{

    transform:translateY(-8px);

}

.service-box:hover .icon img{

    transform:rotate(-6deg) scale(1.08);

    filter:
    brightness(1.15)
    drop-shadow(0 0 18px rgba(184,145,97,.5));

}


/*=============================
 TITLE
==============================*/

.service-box h4{
    transition:.35s;
}

.service-box:hover h4{
    color:#c8a06a;
}


/*=============================
 TEXT
==============================*/

.service-box p{
    transition:.35s;
}

.service-box:hover p{
    color:#d0d0d0;
}


/*=============================
 BOTTOM LINE
==============================*/

.service-box::after{

    content:"";

    position:absolute;

    left:50%;

    bottom:0;

    width:0;

    height:2px;

    background:#b89161;

    transform:translateX(-50%);

    transition:.45s;

}

.service-box:hover::after{

    width:100%;

}


/*=============================
 DIVIDER
==============================*/

.service-box:not(:last-child){

    position:relative;

}

.service-box:not(:last-child)::marker{
    content:"";
}

.service-box:not(:last-child) .divider{
    display:none;
}


/*=============================
 SECTION BG EFFECT
==============================*/

.experience-section{

      background: radial-gradient(circle at top left, rgba(184, 145, 97, .06), transparent 30%), radial-gradient(circle at bottom right, rgba(184, 145, 97, .05), transparent 30%), #040404;


}


/*=============================
 HEADING EFFECT
==============================*/

.experience-left h2 span{

    position:relative;

    display:inline-block;

}

.experience-left h2 span::after{

    content:"";

    position:absolute;

    left:0;
    bottom:-8px;

    width:70px;

    height:3px;

    background:#b89161;

    border-radius:20px;

}


/*=============================
 SUBTITLE
==============================*/

.sub-title{

    position:relative;

    padding-left:28px;

}

.sub-title::before{

    content:"";

    position:absolute;

    left:0;

    top:50%;

    width:18px;

    height:2px;

    background:#b89161;

    transform:translateY(-50%);

}


/*=============================
 SMOOTH
==============================*/

.service-box *,
.experience-left *{
    transition:.35s;
}

/*service-section*/
/*==============================
        SECTION
===============================*/

.service-section{
    padding:90px 0;
    background:#fbf7f2;
}

.service-section .section-tag{
    display:inline-block;
    font-size:15px;
    color:#b49a74;
    margin-bottom:12px;
    letter-spacing:1px;
}

.service-section .section-title{
    font-size:48px;
    font-weight:700;
    color:#111;
    line-height:1.2;
    margin-bottom:15px;
}


/*==============================
        CARD
===============================*/

.service-section .service-card{

    position:relative;

    background:#fff;

    border:1px solid #ece7df;

    border-radius:22px;

    overflow:hidden;

    transition:.45s ease;

    height:100%;

    cursor:pointer;

    box-shadow:0 8px 25px rgba(0,0,0,.04);

}

.service-section .service-card:hover{

    transform:translateY(-12px);

    box-shadow:0 28px 60px rgba(0,0,0,.12);

    border-color:#ccb48c;

}


/*==============================
        IMAGE
===============================*/

.service-section .service-image{

    overflow:hidden;

  

}

.service-section .service-image img{

    width:100%;

    height:100%;

    object-fit:cover;

    transition:.7s;

}

.service-section .service-card:hover img{

    transform:scale(1.12);

}


/*==============================
      FLOATING ICON
===============================*/

.service-section .service-icon{

    position:absolute;

       left: 15px;
        top: 105px;

    width:74px;

    height:74px;

    background:#fff;

    border-radius:50%;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:28px;

    color:#8d7452;

    border:7px solid #fbf7f2;

    transition:.45s;

    box-shadow:0 10px 35px rgba(0,0,0,.08);

    z-index:10;

}

.service-section .service-card:hover .service-icon{

    background:#b89d73;

    color:#fff;

    transform:rotate(10deg) scale(1.08);

}


/*==============================
        CONTENT
===============================*/

.service-section .service-content{

    padding:55px 24px 28px;

}

.service-section .service-content h4{

   font-size: 20px;

    font-weight:700;

    color:#111;

    margin-bottom:14px;

    transition:.3s;

}

.service-section .service-card:hover h4{

    color:#9d7a48;

}

.service-section .service-content p{

    color:#6e6e6e;

    line-height:1.8;

    font-size:15px;

    margin:0;

}


/*==============================
        BUTTON
===============================*/

.service-section .view-btn{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    gap:10px;

    padding:18px 42px;

    border-radius:14px;

    border:2px solid #ccb48c;

    color:#111;

    font-weight:600;

    font-size:17px;

    text-decoration:none;

    transition:.4s;

    background:#fff;

    overflow:hidden;

    position:relative;

}

.service-section .view-btn i{

    transition:.35s;

}

.service-section .view-btn:hover{

    background:#b89d73;

    color:#fff;

    border-color:#b89d73;

    transform:translateY(-3px);

    box-shadow:0 20px 40px rgba(184,157,115,.35);

}

.service-section .view-btn:hover i{

    transform:translateX(8px);

}


/*==============================
        CARD ANIMATION
===============================*/

.service-section .service-card::before{

    content:"";

    position:absolute;

    width:0;

    height:5px;

    background:#b89d73;

    left:0;

    top:0;

    transition:.45s;

}

.service-section .service-card:hover::before{

    width:100%;

}


/*==============================
        IMAGE OVERLAY
===============================*/

.service-section .service-image::after{

    content:"";

    position:absolute;

    inset:0;

    background:linear-gradient(to top,
                rgba(0,0,0,.15),
                transparent);

    opacity:0;

    transition:.45s;

}

.service-section .service-card:hover .service-image::after{

    opacity:1;

}

.service-section .service-image{

    position:relative;

}


/*==============================
      SMOOTH
===============================*/

.service-section .service-card,
.service-section .service-card *,
.service-section .view-btn{

    transition:all .35s ease;

}


/*==========================
        1400px
===========================*/

@media (max-width:1400px){

.service-section .service-content h4{
    font-size:24px;
}

.service-section .section-title{
    font-size:42px;
}

}


/*==========================
        1200px
===========================*/

@media (max-width:1199px){

.service-section .service-image{
    height:200px;
}

.service-section .service-icon{

    width:68px;
    height:68px;
    top:170px;
    left:22px;
    font-size:26px;

}

.service-section .service-content{
    padding:50px 20px 24px;
}

.service-section .section-title{
    font-size:38px;
}

}


/*==========================
        992px
===========================*/

@media (max-width:991px){

.service-section{
    padding:70px 0;
}

.service-section .section-title{

    font-size:34px;

}

.service-section .service-image{

    height:220px;

}

.service-section .service-icon{

    top:190px;

}

}


/*==========================
        768px
===========================*/

@media (max-width:767px){

.service-section{

    padding:60px 0;

}

.service-section .section-title{

    font-size:30px;

}

.service-section .service-card{

    max-width:430px;

    margin:auto;

}

.service-section .service-image{

    height:240px;

}

.service-section .service-icon{

    width:70px;
    height:70px;
    top:208px;
    left:25px;

}

.service-section .view-btn{

    width:100%;
    justify-content:center;

}

}


/*==========================
        576px
===========================*/

@media (max-width:575px){

.service-section .service-image{

    height:220px;

}

.service-section .section-title{

    font-size:26px;

}

.service-section .service-content{

    padding:48px 20px 24px;

}

.service-section .service-content h4{

    font-size:22px;

}

.service-section .service-content p{

    font-size:14px;

}

.service-section .service-icon{

    width:64px;
    height:64px;
    top:190px;
    left:20px;
    font-size:24px;

}

.service-section .view-btn{

    padding:16px 22px;
    font-size:15px;

}

}
.service-section .service-card:hover{

    box-shadow:
    0 15px 35px rgba(0,0,0,.08),
    0 35px 70px rgba(181,152,107,.20);

}
.service-section .view-btn{

    position:relative;
    overflow:hidden;

}

.service-section .view-btn::before{

    content:"";

    position:absolute;

    top:0;
    left:-120%;

    width:100%;
    height:100%;

    background:linear-gradient(
        120deg,
        transparent,
        rgba(255,255,255,.55),
        transparent
    );

    transition:.8s;

}

.service-section .view-btn:hover::before{

    left:120%;

}
.service-section .service-card:hover .service-icon{

    animation:iconPulse .6s;

}

@keyframes iconPulse{

0%{
transform:scale(1);
}

50%{
transform:scale(1.18) rotate(8deg);
}

100%{
transform:scale(1.08) rotate(8deg);
}

}
.service-image img{

    transition:transform .8s cubic-bezier(.2,.7,.2,1);

}

.service-card:hover img{

    transform:scale(1.15);

}

/*=========================================
 HC TEAM SECTION
=========================================*/

.hc-team-section {
    position: relative;
    background: #090909;
    padding: 0px 0px 90px;
    overflow: hidden;
}
.hc-cta-buttons {
   
    flex-wrap: wrap;
    flex-direction: column;
}
.hc-team-section::before{
    content:"";
    position:absolute;
    left:-150px;
    top:-120px;
    width:350px;
    height:350px;
    /*background:rgba(191,161,110,.08);*/
    border-radius:50%;
    filter:blur(120px);
}

.hc-team-section .container{
    position:relative;
    z-index:2;
}

/*=========================
 LEFT CONTENT
=========================*/

.hc-team-content{
    max-width:470px;
}

.hc-subtitle{
    display:inline-block;
    color:#bfa16e;
    font-size:17px;
    font-weight:600;
    margin-bottom:18px;
    letter-spacing:.5px;
}

.hc-team-content h2{

    color:#fff;

  font-size: 40px;

    line-height:1.08;

    font-weight:800;

    margin-bottom:28px;

}

.hc-team-content p{

    color:#9d9d9d;

    font-size:18px;

    line-height:1.9;

    margin-bottom:40px;

}

/*=========================
 BUTTON
=========================*/

.hc-btn{

    display:inline-flex;

    align-items:center;

    gap:14px;

    padding:17px 34px;

    border-radius:12px;

    background:#b89263;

    color:#fff;

    font-weight:700;

    transition:.4s;

    text-decoration:none;

}

.hc-btn i{

    transition:.35s;

}

.hc-btn:hover{

    background:#c6a06c;

    color:#fff;

    transform:translateY(-4px);

    box-shadow:0 20px 40px rgba(191,161,110,.28);

}

.hc-btn:hover i{

    transform:translateX(6px);

}

/*=========================
 CENTER IMAGE
=========================*/

.hc-team-image{

    position:relative;

    overflow:hidden;

    /*border-radius:24px;*/

    height:auto;

    margin:0 15px;

    /*box-shadow:0 35px 70px rgba(0,0,0,.45);*/

}

.hc-team-image img{

    width:100%;

    height:100%;

    object-fit:cover;

    transition:1s;

}

.hc-team-image::before{

    content:"";

    position:absolute;

    inset:0;

    background:linear-gradient(to top,
    rgba(0,0,0,.35),
    transparent 40%);

    z-index:2;

}

.hc-team-image:hover img{

    transform:scale(1.08);

}

.hc-team-image::after{

    content:"";

    position:absolute;

    inset:0;

    /*border:1px solid rgba(255,255,255,.08);*/

    border-radius:24px;

    z-index:3;

}

/*=========================
 IMAGE GLOW
=========================*/

.hc-team-image:hover{

    box-shadow:

    0 40px 90px rgba(0,0,0,.55),

    0 0 0 1px rgba(191,161,110,.15);

}
/*=========================================
RIGHT STATS
=========================================*/

/*.hc-stats{*/
/*    padding-left:60px;*/
/*}*/

.hc-stat{
    display:flex;
    align-items:flex-start;
    gap:22px;
    padding:16px 0;
    border-bottom:1px solid rgba(255,255,255,.08);
    transition:.4s;
    position:relative;
}

.hc-stat:last-child{
    border-bottom:none;
}

.hc-stat-icon{
    width:65px;
    min-width:65px;
    height:65px;
    display:flex;
    align-items:center;
    justify-content:center;
}

.hc-stat-icon img{
   width: 90px;

    transition:.45s;
}

.hc-stat h3{
    color:#fff;
        font-size: 24px;
    font-weight:800;
    margin-bottom:6px;
    line-height:1;
}

.hc-stat p{
    color:#bdbdbd;
    font-size:17px;
    line-height:1.7;
    margin:0;
}


/*=========================================
HOVER EFFECT
=========================================*/

.hc-stat::before{
    content:"";
    position:absolute;
    left:-18px;
    top:50%;
    transform:translateY(-50%);
    width:4px;
    height:0;
    background:#b89263;
    border-radius:10px;
    transition:.35s;
}

.hc-stat:hover::before{
    height:70%;
}

.hc-stat:hover{
    padding-left:18px;
}

.hc-stat:hover h3{
    color:#b89263;
}

.hc-stat:hover p{
    color:#ffffff;
}

.hc-stat:hover .hc-stat-icon img{
    transform:scale(1.12) rotate(-6deg);
    filter:drop-shadow(0 0 12px rgba(184,146,99,.55));
}


/*=========================================
FADE EFFECT
=========================================*/

.hc-stat{
    opacity:0;
    transform:translateX(40px);
    animation:hcFade .8s forwards;
}

.hc-stat:nth-child(2){
    animation-delay:.2s;
}

.hc-stat:nth-child(3){
    animation-delay:.4s;
}

.hc-stat:nth-child(4){
    animation-delay:.6s;
}

@keyframes hcFade{

from{
opacity:0;
transform:translateX(40px);
}

to{
opacity:1;
transform:translateX(0);
}

}


/*=========================================
RESPONSIVE
=========================================*/

@media(max-width:1199px){

.hc-team-content h2{
    font-size:46px;
}

.hc-team-image{
    height:520px;
}

.hc-stats{
    padding-left:25px;
}

}


@media(max-width:991px){

.hc-team-content{
    max-width:100%;
    text-align:center;
    margin-bottom:60px;
}

.hc-team-image{
    margin-bottom:60px;
    height:500px;
}

.hc-stats{
    padding-left:0;
}

}


@media(max-width:767px){

.hc-team-section{
    padding:70px 0;
}

.hc-team-content h2{
    font-size:34px;
}

.hc-team-content p{
    font-size:16px;
}

.hc-team-image{
    height:340px;
    border-radius:18px;
}

.hc-stat{
    gap:16px;
    padding:22px 0;
}

.hc-stat-icon{
    width:52px;
    min-width:52px;
    height:52px;
}

.hc-stat-icon img{
    width:36px;
}

.hc-stat h3{
    font-size:30px;
}

.hc-stat p{
    font-size:15px;
}

.hc-btn{
    padding:15px 26px;
    font-size:15px;
}

}
/*==========================================
HC TESTIMONIAL SECTION
==========================================*/

.hc-testimonial-section{
    padding:100px 0;
    background:#fbf8f4;
    overflow:hidden;
    position:relative;
}

.hc-testimonial-section::before{
    content:"";
    position:absolute;
    width:420px;
    height:420px;
    left:-150px;
    top:-150px;
    border-radius:50%;
    background:rgba(191,161,110,.08);
    filter:blur(100px);
}

/*==========================================
HEADING
==========================================*/

.hc-testimonial-heading{
    text-align:center;
    margin-bottom:60px;
}

.hc-testimonial-heading span{

    display:block;

    font-size:15px;

    color:#b89161;

    text-transform:uppercase;

    letter-spacing:2px;

    margin-bottom:12px;

    font-weight:700;

}

.hc-testimonial-heading h2{

    font-size:52px;

    font-weight:800;

    color:#111;

    line-height:1.2;

}


/*==========================================
SLIDER
==========================================*/

.hc-testimonial-slider{

    margin:0 -15px;

}

.hc-testimonial-item{

    padding:15px;

}


/*==========================================
CARD
==========================================*/

.hc-testimonial-card{

       background: #fbf8f4;

    border:1px solid #ece8e2;

    border-radius:18px;

    padding:35px;

    height:100%;

    transition:.4s;

    position:relative;

}

.hc-testimonial-card:hover{

    transform:translateY(-10px);

    box-shadow:0 25px 55px rgba(0,0,0,.08);

    border-color:#b89161;

}


/*==========================================
STARS
==========================================*/

.hc-testimonial-stars{

    display:flex;

    gap:6px;

    margin-bottom:22px;

}

.hc-testimonial-stars i{

    color:#c69c62;

    font-size:18px;

}


/*==========================================
TEXT
==========================================*/

.hc-testimonial-card p{

       font-size: 16px;

    line-height:1.9;

    color:#555;

    margin-bottom:25px;

}

.hc-testimonial-card h5{

    font-size:18px;

    color:#111;

    font-weight:700;

    margin:0;

}


/*==========================================
HOVER LINE
==========================================*/

.hc-testimonial-card::after{

    content:"";

    position:absolute;

    left:0;

    bottom:0;

    width:0;

    height:4px;

    background:#b89161;

    border-radius:0 0 18px 18px;

    transition:.35s;

}

.hc-testimonial-card:hover::after{

    width:100%;

}


/*==========================================
SLICK DOTS
==========================================*/

.hc-testimonial-slider .slick-dots{

    display:flex !important;

    justify-content:center;

    align-items:center;

    margin-top:45px;

    list-style:none;

    padding:0;

}

.hc-testimonial-slider .slick-dots li{

    margin:0 6px;

}

.hc-testimonial-slider .slick-dots button{

    width:12px;

    height:12px;

    border-radius:50%;

    border:none;

    background:#d8d8d8;

    font-size:0;

    transition:.3s;

}

.hc-testimonial-slider .slick-dots .slick-active button{

    width:36px;

    border-radius:20px;

    background:#b89161;

}


/*==========================================
ARROWS
==========================================*/

.hc-testimonial-slider .slick-prev,
.hc-testimonial-slider .slick-next{

    display:none !important;

}


/*==========================================
RESPONSIVE
==========================================*/

@media(max-width:991px){

.hc-testimonial-heading h2{

font-size:40px;

}

.hc-testimonial-card{

padding:28px;

}

}

@media(max-width:767px){

.hc-testimonial-section{

padding:70px 0;

}

.hc-testimonial-heading{

margin-bottom:35px;

}

.hc-testimonial-heading h2{

font-size:30px;

}

.hc-testimonial-card{

padding:24px;

}

.hc-testimonial-card p{

font-size:16px;

}

}
.hc-testimonial-slider .slick-track{
    display:flex !important;
}

.hc-testimonial-slider .slick-slide{
    height:inherit !important;
    
}

.hc-testimonial-item{
    width:100%;
}

.hc-testimonial-card{
    height:100%;
    display:flex;
    flex-direction:column;
}

.hc-testimonial-card h5{
    margin-top:auto;
}
.hc-testimonial-card{
    overflow:hidden;
}

.hc-testimonial-card::before{

    content:"";

    position:absolute;

    top:0;

    left:-120%;

    width:80%;

    height:100%;

    background:linear-gradient(
        90deg,
        transparent,
        rgba(255,255,255,.6),
        transparent
    );

    transform:skewX(-20deg);

    transition:.8s;

}

.hc-testimonial-card:hover::before{

    left:150%;

}

.hc-testimonial-card:hover{

    transform:translateY(-12px);

}
.hc-testimonial-slider .slick-dots{

    margin-top:40px;

}

.hc-testimonial-slider .slick-dots li{

    width:auto;
    height:auto;

}

.hc-testimonial-slider .slick-dots li button{

    width:10px;
    height:10px;

    border-radius:50%;

    background:#d9d9d9;

    transition:.35s;

}

.hc-testimonial-slider .slick-dots li.slick-active button{

    width:34px;

    border-radius:30px;

    background:#c59b69;

}

/*teams*/
/*==================================================
HC DOCTOR SECTION
==================================================*/

.hc-doctor-section{
    background:#090909;
    padding:110px 0;
    overflow:hidden;
    position:relative;
}

.hc-doctor-section::before{
    content:"";
    position:absolute;
    left:-180px;
    top:-150px;
    width:420px;
    height:420px;
    border-radius:50%;
    background:rgba(191,161,110,.08);
    filter:blur(120px);
}

.hc-doctor-section .container-fluid{
    max-width:1800px;
}


/*==================================================
LEFT CONTENT
==================================================*/

.hc-doctor-content{
    max-width:420px;
    padding-left:40px;
}

.hc-doctor-subtitle{

    display:inline-block;

    color:#b89161;

    font-size:16px;

    font-weight:600;

    letter-spacing:1px;

    margin-bottom:18px;

}

.hc-doctor-content h2{

    color:#fff;

       font-size: 42px;

    line-height:1.1;

    font-weight:800;

    margin-bottom:22px;

}

.hc-doctor-content p{

    color:#a8a8a8;

    font-size:16px;

    line-height:1.9;

    margin-bottom:35px;

}


/*==================================================
BUTTON
==================================================*/

.hc-doctor-btn{

display:inline-flex;

align-items:center;

gap:14px;

padding:16px 34px;

background:#111;

border: 1px solid rgb(184 145 97);

border-radius:10px;

color:#fff;

font-weight:700;

transition:.4s;

text-decoration:none;

}

.hc-doctor-btn i{

transition:.35s;

}

.hc-doctor-btn:hover{

background:#b89161;

border-color:#b89161;

color:#fff;

transform:translateY(-4px);

}

.hc-doctor-btn:hover i{

transform:translateX(6px);

}


/*==================================================
SLIDER
==================================================*/

.hc-doctor-slider{

margin:0 5px 0px 50px;

}

.hc-doctor-item{

padding:0 14px;

}


/*==================================================
CARD
==================================================*/

.hc-doctor-card{

position:relative;

}

.hc-doctor-img{

/*height:300px;*/

/*border-radius:18px;*/

overflow:hidden;

background:#111;

}

.hc-doctor-img img{

width:100%;

height:100%;

object-fit:cover;

transition:1s;

display:block;

}

.hc-doctor-card:hover .hc-doctor-img img{

transform:scale(1.08);

}


/*==================================================
IMAGE OVERLAY
==================================================*/

.hc-doctor-img::before{

content:"";

position:absolute;

left:0;

right:0;

bottom:0;

height:45%;

background:linear-gradient(to top,
rgba(0,0,0,.55),
transparent);

opacity:0;

transition:.4s;

z-index:2;

}

.hc-doctor-card:hover .hc-doctor-img::before{

opacity:1;

}


/*==================================================
DOCTOR INFO
==================================================*/

.hc-doctor-info{

padding:20px 8px 0;

text-align:left;

}

.hc-doctor-info h4{

color:#fff;

font-size: 18px;

font-weight:700;

margin-bottom:6px;

}

.hc-doctor-info p{

color:#9b9b9b;

font-size:14px;

line-height:1.6;

margin:0;

}
/*==================================================
HOVER EFFECT
==================================================*/

.hc-doctor-card{
    transition:.4s;
}

.hc-doctor-card:hover{
    transform:translateY(-10px);
}

.hc-doctor-card:hover .hc-doctor-info h4{
    color:#b89161;
}

.hc-doctor-card:hover .hc-doctor-info p{
    color:#ffffff;
}

.hc-doctor-card::after{

    content:"";

    position:absolute;

    left:50%;

    bottom:-12px;

    width:0;

    height:3px;

    transform:translateX(-50%);

    background:#b89161;

    border-radius:50px;

    transition:.4s;

}

.hc-doctor-card:hover::after{

     width: 100%;

}


/*==================================================
IMAGE GLOW
==================================================*/

.hc-doctor-card:hover .hc-doctor-img{

    box-shadow:

    0 25px 60px rgba(0,0,0,.45),

    0 0 0 1px rgba(184,145,97,.18);

}


/*==================================================
SLIDER ARROWS
==================================================*/

.hc-doctor-slider .slick-prev,
.hc-doctor-slider .slick-next{

    width:52px;

    height:52px;

    border-radius:50%;

    background:#111;

    border:1px solid rgba(255,255,255,.15);

    display:flex !important;

    align-items:center;

    justify-content:center;

    z-index:20;

    transition:.35s;

}

.hc-doctor-slider .slick-prev:hover,
.hc-doctor-slider .slick-next:hover{

    background:#b89161;

    border-color:#b89161;

}

.hc-doctor-slider .slick-prev{

    left:-18px;

}

.hc-doctor-slider .slick-next{

    right:-18px;

}

.hc-doctor-slider .slick-prev:before{

    content:"\f104";

    font-family:"Font Awesome 6 Free";

    font-weight:900;

    color:#fff;

    font-size:18px;

}

.hc-doctor-slider .slick-next:before{

    content:"\f105";

    font-family:"Font Awesome 6 Free";

    font-weight:900;

    color:#fff;

    font-size:18px;

}


/*==================================================
SLICK TRACK
==================================================*/

.hc-doctor-slider .slick-track{

    display:flex;

}

.hc-doctor-slider .slick-slide{

    height:inherit;

    /*display:flex;*/

}

.hc-doctor-item{

    height:100%;

}

.hc-doctor-card{

    height:100%;

}


/*==================================================
RESPONSIVE
==================================================*/

@media(max-width:1199px){

.hc-doctor-content h2{

font-size:44px;

}

.hc-doctor-img{

height:250px;

}

}

@media(max-width:991px){

.hc-doctor-content{

max-width:100%;

text-align:center;

padding-right:0;

margin-bottom:60px;

}

.hc-doctor-content h2{

font-size:38px;

}

.hc-doctor-slider{

margin:0;

}

.hc-doctor-slider .slick-prev{

left:10px;

}

.hc-doctor-slider .slick-next{

right:10px;

}

}

@media(max-width:767px){

.hc-doctor-section{

padding:70px 0;

}

.hc-doctor-content h2{

font-size:32px;

}

.hc-doctor-content p{

font-size:16px;

}

.hc-doctor-img{

height:260px;

}

.hc-doctor-info{

text-align:center;

}

.hc-doctor-info h4{

font-size:20px;

}

.hc-doctor-info p{

font-size:15px;

}

.hc-doctor-slider .slick-prev,
.hc-doctor-slider .slick-next{

width:44px;

height:44px;

}

}
/*==========================
SLIDER
==========================*/

.hc-doctor-slider{
    position:relative;
}

/*==========================
ARROWS
==========================*/

.hc-doctor-slider .slick-prev,
.hc-doctor-slider .slick-next{

    position:absolute;
    top:50%;
    transform:translateY(-50%);

    width:56px;
    height:56px;

    border-radius:50%;

    background:#111;

    border:1px solid rgba(255,255,255,.15);

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

    z-index:99;

    transition:.35s;
}

/* LEFT */

.hc-doctor-slider .slick-prev{

    left:-28px;

}

/* RIGHT */

.hc-doctor-slider .slick-next{

    right:-28px;

}

.hc-doctor-slider .slick-prev:before,
.hc-doctor-slider .slick-next:before{

    font-family:"Font Awesome 6 Free";
    font-weight:900;
    color:#fff;
    font-size:16px;

}

.hc-doctor-slider .slick-prev:before{
    content:"\f053";
}

.hc-doctor-slider .slick-next:before{
    content:"\f054";
}

.hc-doctor-slider .slick-prev:hover,
.hc-doctor-slider .slick-next:hover{

    background:#b89161;
    border-color:#b89161;

}
.hc-doctor-slider .slick-prev,
.hc-doctor-slider .slick-next{

    font-size:0 !important;
    line-height:0 !important;
    color:transparent !important;

}
.hc-doctor-slider .slick-prev,
.hc-doctor-slider .slick-next{
    position:absolute;
    top:50%;
    transform:translateY(-50%);

    width:54px;
    height:54px;

    border-radius:50%;

    background:rgba(255,255,255,0.08);
    backdrop-filter:blur(12px);
    -webkit-backdrop-filter:blur(12px);

    border:1px solid rgba(255,255,255,0.12);

    box-shadow:
        0 8px 25px rgba(0,0,0,.25),
        inset 0 1px 1px rgba(255,255,255,.08);

    cursor:pointer;
    z-index:99;

    font-size:0;
    color:transparent;
    text-indent:-9999px;
    overflow:hidden;

    transition:.35s ease;
}

.hc-doctor-slider .slick-prev:hover,
.hc-doctor-slider .slick-next:hover{

    background:rgba(191,161,110,.9);
    border-color:#bfa16e;

    backdrop-filter:blur(18px);
    -webkit-backdrop-filter:blur(18px);

    transform:translateY(-50%) scale(1.08);

}

.hc-doctor-slider .slick-prev{

    left:10px;

}

.hc-doctor-slider .slick-next{

   right: 10px;

}
.hc-doctor-content h2 {
   
    display: inline-block;
}


.hc-doctor-slider .slick-prev::before{

    content:"\f104";

    font-family:"Font Awesome 6 Free";

    font-weight:900;

    position:absolute;

    top:50%;
    left:50%;

    transform:translate(-50%,-50%);

    color:#fff;

    font-size:18px;

    text-indent:0;

}

.hc-doctor-slider .slick-next::before{

    content:"\f105";

    font-family:"Font Awesome 6 Free";

    font-weight:900;

    position:absolute;

    top:50%;
    left:50%;

    transform:translate(-50%,-50%);

    color:#fff;

    font-size:18px;

    text-indent:0;

}

.hc-doctor-slider .slick-prev:hover,
.hc-doctor-slider .slick-next:hover{

    background:#d2aa73;

}
/*=========================================
HC CTA SECTION
=========================================*/

.hc-cta-section{
    position:relative;
    padding:50px 0;
    background:#090909;
    overflow:hidden;
}

/* Background Glow */

.hc-cta-section::before{
    content:"";
    position:absolute;
    width:420px;
    height:420px;
    top:-220px;
    right:-120px;
    background:rgba(191,161,110,.08);
    border-radius:50%;
    filter:blur(120px);
}

.hc-cta-section::after{
    content:"";
    position:absolute;
    width:280px;
    height:280px;
    bottom:-150px;
    left:-80px;
    background:rgba(191,161,110,.05);
    border-radius:50%;
    filter:blur(100px);
}


/*=========================================
WRAPPER
=========================================*/

.hc-cta-wrapper{

       position: relative;
    z-index: 2;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 60px;
    border-radius: 28px;

}


/*=========================================
LEFT
=========================================*/

.hc-cta-left{

    display:flex;
    align-items:flex-start;

    gap:28px;

    flex:1;

}


/*=========================================
ICON
=========================================*/

.hc-cta-icon{

    width:88px;
    height:88px;

    min-width:88px;

    border-radius:22px;

        background: rgb(4 4 5);

    border:1px solid rgba(191,161,110,.18);

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

    transition:.45s;

}

.hc-cta-icon img{

    width:48px;

    transition:.45s;

}


/*=========================================
TEXT
=========================================*/

.hc-cta-content span{

    display:block;

    color:#bfa16e;

    font-size:15px;

    font-weight:700;

    letter-spacing:1.2px;

    margin-bottom:10px;

    text-transform:uppercase;

}

.hc-cta-content h2{

    color:#fff;

   font-size: 28px;

    line-height:1.18;

    font-weight:800;

    margin-bottom:18px;

}

.hc-cta-content p{

    color:#a5a5a5;

    font-size:16px;

    line-height:1.8;

    max-width:650px;

    margin:0;

}


/*=========================================
BUTTONS
=========================================*/

.hc-cta-buttons{

    display:flex;

    align-items:center;

    gap:18px;

}


/* Primary */

.hc-btn-primary{

    display:flex;

    align-items:center;

    justify-content:center;

    gap:12px;

    min-width:270px;

    height:60px;

    border-radius:5px;

    background:#b89263;

    color:#fff;

    font-size:17px;

    font-weight:700;

    text-decoration:none;

    transition:.4s;

}
.service-section .service-content h4
{
    font-size: 20px;
}

/* Outline */

.hc-btn-outline{

    display:flex;

    align-items:center;

    justify-content:center;

    gap:12px;

    min-width:270px;

    height:60px;

    border-radius:5px;

    background:transparent;

    border:1px solid rgba(255,255,255,.18);

    color:#fff;

    font-size:17px;

    font-weight:700;

    text-decoration:none;

    transition:.4s;

}


/*=========================================
BUTTON ICON
=========================================*/

.hc-btn-primary i,
.hc-btn-outline i{

    font-size:18px;

}


/*=========================================
HOVER
=========================================*/

.hc-btn-primary:hover{

    background:#c8a06b;

    color:#fff;

    transform:translateY(-4px);

    box-shadow:0 25px 50px rgba(191,161,110,.28);

}

.hc-btn-outline:hover{

    background:#fff;

    color:#111;

    transform:translateY(-4px);

}

.hc-cta-wrapper:hover .hc-cta-icon{

    transform:rotate(-8deg);

    background:#b89263;

}

.hc-cta-wrapper:hover .hc-cta-icon img{

    transform:scale(1.08);

}


/*=========================================
RESPONSIVE
=========================================*/

@media(max-width:1199px){

.hc-cta-wrapper{

padding:45px;

}

.hc-cta-content h2{

font-size:34px;

}

.hc-btn-primary,
.hc-btn-outline{

min-width:220px;

}

}


@media(max-width:991px){

.hc-cta-wrapper{

flex-direction:column;

text-align:center;

}

.hc-cta-left{

flex-direction:column;

align-items:center;

}

.hc-cta-buttons{

margin-top:15px;

}

}


@media(max-width:767px){

.hc-cta-section{

padding:60px 0;

}

.hc-cta-wrapper{

padding:30px 22px;

border-radius:20px;

}

.hc-cta-content h2{

font-size:28px;

}

.hc-cta-content p{

font-size:16px;

}

.hc-cta-buttons{

width:100%;

flex-direction:column;

}

.hc-btn-primary,
.hc-btn-outline{

width:100%;

min-width:100%;

height:58px;

font-size:16px;

}

.hc-cta-icon{

width:72px;
height:72px;
min-width:72px;

}

.hc-cta-icon img{

width:38px;

}

}
/*=========================================
BUTTON SHINE
=========================================*/

.hc-btn-primary,
.hc-btn-outline{
    position:relative;
    overflow:hidden;
}

.hc-btn-primary::before,
.hc-btn-outline::before{

    content:"";

    position:absolute;

    top:0;
    left:-120%;

    width:70%;
    height:100%;

    background:linear-gradient(
        120deg,
        transparent,
        rgba(255,255,255,.45),
        transparent
    );

    transform:skewX(-25deg);

    transition:.8s;

}

.hc-btn-primary:hover::before,
.hc-btn-outline:hover::before{

    left:170%;

}

/*footer*/
/*=========================================
HC FOOTER
=========================================*/

.hc-footer{
    background:#090909;
    padding:90px 0 0;
    position:relative;
    overflow:hidden;
    border-top:1px solid rgba(255,255,255,.06);
}

.hc-footer::before{
    content:"";
    position:absolute;
    right:-120px;
    top:-120px;
    width:350px;
    height:350px;
    background:rgba(184,145,97,.05);
    border-radius:50%;
    filter:blur(100px);
}

.hc-footer .container{
    position:relative;
    z-index:2;
}


/*=========================================
LOGO
=========================================*/

.hc-footer-logo{
    display:inline-block;
    margin-bottom:28px;
}

.hc-footer-logo img{
  width: 150px;
}

.hc-footer-about ul{
    padding:0;
    margin:0;
    list-style:none;
}

.hc-footer-about li{

    color:#9d9d9d;

    font-size:16px;

    line-height:2;

}


/*=========================================
WIDGET
=========================================*/

.hc-footer-widget{

    padding-left:35px;

    border-left:1px solid rgba(255,255,255,.08);

    min-height:220px;

}

.hc-footer-widget h4{

    color:#fff;

        font-size: 20px;


    margin-bottom:28px;

    font-weight:700;

}

.hc-footer-widget ul{

    margin:0;
    padding:0;
    list-style:none;

}

.hc-footer-widget li{

    margin-bottom:15px;

}

.hc-footer-widget a{

    color:#b5b5b5;

    text-decoration:none;

    transition:.35s;

    font-size:16px;

}

.hc-footer-widget a:hover{

    color:#b89263;

    padding-left:8px;

}


/*=========================================
CONTACT
=========================================*/

.hc-footer-contact li{

    display:flex;

    gap:14px;

    color:#b5b5b5;

    font-size:16px;

    margin-bottom:18px;

}

.hc-footer-contact i{

    color:#b89263;

    width:20px;

}


/*=========================================
SOCIAL
=========================================*/

.hc-footer-social{

    border-left:1px solid rgba(255,255,255,.08);

    padding-left:35px;

}

.hc-footer-social h4{

    color:#fff;

    font-size:22px;

    margin-bottom:28px;

}

.hc-social-icons{

    display:flex;

    gap:15px;

}

.hc-social-icons a{

       width: 44px;
    height: 44px;

    border-radius:50%;

    background:#141414;

    border:1px solid rgba(255,255,255,.08);

    display:flex;

    align-items:center;

    justify-content:center;

    color:#b89263;

    transition:.35s;

}

.hc-social-icons a:hover{

    background:#b89263;

    color:#fff;

    transform:translateY(-5px);

}


/*=========================================
LEGAL INFO
=========================================*/

.hc-footer-legal{
    margin-top:45px;
    padding-top:30px;
    border-top:1px solid rgba(255,255,255,.08);
}

.hc-footer-legal ul{
    list-style:none;
    margin:0;
    padding:0;
    display:flex;
    flex-wrap:wrap;
    gap:8px 30px;
}

.hc-footer-legal li {
    color: #ffffff;
    font-size: 14px;
    line-height: 1.8;
    font-weight: 700;
}

.hc-footer-legal .hc-footer-legal-typologies{
       width: 100%;
    margin-top: 6px;
    display: flex;
    /* flex-wrap: wrap; */
    gap: 0px 0px;
    align-items: center;
}

.hc-footer-legal .hc-footer-legal-typologies span{
    display:block;
    width:23%;
    color: #ffffff;
    font-size: 14px;
    line-height: 1.8;
    font-weight: 700;
}

.hc-footer-legal .hc-footer-legal-typologies ul{
    width:100%;
    gap:2px 30px;
}

/*=========================================
BOTTOM
=========================================*/

.hc-footer-bottom{

       margin-top: 30px;

    padding:25px 0;

    border-top:1px solid rgba(255,255,255,.08);

    display:flex;

    justify-content:space-between;

    align-items:center;

}
.hc-stat
{
    transition: .3s !important;
}

.hc-footer-bottom p{

    margin:0;

    color:#8d8d8d;

}

.hc-footer-bottom a{

    color:#b89263;

    text-decoration:none;

}

.hc-footer-bottom a:hover{

    color:#fff;

}


/*=========================================
RESPONSIVE
=========================================*/

@media(max-width:991px){

.hc-footer-widget,
.hc-footer-social{

border:none;

padding-left:0;

min-height:auto;

}

.hc-footer{

text-align:center;

}

.hc-footer-contact li{

justify-content:center;

}

.hc-social-icons{

justify-content:center;

}

.hc-footer-bottom{

flex-direction:column;

gap:15px;

}

}

@media(max-width:767px){

.hc-footer{

padding:70px 0 0;

}

.hc-footer-logo img{

width:180px;

}

.hc-footer-widget h4,
.hc-footer-social h4{

font-size:20px;

}

.hc-footer-widget a,
.hc-footer-contact li{

font-size:15px;

}

}
/*=========================================
PREMIUM HOVER EFFECT
=========================================*/

.hc-footer-widget a,
.hc-footer-contact li,
.hc-footer-bottom a,
.hc-social-icons a,
.hc-footer-logo img,
.hc-footer-widget h4{
    transition:all .35s ease;
}


/*=========================================
LINK UNDERLINE
=========================================*/

.hc-footer-widget a{
    position:relative;
    display:inline-block;
}

.hc-footer-widget a::after{

    content:"";

    position:absolute;

    left:0;
    bottom:-4px;

    width:0;

    height:2px;

    background:#b89263;

    transition:.35s;

}

.hc-footer-widget a:hover::after{

    width:100%;

}


/*=========================================
LOGO EFFECT
=========================================*/

.hc-footer-logo img:hover{

    transform:scale(1.04);

    filter:drop-shadow(0 0 15px rgba(184,145,97,.35));

}


/*=========================================
SOCIAL GLASS
=========================================*/

.hc-social-icons a{

    backdrop-filter:blur(12px);

    -webkit-backdrop-filter:blur(12px);

    box-shadow:
    inset 0 1px 1px rgba(255,255,255,.08),
    0 10px 20px rgba(0,0,0,.20);

}

.hc-social-icons a:hover{

    transform:translateY(-6px) scale(1.08);

    box-shadow:
    0 20px 35px rgba(184,145,97,.25);

}


/*=========================================
COLUMN HOVER
=========================================*/

.hc-footer-widget:hover h4{

    color:#b89263;

}

.hc-footer-widget:hover{

    transform:translateY(-4px);

}


/*=========================================
CONTACT ICON
=========================================*/

.hc-footer-contact i{

    transition:.35s;

}

.hc-footer-contact li:hover i{

    transform:rotate(-12deg) scale(1.15);

    color:#d6af79;

}


/*=========================================
BOTTOM BORDER
=========================================*/

.hc-footer-bottom{

    position:relative;

}

.hc-footer-bottom::before{

    content:"";

    position:absolute;

    left:0;

    top:-1px;

    width:0;

    height:1px;

    background:#b89263;

    transition:.8s;

}

.hc-footer:hover .hc-footer-bottom::before{

    width:100%;

}


/*=========================================
GOLD GLOW
=========================================*/

.hc-footer::after{

    content:"";

    position:absolute;

    left:50%;

    bottom:-120px;

    transform:translateX(-50%);

    width:420px;

    height:220px;

    background:rgba(184,145,97,.08);

    filter:blur(90px);

    pointer-events:none;

}


/*=========================================
LOAD ANIMATION
=========================================*/

.hc-footer .row{

    animation:footerFade .8s ease forwards;

}

@keyframes footerFade{

from{

opacity:0;

transform:translateY(40px);

}

to{

opacity:1;

transform:translateY(0);

}

}


/*=========================================
COPYRIGHT
=========================================*/

.hc-footer-bottom p{

    transition:.35s;

}

.hc-footer-bottom:hover p{

    color:#d3d3d3;

}


/*=========================================
SCROLL SMOOTH EFFECT
=========================================*/

.hc-footer *{

    transition:.35s;

}
/* Mobile Only */
@media (max-width: 991.98px){

    .hero .row{
        display: flex;
        flex-direction: column-reverse;
    }
.hero-left h1 span {
    color: #bb9160;
    font-size: 34px;
    line-height: 1.2;
}
}
@media(max-width: 768px)
{
    .hero-left .content {
    padding: 40px 0px 40px;
}
}
.navbar-nav .nav-link.active, .navbar-nav .nav-link.show {
    color: rgb(184 145 97);
}
/* Highlight Card */
.service-card-whatsapp{
    position: relative;
    background: #1f2f3b;
    border: 2px solid #25D366;
    border-radius: 18px;
    overflow: hidden;
    transition: .35s ease;
    box-shadow: 0 12px 30px rgba(0,0,0,.18);
}

.service-card-whatsapp:hover{
    transform: translateY(-8px);
    box-shadow: 0 20px 40px rgba(37,211,102,.25);
}

/* Slightly dark image */
.service-card-whatsapp .service-image{
    position: relative;
}

.service-card-whatsapp .service-image::after{
    content:"";
    position:absolute;
    inset:0;
    background:rgba(0,0,0,.28);
}

/* WhatsApp Button */
.whatsapp-float{
    position:absolute;
    top:15px;
    right:15px;
    width:52px;
    height:52px;
    background:#25D366;
    color:#fff;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:24px;
    text-decoration:none;
    z-index:2;
    transition:.3s;
    box-shadow:0 10px 25px rgba(37,211,102,.45);
}

.whatsapp-float:hover{
    transform:scale(1.1);
    color:#fff;
}

/* Conversation Icon */
.whatsapp-icon{
    background:#25D366 !important;
    color:#fff !important;
}
.whatsapp-icon i{
    font-size:22px;
}
.service-section .service-image img
{
    height:150px;
}
.real-experience-label{
    display:inline-block;
    font-size:13px;
    font-weight:700;
    letter-spacing:2px;
    text-transform:uppercase;
    color:#b89161;
    margin-bottom:15px;
}
.real-experience-btn-wrap{
    width:100%;
    display:flex;
    justify-content:center;
    margin-top:10px;
}
.real-experience-btn{
    letter-spacing:1.2px;
}
/*=============================
 Clinical Team Section
==============================*/

.hc-clinical-team-section{
    padding:100px 0;
    background:#fff;
}

.hc-clinical-team-header{
    max-width:850px;
    margin:auto;
    text-align:center;
    margin-bottom:60px;
}

.hc-clinical-team-header span{
    display:inline-block;
    font-size:13px;
    font-weight:700;
    color:#bfa14e;
    letter-spacing:2px;
    text-transform:uppercase;
    margin-bottom:12px;
}

.hc-clinical-team-header h2{
    font-size:46px;
    color:#273f50;
    font-weight:700;
    margin-bottom:20px;
}

.hc-clinical-team-header p{
    font-size:17px;
    line-height:1.9;
    color:#666;
}

.hc-clinical-team-slide{
    padding:15px;
}

.hc-clinical-team-card{
    background:#fff;
    border-radius:18px;
    overflow:hidden;
    /*box-shadow:0 12px 35px rgba(0,0,0,.08);*/
    transition:.35s;
}

.hc-clinical-team-card:hover{
    transform:translateY(-8px);
    /*box-shadow:0 20px 45px rgba(0,0,0,.15);*/
}

.hc-clinical-team-image{
    height:340px;
    overflow:hidden;
}

.hc-clinical-team-image img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:.4s;
}

.hc-clinical-team-card:hover .hc-clinical-team-image img{
    transform:scale(1.08);
}

.hc-clinical-team-info{
    padding:25px;
    text-align:center;
}

.hc-clinical-team-info h4{
    font-size:22px;
    margin-bottom:8px;
    color:#000;
    font-weight:700;
}

.hc-clinical-team-info span{
       color: #b89161;
    font-weight:600;
    font-size:15px;
}

/* ============================
   Slick Slider
============================ */

.hc-clinical-team-slider{
    position:relative;
    padding-bottom:90px;
}

.hc-clinical-team-slider .slick-track{
    display:flex;
}

.hc-clinical-team-slider .slick-slide{
    height:inherit;
}

.hc-clinical-team-slider .slick-slide > div{
    height:100%;
}

/* Arrow Buttons */

.hc-clinical-team-slider .slick-prev,
.hc-clinical-team-slider .slick-next{
    position:absolute;
    top:auto;
    bottom:0;
    transform:none;

    width:52px;
    height:52px;

    border-radius:50%;
    background:#000;
    border:none;
    cursor:pointer;
    z-index:99;
    transition:.3s;
}

/* Center Position */

.hc-clinical-team-slider .slick-prev{
    left:calc(50% - 60px);
}

.hc-clinical-team-slider .slick-next{
    left:calc(50% + 10px);
    right:auto;
}

/* Hover */

.hc-clinical-team-slider .slick-prev:hover,
.hc-clinical-team-slider .slick-next:hover{
    background:#b89161;
}

/* Arrow Icons */

.hc-clinical-team-slider .slick-prev:before,
.hc-clinical-team-slider .slick-next:before{
    font-family:'slick';
    font-size:22px;
    color:#fff;
    opacity:1;
}

.hc-clinical-team-slider .slick-prev:before{
    content:'←';
    font-family:inherit;
}

.hc-clinical-team-slider .slick-next:before{
    content:'→';
    font-family:inherit;
}
.hc-clinical-team-slider .slick-arrow
{
    font-size:0px;
}
/* Mobile */
.hc-clinical-team-slider .slick-prev, .hc-clinical-team-slider .slick-next {
  
    line-height: 48px;
}


@media(max-width:767px){

    .hc-clinical-team-slider{
        padding-bottom:80px;
    }
.service-section .service-image img {
     height: auto; 
}
    .hc-clinical-team-slider .slick-prev{
        left:calc(50% - 58px);
    }

    .hc-clinical-team-slider .slick-next{
        left:calc(50% + 8px);
    }
.mobile-nav li a {
    display: block;
    color: #fff;
    padding: 18px 40px;
    font-size: 16px;
    font-weight: 500;
}
}

/*=========================================================
=============================================================
   INNER PAGES — ADDITIONAL STYLES
   (Homepage styles above are untouched. Everything below
   is new, built on the same color theme / fonts / classes
   used across index.html: gold #b89161/#b89263, dark
   #111/#090909, cream #f8f7f5/#fbf7f2, font Manrope.)
=============================================================
=========================================================*/

/*=============================
   PAGE BANNER (inner-page hero)
==============================*/

.page-banner{
        margin-top: 80px;
    position:relative;
    overflow:hidden;
    background:#0d0d0d;
    padding:110px 0 70px;
    text-align:center;
}

.page-banner::before{
    content:"";
    position:absolute;
    left:-160px;
    top:-160px;
    width:420px;
    height:420px;
    background:#b89161;
    filter:blur(160px);
    opacity:.35;
    z-index:0;
}

.page-banner::after{
    content:"";
    position:absolute;
    right:-160px;
    bottom:-200px;
    width:420px;
    height:420px;
    background:#b89161;
    filter:blur(170px);
    opacity:.22;
    z-index:0;
}

.page-banner .container{
    position:relative;
    z-index:2;
}

.page-banner .page-tag{
    display:inline-block;
    color:#c8a06b;
    font-size:14px;
    font-weight:700;
    letter-spacing:2px;
    margin-bottom:16px;
}

.page-banner h1{
    color:#fff;
    font-size:48px;
    font-weight:800;
    line-height:1.2;
    margin-bottom:18px;
}

.page-banner h1 span{
    color:#c8a06b;
}

.page-banner p.banner-desc{
    color:#c9c9c9;
    max-width:640px;
    margin:0 auto 26px;
    font-size:16px;
    line-height:1.8;
}

.breadcrumb-nav{
    display:inline-flex;
    align-items:center;
    gap:10px;
    background:rgba(255,255,255,.06);
    border:1px solid rgba(255,255,255,.12);
    padding:10px 22px;
    border-radius:40px;
    font-size:14px;
    font-weight:600;
}

.breadcrumb-nav a{
    color:#c9c9c9;
}

.breadcrumb-nav a:hover{
    color:#c8a06b;
}

.breadcrumb-nav i{
    color:#b89161;
    font-size:11px;
}

.breadcrumb-nav .current{
    color:#c8a06b;
}

/*=============================
   GENERIC INNER SECTION HELPERS
==============================*/

.inner-section{
    padding:90px 0;
}

.inner-section.bg-cream{
    background:#fbf7f2;
}

.inner-section .section-tag{
    display:inline-block;
    font-size:15px;
    color:#b49a74;
    margin-bottom:12px;
    letter-spacing:1px;
    font-weight:700;
}

.inner-section .section-title{
    font-size:42px;
    font-weight:700;
    color:#111;
    line-height:1.2;
    margin-bottom:18px;
}

.inner-section .section-title span{
    color:#b89161;
}

.inner-section .section-desc{
    color:#666;
    font-size:16px;
    line-height:1.9;
    max-width:720px;
}

.inner-section .section-desc.mx-auto{
    margin-left:auto;
    margin-right:auto;
}

/*=========================================================
   ESPECIALIDADES — OVERVIEW GRID
=========================================================*/

.spec-grid-card{
    background:#fff;
    border:1px solid #ece8e2;
    border-radius:18px;
    padding:36px 30px;
    height:100%;
    transition:.4s;
    position:relative;
    overflow:hidden;
}

.spec-grid-card:hover{
    transform:translateY(-10px);
    box-shadow:0 25px 55px rgba(0,0,0,.08);
    border-color:#b89161;
}

.spec-grid-card .spec-icon{
    width:64px;
    height:64px;
    border-radius:16px;
    background:#f8f0e5;
    color:#b89161;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:26px;
    margin-bottom:22px;
    transition:.4s;
}

.spec-grid-card:hover .spec-icon{
    background:#b89161;
    color:#fff;
    transform:rotate(-6deg) scale(1.08);
}

.spec-grid-card h4{
    font-size:21px;
    font-weight:700;
    color:#111;
    margin-bottom:12px;
}

.spec-grid-card p{
    color:#666;
    font-size:15px;
    line-height:1.8;
    margin-bottom:22px;
}

.spec-grid-card .spec-link{
    display:inline-flex;
    align-items:center;
    gap:8px;
    color:#b89161;
    font-weight:700;
    font-size:14px;
}

.spec-grid-card .spec-link i{
    transition:.35s;
}

.spec-grid-card:hover .spec-link i{
    transform:translateX(6px);
}

/*=========================================================
   SPECIALTY DETAIL PAGE
=========================================================*/

.specialty-intro{
    padding:90px 0 40px;
}

.specialty-intro img.specialty-cover{
    width:100%;
    border-radius:22px;
    object-fit:cover;
/*     max-height:420px; */
}

.specialty-intro .specialty-badge{
    display:inline-flex;
    align-items:center;
    gap:10px;
    background:#f8f0e5;
    color:#9d784b;
    font-weight:700;
    font-size:13px;
    letter-spacing:1px;
    padding:10px 18px;
    border-radius:40px;
    margin-bottom:20px;
}

.specialty-body{
    padding:20px 0 90px;
}

/*.specialty-body .row{
    align-items:flex-start;
}
*/
.specialty-list{
    list-style:none;
    padding:0;
    margin:0 0 10px;
}

.specialty-list li{
    display:flex;
    align-items:flex-start;
    gap:14px;
    padding:16px 0;
    border-bottom:1px solid #ece8e2;
    color:#444;
    font-size:16px;
    line-height:1.7;
}

.specialty-list li:last-child{
    border-bottom:none;
}

.specialty-list li i{
    color:#b89161;
    font-size:18px;
    margin-top:3px;
}

.specialty-sidebar-card{
    background:#0d0d0d;
    border-radius:20px;
    padding:38px 30px;
    color:#fff;
    position:sticky;
    top:120px;
}

.specialty-sidebar-card h4{
    font-size:22px;
    font-weight:700;
    margin-bottom:14px;
}

.specialty-sidebar-card p{
    color:#c9c9c9;
    font-size:15px;
    line-height:1.8;
    margin-bottom:26px;
}

.specialty-sidebar-card .hc-btn-primary,
.specialty-sidebar-card .hc-btn-outline{
    width:100%;
    margin-bottom:14px;
}

.specialty-sidebar-info{
    margin-top:26px;
    padding-top:26px;
    border-top:1px solid rgba(255,255,255,.12);
}

.specialty-sidebar-info li{
    display:flex;
    align-items:center;
    gap:12px;
    margin-bottom:16px;
    color:#c9c9c9;
    font-size:14px;
}

.specialty-sidebar-info li i{
    color:#b89161;
    width:18px;
}

.specialty-other-title{
    font-size:15px;
    font-weight:700;
    color:#111;
    margin:34px 0 16px;
}

.specialty-other-list{
    list-style:none;
    padding:0;
    margin:0;
}

.specialty-other-list li{
    border-bottom:1px solid #ece8e2;
}

.specialty-other-list li:last-child{
    border-bottom:none;
}

.specialty-other-list a{
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:14px 4px;
    color:#444;
    font-weight:600;
    font-size:15px;
}

.specialty-other-list a:hover{
    color:#b89161;
    padding-left:8px;
}

.specialty-other-list a.active{
    color:#b89161;
}

/*=========================================================
   METODO — TIMELINE / PROCESS
=========================================================*/

.hc-timeline{
    position:relative;
    max-width:900px;
    margin:0 auto;
    padding-left:0;
}

.hc-timeline::before{
    content:"";
    position:absolute;
    left:44px;
    top:10px;
    bottom:10px;
    width:2px;
    background:repeating-linear-gradient(to bottom,#e2d5c4 0,#e2d5c4 8px,transparent 8px,transparent 16px);
}

.hc-timeline-step{
    position:relative;
    display:flex;
    gap:30px;
    padding-bottom:56px;
}

.hc-timeline-step:last-child{
    padding-bottom:0;
}

.hc-timeline-num{
    flex:none;
    width:88px;
    height:88px;
    border-radius:50%;
    background:#fff;
    border:2px solid #b89161;
    color:#b89161;
    font-size:28px;
    font-weight:800;
    display:flex;
    align-items:center;
    justify-content:center;
    position:relative;
    z-index:2;
    transition:.4s;
}

.hc-timeline-step:hover .hc-timeline-num{
    background:#b89161;
    color:#fff;
    transform:scale(1.08);
}

.hc-timeline-content{
    background:#fbf7f2;
    border:1px solid #ece8e2;
    border-radius:18px;
    padding:28px 32px;
    flex:1;
    transition:.4s;
}

.hc-timeline-step:hover .hc-timeline-content{
    border-color:#b89161;
    box-shadow:0 20px 45px rgba(0,0,0,.06);
}

.hc-timeline-content h4{
    font-size:21px;
    font-weight:700;
    color:#111;
    margin-bottom:10px;
}

.hc-timeline-content p{
    color:#666;
    font-size:15.5px;
    line-height:1.85;
    margin:0;
}

/*=========================================================
   EQUIPA — FILTER + TEAM GRID (reuses .hc-clinical-team-card)
=========================================================*/

.team-grid-wrap .hc-clinical-team-card{
    margin-bottom:10px;
}

.team-filter{
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    gap:12px;
    margin-bottom:50px;
}

.team-filter button{
    border:1px solid #ece8e2;
    background:#fff;
    color:#444;
    font-weight:700;
    font-size:14px;
    padding:11px 24px;
    border-radius:40px;
    transition:.35s;
    cursor:pointer;
}

.team-filter button:hover,
.team-filter button.active{
    background:#b89161;
    border-color:#b89161;
    color:#fff;
}

/*=========================================================
   TESTEMUNHOS — STATIC GRID + STATS
=========================================================*/

.testimonial-stats{
    background:#0d0d0d;
    border-radius:22px;
    padding:50px 30px;
}

.review-platform{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:14px;
    /*margin-bottom:34px;*/
    flex-wrap:wrap;
}

.review-platform img{
    width:34px;
}

.review-platform .stars i{
    color:#c69c62;
    font-size:16px;
}

.review-platform .review-score{
    color:#fff;
    font-weight:800;
    font-size:20px;
}

.review-platform .review-count{
    color:#9d9d9d;
    font-size:14px;
}

/*=========================================================
   BLOG — CARDS
=========================================================*/

.blog-card{
    background:#fff;
    border:1px solid #ece8e2;
    border-radius:18px;
    overflow:hidden;
    height:100%;
    transition:.4s;
    display:flex;
    flex-direction:column;
}

.blog-card:hover{
    transform:translateY(-10px);
    box-shadow:0 25px 55px rgba(0,0,0,.08);
    border-color:#b89161;
}

.blog-card .blog-card-img{
    height:220px;
    overflow:hidden;
    position:relative;
}

.blog-card .blog-card-img img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:.5s;
}

.blog-card:hover .blog-card-img img{
    transform:scale(1.08);
}

.blog-card .blog-cat{
    position:absolute;
    top:16px;
    left:16px;
    background:#b89161;
    color:#fff;
    font-size:12px;
    font-weight:700;
    letter-spacing:.5px;
    padding:7px 16px;
    border-radius:30px;
}

.blog-card-body{
    padding:26px 26px 30px;
    display:flex;
    flex-direction:column;
    flex:1;
}

.blog-meta{
    display:flex;
    align-items:center;
    gap:18px;
    color:#9d9d9d;
    font-size:13px;
    margin-bottom:14px;
}

.blog-meta i{
    color:#b89161;
    margin-right:6px;
}

.blog-card-body h4{
    font-size:19px;
    font-weight:700;
    color:#111;
    line-height:1.4;
    margin-bottom:12px;
}

.blog-card-body h4 a{
    color:#111;
}

.blog-card-body h4 a:hover{
    color:#b89161;
}

.blog-card-body p{
    color:#666;
    font-size:14.5px;
    line-height:1.8;
    margin-bottom:20px;
    flex:1;
}

.blog-readmore{
    display:inline-flex;
    align-items:center;
    gap:8px;
    color:#b89161;
    font-weight:700;
    font-size:14px;
}

.blog-readmore i{
    transition:.35s;
}

.blog-card:hover .blog-readmore i{
    transform:translateX(6px);
}

/*=========================================================
   BLOG SINGLE
=========================================================*/

.blog-single-cover{
    width:100%;
    border-radius:22px;
    max-height:460px;
    object-fit:cover;
    margin-bottom:40px;
}

.blog-single-content h2,
.blog-single-content h3{
    color:#111;
    font-weight:700;
    margin:36px 0 18px;
}

.blog-single-content h2{
    font-size:30px;
}

.blog-single-content h3{
    font-size:23px;
}

.blog-single-content p{
    color:#555;
    font-size:16.5px;
    line-height:1.95;
    margin-bottom:22px;
}

.blog-single-content ul{
    margin:0 0 22px;
    padding-left:22px;
}

.blog-single-content ul li{
    color:#555;
    font-size:16px;
    line-height:1.9;
    margin-bottom:10px;
}

blockquote.blog-quote{
    border-left:4px solid #b89161;
    background:#fbf7f2;
    padding:26px 30px;
    border-radius:0 16px 16px 0;
    font-size:18px;
    font-style:italic;
    color:#333;
    margin:30px 0;
}

.blog-tags{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    margin-top:30px;
}

.blog-tags a{
    border:1px solid #ece8e2;
    color:#555;
    font-size:13px;
    font-weight:600;
    padding:8px 18px;
    border-radius:30px;
}

.blog-tags a:hover{
    background:#b89161;
    color:#fff;
    border-color:#b89161;
}

.blog-sidebar-widget{
    background:#fbf7f2;
    border:1px solid #ece8e2;
    border-radius:18px;
    padding:30px;
    margin-bottom:30px;
}

.blog-sidebar-widget h4{
    font-size:18px;
    font-weight:700;
    color:#111;
    margin-bottom:20px;
}

.blog-sidebar-widget ul{
    list-style:none;
    margin:0;
    padding:0;
}

.blog-sidebar-widget ul li{
    border-bottom:1px solid #ece8e2;
}

.blog-sidebar-widget ul li:last-child{
    border-bottom:none;
}

.blog-sidebar-widget ul li a{
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:13px 2px;
    color:#444;
    font-weight:600;
    font-size:14.5px;
}

.blog-sidebar-widget ul li a:hover{
    color:#b89161;
    padding-left:6px;
}

.blog-sidebar-cta{
    background:#0d0d0d;
    border-radius:18px;
    padding:34px 26px;
    color:#fff;
    text-align:center;
    
}

.blog-sidebar-cta h4{
    font-size:19px;
    font-weight:700;
    margin-bottom:12px;
}

.blog-sidebar-cta p{
    color:#c9c9c9;
    font-size:14px;
    line-height:1.8;
    margin-bottom:22px;
}

.blog-sidebar-cta .hc-btn-primary{
    width:100%;
    min-width:auto;
}

/*=========================================================
   SIMPLE CTA STRIP (used across inner pages)
=========================================================*/

.hc-cta-strip{
    background:#0d0d0d;
    border-radius:24px;
    padding:60px 50px;
    display: inline-flex;
    align-items:center;
    justify-content:space-between;
    gap:30px;
    flex-wrap:wrap;
    margin-top: 50px;
}

.hc-cta-strip h3{
    color:#fff;
    font-size:28px;
    font-weight:700;
    margin-bottom:8px;
}

.hc-cta-strip p{
    color:#c9c9c9;
    font-size:15px;
    margin:0;
}

.hc-cta-strip .hc-cta-strip-btns{
    display:flex;
    gap:16px;
    flex-wrap:wrap;
}

/*=========================================================
   RESPONSIVE
=========================================================*/

@media(max-width:991px){
    .page-banner h1{
        font-size:34px;
    }
    .inner-section .section-title{
        font-size:30px;
    }
    .specialty-sidebar-card{
        position:static;
        margin-top:40px;
    }
    .hc-timeline::before{
        left:34px;
    }
    .hc-timeline-num{
        width:68px;
        height:68px;
        font-size:22px;
    }
    .hc-timeline-step{
        gap:18px;
    }
    .hc-cta-strip{
        padding:40px 26px;
        text-align:center;
        justify-content:center;
    }
}

@media(max-width:576px){
    .page-banner{
        padding:90px 0 50px;
    }
    .page-banner h1{
        font-size:28px;
    }
}
/*=========================================================
   SCROLL REVEAL ANIMATIONS (inner pages only)
=========================================================*/

.reveal{
    opacity:0;
    transform:translateY(36px);
    transition:opacity .8s cubic-bezier(.22,.9,.32,1), transform .8s cubic-bezier(.22,.9,.32,1);
    will-change:opacity, transform;
}

.reveal.is-visible{
    opacity:1;
    transform:translateY(0);
}

.reveal-left{
    opacity:0;
    transform:translateX(-46px);
    transition:opacity .85s cubic-bezier(.22,.9,.32,1), transform .85s cubic-bezier(.22,.9,.32,1);
}

.reveal-left.is-visible{
    opacity:1;
    transform:translateX(0);
}

.reveal-right{
    opacity:0;
    transform:translateX(46px);
    transition:opacity .85s cubic-bezier(.22,.9,.32,1), transform .85s cubic-bezier(.22,.9,.32,1);
}

.reveal-right.is-visible{
    opacity:1;
    transform:translateX(0);
}

.reveal-scale{
    opacity:0;
    transform:scale(.9);
    transition:opacity .7s ease, transform .7s cubic-bezier(.22,.9,.32,1);
}

.reveal-scale.is-visible{
    opacity:1;
    transform:scale(1);
}

/* Word-by-word text reveal */
.reveal-words .word-inner{
    display:inline-block;
    overflow:hidden;
}

.reveal-words .word{
    display:inline-block;
    transform:translateY(110%);
    opacity:0;
    transition:transform .7s cubic-bezier(.22,.9,.32,1), opacity .7s ease;
}

.reveal-words.is-visible .word{
    transform:translateY(0);
    opacity:1;
}

/* Progress / count-up numbers */
.count-up{
    display:inline-block;
}

/*=========================================================
   TESTEMUNHOS PAGE — SLIDER + CREATIVE LAYOUT
=========================================================*/

.testimonial-hero-quote{
    background:#0d0d0d;
    border-radius:26px;
    padding:60px 55px;
    position:relative;
    overflow:hidden;
    color:#fff;
}

.testimonial-hero-quote::before{
    content:"\201C";
    position:absolute;
    top:-40px;
    left:20px;
    font-size:220px;
    font-family:Georgia, serif;
    color:#b89161;
    opacity:.16;
    line-height:1;
}

.testimonial-hero-quote .quote-stars i{
    color:#c69c62;
    font-size:16px;
    margin-right:3px;
}

.testimonial-hero-quote p{
    position:relative;
    z-index:2;
    font-size:24px;
    line-height:1.6;
    font-weight:600;
    margin:22px 0 26px;
    max-width:820px;
}

.testimonial-hero-quote .quote-author{
    display:flex;
    align-items:center;
    gap:16px;
}

.testimonial-hero-quote .quote-author img{
    width:56px;
    height:56px;
    border-radius:50%;
    object-fit:cover;
    border:2px solid #b89161;
}

.testimonial-hero-quote .quote-author h5{
    color:#fff;
    font-size:16px;
    font-weight:700;
    margin:0;
}

.testimonial-hero-quote .quote-author span{
    color:#9d9d9d;
    font-size:13px;
}

.hc-testimonial-slider-wrap{
    padding-bottom:20px;
}

.hc-testimonial-slider .slick-track{
    display:flex !important;
}

.hc-testimonial-slider .slick-slide{
    height:auto;
    padding:0 14px;
}

.hc-testimonial-slider .slick-slide > div{
    height:100%;
}

.hc-testimonial-slider .hc-testimonial-card{
    height:100%;
}

/*=========================================================
   FAQ ACCORDION (used to enrich specialty pages)
=========================================================*/

.specialty-faq{
    margin-top:50px;
}

.faq-item{
    border:1px solid #ece8e2;
    border-radius:14px;
    margin-bottom:14px;
    overflow:hidden;
}

.faq-question{
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:20px 24px;
    cursor:pointer;
    font-weight:700;
    color:#111;
    font-size:15.5px;
    background:#fff;
    transition:.3s;
}

.faq-question:hover{
    color:#b89161;
}

.faq-question i{
    color:#b89161;
    transition:transform .35s;
    flex:none;
    margin-left:16px;
}

.faq-item.open .faq-question i{
    transform:rotate(45deg);
}

.faq-answer{
    max-height:0;
    overflow:hidden;
    transition:max-height .4s ease;
    background:#fbf7f2;
}

.faq-answer p{
   padding: 10px 24px 16px;
    color:#666;
    font-size:14.5px;
    line-height:1.85;
    margin:0;
}

.specialty-benefits-row{
    margin:40px 0;
}

.benefit-mini-card{
    display:flex;
    align-items:flex-start;
    gap:16px;
    background:#fbf7f2;
    border:1px solid #ece8e2;
    border-radius:16px;
    padding:22px;
    height:100%;
    transition:.35s;
}

.benefit-mini-card:hover{
    border-color:#b89161;
    transform:translateY(-6px);
}

.benefit-mini-card .mini-icon{
    flex:none;
    width:46px;
    height:46px;
    border-radius:12px;
    background:#111;
    color:#c8a06b;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:18px;
}

.benefit-mini-card h5{
    font-size:15.5px;
    font-weight:700;
    color:#111;
    margin-bottom:6px;
}

.benefit-mini-card p{
    font-size:13.5px;
    color:#666;
    margin:0;
    line-height:1.7;
}

@media(max-width:576px){
    .testimonial-hero-quote{
        padding:40px 26px;
    }
    .testimonial-hero-quote p{
        font-size:19px;
    }
}
.mobile-nav li a {
    display: block;
    color: #fff;
    padding: 18px 40px;
    font-size: 16px;
    font-weight: 500;
}
li.mobile-dropdown button.mobile-drop-btn {
    padding: 18px 40px;
}
.mobile-nav li a:hover {
  
  padding: 18px 40px;
}
li.mobile-dropdown button.mobile-drop-btn:hover
{
     background: #b89161; 
}
.mobile-nav li a.btn-main
{
    margin-top:20px;
}
.navbar .dropdown-menu::before
{
    display:none;
}
    .navbar .dropdown:hover>.dropdown-menu {
      
        background: #000;
    }
    .navbar .dropdown:hover>.dropdown-menu li {
    background: #121212;
}
.navbar .dropdown:hover>.dropdown-menu li a.dropdown-item {
    color: #fff;
}
.navbar .dropdown:hover>.dropdown-menu li a.dropdown-item:hover
{
    background: #b89161;
    color:#f7f7f7; 
  
}
.navbar-expand-lg .navbar-nav .dropdown-menu
{
    padding-top:0px;
    padding-bottom:0px;
}
.mobile-nav li a:hover {
    background: #b89161;
    color:#f7f7f7; 
}
.specialty-sidebar-info {
    margin-top: 26px;
    padding-top: 26px;
    border-top: 1px solid rgba(255, 255, 255, .12);
    padding-left: 0px;
}
.side-bar-1.mt-3 .specialty-other-title {
    font-size: 22px;
    font-weight: 700;
    color: var(--bs-heading-color);
}
.side-bar-1.mt-3 li  a 
{
  color: #b89161;   
}
.inner-section .hc-testimonial-slider-wrap .hc-testimonial-stars {
    height: auto;
}
.inner-section .hc-testimonial-card.slick-slide
{
    padding: 40px;
    margin:10px;
}
.specialty-body span.section-tag {
    margin-bottom: 20px;
}
.hc-hours-list {
   
    padding-left: 0px;
}
@media (max-width: 991px){

    .reveal-up,
    .reveal-down,
    .reveal-left,
    .reveal-right{

        opacity:1 !important;
        transform:none !important;
        transition:none !important;
        animation:none !important;

    }
    .hc-footer-legal .hc-footer-legal-typologies span {
    width: 100%;
}
    .hc-footer-legal ul {
   
    justify-content: center;
}
.hc-footer-legal .hc-footer-legal-typologies {
   
    flex-direction: column;
}
}
.hc-footer-legal li {
  
    font-size: 13px;
    
}


.hc-footer-legal li{
    font-weight:500;
}
.hc-btn-primary {
   
    padding: 15px 30px;
}
.specialty-list li i {
   
    min-width: 20px;
    width: 20px;
}
.specialty-sidebar-info li a {
    color: #c9c9c9;
}
.hc-footer-legal .hc-footer-legal-typologies ul
{
    justify-content:center;
}
.hc-footer-legal .hc-footer-legal-typologies ul li
{
    font-weight:500;
}
.blog section.inner-section {
    display: none;
}
@media (max-width: 768px) {
    .navbar-brand img {
        width: 70px;
    }
	    .navbar {
        padding: 0px 0px !important;
    }
	    .navbar-toggler {
        font-size: 18px;
    }
	.hero {
    margin-top: 25px;
 
}
}