@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap');

/* Recommended to remove browser default margin */
html,
body{
    margin:0;
    padding:0;
}

/* ===========================
   NAVBAR
=========================== */

.inamx-navbar-main{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    background:#ffffff;
    border-bottom:1px solid #ececec;
    box-shadow:0 4px 18px rgba(0,0,0,.08);
    z-index:99999;
    font-family:'Poppins',sans-serif;
}

.inamx-navbar-wrapper{
    max-width:1400px;
    width:100%;
    margin:0 auto;
    padding:14px 35px;
    display:flex;
    justify-content:space-between;
    align-items:center;
    box-sizing:border-box;
}

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

.inamx-logo-box{
    display:flex;
    align-items:center;
}

.inamx-logo-link{
    display:inline-flex;
    text-decoration:none;
}

.inamx-logo-image{
    width:140px;
    display:block;
}

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

.inamx-navigation-area{
    display:flex;
    align-items:center;
}

.inamx-navigation-list{
    display:flex;
    align-items:center;
    list-style:none;
    margin:0;
    padding:0;
    gap:42px;
}

.inamx-navigation-item{
    position:relative;
}

.inamx-navigation-anchor{
    display:flex;
    align-items:center;
    gap:5px;
    text-decoration:none;
    color:#0f2e74;
    font-size:14px;
    font-weight:600;
    transition:.3s;
}

.inamx-navigation-anchor:hover{
    color:#10a64b;
}

.inamx-service-arrow{
    width:15px;
    height:15px;
}

.inamx-active-item .inamx-navigation-anchor{
    color:#10a64b;
}

.inamx-active-item::after{
    content:"";
    position:absolute;
    left:0;
    bottom:-18px;
    width:100%;
    height:3px;
    background:#10a64b;
    border-radius:20px;
}

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

.inamx-right-controls{
    display:flex;
    align-items:center;
    gap:18px;
}

/* ===========================
   LANGUAGE
=========================== */

.inamx-language-box{
    display:flex;
    align-items:center;
    gap:6px;
    cursor:pointer;
    color:#0f2e74;
    transition:.3s;
}

.inamx-language-box:hover{
    color:#10a64b;
}

.inamx-language-icon{
    width:18px;
    height:18px;
}

.inamx-language-arrow{
    width:15px;
    height:15px;
}

.inamx-language-text{
    font-size:14px;
    font-weight:600;
}

/* ===========================
   LOGIN
=========================== */

.inamx-login-button{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    padding:12px 22px;
    border:2px solid #d7e4f8;
    border-radius:12px;
    text-decoration:none;
    color:#0f2e74;
    font-size:14px;
    font-weight:600;
    transition:.3s;
}

.inamx-login-button:hover{
    background:#0f2e74;
    color:#ffffff;
}

.inamx-login-icon{
    width:18px;
    height:18px;
}

/* ===========================
   CONSULTATION
=========================== */

.inamx-consultation-button{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    padding:13px 24px;
    background:#12a64d;
    color:#ffffff;
    text-decoration:none;
    border-radius:12px;
    font-size:14px;
    font-weight:600;
    transition:.3s;
    box-shadow:0 10px 18px rgba(18,166,77,.25);
}

.inamx-consultation-button:hover{
    background:#0b9241;
}

.inamx-consultation-arrow{
    width:16px;
    height:16px;
}

.inamx-consultation-text{
    white-space:nowrap;
}

/* ===========================
   PAGE OFFSET
=========================== */

.inamx-page-wrapper{
    padding-top:86px;
}

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

@media(max-width:1300px){

    .inamx-navbar-wrapper{
        padding:14px 22px;
    }

    .inamx-navigation-list{
        gap:28px;
    }

    .inamx-logo-image{
        width:125px;
    }

    .inamx-navigation-anchor{
        font-size:14px;
    }

    .inamx-login-button{
        padding:10px 18px;
        font-size:13px;
    }

    .inamx-consultation-button{
        padding:11px 20px;
        font-size:13px;
    }

}

@media(max-width:1100px){

    .inamx-navigation-list{
        gap:20px;
    }

    .inamx-navigation-anchor{
        font-size:12px;
    }

    .inamx-logo-image{
        width:110px;
    }

    .inamx-right-controls{
        gap:12px;
    }

}

@media(max-width:992px){

    .inamx-navigation-area{
        display:none;
    }

    .inamx-navbar-wrapper{
        justify-content:space-between;
    }

}
.inamx-navbar-main{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    background:#ffffff;
    border-bottom:1px solid #ececec;
    box-shadow:0 3px 12px rgba(0,0,0,.08);
    z-index:99999;
    font-family:'Poppins',sans-serif;
}
.inamx-navbar-wrapper{
    max-width:1420px;
    width:100%;
    margin:0 auto;
    padding:8px 28px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    box-sizing:border-box;
    height:100px;
    margin-top:37px;
}
.inamx-logo-image{
    width:180px;
    height:auto;
    display:block;
}
.inamx-login-button{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    text-decoration:none;
    color:#0d2d77;
    border:2px solid #d9e5f7;
    border-radius:10px;
    padding:10px 18px;
    font-size:13px;
    font-weight:600;
    transition:.3s;
}
.inamx-consultation-button{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    text-decoration:none;
    background:#10a54b;
    color:#ffffff;
    border-radius:10px;
    padding:11px 20px;
    font-size:13px;
    font-weight:600;
    box-shadow:0 8px 16px rgba(16,165,75,.25);
    transition:.3s;
}
/* .inamx-navigation-anchor{
    display:flex;
    align-items:center;
    gap:5px;
    text-decoration:none;
    color:#0d2d77;
    font-size:14px;
    font-weight:600;
    transition:.3s;
} */
 
.inamx-navigation-list{
    display:flex;
    align-items:center;
    list-style:none;
    margin:0;
    padding:0;
    gap:24px;
}


/*===========================
TOP BAR
===========================*/

.inamx-topbar-main{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:38px;
    background:#0d2d77;
    z-index:100000;
    font-family:'Poppins',sans-serif;
}

.inamx-topbar-wrapper{
    max-width:1400px;
    height:100%;
    margin:0 auto;
    padding:0 56px;
    display:flex;
    justify-content:space-between;
    align-items:center;
    box-sizing:border-box;
}

.inamx-topbar-phone,
.inamx-topbar-email{
    display:flex;
    align-items:center;
    gap:8px;
    color:#ffffff;
    font-size:13px;
    font-weight:500;
}

.inamx-topbar-phone a,
.inamx-topbar-email a{
    color:#ffffff;
    text-decoration:none;
    transition:.3s;
}

.inamx-topbar-phone a:hover,
.inamx-topbar-email a:hover{
    color:#25d366;
}

.inamx-topbar-phone svg,
.inamx-topbar-email svg{
    width:16px;
    height:16px;
    color:#ffffff;
}

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

.inamx-mobile-navbar{
    display:none;
    position:fixed;
    top:38px;
    left:0;
    width:100%;
    height:72px;
    background:#ffffff;
    z-index:9999;
    box-shadow:0 3px 15px rgba(0,0,0,.08);
}

.inamx-mobile-wrapper{
    max-width:1400px;
    height:100%;
    margin:0 auto;
    padding:0 20px;
    display:flex;
    justify-content:space-between;
    align-items:center;
    box-sizing:border-box;
}

.inamx-mobile-logo{
    height:75px;
    width:100px;
    display:block;
}

/*====================================================
HAMBURGER
====================================================*/

.inamx-mobile-btn{
    width:44px;
    height:44px;
    border:none;
    background:none;
    cursor:pointer;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    gap:5px;
    padding:0;
}

.inamx-mobile-btn span{
    width:26px;
    height:3px;
    background:#0d2d77;
    border-radius:20px;
    transition:.3s ease;
}

/* Hamburger -> X */

.inamx-mobile-btn.active span:nth-child(1){
    transform:translateY(8px) rotate(45deg);
}

.inamx-mobile-btn.active span:nth-child(2){
    opacity:0;
}

.inamx-mobile-btn.active span:nth-child(3){
    transform:translateY(-8px) rotate(-45deg);
}

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

