/* =========================================================
   TREATMEDLOGY SLIDER
   COMPLETE RESPONSIVE CSS
========================================================= */


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

.slider_bg_1 {
    background-image: url(../img/banner/banner.png);
}

.slider_bg_2 {
    background-image: url(../img/banner/banner-2.webp);
}


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

.slider_area .single_slider {
    height: 500px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    position: relative;
}


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

.slider_area .single_slider .slider_text {
    max-width: 47%;
    width: 100%;
}


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

.slider_area .single_slider .slider_text h3 {
    color: #B88059;
    font-size: 35px;
    line-height: 55px;
    text-transform: capitalize;
    letter-spacing: 2px;
    font-weight: 800;
    padding-bottom: 15px;
    margin-bottom: 0;
}

.slider_area .single_slider .slider_text h3 span {
    font-weight: 900;
    font-size: 37px;
    color: #1F1F1F;
}


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

.slider_area .single_slider .slider_text h5 {
    color: #1d443a;
    font-size: 22px;
    line-height: 35px;
    font-weight: 600;
    margin-bottom: 25px;
}


/* =========================================================
   DESCRIPTION
========================================================= */

.slider_area .single_slider .slider_text p {
    font-size: 15px;
    font-weight: 500;
    line-height: 25px;
    color: #000;
    word-spacing:2px;
    margin-bottom: 20px;
    margin-top: 10px;
}


/* =========================================================
   TABLET
   768px - 991px
========================================================= */

@media (min-width: 768px) and (max-width: 991px) {

    .slider_area .single_slider {
        height: auto;
        padding: 40px 0;
        background-position: center center;
    }

    .slider_area .single_slider .slider_text {
        max-width: 58%;
        width: 100%;
    }


    /* Heading */

    .slider_area .single_slider .slider_text h3 {
        font-size: 32px;
        line-height: 41px;
        letter-spacing: 1px;
    }

    .slider_area .single_slider .slider_text h3 span {
        font-size: 32px;
        line-height: 41px;
    }


    /* Sub Heading */

    .slider_area .single_slider .slider_text h5 {
        font-size: 18px;
        line-height: 27px;
    }


    /* Description */

    .slider_area .single_slider .slider_text p {
        font-size: 14px;
        line-height: 22px;
        margin-top: 8px;
        margin-bottom: 25px;
    }


    /* Buttons */

    .slider_area .single_slider .slider_text .boxed-btn,
    .slider_area .single_slider .slider_text .boxed-btn3 {
        display: inline-block;
        padding: 11px 18px;
        font-size: 12px;
        margin-right: 5px;
        margin-bottom: 5px;
    }

}


/* =========================================================
   MOBILE
   767px AND BELOW
========================================================= */

@media (max-width: 767px) {

    .slider_area .single_slider {
        height: auto;
        padding: 40px 0 60px;

        background-size: cover;
        background-repeat: no-repeat;
        background-position: center center;

        position: relative;
    }


    /* -----------------------------------------
       MOBILE OVERLAY
    ----------------------------------------- */

    .slider_area .single_slider::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;

        background: rgba(255, 255, 255, 0.62);

        z-index: 0;
    }


    .slider_area .single_slider .container {
        position: relative;
        z-index: 2;
    }


    /* -----------------------------------------
       TEXT AREA
    ----------------------------------------- */

    .slider_area .single_slider .slider_text {
        text-align: center;
        max-width: 100%;
        width: 100%;
        padding: 0 15px;
    }


    /* -----------------------------------------
       HEADING
    ----------------------------------------- */

    .slider_area .single_slider .slider_text h3 {
        font-size: 29px;
        line-height: 38px;
        letter-spacing: 1px;
        padding-bottom: 5px;
        margin-bottom: 10px;
    }

    .slider_area .single_slider .slider_text h3 span {
        font-size: 29px;
        line-height: 38px;
    }


    /* -----------------------------------------
       SUB HEADING
    ----------------------------------------- */

    .slider_area .single_slider .slider_text h5 {
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 10px;
    }


    /* -----------------------------------------
       DESCRIPTION
    ----------------------------------------- */

    .slider_area .single_slider .slider_text p {
        font-size: 13px;
        line-height: 25px;

        margin-top: 8px;
        margin-bottom: 25px;
    }


    /* -----------------------------------------
       BUTTONS
    ----------------------------------------- */

    .slider_area .single_slider .slider_text .boxed-btn,
    .slider_area .single_slider .slider_text .boxed-btn3 {
        display: inline-block;

        padding: 11px 18px;

        font-size: 12px;

        margin-right: 5px;
        margin-bottom: 5px;

        white-space: nowrap;
    }

}


/* =========================================================
   SMALL MOBILE
   575px AND BELOW
========================================================= */

@media (max-width: 575px) {

    .slider_area .single_slider {
        height: auto;

        padding: 40px 0 50px;

        background-size: cover;
        background-position: center center;
    }


    /* -----------------------------------------
       OVERLAY
    ----------------------------------------- */

    .slider_area .single_slider::before {
        background: rgba(255, 255, 255, 0.68);
    }


    /* -----------------------------------------
       TEXT
    ----------------------------------------- */

    .slider_area .single_slider .slider_text {
        max-width: 100%;
        text-align: center;
        width: 100%;
        padding: 0 12px;
    }


    /* -----------------------------------------
       HEADING
    ----------------------------------------- */

    .slider_area .single_slider .slider_text h3 {
        font-size: 25px;
        line-height: 33px;
        letter-spacing: 0.5px;

        padding-bottom: 3px;
        margin-bottom: 8px;
    }

    .slider_area .single_slider .slider_text h3 span {
        font-size: 25px;
        line-height: 33px;
    }


    /* -----------------------------------------
       SUB HEADING
    ----------------------------------------- */

    .slider_area .single_slider .slider_text h5 {
        font-size: 16px;
        line-height: 25px;
        margin-bottom: 8px;
    }


    /* -----------------------------------------
       DESCRIPTION
    ----------------------------------------- */

    .slider_area .single_slider .slider_text p {
        font-size: 13px;
        line-height: 24px;

        margin-top: 7px;
        margin-bottom: 20px;
    }


    /* -----------------------------------------
       BUTTONS
    ----------------------------------------- */

    .slider_area .single_slider .slider_text .boxed-btn,
    .slider_area .single_slider .slider_text .boxed-btn3 {
        padding: 10px 15px;
        font-size: 11px;

        margin-right: 3px;
        margin-bottom: 5px;
    }

}


/* =========================================================
   EXTRA SMALL MOBILE
   400px AND BELOW
========================================================= */

@media (max-width: 400px) {

    .slider_area .single_slider {
        height: auto;

        padding: 20px 0 45px;

        background-size: cover;
        background-position: center center;
    }


    /* -----------------------------------------
       OVERLAY
    ----------------------------------------- */

    .slider_area .single_slider::before {
        background: rgba(255, 255, 255, 0.70);
    }


    /* -----------------------------------------
       TEXT
    ----------------------------------------- */

    .slider_area .single_slider .slider_text {
        max-width: 100%;
        width: 100%;
        text-align: center;
        padding: 0 10px;
    }


    /* -----------------------------------------
       HEADING
    ----------------------------------------- */

    .slider_area .single_slider .slider_text h3 {
        font-size: 22px;
        line-height: 29px;
        letter-spacing: 0;

        padding-bottom: 3px;
        margin-bottom: 7px;
    }

    .slider_area .single_slider .slider_text h3 span {
        font-size: 22px;
        line-height: 29px;
    }


    /* -----------------------------------------
       SUB HEADING
    ----------------------------------------- */

    .slider_area .single_slider .slider_text h5 {
        font-size: 16px;
        line-height: 25px;
        margin-bottom: 7px;
    }


    /* -----------------------------------------
       DESCRIPTION
    ----------------------------------------- */

    .slider_area .single_slider .slider_text p {
        font-size: 13px;
        line-height: 25px;

        margin-top: 6px;
        margin-bottom: 18px;
    }


    /* -----------------------------------------
       BUTTONS
    ----------------------------------------- */

    .slider_area .single_slider .slider_text .boxed-btn,
    .slider_area .single_slider .slider_text .boxed-btn3 {
        padding: 9px 12px;
        font-size: 10px;

        margin-right: 3px;
        margin-bottom: 4px;
    }

}


/* =========================================================
   VERY SMALL MOBILE
   360px AND BELOW
========================================================= */

@media (max-width: 360px) {

    .slider_area .single_slider {
        min-height: 540px;
        padding: 50px 0 40px;
    }


    .slider_area .single_slider .slider_text {
        padding: 0 8px;
    }


    .slider_area .single_slider .slider_text h3 {
        font-size: 20px;
        line-height: 27px;
    }

    .slider_area .single_slider .slider_text h3 span {
        font-size: 20px;
        line-height: 27px;
    }


    .slider_area .single_slider .slider_text h5 {
        font-size: 12px;
        line-height: 18px;
    }


    .slider_area .single_slider .slider_text p {
        font-size: 10px;
        line-height: 17px;
        margin-bottom: 16px;
    }


    .slider_area .single_slider .slider_text .boxed-btn,
    .slider_area .single_slider .slider_text .boxed-btn3 {
        padding: 8px 10px;
        font-size: 9px;
    }

}
/*====================================
      SERVICE AREA
=====================================*/

