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

.inamhero-main-section{
    width:100%;
    min-height:100vh;
    padding:170px 0 0px;
    background:linear-gradient(135deg,#f8fcff 0%,#ffffff 55%,#eef7ff 100%);
    overflow:hidden;
    position:relative;
    font-family:'Poppins',sans-serif;
}

.inamhero-main-section::before{
    content:"";
    position:absolute;
    top:-220px;
    right:-220px;
    width:650px;
    height:650px;
    border-radius:50%;
    background:rgba(16,165,75,.05);
}

.inamhero-main-section::after{
    content:"";
    position:absolute;
    bottom:-250px;
    left:-250px;
    width:700px;
    height:700px;
    border-radius:50%;
    background:rgba(13,45,119,.05);
}

.inamhero-container{
    width:92%;
    max-width:1380px;
    margin:auto;
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:70px;
    position:relative;
    z-index:2;
}

.inamhero-left-area{
    flex:1;
    max-width:620px;
}

.inamhero-right-area{
    flex:1;
    position:relative;
    display:flex;
    justify-content:center;
    align-items:center;
}


/*=========================================================
BADGE
=========================================================*/

.inamhero-badge{
    display:inline-flex;
    align-items:center;
    gap:10px;
    padding:10px 18px;
    border-radius:50px;
    background:#eef8f2;
    color:#10a54b;
    font-size:14px;
    font-weight:600;
    margin-bottom:30px;
}

.inamhero-badge i{
    font-size:16px;
}


/*=========================================================
HEADINGS
=========================================================*/

.inamhero-heading-one,
.inamhero-heading-two{
    font-size:58px;
    line-height:1.08;
    font-weight:700;
    letter-spacing:-1px;
}

.inamhero-heading-one{
    color:#0d2d77;
}

.inamhero-heading-two{
    color:#10a54b;
    margin-bottom:25px;
}

.inamhero-description{
    font-size:18px;
    line-height:32px;
    color:#5d667a;
    max-width:560px;
    margin-bottom:40px;
}


/*=========================================================
FEATURES
=========================================================*/

.inamhero-feature-wrapper{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:10px;
    margin-bottom:45px;
}

.inamhero-feature-box{
    display:flex;
    align-items:center;
    gap:18px;
    background:#fff;
    border-radius:18px;
    padding:18px;
    box-shadow:0 12px 35px rgba(0,0,0,.06);
    transition:.35s;
}

.inamhero-feature-box:hover{
    transform:translateY(-8px);
    box-shadow:0 20px 45px rgba(0,0,0,.10);
}

.inamhero-feature-icon{
    width:45px;
    height:45px;
    border-radius:18px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#10a54b;
    color:#fff;
    font-size:24px;
    flex-shrink:0;
}

.inamhero-feature-title{
    font-size:15px;
    font-weight:700;
    color:#0d2d77;
}

.inamhero-feature-text{
    font-size:13px;
    color:#777;
    margin-top:4px;
    line-height:20px;
}


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

.inamhero-button-wrapper{
    display:flex;
    align-items:center;
    gap:18px;
    margin-bottom:50px;
}

.inamhero-primary-button{
    display:inline-flex;
    align-items:center;
    gap:12px;
    padding:17px 34px;
    background:#10a54b;
    color:#fff;
    text-decoration:none;
    border-radius:50px;
    font-size:15px;
    font-weight:600;
    transition:.35s;
    box-shadow:0 15px 35px rgba(16,165,75,.30);
}

.inamhero-primary-button:hover{
    transform:translateY(-4px);
    background:#0d9543;
}

.inamhero-secondary-button{
    display:inline-flex;
    align-items:center;
    gap:12px;
    padding:17px 30px;
    border:2px solid #d9e7fb;
    border-radius:50px;
    text-decoration:none;
    color:#0d2d77;
    background:#fff;
    font-size:15px;
    font-weight:600;
    transition:.35s;
}

.inamhero-secondary-button:hover{
    border-color:#10a54b;
    color:#10a54b;
}


/*=========================================================
COUNTRIES
=========================================================*/

.inamhero-country-title{
    font-size:14px;
    font-weight:600;
    color:#0d2d77;
    margin-bottom:18px;
}

.inamhero-country-wrapper{
    display:flex;
    align-items:center;
}

.inamhero-country-flag{
    width:46px;
    height:46px;
    border-radius:50%;
    object-fit:cover;
    border:3px solid #fff;
    margin-right:-12px;
    box-shadow:0 5px 15px rgba(0,0,0,.10);
}

.inamhero-country-more{
    margin-left:20px;
    font-size:14px;
    font-weight:600;
    color:#10a54b;
}/*=========================================================
RIGHT IMAGE
=========================================================*/

.inamhero-main-image{
    width:100%;
    max-width:640px;
    display:block;
    position:relative;
    z-index:2;
    animation:inamheroImageFloat 5s ease-in-out infinite;
    filter:drop-shadow(0 25px 45px rgba(0,0,0,.18));
}


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

.inamhero-floating-card{

    position:absolute;
    left:-40px;
    bottom:60px;

    display:flex;
    align-items:center;
    gap:16px;

    background:#ffffff;
    padding:18px 22px;

    border-radius:18px;

    box-shadow:0 20px 50px rgba(0,0,0,.12);

    z-index:5;

    animation:inamheroCardFloat 4s ease-in-out infinite;
}

.inamhero-floating-icon{

    width:60px;
    height:60px;

    border-radius:18px;

    background:#10a54b;

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

    color:#ffffff;

    font-size:26px;
}

.inamhero-floating-title{

    font-size:18px;
    font-weight:700;

    color:#0d2d77;

    margin-bottom:6px;
}

.inamhero-floating-text{

    font-size:14px;
    color:#666;

    line-height:22px;
}


/*=========================================================
DECORATIVE CIRCLES
=========================================================*/

.inamhero-right-area::before{

    content:"";

    position:absolute;

    width:480px;
    height:480px;

    border-radius:50%;

    background:rgba(16,165,75,.08);

    top:30px;
    left:50%;

    transform:translateX(-50%);

    z-index:0;
}

.inamhero-right-area::after{

    content:"";

    position:absolute;

    width:340px;
    height:340px;

    border-radius:50%;

    border:2px dashed rgba(13,45,119,.12);

    top:110px;
    left:50%;

    transform:translateX(-50%);

    animation:inamheroRotate 25s linear infinite;

    z-index:1;
}


/*=========================================================
ANIMATIONS
=========================================================*/

@keyframes inamheroImageFloat{

    0%{
        transform:translateY(0px);
    }

    50%{
        transform:translateY(-18px);
    }

    100%{
        transform:translateY(0px);
    }

}

@keyframes inamheroCardFloat{

    0%{
        transform:translateY(0px);
    }

    50%{
        transform:translateY(-10px);
    }

    100%{
        transform:translateY(0px);
    }

}

@keyframes inamheroRotate{

    from{
        transform:translateX(-50%) rotate(0deg);
    }

    to{
        transform:translateX(-50%) rotate(360deg);
    }

}


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

.inamhero-primary-button i,
.inamhero-secondary-button i{

    transition:.35s;
}

.inamhero-primary-button:hover i{

    transform:translateX(6px);
}

.inamhero-secondary-button:hover i{

    transform:scale(1.15);
}

.inamhero-country-flag{

    transition:.35s;
}

.inamhero-country-flag:hover{

    transform:translateY(-8px) scale(1.08);
}


/*=========================================================
LARGE LAPTOPS
=========================================================*/

@media(max-width:1366px){

    .inamhero-heading-one,
    .inamhero-heading-two{

        font-size:50px;
    }

    .inamhero-description{

        font-size:17px;
        line-height:30px;
    }

    .inamhero-main-image{

        max-width:560px;
    }

}


/*=========================================================
LAPTOP
=========================================================*/

@media(max-width:1200px){

    .inamhero-container{

        gap:40px;
    }

    .inamhero-heading-one,
    .inamhero-heading-two{

        font-size:44px;
    }

    .inamhero-feature-wrapper{

        gap:15px;
    }

    .inamhero-main-image{

        max-width:500px;
    }

}


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

@media(max-width:992px){

    .inamhero-container{

        flex-direction:column;
        text-align:center;
    }

    .inamhero-left-area{

        max-width:100%;
    }

    .inamhero-description{

        margin:auto;
        margin-bottom:35px;
    }

    .inamhero-feature-wrapper{

        grid-template-columns:1fr;
    }

    .inamhero-button-wrapper{

        justify-content:center;
    }

    .inamhero-country-wrapper{

        justify-content:center;
    }

    .inamhero-floating-card{

        left:50%;
        bottom:-30px;

        transform:translateX(-50%);
    }

}


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

@media(max-width:768px){

    .inamhero-main-section{

        padding:140px 0 60px;
    }

    .inamhero-heading-one,
    .inamhero-heading-two{

        font-size:36px;
    }

    .inamhero-description{

        font-size:16px;
        line-height:28px;
    }

    .inamhero-button-wrapper{

        flex-direction:column;
    }

    .inamhero-primary-button,
    .inamhero-secondary-button{

        width:100%;
        justify-content:center;
    }

    .inamhero-main-image{

        max-width:360px;
    }

    .inamhero-floating-card{

        position:relative;

        left:auto;
        bottom:auto;

        transform:none;

        margin:30px auto 0;
    }

}


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

@media(max-width:480px){

    .inamhero-heading-one,
    .inamhero-heading-two{

        font-size:30px;
    }

    .inamhero-feature-box{

        padding:16px;
    }

    .inamhero-main-image{

        max-width:300px;
    }

}
/*=========================================================
RIGHT SIDE IMAGE SECTION
=========================================================*/

.inamhero-right-area{
    position:relative;
    display:flex;
    justify-content:center;
    align-items:center;
    min-height:700px;
}

.inamhero-main-image{
    width:100%;
    max-width:620px;
    position:relative;
    z-index:5;
    display:block;
}


/*=========================================================
BACKGROUND SHAPES
=========================================================*/

.inamhero-right-area::before{

    content:"";

    position:absolute;

    width:560px;
    height:560px;

    background:linear-gradient(135deg,#10a54b,#37c56d);

    border-radius:50%;

    opacity:.08;

    top:40%;

    left:50%;

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

.inamhero-right-area::after{

    content:"";

    position:absolute;

    width:470px;
    height:470px;

    border:2px dashed rgba(13,45,119,.12);

    border-radius:50%;

    top:40%;

    left:50%;

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


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

.inamhero-floating-card{

    position:absolute;

    left:-20px;

    bottom:80px;

    width:300px;

    background:#535353;

    border-radius:22px;

    padding:22px;

    display:flex;

    align-items:center;

    gap:18px;

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

    z-index:20;
}

.inamhero-floating-icon{

    width:65px;

    height:65px;

    background:#10a54b;

    color:#fff;

    border-radius:18px;

    display:flex;

    justify-content:center;

    align-items:center;

    font-size:28px;

    flex-shrink:0;
}

.inamhero-floating-content{

    flex:1;
}

.inamhero-floating-title{

    font-size:18px;

    font-weight:700;

    color:#fdfdfd;

    margin-bottom:6px;
}

.inamhero-floating-text{

    font-size:14px;

    color:#fffafa;

    line-height:24px;
}


/*=========================================================
OPTIONAL SMALL FLOATING BADGE
=========================================================*/

.inamhero-mini-badge{

    position:absolute;

    right:40px;

    top:120px;

    background:#ffffff;

    border-radius:18px;

    padding:18px 22px;

    box-shadow:0 18px 45px rgba(0,0,0,.10);

    text-align:center;

    z-index:20;
}

.inamhero-mini-badge h3{

    color:#10a54b;

    font-size:28px;

    font-weight:700;

    margin-bottom:5px;
}

.inamhero-mini-badge span{

    font-size:14px;

    color:#666;
}


/*=========================================================
DECORATIVE DOTS
=========================================================*/

.inamhero-dot-one{

    position:absolute;

    width:18px;

    height:18px;

    background:#10a54b;

    border-radius:50%;

    top:120px;

    left:60px;

    opacity:.5;
}

.inamhero-dot-two{

    position:absolute;

    width:12px;

    height:12px;

    background:#0d2d77;

    border-radius:50%;

    bottom:120px;

    right:60px;

    opacity:.4;
}
/*=========================================================
HERO ANIMATIONS
=========================================================*/

@keyframes inamheroFadeUp{

    from{

        opacity:0;
        transform:translateY(60px);

    }

    to{

        opacity:1;
        transform:translateY(0);

    }

}

@keyframes inamheroFloat{

    0%{

        transform:translateY(0px);

    }

    50%{

        transform:translateY(-18px);

    }

    100%{

        transform:translateY(0px);

    }

}

@keyframes inamheroRotate{

    from{

        transform:translate(-50%,-50%) rotate(0deg);

    }

    to{

        transform:translate(-50%,-50%) rotate(360deg);

    }

}

.inamhero-left-area{

    animation:inamheroFadeUp .9s ease forwards;

}

.inamhero-right-area{

    animation:inamheroFadeUp 1.2s ease forwards;

}

.inamhero-main-image{

    animation:inamheroFloat 5s ease-in-out infinite;

}

.inamhero-floating-card{

    animation:inamheroFloat 4s ease-in-out infinite;

}

.inamhero-right-area::after{

    animation:inamheroRotate 25s linear infinite;

}


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

.inamhero-primary-button,
.inamhero-secondary-button{

    overflow:hidden;
    position:relative;

}

.inamhero-primary-button::before{

    content:"";

    position:absolute;

    width:0;

    height:100%;

    top:0;

    left:0;

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

    transition:.45s;

}

.inamhero-primary-button:hover::before{

    width:100%;

}

.inamhero-primary-button:hover{

    transform:translateY(-6px);

    box-shadow:0 20px 45px rgba(16,165,75,.35);

}

.inamhero-secondary-button:hover{

    transform:translateY(-6px);

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

}

.inamhero-primary-button i{

    transition:.35s;

}

.inamhero-primary-button:hover i{

    transform:translateX(6px);

}
/* =========================================
   INAM HERO CAROUSEL
========================================= */

.inamhero-main-section {
    position: relative;
    width: 100%;
    overflow: hidden;
}


/* Every slide */

.inamhero-main-section .inamhero-carousel-slide {
    position: relative;
    width: 100%;
    overflow: hidden;
}


/* Hide slides 2 and 3 only */

.inamhero-main-section .inamhero-carousel-slide-2,
.inamhero-main-section .inamhero-carousel-slide-3 {
    display: none;
}


/* Slide 1 is ALWAYS visible initially */

.inamhero-main-section .inamhero-carousel-slide-1 {
    display: block;
}


/* When JS activates a slide */

.inamhero-main-section .inamhero-carousel-slide.inamhero-slide-active {
    display: block;
}


/* Hide inactive slides when JS is running */

.inamhero-main-section .inamhero-carousel-slide.inamhero-slide-active
~ .inamhero-carousel-slide {
    display: none;
}


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

.inamhero-carousel-dots {
    position: absolute;
    left: 50%;
    bottom: 15px;

    transform: translateX(-50%);

    display: flex;
    align-items: center;
    gap: 7px;

    z-index: 999;
}

.inamhero-carousel-dot {
    width: 7px;
    height: 7px;

    padding: 0;
    margin: 0;

    border: 0;
    outline: 0;

    border-radius: 50%;

    background: #cbd5d0;

    cursor: pointer;

    transition: all 0.3s ease;
}

.inamhero-carousel-dot.active {
    width: 24px;
    background: #159b52;
}


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

@media (max-width: 600px) {

    .inamhero-carousel-dots {
        bottom: 10px;
        gap: 6px;
    }

    .inamhero-carousel-dot {
        width: 6px;
        height: 6px;
    }

    .inamhero-carousel-dot.active {
        width: 20px;
    }

}
/* =========================================
   SLIDE 2 HERO IMAGE
========================================= */



/* =========================================
   SLIDE 3 HERO IMAGE
========================================= */

/* ================================
   SLIDE 1
================================ */

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



/* =========================================
   SLIDE 1 HERO BACKGROUND
========================================= */

.inamhero-main-section:has(
    .inamhero-carousel-slide-1.inamhero-slide-active
) {
       background: linear-gradient( rgba(255, 255, 255, 0.13), rgba(255, 255, 255, 0.07) ), url("../images/bg/herobg.png");

    background-size: cover;
    background-position: 80% 38%;
}


/* =========================================
   SLIDE 2 HERO BACKGROUND
========================================= */

.inamhero-main-section:has(
    .inamhero-carousel-slide-2.inamhero-slide-active
) {
    background: linear-gradient( rgba(255, 255, 255, 0.13), rgba(255, 255, 255, 0.07) ), url("../images/bg/herobg-2.png");
        background-size: cover;
    background-position: 80% 38%;
}


/* =========================================
   SLIDE 3 HERO BACKGROUND
========================================= */

.inamhero-main-section:has(
    .inamhero-carousel-slide-3.inamhero-slide-active
) {
      background: linear-gradient( rgba(255, 255, 255, 0.13), rgba(255, 255, 255, 0.07) ), url("../images/bg/herobg-3.png");
        background-size: cover;
    background-position: 80% 38%;
    margin-top:-60px;
}
.inamhospital-container {
    width: 100%;
    overflow: hidden;
    padding: 50px 0;
    background: #fff;
    box-sizing: border-box;
}

.inamhospital-title {
    text-align: center;
    margin-bottom: 35px;
}

.inamhospital-title h2 {
    margin: 0;
    font-family: "Poppins", sans-serif;
    font-size: 34px;
    font-weight: 700;
    color: #123b82;
}

.inamhospital-title h2 span {
    color: #159b52;
}


/* ================================
   SINGLE ROW VIEWPORT
================================ */

.inamhospital-scroll {
    width: 100%;
    overflow: hidden;
}


/* ================================
   SINGLE HORIZONTAL ROW
================================ */

.inamhospital-logos {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 25px;

    width: max-content;

    animation: inamHospitalScroll 30s linear infinite;
}


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

.inamhospital-item {
    flex: 0 0 210px;

    width: 210px;
    height: 115px;

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

    background: #fff;

    border: 1px solid #edf1f5;
    border-radius: 15px;

    padding: 20px;
    box-sizing: border-box;

    box-shadow: 0 8px 25px rgba(20, 60, 120, 0.07);
}

.inamhospital-item img {
    display: block;

    max-width: 100%;
    max-height: 70px;

    width: auto;
    height: auto;

    object-fit: contain;
}


/* ================================
   CONTINUOUS SCROLL
================================ */

@keyframes inamHospitalScroll {

    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(calc(-50% - 12.5px));
    }

}


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

.inamhospital-scroll:hover .inamhospital-logos {
    animation-play-state: paused;
}


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

@media (max-width: 600px) {

    .inamhospital-container {
        padding: 35px 0;
    }

    .inamhospital-title {
        margin-bottom: 25px;
    }

    .inamhospital-title h2 {
        font-size: 25px;
    }

    .inamhospital-logos {
        gap: 15px;
        animation-duration: 25s;
    }

    .inamhospital-item {
        flex: 0 0 160px;
        width: 160px;
        height: 95px;
        padding: 15px;
    }

    .inamhospital-item img {
        max-height: 55px;
    }
}/* =========================================================
   PARTNER HOSPITALS
========================================================= */

.inamhospital-container {
    width: 100%;
    max-width: 100%;
    overflow: hidden;
    box-sizing: border-box;

    padding: 45px 0 50px;

    background: #ffffff;
}


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

.inamhospital-title {
    width: 100%;
    text-align: center;

    margin: 0 0 35px;
    padding: 0 20px;

    box-sizing: border-box;
}

.inamhospital-title h2 {
    margin: 0;

    font-family: "Poppins", sans-serif;
    font-size: 34px;
    line-height: 1.3;
    font-weight: 700;

    color: #123b82;
}

.inamhospital-title h2 span {
    color: #159b52;
}


/* =========================================================
   VIEWPORT
========================================================= */

.inamhospital-scroll {
    width: 100%;
    max-width: 100%;

    overflow: hidden;

    box-sizing: border-box;
}


/* =========================================================
   SINGLE ROW TRACK
========================================================= */

.inamhospital-logos {

    display: flex !important;

    flex-direction: row !important;

    flex-wrap: nowrap !important;

    align-items: center;

    gap: 28px;

    width: max-content !important;
    max-width: none !important;

    margin: 80px;
    padding: 5px 0;

    /* continuous movement */
    animation: inamHospitalScroll 30s linear infinite;

    box-sizing: border-box;
}
/* Smooth transition only */


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

.inamhospital-item {

    /* VERY IMPORTANT */
    flex: 0 0 210px !important;

    width: 210px;
    min-width: 210px;
    max-width: 210px;

    height: 130px;

    display: flex !important;

    flex-direction: row !important;

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

    flex-shrink: 0 !important;

    padding: 20px;

    box-sizing: border-box;

    background: #ffffff;

    border: 1px solid #e9eef3;

    border-radius: 16px;

    box-shadow: 0 8px 25px rgba(20, 60, 120, 0.07);
}


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

.inamhospital-item img {

    display: block;

    width: auto !important;
    height: auto !important;

    max-width: 150px;
    max-height: 70px;

    object-fit: contain;

    flex-shrink: 0;
}


/* =========================================================
   CONTINUOUS AUTO SCROLL
========================================================= */

@keyframes inamHospitalScroll {

    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(calc(-50% - 14px));
    }

}


/* =========================================================
   PAUSE ON HOVER
========================================================= */

.inamhospital-scroll:hover .inamhero-logos,
.inamhospital-scroll:hover .inamhospital-logos {
    animation-play-state: paused;
}


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

@media (max-width: 900px) {

    .inamhospital-container {
        padding: 40px 0;
    }

    .inamhospital-title {
        margin-bottom: 28px;
    }

    .inamhospital-title h2 {
        font-size: 30px;
    }

    .inamhospital-logos {
        gap: 20px;
        animation-duration: 26s;
    }

    .inamhospital-item {
        flex: 0 0 190px !important;

        width: 190px;
        min-width: 190px;
        max-width: 190px;

        height: 115px;
    }

    .inamhospital-item img {
        max-width: 135px;
        max-height: 60px;
    }
}


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

@media (max-width: 600px) {

    .inamhospital-container {
        padding: 35px 0;
    }

    .inamhospital-title {
        margin-bottom: 22px;
    }

    .inamhospital-title h2 {
        font-size: 25px;
        line-height: 1.25;
    }

    .inamhospital-logos {
        gap: 15px;

        animation-duration: 23s;
    }

    .inamhospital-item {
        flex: 0 0 165px !important;

        width: 165px;
        min-width: 165px;
        max-width: 165px;

        height: 100px;

        padding: 15px;
    }

    .inamhospital-item img {
        max-width: 120px;
        max-height: 52px;
    }
}
/*=========================================================
FEATURE CARD HOVER
=========================================================*/

.inamhero-feature-box{

    cursor:pointer;

}

.inamhero-feature-box:hover{

    transform:translateY(-10px);

    box-shadow:0 22px 55px rgba(0,0,0,.12);

}

.inamhero-feature-box:hover .inamhero-feature-icon{

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

}

.inamhero-feature-icon{

    transition:.35s;

}


/*=========================================================
COUNTRY FLAGS
=========================================================*/

.inamhero-country-flag{

    transition:.35s;

}

.inamhero-country-flag:hover{

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

    z-index:2;

}


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

.inamhero-floating-card:hover{

    transform:translateY(-10px);

    transition:.35s;

}


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

.inamhero-main-image{

    transition:.4s;

}

.inamhero-main-image:hover{

    transform:scale(1.03);

}


/*=========================================================
RESPONSIVE - 1200
=========================================================*/

@media(max-width:1200px){

    .inamhero-container{

        gap:50px;

    }

    .inamhero-heading-one,
    .inamhero-heading-two{

        font-size:48px;

    }

    .inamhero-main-image{

        max-width:520px;

    }

}


/*=========================================================
RESPONSIVE - 992
=========================================================*/

@media(max-width:992px){

    .inamhero-container{

        flex-direction:column;

        text-align:center;

    }

    .inamhero-left-area{

        max-width:100%;

    }

    .inamhero-description{

        margin:auto;

        margin-bottom:35px;

    }

    .inamhero-feature-wrapper{

        grid-template-columns:1fr;

    }

    .inamhero-button-wrapper{

        justify-content:center;

    }

    .inamhero-country-wrapper{

        justify-content:center;

    }

    .inamhero-right-area{

        min-height:auto;

        margin-top:60px;

    }

    .inamhero-floating-card{

        position:relative;

        left:auto;

        bottom:auto;

        margin:35px auto 0;

    }

    .inamhero-mini-badge{

        display:none;

    }

}


/*=========================================================
RESPONSIVE - 768
=========================================================*/

@media(max-width:768px){

    .inamhero-main-section{

        padding:140px 0 70px;

    }

    .inamhero-heading-one,
    .inamhero-heading-two{

        font-size:38px;

    }

    .inamhero-description{

        font-size:16px;

        line-height:30px;

    }

    .inamhero-button-wrapper{

        flex-direction:column;

    }

    .inamhero-primary-button,
    .inamhero-secondary-button{

        width:100%;

        justify-content:center;

    }

    .inamhero-main-image{

        max-width:360px;

    }

}


/*=========================================================
RESPONSIVE - 576
=========================================================*/

@media(max-width:576px){

    .inamhero-container{

        width:94%;

    }

    .inamhero-heading-one,
    .inamhero-heading-two{

        font-size:30px;

        line-height:1.2;

    }

    .inamhero-feature-box{

        padding:15px;

    }

    .inamhero-feature-icon{

        width:55px;

        height:55px;

        font-size:22px;

    }

    .inamhero-country-title{

        font-size:13px;

    }

    .inamhero-country-flag{

        width:40px;

        height:40px;

    }

    .inamhero-main-image{

        max-width:290px;

    }

    .inamhero-floating-card{

        width:100%;

        padding:18px;

    }

}


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

/* html{

    scroll-behavior:smooth;

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

.inamhero-main-section{
    position: relative;
    width: 100%;
    min-height: 900px;
    display: flex;
    align-items: center;
    overflow: hidden;

   
    /* background: linear-gradient( rgba(255, 255, 255, 0.13), rgba(255, 255, 255, 0.07) ), url("../images/bg/herobg.png"); */

    background-size: cover;
    background-position: 80% 38%;
    background-repeat: no-repeat;
    margin-top:-85px;
}

/* Optional overlay for better text readability */
.inamhero-main-section::before{
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
        90deg,
        rgba(255,255,255,.95) 0%,
        rgba(255,255,255,.88) 35%,
        rgba(255,255,255,.45) 70%,
        rgba(255,255,255,.10) 100%
    );
    z-index: 1;
}

.inamhero-container{
    position: relative;
    z-index: 2;
    width: 90%;
    max-width: 1400px;
    margin: auto;
    display: flex;
    align-items: center;
}
/*=========================================================
        INAM MEDICAL SPECIALITIES SECTION
=========================================================*/

.inamspc-main-section{
    width:100%;
    padding:85px 0 90px;
    background:#ffffff;
}

.inamspc-container{
    width:92%;
    max-width:1400px;
    margin:auto;
}

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

.inamspc-heading-area{
    text-align:center;
    margin-bottom:42px;
    margin-top: 40px;
}

.inamspc-subtitle{
    display:inline-block;
    padding:8px 18px;
    background:#eef8f3;
    color:#17a651;
    border-radius:40px;
    font-size:14px;
    font-weight:600;
    letter-spacing:.5px;
    text-transform:uppercase;
    margin-bottom:16px;
}

.inamspc-main-heading{
    margin:0;
    font-size:42px;
    font-weight:800;
    line-height:1.15;
    color:#16397a;
}

.inamspc-main-heading span{
    color:#16a34a;
}

.inamspc-heading-text{
    width:100%;
    max-width:720px;
    margin:14px auto 0;
    font-size:17px;
    line-height:1.7;
    color:#5d6b84;
}

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

.inamspc-grid-wrapper{

    display:grid;

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

    gap:18px;

}

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

.inamspc-service-card{

    background:#fff;

    border:1px solid #e7edf7;

    border-radius:18px;

    padding:18px;

    display:flex;

    align-items:flex-start;

    gap:16px;

    transition:.35s ease;

    min-height:108px;

    box-shadow:0 8px 24px rgba(12,54,117,.05);

    overflow:hidden;

}

.inamspc-service-card:hover{

    transform:translateY(-6px);

    border-color:#1db954;

    box-shadow:0 20px 40px rgba(22,57,122,.12);

}

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

.inamspc-icon-box{

    width:52px;

    height:52px;

    min-width:52px;

    border-radius:50%;

    background:#f8fbff;

    border:1px solid #dfeaf9;

    display:flex;

    align-items:center;

    justify-content:center;

}

.inamspc-icon-box img{

    width:30px;

    height:30px;

    object-fit:contain;

    display:block;

}

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

.inamspc-card-content{

    flex:1;

    min-width:0;

}

.inamspc-card-content h3{

    margin:0 0 8px;

    font-size:17px;

    font-weight:700;

    color:#173d82;

    line-height:1.3;

    /* white-space:nowrap; */

    /* overflow:hidden; */

    text-overflow:ellipsis;

}

.inamspc-card-content p{

    margin:0;

    font-size:14px;

    color:#5c6c86;

    line-height:1.55;

    display:-webkit-box;

    -webkit-line-clamp:2;

    -webkit-box-orient:vertical;

    overflow:hidden;

}

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

.inamspc-button-area{

    margin-top:45px;

    text-align:center;

}

.inamspc-view-button{

    display:inline-flex;

    align-items:center;

    gap:14px;

    padding:16px 34px;

    background:#16397a;

    color:#fff;

    text-decoration:none;

    border-radius:12px;

    font-size:16px;

    font-weight:600;

    transition:.35s;

    box-shadow:0 15px 35px rgba(22,57,122,.20);

}

.inamspc-view-button:hover{

    background:#16a34a;

    transform:translateY(-3px);

}

.inamspc-view-button i{

    font-size:16px;

    transition:.35s;

}

.inamspc-view-button:hover i{

    transform:translateX(5px);

}
/*=========================================================
        LARGE DESKTOP (1600px)
=========================================================*/

@media (max-width:1600px){

    .inamspc-grid-wrapper{

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

    }

}


/*=========================================================
        LAPTOP 1440px
=========================================================*/

@media (max-width:1440px){

    .inamspc-container{

        width:94%;

    }

    .inamspc-grid-wrapper{

        gap:16px;

    }

    .inamspc-service-card{

        padding:16px;

        min-height:104px;

    }

    .inamspc-card-content h3{

        font-size:16px;

    }

    .inamspc-card-content p{

        font-size:13px;

    }

}


/*=========================================================
        LAPTOP 1366px
=========================================================*/

@media (max-width:1366px){

    .inamspc-main-heading{

        font-size:38px;

    }

    .inamspc-heading-text{

        font-size:16px;

    }

    .inamspc-grid-wrapper{

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

    }

}


/*=========================================================
        1280px
=========================================================*/

@media (max-width:1280px){

    .inamspc-main-section{

        padding:0px 0;
          padding-bottom:35px;

    }

    .inamspc-grid-wrapper{

        gap:15px;

    }

    .inamspc-service-card{

        min-height:100px;

        padding:15px;

    }

    .inamspc-icon-box{

        width:48px;
        height:48px;
        min-width:48px;

    }

    .inamspc-icon-box img{

        width:55px;
        height:35px;

    }

    .inamspc-card-content h3{

        font-size:15px;

    }

    .inamspc-card-content p{

        font-size:13px;

        line-height:1.5;

    }

}


/*=========================================================
        1024px
=========================================================*/

@media (max-width:1024px){

    .inamspc-main-heading{

        font-size:34px;

    }

    .inamspc-heading-text{

        max-width:650px;

    }

    .inamspc-grid-wrapper{

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

    }

}


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

@media (max-width:768px){

    .inamspc-main-section{

        padding:60px 0;

    }

    .inamspc-main-heading{

        font-size:30px;

    }

    .inamspc-heading-text{

        font-size:15px;

    }

    .inamspc-grid-wrapper{

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

        gap:15px;

    }

    .inamspc-service-card{

        min-height:95px;

    }

    .inamspc-card-content h3{

        white-space:normal;

    }

}


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

@media (max-width:576px){

    .inamspc-main-heading{

        font-size:26px !important;

        line-height:1.3;

    }

    .inamspc-heading-text{

        font-size:14px;

    }

    .inamspc-grid-wrapper{

        grid-template-columns:1fr;

    }

    .inamspc-service-card{

        min-height:auto;

    }

    .inamspc-view-button{

        width:100%;

        justify-content:center;

    }

}
/*=========================================================
        PREMIUM ICON COLORS
=========================================================*/

.inamspc-service-card:nth-child(odd) .inamspc-icon-box{

    background:#f1fbf6;

    border:1px solid #d7f2e3;

}

.inamspc-service-card:nth-child(even) .inamspc-icon-box{

    background:#f3f8ff;

    border:1px solid #dce9fb;

}


/*=========================================================
        CARD LEFT ACCENT
=========================================================*/

.inamspc-service-card{

    position:relative;

}

.inamspc-service-card::before{

    content:"";

    position:absolute;

    left:0;

    top:25px;

    width:4px;

    height:0;

    border-radius:0 5px 5px 0;

    /* background:#16a34a; */

    transition:.35s;

}

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

    height:55px;

}


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

.inamspc-service-card:hover{

    transform:translateY(-8px);

    border-color:#16a34a;

    box-shadow:

    0 25px 45px rgba(13,61,124,.10),

    0 10px 18px rgba(13,61,124,.05);

}


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

.inamspc-icon-box{

    transition:.35s;

}

.inamspc-service-card:hover .inamspc-icon-box{

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

}


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

.inamspc-icon-box img{

    transition:.35s;

}

.inamspc-service-card:hover img{

    transform:scale(1.12);

}


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

.inamspc-card-content h3{

    transition:.35s;

}

.inamspc-service-card:hover h3{

    color:#16a34a;

}


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

.inamspc-card-content p{

    transition:.35s;

}

.inamspc-service-card:hover p{

    color:#42526b;

}


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

.inamspc-view-button{

    position:relative;

    overflow:hidden;

}

.inamspc-view-button::before{

    content:"";

    position:absolute;

    left:-120%;

    top:0;

    width:120%;

    height:100%;

    background:

    linear-gradient(

    90deg,

    transparent,

    rgba(255,255,255,.35),

    transparent);

    transition:.65s;

}

.inamspc-view-button:hover::before{

    left:120%;

}


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

.inamspc-view-button i{

    transition:.35s;

}

.inamspc-view-button:hover i{

    transform:translateX(8px);

}


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

.inamspc-main-section{

    position:relative;

    overflow:hidden;

}

.inamspc-main-section::before{

    content:"";

    position:absolute;

    width:500px;

    height:500px;

    background:

    radial-gradient(

    rgba(22,163,74,.05),

    transparent 70%);

    top:-220px;

    left:-180px;

}

.inamspc-main-section::after{

    content:"";

    position:absolute;

    width:500px;

    height:500px;

    background:

    radial-gradient(

    rgba(22,57,122,.05),

    transparent 70%);

    bottom:-220px;

    right:-180px;

}


/*=========================================================
        KEEP CONTENT ABOVE BG
=========================================================*/

.inamspc-container{

    position:relative;

    z-index:2;

}


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

.inamspc-service-card{

    background:

    linear-gradient(

    #ffffff,

    #ffffff) padding-box,

    linear-gradient(

    135deg,

    #edf3fb,

    #ffffff) border-box;

    border:1px solid transparent;

}


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

.inamspc-main-heading{

    letter-spacing:-1px;

}

.inamspc-heading-text{

    font-weight:500;

}


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

.inamspc-service-card,
.inamspc-view-button,
.inamspc-icon-box,
.inamspc-card-content h3,
.inamspc-card-content p{

    transition:all .35s ease;

}
/*=========================================================
        INAM SERVICES - PREMIUM FINISH
=========================================================*/

/*-------------------------------
    Section Background Glow
--------------------------------*/

.inamspc-main-section{

    position:relative;
    overflow:hidden;

}

.inamspc-main-section::before{

    content:"";

    position:absolute;

    width:420px;
    height:420px;

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

    border-radius:50%;

    background:radial-gradient(circle,
    rgba(23,166,81,.08) 0%,
    transparent 70%);

}

.inamspc-main-section::after{

    content:"";

    position:absolute;

    width:500px;
    height:500px;

    bottom:-220px;
    right:-220px;

    border-radius:50%;

    background:radial-gradient(circle,
    rgba(28,100,242,.06) 0%,
    transparent 70%);

}

/* Keep content above */

.inamspc-container{

    position:relative;
    z-index:2;

}

/*-------------------------------
        Card Shine
--------------------------------*/

.inamspc-service-card{

    position:relative;
    overflow:hidden;

}

.inamspc-service-card::after{

    content:"";

    position:absolute;

    top:-120%;
    left:-150%;

    width:70%;
    height:280%;

    transform:rotate(25deg);

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

    transition:left .8s ease;

}

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

    left:180%;

}

/*-------------------------------
        Card Hover
--------------------------------*/

.inamspc-service-card:hover{

    transform:translateY(-8px);

    box-shadow:
    0 18px 35px rgba(25,55,120,.10),
    0 8px 18px rgba(25,55,120,.06);

}

/*-------------------------------
        Icon Animation
--------------------------------*/

.inamspc-icon-box{

    transition:
    transform .35s ease,
    box-shadow .35s ease,
    background .35s ease;

}

.inamspc-service-card:hover .inamspc-icon-box{

    transform:scale(1.08);

    box-shadow:0 10px 25px rgba(22,163,74,.18);

}

/*-------------------------------
        Icon Image
--------------------------------*/

.inamspc-icon-box img{

    transition:transform .35s ease;

}

.inamspc-service-card:hover .inamspc-icon-box img{

    transform:scale(1.15);

}

/*-------------------------------
        Heading Hover
--------------------------------*/

.inamspc-card-content h3{

    transition:color .35s ease;

}

.inamspc-service-card:hover h3{

    color:#16a34a;

}

/*-------------------------------
        Paragraph
--------------------------------*/

.inamspc-card-content p{

    transition:color .35s ease;

}

.inamspc-service-card:hover p{

    color:#44546c;

}

/*-------------------------------
        Button
--------------------------------*/

.inamspc-view-button{

    position:relative;
    overflow:hidden;

}

.inamspc-view-button::before{

    content:"";

    position:absolute;

    top:0;
    left:-130%;

    width:120%;
    height:100%;

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

    transition:left .7s ease;

}

.inamspc-view-button:hover::before{

    left:130%;

}

.inamspc-view-button i{

    transition:transform .35s ease;

}

.inamspc-view-button:hover i{

    transform:translateX(8px);

}

/*-------------------------------
        Subtitle
--------------------------------*/

.inamspc-subtitle{

    box-shadow:
    0 8px 20px rgba(22,163,74,.10);

}

/*-------------------------------
        Heading Underline
--------------------------------*/

.inamspc-main-heading span{

    position:relative;

}

.inamspc-main-heading span::after{

    content:"";

    position:absolute;

    left:0;
    bottom:-6px;

    width:100%;
    height:4px;

    border-radius:10px;

    background:linear-gradient(
    90deg,
    #17a651,
    #1c64f2);

}

/*-------------------------------
        Focus State
--------------------------------*/

.inamspc-view-button:focus{

    outline:none;

    box-shadow:
    0 0 0 4px rgba(22,163,74,.18);

}
/*=========================================================
        TYPOGRAPHY
=========================================================*/

.inamspc-main-section{

    font-family:'Poppins',sans-serif;

}

.inamspc-subtitle{

    font-family:'Poppins',sans-serif;
    font-size:14px;
    font-weight:600;
    letter-spacing:1px;
    text-transform:uppercase;

}

.inamspc-main-heading{

    font-family:'Poppins',sans-serif;
    font-size:42px;
    font-weight:700;
    line-height:1.2;
    color:#16397a;

}

.inamspc-heading-text{

    font-family:'Poppins',sans-serif;
    font-size:16px;
    font-weight:400;
    line-height:1.8;
    color:#5f6f89;

}

.inamspc-card-content h3{

    font-family:'Poppins',sans-serif;
    font-size:15px;
    font-weight:600;
    line-height:1.4;
    color:#16397a;
    margin-top: 10px;

}

.inamspc-card-content p{

    font-family:'Poppins',sans-serif;
    font-size:14px;
    font-weight:400;
    line-height:1.7;
    color:#66758d;

}

.inamspc-view-button{

    font-family:'Poppins',sans-serif;
    font-size:15px;
    font-weight:600;

}

/*=========================================================
                OUR SERVICES
=========================================================*/

.inamservice-main-section{

    padding:60px 0;
    background:#ffffff;
    overflow:hidden;
    padding-bottom: 5px;


}

.inamservice-container{

    width:92%;
    max-width:1450px;
    margin:auto;

}

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

.inamservice-heading{

    max-width:720px;
    margin:0 auto 15px;
    text-align:center;

}

.inamservice-subtitle{

    display:inline-block;

    padding:8px 20px;

    background:#eaf8ef;

    color:#1ba35c;

    border-radius:30px;

    font-size:14px;

    font-weight:600;

    letter-spacing:.5px;

    font-family:'Poppins',sans-serif;

    margin-bottom:18px;

}

.inamservice-heading h2 {
  margin: 0;
  font-size: 42px;
  font-weight: 750;
  color: #14386d;
  line-height: 1.25;
  font-family: 'Poppins',sans-serif;
  text-transform: uppercase;
  width: 105%;
}

.inamservice-heading h2 span{

    color:#17a651;

}

.inamservice-heading p{

    margin-top:18px;

    color:#68778f;

    font-size:16px;

    line-height:1.8;

    font-family:'Poppins',sans-serif;

}


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

.inamservice-slider{

    overflow:visible;

}

.inamservice-slider .swiper-wrapper{

    align-items:stretch;

}

.inamservice-slider .swiper-slide{

    height:auto;

}


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

.inamservice-card{

    background:#fff;

    border-radius:18px;

    overflow:hidden;

    border:1px solid #edf1f7;

    box-shadow:

    0 8px 24px rgba(21,47,89,.06);

    height:100%;

    transition:.35s;

}


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

.inamservice-image{

    overflow:hidden;

    height:165px;

    background:#eef3fb;

}

.inamservice-image img{

    width:100%;

    height:100%;

    display:block;

    object-fit:cover;

    transition:.6s;

}


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

.inamservice-content{

    padding:22px;

}

.inamservice-content h3{

    margin:0;

    font-size:19px;

    font-weight:600;

    color:#14386d;

    line-height:1.35;

    font-family:'Poppins',sans-serif;

}

.inamservice-content p{

    margin:14px 0 20px;

    color:#6c7b92;

    font-size:14px;

    line-height:1.75;

    font-family:'Poppins',sans-serif;

    min-height:40px;

}


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

.inamservice-content a{

    display:inline-flex;

    align-items:center;

    gap:8px;

    text-decoration:none;

    color:#1d4ed8;

    font-size:14px;

    font-weight:600;

    font-family:'Poppins',sans-serif;

    transition:.35s;

}

.inamservice-content a i{

    font-size:13px;

    transition:.35s;

}


/*=========================================================
                PREVENT TEXT JUMP
=========================================================*/

.inamservice-content h3{

    min-height:52px;

    display:flex;

    align-items:center;

}

.inamservice-content p{

    display:-webkit-box;

    -webkit-line-clamp:3;

    -webkit-box-orient:vertical;

    overflow:hidden;

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

.inamservice-card{

    position:relative;

    transition:
    transform .35s ease,
    box-shadow .35s ease,
    border-color .35s ease;

}

.inamservice-card:hover{

    transform:translateY(-10px);

    border-color:#18a957;

    box-shadow:
    0 20px 45px rgba(16,52,110,.12),
    0 8px 18px rgba(16,52,110,.08);

}


/*=========================================================
                TOP ACCENT
=========================================================*/

.inamservice-card::before{

    content:"";

    position:absolute;

    left:0;
    top:0;

    width:0;

    height:4px;

    background:#18a957;

    transition:.4s;

    z-index:5;

}

.inamservice-card:hover::before{

    width:100%;

}


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

.inamservice-image{

    position:relative;

}

.inamservice-image img{

    transition:
    transform .7s ease,
    filter .4s ease;

}

.inamservice-card:hover .inamservice-image img{

    transform:scale(1.08);

    filter:brightness(1.04);

}


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

.inamservice-image::after{

    content:"";

    position:absolute;

    inset:0;

    background:linear-gradient(
    to top,
    rgba(20,56,109,.18),
    transparent 65%);

    opacity:0;

    transition:.35s;

}

.inamservice-card:hover .inamservice-image::after{

    opacity:1;

}


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

.inamservice-content h3{

    transition:.35s;

}

.inamservice-card:hover h3{

    color:#18a957;

}


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

.inamservice-content a{

    position:relative;

    width:max-content;

}

.inamservice-content a::after{

    content:"";

    position:absolute;

    left:0;
    bottom:-4px;

    width:0;

    height:2px;

    background:#18a957;

    transition:.35s;

}

.inamservice-content a:hover::after{

    width:100%;

}

.inamservice-content a:hover{

    color:#18a957;

}

.inamservice-content a:hover i{

    transform:translateX(6px);

}


/*=========================================================
            SWIPER NAVIGATION
=========================================================*/

.swiper-button-next,
.swiper-button-prev{

    width:48px;

    height:48px;

    border-radius:50%;

    background:#ffffff;

    border:1px solid #e8edf5;

    box-shadow:0 8px 20px rgba(0,0,0,.08);

    transition:.35s;

}

.swiper-button-next:hover,
.swiper-button-prev:hover{

    background:#18a957;

    border-color:#18a957;

}

.swiper-button-next::after,
.swiper-button-prev::after{

    font-size:18px;

    font-weight:700;

    color:#183b78;

}

.swiper-button-next:hover::after,
.swiper-button-prev:hover::after{

    color:#ffffff;

}


/*=========================================================
            PAGINATION
=========================================================*/

.swiper-pagination{

    position:relative;

    margin-top:40px;

}

.swiper-pagination-bullet{

    width:10px;

    height:10px;

    background:#cfd8e8;

    opacity:1;

}

.swiper-pagination-bullet-active{

    width:26px;

    border-radius:20px;

    background:#18a957;

}


.inamservice-slider{

    padding:18px 0 20px;

}
.swiper-slide{

    height:auto;

}.inamservice-slider{

    overflow:visible;

}

.inamservice-slider .swiper-wrapper{

    overflow:visible;

}
.inamservice-slider .swiper-wrapper{

    padding:20px 20px;

    box-sizing:border-box;
    margin-left: 5px;
    

}

/*=========================================================
            HOW INAM PHARMA WORKS
=========================================================*/

.inamwork-main-section{

    width:100%;
    padding:90px 0;
    background:#ffffff;
    overflow:hidden;
    position:relative;

}

.inamwork-container{

    width:92%;
    max-width:1450px;
    margin:auto;

}

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

.inamwork-heading{

    text-align:center;
    margin-bottom:70px;

}

.inamwork-subtitle{

    display:inline-block;
    padding:8px 20px;
    background:#eef8f2;
    color:#18a957;
    border-radius:30px;
    font-size:14px;
    font-weight:600;
    letter-spacing:.6px;
    margin-bottom:16px;
    font-family:'Poppins',sans-serif;

}

.inamwork-heading h2{

    margin:0;
    font-size:42px;
    color:#173b7a;
    font-weight:700;
    font-family:'Poppins',sans-serif;

}

.inamwork-heading h2 span{

    color:#18a957;

}

.inamwork-heading p{

    margin-top:14px;
    color:#6d7b93;
    font-size:16px;
    font-family:'Poppins',sans-serif;

}

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

.inamwork-timeline{

    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    position:relative;

}

/*======================
      CONNECTOR
======================*/

.inamwork-line{

    flex:1;
    height:2px;
    margin:60px -10px 0;
    border-top:2px dashed #cdd8ec;
    position:relative;

}

.inamwork-line::after{

    content:"";
    position:absolute;
    right:-4px;
    top:-5px;
    width:8px;
    height:8px;
    border-radius:50%;
    background:#173b7a;

}

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

.inamwork-step{

    width:240px;
    text-align:center;
    position:relative;

}

/*======================
     NUMBER BADGE
======================*/

.inamwork-number{

    position:absolute;
    left:40px;
    top:-12px;

    width:34px;
    height:34px;

    border-radius:50%;
    background:#18a957;
    color:#ffffff;

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

    font-size:13px;
    font-weight:700;
    font-family:'Poppins',sans-serif;

    z-index:5;

}

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

.inamwork-card{

    width:96px;
    height:96px;

    margin:0 auto 28px;

    background:#ffffff;

    border-radius:22px;

    border:1px solid #edf1f8;

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

    box-shadow:
    0 15px 40px rgba(18,55,118,.08);

    transition:.35s ease;

}

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

.inamwork-icon{

    width:58px;
    height:58px;

    border-radius:18px;

    background:#eef8f2;

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

    color:#18a957;

    font-size:28px;

    transition:.35s ease;

}

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

.inamwork-step h3{

    margin:0 0 14px;

    font-size:22px;
    line-height:1.35;
    font-weight:600;

    color:#173b7a;

    font-family:'Poppins',sans-serif;

}

.inamwork-step p{

    margin:0 auto;

    max-width:210px;

    font-size:15px;
    line-height:1.8;

    color:#6c7b92;

    font-family:'Poppins',sans-serif;

}

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

.inamwork-step:hover .inamwork-card{

    transform:translateY(-8px);

    box-shadow:
    0 22px 50px rgba(18,55,118,.12);

}

.inamwork-step:hover .inamwork-icon{

    transform:scale(1.1);

    background:#18a957;

    color:#ffffff;

}

.inamwork-step:hover h3{

    color:#18a957;

}

/*======================
   BACKGROUND GLOW
======================*/

.inamwork-main-section::before{

    content:"";

    position:absolute;

    width:520px;
    height:520px;

    top:-240px;
    left:-240px;

    border-radius:50%;

    background:
    radial-gradient(rgba(24,169,87,.08),transparent 70%);

}

.inamwork-main-section::after{

    content:"";

    position:absolute;

    width:520px;
    height:520px;

    right:-240px;
    bottom:-240px;

    border-radius:50%;

    background:
    radial-gradient(rgba(24,85,180,.06),transparent 70%);

}

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

@media(max-width:1200px){

    .inamwork-step{

        width:210px;

    }

    .inamwork-step h3{

        font-size:19px;

    }

}

@media(max-width:992px){

    .inamwork-timeline{

        flex-wrap:wrap;
        gap:50px;
        justify-content:center;

    }

    .inamwork-line{

        display:none;

    }

}

@media(max-width:768px){

    .inamwork-heading h2{

        font-size:34px;

    }

    .inamwork-step{

        width:100%;

    }

}

@media(max-width:576px){

    .inamwork-main-section{

        padding:70px 0;

    }

    .inamwork-heading h2{

        font-size:28px;

    }

    .inamwork-step h3{

        font-size:20px;

    }

}

/*=========================================================
                HOW IT WORKS SECTION
=========================================================*/

.inamwork-main-section{

    width:100%;
    padding:0px 0 70px;
    background:#ffffff;
    position:relative;
    overflow:hidden;
    font-family:'Poppins',sans-serif;

}

.inamwork-container{

    width:92%;
    max-width:1500px;
    margin:auto;
    position:relative;

}

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

.inamwork-heading{

    text-align:center;
    margin-bottom:70px;

}

.inamwork-subtitle{

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

    padding:10px 26px;

    border:1px solid #dbe8f8;

    border-radius:14px;

    background:#ffffff;

    color:#16a34a;

    font-size:15px;

    font-weight:600;

    letter-spacing:.5px;

    margin-bottom:22px;

    box-shadow:0 8px 25px rgba(17,78,156,.05);

}

.inamwork-heading h2{

    margin:0;

    font-size:64px;

    font-weight:700;

    color:#123b84;

    line-height:1.15;

}

.inamwork-heading h2 span{

    color:#18a957;

}

.inamwork-heading p{

    margin-top:22px;

    font-size:20px;

    color:#687791;

    line-height:1.7;

}

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

.inamwork-process{

    display:flex;

    align-items:flex-start;

    justify-content:space-between;

}

/*=========================================================
                        ITEM
=========================================================*/

.inamwork-item{

    width:255px;

    text-align:center;

    position:relative;

}

/*=========================================================
                    NUMBER BADGE
=========================================================*/

.inamwork-count{

    width:54px;

    height:54px;

    border-radius:50%;

    background:#18a957;

    color:#ffffff;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:18px;

    font-weight:700;

    position:absolute;

    left:50%;

    transform:translateX(-50%);

    top:-18px;

    z-index:20;

    box-shadow:

    0 14px 30px rgba(24,169,87,.22);

}

.inamwork-blue{

    background:#165dc8;

    box-shadow:

    0 14px 30px rgba(22,93,200,.22);

}

/*=========================================================
                        CIRCLE
=========================================================*/

.inamwork-circle{

    width:180px;

    height:180px;

    margin:auto;

    border-radius:50%;

    background:#ffffff;

    position:relative;

    display:flex;

    justify-content:center;

    align-items:center;

    box-shadow:

    0 20px 60px rgba(16,52,115,.08);

}

/*=========================================================
                    OUTER ARC
=========================================================*/

.inamwork-circle::before{

    content:"";

    position:absolute;

    inset:12px;

    border-radius:50%;

    border:5px solid #edf2fb;

}

.inamwork-circle::after{

    content:"";

    position:absolute;

    inset:12px;

    border-radius:50%;

    border:5px solid transparent;

    border-left-color:#18a957;

    border-bottom-color:#18a957;

    transform:rotate(20deg);

}

/*=========================================================
                    BLUE VERSION
=========================================================*/

.inamwork-circle-blue::after{

    border-left-color:#165dc8;

    border-bottom-color:#165dc8;

}

/*=========================================================
                    INNER CIRCLE
=========================================================*/

.inamwork-circle-inner{

    width:110px;

    height:110px;

    border-radius:50%;

    background:#ffffff;

    display:flex;

    justify-content:center;

    align-items:center;

    box-shadow:

    0 12px 35px rgba(20,60,120,.08);

}

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

.inamwork-circle-inner i{

    font-size:50px;

    color:#18a957;

}

.inamwork-circle-blue .inamwork-circle-inner i{

    color:#165dc8;

}

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

.inamwork-item h3{

    margin:38px 0 18px;

    font-size:24px;

    line-height:1.35;

    font-weight:700;

    color:#143d84;

}

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

.inamwork-divider{

    width:60px;

    height:4px;

    background:#18a957;

    border-radius:20px;

    display:block;

    margin:0 auto 24px;

}

.inamwork-divider-blue{

    background:#165dc8;

}

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

.inamwork-item p{

    margin:0 auto;

    max-width:230px;

    color:#6c7892;

    font-size:17px;

    line-height:2;

}
/*=========================================================
                    CONNECTORS
=========================================================*/

.inamwork-connector{

    flex:1;

    display:flex;

    align-items:center;

    justify-content:center;

    margin-top:78px;

    position:relative;

}

.inamwork-dots{

    width:100%;

    border-top:3px dashed #cfd9ea;

    position:relative;

}

.inamwork-dots::before{

    content:"";

    position:absolute;

    left:0;
    top:-7px;

    width:12px;
    height:12px;

    border-radius:50%;

    background:#ffffff;

    border:2px solid #cfd9ea;

}

.inamwork-dots::after{

    content:"";

    position:absolute;

    right:0;
    top:-7px;

    width:12px;
    height:12px;

    border-radius:50%;

    background:#ffffff;

    border:2px solid #cfd9ea;

}

.inamwork-connector i{

    position:absolute;

    right:-5px;

    top:50%;

    transform:translateY(-50%);

    color:#18a957;

    font-size:28px;

}

/*=========================================================
                TRUST BAR
=========================================================*/

.inamwork-bottom{

    margin-top:90px;

    background:#ffffff;

    border-radius:28px;

    padding:35px 40px;

    display:grid;

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

    gap:30px;

    box-shadow:

    0 20px 60px rgba(17,60,130,.08);

}

.inamwork-feature{

    display:flex;

    align-items:center;

    gap:18px;

    position:relative;

}

.inamwork-feature:not(:last-child)::after{

    content:"";

    position:absolute;

    right:-15px;

    top:50%;

    transform:translateY(-50%);

    width:1px;

    height:55px;

    background:#edf2fb;

}

.inamwork-feature i{

    width:65px;

    height:65px;

    border-radius:50%;

    display:flex;

    align-items:center;

    justify-content:center;

    background:#f3fbf6;

    color:#18a957;

    font-size:28px;

    flex-shrink:0;

}

.inamwork-feature span{

    display:block;

    font-size:18px;

    color:#304561;

    line-height:1.6;

    font-weight:500;

}

.inamwork-feature strong{

    display:block;

    color:#163d84;

    font-size:22px;

    font-weight:700;

    margin-top:3px;

}

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

.inamwork-item{

    transition:.45s ease;

}

.inamwork-item:hover{

    transform:translateY(-12px);

}

.inamwork-item:hover .inamwork-circle{

    box-shadow:

    0 35px 80px rgba(17,60,130,.14);

}

.inamwork-item:hover .inamwork-circle-inner{

    transform:scale(1.08);

}

.inamwork-circle-inner{

    transition:.4s;

}

.inamwork-item:hover .inamwork-circle-inner i{

    transform:scale(1.12);

}

.inamwork-circle-inner i{

    transition:.35s;

}

.inamwork-item:hover h3{

    color:#18a957;

}

.inamwork-feature:hover i{

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

}

.inamwork-feature i{

    transition:.35s;

}

/*=========================================================
                BACKGROUND DECORATION
=========================================================*/

.inamwork-main-section::before{

    content:"";

    position:absolute;

    width:650px;

    height:650px;

    left:-300px;

    top:-300px;

    border-radius:50%;

    background:

    radial-gradient(

    rgba(24,169,87,.05),

    transparent 70%

    );

}

.inamwork-main-section::after{

    content:"";

    position:absolute;

    width:700px;

    height:700px;

    right:-350px;

    top:-120px;

    border-radius:50%;

    background:

    radial-gradient(

    rgba(22,93,200,.05),

    transparent 70%

    );

}

.inamwork-container{

    position:relative;

    z-index:2;

}

/* Decorative Plus */

.inamwork-main-section .inamwork-container::before{

    content:"+";

    position:absolute;

    left:-10px;

    top:120px;

    font-size:120px;

    font-weight:300;

    color:#edf4fb;

}

.inamwork-main-section .inamwork-container::after{

    content:"";

    position:absolute;

    right:20px;

    top:70px;

    width:120px;

    height:120px;

    background-image:radial-gradient(#d5e6fb 1.8px,transparent 1.8px);

    background-size:14px 14px;

    opacity:.7;

}

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

@media(max-width:1400px){

    .inamwork-heading h2{

        font-size:54px;

    }

    .inamwork-item{

        width:220px;

    }

}

@media(max-width:1200px){

    .inamwork-process{

        flex-wrap:wrap;

        justify-content:center;

        gap:70px;

    }

    .inamwork-connector{

        display:none;

    }

    .inamwork-bottom{

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

    }

    .inamwork-feature::after{

        display:none;

    }

}

@media(max-width:768px){

    .inamwork-heading h2{

        font-size:38px;

    }

    .inamwork-heading p{

        font-size:17px;

    }

    .inamwork-bottom{

        grid-template-columns:1fr;

    }

    .inamwork-item{

        width:100%;

    }

}

@media(max-width:576px){

    .inamwork-main-section{

        padding:80px 0;

    }

    .inamwork-heading{

        margin-bottom:50px;

    }

    .inamwork-heading h2{

        font-size:30px !important;

    }
    .inamwork-heading h2 span::after {
    content: "";
    position: absolute;
    left: -25px !important;
    bottom: -39px !important;
    width: 100%;
    height: 5px;
    border-radius: 20px;
    background: linear-gradient(90deg, #18a957, #165dc8);
}

    .inamwork-circle{

        width:150px;
        height:150px;

    }

    .inamwork-circle-inner{

        width:90px;
        height:90px;

    }

    .inamwork-circle-inner i{

        font-size:40px;

    }

    .inamwork-item h3{

        font-size:21px;

    }

}
/*=========================================================
            PREMIUM FINISHING EFFECTS
=========================================================*/

/*-----------------------------
      Smooth Transitions
------------------------------*/

.inamwork-item,
.inamwork-circle,
.inamwork-circle-inner,
.inamwork-feature,
.inamwork-feature i,
.inamwork-feature strong,
.inamwork-item h3{

    transition:all .4s ease;

}

/*-----------------------------
      Circle Glow
------------------------------*/

.inamwork-circle{

    overflow:hidden;

}

.inamwork-circle::before{

    box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.8),
    inset 0 10px 30px rgba(255,255,255,.45);

}

/*-----------------------------
      Animated Ring
------------------------------*/

.inamwork-circle::after{

    animation:inamworkRotate 10s linear infinite;

}

/*-----------------------------
      Card Lift
------------------------------*/

.inamwork-item:hover{

    transform:translateY(-16px);

}

/*-----------------------------
      Icon Background
------------------------------*/

.inamwork-circle-inner{

    background:

    linear-gradient(
    180deg,
    #ffffff 0%,
    #f7fbff 100%);

}

/*-----------------------------
      Icon Scale
------------------------------*/

.inamwork-item:hover .inamwork-circle-inner{

    transform:scale(1.1);

}

.inamwork-item:hover .inamwork-circle-inner i{

    transform:scale(1.15);

}

/*-----------------------------
      Number Pulse
------------------------------*/

.inamwork-count{

    animation:inamworkPulse 3s infinite;

}

/*-----------------------------
      Divider Animation
------------------------------*/

.inamwork-divider{

    transition:.4s;

}

.inamwork-item:hover .inamwork-divider{

    width:90px;

}

/*-----------------------------
      Connector Animation
------------------------------*/

.inamwork-connector i{

    animation:inamArrowMove 2s infinite;

}

/*-----------------------------
      Trust Bar Hover
------------------------------*/

.inamwork-feature{

    border-radius:18px;

    padding:12px;

}

.inamwork-feature:hover{

    background:#f8fbff;

}

.inamwork-feature:hover strong{

    color:#18a957;

}

/*-----------------------------
      Heading Effect
------------------------------*/

.inamwork-heading h2 span{

    position:relative;

}

.inamwork-heading h2 span::after{

    content:"";

    position:absolute;

    left:0;

    bottom:-6px;

    width:100%;

    height:5px;

    border-radius:20px;

    background:

    linear-gradient(
    90deg,
    #18a957,
    #165dc8);

}

/*=========================================================
                ANIMATIONS
=========================================================*/

@keyframes inamworkRotate{

    from{

        transform:rotate(20deg);

    }

    to{

        transform:rotate(380deg);

    }

}

@keyframes inamworkPulse{

    0%,100%{

        transform:translateX(-50%) scale(1);

    }

    50%{

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

    }

}

@keyframes inamArrowMove{

    0%{

        transform:translateY(-50%) translateX(0);

    }

    50%{

        transform:translateY(-50%) translateX(6px);

    }

    100%{

        transform:translateY(-50%) translateX(0);

    }

}
.inamwork-heading{
    margin-bottom:45px;
}

.inamwork-heading h2{
    font-size:40px;
}

.inamwork-heading p{
    font-size:17px;
    margin-top:16px;
}
.inamwork-circle{

    width:145px;
    height:145px;

}

.inamwork-circle::before{

    inset:10px;

}

.inamwork-circle::after{

    inset:10px;

}

.inamwork-circle-inner{

    width:88px;
    height:88px;

}

.inamwork-circle-inner i{

    font-size:38px;

}
.inamwork-count{

    width:42px;
    height:42px;

    font-size:15px;

    top:-12px;

}
.inamwork-item{

    width:280px;

}
.inamwork-item h3{

    margin:25px 0 12px;

    font-size:20px;

}
.inamwork-item p{

    max-width:200px;

    font-size:15px;

    line-height:1.7;

}
.inamwork-connector{

    margin-top:62px;

}

.inamwork-connector i{

    font-size:22px;

}
.inamwork-main-section{

    position:relative;

    padding:25px 0;

    background:
        linear-gradient( rgba(255, 255, 255, 0.63), rgba(255, 255, 255, 0.27) ), url("../images/bg/howitworksbg.png");

    background-size:cover;

    /* background-position:center; */

    background-repeat:no-repeat;

    overflow:hidden;

}
/*=========================================================
                PARTNER HOSPITALS
=========================================================*/

.inamhospital-main-section{

    width:100%;

    padding:40px 0 10px;

    background:transparent;

    font-family:'Poppins',sans-serif;

}

/*=========================================================
                    CONTAINER
=========================================================*/

.inamhospital-container{

    width:92%;

    max-width:1500px;

    margin:auto;

    position:relative;

    background:#ffffff;

    border:1px solid #e6edf8;

    border-radius:24px;

    padding:38px 28px 26px;

    box-shadow:
    0 10px 30px rgba(16,52,115,.05);

}

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

.inamhospital-title{

    position:absolute;

    left:50%;

    top:0;

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

    background:#ffffff;

    padding:0 24px;

    z-index:5;

}

/* .inamhospital-title h2{

    margin:0;

    font-size:34px;

    font-weight:700;

    color:#143d84;

    line-height:1;

    white-space:nowrap;

} */
 .inamhospital-title h2 {
  margin: 0;
    margin-top: 0px;
  font-size: 34px;
  font-weight: 700;
  color: #143d84;
  line-height: 1;
  white-space: nowrap;
  margin-top: 118px;
 }

.inamhospital-title span{

    color:#18a957;

}

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

.inamhospital-logos{

    display:grid;

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

    align-items:center;

}

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

.inamhospital-item{

    height:95px;

    display:flex;

    align-items:center;

    justify-content:center;

    position:relative;

    padding:0 24px;

}

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

.inamhospital-item:not(:last-child)::after{

    content:"";

    position:absolute;

    right:0;

    top:50%;

    transform:translateY(-50%);

    width:1px;

    height:55px;

    background:#edf2fb;

}

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

.inamhospital-item img{

    max-width:150px;

    max-height:60px;

    width:auto;

    height:auto;

    object-fit:contain;

    transition:.35s ease;

    filter:grayscale(0%);

}

/*=========================================================
                    DIFFERENT LOGO SIZES
=========================================================*/

.inamhospital-item:nth-child(1) img{

    max-width:120px;

}

.inamhospital-item:nth-child(2) img{

    max-width:135px;

}

.inamhospital-item:nth-child(3) img{

    max-width:165px;

}

.inamhospital-item:nth-child(4) img{

    max-width:120px;
    margin-top:-25px;

}

.inamhospital-item:nth-child(5) img{

    max-width:155px;

}

.inamhospital-item:nth-child(6) img{

    max-width:135px;

}
/*=========================================================
                PREMIUM HOVER EFFECTS
=========================================================*/

.inamhospital-container{

    transition:.4s ease;

}

.inamhospital-container:hover{

    box-shadow:
    0 20px 50px rgba(15,55,120,.08);

}

.inamhospital-item{

    transition:.35s ease;

}

.inamhospital-item:hover{

    background:#fbfdff;

}

.inamhospital-item:hover img{

    transform:scale(1.08);

}

.inamhospital-item img{

    transition:
    transform .35s ease,
    filter .35s ease,
    opacity .35s ease;

}

.inamhospital-item:hover::after{

    background:#d5e5fb;

}

/*=========================================================
                BORDER GLOW
=========================================================*/

.inamhospital-container::before{

    content:"";

    position:absolute;

    inset:0;

    border-radius:24px;

    padding:1px;

    background:
    linear-gradient(
    90deg,
    rgba(24,169,87,.15),
    rgba(22,93,200,.15));

    -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);

    -webkit-mask-composite:xor;

    mask-composite:exclude;

    pointer-events:none;

}

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

@media(max-width:1200px){

    .inamhospital-logos{

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

        row-gap:25px;

    }

    .inamhospital-item:nth-child(3)::after{

        display:none;

    }

}

@media(max-width:768px){

    .inamhospital-container{

        padding:45px 20px 25px;

    }

    .inamhospital-title h2{

        font-size:26px;

    }

    .inamhospital-logos{

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

    }

    .inamhospital-item::after{

        display:none;

    }

    .inamhospital-item{

        height:80px;

    }

    .inamhospital-item img{

        max-width:120px;

    }

}

@media(max-width:480px){

    .inamhospital-title{

        padding:0 14px;

    }

    .inamhospital-title h2{

        font-size:22px;

    }

    .inamhospital-logos{

        grid-template-columns:1fr;

        gap:10px;

    }

    .inamhospital-item{

        height:75px;

    }

}
.inamhospital-item{

    flex:1;

    height:130px;

    display:flex;

    justify-content:center;

    align-items:center;

    padding:10px 15px;

}

.inamhospital-item img{

    width:auto;

    max-width:190px;

    max-height:85px;

    object-fit:contain;

    transition:.35s ease;

}
/*=========================================================
                OUR SPECIALIST DOCTORS
=========================================================*/

.inamdoctor-main-section{

    width:100%;
    padding:10px 0;
    background:#fff;
    font-family:'Poppins',sans-serif;

}

.inamdoctor-container{

    width:92%;
    max-width:1500px;
    margin:auto;

}

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

.inamdoctor-heading{

    text-align:center;
    margin-bottom:50px;

}

.inamdoctor-heading h2{

    margin:0;
    font-size:42px;
    font-weight:700;
    color:#163d84;

}

.inamdoctor-heading h2 span{

    color:#16a34a;

}

.inamdoctor-heading p{

    margin-top:12px;
    color:#6b7280;
    font-size:16px;
    font-weight:500;

}

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

.inamdoctor-grid{

    display:grid;

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

    gap:28px;

}

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

.inamdoctor-card{

    background:#fff;

    border-radius:18px;

    overflow:hidden;

    border:1px solid #edf2fb;

    box-shadow:
    0 12px 30px rgba(17,52,115,.06);

    transition:.35s ease;

}

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

.inamdoctor-image{

    height:250px;

    overflow:hidden;

    background:#f7f9fc;

}

.inamdoctor-image img{

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

    transition:.45s;

}

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

.inamdoctor-content{

    padding:20px;

}

.inamdoctor-content h3{

    margin:0;

    font-size:20px;

    color:#163d84;

    font-weight:700;

    line-height:1.4;

}

.inamdoctor-content h4{

    margin:8px 0 18px;

    font-size:15px;

    font-weight:600;

    color:#4b5563;

}

.inamdoctor-content span{

    display:block;

    font-size:15px;

    color:#6b7280;

    margin-bottom:22px;

}

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

.inamdoctor-btn{

    display:flex;

    align-items:center;

    justify-content:center;

    width:100%;

    height:46px;

    border-radius:10px;

    background:#165dc8;

    color:#fff;

    font-size:15px;

    font-weight:600;

    text-decoration:none;

    transition:.35s;

}
/*=========================================================
                HOVER EFFECTS
=========================================================*/

.inamdoctor-card{

    position:relative;

    transition:
    transform .4s ease,
    box-shadow .4s ease;

}

.inamdoctor-card:hover{

    transform:translateY(-12px);

    box-shadow:
    0 25px 55px rgba(17,52,115,.12);

}

.inamdoctor-card:hover .inamdoctor-image img{

    transform:scale(1.08);

}

.inamdoctor-image img{

    transition:transform .45s ease;

}

/*=========================================================
                BORDER GLOW
=========================================================*/

.inamdoctor-card::before{

    content:"";

    position:absolute;

    inset:0;

    border-radius:18px;

    padding:1px;

    background:
    linear-gradient(
        135deg,
        rgba(22,93,200,.18),
        rgba(24,169,87,.18)
    );

    -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);

    -webkit-mask-composite:xor;

    mask-composite:exclude;

    pointer-events:none;

}

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

.inamdoctor-btn{

    position:relative;

    overflow:hidden;

}

.inamdoctor-btn::before{

    content:"";

    position:absolute;

    top:0;

    left:-120%;

    width:70%;

    height:100%;

    background:

    linear-gradient(
        90deg,
        transparent,
        rgba(255,255,255,.35),
        transparent
    );

    transition:.6s;

}

.inamdoctor-btn:hover{

    background:#18a957;

}

.inamdoctor-btn:hover::before{

    left:150%;

}

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

.inamdoctor-heading h2 span{

    position:relative;

}

.inamdoctor-heading h2 span::after{

    content:"";

    position:absolute;

    left:0;

    bottom:-6px;

    width:100%;

    height:4px;

    border-radius:20px;

    background:

    linear-gradient(
        90deg,
        #18a957,
        #165dc8
    );

}

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

.inamdoctor-image{

    position:relative;

}

.inamdoctor-image::after{

    content:"";

    position:absolute;

    inset:0;

    background:

    linear-gradient(
        to top,
        rgba(0,0,0,.06),
        transparent 45%
    );

}

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

@media(max-width:1400px){

    .inamdoctor-grid{

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

    }

}

@media(max-width:1200px){

    .inamdoctor-grid{

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

    }

}

@media(max-width:992px){

    .inamdoctor-grid{

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

    }

}

@media(max-width:576px){

    .inamdoctor-main-section{

        padding:60px 0;

    }

    .inamdoctor-heading h2{

        font-size:32px;

    }

    .inamdoctor-grid{

        grid-template-columns:1fr;

        gap:22px;

    }

    .inamdoctor-image{

        height:280px;

    }

}

/*==================================================
    INAM WORK PROCESS - PART 1
==================================================*/

.owp-section{
    font-family:'Outfit',sans-serif;
    background:
        radial-gradient(circle at 8% 8%,rgba(47,158,68,.06),transparent 40%),
        radial-gradient(circle at 95% 10%,rgba(28,63,143,.06),transparent 40%),
        #ffffff;
    width:100%;
    max-width:100vw;
    overflow-x:hidden;
    padding:70px 20px;
    position:relative;
    box-sizing:border-box;
}

.owp-header{
    text-align:center;
    margin-bottom:60px;
    position:relative;
}

.owp-eyebrow{
    display:inline-block;
    padding:6px 16px;
    border-radius:30px;
    background:rgba(47,158,68,.08);
    color:#2f9e44;
    text-transform:uppercase;
    letter-spacing:2px;
    font-size:12px;
    font-weight:600;
    margin-bottom:16px;
}

.owp-title{
    font-size:clamp(30px,4vw,42px);
    font-weight:700;
    color:#1c3f8f;
    line-height:1.2;
}

.owp-title span{
    color:#2f9e44;
}

.owp-title-underline{
    width:60px;
    height:4px;
    margin:18px auto 0;
    border-radius:10px;
    background:linear-gradient(90deg,#1c3f8f,#2f9e44);
}

.owp-body{
    position:relative;
    max-width:1200px;
    margin:auto;
}

.owp-timeline{
    position:relative;
    max-width:920px;
    margin:auto;
}

.owp-timeline::before{
    content:"";
    position:absolute;
    top:28px;
    bottom:28px;
    left:50%;
    width:3px;
    transform:translateX(-50%);
    border-radius:4px;
    background:linear-gradient(
        180deg,
        #1c3f8f 0%,
        #2f9e44 50%,
        #1c3f8f 100%
    );
    opacity:.18;
    z-index:0;
}

.owp-timeline-end{
    position:absolute;
    left:50%;
    bottom:-14px;
    transform:translateX(-50%);
    width:18px;
    height:18px;
    border-radius:50%;
    background:#fff;
    border:2.5px solid #1c3f8f;
    display:flex;
    align-items:center;
    justify-content:center;
    box-shadow:0 0 0 5px rgba(28,63,143,.08);
    z-index:2;
}

.owp-timeline-end::after{
    content:"";
    width:7px;
    height:7px;
    border-radius:50%;
    background:#1c3f8f;
}

.owp-step{
    position:relative;
    display:grid;
    grid-template-columns:1fr 68px 1fr;
    gap:26px;
    align-items:center;
    min-height:170px;
    padding:18px 0;
    z-index:1;
    opacity:0;
    animation:owpFadeUp .7s ease forwards;
}

.owp-step:nth-child(1){
    animation-delay:.05s;
}

.owp-step:nth-child(2){
    animation-delay:.15s;
}

.owp-step:nth-child(3){
    animation-delay:.25s;
}

.owp-step:nth-child(4){
    animation-delay:.35s;
}

@keyframes owpFadeUp{

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

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

}

.owp-step-media{
    display:flex;
    justify-content:center;
    min-width:0;
}

.owp-media-frame{
    position:relative;
    width:100%;
    max-width:365px;
    padding:5px;
    border-radius:18px;
    background:#fff;
    box-shadow:
        0 1px 2px rgba(20,30,60,.06),
        0 14px 30px -12px rgba(20,30,60,.22);
    transition:.35s ease;
}

.owp-media-frame:hover{
    transform:translateY(-5px);
    box-shadow:
        0 2px 4px rgba(20,30,60,.08),
        0 22px 40px -12px rgba(20,30,60,.30);
}

.owp-media-frame.is-blue{
    box-shadow:
        0 1px 2px rgba(20,30,60,.06),
        0 14px 30px -12px rgba(28,63,143,.35);
}

.owp-media-frame.is-green{
    box-shadow:
        0 1px 2px rgba(20,30,60,.06),
        0 14px 30px -12px rgba(47,158,68,.32);
}

.owp-media-frame img{
    display:block;
    width:100%;
    height:165px;
    object-fit:cover;
    border-radius:14px;
}

.owp-media-badge{
    position:absolute;
    top:-10px;
    width:32px;
    height:32px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    font-size:12px;
    font-weight:700;
    border:2px solid #fff;
    box-shadow:0 4px 10px rgba(0,0,0,.30);
}

.owp-step.is-media-right .owp-media-badge{
    left:-10px;
}

.owp-step.is-media-left .owp-media-badge{
    right:-10px;
}

.owp-media-badge.is-blue{
    background:#1c3f8f;
}

.owp-media-badge.is-green{
    background:#2f9e44;
}
/*==================================================
    INAM WORK PROCESS - PART 2
==================================================*/

.owp-step-icon{
    display:flex;
    align-items:center;
    justify-content:center;
}

.owp-circle{
    width:60px;
    height:60px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    position:relative;
    box-shadow:0 10px 20px rgba(0,0,0,.18);
    transition:transform .3s ease;
}

.owp-circle::before{
    content:"";
    position:absolute;
    inset:-6px;
    border-radius:50%;
    border:1.5px solid currentColor;
    opacity:.25;
}

.owp-circle.is-blue{
    background:linear-gradient(145deg,#3f66c9,#1c3f8f);
    color:#1c3f8f;
}

.owp-circle.is-green{
    background:linear-gradient(145deg,#4cbb5f,#2f9e44);
    color:#2f9e44;
}

.owp-step:hover .owp-circle{
    transform:scale(1.08);
}

.owp-circle svg{
    width:26px;
    height:26px;
    position:relative;
    z-index:2;
}

.owp-step-content{
    min-width:0;
}

.owp-step-content.align-left{
    text-align:left;
}

.owp-step-content.align-right{
    text-align:right;
}

.owp-step-num-row{
    display:flex;
    align-items:center;
    gap:14px;
    margin-bottom:10px;
}

.owp-step.is-media-right .owp-step-num-row{
    flex-direction:row;
}

.owp-step.is-media-left .owp-step-num-row{
    flex-direction:row-reverse;
    justify-content:flex-end;
}

.owp-step-num{
    font-size:clamp(24px,2vw,32px);
    font-weight:800;
    color:transparent;
    line-height:1;
    -webkit-text-stroke:1.4px #c7d3ea;
}

.owp-step-title{
    font-size:clamp(18px,1.6vw,22px);
    font-weight:700;
    color:#171b26;
    line-height:1.3;
}

.owp-step-desc{
    max-width:340px;
    font-size:16px;
    line-height:1.8;
    color:#666e7d;
}

.owp-step.is-media-right .owp-step-desc{
    margin-right:0;
}

.owp-step.is-media-left .owp-step-desc{
    margin-left:auto;
}

.owp-highlight{
    display:inline-block;
    padding:2px 6px;
    border-radius:6px;
    font-weight:600;
}

.owp-highlight.is-blue{
    background:rgba(28,63,143,.10);
    color:#1c3f8f;
}

.owp-highlight.is-green{
    background:rgba(47,158,68,.10);
    color:#2f9e44;
}

/*==========================
        BANNER
===========================*/

.owp-banner{
    max-width:820px;
    margin:70px auto 0;
    padding:30px 34px;
    text-align:center;
    position:relative;
    border-radius:18px;
    background:linear-gradient(135deg,#eef9f5,#eef3fb);
    border:1px solid rgba(47,158,68,.15);
    box-shadow:0 14px 34px rgba(28,63,143,.14);
}

.owp-banner-icon{
    width:42px;
    height:42px;
    margin:0 auto 16px;
    border-radius:50%;
    background:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    box-shadow:0 8px 20px rgba(0,0,0,.08);
}

.owp-banner-icon svg{
    width:18px;
    height:18px;
}

.owp-banner-line1{
    font-size:20px;
    font-weight:600;
    color:#171b26;
    line-height:1.6;
    margin-bottom:10px;
}

.owp-banner-line2{
    font-size:17px;
    font-weight:700;
    letter-spacing:.5px;
    background:linear-gradient(90deg,#1c3f8f,#2f9e44);
    -webkit-background-clip:text;
    background-clip:text;
    color:transparent;
}

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

.owp-floating-media{
    display:none;
}

@media(min-width:980px){

    .owp-floating-media{
        display:block;
        position:absolute;
        right:0;
        bottom:-24px;
        width:220px;
    }

    .owp-floating-media .owp-media-frame{
        max-width:100%;
    }

    .owp-floating-media img{
        height:150px;
    }

    .owp-banner{
        max-width:1130px;
        margin-left:0;
        margin-right:0;
    }

}

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

@media(max-width:760px){

    .owp-section{
        padding:50px 18px;
    }

    .owp-timeline::before{
        left:22px;
    }

    .owp-timeline-end{
        left:22px;
    }

    .owp-step{
        grid-template-columns:46px 1fr;
        gap:16px;
        min-height:auto;
        padding-bottom:34px;
    }

    .owp-step-media{
        display:none;
    }

    .owp-step-icon{
        align-self:flex-start;
    }

    .owp-circle{
        width:46px;
        height:46px;
    }

    .owp-circle svg{
        width:20px;
        height:20px;
    }

    .owp-step-content{
        text-align:left !important;
    }

    .owp-step-num-row{
        flex-direction:row !important;
        justify-content:flex-start !important;
        gap:10px;
    }

    .owp-step-num{
        font-size:20px;
        -webkit-text-stroke:1px #c7d3ea;
    }

    .owp-step-title{
        font-size:18px;
    }

    .owp-step-desc{
        max-width:100%;
        margin:0 !important;
        font-size:15px;
    }

    .owp-highlight{
        white-space:normal;
    }

    .owp-banner{
        margin-top:45px;
        padding:24px 22px;
    }

    .owp-banner-line1{
        font-size:18px;
    }

    .owp-banner-line2{
        font-size:16px;
    }

    .owp-floating-media{
        display:none;
    }

}

/*==========================
 REDUCED MOTION
===========================*/

@media(prefers-reduced-motion:reduce){

    .owp-step{
        animation:none;
        opacity:1;
    }

    .owp-media-frame,
    .owp-circle{
        transition:none;
    }

}
.inamspc-service-card{
    background:#ffffff;
    border:1.8px solid #d8e3f5;
    border-radius:18px;
    padding:34px 26px;
    transition:.35s ease;
    position:relative;
    overflow:hidden;
}

.inamspc-service-card:hover{
    transform:translateY(-8px);
    border-color:#1c3f8f;
    box-shadow:0 18px 40px rgba(28,63,143,.12);
}
.inamspc-service-card::before{
    content:"";
    position:absolute;
    inset:0;
    border-radius:18px;
    padding:1.5px;
   
    opacity:0;
    transition:.35s;
}

.inamspc-service-card:hover::before{
    opacity:1;
}
.inamspc-learn-btn{
    margin-top:18px;
    display:inline-flex;
    align-items:center;
    gap:8px;
    text-decoration:none;
    color:#518b45;
    font-size:15px;
    font-weight:600;
    transition:.3s;
}

.inamspc-learn-btn i{
    font-size:13px;
    transition:.3s;
}

.inamspc-learn-btn:hover{
    color:#2f9e44;
}

.inamspc-learn-btn:hover i{
    transform:translateX(5px);
}
/*====================================================
        INAM PREMIUM CONTACT SECTION
====================================================*/

.inamct-section{
    width:97%;
    padding:80px 20px;
    background:#f7fbff;
    overflow:hidden;
    font-family:'Outfit',sans-serif;
}

.inamct-container{
    max-width:1180px;
    margin:auto;
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    gap:55px;
    
}

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

.inamct-left{
    flex:1;
    min-width:0;
}

.inamct-badge{
    display:inline-flex;
    align-items:center;
    gap:10px;
    padding:10px 18px;
    background:#eef6ff;
    border-radius:40px;
    color:#2455d7;
    font-size:13px;
    font-weight:600;
}

.inamct-badge i{
    color:#32a852;
}

.inamct-heading {
  margin-top: 24px;
  font-size: 40px;
  font-weight: 750;
  line-height: 1.18;
  color: #13224c;
  max-width: 520px;
  text-transform: uppercase;
}

.inamct-text{

    margin-top:20px;

    max-width:520px;

    color:#66768d;

    font-size:16px;

    line-height:1.8;
}

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

.inamct-grid{

    margin-top:36px;

    display:grid;

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

    gap:14px;
    margin-top: 25px;
}

.inamct-card{

    background:#fff;

    border-radius:18px;

    padding:18px;

    display:flex;

    align-items:center;

    gap:15px;

    border:1px solid #edf2f7;

    box-shadow:0 12px 30px rgba(15,40,80,.05);

    transition:.35s;
}

.inamct-card:hover{

    transform:translateY(-6px);
}

.inamct-icon{

    width:50px;

    height:50px;

    border-radius:16px;

    background:linear-gradient(135deg,#aebeea,#2e55a0);

    display:flex;

    justify-content:center;

    align-items:center;

    color:#fff;

    font-size:18px;

    flex-shrink:0;
}

.inamct-card h4{

    font-size:15px;

    color:#12234c;

    margin-bottom:5px;
}

.inamct-card p{

    font-size:14px;

    color:#64748b;

    word-break:break-word;
}

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

.inamct-trust{

    margin-top:26px;

    display:flex;

    align-items:center;

    gap:16px;

    padding:18px 22px;

    border-radius:20px;

    background:linear-gradient(135deg,#eef8ff,#f8fffb);

    border:1px solid #e7eef7;
}

.inamct-trust i{

    width:56px;

    height:56px;

    border-radius:16px;

    background:#2ea04f;

    display:flex;

    justify-content:center;

    align-items:center;

    color:#fff;

    font-size:22px;

    flex-shrink:0;
}

.inamct-trust h4{

    font-size:18px;

    margin-bottom:8px;

    color:#13224c;
}

.inamct-trust p{

    color:#6d7d91;

    font-size:14px;

    line-height:1.8;
}

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

.inamct-image{

    margin-top:35px;
}

.inamct-image img{

    width:100%;

    max-width:480px;

    display:block;
}
.inamct-section{
    width:97%;
    padding:80px 20px;
    background:#f7fbff;
    overflow:hidden;
    font-family:'Poppins',sans-serif;
}
/*=========================================
            RIGHT SIDE
=========================================*/

.inamct-right{

    width:100%;

    max-width:560px;

    background:#ffffff;

    border-radius:28px;

    padding:35px;

    box-shadow:0 20px 60px rgba(18,35,76,.10);

    border:1px solid #edf2f7;

    flex-shrink:0;
}

.inamct-right h3 {
  font-size: 30px;
  color: #13224c;
  font-weight: 700;
  margin-bottom: 10px;
  margin-top: 3px;
}

.inamct-right>p{

    color:#6b7a90;

    font-size:15px;

    line-height:1.7;

    margin-bottom:18px;
}

/*=========================================
            FORM
=========================================*/

.inamct-right form{

    width:100%;
}

.inamct-row {
  display: flex;
  gap: 16px;
  margin-bottom: 9px;
}
.inamct-field{

    flex:1;

    min-width:0;

    display:flex;

    flex-direction:column;
}

.inamct-field label{

    font-size:14px;

    font-weight:600;

    color:#22335f;

    margin-bottom:8px;
}

/*=========================================
        INPUTS
=========================================*/

.inamct-field input,
.inamct-field select,
.inamct-field textarea{

    width:100%;

    padding:14px 16px;

    border:1px solid #d9e4f2;

    border-radius:12px;

    background:#fff;

    outline:none;

    font-size:14px;

    font-family:'Poppins',sans-serif;

    transition:.3s;

    box-sizing:border-box;
}

.inamct-field input:focus,
.inamct-field select:focus,
.inamct-field textarea:focus{

    border-color:#2d63ff;

    box-shadow:0 0 0 4px rgba(45,99,255,.10);
}

.inamct-field textarea{

    height:130px;

    resize:none;
}

.inamct-field select{

    cursor:pointer;
}

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

.inamct-btn{

    width:100%;

    height:54px;

    margin-top:10px;

    border:none;

    border-radius:14px;

    background:linear-gradient(135deg,#476ad8,#5c6989);

    color:#fff;

    font-size:16px;

    font-weight:600;

    display:flex;

    justify-content:center;

    align-items:center;

    gap:10px;

    cursor:pointer;

    transition:.35s;
}

.inamct-btn:hover{

    transform:translateY(-3px);

    box-shadow:0 15px 30px rgba(41,86,223,.25);
}

.inamct-btn i{

    transition:.35s;
}

.inamct-btn:hover i{

    transform:translateX(5px);
}

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

@media(max-width:992px){

    .inamct-container{

        flex-direction:column;

        gap:50px;
    }

    .inamct-right{

        max-width:100%;
    }

    .inamct-heading{

        max-width:100%;
    }

    .inamct-text{

        max-width:100%;
    }

    .inamct-image img{

        max-width:380px;
    }
}

@media(max-width:768px){

    .inamct-section{

        padding:60px 18px;
    }

    .inamct-heading{

        font-size:32px;
    }

    .inamct-grid{

        grid-template-columns:1fr;
    }

    .inamct-row{

        flex-direction:column;

        gap:18px;
    }

    .inamct-right{

        padding:25px;
    }

    .inamct-right h3{

        font-size:26px;
    }
}

@media(max-width:480px){

    .inamct-heading{

        font-size:28px;
    }

    .inamct-right{

        border-radius:20px;

        padding:22px;
    }

    .inamct-btn{

        height:50px;

        font-size:15px;
    }
}
.inamct-section,
.inamct-section *{
    font-family:'Poppins',sans-serif;
}
/*=========================================
        PREMIUM VISUAL EFFECTS
=========================================*/

.inamct-section{
    position:relative;
    z-index:1;
}

/* Background Blobs */

.inamct-section::before{
    content:"";
    position:absolute;
    width:420px;
    height:420px;
    border-radius:50%;
    /* background:rgba(41,86,223,.05); */
    top:-180px;
    left:-160px;
    z-index:-1;
}

.inamct-section::after{
    content:"";
    position:absolute;
    width:350px;
    height:350px;
    border-radius:50%;
    background:rgba(46,160,79,.05);
    right:-120px;
    bottom:-150px;
    z-index:-1;
}

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

.inamct-card:hover{

    transform:translateY(-8px);

    border-color:#2d63ff;

    box-shadow:0 22px 45px rgba(18,35,76,.12);
}

.inamct-card:hover .inamct-icon{

    transform:rotate(-8deg) scale(1.08);
}

.inamct-icon{

    transition:.35s;
}

/*=========================================
        BADGE
=========================================*/

.inamct-badge{

    box-shadow:0 10px 25px rgba(41,86,223,.08);
}

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

.inamct-trust{

    transition:.35s;
}

.inamct-trust:hover{

    transform:translateY(-5px);

    box-shadow:0 18px 40px rgba(18,35,76,.08);
}

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

.inamct-right{

    position:relative;

    overflow:hidden;
}

.inamct-right::before{

    content:"";

    position:absolute;

    width:180px;

    height:180px;

    border-radius:50%;

    background:rgba(41,86,223,.05);

    top:-70px;

    right:-70px;
}

.inamct-right::after{

    content:"";

    position:absolute;

    width:130px;

    height:130px;

    border-radius:50%;

    background:rgba(46,160,79,.05);

    bottom:-55px;

    left:-55px;
}

.inamct-right>*{

    position:relative;

    z-index:2;
}

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

.inamct-btn{

    position:relative;

    overflow:hidden;
}

.inamct-btn::before{

    content:"";

    position:absolute;

    width:0;

    height:100%;

    left:0;

    top:0;

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

    transition:.45s;
}

.inamct-btn:hover::before{

    width:100%;
}

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

.inamct-image{

    display:flex;

    justify-content:center;

    align-items:center;
}

.inamct-image img{

    transition:.45s ease;
}

.inamct-image:hover img{

    transform:translateY(-10px);
}

/*=========================================
        SCROLL ANIMATION
=========================================*/

.inamct-left,
.inamct-right{

    animation:inamFadeUp .8s ease;
}

@keyframes inamFadeUp{

    from{

        opacity:0;

        transform:translateY(40px);
    }

    to{

        opacity:1;

        transform:translateY(0);
    }
}

/*=========================================
        PLACEHOLDER COLOR
=========================================*/

.inamct-field input::placeholder,
.inamct-field textarea::placeholder{

    color:#9aa8ba;
}

/*=========================================
        CUSTOM SCROLLBAR
=========================================*/

.inamct-field textarea::-webkit-scrollbar{

    width:6px;
}

.inamct-field textarea::-webkit-scrollbar-thumb{

    background:#2d63ff;

    border-radius:10px;
}

/*====================================================
            TESTIMONIAL SECTION
====================================================*/

.inamts-section{
    padding:80px 20px;
    background:#f8fbff;
    font-family:'Poppins',sans-serif;
    overflow:hidden;
}

.inamts-container{
    max-width:1180px;
    margin:auto;
}

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

.inamts-header{

    text-align:center;

    max-width:700px;

    margin:0 auto 55px;
}

.inamts-badge{

    display:inline-flex;

    align-items:center;

    gap:8px;

    padding:9px 18px;

    border-radius:40px;

    background:#edf5ff;

    color:#2456d3;

    font-size:13px;

    font-weight:600;

    margin-bottom:22px;
}

.inamts-badge i{

    color:#2ea04f;

    font-size:14px;
}

.inamts-title{

    font-size:42px;

    line-height:1.2;

    font-weight:700;

    color:#17305d;

    margin-bottom:18px;
}

.inamts-title span{

    background:linear-gradient(90deg,#2956df,#2ea04f);

    -webkit-background-clip:text;

    -webkit-text-fill-color:transparent;

    background-clip:text;
}

.inamts-desc{

    font-size:16px;

    line-height:1.8;

    color:#66768d;

    max-width:620px;

    margin:auto;
}

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

.inamts-cards{

    display:grid;

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

    gap:22px;

    align-items:stretch;

    margin-top:20px;
}

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

.inamts-card{

    background:#fff;

    border-radius:22px;

    padding:28px;

    border:1px solid #edf2f7;

    box-shadow:0 14px 35px rgba(16,39,78,.06);

    transition:.35s;

    display:flex;

    flex-direction:column;

    height:100%;
}

.inamts-card:hover{

    transform:translateY(-8px);

    box-shadow:0 20px 45px rgba(16,39,78,.10);
}

/*=========================================
        STATISTICS BAR
=========================================*/

.inamts-stats{

    margin-top:70px;

    background:#fff;

    border-radius:26px;

    padding:34px;

    display:flex;

    justify-content:space-between;

    align-items:center;

    border:1px solid #edf2f7;

    box-shadow:0 15px 40px rgba(20,40,80,.06);
}

.inamts-divider{

    width:1px;

    height:70px;

    background:#e9eef5;
}

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

@media(max-width:1200px){

    .inamts-cards{

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

    .inamts-stats{

        flex-wrap:wrap;

        gap:25px;

        justify-content:center;
    }

    .inamts-divider{

        display:none;
    }
}

@media(max-width:768px){

    .inamts-section{

        padding:60px 18px;
    }

    .inamts-title{

        font-size:34px;
    }

    .inamts-desc{

        font-size:15px;
    }

    .inamts-cards{

        grid-template-columns:1fr;

        gap:20px;
    }

    .inamts-stats{

        flex-direction:column;

        text-align:center;

        padding:28px;
    }
}

@media(max-width:480px){

    .inamts-title{

        font-size:28px;
    }

    .inamts-badge{

        font-size:12px;
    }
}
/*==================================================
            TESTIMONIAL SECTION
==================================================*/

.inamts-section{
    padding:30px 20px;
    background:#f8fbff;
    overflow:hidden;
    position:relative;
}

.inamts-container{
    max-width:1280px;
    margin:auto;
}

.inamts-header{
    text-align:center;
    max-width:720px;
    margin:0 auto 70px;
}

.inamts-badge{
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:10px 20px;
    background:#edf5ff;
    border-radius:50px;
    color:#2563eb;
    font-size:13px;
    font-weight:600;
    margin-bottom:22px;
}

.inamts-badge i{
    color:#2ea44f;
}

.inamts-header h2{
    font-size:44px;
    color:#15396a;
    margin-bottom:18px;
    line-height:1.2;
    margin-top: 3px;

}

.inamts-header h2 span{
    color:#2563eb;
}

.inamts-header p{
    font-size:16px;
    color:#6f8096;
    line-height:1.9;
}


/*==================================================
                SWIPER
==================================================*/

.inamts-slider{
    width:100%;
    overflow:visible;
    padding:50px 0 70px;
}

.inamts-slider .swiper-wrapper{
    align-items:center;
}

.inamts-slider .swiper-slide{
    width:420px;
    transition:.6s;
    opacity:.35;
    transform:scale(.78);
    filter:blur(3px);
}


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

.inamts-slider .swiper-slide-active{

    opacity:1;

    transform:scale(1);

    filter:blur(0);

    z-index:20;
}

.inamts-slider .swiper-slide-prev,
.inamts-slider .swiper-slide-next{

    opacity:.65;

    transform:scale(.88);

    filter:blur(1px);

    z-index:10;
}


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

.inamts-card{

    background:#fff;

    border-radius:28px;

    padding:38px;

    min-height:430px;

    display:flex;

    flex-direction:column;

    justify-content:space-between;

    border:1px solid #edf2f7;

    box-shadow:0 18px 45px rgba(0,0,0,.06);

    transition:.45s;

    position:relative;

    overflow:hidden;
}


/* Gradient Top Border */

.inamts-card::before{

    content:"";

    position:absolute;

    left:0;

    top:0;

    width:100%;

    height:5px;

    background:linear-gradient(90deg,#2962ff,#2ea44f);

}


/* Highlight Center Card */

.swiper-slide-active .inamts-card{

    box-shadow:
    0 30px 80px rgba(0,70,180,.18);

    transform:translateY(-12px);
}


/*==================================================
            QUOTE
==================================================*/

.inamts-quote{

    width:62px;

    height:62px;

    border-radius:18px;

    display:flex;

    justify-content:center;

    align-items:center;

    background:linear-gradient(135deg,#2962ff,#2ea44f);

    color:#fff;

    font-size:22px;

    margin-bottom:28px;
}


/*==================================================
            REVIEW
==================================================*/

.inamts-card p{

    font-size:15px;

    line-height:1.9;

    color:#6f8096;

    margin-bottom:30px;

    flex:1;
}


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

.inamts-stars{

    color:#ffc107;

    font-size:18px;

    letter-spacing:2px;

    margin-bottom:25px;
}


/*==================================================
            USER
==================================================*/

.inamts-user{

    display:flex;

    align-items:center;

    gap:15px;

    border-top:1px solid #edf2f7;

    padding-top:22px;
}

.inamts-user img{

    width:62px;

    height:62px;

    border-radius:50%;

    object-fit:cover;

    border:3px solid #eef5ff;
}

.inamts-user h4{

    font-size:16px;

    color:#163869;

    margin-bottom:4px;
}

.inamts-user span{

    font-size:13px;

    color:#7b8ca3;
}


/*==================================================
            NAVIGATION
==================================================*/

.inamts-prev,
.inamts-next{

    position:absolute;

    top:50%;

    width:54px;

    height:54px;

    border-radius:50%;

    background:#fff;

    display:flex;

    align-items:center;

    justify-content:center;

    cursor:pointer;

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

    transition:.35s;

    z-index:50;
}

.inamts-prev{

    left:-5px;
}

.inamts-next{

    right:-5px;
}

.inamts-prev:hover,
.inamts-next:hover{

    background:#2962ff;

    color:#fff;

    transform:scale(1.08);
}


/*==================================================
            PAGINATION
==================================================*/

.swiper-pagination{
  margin-top: 33px;
  position: relative !important;
}

.swiper-pagination-bullet{

    width:11px;

    height:11px;

    background:#bfd0ea;

    opacity:1;

    transition:.3s;
}

.swiper-pagination-bullet-active{

    width:34px;

    border-radius:30px;

    background:#2962ff;
}


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

@media(max-width:991px){

.inamts-header h2{

font-size:36px;

}

.inamts-slider .swiper-slide{

width:340px;

}

.inamts-card{

min-height:400px;

padding:30px;

}

}

@media(max-width:768px){

.inamts-header{

margin-bottom:45px;

}

.inamts-header h2{

font-size:30px;

}

.inamts-slider{

padding:20px 0 60px;

}

.inamts-slider .swiper-slide{

width:290px;

transform:scale(.92);

filter:none;

opacity:.7;

}

.inamts-slider .swiper-slide-active{

transform:scale(1);

opacity:1;

}

.inamts-prev,
.inamts-next{

display:none;

}

.inamts-card{

min-height:auto;

padding:25px;

}

}
/*doctors cards*/
/*==================================================
            DOCTOR SECTION
==================================================*/

.inamdr-section{

    position:relative;

    padding:30px 20px;

    background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%);

    overflow:hidden;

    font-family:'Poppins',sans-serif;
}

.inamdr-container{

    max-width:1280px;

    margin:auto;

    position:relative;

    z-index:2;
}


/*==================================================
        DECORATIVE DOTS
==================================================*/

.inamdr-dots-left{

    position:absolute;

    left:-20px;

    top:80px;

    width:130px;

    height:90px;

    opacity:.35;

    background-image:radial-gradient(#8fb8ff 2px,transparent 2px);

    background-size:18px 18px;

    pointer-events:none;
}


/*==================================================
        HEART BACKGROUND
==================================================*/

.inamdr-heart-bg{

    position:absolute;

    right:-30px;

    top:20px;

    width:320px;

    height:320px;

    opacity:.05;

    pointer-events:none;

    background:url("../images/heart-outline.png") center/contain no-repeat;
}


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

.inamdr-header{

    max-width:760px;

    margin:0 auto 70px;

    text-align:center;
}

.inamdr-badge{

    display:inline-flex;

    align-items:center;

    gap:10px;

    padding:11px 22px;

    border-radius:50px;

    background:#edf5ff;

    border:1px solid #d7e7ff;

    color:#1f56d9;

    font-size:13px;

    font-weight:600;

    letter-spacing:.3px;

    margin-bottom:24px;

    box-shadow:0 8px 25px rgba(34,84,190,.08);
}

.inamdr-badge i{

    color:#23a455;

    font-size:15px;
}

.inamdr-header h2 {
  font-size: 40px;
  line-height: 1.15;
  color: #163c79;
  font-weight: 700;
  margin-bottom: 18px;
  margin-top: 6px;
}
.inamdr-header h2 span{

    color:#1ea84c;
}

.inamdr-divider{

    display:flex;

    justify-content:center;

    align-items:center;

    gap:18px;

    margin-bottom:20px;
}

.inamdr-divider span{

    width:140px;

    height:4px;

    border-radius:30px;

    background:linear-gradient(90deg,#2b63e5,#2aa94d);
}

.inamdr-divider i{

    font-size:24px;

    color:#22a14d;
}

.inamdr-header p{

    font-size:18px;

    color:#64748b;

    font-weight:500;
}


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

.inamdr-grid {
  display: grid;
  grid-template-columns: repeat(4,1fr);
  gap: 15px;
  align-items: stretch;
  margin-top: -32px;
}

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

@media(max-width:1200px){

    .inamdr-grid{

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

    .inamdr-header h2{

        font-size:46px;
    }
}

@media(max-width:768px){

    .inamdr-section{

        padding:70px 18px;
    }

    .inamdr-grid{

        grid-template-columns:1fr;

        gap:24px;
    }

    .inamdr-header{

        margin-bottom:50px;
    }

    .inamdr-header h2{

        font-size:36px;
    }

    .inamdr-divider span{

        width:80px;
    }

    .inamdr-header p{

        font-size:16px;
    }

    .inamdr-heart-bg{

        display:none;
    }

    .inamdr-dots-left{

        display:none;
    }
}

@media(max-width:480px){

    .inamdr-header h2{

        font-size:30px;
    }

    .inamdr-badge{

        font-size:12px;

        padding:10px 18px;
    }

    .inamdr-divider i{

        font-size:20px;
    }

    .inamdr-divider span{

        width:60px;
    }
}
/*==================================================
                DOCTOR CARD
==================================================*/

.inamdr-card{

    background:#fff;

    border-radius:26px;

    overflow:hidden;

    border:1px solid #e7eef8;

    box-shadow:0 15px 45px rgba(26,55,109,.08);

    transition:.45s ease;

    display:flex;

    flex-direction:column;

    position:relative;

    height:100%;
}


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

.inamdr-image{

    position:relative;

    height:240px;

    background:linear-gradient(180deg,#f6faff,#eef5ff);

    display:flex;

    justify-content:center;

    align-items:flex-end;

    overflow:hidden;
}


/* Circle Background */

.inamdr-image::before{

    content:"";

    position:absolute;

    width:250px;

    height:250px;

    border-radius:50%;

    background:#dfeeff;

    bottom:-70px;

    left:50%;

    transform:translateX(-50%);
}


/* Decorative dots */

.inamdr-image::after{

    content:"";

    position:absolute;

    width:80px;

    height:80px;

    right:18px;

    bottom:35px;

    opacity:.35;

    background-image:radial-gradient(#7cb1ff 2px,transparent 2px);

    background-size:13px 13px;
}


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

.inamdr-image img{

    width:88%;

    max-height:280px;

    object-fit:contain;

    position:relative;

    z-index:2;

    transition:.45s;
}


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

.inamdr-speciality-icon{

    position:absolute;

    top:22px;

    right:22px;

    width:58px;

    height:58px;

    border-radius:18px;

    background:#fff;

    display:flex;

    justify-content:center;

    align-items:center;

    box-shadow:0 12px 25px rgba(40,65,110,.12);

    color:#2c63df;

    font-size:24px;

    z-index:3;
}

.inamdr-speciality-icon.purple{

    color:#9a57f7;
}

.inamdr-speciality-icon.blue{

    color:#4d7cff;
}

.inamdr-speciality-icon.violet{

    color:#8d57f5;
}


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

.inamdr-content{

    padding:28px;

    display:flex;

    flex-direction:column;

    flex:1;
}


.inamdr-content h3{

    font-size:19px;

    color:#173d78;

    font-weight:700;

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

.inamdr-content h5{

    font-size:15px;

    color:#239d55;

    font-weight:600;

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


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

.inamdr-line{

    width:55px;

    height:3px;

    border-radius:30px;

    background:#dfe9fb;

    margin-bottom:22px;
}


/*==================================================
            EXPERIENCE
==================================================*/

.inamdr-exp{

    display:flex;

    align-items:center;

    gap:10px;

    margin-bottom:28px;

    color:#66778d;

    font-size:15px;
}

.inamdr-exp i{

    color:#2b63df;

    font-size:16px;
}


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

.inamdr-btn{

    margin-top:auto;

    display:flex;

    align-items:center;

    justify-content:center;

    gap:14px;

    height:52px;

    border-radius:14px;

    background:linear-gradient(90deg,#2563eb,#071b54);

    color:#fff;

    text-decoration:none;

    font-size:15px;

    font-weight:600;

    transition:.35s;
}

.inamdr-btn i{

    width:28px;

    height:28px;

    border-radius:50%;

    background:#fff;

    color:#2563eb;

    display:flex;

    justify-content:center;

    align-items:center;

    font-size:13px;

    transition:.35s;
}


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

.inamdr-card:hover{

    transform:translateY(-12px);

    box-shadow:0 28px 60px rgba(0,78,190,.15);
}

.inamdr-card:hover .inamdr-image img{

    transform:scale(1.05);
}

.inamdr-card:hover .inamdr-btn{

    background:linear-gradient(90deg,#1ea84c,#169342);
}

.inamdr-card:hover .inamdr-btn i{

    transform:translateX(4px);
}


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

@media(max-width:1200px){

    .inamdr-image{

        height:270px;
    }

    .inamdr-image::before{

        width:220px;
        height:220px;
    }
}

@media(max-width:768px){

    .inamdr-image{

        height:250px;
    }

    .inamdr-content{

        padding:24px;
    }

    .inamdr-content h3{

        font-size:18px;
    }

    .inamdr-content h5{

        font-size:14px;
    }

    .inamdr-btn{

        height:48px;
    }
}
/*==================================================
            PREMIUM BACKGROUND
==================================================*/

.inamdr-section::before{

    content:"";

    position:absolute;

    width:450px;

    height:450px;

    left:-220px;

    top:-120px;

    border-radius:50%;

    background:rgba(37,99,235,.05);

    z-index:0;
}

.inamdr-section::after{

    content:"";

    position:absolute;

    width:380px;

    height:380px;

    right:-180px;

    bottom:-120px;

    border-radius:50%;

    background:rgba(30,168,76,.05);

    z-index:0;
}


/*==================================================
            CARD SHINE EFFECT
==================================================*/

.inamdr-card{

    isolation:isolate;
}

.inamdr-card::before{

    content:"";

    position:absolute;

    top:0;

    left:-140%;

    width:60%;

    height:100%;

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

    transform:skewX(-20deg);

    transition:.9s;

    z-index:5;
}

.inamdr-card:hover::before{

    left:170%;
}


/*==================================================
            GRADIENT TOP BORDER
==================================================*/

.inamdr-card::after{

    content:"";

    position:absolute;

    left:0;

    top:0;

    width:100%;

    height:4px;

    background:linear-gradient(90deg,#2563eb,#22c55e);

    transform:scaleX(0);

    transform-origin:left;

    transition:.4s;
}

.inamdr-card:hover::after{

    transform:scaleX(1);
}


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

.inamdr-speciality-icon{

    transition:.35s;
}

.inamdr-card:hover .inamdr-speciality-icon{

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

    box-shadow:0 18px 35px rgba(37,99,235,.18);
}


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

.inamdr-btn{

    overflow:hidden;

    position:relative;
}

.inamdr-btn::before{

    content:"";

    position:absolute;

    width:100%;

    height:100%;

    left:-100%;

    top:0;

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

    transition:.6s;
}

.inamdr-card:hover .inamdr-btn::before{

    left:100%;
}


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

.inamdr-image img{

    transition:.45s;
}

.inamdr-card:hover .inamdr-image img{

    transform:scale(1.05) translateY(-4px);
}


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

.inamdr-header{

    animation:inamDoctorFade .8s ease;
}

.inamdr-card{

    animation:inamDoctorFade .9s ease;
}

@keyframes inamDoctorFade{

    from{

        opacity:0;

        transform:translateY(35px);
    }

    to{

        opacity:1;

        transform:translateY(0);
    }
}


/*==================================================
            STAGGER ANIMATION
==================================================*/

.inamdr-card:nth-child(2){

    animation-delay:.15s;
}

.inamdr-card:nth-child(3){

    animation-delay:.3s;
}

.inamdr-card:nth-child(4){

    animation-delay:.45s;
}


/*==================================================
            BADGE EFFECT
==================================================*/

.inamdr-badge{

    transition:.35s;
}

.inamdr-badge:hover{

    transform:translateY(-2px);

    box-shadow:0 12px 30px rgba(37,99,235,.12);
}


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

.inamdr-card:hover{

    box-shadow:
    0 25px 60px rgba(18,62,136,.10),
    0 8px 18px rgba(18,62,136,.05);
}


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

@media(max-width:1200px){

    .inamdr-section::before{

        width:320px;

        height:320px;
    }

    .inamdr-section::after{

        width:280px;

        height:280px;
    }
}

@media(max-width:768px){

    .inamdr-section::before,

    .inamdr-section::after{

        display:none;
    }

    .inamdr-card{

        border-radius:22px;
    }

    .inamdr-speciality-icon{

        width:52px;

        height:52px;

        font-size:20px;
    }
}

@media(max-width:480px){

    .inamdr-section{

        padding:60px 16px;
    }

    .inamdr-card{

        border-radius:20px;
    }

    .inamdr-content{

        padding:22px;
    }

    .inamdr-content h3{

        font-size:17px;
    }

    .inamdr-exp{

        font-size:14px;
    }

    .inamdr-btn{

        height:46px;

        font-size:14px;
    }
}
/*==================================================
            PARTNER HOSPITALS SECTION
==================================================*/

.inamhp-section{

    position:relative;

    padding:50px 20px;

    background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%);

    overflow:hidden;

    font-family:'Poppins',sans-serif;
}

.inamhp-container{

    max-width:1280px;

    margin:auto;

    position:relative;

    z-index:2;
}


/*==================================================
            DECORATIONS
==================================================*/

.inamhp-dots-left{

    position:absolute;

    left:-15px;

    top:40px;

    width:110px;

    height:110px;

    opacity:.35;

    background-image:radial-gradient(#7faeff 2px,transparent 2px);

    background-size:18px 18px;

    pointer-events:none;
}

.inamhp-hospital-bg{

    position:absolute;

    right:-20px;

    top:0;

    width:280px;

    height:280px;

    opacity:.05;

    background:url("assets/images/hospital-outline.png") center/contain no-repeat;

    pointer-events:none;
}


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

.inamhp-header{

    max-width:760px;

    margin:0 auto 55px;

    text-align:center;
}

.inamhp-badge{

    display:inline-flex;

    align-items:center;

    gap:10px;

    padding:11px 24px;

    border-radius:50px;

    background:#edf5ff;

    border:1px solid #d9e8ff;

    color:#1e57da;

    font-size:13px;

    font-weight:600;

    letter-spacing:.4px;

    margin-bottom:22px;

    box-shadow:0 10px 25px rgba(40,80,180,.08);
}

.inamhp-badge i{

    color:#23a455;

    font-size:15px;
}

.inamhp-header h2 {
  font-size: 45px;
  line-height: 1.15;
  color: #173d79;
  font-weight: 700;
  margin-bottom: 18px;
  margin-top: 6px;
}

.inamhp-header h2 span{

    color:#1ea84c;
}

.inamhp-divider{

    display:flex;

    justify-content:center;

    align-items:center;

    gap:18px;

    margin-bottom:20px;
}

.inamhp-divider span{

    width:140px;

    height:4px;

    border-radius:30px;

    background:linear-gradient(90deg,#2b63df,#27ae60);
}

.inamhp-divider i{

    color:#1ea84c;

    font-size:24px;
}

.inamhp-header p{

    max-width:650px;

    margin:auto;

    color:#66758d;

    font-size:18px;

    line-height:1.8;

    font-weight:500;
}


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

.inamhp-grid{

    display:grid;

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

    gap:10px;

    align-items:stretch;
    margin-top:-20px;
}


/*==================================================
            FOOTER
==================================================*/

.inamhp-footer{

    text-align:center;

    margin-top:45px;
}

.inamhp-viewall{

    display:inline-flex;

    align-items:center;

    gap:14px;

    padding:16px 28px;

    border-radius:50px;

    text-decoration:none;

    background:#fff;

    border:1px solid #dce8fb;

    color:#1d4ed8;

    font-size:15px;

    font-weight:600;

    box-shadow:0 12px 30px rgba(40,70,140,.08);

    transition:.35s;
}

.inamhp-viewall span{

    width:34px;

    height:34px;

    border-radius:50%;

    display:flex;

    justify-content:center;

    align-items:center;

    background:#edf4ff;

    transition:.35s;
}

.inamhp-viewall:hover{

    transform:translateY(-3px);

    box-shadow:0 18px 35px rgba(0,70,170,.12);
}

.inamhp-viewall:hover span{

    transform:translateX(5px);

    background:#1d4ed8;

    color:#fff;
}


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

@media(max-width:1200px){

    .inamhp-grid{

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

    .inamhp-header h2{

        font-size:46px;
    }

}

@media(max-width:768px){

    .inamhp-section{

        padding:60px 18px;
    }

    .inamhp-grid{

        grid-template-columns:1fr;

        gap:24px;
    }

    .inamhp-header{

        margin-bottom:45px;
    }

    .inamhp-header h2{

        font-size:36px;
    }

    .inamhp-header p{

        font-size:16px;
    }

    .inamhp-divider span{

        width:80px;
    }

    .inamhp-hospital-bg,

    .inamhp-dots-left{

        display:none;
    }

}

@media(max-width:480px){

    .inamhp-section{

        padding:50px 16px;
    }

    .inamhp-header h2{

        font-size:30px;
    }

    .inamhp-badge{

        font-size:12px;

        padding:10px 18px;
    }

    .inamhp-divider span{

        width:60px;
    }

    .inamhp-viewall{

        width:80%;

        justify-content:center;
    }

}/*==================================================
                HOSPITAL CARD
==================================================*/

.inamhp-card{

    position:relative;

    background:#fff;

    border-radius:24px;

    overflow:hidden;

    border:1px solid #e8eef8;

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

    transition:.4s ease;

    display:flex;

    flex-direction:column;

    height:100%;
}


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

.inamhp-image{

    position:relative;

    width:100%;

    height:245px;

    overflow:hidden;
}

.inamhp-image img{

    width:100%;

    height:100%;

    object-fit:cover;

    transition:.45s;
}


/*==================================================
            GREEN LINE
==================================================*/

.inamhp-image::after{

    content:"";

    position:absolute;

    left:0;

    bottom:0;

    width:100%;

    height:5px;

    /* background:linear-gradient(90deg,#1d4ed8,#22c55e); */
}


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

.inamhp-logo{

    position:absolute;

    top:205px;

    left:26px;

    width:88px;

    height:88px;

    background:#fff;

    border-radius:50%;

    display:flex;

    justify-content:center;

    align-items:center;

    box-shadow:0 15px 35px rgba(0,50,130,.12);

    z-index:5;
}

.inamhp-logo img{

    width:75px;

    height:75px;

  
}


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

.inamhp-content{

    padding:55px 22px 24px;

    display:flex;

    flex-direction:column;

    flex:1;
}


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

.inamhp-content h3{

    font-size:18px;

    font-weight:700;

    color:#173d79;

    margin-bottom:12px;
}


/*==================================================
                LOCATION
==================================================*/

.inamhp-location{

    display:flex;

    align-items:center;

    gap:8px;

    font-size:14px;

    color:#6b7280;

    margin-bottom:18px;
}

.inamhp-location i{

    color:#1d4ed8;

    font-size:14px;
}


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

.inamhp-content p {
  font-size: 13px;
  line-height: 1.8;
  color: #3e434a;
  margin-bottom: 26px;
  flex: 1;
  margin-top: 1px;
}

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

.inamhp-btn{

    display:flex;

    align-items:center;

    justify-content:center;

    gap:14px;

    width:100%;

    height:50px;

    border-radius:14px;

    text-decoration:none;

    background:linear-gradient(90deg,#0e2558,#1d4ed8);

    color:#fff;

    font-size:15px;

    font-weight:600;

    transition:.35s;
}

.inamhp-btn i{

    transition:.35s;
}


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

.inamhp-card:hover{

    transform:translateY(-10px);

    box-shadow:0 28px 60px rgba(0,70,170,.14);
}

.inamhp-card:hover .inamhp-image img{

    transform:scale(1.08);
}

.inamhp-card:hover .inamhp-btn{

    background:linear-gradient(90deg,#1ea84c,#179247);
}

.inamhp-card:hover .inamhp-btn i{

    transform:translateX(5px);
}


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

@media(max-width:1200px){

    .inamhp-image{

        height:220px;
    }

    .inamhp-logo{

        top:180px;
    }

}

@media(max-width:768px){

    .inamhp-image{

        height:210px;
    }

    .inamhp-logo{

        width:78px;

        height:78px;

        top:170px;

        left:22px;
    }

    .inamhp-logo img{

        width:55px;

        height:55px;
    }

    .inamhp-content{

        padding:50px 20px 22px;
    }

}

@media(max-width:480px){

    .inamhp-image{

        height:190px;
    }

    .inamhp-logo{

        width:72px;

        height:72px;

        top:150px;
    }

    .inamhp-logo img{

        width:50px;

        height:50px;
    }

    .inamhp-content h3{

        font-size:17px;
    }

    .inamhp-content p{

        font-size:14px;
    }

}
/*==================================================
            BACKGROUND BLOBS
==================================================*/

.inamhp-section::before{

    content:"";

    position:absolute;

    width:420px;

    height:420px;

    left:-210px;

    top:-120px;

    border-radius:50%;

    background:rgba(37,99,235,.05);

    z-index:0;
}

.inamhp-section::after{

    content:"";

    position:absolute;

    width:360px;

    height:360px;

    right:-180px;

    bottom:-120px;

    border-radius:50%;

    background:rgba(34,197,94,.05);

    z-index:0;
}


/*==================================================
            CARD SHINE EFFECT
==================================================*/

.inamhp-card{

    isolation:isolate;
}

.inamhp-card::before{

    content:"";

    position:absolute;

    top:0;

    left:-140%;

    width:60%;

    height:100%;

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

    transform:skewX(-20deg);

    transition:.9s;

    z-index:5;
}

.inamhp-card:hover::before{

    left:170%;
}


/*==================================================
            TOP BORDER ANIMATION
==================================================*/

.inamhp-card::after{

    content:"";

    position:absolute;

    top:0;

    left:0;

    width:100%;

    height:4px;

    background:linear-gradient(90deg,#2563eb,#22c55e);

    transform:scaleX(0);

    transform-origin:left;

    transition:.35s;
}

.inamhp-card:hover::after{

    transform:scaleX(1);
}


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

.inamhp-logo{

    transition:.35s;
}

.inamhp-card:hover .inamhp-logo{

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

    box-shadow:0 18px 35px rgba(37,99,235,.18);
}


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

.inamhp-btn{

    position:relative;

    overflow:hidden;
}

.inamhp-btn::before{

    content:"";

    position:absolute;

    top:0;

    left:-100%;

    width:100%;

    height:100%;

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

    transition:.6s;
}

.inamhp-card:hover .inamhp-btn::before{

    left:100%;
}


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

.inamhp-image img{

    transition:.45s ease;
}

.inamhp-card:hover .inamhp-image img{

    transform:scale(1.08);
}


/*==================================================
            BADGE EFFECT
==================================================*/

.inamhp-badge{

    transition:.35s;
}

.inamhp-badge:hover{

    transform:translateY(-2px);

    box-shadow:0 14px 28px rgba(37,99,235,.12);
}


/*==================================================
            VIEW ALL BUTTON
==================================================*/

.inamhp-viewall{

    overflow:hidden;

    position:relative;
}

.inamhp-viewall::before{

    content:"";

    position:absolute;

    top:0;

    left:-100%;

    width:100%;

    height:100%;

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

    transition:.6s;
}

.inamhp-viewall:hover::before{

    left:100%;
}


/*==================================================
            ENTRANCE ANIMATION
==================================================*/

.inamhp-header{

    animation:inamHospitalFade .8s ease;
}

.inamhp-card{

    animation:inamHospitalFade .9s ease both;
}

@keyframes inamHospitalFade{

    from{

        opacity:0;

        transform:translateY(35px);
    }

    to{

        opacity:1;

        transform:translateY(0);
    }

}


/*==================================================
            STAGGER EFFECT
==================================================*/

.inamhp-card:nth-child(2){

    animation-delay:.15s;
}

.inamhp-card:nth-child(3){

    animation-delay:.3s;
}

.inamhp-card:nth-child(4){

    animation-delay:.45s;
}


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

.inamhp-card:hover{

    box-shadow:
        0 26px 60px rgba(20,60,130,.12),
        0 10px 25px rgba(20,60,130,.05);
}


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

@media(max-width:1200px){

    .inamhp-section::before{

        width:300px;

        height:300px;
    }

    .inamhp-section::after{

        width:260px;

        height:260px;
    }

}

@media(max-width:768px){

    .inamhp-section::before,

    .inamhp-section::after{

        display:none;
    }

    .inamhp-card{

        border-radius:22px;
    }

}

@media(max-width:480px){

    .inamhp-card{

        border-radius:20px;
    }

    .inamhp-btn{

        height:46px;

        font-size:14px;
    }

    .inamhp-viewall{

        font-size:14px;

        padding:14px 22px;
    }

}


/* =========================================
   WHY CHOOSE INDIA
========================================= */

.inamwhy-section {
    position: relative;
    width: 100%;
    overflow: hidden;
    padding: 62px 18px 52px;
    background: #fbfdfc;
    font-family: "Poppins", sans-serif;
    box-sizing: border-box;
}

.inamwhy-section *,
.inamwhy-section *::before,
.inamwhy-section *::after {
    box-sizing: border-box;
}


/* Background */

.inamwhy-bg-shape {
    position: absolute;
    border: 1px solid rgba(20, 159, 88, 0.07);
    pointer-events: none;
}

.inamwhy-bg-shape-one {
    width: 190px;
    height: 190px;
    border-radius: 50%;
    top: -85px;
    left: -80px;
}

.inamwhy-bg-shape-two {
    width: 230px;
    height: 230px;
    border-radius: 50%;
    right: -120px;
    bottom: -110px;
}

.inamwhy-bg-cross {
    position: absolute;
    color: rgba(20, 159, 88, 0.08);
    font-family: Arial, sans-serif;
    font-size: 48px;
    font-weight: 300;
    line-height: 1;
    pointer-events: none;
}

.inamwhy-bg-cross-one {
    top: 90px;
    left: 7%;
}

.inamwhy-bg-cross-two {
    top: 135px;
    right: 8%;
}


/* Container */

.inamwhy-container {
    position: relative;
    width: 100%;
    max-width: 1180px;
    margin: 0 auto;
}


/* Heading */

.inamwhy-heading {
    width: 100%;
    max-width: 780px;
    margin: 0 auto 40px;
    text-align: center;
}

.inamwhy-eyebrow {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    margin-bottom: 14px;
}

.inamwhy-eyebrow-line {
    width: 42px;
    height: 1px;
    background: #229653;
}

.inamwhy-eyebrow-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: #e8f6ee;
    color: #168b4c;
    font-size: 13px;
}

.inamwhy-eyebrow-text {
    color: #168b4c;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.4px;
}

.inamwhy-title {
    margin: 0;
    color: #102c5b;
    font-size: clamp(28px, 3.4vw, 42px);
    font-weight: 700;
    line-height: 1.18;
    letter-spacing: -0.5px;
}

.inamwhy-title-highlight {
    color: #15934f;
}

.inamwhy-description {
    max-width: 690px;
    margin: 15px auto 0;
    color: #59677e;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.75;
}

.inamwhy-heading-divider {
    width: 48px;
    height: 3px;
    margin: 18px auto 0;
    border-radius: 10px;
    background: #249853;
}


/* =========================================
   FLOW
========================================= */

.inamwhy-flow {
    position: relative;
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 10px;
    width: 100%;
    min-height: 345px;
    margin-top: 4px;
}

.inamwhy-flow-line {
    position: absolute;
    top: 123px;
    left: 3%;
    width: 94%;
    height: 42px;
    border-top: 1.5px dashed rgba(36, 152, 83, 0.55);
    border-radius: 50%;
    pointer-events: none;
}


/* Individual item */

.inamwhy-item {
    position: relative;
    min-width: 0;
    text-align: center;
    z-index: 2;
}

.inamwhy-item:nth-child(even) {
    padding-top: 35px;
}

.inamwhy-item:nth-child(odd) {
    padding-top: 0;
}


/* Icon */

.inamwhy-icon-wrap {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 76px;
    height: 76px;
    margin: 0 auto;
    border: 1px solid rgba(37, 151, 84, 0.22);
    border-radius: 50%;
    background: rgba(247, 253, 249, 0.96);
    color: #168b4c;
    font-size: 27px;
    box-shadow: 0 5px 18px rgba(20, 80, 50, 0.05);
}

.inamwhy-icon-wrap::after {
    content: "";
    position: absolute;
    inset: 7px;
    border: 1px solid rgba(37, 151, 84, 0.09);
    border-radius: 50%;
}


/* Number */

.inamwhy-number {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 31px;
    height: 31px;
    margin: 20px auto 0;
    border-radius: 50%;
    background: #239650;
    color: #ffffff;
    font-size: 11px;
    font-weight: 600;
    z-index: 3;
    box-shadow: 0 3px 8px rgba(35, 150, 80, 0.2);
}


/* Content */

.inamwhy-content {
    width: 100%;
    max-width: 170px;
    margin: 12px auto 0;
}

.inamwhy-item-title {
    min-height: 40px;
    margin: 0;
    color: #102c5b;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.45;
}

.inamwhy-small-line {
    display: block;
    width: 25px;
    height: 2px;
    margin: 9px auto 10px;
    border-radius: 4px;
    background: #209652;
}

.inamwhy-item-text {
    margin: 0;
    color: #667287;
    font-size: 11.5px;
    font-weight: 400;
    line-height: 1.65;
}


/* =========================================
   STATISTICS
========================================= */

.inamwhy-stats {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    width: 100%;
    margin-top: 18px;
    padding: 21px 15px;
    border: 1px solid rgba(20, 70, 100, 0.06);
    border-radius: 24px;
    background: #ffffff;
    box-shadow: 0 9px 30px rgba(24, 58, 87, 0.07);
}

.inamwhy-stat {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 0;
    gap: 10px;
    padding: 3px 12px;
    border-right: 1px solid #e5e9ed;
}

.inamwhy-stat:last-child {
    border-right: none;
}

.inamwhy-stat-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: 42px;
    height: 42px;
    color: #168b4c;
    font-size: 24px;
}

.inamwhy-stat-info {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.inamwhy-stat-number {
    color: #102c5b;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.1;
}

.inamwhy-stat-label {
    margin-top: 4px;
    color: #667287;
    font-size: 10px;
    line-height: 1.35;
}


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

@media (max-width: 900px) {

    .inamwhy-section {
        padding: 50px 15px 42px;
    }

    .inamwhy-heading {
        margin-bottom: 30px;
    }

    .inamwhy-title {
        font-size: 30px;
    }

    .inamwhy-description {
        font-size: 13px;
        max-width: 620px;
    }

    .inamwhy-flow {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        row-gap: 34px;
        min-height: auto;
    }

    .inamwhy-flow-line {
        display: none;
    }

    .inamwhy-item:nth-child(even),
    .inamwhy-item:nth-child(odd) {
        padding-top: 0;
    }

    .inamwhy-content {
        max-width: 190px;
    }

    .inamwhy-stats {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 15px 0;
    }

    .inamwhy-stat:nth-child(3) {
        border-right: none;
    }

    .inamwhy-stat:nth-child(4),
    .inamwhy-stat:nth-child(5) {
        border-top: 1px solid #e5e9ed;
        padding-top: 15px;
    }
}


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

@media (max-width: 600px) {

    .inamwhy-section {
        padding: 42px 12px 35px;
    }

    .inamwhy-eyebrow {
        gap: 6px;
    }

    .inamwhy-eyebrow-line {
        width: 25px;
    }

    .inamwhy-eyebrow-text {
        font-size: 11px;
    }

    .inamwhy-eyebrow-icon {
        width: 24px;
        height: 24px;
        font-size: 11px;
    }

    .inamwhy-title {
        font-size: 25px;
        line-height: 1.25;
    }

    .inamwhy-description {
        max-width: 430px;
        font-size: 11.5px;
        line-height: 1.65;
    }

    .inamwhy-heading-divider {
        margin-top: 14px;
    }

    .inamwhy-flow {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 28px 10px;
        margin-top: 25px;
    }

    .inamwhy-icon-wrap {
        width: 61px;
        height: 61px;
        font-size: 21px;
    }

    .inamwhy-icon-wrap::after {
        inset: 6px;
    }

    .inamwhy-number {
        width: 26px;
        height: 26px;
        margin-top: 10px;
        font-size: 9px;
    }

    .inamwhy-content {
        max-width: 155px;
        margin-top: 8px;
    }

    .inamwhy-item-title {
        min-height: auto;
        font-size: 12px;
        line-height: 1.4;
    }

    .inamwhy-small-line {
        width: 21px;
        margin: 7px auto 8px;
    }

    .inamwhy-item-text {
        font-size: 10px;
        line-height: 1.55;
    }

    .inamwhy-stats {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        margin-top: 30px;
        padding: 15px 8px;
        border-radius: 17px;
    }

    .inamwhy-stat {
        justify-content: flex-start;
        padding: 9px 7px;
        border-right: 1px solid #e5e9ed;
    }

    .inamwhy-stat:nth-child(2n) {
        border-right: none;
    }

    .inamwhy-stat:nth-child(n + 3) {
        border-top: 1px solid #e5e9ed;
    }

    .inamwhy-stat-icon {
        width: 34px;
        height: 34px;
        font-size: 19px;
    }

    .inamwhy-stat-number {
        font-size: 16px;
    }

    .inamwhy-stat-label {
        font-size: 8.5px;
    }
}


/* =========================================
   VERY SMALL SCREENS
========================================= */

@media (max-width: 380px) {

    .inamwhy-title {
        font-size: 22px;
    }

    .inamwhy-description {
        font-size: 10.5px;
    }

    .inamwhy-flow {
        gap: 24px 5px;
    }

    .inamwhy-item-text {
        font-size: 9.5px;
    }

    .inamwhy-content {
        max-width: 140px;
    }

    .inamwhy-stat-number {
        font-size: 14px;
    }

    .inamwhy-stat-label {
        font-size: 8px;
    }
}
.inamwhy-flow-line {
    position: absolute;
    top: 137px;
    left: 4%;
    width: 92%;
    height: 105px;
    z-index: 1;
    pointer-events: none;
    overflow: visible;
}
.inamwhy-item {
    position: relative;
    min-width: 0;
    text-align: center;
    z-index: 2;
}
.inamwhy-number {
    position: relative;
    z-index: 5;
    display: flex;
    align-items: center;
    justify-content: center;

    width: 31px;
    height: 31px;
    margin: 20px auto 0;

    border-radius: 50%;
    background: #233596;
    color: #ffffff;

    font-size: 11px;
    font-weight: 600;
    line-height: 1;

    box-shadow: 0 3px 8px rgba(35, 150, 80, 0.20);
}
.inamwhy-item:nth-child(even) {
    padding-top: 35px;
}

.inamwhy-item:nth-child(odd) {
    padding-top: 0;
}
/*==================================================
        PATIENT JOURNEY SLIDER
==================================================*/

.inamservice-process-slider{

    width:100%;
    padding:15px 0 60px;

}

.inamservice-process-slider .swiper-slide{

    height:auto;

}

.inamservice-process-card{

    background:#ffffff;

    border-radius:18px;

    overflow:hidden;

    border:1px solid #e8eef3;

    box-shadow:0 8px 25px rgba(17,62,103,.07);

    transition:.35s;

    height:100%;

    display:flex;

    flex-direction:column;

}

.inamservice-process-card:hover{

    transform:translateY(-8px);

    box-shadow:0 18px 40px rgba(17,62,103,.15);

}

.inamservice-process-image{

    width:100%;

    height:220px;

    overflow:hidden;

}

.inamservice-process-image img{

    width:100%;

    height:100%;

    object-fit:cover;

    display:block;

    transition:.5s;

}

.inamservice-process-card:hover
.inamservice-process-image img{

    transform:scale(1.08);

}

.inamservice-process-content{

    padding:24px;

    display:flex;

    flex-direction:column;

    flex:1;

}

.inamservice-process-content h3{

    margin:0;

    font-family:'Poppins',sans-serif;

    font-size:22px;

    font-weight:600;

    color:#143d73;

    line-height:1.4;

}

.inamservice-process-content p{

    margin:16px 0 25px;

    font-family:'Poppins',sans-serif;

    font-size:15px;

    color:#65798d;

    line-height:1.8;

    flex:1;

}

.inamservice-process-content a{

    display:inline-flex;

    align-items:center;

    gap:10px;

    text-decoration:none;

    color:#16a34a;

    font-size:15px;

    font-weight:600;

    transition:.3s;

}

.inamservice-process-content a i{

    transition:.3s;

}

.inamservice-process-content a:hover{

    color:#0d8a3c;

}

.inamservice-process-content a:hover i{

    transform:translateX(6px);

}

/*==============================
        NAVIGATION
==============================*/

.inamservice-process-slider .swiper-button-next,

.inamservice-process-slider .swiper-button-prev{

    width:48px;

    height:48px;

    border-radius:50%;

    background:#ffffff;

    box-shadow:0 5px 20px rgba(0,0,0,.12);

    color:#0f4c81;

}

.inamservice-process-slider .swiper-button-next::after,

.inamservice-process-slider .swiper-button-prev::after{

    font-size:18px;

    font-weight:700;

}

.inamservice-process-slider .swiper-pagination{

    bottom:0 !important;

}

.inamservice-process-slider
.swiper-pagination-bullet{

    width:10px;

    height:10px;

    opacity:1;

    background:#bfd2df;

}

.inamservice-process-slider
.swiper-pagination-bullet-active{

    width:26px;

    border-radius:30px;

    background:#18b65d;

}

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

@media(max-width:992px){

    .inamservice-process-image{

        height:200px;

    }

}

@media(max-width:768px){

    .inamservice-process-content{

        padding:20px;

    }

    .inamservice-process-content h3{

        font-size:20px;

    }

}

@media(max-width:576px){

    .inamservice-process-image{

        height:190px;

    }

    .inamservice-process-content h3{

        font-size:18px;

    }

    .inamservice-process-content p{

        font-size:14px;

    }

}
/*==========================================
        SWIPER NAVIGATION
==========================================*/

.inamservice-process-slider .swiper-button-next,
.inamservice-process-slider .swiper-button-prev{

    width:56px;
    height:56px;

    border-radius:50%;

    background:#ffffff;

    border:1px solid #e4edf4;

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

    color:#16a34a;

    transition:.35s;

}

.inamservice-process-slider .swiper-button-next{

    right:-10px;

}

.inamservice-process-slider .swiper-button-prev{

    left:-10px;

}

.inamservice-process-slider .swiper-button-next::after,
.inamservice-process-slider .swiper-button-prev::after{

    font-size:18px;

    font-weight:700;

}

.inamservice-process-slider .swiper-button-next:hover,
.inamservice-process-slider .swiper-button-prev:hover{

    background:#16a34a;

    color:#ffffff;

    border-color:#16a34a;

    transform:translateY(-4px);

    box-shadow:0 18px 35px rgba(22,163,74,.25);

}

.inamservice-process-slider .swiper-button-disabled{

    opacity:.45;

}
.inamservice-process-prev,
.inamservice-process-next{
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;

    width: 45px !important;
    height: 45px !important;

    background:#0c148e !important;
    color: white !important;

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

    border-radius: 50% !important;
    z-index: 99999 !important;

    visibility: visible !important;
    opacity: 1 !important;
}

.inamservice-process-prev{
    left: -65px !important;
}

.inamservice-process-next{
    right: -70px !important;
}
.inamservice-main-section{
    overflow: visible;
}

.inamservice-container{
    position: relative;
    overflow: visible;
}

.inamservice-process-slider{
    position: relative;
    overflow: visible !important;
    padding: 0 70px;   /* space for arrows */
}
.inamservice-process-slider{
    overflow: hidden;
}
.inamservice-main-section{
    overflow:hidden;
}

.inamservice-container{
    max-width:1400px;
    margin:0 auto;
    padding:0 70px;   /* room for arrows */
    overflow:hidden;
    box-sizing:border-box;
}

.inamservice-process-slider{
    width:100%;
    overflow:hidden;
    position:relative;
}
.inamservice-container{
    position: relative;
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 70px;   /* Space for arrows */
    box-sizing: border-box;
    padding-bottom:40px;
}

.inamservice-process-slider{
    position: relative;
    overflow: hidden;
}

.inamservice-process-prev,
.inamservice-process-next{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 10px 25px rgba(0,0,0,.15);
    cursor: pointer;
    z-index: 999;
}

.inamservice-process-prev{
    left: 10px;
}

.inamservice-process-next{
    right: 10px;
}.inamservice-process-slider{
    position: relative;
}

.inamservice-process-prev,
.inamservice-process-next{
    position: absolute;
    z-index: 9999 !important;
}

.swiper-slide{
    position: relative;
    z-index: 1;
}
.inamservice-process-card{
    position: relative;
    z-index: 10;
}


/* Only adjust feature icons */
.inamhero-feature-box {
    display: flex !important;
    align-items: center !important;
}

.inamhero-feature-content {
    flex: 1 !important;
}

.inamhero-feature-icon {
    margin-left: auto !important;

    /* width: 40px !important;
    min-width: 40px !important;
    height: 40px !important; */

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

    flex-shrink: 0 !important;
}
/*------------------------------------------service page--------------------------------------------*/

.inam-services-banner {

    padding: 90px 20px 60px;

    background: linear-gradient(135deg, #f8fbff, #eef7ff);

    text-align: center;
    font-family: 'poppins', sans-serif;

}

.inam-services-header {

    max-width: 850px;

    margin: auto;

}

.inam-service-tag {

    display: inline-block;

    padding: 10px 22px;

    background: #e9f4ff;

    color: #0A4FB8;

    border-radius: 40px;

    font-size: 14px;

    font-weight: 600;

    margin-bottom: 22px;

}

.inam-services-header h1 {

    font-size: 54px;

    line-height: 1.15;

    color: #17345d;

    margin-bottom: 20px;

}

.inam-services-header h1 span {

    color: #18B54A;

    display: block;

}

.inam-services-header p {

    max-width: 720px;

    margin: auto;

    font-size: 17px;

    line-height: 1.9;

    color: #63758b;

}


/*==========================================
        SEARCH BAR
==========================================*/

.inam-service-search {

    width: 100%;

    max-width: 850px;

    margin: 45px auto 25px;

    background: #ffffff;

    border-radius: 60px;

    display: flex;

    align-items: center;

    padding: 10px;

    box-shadow: 0 15px 40px rgba(0, 0, 0, .08);

}

.inam-service-search i {

    font-size: 20px;

    color: #0A4FB8;

    margin: 0 20px;

}

.inam-service-search input {

    flex: 1;

    border: none;

    outline: none;

    font-size: 16px;

    background: transparent;

    color: #333;

}

.inam-service-search button {

    border: none;

    background: #0A4FB8;

    color: #fff;

    padding: 16px 35px;

    border-radius: 40px;

    cursor: pointer;

    font-size: 15px;

    font-weight: 600;

    transition: .35s;

}

.inam-service-search button:hover {

    background: #18B54A;

}


/*==========================================
        POPULAR LINKS
==========================================*/

.inam-popular-searches {

    display: flex;

    justify-content: center;

    align-items: center;

    gap: 12px;

    flex-wrap: wrap;

}

.inam-popular-searches span {

    color: #666;

    font-weight: 600;

}

.inam-popular-searches a {

    text-decoration: none;

    padding: 8px 16px;

    border-radius: 25px;

    background: #ffffff;

    color: #0A4FB8;

    font-size: 14px;

    transition: .3s;

    box-shadow: 0 8px 20px rgba(0, 0, 0, .05);

}

.inam-popular-searches a:hover {

    background: #18B54A;

    color: #fff;

}


/*==========================================
        SERVICES GRID
==========================================*/

.inam-home-services {

    max-width: 1200px;

    margin: 80px auto;

    display: grid;

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

    gap: 30px;

    padding: 0 20px;

}

.inam-service-card {

    background: #ffffff;

    border-radius: 22px;

    padding: 45px 30px;

    text-align: center;

    transition: .35s;

    box-shadow: 0 15px 35px rgba(0, 0, 0, .06);

}

.inam-service-card:hover {

    transform: translateY(-10px);

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

}

.inam-service-card i {

    width: 80px;

    height: 80px;

    display: flex;

    justify-content: center;

    align-items: center;

    margin: auto;

    border-radius: 50%;

    font-size: 30px;

    color: #ffffff;

    background: linear-gradient(135deg, #0A4FB8, #18B54A);

}

.inam-service-card h3 {

    margin: 25px 0 15px;

    font-size: 24px;

    color: #17345d;

}

.inam-service-card p {

    font-size: 15px;

    color: #64748b;

    line-height: 1.8;

}


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

@media(max-width:992px) {

    .inam-home-services {

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

    }

    .inam-services-header h1 {

        font-size: 42px;

    }

}

@media(max-width:768px) {

    .inam-home-services {

        grid-template-columns: 1fr;

    }

    .inam-service-search {

        flex-direction: column;

        border-radius: 25px;

        padding: 20px;

        gap: 15px;

    }

    .inam-service-search i {

        display: none;

    }

    .inam-service-search input {

        width: 100%;

        text-align: center;

    }

    .inam-service-search button {

        width: 100%;

    }

    .inam-services-header h1 {

        font-size: 34px;

    }

    .inam-services-header p {

        font-size: 15px;

    }

}

/*=================================================section 2=======================================*/
.section-title {

    max-width: 700px;
    margin: 0 auto 70px;
    text-align: center;
    position: relative;

}

.section-title .subtitle {

    display: inline-flex;
    align-items: center;
    gap: 12px;

    font-size: 14px;
    font-weight: 700;
    letter-spacing: 3px;
    text-transform: uppercase;

    color: #CFA24A;

    margin-bottom: 18px;

}

.section-title .subtitle::before {

    content: "";
    width: 45px;
    height: 2px;
    background: #CFA24A;

}

.section-title h2 {

    font-size: 54px;
    line-height: 1.15;
    font-weight: 800;

    color: #0B2A4A;

    margin-bottom: 25px;

}

.section-title p {

    font-size: 18px;
    line-height: 1.9;

    color: #666;

    max-width: 650px;

    margin: auto;

}

.section-title::after {

    content: "";

    width: 80px;
    height: 4px;

    background: #CFA24A;

    border-radius: 10px;

    display: block;

    margin: 35px auto 0;

}

.journey-section {
    padding: 60px 0;
    background: #f8fbff;
    padding-left: 40px;
}

.journey-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    gap: 70px;
}

.journey-image img {
    width: 100%;
    height: 520px;
    object-fit: cover;
    border-radius: 25px;
}

.step {
    color: #0b3d91;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.journey-content h3 {
    font-size: 42px;
    margin: 20px 0;
}

.journey-content p {
    line-height: 1.8;
    color: #666;
}

.journey-content ul {
    margin: 30px 0;
}

.journey-content li {
    list-style: none;
    margin: 15px 0;
    position: relative;
    padding-left: 28px;
}

.journey-content li::before {
    content: "✓";
    position: absolute;
    left: 0;
    color: #0b3d91;
    font-weight: bold;
}

.journey-content a {
    display: inline-block;
    padding: 15px 35px;
    background: #0b3d91;
    color: #fff;
    text-decoration: none;
    border-radius: 50px;
}

.swiper {
    padding-bottom: 70px;
}

.swiper-button-next,
.swiper-button-prev {
    color: #0b3d91;
}

.swiper-pagination-bullet-active {
    background: #0b3d91;
}

@media(max-width:991px) {

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

    .journey-content {
        text-align: center;
    }

}

/* ===========================================================
   INAM Pharma - CONTACT PAGE STYLES
   (Append into your global stylesheet — navbar/topbar CSS
   already exists separately, not repeated here)

   Palette (matched to navbar):
   Navy   : #0d2d77
   Green  : #10a64b
   Gray   : #6b7280
   Light  : #eaf1fb
=========================================================== */

/* ===========================
   PAGE OFFSET (fixed header clearance)
=========================== */

/* .inamx-page-wrapper {
    padding-top: 175px;
} */

@media (max-width: 768px) {
    .inamx-page-wrapper {
        padding-top: 110px;
    }
}

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

.page-hero {
    background: #eaf1fb;
    padding: 150px 24px 70px;
    text-align: center;
    box-sizing: border-box;
    font-family: 'Poppins', sans-serif;
}

.page-hero-inner {
    max-width: 800px;
    margin: 0 auto;
}

.page-hero-title {
    font-size: 42px;
    font-weight: 800;
    color: #0d2d77;
    margin-bottom: 18px;
    line-height: 1.25;
}

.page-hero-title span {
    color: #10a64b;
}

.page-hero-sub {
    color: #6b7280;
    font-size: 17px;
    line-height: 1.7;
}

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

.contact-section {
    padding: 80px 24px;
    background: #ffffff;
    font-family: 'Poppins', sans-serif;
}

.contact-grid {
    max-width: 1200px;
    /* margin: 0 auto; */
    display: grid;
    grid-template-columns: 1.2fr 1.3fr;
    gap: 20px;
    margin-left: 30px;
}

/* ---- Left: Company Info ---- */

.contact-info h2,
.contact-form-wrap h2 {
    font-size: 28px;
    font-weight: 800;
    color: #0d2d77;
    margin-bottom: 14px;
}

.contact-info-sub {
    color: #6b7280;
    margin-bottom: 32px;
    line-height: 1.7;
    font-size: 14px;
}

.info-item {
    display: flex;
    align-items: flex-start;
    gap: 18px;
    margin-bottom: 28px;
}

.info-icon {
    width: 46px;
    height: 46px;
    min-width: 46px;
    background: #eaf7ee;
    color: #10a64b;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
}

.info-item h4 {
    color: #0d2d77;
    font-size: 16px;
    margin-bottom: 0px;
    margin-top: 0px;
    font-weight: 700;
}

.info-item p,
.info-item a {
    color: #6b7280;
    font-size: 14px;
    text-decoration: none;
    line-height: 1.6;
}

.info-item a:hover {
    color: #10a64b;
}

/* ---- Right: Contact Form ---- */

.contact-form-wrap {
    background: #f8fafc;
    border: 1px solid #ececec;
    border-radius: 16px;
    padding: 40px;
    box-sizing: border-box;
}

.form-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}

.form-group {
    margin-bottom: 20px;
    display: flex;
    flex-direction: column;
}

.form-group label {
    font-size: 14px;
    font-weight: 600;
    color: #0d2d77;
    margin-bottom: 8px;
}

.form-group input,
.form-group select,
.form-group textarea {
    border: 1px solid #d9e5f7;
    border-radius: 10px;
    padding: 13px 16px;
    font-size: 14px;
    color: #222;
    background: #ffffff;
    font-family: 'Poppins', sans-serif;
    box-sizing: border-box;
    width: 100%;
    transition: .3s;
}

.form-group input:focus,
.form-group select:focus,
.form-group textarea:focus {
    outline: none;
    border-color: #10a64b;
}

.form-group textarea {
    resize: vertical;
}

.btn-submit {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    background: #10a64b;
    color: #ffffff;
    border: none;
    font-weight: 600;
    font-size: 14px;
    padding: 15px 30px;
    border-radius: 10px;
    cursor: pointer;
    width: 100%;
    font-family: 'Poppins', sans-serif;
    box-shadow: 0 10px 18px rgba(16, 165, 75, .25);
    transition: .3s;
}

.btn-submit:hover {
    background: #0b9241;
}

.form-alert {
    padding: 14px 18px;
    border-radius: 10px;
    font-size: 14px;
    margin-bottom: 20px;
    font-family: 'Poppins', sans-serif;
}

.form-alert-success {
    background: #eaf7ee;
    color: #158a3c;
    border: 1px solid #b7e4c7;
}

.form-alert-error {
    background: #fdecec;
    color: #b42318;
    border: 1px solid #f3b8b3;
}

/* ===========================
   FAQ SECTION
=========================== */

.faq-section {
    background: #eaf1fb;
    padding: 12px 24px;
    font-family: 'Poppins', sans-serif;
}

.faq-inner {
    max-width: 900px;
    margin: 0 auto;
    text-align: center;
}

.faq-title {
    font-size: 32px;
    font-weight: 800;
    color: #0d2d77;
    margin-bottom: 12px;
}

.faq-title span {
    color: #10a64b;
}

.faq-sub {
    color: #6b7280;
    margin-bottom: 40px;
    font-size: 15px;
}

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

.faq-item {
    background: #ffffff;
    border: 1px solid #ececec;
    border-radius: 12px;
    margin-bottom: 16px;
    overflow: hidden;
}

.faq-question {
    width: 100%;
    background: none;
    border: none;
    text-align: left;
    padding: 20px 24px;
    font-size: 16px;
    font-weight: 700;
    color: #0d2d77;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    font-family: 'Poppins', sans-serif;
}

.faq-icon {
    font-size: 20px;
    color: #10a64b;
    transition: transform .3s ease;
    flex-shrink: 0;
    margin-left: 12px;
}

.faq-item.active .faq-icon {
    transform: rotate(45deg);
}

.faq-answer {
    max-height: 0;
    overflow: hidden;
    transition: max-height .3s ease, padding .3s ease;
    padding: 0 24px;
}

.faq-item.active .faq-answer {
    max-height: 300px;
    padding: 0 24px 20px;
}

.faq-answer p {
    color: #6b7280;
    line-height: 1.7;
    font-size: 14px;
}

/* ===========================
   FOOTER
=========================== */

.site-footer {
    background: #0d2d77;
    color: #ffffff;
    text-align: center;
    padding: 24px;
    font-size: 14px;
    font-family: 'Poppins', sans-serif;
}

/* ===========================================================
   RESPONSIVE
   (Breakpoints matched to navbar: 1300 / 1100 / 992 / 768)
=========================================================== */

@media (max-width: 1300px) {

    .contact-grid {
        gap: 40px;
    }

    .contact-form-wrap {
        padding: 32px;
    }

}

@media (max-width: 1100px) {

    .page-hero-title {
        font-size: 36px;
    }

    .contact-grid {
        grid-template-columns: 1fr;
        gap: 50px;
    }

    .contact-form-wrap {
        max-width: 600px;
    }

}

@media (max-width: 992px) {

    .page-hero {
        padding: 80px 20px 60px;
    }

    .contact-section,
    .faq-section {
        padding: 3px 20px;
        padding-bottom: 25px;
    }

    .faq-title {
        font-size: 28px;
    }

}

@media (max-width: 768px) {

    .page-hero {
        padding: 95px 20px 50px;
    }

    .page-hero-title {
        font-size: 28px;
    }

    .page-hero-sub {
        font-size: 15px;
    }

    .contact-info h2,
    .contact-form-wrap h2 {
        font-size: 22px;
    }

    .form-row {
        grid-template-columns: 1fr;
        gap: 0;
    }

    .contact-form-wrap {
        padding: 24px;
    }

    .faq-question {
        font-size: 14px;
        padding: 16px 18px;
    }

    .faq-answer {
        padding: 0 18px;
    }

    .faq-item.active .faq-answer {
        padding: 0 18px 16px;
    }

    .faq-title {
        font-size: 24px;
    }

    .info-item {
        gap: 14px;
        margin-bottom: 22px;
    }

}

@media (max-width: 480px) {

    .page-hero-title {
        font-size: 24px;
    }

    .info-icon {
        width: 40px;
        height: 40px;
        min-width: 40px;
        font-size: 16px;
    }

    .btn-submit {
        font-size: 13px;
        padding: 13px 24px;
    }

}


/* ===========================================================
   INAM Pharma - MAP SECTION
=========================================================== */

.inamcontact-map-section {
    background: #ffffff;
    padding: 9px 24px;
    font-family: 'Poppins', sans-serif;
    text-align: center;
}

.inamcontact-map-inner {
    max-width: 1200px;
    margin: 0 auto;
    display: grid;
    /* grid-template-columns: 0.8fr 1.5fr; */
    gap: 11px;
    align-items: center;
}

/* ---- Left: heading ---- */

.inamcontact-map-left-box h2 {
    font-size: 30px;
    font-weight: 800;
    color: #0d2d77;
    margin-bottom: 14px;
    line-height: 1.3;
}

.inamcontact-map-left-box h2 span {
    color: #10a64b;
}

.inamcontact-map-left-box p {
    color: #6b7280;
    font-size: 15px;
    line-height: 1.7;
}

/* ---- Right: map + button ---- */

.inamcontact-map-right-box {
    position: relative;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(13, 45, 119, .12);
    border: 1px solid #ececec;
}

.inamcontact-map-right-box iframe {
    width: 100%;
    height: 420px;
    display: block;
    border: 0;
}

.inamcontact-direction-btn {
    position: absolute;
    bottom: 20px;
    right: 20px;
    display: flex;
    align-items: center;
    gap: 10px;
    background: #10a64b;
    color: #ffffff;
    border: none;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    font-size: 14px;
    padding: 13px 22px;
    border-radius: 10px;
    cursor: pointer;
    box-shadow: 0 10px 18px rgba(16, 165, 75, .3);
    transition: .3s;
}

.inamcontact-direction-btn:hover {
    background: #0b9241;
    transform: translateY(-2px);
}

.inamcontact-direction-btn i {
    font-size: 14px;
}

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

@media (max-width: 1100px) {

    .inamcontact-map-inner {
        grid-template-columns: 1fr;
        gap: 30px;
        text-align: center;
    }

    .inamcontact-map-left-box p {
        max-width: 600px;
        margin: 0 auto;
    }

}

@media (max-width: 992px) {

    .inamcontact-map-section {
        padding: 60px 20px;
    }

    .inamcontact-map-right-box iframe {
        height: 360px;
    }

}

@media (max-width: 768px) {

    .inamcontact-map-left-box h2 {
        font-size: 24px;
    }

    .inamcontact-map-right-box iframe {
        height: 300px;
    }

    .inamcontact-direction-btn {
        font-size: 13px;
        padding: 11px 18px;
        bottom: 14px;
        right: 14px;
    }

}

@media (max-width: 480px) {

    .inamcontact-map-right-box iframe {
        height: 240px;
    }

    .inamcontact-direction-btn {
        position: static;
        width: 100%;
        justify-content: center;
        margin-top: 14px;
        border-radius: 10px;
    }

}

/* ===========================================================
   INAM Pharma - ENQUIRY FORM SECTION
=========================================================== */

.inamenquire-section {
    position: relative;
    background: url('../images/bg/bgenquiry.jpeg') center center / cover no-repeat fixed;
    padding: 90px 24px;
    font-family: 'Poppins', sans-serif;
    overflow: hidden;
}

/* Dark overlay for text readability over the background image */
.inamenquire-overlay {
    position: absolute;
    inset: 0;
    /* background: linear-gradient(180deg, rgba(13, 45, 119, .88) 0%, rgba(13, 45, 119, .72) 100%); */
    z-index: 1;
}

.inamenquire-inner {
    position: relative;
    z-index: 2;
    max-width: 1000px;
    margin: 0 auto;
}

/* ---- Heading ---- */

.inamenquire-heading {
    text-align: center;
    margin-bottom: 40px;
    padding-top: 85px;
}

.inamenquire-heading h2 {
    font-size: 34px;
    font-weight: 800;
    color: #ffffff;
    margin-bottom: 14px;
}

.inamenquire-heading h2 span {
    color: #0d2d77
}

.inamenquire-heading p {
    color: #000000;
    font-size: 15px;
    line-height: 1.7;
    max-width: 650px;
    margin: 0 auto;
}

/* ---- Form Card ---- */

.inamenquire-form-card {
    background: #ffffff;
    border-radius: 18px;
    padding: 45px;
    box-shadow: 0 25px 50px rgba(0, 0, 0, .25);
    box-sizing: border-box;
}

.inamenquire-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 22px;
}

.inamenquire-group {
    margin-bottom: 22px;
    display: flex;
    flex-direction: column;
}

.inamenquire-group label {
    font-size: 14px;
    font-weight: 600;
    color: #0d2d77;
    margin-bottom: 8px;
}

.inamenquire-group input,
.inamenquire-group select,
.inamenquire-group textarea {
    border: 1px solid #d9e5f7;
    border-radius: 10px;
    padding: 13px 16px;
    font-size: 14px;
    color: #222;
    background: #ffffff;
    font-family: 'Poppins', sans-serif;
    box-sizing: border-box;
    width: 100%;
    transition: .3s;
}

.inamenquire-group input:focus,
.inamenquire-group select:focus,
.inamenquire-group textarea:focus {
    outline: none;
    border-color: #10a64b;
}

.inamenquire-group input[type="file"] {
    padding: 10px 14px;
    cursor: pointer;
}

.inamenquire-file-hint {
    font-size: 12px;
    color: #8a94a6;
    margin-top: 6px;
}

.inamenquire-group textarea {
    resize: vertical;
}

.inamenquire-submit-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    background: #10a64b;
    color: #ffffff;
    border: none;
    font-weight: 600;
    font-size: 15px;
    padding: 15px 30px;
    border-radius: 10px;
    cursor: pointer;
    width: 100%;
    font-family: 'Poppins', sans-serif;
    box-shadow: 0 10px 18px rgba(16, 165, 75, .3);
    transition: .3s;
}

.inamenquire-submit-btn:hover {
    background: #0b9241;
}

/* ---- Alerts ---- */

.inamenquire-alert {
    padding: 14px 18px;
    border-radius: 10px;
    font-size: 14px;
    margin-bottom: 24px;
}

.inamenquire-alert-success {
    background: #eaf7ee;
    color: #158a3c;
    border: 1px solid #b7e4c7;
}

.inamenquire-alert-error {
    background: #fdecec;
    color: #b42318;
    border: 1px solid #f3b8b3;
}

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

@media (max-width: 1100px) {

    .inamenquire-form-card {
        padding: 36px;
    }

}

@media (max-width: 768px) {

    /* fixed background attachment can cause issues on mobile browsers */
    .inamenquire-section {
        background-attachment: scroll;
        padding: 60px 18px;
    }

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

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

    .inamenquire-form-card {
        padding: 26px 22px;
        border-radius: 14px;
    }

    .inamenquire-row {
        grid-template-columns: 1fr;
        gap: 0;
    }

}

@media (max-width: 480px) {

    .inamenquire-heading h2 {
        font-size: 22px;
    }

    .inamenquire-form-card {
        padding: 20px 16px;
    }

    .inamenquire-submit-btn {
        font-size: 14px;
        padding: 13px 24px;
    }

}



/* ===========================================================
   INAM Pharma - MEDICAL VISA ASSISTANCE PAGE
   Palette: Navy #0d2d77 | Green #10a64b | Gray #6b7280
=========================================================== */

.inamvisa-hero,
.inamvisa-about,
.inamvisa-process,
.inamvisa-documents,
.inamvisa-fees,
.inamvisa-faq {
    font-family: 'Poppins', sans-serif;
    box-sizing: border-box;
}

.inamvisa-tag {
    display: inline-block;
    background: #eaf7ee;
    color: #10a64b;
    font-size: 13px;
    font-weight: 700;
    padding: 6px 16px;
    border-radius: 30px;
    margin-bottom: 16px;
}

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

.inamvisa-hero {
    background: linear-gradient(135deg, #0d2d77 0%, #123f9e 100%);
    padding: 90px 24px;
    text-align: center;
}

.inamvisa-hero-inner {
    max-width: 780px;
    margin: 0 auto;
}

.inamvisa-badge {
    display: inline-block;
    background: rgba(255, 255, 255, .12);
    color: #ffffff;
    font-size: 13px;
    font-weight: 600;
    padding: 8px 18px;
    border-radius: 30px;
    margin-bottom: 20px;
}

.inamvisa-hero h1 {
    font-size: 44px;
    font-weight: 800;
    color: #ffffff;
    line-height: 1.3;
    margin-bottom: 18px;
}

.inamvisa-hero h1 span {
    color: #4ade80;
}

.inamvisa-hero p {
    color: #dbe6fb;
    font-size: 16px;
    line-height: 1.7;
    margin-bottom: 30px;
}

.inamvisa-hero-btn {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    background: #10a64b;
    color: #ffffff;
    text-decoration: none;
    font-weight: 600;
    font-size: 15px;
    padding: 15px 28px;
    border-radius: 10px;
    box-shadow: 0 10px 20px rgba(16, 165, 75, .3);
    transition: .3s;
}

.inamvisa-hero-btn:hover {
    background: #0b9241;
    transform: translateY(-2px);
}

/* ===========================
   ABOUT MEDICAL VISA
=========================== */

.inamvisa-about {
    background: #ffffff;
    padding: 90px 24px;
}

.inamvisa-about-inner {
    max-width: 1200px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 0.9fr 1.1fr;
    gap: 60px;
    align-items: center;
}

.inamvisa-about-image img {
    width: 100%;
    border-radius: 18px;
    display: block;
    box-shadow: 0 20px 40px rgba(13, 45, 119, .15);
}

.inamvisa-about-content h2 {
    font-size: 30px;
    font-weight: 800;
    color: #0d2d77;
    margin-bottom: 18px;
    line-height: 1.35;
}

.inamvisa-about-content p {
    color: #6b7280;
    font-size: 15px;
    line-height: 1.8;
    margin-bottom: 16px;
}

.inamvisa-about-points {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
    margin-top: 24px;
}

.inamvisa-point {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    font-size: 14px;
    color: #0d2d77;
    font-weight: 600;
}

.inamvisa-point i {
    background: #eaf7ee;
    color: #10a64b;
    width: 22px;
    height: 22px;
    min-width: 22px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 11px;
    margin-top: 2px;
}

/* ===========================
   SECTION HEAD (shared)
=========================== */

.inamvisa-section-head {
    max-width: 700px;
    margin: 0 auto 50px;
    text-align: center;
}

.inamvisa-section-head h2 {
    font-size: 32px;
    font-weight: 800;
    color: #0d2d77;
    margin-bottom: 14px;
    line-height: 1.3;
}

.inamvisa-section-head h2 span {
    color: #10a64b;
}

.inamvisa-section-head p {
    color: #6b7280;
    font-size: 15px;
    line-height: 1.7;
}

/* ===========================
   APPLICATION PROCESS (STEPS)
=========================== */

.inamvisa-process {
    background: #eaf1fb;
    padding: 40px 24px;
}

.inamvisa-process-inner {
    max-width: 1200px;
    margin: 0 auto;
}

.inamvisa-steps {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 22px;
}

.inamvisa-step {
    background: #ffffff;
    border-radius: 16px;
    padding: 30px 22px;
    text-align: left;
    box-shadow: 0 10px 25px rgba(13, 45, 119, .06);
    position: relative;
    transition: .3s;
}

.inamvisa-step:hover {
    transform: translateY(-6px);
    box-shadow: 0 16px 32px rgba(13, 45, 119, .14);
}

.inamvisa-step-number {
    font-size: 30px;
    font-weight: 800;
    color: #d7e5fb;
    margin-bottom: 12px;
}

.inamvisa-step h3 {
    font-size: 16px;
    font-weight: 700;
    color: #0d2d77;
    margin-bottom: 10px;
}

.inamvisa-step p {
    font-size: 13px;
    color: #6b7280;
    line-height: 1.65;
}

/* ===========================
   REQUIRED DOCUMENTS
=========================== */

.inamvisa-documents {
    background: #ffffff;
    padding: 40px 24px;
}

.inamvisa-documents-inner {
    max-width: 1200px;
    margin: 0 auto;
}

.inamvisa-doc-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
}

.inamvisa-doc-card {
    border: 1px solid #ececec;
    border-radius: 16px;
    padding: 30px 26px;
    transition: .3s;
}

.inamvisa-doc-card:hover {
    border-color: #10a64b;
    box-shadow: 0 14px 28px rgba(13, 45, 119, .1);
    transform: translateY(-4px);
}

.inamvisa-doc-card i {
    width: 50px;
    height: 50px;
    border-radius: 12px;
    background: #eaf7ee;
    color: #10a64b;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    margin-bottom: 18px;
}

.inamvisa-doc-card h4 {
    font-size: 16px;
    font-weight: 700;
    color: #0d2d77;
    margin-bottom: 8px;
}

.inamvisa-doc-card p {
    font-size: 13px;
    color: #6b7280;
    line-height: 1.65;
}

/* ===========================
   FEES & PROCESSING TIME
=========================== */

.inamvisa-fees {
    background: #eaf1fb;
    padding: 40px 24px;
}

.inamvisa-fees-inner {
    max-width: 1200px;
    margin: 0 auto;
}

.inamvisa-fee-cards {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 26px;
    align-items: stretch;
}

.inamvisa-fee-card {
    background: #ffffff;
    border-radius: 18px;
    padding: 36px 28px;
    text-align: center;
    box-shadow: 0 10px 25px rgba(13, 45, 119, .06);
    position: relative;
    display: flex;
    flex-direction: column;
}

.inamvisa-fee-featured {
    background: #0d2d77;
    transform: scale(1.04);
    box-shadow: 0 20px 40px rgba(13, 45, 119, .25);
}

.inamvisa-fee-badge {
    position: absolute;
    top: -14px;
    left: 50%;
    transform: translateX(-50%);
    background: #10a64b;
    color: #ffffff;
    font-size: 12px;
    font-weight: 700;
    padding: 6px 16px;
    border-radius: 30px;
}

.inamvisa-fee-card h3 {
    font-size: 18px;
    font-weight: 700;
    color: #0d2d77;
    margin-bottom: 14px;
}

.inamvisa-fee-featured h3 {
    color: #ffffff;
}

.inamvisa-fee-amount {
    font-size: 28px;
    font-weight: 800;
    color: #10a64b;
    margin-bottom: 22px;
}

.inamvisa-fee-amount span {
    display: block;
    font-size: 13px;
    font-weight: 500;
    color: #6b7280;
    margin-top: 4px;
}

.inamvisa-fee-featured .inamvisa-fee-amount span {
    color: #c9d6f2;
}

.inamvisa-fee-card ul {
    list-style: none;
    margin: 0 0 28px;
    padding: 0;
    text-align: left;
    flex-grow: 1;
}

.inamvisa-fee-card ul li {
    font-size: 14px;
    color: #4b5563;
    margin-bottom: 12px;
    display: flex;
    align-items: flex-start;
    gap: 8px;
}

.inamvisa-fee-featured ul li {
    color: #dbe6fb;
}

.inamvisa-fee-card ul li i {
    color: #10a64b;
    margin-top: 3px;
}

.inamvisa-fee-btn {
    display: inline-block;
    text-align: center;
    background: #eaf1fb;
    color: #0d2d77;
    text-decoration: none;
    font-weight: 600;
    font-size: 14px;
    padding: 13px 20px;
    border-radius: 10px;
    transition: .3s;
}

.inamvisa-fee-btn:hover {
    background: #d7e5fb;
}

.inamvisa-fee-btn-alt {
    background: #10a64b;
    color: #ffffff;
}

.inamvisa-fee-btn-alt:hover {
    background: #0b9241;
}

.inamvisa-fee-note {
    text-align: center;
    color: #6b7280;
    font-size: 13px;
    margin-top: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.inamvisa-fee-note i {
    color: #10a64b;
}

/* ===========================
   FAQ
=========================== */

.inamvisa-faq {
    background: #ffffff;
    padding: 40px 24px;
}

.inamvisa-faq-inner {
    max-width: 900px;
    margin: 0 auto;
}

.inamvisa-faq-list {
    text-align: left;
}

.inamvisa-faq-item {
    background: #f8fafc;
    border: 1px solid #ececec;
    border-radius: 12px;
    margin-bottom: 16px;
    overflow: hidden;
}

.inamvisa-faq-question {
    width: 100%;
    background: none;
    border: none;
    text-align: left;
    padding: 20px 24px;
    font-size: 16px;
    font-weight: 700;
    color: #0d2d77;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    font-family: 'Poppins', sans-serif;
}

.inamvisa-faq-icon {
    color: #10a64b;
    transition: transform .3s ease;
    flex-shrink: 0;
    margin-left: 12px;
}

.inamvisa-faq-item.active .inamvisa-faq-icon {
    transform: rotate(45deg);
}

.inamvisa-faq-answer {
    max-height: 0;
    overflow: hidden;
    transition: max-height .3s ease, padding .3s ease;
    padding: 0 24px;
}

.inamvisa-faq-item.active .inamvisa-faq-answer {
    max-height: 300px;
    padding: 0 24px 20px;
}

.inamvisa-faq-answer p {
    color: #6b7280;
    line-height: 1.7;
    font-size: 14px;
}

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

@media (max-width: 1300px) {

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

}

@media (max-width: 1100px) {

    .inamvisa-about-inner {
        grid-template-columns: 1fr;
        gap: 40px;
    }

    .inamvisa-fee-cards {
        grid-template-columns: 1fr 1fr;
    }

    .inamvisa-fee-featured {
        transform: none;
        grid-column: span 2;
    }

}

@media (max-width: 992px) {

    .inamvisa-hero,
    .inamvisa-about,
    .inamvisa-process,
    .inamvisa-documents,
    .inamvisa-fees,
    .inamvisa-faq {
        padding: 60px 20px;
    }

    .inamvisa-hero h1 {
        font-size: 32px;
    }

    .inamvisa-steps {
        grid-template-columns: repeat(2, 1fr);
    }

    .inamvisa-doc-grid {
        grid-template-columns: repeat(2, 1fr);
    }

}

@media (max-width: 768px) {

    .inamvisa-hero h1 {
        font-size: 26px;
    }

    .inamvisa-section-head h2 {
        font-size: 24px;
    }

    .inamvisa-about-points {
        grid-template-columns: 1fr;
    }

    .inamvisa-steps {
        grid-template-columns: 1fr;
    }

    .inamvisa-doc-grid {
        grid-template-columns: 1fr;
    }

    .inamvisa-fee-cards {
        grid-template-columns: 1fr;
    }

    .inamvisa-fee-featured {
        grid-column: span 1;
    }

    .inamvisa-faq-question {
        font-size: 14px;
        padding: 16px 18px;
    }

    .inamvisa-faq-answer {
        padding: 0 18px;
    }

    .inamvisa-faq-item.active .inamvisa-faq-answer {
        padding: 0 18px 16px;
    }

}

@media (max-width: 480px) {

    .inamvisa-hero h1 {
        font-size: 22px;
    }

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

    .inamvisa-hero-btn {
        font-size: 13px;
        padding: 13px 22px;
    }

}
/*--------------------------------------about page--------------------------------------------------------*/

/*=====================================================
    COMMON
=====================================================*/

 .about-hero,
.about-company,
.about-stats,
.about-breadcrumb{

    width:100%;

}

.about-container{

    width:min(1400px,92%);
    margin:auto;

}

.about-section-small-title{

    display:center;

    color:#0ABF53;

    font-size:14px;

    font-weight:700;

    text-transform:uppercase;

    letter-spacing:2px;

    margin-bottom:15px;

}

.about-section-heading{

    max-width:700px;

    margin:auto;

    text-align:center;

    margin-bottom:70px;

}

.about-section-heading h2{

    font-size:48px;

    line-height:1.2;

    color:#1F2937;

    margin-bottom:20px;

}

.about-section-heading p{

    font-size:18px;

    line-height:1.8;

    color:#5F6B7A;

}

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

.about-hero{
         position:relative;

    min-height:700px;

    display:flex;

    align-items:center;

    background:
        linear-gradient(rgba(255,255,255,.40), rgba(255,255,255,.40)),
        url("../images/h2.png");

    background-size:cover;

    background-position:center;

    background-repeat:no-repeat;

    overflow:hidden;


}

.about-hero::before{
    content:"";
    position:absolute;
        width:620px;
    height:620px;
    top:-250px;
    right:-250px;
    border-radius:50%;
    background:rgba(11,94,215,.06);

}

.about-hero::after{

    content:"";

    position:absolute;
      width:500px;
    height:500px;
    bottom:-220px;
    left:-220px;

    border-radius:50%;

    background:rgba(10,191,83,.08);

}

.about-hero-container{
     width:min(1400px,92%);
    margin:auto;

    display:grid;
    grid-template-columns:58% 42%;
    gap:70px;

    align-items:center;

    position:relative;
    z-index:2;


}

.about-tag{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:10px 22px;

    border-radius:60px;

    background:#ECF8F0;

    color:#0ABF53;

    font-size:13px;
    font-weight:700;

    letter-spacing:2px;
    text-transform:uppercase;
     /* margin-bottom:25px; */

    position:relative;

    z-index:10;

    box-shadow:0 8px 20px rgba(10,191,83,.25);

}
.about-hero-content{

    padding-top:90px;

}

.about-hero h1{
     font-size:40px;

    font-weight:800;

    line-height:1.01;

    letter-spacing:-1px;

    color:#1F2937;

    margin-bottom:30px;
}

.about-hero h1 span{
    display:block;
    margin-top:8px;
    color:#0B5ED7;

}

.about-hero p{
     max-width:560px;
    font-size:18px;
    line-height:1.8;
    color:#5F6B7A;
    margin-bottom:42px;
}

.about-hero-buttons{

    display:flex;

    gap:20px;

    flex-wrap:wrap;

}

.about-btn-primary{
       display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:180px;
    padding:14px 20px;
    background:#0B5ED7;
    color:#fff;
    border-radius:60px;
    text-decoration:none;
    font-weight:600;
    box-shadow:0 18px 35px rgba(11,94,215,.20);
    transition:.35s;

}

.about-btn-primary:hover{
     transform:translateY(-4px);
    box-shadow:0 24px 45px rgba(11,94,215,.28);
}

.about-btn-secondary{

    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:180px;
    padding:14px 20px;
    border:2px solid #0ABF53;
    border-radius:60px;
    color:#0ABF53;
    text-decoration:none;
    font-weight:600;
    transition:.35s;
}

.about-btn-secondary:hover{
     background:#0ABF53;
    color:#fff;
    transform:translateY(-4px);

}

 .about-hero-image{
    display:flex;
    justify-content:center;
    align-items:center;
}

 .about-hero-image img{
    width:100%;
    max-width:420px;
    height:auto;

    display:block;

    border-radius:24px;

    object-fit:cover;

    box-shadow:0 25px 60px rgba(0,0,0,.12);
} 
/* WHO WE ARE */
/*=====================================================
    WHO WE ARE
=====================================================*/

.about-company{

    position:relative;

    overflow:hidden;

    padding:80px 20px 40px;

    background:
    radial-gradient(circle at top left,rgba(11,94,215,.05),transparent 35%),
    radial-gradient(circle at bottom right,rgba(10,191,83,.05),transparent 35%),
    linear-gradient(180deg,#F8FBFF 0%,#FFFFFF 100%);

}

.about-company::before{

    content:"";

    position:absolute;

    width:450px;
    height:450px;

    border-radius:50%;

    background:rgba(11,94,215,.05);

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

}

.about-company-header{

    max-width:680px;

    margin:auto;

    text-align:center;

    margin-bottom:55px;

    position:relative;

    z-index:2;

}

.about-company-header h2{

    font-size:40px;
    line-height:1.25;

    font-weight:800;

    color:#1F2937;
    margin:15px 0;

}

.about-company-header h2 span{

    color:#0B5ED7;

}

.about-company-header p{

    font-size:17px;

    line-height:1.8;

    color:#5F6B7A;

}

.about-company-container{

    width:min(1400px,92%);

    margin:auto;

    display:grid;

    grid-template-columns:470px 1fr;

    gap:65px;

    align-items:center;

    position:relative;

    z-index:2;

}

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

.about-company-image{

    position:relative;

}

.about-company-image img{

    width:100%;

    border-radius:30px;

    display:block;

    box-shadow:0 30px 70px rgba(0,0,0,.10);

}

.about-floating-card{

    position:absolute;

    right:-15px;

    bottom:25px;

    display:flex;

    align-items:center;

    gap:18px;

    background:#fff;

    padding:15px 18px;

    border-radius:18px;

    box-shadow:0 20px 50px rgba(0,0,0,.12);

}

.about-floating-card i{

    width:48px;
    height:48px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#ECF8F0;
    color:#0ABF53;
    font-size:18px;

}

.about-floating-card h3{

    font-size:18px;

    color:#1F2937;

    margin-bottom:5px;

}

.about-floating-card span{

    font-size:14px;

    color:#5F6B7A;

}
.about-company-content{

    position:relative;

    padding-left:45px;

}

.about-company-content::before{

    content:"";

    position:absolute;

    left:0;

    top:5px;

    width:4px;

    height:230px;

    border-radius:30px;

    background:linear-gradient(
        to bottom,
        #0B5ED7,
        #0ABF53
    );

}

.about-content-tag{

    display:inline-block;

    color:#0B5ED7;

    font-weight:700;

    letter-spacing:1px;

    text-transform:uppercase;

    font-size:14px;

    margin-bottom:18px;

}

.about-company-content h3{

    font-size:34px;

    line-height:1.3;

    color:#1F2937;

    margin-bottom:20px;

}

.about-company-content p{

    font-size:17px;

    color:#5F6B7A;

    line-height:1.9;

    margin-bottom:35px;

}
.about-list{

    list-style:none;

    display:flex;

    flex-direction:column;

    gap:18px;

    margin-bottom:40px;

}

.about-list li{

    display:flex;

    align-items:center;

    gap:16px;

    font-size:17px;

    font-weight:600;

    color:#1F2937;

}

.about-list i{

    color:#0ABF53;

    font-size:20px;

}
/*=========================================================
OUR FOUNDATION
=========================================================*/

.about-foundation{
 position:relative;
    overflow:hidden;
    padding:70px 20px 60px;
    background:
        radial-gradient(circle at top left,rgba(37,99,235,.05),transparent 32%),
        radial-gradient(circle at bottom right,rgba(22,163,74,.05),transparent 32%),
        linear-gradient(180deg,#f8fbff 0%,#ffffff 100%);
}

.about-foundation::before{
     content:"";
    position:absolute;
    width:380px;
    height:380px;
    border-radius:50%;
    background:rgba(37,99,235,.04);
    top:-170px;
    left:-170px;
}

.about-foundation::after{
     content:"";
    position:absolute;
    width:280px;
    height:280px;
    border-radius:50%;
    background:rgba(22,163,74,.04);
    bottom:-130px;
    right:-100px;
}

.about-foundation-header{
     position:relative;
    z-index:2;

    max-width:620px;
    margin:auto;
    text-align:center;
    margin-bottom:35px;
}
.about-foundation-header::before{

    content:"";

    display:block;

    width:70px;
    height:4px;

    margin:0 auto 22px;

    border-radius:20px;

    background:linear-gradient(
        90deg,
        #0B5ED7,
        #0ABF53
    );

}

.about-foundation-header h2{
     font-size:40px;

    font-weight:800;

    line-height:1.15;

    letter-spacing:-1px;

    margin:14px 0 18px;


}

.about-foundation-header p{
     max-width:520px;

    margin:auto;

    font-size:16px;

    color:#5F6B7A;

    line-height:1.9;

}

/*==========================
MISSION + VISION
==========================*/

.about-foundation-stack{

    max-width:1400px;
    margin:auto;
    display:flex;
    flex-direction:column;
    gap:40px;
    position:relative;
    margin-top:-10px;
    z-index:5;
    margin-bottom:0;

}
/*=====================================================
MISSION PANEL
=====================================================*/

.about-foundation-panel{

    max-width:1400px;

    margin:auto;

    display:grid;

    grid-template-columns:520px 1fr;

    gap:70px;

    align-items:center;

    padding:45px;

    background:#fff;

    border-radius:32px;

    border:1px solid rgba(37,99,235,.08);

    box-shadow:
    0 20px 60px rgba(15,23,42,.06);

}

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

.about-foundation-image{

    position:relative;

}

.about-foundation-image img{

    width:100%;

    display:block;

    border-radius:26px;

    object-fit:cover;

    min-height:430px;

}

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

.about-foundation-image-badge{

    position:absolute;

    left:25px;

    bottom:25px;

    display:flex;

    align-items:center;

    gap:12px;

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

    backdrop-filter:blur(15px);

    padding:14px 20px;

    border-radius:60px;

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

}

.about-foundation-image-badge i{

    width:42px;

    height:42px;

    border-radius:50%;

    background:#0B5ED7;

    color:#fff;

    display:flex;

    align-items:center;

    justify-content:center;

}

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

.about-foundation-content{

    max-width:560px;

}

.about-foundation-label{

    display:inline-block;

    color:#0B5ED7;

    font-size:14px;

    font-weight:700;

    letter-spacing:1px;

    text-transform:uppercase;

    margin-bottom:18px;

}

.about-foundation-content h3{

    font-size:36px;

    line-height:1.25;

    color:#1F2937;

    margin-bottom:22px;

}

.about-foundation-content p{

    font-size:17px;

    line-height:1.9;

    color:#5F6B7A;

    margin-bottom:35px;

}

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

.about-foundation-features{

    display:flex;

    flex-direction:column;

    gap:18px;

}

.about-foundation-features div{

    display:flex;

    align-items:center;

    gap:14px;

    font-weight:600;

    color:#1F2937;

}

.about-foundation-features i{

    color:#0ABF53;

    font-size:18px;

}
/*=====================================================
VISION PANEL
=====================================================*/

.about-foundation-panel-reverse{

    grid-template-columns:1fr 520px;

}

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

.about-vision-metrics{

    display:flex;

    justify-content:space-between;

    gap:20px;

    margin-top:40px;

    padding-top:28px;

    border-top:1px solid rgba(15,23,42,.08);

}

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

 .about-metric-item{

    flex:1;

    text-align:center;

} 

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

.about-metric-item strong{

    display:block;

    font-size:32px;

    color:#0B5ED7;

    margin-bottom:8px;

    font-weight:700;

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

 .about-metric-item span{

    display:block;

    font-size:15px;

    color:#5F6B7A;

    line-height:1.6;

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

.about-why-inam{

    padding:15px 20px;

    background:#f8fbff;

}

.about-why-header{

    max-width:720px;

    margin:auto;

    text-align:center;

    margin-bottom:60px;

}

.about-why-header h2{

    font-size:42px;

    margin:18px 0;

    color:#1F2937;

}

.about-why-header p{

    font-size:17px;

    line-height:1.8;

    color:#5F6B7A;

}

.about-why-container{

    max-width:1350px;

    margin:auto;

    display:grid;

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

    gap:28px;

}

.about-why-card{

    position:relative;

    background:#fff;

    border:1px solid #e7edf4;

    border-radius:22px;

    padding:12px 20px;

    transition:.35s;

    overflow:hidden;

}

.about-why-card::before{

    content:"";

    position:absolute;

    top:0;

    left:0;

    width:100%;

    height:4px;

    background:#0B5ED7;

    transform:scaleX(0);

    transform-origin:left;

    transition:.35s;

}

.about-why-card:hover{

    transform:translateY(-8px);

    border-color:rgba(11,94,215,.25);

    box-shadow:0 18px 40px rgba(15,23,42,.08);

}

.about-why-card:hover::before{

    transform:scaleX(1);

}

.about-why-icon{

    width:60px;

    height:60px;

    border-radius:16px;

    background:#eef5ff;

    display:flex;

    align-items:center;

    justify-content:center;

    margin-bottom:25px;

    transition:.35s;

}

.about-why-icon i{

    font-size:24px;

    color:#0B5ED7;

}

.about-why-card:hover .about-why-icon{

    background:#0B5ED7;

}

.about-why-card:hover .about-why-icon i{

    color:#fff;

}

.about-why-card h3{

    font-size:22px;

    margin-bottom:12px;

    color:#1F2937;

}

.about-why-card p{

    font-size:16px;

    line-height:1.8;

    color:#5F6B7A;

    margin-bottom:35px;

}

.about-why-arrow{

    width:42px;

    height:42px;

    border-radius:50%;

    border:1px solid #e5e7eb;

    display:flex;

    align-items:center;

    justify-content:center;

    transition:.35s;

}

.about-why-arrow i{

    color:#0B5ED7;

    transition:.35s;

}

.about-why-card:hover .why-arrow{

    background:#0B5ED7;

    border-color:#0B5ED7;

}

.about-why-card:hover .why-arrow i{

    color:#fff;

}

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

@media(max-width:992px){

    .about-why-container{

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

    }

}

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

@media(max-width:768px){

    .about-why-inam{

        padding:80px 20px;

    }

    .about-why-header h2{

        font-size:34px;

    }

    .about-why-container{

        grid-template-columns:1fr;

    }

    .about-why-card{

        padding:28px;

    }

}
/*=====================================================
OUR SERVICES
=====================================================*/

.about-services{

    padding:100px 20px;

    background:#ffffff;

}

.about-section-heading{

    max-width:720px;

    margin:auto;

    text-align:center;
    margin-bottom:60px;

}

.about-section-heading h2{

    font-size:42px;

    color:#1F2937;

    margin:16px 0;

}

.about-section-heading p{

    font-size:17px;

    color:#5F6B7A;

    line-height:1.8;

}

.about-services-grid{

    max-width:1400px;

    margin:auto;

    display:grid;

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

    gap:24px;

}

.about-service-card{

    background:#fff;

    border:1px solid #e8edf5;

    border-radius:18px;

    padding:28px 24px;

    transition:.35s ease;

}

.about-service-card:hover{

    transform:translateY(-6px);

    border-color:rgba(11,94,215,.20);

    box-shadow:0 15px 35px rgba(15,23,42,.08);

}

.about-service-icon{

    width:56px;

    height:56px;

    border-radius:14px;

    background:#eef5ff;

    display:flex;

    align-items:center;

    justify-content:center;

    margin-bottom:18px;

    transition:.35s;

}

.about-service-icon i{

    color:#0B5ED7;

    font-size:22px;

}

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

    background:#0B5ED7;

}

.about-service-card:hover .about-service-icon i{

    color:#fff;

}

.about-service-card h3{

    font-size:20px;

    color:#1F2937;

    margin-bottom:10px;

    line-height:1.4;

}

.about-service-card p{

    font-size:15px;

    color:#5F6B7A;

    line-height:1.7;

}

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

@media(max-width:1200px){

    .about-services-grid{

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

    }

}

@media(max-width:768px){

    .about-services{

        padding:80px 20px;

    }

    .about-section-heading h2{

        font-size:34px;

    }

    .about-services-grid{

        grid-template-columns:1fr;

    }

}
/*=====================================================
OUR COMMITMENT
=====================================================*/

.about-our-commitment{

    padding:110px 20px;

    background:#f8fbff;

}

.about-commitment-wrapper{

    max-width:900px;

    margin:auto;

    /* text-align:center; */

}

.about-commitment-wrapper h2{

    font-size:46px;

    color:#0a65e4;

    margin:18px 0 25px;

    line-height:1.25;

}

.about-commitment-wrapper h2 span{

    color:#0B5ED7;

}

.about-commitment-wrapper p{

    font-size:17px;

    line-height:1.9;

    color:#5F6B7A;

    max-width:760px;

    margin:0 auto 45px;

}
.about-commitment-list{

    display:flex;

    flex-wrap:wrap;

    justify-content:center;

    gap:16px;

    margin-top:35px;

}

.about-commitment-pill{

    display:flex;

    align-items:center;

    gap:10px;

    padding:14px 22px;

    background:#fff;

    border:1px solid #dce6f3;

    border-radius:50px;

    font-size:15px;

    font-weight:500;

    color:#1F2937;

    transition:.35s ease;

    cursor:default;

}

.about-commitment-pill i{

    color:#0B5ED7;

    font-size:16px;

}

.about-commitment-pill:hover{

    transform:translateY(-3px);

    border-color:#0B5ED7;

    box-shadow:0 12px 25px rgba(15,23,42,.08);

}

/* .about-commitment-list div{

    display:flex;

    align-items:center;

    gap:12px;

    font-size:17px;

    color:#1F2937;

    font-weight:500;

} */

.about-commitment-list i{

    color:#0B5ED7;

    font-size:18px;

}

@media(max-width:768px){

    .about-our-commitment{

        padding:80px 20px;

    }

    .about-commitment-wrapper h2{

        font-size:34px;

    }

    /*  */

}
/*=====================================================
CTA
=====================================================*/

.about-cta{

    position:relative;

    padding:50px 20px;

    overflow:hidden;

    text-align:center;

    background:
    linear-gradient(rgba(248,251,255,.94),rgba(248,251,255,.94)),
    url("../images/medical-pattern.png");

    background-size:cover;

    background-position:center;

}

.about-cta::before{

    content:"";

    position:absolute;

    top:0;
    left:0;

    width:100%;
    height:100%;

    background:
    radial-gradient(circle at top left,
    rgba(37,99,235,.06),
    transparent 45%),
    radial-gradient(circle at bottom right,
    rgba(16,185,129,.05),
    transparent 40%);

}

.about-cta .about-container{

    position:relative;

    z-index:2;

    max-width:900px;

    margin:auto;

}

.about-cta h2{

    font-size:42px;
    margin:12px 0 15px;
    line-height:1.15;
    color:#1F2937;
}

.about-cta h2 span{

    color:#0B5ED7;

}

.about-cta p{

    max-width:580px;

    margin:0 auto 30px;

    font-size:19px;

    line-height:1.7;

    color:#5F6B7A;

}

.about-cta-buttons{

    display:flex;

    justify-content:center;

    gap:18px;

    flex-wrap:wrap;

}
body{
    font-family: 'poppins',sans-serif;
}

/*----------------------------------------------doctors page----------------------------------------------------*/

/*===========================================hospital page======================================*/
/*====================================
        HOSPITAL HERO
=====================================*/

.hospdir-hospital-hero{

    position:relative;

    width:100%;

    min-height:100vh;

    display:flex;

    align-items:center;

    overflow:hidden;

    font-family:'Poppins',sans-serif;
        background: url("../images/hospital.png") center center/cover no-repeat;

margin-top:80px;
margin-bottom:30px;
}
/* Left Side Overlay */

.hospdir-hospital-hero::before{

    content: "";

    position: absolute;

    inset: 0;

    background: linear-gradient(
        90deg,
        rgba(5, 28, 60, 0.96) 0%,
        rgba(5, 28, 60, 0.92) 28%,
        rgba(5, 28, 60, 0.78) 45%,
        rgba(5, 28, 60, 0.45) 58%,
        rgba(5, 28, 60, 0.12) 70%,
        rgba(5, 28, 60, 0.00) 100%
    );

    z-index: 1;

}

.hospdir-hospital-container{

    width:90%;

    max-width:1350px;

    margin:auto;

    position:relative;

    z-index:2;
    margin-bottom:40px;

}

.hospdir-hospital-content{

    max-width:700px;

    color:#fff;

}

.hospdir-hero-tag{

    display:inline-flex;

    align-items:center;

    gap:10px;

    padding:10px 22px;

    border-radius:40px;

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

    backdrop-filter:blur(12px);

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

    font-size:.92rem;

    margin-bottom:25px;

}

.hospdir-hero-tag i{

    color:#6db7ff;

}

.hospdir-hospital-content h1{

    font-size:4rem;

    line-height:1.15;

    font-weight:700;

    margin-bottom:22px;

}

.hospdir-hospital-content h1 span{

    /* color:#6fb9ff; */
    color:#10a54b;  

}

.hospdir-hospital-content p{

    max-width:620px;

    line-height:1.9;

    font-size:1.08rem;

    color:#eef3fb;

    margin-bottom:45px;

}

/*=========================
Buttons
=========================*/

.hospdir-hero-buttons{

    display:flex;

    gap:20px;

    flex-wrap:wrap;

    margin-bottom:55px;

}

.hospdir-btn-primary{

    display:inline-flex;

    align-items:center;

    gap:12px;

    padding:16px 34px;

    /* background:#0d6efd; */
    background:#0d2d77;

    color:#fff;

    border-radius:12px;

    text-decoration:none;

    font-weight:600;

    transition:.35s;

}

.hospdir-btn-primary:hover{

    transform:translateY(-5px);

    background:#0b5ed7;

    box-shadow:0 18px 35px rgba(0,80,220,.3);

}

.hospdir-btn-secondary{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    padding:16px 34px;

    background:#fff;

    color:#0d2d63;

    text-decoration:none;

    border-radius:12px;

    font-weight:600;

    transition:.35s;

}

.hospdir-btn-secondary:hover{

    transform:translateY(-5px);

    background:#f3f8ff;

}

/*=========================
Stats
=========================*/

.hospdir-hero-stats{

    display:flex;

    gap:20px;

    /* flex-wrap:wrap; */

}

.hospdir-stat-card{

    display:flex;

    align-items:center;

    gap:16px;

    padding:20px 25px;

    min-width:220px;

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

    backdrop-filter:blur(18px);

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

    border-radius:18px;

    transition:.35s;

}

.hospdir-stat-card:hover{

    transform:translateY(-8px);

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

}

.hospdir-stat-card i{

    width:60px;

    height:60px;

    display:flex;

    align-items:center;

    justify-content:center;

    border-radius:50%;

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

    color:#78bfff;

    font-size:24px;

}

.hospdir-stat-card h3{

    font-size:2rem;

    margin-bottom:2px;

}

.hospdir-stat-card p{

    margin:0;

    font-size:.92rem;

    color:#dbe6f5;

}

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

@media(max-width:992px){

.hospdir-hospital-hero{

    min-height:auto;

    padding:100px 0 80px;

}

.hospdir-hospital-content h1{

    font-size:3rem;

}

.hospdir-hero-stats{

    flex-direction:column;

}

.hospdir-stat-card{

    width:100%;

}

}

@media(max-width:576px){

.hospdir-hospital-content h1{

    font-size:2.3rem;

}

.hospdir-hero-buttons{

    flex-direction:column;

}

.hospdir-btn-primary,
.hospdir-btn-secondary{

    width:70%;

    justify-content:center;

}

.hospdir-hero-tag{

    font-size:.82rem;

}

}
/*==========================================
        PARTNER HOSPITALS
===========================================*/

.hospdir-partner-hospitals{

    padding:100px 5%;

    background:#f8fbff;

    font-family:'Poppins',sans-serif;

}

.hospdir-partner-hospitals .hospdir-container{

    max-width:1350px;

    margin:auto;

}

.hospdir-section-title{

    text-align:center;

    max-width:700px;

    margin:auto auto 60px;

}

.hospdir-section-title span{

    color:#0d2d77;

    font-weight:600;

    letter-spacing:1px;

    font-size:.9rem;

}

.hospdir-section-title h2{

    margin:15px 0;

    font-size:42px;

    color:#0b2344;

}

.hospdir-section-title p{

    color:#68768b;

    line-height:1.8;

}
/* Search */

.hospdir-hospital-search{

    width:650px;

    max-width:100%;

    margin:0 auto 70px;

    position:relative;

}
.hospdir-hospital-search input{

    width:100%;

    padding:18px 65px 18px 25px;

    border:none;

    background:#fff;

    border-radius:14px;

    font-size:15px;

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

    outline:none;

}
.hospdir-hospital-search button{

    position:absolute;

    /* right:8px; */
    right:-81px;

    top:2px;

    width:48px;

    height:48px;

    border:none;

    border-radius:12px;

    background:#0d2d77;

    color:#fff;

    cursor:pointer;

}
/* Grid */

.hospdir-hospital-grid{

    display:grid;

    grid-template-columns:repeat(auto-fit,minmax(300px,1fr));

    gap:30px;

}
/* Card */
.hospdir-hospital-card{

    background:#fff;

    border-radius:22px;

    overflow:hidden;

    transition:.35s;

    box-shadow:0 12px 35px rgba(0,0,0,.06);

}
.hospdir-hospital-card:hover{

    transform:translateY(-12px);

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

}
.hospdir-hospital-image{

    position:relative;

    height:230px;

}
.hospdir-hospital-image img{

    width:100%;

    height:100%;

    object-fit:cover;
}
.hospdir-badge{

    position:absolute;

    left:18px;

    top:18px;

    background:#0d2d77;

    color:#fff;

    padding:8px 15px;

    border-radius:30px;

    font-size:13px;

}
.hospdir-hospital-info{

    padding:28px;

}
.hospdir-hospital-info h3{

    font-size:24px;

    margin-bottom:12px;

    color:#0b2344;

}
.hospdir-location{

    color:#7a889d;

    margin-bottom:18px;

}
.hospdir-location i{

    color:#0d2d77;

}
.hospdir-rating{

    color:#f4b400;

    margin-bottom:22px;

    font-size:17px;

}
.hospdir-rating span{

    color:#6b7788;

    margin-left:10px;

    font-size:15px;

}
.hospdir-hospital-info ul{

    list-style:none;

    padding:0;

    margin:0 0 25px;

}
.hospdir-hospital-info li{

    display:flex;

    align-items:center;

    gap:12px;

    margin-bottom:14px;

    color:#5e6f84;

}
.hospdir-hospital-info li i{

    color:#0d2d77;

}
.hospdir-hospital-btn{

    display:flex;

    justify-content:center;

    align-items:center;

    gap:10px;

    text-decoration:none;

    background:#eef5ff;

    color:#0d2d77;

    padding:14px;

    border-radius:12px;

    font-weight:600;

    transition:.3s;

}
.hospdir-hospital-btn:hover{

    background:#0d2d77;

    color:#fff;

}
/* View All */

.hospdir-view-all{

    margin-top:60px;

    text-align:center;

}
.hospdir-view-all a{

    display:inline-flex;

    align-items:center;

    gap:12px;

    background:#0b2344;

    color:#fff;

    padding:16px 35px;

    border-radius:12px;

    text-decoration:none;

    transition:.35s;

}
.hospdir-view-all a:hover{

    background:#0d2d77;

}
/*=========================================
        HOSPITAL CTA
=========================================*/

.hospdir-hospital-cta{

    /* padding:10px 5%; */

    font-family:'Poppins',sans-serif;

    background:#ffffff;
    /* padding-top:40px; */

}
.hospdir-hospital-cta-container{

    /* max-width:1300px; */

    margin:auto;

    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:60px;

    background:linear-gradient(135deg,#0B2A4A,#124D86);

    /* border-radius:30px; */

    padding:60px;

    overflow:hidden;

    position:relative;

}
.hospdir-hospital-cta-container::before{

    content:"";

    position:absolute;

    width:350px;

    height:350px;

    border-radius:50%;

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

    top:-150px;

    right:-120px;

}
.hospdir-hospital-cta-container::after{

    content:"";

    position:absolute;

    width:220px;

    height:220px;

    border-radius:50%;

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

    bottom:-80px;

    left:-60px;

}
.hospdir-hospital-cta-image{

    flex:1;

    text-align:center;

    z-index:2;

}
.hospdir-hospital-cta-image img{

    width:100%;

    max-width:340px;

}
.hospdir-hospital-cta-content{

    flex:1.3;

    color:#fff;

    z-index:2;

}
.hospdir-cta-tag{

    display:inline-flex;

    align-items:center;

    gap:10px;

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

    padding:10px 18px;

    border-radius:30px;

    margin-bottom:20px;

    font-size:.9rem;

}
.hospdir-cta-tag i{

    color:#FFD166;

}
.hospdir-hospital-cta-content h2{

    font-size:42px;

    margin-bottom:20px;

    line-height:1.3;

}
.hospdir-hospital-cta-content p{

    color:#d8e7f7;

    line-height:1.8;

    margin-bottom:35px;

}
.hospdir-cta-features{

    display:grid;

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

    gap:18px;

    margin-bottom:40px;

}
.hospdir-cta-features div{

    display:flex;

    align-items:center;

    gap:10px;

    color:#fff;

}
.hospdir-cta-features i{

    color:#67E8A5;

}
.hospdir-cta-btn{

    display:inline-flex;

    align-items:center;

    gap:12px;

    text-decoration:none;

    background:#fff;

    color:#0B2A4A;

    padding:18px 34px;

    border-radius:12px;

    font-weight:600;

    transition:.35s;
}
.hospdir-cta-btn:hover{

    background:#FFD166;

    transform:translateY(-5px);
}
@media(max-width:991px){

.hospdir-hospital-cta-container{

    flex-direction:column;

    /* text-align:center; */

    padding:50px 30px;
}
.hospdir-cta-features{

    grid-template-columns:1fr;

}
}
/* ===========================
   FAQ
=========================== */

.hospdir-inamvisa-faq {
    background: #ffffff;
    padding: 40px 24px;
    font-family:'poppins',sans-serif;
}

.hospdir-inamvisa-faq-inner {
    max-width: 900px;
    margin: 0 auto;
}

.hospdir-inamvisa-faq-list {
    text-align: left;
}

.hospdir-inamvisa-faq-item {
    background: #f8fafc;
    border: 1px solid #ececec;
    border-radius: 12px;
    margin-bottom: 16px;
    overflow: hidden;
}

.hospdir-inamvisa-faq-question {
    width: 100%;
    background: none;
    border: none;
    text-align: left;
    padding: 20px 24px;
    font-size: 16px;
    font-weight: 700;
    color: #0d2d77;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    font-family: 'Poppins', sans-serif;
}

.hospdir-inamvisa-faq-icon {
    color: #10a64b;
    transition: transform .3s ease;
    flex-shrink: 0;
    margin-left: 12px;
}

.hospdir-inamvisa-faq-item.hospdir-active .hospdir-inamvisa-faq-icon {
    transform: rotate(45deg);
}

.hospdir-inamvisa-faq-answer {
    max-height: 0;
    overflow: hidden;
    transition: max-height .3s ease, padding .3s ease;
    padding: 0 24px;
}

.hospdir-inamvisa-faq-item.hospdir-active .hospdir-inamvisa-faq-answer {
    max-height: 300px;
    padding: 0 24px 20px;
}

.hospdir-inamvisa-faq-answer p {
    color: #6b7280;
    line-height: 1.7;
    font-size: 14px;
}
.hospdir-inamvisa-section-head .hospdir-inamvisa-tag{
    color:green;
}
/*==============================================hospital details===============================*/
/* =========================================================
   HOSPITAL DETAIL PAGE — "CLINICAL DOSSIER" DESIGN SYSTEM
   ========================================================= */


.hdetail-page,
.hdetail-page *{box-sizing:border-box;}

.hdetail-page{
  font-family:'poppins', sans-serif;
  color:#0E2A4D;
  background:#F4F7FB;
  margin-top:40px;
}


.hdetail-eyebrow{
  display:flex;
  align-items:center;
  gap:10px;
  font-family:'poppins', sans-serif;
  font-size:12.5px;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:#1B5FAE;
  margin-bottom:18px;
}

.hdetail-eyebrow::before{
  content:"";
  width:7px;
  height:7px;
  border-radius:50%;
  background:#2E9E44;
  display:inline-block;
}

.hdetail-section-title h2{
  font-family:'poppins', sans-serif;
  font-weight:600;
  font-size:40px;
  line-height:1.25;
  color:#0E2A4D;
  margin:0 0 18px;
  max-width:680px;
}

.hdetail-section-title p{
  color:#57677D;
  line-height:1.85;
  max-width:600px;
  font-size:16px;
}

.hdetail-hospital-container{
  max-width:1300px;
  margin:auto;
}

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

.hdetail-hospital-hero{
  padding:150px 6% 90px;
  background:#F4F7FB;
  border-bottom:1px solid #D6DEE9;
}

.hdetail-hospital-hero-container{
  max-width:1300px;
  margin:auto;
  display:grid;
  grid-template-columns:.95fr 1.05fr;
  gap:64px;
  align-items:center;
}

/* Image + seal */
.hdetail-hospital-hero-image{
  position:relative;
}

.hdetail-hospital-hero-image img{
  width:100%;
  height:560px;
  object-fit:cover;
  display:block;
  border-radius:2px;
  filter:saturate(.92) contrast(1.02);
}

.hdetail-accred-seal{
  position:absolute;
  bottom:-34px;
  left:-34px;
  width:118px;
  height:118px;
  border-radius:50%;
  background:#1B5FAE;
  color:#E6EDF6;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  transform:rotate(-9deg);
  box-shadow:0 18px 40px rgba(16,36,31,.35);
  border:1px solid rgba(233,228,216,.35);
  transition:transform .4s ease;
}

.hdetail-hospital-hero-image:hover .hdetail-accred-seal{
  transform:rotate(0deg) scale(1.04);
}

.hdetail-accred-seal-inner{
  font-family:'poppins', sans-serif;
  font-size:10px;
  letter-spacing:.12em;
  line-height:1.5;
  text-transform:uppercase;
}

.hdetail-accred-seal-inner strong{
  display:block;
  font-family:'poppins', sans-serif;
  font-size:20px;
  letter-spacing:0;
  margin-bottom:2px;
}

/* Content side */
.hdetail-hospital-hero-content{
  padding-left:8px;
}

.hdetail-hospital-hero-content h1{
  font-family:'poppins', sans-serif;
  font-weight:600;
  font-size:52px;
  line-height:1.12;
  color:#0E2A4D;
  margin:0 0 20px;
}

.hdetail-hero-meta-line{
  font-family:'poppins', sans-serif;
  font-size:13px;
  letter-spacing:.05em;
  color:#57677D;
  display:flex;
  flex-wrap:wrap;
  gap:6px 0;
  margin-bottom:30px;
  border-top:1px solid #D6DEE9;
  border-bottom:1px solid #D6DEE9;
  padding:14px 0;
}

.hdetail-hero-meta-line span{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding-right:18px;
  margin-right:18px;
  border-right:1px solid #D6DEE9;
}

.hdetail-hero-meta-line span:last-child{
  border-right:none;
  margin-right:0;
  padding-right:0;
}

.hdetail-hero-meta-line i{
  color:#2E9E44;
}

.hdetail-hospital-hero-content > p{
  color:#57677D;
  line-height:1.9;
  font-size:16.5px;
  max-width:520px;
  margin-bottom:36px;
}

/* Stats */
.hdetail-hospital-mini-stats{
  display:flex;
  gap:44px;
  margin-bottom:38px;
}

.hdetail-hospital-mini-stats div{
  border-left:2px solid #2E9E44;
  padding-left:14px;
}

.hdetail-hospital-mini-stats h3{
  font-family:'poppins', sans-serif;
  color:#0E2A4D;
  font-size:30px;
  margin:0 0 2px;
  font-weight:600;
}

.hdetail-hospital-mini-stats span{
  font-family:'poppins', sans-serif;
  color:#57677D;
  font-size:12px;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.hdetail-hospital-btn{
  display:inline-flex;
  align-items:center;
  gap:12px;
  padding:17px 34px;
  background:#0E2A4D;
  color:#F4F7FB;
  text-decoration:none;
  font-weight:600;
  font-size:14.5px;
  letter-spacing:.02em;
  border-radius:2px;
  transition:.3s;
}

.hdetail-hospital-btn:hover{
  background:#1B5FAE;
  transform:translateY(-2px);
}

/* Responsive */
@media(max-width:991px){
  .hdetail-hospital-hero-container{grid-template-columns:1fr; gap:56px;}
  .hdetail-hospital-hero-content{padding-left:0;}
  .hdetail-hospital-hero-content h1{font-size:40px;}
  .hdetail-accred-seal{left:16px;}
}

@media(max-width:600px){
  .hdetail-hospital-hero{padding:70px 6% 60px;}
  .hdetail-hospital-hero-image img{height:360px;}
  .hdetail-hospital-hero-content h1{font-size:32px;}
  .hdetail-hospital-mini-stats{flex-wrap:wrap; gap:26px;}
  .hdetail-hero-meta-line span{padding-right:12px; margin-right:12px;}
}

.hdetail-hidden{opacity:0; transform:translateY(36px); transition:.8s cubic-bezier(.2,.7,.3,1);}
.hdetail-show{opacity:1; transform:translateY(0);}

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

.hdetail-hospital-about{
  padding:110px 6%;
  background:#ffffff;
}

.hdetail-hospital-about-container{
  max-width:1300px;
  margin:auto;
  display:grid;
  grid-template-columns:.85fr 1.15fr;
  gap:80px;
  align-items:center;
}

.hdetail-hospital-about-image{
  position:relative;
}

.hdetail-hospital-about-image img{
  width:100%;
  height:560px;
  object-fit:cover;
  border-radius:2px;
}

.hdetail-experience-card{
  position:absolute;
  bottom:-1px;
  right:-1px;
  background:#0E2A4D;
  color:#E6EDF6;
  padding:26px 32px;
  text-align:left;
  border-top-left-radius:2px;
}

.hdetail-experience-card h2{
  font-family:'poppins', sans-serif;
  font-size:36px;
  margin:0 0 4px;
  color:#ffffff;
}

.hdetail-experience-card span{
  font-family:'poppins', sans-serif;
  font-size:11px;
  letter-spacing:.1em;
  text-transform:uppercase;
  color:#E6EDF6;
  opacity:.8;
}

.hdetail-hospital-about-content h2{
  font-family:'poppins', sans-serif;
  font-weight:600;
  font-size:38px;
  line-height:1.3;
  color:#0E2A4D;
  margin-bottom:24px;
}

.hdetail-hospital-about-content p{
  color:#57677D;
  line-height:1.9;
  margin-bottom:20px;
  font-size:16px;
}

.hdetail-hospital-about-content p:first-of-type::first-letter{
  font-family:'poppins', sans-serif;
  font-size:58px;
  float:left;
  line-height:.8;
  padding:6px 10px 0 0;
  color:#1B5FAE;
  font-weight:600;
}

.hdetail-hospital-achievements{
  max-width:1300px;
  margin:80px auto 0;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:0;
  border-top:1px solid #D6DEE9;
  border-left:1px solid #D6DEE9;
}

.hdetail-achievement-card{
  background:#ffffff;
  padding:38px 30px;
  border-right:1px solid #D6DEE9;
  border-bottom:1px solid #D6DEE9;
  transition:.3s;
}

.hdetail-achievement-card:hover{
  background:#E6EDF6;
}

.hdetail-achievement-card i{
  font-size:22px;
  color:#2E9E44;
  margin-bottom:22px;
  display:block;
}

.hdetail-achievement-card h3{
  font-family:'poppins', sans-serif;
  color:#0E2A4D;
  margin:0 0 10px;
  font-size:19px;
}

.hdetail-achievement-card p{
  color:#57677D;
  line-height:1.7;
  font-size:14px;
  margin:0;
}

@media(max-width:991px){
  .hdetail-hospital-about-container{grid-template-columns:1fr;}
  .hdetail-hospital-achievements{grid-template-columns:repeat(2,1fr);}
  .hdetail-experience-card{right:0;}
}

@media(max-width:600px){
  .hdetail-hospital-achievements{grid-template-columns:1fr;}
  .hdetail-hospital-about-content h2{font-size:29px;}
  .hdetail-hospital-about-image img{height:380px;}
  .hdetail-experience-card{position:relative; margin-top:0;}
}

/* =========================================================
   HIGHLIGHTS
   ========================================================= */
 .hdetail-hospital-highlights{

    padding:110px 6%;

    /* background:
        linear-gradient(rgba(255,255,255,0.92), rgba(255,255,255,0.92)),
        url("assets/images/h-bg.png") center center/cover no-repeat; */
        background: linear-gradient(rgb(255 255 255 / 0%), rgb(255 255 255 / 0%)), url(../images/h-bg.png) center center / cover no-repeat;

    border-top:1px solid #D6DEE9;

    border-bottom:1px solid #D6DEE9;

    position:relative;

}

.hdetail-hospital-highlights-container{max-width:1300px; margin:auto;}

.hdetail-section-heading{max-width:720px; margin:0 0 60px;}
.hdetail-section-heading .hdetail-section-title p{max-width:660px;}

.hdetail-highlight-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:1px;
  background:#D6DEE9;
  border:1px solid #D6DEE9;
}

.hdetail-highlight-card{
  background:#ffffff;
  padding:38px;
  display:flex;
  gap:26px;
  align-items:flex-start;
  transition:.3s;
}

.hdetail-highlight-card:hover{
  background:#E6EDF6;
}

.hdetail-highlight-icon{
  width:52px;
  height:52px;
  min-width:52px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  background:transparent;
  border:1.5px solid #1B5FAE;
}

.hdetail-highlight-icon i{
  color:#1B5FAE;
  font-size:20px;
}

.hdetail-highlight-content h3{
  font-family:'poppins', sans-serif;
  font-size:21px;
  color:#0E2A4D;
  margin:0 0 10px;
  font-weight:600;
}

.hdetail-highlight-content p{
  color:#57677D;
  line-height:1.8;
  font-size:14.5px;
  margin:0;
}

@media(max-width:991px){
  .hdetail-highlight-grid{grid-template-columns:1fr;}
}

@media(max-width:600px){
  .hdetail-section-title h2{font-size:30px;}
  .hdetail-highlight-card{padding:26px; gap:18px;}
}

/* =========================================================
   TREATMENTS
   ========================================================= */

.hdetail-hospital-treatments{
  padding:110px 6%;
  background:#ffffff;
}

.hdetail-treatment-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:2px;
  /* background:#D6DEE9; */
  margin-top:50px;
}

.hdetail-treatment-card{
  background:#ffffff;
  overflow:hidden;
  transition:.35s;
  border: solid 3px aliceblue;
  border-radius: 15px;

}

.hdetail-treatment-image{
  height:220px;
  overflow:hidden;
}

.hdetail-treatment-image img{
  width:100%;
  height:100%;
  object-fit:cover;
  transition:.6s;
  filter:grayscale(.15);
}

.hdetail-treatment-card:hover .hdetail-treatment-image img{
  transform:scale(1.06);
  filter:grayscale(0);
}

.hdetail-treatment-content{padding:30px;}

.hdetail-treatment-content h3{
  font-family:'poppins', sans-serif;
  color:#0E2A4D;
  margin:0 0 12px;
  font-size:23px;
  font-weight:600;
}

.hdetail-treatment-content p{
  color:#57677D;
  line-height:1.8;
  margin-bottom:22px;
  font-size:14.5px;
}

.hdetail-treatment-info{
  display:flex;
  gap:22px;
  margin-bottom:24px;
  font-family:'poppins', sans-serif;
  font-size:12px;
  letter-spacing:.03em;
  color:#57677D;
}

.hdetail-treatment-info span{display:flex; align-items:center; gap:7px;}
.hdetail-treatment-info i{color:#2E9E44;}

.hdetail-treatment-content a{
  display:flex;
  justify-content:space-between;
  align-items:center;
  text-decoration:none;
  color:#1B5FAE;
  font-weight:600;
  font-size:14px;
  padding-top:20px;
  border-top:1px solid #D6DEE9;
}

.hdetail-treatment-content a i{transition:.3s;}
.hdetail-treatment-card:hover a i{transform:translateX(6px);}

@media(max-width:1100px){.hdetail-treatment-grid{grid-template-columns:repeat(2,1fr);}}
@media(max-width:768px){.hdetail-treatment-grid{grid-template-columns:1fr;}}

/* =========================================================
   DOCTORS
   ========================================================= */

.hdetail-hospital-doctors{
  padding:110px 6%;
  background:#0E2A4D;
}

.hdetail-hospital-doctors .hdetail-eyebrow{color:#2E9E44;}
.hdetail-hospital-doctors .hdetail-eyebrow::before{background:#2E9E44;}

.hdetail-section-header{
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  margin-bottom:56px;
  gap:30px;
}

.hdetail-hospital-doctors .hdetail-section-title h2,
.hdetail-hospital-doctors .hdetail-section-title p{color:#F4F7FB;}
.hdetail-hospital-doctors .hdetail-section-title p{opacity:.65;}

.hdetail-view-all-btn{
  padding:15px 28px;
  border:1px solid rgba(244,246,242,.35);
  color:#F4F7FB;
  border-radius:2px;
  text-decoration:none;
  font-weight:600;
  font-size:14px;
  white-space:nowrap;
  transition:.3s;
}

.hdetail-view-all-btn:hover{
  background:#1B5FAE;
  border-color:#1B5FAE;
}

.hdetail-doctor-card{
  background:#F4F7FB;
  overflow:hidden;
  border-radius:2px;
}

.hdetail-doctor-image{
  position:relative;
  height:320px;
}

.hdetail-doctor-image img{
  width:100%;
  height:100%;
  object-fit:cover;
  filter:grayscale(.35);
  transition:.4s;
}

.hdetail-doctor-card:hover .hdetail-doctor-image img{filter:grayscale(0);}

.hdetail-doctor-image span{
  position:absolute;
  left:0;
  top:20px;
  background:#2E9E44;
  color:#0E2A4D;
  padding:7px 16px;
  font-family:'poppins', sans-serif;
  font-size:12px;
  letter-spacing:.04em;
  font-weight:600;
}

.hdetail-doctor-content{padding:28px;}

.hdetail-doctor-content h3{
  font-family:'poppins', sans-serif;
  color:#0E2A4D;
  margin:0 0 6px;
  font-size:21px;
}

.hdetail-doctor-content h4{
  color:#1B5FAE;
  font-size:14px;
  margin:0 0 20px;
  font-weight:600;
  font-family:'poppins', sans-serif;
  letter-spacing:.02em;
  text-transform:uppercase;
}

.hdetail-doctor-details{
  display:flex;
  flex-direction:column;
  gap:11px;
  margin-bottom:24px;
  font-size:14px;
}

.hdetail-doctor-details span{display:flex; align-items:center; gap:10px; color:#57677D;}
.hdetail-doctor-details i{color:#2E9E44; width:16px;}

.hdetail-doctor-content a{
  display:flex;
  justify-content:space-between;
  align-items:center;
  color:#0E2A4D;
  text-decoration:none;
  font-weight:600;
  font-size:14px;
  border-top:1px solid #D6DEE9;
  padding-top:18px;
}

.hdetail-doctor-content a i{transition:.3s;}
.hdetail-doctor-card:hover a i{transform:translateX(5px);}

@media(max-width:768px){
  .hdetail-section-header{flex-direction:column; align-items:flex-start;}
}

/* =========================================================
   TECHNOLOGY
   ========================================================= */

.hdetail-medical-technology{
  padding:110px 6%;
  background:#F4F7FB;
}

.hdetail-technology-wrapper{
  display:grid;
  grid-template-columns:1fr 1.15fr;
  gap:60px;
  align-items:center;
  margin-top:56px;
}

.hdetail-technology-image{overflow:hidden; border-radius:2px;}

.hdetail-technology-image img{
  width:100%;
  height:560px;
  object-fit:cover;
  transition:.5s;
}

.hdetail-technology-image:hover img{transform:scale(1.04);}

.hdetail-technology-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:1px;
  background:#D6DEE9;
  border:1px solid #D6DEE9;
}

.hdetail-technology-card{
  background:#ffffff;
  padding:32px 28px;
  transition:.3s;
}

.hdetail-technology-card:hover{background:#E6EDF6;}

.hdetail-technology-card i{
  color:#1B5FAE;
  font-size:24px;
  margin-bottom:18px;
  display:block;
}

.hdetail-technology-card h3{
  font-family:'poppins', sans-serif;
  color:#0E2A4D;
  margin:0 0 10px;
  font-size:19px;
}

.hdetail-technology-card p{
  color:#57677D;
  line-height:1.75;
  font-size:14px;
  margin:0;
}

@media(max-width:991px){
  .hdetail-technology-wrapper{grid-template-columns:1fr;}
  .hdetail-technology-image img{height:380px;}
}

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

/* =========================================================
   FACILITIES
   ========================================================= */

.hdetail-hospital-facilities{
  padding:110px 6%;
  background:#ffffff;
}

.hdetail-facility-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:2px;
  background:#D6DEE9;
  margin-top:56px;
}

.hdetail-facility-card{background:#ffffff; overflow:hidden;}

.hdetail-facility-image{height:230px; overflow:hidden;}

.hdetail-facility-image img{
  width:100%;
  height:100%;
  object-fit:cover;
  transition:.6s;
}

.hdetail-facility-card:hover .hdetail-facility-image img{transform:scale(1.06);}

.hdetail-facility-content{padding:30px;}

.hdetail-facility-icon{
  width:52px;
  height:52px;
  border-radius:50%;
  border:1.5px solid #2E9E44;
  color:#2E9E44;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:20px;
  margin-top:-56px;
  margin-bottom:20px;
  background:#ffffff;
}

.hdetail-facility-content h3{
  font-family:'poppins', sans-serif;
  color:#0E2A4D;
  margin:0 0 14px;
  font-size:22px;
}

.hdetail-facility-content p{
  color:#57677D;
  line-height:1.8;
  font-size:14.5px;
  margin:0;
}

/* =========================================================
   CTA
   ========================================================= */

.hdetail-hospital-cta{
  padding:110px 6%;
  background:#0E2A4D;
  position:relative;
  overflow:hidden;
}

.hdetail-hospital-cta::before{
  content:"";
  position:absolute;
  inset:0;
  background-image:radial-gradient(circle at 1px 1px, rgba(233,228,216,.06) 1px, transparent 0);
  background-size:22px 22px;
  pointer-events:none;
}

.hdetail-cta-wrapper{
  max-width:1300px;
  margin:auto;
  display:grid;
  grid-template-columns:1.1fr .9fr;
  gap:70px;
  align-items:center;
  position:relative;
}

.hdetail-cta-content{color:#F4F7FB;}
.hdetail-cta-content .hdetail-eyebrow{color:#2E9E44;}
.hdetail-cta-content .hdetail-eyebrow::before{background:#2E9E44;}

.hdetail-cta-content h2{
  font-family:'poppins', sans-serif;
  font-weight:600;
  font-size:44px;
  margin:0 0 22px;
  line-height:1.2;
  color:#ffffff;
}

.hdetail-cta-content p{
  color:rgba(244,246,242,.72);
  line-height:1.9;
  margin-bottom:36px;
  max-width:560px;
  font-size:16px;
}

.hdetail-cta-features{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:16px 24px;
  margin-bottom:42px;
  border-top:1px solid rgba(244,246,242,.15);
  padding-top:26px;
}

.hdetail-cta-features div{
  display:flex;
  align-items:center;
  gap:12px;
  font-weight:500;
  font-size:14.5px;
}

.hdetail-cta-features i{color:#2E9E44; font-size:15px;}

.hdetail-cta-buttons{margin:0;}

.hdetail-cta-primary{
  display:inline-flex;
  align-items:center;
  background:#F4F7FB;
  color:#0E2A4D;
  padding:17px 36px;
  border-radius:2px;
  text-decoration:none;
  font-weight:600;
  font-size:14.5px;
  transition:.3s;
}

.hdetail-cta-primary:hover{
  background:#2E9E44;
  color:#0E2A4D;
  transform:translateY(-3px);
}

.hdetail-cta-image{
  text-align:center;
  position:relative;
}

.hdetail-cta-image img{
  width:100%;
  max-width:480px;
  border-radius:2px;
  animation:hdetailFloatImage 6s ease-in-out infinite;
}

/* @keyframes hdetailFloatImage{
  0%{transform:translateY(0);}
  50%{transform:translateY(-12px);}
  100%{transform:translateY(0);}
} */

@media(max-width:991px){
  .hdetail-cta-wrapper{grid-template-columns:1fr; text-align:center;}
  .hdetail-cta-features{grid-template-columns:1fr; text-align:left;}
  .hdetail-cta-content p{margin-left:auto; margin-right:auto;}
}

@media(max-width:600px){
  .hdetail-cta-content h2{font-size:32px;}
}

@media(prefers-reduced-motion:reduce){
  .hdetail-hidden, .hdetail-show, .hdetail-cta-image img{transition:none; animation:none; opacity:1; transform:none;}
}
/*==========================================services==================================*/
/*==========================================
        SERVICES HERO
==========================================*/

.inam-services-banner{

    padding:165px 20px 60px;

    background:linear-gradient(135deg,#f8fbff,#eef7ff);

    text-align:center;
    font-family:'poppins',sans-serif;
    position:relative;
    overflow:hidden;

}

.inam-services-header{

    max-width:850px;

    margin:auto;

}

.inam-service-tag{

    display:inline-block;

    padding:10px 22px;

    background:#e9f4ff;

    color:#0A4FB8;

    border-radius:40px;

    font-size:14px;

    font-weight:600;

    margin-bottom:10px;

}

.inam-services-header h1{

    font-size:54px;

    line-height:1.15;

    color:#17345d;

    margin-bottom:20px;

}

.inam-services-header h1 span{

    color:#18B54A;

    display:block;

}

.inam-services-header p{

    max-width:720px;

    margin:auto;

    font-size:17px;

    line-height:1.9;

    color:#63758b;

}


/*==========================================
        SEARCH BAR
==========================================*/

.inam-service-search{

    width:100%;

    max-width:850px;

    margin:45px auto 25px;

    background:#ffffff;

    border-radius:60px;

    display:flex;

    align-items:center;

    padding:10px;

    box-shadow:0 15px 40px rgba(0,0,0,.08);

}

.inam-service-search i{

    font-size:20px;

    color:#0A4FB8;

    margin:0 20px;

}

.inam-service-search input{

    flex:1;

    border:none;

    outline:none;

    font-size:16px;

    background:transparent;

    color:#333;

}

.inam-service-search button{

    border:none;

    background:#0A4FB8;

    color:#fff;

    padding:16px 35px;

    border-radius:40px;

    cursor:pointer;

    font-size:15px;

    font-weight:600;

    transition:.35s;

}

.inam-service-search button:hover{

    background:#18B54A;

}


/*==========================================
        POPULAR LINKS
==========================================*/

.inam-popular-searches{

    display:flex;

    justify-content:center;

    align-items:center;

    gap:12px;

    flex-wrap:wrap;

}

.inam-popular-searches span{

    color:#666;

    font-weight:600;

}

.inam-popular-searches a{

    text-decoration:none;

    padding:8px 16px;

    border-radius:25px;

    background:#ffffff;

    color:#0A4FB8;

    font-size:14px;

    transition:.3s;

    box-shadow:0 8px 20px rgba(0,0,0,.05);

}

.inam-popular-searches a:hover{

    background:#18B54A;

    color:#fff;

}


/*==========================================
        SERVICES GRID
==========================================*/

.inam-home-services{

    max-width:1200px;

    margin:80px auto;

    display:grid;

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

    gap:30px;

    padding:0 20px;

}

.inam-service-card{

    background:#ffffff;

    border-radius:22px;

    padding:45px 30px;

    text-align:center;

    transition:.35s;

    box-shadow:0 15px 35px rgba(0,0,0,.06);

}

.inam-service-card:hover{

    transform:translateY(-10px);

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

}

.inam-service-card i{

    width:80px;

    height:80px;

    display:flex;

    justify-content:center;

    align-items:center;

    margin:auto;

    border-radius:50%;

    font-size:30px;

    color:#ffffff;

    background:linear-gradient(135deg,#0A4FB8,#18B54A);

}

.inam-service-card h3{

    margin:25px 0 15px;

    font-size:24px;

    color:#17345d;

}

.inam-service-card p{

    font-size:15px;

    color:#64748b;

    line-height:1.8;

}


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

@media(max-width:992px){

    .inam-home-services{

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

    }

    .inam-services-header h1{

        font-size:42px;

    }

}

@media(max-width:768px){

    .inam-home-services{

        grid-template-columns:1fr;

    }

    .inam-service-search{

        flex-direction:column;

        border-radius:25px;

        padding:20px;

        gap:15px;

    }

    .inam-service-search i{

        display:none;

    }

    .inam-service-search input{

        width:100%;

        text-align:center;

    }

    .inam-service-search button{

        width:100%;

    }

    .inam-services-header h1{

        font-size:34px;

    }

    .inam-services-header p{

        font-size:15px;

    }

}
.services-section-title{

    max-width:700px;
    margin:0 auto 70px;
    text-align:center;
    position:relative;

}

.services-section-title .services-subtitle{

    display:inline-flex;
    align-items:center;
    gap:12px;

    font-size:14px;
    font-weight:700;
    letter-spacing:3px;
    text-transform:uppercase;

    color:#CFA24A;

    margin-bottom:18px;

}

.services-section-title .services-subtitle::before{

    content:"";
    width:45px;
    height:2px;
    background:#CFA24A;

}

.services-section-title h2 {
  font-size: 42px;
  line-height: 1.15;
  font-weight: 800;
  color: #0B2A4A;
  margin-bottom: 25px;
  text-transform: uppercase;
  margin-top: 20px;
  width: 110%;
}
.services-section-title p{

    font-size:18px;
    line-height:1.9;

    color:#666;

    max-width:650px;

    margin:auto;

}

.services-section-title::after{

    content:"";

    width:80px;
    height:4px;

    background:#CFA24A;

    border-radius:10px;

    display:block;

    margin:35px auto 0;

}
.services-journey-section{
    padding:60px 0;
    /* background:#22497c; */
    padding-left:40px;
}
.services-journey-section{

    padding:60px 0;
    padding-left:40px;
background: linear-gradient(rgb(255 255 255 / 0%), rgb(255 255 255 / 0%)), url(../images/services-bg.png);
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;

}

.services-journey-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    align-items:center;
    gap:0px;
}

.services-journey-image img{
    width:85%;
    height:400px;
    object-fit:cover;
    border-radius:25px;
    margin-left: 21px;
}

.services-step{
    color:#0b3d91;
    font-weight:700;
    letter-spacing:2px;
    text-transform:uppercase;
}

.services-journey-content h3 {
  font-size: 42px;
  margin: 20px 0;
  line-height: 1;
  text-transform: uppercase;
  letter-spacing: -1px;
}
.services-journey-content p{
    line-height:1.8;
    color:#666;
}

.services-journey-content ul{
    margin:30px 0;
}

.services-journey-content li{
    list-style:none;
    margin:15px 0;
    position:relative;
    padding-left:28px;
}

.services-journey-content li::before{
    content:"✓";
    position:absolute;
    left:0;
    color:#0b3d91;
    font-weight:bold;
}

.services-journey-content a{
    display:inline-block;
    padding:15px 35px;
    background:#0b3d91;
    color:#fff;
    text-decoration:none;
    border-radius:50px;
}

.swiper{
    padding-bottom:70px;
}

.services-swiper-button-next,
.services-swiper-button-prev{
    color:#0b3d91;
}

/* .services-swiper-pagination-bullet-active{
    background:#0b3d91;
} */
 .swiper-pagination-bullet-active{
    background:#0b3d91;
}

@media(max-width:991px){

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

.services-journey-content{
text-align:center;
}

}
/*===========================
        FAQ SECTION
===========================*/

.services-faq-section{

    padding:100px 0;
    background:#F8FAFC;

}

.services-faq-heading{

    text-align:center;
    max-width:700px;
    margin:auto;
    margin-bottom:60px;

}

.services-faq-heading span{

    display:inline-block;
    color:#CFA24A;
    font-size:14px;
    font-weight:700;
    letter-spacing:2px;
    text-transform:uppercase;
    margin-bottom:15px;

}

.services-faq-heading h2{

    font-size:46px;
    color:#0B2A4A;
    margin-bottom:20px;

}

.services-faq-heading p{

    color:#666;
    line-height:1.8;

}

.services-faq-wrapper{

    max-width:900px;
    margin:auto;

}

.services-faq-item{

    background:#fff;
    border-radius:16px;
    margin-bottom:18px;
    overflow:hidden;
    border:1px solid #E8EDF5;
    transition:.35s;

}

.services-faq-item.active{

    border-color:#CFA24A;
    box-shadow:0 15px 40px rgba(11,42,74,.08);

}

.services-faq-question{

    width:100%;
    background:none;
    border:none;
    outline:none;

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

    padding:25px 30px;

    cursor:pointer;

    font-size:20px;
    font-weight:600;

    color:#0B2A4A;

    text-align:left;

}

.services-faq-question i{

    width:40px;
    height:40px;

    border-radius:50%;

    background:#EDF4FB;

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

    transition:.35s;

}

.services-faq-item.active i{

    background:#0B2A4A;
    color:#fff;
    transform:rotate(45deg);

}

.services-faq-answer{

    max-height:0;
    overflow:hidden;
    transition:max-height .45s ease;

}

.services-faq-answer p{

    padding:0 30px 30px;
    color:#666;
    line-height:1.9;

}

.services-faq-item.active .services-faq-answer{

    max-height:250px;

}

@media(max-width:768px){

.services-faq-heading h2{

    font-size:34px;

}

.services-faq-question{

    font-size:17px;
    padding:20px;

}

.services-faq-answer p{

    padding:0 20px 20px;

}

}
/*=========================================animations===========================================*/
.inam-services-header{

    animation:fadeUp 1s ease forwards;

}

/* @keyframes fadeUp{

    from{

        opacity:0;
        transform:translateY(60px);

    }

    to{

        opacity:1;
        transform:translateY(0);

    }

} */
.inam-service-search{

    animation:popUp .8s cubic-bezier(.175,.885,.32,1.2);

}

/* @keyframes popUp{

    0%{

        opacity:0;
        transform:scale(.7);

    }

    80%{

        transform:scale(1.04);

    }

    100%{

        opacity:1;
        transform:scale(1);

    }

} */
.inam-popular-searches{

    animation:fadeIn 1.4s ease;

}

/* @keyframes fadeIn{

    from{

        opacity:0;

    }

    to{

        opacity:1;

    }

} */
.services-journey-image{

    overflow:hidden;
    border-radius:25px;

}

.services-journey-image img{

    transition:1.2s ease;

}

.services-swiper-slide-active .services-journey-image img{

    transform:scale(1.08);

}
.services-swiper-slide-active .services-journey-content{

    animation:slideContent .8s ease;

}

/* @keyframes slideContent{

    from{

        opacity:0;
        transform:translateX(70px);

    }

    to{

        opacity:1;
        transform:translateX(0);

    }

} */
.services-step{

    display:inline-block;

}

.services-swiper-slide-active .services-step{

    animation:rotateIn .8s ease;

}

/* @keyframes rotateIn{

    from{

        opacity:0;
        transform:rotate(-15deg) scale(.8);

    }

    to{

        opacity:1;
        transform:rotate(0) scale(1);

    }

} */
.services-swiper-slide-active h3{

    animation:headingUp .9s ease;

}

/* @keyframes headingUp{

    from{

        opacity:0;
        transform:translateY(40px);

    }

    to{

        opacity:1;
        transform:translateY(0);

    }

} */
.services-swiper-slide-active p{

    animation:fadeText 1s ease;

}

/* @keyframes fadeText{

    from{

        opacity:0;

    }

    to{

        opacity:1;

    }

} */
.services-swiper-slide-active li{

    opacity:0;

    animation:listUp .5s forwards;

}

.services-swiper-slide-active li:nth-child(1){

    animation-delay:.2s;

}

.services-swiper-slide-active li:nth-child(2){

    animation-delay:.4s;

}

.services-swiper-slide-active li:nth-child(3){

    animation-delay:.6s;

}

/* @keyframes listUp{

    from{

        opacity:0;
        transform:translateX(-25px);

    }

    to{

        opacity:1;
        transform:translateX(0);

    }

} */
.services-swiper-slide-active a{

    animation:buttonPop .9s ease;

}

/* @keyframes buttonPop{

    from{

        opacity:0;
        transform:translateY(30px);

    }

    to{

        opacity:1;
        transform:translateY(0);

    }

} */
.services-faq-item{

    transition:.4s;

}

.services-faq-item:hover{

    transform:translateY(-8px);

    box-shadow:0 20px 50px rgba(0,0,0,.08);

}
.services-faq-answer{

    overflow:hidden;

    transition:

    max-height .5s ease,

    opacity .5s ease;

    opacity:0;

}

.services-faq-item.active .services-faq-answer{

    opacity:1;

}
.btn{

    position:relative;

    overflow:hidden;

}

.btn::before{

    content:"";

    position:absolute;

    top:0;

    left:-120%;

    width:120%;

    height:100%;

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

    transform:skewX(-30deg);

    transition:.7s;

}

.btn:hover::before{

    left:120%;

}
.inam-services-banner::before{
    content:"";
    position:absolute;
    width:300px;
    height:300px;
    background:rgba(10,79,184,.05);
    border-radius:50%;
    top:-100px;
    right:-100px;
    animation:float 8s ease-in-out infinite;

}

/* @keyframes float{

    0%{

        transform:translateY(0);

    }

    50%{

        transform:translateY(-15px);

    }

    100%{

        transform:translateY(0);

    }

} */
/* .reveal{

    opacity:0;

    transform:translateY(70px);

    transition:1s;

}

.reveal.active{

    opacity:1;

    transform:translateY(0);

} */
/*============================================faq============================================*/
/* ===========================
   FAQ
=========================== */

.inamvisa-faq {
    background: #ffffff;
    padding: 40px 24px;
    font-family:'poppins',sans-serif;
}

.inamvisa-faq-inner {
    max-width: 900px;
    margin: 0 auto;
}

.inamvisa-faq-list {
    text-align: left;
}

.inamvisa-faq-item {
    background: #f8fafc;
    border: 1px solid #ececec;
    border-radius: 12px;
    margin-bottom: 16px;
    overflow: hidden;
}

.inamvisa-faq-question {
    width: 100%;
    background: none;
    border: none;
    text-align: left;
    padding: 20px 24px;
    font-size: 16px;
    font-weight: 700;
    color: #0d2d77;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    font-family: 'Poppins', sans-serif;
}

.inamvisa-faq-icon {
    color: #10a64b;
    transition: transform .3s ease;
    flex-shrink: 0;
    margin-left: 12px;
}

.inamvisa-faq-item.active .inamvisa-faq-icon {
    transform: rotate(45deg);
}

.inamvisa-faq-answer {
    max-height: 0;
    overflow: hidden;
    transition: max-height .3s ease, padding .3s ease;
    padding: 0 24px;
}

.inamvisa-faq-item.active .inamvisa-faq-answer {
    max-height: 300px;
    padding: 0 24px 20px;
}

.inamvisa-faq-answer p {
    color: #6b7280;
    line-height: 1.7;
    font-size: 14px;
}
.inamvisa-section-head .inamvisa-tag{
    color:green;
}
/*=============================================================doctors page=======================*/
/*==========================================
        GOOGLE FONT
==========================================*/

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap');
/* .mtdoc-page,
.mtdoc-page *{
    box-sizing:border-box;
} */

.mtdoc-page{
    margin:0;
    padding:0;
    font-family:'Poppins',sans-serif;
     background:#f7fbff;
}

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

.mtdoc-hero-section{

    position:relative;

    min-height:100vh;

    display:flex;

    flex-direction:column;

    justify-content:center;

    overflow:hidden;

    padding:10px 5% 50px;

    background:
    linear-gradient(
    90deg,
    rgba(255,255,255,1) 0%,
    rgba(255,255,255,.98) 35%,
    rgba(255,255,255,.82) 55%,
    rgba(255,255,255,.18) 75%,
    rgba(255,255,255,0) 100%
    ),
    url("../images/doctor-consultation.jpg");

    background-repeat:no-repeat;

    background-position:right center;

    background-size:contain;
}


/*==========================================
        CONTAINER
==========================================*/

.mtdoc-hero-container{

    width:100%;

    max-width:1300px;

    margin:auto;

    display:grid;

    grid-template-columns:55% 45%;

    align-items:center;
}


/* Right column is empty */

.mtdoc-hero-image{

    min-height:650px;
}


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

.mtdoc-hero-content{

    max-width:620px;

    z-index:2;
}

.mtdoc-hero-tag{

    display:inline-block;

    padding:10px 22px;

    border-radius:40px;

    background:#EAF5FF;

    color:#0B5ED7;

    font-size:15px;

    font-weight:600;

    margin-bottom:30px;
}

.mtdoc-hero-content h1 {
  font-size: 50px;
  line-height: 1.1;
  color: #173A63;
  margin-bottom: 25px;
  font-weight: 700;
  text-transform: uppercase;
  width: 120%;
}

.mtdoc-hero-content h1 span{

    color:#16A34A;
}

.mtdoc-hero-content p{

    font-size:17px;

    line-height:1.9;

    color:#6B7280;

    margin-bottom:40px;
}


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

.mtdoc-hero-buttons{

    display:flex;

    gap:18px;

    margin-bottom:40px;
}

.mtdoc-btn-primary{

    padding:16px 34px;

    border-radius:50px;

    background:#0B5ED7;

    color:#fff;

    text-decoration:none;

    font-weight:600;

    transition:.35s;
}

.mtdoc-btn-primary:hover{

    background:#16A34A;

    transform:translateY(-4px);
}

.mtdoc-btn-outline{

    padding:16px 34px;

    border-radius:50px;

    border:2px solid #0B5ED7;

    color:#0B5ED7;

    text-decoration:none;

    font-weight:600;

    transition:.35s;
}

.mtdoc-btn-outline:hover{

    background:#0B5ED7;

    color:#fff;
}
/*==========================================
        FEATURES
==========================================*/

.mtdoc-hero-features{

    display:flex;

    flex-direction:column;

    gap:16px;
}

.mtdoc-feature{

    display:flex;

    align-items:center;

    gap:12px;

    color:#4B5563;

    font-weight:500;
}

.mtdoc-feature i{

    color:#16A34A;

    font-size:18px;
}
.mtdoc-hero-section::before{

    /* content:""; */

    position:absolute;

    width:600px;

    height:600px;

    background:#DDEFFF;

    border-radius:50%;

    right:-250px;

    top:-200px;

    z-index:0;
}

.mtdoc-hero-section::after{

    content:"";

    position:absolute;

    width:350px;

    height:350px;

    background:#E8FFF1;

    border-radius:50%;

    left:-120px;

    bottom:-120px;

    z-index:0;
}
/*==========================================
        HERO STATISTICS
==========================================*/

.mtdoc-hero-stats {
  position: absolute;
  left: 50%;
  bottom: 40px;
  transform: translateX(-50%);
  width: 90%;
  max-width: 1150px;
  background: #fff;
  border-radius: 25px;
  display: grid;
  grid-template-columns: repeat(4,1fr);
  overflow: hidden;
  box-shadow: 0 25px 70px rgba(11,94,215,.12);
  z-index: 20;
  /* margin-top: -52px; */
  /* transform: translateY(-80px); */
}
.mtdoc-stat-box{

    text-align:center;

    padding:7px 20px;

    position:relative;

    transition:.35s;
}

.mtdoc-stat-box:not(:last-child)::after{

    content:"";

    position:absolute;

    right:0;

    top:25%;

    width:1px;

    height:50%;

    background:#E5EEF9;
}

.mtdoc-stat-box h2{

    font-size:42px;

    color:#0B5ED7;

    font-weight:700;

    margin-bottom:10px;

    transition:.35s;
}

.mtdoc-stat-box p{

    color:#6B7280;

    font-size:15px;
}

.mtdoc-stat-box:hover{

    background:#F8FBFF;
}

.mtdoc-stat-box:hover h2{

    color:#16A34A;

    transform:scale(1.08);
}
/*==========================================
        DECORATIONS
==========================================*/

.mtdoc-hero-content{

    position:relative;

    z-index:5;
}

.mtdoc-hero-tag{

    box-shadow:
    0 10px 30px rgba(11,94,215,.08);
}

.mtdoc-hero-section{

    isolation:isolate;
}

/* Small Medical Plus */

.mtdoc-plus-one{

    position:absolute;

    right:22%;

    top:18%;

    width:18px;

    height:18px;

    background:#16A34A;

    clip-path:polygon(40% 0,60% 0,60% 40%,100% 40%,100% 60%,60% 60%,60% 100%,40% 100%,40% 60%,0 60%,0 40%,40% 40%);
}

.mtdoc-plus-two{

    position:absolute;

    left:8%;

    bottom:22%;

    width:14px;

    height:14px;

    background:#0B5ED7;

    clip-path:polygon(40% 0,60% 0,60% 40%,100% 40%,100% 60%,60% 60%,60% 100%,40% 100%,40% 60%,0 60%,0 40%,40% 40%);
}
/*==========================================
        RESPONSIVE
==========================================*/

@media(max-width:1100px){

.mtdoc-hero-section{

background-size:55%;

padding:60px 6% 80px;
}

.mtdoc-hero-container{

grid-template-columns:1fr;
}

.mtdoc-hero-image{

display:none;
}

.mtdoc-hero-content{

max-width:100%;
        margin-top: 75px;
}

.mtdoc-hero-content h1{

font-size:52px;
}

.mtdoc-hero-stats{

position:relative;

left:auto;

bottom:auto;

transform:none;

margin:60px auto 0;

width:100%;
}

}

@media(max-width:768px){

    .mtdoc-hero-section {
        background-image: none;
        padding: 110px 25px;
    }

/* .mtdoc-hero-content{

text-align:center;
} */

.mtdoc-hero-content h1{

font-size:40px;
}

.mtdoc-hero-buttons{

justify-content:center;

flex-wrap:wrap;
}

.mtdoc-hero-features{

align-items:center;
}

.mtdoc-hero-stats{

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

.mtdoc-stat-box{

padding:25px 15px;
}

}

@media(max-width:500px){

.mtdoc-hero-content h1{

font-size:28px;
}
.mtdoc-hero-content h1 {
    
    line-height: 1.1;
    color: #173A63;
    margin-bottom: 25px;
    font-weight: 700;
    text-transform: uppercase;
    width: 105%;
}
.mtdoc-hero-content p{

font-size:15px;
}

.mtdoc-hero-buttons{

flex-direction:column;
}

.mtdoc-btn-primary,
.mtdoc-btn-outline{
        width: 65%;

text-align:center;
}

.mtdoc-hero-stats{

grid-template-columns:1fr;
}

.mtdoc-stat-box::after{

display:none !important;
}

}
/*==========================================
        ANIMATIONS
==========================================*/

.mtdoc-hero-content{

animation:fadeLeft 1s ease;
}

.mtdoc-hero-stats{

animation:fadeUp 1.2s ease;
}

/* @keyframes fadeLeft{

from{

opacity:0;

transform:translateX(-50px);
}

to{

opacity:1;

transform:translateX(0);
}

}

@keyframes fadeUp{

from{

opacity:0;

transform:translate(-50%,40px);
}

to{

opacity:1;

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

} */

.mtdoc-btn-primary,
.mtdoc-btn-outline{

transition:.35s;
}

.mtdoc-feature{

transition:.3s;
}

.mtdoc-feature:hover{

transform:translateX(6px);

color:#0B5ED7;
}
/* =================================
   DOCTORS SECTION
================================= */

.mtdoc-list-section {

    width: 100%;

    padding: 90px 5%;

    background: #ffffff;
    font-family:'poppins',sans-serif;
    box-sizing:border-box;

}


.mtdoc-list-container {

    max-width: 1350px;

    margin: auto;

}


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

.mtdoc-list-header {

    display: flex;

    align-items: flex-end;

    justify-content: space-between;

    gap: 40px;

    margin-bottom: 35px;

}


.mtdoc-section-label {

    display: inline-block;

    margin-bottom: 10px;

    color: #00A651;

    font-size: 29px;

    font-weight: 700;

    letter-spacing: 1.5px;

}


.mtdoc-list-header h2 {

    margin: 0;

    color: #063A86;

    font-size: 45px;

    font-weight: 700;

}


.mtdoc-list-header p {

    max-width: 520px;

    margin-top: 12px;

    color: #777;

    font-size: 20px;

    line-height: 1.7;

}


/* =================================
   SEARCH
================================= */

.mtdoc-search {

    width: 330px;

    height: 48px;

    display: flex;

    align-items: center;

    border: 1px solid #E5E8EC;

    border-radius: 30px;

    overflow: hidden;

}


.mtdoc-search input {

    width: 100%;

    height: 100%;

    padding: 0 20px;

    border: none;

    outline: none;

    color: #333;

    font-size: 18px;

}
/* =========================================
   RESPONSIVE - 500px to 800px
========================================= */

@media (min-width: 500px) and (max-width: 800px) {

    .mtdoc-hero-section {
        min-height: auto !important;
        padding: 70px 25px 60px !important;
    }

    .mtdoc-hero-container {
        width: 100% !important;
        max-width: 720px !important;
        margin: 0 auto !important;
        padding: 0 !important;
    }

    .mtdoc-hero-content {
        max-width: 600px !important;
    }

    /* Heading */
    .mtdoc-hero-content h1 {
        font-size: 36px !important;
        line-height: 1.2 !important;
        margin-bottom: 18px !important;
    }

    .mtdoc-hero-content h1 span {
        font-size: inherit !important;
    }

    /* Description */
    .mtdoc-hero-content p {
        font-size: 14px !important;
        line-height: 1.7 !important;
        max-width: 580px !important;
        margin-bottom: 25px !important;
    }

    /* Buttons */
    .mtdoc-hero-buttons {
        display: flex !important;
        gap: 12px !important;
        flex-wrap: wrap !important;
    }

    .mtdoc-btn-primary,
    .mtdoc-btn-outline {
        font-size: 13px !important;
        padding: 11px 20px !important;
        min-height: 42px !important;
    }
}


/* =========================================
   500px - 650px
========================================= */

@media (min-width: 500px) and (max-width: 650px) {

    .mtdoc-hero-section {
        padding: 60px 20px 50px !important;
    }

    .mtdoc-hero-content h1 {
        font-size: 32px !important;
        line-height: 1.2 !important;
        margin-bottom: 15px !important;
    }

    .mtdoc-hero-content p {
        font-size: 13px !important;
        line-height: 1.65 !important;
        margin-bottom: 22px !important;
    }

    .mtdoc-btn-primary,
    .mtdoc-btn-outline {
        font-size: 12px !important;
        padding: 10px 17px !important;
    }
}


/* =========================================
   650px - 800px
========================================= */

@media (min-width: 651px) and (max-width: 800px) {

    .mtdoc-hero-section {
        padding: 65px 25px 55px !important;
    }

    .mtdoc-hero-content h1 {
        font-size: 35px !important;
    }

    .mtdoc-hero-content p {
        font-size: 14px !important;
    }
}

.mtdoc-search button {

    width: 48px;

    height: 48px;

    border: none;

    color: #ffffff;

    background: #00A651;

    cursor: pointer;

}


/* =================================
   FILTERS
================================= */

.mtdoc-filters {

    display: flex;

    align-items: center;

    gap: 8px;

    padding: 8px;

    margin-bottom: 25px;

    border: 1px solid #E8EBEF;

    border-radius: 10px;

    overflow-x: auto;

}


.mtdoc-filter-btn {

    padding: 12px 23px;

    border: none;

    border-radius: 7px;

    background: transparent;

    color: #777;

    font-size: 15px;

    font-weight: 600;

    text-transform: uppercase;

    white-space: nowrap;

    cursor: pointer;

    transition: 0.3s;

}


.mtdoc-filter-btn:hover {

    color: #063A86;

}


.mtdoc-filter-btn.mtdoc-filter-active {

    color: #ffffff;

    background: #063A86;

}




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

@media (max-width: 1100px) {

    .mtdoc-grid {

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

    }

}


@media (max-width: 850px) {

    .mtdoc-list-header {

        align-items: flex-start;

        flex-direction: column;

    }

    .mtdoc-search {

        width: 100%;

    }

    .mtdoc-grid {

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

    }

}


@media (max-width: 550px) {

    .mtdoc-list-section {

        padding: 60px 20px;

    }

    .mtdoc-list-header h2 {

        font-size: 28px;

    }

    .mtdoc-grid {

        grid-template-columns: 1fr;

    }

}
.mtdoc-extra p{
    color:black;
    margin-bottom:10px;
}
/*==================================
    DOCTORS GRID
==================================*/

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

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

.mtdoc-card{
    position:relative;
    background:#fff;
    border:1px solid #d9d9d9;
    border-radius:18px;
    overflow:hidden;
    transition:.35s ease;
}

.mtdoc-card:hover{
    transform:translateY(-6px);
    box-shadow:0 12px 35px rgba(0,0,0,.12);
}

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

.mtdoc-photo{
    width:100%;
    height:264px;
    overflow:hidden;
    background:#ffffff;
}

.mtdoc-photo img{
    width:100%;
    height:127%;
    object-fit:contain;
    display:block;
}

/*==================================
    SPECIALITY RIBBON
==================================*/

.mtdoc-speciality{
    position:absolute;
    left:0;
    top:227px;

    background:#065e1f;
    color:#fff;

    font-size:13px;
    font-weight:600;
    letter-spacing:.5px;

    padding:9px 18px;

    border-radius:5%;
}

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

.mtdoc-card h3{
    margin:22px 22px 8px;
    font-size:20px;
    font-weight:700;
    color:#16a34a;
}

.mtdoc-designation{
    display:none;
}

.mtdoc-extra{
    display:none;
}

.mtdoc-hospital{
    margin:0 22px 24px;

    color:#6c757d;

    font-size:15px;

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

.mtdoc-hospital i{
    color:#163b8e;
    font-size:15px;
}

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

.mtdoc-actions{
    display:grid;
    grid-template-columns:1fr 1fr;

    border-top:1px solid #e4e4e4;
}

.mtdoc-actions a{

    display:flex;
    justify-content:center;
    align-items:center;
    gap:7px;

    padding:15px 10px;

    text-decoration:none;

    font-size:18px;
    font-weight:600;

    transition:.3s;
}

.mtdoc-btn-view{

    color:#16a34a;
    border-right:1px solid #e4e4e4;
}

.mtdoc-btn-consult{

    color:#173d8d;
}

.mtdoc-btn-view:hover{
    background:#16a34a;
    color:#fff;
}

.mtdoc-btn-consult:hover{
    background:#173d8d;
    color:#fff;
}

.mtdoc-btn-view i,
.mtdoc-btn-consult i{
    font-size:15px;
}
/*============================doctor details==============================================*/
/*==================================
DOCTOR HERO
==================================*/

.dd-doctor-hero{

    padding:90px 5%;

    background:#f8fbff;
    font-family:'poppins',sans-serif;
}

.dd-doctor-container{

    max-width:1300px;

    margin:auto;

    display:grid;

    grid-template-columns:380px 1fr;

    gap:60px;

    align-items:center;

}

.dd-doctor-image img{

    width:100%;

    border-radius:18px;

    display:block;

    box-shadow:0 15px 40px rgba(0,0,0,.08);
        /* height: 467px; */
    margin-top: 81px;

}

.dd-doctor-speciality{

    display:inline-block;

    background:#eaf4ff;

    color:#0d2d77;

    padding:8px 18px;

    border-radius:30px;

    font-size:14px;

    font-weight:600;

    margin-bottom:18px;

}

.dd-doctor-content h1{

    font-size:48px;

    color:#0d2d77;

    margin-bottom:8px;

}

.dd-doctor-content h3{

    color:#555;

    font-weight:500;

    margin-bottom:15px;

}

.dd-doctor-qualification{

    color:#777;

    margin-bottom:35px;

    line-height:1.8;

}

.dd-doctor-info{

    display:flex;

    gap:25px;

    flex-wrap:wrap;

    margin-bottom:35px;

}

.dd-info-box{

    display:flex;

    gap:15px;

    align-items:center;

}

.dd-info-box i{

    width:55px;

    height:55px;

    /* background:#0d2d77; */
    background:#0d2d77;

    color:#fff;

    display:flex;

    align-items:center;

    justify-content:center;

    border-radius:50%;

    font-size:20px;

}

.dd-info-box span{

    display:block;

    color:#888;

    font-size:14px;

}

.dd-info-box strong{

    color:#0d2d77;

}

.dd-doctor-languages{

    margin-bottom:35px;

}

.dd-doctor-languages strong{

    display:block;

    margin-bottom:8px;

    color:#0d2d77;

}

.dd-doctor-languages p{

    color:#666;

}

.dd-consult-btn{

    display:inline-block;

    padding:15px 35px;

    background:#0d2d77;
    /* background:#10a54b; */

    color:#fff;

    text-decoration:none;

    border-radius:6px;

    transition:.3s;

}

.dd-consult-btn:hover{

    background:#CFA24A;
    /* background:#0d2d77; */

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

.dd-doctor-container{

    grid-template-columns:1fr;

}

.dd-doctor-content h1{

    font-size:36px;

}

.dd-doctor-info{

    flex-direction:column;

    gap:20px;

}

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

.dd-doctor-about{

    padding:90px 5%;

    background:#ffffff;
    font-family:'poppins',sans-serif;

}

.dd-doctor-about-container{

    max-width:1300px;

    margin:auto;

    display:grid;

    grid-template-columns:1.6fr 1fr;

    gap:60px;

    align-items:start;

}

.dd-section-tag{

    display:inline-block;

    padding:8px 18px;

    background:#eef5fb;

    color:#0d2d77;

    border-radius:30px;

    font-size:14px;

    font-weight:600;

    margin-bottom:18px;

}

.dd-doctor-about-content h2{

    font-size:38px;

    color:#0d2d77;

    margin-bottom:25px;

    line-height:1.3;

}

.dd-doctor-about-content p{

    color:#666;

    line-height:1.9;

    margin-bottom:20px;

    font-size:16px;

}

.dd-doctor-highlights{

    display:flex;

    flex-direction:column;

    gap:20px;

}

.dd-highlight-card{

    display:flex;

    gap:18px;

    padding:25px;

    border:1px solid #edf1f5;

    border-radius:14px;

    transition:.3s;

    background:#fff;

}

.dd-highlight-card:hover{

    transform:translateY(-6px);

    box-shadow:0 12px 30px rgba(0,0,0,.08);

}

.dd-highlight-card i{

    width:60px;

    height:60px;

    /* background:#0d2d77; */
    background:#10a54b;

    color:#fff;

    border-radius:50%;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:22px;

    flex-shrink:0;

}

.dd-highlight-card h4{

    color:#0d2d77;

    margin-bottom:8px;

}

.dd-highlight-card p{

    color:#666;

    line-height:1.7;

    font-size:15px;

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

.dd-doctor-about-container{

    grid-template-columns:1fr;

    gap:40px;

}

.dd-doctor-about-content h2{

    font-size:30px;

}

}
/*==================================
        AREAS OF EXPERTISE
===================================*/
 .dd-doctor-expertise{
    padding:90px 5%;
    font-family:'Poppins',sans-serif;
    background: linear-gradient(rgb(248 251 255 / 0%), rgb(248 251 255 / 0%)), url(../images/doctor-details-bg.png);
    background-size: cover;
    background-position:center;
    background-repeat:no-repeat;
}

.dd-doctor-expertise-container{

    max-width:1300px;

    margin:auto;

}

.dd-section-heading{

    text-align:center;

    max-width:700px;

    margin:0 auto 60px;

}

.dd-section-heading span{

    display:inline-block;

    padding:8px 18px;

    background:#eef5fb;

    color:#0d2d77;

    border-radius:30px;

    font-size:14px;

    font-weight:600;

    margin-bottom:18px;

}

.dd-section-heading h2{

    font-size:42px;

    color:#0d2d77;

    margin-bottom:20px;

}

.dd-section-heading p{

    color:#666;

    line-height:1.8;

}

.dd-expertise-grid{

    display:grid;

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

    gap:30px;

}

.dd-expertise-card{

    background:#fff;

    padding:35px;

    border-radius:16px;

    border:1px solid #edf2f7;

    transition:.35s;

}

.dd-expertise-card:hover{

    transform:translateY(-8px);

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

}

.dd-expertise-card i{

    width:70px;

    height:70px;

    border-radius:50%;

    display:flex;

    align-items:center;

    justify-content:center;

    background:#0d2d77;

    color:#fff;

    font-size:28px;

    margin-bottom:25px;

}

.dd-expertise-card h3{

    color:#0d2d77;

    margin-bottom:15px;

    font-size:22px;

}

.dd-expertise-card p{

    color:#666;

    line-height:1.8;

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

.dd-expertise-grid{

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

}

}

@media(max-width:768px){

.dd-expertise-grid{

    grid-template-columns:1fr;

}

.dd-section-heading h2{

    font-size:32px;

}

}
/*==================================
    ASSOCIATED HOSPITAL
==================================*/

.dd-associated-hospital{

    padding:100px 5%;

    background:#f8fbff;

    font-family:'Poppins',sans-serif;
}

.dd-associated-container{

    max-width:1300px;

    margin:auto;

}

.dd-hospital-wrapper{

    display:grid;

    grid-template-columns:480px 1fr;

    gap:70px;

    align-items:center;

    margin-top:60px;

}

.dd-hospital-image{

    overflow:hidden;

    border-radius:20px;

}

.dd-hospital-image img{

    width:100%;

    display:block;

    border-radius:20px;

    transition:.5s;

}

.dd-hospital-image:hover img{

    transform:scale(1.05);

}

.dd-hospital-content h3{

    font-size:40px;

    color:#0d2d77;

    margin-bottom:12px;

}

.dd-hospital-location{

    display:inline-flex;

    align-items:center;

    gap:8px;

    color:#666;

    margin-bottom:25px;

}

.dd-hospital-location i{

    color:#CFA24A;

}

.dd-hospital-content p{

    color:#666;

    line-height:1.9;

    margin-bottom:35px;

}

.dd-hospital-features{

    display:grid;

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

    gap:18px;

    margin-bottom:40px;

}

.dd-hospital-features div{

    display:flex;

    align-items:center;

    gap:10px;

    color:#444;

}

.dd-hospital-features i{

    color:#28a745;

}

.dd-hospital-btn{

    display:inline-flex;

    align-items:center;

    gap:12px;

    padding:15px 30px;

    background:#0d2d77;

    color:#fff;

    text-decoration:none;

    border-radius:8px;

    transition:.3s;

}

.dd-hospital-btn:hover{

    background:#CFA24A;

}

.dd-hospital-btn i{

    transition:.3s;

}

.dd-hospital-btn:hover i{

    transform:translateX(5px);

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

.dd-hospital-wrapper{

    grid-template-columns:1fr;

    gap:40px;

}

.dd-hospital-content h3{

    font-size:32px;

}

.dd-hospital-features{

    grid-template-columns:1fr;

}

}
/*==================================
    CONDITIONS TREATED
==================================*/
.dd-conditions-treated{    
    padding:90px 5%;
    font-family:'Poppins',sans-serif;
    background: linear-gradient(rgb(248 251 255 / 0%), rgb(248 251 255 / 0%)), url(../images/doctor-details-bg2.png);
    background-size: cover;
    background-position:center;
    background-repeat:no-repeat;
}

.dd-conditions-container{

    max-width:1200px;

    margin:auto;

}

.dd-conditions-card{

    margin-top:50px;

    background:#fff;

    border:1px solid #e8edf3;

    border-radius:18px;

    padding:40px;

    display:grid;

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

    gap:20px 50px;

    box-shadow:0 15px 35px rgba(0,0,0,.05);

}

.dd-condition-item{

    display:flex;

    align-items:center;

    gap:15px;

    padding:12px 0;

    border-bottom:1px dashed #edf2f7;

}

.dd-condition-item:nth-last-child(-n+2){

    border-bottom:none;

}

.dd-condition-item i{

    color:#18a558;

    font-size:18px;

    flex-shrink:0;

}

.dd-condition-item span{

    color:#444;

    font-size:16px;

    line-height:1.6;

    font-weight:500;

}

@media(max-width:768px){

.dd-conditions-card{

    grid-template-columns:1fr;

    padding:30px;

    gap:15px;

}

.dd-condition-item{

    border-bottom:1px dashed #edf2f7;

}

}
 /*==================================
        DOCTOR CTA
==================================*/

.dd-doctor-cta{

    padding:40px 5%;
    font-family:'poppins',sans-serif;

}

.dd-doctor-cta-content{

    max-width:1100px;

    margin:auto;

    background:linear-gradient(135deg,#0d2d77,#123C68);

    border-radius:24px;

    padding:60px 40px;

    text-align:center;

    position:relative;

    overflow:hidden;

}

.dd-doctor-cta-content::before{

    content:"";

    position:absolute;

    width:280px;

    height:280px;

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

    border-radius:50%;

    top:-120px;

    right:-80px;

}

.dd-doctor-cta-content::after{

    content:"";

    position:absolute;

    width:180px;

    height:180px;

    background:rgba(207,162,74,.15);

    border-radius:50%;

    bottom:-80px;

    left:-50px;

}

.dd-doctor-cta-content>*{

    position:relative;

    z-index:2;

}

.dd-doctor-cta-content span{

    color:#CFA24A;

    font-weight:600;

    letter-spacing:1px;

    text-transform:uppercase;

    font-size:14px;

}

.dd-doctor-cta-content h2{

    color:#fff;

    font-size:40px;

    margin:15px 0;

}

.dd-doctor-cta-content p{

    max-width:650px;

    margin:0 auto 35px;

    color:rgba(255,255,255,.85);

    line-height:1.8;

}

.dd-doctor-cta-btn{

    display:inline-flex;

    align-items:center;

    gap:12px;
    background: #10a54b;
    color: #fff;

    text-decoration:none;

    padding:16px 34px;

    border-radius:50px;

    font-weight:600;

    transition:.35s;

}

.dd-doctor-cta-btn:hover{

    transform:translateY(-4px);

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

}

.dd-doctor-cta-btn i{

    transition:.3s;

}

.dd-doctor-cta-btn:hover i{

    transform:translateX(5px);

}

@media(max-width:768px){

.dd-doctor-cta-content{

    padding:50px 25px;

}

.dd-doctor-cta-content h2{

    font-size:30px;

}

}
/*===========================================search result===================================*/
  .inam-search-page { font-family: 'Poppins', sans-serif; }

    .inam-search-page .inam-sr-hero {
        background: linear-gradient(135deg, #0f4c5c 0%, #146b7d 100%);
        padding: 60px 20px 40px;
        color: #fff;
    }
    .inam-search-page .inam-sr-hero-inner {
        max-width: 900px;
        margin: 0 auto;
        text-align: center;
    }
    .inam-search-page .inam-sr-hero-inner h1 {
        font-size: 28px;
        font-weight: 600;
        margin: 0 0 8px;
    }
    .inam-search-page .inam-sr-hero-inner p {
        opacity: 0.85;
        margin: 0 0 24px;
        font-size: 15px;
    }
    .inam-search-page .inam-sr-search-form {
        display: flex;
        max-width: 560px;
        margin: 0 auto;
        background: #fff;
        border-radius: 50px;
        overflow: hidden;
        box-shadow: 0 10px 30px rgba(0,0,0,0.15);
    }
    .inam-search-page .inam-sr-search-form input {
        flex: 1;
        border: none;
        padding: 14px 22px;
        font-size: 15px;
        font-family: inherit;
        outline: none;
        color: #222;
    }
    .inam-search-page .inam-sr-search-form button {
        border: none;
        background: #10a54b;
        color: #fff;
        padding: 0 26px;
        font-weight: 500;
        cursor: pointer;
        font-family: inherit;
        transition: background 0.2s ease;
    }
    .inam-search-page .inam-sr-search-form button:hover { background: #c9672f; }

    .inam-search-page .inam-sr-container {
        max-width: 1100px;
        margin: 0 auto;
        padding: 40px 20px 80px;
    }
    .inam-search-page .inam-sr-summary {
        font-size: 14px;
        color: #666;
        margin-bottom: 30px;
    }
    .inam-search-page .inam-sr-summary strong { color: #0f4c5c; }

    .inam-search-page .inam-sr-section { margin-bottom: 48px; }
    .inam-search-page .inam-sr-section-title {
        display: flex;
        align-items: center;
        gap: 10px;
        font-size: 19px;
        font-weight: 600;
        color: #0f4c5c;
        margin-bottom: 18px;
        padding-bottom: 10px;
        border-bottom: 2px solid #eef1f2;
    }
    .inam-search-page .inam-sr-section-title span.count {
        background: #eef6f7;
        color: #146b7d;
        font-size: 12px;
        font-weight: 600;
        padding: 3px 10px;
        border-radius: 20px;
    }

    .inam-search-page .inam-sr-grid {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
        gap: 20px;
    }

    .inam-search-page .inam-sr-card {
        background: #fff;
        border: 1px solid #eef1f2;
        border-radius: 14px;
        overflow: hidden;
        text-decoration: none;
        color: inherit;
        display: flex;
        flex-direction: column;
        transition: transform 0.2s ease, box-shadow 0.2s ease;
    }
    .inam-search-page .inam-sr-card:hover {
        transform: translateY(-3px);
        box-shadow: 0 12px 24px rgba(15,76,92,0.12);
    }
    .inam-search-page .inam-sr-card img {
        width: 100%;
        height: 150px;
        object-fit: cover;
        background: #eef1f2;
    }
    .inam-search-page .inam-sr-card-body { padding: 16px 18px 20px; flex: 1; }
    .inam-search-page .inam-sr-card-body h3 {
        font-size: 16px;
        font-weight: 600;
        margin: 0 0 4px;
        color: #14202b;
    }
    .inam-search-page .inam-sr-card-body .meta {
        font-size: 13px;
        color: #10a54b;
        font-weight: 500;
        margin-bottom: 6px;
    }
    .inam-search-page .inam-sr-card-body .sub {
        font-size: 13px;
        color: #777;
        margin-bottom: 8px;
    }
    .inam-search-page .inam-sr-card-body .desc {
        font-size: 13px;
        color: #666;
        line-height: 1.5;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
    .inam-search-page .inam-sr-card-body .tag {
        display: inline-block;
        font-size: 11px;
        font-weight: 600;
        color: #146b7d;
        background: #eef6f7;
        padding: 3px 10px;
        border-radius: 20px;
        margin-top: 10px;
    }

    .inam-search-page .inam-sr-empty {
        text-align: center;
        padding: 60px 20px;
        color: #777;
    }
    .inam-search-page .inam-sr-empty i {
        font-size: 40px;
        color: #cfd8db;
        margin-bottom: 16px;
        display: block;
    }
    .inam-search-page .inam-sr-empty h3 {
        color: #14202b;
        margin: 0 0 8px;
        font-size: 18px;
    }
    /*==================================search-result--------------------------------------*/
     .inam-search-page { font-family: 'Poppins', sans-serif; }

    .inam-search-page .inam-sr-hero {
        background: linear-gradient(135deg, #0f4c5c 0%, #146b7d 100%);
        padding: 60px 20px 40px;
        color: #fff;
    }
    .inam-search-page .inam-sr-hero-inner {
        max-width: 900px;
        margin: 0 auto;
        text-align: center;
    }
    .inam-search-page .inam-sr-hero-inner h1 {
        font-size: 28px;
        font-weight: 600;
        margin: 0 0 8px;
    }
    .inam-search-page .inam-sr-hero-inner p {
        opacity: 0.85;
        margin: 0 0 24px;
        font-size: 15px;
    }
    .inam-search-page .inam-sr-search-form {
        display: flex;
        max-width: 560px;
        margin: 0 auto;
        background: #fff;
        border-radius: 50px;
        overflow: hidden;
        box-shadow: 0 10px 30px rgba(0,0,0,0.15);
    }
    .inam-search-page .inam-sr-search-form input {
        flex: 1;
        border: none;
        padding: 14px 22px;
        font-size: 15px;
        font-family: inherit;
        outline: none;
        color: #222;
    }
    .inam-search-page .inam-sr-search-form button {
        border: none;
        background: #10a54b;
        color: #fff;
        padding: 0 26px;
        font-weight: 500;
        cursor: pointer;
        font-family: inherit;
        transition: background 0.2s ease;
    }
    .inam-search-page .inam-sr-search-form button:hover { background: #c9672f; }

    .inam-search-page .inam-sr-container {
        max-width: 1100px;
        margin: 0 auto;
        padding: 40px 20px 80px;
    }
    .inam-search-page .inam-sr-summary {
        font-size: 14px;
        color: #666;
        margin-bottom: 30px;
    }
    .inam-search-page .inam-sr-summary strong { color: #0f4c5c; }

    .inam-search-page .inam-sr-section { margin-bottom: 48px; }
    .inam-search-page .inam-sr-section-title {
        display: flex;
        align-items: center;
        gap: 10px;
        font-size: 19px;
        font-weight: 600;
        color: #0f4c5c;
        margin-bottom: 18px;
        padding-bottom: 10px;
        border-bottom: 2px solid #eef1f2;
    }
    .inam-search-page .inam-sr-section-title span.count {
        background: #eef6f7;
        color: #146b7d;
        font-size: 12px;
        font-weight: 600;
        padding: 3px 10px;
        border-radius: 20px;
    }

    .inam-search-page .inam-sr-grid {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
        gap: 20px;
    }

    .inam-search-page .inam-sr-card {
        background: #fff;
        border: 1px solid #eef1f2;
        border-radius: 14px;
        overflow: hidden;
        text-decoration: none;
        color: inherit;
        display: flex;
        flex-direction: column;
        transition: transform 0.2s ease, box-shadow 0.2s ease;
    }
    .inam-search-page .inam-sr-card:hover {
        transform: translateY(-3px);
        box-shadow: 0 12px 24px rgba(15,76,92,0.12);
    }
    .inam-search-page .inam-sr-card img {
        width: 100%;
        height: 150px;
        object-fit: cover;
        background: #eef1f2;
    }
    .inam-search-page .inam-sr-card-body { padding: 16px 18px 20px; flex: 1; }
    .inam-search-page .inam-sr-card-body h3 {
        font-size: 16px;
        font-weight: 600;
        margin: 0 0 4px;
        color: #14202b;
    }
    .inam-search-page .inam-sr-card-body .meta {
        font-size: 13px;
        color: #10a54b;
        font-weight: 500;
        margin-bottom: 6px;
    }
    .inam-search-page .inam-sr-card-body .sub {
        font-size: 13px;
        color: #777;
        margin-bottom: 8px;
    }
    .inam-search-page .inam-sr-card-body .desc {
        font-size: 13px;
        color: #666;
        line-height: 1.5;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
    .inam-search-page .inam-sr-card-body .tag {
        display: inline-block;
        font-size: 11px;
        font-weight: 600;
        color: #146b7d;
        background: #eef6f7;
        padding: 3px 10px;
        border-radius: 20px;
        margin-top: 10px;
    }

    .inam-search-page .inam-sr-empty {
        text-align: center;
        padding: 60px 20px;
        color: #777;
    }
    .inam-search-page .inam-sr-empty i {
        font-size: 40px;
        color: #cfd8db;
        margin-bottom: 16px;
        display: block;
    }
    .inam-search-page .inam-sr-empty h3 {
        color: #14202b;
        margin: 0 0 8px;
        font-size: 18px;
    }

    /*=========================================
        2560px (2K / Large Desktop)
=========================================*/
@media screen and (min-width: 2560px){

    .footer-container{
        max-width:1800px;
        padding:120px 80px 60px;
        margin:0 auto;
    }

    .footer-grid{
        grid-template-columns:1.8fr 1fr 1fr 1.3fr;
        gap:100px;
    }

    .footer-logo{
        width:340px;
        margin-bottom:35px;
    }

    .footer-about p{
        font-size:19px;
        line-height:2;
        max-width:520px;
    }

    .footer-links h3,
    .footer-contact h3{
        font-size:30px;
        margin-bottom:45px;
    }

    .footer-links h3::after,
    .footer-contact h3::after{
        width:80px;
        height:4px;
    }

    .footer-links li{
        margin-bottom:22px;
    }

    .footer-links a{
        font-size:18px;
    }

    .contact-card{
        padding:22px;
        gap:22px;
        border-radius:22px;
        margin-bottom:22px;
    }

    .contact-card i{
        width:65px;
        height:65px;
        font-size:24px;
    }

    .contact-card h4{
        font-size:22px;
        margin-bottom:8px;
    }

    .contact-card p{
        font-size:17px;
        line-height:1.8;
    }

    .social-icons{
        gap:18px;
        margin-top:35px;
    }

    .social-icons a{
        width:58px;
        height:58px;
        font-size:22px;
    }

    .footer-bottom{
        margin-top:70px;
        padding-top:35px;
        padding-bottom:10px;
    }

    .footer-bottom p{
        font-size:17px;
    }

    .bottom-links{
        gap:35px;
    }

    .bottom-links a{
        font-size:17px;
    }

    #topBtn{
        width:65px;
        height:65px;
        font-size:24px;
        right:40px;
        bottom:40px;
    }
}
/*=======================================doc details==============================================*/
/*==================================
DOCTOR HERO
==================================*/

.doctor-hero{

    padding:90px 5%;

    background:#f8fbff;
    font-family:'poppins',sans-serif;
}

.doctor-container{

    max-width:1300px;

    margin:auto;

    display:grid;

    grid-template-columns:380px 1fr;

    gap:60px;

    align-items:center;

}

.doctor-image img{

    width:100%;

    border-radius:18px;

    display:block;

    box-shadow:0 15px 40px rgba(0,0,0,.08);
        height: 300px;
    margin-top: 81px;

}

.doctor-speciality{

    display:inline-block;

    background:#eaf4ff;

    color:#0d2d77;

    padding:8px 18px;

    border-radius:30px;

    font-size:14px;

    font-weight:600;

    margin-bottom:18px;

}

.doctor-content h1{

    font-size:48px;

    color:#0d2d77;

    margin-bottom:8px;

}

.doctor-content h3{

    color:#555;

    font-weight:500;

    margin-bottom:15px;

}

.doctor-qualification{

    color:#777;

    margin-bottom:35px;

    line-height:1.8;

}

.doctor-info{

    display:flex;

    gap:25px;

    flex-wrap:wrap;

    margin-bottom:35px;

}

.info-box{

    display:flex;

    gap:15px;

    align-items:center;

}

.info-box i{

    width:55px;

    height:55px;

    /* background:#0d2d77; */
    background:#0d2d77;

    color:#fff;

    display:flex;

    align-items:center;

    justify-content:center;

    border-radius:50%;

    font-size:20px;

}

.info-box span{

    display:block;

    color:#888;

    font-size:14px;

}

.info-box strong{

    color:#0d2d77;

}

.doctor-languages{

    margin-bottom:35px;

}

.doctor-languages strong{

    display:block;

    margin-bottom:8px;

    color:#0d2d77;

}

.doctor-languages p{

    color:#666;

}

.consult-btn{

    display:inline-block;

    padding:15px 35px;

    background:#0d2d77;
    /* background:#10a54b; */

    color:#fff;

    text-decoration:none;

    border-radius:6px;

    transition:.3s;

}

.consult-btn:hover{

    background:#CFA24A;
    /* background:#0d2d77; */

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

.doctor-container{

    grid-template-columns:1fr;

}

.doctor-content h1{

    font-size:36px;

}

.doctor-info{

    flex-direction:column;

    gap:20px;

}

}
/*========================================section 2========================================*/
/*==================================
        ABOUT DOCTOR
===================================*/

.doctor-about{

    padding:90px 5%;

    background:#ffffff;
    font-family:'poppins',sans-serif;

}

.doctor-about-container{

    max-width:1300px;

    margin:auto;

    display:grid;

    grid-template-columns:1.6fr 1fr;

    gap:60px;

    align-items:start;

}

.section-tag{

    display:inline-block;

    padding:8px 18px;

    background:#eef5fb;

    color:#0d2d77;

    border-radius:30px;

    font-size:14px;

    font-weight:600;

    margin-bottom:18px;

}

.doctor-about-content h2{

    font-size:38px;

    color:#0d2d77;

    margin-bottom:25px;

    line-height:1.3;

}

.doctor-about-content p{

    color:#666;

    line-height:1.9;

    margin-bottom:20px;

    font-size:16px;

}

.doctor-highlights{

    display:flex;

    flex-direction:column;

    gap:20px;

}

.highlight-card{

    display:flex;

    gap:18px;

    padding:25px;

    border:1px solid #edf1f5;

    border-radius:14px;

    transition:.3s;

    background:#fff;

}

.highlight-card:hover{

    transform:translateY(-6px);

    box-shadow:0 12px 30px rgba(0,0,0,.08);

}

.highlight-card i{

    width:60px;

    height:60px;

    /* background:#0d2d77; */
    background:#10a54b;

    color:#fff;

    border-radius:50%;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:22px;

    flex-shrink:0;

}

.highlight-card h4{

    color:#0d2d77;

    margin-bottom:8px;

}

.highlight-card p{

    color:#666;

    line-height:1.7;

    font-size:15px;

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

.doctor-about-container{

    grid-template-columns:1fr;

    gap:40px;

}

.doctor-about-content h2{

    font-size:30px;

}

}
/*========================================section 3==============================================*/
/*==================================
        AREAS OF EXPERTISE
===================================*/

/* .doctor-expertise{

    padding:90px 5%;

    background:#f8fbff;
    font-family:'Poppins',sans-serif;

} */
 .doctor-expertise{
    padding:90px 5%;
    font-family:'Poppins',sans-serif;

    /* background:
        linear-gradient(rgba(248,251,255,0.90), rgba(248,251,255,0.90)),
        url("assets/images/doctor-details-bg.png");

    background-size:cover; */
    background: linear-gradient(rgb(248 251 255 / 0%), rgb(248 251 255 / 0%)), url(assets/images/doctor-details-bg.png);
    background-size: cover;
    background-position:center;
    background-repeat:no-repeat;
}

.doctor-expertise-container{

    max-width:1300px;

    margin:auto;

}

.section-heading{

    text-align:center;

    max-width:700px;

    margin:0 auto 60px;

}

.section-heading span{

    display:inline-block;

    padding:8px 18px;

    background:#eef5fb;

    color:#0d2d77;

    border-radius:30px;

    font-size:14px;

    font-weight:600;

    margin-bottom:18px;

}

.section-heading h2{

    font-size:42px;

    color:#0d2d77;

    margin-bottom:20px;

}

.section-heading p{

    color:#666;

    line-height:1.8;

}

.expertise-grid{

    display:grid;

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

    gap:30px;

}

.expertise-card{

    background:#fff;

    padding:35px;

    border-radius:16px;

    border:1px solid #edf2f7;

    transition:.35s;

}

.expertise-card:hover{

    transform:translateY(-8px);

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

}

.expertise-card i{

    width:70px;

    height:70px;

    border-radius:50%;

    display:flex;

    align-items:center;

    justify-content:center;

    background:#0d2d77;

    color:#fff;

    font-size:28px;

    margin-bottom:25px;

}

.expertise-card h3{

    color:#0d2d77;

    margin-bottom:15px;

    font-size:22px;

}

.expertise-card p{

    color:#666;

    line-height:1.8;

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

.expertise-grid{

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

}

}

@media(max-width:768px){

.expertise-grid{

    grid-template-columns:1fr;

}

.section-heading h2{

    font-size:32px;

}

}
/*========================================section 4========================================*/
/*==================================
    ASSOCIATED HOSPITAL
==================================*/

.associated-hospital{

    padding:100px 5%;

    background:#f8fbff;

    font-family:'Poppins',sans-serif;
}

.associated-container{

    max-width:1300px;

    margin:auto;

}

.hospital-wrapper{

    display:grid;

    grid-template-columns:480px 1fr;

    gap:70px;

    align-items:center;

    margin-top:60px;

}

.hospital-image{

    overflow:hidden;

    border-radius:20px;

}

.hospital-image img{

    width:100%;

    display:block;

    border-radius:20px;

    transition:.5s;

}

.hospital-image:hover img{

    transform:scale(1.05);

}

.hospital-content h3{

    font-size:40px;

    color:#0d2d77;

    margin-bottom:12px;

}

.hospital-location{

    display:inline-flex;

    align-items:center;

    gap:8px;

    color:#666;

    margin-bottom:25px;

}

.hospital-location i{

    color:#CFA24A;

}

.hospital-content p{

    color:#666;

    line-height:1.9;

    margin-bottom:35px;

}

.hospital-features{

    display:grid;

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

    gap:18px;

    margin-bottom:40px;

}

.hospital-features div{

    display:flex;

    align-items:center;

    gap:10px;

    color:#444;

}

.hospital-features i{

    color:#28a745;

}

.hospital-btn{

    display:inline-flex;

    align-items:center;

    gap:12px;

    padding:15px 30px;

    background:#0d2d77;

    color:#fff;

    text-decoration:none;

    border-radius:8px;

    transition:.3s;

}

.hospital-btn:hover{

    background:#CFA24A;

}

.hospital-btn i{

    transition:.3s;

}

.hospital-btn:hover i{

    transform:translateX(5px);

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

.hospital-wrapper{

    grid-template-columns:1fr;

    gap:40px;

}

.hospital-content h3{

    font-size:32px;

}

.hospital-features{

    grid-template-columns:1fr;

}

}
/*============================================section 6=======================================*/
/*==================================
    CONDITIONS TREATED
==================================*/

/* .conditions-treated{

    padding:90px 5%;

    background:#ffffff;
    font-family:'poppins',sans-serif;

} */
.conditions-treated{    
    padding:90px 5%;
    font-family:'Poppins',sans-serif;
    background: linear-gradient(rgb(248 251 255 / 0%), rgb(248 251 255 / 0%)), url(assets/images/doctor-details-bg2.png);
    background-size: cover;
    background-position:center;
    background-repeat:no-repeat;
}

.conditions-container{

    max-width:1200px;

    margin:auto;

}

.conditions-card{

    margin-top:50px;

    background:#fff;

    border:1px solid #e8edf3;

    border-radius:18px;

    padding:40px;

    display:grid;

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

    gap:20px 50px;

    box-shadow:0 15px 35px rgba(0,0,0,.05);

}

.condition-item{

    display:flex;

    align-items:center;

    gap:15px;

    padding:12px 0;

    border-bottom:1px dashed #edf2f7;

}

.condition-item:nth-last-child(-n+2){

    border-bottom:none;

}

.condition-item i{

    color:#18a558;

    font-size:18px;

    flex-shrink:0;

}

.condition-item span{

    color:#444;

    font-size:16px;

    line-height:1.6;

    font-weight:500;

}

@media(max-width:768px){

.conditions-card{

    grid-template-columns:1fr;

    padding:30px;

    gap:15px;

}

.condition-item{

    border-bottom:1px dashed #edf2f7;

}

}
/*===================================================section 7================================*/
/* 

.consultation-cta{

    position:relative;

    padding:100px 5%;

    background:
    linear-gradient(135deg,#082847,#103c67);

    overflow:hidden;
    font-family:'poppins',sans-serif;

}

.cta-overlay{

    position:absolute;

    inset:0;

    background:
    radial-gradient(circle at top right,
    rgba(255,255,255,.08),
    transparent 45%);

}

.cta-container{

    position:relative;

    z-index:2;

    max-width:1300px;

    margin:auto;

    display:grid;

    grid-template-columns:1fr 520px;

    gap:80px;

    align-items:center;

}

.cta-content span{

    color:#CFA24A;

    font-weight:600;

}

.cta-content h2{

    color:#fff;

    font-size:48px;

    margin:18px 0;

    line-height:1.2;

}

.cta-content p{

    color:rgba(255,255,255,.85);

    line-height:1.9;

    margin-bottom:35px;

}

.cta-content ul{

    list-style:none;

}

.cta-content li{

    color:#fff;

    margin-bottom:18px;

}

.cta-content i{

    color:#CFA24A;

    margin-right:10px;

}

.cta-form{

    background:#fff;

    padding:40px;

    border-radius:20px;

}

.form-grid{

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:18px;

}

.form-grid input,
.cta-form textarea{

    width:100%;

    border:1px solid #ddd;

    padding:15px;

    border-radius:10px;

    font-size:15px;

}

.cta-form textarea{

    margin-top:18px;

    min-height:140px;

    resize:none;

}

.upload-box{

    margin:25px 0;

}

.upload-box label{

    display:flex;

    justify-content:center;

    align-items:center;

    gap:12px;

    border:2px dashed #CFA24A;

    padding:20px;

    border-radius:12px;

    cursor:pointer;

    color:#0d2d77;

    font-weight:600;

}

.cta-form button{

    width:100%;

    border:none;

    background:#0d2d77;

    color:#fff;

    padding:18px;

    border-radius:10px;

    font-size:17px;

    cursor:pointer;

    transition:.3s;

}

.cta-form button:hover{

    background:#CFA24A;

} */
 /*============================================section===================================*/
 /*==================================
        DOCTOR CTA
==================================*/

.doctor-cta{

    padding:40px 5%;
    font-family:'poppins',sans-serif;

}

.doctor-cta-content{

    max-width:1100px;

    margin:auto;

    background:linear-gradient(135deg,#0d2d77,#123C68);

    border-radius:24px;

    padding:60px 40px;

    text-align:center;

    position:relative;

    overflow:hidden;

}

.doctor-cta-content::before{

    content:"";

    position:absolute;

    width:280px;

    height:280px;

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

    border-radius:50%;

    top:-120px;

    right:-80px;

}

.doctor-cta-content::after{

    content:"";

    position:absolute;

    width:180px;

    height:180px;

    background:rgba(207,162,74,.15);

    border-radius:50%;

    bottom:-80px;

    left:-50px;

}

.doctor-cta-content>*{

    position:relative;

    z-index:2;

}

.doctor-cta-content span{

    color:#CFA24A;

    font-weight:600;

    letter-spacing:1px;

    text-transform:uppercase;

    font-size:14px;

}

.doctor-cta-content h2{

    color:#fff;

    font-size:40px;

    margin:15px 0;

}

.doctor-cta-content p{

    max-width:650px;

    margin:0 auto 35px;

    color:rgba(255,255,255,.85);

    line-height:1.8;

}

.doctor-cta-btn{

    display:inline-flex;

    align-items:center;

    gap:12px;

    /* background:#CFA24A;

    color:#0d2d77; */
    background: #10a54b;
    color: #fff;

    text-decoration:none;

    padding:14px 15px;

    border-radius:50px;

    font-weight:600;

    transition:.35s;

}

.doctor-cta-btn:hover{

    transform:translateY(-4px);

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

}

.doctor-cta-btn i{

    transition:.3s;

}

.doctor-cta-btn:hover i{

    transform:translateX(5px);

}

@media(max-width:768px){

.doctor-cta-content{

    padding:50px 25px;

}

.doctor-cta-content h2{

    font-size:30px;

}

}
/* =========================================
   DOCTOR DETAILS PAGE
   HORIZONTAL OVERFLOW FIX
========================================= */

.inam-doctor-page {
    position: relative !important;

    width: 100% !important;
    max-width: 100% !important;

    overflow-x: hidden !important;

    box-sizing: border-box !important;
}


/* Keep every section inside viewport */

.inam-doctor-page > section {
    width: 100% !important;
    max-width: 100% !important;

    overflow-x: hidden !important;

    box-sizing: border-box !important;
}


/* Prevent images from creating overflow */

.inam-doctor-page img {
    max-width: 100% !important;
}


/* Prevent common flex/grid children from exceeding width */

.inam-doctor-page .doctor-container,
.inam-doctor-page .dd-doctor-about-container,
.inam-doctor-page .doctor-expertise-container,
.inam-doctor-page .associated-container,
.inam-doctor-page .conditions-container,
.inam-doctor-page .doctor-cta-content {
    max-width: 100% !important;
    box-sizing: border-box !important;
}


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

@media (max-width: 767px) {

    .inam-doctor-page {
        width: 100% !important;
        max-width: 100% !important;

        overflow-x: hidden !important;
    }

    .inam-doctor-page > section {
        width: 100% !important;
        max-width: 100% !important;

        overflow-x: hidden !important;
    }

    .inam-doctor-page img {
        max-width: 100% !important;
        height: auto;
    }

    .inam-doctor-page .doctor-container,
    .inam-doctor-page .dd-doctor-about-container,
    .inam-doctor-page .doctor-expertise-container,
    .inam-doctor-page .associated-container,
    .inam-doctor-page .conditions-container,
    .inam-doctor-page .doctor-cta-content {
        width: 100% !important;
        max-width: 100% !important;

        box-sizing: border-box !important;
    }
}
/*-------------------------------------------privacy page-----------------------------------------------------*/
.page-banner{

    background:#0B5D8C;
    color:#fff;
    padding:90px 20px;
    text-align:center;

}

.page-banner h1{

    font-size:48px;
    margin-bottom:15px;

}

.page-banner p{

    max-width:850px;
    margin:auto;
    font-size:18px;
    line-height:1.7;

}

.privacy-section{

    background:#f7f9fc;
    padding:80px 20px;

}

.privacy-card{

    max-width:1100px;
    margin:auto;
    background:#fff;
    padding:50px;
    border-radius:15px;
    box-shadow:0 10px 30px rgba(0,0,0,.08);

}

.privacy-card h2{

    color:#0B5D8C;
    margin-top:35px;
    margin-bottom:15px;

}

.privacy-card p{

    color:#555;
    line-height:1.9;

}

.privacy-card ul{

    padding-left:25px;

}

.privacy-card li{

    margin-bottom:10px;
    line-height:1.8;

}

@media(max-width:768px){

    .privacy-card{

        padding:30px 20px;

    }

    .page-banner h1{

        font-size:34px;

    }

}

/*--------------------------------------------------------terms page-------------------------------*/
.page-banner{
    background:linear-gradient(135deg,#0d5c8c,#2c9ab7);
    color:#fff;
    padding:138px 20px;
    text-align:center;
    
    padding-bottom: 52px;
}

.page-banner h1{
    font-size:48px;
    margin-bottom:15px;
}

.page-banner p{
    max-width:850px;
    margin:auto;
    line-height:1.8;
    font-size:18px;
}

.legal-section{
    background:#f5f7fa;
    padding:80px 20px;
}

.legal-card{
    max-width:1100px;
    margin:auto;
    background:#fff;
    border-radius:15px;
    padding:50px;
    box-shadow:0 10px 35px rgba(0,0,0,.08);
}

.legal-card h2{
    margin-top:35px;
    margin-bottom:15px;
    color:#0d5c8c;
}

.legal-card p{
    line-height:1.9;
    color:#555;
}

.legal-card ul{
    padding-left:25px;
}

.legal-card li{
    margin-bottom:12px;
    line-height:1.8;
}

@media(max-width:768px){

    .page-banner h1{
        font-size:34px;
    }

    .legal-card{
        padding:30px 20px;
    }

}

/*--------------------------------------------------cardia  details page-------------------------------------------------------*/

    /* =======================================================
   CONTAINER
======================================================= */

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

.inamx-cardio-hero{
    position:relative;
    width:100%;
    min-height:500px;
    display:flex;
    align-items:center;
    overflow:hidden;

    background-image:
  linear-gradient(90deg, rgb(245, 249, 255) 0%, rgba(239, 246, 255, 0.36) 30%, rgba(227, 239, 255, 0.11) 58%, rgba(210, 230, 255, 0.01) 100%), url("../images/bg/cardiaherobg.png");

    background-size:cover;
    background-position:center -10%;
    background-repeat:no-repeat;
}

.inamx-cardio-overlay{
    position:absolute;
    inset:0;
    background:
    radial-gradient(circle at 82% 35%,
    rgba(255,255,255,.45),
    transparent 45%);
    z-index:1;
}

.inamx-cardio-wrapper{
    position:relative;
    z-index:2;
    width:100%;
    max-width:1320px;
    margin:auto;
    padding:70px 60px;
}

.inamx-cardio-content{
    width:52%;
}

/*=========================
      Breadcrumb
==========================*/

.inamx-cardio-breadcrumb{
    display:flex;
    align-items:center;
    gap:8px;
    margin-bottom:22px;
    flex-wrap:wrap;
}

.inamx-cardio-breadcrumb a{
    text-decoration:none;
    font-family:'Poppins',sans-serif;
    font-size:14px;
    font-weight:500;
    color:#5e7a99;
    transition:.3s;
}

.inamx-cardio-breadcrumb a:hover{
    color:#0b5cab;
}

.inamx-cardio-breadcrumb span{
    font-family:'Poppins',sans-serif;
    font-size:14px;
    color:#7e95ad;
}

.inamx-cardio-current{
    color:#163f78 !important;
    font-weight:600;
}

/*=========================
        Heading
==========================*/

.inamx-cardio-heading{
    margin:0;
    font-family:'Poppins',sans-serif;
    font-size:58px;
    line-height:1.05;
    font-weight:700;
    color:#123d74;
}

.inamx-cardio-text{
    width:92%;
    margin-top:22px;
    margin-bottom:45px;

    font-family:'Poppins',sans-serif;
    font-size:20px;
    line-height:1.8;
    font-weight:400;
    color:#445d77;
}

/*=========================
      Feature Cards
==========================*/

.inamx-cardio-features{
    display:flex;
    gap:20px;
    flex-wrap:wrap;
}

.inamx-cardio-card{

    display:flex;
    align-items:center;
    gap:16px;

    min-width:230px;

    padding:18px 22px;

    border-radius:18px;

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

    backdrop-filter:blur(12px);

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

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

    transition:.35s;
}

.inamx-cardio-card:hover{

    transform:translateY(-8px);

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

}

.inamx-cardio-icon{

    width:62px;
    height:62px;

    border-radius:50%;

    background:#eaf8ef;

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

    flex-shrink:0;
}

.inamx-cardio-icon img{

    width:30px;
    height:30px;
    object-fit:contain;

}

.inamx-cardio-info h4{

    margin:0;

    font-family:'Poppins',sans-serif;

    font-size:17px;

    font-weight:600;

    color:#173f73;

}

.inamx-cardio-info p{

    margin-top:5px;
    margin-bottom:0;

    font-family:'Poppins',sans-serif;

    font-size:15px;

    line-height:1.5;

    color:#59718a;

}

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

@media(max-width:1200px){

    .inamx-cardio-content{
        width:65%;
    }

    .inamx-cardio-heading{
        font-size:48px;
    }

}

@media(max-width:992px){

    .inamx-cardio-hero{

        background-position:70% center;

        min-height:700px;

    }

    .inamx-cardio-wrapper{

        padding:60px 35px;

    }

    .inamx-cardio-content{

        width:100%;

    }

    .inamx-cardio-heading{

        font-size:42px;

    }

    .inamx-cardio-text{

        width:100%;

        font-size:17px;

    }

}

@media(max-width:576px){

    .inamx-cardio-wrapper{

        padding:45px 22px;

    }

    .inamx-cardio-heading{

        font-size:34px;

    }

    .inamx-cardio-text{

        font-size:15px;

        margin-bottom:30px;

    }

    .inamx-cardio-card{

        width:100%;

        min-width:100%;

        padding:16px;

    }

    .inamx-cardio-icon{

        width:55px;
        height:55px;

    }

    .inamx-cardio-icon img{

        width:24px;
        height:24px;

    }

}
/*=========================
        Content Width
==========================*/

.inamx-cardio-content {
  width: 60%;
  margin-top: 64px;
}

/*=========================
      Breadcrumb
==========================*/

.inamx-cardio-breadcrumb{
    margin-bottom:14px;
    gap:6px;
}

.inamx-cardio-breadcrumb a,
.inamx-cardio-breadcrumb span{
    font-family:'Poppins',sans-serif;
    font-size:12px;
    font-weight:500;
}

/*=========================
        Heading
==========================*/

.inamx-cardio-heading{
    margin:0;
    font-family:'Poppins',sans-serif;
    font-size:42px;
    line-height:1.15;
    font-weight:700;
    color:#123d74;
    text-transform:uppercase;
}

/*=========================
      Description
==========================*/

.inamx-cardio-text{
    width:90%;
    margin-top:14px;
    margin-bottom:28px;

    font-family:'Poppins',sans-serif;
    font-size:16px;
    line-height:1.75;
    font-weight:400;
    color:#55697d;
}

/*=========================
      Feature Cards
==========================*/

.inamx-cardio-features{
    gap:14px;
}

.inamx-cardio-card{

    min-width:185px;

    padding:14px 16px;

    border-radius:14px;
}

.inamx-cardio-icon{

    width:50px;
    height:50px;
}

.inamx-cardio-icon img{

    width:22px;
    height:22px;
}

.inamx-cardio-info h4{

    font-size:14px;
    font-weight:600;
}

.inamx-cardio-info p{

    margin-top:2px;
    font-size:12px;
    line-height:1.5;
}
.inamx-cardio-features{
    display:flex;
    align-items:center;
    gap:26px;
    margin-top:26px;
    flex-wrap:wrap;
}

.inamx-cardio-card{
    display:flex;
    align-items:center;
    gap:10px;
    background:transparent;
    padding:0;
    border:none;
    box-shadow:none;
    min-width:auto;
}

.inamx-cardio-icon{

    width:42px;
    height:42px;

    border-radius:50%;

    background:#edf9f2;

    border:1px solid #d7eee0;

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

    flex-shrink:0;
}

.inamx-cardio-icon img{

    width:18px;
    height:18px;
    object-fit:contain;
}

.inamx-cardio-info{
    display:flex;
    flex-direction:column;
}

.inamx-cardio-info h4{

    margin:0;

    font-family:'Poppins',sans-serif;

    font-size:11px;

    font-weight:600;

    color:#163d73;

    line-height:1.15;
}

.inamx-cardio-info p{

    margin:2px 0 0;

    font-family:'Poppins',sans-serif;

    font-size:10px;

    font-weight:500;

    color:#44576d;

    line-height:1.2;
}
/*=========================================
        ABOUT CARDIOLOGY SECTION
=========================================*/

.inamx-about-cardio-section{
    width:94%;
    padding:70px 30px;
    background:#ffffff;
}

.inamx-about-cardio-container{
    max-width:1320px;
    margin:0 auto;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:40px;
}

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

.inamx-about-cardio-image{
    width:32%;
}

.inamx-about-cardio-image img{
    width:100%;
    display:block;
    border-radius:14px;
    object-fit:cover;
    box-shadow:0 12px 35px rgba(0,0,0,.08);
}

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

.inamx-about-cardio-content{
    width:43%;
}

.inamx-about-cardio-title{
    margin:0;
    font-family:'Poppins',sans-serif;
    font-size:32px;
    font-weight:700;
    color:#163d73;
    line-height:1.2;
}

.inamx-about-cardio-text{
    margin-top:18px;
    margin-bottom:28px;
    font-family:'Poppins',sans-serif;
    font-size:15px;
    line-height:1.9;
    color:#5c6f82;
}

/*=========================
        LIST
==========================*/

.inamx-about-cardio-list{
    display:flex;
    flex-direction:column;
    gap:18px;
}

.inamx-about-cardio-item{
    display:flex;
    align-items:center;
    gap:14px;
}

.inamx-about-cardio-check{
    width:24px;
    height:24px;
    border-radius:50%;
    background:#18b85a;
    display:flex;
    align-items:center;
    justify-content:center;
    flex-shrink:0;
}

.inamx-about-cardio-check img{
    width:12px;
    height:12px;
}

.inamx-about-cardio-item p{
    margin:0;
    font-family:'Poppins',sans-serif;
    font-size:14px;
    font-weight:500;
    color:#324b63;
}
/*=========================================
        CONTACT CARD
=========================================*/

.inamx-about-cardio-contact{

    width:25%;

    background:#ffffff;

    border:1px solid #edf2f7;

    border-radius:14px;

    padding:30px 28px;

    box-shadow:0 12px 35px rgba(20,55,90,.08);

}

.inamx-about-cardio-help{

    margin:0;

    font-family:'Poppins',sans-serif;

    font-size:26px;

    font-weight:700;

    color:#1bb35b;

    line-height:1.2;

}

.inamx-about-cardio-helptext{

    margin:14px 0 22px;

    font-family:'Poppins',sans-serif;

    font-size:14px;

    color:#5f7286;

    line-height:1.6;

}

/*=========================================
        PHONE
=========================================*/

.inamx-about-cardio-phone{

    display:flex;

    align-items:center;

    gap:14px;

    margin-bottom:24px;

}

.inamx-about-cardio-phoneicon{

    width:46px;

    height:46px;

    border-radius:50%;

    background:#f1faf4;

    display:flex;

    align-items:center;

    justify-content:center;

    flex-shrink:0;

}

.inamx-about-cardio-phoneicon img{

    width:22px;

    height:22px;

    object-fit:contain;

}

.inamx-about-cardio-phone span{

    font-family:'Poppins',sans-serif;

    font-size:18px;

    font-weight:600;

    color:#163d73;

}

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

.inamx-about-cardio-divider{

    position:relative;

    text-align:center;

    margin:24px 0;

}

.inamx-about-cardio-divider::before{

    content:"";

    position:absolute;

    left:0;

    top:50%;

    width:42%;

    height:1px;

    background:#e5e8ed;

}

.inamx-about-cardio-divider::after{

    content:"";

    position:absolute;

    right:0;

    top:50%;

    width:42%;

    height:1px;

    background:#e5e8ed;

}

.inamx-about-cardio-divider span{

    display:inline-block;

    padding:0 10px;

    background:#ffffff;

    font-family:'Poppins',sans-serif;

    font-size:12px;

    font-weight:600;

    color:#8b98a7;

}

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

.inamx-about-cardio-button{

    display:flex;

    align-items:center;

    justify-content:center;

    width:100%;

    height:48px;

    border-radius:8px;

    text-decoration:none;

    background:#17a85a;

    color:#ffffff;

    font-family:'Poppins',sans-serif;

    font-size:14px;

    font-weight:600;

    letter-spacing:.4px;

    transition:.35s;

}

.inamx-about-cardio-button:hover{

    background:#128b4a;

    transform:translateY(-2px);

    box-shadow:0 10px 20px rgba(23,168,90,.25);

}

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

@media(max-width:992px){

    .inamx-about-cardio-container{

        flex-direction:column;

        gap:40px;

    }

    .inamx-about-cardio-image,

    .inamx-about-cardio-content,

    .inamx-about-cardio-contact{

        width:100%;

    }

}

@media(max-width:576px){

    .inamx-about-cardio-section{

        padding:50px 0;

    }

    .inamx-about-cardio-title{

        font-size:28px;

    }

    .inamx-about-cardio-text{

        font-size:14px;

    }

    .inamx-about-cardio-help{

        font-size:24px;

    }

    .inamx-about-cardio-phone span{

        font-size:16px;

    }

}
.inamx-about-cardio-check{

    width:22px;
    height:22px;

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

    flex-shrink:0;
}

.inamx-about-cardio-check i{

    font-size:18px;

    color:#17b45c;
}
.inamx-about-cardio-check{

    width:24px;
    height:24px;

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

    flex-shrink:0;
}

.inamx-about-cardio-check i{

    font-size:18px;

    color:#17b45c;

    display:block;

    line-height:1;
}
.inamx-about-cardio-phoneicon i{

    font-size:20px;
    color:#17b45c;
}
/*=========================================================
        CONDITIONS WE TREAT
==========================================================*/

.inamx-cardio-condition-section{
  width: 94%;
  padding: 10px 35px 45px;
    background:#ffffff;
}

.inamx-cardio-condition-container{
    max-width:1320px;
    margin:0 auto;
}

.inamx-cardio-section-heading{
    text-align:center;
    margin-bottom:34px;
}

.inamx-cardio-section-heading h2{
    margin:0;
    font-family:'Poppins',sans-serif;
    font-size:30px;
    font-weight:700;
    color:#163d73;
    text-transform: uppercase;
}

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

.inamx-cardio-condition-grid{

    display:grid;

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

    gap:18px;

}

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

.inamx-cardio-condition-card{

    background:#ffffff;

    border:1px solid #e8edf3;

    border-radius:12px;

    padding:22px 16px;

    display:flex;

    flex-direction:column;

    align-items:center;

    justify-content:center;

    text-align:center;

    transition:.35s;

    cursor:pointer;

    min-height:145px;

    box-shadow:0 5px 18px rgba(10,35,70,.05);

}

.inamx-cardio-condition-card:hover{

    transform:translateY(-6px);

    border-color:#18b65d;

    box-shadow:0 14px 35px rgba(22,61,115,.12);

}

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

.inamx-cardio-condition-icon{

    width:58px;

    height:58px;

    border-radius:50%;

    background:#edf9f3;

    display:flex;

    align-items:center;

    justify-content:center;

    margin-bottom:18px;

    transition:.35s;

}

.inamx-cardio-condition-icon i{

    font-size:26px;

    color:#18b65d;

    transition:.35s;

}

.inamx-cardio-condition-card:hover .inamx-cardio-condition-icon{

    background:#18b65d;

}

.inamx-cardio-condition-card:hover .inamx-cardio-condition-icon i{

    color:#ffffff;

    transform:scale(1.08);

}

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

.inamx-cardio-condition-card h4{

    margin:0;

    font-family:'Poppins',sans-serif;

    font-size:14px;

    font-weight:600;

    color:#173f73;

    line-height:1.45;

}

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

@media(max-width:1200px){

    .inamx-cardio-condition-grid{

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

    }

}

@media(max-width:768px){

    .inamx-cardio-condition-grid{

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

        gap:15px;
                margin-left: 13px;


    }

}

@media(max-width:576px){

    .inamx-cardio-condition-section{

        padding:50px 0;

    }

    .inamx-cardio-section-heading h2{

        font-size:24px;

    }

    .inamx-cardio-condition-card{

        min-height:130px;

        padding:18px 12px;

    }

    .inamx-cardio-condition-icon{

        width:50px;

        height:50px;

        margin-bottom:14px;

    }

    .inamx-cardio-condition-icon i{

        font-size:22px;

    }

    .inamx-cardio-condition-card h4{

        font-size:13px;

    }

}
/*=========================================================
        TREATMENTS & PROCEDURES
==========================================================*/

.inamx-cardio-treatment-section{
    width:100%;
    padding:20px 0 50px;
    background:#ffffff;
}

.inamx-cardio-treatment-container{
    max-width:1320px;
    margin:0 auto;
    position:relative;
}

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

.inamx-cardio-treatment-slider{
    overflow:hidden;
    width:100%;
}

.inamx-cardio-treatment-track{

    display:flex;

    gap:22px;

    transition:.6s ease;

    will-change:transform;

}

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

.inamx-cardio-treatment-card{

    flex:0 0 250px;

    background:#ffffff;

    border-radius:14px;

    overflow:hidden;

    border:1px solid #e8edf3;

    box-shadow:0 8px 24px rgba(16,50,90,.06);

    transition:.35s;

}

.inamx-cardio-treatment-card:hover{

    transform:translateY(-8px);

    box-shadow:0 20px 45px rgba(16,50,90,.14);

}

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

.inamx-cardio-treatment-image{

    height:155px;

    overflow:hidden;

}

.inamx-cardio-treatment-image img{

    width:100%;

    height:100%;

    object-fit:cover;

    display:block;

    transition:.45s;

}

.inamx-cardio-treatment-card:hover
.inamx-cardio-treatment-image img{

    transform:scale(1.08);

}

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

.inamx-cardio-treatment-content{

    padding:18px 18px 22px;

    text-align:center;

}

.inamx-cardio-treatment-content h3{

    margin:0;

    font-family:'Poppins',sans-serif;

    font-size:15px;

    font-weight:600;

    color:#173f73;

    line-height:1.45;

    transition:.3s;

}

.inamx-cardio-treatment-card:hover
.inamx-cardio-treatment-content h3{

    color:#16a956;

}

.inamx-cardio-treatment-content p{

    margin:10px 0 0;

    font-family:'Poppins',sans-serif;

    font-size:13px;

    line-height:1.7;

    color:#5f7286;

}

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

.inamx-cardio-arrow{

    position:absolute;

    top:52%;

    transform:translateY(-50%);

    width:46px;

    height:46px;

    border:none;

    border-radius:50%;

    background:#eef9f3;

    color:#18b65d;

    font-size:18px;

    cursor:pointer;

    display:flex;

    align-items:center;

    justify-content:center;

    transition:.35s;

    box-shadow:0 8px 18px rgba(0,0,0,.08);

    z-index:5;

}

.inamx-cardio-arrow:hover{

    background:#18b65d;

    color:#ffffff;

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

}

.inamx-cardio-prev{

    left:5px;

}

.inamx-cardio-next{

    right:5px;

}

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

@media(max-width:992px){

    .inamx-cardio-treatment-card{

        flex:0 0 220px;

    }

    .inamx-cardio-arrow{

        display:none;

    }

}

@media(max-width:576px){

    .inamx-cardio-treatment-card{

        flex:0 0 5%;

    }

    .inamx-cardio-treatment-image{

        height:170px;

    }

    .inamx-cardio-treatment-content{

        padding:16px;

    }

    .inamx-cardio-treatment-content h3{

        font-size:14px;

    }

    .inamx-cardio-treatment-content p{

        font-size:12px;

    }

}
.inamx-cardio-treatment-slider{

    overflow:hidden;

    width:100%;

    position:relative;

}

.inamx-cardio-treatment-track{

    display:flex;

    width:max-content;

    gap:22px;

    animation:inamxCardioScroll 30s linear infinite;

}

.inamx-cardio-treatment-slider:hover
.inamx-cardio-treatment-track{

    animation-play-state:paused;

}

@keyframes inamxCardioScroll{

    from{

        transform:translateX(0);

    }

    to{

        transform:translateX(-50%);

    }

}
.inamx-cardio-treatment-slider{

    width:90%;

    margin:0 auto;

}
/*=========================================================
        COMMON SECTION TITLE
==========================================================*/

.inamx-cardio-common-title{
    margin:0;
    font-family:'Poppins',sans-serif;
    font-size:30px;
    font-weight:700;
    color:#163d73;
    text-transform: uppercase;
}

/*=========================================================
        WHY CHOOSE INAM PHARMA
==========================================================*/

.inamx-cardio-why-section{
    width:100%;
    padding:20px 0 25px;
    background:#ffffff;
}

.inamx-cardio-why-container{
    max-width:1230px;
    margin:0 auto;
}

.inamx-cardio-why-container .inamx-cardio-common-title{
    text-align:center;
    margin-bottom:24px;
    text-transform: uppercase;
}

.inamx-cardio-why-grid{

    display:grid;

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

    background:#f7fbfc;

    border:1px solid #e6eef2;

    border-radius:14px;

    overflow:hidden;

}

.inamx-cardio-why-item{

    display:flex;

    align-items:center;

    gap:14px;

    padding:22px 20px;

    position:relative;

    transition:.35s;

}

.inamx-cardio-why-item:not(:last-child){

    border-right:1px solid #e7edf2;

}

.inamx-cardio-why-item:hover{

    background:#ffffff;

}

.inamx-cardio-why-icon{

    width:46px;

    height:46px;

    border-radius:50%;

    background:#edf9f2;

    display:flex;

    align-items:center;

    justify-content:center;

    flex-shrink:0;

}

.inamx-cardio-why-icon i{

    font-size:20px;

    color:#18b65d;

}

.inamx-cardio-why-content{

    display:flex;

    flex-direction:column;

}

.inamx-cardio-why-content h4{

    margin:0;

    font-family:'Poppins',sans-serif;

    font-size:14px;

    font-weight:600;

    color:#163d73;

    line-height:1.35;

}

.inamx-cardio-why-content p{

    margin:3px 0 0;

    font-family:'Poppins',sans-serif;

    font-size:12px;

    color:#6c7f90;

    line-height:1.45;

}

/*=========================================================
        DOCTOR SECTION
==========================================================*/

.inamx-cardio-doctor-section{

    width:100%;

    padding:40px 0 70px;

    background:#ffffff;

}

.inamx-cardio-doctor-container{

    max-width:1200px;

    margin:0 auto;

}

.inamx-cardio-doctor-head{

    display:flex;

    align-items:center;

    justify-content:space-between;

    margin-bottom:28px;

}

.inamx-cardio-viewall{

    display:flex;

    align-items:center;

    gap:8px;

    text-decoration:none;

    font-family:'Poppins',sans-serif;

    font-size:14px;

    font-weight:600;

    color:#17a85a;

    transition:.3s;

}

.inamx-cardio-viewall:hover{

    gap:12px;

}

.inamx-cardio-doctor-grid{

    display:grid;

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

    gap:22px;

}

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

.inamx-cardio-doctor-card{

    background:#ffffff;

    border:1px solid #e8edf3;

    border-radius:14px;

    overflow:hidden;

    display:flex;

    align-items:center;

    padding:18px;

    gap:16px;

    transition:.35s;

    box-shadow:0 6px 20px rgba(20,55,90,.05);

}

.inamx-cardio-doctor-card:hover{

    transform:translateY(-6px);

    box-shadow:0 18px 35px rgba(20,55,90,.12);

}

.inamx-cardio-doctor-image{

    width:95px;

    height:110px;

    flex-shrink:0;

    border-radius:10px;

    overflow:hidden;

}

.inamx-cardio-doctor-image img{

    width:100%;

    height:100%;

    object-fit:cover;

    display:block;

}

.inamx-cardio-doctor-info{

    flex:1;

}

.inamx-cardio-doctor-info h3{

    margin:0;

    font-family:'Poppins',sans-serif;

    font-size:16px;

    font-weight:700;

    color:#173f73;

}

.inamx-cardio-doctor-info span{

    display:block;

    margin-top:5px;

    font-family:'Poppins',sans-serif;

    font-size:13px;

    color:#18b65d;

    font-weight:600;

}

.inamx-cardio-doctor-info p{

    margin:10px 0 6px;

    font-family:'Poppins',sans-serif;

    font-size:12px;

    line-height:1.6;

    color:#66798c;

}

.inamx-cardio-doctor-info small{

    display:block;

    font-family:'Poppins',sans-serif;

    font-size:12px;

    color:#173f73;

    font-weight:600;

    margin-bottom:14px;

}

.inamx-cardio-profile-btn{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    width:105px;

    height:34px;

    background:#18b65d;

    border-radius:6px;

    text-decoration:none;

    font-family:'Poppins',sans-serif;

    font-size:12px;

    font-weight:600;

    color:#ffffff;

    transition:.3s;

}

.inamx-cardio-profile-btn:hover{

    background:#138d47;

}

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

@media(max-width:1200px){

    .inamx-cardio-why-grid{

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

    }

    .inamx-cardio-why-item{

        border-bottom:1px solid #e7edf2;

    }

    .inamx-cardio-why-item:nth-child(even){

        border-right:none;

    }

    .inamx-cardio-doctor-grid{

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

    }
    .inamx-cardio-why-section {
    width: 97%;
    padding: 20px 12px 25px;
    background: #ffffff;
}

}

@media(max-width:768px){

    .inamx-cardio-doctor-head{

        flex-direction:column;

        gap:15px;

        /* align-items:flex-start; */

    }
.inamx-cardio-common-title {
    margin: 0px;
    font-family: 'Poppins', sans-serif;
    font-size: 30px;
    font-weight: 700;
    color: #163d73;
    text-transform: uppercase;
    text-align: center;
}
.inamx-cardio-why-section {
    width: 97%;
    padding: 20px 5px 25px;
    background: #ffffff;
}
    .inamx-cardio-why-grid{

        grid-template-columns:1fr;

    }

    .inamx-cardio-why-item{

        border-right:none !important;

    }

    .inamx-cardio-doctor-grid{

        grid-template-columns:1fr;

    }

}

@media(max-width:576px){

    .inamx-cardio-common-title{

        font-size:24px;

    }

    .inamx-cardio-doctor-card{

        flex-direction:column;

        text-align:center;

    }

    .inamx-cardio-doctor-image{

        width:120px;

        height:140px;

    }

    .inamx-cardio-profile-btn{

        width:100%;

    }

}
/*=========================================================
        FAQ + FORM
==========================================================*/

.inamx-cardio-bottom-section{

    padding:0 0 90px;

    background:#ffffff;

}

.inamx-cardio-bottom-container{

    max-width:1215px;

    margin:auto;

    display:grid;

    grid-template-columns:1.2fr .8fr;

    gap:40px;

}

/*=========================
        FAQ
=========================*/

.inamx-cardio-faq-wrapper{

    background:#ffffff;

}

.inamx-cardio-faq-item{

    border:1px solid #e7edf2;

    border-radius:12px;

    margin-top:18px;

    overflow:hidden;

}

.inamx-cardio-faq-question{

    width:100%;

    border:none;

    background:#ffffff;

    padding:22px;

    display:flex;

    justify-content:space-between;

    align-items:center;

    cursor:pointer;

    font-family:'Poppins',sans-serif;

    font-size:15px;

    font-weight:600;

    color:#163d73;

}

.inamx-cardio-faq-answer{

    display:none;

    padding:0 22px 22px;

}

.inamx-cardio-faq-answer p{

    margin:0;

    font-size:14px;

    line-height:1.8;

    color:#637789;

}

.inamx-cardio-faq-item.active .inamx-cardio-faq-answer{

    display:block;

}

/*=========================
        FORM
=========================*/

.inamx-cardio-form-wrapper{

    background:#f9fcfd;

    padding:30px;

    border-radius:16px;

    border:1px solid #e6edf3;

}

.inamx-cardio-form-wrapper form{

    margin-top:25px;

}

.inamx-cardio-form-wrapper input,

.inamx-cardio-form-wrapper select,

.inamx-cardio-form-wrapper textarea{

    width:90%;

    height:50px;

    margin-bottom:16px;

    padding:0 18px;

    border:1px solid #dfe8ef;

    border-radius:8px;

    font-family:'Poppins',sans-serif;

    font-size:14px;

    outline:none;

}

.inamx-cardio-form-wrapper textarea{

    height:120px;

    padding-top:16px;

    resize:none;

}

.inamx-cardio-form-wrapper input:focus,

.inamx-cardio-form-wrapper textarea:focus,

.inamx-cardio-form-wrapper select:focus{

    border-color:#18b65d;

}

.inamx-cardio-form-wrapper button{

    width:100%;

    height:52px;

    border:none;

    border-radius:8px;

    background:#18b65d;

    color:#ffffff;

    font-family:'Poppins',sans-serif;

    font-size:15px;

    font-weight:600;

    cursor:pointer;

    transition:.3s;

}

.inamx-cardio-form-wrapper button:hover{

    background:#138d47;

}

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

@media(max-width:992px){

    .inamx-cardio-bottom-container{

        grid-template-columns:1fr;

    }

}

@media(max-width:576px){

    .inamx-cardio-form-wrapper{

        padding:22px;

    }

    .inamx-cardio-faq-question{

        font-size:14px;

        padding:18px;

    }

}
/*=========================================================
        HEART CARE CTA
==========================================================*/

.inamx-cardio-cta-section{

    width:100%;

    padding:20px 0 80px;

    background:#ffffff;

}

.inamx-cardio-cta-container{

    max-width:1320px;

    margin:0 auto;

    padding:42px 50px;

    /* border-radius:18px; */

    background:linear-gradient(135deg,#0b4a8f,#123d74);

    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:40px;

    position:relative;

    overflow:hidden;

}

.inamx-cardio-cta-container::before{

    content:"";

    position:absolute;

    width:280px;

    height:280px;

    border-radius:50%;

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

    top:-120px;

    left:-100px;

}

.inamx-cardio-cta-container::after{

    content:"";

    position:absolute;

    width:220px;

    height:220px;

    border-radius:50%;

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

    right:-70px;

    bottom:-80px;

}

.inamx-cardio-cta-left{

    display:flex;

    align-items:center;

    gap:28px;

    position:relative;

    z-index:2;

}

.inamx-cardio-cta-icon{

    width:80px;

    height:80px;

    border-radius:50%;

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

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

    display:flex;

    align-items:center;

    justify-content:center;

    flex-shrink:0;

}

.inamx-cardio-cta-icon i{

    font-size:34px;

    color:#ffffff;

}

.inamx-cardio-cta-content h2{

    margin:0;

    font-family:'Poppins',sans-serif;

    font-size:30px;

    font-weight:700;

    color:#ffffff;

}

.inamx-cardio-cta-content p{

    margin:12px 0 20px;

    font-family:'Poppins',sans-serif;

    font-size:15px;

    line-height:1.8;

    color:rgba(255,255,255,.85);

}

.inamx-cardio-cta-contact{

    display:flex;

    gap:30px;

    flex-wrap:wrap;

}

.inamx-cardio-cta-contact-item{

    display:flex;

    align-items:center;

    gap:10px;

}

.inamx-cardio-cta-contact-item i{

    color:#4de08c;

    font-size:15px;

}

.inamx-cardio-cta-contact-item span{

    font-family:'Poppins',sans-serif;

    font-size:14px;

    color:#ffffff;

}

.inamx-cardio-cta-right{

    position:relative;

    z-index:2;

}

.inamx-cardio-cta-btn{

    display:flex;

    align-items:center;

    justify-content:center;

    gap:12px;

    width:240px;

    height:56px;

    border-radius:8px;

    background:#ffffff;

    color:#123d74;

    text-decoration:none;

    font-family:'Poppins',sans-serif;

    font-size:14px;

    font-weight:600;

    transition:.35s;

}

.inamx-cardio-cta-btn:hover{

    transform:translateY(-3px);

    box-shadow:0 15px 35px rgba(0,0,0,.2);

}

.inamx-cardio-cta-btn i{

    transition:.3s;

}

.inamx-cardio-cta-btn:hover i{

    transform:translateX(5px);

}






/*========================================================
SECTION
=========================================================*/

.inamhelp-section{

    padding:70px 0;

    background:#ffffff;

    overflow:hidden;

}

.inamhelp-container{

    width:92%;

    max-width:1320px;

    margin:0 auto;

}



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

.inamhelp-heading-area{

    text-align:center;

    margin-bottom:55px;

}



.inamhelp-main-title{

    margin:0;

    font-family:'Poppins',sans-serif;

    font-size:38px;

    font-weight:700;

    color:#122b57;

    line-height:1.2;

    text-transform:uppercase;

    letter-spacing:.5px;

}



.inamhelp-divider{

    margin-top:15px;

    display:flex;

    justify-content:center;

    align-items:center;

    gap:16px;

}



.inamhelp-divider-line{

    width:75px;

    height:2px;

    background:#18b9c6;

}



.inamhelp-divider-icon{

    font-size:34px;

    color:#18b9c6;

}



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

.inamhelp-main-grid{

    display:grid;

    grid-template-columns:1fr 380px 1fr;

    align-items:center;

    column-gap:30px;
    margin-top: -45px;

}



/*========================================================
LEFT & RIGHT
=========================================================*/

.inamhelp-left-column,

.inamhelp-right-column{

    display:flex;

    flex-direction:column;

    gap:36px;

}



/*========================================================
FEATURE BOX
=========================================================*/

.inamhelp-feature-box{

    display:flex;

    align-items:center;

    justify-content:flex-end;

    gap:15px;

}



.inamhelp-right-box{

    justify-content:flex-start;

}
.inamhelp-description {
    max-width: 700px !important;
    margin: 8px auto 16px !important;

    font-size: 14px !important;
    line-height: 1.6 !important;
    font-weight: 400 !important;

    text-align: center !important;
    color:#575757;
}


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

.inamhelp-feature-content{

    max-width:250px;

}



.inamhelp-feature-title{

    margin:0;

    font-family:'Poppins',sans-serif;

    font-size:17px;

    font-weight:500;

    color:#1d1d1d;

    line-height:1.55;

}



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

/* .inamhelp-feature-icon{

    width:104px;

    height:104px;

    border-radius:50%;

    border:2px solid #19bcc8;

    display:flex;

    justify-content:center;

    align-items:center;

    flex-shrink:0;

    transition:.35s ease;

    background:#ffffff;

} */
.inamhelp-feature-icon {
  width: 104px;
  height: 104px;
  border-radius: 50%;
  border: 2px solid #2c5bca;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  transition: .35s ease;
  background: #ffffff;
}


.inamhelp-feature-icon i {
  font-size: 42px;
  color: #239213;
  transition: .35s;
}


.inamhelp-feature-box:hover .inamhelp-feature-icon{

  color:#ff9b00;

    transform:translateY(-5px);

    box-shadow:0 15px 35px rgba(25,188,200,.25);

}




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

.inamhelp-center-column{

    position:relative;

    display:flex;

    justify-content:center;

    align-items:flex-end;

}



.inamhelp-center-column::before{

    content:"";

    position:absolute;

    width:300px;

    height:300px;

    border-radius:50%;

    background:linear-gradient(180deg,#eefcff,#ffffff);

    z-index:0;

}



.inamhelp-doctor-image{

    position:relative;

    z-index:2;

    width:100%;

    max-width:380px;

    display:block;

    object-fit:contain;

    transition:.4s ease;

}



.inamhelp-center-column:hover .inamhelp-doctor-image{

    transform:translateY(-8px);

}



/*========================================================
SMALL DECORATION
=========================================================*/

.inamhelp-center-column::after{

    content:"";

    position:absolute;

    bottom:18px;

    width:220px;

    height:18px;

    background:rgba(0,0,0,.08);

    border-radius:50%;

    filter:blur(12px);

    z-index:1;

}



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

@media(max-width:1200px){

    .inamhelp-main-grid{

        grid-template-columns:1fr 300px 1fr;

        column-gap:20px;

    }

    .inamhelp-feature-icon{

        width:88px;

        height:88px;

    }

    .inamhelp-feature-icon i{

        font-size:34px;

    }

    .inamhelp-feature-title{

        font-size:15px;

    }

    .inamhelp-main-title{

        font-size:32px;

    }

}



@media(max-width:991px){

    .inamhelp-main-grid{

        grid-template-columns:1fr;

        row-gap:45px;

    }

    .inamhelp-left-column{

        order:2;

    }

    .inamhelp-center-column{

        order:1;

    }

    .inamhelp-right-column{

        order:3;

    }

    .inamhelp-feature-box{

        justify-content:center;

        text-align:center;

        flex-direction:column;

        gap:18px;

    }

    .inamhelp-right-box{

        justify-content:center;

    }

    .inamhelp-feature-content{

        max-width:320px;

    }

}



@media(max-width:768px){

    .inamhelp-section{

        padding:60px 0;

    }

    .inamhelp-main-title{

        font-size:28px;

    }

    .inamhelp-divider-icon{

        font-size:28px;

    }

    .inamhelp-divider-line{

        width:55px;

    }

    .inamhelp-feature-icon{

        width:74px;

        height:74px;

    }

    .inamhelp-feature-icon i{

        font-size:28px;

    }

    .inamhelp-feature-title{

        font-size:14px;

        line-height:1.6;

    }

    .inamhelp-doctor-image{

        max-width:300px;

    }

}



@media(max-width:576px){

    .inamhelp-main-title{

        font-size:24px;

    }

    .inamhelp-feature-title{

        font-size:13px;

    }

    .inamhelp-feature-icon{

        width:66px;

        height:66px;

    }

    .inamhelp-feature-icon i{

        font-size:24px;

    }

    .inamhelp-doctor-image{

        max-width:250px;

    }

}

.dd-doctor-info-block {
    margin-top: 35px;
}

.dd-doctor-info-block h3 {
    margin-bottom: 15px;
    font-size: 22px;
    font-weight: 700;
    color: #0B2A4A;
}

.dd-doctor-info-block p {
    margin-bottom: 12px;
    line-height: 1.8;
    color: #555;
}


/* Work Experience */

.dd-experience-item {
    padding: 18px 20px;
    margin-bottom: 15px;
    border-left: 3px solid #CFA24A;
    background: #f8f8f8;
}

.dd-experience-item h4 {
    margin: 0 0 6px;
    font-size: 18px;
    color: #0B2A4A;
}

.dd-experience-hospital {
    display: block;
    font-weight: 600;
    color: #555;
}

.dd-experience-duration {
    display: inline-block;
    margin-top: 5px;
    font-size: 14px;
    color: #CFA24A;
    font-weight: 600;
}

.dd-experience-item p {
    margin-top: 10px;
    margin-bottom: 0;
}


/* Education */

.dd-education-list {
    display: grid;
    gap: 15px;
}

.dd-education-item {
    padding: 18px 20px;
    border: 1px solid #e5e5e5;
    border-radius: 8px;
    background: #fff;
}

.dd-education-item h4 {
    margin: 0 0 6px;
    font-size: 17px;
    color: #0B2A4A;
}

.dd-education-item span {
    display: block;
    color: #555;
    line-height: 1.6;
}

.dd-education-item small {
    display: block;
    margin-top: 5px;
    color: #CFA24A;
    font-weight: 600;
}
.dd-doctor-about-container {
    display: grid;
    grid-template-columns: minmax(0, 1.7fr) minmax(280px, 0.8fr);
    gap: 60px;
    align-items: start;
}

.dd-doctor-highlights {
    position: sticky;
    top: 100px;
    align-self: start;
}
/* =========================================
   ABOUT PAGE HORIZONTAL OVERFLOW FIX
========================================= */

.inam-about-page {
    position: relative !important;

    width: 100% !important;
    max-width: 100% !important;

    overflow-x: hidden !important;

    box-sizing: border-box !important;
}


/* Force all direct sections to stay inside */

.inam-about-page > section {
    position: relative !important;

    width: 100% !important;
    max-width: 100% !important;

    overflow-x: hidden !important;

    box-sizing: border-box !important;
}


/* Prevent oversized children */

.inam-about-page img,
.inam-about-page video,
.inam-about-page iframe {
    max-width: 100% !important;
}


/* Swiper */

.inam-about-page .swiper {
    width: 100% !important;
    max-width: 100% !important;

    overflow: hidden !important;
}

.inam-about-page .swiper-wrapper {
    max-width: none !important;
}

.inam-about-page .swiper-slide {
    box-sizing: border-box !important;
}


/* Mobile */

@media (max-width: 767px) {

    .inam-about-page {
        width: 100% !important;
        max-width: 100% !important;
        overflow-x: hidden !important;
    }

    .inam-about-page > section {
        width: 100% !important;
        max-width: 100% !important;
        overflow-x: hidden !important;
    }

}


















/* =========================================================
   INAM JOURNEY SECTION
========================================================= */

.inamjourney-section {
    width: 100%;
    max-width: 100%;
    background: #ffffff;
    overflow: hidden;
    box-sizing: border-box;
    font-family: "Poppins", sans-serif;
}

.inamjourney-container {
    width: 94%;
    max-width: 1280px;
    margin: 0 auto;
    box-sizing: border-box;
}


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

.inamjourney-heading {
    width: 100%;
    text-align: center;
    padding-top: 65px;
}

.inamjourney-title {
    margin: 0;
    color: #0d285d;
    font-size: 34px;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: -0.5px;
}

.inamjourney-title span {
    color: #159f9f;
}

.inamjourney-subtitle {
    margin: 8px auto 0;
    color: #626b7b;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.5;
}

.inamjourney-divider {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    margin-top: 13px;
}

.inamjourney-divider span {
    width: 80px;
    height: 1px;
    background: #159f9f;
}

.inamjourney-divider i {
    color: #159f9f;
    font-size: 20px;
}


/* =========================================================
   MAIN JOURNEY
========================================================= */

.inamjourney-main {
    position: relative;

    width: 100%;
    max-width: 1120px;

    min-height: 475px;

    margin: 25px auto 0;

    display: grid;

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

    gap: 15px;

    align-items: center;

    box-sizing: border-box;
    margin-top: -14px;
}


/* =========================================================
   LEFT / RIGHT COLUMNS
========================================================= */

.inamjourney-left,
.inamjourney-right {
    width: 100%;
    min-width: 0;

    display: flex;
    flex-direction: column;

    justify-content: space-between;

    height: 385px;

    box-sizing: border-box;
}


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

.inamjourney-step {
    position: relative;

    width: 100%;
    min-width: 0;

    height: 145px;

    display: flex;
    align-items: center;

    box-sizing: border-box;
    gap:20px;
}


/* =========================================================
   NUMBER
========================================================= */

.inamjourney-number {
    position: absolute;

    top: -7px;
    left: 0;

    width: 43px;
    height: 43px;

    border-radius: 50%;

    background: #e3f5f7;

    color: #123e82;

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

    font-size: 20px;
    font-weight: 600;

    z-index: 5;

    box-sizing: border-box;
}


/* Right side numbers */

.inamjourney-right .inamjourney-number {
    left: 0;
}


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

.inamjourney-icon {
  position: relative;
  width: 90px;
  min-width: 90px;
  height: 90px;
  border: 2px solid #d9f0f2;
  border-radius: 50%;
  background: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 8px 22px rgba(18, 62, 130, 0.08);
  z-index: 4;
  box-sizing: border-box;
}

.inamjourney-icon i {
    color: #159b2f;
    font-size: 35px;
}


/* =========================================================
   CARDS
========================================================= */

.inamjourney-card {
    width: calc(100% - 75px);
    min-width: 0;

    min-height: 40px;

    margin-left: -5px;

    padding: 22px 18px 18px 55px;

    background: #ffffff;

    border: 1px solid #edf1f5;

    border-radius: 10px;

    box-shadow: 0 8px 25px rgba(22, 53, 94, 0.05);

    box-sizing: border-box;

    z-index: 2;
}

.inamjourney-card h3 {
    margin: 0;

    color: #10275a;

    font-size: 16px;
    font-weight: 600;

    line-height: 1.3;
}

.inamjourney-card span {
    display: block;

    width: 34px;
    height: 2px;

    margin: 9px 0;

    background: #159f9f;
}

.inamjourney-card p {
    margin: 0;

    color: #596274;

    font-size: 11.5px;
    font-weight: 400;

    line-height: 1.6;
}


/* =========================================================
   LEFT SIDE CARD POSITION
========================================================= */

.inamjourney-left .inamjourney-card {
    margin-left: -8px;
}


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

.inamjourney-right .inamjourney-step {
    flex-direction: row;
}

.inamjourney-right .inamjourney-card {
    margin-left: -8px;

    padding-left: 18px;
    padding-right: 55px;
}

.inamjourney-right .inamjourney-number {
    left: -4px;
}


/* =========================================================
   CONNECTING LINES
========================================================= */

.inamjourney-line {
    position: absolute;

    height: 2px;

    background: #c6e8ec;

    z-index: 1;
}

.inamjourney-line-right {
    right: -38px;
    width: 75px;
}

.inamjourney-line-left {
    left: -38px;
    width: 75px;
}


/* =========================================================
   CENTER DOCTOR
========================================================= */

.inamjourney-center {
    position: relative;

    width: 300px;
    height: 500px;

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

    z-index: 3;
}

.inamjourney-center-ring {
    position: relative;

    width: 300px;
    height: 300px;

    border-radius: 50%;

    border: 1px solid #bde6eb;

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

    box-sizing: border-box;
}

.inamjourney-center-ring::before {
    content: "";

    position: absolute;

    width: 270px;
    height: 270px;

    border-radius: 50%;

    background: #eefafd;

    border: 10px solid #ffffff;

    box-shadow: 0 0 0 1px #d6edf0;

    box-sizing: border-box;
}

/* .inamjourney-center-inner {
    position: relative;

    width: 260px;
    height: 300px;

    overflow: hidden;

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

    z-index: 2;
} */
.inamjourney-center-inner {
  position: relative;
  width: 260px;
  height: 343px;
  overflow: hidden;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  z-index: 2;
}
/* .inamjourney-doctor {
    display: block;

    width: 250px;
    max-width: 100%;

    height: auto;

    object-fit: contain;
} */
 .inamjourney-doctor {
  display: block;
  width: 284px;
  max-width: 100%;
  height: 364px;
  /* object-fit: contain; */
}


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

.inamjourney-bottom {
    width: min(850px, 90%);

    min-height: 58px;

    margin: -25px auto 30px;

    padding: 10px 25px;

    border: 1px solid #e2edf5;

    border-radius: 40px;

    background: #f8fbfd;

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

    gap: 14px;

    box-shadow: 0 7px 20px rgba(24, 68, 110, 0.05);

    box-sizing: border-box;
}

.inamjourney-bottom i {
    color: #159f9f;
    font-size: 27px;
    flex-shrink: 0;
}

.inamjourney-bottom p {
    margin: 0;

    color: #34425c;

    font-size: 13px;
    line-height: 1.5;

    text-align: center;
}

.inamjourney-bottom strong {
    color: #159f9f;
    font-weight: 600;
}


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

@media (max-width: 1100px) {

    .inamjourney-container {
        width: 95%;
    }

    .inamjourney-main {
        grid-template-columns:
            minmax(0, 1fr)
            250px
            minmax(0, 1fr);

        gap: 5px;
    }

    .inamjourney-center {
        width: 250px;
        height: 460px;
    }

    .inamjourney-center-ring {
        width: 250px;
        height: 250px;
    }

    .inamjourney-center-inner {
        width: 225px;
        height: 270px;
    }

    .inamjourney-doctor {
        width: 220px;
        height: 256px;
    }

    .inamjourney-icon {
        width: 78px;
        min-width: 78px;
        height: 78px;
    }

    .inamjourney-icon i {
        font-size: 29px;
    }

    .inamjourney-card {
        width: calc(100% - 58px);
        padding-left: 42px;
    }

    .inamjourney-card h3 {
        font-size: 14px;
    }

    .inamjourney-card p {
        font-size: 10.5px;
    }

}


/* =========================================================
   TABLET / SMALL LAPTOP
========================================================= */

@media (max-width: 850px) {

    .inamjourney-title {
        font-size: 28px;
    }

    .inamjourney-main {
        grid-template-columns:
            minmax(0, 1fr)
            210px
            minmax(0, 1fr);

        gap: 0;
    }

    .inamjourney-center {
        width: 210px;
    }

    .inamjourney-center-ring {
        width: 210px;
        height: 210px;
    }

    .inamjourney-center-inner {
        width: 190px;
        height: 275px;
    }

    .inamjourney-doctor {
        width: 190px;
    }

    .inamjourney-icon {
        width: 68px;
        min-width: 68px;
        height: 68px;
    }

    .inamjourney-icon i {
        font-size: 25px;
    }

    .inamjourney-card {
        width: calc(100% - 52px);
        padding: 18px 12px 15px 32px;
    }

    .inamjourney-card h3 {
        font-size: 12.5px;
    }

    .inamjourney-card p {
        font-size: 9.5px;
    }

}


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

@media (max-width: 767px) {

    .inamjourney-section {
        overflow-x: hidden !important;
    }

    .inamjourney-container {
        width: 92% !important;
        max-width: 92% !important;
    }

    .inamjourney-heading {
        padding-top: 25px;
    }

    .inamjourney-title {
        font-size: 23px;
        line-height: 1.25;
    }

    .inamjourney-subtitle {
        width: 95%;
        font-size: 11px;
        line-height: 1.5;
    }

    .inamjourney-divider {
        margin-top: 10px;
        gap: 8px;
    }

    .inamjourney-divider span {
        width: 45px;
    }

    .inamjourney-divider i {
        font-size: 17px;
    }


    /* Main becomes vertical */

    .inamjourney-main {
        width: 100% !important;
        max-width: 100% !important;

        min-height: 0;

        margin-top: 25px;

        display: flex !important;
        flex-direction: column !important;

        gap: 25px;

        align-items: stretch;
    }


    /* Doctor first */

    .inamjourney-center {
        order: 0;

        width: 100%;
        height: 220px;

        margin: 0 auto;
    }

    .inamjourney-center-ring {
        width: 200px;
        height: 200px;
    }

    .inamjourney-center-ring::before {
        width: 180px;
        height: 180px;
        border-width: 7px;
    }

    .inamjourney-center-inner {
        width: 180px;
        height: 490px;
    }

    .inamjourney-doctor {
        width: 175px;
    }


    /* Left + right become normal lists */

    .inamjourney-left,
    .inamjourney-right {
        order: 1;

        width: 100%;
        height: auto;

        display: flex;

        gap: 14px;
    }

    .inamjourney-right {
        order: 2;
    }


    /* Steps */

    .inamjourney-step {
        width: 100%;

        height: auto;
        min-height: 100px;

        display: flex;

        align-items: center;
    }


    /* Hide desktop connectors */

    .inamjourney-line {
        display: none !important;
    }


    /* Number */

    .inamjourney-number {
        top: -6px;
        left: 0;

        width: 32px;
        height: 32px;

        font-size: 13px;
    }


    /* Icon */

    .inamjourney-icon {
        width: 68px;
        min-width: 68px;
        height: 68px;

        margin-left: 8px;
    }

    .inamjourney-icon i {
        font-size: 25px;
    }


    /* Card */

    .inamjourney-card,
    .inamjourney-right .inamjourney-card,
    .inamjourney-left .inamjourney-card {
        width: calc(100% - 75px);

        min-height: 90px;

        margin-left: -4px;

        padding: 14px 13px;

        border-radius: 9px;
    }

    .inamjourney-right .inamjourney-card {
        padding-left: 13px;
        padding-right: 13px;
    }

    .inamjourney-card h3 {
        font-size: 13px;
        line-height: 1.3;
    }

    .inamjourney-card span {
        width: 25px;
        margin: 6px 0;
    }

    .inamjourney-card p {
        font-size: 10.5px;
        line-height: 1.5;
    }


    /* Bottom */

    .inamjourney-bottom {
        width: 94%;
        min-height: 52px;

        margin-top: 25px;
        margin-bottom: 20px;

        padding: 9px 14px;

        border-radius: 25px;

        gap: 9px;
    }

    .inamjourney-bottom i {
        font-size: 21px;
    }

    .inamjourney-bottom p {
        font-size: 10px;
    }

}


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

@media (max-width: 480px) {

    .inamjourney-container {
        width: 94% !important;
        max-width: 94% !important;
    }

    .inamjourney-title {
        font-size: 21px;
    }

    .inamjourney-subtitle {
        font-size: 10px;
    }

    .inamjourney-center {
        height: 190px;
    }

    .inamjourney-center-ring {
        width: 175px;
        height: 175px;
    }

    .inamjourney-center-ring::before {
        width: 158px;
        height: 205px;
    }

    .inamjourney-center-inner {
        width: 158px;
        height: 405px;
    }

    .inamjourney-doctor {
        width: 155px;
    }

    .inamjourney-icon {
        width: 60px;
        min-width: 60px;
        height: 60px;
    }

    .inamjourney-icon i {
        font-size: 22px;
    }

    .inamjourney-card {
        width: calc(100% - 67px);

        min-height: 80px;

        padding: 12px 10px;
    }

    .inamjourney-card h3 {
        font-size: 12px;
    }

    .inamjourney-card p {
        font-size: 9.5px;
    }

    .inamjourney-number {
        width: 29px;
        height: 29px;

        font-size: 11px;
    }

    .inamjourney-bottom {
        width: 96%;
        padding: 8px 10px;
    }

    .inamjourney-bottom p {
        font-size: 9px;
    }

}


/* =========================================================
   360px
========================================================= */

@media (max-width: 360px) {

    .inamjourney-container {
        width: 95% !important;
        max-width: 95% !important;
    }

    .inamjourney-title {
        font-size: 19px;
    }

    .inamjourney-subtitle {
        font-size: 9.5px;
    }

    .inamjourney-center {
        height: 170px;
    }

    .inamjourney-center-ring {
        width: 155px;
        height: 155px;
    }

    .inamjourney-center-ring::before {
        width: 140px;
        height: 140px;
    }

    .inamjourney-center-inner {
        width: 140px;
        height: 420px;
    }

    .inamjourney-doctor {
        width: 138px;
    }

    .inamjourney-step {
        min-height: 75px;
    }

    .inamjourney-icon {
        width: 54px;
        min-width: 54px;
        height: 54px;
    }

    .inamjourney-icon i {
        font-size: 19px;
    }

    .inamjourney-card {
        width: calc(100% - 61px);

        padding: 10px 8px;
    }

    .inamjourney-card h3 {
        font-size: 11px;
    }

    .inamjourney-card p {
        font-size: 9px;
    }

    .inamjourney-card span {
        margin: 5px 0;
    }

    .inamjourney-bottom {
        width: 97%;
    }

    .inamjourney-bottom p {
        font-size: 8.5px;
    }

}
/* =====================================================
   INAM HOME PAGE WRAPPER
===================================================== */

.inamhome-page-wrapper {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow-x: clip !important;

    box-sizing: border-box !important;
}

.inamhome-page-wrapper > section {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}

.inamhome-page-wrapper img {
    max-width: 100% !important;
}


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

@media (max-width: 767px) {

    .inamhome-page-wrapper {
        width: 100% !important;
        max-width: 100vw !important;
        min-width: 0 !important;

        overflow-x: clip !important;
    }

    .inamhome-page-wrapper > section {
        width: 100% !important;
        max-width: 100% !important;
    }
}

































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

@media (max-width: 1024px) {

    .inamjourney-container {
        width: 92% !important;
    }

    .inamjourney-main {
        grid-template-columns:
            minmax(0, 1fr)
            minmax(220px, 280px)
            minmax(0, 1fr) !important;

        gap: 20px !important;
    }

    .inamjourney-left,
    .inamjourney-right {
        gap: 25px !important;
    }

    .inamjourney-card h3 {
        font-size: 14px !important;
    }

    .inamjourney-doctor {
        max-width: 270px !important;
    }
}


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

@media (max-width: 767px) {

    .inamjourney-section {
        width: 100% !important;
        max-width: 100vw !important;

        overflow-x: hidden !important;
    }

    .inamjourney-container {
        width: 92% !important;
        max-width: 92% !important;

        margin-left: auto !important;
        margin-right: auto !important;
    }


    /* Heading */

    .inamjourney-heading {
        margin-bottom: 30px !important;
    }

    .inamjourney-title {
        font-size: 24px !important;
        line-height: 1.3 !important;
    }

    .inamjourney-subtitle {
        font-size: 11px !important;
        line-height: 1.5 !important;
    }

    .inamjourney-divider {
        gap: 8px !important;
    }


    /* =====================================================
       STACK EVERYTHING
    ===================================================== */

    .inamjourney-main {
        display: flex !important;
        flex-direction: column !important;

        width: 100% !important;

        gap: 25px !important;
    }


    /* =====================================================
       DOCTOR FIRST
    ===================================================== */

    .inamjourney-center {
        order: 1 !important;

        width: 100% !important;
        max-width: 250px !important;

        margin: 0 auto 10px !important;
    }

    .inamjourney-left {
        order: 2 !important;
    }

    .inamjourney-right {
        order: 3 !important;
    }

    .inamjourney-doctor {
        width: 100% !important;
        max-width: 240px !important;
        transform: translateY(-116PX);
    }


    /* =====================================================
       STEPS
    ===================================================== */

    .inamjourney-left,
    .inamjourney-right {
        width: 100% !important;

        gap: 15px !important;
    }

    .inamjourney-step {
        width: 100% !important;

        justify-content: flex-start !important;

        gap: 10px !important;
    }


    /* =====================================================
       REMOVE DESKTOP CONNECTOR LINES
    ===================================================== */

    .inamjourney-line {
        display: none !important;
    }


    /* =====================================================
       NUMBERS
    ===================================================== */

    .inamjourney-number {
        font-size: 11px !important;

        width: 30px !important;
        min-width: 30px !important;
        height: 30px !important;

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


    /* =====================================================
       ICONS
    ===================================================== */

    .inamjourney-icon {
        width: 42px !important;
        min-width: 42px !important;
        height: 42px !important;

        font-size: 17px !important;
    }


    /* =====================================================
       CARDS
    ===================================================== */

    .inamjourney-card {
        flex: 1 !important;

        width: auto !important;
        max-width: none !important;

        min-width: 0 !important;

        padding: 12px 14px !important;

        box-sizing: border-box !important;
    }

    .inamjourney-card h3 {
        font-size: 12px !important;
        line-height: 1.35 !important;

        margin: 0 !important;
    }


    /* Bottom */

    .inamjourney-bottom {
        width: 100% !important;

        margin-top: 30px !important;
        padding: 15px !important;

        box-sizing: border-box !important;
    }

    .inamjourney-bottom i {
        font-size: 18px !important;
    }

    .inamjourney-bottom p {
        font-size: 10px !important;
        line-height: 1.5 !important;
    }

}


/* =========================================================
   SMALL MOBILE - 480px
========================================================= */

@media (max-width: 480px) {

    .inamjourney-container {
        width: 94% !important;
        max-width: 94% !important;
    }

    .inamjourney-title {
        font-size: 21px !important;
    }

    .inamjourney-subtitle {
        font-size: 10px !important;
    }

    .inamjourney-center {
        max-width: 210px !important;
    }

    .inamjourney-doctor {
        max-width: 205px !important;
        height: 202px;
    }

    .inamjourney-step {
        gap: 8px !important;
    }

    .inamjourney-number {
        width: 27px !important;
        min-width: 27px !important;
        height: 27px !important;

        font-size: 9px !important;
    }

    .inamjourney-icon {
        width: 38px !important;
        min-width: 38px !important;
        height: 38px !important;

        font-size: 15px !important;
    }

    .inamjourney-card {
        padding: 10px 12px !important;
    }

    .inamjourney-card h3 {
        font-size: 10.5px !important;
    }

}


/* =========================================================
   360px
========================================================= */

@media (max-width: 360px) {

    .inamjourney-container {
        width: 94% !important;
        max-width: 94% !important;
    }

    .inamjourney-heading {
        margin-bottom: 25px !important;
    }

    .inamjourney-title {
        font-size: 19px !important;
    }

    .inamjourney-subtitle {
        font-size: 9.5px !important;
    }

    .inamjourney-center {
        max-width: 185px !important;
    }

    .inamjourney-doctor {
        max-width: 180px !important;
    }

    .inamjourney-number {
        width: 25px !important;
        min-width: 25px !important;
        height: 25px !important;

        font-size: 8px !important;
    }

    .inamjourney-icon {
        width: 35px !important;
        min-width: 35px !important;
        height: 35px !important;

        font-size: 14px !important;
    }

    .inamjourney-card {
        padding: 9px 10px !important;
    }

    .inamjourney-card h3 {
        font-size: 9.5px !important;
    }

    .inamjourney-bottom {
        padding: 12px !important;
    }

    .inamjourney-bottom p {
        font-size: 9px !important;
    }

}


.inamct-journey {
    margin-top: 30px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.inamct-step {
    display: flex;
    align-items: flex-start;
    gap: 12px;
}

.inamct-bullet {
    width: 7px;
    height: 7px;
    min-width: 7px;
    margin-top: 8px;
    border-radius: 50%;
    background: #13a67a;
}

.inamct-step-content h4 {
    margin: 0 0 3px;
    font-size: 16px;
    font-weight: 700;
    color: #111827;
}

.inamct-step-content p {
    margin: 0;
    font-size: 14px;
    line-height: 1.45;
    color: #667085;
}
/* =========================================================
   FONT
========================================================= */

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap');


/* =========================================================
   MAIN SECTION
========================================================= */

.imj-healthcare-section {
    width: 100%;
    box-sizing: border-box;
    overflow: hidden;
    background: #f7fbfc;
    font-family: "Poppins", sans-serif;
    padding: 55px 20px 35px;
}

.imj-healthcare-section *,
.imj-healthcare-section *::before,
.imj-healthcare-section *::after {
    box-sizing: border-box;
}


/* =========================================================
   CONTAINER
========================================================= */

.imj-healthcare-container {
    width: 100%;
    max-width: 1180px;
    margin: 0 auto;

    display: grid;
    grid-template-columns: minmax(0, 0.92fr) minmax(0, 1fr);

    gap: 55px;

    align-items: start;
    margin-bottom:-90px;
}


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

.imj-healthcare-left {
    position: relative;
    min-width: 0;
    padding: 8px 0 20px;
}


/* =========================================================
   BADGE
========================================================= */

.imj-healthcare-badge {
    display: inline-flex;
    align-items: center;
    gap: 9px;

    padding: 9px 17px;

    background: #ffffff;

    border-radius: 30px;

    box-shadow: 0 4px 18px rgba(22, 139, 122, 0.07);

    color: #108b78;

    font-size: 12px;
    font-weight: 600;

    white-space: nowrap;
}

.imj-healthcare-badge i {
    font-size: 16px;
}


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

.imj-healthcare-heading {
    margin: 25px 0 13px;

    color: #10275b;

    font-size: clamp(28px, 3vw, 42px);

    line-height: 1.17;

    font-weight: 700;

    letter-spacing: -0.8px;
}


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

.imj-healthcare-description {
    max-width: 560px;

    margin: 0 0 27px;

    color: #53627f;

    font-size: 14px;

    line-height: 1.9;

    font-weight: 400;
}


/* =========================================================
   JOURNEY LIST
========================================================= */

.imj-journey-list {
    display: flex;
    flex-direction: column;

    gap: 16px;
}


/* =========================================================
   JOURNEY ITEM
========================================================= */

.imj-journey-item {
    position: relative;

    display: grid;

    grid-template-columns: 9px 52px minmax(0, 1fr);

    align-items: center;

    column-gap: 13px;

    min-width: 0;
}


/* =========================================================
   BULLET
========================================================= */

.imj-journey-bullet {
    width: 7px;
    height: 7px;

    border-radius: 50%;

    background: #0da27d;

    justify-self: center;
}


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

.imj-journey-icon {
    width: 52px;
    height: 52px;

    border-radius: 50%;

    background: #eaf8f6;

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

    color: #078e78;

    font-size: 21px;

    flex-shrink: 0;
}

.imj-journey-icon i {
    line-height: 1;
}


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

.imj-journey-content {
    min-width: 0;
}

.imj-journey-content h4 {
    margin: 0 0 3px;

    color: #10182d;

    font-size: 15px;

    line-height: 1.35;

    font-weight: 700;
}

.imj-journey-content p {
    margin: 0;

    color: #52617e;

    font-size: 12.5px;

    line-height: 1.55;

    font-weight: 400;
}


/* =========================================================
   INDIA DECORATION
========================================================= */

.imj-india-decoration {
    position: relative;

    height: 75px;

    margin-top: 14px;

    overflow: hidden;

    opacity: 0.45;
}


/* Buildings */

.imj-decoration-building {
    position: absolute;

    bottom: 0;

    background: #d9eeee;
}


/* Building 1 */

.imj-building-one {
    left: 2%;
    width: 25px;
    height: 42px;

    border-radius: 15px 15px 0 0;
}


/* Building 2 */

.imj-building-two {
    left: 12%;
    width: 40px;
    height: 57px;

    border-radius: 20px 20px 0 0;
}


/* Building 3 */

.imj-building-three {
    left: 27%;
    width: 55px;
    height: 45px;

    border-radius: 25px 25px 0 0;
}


/* Building 4 */

.imj-building-four {
    left: 48%;
    width: 42px;
    height: 62px;

    border-radius: 22px 22px 0 0;
}


/* Building 5 */

.imj-building-five {
    left: 67%;
    width: 58px;
    height: 38px;

    border-radius: 25px 25px 0 0;
}


/* =========================================================
   FLIGHT PATH
========================================================= */

.imj-flight-path {
    position: absolute;

    right: 7%;
    top: 12px;

    width: 145px;
    height: 55px;

    border-top: 2px dashed #9bd8d0;

    border-radius: 50%;

    transform: rotate(-14deg);
}

.imj-flight-path i {
    position: absolute;

    right: -4px;
    top: -13px;

    color: #8acfc5;

    font-size: 16px;

    transform: rotate(14deg);
}


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

.imj-healthcare-right {
    min-width: 0;
}


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

.imj-callback-card {
    width: 100%;

    background: #ffffff;

    border-radius: 25px;

    padding: 29px 35px 32px;

    box-shadow:
        0 15px 45px rgba(31, 61, 93, 0.08);

    border: 1px solid rgba(230, 237, 243, 0.7);
}


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

.imj-callback-icon {
    width: 62px;
    height: 62px;

    margin: 0 auto 10px;

    border-radius: 50%;

    background: #e8f8f5;

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

    color: #0c987d;

    font-size: 24px;
}


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

.imj-callback-heading {
    margin: 0;

    text-align: center;

    color: #10275b;

    font-size: 27px;

    line-height: 1.3;

    font-weight: 700;
}


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

.imj-callback-description {
    max-width: 390px;

    margin: 7px auto 20px;

    text-align: center;

    color: #53627f;

    font-size: 12.5px;

    line-height: 1.7;
}


/* =========================================================
   FORM
========================================================= */

.imj-callback-form {
    width: 100%;
}


/* =========================================================
   FORM ROW
========================================================= */

.imj-form-row {
    display: grid;

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

    gap: 16px;

    margin-bottom: 13px;
}


/* =========================================================
   FORM GROUP
========================================================= */

.imj-form-group {
    width: 100%;
    min-width: 0;

    margin-bottom: 13px;
}

.imj-form-row .imj-form-group {
    margin-bottom: 0;
}

.imj-form-group label {
    display: block;

    margin-bottom: 6px;

    color: #142653;

    font-size: 12.5px;

    line-height: 1.3;

    font-weight: 600;
}


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

.imj-input-wrapper {
    position: relative;

    width: 100%;
}

.imj-input-wrapper i {
    position: absolute;

    left: 15px;
    top: 50%;

    transform: translateY(-50%);

    color: #8794ad;

    font-size: 13px;

    pointer-events: none;
}


/* =========================================================
   INPUTS
========================================================= */

.imj-input-wrapper input,
.imj-select-wrapper select,
.imj-form-group textarea {
    width: 100%;

    border: 1px solid #d9e2ed;

    outline: none;

    background: #ffffff;

    color: #182441;

    font-family: "Poppins", sans-serif;

    font-size: 12.5px;

    border-radius: 11px;

    transition: 0.2s ease;
}

.imj-input-wrapper input {
    height: 45px;

    padding: 0 13px 0 40px;
}

.imj-input-wrapper input::placeholder,
.imj-form-group textarea::placeholder {
    color: #9aa7bd;

    opacity: 1;
}


/* =========================================================
   SELECT
========================================================= */

.imj-select-wrapper {
    position: relative;

    width: 100%;
}

.imj-select-wrapper select {
    height: 45px;

    padding: 0 38px 0 13px;

    appearance: none;

    cursor: pointer;
}

.imj-select-wrapper i {
    position: absolute;

    right: 14px;
    top: 50%;

    transform: translateY(-50%);

    color: #64748b;

    font-size: 10px;

    pointer-events: none;
}


/* =========================================================
   TEXTAREA
========================================================= */

.imj-form-group textarea {
    display: block;

    height: 120px;

    padding: 13px;

    resize: none;

    line-height: 1.5;
}


/* =========================================================
   FOCUS
========================================================= */

.imj-input-wrapper input:focus,
.imj-select-wrapper select:focus,
.imj-form-group textarea:focus {
    border-color: #0ca681;

    box-shadow: 0 0 0 3px rgba(12, 166, 129, 0.08);
}


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

.imj-submit-button {
    width: 100%;

    height: 48px;

    margin-top: 2px;

    border: none;

    border-radius: 11px;

    background: #0da67d;

    color: #ffffff;

    display: flex;

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

    gap: 12px;

    font-family: "Poppins", sans-serif;

    font-size: 13.5px;

    font-weight: 600;

    cursor: pointer;

    transition: 0.25s ease;
}

.imj-submit-button i {
    font-size: 14px;
}

.imj-submit-button:hover {
    background: #078e6c;

    transform: translateY(-1px);
}


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

@media (max-width: 1000px) {

    .imj-healthcare-container {
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);

        gap: 30px;
    }

    .imj-healthcare-section {
        padding-left: 15px;
        padding-right: 15px;
    }

    .imj-callback-card {
        padding: 25px 25px 28px;
    }

    .imj-healthcare-heading {
        font-size: 30px;
    }

}


/* =========================================================
   SMALL LAPTOP / TABLET
========================================================= */

@media (max-width: 800px) {

    .imj-healthcare-container {
        grid-template-columns: 1fr;

        max-width: 650px;
    }

    .imj-healthcare-heading {
        font-size: 31px;
    }

    .imj-healthcare-description {
        max-width: 100%;
    }

    .imj-callback-card {
        padding: 27px 25px 30px;
    }

}


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

@media (max-width: 550px) {

    .imj-healthcare-section {
        padding: 38px 14px 25px;
    }

    .imj-healthcare-badge {
        padding: 8px 13px;

        font-size: 10px;
    }

    .imj-healthcare-heading {
        margin-top: 19px;

        font-size: 25px;

        letter-spacing: -0.4px;
    }

    .imj-healthcare-description {
        font-size: 12.5px;

        line-height: 1.7;

        margin-bottom: 22px;
    }

    .imj-journey-list {
        gap: 14px;
    }

    .imj-journey-item {
        grid-template-columns: 7px 44px minmax(0, 1fr);

        column-gap: 10px;
    }

    .imj-journey-icon {
        width: 44px;
        height: 44px;

        font-size: 18px;
    }

    .imj-journey-content h4 {
        font-size: 13.5px;
    }

    .imj-journey-content p {
        font-size: 11.5px;
    }

    .imj-callback-card {
        border-radius: 20px;

        padding: 23px 18px 24px;
    }

    .imj-callback-icon {
        width: 52px;
        height: 52px;

        font-size: 20px;
    }

    .imj-callback-heading {
        font-size: 23px;
    }

    .imj-callback-description {
        font-size: 11.5px;
    }

    .imj-form-row {
        grid-template-columns: 1fr;

        gap: 0;
    }

    .imj-form-group label {
        font-size: 11.5px;
    }

    .imj-input-wrapper input,
    .imj-select-wrapper select {
        height: 43px;

        font-size: 11.5px;
    }

    .imj-form-group textarea {
        height: 105px;

        font-size: 11.5px;
    }

    .imj-submit-button {
        height: 45px;

        font-size: 12.5px;
    }

    .imj-india-decoration {
        display: none;
    }

}
/* =========================================================
   INAM MEDICARE - OUR MISSION
   Unique Prefix: inm-mission-
========================================================= */

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap');


/* =========================================================
   MAIN SECTION
========================================================= */

.inm-mission-section {
    width: 100%;
    max-width: 100%;
    overflow: hidden;

    padding: 65px 20px 55px;

    background: #ffffff;

    font-family: "Poppins", sans-serif;

    box-sizing: border-box;
}

.inm-mission-section *,
.inm-mission-section *::before,
.inm-mission-section *::after {
    box-sizing: border-box;
}


/* =========================================================
   MAIN CONTAINER
========================================================= */

.inm-mission-container {

    width: 100%;
    max-width: 1160px;

    margin: 0 auto;

    display: grid;

    grid-template-columns:
        minmax(0, 0.95fr)
        minmax(0, 1.05fr);

    column-gap: 65px;

    align-items: center;
}


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

.inm-mission-visual {

    position: relative;

    min-width: 0;

    padding-bottom: 45px;
}


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

.inm-mission-image-wrap {

    width: 100%;

    max-width: 535px;

    height: 375px;

    overflow: hidden;

    border-radius: 22px;

    position: relative;
}

.inm-mission-image {

    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;

    object-position: center;

}


/* =========================================================
   PATIENT FIRST CARD
========================================================= */

.inm-mission-patient-card {

    position: absolute;

    left: 160px;

    bottom: 0;

    width: 370px;

    min-height: 135px;

    background: #ffffff;

    border-radius: 20px;

    padding: 22px 27px;

    display: flex;

    align-items: center;

    gap: 22px;

    box-shadow:
        0 12px 35px rgba(24, 45, 73, 0.12);

    z-index: 3;
}


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

.inm-mission-patient-icon {

    width: 62px;
    height: 62px;

    min-width: 62px;

    border-radius: 50%;

    background: #eaf9f5;

    display: flex;

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

    color: #0ca77e;

    font-size: 25px;
}


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

.inm-mission-patient-content h4 {

    margin: 0 0 7px;

    color: #10275b;

    font-size: 17px;

    line-height: 1.3;

    font-weight: 700;
}

.inm-mission-patient-content p {

    margin: 0;

    color: #536583;

    font-size: 13px;

    line-height: 1.65;

    font-weight: 400;
}


/* =========================================================
   PLANE DECORATION
========================================================= */

.inm-mission-plane-decoration {

    position: absolute;

    left: -35px;

    bottom: -45px;

    width: 125px;

    height: 155px;

    pointer-events: none;

    opacity: 0.7;

    z-index: 1;
}

.inm-mission-plane-decoration svg {

    width: 100%;
    height: 100%;

    display: block;
}


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

.inm-mission-content {

    min-width: 0;

    padding-bottom: 5px;
}


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

.inm-mission-heading {

    margin: 0;

    color: #10275b;

    font-size: 43px;

    line-height: 1.15;

    font-weight: 700;

    letter-spacing: -1px;
}


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

.inm-mission-heading-line {

    display: flex;

    align-items: center;

    gap: 7px;

    margin-top: 12px;

    margin-bottom: 25px;
}

.inm-mission-heading-line span {

    display: block;

    width: 68px;

    height: 4px;

    border-radius: 10px;

    background:
        linear-gradient(
            90deg,
            #13aa7f,
            #1679dc
        );
}

.inm-mission-heading-line i {

    display: block;

    width: 7px;
    height: 7px;

    border-radius: 50%;

    background: #1679dc;
}


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

.inm-mission-text {

    margin: 0 0 21px;

    color: #182a4e;

    font-size: 15px;

    line-height: 1.85;

    font-weight: 400;

    max-width: 590px;
}

.inm-mission-text:last-child {

    margin-bottom: 0;
}


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

.inm-mission-quote {

    position: relative;

    width: 100%;

    max-width: 1085px;

    min-height: 135px;

    margin: 55px auto 0;

    padding: 25px 45px;

    display: flex;

    align-items: center;

    gap: 25px;

    border-radius: 22px;

    background: #f1faf8;

    overflow: hidden;
}


/* =========================================================
   QUOTE MARK
========================================================= */

.inm-mission-quote-mark {

    flex-shrink: 0;

    color: #11ad7d;

    font-family: Georgia, serif;

    font-size: 85px;

    font-weight: 700;

    line-height: 0.7;

    margin-top: -15px;
}


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

.inm-mission-quote-content {

    min-width: 0;

    border-left: 2px solid #7bd8c1;

    padding-left: 28px;
}

.inm-mission-quote-content p {

    margin: 0 0 8px;

    color: #14244a;

    font-size: 16px;

    line-height: 1.7;

    font-style: italic;

    font-weight: 600;
}

.inm-mission-quote-content span {

    color: #0da67d;

    font-size: 15px;

    line-height: 1.4;

    font-weight: 700;
}


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

.inm-mission-quote-icon {

    position: absolute;

    right: 40px;

    bottom: -8px;

    width: 90px;
    height: 90px;

    display: flex;

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

    color: #c9eee5;

    font-size: 65px;

    opacity: 0.7;
}


/* =========================================================
   LARGE LAPTOP
========================================================= */

@media (max-width: 1100px) {

    .inm-mission-section {

        padding-left: 18px;
        padding-right: 18px;
    }

    .inm-mission-container {

        column-gap: 40px;
    }

    .inm-mission-heading {

        font-size: 36px;
    }

    .inm-mission-text {

        font-size: 13px;

        line-height: 1.75;
    }

    .inm-mission-patient-card {

        left: 100px;

        width: 330px;
    }

}


/* =========================================================
   TABLET / SMALL SCREEN
========================================================= */

@media (max-width: 850px) {

    .inm-mission-section {

        padding-top: 45px;
        padding-bottom: 45px;
    }

    .inm-mission-container {

        grid-template-columns: 1fr;

        row-gap: 45px;

        max-width: 650px;
    }

    .inm-mission-visual {

        width: 100%;

        max-width: 535px;

        margin: 0 auto;
    }

    .inm-mission-content {

        width: 100%;
    }

    .inm-mission-heading {

        font-size: 34px;
    }

    .inm-mission-text {

        max-width: 100%;

        font-size: 13px;
    }

    .inm-mission-quote {

        margin-top: 40px;

        max-width: 650px;
    }

}


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

@media (max-width: 600px) {

    .inm-mission-section {

        padding: 38px 14px 35px;
    }


    /* Image */

    .inm-mission-image-wrap {

        height: 270px;

        border-radius: 17px;
    }


    /* Patient card */

    .inm-mission-patient-card {

        left: 35px;

        bottom: 0;

        width: calc(100% - 55px);

        min-height: 105px;

        padding: 16px 18px;

        gap: 14px;

        border-radius: 16px;
    }

    .inm-mission-patient-icon {

        width: 48px;
        height: 48px;

        min-width: 48px;

        font-size: 20px;
    }

    .inm-mission-patient-content h4 {

        font-size: 14px;

        margin-bottom: 4px;
    }

    .inm-mission-patient-content p {

        font-size: 11px;

        line-height: 1.5;
    }


    /* Plane */

    .inm-mission-plane-decoration {

        display: none;
    }


    /* Heading */

    .inm-mission-heading {

        font-size: 29px;

        letter-spacing: -0.5px;
    }

    .inm-mission-heading-line {

        margin-top: 9px;

        margin-bottom: 20px;
    }

    .inm-mission-heading-line span {

        width: 55px;

        height: 3px;
    }


    /* Text */

    .inm-mission-text {

        margin-bottom: 16px;

        font-size: 12px;

        line-height: 1.75;
    }


    /* Quote */

    .inm-mission-quote {

        min-height: auto;

        margin-top: 35px;

        padding: 22px 20px;

        gap: 12px;

        border-radius: 17px;
    }

    .inm-mission-quote-mark {

        font-size: 52px;

        margin-top: -8px;
    }

    .inm-mission-quote-content {

        padding-left: 14px;
    }

    .inm-mission-quote-content p {

        font-size: 11.5px;

        line-height: 1.6;
    }

    .inm-mission-quote-content span {

        font-size: 11.5px;
    }

    .inm-mission-quote-icon {

        display: none;
    }

}


/* =========================================================
   VERY SMALL SCREENS
========================================================= */

@media (max-width: 380px) {

    .inm-mission-section {

        padding-left: 10px;
        padding-right: 10px;
    }

    .inm-mission-image-wrap {

        height: 235px;
    }

    .inm-mission-patient-card {

        left: 20px;

        width: calc(100% - 35px);

        padding: 13px;
    }

    .inm-mission-heading {

        font-size: 25px;
    }

    .inm-mission-text {

        font-size: 11.5px;
    }

    .inm-mission-quote {

        padding: 18px 14px;
    }

    .inm-mission-quote-mark {

        font-size: 43px;
    }

}

.about-foundation-label {
    display: inline-block;
    margin-bottom: 18px;

    font-family: "Poppins", sans-serif;
    font-size: 42px !important;
    line-height: 1.15;
    font-weight: 700 !important;

    color: #1d366e !important;

    letter-spacing: -1px;
    text-transform: none;
}

.about-foundation-label::after {
    content: "";

    display: block;

    width: 70px;
    height: 4px;

    margin-top: 10px;

    border-radius: 10px;

    background: linear-gradient(
        90deg,
        #13a77e,
        #176fe5
    );
}


/* Smaller screens */
@media (max-width: 900px) {
    .about-foundation-label {
        font-size: 34px !important;
    }
}

@media (max-width: 600px) {
    .about-foundation-label {
        font-size: 28px !important;
        margin-bottom: 14px;
    }

    .about-foundation-label::after {
        width: 55px;
        height: 3px;
        margin-top: 8px;
    }
}
.doctor-info-item {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: -15px;
  margin-bottom: 5px;
}

.doctor-info-item i {
    color: #0ca67d;
    font-size: 16px;
}

.doctor-info-item span {
    display: block;
    font-size: 12px;
    color: #777;
    margin-bottom: 2px;
}

.doctor-info-item strong {
    display: block;
    font-size: 13px;
    color: #40485a;
    font-weight: 600;
}
.inm-mission-quote-content span {
    display: block;
    margin-bottom: 8px;

    color: #10275b;

    font-family: "Poppins", sans-serif;
    font-size: 24px;
    line-height: 1.25;
    font-weight: 700;
}

.inm-mission-quote-content p {
    margin: 0;

    color: #14244a;

    font-family: "Poppins", sans-serif;
    font-size: 15px;
    line-height: 1.7;
    font-style: italic;
    font-weight: 500;
}
/* =========================================================
   INAM MEDICARE
   LARGE SCREEN RESPONSIVENESS
   1440px → 2560px

   Add this at the VERY END of responsive.css
========================================================= */


/* =========================================================
   1440px – 1599px
========================================================= */

@media (min-width: 1440px) and (max-width: 1599px) {

    /* -----------------------------
       GLOBAL
    ----------------------------- */

    .inamhome-page-wrapper {
        width: 100%;
        overflow-x: hidden;
    }

    /* Keep main content centered */
    .inamhero-container,
    .inamwhy-container,
    .inamwork-container,
    .inamjourney-container,
    .inamspc-container,
    .inamdr-container,
    .imj-healthcare-container,
    .inamts-container {
        width: calc(100% - 80px);
        max-width: 1380px;
        margin-left: auto;
        margin-right: auto;
    }


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

    .inamhero-container {
        min-height: 700px;
        padding-left: 0;
        padding-right: 0;
                margin-top: 80px;
        margin-bottom: 30px;
    }

    .inamhero-left-area {
        width: 850px;
        max-width: 100%;
    }

    .inamhero-heading-one,
    .inamhero-heading-two {
        font-size: 54px;
        line-height: 1.08;
    }

    .inamhero-description {
        max-width: 780px;
        font-size: 17px;
        line-height: 1.75;
    }

    .inamhero-feature-wrapper {
        width: 100%;
        max-width: 850px;
        gap: 14px;
    }

    .inamhero-feature-box {
        min-height: 100px;
        padding: 18px 20px;
    }

    .inamhero-feature-title {
        font-size: 15px;
    }

    .inamhero-feature-text {
        font-size: 13px;
    }

    .inamhero-feature-icon {
        width: 52px;
        height: 52px;
        min-width: 52px;
    }


    /* =====================================================
       WHY CHOOSE INDIA
    ===================================================== */

    .inamwhy-section {
        padding-top: 90px;
        padding-bottom: 90px;
    }

    .inamwhy-heading {
        max-width: 950px;
        margin-left: auto;
        margin-right: auto;
    }

    .inamwhy-title {
        font-size: 52px;
        line-height: 1.12;
    }

    .inamwhy-description {
        max-width: 800px;
        margin-left: auto;
        margin-right: auto;
        font-size: 16px;
        line-height: 1.75;
    }

    .inamwhy-flow {
        max-width: 1250px;
        margin-left: auto;
        margin-right: auto;
    }

    .inamwhy-item-title {
        font-size: 22px;
    }

    .inamwhy-item-text {
        font-size: 14px;
        line-height: 1.7;
    }


    /* =====================================================
       WHY CHOOSE INAM
    ===================================================== */

    .inamwork-main-section {
        padding-top: 90px;
        padding-bottom: 90px;
    }

    .inamwork-heading h2 {
        font-size: 46px;
    }

    .inamwork-heading p {
        font-size: 16px;
    }

    .inamwork-process {
        max-width: 1300px;
        margin-left: auto;
        margin-right: auto;
    }

    .inamwork-item {
        min-width: 0;
    }

    .inamwork-item h3 {
        font-size: 19px;
    }

    .inamwork-item p {
        font-size: 13px;
        line-height: 1.7;
    }


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

    .inamjourney-section {
        padding-top: 90px;
        padding-bottom: 90px;
    }

    .inamjourney-title {
        font-size: 48px;
    }

    .inamjourney-subtitle {
        font-size: 16px;
    }

    .inamjourney-main {
        max-width: 1300px;
        margin-left: auto;
        margin-right: auto;
    }

    .inamjourney-card h3 {
        font-size: 17px;
    }

    .inamjourney-bottom {
        max-width: 1000px;
        margin-left: auto;
        margin-right: auto;
    }


    /* =====================================================
       MEDICAL SPECIALITIES
    ===================================================== */

    .inamspc-main-section {
        padding-top: 90px;
        padding-bottom: 90px;
    }

    .inamspc-container {
        max-width: 1350px;
    }

    .inamspc-main-heading {
        font-size: 46px;
    }

    .inamspc-heading-text {
        max-width: 700px;
        margin-left: auto;
        margin-right: auto;
        font-size: 15px;
    }

    .inamspc-grid-wrapper {
        gap: 20px;
    }

    .inamspc-service-card {
        min-height: 185px;
    }

    .inamspc-card-content h3 {
        font-size: 15px;
        line-height: 1.45;
    }


    /* =====================================================
       DOCTORS
    ===================================================== */

    .inamdr-section {
        padding-top: 90px;
        padding-bottom: 90px;
    }

    .inamdr-container {
        max-width: 1350px;
    }

    .inamdr-header h2 {
        font-size: 45px;
        line-height: 1.15;
    }

    .inamdr-grid {
        gap: 22px;
    }

    .inamdr-card {
        min-width: 0;
    }

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

    .inamdr-content h5 {
        font-size: 13px;
    }

    .doctor-info-item strong {
        font-size: 12px;
    }


    /* =====================================================
       HEALTHCARE / CALLBACK
    ===================================================== */

    .imj-healthcare-section {
        padding-top: 90px;
        padding-bottom: 90px;
    }

    .imj-healthcare-container {
        max-width: 1350px;
        gap: 55px;
    }

    .imj-healthcare-left {
        min-width: 0;
    }

    .imj-healthcare-right {
        min-width: 0;
    }

    .imj-healthcare-heading {
        font-size: 45px;
        line-height: 1.15;
    }

    .imj-healthcare-description {
        max-width: 700px;
        font-size: 15px;
        line-height: 1.75;
    }

    .imj-callback-card {
        max-width: 600px;
        margin-left: auto;
    }

    .imj-callback-heading {
        font-size: 27px;
    }

    .imj-callback-description {
        font-size: 13px;
    }
}


/* =========================================================
   1600px – 1919px
========================================================= */

@media (min-width: 1600px) and (max-width: 3000px) {

    /* -----------------------------
       GLOBAL CONTAINERS
    ----------------------------- */

    .inamhero-container,
    .inamwhy-container,
    .inamwork-container,
    .inamjourney-container,
    .inamspc-container,
    .inamdr-container,
    .imj-healthcare-container,
    .inamts-container {
        width: calc(100% - 100px);
        max-width: 1500px;
        margin-left: auto;
        margin-right: auto;
    }


    /* -----------------------------
       HERO
    ----------------------------- */

    .inamhero-container {
        min-height: 740px;
                margin-top: 80px;
        margin-bottom: 25px;
    }

    .inamhero-left-area {
        width: 900px;
        max-width: 100%;
    }

    .inamhero-heading-one,
    .inamhero-heading-two {
        font-size: 60px;
        line-height: 1.07;
    }

    .inamhero-description {
        max-width: 850px;
        font-size: 18px;
        line-height: 1.75;
    }

    .inamhero-feature-wrapper {
        max-width: 900px;
        gap: 16px;
    }

    .inamhero-feature-box {
        min-height: 105px;
        padding: 20px 22px;
    }

    .inamhero-feature-title {
        font-size: 16px;
    }

    .inamhero-feature-text {
        font-size: 14px;
    }

    .inamhero-feature-icon {
        width: 55px;
        height: 55px;
        min-width: 55px;
    }


    /* -----------------------------
       WHY INDIA
    ----------------------------- */

    .inamwhy-section {
        padding-top: 105px;
        padding-bottom: 105px;
    }

    .inamwhy-title {
        font-size: 56px;
    }

    .inamwhy-description {
        max-width: 850px;
        font-size: 17px;
    }

    .inamwhy-flow {
        max-width: 1400px;
    }

    .inamwhy-item-title {
        font-size: 23px;
    }

    .inamwhy-item-text {
        font-size: 14px;
    }


    /* -----------------------------
       WHY INAM
    ----------------------------- */

    .inamwork-main-section {
        padding-top: 105px;
        padding-bottom: 105px;
    }

    .inamwork-heading h2 {
        font-size: 50px;
    }

    .inamwork-process {
        max-width: 1450px;
    }

    .inamwork-item h3 {
        font-size: 20px;
    }

    .inamwork-item p {
        font-size: 14px;
    }


    /* -----------------------------
       JOURNEY
    ----------------------------- */

    .inamjourney-section {
        padding-top: 105px;
        padding-bottom: 105px;
    }

    .inamjourney-title {
        font-size: 52px;
    }

    .inamjourney-subtitle {
        font-size: 17px;
    }

    .inamjourney-main {
        max-width: 1450px;
    }

    .inamjourney-card h3 {
        font-size: 18px;
    }


    /* -----------------------------
       SPECIALITIES
    ----------------------------- */

    .inamspc-main-section {
        padding-top: 105px;
        padding-bottom: 105px;
    }

    .inamspc-container {
        max-width: 1450px;
    }

    .inamspc-main-heading {
        font-size: 50px;
    }

    .inamspc-grid-wrapper {
        gap: 24px;
    }

    .inamspc-service-card {
        min-height: 195px;
    }

    .inamspc-card-content h3 {
        font-size: 16px;
    }


    /* -----------------------------
       DOCTORS
    ----------------------------- */

    .inamdr-section {
        padding-top: 105px;
        padding-bottom: 105px;
    }

    .inamdr-container {
        max-width: 1450px;
    }

    .inamdr-header h2 {
        font-size: 50px;
    }

    .inamdr-grid {
        gap: 25px;
    }

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

    .inamdr-content h5 {
        font-size: 14px;
    }

    .doctor-info-item strong {
        font-size: 13px;
    }


    /* -----------------------------
       CONTACT
    ----------------------------- */

    .imj-healthcare-section {
        padding-top: 105px;
        padding-bottom: 105px;
    }

    .imj-healthcare-container {
        max-width: 1450px;
        gap: 70px;
    }

    .imj-healthcare-heading {
        font-size: 50px;
    }

    .imj-healthcare-description {
        font-size: 16px;
    }

    .imj-callback-card {
        max-width: 620px;
    }

    .imj-callback-heading {
        font-size: 29px;
    }
}


/* =========================================================
   1920px – 2559px
========================================================= */

@media (min-width: 1920px) and (max-width: 2559px) {

    /* =====================================================
       IMPORTANT:
       Don't allow the website to stretch indefinitely.
    ===================================================== */

    .inamhero-container,
    .inamwhy-container,
    .inamwork-container,
    .inamjourney-container,
    .inamspc-container,
    .inamdr-container,
    .imj-healthcare-container,
    .inamts-container {
        width: calc(100% - 140px);
        max-width: 1600px;
        margin-left: auto;
        margin-right: auto;
    }


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

    .inamhero-container {
        min-height: 780px;
    }

    .inamhero-left-area {
        width: 980px;
        max-width: 100%;
    }

    .inamhero-heading-one,
    .inamhero-heading-two {
        font-size: 68px;
        line-height: 1.06;
    }

    .inamhero-description {
        max-width: 900px;
        font-size: 19px;
        line-height: 1.8;
    }

    .inamhero-feature-wrapper {
        max-width: 980px;
        gap: 18px;
    }

    .inamhero-feature-box {
        min-height: 112px;
        padding: 22px 24px;
        border-radius: 20px;
    }

    .inamhero-feature-title {
        font-size: 17px;
    }

    .inamhero-feature-text {
        font-size: 15px;
    }

    .inamhero-feature-icon {
        width: 60px;
        height: 60px;
        min-width: 60px;
        font-size: 20px;
    }

    .inamhero-primary-button,
    .inamhero-secondary-button {
        min-height: 54px;
        padding: 0 25px;
        font-size: 15px;
    }

    .inamhero-country-title {
        font-size: 15px;
    }


    /* =====================================================
       WHY CHOOSE INDIA
    ===================================================== */

    .inamwhy-section {
        padding-top: 125px;
        padding-bottom: 125px;
    }

    .inamwhy-heading {
        max-width: 1100px;
    }

    .inamwhy-title {
        font-size: 62px;
        line-height: 1.1;
    }

    .inamwhy-description {
        max-width: 950px;
        font-size: 18px;
        line-height: 1.8;
    }

    .inamwhy-flow {
        max-width: 1500px;
    }

    .inamwhy-item-title {
        font-size: 25px;
    }

    .inamwhy-item-text {
        font-size: 15px;
        line-height: 1.75;
    }

    .inamwhy-icon-wrap {
        width: 68px;
        height: 68px;
    }


    /* =====================================================
       WHY CHOOSE INAM
    ===================================================== */

    .inamwork-main-section {
        padding-top: 125px;
        padding-bottom: 125px;
    }

    .inamwork-heading h2 {
        font-size: 56px;
    }

    .inamwork-heading p {
        font-size: 18px;
    }

    .inamwork-process {
        max-width: 1550px;
    }

    .inamwork-item h3 {
        font-size: 21px;
    }

    .inamwork-item p {
        font-size: 15px;
        line-height: 1.75;
    }

    .inamwork-circle {
        width: 100px;
        height: 100px;
    }


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

    .inamjourney-section {
        padding-top: 125px;
        padding-bottom: 125px;
    }

    .inamjourney-heading {
        max-width: 1000px;
        margin-left: auto;
        margin-right: auto;
    }

    .inamjourney-title {
        font-size: 58px;
    }

    .inamjourney-subtitle {
        font-size: 18px;
    }

    .inamjourney-main {
        max-width: 1550px;
    }

    .inamjourney-card h3 {
        font-size: 19px;
    }

    .inamjourney-icon {
        width: 65px;
        height: 65px;
    }

    .inamjourney-number {
        font-size: 15px;
    }

    .inamjourney-bottom {
        max-width: 1100px;
        font-size: 17px;
    }


    /* =====================================================
       SPECIALITIES
    ===================================================== */

    .inamspc-main-section {
        padding-top: 125px;
        padding-bottom: 125px;
    }

    .inamspc-container {
        max-width: 1550px;
    }

    .inamspc-main-heading {
        font-size: 56px;
    }

    .inamspc-heading-text {
        max-width: 850px;
        font-size: 17px;
    }

    .inamspc-grid-wrapper {
        gap: 26px;
    }

    .inamspc-service-card {
        min-height: 210px;
        border-radius: 22px;
    }

    .inamspc-card-content h3 {
        font-size: 17px;
        line-height: 1.5;
    }

    .inamspc-icon-box {
        width: 75px;
        height: 75px;
    }


    /* =====================================================
       DOCTORS
    ===================================================== */

    .inamdr-section {
        padding-top: 125px;
        padding-bottom: 125px;
    }

    .inamdr-container {
        max-width: 1550px;
    }

    .inamdr-header h2 {
        font-size: 56px;
        line-height: 1.12;
    }

    .inamdr-grid {
        gap: 28px;
    }

    .inamdr-content {
        padding: 22px;
    }

    .inamdr-content h3 {
        font-size: 20px;
    }

    .inamdr-content h5 {
        font-size: 14px;
    }

    .inamdr-exp {
        font-size: 13px;
    }

    .doctor-info-item {
        gap: 12px;
    }

    .doctor-info-item i {
        font-size: 17px;
    }

    .doctor-info-item span {
        font-size: 11px;
    }

    .doctor-info-item strong {
        font-size: 13px;
        line-height: 1.4;
    }


    /* =====================================================
       HEALTHCARE JOURNEY / CALLBACK
    ===================================================== */

    .imj-healthcare-section {
        padding-top: 125px;
        padding-bottom: 125px;
    }

    .imj-healthcare-container {
        max-width: 1550px;
        gap: 85px;
    }

    .imj-healthcare-heading {
        font-size: 56px;
        line-height: 1.1;
    }

    .imj-healthcare-description {
        max-width: 800px;
        font-size: 17px;
        line-height: 1.8;
    }

    .imj-journey-list {
        max-width: 800px;
    }

    .imj-journey-content h4 {
        font-size: 16px;
    }

    .imj-journey-content p {
        font-size: 14px;
        line-height: 1.65;
    }

    .imj-callback-card {
        max-width: 650px;
        padding: 40px;
    }

    .imj-callback-heading {
        font-size: 31px;
    }

    .imj-callback-description {
        font-size: 14px;
    }

    .imj-form-group label {
        font-size: 13px;
    }

    .imj-input-wrapper input,
    .imj-select-wrapper select,
    .imj-form-group textarea {
        font-size: 14px;
    }


    /* =====================================================
       TESTIMONIALS
    ===================================================== */

    .inamts-section {
        padding-top: 125px;
        padding-bottom: 125px;
    }

    .inamts-header h2 {
        font-size: 55px;
    }

    .inamts-header p {
        max-width: 850px;
        margin-left: auto;
        margin-right: auto;
        font-size: 17px;
    }

    .inamts-card {
        min-height: 300px;
    }
}


/* =========================================================
   2560px EXACT / ULTRA-WIDE
========================================================= */

@media (min-width: 2560px) {

    /*
       Keep the actual website content around 1650px.
       This prevents huge empty/stretching layouts on
       2K / 4K monitors.
    */

    .inamhero-container,
    .inamwhy-container,
    .inamwork-container,
    .inamjourney-container,
    .inamspc-container,
    .inamdr-container,
    .imj-healthcare-container,
    .inamts-container {
        width: 1650px;
        max-width: calc(100% - 180px);
        margin-left: auto;
        margin-right: auto;
    }


    .inamhero-heading-one,
    .inamhero-heading-two {
        font-size: 70px;
    }

    .inamhero-description {
        font-size: 19px;
    }

    .inamwhy-title {
        font-size: 64px;
    }

    .inamwork-heading h2 {
        font-size: 58px;
    }

    .inamjourney-title {
        font-size: 60px;
    }

    .inamspc-main-heading {
        font-size: 58px;
    }

    .inamdr-header h2 {
        font-size: 58px;
    }

    .imj-healthcare-heading {
        font-size: 58px;
    }
}


/* =========================================================
   UNIVERSAL LARGE-SCREEN OVERFLOW PROTECTION
========================================================= */

@media (min-width: 1440px) {

    /* html,
    body {
        width: 100%;
        max-width: 100%;
        overflow-x: hidden;
    } */

    section {
        max-width: 100%;
        overflow-x: hidden;
    }

    img {
        max-width: 100%;
    }

    .inamhero-container,
    .inamwhy-container,
    .inamwork-container,
    .inamjourney-container,
    .inamspc-container,
    .inamdr-container,
    .imj-healthcare-container,
    .inamts-container {
        box-sizing: border-box;
    }
}
.ip-specialty-img {
    height: 150px;
    width: 100%;
    overflow: hidden;
    position: relative;
}

.ip-specialty-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.inamhp-content h3 {
    min-height: 54px;
}

.inamhp-location {
    min-height: 21px;
}

.inamhp-content p {
    min-height: 70px;
}
.inamdr-content {
    display: flex;
    flex-direction: column;
}

.inamdr-content h3 {
    min-height: 20px;
}

.inamdr-content h5 {
    min-height: 48px;
}

.inamdr-line {
    margin-top: 0;
}

.inamdr-exp {
    min-height: 30px;
}

.doctor-info-item {
    min-height: 70px;
}

.hdetail-hospital-about {
    width: 100% !important;
    max-width: none !important;
    padding: 80px 0 !important;
    margin: 0 !important;
    background: #fff !important;
}

.hdetail-hospital-about-container {
    width: 100% !important;
    max-width: 1400px !important;
    margin: 0 auto !important;
    padding: 0 70px !important;
    display: block !important;
}

.hdetail-hospital-about-content {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: left !important;
}

.hdetail-eyebrow {
    margin-bottom: 20px !important;
}

.hdetail-hospital-about-content h2 {
    width: 100% !important;
    max-width: 900px !important;
    margin: 0 0 25px !important;
    font-size: 48px !important;
    line-height: 1.18 !important;
    text-align: left !important;
}

.hdetail-hospital-about-content p {
    width: 100% !important;
    max-width: 1100px !important;
    margin: 0 !important;
    font-size: 20px !important;
    line-height: 1.8 !important;
    text-align: left !important;
}

.hdetail-hospital-achievements {
    width: 100% !important;
    max-width: 1400px !important;
    margin: 55px auto 0 !important;
    padding: 0 70px !important;
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 25px !important;
}

.hdetail-achievement-card {
    width: 100% !important;
    margin: 0 !important;
    padding: 30px !important;
    text-align: left !important;
}


/* TABLET */
@media (max-width: 1000px) {

    .hdetail-hospital-about-container,
    .hdetail-hospital-achievements {
        padding-left: 40px !important;
        padding-right: 40px !important;
    }

    .hdetail-hospital-about-content h2 {
        font-size: 40px !important;
    }
}


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

    .hdetail-hospital-about {
        padding: 60px 0 !important;
    }

    .hdetail-hospital-about-container,
    .hdetail-hospital-achievements {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    .hdetail-hospital-about-content h2 {
        font-size: 32px !important;
    }

    .hdetail-hospital-about-content p {
        font-size: 16px !important;
    }

    .hdetail-hospital-achievements {
        grid-template-columns: 1fr !important;
        margin-top: 40px !important;
    }
}
.ip-testimonial-track {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 20px !important;
    width: 100% !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scroll-behavior: smooth !important;
    scrollbar-width: none !important;
}

.ip-testimonial-track::-webkit-scrollbar {
    display: none !important;
}

.ip-testimonial-card {
    flex: 0 0 calc(33.333% - 14px) !important;
    width: calc(33.333% - 14px) !important;
    min-width: calc(33.333% - 14px) !important;
}
/* =========================================================
   FORCE EQUAL DOCTOR CARD HEIGHT
========================================================= */

.hdetail-hospital-doctors .swiper-wrapper {
    align-items: stretch !important;
}

.hdetail-hospital-doctors .swiper-slide {
    height: auto !important;
    display: flex !important;
    align-items: stretch !important;
}

.hdetail-hospital-doctors .hdetail-doctor-card {
    height: 100% !important;
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
}

/* Equal image area */
.hdetail-hospital-doctors .hdetail-doctor-image {
    height: 250px !important;
    min-height: 250px !important;
    flex-shrink: 0 !important;
    overflow: hidden !important;
}

.hdetail-hospital-doctors .hdetail-doctor-image img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
}

/* Equal content area */
.hdetail-hospital-doctors .hdetail-doctor-content {
    flex: 1 !important;
    display: flex !important;
    flex-direction: column !important;
}

/* Keep doctor details consistent */
.hdetail-hospital-doctors .hdetail-doctor-content h3 {
    min-height: 48px !important;
    margin-bottom: 8px !important;
}

.hdetail-hospital-doctors .hdetail-doctor-content h4 {
    min-height: 24px !important;
    margin-bottom: 15px !important;
}

.hdetail-hospital-doctors .hdetail-doctor-details {
    flex: 1 !important;
}

/* Push View Profile to same bottom position */
.hdetail-hospital-doctors .hdetail-doctor-content > a {
    margin-top: auto !important;
}