.inamx-mobile-overlay{
    position:fixed;
    inset:0;
    background:rgba(0,0,0,.45);
    opacity:0;
    visibility:hidden;
    transition:.3s;
    z-index:9998;
}

.inamx-mobile-overlay.active{
    opacity:1;
    visibility:visible;
}

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

.inamx-mobile-menu{
    position:fixed;
    top:0;
    right:-320px;
    width:300px;
    max-width:85%;
    height:100vh;
    background:#ffffff;
    box-shadow:-8px 0 30px rgba(0,0,0,.15);
    transition:.35s ease;
    z-index:9999;
    overflow-y:auto;
    padding-top:30px;
}

.inamx-mobile-menu.open{
    right:0;
}

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

.inamx-mobile-close{
    width:42px;
    height:42px;
    margin-left:auto;
    margin-right:15px;
    border:none;
    background:none;
    font-size:32px;
    cursor:pointer;
    color:#0d2d77;
    margin-left: 220px;
  top: -38px;
  transform: translateY(10px);
}

/*====================================================
MENU
====================================================*/

.inamx-mobile-list{
    list-style:none;
    margin:25px 0 0;
    padding:0;
}

.inamx-mobile-list li{
    border-bottom:1px solid #ececec;
}

.inamx-mobile-list li a{
    display:block;
    padding:18px 24px;
    color:#222;
    text-decoration:none;
    font-size:15px;
    font-weight:500;
    transition:.25s;
}

.inamx-mobile-list li a:hover{
    color:#0d2d77;
    background:#f7f9fc;
}

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

.inamx-mobile-consult-btn{
    margin:18px;
    border-radius:8px;
    background:#25b45b;
    color:#fff !important;
    text-align:center;
    font-weight:600;
}

.inamx-mobile-consult-btn:hover{
    background:#1d9c4d !important;
}

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

@media(max-width:992px){

    .inamx-navbar-main{
        display:none;
    }

    .inamx-mobile-navbar{
        display:block;
    }

}



@media(min-width:993px) and (max-width:1209px){
.inamx-navigation-anchor {
  display: flex;
  align-items: center;
  gap: 5px;
  text-decoration: none;
  color: #0d2d77;
  font-size: 12px;
  font-weight: 600;
  transition: .3s;
}
.inamx-logo-image {
  width: 180px;
  height: auto;
  display: block;
}
.inamx-navigation-list {
  display: flex;
  align-items: center;
  list-style: none;
  margin: 0;
  padding: 0;
  gap: 12px;
}
.inamx-login-button {
  color: #0d2d77;
  font-size: 11px;
  font-weight: 600;
}
.inamx-login-button {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  text-decoration: none;
  color: #0d2d77;
  border: 2px solid #d9e5f7;
  border-radius: 10px;
  padding: 5px 8px;
  font-size: 11px;
  font-weight: 600;
  transition: .3s;
}

element {
}
.inamx-consultation-button:hover {
  background: #0b9241;

}
.inamx-consultation-button {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;

  text-decoration: none;

  background: #10a54b;
  color: #ffffff;
  border-radius: 10px;

  padding: 11px 20px;

  font-size: 11px;
  font-weight: 600;
  box-shadow: 0 8px 16px rgba(16,165,75,.25);
  transition: .3s;

}
.inamx-consultation-button {
  color: #ffffff;
  font-size: 11px;
  font-weight: 600;
}
}
/* ==============================
   DROPDOWN
============================== */

.inamx-dropdown-holder{
    position:relative;
}

.inamx-dropdown-menu{

    position:absolute;

    top:calc(100% + 21px);

    left:0;

    min-width:270px;

    background:#ffffff;

    border-radius:14px;

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

    border:1px solid #edf2f7;

    opacity:0;

    visibility:hidden;

    transform:translateY(40px);

    transition:.35s ease;

    z-index:99999;

    overflow:hidden;

}

.inamx-dropdown-menu a{

    display:block;

    padding:15px 22px;

    text-decoration:none;

    color:#0d2d77;

    font-size:14px;

    font-weight:500;

    transition:.3s;

    border-bottom:1px solid #f3f3f3;

}

.inamx-dropdown-menu a:last-child{

    border-bottom:none;

}

.inamx-dropdown-menu a:hover{

    background:#f7fbff;

    color:#10a54b;

    padding-left:28px;

}

.inamx-dropdown-holder:hover .inamx-dropdown-menu{

    opacity:1;

    visibility:visible;

    transform:translateY(0);

}

.inamx-dropdown-holder:hover .inamx-service-arrow{

    transform:rotate(180deg);

}

.inamx-service-arrow{

    transition:.3s;

}
.inamx-language-box{
    position:relative;
    cursor:pointer;
}

.inamx-language-selected{
    display:flex;
    align-items:center;
    gap:8px;
}

.inamx-language-dropdown{

    position:absolute;

    top:120%;

    right:0;

    width:230px;

    background:#fff;

    border-radius:12px;

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

    opacity:0;

    visibility:hidden;

    transform:translateY(10px);

    transition:.3s;

    z-index:99999;

    overflow:hidden;

}

.inamx-language-dropdown.inamx-open{

    opacity:1;

    visibility:visible;

    transform:translateY(0);

}

.inamx-language-item{

    display:flex;

    justify-content:space-between;

    align-items:center;

    padding:14px 18px;

    font-family:Poppins,sans-serif;

    font-size:14px;

    cursor:pointer;

    transition:.25s;

}

.inamx-language-item:hover{

    background:#f3f8ff;

}

.inamx-language-active{

    background:#eef6ff;

    color:#0b5cab;

    font-weight:600;

}
.inamx-language-dropdown{

    position:absolute;

    top:120%;

    right:0;

    width:240px;

    max-height:245px;   /* ≈ 5 languages */

    overflow-y:auto;

    overflow-x:hidden;

    background:#ffffff;

    border-radius:12px;

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

    opacity:0;

    visibility:hidden;

    transform:translateY(10px);

    transition:.3s;

    z-index:99999;

}

/* Open State */

.inamx-language-dropdown.inamx-open{

    opacity:1;

    visibility:visible;

    transform:translateY(0);

}

/* Scrollbar */

.inamx-language-dropdown::-webkit-scrollbar{

    width:6px;

}

.inamx-language-dropdown::-webkit-scrollbar-track{

    background:#f3f4f6;

    border-radius:10px;

}

.inamx-language-dropdown::-webkit-scrollbar-thumb{

    background:#0b5cab;

    border-radius:10px;

}

.inamx-language-dropdown::-webkit-scrollbar-thumb:hover{

    background:#084b8d;

}
.inamx-language-dropdown{
    opacity:0;
    visibility:hidden;
}

.inamx-language-dropdown.inamx-open{
    opacity:1;
    visibility:visible;
}
body.lang-fr .inamx-navigation-anchor{
    font-size:10px !important;
}
/* Hide Google Translate top bar */
.goog-te-banner-frame,
.skiptranslate iframe,
.goog-te-banner-frame.skiptranslate {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
}

/* Remove top margin added by Google */
body {
    top: 0 !important;
    position: static !important;
}

html {
    margin-top: 0 !important;
}

/* Hide Google Translate gadget if visible */
.goog-te-gadget,
.goog-te-gadget-simple {
    display: none !important;
}

/* Hide Google toolbar container */
#goog-gt-tt,
.goog-tooltip,
.goog-tooltip:hover,
.goog-text-highlight {
    display: none !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

.goog-text-highlight {
    background-color: transparent !important;
    box-shadow: none !important;
}
.footer {
    position: relative;
    overflow: hidden;
    /* margin-top:100px; */
    background: url("../images/footer-pharma.jpeg") 1% 9%/cover no-repeat;
    color: #fff;
    font-family: 'poppins', sans-serif;
}

.footer::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, rgb(5 20 50 / 11%), rgb(8 35 70 / 1%), rgb(4 18 45 / 0%))
}

.footer::after {
    content: "";
    position: absolute;
    width: 350px;
    height: 350px;
    top: -120px;
    right: -120px;
    border-radius: 50%;
    background: rgba(0, 170, 255, .08);
    filter: blur(80px);
}