.service_area{
    background:linear-gradient(00deg,#B88059,#17364c);
}

.service_area .row{
    margin:0;
}

.service_area .col{
    padding:0;
}

/* Single Box */

.service_area .single_service{
    display:flex;
    align-items:center;
    gap:18px;
    padding:15px 25px;

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

    transition:.3s;
}

/* Last Box */

.service_area .col:last-child .single_service{
    border-right:none;
}

/* Hover */

.service_area .single_service:hover{
    background:rgba(255,255,255,.08);
}

/* Icon */

.service_area .icon{
    width:58px;
    height:58px;
    min-width:58px;

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

.service_area .icon i{
    font-size:40px;
    color:#efeded;
}

/* Content */

.service_content{
    display:flex;
    flex-direction:column;
    justify-content:center;
}

.service_content h3{
    margin:0;
    font-size:22px;
    color:#fff;
    font-weight:700;
    line-height:1;
}

.service_content p{
    margin-top:6px;
    margin-bottom:0;

    color:#fff;
    font-size:14px;
    line-height:22px;
    font-weight:500;
}

/*==========================
      Responsive
==========================*/

@media(max-width:991px){

    .service_area .single_service{
        border-right:none;
        border-bottom:1px solid rgba(255,255,255,.15);
    }

    .service_area .col:last-child .single_service{
        border-bottom:none;
    }

}

@media(max-width:576px){

    .service_area .single_service{
        padding:18px;
        height:auto;
    }

    .service_area .icon{
        width:50px;
        height:50px;
        min-width:50px;
    }

    .service_area .icon i{
        font-size:24px;
    }

    .service_content h3{
        font-size:24px;
    }

    .service_content p{
        font-size:13px;
    }

}

.treatmedlogy-expertise-tabs{
    background:linear-gradient(180deg,#f0fdf5,#fdf6f4);
    padding:40px 0px 40px 0px;
}

.treatmedlogy-expertise-tabs h1{
    text-align: center;
    color:#167a4d;
    font-size:15px;
    text-transform:uppercase;
    letter-spacing:2px;
    font-weight:700;
    margin-bottom:12px;
    position:relative;
}

.treatmedlogy-expertise-tabs h1::before,
.treatmedlogy-expertise-tabs h1::after{
    content:"";
    width:45px;
    height:2px;
    background:#B88059;
    display:inline-block;
    vertical-align:middle;
    margin:0 12px;
}
.treatmedlogy-expertise-tabs h2{
    text-align: center;
    font-size: 35px;
    font-weight: 700;
    line-height: 26px;
    color: #222;
    margin-bottom: 15px;
}

.treatmedlogy-exp-tab{
    position:relative;
    text-align:center;
    cursor:pointer;
    transition:.35s;
}

.treatmedlogy-exp-img-wrap{
    width:80px;
    height:80px;
    margin:auto;
    border-radius:50%;
    overflow:hidden;
    padding:6px;
    background:#fff;
    border:4px solid #fff;
    box-shadow:0 10px 30px rgba(0,0,0,.12);
    position:relative;
    top:42px;
    z-index:5;
    transition:.35s;
}

.treatmedlogy-exp-img-wrap img{
    width:100%;
    height:100%;
    border-radius:50%;
    object-fit:cover;
}

.treatmedlogy-exp-box{
    background:#fff;
    border-radius:18px;
    padding:60px 25px 30px;
    box-shadow:0 12px 35px rgba(0,0,0,.08);
    transition:.35s;
    border-bottom:4px solid transparent;
    position:relative;
    overflow:hidden;
}

.treatmedlogy-exp-box::before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:6px;
    background:linear-gradient(90deg,#167a4d,#B88059);
}

.doctor-icon{
    width:52px;
    height:52px;
    border-radius:50%;
    background:#eef8f3;
    display:flex;
    align-items:center;
    justify-content:center;
    margin:0 auto 15px;
    color:#167a4d;
    font-size:22px;
    transition:.35s;
}

.treatmedlogy-exp-box h4{
    font-size:22px;
    font-weight:700;
    color:#222;
    margin-bottom:10px;
}

.treatmedlogy-exp-box p{
    font-size:15px;
    color:#666;
    line-height:25px;
    margin-bottom:0;
}

.treatmedlogy-exp-tab:hover{
    transform:translateY(-10px);
}

.treatmedlogy-exp-tab:hover .treatmedlogy-exp-box{
    box-shadow:0 20px 45px rgba(0,0,0,.15);
}

.treatmedlogy-exp-tab:hover .treatmedlogy-exp-img-wrap{
    transform:scale(1.08);
}

.treatmedlogy-exp-tab.active .treatmedlogy-exp-box{
    background:linear-gradient(135deg,#167a4d,#2b8b60);
    color:#fff;
    border-bottom:4px solid #B88059;
}

.treatmedlogy-exp-tab.active h4,
.treatmedlogy-exp-tab.active p{
    color:#fff;
}

.treatmedlogy-exp-tab.active .doctor-icon{
    background:#fff;
    color:#167a4d;
}

.treatmedlogy-exp-tab.active .treatmedlogy-exp-img-wrap{
    border-color:#B88059;
    box-shadow:0 12px 35px rgba(184,128,89,.45);
}
@media(max-width:991px){

.treatmedlogy-exp-box{
    min-height:190px;
}

.treatmedlogy-expertise-tabs h2{
    font-size:34px;
}

.treatmedlogy-exp-img-wrap{
    width:105px;
    height:105px;
}

}

@media(max-width:767px){

.treatmedlogy-expertise-tabs{
    padding:20px 0;
}

.treatmedlogy-expertise-tabs h2{
    font-size:25px;
    margin-bottom:10px;
}

.treatmedlogy-exp-img-wrap{
    width:90px;
    height:90px;
    top:35px;
}

.treatmedlogy-exp-box{
    padding:65px 20px 25px;
    min-height:auto;
}

.treatmedlogy-exp-box h4{
    font-size:18px;
}

.treatmedlogy-exp-box p{
    font-size:14px;
    line-height:22px;
}

.doctor-icon{
    width:45px;
    height:45px;
    font-size:18px;
}

}

@media(max-width:575px){

.treatmedlogy-exp-tab{
    margin-bottom:20px;
}

.treatmedlogy-exp-img-wrap{
    width:85px;
    height:85px;
}

.treatmedlogy-expertise-tabs h2{
    font-size:24px;
}

}
.treatment-list{
    background:#fdf6f4;
}
/*================================================
Hospital Specialist Area CSS
=================================================*/
.hospital-specialist-card {
  background-color: #ffffff;
  box-shadow: 0px 0px 25px rgba(85, 85, 85, 0.1);
  border-radius: 10px;
  padding: 18px;
  margin-bottom: 25px;
  transition: 0.6s;
}
.hospital-specialist-card .specialist-content {
  position: relative;
  padding: 10px 0 10px 55px;
}
.hospital-specialist-card .specialist-content img {
  position: absolute;
  height: 42px;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.hospital-specialist-card .specialist-content h3 {
  font-size: 16px;
  margin-bottom: 0;
  color: #167a4d;
  font-weight: 700;
}
.hospital-specialist-card:hover {
  transform: translateY(-5px);
}

.view-all-specialist-btn {
  text-align: center;
  margin-top: 15px;
}
.view-all-specialist-btn .default-btn {
  background-color: #13A8B4;
  padding: 15px 30px;
  font-family: "Jost", sans-serif;
}
.view-all-specialist-btn .default-btn:hover {
  background-color: #0A335B;
}



.treat-card {
    background: #fff;
    border-radius: 10px;
    padding: 10px;
    text-align: center;
    transition: 0.3s;
}

.treat-card img {
    width: 100%;
    border-radius: 8px;
}

.treat-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 6px 16px rgba(0,0,0,0.15);
}

.tab-content {
    display: none;
}

.tab-content.active {
    display: block;
}

/* TAB BUTTONS */
.tab-btn-wrap {
    display: flex;
    justify-content: center;
    gap: 15px;
    margin-top: 25px;
}

.exp-blue-btn {
    background: #a16e4a;
    color: #fff;
    padding: 10px 22px;
    border-radius: 6px;
    text-transform: uppercase;
    font-size: 16px;
    font-family: 'Karla', sans-serif;
    font-weight: 400;
    transition: 0.3s;
    border: 2px solid #a16e4a;
}

.exp-blue-btn:hover {
    background: #17364c;
    border-color: #17364c;
    color: #fff;
}

.exp-blue-btn.outline {
    background: #17364c;
    color: #fff;
    border: 2px solid #17364c;
}

.exp-blue-btn.outline:hover {
    background: #a16e4a;
    color: #fff;
    border-color: #a16e4a;
}

/* RESPONSIVE */
@media (max-width: 768px) {
    .treat-card img {
        height: 200px;
    }
    .treat-card p {
        font-size: 12px;
    }
}

@media (max-width: 480px) {
    .treat-card img {
        height: 200px;
    }
}

.treatmedlogy-team-section{
   background:#faf8f6;
}

.treatmedlogy-tab-menu{
display:flex;
flex-direction:column;
gap:15px;
}

.treatmedlogy-tab-btn{
display:flex;
align-items:center;
gap:15px;
padding:12px;
border:none;
background:#fff;
border-radius:12px;
transition:.3s;
cursor:pointer;
text-align:left;
box-shadow:0 5px 20px rgba(0,0,0,.05);
}

.treatmedlogy-tab-btn img{
width:60px;
height:60px;
border-radius:50%;
object-fit:cover;
}

.treatmedlogy-tab-btn h5{
margin:0;
font-size:17px;
font-weight:700;
}

.treatmedlogy-tab-btn span{
font-size:13px;
color:#777;
}

.treatmedlogy-tab-btn.active{
background:#B88059;
color:#fff;
}

.treatmedlogy-tab-btn.active h5{
color:#fdf2f2;
}

.treatmedlogy-tab-btn.active span{
color:#fff;
}

.treatmedlogy-tab-content{
display:none;
background:#fff;
padding:10px;
animation:treatmedlogyfade .4s;
}

.treatmedlogy-tab-content.active{
display:block;
}

.treatmedlogy-doctor-img{
border-radius:15px;
}

.treatmedlogy-tab-content h2{
font-weight:700;
}

.treatmedlogy-tab-content h5{
color:#B88059;
margin-bottom:20px;
}

.treatmedlogy-info-box{
     display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
background:#fafafa;
padding:8px;
border:1px solid #B88059;
border-radius:10px;
margin-top:10px;
}

.treatmedlogy-info-box strong{
display:block;
margin-bottom:5px;
}

.treatmedlogy-info-box span{
    font-size:12px;
}

.treatmedlogy-btn{
display:inline-block;
background:#B88059;
color:#fff;
padding:12px 28px;
border-radius:8px;
text-decoration:none;
margin-top:25px;
}

.treatmedlogy-btn:hover{
background:#9a6644;
color:#fff;
}
.treatmedlogy-info-icon{
    width:35px;
    height:35px;
    background:#17364c;
    color:#fff;
    border-radius:5px;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:18px;
    margin-bottom:15px;
}

.treatmedlogy-action-area{
    display:flex;
    align-items:center;
    justify-content:space-between;
    width:100%;
    margin-top:-10px;
    gap:20px;
}

.treatmedlogy-social{
    padding-top:25px;
    display:flex;
    gap:10px;
}

.treatmedlogy-social a{
    width:35px;
    height:35px;
    border:1px solid #ddd;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#B88059;
    margin-left:5px;
    font-size:16px;
    transition:.3s;
    text-decoration:none;
}

.treatmedlogy-social a:hover{
    background:#B88059;
    color:#fff;
    border-color:#B88059;
    transform:translateY(-3px);
}

@keyframes treatmedlogyfade{

from{
opacity:0;
transform:translateY(15px);
}

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

}
/* =========================================
   TREATMEDLOGY TEAM SECTION
   TABLET RESPONSIVE
========================================= */

@media (max-width: 991px) {

    .treatmedlogy-team-section {
        padding: 60px 0;
    }

    .treatmedlogy-tab-menu {
        gap: 12px;
        margin-bottom: 25px;
    }

    .treatmedlogy-tab-btn {
        padding: 10px;
        gap: 12px;
    }

    .treatmedlogy-tab-btn img {
        width: 55px;
        height: 55px;
    }

    .treatmedlogy-tab-btn h5 {
        font-size: 15px;
    }

    .treatmedlogy-tab-btn span {
        font-size: 12px;
    }

    .treatmedlogy-tab-content {
        padding: 25px;
    }

    .treatmedlogy-doctor-img {
        width: 100%;
        max-height: 400px;
        object-fit: cover;
        margin-bottom: 20px;
    }

    .treatmedlogy-tab-content h2 {
        font-size: 25px;
    }

    .treatmedlogy-tab-content h5 {
        font-size: 16px;
        margin-bottom: 15px;
    }

    .treatmedlogy-action-area {
        gap: 15px;
    }

}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 767px) {

    .treatmedlogy-team-section {
        padding: 45px 0;
    }

    /* Doctor tabs */

    .treatmedlogy-tab-menu {
        gap: 10px;
        margin-bottom: 20px;
    }

    .treatmedlogy-tab-btn {
        width: 100%;
        padding: 9px;
        gap: 10px;
        border-radius: 10px;
    }

    .treatmedlogy-tab-btn img {
        width: 50px;
        height: 50px;
        border-radius: 8px;
        flex-shrink: 0;
    }

    .treatmedlogy-tab-btn h5 {
        font-size: 14px;
        line-height: 1.3;
        margin-bottom: 2px;
    }

    .treatmedlogy-tab-btn span {
        display: block;
        font-size: 11px;
        line-height: 1.4;
    }


    /* Doctor detail */

    .treatmedlogy-tab-content {
        padding: 18px;
        border-radius: 12px;
    }

    .treatmedlogy-doctor-img {
        width: 100%;
        height: auto;
        object-fit: cover;
        border-radius: 12px;
        margin-bottom: 20px;
    }

    .treatmedlogy-tab-content h2 {
        font-size: 21px;
        text-align:center;
        line-height: 1.3;
        margin-bottom: 8px;
    }

    .treatmedlogy-tab-content h5 {
        font-size: 14px;
        text-align:center;
        margin-bottom: 15px;
    }

    .treatmedlogy-tab-content p {
        font-size: 13px;
        text-align:center;
        line-height: 1.7;
    }


    /* Info boxes */

    .treatmedlogy-info-box {
        padding: 15px 10px;
        margin-top: 12px;
        min-height: 105px;
    }

    .treatmedlogy-info-icon {
        width: 32px;
        height: 32px;
        font-size: 15px;
        margin-bottom: 8px;
    }

    .treatmedlogy-info-box strong {
        font-size: 12px;
        margin-bottom: 3px;
    }

    .treatmedlogy-info-box span {
        font-size: 10px;
        line-height: 1.4;
    }


    /* Button + Social */

    .treatmedlogy-action-area {
        gap: 12px;
        margin-top: 15px;
    }

    .treatmedlogy-btn {
        padding: 10px 18px;
        font-size: 12px;
        margin-top: 10px;
    }

    .treatmedlogy-social {
        padding-top: 10px;
        gap: 6px;
    }

    .treatmedlogy-social a {
        width: 32px;
        height: 32px;
        font-size: 13px;
        margin-left: 0;
    }

}


/* =========================================
   SMALL MOBILE
   575px AND BELOW
========================================= */

@media (max-width: 575px) {

    .treatmedlogy-team-section {
        padding: 35px 0;
    }

    /* Tabs */

    .treatmedlogy-tab-menu {
        gap: 8px;
        margin-bottom: 15px;
    }

    .treatmedlogy-tab-btn {
        padding: 8px;
        gap: 9px;
        border-radius: 8px;
    }

    .treatmedlogy-tab-btn img {
        width: 44px;
        height: 44px;
        border-radius: 7px;
    }

    .treatmedlogy-tab-btn h5 {
        font-size: 12px;
        line-height: 1.25;
    }

    .treatmedlogy-tab-btn span {
        font-size: 9px;
    }


    /* Content */

    .treatmedlogy-tab-content {
        padding: 14px;
        border-radius: 10px;
    }

    .treatmedlogy-doctor-img {
        margin-bottom: 15px;
        border-radius: 9px;
    }

    .treatmedlogy-tab-content h2 {
        font-size: 18px;
        text-align:center;
        line-height: 1.3;
    }

    .treatmedlogy-tab-content h5 {
        font-size: 12px;
        text-align:center;
        margin-bottom: 10px;
    }

    .treatmedlogy-tab-content p {
        font-size: 12px;
        text-align:center;
        line-height: 1.65;
    }


    /* Info boxes */

    .treatmedlogy-info-box {
        padding: 12px 6px;
        min-height: 95px;
        margin-top: 8px;
        border-radius: 8px;
    }

    .treatmedlogy-info-icon {
        width: 28px;
        height: 28px;
        font-size: 13px;
        margin-bottom: 6px;
    }

    .treatmedlogy-info-box strong {
        font-size: 10px;
    }

    .treatmedlogy-info-box span {
        font-size: 9px;
    }


    /* Action area */

    .treatmedlogy-action-area {
        width: 100%;
        gap: 8px;
        margin-top: 10px;
    }

    .treatmedlogy-btn {
        padding: 9px 14px;
        font-size: 10px;
        margin-top: 5px;
        border-radius: 6px;
    }

    .treatmedlogy-social {
        padding-top: 5px;
        gap: 5px;
    }

    .treatmedlogy-social a {
        width: 28px;
        height: 28px;
        font-size: 11px;
    }

}


/* =========================================
   EXTRA SMALL MOBILE
   400px AND BELOW
========================================= */

@media (max-width: 400px) {

    .treatmedlogy-tab-btn img {
        width: 40px;
        height: 40px;
    }

    .treatmedlogy-tab-btn h5 {
        font-size: 11px;
        text-align:center;
    }

    .treatmedlogy-tab-btn span {
        font-size: 8px;
    }

    .treatmedlogy-tab-content {
        padding: 12px;
    }


    .treatmedlogy-tab-content h2 {
        font-size: 17px;
        text-align:center;
    }

    .treatmedlogy-tab-content p {
        font-size: 12px;
        text-align:center;
    }

    .treatmedlogy-info-box {
        min-height: 90px;
        padding: 10px 5px;
    }

    .treatmedlogy-info-box strong {
        font-size: 9px;
    }

    .treatmedlogy-info-box span {
        font-size: 8px;
    }

    .treatmedlogy-btn {
        padding: 8px 12px;
        font-size: 9px;
    }

    .treatmedlogy-social a {
        width: 26px;
        height: 26px;
        font-size: 10px;
    }

}

.treatmedlogy-review-section 
{
    padding: 40px 0;
    background: #f1f1f1;
    position: relative;
}

/* Heading */
.treatmedlogy-review-title-area {
    text-align: center;
    margin-bottom: 10px;
}

.treatmedlogy-review-title-area h1{
    text-align: center;
    color:#167a4d;
    font-size:15px;
    text-transform:uppercase;
    letter-spacing:2px;
    font-weight:700;
    margin-bottom:20px;
    position:relative;
}

.treatmedlogy-review-title-area h1::before,
.treatmedlogy-review-title-area h1::after{
    content:"";
    width:45px;
    height:2px;
    background:#B88059;
    display:inline-block;
    vertical-align:middle;
    margin:0 12px;
}
.treatmedlogy-review-title-area h2{
    text-align: center;
    font-size: 35px;
    font-weight: 700;
    line-height: 26px;
    color: #222;
    margin-bottom: 15px;
}


/* Google Rating */
.google-rating {
    margin-top: 10px;
    display: inline-flex;
    align-items: center;
}

.google-rating img {
    width: 120px;
    margin-right: 8px;
}

.google-rating .rating-number {
   font-size: 40px;
    font-weight: 400;
    font-family: 'Source Serif Pro';
    color: #523928;
}

/* Review Card */
.treatmedlogy-review-box {
    background: #fff;
    padding: 25px;
    border-radius: 15px;
    box-shadow: 0px 4px 16px rgba(0,0,0,0.10);
    min-height: 275px;
}

/* Top user row */
.treatmedlogy-review-top {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}

.treatmedlogy-review-user {
    width: 45px !important;
    height: 45px !important;
    border-radius: 50%;
    margin-right: 12px;
}

.treatmedlogy-review-top h4 {
    font-size: 16px;
    color: #000;
    font-family: 'Karla';
    font-weight: 700;
    margin-bottom: 2px;
}

.treatmedlogy-review-top span {
    font-family:'Karla';
    font-size: 15px;
    color: #000;
}
.treatmedlogy-review-stars {
    font-size: 16px;
    color: #f4b400; /* Golden yellow */
    margin: -18px 0 12px 57px; /* perfectly aligned under name */
    letter-spacing: 2px;
    font-weight: 700;
}
/* Review text */
.treatmedlogy-review-text {
    font-size: 15px;
    font-weight: 400;
    color: #000;
    font-family: 'Karla';
    line-height: 21px
}

/* Hide default dots */
.treatmedlogy-review-slider .owl-dots {
    display: none !important;
}

/* Custom Navigation */
.treatmedlogy-review-prev,
.treatmedlogy-review-next {
    position: absolute;
    top: 70%;
    transform: translateY(-50%);
    background: #12483F;
    color: #fff;
    padding: 3px 12px;
    border-radius: 50%;
    cursor: pointer;
    z-index: 50;
    font-size: 18px;
}

.treatmedlogy-review-prev { left: 15px; }
.treatmedlogy-review-next { right: 15px; }

.treatmedlogy-review-prev:hover,
.treatmedlogy-review-next:hover {
    background: #0f3d35;
}
/* ================= MOBILE RESPONSIVE ================= */
@media (max-width: 768px) {

    .treatmedlogy-review-section {
        padding: 40px 15px;
    }

    /* Heading */
    .treatmedlogy-review-title-area h2 {
        font-size: 26px;
        line-height: 34px;
    }

    .treatmedlogy-review-title-area .sub-line {
        font-size: 14px;
        line-height: 20px;
    }

    /* Google Rating */
    .google-rating {
        flex-direction: column;
        gap: 5px;
    }

    .google-rating img {
        width: 90px;
        margin: 0;
    }

    .google-rating .rating-number {
        font-size: 22px;
    }

    /* Review Box */
    .treatmedlogy-review-box {
        padding: 18px;
        min-height: auto;
    }

    /* User section */
    .treatmedlogy-review-top {
        align-items: center;
    }

    .treatmedlogy-review-user {
        width: 40px !important;
        height: 40px !important;
    }

    .treatmedlogy-review-top h4 {
        font-size: 14px;
    }

    .treatmedlogy-review-top span {
        font-size: 13px;
    }

    /* Stars */
    .treatmedlogy-review-stars {
        margin: 5px 0 10px 52px;
        font-size: 14px;
    }

    /* Text */
    .treatmedlogy-review-text {
        font-size: 14px;
        line-height: 20px;
    }

    /* Arrows Hide on Mobile */
   .treatmedlogy-review-prev { left: 1px; }
.treatmedlogy-review-next { right: 1px; }
}
@media (max-width: 480px) {

    .treatmedlogy-review-section {
        padding: 30px 12px;
    }

    .treatmedlogy-review-title-area {
        margin-bottom: 25px;
    }

    .treatmedlogy-review-title-area h2 {
        font-size: 22px;
        line-height: 30px;
    }

    .treatmedlogy-review-title-area .sub-line {
        font-size: 13px;
        line-height: 18px;
    }

    .google-rating img {
        width: 80px;
    }

    .google-rating .rating-number {
        font-size: 18px;
    }

    .treatmedlogy-review-box {
        padding: 15px;
        border-radius: 12px;
    }

    .treatmedlogy-review-user {
        width: 36px !important;
        height: 36px !important;
        margin-right: 10px;
    }

    .treatmedlogy-review-top h4 {
        font-size: 13px;
    }

    .treatmedlogy-review-top span {
        font-size: 12px;
    }

    .treatmedlogy-review-stars {
        margin: 4px 0 8px 46px;
        font-size: 13px;
        letter-spacing: 1px;
    }

    .treatmedlogy-review-text {
        font-size: 13px;
        line-height: 19px;
    }
}


/* Client Section */
.clients-section {
    padding: 20px 20px;
    background-color: #fff; /* As requested */
}

.client-title {
    text-align: center;
    font-size:16px;
    text-transform:uppercase;
    font-weight:700;
    letter-spacing:1px;
    color:#B88059;
    margin-bottom:15px;
}
.client-sub-title{
   text-align: center;
    font-size:35px;
    font-weight:700;
    line-height:26px;
    color:#222;
    margin-bottom:30px;

}

/* Video Box Card */
.clients-section .video-box {
    background: #edfdf5;
    padding: 12px;
    border-radius: 10px;
    text-align: center;
    list-style: none;
    margin: 10px 5px;
}

/* Video iframe box (16:9 responsive) */
.clients-section .video-frame {
    position: relative;
    width: 100%;
    padding-top: 56.5%;
    border-radius: 12px;
    overflow: hidden;
    background: #000;
}

.clients-section .video-frame iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

/* Video Text Below */
.clients-section .video-title {
    margin-top: 12px;
    color: #624646;
    font-family: 'Karla';
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
}

/* Owl Slider – Hide default nav */
.youtube-slider .owl-nav {
    display: none !important;
}

.youtube-slider .owl-dots {
    display: none !important;
}

/* Custom Left–Right Arrows */
.custom-owl-prev, .custom-owl-next {
    position: absolute;
    top: 45%;
    transform: translateY(-50%);
    background: #12483F;
    color: #fff;
    padding: 3px 12px;
    border-radius: 50%;
    cursor: pointer;
    font-size: 20px;
    z-index: 50;
    transition: 0.3s;
}

.custom-owl-prev { left: -12px; }
.custom-owl-next { right: -12px; }

.custom-owl-prev:hover,
.custom-owl-next:hover {
    background: #0f3d35;
}


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

    .clients-section .video-frame {
        padding-top: 65%; /* Taller for mobile */
    }

    .custom-owl-prev { left: -5px; }
    .custom-owl-next { right: -5px; }
}
/* RESPONSIVE */
@media(max-width: 768px){
   
.client-title{
    padding: 10px;
    font-size: 25px;
}
.client-sub-title{
    font-size: 20px;
}
}
@media (max-width: 480px) {
   .client-title{
    padding: 10px;
    font-size: 20px;
}
.client-sub-title{
    font-size: 15px;
}

}

   .treatmedlogy-faq-booking{
    background:#f9eee6;
}
.faq-heading span{
    color:#17364c;
    font-weight:600;
    letter-spacing:1px;
    text-transform:uppercase;
}
.faq-heading h2{
    font-size:35px;
    font-weight:700;
    margin:15px 0;
}
.faq-heading p{
    color:#666;
}
.treatmedlogy-faq-wrapper .accordion-item{
    background:#fff;
    border-radius:5px;
    margin-bottom:15px;
    overflow:hidden;
    border:1px solid #e1e0e0;
}
.treatmedlogy-faq-wrapper .accordion-title{
    padding:7px 15px;
    font-size:15px;
    font-weight:600;
    cursor:pointer;
    display:flex;
    align-items:center;
    justify-content:space-between;
    transition:.3s;
}
.treatmedlogy-faq-wrapper .accordion-title span{
    flex:1;
    padding-right:15px;
}
.treatmedlogy-faq-wrapper .accordion-title i{
    width:28px;
    height:28px;
    line-height:28px;
    text-align:center;
    border-radius:50%;
    background:#17364c;
    color:#fff;
    transition:.3s;
    flex-shrink:0;
}
.treatmedlogy-faq-wrapper .accordion-item.active .accordion-title{
    background:#17364c;
    color:#fff;
}
.treatmedlogy-faq-wrapper .accordion-item.active .accordion-title i{
    background:#B88059;
    transform:rotate(45deg);
}
.treatmedlogy-faq-wrapper .accordion-content{
    display:none;
    padding:20px;
}
.treatmedlogy-faq-wrapper .accordion-content p{
    font-size:14px;
    line-height:22px;
    font-weight:400;
    color:#3e3c3c;
}
.treatmedlogy-faq-wrapper .accordion-item.active .accordion-content{
    display:block;
}

.booking-card{
    background: radial-gradient( circle at 8% 15%, rgba(255, 255, 255, 0.014), transparent 28% ), 
    radial-gradient( circle at 90% 85%, rgba(255, 255, 255, 0), transparent 30% ), 
    linear-gradient( 120deg, #17364c 0%, #171818 35%, #8f6549 60%, #B88059 100% );
    padding:30px;
    border:1px solid #e1e0e0;
    border-radius:15px;
}
.booking-card h3{
    color:#fff;
    font-weight:700;
    margin-bottom:8px;
}
.booking-card p{
    color:#eceaea;
    margin-bottom:25px;
}
.booking-card input,
.booking-card textarea,
.booking-card select{
    width:100%;
    border:1px solid #535353;
    border-radius:7px;
    background:#fff; 
    color:#444; 
    font-size:16px;
    padding:10px;
    margin-bottom:15px;
    outline:none;
}
.booking-card textarea{
    height:100px;
    resize:none;
}
.booking-card input::placeholder{ 
    color:#646363; 
    font-size: 16px;
} 
.booking-card textarea::placeholder{
    color:#646363; 
    font-size: 16px;
}
.booking-card input:focus, 
.booking-card select:focus{
    border-color:#157047; 
    box-shadow: 0 0 0 3px rgba(21,112,71,.08); 
}
.upload-photo{
    background:#eef4ff;
    border:2px dashed #157047;
    border-radius:10px;
    padding:16px;
    cursor:pointer;
    text-align:center;
    margin-bottom:20px;
    transition:.3s;
}
.upload-photo:hover{
    background:#3867BE;
    color:#fff;
}
.booking-btn{
    width:100%;
    background:#2178f9;
    color:#fff;
    border:none;
    padding:15px;
    border-radius:50px;
    font-weight:700;
    transition:.3s;
}
.booking-btn:hover{
    background:#000;
}
/* ==========================
   Responsive CSS
========================== */

@media (max-width: 991px){

    .treatmedlogy-faq-booking{
        padding:50px 0;
    }

    .faq-heading{
        text-align:center;
        margin-bottom:30px;
    }

    .faq-heading h2{
        font-size:30px;
        line-height:40px;
    }

    .booking-card{
        margin-top:35px;
        padding:25px;
    }
}

@media (max-width: 767px){

    .treatmedlogy-faq-booking{
        padding:40px 0;
    }

    .faq-heading span{
        font-size:13px;
    }

    .faq-heading h2{
        font-size:26px;
        line-height:34px;
        margin:10px 0;
    }

    .faq-heading p{
        font-size:14px;
        line-height:24px;
    }

    .treatmedlogy-faq-wrapper .accordion-title{
        font-size:14px;
        padding:12px 15px;
        align-items:flex-start;
    }

    .treatmedlogy-faq-wrapper .accordion-title span{
        padding-right:12px;
        line-height:22px;
    }

    .treatmedlogy-faq-wrapper .accordion-title i{
        width:26px;
        height:26px;
        line-height:26px;
        font-size:14px;
    }

    .treatmedlogy-faq-wrapper .accordion-content{
        padding:15px;
    }

    .treatmedlogy-faq-wrapper .accordion-content p{
        font-size:14px;
        line-height:24px;
    }

    .booking-card{
        padding:20px;
        border-radius:12px;
    }

    .booking-card h3{
        font-size:24px;
    }

    .booking-card p{
        font-size:14px;
        margin-bottom:18px;
    }

    .booking-card input,
    .booking-card textarea,
    .booking-card select{
        padding:12px;
        font-size:14px;
    }

    .booking-card textarea{
        height:90px;
    }

    .upload-photo{
        padding:14px;
        font-size:14px;
    }

    .booking-btn{
        padding:13px;
        font-size:15px;
    }
}

@media (max-width: 575px){

    .treatmedlogy-faq-booking{
        padding:30px 0;
    }

    .faq-heading{
        text-align:left;
    }

    .faq-heading h2{
        font-size:22px;
        line-height:30px;
    }

    .faq-heading p{
        font-size:13px;
        line-height:22px;
    }

    .treatmedlogy-faq-wrapper .accordion-title{
        font-size:13px;
        padding:10px 12px;
    }

    .treatmedlogy-faq-wrapper .accordion-title span{
        padding-right:10px;
    }

    .treatmedlogy-faq-wrapper .accordion-title i{
        width:24px;
        height:24px;
        line-height:24px;
        font-size:12px;
    }

    .treatmedlogy-faq-wrapper .accordion-content{
        padding:12px;
    }

    .treatmedlogy-faq-wrapper .accordion-content p{
        font-size:13px;
        line-height:22px;
    }

    .booking-card{
        padding:18px 15px;
    }

    .booking-card h3{
        font-size:20px;
    }

    .booking-card input,
    .booking-card textarea,
    .booking-card select{
        padding:11px;
        font-size:13px;
    }

    .booking-btn{
        font-size:14px;
        padding:12px;
    }
}

    /*==========================================
Treatmedlogy International Patient
Part-2A
==========================================*/

.treatmedlogy-international-section{
    padding:30px 0;
    background:#f8f8f8;
    position:relative;
    overflow:hidden;
}

.intl-title {
    text-align: center;
    font-size: 42px;
    font-weight: 500;
    margin-bottom: 10px;
    color: #424242;
}

.intl-subtitle {
    text-align: center;
    font-size: 17px;
    margin-bottom:15px;
    font-weight: 500;
    color: #624646;
    font-family: 'Archivo';
}

/* TOP REVIEW CARD */
.intl-top-card{
    display:flex;
    align-items:stretch;
    background:#fff;
    border-radius:12px;
    overflow:hidden;
    width:100%;
    max-width:900px;
    margin:30px auto;
    box-shadow:0 15px 40px rgba(0,0,0,.08);
}

.intl-img-box{
    flex:0 0 48%;
}

.intl-img-box img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
}

.intl-review-box{
    flex:0 0 52%;
    padding:25px;
    display:flex;
    flex-direction:column;
    justify-content:center;
}
.intl-review-box h4 {
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
    font-family: "Archivo", sans-serif;
    margin: 15px 0px 5px 0px;
}
.stars {
    font-size: 23px;
    line-height: 3px;
    padding-bottom: 20px;
    color: #ffb400;
}
.intl-review-text{
    font-size: 16px;
    font-weight: 500;
    color: #424242;
    font-family: 'Karla';
    line-height: 21px;
}

/* RESPONSIVE */
@media(max-width: 768px){
    
    .intl-top-card{
    display:block;
        
    }
    .intro-section {
        text-align: center;
    }
    .intl-title{
      font-size: 30px;
    }
    
    .intl-subtitle{
       font-size:15px;
    }
    .intro-content {
        padding-right: 0;
        margin-top: 25px;
    }
    
.intro-content h2{
    padding: 10px;
    font-size: 25px;

}
    .intro-content p {
        text-align: center;
    }
}

@media (max-width: 480px) {
    
    .intl-top-card{
        display:block;
    }
    .intro-content h2{
    padding: 10px;
    font-size: 25px;
    }
    .intl-title{
      font-size: 25px;
}
.intl-subtitle{
    font-size:15px;
}

}

/*==========================================
Treatmedlogy Service Cards
Part-2B
==========================================*/

.treatmedlogy-service-card{
    position:relative;
    background:#ffffff;
    border-radius:18px;
    overflow:hidden;
    height:100%;
    text-align:center;
    transition:.4s ease;
    box-shadow:0 12px 35px rgba(0,0,0,.08);
    border:1px solid #ededed;
}

.treatmedlogy-service-card img{
    width:110px;
    padding:15px 25px 20px 25px;
    height:95px;
    transition:.5s;
}

.treatmedlogy-service-card h5{
    margin:0px 15px 10px;
    font-size:18px;
    color:#222;
    font-weight:700;
    transition:.3s;
}

.treatmedlogy-service-card p{
    color:#666;
    font-size:15px;
    line-height:26px;
    margin:0;
    padding:0 18px 25px;
}

/* Hover */

.treatmedlogy-service-card:hover{
    transform:translateY(-10px);
    box-shadow:0 20px 60px rgba(0,0,0,.15);
}

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

.treatmedlogy-service-card:hover h5{
    color:#6b4529;
}

/* Top Border Animation */

.treatmedlogy-service-card::before{

    content:"";

    position:absolute;

    left:0;

    top:0;

    width:100%;

    height:5px;

    background:#17364c;

    transform:scaleX(0);

    transform-origin:left;

    transition:.4s;

}

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

    transform:scaleX(1);

}

/* Bottom Border */

.treatmedlogy-service-card::after{

    content:"";

    position:absolute;

    left:50%;

    bottom:0;

    width:0;

    height:4px;

    background:#B88059;

    transition:.4s;

}

.treatmedlogy-service-card:hover::after{

    width:100%;

    left:0;

}

/* Image Overlay */

.treatmedlogy-service-card{

    overflow:hidden;

}

.treatmedlogy-service-card img{

    display:block;

}

.treatmedlogy-service-card .treatmedlogy-image-overlay{

    position:absolute;

    top:0;

    left:0;

    width:100%;

    height:170px;

    background:linear-gradient(to top,
    rgba(21,112,71,.55),
    rgba(0,0,0,0));

    opacity:0;

    transition:.4s;

}

.treatmedlogy-service-card:hover .treatmedlogy-image-overlay{

    opacity:1;

}

/* Card Button */

.treatmedlogy-service-btn{

    display:inline-block;

    margin-bottom:25px;

    padding:10px 24px;

    background:#157047;

    color:#fff;

    text-decoration:none;

    border-radius:30px;

    font-size:14px;

    transition:.35s;

}

.treatmedlogy-service-btn:hover{

    background:#B88059;

    color:#fff;

}

/* Equal Height */

.treatmedlogy-service-card{

    display:flex;
    align-items: center;
    flex-direction:column;

}

.treatmedlogy-service-card p{

    flex-grow:1;

}

/* Responsive */


@media (max-width:991px){

.treatmedlogy-service-card{

margin-bottom:10px;

}


}

@media (max-width:767px){

.treatmedlogy-service-card{

border-radius:14px;
margin-bottom:10px;

}


.treatmedlogy-service-card h5{

font-size:18px;

}

.treatmedlogy-service-card p{

font-size:14px;

line-height:24px;

padding:0 15px 20px;

}

}

@media (max-width:575px){

.treatmedlogy-service-card h5{

font-size:17px;

}

.treatmedlogy-service-card p{

font-size:13px;

}

}
   /*=====================================
        TREATMEDLOGY BANNER
======================================*/

.treatmedlogy-banner{
    position:relative;
    display:flex;
    align-items:center;
    overflow:hidden;
    background-position:center;
    background-repeat:no-repeat;
}
/* Left Gradient */
.treatmedlogy-overlay{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background:linear-gradient(
        90deg,
        rgba(244,240,235,.96) 0%,
        rgba(244,240,235,.92) 28%,
        rgba(244,240,235,.70) 45%,
        rgba(244,240,235,.25) 62%,
        rgba(244,240,235,0) 82%
    );

}
/* Content */
.treatmedlogy-content{
    position:relative;
    z-index:5;
    padding:20px 10px 20px 30px;
}
/* Breadcrumb */
.treatmedlogy-breadcrumb{
    display:flex;
    align-items:center;
    gap:12px;
    margin-bottom:18px;
    font-size:18px;
    font-weight:700;
}

.treatmedlogy-breadcrumb a{
    color:#444;
    text-decoration:none;
    transition:.3s;
}
.treatmedlogy-breadcrumb a:hover{
    color:#B88059;
}
.treatmedlogy-breadcrumb span{
   color:#777;
}
/* Heading */
.treatmedlogy-title{
    font-size:58px;
    font-weight:700;
    color:#2b2b2b;
    line-height:1.15;
    margin-bottom:20px;
}
/* Description */
.treatmedlogy-description{
max-width:460px;
    font-size:16px;
    line-height:25px;
    color:#474747;
    margin-bottom:15px;
    font-weight:400;
}

/* Button */
.treatmedlogy-btn{
    display:inline-block;
    padding:15px 36px;
    background:#B88059;
    color:#fff;
    text-decoration:none;
    border-radius:6px;
    font-size:15px;
    font-weight:600;
    transition:.35s;
}
.treatmedlogy-btn:hover{
    background:#17364c;
    color:#fff;
}


/*==============================
        Responsive
==============================*/

@media(max-width:991px){
.treatmedlogy-banner{
min-height:340px;
}
.treatmedlogy-overlay{
background:rgba(244,240,235,.88);
}
.treatmedlogy-content{
max-width:100%;
padding:60px 0;
}
.treatmedlogy-title{
font-size:42px;
}
.treatmedlogy-description{
font-size:20px;
line-height:32px;
}

}
@media(max-width:767px){
.treatmedlogy-banner{
min-height:300px;
}
.treatmedlogy-title{
font-size:34px;
}
.treatmedlogy-description{
font-size:15px;
text-align:justify;
line-height:28px;

}
.treatmedlogy-breadcrumb span{
    font-size:15px;
}
.treatmedlogy-btn{
padding:12px 15px;
font-size:14px;

}

}

  .treatmedlogy-section{
    padding:10px 0px 30px 0px;
    background:#faf8f5;
}

.treatmedlogy-row{
    display:flex;
    align-items:center;
    gap:80px;
}

.treatmedlogy-content{
    width:55%;
}

.treatmedlogy-image{
    width:45%;
    position:relative;
    height:620px;
}

.treatmedlogy-tag{
    color:#B88059;
    font-weight:700;
    letter-spacing:2px;
    text-transform:uppercase;
}

.treatmedlogy-content h2{
    font-size: 36px;
    font-weight: 700;
    line-height: 1.3;
    color: #222;
    padding: 10px 0px;
}

.treatmedlogy-desc{
    color:#747474;
    line-height:25px;
    font-size:15px;
    font-weight:400;
    margin-bottom:15px;
}

/*-------------------------*/
.feature-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:25px;
}