.footer-container {
    position: relative;
    z-index: 2;
    max-width: 1350px;
    /* margin:auto; */
    padding: 17px 40px 0px;
}

.footer-grid {
    display: grid;
    grid-template-columns: 1.7fr 1fr 1fr 1.2fr;
    gap: 60px;
}

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

.footer-logo {
   width: 300px;
  margin-bottom: -20px;
    transition: .4s;
}

.footer-logo:hover {
    transform: scale(1.05);
}

.footer-about p {
    color: #d8e4f3;
    line-height: 1.9;
    margin-bottom: 28px;
    font-size: 15px;
}

/* .footer-contact{
    margin-right:80px;
} */
/*==========================
      SECTION TITLES
==========================*/

.footer-links h3,
.footer-contact h3 {
    position: relative;
    font-size: 23px;
    margin-bottom: 35px;
    font-weight: 600;
    margin-top: 46px;
}

.footer-links h3::after,
.footer-contact h3::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -10px;
    width: 60px;
    height: 3px;
    border-radius: 20px;
    background: linear-gradient(to right, #1aa7ff, #00d0ff);
}









/*=========================================================
                VISA ASSISTANCE MEGA MENU
=========================================================*/

.inamx-visa-holder{

    position:relative;

}

.inamx-visa-holder>.inamx-navigation-anchor{

    display:flex;

    align-items:center;

    gap:6px;

}

.inamx-visa-arrow{

    transition:.3s;

}

.inamx-visa-holder:hover .inamx-visa-arrow{

    transform:rotate(180deg);

}



/*========================
      DROPDOWN
========================*/

.inamx-visa-dropdown{

    position:absolute;

    top:calc(100% + 18px);

    left:50%;

    transform:translateX(-50%);

    width:1120px;

    background:#ffffff;

    border-radius:18px;

    box-shadow:
    0 28px 65px rgba(0,0,0,.14);

    border:1px solid #edf1f6;

    opacity:0;

    visibility:hidden;

    pointer-events:none;

    transition:.28s ease;

    z-index:99999;

    overflow:hidden;

}

.inamx-visa-holder:hover .inamx-visa-dropdown{

    opacity:1;

    visibility:visible;

    pointer-events:auto;

    top:calc(100% + 10px);

}



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

.inamx-visa-wrapper{

    display:grid;

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

    gap:34px;

    padding:38px 40px;

}



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

.inamx-visa-column{

    display:flex;

    flex-direction:column;

}

.inamx-visa-column h4{

    font-size:20px;

    font-weight:700;

    color:#123b83;

    margin:0 0 18px;

    padding-bottom:14px;

    border-bottom:1px solid #ececec;

    line-height:1.4;

}



/*========================
      LINKS
========================*/

.inamx-visa-column a{

    display:flex;

    align-items:center;

    gap:14px;

    text-decoration:none;

    color:#5d6777;

    font-size:17px;

    font-weight:500;

    padding:9px 10px;

    border-radius:8px;

    transition:.25s;

}

.inamx-visa-column a:hover{

    background:#eef7ff;

    color:#1aa54a;

    transform:translateX(5px);

}



/*========================
      COUNTRY CODE
========================*/

.inamx-visa-column span{

    width:34px;

    color:#9ca5b4;

    font-size:13px;

    font-weight:700;

    letter-spacing:1px;

    flex-shrink:0;

}



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

.inamx-visa-column:not(:last-child){

    border-right:1px solid #f0f3f8;

    padding-right:22px;

}



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

.inamx-visa-dropdown::-webkit-scrollbar{

    width:8px;

}

.inamx-visa-dropdown::-webkit-scrollbar-thumb{

    background:#d7dbe2;

    border-radius:20px;

}



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

@keyframes inamxVisaFade{

    from{

        opacity:0;

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

    }

    to{

        opacity:1;

        transform:translate(-50%,0);

    }

}

.inamx-visa-holder:hover .inamx-visa-dropdown{

    animation:inamxVisaFade .28s ease;

}



/*=========================================================
                LARGE DESKTOP
=========================================================*/

@media(min-width:1800px){

    .inamx-visa-dropdown{

        width:1250px;

    }

}



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

@media(max-width:1400px){

    .inamx-visa-dropdown{

        width:1040px;

    }

}



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

@media(max-width:1200px){

    .inamx-visa-dropdown{

        width:920px;

    }

    .inamx-visa-wrapper{

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

    }

}



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

@media(max-width:992px){

    .inamx-visa-dropdown{

        position:static;

        width:100%;

        transform:none;

        opacity:1;

        visibility:visible;

        display:none;

        margin-top:15px;

        animation:none;

        box-shadow:none;

        border:1px solid #e9edf3;

    }

    .inamx-visa-holder:hover .inamx-visa-dropdown{

        display:block;

    }

    .inamx-visa-wrapper{

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

        gap:24px;

        padding:25px;

    }

    .inamx-visa-column{

        border:none !important;

        padding-right:0;

    }

}



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

@media(max-width:600px){

    .inamx-visa-wrapper{

        grid-template-columns:1fr;

        padding:20px;

    }

    .inamx-visa-column h4{

        font-size:18px;

    }

    .inamx-visa-column a{

        font-size:15px;

    }

}

.inamx-visa-dropdown{

    position:absolute;

    top:100%;

    left:50%;

    transform:translateX(-50%);

    width:1120px;

    background:#fff;

    border-radius:12px;

    border:1px solid #eef2f6;

    box-shadow:
    0 10px 40px rgba(16,43,89,.12);

    overflow:hidden;

    z-index:99999;

    opacity:0;

    visibility:hidden;

    pointer-events:none;

    transition:.25s ease;

}

.inamx-visa-holder:hover .inamx-visa-dropdown{

    opacity:1;

    visibility:visible;

    pointer-events:auto;

}.inamx-visa-wrapper{

    display:grid;

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

    gap:0;

    padding:26px 30px;

}
.inamx-visa-column{

    padding:0 18px;

}

.inamx-visa-column:not(:last-child){

    border-right:1px solid #edf1f5;

}
.inamx-visa-column h4{

    margin:0;

    padding-bottom:14px;

    margin-bottom:14px;

    font-size:13px;

    font-weight:700;

    color:#153d86;

    text-transform:uppercase;

    letter-spacing:.5px;

    border-bottom:1px solid #eceff3;

}
.inamx-visa-column span{

    width:28px;

    color:#a5adbb;

    font-size:10px;

    font-weight:700;

    letter-spacing:.8px;

    flex-shrink:0;

}
.inamx-visa-column a:hover{

    background:#eef6ff;

    color:#179b4c;

}

.inamx-visa-column a:hover span{

    color:#179b4c;

}.inamx-visa-link:hover{

    background:#eef6ff;

    color:#179b4c;

}

.inamx-visa-link:hover .inamx-country-code{

    color:#179b4c;

}

.inamx-visa-link:hover .inamx-country-name{

    color:#179b4c;

}
/*=====================================================
            VISA MEGA MENU
=====================================================*/

.inamx-visa-holder{

    position:relative;

}

.inamx-visa-holder>.inamx-navigation-anchor{

    display:flex;

    align-items:center;

    gap:6px;

}

.inamx-visa-arrow{

    transition:.3s ease;

}

.inamx-visa-holder:hover .inamx-visa-arrow{

    transform:rotate(180deg);

}


/*=====================================================
                DROPDOWN
=====================================================*/

.inamx-visa-dropdown{

    position:absolute;



    top:calc(100% + 25px) !important;



    left:100% !important;

    transform:translateX(-50%);

    width:1120px;

    background:#ffffff;

    border-radius:12px;

    border:1px solid #edf2f7;

    box-shadow:
    0 18px 45px rgba(16,42,82,.12);

    opacity:0;

    visibility:hidden;

    pointer-events:none;

    transition:.25s;

    z-index:99999;

    overflow:hidden;

}

.inamx-visa-holder:hover .inamx-visa-dropdown{

    opacity:1;

    visibility:visible;

    pointer-events:auto;

}


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

.inamx-visa-wrapper{

    display:grid;

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

    gap:0;

    padding:28px;
   

}


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

.inamx-visa-column{

    padding:0 18px;

}

.inamx-visa-column:not(:last-child){

    border-right:1px solid #eef2f6;

}


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

.inamx-visa-column h4{

    margin:0;

    margin-bottom:16px;

    padding-bottom:12px;

    border-bottom:1px solid #edf1f6;

    font-size:12px;

    font-weight:700;

    text-transform:uppercase;

    letter-spacing:.4px;

    color:#163f86;

    line-height:1.4;

}


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

.inamx-visa-link{

    display:flex;

    align-items:center;

    gap:14px;

    padding:8px 10px;

    margin-bottom:2px;

    border-radius:8px;

    text-decoration:none;

    transition:.25s;

}


/*=====================================================
            COUNTRY CODE
=====================================================*/

.inamx-country-code{

    width:28px;

    flex-shrink:0;

    font-size:13px;

    font-weight:700;

    letter-spacing:1px;

    color:#a2acbc;

    transition:.25s;

}


/*=====================================================
            COUNTRY NAME
=====================================================*/

.inamx-country-name{

    font-size:15px;

    font-weight:600;

    color:#5d6777;

    line-height:1.5;

    transition:.25s;

}


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

.inamx-visa-link:hover{

    background:#eef7ff;

}

.inamx-visa-link:hover .inamx-country-code{

    color:#18a54a;

}

.inamx-visa-link:hover .inamx-country-name{

    color:#18a54a;

}


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

@keyframes inamVisaDrop{

    from{

        opacity:0;

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

    }

    to{

        opacity:1;

        transform:translate(-50%,0);

    }

}

.inamx-visa-holder:hover .inamx-visa-dropdown{

    animation:inamVisaDrop .22s ease;

}


/*=====================================================
            LARGE DESKTOP
=====================================================*/

@media(min-width:1800px){

    .inamx-visa-dropdown{

        width:1200px;

    }

}


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

@media(max-width:1300px){

    .inamx-visa-dropdown{

        width:1000px;

    }

}


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

@media(max-width:1150px){

    .inamx-visa-dropdown{

        width:900px;

    }

    .inamx-visa-wrapper{

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

    }

}


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

@media(max-width:992px){

    .inamx-visa-dropdown{

        position:static;

        width:100%;

        transform:none;

        opacity:1;

        visibility:visible;

        pointer-events:auto;

        display:none;

        margin-top:12px;

        animation:none;

        border-radius:10px;

        box-shadow:none;

    }

    .inamx-visa-holder:hover .inamx-visa-dropdown{

        display:block;

    }

    .inamx-visa-wrapper{

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

        padding:20px;

    }

    .inamx-visa-column{

        border:none !important;

        padding:0;

    }

}


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

@media(max-width:600px){

    .inamx-visa-wrapper{

        grid-template-columns:1fr;

        gap:20px;

    }

    .inamx-visa-column h4{

        font-size:14px;

    }

    .inamx-country-name{

        font-size:14px;

    }

}
/*==========================
        LINKS
==========================*/

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

.footer-links li {
    margin-bottom: 16px;
}

.footer-links a {
    display: inline-block;
    position: relative;
    color: #d8e4f3;
    text-decoration: none;
    transition: .35s;
}

.footer-links a::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: -4px;
    width: 0;
    height: 2px;
    background: #26b8ff;
    transition: .35s;
}

.footer-links a:hover {
    color: #fff;
    transform: translateX(8px);
}

.footer-links a:hover::before {
    width: 100%;
}

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

.contact-card {
    display: flex;
    gap: 16px;
    align-items: flex-start;
    padding: 16px;
    margin-bottom: 18px;
    border-radius: 18px;
    background: rgba(255, 255, 255, .06);
    border: 1px solid rgba(255, 255, 255, .08);
    backdrop-filter: blur(12px);
    transition: .35s;
}

.contact-card:hover {
    transform: translateY(-8px);
    background: rgba(255, 255, 255, .11);
    box-shadow: 0 15px 35px rgba(0, 0, 0, .22);
}

.contact-card i {
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    background: linear-gradient(135deg, #0b7fff, #202729);
    color: #fff;
    font-size: 18px;
    flex-shrink: 0;
}

.contact-card h4 {
    margin: 0 0 6px;
    font-size: 14px;
}

.contact-card p {
    margin: 0;
    color: #d8e4f3;
    line-height: 1.7;
    font-size: 10px;
}

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

.social-icons {
    display: flex;
    gap: 14px;
    margin-top: 25px;
}

.social-icons a {
    width: 48px;
    height: 48px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    text-decoration: none;
    color: #fff;
    background: rgba(255, 255, 255, .08);
    border: 1px solid rgba(255, 255, 255, .12);
    transition: .35s;
}

.social-icons a:hover {
    background: linear-gradient(135deg, #0b7fff, #00cfff);
    transform: translateY(-6px);
    box-shadow: 0 10px 25px rgba(0, 170, 255, .35);
}

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

.footer-bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 20px;
    margin-top: 40px;
    /* padding-top:30px; */
    border-top: 1px solid rgba(255, 255, 255, .12);
    margin-bottom: 20px;
    padding: 20px;
}

.footer-bottom p {
    margin: 0;
    color: #d8e4f3;
    font-size: 14px;
}

.bottom-links {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 22px;
}

.bottom-links a {
    position: relative;
    color: #d8e4f3;
    text-decoration: none;
    transition: .3s;
    font-size: 14px;
}

.bottom-links a::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -5px;
    width: 0;
    height: 2px;
    background: #1cb8ff;
    transition: .3s;
}

.bottom-links a:hover {
    color: #fff;
}

.bottom-links a:hover::after {
    width: 100%;
}

/*==========================
      BACK TO TOP
==========================*/

#topBtn {
    position: fixed;
    right: 25px;
    bottom: 25px;
    width: 55px;
    height: 55px;
    border: none;
    border-radius: 50%;
    cursor: pointer;
    background: linear-gradient(135deg, #0b7fff, #00cfff);
    color: #fff;
    font-size: 20px;
    opacity: 0;
    visibility: hidden;
    transform: translateY(20px);
    transition: .35s;
    z-index: 999;
    box-shadow: 0 10px 25px rgba(0, 0, 0, .25);
}

#topBtn.show {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

#topBtn:hover {
    transform: translateY(-6px);
    box-shadow: 0 15px 35px rgba(0, 170, 255, .45);
}

/*==========================
      SCROLL REVEAL
==========================*/

.reveal {
    opacity: 0;
    transform: translateY(60px);
    transition: .8s ease;
}

.reveal.active {
    opacity: 1;
    transform: translateY(0);
}

/*==========================
      GLOW ANIMATION
==========================*/

@keyframes glow {

    0% {
        transform: scale(1);
        opacity: .45;
    }

    50% {
        transform: scale(1.15);
        opacity: .8;
    }

    100% {
        transform: scale(1);
        opacity: .45;
    }

}

.footer::after {
    animation: glow 8s ease-in-out infinite;
}

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

@media(max-width:1200px) {

    .footer-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 45px;
    }

}

@media(max-width:768px) {

    .footer-container {
        padding: 70px 20px 35px;
    }

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

    .footer-logo {
        width: 170px;
    }

    .footer-bottom {
        flex-direction: column;
        text-align: center;
        margin-top: 50px;
    }

    .bottom-links {
        justify-content: center;
        gap: 16px;
    }

    .contact-card {
        padding: 15px;
    }

    #topBtn {
        right: 18px;
        bottom: 18px;
        width: 50px;
        height: 50px;
        font-size: 18px;
    }

}

@media(max-width:480px) {

    .footer {
        margin-top: 70px;
    }

    .footer-links h3,
    .footer-contact h3 {
        font-size: 21px;
    }

    .footer-about p {
        font-size: 14px;
    }

    .social-icons {
        justify-content: center;
        flex-wrap: wrap;
    }

    .social-icons a {
        width: 44px;
        height: 44px;
        font-size: 16px;
    }

    .bottom-links {
        flex-direction: column;
        gap: 10px;
    }

    .contact-card {
        padding: 14px;
    }

    .contact-card i {
        width: 45px;
        height: 45px;
        font-size: 16px;
    }

}