.feature-card{
    display:flex;
    align-items:flex-start;
    gap:15px;
    background:#fff;
    padding:10px;
    border-radius:10px;
    border:1px solid #eee;
}

.feature-icon{
    width:30px;
    height:30px;
    min-width:30px;
    border-radius:50%;
    background:#FFF3EC;
    color:#B88059;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:16px;
}

.feature-content h4{
    margin:0px;
    font-size:16px;
    line-height:30px;
    font-weight:600;
    color:#17364c       ;
}

.feature-content p{
    margin:0;
    color:#666;
    line-height:28px;
    font-size:15px;
}

/*----------------------*/
/* IMAGE COLLAGE */
/*----------------------*/

.img{
    position:absolute;
    overflow:hidden;
    /* clip-path:polygon(25% 6%,75% 6%,100% 50%,75% 94%,25% 94%,0 50%);
    box-shadow:0 20px 50px rgba(0,0,0,.15);
    border:8px solid #fff; */
}

.img img{
    width:100%;
    height:100%;
    object-fit:cover;
}

.img1{
    width:450px;
    height:500px;
    top:-30px;
    right:70px;
}

.img2{
    width:350px;
    height:400px;
    bottom:-65px;
    left:-65px;
}

.img3{
    width:325px;
    height:380px;
    right:1px;
    bottom:-65px;
}

/*----------------------*/

@media(max-width:991px){

.treatmedlogy-row{
    flex-direction:column;
}

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

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


.treatmedlogy-image{
    height:700px;
}

}
/* =====================================================
   TREATMEDLOGY CONTACT INFORMATION
===================================================== */

.treatmedlogy-contact-info-section {
    padding: 40px 0px;
    background: #f8faf9;
}

.treatmedlogy-section-heading {
    margin: 0 auto 50px;
    text-align: center;
}

.treatmedlogy-section-heading > span {
    display: inline-block;
    color: #B88059;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.treatmedlogy-section-heading h2 {
    color: #157047;
    font-size: 38px;
    line-height: 1.2;
    font-weight: 700;
    margin-bottom: 15px;
}

.treatmedlogy-section-heading p {
    color: #666;
    font-size: 16px;
    line-height: 1.8;
    margin-bottom: 0;
}


/* Contact Card */

.treatmedlogy-contact-card {
    height: 100%;
    background: #ffffff;
    border: 1px solid #e8eeeb;
    border-radius: 10px;
    padding: 15px 15px;
    display: flex;
    align-items: flex-start;
    gap: 18px;
    transition: all 0.35s ease;
    position: relative;
    overflow: hidden;
}

.treatmedlogy-contact-card::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 4px;
    height: 0;
    background: #B88059;
    transition: all 0.35s ease;
}

.treatmedlogy-contact-card:hover {
    transform: translateY(-7px);
    border-color: #dce7e2;
    box-shadow: 0 15px 40px rgba(21, 112, 71, 0.10);
}

.treatmedlogy-contact-card:hover::before {
    height: 100%;
}


/* Icon */

.treatmedlogy-contact-icon {
    width: 35px;
    height: 35px;
    min-width: 35px;
    border-radius: 50%;
    background: rgba(21, 112, 71, 0.09);
    color: #157047;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    transition: all 0.3s ease;
}

.treatmedlogy-contact-card:hover .treatmedlogy-contact-icon {
    background: #157047;
    color: #ffffff;
}


.treatmedlogy-contact-card-content {
    min-width: 0;
}

.treatmedlogy-contact-card-content span {
    display: block;
    color: #B88059;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 3px;
}

.treatmedlogy-contact-card-content h4 {
    color: #157047;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 8px;
}

.treatmedlogy-contact-card-content a,
.treatmedlogy-contact-card-content strong {
    display: block;
    color: #333;
    font-size: 14px;
    line-height: 1.6;
    font-weight: 600;
    word-break: break-word;
}

.treatmedlogy-contact-card-content a:hover {
    color: #B88059;
}

.treatmedlogy-contact-card-content small {
    display: block;
    color: #888;
    font-size: 12px;
    line-height: 1.5;
    margin-top: 5px;
}


/* =====================================================
   CONTACT + MAP SECTION
===================================================== */

.treatmedlogy-contact-map-section {
    padding: 40px 0;
    background: #ffffff;
}

.treatmedlogy-contact-content {
    height: 100%;
    padding: 45px 40px;
    border-radius: 15px;
    background: #f7faf8;
    border: 1px solid #e5ece8;
    position: relative;
    overflow: hidden;
}

.treatmedlogy-contact-content::after {
    content: "";
    position: absolute;
    width: 180px;
    height: 180px;
    right: -90px;
    bottom: -90px;
    border-radius: 50%;
    background: rgba(184, 128, 89, 0.08);
    pointer-events: none;
}

.treatmedlogy-contact-subtitle {
    display: inline-block;
    color: #B88059;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    margin-bottom: 12px;
}

.treatmedlogy-contact-content h2 {
    color: #157047;
    font-size: 38px;
    line-height: 1.25;
    font-weight: 700;
    margin-bottom: 20px;
}

.treatmedlogy-contact-content h2 span {
    color: #B88059;
}

.treatmedlogy-contact-content p {
    color: #666;
    font-size: 15px;
    line-height: 1.8;
    margin-bottom: 15px;
}


/* Social */

.treatmedlogy-social-area {
    margin-top: 30px;
}

.treatmedlogy-social-area h5 {
    color: #157047;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 13px;
}

.treatmedlogy-social-buttons {
    display: flex;
    gap: 9px;
}

.treatmedlogy-social-btn {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #ffffff;
    color: #157047;
    border: 1px solid #dce8e2;
    border-radius: 50%;
    font-size: 15px;
    transition: all 0.3s ease;
}

.treatmedlogy-social-btn:hover {
    background: #157047;
    color: #ffffff;
    border-color: #157047;
    transform: translateY(-3px);
}


/* Contact Buttons */

.treatmedlogy-contact-buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 28px;
}

.treatmedlogy-action-btn {
    min-height: 58px;
    padding: 10px 16px;
    background: #ffffff;
    border: 1px solid #dce8e2;
    border-radius: 8px;
    display: flex;
    align-items: center;
    gap: 11px;
    color: #157047;
    transition: all 0.3s ease;
}

.treatmedlogy-action-btn i {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    background: rgba(21, 112, 71, 0.09);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
}

.treatmedlogy-action-btn span {
    display: flex;
    flex-direction: column;
    font-size: 13px;
    font-weight: 700;
}

.treatmedlogy-action-btn span small {
    color: #999;
    font-size: 10px;
    font-weight: 500;
    margin-bottom: 2px;
}

.treatmedlogy-action-btn:hover {
    background: #157047;
    color: #ffffff;
    border-color: #157047;
    transform: translateY(-3px);
}

.treatmedlogy-action-btn:hover i {
    background: rgba(255, 255, 255, 0.15);
    color: #ffffff;
}

.treatmedlogy-action-btn:hover span small {
    color: rgba(255, 255, 255, 0.75);
}


/* WhatsApp */

.treatmedlogy-whatsapp-btn {
    width: 100%;
    background: #157047;
    color: #ffffff;
    border-color: #157047;
}

.treatmedlogy-whatsapp-btn i {
    background: rgba(255, 255, 255, 0.15);
    color: #ffffff;
}

.treatmedlogy-whatsapp-btn span small {
    color: rgba(255, 255, 255, 0.75);
}


/* =====================================================
   GOOGLE MAP
===================================================== */

.treatmedlogy-map-wrapper {
    height: 100%;
    min-height: 560px;
    background: #ffffff;
    border: 1px solid #e5ece8;
    border-radius: 15px;
    overflow: hidden;
    box-shadow: 0 12px 35px rgba(21, 112, 71, 0.07);
}

.treatmedlogy-map-heading {
    min-height: 85px;
    padding: 20px 25px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #ffffff;
}

.treatmedlogy-map-heading span {
    display: block;
    color: #B88059;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 3px;
}

.treatmedlogy-map-heading h3 {
    color: #157047;
    font-size: 22px;
    font-weight: 700;
    margin: 0;
}

.treatmedlogy-map-heading > i {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    background: rgba(21, 112, 71, 0.08);
    color: #157047;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
}

.treatmedlogy-map {
    height: calc(100% - 85px);
    min-height: 475px;
}

.treatmedlogy-map iframe {
    display: block;
    width: 100%;
    height: 100%;
}


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

@media (max-width: 1199px) {

    .treatmedlogy-contact-card {
        padding: 25px 18px;
        gap: 13px;
    }

    .treatmedlogy-contact-icon {
        width: 50px;
        height: 50px;
        min-width: 50px;
    }

    .treatmedlogy-contact-card-content h4 {
        font-size: 18px;
    }

    .treatmedlogy-contact-content {
        padding: 35px 30px;
    }

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


@media (max-width: 991px) {

    .treatmedlogy-contact-info-section,
    .treatmedlogy-contact-map-section {
        padding: 70px 0;
    }

    .treatmedlogy-section-heading h2 {
        font-size: 34px;
    }

    .treatmedlogy-map-wrapper {
        min-height: 500px;
    }

    .treatmedlogy-map {
        min-height: 415px;
    }

}


@media (max-width: 767px) {

    .treatmedlogy-contact-info-section,
    .treatmedlogy-contact-map-section {
        padding: 55px 0;
    }

    .treatmedlogy-section-heading {
        margin-bottom: 35px;
    }

    .treatmedlogy-section-heading h2 {
        font-size: 29px;
    }

    .treatmedlogy-section-heading p {
        font-size: 14px;
    }

    .treatmedlogy-contact-card {
        padding: 25px 20px;
    }

    .treatmedlogy-contact-content {
        padding: 30px 22px;
    }

    .treatmedlogy-contact-content h2 {
        font-size: 29px;
    }

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

    .treatmedlogy-contact-buttons {
        display: block;
    }

    .treatmedlogy-action-btn {
        margin-bottom: 10px;
        width: 100%;
    }

    .treatmedlogy-map-wrapper {
        min-height: 450px;
    }

    .treatmedlogy-map {
        min-height: 365px;
    }

}


@media (max-width: 575px) {

    .treatmedlogy-contact-info-section,
    .treatmedlogy-contact-map-section {
        padding: 45px 0;
    }

    .treatmedlogy-section-heading h2 {
        font-size: 26px;
    }

    .treatmedlogy-section-heading > span {
        font-size: 12px;
    }

    .treatmedlogy-contact-card {
        padding: 22px 18px;
    }

    .treatmedlogy-contact-icon {
        width: 48px;
        height: 48px;
        min-width: 48px;
        font-size: 17px;
    }

    .treatmedlogy-contact-card-content h4 {
        font-size: 17px;
    }

    .treatmedlogy-contact-content h2 {
        font-size: 26px;
    }

    .treatmedlogy-map-heading {
        padding: 18px;
    }

    .treatmedlogy-map-heading h3 {
        font-size: 19px;
    }

    .treatmedlogy-map-heading > i {
        width: 40px;
        height: 40px;
    }

    .treatmedlogy-map-wrapper {
        min-height: 400px;
    }

    .treatmedlogy-map {
        min-height: 315px;
    }

}

/* ==========================================================
   TREATMEDLOGY INTERNATIONAL PATIENT
   PRIMARY: #157047
   ACCENT:  #B88059
========================================================== */


/* ==========================================================
   HERO
========================================================== */

.treatmedlogy-intl-hero {
    position: relative;
    padding: 80px 0;
    background: linear-gradient(60deg, rgb(18 12 3 / 96%), rgb(241 166 30 / 22%)), 
                url(../img/banner/international-banner.webp) center center / cover no-repeat;
    overflow: hidden;
}

.treatmedlogy-intl-hero::after {
    content: "";
    position: absolute;
    width: 450px;
    height: 450px;
    right: -200px;
    top: -180px;
    border: 80px solid rgba(255, 255, 255, .05);
    border-radius: 50%;
}

.treatmedlogy-intl-hero-content {
    position: relative;
    z-index: 2;
    max-width: 630px;
}

.treatmedlogy-intl-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #fff;
    border: 1px solid rgba(255, 255, 255, .35);
    padding: 9px 16px;
    border-radius: 30px;
    font-size: 13px;
    font-weight: 600;
    margin-bottom: 22px;
}

.treatmedlogy-intl-badge i {
    color: #B88059;
}

.treatmedlogy-intl-hero h1 {
    color: #fff;
    font-size: 52px;
    line-height: 1.15;
    font-weight: 700;
    margin-bottom: 22px;
}

.treatmedlogy-intl-hero h1 span {
    display: block;
    color: #e7c3a8;
}

.treatmedlogy-intl-hero p {
    max-width: 650px;
    color: rgba(255, 255, 255, .86);
    font-size: 16px;
    line-height: 1.8;
    margin-bottom: 30px;
}

.treatmedlogy-intl-hero-buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.treatmedlogy-intl-primary-btn,
.treatmedlogy-intl-whatsapp-btn {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 14px 23px;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 700;
    transition: all .3s ease;
}

.treatmedlogy-intl-primary-btn {
    background: #B88059;
    color: #fff;
}

.treatmedlogy-intl-primary-btn:hover {
    background: #fff;
    color: #157047;
}

.treatmedlogy-intl-whatsapp-btn {
    border: 1px solid rgba(255, 255, 255, .45);
    color: #fff;
}

.treatmedlogy-intl-whatsapp-btn:hover {
    background: #fff;
    color: #157047;
}

/* ==========================================================
   WHY CHOOSE US
========================================================== */

.treatmedlogy-intl-why {
    padding: 30px 50px;
    background: #fff;
}

.treatmedlogy-intl-heading {
    max-width: 900px;
    text-align: center;
    margin: 0 auto 30px;
}

.treatmedlogy-intl-heading > span {
    display: block;
    color: #B88059;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    font-size: 13px;
    font-weight: 700;
    margin-bottom: 10px;
}

.treatmedlogy-intl-heading h2 {
    color: #157047;
    font-size: 38px;
    line-height: 1.25;
    font-weight: 700;
    margin-bottom: 15px;
}

.treatmedlogy-intl-heading h2 strong {
    color: #B88059;
}

.treatmedlogy-intl-heading p {
    color: #666;
    font-size: 15px;
    line-height: 1.8;
    margin-bottom: 0;
}

.treatmedlogy-intl-feature {
    height: 100%;
    padding: 20px 15px;
    background: #fff;
    border: 1px solid #15704733;
    border-radius: 12px;
    text-align: center;
    transition: all .3s ease;
}

.treatmedlogy-intl-feature:hover {
    transform: translateY(-7px);
    box-shadow: 0 15px 35px rgba(21, 112, 71, .09);
    border-color: #15704733;
}

.treatmedlogy-intl-feature-icon {
    width: 65px;
    height: 65px;
    margin: 0 auto 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(21, 112, 71, .09);
    color: #157047;
    border-radius: 50%;
    font-size: 24px;
}

.treatmedlogy-intl-feature h3 {
    color: #157047;
    font-size: 19px;
    font-weight: 700;
    margin-bottom: 10px;
}

.treatmedlogy-intl-feature p {
    color: #777;
    font-size: 14px;
    line-height: 1.7;
    margin: 0;
}


/* ==========================================================
   PATIENT JOURNEY
========================================================== */

.treatmedlogy-intl-journey {
    padding: 90px 0;
    background: #fff;
}

.treatmedlogy-intl-journey-content {
    padding-right: 40px;
}

.treatmedlogy-intl-journey-content > span {
    color: #B88059;
    text-transform: uppercase;
    letter-spacing: 1.2px;
    font-size: 13px;
    font-weight: 700;
}

.treatmedlogy-intl-journey-content h2 {
    color: #157047;
    font-size: 39px;
    line-height: 1.25;
    margin: 12px 0 17px;
}

.treatmedlogy-intl-journey-content p {
    color: #666;
    font-size: 15px;
    line-height: 1.8;
    margin-bottom: 25px;
}

.treatmedlogy-intl-outline-btn {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    border: 1px solid #157047;
    color: #157047;
    padding: 13px 20px;
    border-radius: 5px;
    font-size: 13px;
    font-weight: 700;
    transition: all .3s ease;
}

.treatmedlogy-intl-outline-btn:hover {
    background: #157047;
    color: #fff;
}


/* Steps */

.treatmedlogy-intl-steps {
    position: relative;
}

.treatmedlogy-intl-steps::before {
    content: "";
    position: absolute;
    left: 29px;
    top: 30px;
    bottom: 30px;
    width: 1px;
    background: #d9e6df;
}

.treatmedlogy-intl-step {
    position: relative;
    display: flex;
    gap: 20px;
    padding-bottom: 28px;
}

.treatmedlogy-intl-step:last-child {
    padding-bottom: 0;
}

.treatmedlogy-intl-step-number {
    position: relative;
    z-index: 2;
    width: 59px;
    height: 59px;
    min-width: 59px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #157047;
    border: 5px solid #eaf3ee;
    border-radius: 50%;
    color: #fff;
    font-size: 13px;
    font-weight: 700;
}

.treatmedlogy-intl-step-content {
    padding-top: 5px;
}

.treatmedlogy-intl-step-content h3 {
    color: #157047;
    font-size: 19px;
    font-weight: 700;
    margin-bottom: 7px;
}

.treatmedlogy-intl-step-content p {
    color: #777;
    font-size: 13px;
    line-height: 1.7;
    margin: 0;
}


/* ==========================================================
   ASSISTANCE
========================================================== */

.treatmedlogy-intl-assistance {
    padding: 90px 0 65px;
    background: #f8faf9;
}

.treatmedlogy-intl-assistance-card {
    height: 100%;
    display: flex;
    gap: 18px;
    padding: 27px 23px;
    background: #fff;
    border: 1px solid #e4ebe7;
    border-radius: 11px;
    transition: all .3s ease;
}

.treatmedlogy-intl-assistance-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 12px 30px rgba(21, 112, 71, .08);
}

.treatmedlogy-intl-assistance-icon {
    width: 53px;
    height: 53px;
    min-width: 53px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    background: rgba(184, 128, 89, .11);
    color: #B88059;
    font-size: 21px;
}

.treatmedlogy-intl-assistance-card h3 {
    color: #157047;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 7px;
}

.treatmedlogy-intl-assistance-card p {
    color: #777;
    font-size: 13px;
    line-height: 1.7;
    margin: 0;
}

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

@media (max-width: 991px) {

    .treatmedlogy-intl-hero {
        padding: 80px 0;
    }

    .treatmedlogy-intl-hero-content {
        padding-right: 0;
        margin-bottom: 40px;
    }

    .treatmedlogy-intl-hero h1 {
        font-size: 43px;
    }

    .treatmedlogy-intl-heading h2 {
        font-size: 33px;
    }

    .treatmedlogy-intl-journey-content {
        padding-right: 0;
    }

    .treatmedlogy-intl-cta-box {
        padding: 40px 30px;
    }

    .treatmedlogy-intl-cta-buttons {
        margin-top: 25px;
    }

}


@media (max-width: 767px) {

    .treatmedlogy-intl-hero {
        padding: 65px 0;
    }

    .treatmedlogy-intl-hero h1 {
        font-size: 34px;
    }

    .treatmedlogy-intl-hero p {
        font-size: 14px;
    }

    .treatmedlogy-intl-hero-card {
        padding: 27px 23px;
    }

    .treatmedlogy-intl-why,
    .treatmedlogy-intl-journey,
    .treatmedlogy-intl-assistance,
    .treatmedlogy-intl-cta {
        padding: 60px 0;
    }

    .treatmedlogy-intl-heading h2,
    .treatmedlogy-intl-journey-content h2 {
        font-size: 29px;
    }

    .treatmedlogy-intl-heading p {
        font-size: 14px;
    }

    .treatmedlogy-intl-cta-box h2 {
        font-size: 28px;
    }

}


@media (max-width: 575px) {

    .treatmedlogy-intl-hero h1 {
        font-size: 30px;
    }

    .treatmedlogy-intl-hero-buttons {
        flex-direction: column;
    }

    .treatmedlogy-intl-primary-btn,
    .treatmedlogy-intl-whatsapp-btn {
        justify-content: center;
        width: 100%;
    }

    .treatmedlogy-intl-hero-card h3 {
        font-size: 23px;
    }

    .treatmedlogy-intl-step {
        gap: 13px;
    }

    .treatmedlogy-intl-step-number {
        width: 50px;
        height: 50px;
        min-width: 50px;
        font-size: 11px;
    }

    .treatmedlogy-intl-steps::before {
        left: 25px;
    }

    .treatmedlogy-intl-assistance-card {
        padding: 22px 18px;
    }

    .treatmedlogy-intl-cta-box {
        padding: 30px 22px;
    }

}
.global-section {
    background: linear-gradient(135deg, #fafafa, #f5f5f5);
    font-family: 'Karla', sans-serif;
    text-align: center;
    padding: 50px 20px;
}

.flags-grid {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 25px;
    margin-bottom: 40px;
}
.flag-box {
    background: #fff;
    border-radius: 14px;
    padding: 18px 10px;
    text-align: center;
    transition: all 0.35s ease;
    box-shadow: 0 8px 20px rgba(0,0,0,0.06);
    position: relative;
    overflow: hidden;
    cursor: pointer;
}

/* Gradient Border Glow Effect */
.flag-box::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 14px;
    padding: 1px;
    background: linear-gradient(135deg, #B88059, transparent, #B88059);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
}

/* Flag Image */
.flag-box img {
    width: 80px;
    height: auto;
    margin-bottom: 10px;
    transition: transform 0.4s ease;
}

/* Country Name */
.flag-box span {
    display: block;
    color: #424242;
    font-size: 14px;
    font-weight: 500;
    transition: 0.3s;
}

/* Hover Effects */
.flag-box:hover {
    transform: translateY(-8px) scale(1.04);
    box-shadow: 0 15px 35px rgba(0,0,0,0.12);
}

/* Flag Zoom */
.flag-box:hover img {
    transform: scale(1.2) rotate(3deg);
}

/* Text Color Change */
.flag-box:hover span {
    color: #B88059;
}

/* Soft Shine Animation */
.flag-box::after {
    content: "";
    position: absolute;
    top: -100%;
    left: -50%;
    width: 50%;
    height: 200%;
    background: rgba(255,255,255,0.2);
    transform: rotate(25deg);
    transition: 0.6s;
}

.flag-box:hover::after {
    left: 120%;
}

.cta-btn {
    display: inline-block;
    padding: 12px 28px;
    background-color: #B88059;
    color: #fff;
    text-decoration:uppercase;
    border-radius: 5px;
    transition: 0.3s;
}

.cta-btn:hover {
    background-color: #424242;
}
/* ----------- TABLET ----------- */
@media (max-width: 991px) {
    .flags-grid {
        grid-template-columns: repeat(4, 1fr);
        gap: 20px;
    }
}

/* ----------- SMALL TABLET / LARGE MOBILE ----------- */
@media (max-width: 767px) {
    .flags-grid {
        grid-template-columns: repeat(3, 1fr); /* 👈 3 per row */
        gap: 15px;
    }

    .flag-box img {
        width: 60px;
    }

    .flag-box span {
        font-size: 13px;
    }
}

/* ----------- EXTRA SMALL MOBILE ----------- */
@media (max-width: 480px) {
    .flags-grid {
        grid-template-columns: repeat(3, 1fr); /* still 3 */
        gap: 12px;
    }

    .flag-box {
        padding: 12px 8px;
    }

    .flag-box img {
        width: 50px;
    }

    .flag-box span {
        font-size: 12px;
    }
}


/* =========================================================
   SPECIALIST SERVICES
========================================================= */

.treatmedlogy-specialist-services {
    padding: 50px 0;
    background: #fff;
}

.treatmedlogy-specialist-content {
    padding-right: 35px;
}

.treatmedlogy-specialist-content > span {
    color: #B88059;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1.5px;
}

.treatmedlogy-specialist-content h2 {
    color: #171818;
    font-size: 38px;
    line-height: 1.25;
    margin: 12px 0 17px;
}

.treatmedlogy-specialist-content p {
    color: #666;
    font-size: 15px;
    line-height: 1.8;
    margin-bottom: 25px;
}

.treatmedlogy-specialist-btn {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 13px 20px;
    border: 1px solid #157047;
    border-radius: 5px;
    color: #157047;
    font-size: 13px;
    font-weight: 700;
    transition: all .3s ease;
}

.treatmedlogy-specialist-btn:hover {
    background: #157047;
    color: #fff;
}

.treatmedlogy-specialist-box {
    height: 100%;
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 22px 18px;
    border: 1px solid #e2ebe6;
    border-radius: 9px;
    transition: all .3s ease;
}

.treatmedlogy-specialist-box:hover {
    border-color: #6b4529;
    box-shadow: 0 10px 25px rgba(21,112,71,.07);
}

.treatmedlogy-specialist-box > i {
    width: 48px;
    height: 48px;
    min-width: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(21,112,71,.08);
    color: #B88059;
    border-radius: 8px;
    font-size: 18px;
}

.treatmedlogy-specialist-box h4 {
    color: #6b4529;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 3px;
}

.treatmedlogy-specialist-box p {
    color: #464545;
    font-size: 13px;
    margin: 0;
}
/* =========================================================
   CTA
========================================================= */

.treatmedlogy-services-cta {
    padding:0px;
    background: #fff;
}

.treatmedlogy-services-cta-box {
    position: relative;
    padding: 50px;
    background: #17364c;
    overflow: hidden;
}

.treatmedlogy-services-cta-box::after {
    content: "";
    position: absolute;
    width: 300px;
    height: 300px;
    right: -150px;
    top: -150px;
    border: 70px solid rgba(255,255,255,.05);
    border-radius: 50%;
}

.treatmedlogy-services-cta-box > .row {
    position: relative;
    z-index: 2;
}

.treatmedlogy-services-cta-box span {
    color: #e3bda0;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1.4px;
}

.treatmedlogy-services-cta-box h2 {
    color: #fff;
    font-size: 34px;
    margin: 9px 0 12px;
}

.treatmedlogy-services-cta-box p {
    max-width: 650px;
    color: rgba(255,255,255,.8);
    font-size: 14px;
    line-height: 1.8;
    margin: 0;
}

.treatmedlogy-services-cta-buttons {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.treatmedlogy-services-call-btn,
.treatmedlogy-services-whatsapp-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    padding: 11px 10px;
    border-radius: 6px;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 700;
    transition: all .3s ease;
}

.treatmedlogy-services-call-btn {
    background: #fff;
    color: #157047;
}

.treatmedlogy-services-whatsapp-btn {
    border: 1px solid rgba(255,255,255,.45);
    color: #fff;
}

.treatmedlogy-services-call-btn:hover {
    background: #B88059;
    color: #fff;
}

.treatmedlogy-services-whatsapp-btn:hover {
    background: #fff;
    color: #157047;
}

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

@media (max-width: 991px) {

    .treatmedlogy-specialist-content {
        padding-right: 0;
    }
    
    .treatmedlogy-services-cta-buttons {
        margin-top: 25px;
    }
}


@media (max-width: 767px) {
    .treatmedlogy-specialist-services,
    .treatmedlogy-services-cta 
    {
        padding: 60px 0;
    }

    .treatmedlogy-services-heading h2 {
        font-size: 29px;
    }

    .treatmedlogy-specialist-content h2 {
        font-size: 29px;
    }
     .treatmedlogy-services-cta-box {
        padding: 35px 25px;
    }

    .treatmedlogy-services-cta-box h2 {
        font-size: 28px;
    }


}


@media (max-width: 575px) {

    .treatmedlogy-specialist-box {
        padding: 18px 14px;
    }
     .treatmedlogy-services-cta-box {
        padding: 28px 20px;
    }

}

/* =========================================================
   DOCTOR PROFILE
========================================================= */

.treatmedlogy-doctor-profile {
    padding: 45px 0;
    background: #f7faf8;
}

.treatmedlogy-doctor-image-box {
    position: relative;
    padding-right: 35px;
}

.treatmedlogy-doctor-image {
    position: relative;
    height: 600px;
    overflow: hidden;
    border-radius: 16px;
    background: #e8efeb;
}

.treatmedlogy-doctor-image::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 35%;
    background: linear-gradient(
        to top,
        rgba(21,112,71,.25),
        transparent
    );
}