.site-footer {
    background: #0d2d77;
    color: #ffffff;
    text-align: center;
    padding: 24px;
    font-size: 14px;
    font-family: 'Poppins', sans-serif;
}
/* Left Side Contact Icons */

.side-contact-icons{
    position:fixed;
    left:20px;
    top:80%;
    transform:translateY(-50%);
    display:flex;
    flex-direction:column;
    gap:15px;
    z-index:999;
}

.contact-icon{
    width:55px;
    height:55px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    color:#fff;
    text-decoration:none;
    font-size:26px;
    box-shadow:0 8px 20px rgba(0,0,0,0.2);
    transition:all .3s ease;
}

.contact-icon:hover{
    transform:scale(1.1);
}

.whatsapp{
    background:#25D366;
}

.callback{
    background:#007BFF;
}

@media(max-width:768px){
    .side-contact-icons{
        left:15px;
    }

    .contact-icon{
        width:48px;
        height:48px;
        font-size:22px;
    }
}
/* ================================
   CALLBACK ICON
================================ */

.contact-icon.callback {
    position: relative;
}


/* ================================
   POPUP — RIGHT SIDE
================================ */

.contact-icon.callback::after {
    content: "Request Consultation";

    position: absolute;

    left: calc(100% + 12px);
    top: 50%;

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

    background: #ffffff;
    color: #123b82;

    font-family: "Poppins", sans-serif;
    font-size: 13px;
    font-weight: 600;

    white-space: nowrap;

    padding: 10px 15px;

    border-radius: 8px;

    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.12);

    opacity: 0;
    visibility: hidden;

    pointer-events: none;

    transition:
        opacity 0.25s ease,
        transform 0.25s ease,
        visibility 0.25s ease;

    z-index: 9999;
}


/* ================================
   ARROW
================================ */

.contact-icon.callback::before {
    content: "";

    position: absolute;

    left: calc(100% + 6px);
    top: 50%;

    transform: translateY(-50%);

    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-right: 7px solid #ffffff;

    opacity: 0;
    visibility: hidden;

    transition:
        opacity 0.25s ease,
        visibility 0.25s ease;

    z-index: 10000;
}


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