.treatmedlogy-doctor-image img {
    width: 100%;
    height: 100%;
    object-fit:cover;
}

.treatmedlogy-doctor-image-badge {
    position: absolute;
    z-index: 3;
    right: 0;
    bottom: 35px;
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 210px;
    padding: 15px 18px;
    background: #17364c;
    color: #fff;
    border-radius: 8px;
    box-shadow: 0 12px 30px rgba(21,112,71,.2);
}

.treatmedlogy-doctor-image-badge > i {
    width: 42px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: rgba(255,255,255,.12);
    font-size: 18px;
}

.treatmedlogy-doctor-image-badge strong,
.treatmedlogy-doctor-image-badge span {
    display: block;
}

.treatmedlogy-doctor-image-badge strong {
    font-size: 14px;
}

.treatmedlogy-doctor-image-badge span {
    color: rgba(255,255,255,.7);
    font-size: 11px;
    margin-top: 2px;
}


/* Doctor Details */

.treatmedlogy-doctor-details {
    padding-left: 25px;
}

.treatmedlogy-doctor-label {
    display: block;
    color: #B88059;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    font-size: 13px;
    font-weight: 700;
    margin-bottom: 10px;
}

.treatmedlogy-doctor-details h1 {
    color: #17364c;
    font-size: 45px;
    line-height: 1.15;
    font-weight: 700;
    margin-bottom: 8px;
}

.treatmedlogy-doctor-details > h3 {
    color: #B88059;
    font-size: 19px;
    font-weight: 600;
    margin-bottom: 10px;
}

.treatmedlogy-doctor-intro {
    color: #666;
    font-size: 15px;
    line-height: 1.8;
    margin-bottom: 28px;
    text-align:justify;
}


/* Specialities */

.treatmedlogy-doctor-specialties {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
}

.treatmedlogy-specialty-item {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 15px;
    background: #fff;
    border: 1px solid #e3ebe6;
    border-radius: 8px;
    transition: all .3s ease;
}

.treatmedlogy-specialty-item:hover {
    border-color: #B88059;
    transform: translateY(-3px);
}

.treatmedlogy-specialty-icon {
    width: 42px;
    height: 42px;
    font-size: 24px;
    min-width: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(21,112,71,.09);
    color: #157047;
    border-radius: 7px;
}

.treatmedlogy-specialty-item span,
.treatmedlogy-specialty-item strong {
    display: block;
}

.treatmedlogy-specialty-item span {
    color: #B88059;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .6px;
    margin-bottom: 3px;
}

.treatmedlogy-specialty-item strong {
    color: #17364c;
    font-size: 14px;
}


/* Stats */

.treatmedlogy-doctor-stats {
    display: flex;
    margin: 20px 0;
    padding: 10px 0;
    border-top: 1px solid #e0e9e4;
    border-bottom: 1px solid #e0e9e4;
}

.treatmedlogy-doctor-stats > div {
    flex: 1;
    padding: 0 15px;
    border-right: 1px solid #e0e9e4;
}

.treatmedlogy-doctor-stats > div:first-child {
    padding-left: 0;
}

.treatmedlogy-doctor-stats > div:last-child {
    border-right: 0;
}

.treatmedlogy-doctor-stats strong {
    display: block;
    color: #157047;
    font-size: 25px;
    line-height: 1;
    margin-bottom: 6px;
}

.treatmedlogy-doctor-stats span {
        color: #000;
    font-weight: 600;
    font-size: 14px;
}


/* Actions */

.treatmedlogy-doctor-actions {
    display: flex;
    gap: 10px;
}

.treatmedlogy-doctor-book-btn,
.treatmedlogy-doctor-whatsapp-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    padding: 14px 21px;
    border-radius: 6px;
    font-size: 15px;
    font-weight: 700;
    transition: all .3s ease;
}

.treatmedlogy-doctor-book-btn {
    background: #B88059;
    color: #fff;
}

.treatmedlogy-doctor-book-btn:hover {
    background: #B88059;
    color: #fff;
}

.treatmedlogy-doctor-whatsapp-btn {
    border: 1px solid #0ac45d;
color:#FFF;
    background: #0ac45d;
}

.treatmedlogy-doctor-whatsapp-btn:hover {
    background: #0bc270;
    color: #fff;
}


/* =========================================================
   ABOUT DOCTOR
========================================================= */

.treatmedlogy-doctor-about {
    padding: 40px 0;
    background: #fff;
}

.treatmedlogy-doctor-section-label {
    display: block;
    color: #B88059;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    font-weight: 700;
    margin-bottom: 10px;
}

.treatmedlogy-doctor-about-content h2 {
    color: #157047;
    font-size: 38px;
    line-height: 1.25;
    margin-bottom: 20px;
}

.treatmedlogy-doctor-about-content h2 strong {
    color: #B88059;
}

.treatmedlogy-doctor-about-content p {
    color: #464545;
    font-size: 15px;
    line-height: 1.85;
    margin-bottom: 15px;
    text-align:justify;
}

.treatmedlogy-doctor-credentials {
    margin-left: 30px;
    padding: 30px;
    background: #f7faf8;
    border: 1px solid #e2ebe6;
    border-radius: 12px;
}

.treatmedlogy-doctor-credentials h3 {
    color: #157047;
    font-size: 20px;
    margin-bottom: 20px;
}

.treatmedlogy-doctor-credentials ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.treatmedlogy-doctor-credentials li {
    display: flex;
    align-items: center;
    gap: 10px;
    color: #555;
    font-weight: 500;
    font-size: 15px;
    padding: 10px 0;
    border-bottom: 1px solid #e1e9e5;
}

.treatmedlogy-doctor-credentials li:last-child {
    border-bottom: 0;
}

.treatmedlogy-doctor-credentials li i {
    color: #B88059;
}

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

@media (max-width: 991px) {

    .treatmedlogy-doctor-profile {
        padding: 70px 0;
    }

    .treatmedlogy-doctor-image-box {
        padding-right: 20px;
    }

    .treatmedlogy-doctor-details {
        padding-left: 0;
    }

    .treatmedlogy-doctor-details h1 {
        font-size: 40px;
    }

    .treatmedlogy-doctor-credentials {
        margin-left: 0;
        margin-top: 30px;
    }


}


@media (max-width: 767px) {

    .treatmedlogy-doctor-profile,
    .treatmedlogy-doctor-about {
        padding: 30px 0;
    }

    .treatmedlogy-doctor-image {
        height: 450px;
    }

    .treatmedlogy-doctor-details h1 {
        font-size: 34px;
    }

    .treatmedlogy-doctor-specialties {
        grid-template-columns: 1fr;
    }

    .treatmedlogy-doctor-stats strong {
        font-size: 21px;
    }

    .treatmedlogy-doctor-about-content h2{
        font-size: 30px;
    }

}


@media (max-width: 575px) {

    .treatmedlogy-doctor-image-box {
        padding-right: 0;
    }

    .treatmedlogy-doctor-image {
        height: 390px;
    }

    .treatmedlogy-doctor-image-badge {
        right: 15px;
        bottom: 15px;
    }

    .treatmedlogy-doctor-details h1 {
        font-size: 30px;
    }

    .treatmedlogy-doctor-details > h3 {
        font-size: 16px;
    }

    .treatmedlogy-doctor-stats {
        flex-wrap: wrap;
    }

    .treatmedlogy-doctor-stats > div {
        padding: 0 10px;
    }

    .treatmedlogy-doctor-stats span {
        font-size: 9px;
    }

    .treatmedlogy-doctor-actions {
        flex-direction: column;
    }

    .treatmedlogy-doctor-book-btn,
    .treatmedlogy-doctor-whatsapp-btn {
        width: 100%;
    }


}

/* =========================================================
   COMMON SERVICE HEADING
========================================================= */

.treatmedlogy-service-heading {
    margin: 0 auto 25px;
    text-align: center;
}

.treatmedlogy-service-heading span {
    display: block;
    color: #B88059;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    margin-bottom: 8px;
}

.treatmedlogy-service-heading h2 {
    color: #17364c;
    font-size: 38px;
    line-height: 1.25;
    font-weight: 700;
    margin-bottom: 12px;
}

.treatmedlogy-service-heading p {
    color: #777;
    font-size: 14px;
    line-height: 1.8;
    margin: 0;
}


/* =========================================================
   SERVICE OVERVIEW
========================================================= */

.treatmedlogy-service-overview {
    padding: 40px 0;
    background: #fff;
}

.treatmedlogy-service-main-image {
    position: relative;
    padding-right: 25px;
}

.treatmedlogy-service-main-image img {
    width: 100%;
    height: 480px;
    object-fit: cover;
    border-radius: 14px;
    display: block;
}

.treatmedlogy-service-image-badge {
    position: absolute;
    right: 0;
    bottom: 25px;
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 210px;
    padding: 15px 18px;
    background: #157047;
    color: #fff;
    border-radius: 8px;
    box-shadow: 0 12px 30px rgba(21,112,71,.20);
}

.treatmedlogy-service-image-badge > i {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255,255,255,.12);
    border-radius: 50%;
    font-size: 18px;
}

.treatmedlogy-service-image-badge strong,
.treatmedlogy-service-image-badge span {
    display: block;
}

.treatmedlogy-service-image-badge strong {
    font-size: 13px;
}

.treatmedlogy-service-image-badge span {
    color: rgba(255,255,255,.75);
    font-size: 10px;
    margin-top: 2px;
}


.treatmedlogy-service-small-title {
    color: #B88059;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 1.4px;
    text-transform: uppercase;
}

.treatmedlogy-service-overview-content h2 {
    color: #157047;
    font-size: 35px;
    font-weight:800;
    line-height: 1.2;
    margin: 10px 0 20px;
}

.treatmedlogy-service-overview-content h2 strong {
    color: #B88059;
    padding-left:8px;
}

.treatmedlogy-service-overview-content > p {
    color: #666;
    font-size: 15px;
    line-height: 1.65;
    margin-bottom: 15px;
}


/* Feature List */

.treatmedlogy-service-feature-list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
    margin: 25px 0;
}

.treatmedlogy-service-feature-list > div {
    display: flex;
    align-items: center;
    gap: 9px;
    color: #343434;
    font-size: 16px;
}

.treatmedlogy-service-feature-list i {
    width: 22px;
    height: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(21,112,71,.1);
    color: #157047;
    border-radius: 50%;
    font-size: 10px;
}

.treatmedlogy-service-primary-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 13px 22px;
    background: #157047;
    color: #fff;
    border-radius: 5px;
    font-size: 12px;
    font-weight: 700;
    transition: all .3s ease;
}

.treatmedlogy-service-primary-btn:hover {
    background: #B88059;
    color: #fff;
}


/* =========================================
   TREATMEDLOGY - TREATMENT OPTIONS
========================================= */

.treatmedlogy-treatment-options {
    padding: 40px 30px;
    background: #f9f5f1;
}

/* Card */
.treatmedlogy-treatment-card {
    height: 100%;
    background: #ffffff;
    border: 1px solid rgba(184, 128, 89, 0.16);
    border-radius: 14px;
    overflow: hidden;
    position: relative;
    box-shadow: 0 5px 22px rgba(23, 54, 76, 0.06);
    transition: transform 0.35s ease,
                box-shadow 0.35s ease,
                border-color 0.35s ease;
}

.treatmedlogy-treatment-card::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 4px;
    background: #B88059;
    transition: width 0.35s ease;
}

.treatmedlogy-treatment-card:hover {
    transform: translateY(-7px);
    border-color: rgba(184, 128, 89, 0.55);
    box-shadow: 0 16px 38px rgba(23, 54, 76, 0.13);
}

.treatmedlogy-treatment-card:hover::after {
    width: 100%;
}

/* Treatment Image */
.treatmedlogy-treatment-image {
    position: relative;
    height: 240px;
    overflow: hidden;
    background: #eee7e1;
}

.treatmedlogy-treatment-image::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
        to top,
        rgba(23, 54, 76, 0.30),
        transparent 55%
    );
    pointer-events: none;
}

.treatmedlogy-treatment-image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.6s ease;
}

.treatmedlogy-treatment-card:hover
.treatmedlogy-treatment-image img {
    transform: scale(1.07);
}

/* Popular Badge */
.treatmedlogy-treatment-image > span {
    position: absolute;
    top: 15px;
    left: 15px;
    z-index: 2;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 7px 12px;
    background: #17364c;
    color: #ffffff;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.7px;
    border-radius: 4px;
    text-transform: uppercase;
    box-shadow: 0 4px 12px rgba(23, 54, 76, 0.14);
}

/* Content */
.treatmedlogy-treatment-content {
    padding: 23px 10px 25px 20px;
    position: relative;
}

/* Heading */
.treatmedlogy-treatment-content h3 {
    color: #17364c;
    font-size: 19px;
    line-height: 1.45;
    font-weight: 700;
    margin: 0 0 18px;
    padding-bottom: 13px;
    position: relative;
}

.treatmedlogy-treatment-content h3::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 42px;
    height: 3px;
    border-radius: 5px;
    background: #B88059;
    transition: width 0.3s ease;
}

.treatmedlogy-treatment-card:hover
.treatmedlogy-treatment-content h3::after {
    width: 70px;
}

/* Treatment List */
.treatmedlogy-treatment-content ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 12px;
    row-gap: 9px;
}

.treatmedlogy-treatment-content li {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    min-width: 0;
    color: #52616b;
    font-size: 12.5px;
    font-weight: 500;
    line-height: 1.55;
    padding: 2px 0;
    transition: color 0.25s ease;
}

.treatmedlogy-treatment-content li i {
    width: 17px;
    height: 17px;
    min-width: 17px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgba(184, 128, 89, 0.13);
    color: #9b633d;
    font-size: 9px;
    border-radius: 50%;
    margin: 1px 0 0;
    padding: 0;
    transition: background 0.25s ease,
                color 0.25s ease;
}

.treatmedlogy-treatment-content li:hover {
    color: #17364c;
}

.treatmedlogy-treatment-content li:hover i {
    background: #B88059;
    color: #ffffff;
}

/* Remove old column borders */
.treatmedlogy-treatment-content li:nth-child(even) {
    border-left: none;
}

/* =========================================
   TABLET
========================================= */

@media (max-width: 991px) {
    .treatmedlogy-treatment-options {
        padding: 55px 20px;
    }

    .treatmedlogy-treatment-image {
        height: 230px;
    }

    .treatmedlogy-treatment-content {
        padding: 20px 16px 23px;
    }

    .treatmedlogy-treatment-content h3 {
        font-size: 18px;
    }

    .treatmedlogy-treatment-content ul {
        column-gap: 8px;
    }

    .treatmedlogy-treatment-content li {
        font-size: 12px;
        gap: 6px;
    }
}

/* =========================================
   MOBILE
========================================= */

@media (max-width: 767px) {
    .treatmedlogy-treatment-options {
        padding: 42px 15px;
    }

    .treatmedlogy-treatment-image {
        height: 235px;
    }

    .treatmedlogy-treatment-content {
        padding: 21px 18px 24px;
    }

    .treatmedlogy-treatment-content h3 {
        font-size: 19px;
    }

    .treatmedlogy-treatment-content ul {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        column-gap: 12px;
        row-gap: 8px;
    }

    .treatmedlogy-treatment-content li {
        font-size: 12px;
    }
}

/* Small Mobile */
@media (max-width: 380px) {
    .treatmedlogy-treatment-image {
        height: 205px;
    }

    .treatmedlogy-treatment-content {
        padding: 18px 14px 22px;
    }

    .treatmedlogy-treatment-content ul {
        grid-template-columns: 1fr;
        row-gap: 7px;
    }
}

/* Accessibility */
@media (prefers-reduced-motion: reduce) {
    .treatmedlogy-treatment-card,
    .treatmedlogy-treatment-image img,
    .treatmedlogy-treatment-card::after {
        transition: none;
    }
}

/* =========================================================
   TREATMENT JOURNEY
========================================================= */

.treatmedlogy-treatment-journey {

    padding: 30px 0;

    background: #f7faf8;

    overflow: hidden;

}


/* =========================================================
   MAIN GRID
========================================================= */

.treatmedlogy-journey-grid {

    display: grid;

    grid-template-columns:
        minmax(0, 1.25fr)
        minmax(380px, .85fr);

    gap: 35px;

    align-items: stretch;

}


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

.treatmedlogy-journey-left {

    min-width: 0;

}


.treatmedlogy-journey-left
.treatmedlogy-service-heading {

    text-align: left;

    margin-bottom: 30px;

}


.treatmedlogy-journey-left
.treatmedlogy-service-heading span {

    display: inline-block;

    color: #B88059;

    font-size: 13px;

    font-weight: 700;

    text-transform: uppercase;

    letter-spacing: .5px;

    margin-bottom: 8px;

}


.treatmedlogy-journey-left
.treatmedlogy-service-heading h2 {

    color: #17364c;

    font-size: 32px;

    line-height: 1.2;

    margin: 0 0 10px;

}


.treatmedlogy-journey-left
.treatmedlogy-service-heading p {

    color: #777;

    font-size: 14px;

    line-height: 1.7;

    max-width: 600px;

    margin: 0;

}


/* =========================================================
   PROCESS TIMELINE
========================================================= */

.treatmedlogy-process-timeline {

    position: relative;

    padding: 5px 0 10px;

}


/* Center vertical line */

.treatmedlogy-process-timeline::before {

    content: "";

    position: absolute;

    top: 35px;

    bottom: 35px;

    left: 50%;

    width: 2px;

    background: #ead8ca;

    transform: translateX(-50%);

}


/* =========================================================
   PROCESS STEP
========================================================= */

.treatmedlogy-process-step {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    width: 50%;

}


.treatmedlogy-process-step:last-child {

    margin-bottom: 0;

}


/* LEFT */

.treatmedlogy-process-step.step-left {

    justify-content: flex-start;

    padding-right: 45px;

}


/* RIGHT */

.treatmedlogy-process-step.step-right {

    margin-left: 50%;

    justify-content: flex-start;

    padding-left: 45px;

}


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

.treatmedlogy-step-image {

    width: 68px;
    height: 68px;
    min-width: 68px;
    border-radius: 50%;
    overflow: hidden;
    border: 3px solid #fff;
}


.treatmedlogy-step-image img {

    width: 100%;

    height: 100%;

    object-fit: cover;

    display: block;

}


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

.treatmedlogy-step-content {

    padding-left: 15px;

}


.treatmedlogy-step-label {
    display: inline-block;
    background: #17364c;
    color: #fff;
    padding: 5px 10px;
    border-radius: 3px;
    font-size: 10px;
    line-height: 1;
    font-weight: 700;
    margin-bottom: 5px;

}
.treatmedlogy-step-content h3 {
    color: #333;
    font-size: 16px;
    line-height: 1.3;
    font-weight: 600;
    margin: 0 0 4px;

}

.treatmedlogy-step-content p {
    color: #000;
    font-size: 12px;
    line-height: 1.5;
    margin: 0;
    max-width: 260px;
}


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

.treatmedlogy-process-step::after {

    content: "";

    position: absolute;

    width: 48px;

    height: 2px;

    background: #ead8ca;

    top: 50%;

}


/* Left step */

.treatmedlogy-process-step.step-left::after {

    right: 0;

}


/* Right step */

.treatmedlogy-process-step.step-right::after {

    left: 0;

}


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

.treatmedlogy-journey-slider {

    position: relative;

    background: #B88059;

    padding: 5px 15px 8px;

    min-height: 100%;

    display: flex;

    flex-direction: column;

    justify-content: center;

}


.treatmedlogy-slider-title {
    color: #fff;
    text-align: center;
    font-family: 'Karla', serif;
    font-size: 28px;
    line-height: 1.2;
    font-weight: 700;
    margin-bottom: 28px;

}


/* =========================================================
   OWL CAROUSEL
========================================================= */

.treatmedlogy-story-carousel {

    width: 100%;

}


.treatmedlogy-story-slide {

    width: 100%;

    height: 340px;

    overflow: hidden;

    background: #fff;

}


.treatmedlogy-story-slide img {

    width: 100%;

    height: 100%;

    display: block;

    object-fit: cover;

}
/* ========================================================= 
   OWL NAVIGATION 
========================================================= */ 
 
.treatmedlogy-journey-slider 
.owl-nav button { 
    position: absolute; 
    top: 50%; 
 
    width: 38px !important; 
 
    height: 38px !important; 
 
    margin: 0; 
 
    border-radius: 50% !important; 
 
    background: #B88059 !important; 
 
    color: #fff !important; 
 
    font-size: 25px !important; 
 
    display: flex !important; 
 
    align-items: center; 
 
    justify-content: center; 
 
    transform: translateY(-50%); 
 
} 
 
 
.treatmedlogy-journey-slider 
.owl-nav .owl-prev { 
    border: 1px solid #167a4d;
    background: #167a4d;
    left: -35px; 
 
} 
 
 
.treatmedlogy-journey-slider 
.owl-nav .owl-next { 
    border: 1px solid #167a4d;
    background: #167a4d;
    right: -35px !important; 
 
} 
 
 
.treatmedlogy-journey-slider 
.owl-nav button:hover { 
 
    background: #157047 !important; 
 
} 
/* =========================================================
   TABLET
========================================================= */

@media (max-width: 991px) {

    .treatmedlogy-journey-grid {

        grid-template-columns:
            minmax(0, 1fr)
            minmax(300px, .8fr);

        gap: 25px;

    }


    .treatmedlogy-journey-left
    .treatmedlogy-service-heading h2 {

        font-size: 27px;

    }


    .treatmedlogy-journey-slider {

        padding: 30px 12px 22px;

    }


    .treatmedlogy-slider-title {

        font-size: 27px;

        margin-bottom: 20px;

    }


    .treatmedlogy-story-slide {

        height: 280px !important;

    }


    .treatmedlogy-process-step {

        min-height: 90px;

        margin-bottom: 20px;

    }


    .treatmedlogy-process-step.step-left {

        padding-right: 30px;

    }


    .treatmedlogy-process-step.step-right {

        padding-left: 30px;

    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

    .treatmedlogy-treatment-journey {

        padding: 40px 0;

    }


    .treatmedlogy-journey-grid {

        grid-template-columns: 1fr;

        gap: 35px;

    }


    /* Heading center on mobile */

    .treatmedlogy-journey-left
    .treatmedlogy-service-heading {

        text-align: center;

    }


    .treatmedlogy-journey-left
    .treatmedlogy-service-heading p {

        margin: auto;

    }


    /* Remove center timeline */

    .treatmedlogy-process-timeline::before {

        display: none;

    }


    .treatmedlogy-process-step,
    .treatmedlogy-process-step.step-right {

        width: 100%;

        margin-left: 0;

        padding: 0 5px;

        justify-content: flex-start;

        min-height: auto;

    }


    .treatmedlogy-process-step::after {

        display: none;

    }


    .treatmedlogy-step-image {

        width: 62px;

        height: 62px;

        min-width: 62px;

    }


    .treatmedlogy-step-content {

        padding-left: 14px;

    }


    .treatmedlogy-step-content h3 {

        font-size: 15px;

    }


    .treatmedlogy-step-content p {

        font-size: 11px;

        max-width: 100%;

    }


    /* Slider */

    .treatmedlogy-journey-slider {

        width: 100%;

        padding: 28px 15px 22px;

    }


    .treatmedlogy-slider-title {

        font-size: 26px;

        margin-bottom: 20px;

    }

    .treatmedlogy-story-slide {

        height: 280px !important;

    }


    .treatmedlogy-story-slide {

        height: auto;

        aspect-ratio: 1.45 / 1;

    }


    .treatmedlogy-story-slide img {

        object-fit: cover;
        
        height: 280px !important;

    }


}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 480px) {

    .treatmedlogy-journey-left
    .treatmedlogy-service-heading h2 {

        font-size: 24px;

    }


    .treatmedlogy-step-image {

        width: 55px;

        height: 55px;

        min-width: 55px;

    }


    .treatmedlogy-step-content h3 {

        font-size: 14px;

    }


    .treatmedlogy-slider-title {

        font-size: 23px;

    }


    .treatmedlogy-story-slide {

        aspect-ratio: 1.35 / 1;

    }

}

/* =========================================
   TREATMENT JOURNEY - RESPONSIVE FIX
========================================= */

/* Main section */
.treatmedlogy-treatment-journey {
    padding: 55px 0;
    background: #f7faf8;
    overflow: hidden;
}

.treatmedlogy-journey-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.2fr) minmax(0, 0.85fr);
    gap: 30px;
    align-items: stretch;
}

/* Left heading */
.treatmedlogy-journey-left {
    min-width: 0;
}

.treatmedlogy-journey-left .treatmedlogy-service-heading {
    display: block;
    visibility: visible;
    opacity: 1;
    margin-bottom: 30px;
}

.treatmedlogy-journey-left .treatmedlogy-service-heading span {
    display: inline-block;
    color: #B88059;
}

.treatmedlogy-journey-left .treatmedlogy-service-heading h2 {
    color: #17364c;
    font-size: 32px;
    line-height: 1.25;
    margin-bottom: 12px;
}

.treatmedlogy-journey-left .treatmedlogy-service-heading p {
    color: #666;
    font-size: 14px;
    line-height: 1.7;
}

/* Slider container */
.treatmedlogy-journey-slider {
    width: 100%;
    min-width: 0;
    min-height: 0;
    height: auto;
    background: #B88059;
    padding: 25px 25px 30px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-self: stretch;
    overflow: hidden;
}

/* Slider title */
.treatmedlogy-slider-title {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: 100%;
    color: #ffffff !important;
    text-align: center;
    font-size: 25px;
    font-weight: 700;
    line-height: 1.35;
    margin-bottom: 22px;
}

/* Owl Carousel */
.treatmedlogy-story-carousel {
    display: block;
    width: 100%;
    min-width: 0;
}

.treatmedlogy-story-carousel .owl-stage-outer {
    width: 100%;
    overflow: hidden;
}

.treatmedlogy-story-slide {
    width: 100%;
    height: 340px;
    overflow: hidden;
    background: #ffffff;
    border-radius: 8px;
}

.treatmedlogy-story-slide img {
    display: block;
    width: 100%;
    height: 340px;
    object-fit: cover;
    object-position: center;
}

/* =========================================
   TABLET
========================================= */

@media (max-width: 991px) {
    .treatmedlogy-journey-grid {
        grid-template-columns: minmax(0, 1fr) minmax(0, 0.85fr);
        gap: 20px;
    }

    .treatmedlogy-slider-title {
        font-size: 22px;
    }

    .treatmedlogy-story-slide,
    .treatmedlogy-story-slide img {
        height: 280px;
    }
}

/* =========================================
   MOBILE
========================================= */

@media (max-width: 767px) {

    .treatmedlogy-treatment-journey {
        padding: 40px 0;
        overflow: hidden;
    }

    /* Stack both columns */
    .treatmedlogy-journey-grid {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        gap: 30px;
    }

    /* Heading */
    .treatmedlogy-journey-left {
        width: 100%;
        min-width: 0;
    }

    .treatmedlogy-journey-left .treatmedlogy-service-heading {
        display: block !important;
        text-align: center;
        margin-bottom: 25px;
    }

    .treatmedlogy-journey-left .treatmedlogy-service-heading span {
        display: inline-block !important;
        font-size: 12px;
        margin-bottom: 8px;
    }

    .treatmedlogy-journey-left .treatmedlogy-service-heading h2 {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        font-size: 25px;
        line-height: 1.3;
        margin-bottom: 10px;
    }

    .treatmedlogy-journey-left .treatmedlogy-service-heading p {
        display: block !important;
        font-size: 13px;
        line-height: 1.6;
        margin: 0 auto;
    }

    /* Process timeline */
    .treatmedlogy-process-timeline::before {
        display: none;
    }

    .treatmedlogy-process-step,
    .treatmedlogy-process-step.step-right {
        width: 100%;
        margin-left: 0;
        padding: 0 5px;
        min-height: auto;
        margin-bottom: 22px;
        justify-content: flex-start;
    }

    .treatmedlogy-process-step::after {
        display: none;
    }

    .treatmedlogy-step-image {
        width: 60px;
        height: 60px;
        min-width: 60px;
    }

    .treatmedlogy-step-content {
        padding-left: 14px;
        min-width: 0;
    }

    .treatmedlogy-step-content h3 {
        font-size: 15px;
    }

    .treatmedlogy-step-content p {
        font-size: 12px;
        max-width: 100%;
        line-height: 1.5;
    }

    /* Slider */
    .treatmedlogy-journey-slider {
        display: flex !important;
        visibility: visible !important;
        opacity: 1 !important;
        width: 100%;
        min-width: 0;
        min-height: 0;
        height: auto;
        padding: 25px 15px 30px;
        background: #B88059;
        overflow: hidden;
    }

    /* Slider heading */
    .treatmedlogy-slider-title {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        color: #ffffff !important;
        font-size: 23px;
        line-height: 1.35;
        text-align: center;
        margin: 0 0 20px;
    }

    /* Owl carousel */
    .treatmedlogy-story-carousel {
        display: block !important;
        width: 100% !important;
        min-width: 0;
    }

    .treatmedlogy-story-carousel .owl-stage-outer {
        overflow: hidden;
    }

    .treatmedlogy-story-slide {
        display: block;
        width: 100%;
        height: 260px !important;
        aspect-ratio: auto;
        overflow: hidden;
        border-radius: 8px;
    }

    .treatmedlogy-story-slide img {
        display: block;
        width: 100% !important;
        height: 260px !important;
        object-fit: cover;
        object-position: center;
    }

    /* Navigation */
    .treatmedlogy-journey-slider .owl-nav .owl-prev {
        left: 5px;
    }

    .treatmedlogy-journey-slider .owl-nav .owl-next {
        right: 5px !important;
    }
}

/* =========================================
   SMALL MOBILE
========================================= */

@media (max-width: 480px) {

    .treatmedlogy-journey-left .treatmedlogy-service-heading h2 {
        font-size: 23px;
    }

    .treatmedlogy-slider-title {
        font-size: 21px;
    }

    .treatmedlogy-story-slide,
    .treatmedlogy-story-slide img {
        height: 230px !important;
    }

    .treatmedlogy-step-image {
        width: 55px;
        height: 55px;
        min-width: 55px;
    }
}

@media (max-width: 767px) {

    .treatmedlogy-journey-left .treatmedlogy-service-heading h2 {
        font-size: 23px;
    }

    .treatmedlogy-slider-title {
        font-size: 21px;
    }

    .treatmedlogy-story-slide,
    .treatmedlogy-story-slide img {
        height: 230px !important;
    }

    .treatmedlogy-step-image {
        width: 55px;
        height: 55px;
        min-width: 55px;
    }
}

/* =========================================================
   TREATMEDLOGY CLINIC - TREATMENTS
========================================================= */

.tratemdlogy-clinic-treatments {
    position: relative;
    padding: 30px 0;
    background: #f5ebe5;
    overflow: hidden;
}


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

.tratemdlogy-clinic-heading {
    max-width: 800px;
    margin: 0 auto 15px;
    text-align: center;
}

.tratemdlogy-clinic-heading span {
    display: inline-block;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 2px;
    color: #B88059;
    margin-bottom: 5px;
}

.tratemdlogy-clinic-heading span::before,
.tratemdlogy-clinic-heading span::after{
    content:"";
    width:45px;
    height:2px;
    background:#B88059;
    display:inline-block;
    vertical-align:middle;
    margin:0 12px;
}
.tratemdlogy-clinic-heading h2 {
    margin: 0 0 15px;
    color: #157047;
    font-size: 35px;
    line-height: 1.2;
    font-weight: 700;
}

.tratemdlogy-clinic-heading h2 strong {
    color: #B88059;
}

.tratemdlogy-clinic-heading p {
    margin: 0;

    color: #666;

    font-size: 16px;
    line-height: 1.7;
}


/* =========================================================
   MAIN LAYOUT
========================================================= */

.tratemdlogy-clinic-treatment-layout {
    /* display: grid;

    grid-template-columns:
        minmax(0, 1fr)
        250px
        minmax(0, 1fr);

    gap: 30px; */

    align-items: start;
}


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

.tratemdlogy-clinic-treatment-grid {
    display: grid;

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

    gap: 15px;
}
.tratemdlogy-clinic-treatment-grid > :nth-child(2) {
    margin-left: 20px;
    
}

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

.tratemdlogy-clinic-treatment-card {
    position: relative;

    display: block;

    text-decoration: none !important;

    background: #fff;

    border: 1px solid rgba(184, 128, 89, 0.22);

    border-radius: 12px;

    overflow: hidden;


    transition:
        transform 0.3s ease,
        box-shadow 0.3s ease,
        border-color 0.3s ease;
}


/* CARD HOVER */

.tratemdlogy-clinic-treatment-card:hover {
    border-color: #B88059;

}


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

.tratemdlogy-clinic-treatment-image {
    position: relative;

    width: 100%;

    aspect-ratio: 1 / 0.6;

    overflow: hidden;

    background: #f4f4f4;
}

.tratemdlogy-clinic-treatment-image img {
    width: 100%;
    height: 100%;

    display: block;

    object-fit: cover;

    transition: transform 0.5s ease;
}

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

.tratemdlogy-clinic-treatment-image::after {
    content: "";

    position: absolute;

    inset: 0;

    background: linear-gradient(
        to bottom,
        transparent 55%,
        rgba(21, 112, 71, 0.18)
    );

    pointer-events: none;
}


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

.tratemdlogy-clinic-treatment-card h3 {
    min-height: 40px;

    display: flex;

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

    margin: 0;

    padding: 11px 7px;

    text-align: center;

    color: #157047;

    font-size: 13px;

    line-height: 1.35;

    font-weight: 700;

    transition: color 0.3s ease;
}

.tratemdlogy-clinic-treatment-card:hover h3 {
    color: #B88059;
}


/* =========================================================
   CENTER PHONE
========================================================= */

.tratemdlogy-clinic-phone {
    position: sticky;

    top: 100px;

    display: flex;

    justify-content: center;

    padding-top: 20px;
}


/* PHONE FRAME */

.tratemdlogy-clinic-phone-frame {
    position: relative;

    width: 220px;

    padding: 9px;

    background: #111;

    border-radius: 32px;

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

    border: 3px solid #B88059;
}


/* PHONE SCREEN */