.contact-icon.callback:hover::after {
    opacity: 1;
    visibility: visible;

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

.contact-icon.callback:hover::before {
    opacity: 1;
    visibility: visible;
}
/* =========================================
   MOBILE SERVICES DROPDOWN
========================================= */

.inamx-mobile-dropdown-holder {
    width: 100%;
}


.inamx-mobile-dropdown-link {
    width: 100%;

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


.inamx-mobile-dropdown-link > a {
    flex: 1;
}


.inamx-mobile-dropdown-toggle {
    width: 42px;
    height: 42px;

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

    border: none;
    background: transparent;

    color: inherit;

    cursor: pointer;

    padding: 0;
}


.inamx-mobile-dropdown-toggle svg {
    transition: transform 0.3s ease;
}


/* Dropdown */

.inamx-mobile-services-dropdown {
    display: none;

    width: 100%;

    padding: 5px 0 8px 18px;

    flex-direction: column;

    /* border-left: 2px solid #159b52; */
}


.inamx-mobile-services-dropdown a {
    display: block;

    padding: 10px 15px;

    color: #123b82;

    text-decoration: none;

    font-size: 14px;
    font-weight: 500;

    transition:
        background 0.25s ease,
        color 0.25s ease;
}


.inamx-mobile-services-dropdown a:hover {
    color: #159b52;
    background: rgba(21, 155, 82, 0.06);
}


/* Open state */

.inamx-mobile-services-dropdown.inamx-mobile-services-open {
    display: flex;
}


.inamx-mobile-dropdown-holder.inamx-services-open
.inamx-mobile-dropdown-toggle svg {
    transform: rotate(180deg);
}
/* =========================================
   MOBILE RIGHT CONTROLS
========================================= */

.inamx-mobile-right-controls {
    display: flex;
    align-items: center;
    gap: 14px;
}


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

.inamx-mobile-language {
    position: relative;

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

    color: #123b82;

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

    font-size: 12px;
    font-weight: 600;

    cursor: pointer;

    padding: 6px 4px;

    z-index: 10001;
}

.inamx-mobile-language-arrow {
    transition: transform 0.25s ease;
}


/* =========================================
   MOBILE LANGUAGE DROPDOWN
========================================= */

.inamx-mobile-language-dropdown {
    position: absolute;

    top: calc(100% + 10px);
    right: 0;

    width: 175px;
    max-height: 300px;

    overflow-y: auto;

    background: #ffffff;

    border-radius: 10px;

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

    padding: 7px;

    display: none;

    z-index: 99999;
}

.inamx-mobile-language-dropdown.inamx-mobile-language-open {
    display: block;
}


/* Language item */

.inamx-mobile-language-item {
    display: flex;

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

    padding: 9px 11px;

    border-radius: 6px;

    color: #123b82;

    font-size: 12px;

    cursor: pointer;

    transition: background 0.2s ease;
}

.inamx-mobile-language-item:hover {
    background: #f1f7f4;
}

.inamx-mobile-language-item strong {
    font-size: 11px;
    color: #159b52;
}


/* Active language */

.inamx-mobile-language-item.inamx-mobile-language-active {
    background: #eaf7ef;
}


/* Rotate arrow */

.inamx-mobile-language.inamx-mobile-language-selected
.inamx-mobile-language-arrow {
    transform: rotate(180deg);
}
/* ==========================
   FORCE RESPONSIVE - LARGE SCREENS
   1600px - 2560px+
========================== */

@media (min-width: 1600px) {

    .footer-container {
        max-width: 1600px !important;
        padding: 25px 60px 0px !important;
    }

    .footer-grid {
        grid-template-columns: 1.7fr 1fr 1fr 1.2fr !important;
        gap: 80px !important;
    }

    .footer-logo {
        width: 340px !important;
    }

    .footer-about p {
        font-size: 16.5px !important;
        line-height: 2 !important;
        margin-bottom: 32px !important;
    }

    .footer-links h3,
    .footer-contact h3 {
        font-size: 26px !important;
        margin-bottom: 40px !important;
        margin-top: 55px !important;
    }

    .footer-links li {
        margin-bottom: 20px !important;
        font-size: 16px !important;
    }

    .footer-bottom p {
        font-size: 15.5px !important;
    }

    .footer::after {
        width: 450px !important;
        height: 450px !important;
        top: -150px !important;
        right: -150px !important;
    }
}


@media (min-width: 1920px) {

    .footer-container {
        max-width: 1850px !important;
        padding: 30px 80px 0px !important;
    }

    .footer-grid {
        gap: 100px !important;
    }

    .footer-logo {
        width: 380px !important;
    }

    .footer-about p {
        font-size: 18px !important;
    }

    .footer-links h3,
    .footer-contact h3 {
        font-size: 28px !important;
    }

    .footer-links li {
        font-size: 17px !important;
    }
}


@media (min-width: 2200px) {

    .footer-container {
        max-width: 2100px !important;
        padding: 35px 100px 0px !important;
    }

    .footer-grid {
        gap: 120px !important;
    }

    .footer-logo {
        width: 420px !important;
    }

    .footer-about p {
        font-size: 19px !important;
    }

    .footer-links h3,
    .footer-contact h3 {
        font-size: 30px !important;
    }
}


@media (min-width: 2560px) {

    .footer-container {
        max-width: 2400px !important;
        padding: 40px 120px 0px !important;
    }

    .footer-grid {
        gap: 140px !important;
    }

    .footer-logo {
        width: 460px !important;
    }

    .footer-about p {
        font-size: 20px !important;
    }

    .footer-links h3,
    .footer-contact h3 {
        font-size: 32px !important;
    }
}


















/* =====================================================
   INAM MEDICARE - HEALTHCARE NETWORK SECTION
   UNIQUE PREFIX: inam-network-
===================================================== */

.inam-network-section,
.inam-network-section * {
    box-sizing: border-box;
}

.inam-network-section {
    position: relative;
    width: 100%;
    padding: 38px 25px 22px;
    overflow: hidden;

    background:
        radial-gradient(
            circle at 50% 38%,
            rgba(255, 255, 255, 0.98) 0%,
            rgba(247, 250, 252, 0.96) 38%,
            rgba(234, 241, 247, 0.92) 100%
        );

    border: 1px solid rgba(49, 94, 144, 0.12);
    /* border-radius: 24px; */
}


/* Main Content */

.inam-network-container {
    position: relative;
    z-index: 3;

    width: 100%;
    max-width: 1450px;
    margin: 0 auto;

    text-align: center;
}


/* =====================================================
   DECORATIVE WORLD MAP
===================================================== */

.inam-network-map {
    position: absolute;

    left: -65px;
    top: 120px;

    width: 340px;
    height: 480px;

    opacity: 0.055;

    background-image:
        radial-gradient(circle, #245181 1.5px, transparent 1.8px);

    background-size: 9px 9px;

    filter: blur(0.2px);

    transform: rotate(-4deg);

    clip-path: polygon(
        0% 25%,
        18% 12%,
        38% 17%,
        56% 5%,
        80% 16%,
        100% 32%,
        85% 55%,
        72% 70%,
        62% 94%,
        48% 82%,
        36% 60%,
        18% 58%,
        0% 45%
    );
}


/* =====================================================
   DECORATIVE HOSPITAL
===================================================== */

/* .inam-network-hospital-bg {
    position: absolute;

    right: -10px;
    top: 150px;

    width: 330px;
    height: 310px;

    opacity: 0.07;

    background:
        linear-gradient(
            90deg,
            transparent 0 10%,
            #315b8d 10% 12%,
            transparent 12% 27%,
            #315b8d 27% 29%,
            transparent 29% 44%,
            #315b8d 44% 46%,
            transparent 46% 61%,
            #315b8d 61% 63%,
            transparent 63%
        );

    clip-path: polygon(
        0 100%,
        0 40%,
        22% 40%,
        22% 20%,
        50% 0,
        78% 20%,
        78% 42%,
        100% 42%,
        100% 100%
    );
} */


.inam-network-hospital-cross {
    position: absolute;

    top: 35px;
    left: 50%;

    transform: translateX(-50%);

    color: #214f84;

    font-size: 70px;
    font-weight: 300;
}


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

.inam-network-badge {
    display: inline-flex;
    align-items: center;
    gap: 12px;

    padding: 13px 28px;

    margin-bottom: 22px;

    border-radius: 50px;

    background:
        linear-gradient(
            90deg,
            rgba(226, 240, 233, 0.95),
            rgba(239, 247, 244, 0.75)
        );

    color: #21834b;

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

    letter-spacing: 0.1px;
}


.inam-network-badge svg {
    width: 23px;
    height: 23px;

    fill: none;
    stroke: #168148;

    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}


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

.inam-network-heading-wrap {
    position: relative;
}


.inam-network-title {
    margin: 0;

    color: #203f72;

    font-size: 45px;
    line-height: 1.12;

    font-weight: 800;

    letter-spacing: -1.8px;
}


.inam-network-title span {
    color: #198646;
}


.inam-network-description {
    margin: 17px auto 40px;

    color: #56657a;

    font-size: 18px;
    line-height: 1.75;

    font-weight: 400;

    max-width: 900px;
}


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

.inam-network-features {
    display: grid;

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

    max-width: 1200px;

    margin: 0 auto;

    padding: 0 25px;
}


.inam-network-feature {
    position: relative;

    padding: 0 35px 20px;

    min-height: 240px;
}


/* Vertical separator */

.inam-network-feature:not(:last-child)::after {
    content: "";

    position: absolute;

    right: 0;
    top: 45px;

    width: 1px;
    height: 175px;

    background:
        linear-gradient(
            to bottom,
            transparent,
            rgba(46, 84, 132, 0.16),
            transparent
        );
}


/* Icon Circle */

.inam-network-icon-box {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 95px;
    height: 95px;

    margin: 0 auto 19px;

    border-radius: 50%;

    background:
        radial-gradient(
            circle at 35% 30%,
            #ffffff,
            #e7f2ee 70%
        );

    box-shadow:
        inset 0 0 0 1px rgba(50, 131, 83, 0.03);
}


.inam-network-icon-box svg {
    width: 45px;
    height: 45px;

    fill: none;

    stroke: #198848;

    stroke-width: 2.3;

    stroke-linecap: round;
    stroke-linejoin: round;
}


.inam-network-feature h3 {
    margin: 0 0 12px;

    color: #223f70;

    font-size: 18px;
    line-height: 1.35;

    font-weight: 750;
}


.inam-network-feature p {
    margin: 0;

    color: #59677a;

    font-size: 13px;
    line-height: 1.75;

    font-weight: 400;
}


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

.inam-network-actions {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 28px;

    margin-top: 25px;
}


.inam-network-btn-primary,
.inam-network-btn-secondary {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    gap: 16px;

    width: 360px;
    height: 70px;

    border-radius: 16px;

    text-decoration: none;

    font-size: 16px;
    font-weight: 750;

    letter-spacing: 0.5px;

    transition:
        transform 0.25s ease,
        box-shadow 0.25s ease;
}


.inam-network-btn-primary {
    color: #ffffff;

    background:
        linear-gradient(
            135deg,
            #0f9b50,
            #087a3d
        );

    box-shadow:
        0 12px 28px rgba(19, 133, 71, 0.22);
}


.inam-network-btn-secondary {
    color: #27834c;

    border: 1.5px solid #23874d;

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


.inam-network-btn-primary:hover,
.inam-network-btn-secondary:hover {
    transform: translateY(-3px);
}


.inam-network-btn-primary:hover {
    box-shadow:
        0 16px 32px rgba(19, 133, 71, 0.28);
}


.inam-network-btn-primary svg,
.inam-network-btn-secondary svg {
    width: 26px;
    height: 26px;

    fill: none;

    stroke-width: 1.9;

    stroke-linecap: round;
    stroke-linejoin: round;
}


.inam-network-btn-primary svg {
    stroke: #ffffff;
}


.inam-network-btn-secondary svg {
    stroke: #208247;
}


.inam-network-btn-primary strong,
.inam-network-btn-secondary strong {
    font-size: 27px;
    font-weight: 400;

    line-height: 1;
}


/* =====================================================
   STAY UPDATED CARD
===================================================== */

.inam-network-update {
    display: flex;
    align-items: center;

    position: relative;

    max-width: 1010px;

    min-height: 110px;

    margin: 55px auto 0;

    padding: 20px 25px;

    border: 1px solid rgba(45, 92, 143, 0.2);

    border-radius: 16px;

    background:
        rgba(249, 252, 253, 0.55);

    text-align: left;
}


/* Bell Circle */

.inam-network-bell {
    display: flex;
    align-items: center;
    justify-content: center;

    flex-shrink: 0;

    width: 70px;
    height: 70px;

    margin-right: 23px;

    border-radius: 50%;

    border: 1px solid rgba(43, 84, 132, 0.2);

    background:
        rgba(238, 245, 249, 0.8);
}


.inam-network-bell svg {
    width: 31px;
    height: 31px;

    fill: none;
    stroke: #25497c;

    stroke-width: 1.7;

    stroke-linecap: round;
    stroke-linejoin: round;
}


/* Title */

.inam-network-update-title {
    color: #244374;

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

    white-space: nowrap;
}


/* Vertical Line */

.inam-network-update-line {
    width: 1px;
    height: 46px;

    margin: 0 18px;

    background:
        rgba(39, 76, 123, 0.2);
}


/* Text */

.inam-network-update p {
    margin: 0;

    color: #59677a;

    font-size: 15px;
    line-height: 1.65;
}


/* Notify Button */

.inam-network-notify {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    gap: 13px;

    flex-shrink: 0;

    width: 160px;
    height: 54px;

    margin-left: auto;

    border: 1.5px solid #294d81;
    border-radius: 13px;

    color: #294b7c;

    text-decoration: none;

    font-size: 14px;
    font-weight: 750;

    letter-spacing: 0.5px;

    transition:
        background 0.25s ease,
        color 0.25s ease;
}


.inam-network-notify:hover {
    background: #244779;
    color: #ffffff;
}


.inam-network-notify svg {
    width: 20px;
    height: 20px;

    fill: none;

    stroke: currentColor;

    stroke-width: 1.8;

    stroke-linecap: round;
    stroke-linejoin: round;
}


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

@media (max-width: 1050px) {

    .inam-network-features {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));

        gap: 35px 0;
    }


    .inam-network-feature {
        min-height: auto;
    }


    .inam-network-feature:nth-child(2)::after {
        display: none;
    }


    .inam-network-update {
        flex-wrap: wrap;
        gap: 15px;
    }


    .inam-network-update p {
        flex: 1 1 400px;
    }

}


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

@media (max-width: 768px) {

    .inam-network-section {
        padding: 45px 18px 18px;

        border-radius: 18px;
    }


    .inam-network-map,
    .inam-network-hospital-bg {
        opacity: 0.035;
    }


    .inam-network-badge {
        padding: 11px 20px;

        font-size: 14px;
    }


    .inam-network-title {
        font-size: 38px;

        letter-spacing: -1px;
    }


    .inam-network-title span {
        display: block;
    }


    .inam-network-description {
        margin-bottom: 35px;

        font-size: 16px;
    }


    .inam-network-description br {
        display: none;
    }


    .inam-network-features {
        grid-template-columns: 1fr;

        padding: 0;

        gap: 28px;
    }


    .inam-network-feature {
        padding: 0 20px 28px;
    }


    .inam-network-feature:not(:last-child)::after {
        top: auto;
        bottom: 0;
        right: 10%;

        width: 80%;
        height: 1px;

        background:
            linear-gradient(
                to right,
                transparent,
                rgba(46, 84, 132, 0.15),
                transparent
            );
    }


    .inam-network-icon-box {
        width: 95px;
        height: 95px;
    }


    .inam-network-actions {
        flex-direction: column;

        gap: 15px;

        margin-top: 30px;
    }


    .inam-network-btn-primary,
    .inam-network-btn-secondary {
        width: 100%;
        max-width: 390px;

        height: 64px;

        font-size: 14px;
    }


    .inam-network-update {
        flex-direction: column;

        margin-top: 38px;

        padding: 25px 20px;

        text-align: center;
    }


    .inam-network-bell {
        margin-right: 0;
    }


    .inam-network-update-line {
        width: 80px;
        height: 1px;

        margin: 0;

        background:
            rgba(39, 76, 123, 0.2);
    }


    .inam-network-update p {
        font-size: 14px;
    }


    .inam-network-update p br {
        display: none;
    }


    .inam-network-notify {
        width: 100%;

        margin: 5px 0 0;
    }

}


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

@media (max-width: 480px) {

    .inam-network-section {
        padding-left: 13px;
        padding-right: 13px;
    }


    .inam-network-title {
        font-size: 32px;
    }


    .inam-network-description {
        font-size: 15px;
        line-height: 1.65;
    }


    .inam-network-feature p {
        font-size: 15px;
    }

}
.inam-network-btn-primary,
.inam-network-btn-secondary {
    width: 280px;
    height: 54px;

    gap: 11px;

    border-radius: 12px;

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

    letter-spacing: 0.3px;
}
/* =====================================================
   RESPONSIVE - LARGE LAPTOP / SMALL DESKTOP
   1200px and below
===================================================== */

@media (max-width: 1200px) {

    .inam-network-section {
        padding: 38px 30px 25px;
    }

    .inam-network-features {
        max-width: 1100px;
        padding: 0 10px;
    }

    .inam-network-feature {
        padding-left: 25px;
        padding-right: 25px;
    }

    .inam-network-icon-box {
        width: 95px;
        height: 95px;
    }

    .inam-network-icon-box svg {
        width: 46px;
        height: 46px;
    }

    .inam-network-feature h3 {
        font-size: 17px;
    }

    .inam-network-feature p {
        font-size: 15px;
    }

    .inam-network-update {
        max-width: 900px;
    }

}


/* =====================================================
   TABLET / SMALL LAPTOP
   992px and below
===================================================== */

@media (max-width: 992px) {

    .inam-network-section {
        padding: 40px 25px 25px;
    }

    .inam-network-title {
        font-size: 48px;
    }

    .inam-network-description {
        font-size: 17px;
        max-width: 750px;
        margin-bottom: 38px;
    }

    /* 4 columns to 2 columns */

    .inam-network-features {
        grid-template-columns: repeat(2, 1fr);
        max-width: 750px;
        gap: 35px 0;
    }

    .inam-network-feature {
        padding: 0 35px 30px;
        min-height: auto;
    }

    /* Remove vertical line from second card */

    .inam-network-feature:nth-child(2)::after {
        display: none;
    }

    .inam-network-feature:nth-child(3)::after {
        top: 35px;
    }

    .inam-network-actions {
        margin-top: 20px;
        gap: 15px;
    }

    .inam-network-btn-primary,
    .inam-network-btn-secondary {
        width: 260px;
        height: 52px;
        font-size: 12px;
    }

    .inam-network-update {
        max-width: 800px;
        padding: 18px 20px;
    }

    .inam-network-update p {
        font-size: 14px;
    }

}


/* =====================================================
   TABLET
   768px and below
===================================================== */

@media (max-width: 768px) {

    .inam-network-section {
        padding: 40px 20px 22px;
        border-radius: 18px;
    }

    /* Reduce background decorations */

    .inam-network-map {
        left: -120px;
        top: 180px;

        width: 280px;
        height: 400px;

        opacity: 0.025;
    }

    .inam-network-hospital-bg {
        right: -100px;
        top: 230px;

        width: 250px;
        height: 250px;

        opacity: 0.035;
    }

    .inam-network-badge {
        padding: 10px 20px;
        margin-bottom: 18px;

        font-size: 14px;
    }

    .inam-network-badge svg {
        width: 20px;
        height: 20px;
    }

    .inam-network-title {
        font-size: 40px;
        letter-spacing: -1px;
    }

    .inam-network-description {
        font-size: 16px;
        line-height: 1.65;

        margin: 15px auto 32px;
    }

    .inam-network-description br {
        display: none;
    }

    /* Features */

    .inam-network-features {
        gap: 30px 0;
    }

    .inam-network-feature {
        padding: 0 20px 25px;
    }

    .inam-network-icon-box {
        width: 85px;
        height: 85px;

        margin-bottom: 15px;
    }

    .inam-network-icon-box svg {
        width: 42px;
        height: 42px;
    }

    .inam-network-feature h3 {
        font-size: 16px;
        margin-bottom: 8px;
    }

    .inam-network-feature p {
        font-size: 14px;
        line-height: 1.6;
    }

    /* Buttons */

    .inam-network-actions {
        flex-wrap: wrap;
        gap: 15px;

        margin-top: 25px;
    }

    .inam-network-btn-primary,
    .inam-network-btn-secondary {
        width: 260px;
        height: 52px;

        font-size: 12px;
    }

    /* Stay updated */

    .inam-network-update {
        max-width: 650px;
        margin-top: 40px;

        padding: 20px;

        gap: 12px;
    }

    .inam-network-bell {
        width: 58px;
        height: 58px;

        margin-right: 10px;
    }

    .inam-network-update-title {
        font-size: 16px;
    }

    .inam-network-update p {
        font-size: 13px;
        line-height: 1.5;
    }

    .inam-network-notify {
        width: 125px;
        height: 43px;

        font-size: 11px;
    }

}


/* =====================================================
   MOBILE
   600px and below
===================================================== */

@media (max-width: 600px) {

    .inam-network-section {
        padding: 35px 16px 18px;
        border-radius: 15px;
    }

    .inam-network-map,
    .inam-network-hospital-bg {
        display: none;
    }

    .inam-network-badge {
        padding: 9px 17px;
        margin-bottom: 17px;

        font-size: 13px;
    }

    .inam-network-title {
        font-size: 34px;
        line-height: 1.15;
    }

    .inam-network-title span {
        display: block;
    }

    .inam-network-description {
        max-width: 100%;

        font-size: 15px;

        margin-bottom: 30px;
    }

    /* Change 2 columns to 1 column */

    .inam-network-features {
        grid-template-columns: 1fr;

        max-width: 420px;

        gap: 0;
    }

    .inam-network-feature {
        padding: 0 20px 28px;
        margin-bottom: 25px;
    }

    /* Remove old vertical separators */

    .inam-network-feature::after,
    .inam-network-feature:nth-child(3)::after {
        top: auto;
        bottom: 0;
        right: 10%;

        width: 80%;
        height: 1px;

        background:
            linear-gradient(
                to right,
                transparent,
                rgba(46, 84, 132, 0.15),
                transparent
            );
    }

    .inam-network-feature:last-child::after {
        display: none;
    }

    .inam-network-icon-box {
        width: 82px;
        height: 82px;
    }

    .inam-network-feature h3 {
        font-size: 17px;
    }

    .inam-network-feature p {
        font-size: 14px;
    }

    /* Buttons stack */

    .inam-network-actions {
        flex-direction: column;

        width: 100%;
        gap: 12px;

        margin-top: 10px;
    }

    .inam-network-btn-primary,
    .inam-network-btn-secondary {
        width: 100%;
        max-width: 300px;

        height: 50px;

        font-size: 12px;
    }

    /* Stay Updated */

    .inam-network-update {
        flex-direction: column;

        width: 100%;

        margin-top: 35px;
        padding: 25px 18px;

        text-align: center;
    }

    .inam-network-bell {
        width: 58px;
        height: 58px;

        margin: 0;
    }

    .inam-network-update-title {
        font-size: 17px;
    }

    .inam-network-update-line {
        width: 70px;
        height: 1px;

        margin: 2px 0;

        background: rgba(39, 76, 123, 0.2);
    }

    .inam-network-update p {
        width: 100%;

        font-size: 14px;
        line-height: 1.6;
    }

    .inam-network-update p br {
        display: none;
    }

    .inam-network-notify {
        width: 100%;
        max-width: 220px;

        height: 46px;

        margin: 8px 0 0;
    }

}


/* =====================================================
   SMALL MOBILE
   420px and below
===================================================== */

@media (max-width: 420px) {

    .inam-network-section {
        padding: 30px 12px 15px;
    }

    .inam-network-badge {
        font-size: 12px;

        padding: 9px 14px;

        gap: 8px;
    }

    .inam-network-title {
        font-size: 29px;
        letter-spacing: -0.5px;
    }

    .inam-network-description {
        font-size: 14px;
    }

    .inam-network-feature {
        padding-left: 10px;
        padding-right: 10px;
    }

    .inam-network-icon-box {
        width: 76px;
        height: 76px;
    }

    .inam-network-icon-box svg {
        width: 38px;
        height: 38px;
    }

    .inam-network-feature h3 {
        font-size: 16px;
    }

    .inam-network-feature p {
        font-size: 13px;
    }

    .inam-network-btn-primary,
    .inam-network-btn-secondary {
        max-width: 100%;

        height: 48px;

        gap: 8px;

        font-size: 11px;
    }

    .inam-network-btn-primary svg,
    .inam-network-btn-secondary svg {
        width: 18px;
        height: 18px;
    }

    .inam-network-btn-primary strong,
    .inam-network-btn-secondary strong {
        font-size: 18px;
    }

    .inam-network-update {
        padding: 22px 14px;
    }

    .inam-network-update p {
        font-size: 13px;
    }

}
/* =====================================================
   LARGE SCREENS
   1400px → 2560px+
===================================================== */

@media (min-width: 1400px) {

    .inam-network-section {
        padding:
            clamp(38px, 3vw, 75px)
            clamp(25px, 4vw, 100px)
            clamp(25px, 2vw, 50px);
    }


    /* Main container */

    .inam-network-container {
        width: min(92vw, 1900px);
        max-width: 1900px;
    }


    /* Badge */

    .inam-network-badge {
        padding:
            clamp(12px, 0.8vw, 18px)
            clamp(22px, 1.5vw, 38px);

        gap: clamp(10px, 0.7vw, 16px);

        font-size: clamp(15px, 1vw, 21px);

        margin-bottom: clamp(18px, 1.5vw, 35px);
    }

    .inam-network-badge svg {
        width: clamp(20px, 1.4vw, 30px);
        height: clamp(20px, 1.4vw, 30px);
    }


    /* Main heading */

    .inam-network-title {
        font-size: clamp(52px, 3.2vw, 78px);

        letter-spacing:
            clamp(-2.5px, -0.12vw, -1.5px);
    }


    .inam-network-description {
        max-width: clamp(850px, 55vw, 1250px);

        font-size: clamp(16px, 1.05vw, 23px);

        line-height: 1.75;

        margin-top: clamp(15px, 1.2vw, 25px);
        margin-bottom: clamp(35px, 3vw, 70px);
    }


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

    .inam-network-features {
        width: min(85vw, 1550px);
        max-width: 1550px;

        padding: 0;
    }


    .inam-network-feature {
        min-height: clamp(240px, 17vw, 340px);

        padding-left: clamp(25px, 2vw, 55px);
        padding-right: clamp(25px, 2vw, 55px);
    }


    .inam-network-feature:not(:last-child)::after {
        top: clamp(45px, 4vw, 80px);

        height: clamp(170px, 12vw, 250px);
    }


    /* Feature Icons */

    .inam-network-icon-box {
        width: clamp(95px, 7vw, 145px);
        height: clamp(95px, 7vw, 145px);

        margin-bottom: clamp(15px, 1.4vw, 30px);
    }


    .inam-network-icon-box svg {
        width: clamp(45px, 3.5vw, 75px);
        height: clamp(45px, 3.5vw, 75px);
    }


    /* Feature Heading */

    .inam-network-feature h3 {
        font-size: clamp(17px, 1.15vw, 25px);

        margin-bottom: clamp(8px, 0.8vw, 18px);
    }


    /* Feature Description */

    .inam-network-feature p {
        font-size: clamp(14px, 0.95vw, 20px);

        line-height: 1.7;
    }


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

    .inam-network-actions {
        gap: clamp(18px, 2vw, 40px);

        margin-top: clamp(20px, 2vw, 40px);
    }


    .inam-network-btn-primary,
    .inam-network-btn-secondary {
        width: clamp(270px, 18vw, 420px);

        height: clamp(52px, 4vw, 78px);

        gap: clamp(10px, 1vw, 20px);

        border-radius: clamp(12px, 1vw, 20px);

        font-size: clamp(12px, 0.85vw, 18px);
    }


    .inam-network-btn-primary svg,
    .inam-network-btn-secondary svg {
        width: clamp(20px, 1.5vw, 32px);
        height: clamp(20px, 1.5vw, 32px);
    }


    .inam-network-btn-primary strong,
    .inam-network-btn-secondary strong {
        font-size: clamp(20px, 1.7vw, 34px);
    }


    /* =================================================
       STAY UPDATED CARD
    ================================================= */

    .inam-network-update {
        width: min(75vw, 1350px);
        max-width: 1350px;

        min-height: clamp(100px, 8vw, 150px);

        margin-top: clamp(40px, 4vw, 85px);

        padding:
            clamp(18px, 1.5vw, 35px)
            clamp(20px, 2vw, 45px);

        border-radius: clamp(16px, 1.2vw, 25px);
    }


    .inam-network-bell {
        width: clamp(60px, 5vw, 100px);
        height: clamp(60px, 5vw, 100px);

        margin-right: clamp(15px, 1.5vw, 30px);
    }


    .inam-network-bell svg {
        width: clamp(28px, 2.2vw, 48px);
        height: clamp(28px, 2.2vw, 48px);
    }


    .inam-network-update-title {
        font-size: clamp(16px, 1.15vw, 25px);
    }


    .inam-network-update p {
        font-size: clamp(14px, 0.9vw, 19px);
    }


    .inam-network-notify {
        width: clamp(135px, 10vw, 220px);
        height: clamp(45px, 3.8vw, 70px);

        font-size: clamp(12px, 0.75vw, 16px);

        border-radius: clamp(10px, 0.8vw, 16px);
    }

}