.tratemdlogy-clinic-phone-frame img {
    width: 100%;

    display: block;

    border-radius: 24px;

    object-fit: cover;
}


/* PHONE NOTCH */

.tratemdlogy-clinic-phone-notch {
    position: absolute;

    z-index: 5;

    top: 15px;

    left: 50%;

    width: 70px;
    height: 18px;

    transform: translateX(-50%);

    background: #111;

    border-radius: 0 0 15px 15px;
}


/* =========================================================
   LARGE DESKTOP
========================================================= */

@media (max-width: 1500px) {

    .tratemdlogy-clinic-treatment-grid {
        gap: 12px;
    }

    .tratemdlogy-clinic-phone-frame {
        width: 190px;
    }

    .tratemdlogy-clinic-treatment-card h3 {
        font-size: 13px;
    }

}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 1199px) {

    .tratemdlogy-clinic-treatment-layout {
        grid-template-columns: 1fr 1fr;
    }

    .tratemdlogy-clinic-phone {
        grid-column: 1 / -1;

        grid-row: 1;

        position: relative;

        top: auto;

        padding: 0 0 35px;
    }

    .tratemdlogy-clinic-treatment-column {
        grid-row: 2;
    }

    .tratemdlogy-clinic-treatment-grid {
        grid-template-columns: repeat(3, 1fr);
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

    .tratemdlogy-clinic-treatments {
        padding: 1px 3px 20px 3px;
    }


    .tratemdlogy-clinic-heading {
        margin-bottom: 35px;
    }


    .tratemdlogy-clinic-heading h2 {
        font-size: 30px;
    }


    .tratemdlogy-clinic-heading p {
        font-size: 14px;
    }


    /* MAIN LAYOUT */

    .tratemdlogy-clinic-treatment-layout {
        display: flex;

        flex-direction: column;

        gap: 25px;
    }


    /* PHONE FIRST */

    .tratemdlogy-clinic-phone {
        order: 1;

        width: 100%;

        padding: 0 0 10px;
    }


    .tratemdlogy-clinic-treatment-column {
        width: 100%;
    }


    /* LEFT + RIGHT */

    .tratemdlogy-clinic-treatment-column:nth-child(1) {
        order: 2;
    }

    .tratemdlogy-clinic-treatment-column:nth-child(3) {
        order: 3;
    }


    /* 2 CARDS PER ROW */

    .tratemdlogy-clinic-treatment-grid {
        grid-template-columns: repeat(2, 1fr);

        gap: 12px;
    }


    /* PHONE */

    .tratemdlogy-clinic-phone-frame {
        width: 190px;
    }


    /* CARD */

    .tratemdlogy-clinic-treatment-card {
        border-radius: 10px;
    }


    .tratemdlogy-clinic-treatment-image {
        aspect-ratio: 1 / 0.6;
    }


    .tratemdlogy-clinic-treatment-card h3 {
        min-height: 35px;

        padding: 9px 5px;

        font-size: 12px;

        line-height: 1.3;
    }

}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 400px) {

    .tratemdlogy-clinic-treatment-grid {
        gap: 9px;
    }

    .tratemdlogy-clinic-treatment-card h3 {
        font-size: 11px;

        min-height: 35px;
    }

}
/* =========================================================
   TREATMEDLOGY SERVICE TABS
========================================================= */

.treatmedlogy-service-tabs {
    position: relative;
    padding: 40px 0;
    background: #f7faf8;
}


/* =========================================
   LEFT TAB MENU
========================================= */

.treatmedlogy-tabs-menu {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.treatmedlogy-tab-btn {
    width: 100%;
    display: flex;
    align-items: center;
    text-align: left;
    gap: 12px;
    padding: 15px 16px;
    border: 1px solid #e3ebe6;
    background: #fff;
    border-radius: 7px;
    cursor: pointer;
    transition: all .3s ease;
}

.treatmedlogy-tab-btn:hover {
    border-color: #157047;
    transform: translateX(3px);
}


/* Icon */

.treatmedlogy-tab-icon {
    flex: 0 0 44px;
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(21, 112, 71, .08);
    color: #157047;
    border-radius: 6px;
    font-size: 16px;
    transition: all .3s ease;
}


/* Text */

.treatmedlogy-tab-text {
    flex: 1;
}

.treatmedlogy-tab-text strong {
    display: block;
    color: #157047;
    font-size: 14px;
    line-height: 1.4;
    font-weight: 700;
}

.treatmedlogy-tab-text small {
    display: block;
    color: #888;
    font-size: 12px;
    margin-top: 3px;
}


/* Arrow */

.treatmedlogy-tab-arrow {
    color: #aaa;
    font-size: 15px;
    transition: all .3s ease;
}


/* Active */

.treatmedlogy-tab-btn.active {
    background: #17364c;
    border-color: #17364c;
    box-shadow: 0 10px 25px rgba(21, 112, 71, .14);
}

.treatmedlogy-tab-btn.active .treatmedlogy-tab-icon {
    background: rgba(255, 255, 255, .14);
    color: #fff;
}

.treatmedlogy-tab-btn .treatmedlogy-tab-icon {
    font-size:20px !important;
}

.treatmedlogy-tab-btn.active .treatmedlogy-tab-text strong {
    color: #fff;
}

.treatmedlogy-tab-btn.active .treatmedlogy-tab-text small {
    color: rgba(255, 255, 255, .72);
}

.treatmedlogy-tab-btn.active .treatmedlogy-tab-arrow {
    color: #fff;
    transform: translateX(3px);
}


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

.treatmedlogy-tabs-content {
    height: 100%;
    background: #fff;
    border-radius: 10px;
    padding: 30px;
    border: 1px solid #e6ece9;
    box-shadow: 0 12px 35px rgba(21, 112, 71, .06);
}

.treatmedlogy-tab-content {
    display: none;
    animation: treatmedlogyTabFade .4s ease;
}

.treatmedlogy-tab-content.active {
    display: block;
}

@keyframes treatmedlogyTabFade {

    from {
        opacity: 0;
        transform: translateY(8px);
    }

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

}


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

.treatmedlogy-tab-image {
    position: relative;
    height: 350px;
    overflow: hidden;
    border-radius: 8px;
}

.treatmedlogy-tab-image img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}


/* Image Badge */

.treatmedlogy-tab-image-badge {
    position: absolute;
    left: 12px;
    bottom: 12px;
    display: flex;
    align-items: center;
    gap: 7px;
    padding: 8px 11px;
    background: #157047;
    color: #fff;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 600;
}

.treatmedlogy-tab-image-badge i {
    font-size: 18px;
}


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

.treatmedlogy-tab-detail {
    position: relative;
    padding: 10px 15px 10px 25px;
}

.treatmedlogy-detail-number {
    display: block;
    color: #B88059;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1px;
    margin-bottom: 7px;
}

.treatmedlogy-tab-detail h3 {
    color: #157047;
    font-size: 25px;
    line-height: 1.3;
    margin-bottom: 15px;
}

.treatmedlogy-tab-detail p {
    color: #4a4848;
    font-size: 14px;
    line-height: 1.5;
    margin-bottom: 12px;
}


/* Check List */

.treatmedlogy-tab-detail ul {
    list-style: none;
    padding: 0;
    margin: 20px 0 0;
}

.treatmedlogy-tab-detail li {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #000;
    font-size: 13px;
    padding: 5px 0;
}

.treatmedlogy-tab-detail li i {
    flex: 0 0 19px;
    width: 22px;
    height: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(184, 128, 89, .12);
    color: #B88059;
    border-radius: 50%;
    font-size: 10px;
}


/* =========================================
   TABLET
========================================= */

@media (max-width: 991px) {

    .treatmedlogy-service-tabs {
        padding: 70px 0;
    }

    .treatmedlogy-tab-image {
        height: 300px;
    }

    .treatmedlogy-tab-detail {
        padding-left: 20px;
    }

    .treatmedlogy-tab-detail h3 {
        font-size: 21px;
    }

}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 767px) {

    .treatmedlogy-service-tabs {
        padding: 60px 0;
    }

    .treatmedlogy-tabs-menu {
        gap: 7px;
        margin-bottom: 20px;
    }

    .treatmedlogy-tab-btn {
        padding: 11px 12px;
    }

    .treatmedlogy-tab-btn .treatmedlogy-tab-icon {
        flex: 0 0 38px !important;
        width: 38px !important;
        padding:10px;
        height: 38px !important;
        font-size: 14px !important;
    }

    .treatmedlogy-tab-text strong {
        font-size: 12px;
    }

    .treatmedlogy-tab-text small {
        font-size: 9px;
    }

    .treatmedlogy-tabs-content {
        padding: 15px;
    }

    .treatmedlogy-tab-image {
        height: 260px;
        margin-bottom: 20px;
    }

    .treatmedlogy-tab-detail {
        padding: 0 5px 10px;
    }

    .treatmedlogy-tab-detail h3 {
        font-size: 22px;
    }

}


/* =========================================
   SMALL MOBILE
========================================= */

@media (max-width: 575px) {

    .treatmedlogy-service-tabs {
        padding: 50px 0;
    }

    .treatmedlogy-tab-btn {
        gap: 9px;
        padding: 10px;
    }

    .treatmedlogy-tab-icon {
        flex-basis: 35px;
        width: 35px;
        height: 35px;
    }

    .treatmedlogy-tab-arrow {
        font-size: 12px;
    }

    .treatmedlogy-tabs-content {
        padding: 12px;
    }

    .treatmedlogy-tab-image {
        height: 220px;
    }

    .treatmedlogy-tab-detail h3 {
        font-size: 20px;
    }

}

/* =========================================================
   TABLET
========================================================= */

@media (max-width: 991px) {

    .treatmedlogy-service-overview {
        padding: 70px 0;
    }

    .treatmedlogy-service-main-image {
        padding-right: 15px;
    }

    .treatmedlogy-service-overview-content {
        padding-left: 0;
    }

    .treatmedlogy-service-overview-content h2 {
        font-size: 34px;
    }

    .treatmedlogy-process-wrapper {
        grid-template-columns: repeat(2, 1fr);
        row-gap: 45px;
    }

    .treatmedlogy-process-wrapper::before {
        display: none;
    }

    .treatmedlogy-service-final-box {
        display: block;
    }

    .treatmedlogy-final-buttons {
        margin-top: 25px;
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

    .treatmedlogy-service-overview,
    .treatmedlogy-treatment-options,
    .treatmedlogy-service-process {
        padding: 40px 0;
    }

    .treatmedlogy-service-heading {
        margin-bottom: 32px;
    }

    .treatmedlogy-service-heading h2 {
        font-size: 28px;
    }

    .treatmedlogy-service-main-image {
        padding-right: 0;
    }

    .treatmedlogy-service-main-image img {
        height: 360px;
    }

    .treatmedlogy-service-image-badge {
        right: 12px;
        bottom: 15px;
    }

    .treatmedlogy-service-overview-content {
        margin-top: 15px;
    }

    .treatmedlogy-service-overview-content h2 {
        font-size: 30px;
    }

    .treatmedlogy-service-feature-list {
        grid-template-columns: 1fr;
    }

}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 575px) {

    .treatmedlogy-service-main-image img {
        height: 300px;
    }

    .treatmedlogy-service-image-badge {
        min-width: auto;
        padding: 10px 12px;
    }

    .treatmedlogy-service-image-badge > i {
        width: 34px;
        height: 34px;
        font-size: 14px;
    }

    .treatmedlogy-service-image-badge strong {
        font-size: 11px;
    }

    .treatmedlogy-service-image-badge span {
        font-size: 9px;
    }

    .treatmedlogy-service-overview-content h2 {
        font-size: 27px;
    }

    .treatmedlogy-treatment-image {
        height: 210px;
    }

}
   /* =========================================================
   TREATMEDLOGY GALLERY
========================================================= */

.treatmedlogy-gallery-section {
    padding: 30px 0;
    background: #faf8f6;
}


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

.treatmedlogy-gallery-heading {
    max-width: 750px;
    margin: 0 auto 45px;
}

.treatmedlogy-gallery-heading span {
    display: block;
    color: #157047;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-bottom: 8px;
}

.treatmedlogy-gallery-heading h2 {
    margin: 0 0 12px;
    color: #222;
    font-size: 34px;
    font-weight: 700;
}

.treatmedlogy-gallery-heading p {
    margin: 0;
    color: #777;
    font-size: 15px;
    line-height: 26px;
}


/* =========================================================
   DOCTOR TABS
========================================================= */

.treatmedlogy-gallery-tabs {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
    margin-bottom: 40px;
}


.treatmedlogy-gallery-tab {
    border: 1px solid #e5e0dc;
    background: #fff;
    color: #444;

    min-width: 190px;

    padding: 13px 20px;

    border-radius: 8px;

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

    gap: 9px;

    font-size: 14px;
    font-weight: 600;

    cursor: pointer;

    transition: all .3s ease;
}


.treatmedlogy-gallery-tab i {
    color: #B88059;
    font-size: 16px;
    transition: .3s;
}


.treatmedlogy-gallery-tab:hover {
    border-color: #157047;
    color: #157047;
}


.treatmedlogy-gallery-tab.active {
    background: #157047;
    border-color: #157047;
    color: #fff;
    box-shadow: 0 8px 20px rgba(21, 112, 71, .18);
}


.treatmedlogy-gallery-tab.active i {
    color: #fff;
}


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

.treatmedlogy-gallery-content {
    display: none;
    animation: treatmedlogyGalleryFade .4s ease;
}


.treatmedlogy-gallery-content.active {
    display: block;
}


/* =========================================================
   GALLERY ITEM
========================================================= */

.treatmedlogy-gallery-item {
    position: relative;

    width: 100%;

    height: 250px;

    margin-bottom: 25px;

    overflow: hidden;

    border-radius: 10px;

    background: #eee;

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


.treatmedlogy-gallery-item img {
    width: 100%;
    height: 100%;

    object-fit: cover;

    display: block;

    transition: transform .5s ease;
}


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

.treatmedlogy-gallery-item::before {
    content: "";

    position: absolute;

    top: 0;
    left: 0;
    right: 0;
    bottom: 0;

    background: rgba(21, 112, 71, .72);

    opacity: 0;

    transition: opacity .3s ease;

    z-index: 1;
}


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

.treatmedlogy-gallery-view {
    position: absolute;

    top: 50%;
    left: 50%;

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

    width: 50px;
    height: 50px;

    background: #fff;

    color: #157047;

    border-radius: 50%;

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

    text-decoration: none;

    opacity: 0;

    visibility: hidden;

    z-index: 2;

    transition: all .3s ease;
}


.treatmedlogy-gallery-view i {
    font-size: 18px;
}


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

.treatmedlogy-gallery-item:hover::before {
    opacity: 1;
}


.treatmedlogy-gallery-item:hover img {
    transform: scale(1.06);
}


.treatmedlogy-gallery-item:hover .treatmedlogy-gallery-view {
    opacity: 1;

    visibility: visible;

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


.treatmedlogy-gallery-view:hover {
    background: #B88059;
    color: #fff;
}


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

@keyframes treatmedlogyGalleryFade {

    from {
        opacity: 0;
        transform: translateY(15px);
    }

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

}


/* =========================================================
   MAGNIFIC POPUP CUSTOM
========================================================= */

.mfp-bg {
    background: rgba(10, 20, 16, .92);
}


.mfp-image-holder .mfp-close {
    color: #fff;
    font-size: 35px;
    opacity: 1;
}


.mfp-arrow {
    opacity: 1;
}


.mfp-arrow-left:before {
    border-right-color: #fff;
}


.mfp-arrow-right:before {
    border-left-color: #fff;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 991px) {

    .treatmedlogy-gallery-section {
        padding: 65px 0;
    }


    .treatmedlogy-gallery-heading {
        margin-bottom: 35px;
    }


    .treatmedlogy-gallery-heading h2 {
        font-size: 30px;
    }


    .treatmedlogy-gallery-tabs {
        margin-bottom: 30px;
    }


    .treatmedlogy-gallery-tab {
        min-width: 175px;
        padding: 11px 15px;
        font-size: 13px;
    }


    .treatmedlogy-gallery-item {
        height: 220px;
        margin-bottom: 20px;
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

    .treatmedlogy-gallery-section {
        padding: 50px 0;
    }


    .treatmedlogy-gallery-heading {
        padding: 0 15px;
        margin-bottom: 30px;
    }


    .treatmedlogy-gallery-heading span {
        font-size: 11px;
        letter-spacing: 1.5px;
    }


    .treatmedlogy-gallery-heading h2 {
        font-size: 25px;
        line-height: 32px;
    }


    .treatmedlogy-gallery-heading p {
        font-size: 13px;
        line-height: 21px;
    }


    /* Tabs */

    .treatmedlogy-gallery-tabs {
        display: grid;

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

        gap: 8px;

        padding: 0 12px;

        margin-bottom: 25px;
    }


    .treatmedlogy-gallery-tab {
        min-width: 0;

        width: 100%;

        padding: 11px 8px;

        font-size: 11px;

        gap: 6px;

        border-radius: 7px;
    }


    .treatmedlogy-gallery-tab i {
        font-size: 13px;
    }


    /* Gallery */

    .treatmedlogy-gallery-item {
        height: 190px;

        margin-bottom: 15px;

        border-radius: 8px;
    }


    .treatmedlogy-gallery-view {
        width: 43px;
        height: 43px;
    }


    .treatmedlogy-gallery-view i {
        font-size: 15px;
    }

}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 575px) {

    .treatmedlogy-gallery-section {
        padding: 40px 0;
    }


    .treatmedlogy-gallery-heading {
        margin-bottom: 25px;
    }


    .treatmedlogy-gallery-heading h2 {
        font-size: 22px;
        line-height: 29px;
    }


    .treatmedlogy-gallery-heading p {
        font-size: 12px;
        line-height: 19px;
    }


    .treatmedlogy-gallery-tabs {
        padding: 0 10px;
        gap: 7px;
    }


    .treatmedlogy-gallery-tab {
        padding: 10px 5px;

        font-size: 10px;

        white-space: nowrap;
    }


    .treatmedlogy-gallery-tab i {
        font-size: 11px;
    }


    .treatmedlogy-gallery-item {
        height: 155px;

        margin-bottom: 12px;
    }


    .treatmedlogy-gallery-view {
        width: 38px;
        height: 38px;
    }


    .treatmedlogy-gallery-view i {
        font-size: 13px;
    }

}


/* =========================================================
   EXTRA SMALL
========================================================= */

@media (max-width: 400px) {

    .treatmedlogy-gallery-tabs {
        grid-template-columns: 1fr 1fr;
    }


    .treatmedlogy-gallery-tab {
        font-size: 9px;
        padding: 9px 3px;
    }


    .treatmedlogy-gallery-item {
        height: 135px;
    }


    .treatmedlogy-gallery-view {
        width: 35px;
        height: 35px;
    }


    .treatmedlogy-gallery-view i {
        font-size: 12px;
    }

}
/* =========================================================
   EXPERT CONSULTATION SECTION
========================================================= */

.treatmedlogy-expert-section {
    position: relative;
    padding: 30px 10px;
    background: #FFF;
    overflow: hidden;
}


/* =========================================================
   BACKGROUND DECORATION
========================================================= */

.treatmedlogy-expert-section::before {
    content: "";
    position: absolute;
    width: 420px;
    height: 420px;
    top: -220px;
    left: -180px;
    border: 1px solid rgba(21,112,71,.08);
    border-radius: 50%;
}

.treatmedlogy-expert-section::after {
    content: "";
    position: absolute;
    width: 300px;
    height: 300px;
    right: -150px;
    bottom: -170px;
    border: 1px solid rgba(184,128,89,.12);
    border-radius: 50%;
}


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

.treatmedlogy-expert-heading {
    position: relative;
    z-index: 2;
    max-width: 800px;
    margin: 0 auto 20px;
    text-align: center;
}

.treatmedlogy-expert-heading span {
    display: inline-block;
    margin-bottom: 10px;
    color: #B88059;
    font-size: 13px;
    font-weight: 800;
    letter-spacing: 1.5px;
}

.treatmedlogy-expert-heading h2 {
    margin: 0 0 12px;
    color: #17364c;
    font-size: 36px;
    line-height: 1.2;
    font-weight: 800;
}

.treatmedlogy-expert-heading p {
    max-width: 720px;
    margin: 0 auto;
    color: #000;
    font-size: 15px;
    line-height: 1.7;
}


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

.treatmedlogy-expert-card {
    position: relative;
    z-index: 2;
    height: 100%;
    display: flex;
    flex-direction: column;
    padding: 28px 10px;
    background: #ffffff;
    border:1px solid #17364c;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 12px 35px rgba(21,112,71,.08);
    transition: all .35s ease;
}

.treatmedlogy-expert-card:hover {
    transform: translateY(-8px);
    border-color: rgba(184,128,89,.45);
    box-shadow: 0 20px 45px rgba(21,112,71,.14);
}


/* =========================================================
   CARD TOP LINE
========================================================= */

.treatmedlogy-expert-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 8px;
    background: #B88059;
}


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

.treatmedlogy-card-number {
    position: absolute;
    top: 18px;
    right: 20px;
    color: rgba(21,112,71,.10);
    font-size: 42px;
    font-weight: 900;
    line-height: 1;
}


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

.treatmedlogy-card-icon {
    width: 62px;
    height: 62px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 22px;
    background: rgba(21,112,71,.09);
    border: 1px solid rgba(21,112,71,.12);
    border-radius: 16px;
    color: #157047;
    font-size: 25px;
    transition: all .35s ease;
}

.treatmedlogy-expert-card:hover .treatmedlogy-card-icon {
    background: #157047;
    color: #ffffff;
    transform: rotate(-5deg);
}


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

.treatmedlogy-card-content {
    flex: 1;
}

.treatmedlogy-card-label {
    display: block;
    margin-bottom: 10px;
    color: #B88059;
    font-size: 13px;
    font-weight: 800;
    line-height: 1.5;
    text-transform: uppercase;
    letter-spacing: .3px;
}

.treatmedlogy-card-content h3 {
    margin: 0 0 7px;
    color: #17364c;
    font-size: 21px;
    line-height: 1.3;
    font-weight: 800;
}

.treatmedlogy-card-content h4 {
    margin: 0 0 17px;
    color: #4b5563;
    font-size: 13px;
    line-height: 1.5;
    font-weight: 600;
}


/* =========================================================
   SPECIALITIES
========================================================= */

.treatmedlogy-specialities {
    color: #6b7280;
    font-size: 13px;
    line-height: 1.8;
    font-weight: 500;
}

.treatmedlogy-specialities span {
    padding: 0 3px;
    color: #B88059;
    font-weight: 800;
}

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

.treatmedlogy-card-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-top: 22px;
    width: 100%;
    
}


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

.treatmedlogy-contact-icons {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-shrink: 0;
}

.treatmedlogy-contact-icon {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    font-size: 16px;
    transition: all 0.3s ease;
}


/* Call */

.treatmedlogy-call-icon {
    background: #17364c;
    color: #fff;
}

.treatmedlogy-call-icon:hover {
    background: #B88059;
    color: #fff;
    transform: translateY(-3px);
}


/* WhatsApp */

.treatmedlogy-whatsapp-icon {
    background: #0ac45d;
    color: #fff;
}

.treatmedlogy-whatsapp-icon:hover {
    background: #157047;
    color: #fff;
    transform: translateY(-3px);
}


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

.treatmedlogy-consult-btn {
    min-height: 42px;
    padding: 10px 16px;
    background: #17364c;
    color: #fff;
    border-radius: 8px;

    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;

    font-size: 13px;
    font-weight: 600;
    text-decoration: none;

    transition: all 0.3s ease;
    flex: 1;
}

.treatmedlogy-consult-btn:hover {
    background: #B88059;
    color: #fff;
}

.treatmedlogy-consult-btn i {
    font-size: 12px;
    transition: transform 0.3s ease;
}

.treatmedlogy-consult-btn:hover i {
    transform: translateX(4px);
}

/* =========================================================
   LARGE TABLET
========================================================= */

@media (max-width: 1199px) {

    .treatmedlogy-expert-section {
        padding: 70px 20px;
    }

    .treatmedlogy-expert-card {
        min-height: 520px;
        padding: 25px 21px 20px;
    }

    .treatmedlogy-card-content h3 {
        font-size: 19px;
    }

}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 991px) {

    .treatmedlogy-expert-section {
        padding: 60px 20px;
    }

    .treatmedlogy-expert-heading {
        margin-bottom: 35px;
    }

    .treatmedlogy-expert-heading h2 {
        font-size: 32px;
    }

    .treatmedlogy-expert-card {
        min-height: 500px;
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

    .treatmedlogy-expert-section {
        padding: 50px 15px;
    }

    .treatmedlogy-expert-heading {
        margin-bottom: 30px;
    }

    .treatmedlogy-expert-heading span {
        font-size: 11px;
        letter-spacing: 1px;
    }

    .treatmedlogy-expert-heading h2 {
        font-size: 27px;
        line-height: 1.3;
    }

    .treatmedlogy-expert-heading p {
        font-size: 13px;
    }

    .treatmedlogy-expert-card {
        min-height: auto;
        padding: 24px 20px 20px;
        border-radius: 17px;
    }

    .treatmedlogy-card-number {
        top: 15px;
        right: 17px;
        font-size: 34px;
    }

    .treatmedlogy-card-icon {
        width: 55px;
        height: 55px;
        margin-bottom: 18px;
        font-size: 22px;
        border-radius: 14px;
    }

    .treatmedlogy-card-label {
        min-height: auto;
        margin-bottom: 8px;
        font-size: 11px;
    }

    .treatmedlogy-card-content h3 {
        font-size: 19px;
    }

    .treatmedlogy-card-content h4 {
        font-size: 12px;
        margin-bottom: 14px;
    }

    .treatmedlogy-specialities {
        font-size: 12px;
        line-height: 1.75;
    }
    .treatmedlogy-card-footer {
        gap: 8px;
    }

    .treatmedlogy-contact-icons {
        gap: 6px;
    }

    .treatmedlogy-contact-icon {
        width: 40px;
        height: 40px;
        font-size: 15px;
    }

    .treatmedlogy-consult-btn {
        min-height: 40px;
        padding: 9px 10px;
        font-size: 12px;
        gap: 5px;
    }

}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 480px) {

    .treatmedlogy-expert-section {
        padding: 42px 12px;
    }

    .treatmedlogy-expert-heading h2 {
        font-size: 24px;
    }

    .treatmedlogy-expert-heading p {
        font-size: 12px;
        line-height: 1.6;
    }

    .treatmedlogy-expert-card {
        padding: 22px 17px 18px;
    }

    .treatmedlogy-card-number {
        font-size: 30px;
    }

    .treatmedlogy-card-icon {
        width: 52px;
        height: 52px;
        margin-bottom: 16px;
    }

    .treatmedlogy-card-content h3 {
        font-size: 18px;
    }

    .treatmedlogy-card-content h4 {
        font-size: 12px;
    }

    .treatmedlogy-specialities {
        font-size: 11.5px;
    }

    .treatmedlogy-card-footer {
        gap: 8px;
    }

    .treatmedlogy-contact-icons {
        gap: 6px;
    }

    .treatmedlogy-contact-icon {
        width: 40px;
        height: 40px;
        font-size: 15px;
    }

    .treatmedlogy-consult-btn {
        min-height: 40px;
        padding: 9px 10px;
        font-size: 12px;
        gap: 5px;
    }

}


/* =========================================================
   VERY SMALL MOBILE
========================================================= */

@media (max-width: 360px) {

    .treatmedlogy-expert-section {
        padding-left: 8px;
        padding-right: 8px;
    }

    .treatmedlogy-expert-heading h2 {
        font-size: 22px;
    }

    .treatmedlogy-expert-card {
        padding: 20px 15px 16px;
    }

    .treatmedlogy-card-content h3 {
        font-size: 17px;
    }

    .treatmedlogy-specialities {
        font-size: 11px;
    }

}
    /* =========================================================
   APPOINTMENT MODAL
========================================================= */

.treatmedlogy-appointment-modal {
    position: fixed;
    inset: 0;
    z-index: 99999;
    display: none;
    align-items: center;
    justify-content: center;
    padding: 20px;
}

.treatmedlogy-appointment-modal.active {
    display: flex;
}

/* OVERLAY */

.treatmedlogy-appointment-overlay {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.65);
}

/* POPUP */

.treatmedlogy-appointment-popup {
    position: relative;
    z-index: 2;
    width: 100%;
    max-width: 500px;
    background: radial-gradient( circle at 8% 15%, rgba(255,255,255,.30), transparent 28% ), 
    radial-gradient( circle at 90% 85%, rgba(255,255,255,.20), transparent 30% ), 
    linear-gradient( 120deg, #0f6945 0%, #157047 35%, #8f6549 60%, #B88059 100% );
    border-radius: 15px;
    padding: 20px;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.25);
}

/* CLOSE */

.treatmedlogy-close-appointment {
    position: absolute;
    top: 12px;
    right: 15px;
    width: 38px;
    height: 38px;
    border: 0;
    border-radius: 50%;
    background: #000;
    color: #fff;
    font-size: 26px;
    line-height: 38px;
    cursor: pointer;
    transition: 0.3s;
}


/* HEADER */

.treatmedlogy-appointment-header {
    text-align: center;
    margin-bottom: 25px;
}

.treatmedlogy-appointment-header h3 {
    margin: 0 0 8px;
    color: #fff;
    font-size: 28px;
    font-weight: 700;
}

.treatmedlogy-appointment-header p {
    margin: 0;
    color: #eceaea;
    font-size: 14px;
}

/* FORM */

.treatmedlogy-appointment-form input,
.treatmedlogy-appointment-form select,
.treatmedlogy-appointment-form textarea {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 7px;
    padding: 13px 15px;
    margin-bottom: 15px;
    font-size: 14px;
    color: #1d1d1d;
    outline: none;
    transition: 0.3s;
}

.treatmedlogy-appointment-form input:focus,
.treatmedlogy-appointment-form select:focus,
.treatmedlogy-appointment-form textarea:focus {
    border-color: #157047;
    box-shadow: 0 0 0 2px rgba(21, 112, 71, 0.08);
}

.treatmedlogy-appointment-form textarea {
    resize: vertical;
}

.treatmedlogy-appointment-form input::placeholder{ 
    color: #646363; 
    font-size: 16px;
} 
.treatmedlogy-appointment-form textarea::placeholder{
    color: #646363; 
    font-size: 16px;
}
/* SUBMIT BUTTON */

.treatmedlogy-appointment-form .booking-btn {
    width: 100%;
    border: 0;
    border-radius: 7px;
    padding: 14px 20px;
    background: #000;
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    cursor: pointer;
    transition: 0.3s;
}

.treatmedlogy-appointment-form .booking-btn:hover {
    background: #B88059;
}

/* MOBILE */

@media (max-width: 575px) {

    .treatmedlogy-appointment-popup {
        padding: 25px 20px;
        max-width: 95%;
    }

    .treatmedlogy-appointment-header h3 {
        font-size: 23px;
    }

    .treatmedlogy-appointment-form .row {
        margin-left: -5px;
        margin-right: -5px;
    }

    .treatmedlogy-appointment-form .col-6 {
        padding-left: 5px;
        padding-right: 5px;
    }

}
/*================================================
Services Area CSS
=================================================*/
.services-area{
    padding: 30px 10px 50px 10px;
  background-color: #eef9ff;
}
.section-title h2 {
    color: #157047;
    font-size: 38px;
    line-height: 1.8;
    font-weight: 700;
    text-align: center;
    margin-bottom: 15px;
}

.single-services-box {
  text-align: center;
  margin-bottom: 10px;
  background-color: #ffffff;
  box-shadow: 0px 15px 35px rgba(0, 0, 0, 0.1);
  padding: 20px;
  border-radius: 10px;
  transition: 0.6s;
  height: 100%;
}

/* Rounded Image */

.single-services-box .service-img {
  width: 120px;
  height: 120px;
  margin: 0 auto 25px;
  border-radius: 50%;
  overflow: hidden;
  border: 4px solid #B88059;
}

.single-services-box .service-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 0.5s;
}
.single-services-box h3 a {
  color: #222222;
  font-size: 22px;
  font-weight: 600;
  line-height: 25px;
  text-decoration: none;
}

.single-services-box h3 a:hover {
  color: #B88059;
}

.single-services-box p {
  font-size: 15px;
  line-height: 1.6;
  color: #474747;
}

 /* =========================================
COMMON STYLE
========================================= */
.guiding-mentors-section{
    padding:40px 0px;
    background: #f1f1f1;
}

.section-title h2{
    color:#424242;
    font-size:42px;
    font-family: "Source Serif Pro", serif;
    font-weight:700;
    margin-bottom:15px;
}

.section-title p{
    color:#474747;
    font-size:17px;
    line-height:1.9;
    max-width:950px;
    font-family: 'Karla', sans-serif;
    margin:auto;
}

.sub-title{
    color:#B88059;
    font-weight:700;
    font-family: 'Karla', sans-serif;
    display:inline-block;
    margin-bottom:12px;
    letter-spacing:1px;
}
/* =========================================
MENTOR CARD
========================================= */

.mentor-card{
    background:#fff;
    border-radius:20px;
    overflow:hidden;
    transition:0.4s;
    height:100%;
}

.mentor-image img{
    width:100%;
    height:auto;
    object-fit:cover;
}

.mentor-content{
    padding:30px;
}

.mentor-content h3{
    color:#424242;
    font-family: "Source Serif Pro", serif;
    font-size:28px;
    margin-bottom:15px;
}

.mentor-content p{
    color:#474747;
    font-family: 'Karla', sans-serif;
    line-height:1.8;
}

.mentor-btn{
    display:inline-block;
    margin-top:10px;
    background:#B88059;
    color:#fff;
    font-family: 'Karla', sans-serif;
    padding:12px 28px;
    border-radius:50px;
    text-decoration:none;
    transition:0.4s;
}

.mentor-btn:hover{
    background:#424242;
    color:#fff;
}

/* =========================================
LEADERSHIP
========================================= */

.leader-card{
    background:#fff8f3;
    border-radius:20px;
    overflow:hidden;
    height:100%;
}

.leader-image img{
    width:100%;
    height:auto;
    object-fit:cover;
}

.leader-content{
    padding:30px;
}

.leader-content h3{
    color:#424242;
    font-family: "Source Serif Pro", serif;
    font-size:28px;
    margin-bottom:10px;
}

.leader-content span{
    color:#B88059;
    font-family: 'Karla', sans-serif;
    font-weight:700;
    display:block;
    margin-bottom:15px;
}

.leader-content p{
    color:#474747;
    font-family: 'Karla', sans-serif;
    line-height:1.8;
}

.leader-about-list ul{
    gap: 10px;
    list-style: none;
    padding: 0;
    margin: 20px 0;
}

.leader-about-list li{
        display: flex;
    color:#474747;
    font-family: 'Karla', sans-serif;
    margin-bottom:5px;
    align-items: center;
    font-size: 15px;
    font-weight: 600;
    line-height: 24px;
}
.leader-about-list li i {
    width: 17px;
    height: 17px;
    min-width: 17px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
    background: #B88059;
    color: #FFF;
    font-size: 10px;
}

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

.global-card{
    background:#fff;
    padding:40px;
    border-radius:20px;
    box-shadow:0 10px 30px rgba(0,0,0,0.06);
    text-align:center;
    height:100%;
}

.global-icon{
    font-size:50px;
    margin-bottom:20px;
}

.global-card h3{
    color:#424242;
    font-size:28px;
    font-family: "Source Serif Pro", serif;
    margin-bottom:10px;
}

.global-card span{
    color:#B88059;
    font-family: 'Karla', sans-serif;
    font-weight:700;
    display:block;
    margin-bottom:15px;
}

.global-card p{
    color:#474747;
    font-family: 'Karla', sans-serif;
    line-height:1.9;
}
.WidgetTitle__Header-sc-ffa23ab2-2{
    display:none;
}
.kQOgxs{
    display:none !important;
}
/* =========================================
   FLOATING CONTACT BUTTONS
========================================= */

.treatmedlogy-floating-contact {
    position: fixed;
    right: 20px;
    bottom: 75px;
    z-index: 99999;

    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
}

/* Common Button Style */

.treatmedlogy-floating-btn {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 48px;
    min-width: 48px;
    height: 48px;
    padding: 0;

    border: none;
    border-radius: 50%;

    color: #fff !important;
    text-decoration: none !important;

    font-size: 15px;
    cursor: pointer;

    box-shadow: 0 5px 18px rgba(0, 0, 0, 0.22);
    transition: all 0.3s ease;
}

.treatmedlogy-floating-btn i {
    font-size: 20px;
    line-height: 1;
    color: #fff;
}

/* WhatsApp Button */

.treatmedlogy-floating-whatsapp {
    background-color: #25D366;
}

.treatmedlogy-floating-whatsapp:hover {
    background-color: #1ebe5d;
    color: #fff !important;
    transform: translateY(-4px);
}

/* Appointment Button */

.treatmedlogy-floating-appointment {
    background-color: #17364c;
}

.treatmedlogy-floating-appointment:hover {
    background-color: #000;
    color: #fff !important;
    transform: translateY(-4px);
}

/* Go To Top Button */

.treatmedlogy-floating-top {
    background-color: #B88059;
    display: none;
}

.treatmedlogy-floating-top.show {
    display: flex;
}

.treatmedlogy-floating-top:hover {
    background-color: #17364c;
    color: #fff !important;
    transform: translateY(-4px);
}

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

@media (max-width: 767px) {

    .treatmedlogy-floating-contact {
        right: 12px;
        bottom: 100px;
        gap: 10px;
    }

    .treatmedlogy-floating-btn {
        width: 52px;
        min-width: 52px;
        height: 52px;
        border-radius: 50%;
    }

    .treatmedlogy-floating-btn i {
        font-size: 25px;
    }

}