/*<!-- <?php include 'footer.php'; ?> -->*/
:root {
    --navy: #00305f;
    --white: #fff;
    --grey-text: #555;
    --grey-line: #e3e3e3;
    --hover-bg: #f4f6f8;
}

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

body {
    font-family: 'Rajdhani', Arial, sans-serif;
    background: #f2f2f2;
    min-height: 100vh;
}

/* Header */
.header {
        background: var(--navy);
    padding: 0 40px;
    position: sticky;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1000;
}

.header-inner {
    max-width: 1300px;
    height: 120px;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

/* Logo */
.logo {
    color: var(--white);
    text-decoration: none;
    line-height: 1.05;
    font-family: Arimo, Arial, sans-serif;
}

.logo strong {
    display: block;
    font-size: 24px;
    font-weight: 600;
    line-height: 27px;
     color:inherit;
}

.logo span {
    display: block;
    font-size: 12px;
    text-align: center;
     color:inherit;
}
.logo,
.logo:hover,
.logo:focus,
.logo:visited{
  color:#fff !important;
  text-decoration:none;
}
.logo strong,
.logo span{
  color:inherit;
}
/* Navigation */
.nav {
    display: flex;
   
    gap: 40px;
    list-style: none;
    transform: translate(-40px,0);
     display: flex;
  
  
    align-items: center;
    align-self: stretch; 
    font-family: Saira, Arial, Helvetica, sans-serif;
   
}

.nav > li {
     position: relative;
    display: flex;
    align-items: center;   /* text beech me hi rahega */
    align-self: stretch;
    font-family: Saira, Arial, Helvetica, sans-serif;
    
}

.nav > li > a {
    display: block;
    padding: 12px 0;
    color: var(--white);
    text-decoration: none;
    font-size: 18px;
    font-weight: 600;
    transition: color 0.2s;
    font-family: Saira, Arial, Helvetica, sans-serif;
    
}

/* Active Link */
/* Active Link */
.nav > li > a.active {
    color: #ffffff !important;
    position: relative;
}

.nav > li > a.active::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 6px;          /* underline की position, चाहें तो घटा-बढ़ा सकते हैं */
    width: 100%;
    height: 2px;
    background: #ffffff;
}

.dropdown{
    position: absolute;
    top: 100%;
    left: 50%;
    min-width: 240px;
    margin: 0;
    padding: 0;            
    background: #fff;
    list-style: none;
    border-radius: 0;
    overflow: hidden;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.18);
    opacity: 0;
    visibility: hidden;
    transform: translate(-50%, 8px);
    transition: 0.2s;
}

.has-dropdown:hover .dropdown,
.has-dropdown:focus-within .dropdown{
    opacity: 1;
    visibility: visible;
    transform: translate(-50%, 0);
}

.dropdown li{
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #eee;
}

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

.dropdown a{
    display: block;
    width: 100%;
    padding: 16px 22px;
    text-align: left;
    color: #8a8f98;
    text-decoration: none;
    font-size: 13px;
    font-weight: 300;
    transition: background 0.2s, color 0.2s;
    font-family: Ubuntu, Arial, Helvetica, sans-serif;
}

.dropdown a:hover{
    background: #003062;   
    color: #fff;
}

.dropdown a.active{ color: #003062; }
.dropdown a.active:hover{ color: #fff; }
/* Tablet and Mobile */
@media (max-width: 900px) {
    .header-inner {
        height: auto;
        flex-direction: column;
        padding: 16px 0;
        gap: 12px;
    }

    .nav {
        flex-wrap: wrap;
        justify-content: center;
        gap: 10px 24px;
    }

    .dropdown {
        left: 0;
        transform: translateY(8px);
    }

    .has-dropdown:hover .dropdown,
    .has-dropdown:focus-within .dropdown {
        transform: translateY(0);
    }
}

/* Normal Header Size */
.header-inner {
    height: 120px;
    transition: height 0.3s ease;
}

.logo strong {
    transition: font-size 0.3s ease;
}

/* Small Header on Scroll */
.header.scrolled .header-inner {
    height: 80px;
}

.header.scrolled .logo strong {
    font-size: 20px;
}

.header.scrolled .logo span {
    font-size: 11px;
}

/* ===== Mobile / Tablet menu toggle (NEW) ===== */
.menu-toggle,
.sub-toggle {
    display: none;            /* desktop par hidden */
}

@media (max-width: 900px) {

    .header { padding: 0 20px; }

    .header-inner,
    .header.scrolled .header-inner {
        height: auto;
        min-height: 72px;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
        gap: 0;
        padding: 12px 0;
    }

    /* hamburger button */
    .menu-toggle {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 5px;
        width: 44px;
        height: 44px;
        background: transparent;
        border: 1px solid rgba(255, 255, 255, .45);
        border-radius: 6px;
        cursor: pointer;
    }

    .menu-toggle span {
        display: block;
        width: 22px;
        height: 2px;
        background: #fff;
        transition: transform .25s ease, opacity .25s ease;
    }

    .menu-toggle.open span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
    .menu-toggle.open span:nth-child(2) { opacity: 0; }
    .menu-toggle.open span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }

    /* menu panel */
    .nav {
        display: none;
        flex-basis: 100%;
        width: 100%;
        flex-direction: column;
        align-items: stretch;
        align-self: auto;
        gap: 0;
        transform: none;
        margin-top: 12px;
        border-top: 1px solid rgba(255, 255, 255, .15);
    }

    .nav.open {
        display: flex;
        max-height: calc(100vh - 100px);
        overflow-y: auto;
    }

    .nav > li {
        flex-wrap: wrap;
        align-items: center;
        align-self: auto;
        border-bottom: 1px solid rgba(255, 255, 255, .12);
    }

    .nav > li > a {
        flex: 1;
        padding: 14px 0;
    }

    /* desktop me active link hidden hota hai, mobile par dikhane ke liye */
    .nav > li > a.active {
          color: #7fd3e6 !important;
    }

    /* dropdown arrow */
    .sub-toggle {
        display: block;
        width: 44px;
        height: 44px;
        background: transparent;
        border: 0;
        color: #fff;
        font-size: 18px;
        cursor: pointer;
        transition: transform .25s ease;
    }

    .has-dropdown.open .sub-toggle { transform: rotate(180deg); }

    /* dropdown mobile me neeche khulega */
    .nav .dropdown {
        display: none;
        position: static;
        flex-basis: 100%;
        width: 100%;
        min-width: 0;
        opacity: 1;
        visibility: visible;
        transform: none !important;
        box-shadow: none;
        background: rgba(255, 255, 255, .08);
    }

    .nav .has-dropdown.open .dropdown { display: block; }

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

    .nav .dropdown a {
        padding: 12px 20px;
        color: #fff;
        font-size: 14px;
    }

    .nav .dropdown a.active { color: #7fd3e6; }
}
@media (max-width: 900px) {

    .header .nav,
    .header .nav.open {
        flex-wrap: nowrap !important;      /* dusra column banna band */
        justify-content: flex-start !important;
        align-items: stretch !important;
        flex-direction: column !important;
    }

    .header .nav > li {
        flex-shrink: 0;                    /* items ek line me poori height ke saath rahenge */
        width: 100%;
    }
}
/*------------------------------------------footer-------------------------------------------------------------------------*/



/* Footer */
.footer{
    background: #033B4A;
    padding: 28px 20px;
    text-align: center;
        font-family: Ubuntu, Tahoma, Geneva, sans-serif;
}

.footer p{
    margin: 0;
    color: #fff9;
    font-size: 14px;
    line-height: 1.5;
}

.footer a,
.footer a:visited{
    color: #7fd3e6;
    text-decoration: none;
    transition: color .2s;
}

.footer a:hover{
    color: #fff;
}
.footer a.omx-link,
.footer a.omx-link:visited,
.footer a.omx-link:hover,
.footer a.omx-link:active {
    color: #fff9;
    text-decoration: none;
    font-size: 14px;
    transition: none;
    font-weight: normal;
}
/* Scroll to top button */
.scroll-top{
    position: fixed;
    right: 30px;
    bottom: 30px;
    width: 52px;
    height: 44px;
    border: none;
    background: #033B4A;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    transition: opacity .3s, visibility .3s, transform .3s, background .2s;
    z-index: 999;

}

.scroll-top.show{
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.scroll-top:hover{
    background: #033B4A;
}


/*--------------------------------------------------contact page--------------------------------------------*/


/* Page banner */
.page-banner{
    position: relative;
    height: 310px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
}


.banner-inner{
    position: relative;     
    z-index: 1;
    width: 100%;
    max-width: 1300px;
    margin: 0 auto;
    padding: 0 40px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

.page-banner h1{
    margin: 0;
    color: #fff;
    font-size: 47px;
    font-weight: 600;
    line-height: 1.1;
    font-family: Saira, Arial, Helvetica, sans-serif;
    margin-left: -40px;
}

.breadcrumb{
    background: rgba(255, 255, 255, .08);
    padding: 20px 20px;
    color: #fff;
    font-size: 13px;
    display: flex;
    gap: 8px;
    align-items: center;
    font-family: Ubuntu, Arial, Helvetica, sans-serif;
}

.breadcrumb a,
.breadcrumb a:visited{
    color: #fff;
    text-decoration: none;
}

.breadcrumb a:hover{ text-decoration:none; }

.breadcrumb .current{ 
    color: #7fd3e6; 
}

/* Mobile */
@media (max-width: 768px){
    .page-banner{ height: 240px; }
    .banner-inner{ flex-direction: column; align-items: flex-start; padding: 0 20px; }
    .page-banner h1{ font-size: 34px; }
    .breadcrumb{ font-size: 14px; flex-wrap: wrap; }
}




/* Contact section */
.contact-section{
    padding: 100px 0;
    background: #fff;
}

.contact-inner{
    max-width: 1300px;
    margin: 0 auto;
    padding: 0 40px;
    display: flex;
    gap: 40px;
    align-items: flex-start;
}

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

/* Map */
.map-box{
    width: 100%;
    height: 600px;
}

/* Address etc. */
.contact-info{ 
    margin-top: 20px; 
}

.contact-info p{
    margin: 0 0 20px;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    color: #000;
    font-family: Ubuntu, Tahoma, Geneva, sans-serif;
}

.contact-info a,
.contact-info a:visited{
    color: #003062;
    text-decoration: none;
}

.contact-info a:hover{ 
    text-decoration: none; 
    color: #fff;
}

/* Form */
.contact-right h2{
    margin: 0 0 40px;
    font-size: 40px;
    font-weight: 600;
    color: #003062;
    font-family: Saira, Arial, Helvetica, sans-serif;
}

.contact-form{
    display: flex;
    flex-direction: column;
    align-items: flex-start;   /* button left me rahega */
    gap: 26px;
}

.contact-form input,
.contact-form textarea{
    width: 100%;
    padding: 10px 20px;
    border: 1px solid #eee;
    background: #fff;
    font-family:Ubuntu, Tahoma, Geneva, sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: #666;
    outline: none;
    transition: border-color .2s;
}

.contact-form textarea{
    resize: vertical;
    min-height: 300px;
}

.contact-form input:focus,
.contact-form textarea:focus{
    border-color: #033B4A;
}

.contact-form ::placeholder{ color: #333; opacity: 1; }

/* Submit button */
.submit-btn{
    padding: 14px 40px;
    border: none;
    background: #033B4A;
    color: #fff;
    font-family: Saira, Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: 400;
    cursor: pointer;
    transition: background .2s;
}

.submit-btn:hover{
    background: #003062;
}
.contact-form .field{
    width: 100%;
}

/* Error text */
.error-msg{
    display: none;
    margin-top: 6px;
    color: #dc3232;
    font-size: 14px;
}

.field.has-error .error-msg{
    display: block;
}

.field.has-error input,
.field.has-error textarea{
    border-color: #dc3232;
}

/* Submit ke neeche wala box: yellow border, transparent background */
.form-response{
    display: none;
    width: 100%;
    padding: 10px 16px;
    border: 2px solid #ffb900;
    background: transparent;
    color: #333;
    font-size: 15px;
}

.form-response.show{
    display: block;
}
/* Mobile */
@media (max-width: 900px){
    .contact-inner{ flex-direction: column; padding: 0 20px; }
    .map-box{ height: 360px; }
    .contact-right h2{ font-size: 36px; margin-bottom: 24px; }
}


/* ---------- Base fixes (sab screens par) ---------- */
.page-banner,
.page-banner *,
.contact-section,
.contact-section *{
    box-sizing: border-box;   /* input width:100% + padding overflow fix */
}
 
.map-box iframe{
    width: 100%;
    height: 100%;
    border: 0;
    display: block;
}
 
.contact-info p{ word-break: break-word; }
 
 
/* ---------- Large tablet / small laptop (<= 1100px) ---------- */
@media (max-width: 1100px){
    .banner-inner,
    .contact-inner{ padding: 0 30px; }
 
    .page-banner h1{
        font-size: 42px;
        margin-left: 0;          /* -40px negative margin hatao */
    }
 
    .contact-section{ padding: 80px 0; }
    .contact-inner{ gap: 30px; }
    .map-box{ height: 500px; }
    .contact-right h2{ font-size: 36px; margin-bottom: 30px; }
}
 
 
/* ---------- Tablet (<= 900px) ---------- */
@media (max-width: 900px){
    .page-banner{ height: 260px; }
 
    .banner-inner{
        padding: 0 30px;
        gap: 16px;
    }
 
    .page-banner h1{ font-size: 38px; }
 
    .contact-section{ padding: 60px 0; }
 
    /* map upar, form neeche */
    .contact-inner{
        flex-direction: column;
        gap: 50px;
        padding: 0 30px;
    }
 
    .contact-left,
    .contact-right{
        flex: none;
        width: 100%;
    }
 
    .map-box{ height: 400px; }
 
    .contact-info{ margin-top: 24px; }
 
    .contact-right h2{
        font-size: 34px;
        margin-bottom: 24px;
    }
 
    .contact-form{ gap: 22px; }
    .contact-form textarea{ min-height: 220px; }
}
 
 
/* ---------- Mobile (<= 768px) ---------- */
@media (max-width: 768px){
    .page-banner{ height: 220px; }
 
    .banner-inner{
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
        gap: 14px;
        padding: 0 20px;
    }
 
    .page-banner h1{
        font-size: 32px;
        margin-left: 0;
    }
 
    .breadcrumb{
        padding: 10px 14px;
        font-size: 13px;
        flex-wrap: wrap;
        gap: 6px;
    }
 
    .contact-section{ padding: 45px 0; }
 
    .contact-inner{
        padding: 0 20px;
        gap: 40px;
    }
 
    .map-box{ height: 320px; }
 
    .contact-info p{
        font-size: 15px;
        margin-bottom: 16px;
    }
 
    .contact-right h2{
        font-size: 30px;
        margin-bottom: 20px;
    }
 
    .contact-form{ gap: 18px; }
 
    .contact-form input,
    .contact-form textarea{
        padding: 12px 16px;
        font-size: 16px;         /* iOS zoom on focus rokta hai */
    }
 
    .contact-form textarea{ min-height: 180px; }
 
    /* button desktop jaisa left side me rahega */
    .submit-btn{
        width: auto;
        align-self: flex-start;
        padding: 12px 32px;
    }
 
    .form-response{ font-size: 14px; }
}
 
 
/* ---------- Small phones (<= 480px) ---------- */
@media (max-width: 480px){
    .page-banner{ height: 190px; }
 
    .banner-inner{ padding: 0 16px; }
 
    .page-banner h1{ font-size: 26px; }
 
    .breadcrumb{
        font-size: 12px;
        padding: 8px 12px;
    }
 
    .contact-section{ padding: 35px 0; }
 
    .contact-inner{
        padding: 0 16px;
        gap: 32px;
    }
 
    .map-box{ height: 260px; }
 
    .contact-info p{ font-size: 14px; }
 
    .contact-right h2{ font-size: 26px; }
 
    .contact-form textarea{ min-height: 150px; }
 
    .error-msg{ font-size: 13px; }
}
 
/*-----------------------------------------------faqs section----------------------------------------------------------------*/








/* FAQ Page Banner */
.faq-page-banner {
    position: relative;
    height: 310px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
}

.faq-banner-inner {
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: 1300px;
    margin: 0 auto;
    padding: 0 40px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

.faq-page-banner h1 {
    margin: 0;
    color: #fff;
    font-size: 47px;
    font-weight: 600;
    line-height: 1.1;
    font-family: Saira, Arial, Helvetica, sans-serif;
    margin-left: -40px;
}

.faq-breadcrumb {
    background: rgba(255, 255, 255, .08);
    padding: 20px 20px;
    color: #fff;
    font-size: 13px;
    display: flex;
    gap: 8px;
    align-items: center;
    font-family: Ubuntu, Arial, Helvetica, sans-serif;
}

.faq-breadcrumb a,
.faq-breadcrumb a:visited {
    color: #fff;
    text-decoration: none;
}

.faq-breadcrumb a:hover {
    text-decoration:none;
}

.faq-breadcrumb .faq-current {
    color: #7fd3e6;
}


  :root {
    --navy: #1f3659;
    --accent: #E76F51;
    --section-bg: #f8f9fa;
    --text: #1a1a1a;
  }
 
  * { box-sizing: border-box; margin: 0; padding: 0; }
 
  body {
    font-family: 'Poppins', sans-serif;
    background: #fff;
  }
 
  .faq-section {
    max-width: 1300px;
    margin: 0 auto;
    background: var(--section-bg);
    padding: 40px 24px 48px;
    margin-top: 150px;
    margin-bottom: 200px;
  }
 
  .faq-title {
    font-family: Saira, Arial, Helvetica, sans-serif;
    font-weight: 700;
    font-size: 32px;
    color: var(--navy);
    text-align: center;
    margin-bottom: 52px;
  }
  .faq-title span { color: var(--accent); }
 
  .faq-list {
    max-width: 1050px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 22px;
  }
 
  .faq-item {
    border-radius: 14px;
    overflow: hidden;
    border: 1px solid var(--navy);
    background: #fff;
    transition: border-color .25s ease;
  }
 
  .faq-question {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 17px;
    padding: 0 26px;
    min-height: 65px;
    background: var(--navy);
    color: #fff;
    border: 0;
    cursor: pointer;
    text-align: left;
    font-family: Saira, Arial, Helvetica, sans-serif;
    font-weight: 600;
    font-size: 16px;
    letter-spacing: .06em;
    transition: background-color .25s ease;
  }
 
  /* hover colour */
  .faq-question:hover,
  .faq-question:focus-visible { background: var(--accent); }
  .faq-question:focus-visible { outline: 2px solid var(--navy); outline-offset: -4px; }
 
  .faq-item:hover { border-color: var(--accent); }
 
  /* plus -> multiply */
  .faq-icon {
    flex: none;
    position: relative;
    width: 14px;
    height: 14px;
    transition: transform .3s ease;
  }
  .faq-icon::before,
  .faq-icon::after {
    content: "";
    position: absolute;
    background: #fff;
    border-radius: 2px;
  }
  .faq-icon::before { left: 0; top: 6px; width: 14px; height: 2px; }
  .faq-icon::after  { left: 6px; top: 0; width: 2px; height: 14px; }
 
  .faq-item.open .faq-icon { transform: rotate(45deg); }
 
  /* smooth slide-down answer, zero extra space when closed */
  .faq-answer {
   display: grid;
    grid-template-rows: 0fr;
    transition: grid-template-rows 0.35s ease;

  }
  .faq-answer > * {
    min-height: 0;
    overflow: hidden;
}
.faq-question {
    cursor: pointer;
}

  .faq-item.open .faq-answer { grid-template-rows: 1fr; }
 
  .faq-answer-inner { overflow: hidden; min-height: 0; }
 
  .faq-answer p {
    padding: 28px 26px;
    font-size: 17px;
    font-weight: 400;
    line-height: 1.65;
    color: #333;
    font-family: Poppins, sans-serif
  }
 
  @media (max-width: 640px) {
    .faq-section { padding: 20px 12px 32px; }
    .faq-title { margin-bottom: 28px; }
    .faq-list { gap: 14px; }
    .faq-question { min-height: 64px; padding: 12px 18px; font-size: 16px; letter-spacing: .03em; }
    .faq-answer p { padding: 18px; font-size: 15px; }
  }
 
  @media (prefers-reduced-motion: reduce) {
    .faq-answer, .faq-icon, .faq-question, .faq-item { transition: none; }
  }


/* ---------- Large tablet / small laptop (<= 1100px) ---------- */
@media (max-width: 1100px){
    .faq-banner-inner{ padding: 0 30px; }
 
    .faq-page-banner h1{
        font-size: 42px;
        margin-left: 0;          /* -40px negative margin hatao */
    }
 
    .faq-section{
        margin-top: 110px;
        margin-bottom: 140px;
        padding: 40px 30px 48px;
    }
 
    .faq-title{
        font-size: 30px;
        margin-bottom: 44px;
    }
}
 
 
/* ---------- Tablet (<= 900px) ---------- */
@media (max-width: 900px){
    .faq-page-banner{ height: 260px; }
 
    .faq-banner-inner{
        padding: 0 30px;
        gap: 16px;
    }
 
    .faq-page-banner h1{ font-size: 38px; }
 
    .faq-section{
        margin-top: 80px;
        margin-bottom: 100px;
        padding: 36px 24px 44px;
    }
 
    .faq-title{
        font-size: 28px;
        margin-bottom: 36px;
    }
 
    .faq-list{ gap: 18px; }
 
    .faq-question{
        min-height: 60px;
        padding: 10px 22px;
        font-size: 16px;
    }
 
    .faq-answer p{
        padding: 22px;
        font-size: 16px;
    }
}
 
 
/* ---------- Mobile (<= 768px) ---------- */
@media (max-width: 768px){
    .faq-page-banner{ height: 220px; }
 
    .faq-banner-inner{
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
        gap: 14px;
        padding: 0 20px;
    }
 
    .faq-page-banner h1{
        font-size: 32px;
        margin-left: 0;
    }
 
    .faq-breadcrumb{
        padding: 10px 14px;
        font-size: 13px;
        flex-wrap: wrap;
        gap: 6px;
    }
 
    .faq-section{
        margin-top: 50px;
        margin-bottom: 60px;
        padding: 28px 16px 36px;
    }
 
    .faq-title{
        font-size: 24px;
        line-height: 1.3;
        margin-bottom: 28px;
    }
 
    .faq-list{ gap: 14px; }
 
    .faq-item{ border-radius: 12px; }
 
    .faq-question{
        min-height: 56px;
        padding: 12px 18px;
        font-size: 15px;
        line-height: 1.4;
        letter-spacing: .03em;
        gap: 14px;
    }
 
    .faq-answer p{
        padding: 18px;
        font-size: 15px;
        line-height: 1.6;
        word-break: break-word;
    }
}
 
 
/* ---------- Small phones (<= 480px) ---------- */
@media (max-width: 480px){
    .faq-page-banner{ height: 190px; }
 
    .faq-banner-inner{ padding: 0 16px; }
 
    .faq-page-banner h1{ font-size: 26px; }
 
    .faq-breadcrumb{
        font-size: 12px;
        padding: 8px 12px;
    }
 
    .faq-section{
        margin-top: 35px;
        margin-bottom: 45px;
        padding: 22px 12px 28px;
    }
 
    .faq-title{
        font-size: 22px;
        margin-bottom: 22px;
    }
 
    .faq-list{ gap: 12px; }
 
    .faq-question{
        min-height: 52px;
        padding: 10px 14px;
        font-size: 14px;
        letter-spacing: .02em;
    }
 
    .faq-answer p{
        padding: 14px;
        font-size: 14px;
    }
}
  /*--------------------------------------------blog page ---------------------------------------------------------------------*/



  
/* Blog Page Banner */
.blog-page-banner {
    position: relative;
    height: 310px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
}

.blog-banner-inner {
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: 1300px;
    margin: 0 auto;
    padding: 0 40px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

.blog-page-banner h1 {
    margin: 0;
    color: #fff;
    font-size: 47px;
    font-weight: 600;
    line-height: 1.1;
    font-family: Saira, Arial, Helvetica, sans-serif;
    margin-left: -40px;
}

.blog-breadcrumb {
    background: rgba(255, 255, 255, .08);
    padding: 20px 20px;
    color: #fff;
    font-size: 13px;
    display: flex;
    gap: 8px;
    align-items: center;
    font-family: Ubuntu, Arial, Helvetica, sans-serif;
}

.blog-breadcrumb a,
.blog-breadcrumb a:visited {
    color: #fff;
    text-decoration: none;
}

.blog-breadcrumb a:hover {
    text-decoration: none;
}

.blog-breadcrumb .blog-current {
    color: #7fd3e6;
}




  :root {
    --navy: #0b3a6e;
    --btn: #F4524D;
    --btn-hover: #d93d38;
    --card-bg: #f8f8f8;
    --text: #1a1a1a;
  }
 
  * { box-sizing: border-box; margin: 0; padding: 0; }
 
  body { font-family: 'Poppins', sans-serif; background: #fff; }
 
  .blog-section {
    max-width: 1350px;
    margin: 0 auto;
    padding: 30px 24px 50px;
    margin-top: 50px;
  }
 
  .blog-heading {
    font-family: Saira, Arial, Helvetica, sans-serif;
    font-weight: 600;
    font-size: 42px;
    color: #003062;
    margin-bottom: 40px;
  }
 
  /* 3 cards per row; 4th card goes to the 2nd row */
  .blog-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 38px;
    align-items: start;          /* each card's height follows its own content */
  }
 
  .blog-card {
    background: var(--card-bg);
    display: flex;
    flex-direction: column;
  }
 
  .blog-img {
    display: block;
    width: 100%;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    background: #dfe6ee;
  }
 
  .blog-body { padding: 14px 13px 22px; }
 
  .blog-title {
    font-family: Saira, Arial, Helvetica, sans-serif;
    font-weight: 600;
    font-size: 25px;
    line-height: 30px;
    letter-spacing: .02em;
    color: #003062;
    margin-bottom: 14px;
  }
 
  .blog-text {
    font-size: 17px;
    line-height: 25px;
    color: #000;
    font-family:Ubuntu, Tahoma, Geneva, sans-serif ;
  }
 

.blog-btn,
.blog-btn:visited,
.blog-btn:hover,
.blog-btn:focus,
.blog-btn:focus-visible,
.blog-btn:active {
    color: #fff !important;
    text-decoration: none;
}

.blog-btn {
    display: inline-block;
    margin-top: 14px;
    padding: 10px 26px;
    background: var(--btn);
    font-family: Ubuntu, Tahoma, Geneva, sans-serif;
    font-weight: 400;
    font-size: 15px;
    border-radius: 6px;
    transition: background-color .25s ease;
}

.blog-btn:hover,
.blog-btn:focus-visible {
    background: var(--btn-hover);
}

  @media (max-width: 1024px) {
    .blog-grid { grid-template-columns: repeat(2, 1fr); gap: 28px; }
    .blog-title { font-size: 26px; }
  }
 
  @media (max-width: 640px) {
    .blog-section { padding: 20px 14px 36px; }
    .blog-grid { grid-template-columns: 1fr; gap: 24px; }
    .blog-title { font-size: 23px; }
    .blog-text { font-size: 15px; }
  }

  
.continue-read-link {
    display: inline-block;
    margin-top: 0px;
    color: #000;
     font-family:Ubuntu, Tahoma, Geneva, sans-serif ;
    font-weight: 500;
    font-size: 17px;
    text-decoration: none;
    transition: color 0.25s ease;
}

.continue-read-link:hover {
    color: #fff;
    text-decoration: none;
}
/* FIX: blog text card ke andar rakhne ke liye */
.blog-grid > .blog-card {
    min-width: 0;
    overflow: hidden;          /* kuch bhi card se bahar nahi jaayega */
}

.blog-card .blog-body {
    width: 100%;
    max-width: 100%;
    padding: 14px 13px 22px;
}

.blog-card .blog-body .blog-text {
    position: static !important;
    left: auto !important;
    right: auto !important;
    transform: none !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    text-align: left;
    overflow-wrap: break-word;
}

.blog-card .blog-body .continue-read-link {
    margin: 0 !important;
}


/* ---------- Base fixes (sab screens par) ---------- */
.blog-img{ height: auto; }
 
.blog-title,
.blog-text{ overflow-wrap: break-word; }
 
 
/* ---------- Large tablet / small laptop (<= 1100px) ---------- */
@media (max-width: 1100px){
    .blog-banner-inner{ padding: 0 30px; }
 
    .blog-page-banner h1{
        font-size: 42px;
        margin-left: 0;          /* -40px negative margin hatao */
    }
 
    .blog-section{
        padding: 30px 30px 50px;
        margin-top: 40px;
    }
 
    .blog-heading{
        font-size: 38px;
        margin-bottom: 34px;
    }
 
    .blog-grid{ gap: 30px; }
 
    .blog-title{
        font-size: 23px;
        line-height: 28px;
    }
}
 
 
/* ---------- Tablet (<= 1024px): 2 cards per row ---------- */
@media (max-width: 1024px){
    .blog-grid{
        grid-template-columns: repeat(2, 1fr);
        gap: 28px;
    }
 
    .blog-title{
        font-size: 24px;
        line-height: 29px;
    }
 
    .blog-text{
        font-size: 16px;
        line-height: 24px;
    }
}
 
 
/* ---------- Tablet portrait (<= 900px) ---------- */
@media (max-width: 900px){
    .blog-page-banner{ height: 260px; }
 
    .blog-banner-inner{
        padding: 0 30px;
        gap: 16px;
    }
 
    .blog-page-banner h1{ font-size: 38px; }
 
    .blog-section{
        padding: 28px 24px 44px;
        margin-top: 30px;
    }
 
    .blog-heading{
        font-size: 34px;
        margin-bottom: 30px;
    }
 
    .blog-grid{ gap: 24px; }
}
 
 
/* ---------- Mobile (<= 768px): 1 card per row ---------- */
@media (max-width: 768px){
    .blog-page-banner{ height: 220px; }
 
    .blog-banner-inner{
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
        gap: 14px;
        padding: 0 20px;
    }
 
    .blog-page-banner h1{
        font-size: 32px;
        margin-left: 0;
    }
 
    .blog-breadcrumb{
        padding: 10px 14px;
        font-size: 13px;
        flex-wrap: wrap;
        gap: 6px;
    }
 
    .blog-section{
        padding: 22px 16px 38px;
        margin-top: 20px;
    }
 
    .blog-heading{
        font-size: 28px;
        line-height: 1.25;
        margin-bottom: 24px;
    }
 
    .blog-grid{
        grid-template-columns: 1fr;
        gap: 24px;
    }
 
    /* mobile par image thodi chhoti (square ki jagah 4:3) */
    .blog-img{ aspect-ratio: 4 / 3; }
 
    .blog-card .blog-body{ padding: 14px 14px 20px; }
 
    .blog-title{
        font-size: 22px;
        line-height: 27px;
        margin-bottom: 10px;
    }
 
    .blog-text{
        font-size: 15px;
        line-height: 23px;
    }
 
    .blog-btn{
        font-size: 14px;
        padding: 10px 24px;
    }
 
    .continue-read-link{ font-size: 16px; }
}
 
 
/* ---------- Small phones (<= 480px) ---------- */
@media (max-width: 480px){
    .blog-page-banner{ height: 190px; }
 
    .blog-banner-inner{ padding: 0 16px; }
 
    .blog-page-banner h1{ font-size: 26px; }
 
    .blog-breadcrumb{
        font-size: 12px;
        padding: 8px 12px;
    }
 
    .blog-section{ padding: 18px 12px 32px; }
 
    .blog-heading{
        font-size: 24px;
        margin-bottom: 20px;
    }
 
    .blog-grid{ gap: 20px; }
 
    .blog-card .blog-body{ padding: 12px 12px 18px; }
 
    .blog-title{
        font-size: 20px;
        line-height: 25px;
    }
 
    .blog-text{
        font-size: 14px;
        line-height: 22px;
    }
 
    .continue-read-link{ font-size: 15px; }
}
 
/*---------------------------------------------------gallery--------------------------------------------------------------*/



/* Gallery Page Banner */
.gallery-page-banner {
    position: relative;
    height: 310px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
}

.gallery-banner-inner {
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: 1300px;
    margin: 0 auto;
    padding: 0 40px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

.gallery-page-banner h1 {
    margin: 0;
    color: #fff;
    font-size: 47px;
    font-weight: 600;
    line-height: 1.1;
    font-family: Saira, Arial, Helvetica, sans-serif;
    margin-left: -40px;
}

.gallery-breadcrumb {
    background: rgba(255, 255, 255, .08);
    padding: 20px 20px;
    color: #fff;
    font-size: 13px;
    display: flex;
    gap: 8px;
    align-items: center;
    font-family: Ubuntu, Arial, Helvetica, sans-serif;
}

.gallery-breadcrumb a,
.gallery-breadcrumb a:visited {
    color: #fff;
    text-decoration: none;
}

.gallery-breadcrumb a:hover {
    text-decoration: none;
}

.gallery-breadcrumb .gallery-current {
    color: #7fd3e6;
}

 .clinic-gallery { max-width: 1300px; margin: 0 auto; padding: 40px 20px; margin-top: 40px;margin-bottom: 30px;}
  .cg-title { color:#003062; font-size:40px; font-weight:600; margin:0 0 40px; line-height:1.2;font-family: Saira, Arial, Helvetica, sans-serif; }
  .cg-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:6px; }
  .cg-grid img { width:100%; aspect-ratio:1/1; object-fit:cover; display:block; cursor:pointer; transition:opacity .2s; }
  .cg-grid img:hover { opacity:.85; }
  @media (max-width:900px){ .cg-grid{grid-template-columns:repeat(2,1fr);} .cg-title{font-size:34px;} }
  @media (max-width:560px){ .cg-grid{grid-template-columns:1fr;} .cg-title{font-size:26px;} }
 
  .lb { position:fixed; inset:0; background:rgba(0,0,0,.65); display:none; align-items:center; justify-content:center; z-index:99999; padding:16px; }
  .lb.open { display:flex; }
  .lb-box { background:#fff; max-width:100%; box-shadow:0 10px 40px rgba(0,0,0,.5); }
  .lb-stage { position:relative; overflow:auto; line-height:0; cursor:zoom-in; }
  .lb-stage.zoomed { cursor:move; }
  .lb-stage img { display:block; max-width:min(92vw,1000px); max-height:calc(100vh - 140px); width:auto; height:auto; transition:transform .25s ease; transform-origin:50% 50%; user-select:none; -webkit-user-drag:none; }
  .lb-stage.zoomed img { transform: none;
    max-width: 96vw;
    max-height: 90vh;
    width: auto;
    height: auto;
    object-fit: contain; }
  .lb-bar { display:flex; align-items:center; justify-content:space-between; height:44px; padding:0 12px; font:600 13px/1 Arial,sans-serif; color:#111; gap:12px; }
  .lb-cap { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
  .lb-btn { width:32px; height:32px; border-radius:50%; border:1px solid #ccc; background:#f4f4f4; color:#333; display:flex; align-items:center; justify-content:center; cursor:pointer; padding:0; box-shadow:0 1px 4px rgba(0,0,0,.25); flex-shrink:0; }
  .lb-btn:hover { background:#fff; }
  .lb-zoom { position:absolute; top:10px; right:10px; z-index:2; }
  .lb-zoom .ic-out { display:none; }
  .lb-stage.zoomed .lb-zoom .ic-in { display:none; }
  .lb-stage.zoomed .lb-zoom .ic-out { display:block; }



/* ---------- Base fixes (sab screens par) ---------- */
.clinic-gallery,
.clinic-gallery *{ box-sizing: border-box; }
 
.cg-grid img{ height: auto; }
 
/* touch screens par lightbox buttons aasani se tap ho sakein */
.lb-btn{ touch-action: manipulation; }
.lb-stage{ -webkit-overflow-scrolling: touch; }
 
 
/* ---------- Large tablet / small laptop (<= 1100px) ---------- */
@media (max-width: 1100px){
    .gallery-banner-inner{ padding: 0 30px; }
 
    .gallery-page-banner h1{
        font-size: 42px;
        margin-left: 0;          /* -40px negative margin hatao */
    }
 
    .clinic-gallery{
        padding: 36px 30px;
        margin-top: 30px;
    }
 
    .cg-title{
        font-size: 36px;
        margin-bottom: 32px;
    }
}
 
 
/* ---------- Tablet (<= 900px): 2 images per row ---------- */
@media (max-width: 900px){
    .gallery-page-banner{ height: 260px; }
 
    .gallery-banner-inner{
        padding: 0 30px;
        gap: 16px;
    }
 
    .gallery-page-banner h1{ font-size: 38px; }
 
    .clinic-gallery{
        padding: 30px 24px;
        margin-top: 25px;
    }
 
    .cg-grid{
        grid-template-columns: repeat(2, 1fr);
        gap: 8px;
    }
 
    .cg-title{
        font-size: 32px;
        margin-bottom: 28px;
    }
 
    /* lightbox tablet */
    .lb{ padding: 12px; }
 
    .lb-stage img{
        max-width: 94vw;
        max-height: calc(100vh - 120px);
        max-height: calc(100dvh - 120px);
    }
}
 
 
/* ---------- Mobile (<= 768px) ---------- */
@media (max-width: 768px){
    .gallery-page-banner{ height: 220px; }
 
    .gallery-banner-inner{
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
        gap: 14px;
        padding: 0 20px;
    }
 
    .gallery-page-banner h1{
        font-size: 32px;
        margin-left: 0;
    }
 
    .gallery-breadcrumb{
        padding: 10px 14px;
        font-size: 13px;
        flex-wrap: wrap;
        gap: 6px;
    }
 
    .clinic-gallery{
        padding: 24px 16px;
        margin-top: 15px;
        margin-bottom: 20px;
    }
 
    .cg-title{
        font-size: 28px;
        margin-bottom: 22px;
    }
 
    .cg-grid{ gap: 6px; }
 
    /* hover effect touch par kaam ka nahi */
    .cg-grid img:hover{ opacity: 1; }
}
 
 
/* ---------- Small phones (<= 560px): 1 image per row ---------- */
@media (max-width: 560px){
    .gallery-page-banner{ height: 190px; }
 
    .gallery-banner-inner{ padding: 0 16px; }
 
    .gallery-page-banner h1{ font-size: 26px; }
 
    .gallery-breadcrumb{
        font-size: 12px;
        padding: 8px 12px;
    }
 
    .clinic-gallery{ padding: 20px 12px; }
 
    .cg-grid{
        grid-template-columns: 1fr;
        gap: 8px;
    }
 
    .cg-title{
        font-size: 24px;
        margin-bottom: 18px;
    }
 
    /* lightbox mobile */
    .lb{ padding: 8px; }
 
    .lb-box{ width: 100%; }
 
    .lb-stage img{
        max-width: 100%;
        width: 100%;
        max-height: calc(100vh - 100px);
        max-height: calc(100dvh - 100px);
        object-fit: contain;
    }
 
    .lb-stage.zoomed img{
        max-width: none;
        width: 200%;             /* zoom me image bada dikhe, stage scroll hoga */
        max-height: none;
    }
 
    .lb-bar{
        height: 48px;
        padding: 0 10px;
        font-size: 12px;
    }
 
    .lb-btn{
        width: 36px;
        height: 36px;
    }
 
    .lb-zoom{
        top: 8px;
        right: 8px;
    }
}
 
  /*-----------------------------------------------Tretment----------------------------------------------------------------*/




 
/* Services Page Banner */
.services-page-banner {
    position: relative;
    height: 310px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
}

.services-banner-inner {
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: 1300px;
    margin: 0 auto;
    padding: 0 40px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

.services-page-banner h1 {
    margin: 0;
    color: #fff;
    font-size: 47px;
    font-weight: 600;
    line-height: 1.1;
    font-family: Saira, Arial, Helvetica, sans-serif;
    margin-left: -40px;
}

.services-breadcrumb {
    background: rgba(255, 255, 255, .08);
    padding: 20px 20px;
    color: #fff;
    font-size: 13px;
    display: flex;
    gap: 8px;
    align-items: center;
    font-family: Ubuntu, Arial, Helvetica, sans-serif;
}

.services-breadcrumb a,
.services-breadcrumb a:visited {
    color: #fff;
    text-decoration: none;
}

.services-breadcrumb a:hover {
    text-decoration: none;
}

.services-breadcrumb .services-current {
    color: #7fd3e6;
}



  :root { --navy: #00306b; --white: #fff; }
  * { box-sizing: border-box; }
  body { margin: 0; font-family: 'Saira', Arial, sans-serif; background: var(--white); color: var(--navy); }
 
  .services-section { max-width: 1800px; margin: 0 auto; padding: 40px 20px 60px; text-align: center;margin-top: 40px; margin-bottom: 30px;}
  .services-section h2 {
    margin: 0 auto; max-width: 1600px;
    font-size: 42px; line-height: 1.2; font-weight: 600; color: #003062;
    font-family: Saira, Arial, Helvetica, sans-serif;
    text-align: center;
  }
  .services-section h3 {
    margin: 40px 0 40px; font-size: 25px; font-weight: 700; color: #003062;
        font-family: Saira, Arial, Helvetica, sans-serif;
  }
 
  .services-grid {
    max-width: 1300px; margin: 0 auto;
    display: grid; grid-template-columns: repeat(3, 1fr); gap: 43px 38px;

  }
  .service-card {
    height: 140px; border: 1px solid var(--navy); background: var(--white);
    display: flex; align-items: flex-end; justify-content: center;
    padding: 0 16px 42px; text-decoration: none; color: #003062;
    font-size: 17px; font-weight: 600; letter-spacing: .2px;
    font-family: Saira, Arial, Helvetica, sans-serif;
  }

  .service-card:focus-visible { outline: 3px solid var(--navy); outline-offset: 3px; }
 
  .scroll-top {
    position: fixed; right: 58px; bottom: 34px; width: 53px; height: 53px;
    background: var(--navy); border: 0; cursor: pointer;
    display: flex; align-items: center; justify-content: center;
  }
  .scroll-top svg { width: 20px; height: 20px; stroke: #fff; fill: none; stroke-width: 2.5; }
 
  @media (max-width: 1024px) {
    .services-section h2 { font-size: 40px; }
    .services-grid { grid-template-columns: repeat(2, 1fr); gap: 24px; }
  }
  @media (max-width: 640px) {
    .services-section h2 { font-size: 30px; }
    .services-section h3 { font-size: 26px; margin: 32px 0; }
    .services-grid { grid-template-columns: 1fr; }
    .service-card { height: 130px; padding-bottom: 32px; font-size: 18px; }
    .scroll-top { right: 16px; bottom: 16px; }
  }
  .service-card,
.service-card:visited,
.service-card:hover,
.service-card:active,
.service-card:focus {
    color: #003062 !important;
    text-decoration: none !important;
}


/* ---------- Base fixes (sab screens par) ---------- */
.services-section h2,
.services-section h3,
.service-card{ overflow-wrap: break-word; }
 
.service-card{
    text-align: center;
    line-height: 1.3;
}
 
.scroll-top{ touch-action: manipulation; }
 
 
/* ---------- Large tablet / small laptop (<= 1100px) ---------- */
@media (max-width: 1100px){
    .services-banner-inner{ padding: 0 30px; }
 
    .services-page-banner h1{
        font-size: 42px;
        margin-left: 0;          /* -40px negative margin hatao */
    }
 
    .services-section{
        padding: 36px 30px 50px;
        margin-top: 30px;
    }
 
    .services-section h2{ font-size: 38px; }
 
    .services-section h3{
        font-size: 24px;
        margin: 34px 0;
    }
 
    .services-grid{ gap: 32px 28px; }
 
    .scroll-top{
        right: 30px;
        bottom: 28px;
    }
}
 
 
/* ---------- Tablet (<= 1024px): 2 cards per row ---------- */
@media (max-width: 1024px){
    .services-section h2{ font-size: 36px; }
 
    .services-grid{
        grid-template-columns: repeat(2, 1fr);
        gap: 24px;
    }
 
    .service-card{
        height: 130px;
        padding: 0 16px 36px;
        font-size: 17px;
    }
}
 
 
/* ---------- Tablet portrait (<= 900px) ---------- */
@media (max-width: 900px){
    .services-page-banner{ height: 260px; }
 
    .services-banner-inner{
        padding: 0 30px;
        gap: 16px;
    }
 
    .services-page-banner h1{ font-size: 38px; }
 
    .services-section{
        padding: 30px 24px 44px;
        margin-top: 25px;
    }
 
    .services-section h2{ font-size: 32px; }
 
    .services-section h3{
        font-size: 23px;
        margin: 30px 0;
    }
 
    .scroll-top{
        right: 24px;
        bottom: 24px;
        width: 48px;
        height: 48px;
    }
}
 
 
/* ---------- Mobile (<= 768px) ---------- */
@media (max-width: 768px){
    .services-page-banner{ height: 220px; }
 
    .services-banner-inner{
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
        gap: 14px;
        padding: 0 20px;
    }
 
    .services-page-banner h1{
        font-size: 32px;
        margin-left: 0;
    }
 
    .services-breadcrumb{
        padding: 10px 14px;
        font-size: 13px;
        flex-wrap: wrap;
        gap: 6px;
    }
 
    .services-section{
        padding: 24px 16px 40px;
        margin-top: 15px;
        margin-bottom: 20px;
    }
 
    .services-section h2{
        font-size: 28px;
        line-height: 1.25;
    }
 
    .services-section h3{
        font-size: 21px;
        margin: 26px 0;
    }
 
    .services-grid{ gap: 18px; }
 
    .service-card{
        height: 115px;
        padding: 0 14px 30px;
        font-size: 16px;
    }
}
 
 
/* ---------- Small phones (<= 640px): 1 card per row ---------- */
@media (max-width: 640px){
    .services-grid{
        grid-template-columns: 1fr;
        gap: 16px;
    }
 
    .service-card{
        height: 105px;
        padding: 0 14px 28px;
        font-size: 17px;
    }
 
    .scroll-top{
        right: 16px;
        bottom: 16px;
        width: 44px;
        height: 44px;
    }
 
    .scroll-top svg{
        width: 18px;
        height: 18px;
    }
}
 
 
/* ---------- Extra small phones (<= 480px) ---------- */
@media (max-width: 480px){
    .services-page-banner{ height: 190px; }
 
    .services-banner-inner{ padding: 0 16px; }
 
    .services-page-banner h1{ font-size: 26px; }
 
    .services-breadcrumb{
        font-size: 12px;
        padding: 8px 12px;
    }
 
    .services-section{ padding: 20px 12px 34px; }
 
    .services-section h2{ font-size: 24px; }
 
    .services-section h3{
        font-size: 19px;
        margin: 22px 0;
    }
 
    .service-card{
        height: 95px;
        padding: 0 12px 24px;
        font-size: 16px;
    }
}
 
/*------------------------------------------------about-us------------------------------------------------------------------*/




/* About Us Page Banner */
.about-us-page-banner {
    position: relative;
    height: 310px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
}

.about-us-banner-inner {
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: 1300px;
    margin: 0 auto;
    padding: 0 40px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

.about-us-page-banner h1 {
    margin: 0;
    color: #fff;
    font-size: 47px;
    font-weight: 600;
    line-height: 1.1;
    font-family: Saira, Arial, Helvetica, sans-serif;
    margin-left: -40px;
}

.about-us-breadcrumb {
    background: rgba(255, 255, 255, .08);
    padding: 20px 20px;
    color: #fff;
    font-size: 13px;
    display: flex;
    gap: 8px;
    align-items: center;
    font-family: Ubuntu, Arial, Helvetica, sans-serif;
}

.about-us-breadcrumb a,
.about-us-breadcrumb a:visited {
    color: #fff;
    text-decoration: none;
}

.about-us-breadcrumb a:hover {
    text-decoration: none;
}

.about-us-breadcrumb .about-us-current {
    color: #7fd3e6;
}



 .acad-section {
    --navy: #06336b;
    --text: #1a1a1a;
    --accent: #0b4a5a;
    max-width: 1300px;
    margin: 0 auto;
    padding: 30px 24px 50px;
    font-family: "Ubuntu", Arial, sans-serif;
    color: var(--text);
    box-sizing: border-box;
    margin-top: 50px;
    margin-bottom: 30px;
  }
  .acad-section *, .acad-section *::before, .acad-section *::after { box-sizing: inherit; }
 
  .acad-section h2 {
    font-family: "Saira", Arial, sans-serif;
    font-weight: 700;
    color: var(--navy);
    margin: 0;
    letter-spacing: 0.5px;
  }
 
  /* Top: photo + academic list */
  .acad-top {
    display: grid;
    grid-template-columns: 456px 1fr;
    gap: 38px;
    align-items: start;
    margin-bottom: 55px;
  }
  .acad-top img {
    width: 90%;
    height: 280px;
    object-fit: cover;
    display: block;
    margin-left: -10px;
  }
  .acad-top h2 {
    font-size: 40px;
    font-weight: 600;
    line-height: 45px;
    margin-bottom: 18px;
    font-family: Saira, Arial, Helvetica, sans-serif;
    color: #003062;
    transform: translate(-60px,0);
  }
  .acad-top p {
    margin: 0;
    font-size: 16px;
    font-weight: 400;
    line-height: 31px;
    font-family: Ubuntu, Tahoma, Geneva, sans-serif;
    color: #000;
    transform: translate(-60px,0);
  }
  .acad-section .hl {
    color: var(--accent);
    font-weight: 700;
  }
 
  /* Bottom: two columns */
  .acad-bottom {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 50px;
  }
  .acad-bottom h2 {
    font-size: 30px;
    font-weight: 600;
    margin-bottom: 22px;
    font-family: Saira, Arial, Helvetica, sans-serif;
    color: #003062;
  }
  .acad-bottom p {
    margin: 0;
    font-size: 17px;
    line-height: 1.6;
    font-weight: 400;
    font-family: Ubuntu, Tahoma, Geneva, sans-serif;
    letter-spacing: 0.3;
  }
 
  /* Responsive */
  @media (max-width: 991px) {
    .acad-top { grid-template-columns: 1fr; }
    .acad-top img { height: auto; max-height: 360px; }
    .acad-top h2 { font-size: 34px; }
    .acad-bottom { grid-template-columns: 1fr; gap: 35px; }
    .acad-bottom h2 { font-size: 30px; }
  }

   .acad-memberships h2 {
    font-family: "Saira", Arial, sans-serif;
    font-weight: 700;
    font-size: 38px;
    color: #06336b;
    margin: 0 0 22px;
  }
  .acad-memberships p {
    margin: 0;
    font-size: 17px;
    line-height: 31px;
    font-family: "Ubuntu", Arial, sans-serif;
  }

  .acad-btn {
    display: inline-block;
    margin-top: 40px;
    padding: 12px 20px;
    font-family: Ubuntu, Tahoma, Geneva, sans-serif;
    font-size: 15px;
    font-weight: 400;
    color: #fff;
    text-decoration: none;
    background: linear-gradient(#3a3a3a, #222);
    border: 1px solid #111;
    border-radius: 6px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
    transition: background 0.2s;
  }
  .acad-btn:hover {
    background: linear-gradient(#4a4a4a, #2c2c2c);
    color: #fff;
  }

/* ---------- Base fixes (sab screens par) ---------- */
.acad-section h2,
.acad-section p{ overflow-wrap: break-word; }
 
.acad-btn{ touch-action: manipulation; }
 
 
/* ---------- Large tablet / small laptop (<= 1200px) ---------- */
@media (max-width: 1200px){
    .acad-top{
        grid-template-columns: 380px 1fr;
        gap: 32px;
    }
}
 
 
/* ---------- Tablet landscape (<= 1100px) ---------- */
@media (max-width: 1100px){
    .about-us-banner-inner{ padding: 0 30px; }
 
    .about-us-page-banner h1{
        font-size: 42px;
        margin-left: 0;          /* -40px negative margin hatao */
    }
 
    .acad-section{
        padding: 30px 30px 50px;
        margin-top: 40px;
    }
 
    .acad-top{
        grid-template-columns: 340px 1fr;
        gap: 28px;
        margin-bottom: 45px;
    }
 
    .acad-top h2{
        font-size: 36px;
        line-height: 42px;
    }
 
    .acad-top p{
        font-size: 16px;
        line-height: 29px;
    }
 
    .acad-bottom{ gap: 36px; }
 
    .acad-bottom h2{ font-size: 28px; }
 
    .acad-bottom p{
        font-size: 16px;
        line-height: 1.6;
    }
}
 
 
/* ---------- Tablet portrait (<= 991px): single column ---------- */
@media (max-width: 991px){
    .about-us-page-banner{ height: 260px; }
 
    .about-us-banner-inner{
        padding: 0 30px;
        gap: 16px;
    }
 
    .about-us-page-banner h1{ font-size: 38px; }
 
    .acad-section{
        padding: 28px 24px 44px;
        margin-top: 30px;
    }
 
    .acad-top{
        grid-template-columns: 1fr;
        gap: 24px;
        margin-bottom: 40px;
    }
 
    /* image: -10px margin aur 90% width hatao, full width karo */
    .acad-top img{
        width: 100%;
        height: auto;
        max-height: 380px;
        margin-left: 0;
    }
 
    /* IMPORTANT: translate(-60px) mobile/tablet par text ko screen se bahar dhakelta hai */
    .acad-top h2,
    .acad-top p{ transform: none; }
 
    .acad-top h2{
        font-size: 34px;
        line-height: 40px;
        margin-bottom: 14px;
    }
 
    .acad-bottom{
        grid-template-columns: 1fr;
        gap: 32px;
    }
 
    .acad-bottom h2{
        font-size: 28px;
        margin-bottom: 16px;
    }
 
    .acad-memberships h2{
        font-size: 32px;
        margin-bottom: 16px;
    }
 
    .acad-memberships p{
        font-size: 16px;
        line-height: 29px;
    }
}
 
 
/* ---------- Mobile (<= 768px) ---------- */
@media (max-width: 768px){
    .about-us-page-banner{ height: 220px; }
 
    .about-us-banner-inner{
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
        gap: 14px;
        padding: 0 20px;
    }
 
    .about-us-page-banner h1{
        font-size: 32px;
        margin-left: 0;
    }
 
    .about-us-breadcrumb{
        padding: 10px 14px;
        font-size: 13px;
        flex-wrap: wrap;
        gap: 6px;
    }
 
    .acad-section{
        padding: 24px 16px 38px;
        margin-top: 15px;
        margin-bottom: 20px;
    }
 
    .acad-top{
        gap: 20px;
        margin-bottom: 34px;
    }
 
    .acad-top img{ max-height: 300px; }
 
    .acad-top h2{
        font-size: 28px;
        line-height: 34px;
    }
 
    .acad-top p{
        font-size: 15px;
        line-height: 27px;
    }
 
    .acad-bottom{ gap: 28px; }
 
    .acad-bottom h2{
        font-size: 24px;
        margin-bottom: 12px;
    }
 
    .acad-bottom p{
        font-size: 15px;
        line-height: 1.65;
    }
 
    .acad-memberships h2{
        font-size: 26px;
        margin-bottom: 12px;
    }
 
    .acad-memberships p{
        font-size: 15px;
        line-height: 27px;
    }
 
    .acad-btn{
        margin-top: 28px;
        font-size: 14px;
        padding: 11px 20px;
    }
}
 
 
/* ---------- Small phones (<= 480px) ---------- */
@media (max-width: 480px){
    .about-us-page-banner{ height: 190px; }
 
    .about-us-banner-inner{ padding: 0 16px; }
 
    .about-us-page-banner h1{ font-size: 26px; }
 
    .about-us-breadcrumb{
        font-size: 12px;
        padding: 8px 12px;
    }
 
    .acad-section{ padding: 20px 12px 32px; }
 
    .acad-top img{ max-height: 240px; }
 
    .acad-top h2{
        font-size: 24px;
        line-height: 30px;
    }
 
    .acad-top p,
    .acad-bottom p,
    .acad-memberships p{
        font-size: 14px;
        line-height: 25px;
    }
 
    .acad-bottom h2{ font-size: 22px; }
 
    .acad-memberships h2{ font-size: 22px; }
}
 

  /*----------------------------------------------asthma--------------------------------------------------------------------*/


/* Asthma Page Banner */
.asthma-page-banner {
    position: relative;
    height: 310px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
}

.asthma-banner-inner {
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: 1300px;
    margin: 0 auto;
    padding: 0 40px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

.asthma-page-banner h1 {
    margin: 0;
    color: #fff;
    font-size: 47px;
    font-weight: 600;
    line-height: 1.1;
    font-family: Saira, Arial, Helvetica, sans-serif;
    margin-left: -40px;
}

.asthma-breadcrumb {
    background: rgba(255, 255, 255, .08);
    padding: 20px 20px;
    color: #fff;
    font-size: 13px;
    display: flex;
    gap: 8px;
    align-items: center;
    font-family: Ubuntu, Arial, Helvetica, sans-serif;
}

.asthma-breadcrumb a,
.asthma-breadcrumb a:visited {
    color: #fff;
    text-decoration: none;
}

.asthma-breadcrumb a:hover {
    text-decoration:  none;
}

.asthma-breadcrumb .asthma-current {
    color: #7fd3e6;
}


:root {
    --navy: #0a3b73;
    --text: #111;
    --frame: #e8e8e8;
  }
  * { box-sizing: border-box; }
  body {
    margin: 0;
    background: #fff;
    color: var(--text);
    font-family: "Ubuntu", Arial, sans-serif;
  }
  .container {
    max-width: 1300px;
    margin: 0 auto;
    padding: 15px 24px 60px;
    margin-top: 50px;
  }
 
  /* ---------- Top: image + intro ---------- */
  .intro {
    display: flex;
    gap: 38px;
    align-items: flex-start;
  }
  .intro-img {
    flex: 0 0 48.5%;
    max-width: 703px;
    background: var(--frame);
    padding: 8px;
  }
  .intro-img img,
  .img-placeholder {
    display: block;
    width: 100%;
    aspect-ratio: 688 / 460;
    object-fit: cover;
  }
  /* Placeholder - remove this div and use <img src="your-photo.jpg"> */
  .img-placeholder {
    position: relative;
    background: radial-gradient(circle at 40% 40%, #d9d9d5, #b9b9b4);
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding-left: 8%;
  }
  .img-placeholder .label {
    width: 42%;
    text-align: center;
    font-family: Georgia, "Times New Roman", serif;
    color: #222;
  }
  .label .sm { font-size: clamp(11px, 1.3vw, 18px); line-height: 1.2; padding-bottom: 12px; }
  .label .big {
    font-size: clamp(34px, 5.4vw, 72px);
    line-height: 1.1;
    border-top: 1px solid #222;
    border-bottom: 1px solid #222;
    padding: 4px 0 8px;
    margin: 0 8%;
  }
  .label .sm2 { font-size: clamp(14px, 1.9vw, 26px); padding-top: 12px; }
 
  .intro-text { flex: 1; }
  h1, h2 {
    font-family:Saira, Arial, Helvetica, sans-serif;
    font-weight: 600;
    color: var(--navy);
    letter-spacing: 0.5px;
    margin: 0;
    font-size:40 ;
  }
  h1 { font-size: 48px; line-height: 1.15; margin-top: -6px; }
  .intro-text p {
    font-size: 17px;
    font-weight: 400;
    line-height: 1.73;
    margin: 22px 0 0;
    font-family: Ubuntu, Tahoma, Geneva, sans-serif;
    color: #000;
  }
 
  /* ---------- Bottom: list ---------- */
  .how { margin-top: 48px; }
  h2 { font-size: 32px; line-height: 1.2; margin-bottom: 22px; font-family: Saira, Arial, Helvetica, sans-serif;font-weight: 600;}
  .how p {
    font-size: 17px;
    line-height: 1.5;
    margin: 0 0 18px;
    font-weight: 400;
    font-family: Ubuntu, Tahoma, Geneva, sans-serif;
    color: #000;
  }
 
  /* ---------- Scroll-to-top button ---------- */
  .to-top {
    position: fixed;
    right: 60px;
    bottom: 28px;
    width: 53px;
    height: 53px;
    background: var(--navy);
    border: 0;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .to-top:focus-visible { outline: 3px solid #7fb2ff; outline-offset: 2px; }
  .to-top svg { width: 20px; height: 20px; stroke: #fff; fill: none; stroke-width: 3; }
 
  /* ---------- Responsive ---------- */
  @media (max-width: 900px) {
    .intro { flex-direction: column; }
    .intro-img { flex-basis: auto; max-width: 100%; width: 100%; }
    h1 { font-size: 34px; }
    h2 { font-size: 26px; }
    .intro-text p, .how p { font-size: 16px; }
    .to-top { right: 16px; }
  }

  /* Asthma Triggers Section */
.asthma-trigger-box {
    width: 100%;
    box-sizing: border-box;
    margin-top: 60px;
    margin-bottom: 20px;
}

.asthma-trigger-box h2 {
    margin-bottom: 20px;
}

.asthma-trigger-box p {
    margin: 0 0 5px;
    line-height: 1.5;
    font-family: Ubuntu, Tahoma, Geneva, sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: #000;
}

.asthma-trigger-box .asthma-trigger-note {
    margin-top: 10px;
    margin-bottom: 0;
}


/* ---------- Base fixes (sab screens par) ---------- */
.intro-text,
.how,
.asthma-trigger-box{ min-width: 0; }
 
.intro-text h1,
.how h2,
.asthma-trigger-box h2,
.intro-text p,
.how p,
.asthma-trigger-box p{ overflow-wrap: break-word; }
 
.to-top{ touch-action: manipulation; }
 
 
/* ---------- Large tablet / small laptop (<= 1100px) ---------- */
@media (max-width: 1100px){
    .asthma-banner-inner{ padding: 0 30px; }
 
    .asthma-page-banner h1{
        font-size: 42px;
        margin-left: 0;          /* -40px negative margin hatao */
    }
 
    .container{
        padding: 15px 30px 55px;
        margin-top: 40px;
    }
 
    .intro{ gap: 28px; }
 
    .intro-text h1{
        font-size: 40px;
        margin-top: 0;
    }
 
    .intro-text p,
    .how p{
        font-size: 16px;
        margin-top: 18px;
    }
 
    .how p{ margin-top: 0; }
 
    .how h2{ font-size: 28px; }
 
    .to-top{
        right: 30px;
        bottom: 24px;
    }
}
 
 
/* ---------- Tablet portrait (<= 991px): image upar, text neeche ---------- */
@media (max-width: 991px){
    .asthma-page-banner{ height: 260px; }
 
    .asthma-banner-inner{
        padding: 0 30px;
        gap: 16px;
    }
 
    .asthma-page-banner h1{ font-size: 38px; }
 
    .container{
        padding: 15px 24px 50px;
        margin-top: 30px;
    }
 
    .intro{
        flex-direction: column;
        gap: 26px;
    }
 
    .intro-img{
        flex: none;
        flex-basis: auto;
        width: 100%;
        max-width: 100%;
    }
 
    .intro-text{
        flex: none;
        width: 100%;
    }
 
    .intro-text h1{
        font-size: 34px;
        line-height: 1.2;
    }
 
    .intro-text p{ margin-top: 16px; }
 
    .how{ margin-top: 38px; }
 
    .how h2{
        font-size: 26px;
        margin-bottom: 18px;
    }
 
    .asthma-trigger-box{ margin-top: 45px; }
 
    .to-top{
        right: 24px;
        bottom: 24px;
        width: 48px;
        height: 48px;
    }
}
 
 
/* ---------- Mobile (<= 768px) ---------- */
@media (max-width: 768px){
    .asthma-page-banner{ height: 220px; }
 
    .asthma-banner-inner{
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
        gap: 14px;
        padding: 0 20px;
    }
 
    .asthma-page-banner h1{
        font-size: 32px;
        margin-left: 0;
    }
 
    .asthma-breadcrumb{
        padding: 10px 14px;
        font-size: 13px;
        flex-wrap: wrap;
        gap: 6px;
    }
 
    .container{
        padding: 12px 16px 40px;
        margin-top: 20px;
    }
 
    .intro{ gap: 22px; }
 
    .intro-img{ padding: 6px; }
 
    .intro-text h1{ font-size: 28px; }
 
    .intro-text p,
    .how p,
    .asthma-trigger-box p{
        font-size: 15px;
        line-height: 1.65;
    }
 
    .how{ margin-top: 32px; }
 
    .how h2,
    .asthma-trigger-box h2{
        font-size: 23px;
        margin-bottom: 14px;
    }
 
    .how p{ margin-bottom: 14px; }
 
    .asthma-trigger-box{
        margin-top: 36px;
        margin-bottom: 10px;
    }
 
    .to-top{
        right: 16px;
        bottom: 16px;
        width: 44px;
        height: 44px;
    }
 
    .to-top svg{
        width: 18px;
        height: 18px;
    }
}
 
 
/* ---------- Small phones (<= 480px) ---------- */
@media (max-width: 480px){
    .asthma-page-banner{ height: 190px; }
 
    .asthma-banner-inner{ padding: 0 16px; }
 
    .asthma-page-banner h1{ font-size: 26px; }
 
    .asthma-breadcrumb{
        font-size: 12px;
        padding: 8px 12px;
    }
 
    .container{ padding: 10px 12px 34px; }
 
    .intro-img{ padding: 4px; }
 
    .intro-text h1{ font-size: 24px; }
 
    .intro-text p,
    .how p,
    .asthma-trigger-box p{
        font-size: 14px;
        line-height: 1.7;
    }
 
    .how h2,
    .asthma-trigger-box h2{ font-size: 21px; }
}
 
/*-----------------------------------------------chronic caught--------------------------------------------------------------*/


/* Chronic Cough Page Banner */
.chronic-cough-page-banner {
    position: relative;
    height: 310px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
}

.chronic-cough-banner-inner {
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: 1300px;
    margin: 0 auto;
    padding: 0 40px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

.chronic-cough-page-banner h1 {
    margin: 0;
    color: #fff;
    font-size: 47px;
    font-weight: 600;
    line-height: 1.1;
    font-family: Saira, Arial, Helvetica, sans-serif;
    margin-left: -40px;
}

.chronic-cough-breadcrumb {
    background: rgba(255, 255, 255, .08);
    padding: 20px 20px;
    color: #fff;
    font-size: 13px;
    display: flex;
    gap: 8px;
    align-items: center;
    font-family: Ubuntu, Arial, Helvetica, sans-serif;
}

.chronic-cough-breadcrumb a,
.chronic-cough-breadcrumb a:visited {
    color: #fff;
    text-decoration: none;
}

.chronic-cough-breadcrumb a:hover {
    text-decoration: none;
}

.chronic-cough-breadcrumb .chronic-cough-current {
    color: #7fd3e6;
}


 :root {
    --heading: #083066;
    --text: #111;
  }
  * { box-sizing: border-box; }
  body {
    margin: 0;
    font-family: "Ubuntu", Arial, sans-serif;
    color: var(--text);
    background: #fff;
  }
 
  /* ---------- Section ---------- */
  .cough-section {
    padding: 80px 20px;
  }
  .cough-container {
    max-width: 1320px;
    margin: 0 auto;
    padding: 0 40px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
    align-items: start;
  }
 
  .cough-content h1 {
    font-family: Saira, Arial, Helvetica, sans-serif;
    font-weight: 600;
    font-size: 40px;
    line-height: 45px;
    color: #003062;
    margin: 0 0 20px;
  }
  .cough-content p {
    font-size: 17px;
    line-height: 25px;
    font-weight: 400;
    margin: 0 0 20px;
    font-family: Ubuntu, Tahoma, Geneva, sans-serif;
    color: #000;
  }
  .cough-content h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 0 0 20px;
    line-height: 25px;
    font-family: Ubuntu, Tahoma, Geneva, sans-serif;
  }
  .cough-content ul {
    margin: 0;
    padding-left: 30px;
    font-size: 17px;
    line-height: 1.8;
    font-weight: 400;
    font-family: Ubuntu, Tahoma, Geneva, sans-serif;
    color: #000;
  }
 
  .cough-image {
    display: flex;
    justify-content: center;
    padding-top: 0;
  }
  .cough-image img {
    width: 100%;
    max-width: 480px;
    height: auto;
    border: 1px solid #000;
    display: block;
    background: #fff;
  }
 
  /* ---------- Responsive ---------- */
  @media (max-width: 900px) {
    .cough-container {
      grid-template-columns: 1fr;
      gap: 30px;
      padding: 0 10px;
    }
    .cough-content h1 { font-size: 34px; }
    .cough-image { order: -1; }
  }


/* ---------- Base fixes (sab screens par) ---------- */
.cough-content,
.cough-image{ min-width: 0; }
 
.cough-content h1,
.cough-content p,
.cough-content h4,
.cough-content li{ overflow-wrap: break-word; }
 
 
/* ---------- Large tablet / small laptop (<= 1100px) ---------- */
@media (max-width: 1100px){
    .chronic-cough-banner-inner{ padding: 0 30px; }
 
    .chronic-cough-page-banner h1{
        font-size: 42px;
        margin-left: 0;          /* -40px negative margin hatao */
    }
 
    .cough-section{ padding: 65px 20px; }
 
    .cough-container{
        padding: 0 30px;
        gap: 40px;
    }
 
    .cough-content h1{
        font-size: 36px;
        line-height: 42px;
    }
 
    .cough-content p,
    .cough-content ul{ font-size: 16px; }
}
 
 
/* ---------- Tablet portrait (<= 900px): single column ---------- */
@media (max-width: 900px){
    .chronic-cough-page-banner{ height: 260px; }
 
    .chronic-cough-banner-inner{
        padding: 0 30px;
        gap: 16px;
    }
 
    .chronic-cough-page-banner h1{ font-size: 38px; }
 
    .cough-section{ padding: 50px 20px; }
 
    .cough-container{
        grid-template-columns: 1fr;
        gap: 30px;
        padding: 0 10px;
    }
 
    /* image upar (jaisa pehle tha) */
    .cough-image{ order: -1; }
 
    .cough-image img{
        max-width: 100%;
        width: 100%;
    }
 
    .cough-content h1{
        font-size: 34px;
        line-height: 40px;
        margin-bottom: 16px;
    }
 
    .cough-content p{ margin-bottom: 16px; }
 
    .cough-content ul{
        line-height: 1.7;
        padding-left: 28px;
    }
}
 
 
/* ---------- Mobile (<= 768px) ---------- */
@media (max-width: 768px){
    .chronic-cough-page-banner{ height: 220px; }
 
    .chronic-cough-banner-inner{
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
        gap: 14px;
        padding: 0 20px;
    }
 
    .chronic-cough-page-banner h1{
        font-size: 32px;
        margin-left: 0;
    }
 
    .chronic-cough-breadcrumb{
        padding: 10px 14px;
        font-size: 13px;
        flex-wrap: wrap;
        gap: 6px;
    }
 
    .cough-section{ padding: 35px 16px; }
 
    .cough-container{
        gap: 24px;
        padding: 0;
    }
 
    .cough-content h1{
        font-size: 28px;
        line-height: 34px;
    }
 
    .cough-content p{
        font-size: 15px;
        line-height: 24px;
        margin-bottom: 14px;
    }
 
    .cough-content h4{
        font-size: 15px;
        line-height: 24px;
        margin-bottom: 14px;
    }
 
    .cough-content ul{
        font-size: 15px;
        line-height: 1.7;
        padding-left: 24px;
    }
}
 
 
/* ---------- Small phones (<= 480px) ---------- */
@media (max-width: 480px){
    .chronic-cough-page-banner{ height: 190px; }
 
    .chronic-cough-banner-inner{ padding: 0 16px; }
 
    .chronic-cough-page-banner h1{ font-size: 26px; }
 
    .chronic-cough-breadcrumb{
        font-size: 12px;
        padding: 8px 12px;
    }
 
    .cough-section{ padding: 28px 12px; }
 
    .cough-container{ gap: 20px; }
 
    .cough-content h1{
        font-size: 24px;
        line-height: 30px;
    }
 
    .cough-content p,
    .cough-content ul,
    .cough-content h4{
        font-size: 14px;
        line-height: 23px;
    }
 
    .cough-content ul{ padding-left: 20px; }
}
 
  /*-------------------------------------------------Thoracoscopy-----------------------------------------------------------------------------------------------*/


/* Thoracoscopy Page Banner */
.thoracoscopy-page-banner {
    position: relative;
    height: 310px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
}

.thoracoscopy-banner-inner {
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: 1300px;
    margin: 0 auto;
    padding: 0 40px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

.thoracoscopy-page-banner h1 {
    margin: 0;
    color: #fff;
    font-size: 47px;
    font-weight: 600;
    line-height: 1.1;
    font-family: Saira, Arial, Helvetica, sans-serif;
    margin-left: -40px;
}

.thoracoscopy-breadcrumb {
    background: rgba(255, 255, 255, .08);
    padding: 20px 20px;
    color: #fff;
    font-size: 13px;
    display: flex;
    gap: 8px;
    align-items: center;
    font-family: Ubuntu, Arial, Helvetica, sans-serif;
}

.thoracoscopy-breadcrumb a,
.thoracoscopy-breadcrumb a:visited {
    color: #fff;
    text-decoration: none;
}

.thoracoscopy-breadcrumb a:hover {
    text-decoration:none;
}

.thoracoscopy-breadcrumb .thoracoscopy-current {
    color: #7fd3e6;
}



:root {
    --heading: #083066;
    --text: #111;
  }
  * { box-sizing: border-box; }
  body {
    margin: 0;
    font-family: "Ubuntu", Arial, sans-serif;
    color: var(--text);
    background: #fff;
  }



 
  /* ---------- Section ---------- */
  .thoraco-section {
    padding: 40px 20px 80px;
    margin-top: 50px;
  }
  .thoraco-container {
    max-width: 1320px;
    margin: 0 auto;
    padding: 0 40px;
  }
  /* clears the floated image at the end of the section */
  .thoraco-container::after {
    content: "";
    display: block;
    clear: both;
  }
 
  .thoraco-container h1,
  .thoraco-container h2 {
    font-family: Saira, Arial, Helvetica, sans-serif;
    font-weight: 600;
    color: #003062;
    line-height: 45px;
   
  }
  .thoraco-container h1 {
 font-size: 40px;
    margin: 0 0 20px;
     font-family: Saira, Arial, Helvetica, sans-serif;
       line-height: 45px;
  }
  .thoraco-container h2 {
    font-size: 30px;
    font-weight: 600;
    margin: 30px 0 15px;
    font-family: Saira, Arial, Helvetica, sans-serif;
    color: #003062;
  }
 
  .thoraco-container p {
    font-size: 16px;
    font-weight: 400;
    line-height:25px;
    margin: 0 0 18px;
    font-family: Ubuntu, Tahoma, Geneva, sans-serif;
    color: #000;
  }
 
  .thoraco-container ul {
    margin: 0 0 18px;
    padding-left: 30px;
    font-size: 17px;
    font-weight: 400;
    line-height: 1.75;
    font-family: Ubuntu, Tahoma, Geneva, sans-serif;
    color: #000;
  }
 
  /* image floats left, text wraps around it */
  .thoraco-img {
    float: left;
    width: 340px;
    max-width: 100%;
    height: auto;
    margin: 0 30px 15px 0;
    display: block;
  }


.thoraco-container .thoraco-full-width {
    display: block;
    width: 100%;
    clear: both;
}

 
  /* ---------- Responsive ---------- */
  @media (max-width: 900px) {
    .thoraco-container { padding: 0 10px; }
    .thoraco-container h1 { font-size: 32px; }
    .thoraco-container h2 { font-size: 26px; }
    .thoraco-img {
      float: none;
      width: 100%;
      margin: 0 0 20px;
    }
  }

  /*--------------------------------------------------------Fever Treatment ---------------------------------------------------*/


 
/* Fever Treatment Page Banner */
.fever-treatment-page-banner {
    position: relative;
    height: 310px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
}

.fever-treatment-banner-inner {
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: 1300px;
    margin: 0 auto;
    padding: 0 40px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

.fever-treatment-page-banner h1 {
    margin: 0;
    color: #fff;
    font-size: 47px;
    font-weight: 600;
    line-height: 1.1;
    font-family: Saira, Arial, Helvetica, sans-serif;
    margin-left: -40px;
}

.fever-treatment-breadcrumb {
    background: rgba(255, 255, 255, .08);
    padding: 20px 20px;
    color: #fff;
    font-size: 13px;
    display: flex;
    gap: 8px;
    align-items: center;
    font-family: Ubuntu, Arial, Helvetica, sans-serif;
}

.fever-treatment-breadcrumb a,
.fever-treatment-breadcrumb a:visited {
    color: #fff;
    text-decoration: none;
}

.fever-treatment-breadcrumb a:hover {
    text-decoration: none;
}

.fever-treatment-breadcrumb .fever-treatment-current {
    color: #7fd3e6;
}


:root {
    --heading: #083066;
    --text: #111;
  }
  * { box-sizing: border-box; }
  body {
    margin: 0;
    font-family: "Ubuntu", Arial, sans-serif;
    color: var(--text);
    background: #fff;
  }
 
  /* ---------- Section ---------- */
  .fever-section {
    padding: 40px 20px 80px;
    margin-top: 40px;
  }
  .fever-container {
    max-width: 1320px;
    margin: 0 auto;
    padding: 0 40px;
  }
 
  .fever-container h1,
  .fever-container h2 {
    font-family: "Saira", "Ubuntu", sans-serif;
    font-weight: 700;
    color: var(--heading);
    line-height: 1.2;
  }
  .fever-container h1 {
    font-size: 40px;
    font-weight: 600;
    margin: 0 0 30px;
    font-family: Saira, Arial, Helvetica, sans-serif;
    color: #003062;
  }
  .fever-container h2 {
    font-size: 36px;
    margin: 35px 0 20px;
  }
 
  /* bold sub-headings like "What is Fever Treatment?" */
  .fever-container h4 {
    font-family: Ubuntu, Tahoma, Geneva, sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.6;
    margin: 0 0 18px;
    color: #000;
  }
 
  .fever-container p {
    font-size: 17px;
    line-height: 1.7;
    margin: 0 0 18px;
    font-family: Ubuntu, Tahoma, Geneva, sans-serif;
    color: #000;
  }
  .fever-container p strong { 
    font-weight: 700;
    font-family: Ubuntu, Tahoma, Geneva, sans-serif;
    color: #000;
    font-size: 16px;
 }
 
  .fever-container p.justify { text-align: justify; }
  .fever-container p.lead-bold { font-weight: 700; margin-top: 30px; }
 
  /* ---------- Responsive ---------- */
  @media (max-width: 900px) {
    .fever-container { padding: 0 10px; }
    .fever-container h1 { font-size: 32px; }
    .fever-container h2 { font-size: 26px; }
    .fever-container p.justify { text-align: left; }
  }


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

  /* Banner */
  .fever-treatment-page-banner {
    height: 260px;
  }

  .fever-treatment-banner-inner {
    padding: 0 30px;
  }

  .fever-treatment-page-banner h1 {
    font-size: 38px;
    margin-left: 0;
  }

  .fever-treatment-breadcrumb {
    padding: 14px 16px;
    font-size: 12px;
  }

  /* Section */
  .fever-section {
    padding: 30px 16px 60px;
    margin-top: 30px;
  }

  .fever-container {
    padding: 0 24px;
  }

  .fever-container h1 {
    font-size: 34px;
    margin-bottom: 24px;
  }

  .fever-container h2 {
    font-size: 30px;
    margin: 30px 0 16px;
  }

  .fever-container p {
    font-size: 16px;
    line-height: 1.65;
  }

  .fever-container p strong {
    font-size: 16px;
  }
}

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

  /* Banner: stack title and breadcrumb */
  .fever-treatment-page-banner {
    height: auto;
    min-height: 220px;
    padding: 40px 0;
  }

  .fever-treatment-banner-inner {
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 16px;
    padding: 0 20px;
  }

  .fever-treatment-page-banner h1 {
    font-size: 32px;
    line-height: 1.2;
  }

  .fever-treatment-breadcrumb {
    flex-wrap: wrap;
    padding: 10px 14px;
    font-size: 12px;
  }

  /* Section */
  .fever-section {
    padding: 24px 12px 50px;
    margin-top: 20px;
  }

  .fever-container {
    padding: 0 12px;
  }

  .fever-container h1 {
    font-size: 30px;
  }

  .fever-container h2 {
    font-size: 26px;
    margin: 26px 0 14px;
  }

  .fever-container h4 {
    font-size: 16px;
    margin-bottom: 14px;
  }

  .fever-container p.justify {
    text-align: left;
  }
}

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

  /* Banner */
  .fever-treatment-page-banner {
    min-height: 190px;
    padding: 30px 0;
  }

  .fever-treatment-banner-inner {
    padding: 0 16px;
    gap: 12px;
  }

  .fever-treatment-page-banner h1 {
    font-size: 26px;
  }

  .fever-treatment-breadcrumb {
    font-size: 11px;
    padding: 8px 12px;
    gap: 6px;
  }

  /* Section */
  .fever-section {
    padding: 20px 8px 40px;
    margin-top: 10px;
  }

  .fever-container {
    padding: 0 8px;
  }

  .fever-container h1 {
    font-size: 26px;
    margin-bottom: 18px;
  }

  .fever-container h2 {
    font-size: 22px;
    margin: 22px 0 12px;
  }

  .fever-container h4 {
    font-size: 15px;
    line-height: 1.5;
  }

  .fever-container p {
    font-size: 15px;
    line-height: 1.6;
    margin-bottom: 14px;
  }

  .fever-container p strong {
    font-size: 15px;
  }

  .fever-container p.lead-bold {
    margin-top: 20px;
  }
}
  /*-----------------------------------------------------Swine Flue treatment-------------------------------------------------*/



 
/* Swine Flu Treatment Page Banner */
.swine-flu-page-banner {
    position: relative;
    height: 310px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
}

.swine-flu-banner-inner {
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: 1300px;
    margin: 0 auto;
    padding: 0 40px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

.swine-flu-page-banner h1 {
    margin: 0;
    color: #fff;
    font-size: 47px;
    font-weight: 600;
    line-height: 1.1;
    font-family: Saira, Arial, Helvetica, sans-serif;
    margin-left: -40px;
}

.swine-flu-breadcrumb {
    background: rgba(255, 255, 255, .08);
    padding: 20px 20px;
    color: #fff;
    font-size: 13px;
    display: flex;
    gap: 8px;
    align-items: center;
    font-family: Ubuntu, Arial, Helvetica, sans-serif;
}

.swine-flu-breadcrumb a,
.swine-flu-breadcrumb a:visited {
    color: #fff;
    text-decoration: none;
}

.swine-flu-breadcrumb a:hover {
    text-decoration: none;
}

.swine-flu-breadcrumb .swine-flu-current {
    color: #7fd3e6;
}



 :root {
    --heading: #083066;
    --text: #111;
  }
  * { box-sizing: border-box; }
  body {
    margin: 0;
    font-family: "Ubuntu", Arial, sans-serif;
    color: var(--text);
    background: #fff;
  }
 
  /* ---------- Section ---------- */
  .swine-section {
    padding: 40px 20px 60px;
    margin-top: 40px;
  }
  .swine-container {
    max-width: 1320px;
    margin: 0 auto;
    padding: 0 40px;
  }
 
  .swine-container h1 {
    font-family: Saira, Arial, Helvetica, sans-serif;
    font-weight: 700;
    font-size: 42px;
    line-height: 1.2;
    color: #003062;
    margin: 0 0 30px;
  }
 
  /* bold sub-headings like "What is Swine Flu?" */
  .swine-container h4 {
    font-size: 16px;
    font-weight: 700;
    line-height: 1.6;
    margin: 0 0 18px;
    font-family: Ubuntu, Tahoma, Geneva, sans-serif;
    color: #000;
  }
 
  .swine-container p {
    font-size: 16px;
    line-height: 1.7;
    font-weight: 400;
    margin: 0 0 18px;
    font-family: Ubuntu, Tahoma, Geneva, sans-serif;
    color: #000;
  }
  .swine-container p strong { font-weight: 700; font-family: Ubuntu, Tahoma, Geneva, sans-serif;color: #000;
    font-size: 16px;
}
  .swine-container p.justify { text-align: justify; }
 
  /* ---------- Responsive ---------- */
  @media (max-width: 900px) {
    .swine-container { padding: 0 10px; }
    .swine-container h1 { font-size: 32px; }
    .swine-container p.justify { text-align: left; }
  }
/* =========================================================
   TABLET VIEW (max-width: 1024px)
   ========================================================= */
@media (max-width: 1024px) {

  /* Banner */
  .swine-flu-page-banner {
    height: 260px;
  }

  .swine-flu-banner-inner {
    padding: 0 30px;
  }

  .swine-flu-page-banner h1 {
    font-size: 38px;
    margin-left: 0;
  }

  .swine-flu-breadcrumb {
    padding: 14px 16px;
    font-size: 12px;
  }

  /* Section */
  .swine-section {
    padding: 30px 16px 50px;
    margin-top: 30px;
  }

  .swine-container {
    padding: 0 24px;
  }

  .swine-container h1 {
    font-size: 34px;
    margin-bottom: 24px;
  }

  .swine-container p {
    font-size: 16px;
    line-height: 1.65;
  }
}

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

  /* Banner: stack title and breadcrumb */
  .swine-flu-page-banner {
    height: auto;
    min-height: 220px;
    padding: 40px 0;
  }

  .swine-flu-banner-inner {
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 16px;
    padding: 0 20px;
  }

  .swine-flu-page-banner h1 {
    font-size: 32px;
    line-height: 1.2;
  }

  .swine-flu-breadcrumb {
    flex-wrap: wrap;
    padding: 10px 14px;
    font-size: 12px;
  }

  /* Section */
  .swine-section {
    padding: 24px 12px 40px;
    margin-top: 20px;
  }

  .swine-container {
    padding: 0 12px;
  }

  .swine-container h1 {
    font-size: 30px;
  }

  .swine-container h4 {
    margin-bottom: 14px;
  }

  .swine-container p.justify {
    text-align: left;
  }
}

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

  /* Banner */
  .swine-flu-page-banner {
    min-height: 190px;
    padding: 30px 0;
  }

  .swine-flu-banner-inner {
    padding: 0 16px;
    gap: 12px;
  }

  .swine-flu-page-banner h1 {
    font-size: 26px;
  }

  .swine-flu-breadcrumb {
    font-size: 11px;
    padding: 8px 12px;
    gap: 6px;
  }

  /* Section */
  .swine-section {
    padding: 20px 8px 30px;
    margin-top: 10px;
  }

  .swine-container {
    padding: 0 8px;
  }

  .swine-container h1 {
    font-size: 26px;
    margin-bottom: 18px;
  }

  .swine-container h4 {
    font-size: 15px;
    line-height: 1.5;
  }

  .swine-container p {
    font-size: 15px;
    line-height: 1.6;
    margin-bottom: 14px;
  }

  .swine-container p strong {
    font-size: 15px;
  }
}


  /*------------------------------------------covide-19-treatment-----------------------------------------------------------*/




/* COVID-19 Treatment Page Banner */
.covid19-page-banner {
    position: relative;
    height: 310px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
}

.covid19-banner-inner {
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: 1300px;
    margin: 0 auto;
    padding: 0 40px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

.covid19-page-banner h1 {
    margin: 0;
    color: #fff;
    font-size: 47px;
    font-weight: 600;
    line-height: 1.1;
    font-family: Saira, Arial, Helvetica, sans-serif;
    margin-left: -40px;
}

.covid19-breadcrumb {
    background: rgba(255, 255, 255, .08);
    padding: 20px 20px;
    color: #fff;
    font-size: 13px;
    display: flex;
    gap: 8px;
    align-items: center;
    font-family: Ubuntu, Arial, Helvetica, sans-serif;
}

.covid19-breadcrumb a,
.covid19-breadcrumb a:visited {
    color: #fff;
    text-decoration: none;
}

.covid19-breadcrumb a:hover {
    text-decoration: none;
}

.covid19-breadcrumb .covid19-current {
    color: #7fd3e6;
}




:root {
    --heading: #083066;
    --text: #111;
  }
  * { box-sizing: border-box; }
  body {
    margin: 0;
    font-family: "Ubuntu", Arial, sans-serif;
    color: var(--text);
    background: #fff;
  }
 
  /* ---------- Section ---------- */
  .covid-section {
    padding: 40px 20px 60px;
    margin-top: 40px;
  }
  .covid-container {
    max-width: 1320px;
    margin: 0 auto;
    padding: 0 40px;
  }
 
  .covid-container h1,
  .covid-container h2 {
    font-family: Saira, Arial, Helvetica, sans-serif;
    font-weight: 700;
    color: var(--heading);
    line-height: 1.2;
  }
  .covid-container h1 {
    font-size: 42px;
    margin: 0 0 30px;
    font-weight: 600;
    font-family: Saira, Arial, Helvetica, sans-serif;
    color: #003062;
  }
  .covid-container h2 {
    font-size: 32px;
    font-weight: 700;
    margin: 25px 0 15px;
    font-family: Saira, Arial, Helvetica, sans-serif;
    color: #003062;
  }
 
  /* bold sub-heading "What is COVID-19?" */
  .covid-container h4 {
    font-size: 16px;
    font-weight: 700;
    line-height: 1.6;
    margin: 0 0 18px;
    font-family: Ubuntu, Tahoma, Geneva, sans-serif;
    color: #000;
  }
 
  .covid-container p {
    font-size: 17px;
    color: #000;
    font-weight: 400;
    line-height: 1.75;
    margin: 0 0 18px;
    font-family: Ubuntu, Tahoma, Geneva, sans-serif;
  }
  .covid-container p.justify { text-align: justify; }
 
  .covid-container ul {
    margin: 0 0 18px;
    padding-left: 30px;
    font-size: 17px;
    color: #000;
    line-height: 1.75;
    font-family: Ubuntu, Tahoma, Geneva, sans-serif;
  }
 
  /* ---------- Responsive ---------- */
  @media (max-width: 900px) {
    .covid-container { padding: 0 10px; }
    .covid-container h1 { font-size: 32px; }
    .covid-container h2 { font-size: 26px; }
    .covid-container p.justify { text-align: left; }
  }

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

  /* Banner */
  .covid19-page-banner {
    height: 260px;
  }

  .covid19-banner-inner {
    padding: 0 30px;
  }

  .covid19-page-banner h1 {
    font-size: 38px;
    margin-left: 0;
  }

  .covid19-breadcrumb {
    padding: 14px 16px;
    font-size: 12px;
  }

  /* Section */
  .covid-section {
    padding: 30px 16px 50px;
    margin-top: 30px;
  }

  .covid-container {
    padding: 0 24px;
  }

  .covid-container h1 {
    font-size: 34px;
    margin-bottom: 24px;
  }

  .covid-container h2 {
    font-size: 28px;
    margin: 22px 0 14px;
  }

  .covid-container p,
  .covid-container ul {
    font-size: 16px;
    line-height: 1.7;
  }
}

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

  /* Banner: stack title and breadcrumb */
  .covid19-page-banner {
    height: auto;
    min-height: 220px;
    padding: 40px 0;
  }

  .covid19-banner-inner {
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 16px;
    padding: 0 20px;
  }

  .covid19-page-banner h1 {
    font-size: 32px;
    line-height: 1.2;
  }

  .covid19-breadcrumb {
    flex-wrap: wrap;
    padding: 10px 14px;
    font-size: 12px;
  }

  /* Section */
  .covid-section {
    padding: 24px 12px 40px;
    margin-top: 20px;
  }

  .covid-container {
    padding: 0 12px;
  }

  .covid-container h1 {
    font-size: 30px;
  }

  .covid-container h2 {
    font-size: 24px;
    margin: 20px 0 12px;
  }

  .covid-container h4 {
    margin-bottom: 14px;
  }

  .covid-container ul {
    padding-left: 24px;
  }

  .covid-container p.justify {
    text-align: left;
  }
}

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

  /* Banner */
  .covid19-page-banner {
    min-height: 190px;
    padding: 30px 0;
  }

  .covid19-banner-inner {
    padding: 0 16px;
    gap: 12px;
  }

  .covid19-page-banner h1 {
    font-size: 26px;
  }

  .covid19-breadcrumb {
    font-size: 11px;
    padding: 8px 12px;
    gap: 6px;
  }

  /* Section */
  .covid-section {
    padding: 20px 8px 30px;
    margin-top: 10px;
  }

  .covid-container {
    padding: 0 8px;
  }

  .covid-container h1 {
    font-size: 26px;
    margin-bottom: 18px;
  }

  .covid-container h2 {
    font-size: 21px;
    margin: 18px 0 10px;
  }

  .covid-container h4 {
    font-size: 15px;
    line-height: 1.5;
  }

  .covid-container p,
  .covid-container ul {
    font-size: 15px;
    line-height: 1.6;
  }

  .covid-container p {
    margin-bottom: 14px;
  }

  .covid-container ul {
    padding-left: 20px;
    margin-bottom: 14px;
  }
}
  /*---------------------------------------------home page------------------------------------------------------------------*/



/* Banner remains in the same position */
.home-flip-banner {
   width: 100%;
    height: 470px;
    position: relative;
    overflow: hidden;
}

.home-flip-banner-track {
    position: relative;
    width: 100%;
    height: 100%;
}

.home-flip-banner-slide {
   position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    transform: scale(1);
    transform-origin: center center;
    animation: homeBannerBloomFlip 20s infinite;
}

.home-flip-banner-slide img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

.home-flip-banner-slide:nth-child(1) {
    animation-delay: 0s;
}

.home-flip-banner-slide:nth-child(2) {
    animation-delay: 5s;
}

.home-flip-banner-slide:nth-child(3) {
    animation-delay: 10s;
}

.home-flip-banner-slide:nth-child(4) {
    animation-delay: 15s;
}

/* Fade animation without zoom effect */
@keyframes homeBannerBloomFlip {
    0% {
        opacity: 0;
        visibility: hidden;
        transform: scale(1);
        filter: brightness(1);
    }

    4% {
        opacity: 1;
        visibility: visible;
        transform: scale(1);
        filter: brightness(1);
    }

    22% {
        opacity: 1;
        visibility: visible;
        transform: scale(1);
        filter: brightness(1);
    }

    26% {
        opacity: 0;
        visibility: hidden;
        transform: scale(1);
        filter: brightness(1);
    }

    100% {
        opacity: 0;
        visibility: hidden;
        transform: scale(1);
        filter: brightness(1);
    }
}
/* Tablet View */
@media (min-width: 768px) and (max-width: 1024px) {
    .home-flip-banner {
        width: 100%;
        height: 350px;
        overflow: hidden;
    }

    .home-flip-banner-track {
        width: 100%;
        height: 100%;
    }

    .home-flip-banner-slide {
        transform: scale(1) !important;
    }

    .home-flip-banner-slide img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center center;
    }
}

/* Mobile View */
@media (max-width: 767px) {
    .home-flip-banner {
        width: 100%;
        height: 230px;
        overflow: hidden;
    }

    .home-flip-banner-track {
        width: 100%;
        height: 100%;
    }

    .home-flip-banner-slide {
        transform: scale(1) !important;
    }

    .home-flip-banner-slide img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center center;
    }
}



 .tb-intro {
    background: #fff;
    padding: 100px 20px 110px;
  }
  .tb-intro__inner {
    max-width: 1340px;
    margin: 0 auto;
    padding: 0 20px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 450px;
    gap: 40px;
    align-items: start;
  }
  .tb-intro__title {
    margin: 0 0 40px;
    font-family: "Exo 2", sans-serif;
    font-weight: 600;
    font-size: 40px;
    line-height: 1.1;
    text-transform: uppercase;
    color: #000080;
    font-family: Saira, Arial, Helvetica, sans-serif;
  }
  .tb-intro__text p {
    margin: 0 0 18px;
    max-width: 970px;
    font-family: Ubuntu, Tahoma, Geneva, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.7;
    color: #000;
  }
  .tb-intro__text strong { font-weight: 700; }
  .tb-intro__media img {
    display: block;
    width: 90%;
    height: 300px;
    object-fit: cover;
  }
 
  @media (max-width: 991px) {
    .tb-intro { padding: 60px 0; }
    .tb-intro__inner { grid-template-columns: 1fr; }
    .tb-intro__media { order: -1; }
    .tb-intro__media img { height: auto; aspect-ratio: 3 / 2; }
  }
  @media (max-width: 575px) {
    .tb-intro__text p { font-size: 16px; }
  }




    .tb-treat {
    background: #f8f9f9;
    padding: 110px 20px;
    padding-bottom: 70px;
  }
  .tb-treat__inner {
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 20px;
    display: grid;
    grid-template-columns: 450px minmax(0, 1fr) 450px;
    gap: 38px;
    align-items: start;
  }
  .tb-treat__img img {
    display: block;
    width: 90%;
    height: auto;
    margin-left: 40px;
  }
  .tb-treat__title {
    margin: 0 0 40px;
    font-family: "Exo 2", sans-serif;
    font-weight: 600;
    font-size: 35px;
    line-height: 1.15;
    color: #003062;
    font-family: Saira, Arial, Helvetica, sans-serif;
  }
  .tb-treat__text p {
    margin: 0 0 18px;
    font-family: Ubuntu, Tahoma, Geneva, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.75;
    color: #000;
   
  }
 
.tb-treat__text a {
    color: #012c3f;
    text-decoration: none;
    transition: color 0.3s ease;
}

.tb-treat__text a strong {
    font-weight: 700;
    color: inherit;
}

.tb-treat__text a:hover,
.tb-treat__text a:hover strong {
    color: #F8F9F9!important;
}

  .tb-treat__video {
    margin-top: 29px;
  }
  .tb-treat__video video {
    display: block;
    width: 90%;
    height: auto;
    aspect-ratio: 450 / 284;
    background: #fff;
    object-fit: cover;
  }
 
  @media (max-width: 1199px) {
    .tb-treat__inner { grid-template-columns: 1fr 1fr; }
    .tb-treat__video { grid-column: 1 / -1; margin-top: 0; }
  }
  @media (max-width: 767px) {
    .tb-treat { padding: 60px 0; }
    .tb-treat__inner { grid-template-columns: 1fr; }
    .tb-treat__text p { font-size: 16px; }
  }



.tb-boxes {
    background: #fff;
    padding: 60px 20px 100px;
    margin-top: 50px;
    margin-bottom: 30px;
}

.tb-boxes__inner {
    max-width: 1300px;
    margin: 0 auto;
    padding: 0 20px;
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    justify-content: center;
    align-items: start;
    gap: 120px 38px;
}

.tb-box {
    box-sizing: border-box;
    grid-column: span 2;
    width: 100%;
    padding: 90px 14px 12px;
    border: 1px solid #111;
    background: #fff;
    text-align: center;
}

/* 2nd row ke 2 boxes center mein */
.tb-box:nth-child(4) {
    grid-column: 2 / span 2;
}

.tb-box:nth-child(5) {
    grid-column: 4 / span 2;
}

.tb-box__title {
    margin: 0 0 22px;
    font-family: Saira, Arial, Helvetica, sans-serif;
    font-weight: 600;
    font-size: 17px;
    line-height: 1.3;
    text-transform: uppercase;
    color: #003062;
}

.tb-box p {
    margin: 0;
    font-family: Ubuntu, Tahoma, Geneva, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.75;
    color: #000;
}

.tb-box strong {
    font-weight: 700;
}

.tb-box .tb-accent {
    color: #004b6e;
    font-weight: 700;
}

.tb-box .tb-accent em {
    font-style: italic;
}
.tb-accent-link {
    color: #012c3f;
    text-decoration: none;
    transition: color 0.3s ease;
}

.tb-accent-link .tb-accent {
    color: inherit;
    transition: color 0.3s ease;
}

.tb-accent-link:hover,
.tb-accent-link:hover .tb-accent {
    color: #ffffff !important;
}
/* Tablet */
@media (max-width: 991px) {
    .tb-boxes__inner {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 40px 25px;
    }

    .tb-box,
    .tb-box:nth-child(4),
    .tb-box:nth-child(5) {
        grid-column: auto;
    }
}

/* Mobile */
@media (max-width: 575px) {
    .tb-boxes {
        padding: 40px 0 60px;
    }

    .tb-boxes__inner {
        grid-template-columns: 1fr;
        gap: 30px;
        padding: 0 20px;
    }

    .tb-box,
    .tb-box:nth-child(4),
    .tb-box:nth-child(5) {
        grid-column: 1;
        padding-top: 40px;
    }

    .tb-box p {
        font-size: 16px;
    }
}
.viral-fever-link,
.viral-fever-link:visited,
.viral-fever-link:active {
    color: var(--link);
    font-weight: 700;
    text-decoration: none;
}

.viral-fever-link:hover {
    color: #ffffff;
}
.viral-fever-link {
    color: var(--link);
    font-weight: 700;
    text-decoration: none;
}

.viral-fever-link:hover {
    color: #ffffff;
    text-decoration: none;
}

/*-------------------------------------------------blog 1-----------------------------------------------------------------*/




/* Viral Fever Guide Banner */
.viral-fever-guide-banner {
    position: relative;
    height: 310px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
}

.viral-fever-guide-banner-inner {
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: 1300px;
    margin: 0 auto;
    padding: 0 40px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

.viral-fever-guide-banner h1 {
    margin: 0;
    color: #fff;
    font-size: 47px;
    font-weight: 600;
    line-height: 1.1;
    font-family: Saira, Arial, Helvetica, sans-serif;
    margin-left: -40px;
}

.viral-fever-guide-breadcrumb {
    background: rgba(255, 255, 255, .08);
    padding: 20px 20px;
    color: #fff;
    font-size: 13px;
    display: flex;
    gap: 8px;
    align-items: center;
    font-family: Ubuntu, Arial, Helvetica, sans-serif;
}

.viral-fever-guide-breadcrumb a,
.viral-fever-guide-breadcrumb a:visited {
    color: #fff;
    text-decoration: none;
}

.viral-fever-guide-breadcrumb a:hover {
    text-decoration: none!important;
}

.viral-fever-guide-breadcrumb .viral-fever-guide-current {
    color: #7fd3e6;
}



:root { --text:#111; --heading:#0a3566; --link:#0a4a5c; --muted:#8a8f98; --bg:#fff; }
  @media (prefers-color-scheme: dark) {
    :root { --text:#e8eaed; --heading:#7fb0ea; --link:#7fd0e6; --muted:#9aa0a6; --bg:#14181d; }
  }
  body { margin:0; background:var(--bg); color:var(--text); font-family:"Ubuntu","Segoe UI",Arial,sans-serif; line-height:1.7; font-size:17px; 
  
}
  .blog { max-width:1300px; margin:0 auto; padding:24px 16px 48px;   margin-top: 50px;}
  /* Image keeps its ORIGINAL width and height; only shrinks on small screens */
 /* aapki CSS, bina kisi change ke */
.blog-image {
    display: block;
    width: 1200px;
    max-width: none;
    height: auto;
    margin: 0 0 16px;
}

/* naya: wrapper */
.blog-image-wrap {
    position: relative;
    display: inline-block;
}

/* naya: date badge */
.themetechmount-entry-date {
    position: absolute;
    top: 38px;
    left: 38px;
    z-index: 2;
    background: #0b2a4a;
    color: #fff;
    text-align: center;
    padding: 10px 14px;
    min-width: 86px;
    line-height: 1.1;
    margin-top: 40px;
    margin-left: -40px;
}
.themetechmount-entry-date .entry-date {
    display: block;
    font-size: 34px;
    font-weight: 600;
}
.themetechmount-entry-date .entry-month {
    display: block;
    font-size: 14px;
    margin-top: 4px;
    font-family: Saira, Arial, Helvetica, sans-serif;
}
.themetechmount-entry-date .entry-month .entry-year {
    display: inline;
    font-size: inherit;
    margin-left: 4px;
    font-family: Saira, Arial, Helvetica, sans-serif;
}
  .meta { display:flex; flex-wrap:wrap; gap:8px 18px; font-size:15px; margin-bottom:18px; }
  .meta a, .meta a:link, .meta a:visited { display:inline-flex; align-items:center; gap:6px; padding:0; background:none; color:var(--muted); font-weight:400; text-decoration:none; transition:color .2s; }
  .meta a img { width:15px; height:15px; object-fit:contain; display:block; }
  /* Hover: only the text changes (dark colour + underline). No background, no default blue. */
  .meta a:hover, .meta a:focus-visible, .meta a:active { background:none; color:#FFFFFF; text-decoration:none; outline:none; }
  h2 { 
    color:var(--heading);
     font-size:35;
     font-weight: 600; 
     line-height:1.2; 
     margin:2rem 0 .8rem; 
     font-family: Saira, Arial, Helvetica, sans-serif;
     color: #003062;
     margin-bottom: 10px;
    
    }
  h3 { 
    color:#003062; 
    font-size:30px;
    font-weight: 700; 
    margin:1.4rem 0 .4rem; 
    font-family: Saira, Arial, Helvetica, sans-serif;
}
  p { 
    margin:0 0 1rem; 
    font-family: Ubuntu, Tahoma, Geneva, sans-serif;
    color: #000;
    font-size: 17px;
    font-weight: 400;
    line-height: 1.6;
}
  a, .hl { color:var(--link); font-weight:700; text-decoration:none; }
  .tb-link,
.tb-link:visited,
.tb-link:active {
    color: var(--link);
    font-weight: 700;
    text-decoration: none;
}

.tb-link:hover {
    color: #ffffff;
    text-decoration: none;
}
  ul { padding-left:1.4rem; margin:0 0 1rem;
    font-family: Ubuntu, Tahoma, Geneva, sans-serif;
 font-size: 16px;
    font-weight: 400;}
  li { 
    margin-bottom:.4rem;
    font-family: Ubuntu, Tahoma, Geneva, sans-serif;
    color: #000;
    font-size: 16px;
    font-weight: 400;

}

  a[href="#"]:hover {
    color: #ffffff !important;
    text-decoration: none !important;
}



.post-nav {
  width:100%;
  max-width:1280px;   /* line ki width, ise kam/zyada kar sakte ho */
  border-top:1px solid #e6e8eb;
  border-bottom:1px solid #e6e8eb;
  padding:20px 0;    /* line aur button ke beech ka gap */
  margin-top:0; 
  margin-left: 210px; 
  margin-bottom: 100px;    /* Conclusion ke exact niche */
}
.post-nav .prev-btn, .post-nav .prev-btn:link, .post-nav .prev-btn:visited {
  display:inline-flex; align-items:center; gap:12px;
  background:#0a3566; color:#fff; padding:0 32px; height:55px;
  font-size:14px; font-weight:700; letter-spacing:.08em;
  text-transform:uppercase; text-decoration:none; transition:background .2s;
  font-family: Saira, Arial, Helvetica, sans-serif;
}
.post-nav .prev-btn::before {
  content:""; width:7px; height:7px;
  border-left:2px solid #fff; border-bottom:2px solid #fff;
  transform:rotate(45deg); margin-right:2px;
}
.post-nav .prev-btn:hover, .post-nav .prev-btn:focus-visible {
  background:#082a52; color:#fff; text-decoration:none;
}

/* ===== Large laptop / small desktop (≤1280px) ===== */
@media (max-width: 1280px) {
  .blog-image-wrap { display: block; max-width: 100%; }
  .blog-image {
    width: 100%;
    max-width: 100%;
    height: auto;
  }
  .post-nav {
    margin-left: 0;
    max-width: 100%;
    margin-bottom: 60px;
  }
}

/* ===== Tablet (≤1024px) ===== */
@media (max-width: 1024px) {
  .viral-fever-guide-banner { height: 260px; }

  .viral-fever-guide-banner-inner { padding: 0 28px; }

  .viral-fever-guide-banner h1 {
    font-size: 38px;
    margin-left: 0;
  }

  .viral-fever-guide-breadcrumb { padding: 14px 16px; }

  .blog {
    margin-top: 30px;
    padding: 20px 24px 40px;
  }

  h2 { font-size: 30px; }
  h3 { font-size: 25px; }

  .themetechmount-entry-date {
    top: 24px;
    left: 24px;
    padding: 8px 12px;
    min-width: 76px;
  }
  .themetechmount-entry-date .entry-date { font-size: 28px; }
}

/* ===== Large mobile / small tablet (≤768px) ===== */
@media (max-width: 768px) {
  .viral-fever-guide-banner {
    height: auto;
    min-height: 200px;
    padding: 40px 0;
  }

  .viral-fever-guide-banner-inner {
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 14px;
    padding: 0 20px;
  }

  .viral-fever-guide-banner h1 {
    font-size: 32px;
    line-height: 1.2;
  }

  .viral-fever-guide-breadcrumb {
    flex-wrap: wrap;
    padding: 10px 14px;
    font-size: 12px;
  }

  body { font-size: 16px; }

  .blog {
    margin-top: 20px;
    padding: 16px 16px 32px;
  }

  h2 { font-size: 26px; margin-top: 1.6rem; }
  h3 { font-size: 22px; }

  p, li { font-size: 16px; line-height: 1.65; }

  .meta { font-size: 14px; gap: 6px 14px; }

  .themetechmount-entry-date {
    top: 16px;
    left: 16px;
    padding: 6px 10px;
    min-width: 64px;
  }
  .themetechmount-entry-date .entry-date { font-size: 24px; }
  .themetechmount-entry-date .entry-month { font-size: 12px; }

  .post-nav { padding: 16px 0; margin-bottom: 40px; }
  .post-nav .prev-btn,
  .post-nav .prev-btn:link,
  .post-nav .prev-btn:visited {
    height: 48px;
    padding: 0 24px;
    font-size: 13px;
  }
}

/* ===== Mobile (≤480px) ===== */
@media (max-width: 480px) {
  .viral-fever-guide-banner {
    min-height: 170px;
    padding: 28px 0;
  }

  .viral-fever-guide-banner-inner { padding: 0 16px; }

  .viral-fever-guide-banner h1 { font-size: 26px; }

  .viral-fever-guide-breadcrumb {
    font-size: 11px;
    gap: 6px;
  }

  .blog { padding: 12px 14px 28px; }

  h2 { font-size: 23px; }
  h3 { font-size: 19px; }

  p, li { font-size: 15px; }
  ul { padding-left: 1.1rem; }

  .meta { font-size: 13px; }

  .themetechmount-entry-date {
    top: 10px;
    left: 10px;
    padding: 5px 8px;
    min-width: 54px;
  }
  .themetechmount-entry-date .entry-date { font-size: 20px; }
  .themetechmount-entry-date .entry-month { font-size: 11px; }

  .post-nav .prev-btn,
  .post-nav .prev-btn:link,
  .post-nav .prev-btn:visited {
    width: 100%;
    justify-content: center;
    height: 46px;
    font-size: 12px;
  }
}
/* ===== Breadcrumb fix: tablet & mobile ===== */
@media (max-width: 1024px) {
  .viral-fever-guide-banner {
    height: auto;
    min-height: 220px;
    padding: 30px 0;
    align-items: center;
  }

  .viral-fever-guide-banner-inner {
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 12px;
    padding: 0 24px;
  }

  /* Breadcrumb ko title ke UPAR dikhao */
  .viral-fever-guide-breadcrumb {
    order: -1;
    width: auto;
    max-width: 100%;
    padding: 8px 12px;
    font-size: 12px;
    flex-wrap: wrap;
    line-height: 1.5;
    background: rgba(255, 255, 255, .12);
  }

  .viral-fever-guide-banner h1 {
    font-size: 30px;
    line-height: 1.25;
    margin-left: 0;
    word-break: break-word;
  }
}

@media (max-width: 480px) {
  .viral-fever-guide-banner {
    min-height: 180px;
    padding: 20px 0;
  }

  .viral-fever-guide-banner-inner {
    padding: 0 14px;
    gap: 10px;
  }

  .viral-fever-guide-breadcrumb {
    font-size: 11px;
    padding: 6px 10px;
  }

  /* Lamba last item (current page) ek line me ... se kat jaye */
  .viral-fever-guide-breadcrumb .viral-fever-guide-current {
    display: block;
    max-width: 100%;
    white-space: normal;
  }

  .viral-fever-guide-banner h1 {
    font-size: 22px;
  }
}@media (max-width: 1024px) {
  .viral-fever-guide-banner {
    height: auto !important;
    min-height: 0 !important;
    padding: 24px 0 !important;
    display: flex !important;
    align-items: center !important;
  }

  .viral-fever-guide-banner-inner {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: center !important;
    gap: 10px !important;
    padding: 0 16px !important;
    width: 100% !important;
  }

  .viral-fever-guide-banner h1 {
    order: 2 !important;
    margin: 0 !important;
    font-size: 26px !important;
    line-height: 1.25 !important;
    word-break: break-word !important;
  }

  .viral-fever-guide-breadcrumb {
    order: 1 !important;
    position: static !important;   /* absolute/fixed ho to hat jaye */
    margin: 0 !important;
    padding: 6px 10px !important;
    font-size: 12px !important;
    flex-wrap: wrap !important;
    line-height: 1.5 !important;
    width: auto !important;
    max-width: 100% !important;
  }
}

@media (max-width: 480px) {
  .viral-fever-guide-banner h1 { font-size: 21px !important; }
  .viral-fever-guide-breadcrumb { font-size: 11px !important; }
}
/*------------------------------------------------------blog 2------------------------------------------------------------*/


/* COVID-19 Prevention Banner */
.covid-prevention-banner {
    position: relative;
    height: 310px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
}

.covid-prevention-banner-inner {
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: 1300px;
    margin: 0 auto;
    padding: 0 40px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

.covid-prevention-banner h1 {
    margin: 0;
    color: #fff;
    font-size: 47px;
    font-weight: 600;
    line-height: 1.1;
    font-family: Saira, Arial, Helvetica, sans-serif;
    margin-left: -40px;
}

.covid-prevention-breadcrumb {
    background: rgba(255, 255, 255, .08);
    padding: 20px 20px;
    color: #fff;
    font-size: 13px;
    display: flex;
    gap: 8px;
    align-items: center;
    font-family: Ubuntu, Arial, Helvetica, sans-serif;
}

.covid-prevention-breadcrumb a,
.covid-prevention-breadcrumb a:visited {
    color: #fff;
    text-decoration: none;
}

.covid-prevention-breadcrumb a:hover {
    text-decoration: none!important;
}

.covid-prevention-current {
    color: #7fd3e6;
}



@import url('https://fonts.googleapis.com/css2?family=Ubuntu:wght@400;500;700&display=swap');
 
.how-to-prevent-from-coronavirus-diseasecovid {
  font-family: 'Ubuntu', Arial, sans-serif;
  color: #000;
  font-size: 18px;
  line-height: 1.75;
  max-width: 1300px;
  margin: 0 auto;
  padding: 0 15px;
  margin-top: 60px;
 
}
 
/* Top banner image */
.how-to-prevent-from-coronavirus-diseasecovid .covid-banner {
  display: block;
  width: 85%;
  height: auto;
  margin-bottom: 20px;
}
 .blog-meta span {
    display: inline-flex;
    align-items: center;
    gap: 5px;
}

.blog-meta span img {
    width: 15px;
    height: 15px;
    object-fit: contain;
}
/* Author + category meta */
.how-to-prevent-from-coronavirus-diseasecovid .post-meta {
  font-size: 13px;
  color: #a7a7a7;
  font-weight: 400;
  margin-bottom: 25px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 20px;
  font-family: Ubuntu, Tahoma, Geneva, sans-serif;
}
.how-to-prevent-from-coronavirus-diseasecovid .post-meta i {
  color: #0b2a4a;
  margin-right: 5px;
}
.how-to-prevent-from-coronavirus-diseasecovid .post-meta a {
  color: #9a9fa5;
  text-decoration: none;
}
.how-to-prevent-from-coronavirus-diseasecovid .post-meta a:hover {
  color: #fff;
  text-decoration:  none;
}.how-to-prevent-from-coronavirus-diseasecovid .post-meta,
.how-to-prevent-from-coronavirus-diseasecovid .post-meta span,
.how-to-prevent-from-coronavirus-diseasecovid .post-meta a {
    font-weight: 400 !important;
}
.how-to-prevent-from-coronavirus-diseasecovid p {
  margin: 0 0 20px;
  font-family: Ubuntu, Tahoma, Geneva, sans-serif;
  color: #000;
  font-size: 16px;
  font-weight: 400;
}
.how-to-prevent-from-coronavirus-diseasecovid p.bold,
.how-to-prevent-from-coronavirus-diseasecovid h4 {
  font-weight: 700;

  margin: 0 0 20px;
    font-family: Ubuntu, Tahoma, Geneva, sans-serif;
  color: #000;
  font-size: 16px;
}
.how-to-prevent-from-coronavirus-diseasecovid ul {
  margin: 0 0 20px;
  padding-left: 30px;
  list-style: disc;
}
.how-to-prevent-from-coronavirus-diseasecovid ul li {
  margin-bottom: 8px;
}
 
/* Section images (centered) */
.how-to-prevent-from-coronavirus-diseasecovid .prevent-img {
  text-align: center;
  margin: 25px 0;
}
.how-to-prevent-from-coronavirus-diseasecovid .prevent-img img {
  max-width: 100%;
  height: auto;
  width: 220px;
}
/* Section images (centered) */
.how-to-prevent-from-coronavirus-diseasecovid .cover-coughs-img {
    text-align: left;
    margin: 25px 0;
}

.how-to-prevent-from-coronavirus-diseasecovid .cover-coughs-img img {
    max-width: 100%;
    height: auto;
    width: 220px;
}
 .how-to-prevent-from-coronavirus-diseasecovid p.protect-others-title {
    font-family: Saira, Arial, Helvetica, sans-serif !important;
    font-size: 30px !important;
    font-weight: 700 !important;
    line-height: 1.5;
    color: #003062 !important;
    margin: 50px 0 15px !important;
    font-family: Saira, Arial, Helvetica, sans-serif;
    
}
@media (max-width: 767px) {
  .how-to-prevent-from-coronavirus-diseasecovid { font-size: 16px; }
  .how-to-prevent-from-coronavirus-diseasecovid .prevent-img img { width: 200px; }
}

.mk-pager {
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-width: 1250px;        /* line (aur buttons) ki width yahan se kam/zyada karo */
  margin: 100px auto;       /* auto se beech me rahega */
  padding: 38px 0;
  border-top: 1px solid #e8e8e8;
  border-bottom: 1px solid #e8e8e8;
  margin-bottom: 100px;
  
}

.mk-pager__btn {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  background: #002f63;
  color: #fff;
  padding: 15px 25px;
  font-family: Saira, Arial, Helvetica, sans-serif;
  font-size: 13px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  text-decoration: none;
  border-radius: 0;
  transition: background 0.3s ease;
}

.mk-pager__btn i {
  font-size: 22px;
  font-weight: 700;
}

.mk-pager__btn:hover {
  background: #0b4a94;
  color: #fff;
}
/*--------------------------------------------------------coronavirus-myths-vs-facts-------------------------------------------*/



/* Coronavirus Myths vs Facts Banner */
.coronavirus-myths-banner {
    position: relative;
    height: 310px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
}

.coronavirus-myths-banner-inner {
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: 1300px;
    margin: 0 auto;
    padding: 0 40px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

.coronavirus-myths-banner h1 {
    margin: 0;
    color: #fff;
    font-size: 47px;
    font-weight: 600;
    line-height: 1.1;
    font-family: Saira, Arial, Helvetica, sans-serif;
    margin-left: -40px;
}

.coronavirus-myths-breadcrumb {
    background: rgba(255, 255, 255, .08);
    padding: 20px 20px;
    color: #fff;
    font-size: 13px;
    display: flex;
    gap: 8px;
    align-items: center;
    font-family: Ubuntu, Arial, Helvetica, sans-serif;
}

.coronavirus-myths-breadcrumb a,
.coronavirus-myths-breadcrumb a:visited {
    color: #fff;
    text-decoration: none;
}

.coronavirus-myths-breadcrumb a:hover {
    text-decoration: underline;
}

.coronavirus-myths-current {
    color: #7fd3e6;
}




.myths-section{max-width:1917px;margin:0 auto;font-family:"Ubuntu",Arial,sans-serif;color:#222;line-height:1.7;font-size:17px}
/* Image apni original width/height me dikhegi; chhote screen par fit ho jayegi */
.myths-section img{display:block;max-width:100%;height:auto}
.myths-text{max-width:1300px;margin:0 auto;padding:10px 20px 40px;
    
}
.myths-text p
{
    margin:0 0 14px;
    font-family: Ubuntu, Tahoma, Geneva, sans-serif;
}
.myths-text strong
{
    font-family: Ubuntu, Tahoma, Geneva, sans-serif;
    color: #000;
    font-size: 15px;
    font-weight: 700;
}

.myths-text .meta{font-size:14px;color:#777;margin:14px 0 6px}
.myths-text .meta span{margin-right:18px}
.myths-text .myths-title{
    font-size:35px;
    line-height:40px;
    color:#003062;
    font-weight: 700;
    margin:6px 0 40px;
font-family: Saira, Arial, Helvetica, sans-serif;
}
.myths-text .myth{font-weight:700;margin-top:26px;margin-bottom:10px}
.myths-text .source{margin-top:30px;font-style:italic}

.myths-text p.source
{
    margin-bottom: -30px;
}


.coronavirus-myths-img {
    width: 1050px;
    height: 200px;
    object-fit: contain;
    max-width: 100%;
    display: block;
    margin-left: 215px;
    margin-top: 80px;
}

/* Tablet View */
@media (max-width: 1024px) {

    .coronavirus-myths-banner {
        height: 280px;
    }

    .coronavirus-myths-banner-inner {
        padding: 0 30px;
        gap: 15px;
    }

    .coronavirus-myths-banner h1 {
        font-size: 38px;
        margin-left: -30px;
    }

    .coronavirus-myths-breadcrumb {
        padding: 15px;
        font-size: 12px;
        flex-wrap: wrap;
    }

    .myths-text {
        padding: 10px 25px 35px;
    }

    .myths-text .myths-title {
        font-size: 30px;
        line-height: 36px;
        margin-bottom: 30px;
    }

    .coronavirus-myths-img {
        width: 100%;
        height: auto;
        max-width: 100%;
        margin: 50px auto 0;
        object-fit: contain;
    }
}


/* Mobile View */
@media (max-width: 767px) {

    .coronavirus-myths-banner {
        height: auto;
        min-height: 220px;
        padding: 35px 0;
        box-sizing: border-box;
    }

    .coronavirus-myths-banner-inner {
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
        padding: 0 20px;
        gap: 18px;
    }

    .coronavirus-myths-banner h1 {
        font-size: 30px;
        line-height: 1.2;
        margin-left: 0;
    }

    .coronavirus-myths-breadcrumb {
        padding: 12px;
        font-size: 11px;
        gap: 6px;
        flex-wrap: wrap;
        max-width: 100%;
        box-sizing: border-box;
        overflow-wrap: anywhere;
    }

    .myths-section {
        font-size: 16px;
        line-height: 1.7;
    }

    .myths-text {
        padding: 10px 15px 30px;
    }

    .myths-text .myths-title {
        font-size: 26px;
        line-height: 1.3;
        margin: 6px 0 25px;
    }

    .myths-text p {
        margin-bottom: 12px;
    }

    .myths-text strong {
        font-size: 15px;
    }

    .myths-text .meta {
        font-size: 12px;
        line-height: 1.8;
    }

    .myths-text .meta span {
        margin-right: 10px;
    }

    .myths-text .myth {
        margin-top: 20px;
        margin-bottom: 8px;
    }

    .myths-text .source {
        margin-top: 25px;
    }

    .myths-text p.source {
        margin-bottom: -20px;
    }

    .coronavirus-myths-img {
        width: 100%;
        max-width: 100%;
        height: auto;
        margin: 30px auto 0;
        object-fit: contain;
    }
}


/* Small Mobile View */
@media (max-width: 480px) {

    .coronavirus-myths-banner h1 {
        font-size: 26px;
    }

    .coronavirus-myths-breadcrumb {
        font-size: 10px;
        padding: 10px;
    }

    .myths-text .myths-title {
        font-size: 23px;
        line-height: 1.35;
    }

    .myths-text {
        padding-left: 12px;
        padding-right: 12px;
    }

    .coronavirus-myths-img {
        margin-top: 25px;
    }
}
/* Tablet View */
@media (min-width: 768px) and (max-width: 1024px) {
    .coronavirus-myths-banner {
        background-position: 50% 50% !important;
        background-size: cover !important;
    }
}

/* Mobile View */
@media (max-width: 767px) {
    .coronavirus-myths-banner {
        background-position: 50% 50% !important;
        background-size: cover !important;
    }
}/* ===== Image center: tablet & mobile ===== */
@media (max-width: 1024px) {
  .coronavirus-myths-img,
  .myths-section img,
  .myths-text img {
    display: block !important;
    width: auto !important;
    max-width: 100% !important;
    height: auto !important;
    margin-left: auto !important;
    margin-right: auto !important;
    margin-top: 28px !important;
    object-fit: contain !important;
    float: none !important;
    position: static !important;
    left: auto !important;
    transform: none !important;
  }
}

@media (max-width: 480px) {
  .coronavirus-myths-img,
  .myths-section img,
  .myths-text img {
    margin-top: 20px !important;
  }
}
/*-------------------------------------------------------what-you-need-to-know-about-coronavirus-disease-2019-covid-19----------*/


/* COVID-19 Information Banner */
.covid-info-page-banner {
    position: relative;
    height: 310px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
}

.covid-info-banner-inner {
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: 1300px;
    margin: 0 auto;
    padding: 0 40px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

.covid-info-page-banner h1 {
    margin: 0;
    color: #fff;
    font-size: 47px;
    font-weight: 600;
    line-height: 1.1;
    font-family: Saira, Arial, Helvetica, sans-serif;
    margin-left: -40px;
}

.covid-info-breadcrumb {
    background: rgba(255, 255, 255, .08);
    padding: 20px 20px;
    color: #fff;
    font-size: 13px;
    display: flex;
    gap: 8px;
    align-items: center;
    font-family: Ubuntu, Arial, Helvetica, sans-serif;
}

.covid-info-breadcrumb a,
.covid-info-breadcrumb a:visited {
    color: #fff;
    text-decoration: none;
}

.covid-info-breadcrumb a:hover {
    text-decoration: none!important;
}

.covid-info-current {
    color: #7fd3e6;
}


 .covid-post { 
    max-width: 1300px;
     margin: 0 auto; 
     padding: 16px; 
     font-family: "Open Sans", Arial, sans-serif; 
     color: #222; 
     line-height: 1.7; 
    margin-top: 50px;
    margin-bottom: 100px;
    }
  .covid-post .top-img { display: block; width: 85%; max-width: 100%; height: auto; margin: 0 0 16px; }
  .covid-post .meta { font-size: 14px; color: #8a8a8a; margin-bottom: 18px; }
  .covid-post .meta a { color: #8a8a8a; text-decoration: none; }
  .covid-post .meta span { margin-right: 18px; }
  .covid-post .lead { 
    font-weight: 700; 
    font-size: 16px; 
    color: #000;
     margin: 0 0 22px;
    font-family: Ubuntu, Tahoma, Geneva, sans-serif;
    }.post-meta span {
    display: inline-flex;
    align-items: center;
    gap: 5px;
}

.post-meta span img {
    width: 15px;
    height: 15px;
    object-fit: contain;
}
.covid-post .table-img {
    display: block !important;
    width: 60% !important;
    max-width: 60% !important;
    height: auto !important;
    margin: 0 auto 28px;
    box-sizing: border-box;
}
  .covid-post h3 { font-size: 16px; margin: 26px 0 8px; color: #000; 
font-family: Ubuntu, Tahoma, Geneva, sans-serif;
}
  .covid-post p { margin: 0 0 12px; font-size: 16px; font-family: Ubuntu, Tahoma, Geneva, sans-serif;}
  .covid-post ul { margin: 0 0 14px 22px; padding: 0; }
  .covid-post li { margin-bottom: 6px; }
.covid-post img.step-img {
    display: block !important;
    width: 25% !important;
    max-width: 25% !important;
    height: auto !important;
    margin: 12px auto 18px;
    object-fit: contain;
}
  .covid-post li.has-img { list-style-position: outside; }
  .covid-post .credit { margin-top: 0px; padding-top: 14px;  }
.covid-post .credit a:hover {
    color: #fff !important;
}


  /* COVID Next Button Section */
.covid-next-pager {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    max-width: 1250px;
    margin: 40px auto;
    padding: 38px 0;
    border-top: 1px solid #e8e8e8;
    border-bottom: 1px solid #e8e8e8;
    margin-bottom: 100px;
}

/* Next Button */
.covid-next-pager-btn {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    background: #002f63;
    color: #fff;
    padding: 15px 25px;
    font-family: Saira, Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: 500;
    line-height: 1;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    text-decoration: none;
    border-radius: 0;
    transition: background 0.3s ease;
}

.covid-next-pager-btn i {
    font-size: 22px;
    font-weight: 700;
}

.covid-next-pager-btn:hover {
    background: #0b4a94;
    color: #fff;
}

/* ===== Tablet (≤1024px) ===== */
@media (max-width: 1024px) {
  .covid-info-page-banner {
    height: auto;
    min-height: 220px;
    padding: 30px 0;
  }

  .covid-info-banner-inner {
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 12px;
    padding: 0 24px;
  }

  /* Breadcrumb title ke upar */
  .covid-info-breadcrumb {
    order: -1;
    flex-wrap: wrap;
    max-width: 100%;
    padding: 8px 12px;
    font-size: 12px;
    line-height: 1.5;
    background: rgba(255, 255, 255, .12);
  }

  .covid-info-page-banner h1 {
    font-size: 34px;
    line-height: 1.2;
    margin-left: 0;
    word-break: break-word;
  }

  .covid-post {
    margin-top: 30px;
    margin-bottom: 60px;
    padding: 16px 24px;
  }

  .covid-post .top-img {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }

  .covid-post .table-img {
    width: 85% !important;
    max-width: 85% !important;
  }

  .covid-post img.step-img {
    width: 45% !important;
    max-width: 45% !important;
  }

  .covid-next-pager {
    max-width: 100%;
    margin: 30px 24px 60px;
    padding: 24px 0;
  }
}

/* ===== Large mobile (≤768px) ===== */
@media (max-width: 768px) {
  .covid-info-page-banner {
    min-height: 190px;
    padding: 24px 0;
  }

  .covid-info-banner-inner { padding: 0 18px; }

  .covid-info-page-banner h1 { font-size: 28px; }

  .covid-info-breadcrumb { font-size: 11px; padding: 6px 10px; }

  .covid-post { padding: 12px 18px; }

  .covid-post .meta { font-size: 13px; }
  .covid-post .meta span {
    display: inline-block;
    margin-right: 12px;
  }

  .covid-post .table-img {
    width: 100% !important;
    max-width: 100% !important;
  }

  .covid-post img.step-img {
    width: 55% !important;
    max-width: 55% !important;
  }

  .covid-post ul { margin-left: 18px; }
}

/* ===== Mobile (≤480px) ===== */
@media (max-width: 480px) {
  .covid-info-page-banner {
    min-height: 160px;
    padding: 20px 0;
  }

  .covid-info-banner-inner {
    padding: 0 14px;
    gap: 10px;
  }

  .covid-info-page-banner h1 { font-size: 22px; }

  .covid-info-breadcrumb {
    font-size: 11px;
    gap: 6px;
  }

  .covid-post {
    padding: 10px 14px;
    margin-top: 20px;
    margin-bottom: 40px;
  }

  .covid-post .lead,
  .covid-post p,
  .covid-post h3 { font-size: 15px; }

  .covid-post img.step-img {
    width: 75% !important;
    max-width: 75% !important;
  }

  .covid-next-pager {
    margin: 24px 14px 40px;
    padding: 18px 0;
    justify-content: center;
  }

  .covid-next-pager-btn {
    width: 100%;
    justify-content: center;
    padding: 14px 20px;
  }
}
/*-----------------------------------------------------Author Archives Banner----------------------------------------------------------------*/


/* Author Archives Banner */
.author-archives-banner {
    position: relative;
    height: 310px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
}

.author-archives-banner-inner {
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: 1300px;
    margin: 0 auto;
    padding: 0 40px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

.author-archives-banner h1 {
    margin: 0;
    color: #fff;
    font-size: 47px;
    font-weight: 600;
    line-height: 1.1;
    font-family: Saira, Arial, Helvetica, sans-serif;
    margin-left: -40px;
}

.author-archives-breadcrumb {
    background: rgba(255, 255, 255, .08);
    padding: 20px 20px;
    color: #fff;
    font-size: 12px;
    display: flex;
    gap: 8px;
    align-items: center;
    font-family: Ubuntu, Arial, Helvetica, sans-serif;
}

.author-archives-breadcrumb a,
.author-archives-breadcrumb a:visited {
    color: #fff;
    text-decoration: none;
}

.author-archives-breadcrumb a:hover {
    text-decoration: underline;
}

.author-archives-current {
    color: #7fd3e6;
}




/* ================= SECTION 1 : VIRAL FEVER ================= */
/* Viral Fever Guide Banner */
.viral-fever-guide-banner {
    position: relative;
    height: 310px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
}
 
.viral-fever-guide-banner-inner {
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: 1300px;
    margin: 0 auto;
    padding: 0 40px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}
 
.viral-fever-guide-banner h1 {
    margin: 0;
    color: #fff;
    font-size: 47px;
    font-weight: 600;
    line-height: 1.1;
    font-family: Saira, Arial, Helvetica, sans-serif;
    margin-left: -40px;
}
 
.viral-fever-guide-breadcrumb {
    background: rgba(255, 255, 255, .08);
    padding: 20px 20px;
    color: #fff;
    font-size: 13px;
    display: flex;
    gap: 8px;
    align-items: center;
    font-family: Ubuntu, Arial, Helvetica, sans-serif;
}
 
.viral-fever-guide-breadcrumb a,
.viral-fever-guide-breadcrumb a:visited {
    color: #fff;
    text-decoration: none;
}
 
.viral-fever-guide-breadcrumb a:hover {
    text-decoration: underline;
}
 
.viral-fever-guide-breadcrumb .viral-fever-guide-current {
    color: #7fd3e6;
}
 
 
 
:root { --text:#111; --heading:#0a3566; --link:#0a4a5c; --muted:#8a8f98; --bg:#fff; }
  @media (prefers-color-scheme: dark) {
    :root { --text:#e8eaed; --heading:#7fb0ea; --link:#7fd0e6; --muted:#9aa0a6; --bg:#14181d; }
  }
  body { margin:0; background:var(--bg); color:var(--text); font-family:"Ubuntu","Segoe UI",Arial,sans-serif; line-height:1.7; font-size:17px; 
  
}
  .viral-fever-post { max-width:1300px; margin:0 auto; padding:24px 16px 48px;   margin-top: 50px;}
  /* Image keeps its ORIGINAL width and height; only shrinks on small screens */
.viral-fever-image {
    display: block;
    width: 1200px;
    max-width: none;
    height: auto;
    margin: 0 0 16px;
}
 
/* wrapper */
.viral-fever-image-wrap {
    position: relative;
    display: inline-block;
}
 
/* date badge */
.viral-fever-date {
    position: absolute;
    top: 38px;
    left: 38px;
    z-index: 2;
    background: #0b2a4a;
    color: #fff;
    text-align: center;
    padding: 10px 14px;
    min-width: 86px;
    line-height: 1.1;
}
.viral-fever-date .viral-fever-date-day {
    display: block;
    font-size: 34px;
    font-weight: 600;
}
.viral-fever-date .viral-fever-date-month {
    display: block;
    font-size: 14px;
    margin-top: 4px;
    font-family: Saira, Arial, Helvetica, sans-serif;
}
.viral-fever-date .viral-fever-date-month .viral-fever-date-year {
    display: inline;
    font-size: inherit;
    margin-left: 4px;
    font-family: Saira, Arial, Helvetica, sans-serif;
}
  .viral-fever-meta { display:flex; flex-wrap:wrap; gap:8px 18px; font-size:15px; margin-bottom:18px; }
  .viral-fever-meta a, .viral-fever-meta a:link, .viral-fever-meta a:visited { display:inline-flex; align-items:center; gap:6px; padding:0; background:none; color:var(--muted); font-weight:400; text-decoration:none; transition:color .2s; }
  .viral-fever-meta a img { width:15px; height:15px; object-fit:contain; display:block; }
  /* Hover: only the text changes (dark colour + underline). No background, no default blue. */
  .viral-fever-meta a:hover, .viral-fever-meta a:focus-visible, .viral-fever-meta a:active { background:none; color:#FFFFFF; text-decoration:none; outline:none; }
  .viral-fever-post h2 { 
    color:var(--heading);
     font-size:35;
     font-weight: 600; 
     line-height:1.2; 
     margin:2rem 0 .8rem; 
     font-family: Saira, Arial, Helvetica, sans-serif;
     color: #003062;
     margin-bottom: 10px;
    
    }
  .viral-fever-post h3 { 
    color:#003062; 
    font-size:30px;
    font-weight: 700; 
    margin:1.4rem 0 .4rem; 
    font-family: Saira, Arial, Helvetica, sans-serif;
}
  .viral-fever-post p { 
    margin:0 0 1rem; 
    font-family: Ubuntu, Tahoma, Geneva, sans-serif;
    color: #000;
    font-size: 17px;
    font-weight: 400;
    line-height: 1.6;
}
  .viral-fever-post a, .viral-fever-post .viral-fever-hl { color:var(--link); font-weight:700; text-decoration:none; }
  .viral-fever-tb-link,
.viral-fever-tb-link:visited,
.viral-fever-tb-link:active {
    color: var(--link);
    font-weight: 700;
    text-decoration: none;
}
 
.viral-fever-tb-link:hover {
    color: #ffffff;
    text-decoration: none;
}
  .viral-fever-post ul { padding-left:1.4rem; margin:0 0 1rem;
    font-family: Ubuntu, Tahoma, Geneva, sans-serif;
 font-size: 16px;
    font-weight: 400;}
  .viral-fever-post li { 
    margin-bottom:.4rem;
    font-family: Ubuntu, Tahoma, Geneva, sans-serif;
    color: #000;
    font-size: 16px;
    font-weight: 400;
 
}
 
  .viral-fever-post a[href="#"]:hover {
    color: #ffffff !important;
    text-decoration: none !important;
}
 
 
 
.viral-fever-post-nav {
  width:100%;
  max-width:1280px;   /* line ki width, ise kam/zyada kar sakte ho */
  border-top:1px solid #e6e8eb;
  border-bottom:1px solid #e6e8eb;
  padding:20px 0;    /* line aur button ke beech ka gap */
  margin-top:0; 
  margin-left: 210px; 
  margin-bottom: 100px;    /* Conclusion ke exact niche */
}
.viral-fever-post-nav .viral-fever-prev-btn, .viral-fever-post-nav .viral-fever-prev-btn:link, .viral-fever-post-nav .viral-fever-prev-btn:visited {
  display:inline-flex; align-items:center; gap:12px;
  background:#0a3566; color:#fff; padding:0 32px; height:55px;
  font-size:14px; font-weight:700; letter-spacing:.08em;
  text-transform:uppercase; text-decoration:none; transition:background .2s;
  font-family: Saira, Arial, Helvetica, sans-serif;
}
.viral-fever-post-nav .viral-fever-prev-btn::before {
  content:""; width:7px; height:7px;
  border-left:2px solid #fff; border-bottom:2px solid #fff;
  transform:rotate(45deg); margin-right:2px;
}
.viral-fever-post-nav .viral-fever-prev-btn:hover, .viral-fever-post-nav .viral-fever-prev-btn:focus-visible {
  background:#082a52; color:#fff; text-decoration:none;
}
 
/* ================= SECTION 2 : HOW TO PREVENT FROM CORONAVIRUS ================= */
 
/* COVID-19 Prevention Banner */
.covid-prevention-banner {
    position: relative;
    height: 310px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
}
 
.covid-prevention-banner-inner {
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: 1300px;
    margin: 0 auto;
    padding: 0 40px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}
 
.covid-prevention-banner h1 {
    margin: 0;
    color: #fff;
    font-size: 47px;
    font-weight: 600;
    line-height: 1.1;
    font-family: Saira, Arial, Helvetica, sans-serif;
    margin-left: -40px;
}
 
.covid-prevention-breadcrumb {
    background: rgba(255, 255, 255, .08);
    padding: 20px 20px;
    color: #fff;
    font-size: 13px;
    display: flex;
    gap: 8px;
    align-items: center;
    font-family: Ubuntu, Arial, Helvetica, sans-serif;
}
 
.covid-prevention-breadcrumb a,
.covid-prevention-breadcrumb a:visited {
    color: #fff;
    text-decoration: none;
}
 
.covid-prevention-breadcrumb a:hover {
    text-decoration: underline;
}
 
.covid-prevention-current {
    color: #7fd3e6;
}
 
.how-to-prevent-from-coronavirus-diseasecovid {
  font-family: 'Ubuntu', Arial, sans-serif;
  color: #000;
  font-size: 18px;
  line-height: 1.75;
  max-width: 1300px;
  margin: 0 auto;
  padding: 0 15px;
  margin-top: 60px;
 
}
 
/* Top banner image */
.how-to-prevent-from-coronavirus-diseasecovid .covid-banner {
  display: block;
  width: 85%;
  height: auto;
  margin-bottom: 20px;
}
 .blog-meta span {
    display: inline-flex;
    align-items: center;
    gap: 5px;
}
 
.blog-meta span img {
    width: 15px;
    height: 15px;
    object-fit: contain;
}
/* Author + category meta */
.how-to-prevent-from-coronavirus-diseasecovid .post-meta {
  font-size: 13px;
  color: #a7a7a7;
  font-weight: 400;
  margin-bottom: 25px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 20px;
  font-family: Ubuntu, Tahoma, Geneva, sans-serif;
}
.how-to-prevent-from-coronavirus-diseasecovid .post-meta i {
  color: #0b2a4a;
  margin-right: 5px;
}
.how-to-prevent-from-coronavirus-diseasecovid .post-meta a {
  color: #9a9fa5;
  text-decoration: none;
}
.how-to-prevent-from-coronavirus-diseasecovid .post-meta a:hover {
  color: #fff;
  text-decoration:  none;
}.how-to-prevent-from-coronavirus-diseasecovid .post-meta,
.how-to-prevent-from-coronavirus-diseasecovid .post-meta span,
.how-to-prevent-from-coronavirus-diseasecovid .post-meta a {
    font-weight: 400 !important;
}
.how-to-prevent-from-coronavirus-diseasecovid p {
  margin: 0 0 20px;
  font-family: Ubuntu, Tahoma, Geneva, sans-serif;
  color: #000;
  font-size: 16px;
  font-weight: 400;
}
.how-to-prevent-from-coronavirus-diseasecovid p.bold,
.how-to-prevent-from-coronavirus-diseasecovid h4 {
  font-weight: 700;
 
  margin: 0 0 20px;
    font-family: Ubuntu, Tahoma, Geneva, sans-serif;
  color: #000;
  font-size: 16px;
}
.how-to-prevent-from-coronavirus-diseasecovid ul {
  margin: 0 0 20px;
  padding-left: 30px;
  list-style: disc;
}
.how-to-prevent-from-coronavirus-diseasecovid ul li {
  margin-bottom: 8px;
}
 
/* Section images (centered) */
.how-to-prevent-from-coronavirus-diseasecovid .prevent-img {
  text-align: center;
  margin: 25px 0;
}
.how-to-prevent-from-coronavirus-diseasecovid .prevent-img img {
  max-width: 100%;
  height: auto;
  width: 220px;
}
/* Section images (centered) */
.how-to-prevent-from-coronavirus-diseasecovid .cover-coughs-img {
    text-align: left;
    margin: 25px 0;
}
 
.how-to-prevent-from-coronavirus-diseasecovid .cover-coughs-img img {
    max-width: 100%;
    height: auto;
    width: 220px;
}
 .how-to-prevent-from-coronavirus-diseasecovid p.protect-others-title {
    font-family: Saira, Arial, Helvetica, sans-serif !important;
    font-size: 30px !important;
    font-weight: 700 !important;
    line-height: 1.5;
    color: #003062 !important;
    margin: 50px 0 15px !important;
    font-family: Saira, Arial, Helvetica, sans-serif;
    
}
@media (max-width: 767px) {
  .how-to-prevent-from-coronavirus-diseasecovid { font-size: 16px; }
  .how-to-prevent-from-coronavirus-diseasecovid .prevent-img img { width: 200px; }
}
 
.mk-pager {
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-width: 1250px;        /* line (aur buttons) ki width yahan se kam/zyada karo */
  margin: 100px auto;       /* auto se beech me rahega */
  padding: 38px 0;
  border-top: 1px solid #e8e8e8;
  border-bottom: 1px solid #e8e8e8;
  margin-bottom: 100px;
  
}
 
.mk-pager__btn {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  background: #002f63;
  color: #fff;
  padding: 15px 25px;
  font-family: Saira, Arial, Helvetica, sans-serif;
  font-size: 13px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  text-decoration: none;
  border-radius: 0;
  transition: background 0.3s ease;
}
 
.mk-pager__btn i {
  font-size: 22px;
  font-weight: 700;
}
 
.mk-pager__btn:hover {
  background: #0b4a94;
  color: #fff;
}
 
/* ================= SECTION 3 : MYTHS VS FACTS ================= */
 
/* Coronavirus Myths vs Facts Banner */
.coronavirus-myths-banner {
    position: relative;
    height: 310px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
}
 
.coronavirus-myths-banner-inner {
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: 1300px;
    margin: 0 auto;
    padding: 0 40px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}
 
.coronavirus-myths-banner h1 {
    margin: 0;
    color: #fff;
    font-size: 47px;
    font-weight: 600;
    line-height: 1.1;
    font-family: Saira, Arial, Helvetica, sans-serif;
    margin-left: -40px;
}
 
.coronavirus-myths-breadcrumb {
    background: rgba(255, 255, 255, .08);
    padding: 20px 20px;
    color: #fff;
    font-size: 13px;
    display: flex;
    gap: 8px;
    align-items: center;
    font-family: Ubuntu, Arial, Helvetica, sans-serif;
}
 
.coronavirus-myths-breadcrumb a,
.coronavirus-myths-breadcrumb a:visited {
    color: #fff;
    text-decoration: none;
}
 
.coronavirus-myths-breadcrumb a:hover {
    text-decoration: underline;
}
 
.coronavirus-myths-current {
    color: #7fd3e6;
}
 
.myths-section{max-width:1917px;margin:0 auto;font-family:"Ubuntu",Arial,sans-serif;color:#222;line-height:1.7;font-size:17px}
/* Image apni original width/height me dikhegi; chhote screen par fit ho jayegi */
.myths-section img{display:block;max-width:100%;height:auto}
.myths-text{max-width:1300px;margin:0 auto;padding:10px 20px 40px;
    
}
.myths-text p
{
    margin:0 0 14px;
    font-family: Ubuntu, Tahoma, Geneva, sans-serif;
}
.myths-text strong
{
    font-family: Ubuntu, Tahoma, Geneva, sans-serif;
    color: #000;
    font-size: 15px;
    font-weight: 700;
}
 
/* author / category line (icon style) */
.myths-text .myths-meta { display:flex; flex-wrap:wrap; gap:8px 18px; font-size:15px; margin-bottom:18px; }
.myths-text .myths-meta a, .myths-text .myths-meta a:link, .myths-text .myths-meta a:visited { display:inline-flex; align-items:center; gap:6px; padding:0; background:none; color:var(--muted); font-weight:400; text-decoration:none; transition:color .2s; }
.myths-text .myths-meta a img { width:15px; height:15px; object-fit:contain; display:block; }
.myths-text .myths-meta a:hover, .myths-text .myths-meta a:focus-visible, .myths-text .myths-meta a:active { background:none; color:#FFFFFF; text-decoration:none; outline:none; }
 
.myths-text .myths-meta{font-size:14px;color:#777;margin:14px 0 6px}
.myths-text .myths-meta span{margin-right:18px}
.myths-text .myths-title{
    font-size:35px;
    line-height:40px;
    color:#003062;
    font-weight: 700;
    margin:6px 0 40px;
font-family: Saira, Arial, Helvetica, sans-serif;
}
.myths-text .myth{font-weight:700;margin-top:26px;margin-bottom:10px}
.myths-text .source{margin-top:30px;font-style:italic}
 
.myths-text p.source
{
    margin-bottom: -30px;
}
 
 
.coronavirus-myths-img {
    width: 1050px;
    height: 200px;
    object-fit: contain;
    max-width: 100%;
    display: block;
    margin-left: 215px;
    margin-top: 80px;
}
 
/* ================= SECTION 4 : COVID-19 INFORMATION ================= */
 
/* COVID-19 Information Banner */
.covid-info-page-banner {
    position: relative;
    height: 310px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
}
 
.covid-info-banner-inner {
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: 1300px;
    margin: 0 auto;
    padding: 0 40px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}
 
.covid-info-page-banner h1 {
    margin: 0;
    color: #fff;
    font-size: 47px;
    font-weight: 600;
    line-height: 1.1;
    font-family: Saira, Arial, Helvetica, sans-serif;
    margin-left: -40px;
}
 
.covid-info-breadcrumb {
    background: rgba(255, 255, 255, .08);
    padding: 20px 20px;
    color: #fff;
    font-size: 13px;
    display: flex;
    gap: 8px;
    align-items: center;
    font-family: Ubuntu, Arial, Helvetica, sans-serif;
}
 
.covid-info-breadcrumb a,
.covid-info-breadcrumb a:visited {
    color: #fff;
    text-decoration: none;
}
 
.covid-info-breadcrumb a:hover {
    text-decoration: underline;
}
 
.covid-info-current {
    color: #7fd3e6;
}
 
 
 .covid-post { 
    max-width: 1300px;
     margin: 0 auto; 
     padding: 16px; 
     font-family: "Open Sans", Arial, sans-serif; 
     color: #222; 
     line-height: 1.7; 
    margin-top: 50px;
    }
  .covid-post .top-img { display: block; width: 85%; max-width: 100%; height: auto; margin: 0 0 16px; }
  .covid-post .meta { font-size: 14px; color: #8a8a8a; margin-bottom: 18px; }
  .covid-post .meta a { color: #8a8a8a; text-decoration: none; }
  .covid-post .meta span { margin-right: 18px; }
  .covid-post .lead { 
    font-weight: 700; 
    font-size: 16px; 
    color: #000;
     margin: 0 0 22px;
    font-family: Ubuntu, Tahoma, Geneva, sans-serif;
    }
.covid-post .table-img {
    display: block !important;
    width: 60% !important;
    max-width: 60% !important;
    height: auto !important;
    margin: 0 auto 28px;
    box-sizing: border-box;
}
  .covid-post h3 { font-size: 16px; margin: 26px 0 8px; color: #000; 
font-family: Ubuntu, Tahoma, Geneva, sans-serif;
}
  .covid-post p { margin: 0 0 12px; font-size: 16px; font-family: Ubuntu, Tahoma, Geneva, sans-serif;}
  .covid-post ul { margin: 0 0 14px 22px; padding: 0; }
  .covid-post li { margin-bottom: 6px; }
.covid-post img.step-img {
    display: block !important;
    width: 25% !important;
    max-width: 25% !important;
    height: auto !important;
    margin: 12px auto 18px;
    object-fit: contain;
}
  .covid-post li.has-img { list-style-position: outside; }
  .covid-post .credit { margin-top: 0px; padding-top: 14px;  }
.covid-post .credit a:hover {
    color: #fff !important;
}
 
 
  /* COVID Next Button Section */
.covid-next-pager {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    max-width: 1250px;
    margin: 40px auto;
    padding: 38px 0;
    border-top: 1px solid #e8e8e8;
    border-bottom: 1px solid #e8e8e8;
    margin-bottom: 100px;
}
 
/* Next Button */
.covid-next-pager-btn {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    background: #002f63;
    color: #fff;
    padding: 15px 25px;
    font-family: Saira, Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: 500;
    line-height: 1;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    text-decoration: none;
    border-radius: 0;
    transition: background 0.3s ease;
}
 
.covid-next-pager-btn i {
    font-size: 22px;
    font-weight: 700;
}
 
.covid-next-pager-btn:hover {
    background: #0b4a94;
    color: #fff;
}
 
/* ================= HEADINGS ADDED ABOVE EACH SECTION (grey line, link, white on hover) ================= */
h2.post-title-heading {
    font-size: 35px;
    line-height: 40px;
    color: #003062;
    font-weight: 700;
    margin: 6px 0 20px;
    padding-bottom: 15px;
    border-bottom: 1px solid #e6e8eb;
    font-family: Saira, Arial, Helvetica, sans-serif;
}
h2.post-title-heading a,
h2.post-title-heading a:link,
h2.post-title-heading a:visited,
h2.post-title-heading a:active {
    color: #003062;
    font-weight: inherit;
    text-decoration: none;
    transition: color 0.3s ease;
}
h2.post-title-heading a:hover,
h2.post-title-heading a:focus-visible {
    color: #ffffff;
    text-decoration: none;
}
.meta span {
    display: inline-flex;
    align-items: center;
    gap: 5px;
}

.meta span img {
    width: 15px;
    height: 15px;
    object-fit: contain;
}
/* =====================================================
   RESPONSIVE: TABLET (768px - 1024px)
   ===================================================== */
@media (max-width: 1024px) {

  /* ---------- All banners ---------- */
  .author-archives-banner,
  .viral-fever-guide-banner,
  .covid-prevention-banner,
  .coronavirus-myths-banner,
  .covid-info-page-banner {
    height: 250px;
  }

  .author-archives-banner-inner,
  .viral-fever-guide-banner-inner,
  .covid-prevention-banner-inner,
  .coronavirus-myths-banner-inner,
  .covid-info-banner-inner {
    padding: 0 30px;
    gap: 16px;
  }

  .author-archives-banner h1,
  .viral-fever-guide-banner h1,
  .covid-prevention-banner h1,
  .coronavirus-myths-banner h1,
  .covid-info-page-banner h1 {
    font-size: 38px;
    margin-left: 0;
  }

  .author-archives-breadcrumb,
  .viral-fever-guide-breadcrumb,
  .covid-prevention-breadcrumb,
  .coronavirus-myths-breadcrumb,
  .covid-info-breadcrumb {
    padding: 14px 18px;
    font-size: 13px;
    flex-wrap: wrap;
  }

  /* ---------- Section 1: Viral Fever ---------- */
  .viral-fever-post {
    margin-top: 40px;
    padding: 20px 24px 40px;
  }

  .viral-fever-image-wrap {
    display: block;
    width: 100%;
  }

  .viral-fever-image {
    width: 100%;
    max-width: 100%;
    height: auto;
  }

  .viral-fever-date {
    top: 24px;
    left: 24px;
    padding: 8px 12px;
    min-width: 72px;
  }

  .viral-fever-date .viral-fever-date-day { font-size: 28px; }
  .viral-fever-date .viral-fever-date-month { font-size: 13px; }

  .viral-fever-post h2 { font-size: 30px; }
  .viral-fever-post h3 { font-size: 26px; }

  .viral-fever-post-nav {
    max-width: calc(100% - 48px);
    margin: 0 auto 70px;
  }

  /* ---------- Section 2: Prevent from Coronavirus ---------- */
  .how-to-prevent-from-coronavirus-diseasecovid {
    margin-top: 40px;
    padding: 0 24px;
  }

  .how-to-prevent-from-coronavirus-diseasecovid .covid-banner {
    width: 100%;
  }

  .how-to-prevent-from-coronavirus-diseasecovid p.protect-others-title {
    font-size: 26px !important;
    margin: 40px 0 12px !important;
  }

  .mk-pager {
    max-width: calc(100% - 48px);
    margin: 60px auto 70px;
    padding: 28px 0;
  }

  /* ---------- Section 3: Myths vs Facts ---------- */
  .myths-text {
    padding: 10px 24px 40px;
  }

  .myths-text .myths-title {
    font-size: 30px;
    line-height: 1.25;
  }

  .coronavirus-myths-img {
    width: 100%;
    max-width: 100%;
    height: auto;
    margin: 40px 0 0;
  }

  /* ---------- Section 4: COVID Information ---------- */
  .covid-post {
    margin-top: 40px;
    padding: 16px 24px;
  }

  .covid-post .top-img { width: 100%; }

  .covid-post .table-img {
    width: 80% !important;
    max-width: 80% !important;
  }

  .covid-post img.step-img {
    width: 35% !important;
    max-width: 35% !important;
  }

  .covid-next-pager {
    max-width: calc(100% - 48px);
    margin: 40px auto 70px;
    padding: 28px 0;
  }

  /* ---------- Post headings ---------- */
  h2.post-title-heading {
    font-size: 30px;
    line-height: 1.25;
  }
}


/* =====================================================
   RESPONSIVE: MOBILE (up to 767px)
   ===================================================== */
@media (max-width: 767px) {

  body { font-size: 16px; }

  /* ---------- All banners ---------- */
  .author-archives-banner,
  .viral-fever-guide-banner,
  .covid-prevention-banner,
  .coronavirus-myths-banner,
  .covid-info-page-banner {
    height: auto;
    min-height: 190px;
    padding: 30px 0;
  }

  .author-archives-banner-inner,
  .viral-fever-guide-banner-inner,
  .covid-prevention-banner-inner,
  .coronavirus-myths-banner-inner,
  .covid-info-banner-inner {
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    padding: 0 16px;
    gap: 14px;
  }

  .author-archives-banner h1,
  .viral-fever-guide-banner h1,
  .covid-prevention-banner h1,
  .coronavirus-myths-banner h1,
  .covid-info-page-banner h1 {
    font-size: 28px;
    line-height: 1.2;
    margin-left: 0;
  }

  .author-archives-breadcrumb,
  .viral-fever-guide-breadcrumb,
  .covid-prevention-breadcrumb,
  .coronavirus-myths-breadcrumb,
  .covid-info-breadcrumb {
    padding: 10px 14px;
    font-size: 12px;
    flex-wrap: wrap;
    gap: 6px;
    max-width: 100%;
  }

  /* ---------- Section 1: Viral Fever ---------- */
  .viral-fever-post {
    margin-top: 24px;
    padding: 16px 16px 32px;
  }

  .viral-fever-image-wrap {
    display: block;
    width: 100%;
  }

  .viral-fever-image {
    width: 100%;
    max-width: 100%;
    height: auto;
  }

  .viral-fever-date {
    top: 12px;
    left: 12px;
    padding: 6px 10px;
    min-width: 58px;
  }

  .viral-fever-date .viral-fever-date-day { font-size: 22px; }
  .viral-fever-date .viral-fever-date-month { font-size: 11px; margin-top: 2px; }

  .viral-fever-meta { font-size: 13px; gap: 6px 14px; }

  .viral-fever-post h2 { font-size: 24px; line-height: 1.3; margin: 1.4rem 0 .6rem; }
  .viral-fever-post h3 { font-size: 21px; line-height: 1.3; }
  .viral-fever-post p,
  .viral-fever-post li { font-size: 15.5px; }

  .viral-fever-post-nav {
    max-width: calc(100% - 32px);
    margin: 0 auto 50px;
    padding: 16px 0;
  }

  .viral-fever-post-nav .viral-fever-prev-btn,
  .viral-fever-post-nav .viral-fever-prev-btn:link,
  .viral-fever-post-nav .viral-fever-prev-btn:visited {
    height: 46px;
    padding: 0 20px;
    font-size: 12px;
  }

  /* ---------- Section 2: Prevent from Coronavirus ---------- */
  .how-to-prevent-from-coronavirus-diseasecovid {
    font-size: 16px;
    margin-top: 24px;
    padding: 0 16px;
  }

  .how-to-prevent-from-coronavirus-diseasecovid .covid-banner {
    width: 100%;
  }

  .how-to-prevent-from-coronavirus-diseasecovid .post-meta {
    font-size: 12px;
    gap: 8px 14px;
  }

  .how-to-prevent-from-coronavirus-diseasecovid ul {
    padding-left: 22px;
  }

  .how-to-prevent-from-coronavirus-diseasecovid .prevent-img img,
  .how-to-prevent-from-coronavirus-diseasecovid .cover-coughs-img img {
    width: 180px;
  }

  .how-to-prevent-from-coronavirus-diseasecovid p.protect-others-title {
    font-size: 22px !important;
    line-height: 1.3;
    margin: 30px 0 10px !important;
  }

  .mk-pager {
    max-width: calc(100% - 32px);
    margin: 40px auto 50px;
    padding: 20px 0;
    gap: 10px;
  }

  .mk-pager__btn {
    padding: 12px 14px;
    font-size: 11px;
    letter-spacing: 1px;
  }

  .mk-pager__btn i { font-size: 18px; }

  /* ---------- Section 3: Myths vs Facts ---------- */
  .myths-section { font-size: 16px; }

  .myths-text { padding: 10px 16px 30px; }

  .myths-text .myths-title {
    font-size: 24px;
    line-height: 1.3;
    margin: 6px 0 24px;
  }

  .myths-text .myths-meta { font-size: 13px; }
  .myths-text .myths-meta span { margin-right: 12px; }

  .coronavirus-myths-img {
    width: 100%;
    max-width: 100%;
    height: auto;
    margin: 30px 0 0;
  }

  /* ---------- Section 4: COVID Information ---------- */
  .covid-post {
    margin-top: 24px;
    padding: 16px;
  }

  .covid-post .top-img { width: 100%; }
  .covid-post .meta { font-size: 13px; }
  .covid-post .meta span { margin-right: 12px; }

  .covid-post .table-img {
    width: 100% !important;
    max-width: 100% !important;
  }

  .covid-post img.step-img {
    width: 55% !important;
    max-width: 55% !important;
  }

  .covid-next-pager {
    max-width: calc(100% - 32px);
    margin: 30px auto 50px;
    padding: 20px 0;
  }

  .covid-next-pager-btn {
    padding: 12px 14px;
    font-size: 11px;
    letter-spacing: 1px;
  }

  .covid-next-pager-btn i { font-size: 18px; }

  /* ---------- Post headings ---------- */
  h2.post-title-heading {
    font-size: 24px;
    line-height: 1.3;
    padding-bottom: 12px;
    margin: 6px 0 16px;
  }
}


/* =====================================================
   SMALL MOBILE (up to 480px)
   ===================================================== */
@media (max-width: 480px) {

  .author-archives-banner h1,
  .viral-fever-guide-banner h1,
  .covid-prevention-banner h1,
  .coronavirus-myths-banner h1,
  .covid-info-page-banner h1 {
    font-size: 24px;
  }

  .viral-fever-post h2,
  h2.post-title-heading,
  .myths-text .myths-title { font-size: 21px; }

  .viral-fever-post h3,
  .how-to-prevent-from-coronavirus-diseasecovid p.protect-others-title {
    font-size: 19px !important;
  }

  .covid-post img.step-img {
    width: 70% !important;
    max-width: 70% !important;
  }
}/* Author Archives Banner - Tablet */
@media (min-width: 768px) and (max-width: 1024px) {
    .author-archives-banner {
        height: auto !important;
        min-height: 0 !important;
        aspect-ratio: 1300 / 310;
        background-size: 100% 100% !important;
        background-position: center center !important;
        background-repeat: no-repeat !important;
    }

    .author-archives-banner-inner {
        padding: 25px 30px !important;
        box-sizing: border-box;
    }
}

/* Author Archives Banner - Mobile */
@media (max-width: 767px) {
    .author-archives-banner {
        height: auto !important;
        min-height: 0 !important;
        aspect-ratio: 1300 / 310;
        background-size: 100% 100% !important;
        background-position: center center !important;
        background-repeat: no-repeat !important;
    }

    .author-archives-banner-inner {
        padding: 15px !important;
        gap: 10px !important;
        flex-direction: column;
        align-items: flex-start;
        box-sizing: border-box;
    }

    .author-archives-banner h1 {
        font-size: 24px !important;
        line-height: 1.2 !important;
        margin-left: 0 !important;
    }

    .author-archives-breadcrumb {
        padding: 10px !important;
        font-size: 10px !important;
        flex-wrap: wrap;
        gap: 5px;
        box-sizing: border-box;
    }
}
@media (max-width: 1024px) {

  .viral-fever-post .viral-fever-image-wrap {
    margin-top: 0;
  }

  .viral-fever-post .viral-fever-date {
    top: -14px !important;
    left: -14px !important;
    padding: 6px 10px !important;
    min-width: 54px !important;
    box-shadow: 0 2px 6px rgba(0,0,0,.25);
  }

  .viral-fever-post .viral-fever-date .viral-fever-date-day {
    font-size: 20px !important;
  }

  .viral-fever-post .viral-fever-date .viral-fever-date-month {
    font-size: 10px !important;
    margin-top: 2px !important;
  }
}
/* =====================================================
   IMAGES CENTER: TABLET + MOBILE (paste at the very END)
   ===================================================== */
@media (max-width: 1024px) {

  /* ---------- Section 1: Viral Fever ---------- */
  .viral-fever-image-wrap {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto 16px !important;
    text-align: center;
  }

  .viral-fever-image {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    margin: 0 auto 16px !important;
  }

  /* ---------- Section 2: Prevent from Coronavirus ---------- */
  .how-to-prevent-from-coronavirus-diseasecovid .covid-banner {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto 20px !important;
  }

  .how-to-prevent-from-coronavirus-diseasecovid .prevent-img,
  .how-to-prevent-from-coronavirus-diseasecovid .cover-coughs-img {
    text-align: center !important;
  }

  .how-to-prevent-from-coronavirus-diseasecovid .prevent-img img,
  .how-to-prevent-from-coronavirus-diseasecovid .cover-coughs-img img {
    display: block !important;
    margin-left: auto !important;
    margin-right: auto !important;
    max-width: 100% !important;
    height: auto !important;
  }

  /* ---------- Section 3: Myths vs Facts ---------- */
  .myths-section img {
    display: block !important;
    margin-left: auto !important;
    margin-right: auto !important;
    max-width: 100% !important;
    height: auto !important;
  }

  .coronavirus-myths-img {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    margin: 40px auto 0 !important;   /* margin-left: 215px hataya */
    object-fit: contain;
  }

  /* ---------- Section 4: COVID Information ---------- */
  .covid-post .top-img {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto 16px !important;
  }

  .covid-post .table-img {
    display: block !important;
    margin: 0 auto 28px !important;
  }

  .covid-post img.step-img {
    display: block !important;
    margin: 12px auto 18px !important;
  }

  /* ---------- Generic fallback: post ki koi bhi image ---------- */
  .viral-fever-post img,
  .how-to-prevent-from-coronavirus-diseasecovid img,
  .myths-text img,
  .covid-post img {
    margin-left: auto;
    margin-right: auto;
  }
}

/* ---------- Mobile: thoda extra ---------- */
@media (max-width: 767px) {

  .how-to-prevent-from-coronavirus-diseasecovid .prevent-img img,
  .how-to-prevent-from-coronavirus-diseasecovid .cover-coughs-img img {
    width: 200px !important;
  }

  .covid-post .table-img {
    width: 100% !important;
    max-width: 100% !important;
  }

  .covid-post img.step-img {
    width: 60% !important;
    max-width: 60% !important;
  }
}
/*-----------------------------------------------------uncategorized----------------------------------------------------------------*


/* Category Archives Banner */
.category-archives-banner {
    position: relative;
    height: 310px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
}

.category-archives-banner-inner {
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: 1300px;
    margin: 0 auto;
    padding: 0 40px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

.category-archives-banner h1 {
    margin: 0;
    color: #fff;
    font-size: 47px;
    font-weight: 600;
    line-height: 1.1;
    font-family: Saira, Arial, Helvetica, sans-serif;
    margin-left: -40px;
}

.category-archives-breadcrumb {
    background: rgba(255, 255, 255, .08);
    padding: 20px 20px;
    color: #fff;
    font-size: 13px;
    display: flex;
    gap: 8px;
    align-items: center;
    font-family: Ubuntu, Arial, Helvetica, sans-serif;
}

.category-archives-breadcrumb a,
.category-archives-breadcrumb a:visited {
    color: #fff;
    text-decoration: none;
}

.category-archives-breadcrumb a:hover {
    text-decoration: underline;
}

.category-archives-current {
    color: #7fd3e6;
}


/* Viral Fever Guide Banner */
.viral-fever-guide-banner {
    position: relative;
    height: 310px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
}
 
.viral-fever-guide-banner-inner {
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: 1300px;
    margin: 0 auto;
    padding: 0 40px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}
 
.viral-fever-guide-banner h1 {
    margin: 0;
    color: #fff;
    font-size: 47px;
    font-weight: 600;
    line-height: 1.1;
    font-family: Saira, Arial, Helvetica, sans-serif;
    margin-left: -40px;
}
 
.viral-fever-guide-breadcrumb {
    background: rgba(255, 255, 255, .08);
    padding: 20px 20px;
    color: #fff;
    font-size: 13px;
    display: flex;
    gap: 8px;
    align-items: center;
    font-family: Ubuntu, Arial, Helvetica, sans-serif;
}
 
.viral-fever-guide-breadcrumb a,
.viral-fever-guide-breadcrumb a:visited {
    color: #fff;
    text-decoration: none;
}
 
.viral-fever-guide-breadcrumb a:hover {
    text-decoration: underline;
}
 
.viral-fever-guide-breadcrumb .viral-fever-guide-current {
    color: #7fd3e6;
}
 
 
 
:root { --text:#111; --heading:#0a3566; --link:#0a4a5c; --muted:#8a8f98; --bg:#fff; }
  @media (prefers-color-scheme: dark) {
    :root { --text:#e8eaed; --heading:#7fb0ea; --link:#7fd0e6; --muted:#9aa0a6; --bg:#14181d; }
  }
  body { margin:0; background:var(--bg); color:var(--text); font-family:"Ubuntu","Segoe UI",Arial,sans-serif; line-height:1.7; font-size:17px; 
  
}
  .viral-fever-post { max-width:1300px; margin:0 auto; padding:24px 16px 48px;   margin-top: 50px;margin-bottom: 100px;}
  /* Image keeps its ORIGINAL width and height; only shrinks on small screens */
.viral-fever-image {
    display: block;
    width: 1200px;
    max-width: none;
    height: auto;
    margin: 0 0 16px;
}
 
/* wrapper */
.viral-fever-image-wrap {
    position: relative;
    display: inline-block;
}
 
/* date badge */
.viral-fever-date {
    position: absolute;
    top: 38px;
    left: 38px;
    z-index: 2;
    background: #0b2a4a;
    color: #fff;
    text-align: center;
    padding: 10px 14px;
    min-width: 86px;
    line-height: 1.1;
}
.viral-fever-date .viral-fever-date-day {
    display: block;
    font-size: 34px;
    font-weight: 600;
}
.viral-fever-date .viral-fever-date-month {
    display: block;
    font-size: 14px;
    margin-top: 4px;
    font-family: Saira, Arial, Helvetica, sans-serif;
}
.viral-fever-date .viral-fever-date-month .viral-fever-date-year {
    display: inline;
    font-size: inherit;
    margin-left: 4px;
    font-family: Saira, Arial, Helvetica, sans-serif;
}
  .viral-fever-meta { display:flex; flex-wrap:wrap; gap:8px 18px; font-size:15px; margin-bottom:18px; }
  .viral-fever-meta a, .viral-fever-meta a:link, .viral-fever-meta a:visited { display:inline-flex; align-items:center; gap:6px; padding:0; background:none; color:var(--muted); font-weight:400; text-decoration:none; transition:color .2s; }
  .viral-fever-meta a img { width:15px; height:15px; object-fit:contain; display:block; }
  /* Hover: only the text changes (dark colour + underline). No background, no default blue. */
  .viral-fever-meta a:hover, .viral-fever-meta a:focus-visible, .viral-fever-meta a:active { background:none; color:#FFFFFF; text-decoration:none; outline:none; }
  .viral-fever-post h2 { 
    color:var(--heading);
     font-size:35;
     font-weight: 600; 
     line-height:1.2; 
     margin:2rem 0 .8rem; 
     font-family: Saira, Arial, Helvetica, sans-serif;
     color: #003062;
     margin-bottom: 10px;
    
    }
  .viral-fever-post h3 { 
    color:#003062; 
    font-size:30px;
    font-weight: 700; 
    margin:1.4rem 0 .4rem; 
    font-family: Saira, Arial, Helvetica, sans-serif;
}
  .viral-fever-post p { 
    margin:0 0 1rem; 
    font-family: Ubuntu, Tahoma, Geneva, sans-serif;
    color: #000;
    font-size: 17px;
    font-weight: 400;
    line-height: 1.6;
}
  .viral-fever-post a, .viral-fever-post .viral-fever-hl { color:var(--link); font-weight:700; text-decoration:none; }
  .viral-fever-tb-link,
.viral-fever-tb-link:visited,
.viral-fever-tb-link:active {
    color: var(--link);
    font-weight: 700;
    text-decoration: none;
}
 
.viral-fever-tb-link:hover {
    color: #ffffff;
    text-decoration: none;
}
  .viral-fever-post ul { padding-left:1.4rem; margin:0 0 1rem;
    font-family: Ubuntu, Tahoma, Geneva, sans-serif;
 font-size: 16px;
    font-weight: 400;}
  .viral-fever-post li { 
    margin-bottom:.4rem;
    font-family: Ubuntu, Tahoma, Geneva, sans-serif;
    color: #000;
    font-size: 16px;
    font-weight: 400;
 
}
 
  .viral-fever-post a[href="#"]:hover {
    color: #ffffff !important;
    text-decoration: none !important;
}
 
 .covid-meta span {
    display: inline-flex;
    align-items: center;
    gap: 5px;
}

.covid-meta span img {
    width: 15px;
    height: 15px;
    object-fit: contain;
}
 
.viral-fever-post-nav {
  width:100%;
  max-width:1280px;   /* line ki width, ise kam/zyada kar sakte ho */
  border-top:1px solid #e6e8eb;
  border-bottom:1px solid #e6e8eb;
  padding:20px 0;    /* line aur button ke beech ka gap */
  margin-top:0; 
  margin-left: 210px; 
  margin-bottom: 100px;    /* Conclusion ke exact niche */
}
.viral-fever-post-nav .viral-fever-prev-btn, .viral-fever-post-nav .viral-fever-prev-btn:link, .viral-fever-post-nav .viral-fever-prev-btn:visited {
  display:inline-flex; align-items:center; gap:12px;
  background:#0a3566; color:#fff; padding:0 32px; height:55px;
  font-size:14px; font-weight:700; letter-spacing:.08em;
  text-transform:uppercase; text-decoration:none; transition:background .2s;
  font-family: Saira, Arial, Helvetica, sans-serif;
}
.viral-fever-post-nav .viral-fever-prev-btn::before {
  content:""; width:7px; height:7px;
  border-left:2px solid #fff; border-bottom:2px solid #fff;
  transform:rotate(45deg); margin-right:2px;
}
.viral-fever-post-nav .viral-fever-prev-btn:hover, .viral-fever-post-nav .viral-fever-prev-btn:focus-visible {
  background:#082a52; color:#fff; text-decoration:none;
}
/* =========================================================
   RESPONSIVE FIXES: Tablet + Mobile (images centered)
   ========================================================= */

/* ---------- Tablet (max 1024px) ---------- */
@media (max-width: 1024px) {

    /* Banners */
    .category-archives-banner,
    .viral-fever-guide-banner {
        height: 240px;
    }

    .category-archives-banner-inner,
    .viral-fever-guide-banner-inner {
        padding: 0 24px;
        flex-wrap: wrap;
        justify-content: center;
        text-align: center;
    }

    .category-archives-banner h1,
    .viral-fever-guide-banner h1 {
        font-size: 36px;
        margin-left: 0;          /* negative margin hatao */
    }

    /* Post container */
    .viral-fever-post {
        margin-top: 30px;
        margin-bottom: 60px;
        padding: 20px 20px 40px;
    }

    /* Image wrapper + image: center aur responsive */
    .viral-fever-image-wrap {
        display: block;
        width: 100%;
        max-width: 100%;
        margin: 0 auto 16px;
        text-align: center;
    }

    .viral-fever-image {
        width: 100%;             /* 1200px hatao */
        max-width: 100%;
        height: auto;
        margin: 0 auto 16px;     /* center */
        display: block;
    }

    /* Date badge */
    .viral-fever-date {
        top: 20px;
        left: 20px;
        padding: 8px 12px;
        min-width: 72px;
    }
    .viral-fever-date .viral-fever-date-day { font-size: 28px; }

    /* Post nav: left margin hatao, center karo */
    .viral-fever-post-nav {
        max-width: 100%;
        margin: 0 auto 60px;
        padding: 20px;
        text-align: center;
        box-sizing: border-box;
    }

    .viral-fever-post h2 { font-size: 30px; }
    .viral-fever-post h3 { font-size: 24px; }
}

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

    body { font-size: 16px; }

    /* Banners */
    .category-archives-banner,
    .viral-fever-guide-banner {
        height: 200px;
    }

    .category-archives-banner-inner,
    .viral-fever-guide-banner-inner {
        padding: 0 16px;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 12px;
        text-align: center;
    }

    .category-archives-banner h1,
    .viral-fever-guide-banner h1 {
        font-size: 28px;
        margin-left: 0;
    }

    .category-archives-breadcrumb,
    .viral-fever-guide-breadcrumb {
        padding: 10px 14px;
        font-size: 12px;
        flex-wrap: wrap;
        justify-content: center;
    }

    /* Post container */
    .viral-fever-post {
        margin-top: 20px;
        margin-bottom: 40px;
        padding: 16px 14px 32px;
    }

    /* Image center + full width */
    .viral-fever-image-wrap {
        display: block;
        width: 100%;
        margin: 0 auto 14px;
    }

    .viral-fever-image {
        width: 100%;
        max-width: 100%;
        height: auto;
        margin: 0 auto 14px;
        display: block;
    }

    /* Post ke andar ki saari images bhi center */
    .viral-fever-post img {
        max-width: 100%;
        height: auto;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    /* Date badge chhota */
    .viral-fever-date {
        top: 12px;
        left: 12px;
        padding: 6px 10px;
        min-width: 60px;
    }
    .viral-fever-date .viral-fever-date-day { font-size: 22px; }
    .viral-fever-date .viral-fever-date-month { font-size: 11px; }

    /* Meta */
    .viral-fever-meta {
        font-size: 13px;
        gap: 6px 12px;
    }

    /* Typography */
    .viral-fever-post h2 {
        font-size: 24px;
        margin: 1.4rem 0 .6rem;
    }
    .viral-fever-post h3 { font-size: 20px; }
    .viral-fever-post p  { font-size: 16px; }
    .viral-fever-post ul,
    .viral-fever-post li { font-size: 15px; }

    /* Post nav */
    .viral-fever-post-nav {
        max-width: 100%;
        margin: 0 auto 40px;
        padding: 16px 14px;
        text-align: center;
        box-sizing: border-box;
    }

    .viral-fever-post-nav .viral-fever-prev-btn,
    .viral-fever-post-nav .viral-fever-prev-btn:link,
    .viral-fever-post-nav .viral-fever-prev-btn:visited {
        height: 48px;
        padding: 0 22px;
        font-size: 13px;
    }
}


/*----------------------------------------------------------coronavirus-disease-article------------------------------------------*/



/* Category Archives Banner */
.coronavirus-category-banner {
    position: relative;
    height: 310px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
}

.coronavirus-category-banner-inner {
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: 1300px;
    margin: 0 auto;
    padding: 0 40px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

.coronavirus-category-banner h1 {
    margin: 0;
    color: #fff;
    font-size: 47px;
    font-weight: 600;
    line-height: 1.1;
    font-family: Saira, Arial, Helvetica, sans-serif;
    margin-left: -40px;
}

.coronavirus-category-breadcrumb {
    background: rgba(255, 255, 255, .08);
    padding: 20px 20px;
    color: #fff;
    font-size: 13px;
    display: flex;
    gap: 8px;
    align-items: center;
    font-family: Ubuntu, Arial, Helvetica, sans-serif;
}

.coronavirus-category-breadcrumb a,
.coronavirus-category-breadcrumb a:visited {
    color: #fff;
    text-decoration: none;
}

.coronavirus-category-breadcrumb a:hover {
    text-decoration: underline;
}

.coronavirus-category-current {
    color: #7fd3e6;
}

:root { --text:#111; --heading:#0a3566; --link:#0a4a5c; --muted:#8a8f98; --bg:#fff; }
@media (prefers-color-scheme: dark) {
  :root { --text:#e8eaed; --heading:#7fb0ea; --link:#7fd0e6; --muted:#9aa0a6; --bg:#14181d; }
}
 
/* ===== date badge (used by Section 1 : COVID Prevention) ===== */
.themetechmount-entry-date {
    position: absolute;
    top: 38px;
    left: 38px;
    z-index: 2;
    background: #0b2a4a;
    color: #fff;
    text-align: center;
    padding: 10px 14px;
    min-width: 86px;
    line-height: 1.1;
}
.themetechmount-entry-date .entry-date {
    display: block;
    font-size: 34px;
    font-weight: 600;
}
.themetechmount-entry-date .entry-month {
    display: block;
    font-size: 14px;
    margin-top: 4px;
    font-family: Saira, Arial, Helvetica, sans-serif;
}
.themetechmount-entry-date .entry-month .entry-year {
    display: inline;
    font-size: inherit;
    margin-left: 4px;
    font-family: Saira, Arial, Helvetica, sans-serif;
}
 
/* ================= SECTION 1 : COVID-19 PREVENTION ================= */
 
/* COVID-19 Prevention Banner */
.covid-prevention-page-banner {
    position: relative;
    height: 310px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
}
 
.covid-prevention-banner-inner {
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: 1300px;
    margin: 0 auto;
    padding: 0 40px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}
 
.covid-prevention-page-banner h1 {
    margin: 0;
    color: #fff;
    font-size: 47px;
    font-weight: 600;
    line-height: 1.1;
    font-family: Saira, Arial, Helvetica, sans-serif;
    margin-left: -40px;
}
 
.covid-prevention-breadcrumb {
    background: rgba(255, 255, 255, .08);
    padding: 20px 20px;
    color: #fff;
    font-size: 13px;
    display: flex;
    gap: 8px;
    align-items: center;
    font-family: Ubuntu, Arial, Helvetica, sans-serif;
}
 
.covid-prevention-breadcrumb a,
.covid-prevention-breadcrumb a:visited {
    color: #fff;
    text-decoration: none;
}
 
.covid-prevention-breadcrumb a:hover {
    text-decoration: underline;
}
 
.covid-prevention-current {
    color: #7fd3e6;
}
 
  .blog-section {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
    font-family: "Ubuntu", Arial, sans-serif;
    font-size: 16px;
    line-height: 1.7;
    color: #000;
  }
 
  /* Author / category line */
  .blog-meta {
    display: flex;
    align-items: center;
    gap: 20px;
    font-size: 14px;
    color: #8a97a8;
    margin-bottom: 18px;
    margin-top: -240px;
    margin-left: -50px;
    
  }
  .blog-meta i { color: #0b2a57; margin-right: 6px;
 }
 
  .blog-section p { margin: 0 0 18px; 
margin-left: -50px;
font-family: Ubuntu, Tahoma, Geneva, sans-serif;
color: #000;
font-size: 16px;
font-weight: 400;
}
  .blog-section p.bold,
  .blog-section h4 { font-weight: 700; font-size: 16px; margin: 0 0 18px;
margin-left: -50px; }
 
  .blog-section ul { margin: 0 0 22px; padding-left: 32px; }
  .blog-section ul li { margin-bottom: 8px; 
margin-left: -50px;}
 
  /* Images: ORIGINAL size (no width/height forced).
     max-width only stops very large images from overflowing on mobile. */
  .blog-img {
    text-align: center;
    margin: 20px 0 24px;
    background: none !important;
    background-color: transparent !important;
}
 
.blog-img img {
    display: inline-block;
    width: 1050px;       /* Image ki width badhayein */
    max-width: none;
    height: auto;
    background: none !important;
    background-color: transparent !important;
    padding: 0 !important;
    border: 0 !important;
    box-shadow: none !important;
    margin-left: -220px;
    margin-top: 50px;
}
.blog-meta {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 20px;
    font-size: 15px;
}

.blog-meta a,
.blog-meta a:visited {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    color: #9a9fa5;              /* normal grey */
    text-decoration: none;
    cursor: pointer;
    transition: color 0.3s ease;
}

.blog-meta a span {
    color: inherit;              /* span link ka color le */
}

.blog-meta a:hover,
.blog-meta a:focus,
.blog-meta a:active {
    color: #0b2a4a;              /* hover par dark blue */
    text-decoration: underline;
}
 h2.covid-prevention-title {
    font-family: Saira, Arial, Helvetica, sans-serif;
    font-size: 28px;
    font-weight: 600;
    line-height: 1.4;
    margin: 0 0 20px;
    padding-bottom: 15px;
    border-bottom: 1px solid #e0e0e0;
}

h2.covid-prevention-title a.covid-prevention-title-link {
    color: #003062 !important;
    text-decoration: none !important;
    cursor: pointer;
}

h2.covid-prevention-title a.covid-prevention-title-link:hover {
    color: #ffffff !important;
    text-decoration: none !important;
}
.blog-img-wide {
  text-align: center;
  margin: 6px 0 12px !important;
  padding: 0 !important;
  line-height: 0;
  background: none !important;
}
.blog-img-wide img {
  display: inline-block;
  vertical-align: top;
  width: 230px;        /* image ki size, chahiye to badha/ghata lo */
  max-width: 100%;     /* mobile par screen se bahar nahi jayegi */
  height: auto;        /* ratio bigdegi nahi */
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  box-shadow: none !important;
  background: none !important;
}
.blog-img-prevention {
    text-align: center;
    margin: 6px 0 12px !important;
    padding: 0 !important;
    line-height: 0;
    background: none !important;
}
 
.blog-img-prevention img {
    display: inline-block;
    vertical-align: top;
    width: 230px;
    max-width: 100%;
    height: auto;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    box-shadow: none !important;
    background: none !important;
}
.blog-section .protect-others-heading {
    font-family:Saira, Arial, Helvetica, sans-serif;
    font-size: 30px;
    font-weight: 700 !important;
    line-height: 1.5;
    color: #003062;
    margin: 20px 0 15px;
    margin-left: -50px;
    margin-top: 60px;
}
.stay-home-img {
    text-align: left;
    margin: 6px 0 12px !important;
    padding: 0 !important;
    line-height: 0;
    background: none !important;
    
   
}
 
.stay-home-img img {
    display: inline-block;
    vertical-align: top;
    width: 230px;
    max-width: 100%;
    height: auto;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    box-shadow: none !important;
    background: none !important;
    transform: translate(-50px,0);
   
}
 
.cover-cough-img {
    text-align: left;
    margin: 6px 0 12px !important;
    padding: 0 !important;
    line-height: 0;
    background: none !important;
}
 
.cover-cough-img img {
    display: inline-block;
    vertical-align: top;
    width: 230px;
    max-width: 100%;
    height: auto;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    box-shadow: none !important;
    background: none !important;
    transform: translate(-50px, 0);
}
.facemask-img {
    text-align: left;
    margin: 6px 0 12px !important;
    padding: 0 !important;
    line-height: 0;
    background: none !important;
}
 
.facemask-img img {
    display: inline-block;
    vertical-align: top;
    width: 230px;
    max-width: 100%;
    height: auto;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    box-shadow: none !important;
    background: none !important;
    transform: translate(-50px, 0);
}
.clean-disinfect-img {
    text-align: left;
    margin: 6px 0 12px !important;
    padding: 0 !important;
    line-height: 0;
    background: none !important;
}
 
.clean-disinfect-img img {
    display: inline-block;
    vertical-align: top;
    width: 230px;
    max-width: 100%;
    height: auto;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    box-shadow: none !important;
    background: none !important;
    transform: translate(-50px, 0);
}
 
.mk-pager {
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-width: 1250px;        /* line (aur buttons) ki width yahan se kam/zyada karo */
  margin: 40px auto;       /* auto se beech me rahega */
  padding: 38px 0;
  border-top: 1px solid #e8e8e8;
  border-bottom: 1px solid #e8e8e8;
  margin-bottom: 100px;
}
 
.mk-pager__btn {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  background: #002f63;
  color: #fff;
  padding: 15px 25px;
  font-family: Saira, Arial, Helvetica, sans-serif;
  font-size: 13px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  text-decoration: none;
  border-radius: 0;
  transition: background 0.3s ease;
}
 
.mk-pager__btn i {
  font-size: 22px;
  font-weight: 700;
}
 
.mk-pager__btn:hover {
  background: #0b4a94;
  color: #fff;
}
 
/* Mobile */
@media (max-width: 480px) {
  .mk-pager__btn {
    padding: 14px 18px;
    font-size: 14px;
  }
}
 
.blog-img {
    position: relative;
}



/* ================= SECTION 2 : MYTHS VS FACTS ================= */
 
/* Coronavirus Myths vs Facts Banner */
.coronavirus-myths-banner {
    position: relative;
    height: 310px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
}
 
.coronavirus-myths-banner-inner {
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: 1300px;
    margin: 0 auto;
    padding: 0 40px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}
 
.coronavirus-myths-banner h1 {
    margin: 0;
    color: #fff;
    font-size: 47px;
    font-weight: 600;
    line-height: 1.1;
    font-family: Saira, Arial, Helvetica, sans-serif;
    margin-left: -40px;
}
 
.coronavirus-myths-breadcrumb {
    background: rgba(255, 255, 255, .08);
    padding: 20px 20px;
    color: #fff;
    font-size: 13px;
    display: flex;
    gap: 8px;
    align-items: center;
    font-family: Ubuntu, Arial, Helvetica, sans-serif;
}
 
.coronavirus-myths-breadcrumb a,
.coronavirus-myths-breadcrumb a:visited {
    color: #fff;
    text-decoration: none;
}
 
.coronavirus-myths-breadcrumb a:hover {
    text-decoration: underline;
}
 
.coronavirus-myths-current {
    color: #7fd3e6;
}
 
.myths-section{max-width:1917px;margin:0 auto;font-family:"Ubuntu",Arial,sans-serif;color:#222;line-height:1.7;font-size:17px}
/* Image apni original width/height me dikhegi; chhote screen par fit ho jayegi */
.myths-section img{display:block;max-width:100%;height:auto}
.myths-text{max-width:1300px;margin:0 auto;padding:10px 20px 40px;
    
}
.myths-text p
{
    margin:0 0 14px;
    font-family: Ubuntu, Tahoma, Geneva, sans-serif;
}
.myths-text strong
{
    font-family: Ubuntu, Tahoma, Geneva, sans-serif;
    color: #000;
    font-size: 15px;
    font-weight: 700;
}
 
/* author / category line (icon style) */
.myths-text .myths-meta { display:flex; flex-wrap:wrap; gap:8px 18px; font-size:15px; margin-bottom:18px; }
.myths-text .myths-meta a, .myths-text .myths-meta a:link, .myths-text .myths-meta a:visited { display:inline-flex; align-items:center; gap:6px; padding:0; background:none; color:var(--muted); font-weight:400; text-decoration:none; transition:color .2s; }
.myths-text .myths-meta a img { width:15px; height:15px; object-fit:contain; display:block; }
.myths-text .myths-meta a:hover, .myths-text .myths-meta a:focus-visible, .myths-text .myths-meta a:active { background:none; color:#FFFFFF; text-decoration:none; outline:none; }
 
.myths-text .myths-meta{font-size:14px;color:#777;margin:14px 0 6px}
.myths-text .myths-meta span{margin-right:18px}
.myths-text .myths-title{
    font-size:35px;
    line-height:40px;
    color:#003062;
    font-weight: 700;
    margin:6px 0 40px;
font-family: Saira, Arial, Helvetica, sans-serif;
}
/* new heading link */
.myths-text .myths-title a.myths-heading-link,
.myths-text .myths-title a.myths-heading-link:visited {
    color: #003062;
    font-weight: inherit;
    text-decoration: none;
    transition: color 0.3s ease;
}
.myths-text .myths-title a.myths-heading-link:hover {
    color: #ffffff;
    text-decoration: none;
}
.myths-text .myth{font-weight:700;margin-top:26px;margin-bottom:10px}
.myths-text .source{margin-top:30px;font-style:italic}
 
.myths-text p.source
{
    margin-bottom: -30px;
}
 
 
.coronavirus-myths-img {
    width: 1050px;
    height: 200px;
    object-fit: contain;
    max-width: 100%;
    display: block;
    margin-left: 215px;
    margin-top: 80px;
}
 
/* ================= SECTION 3 : COVID-19 INFORMATION ================= */
 
/* COVID-19 Information Banner */
.covid-info-page-banner {
    position: relative;
    height: 310px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
}
 
.covid-info-banner-inner {
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: 1300px;
    margin: 0 auto;
    padding: 0 40px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}
 
.covid-info-page-banner h1 {
    margin: 0;
    color: #fff;
    font-size: 47px;
    font-weight: 600;
    line-height: 1.1;
    font-family: Saira, Arial, Helvetica, sans-serif;
    margin-left: -40px;
}
 
.covid-info-breadcrumb {
    background: rgba(255, 255, 255, .08);
    padding: 20px 20px;
    color: #fff;
    font-size: 13px;
    display: flex;
    gap: 8px;
    align-items: center;
    font-family: Ubuntu, Arial, Helvetica, sans-serif;
}
 
.covid-info-breadcrumb a,
.covid-info-breadcrumb a:visited {
    color: #fff;
    text-decoration: none;
}
 
.covid-info-breadcrumb a:hover {
    text-decoration: underline;
}
 
.covid-info-current {
    color: #7fd3e6;
}
 
 
 .covid-post { 
    max-width: 1300px;
     margin: 0 auto; 
     padding: 16px; 
     font-family: "Open Sans", Arial, sans-serif; 
     color: #222; 
     line-height: 1.7; 
    margin-top: 50px;
    margin-bottom: 100px;
    }
  .covid-post .top-img { display: block; width: 85%; max-width: 100%; height: auto; margin: 0 0 16px; }
  .covid-post .meta { font-size: 14px; color: #8a8a8a; margin-bottom: 18px; }
  .covid-post .meta a { color: #8a8a8a; text-decoration: none; }
  .covid-post .meta span { margin-right: 18px; }
  .covid-post .lead { 
    font-weight: 700; 
    font-size: 16px; 
    color: #000;
     margin: 0 0 22px;
    font-family: Ubuntu, Tahoma, Geneva, sans-serif;
    }
.covid-post .table-img {
    display: block !important;
    width: 60% !important;
    max-width: 60% !important;
    height: auto !important;
    margin: 0 auto 28px;
    box-sizing: border-box;
}
  .covid-post h3 { font-size: 16px; margin: 26px 0 8px; color: #000; 
font-family: Ubuntu, Tahoma, Geneva, sans-serif;
}
  .covid-post p { margin: 0 0 12px; font-size: 16px; font-family: Ubuntu, Tahoma, Geneva, sans-serif;}
  .covid-post ul { margin: 0 0 14px 22px; padding: 0; }
  .covid-post li { margin-bottom: 6px; }
.covid-post img.step-img {
    display: block !important;
    width: 25% !important;
    max-width: 25% !important;
    height: auto !important;
    margin: 12px auto 18px;
    object-fit: contain;
}
  .covid-post li.has-img { list-style-position: outside; }
  .covid-post .credit { margin-top: 0px; padding-top: 14px;  }
.covid-post .credit a:hover {
    color: #fff !important;
}
 
 
  /* COVID Next Button Section */
.covid-next-pager {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    max-width: 1250px;
    margin: 40px auto;
    padding: 38px 0;
    border-top: 1px solid #e8e8e8;
    border-bottom: 1px solid #e8e8e8;
    margin-bottom: 100px;
}
 
/* Next Button */
.covid-next-pager-btn {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    background: #002f63;
    color: #fff;
    padding: 15px 25px;
    font-family: Saira, Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: 500;
    line-height: 1;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    text-decoration: none;
    border-radius: 0;
    transition: background 0.3s ease;
}
 
.covid-next-pager-btn i {
    font-size: 22px;
    font-weight: 700;
}
 
.covid-next-pager-btn:hover {
    background: #0b4a94;
    color: #fff;
}
.covid-meta span {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: 13px !important;
    font-weight: 400 !important;
    color: #555 !important;
}

.covid-meta span a,
.covid-meta span a:visited,
.covid-meta span a:hover,
.covid-meta span a:focus {
    font-size: 14px !important;
    font-weight: 400 !important;
    color: #555 !important;
    text-decoration: none;
    font-family: Ubuntu, Tahoma, Geneva, sans-serif;
}

.covid-meta span img {
    width: 15px;
    height: 15px;
    object-fit: contain;
}.covid-meta span a,
.covid-meta span a:visited {
    color: #555 !important;
    font-weight: 400 !important;
    text-decoration: none;
}

.covid-meta span a:hover {
    color: #fff !important;
    text-decoration: none;
}
.blog-meta span {
    display: inline-flex;
    align-items: center;
    gap: 5px;
}

.blog-meta span img {
    width: 15px;
    height: 15px;
    object-fit: contain;
}
.author-name-link {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    cursor: pointer;
}

.author-name-link span {
    display: inline-block;
    cursor: pointer;
}
/* =====================================================
   IMAGES CENTER: TABLET + MOBILE (paste at the very END)
   ===================================================== */
@media (max-width: 1024px) {

  /* ---------- Banner h1 negative margin hatao ---------- */
  .coronavirus-category-banner h1,
  .covid-prevention-page-banner h1,
  .coronavirus-myths-banner h1,
  .covid-info-page-banner h1 {
    margin-left: 0 !important;
  }

  .coronavirus-category-banner-inner,
  .covid-prevention-banner-inner,
  .coronavirus-myths-banner-inner,
  .covid-info-banner-inner {
    padding: 0 20px;
  }

  /* ---------- Section 1: COVID Prevention (.blog-section) ---------- */
  .blog-section {
    padding: 0 16px;
  }

  /* text ke negative left margin hatao */
  .blog-section p,
  .blog-section p.bold,
  .blog-section h4,
  .blog-section ul li,
  .blog-section .protect-others-heading,
  .blog-meta {
    margin-left: 0 !important;
  }

  .blog-meta {
    margin-top: 0 !important;   /* -240px hataya, dekh lena layout theek hai ya nahi */
  }

  /* Badi main image */
  .blog-img {
    text-align: center !important;
    margin: 16px 0 20px !important;
  }

  .blog-img img {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    margin: 0 auto !important;   /* -220px aur margin-top hataya */
  }

  /* Chhoti images: sab center */
  .blog-img-wide,
  .blog-img-prevention,
  .stay-home-img,
  .cover-cough-img,
  .facemask-img,
  .clean-disinfect-img {
    text-align: center !important;
  }

  .blog-img-wide img,
  .blog-img-prevention img,
  .stay-home-img img,
  .cover-cough-img img,
  .facemask-img img,
  .clean-disinfect-img img {
    display: block !important;
    width: 230px !important;
    max-width: 100% !important;
    height: auto !important;
    margin: 0 auto !important;
    transform: none !important;   /* translate(-50px) hataya */
  }

  /* ---------- Section 2: Myths vs Facts ---------- */
  .myths-section img {
    display: block !important;
    margin-left: auto !important;
    margin-right: auto !important;
    max-width: 100% !important;
    height: auto !important;
  }

  .coronavirus-myths-img {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    margin: 40px auto 0 !important;   /* margin-left: 215px hataya */
    object-fit: contain;
  }

  /* ---------- Section 3: COVID Information ---------- */
  .covid-post {
    padding: 16px 20px;
  }

  .covid-post .top-img {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto 16px !important;
  }

  .covid-post .table-img {
    display: block !important;
    width: 80% !important;
    max-width: 80% !important;
    margin: 0 auto 28px !important;
  }

  .covid-post img.step-img {
    display: block !important;
    width: 40% !important;
    max-width: 40% !important;
    margin: 12px auto 18px !important;
  }

  /* ---------- Pagers ---------- */
  .mk-pager,
  .covid-next-pager {
    max-width: calc(100% - 40px);
    margin-left: auto;
    margin-right: auto;
  }
}

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

  .blog-img-wide img,
  .blog-img-prevention img,
  .stay-home-img img,
  .cover-cough-img img,
  .facemask-img img,
  .clean-disinfect-img img {
    width: 200px !important;
  }

  .covid-post .table-img {
    width: 100% !important;
    max-width: 100% !important;
  }

  .covid-post img.step-img {
    width: 60% !important;
    max-width: 60% !important;
  }

  .coronavirus-myths-img {
    margin-top: 30px !important;
  }

  .mk-pager,
  .covid-next-pager {
    max-width: calc(100% - 32px);
    padding: 20px 0;
  }

  .mk-pager__btn,
  .covid-next-pager-btn {
    padding: 12px 14px;
    font-size: 11px;
    letter-spacing: 1px;
  }
}
/*-------------------------------------------------------news------------------------------------------------------------------*/



/* News Category Banner */
.news-category-banner {
    position: relative;
    height: 310px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
}

.news-category-banner-inner {
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: 1300px;
    margin: 0 auto;
    padding: 0 40px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

.news-category-banner h1 {
    margin: 0;
    color: #fff;
    font-size: 47px;
    font-weight: 600;
    line-height: 1.1;
    font-family: Saira, Arial, Helvetica, sans-serif;
    margin-left: -40px;
}

.news-category-breadcrumb {
    background: rgba(255, 255, 255, .08);
    padding: 20px 20px;
    color: #fff;
    font-size: 13px;
    display: flex;
    gap: 8px;
    align-items: center;
    font-family: Ubuntu, Arial, Helvetica, sans-serif;
}

.news-category-breadcrumb a,
.news-category-breadcrumb a:visited {
    color: #fff;
    text-decoration: none;
}

.news-category-breadcrumb a:hover {
    text-decoration: underline;
}

.news-category-current {
    color: #7fd3e6;
}



/* ================= SECTION 2 : MYTHS VS FACTS ================= */

/* Coronavirus Myths vs Facts Banner */
.coronavirus-myths-banner {
    position: relative;
    height: 310px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
}

.coronavirus-myths-banner-inner {
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: 1300px;
    margin: 0 auto;
    padding: 0 40px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

.coronavirus-myths-banner h1 {
    margin: 0;
    color: #fff;
    font-size: 47px;
    font-weight: 600;
    line-height: 1.1;
    font-family: Saira, Arial, Helvetica, sans-serif;
    margin-left: -40px;
}

.coronavirus-myths-breadcrumb {
    background: rgba(255, 255, 255, .08);
    padding: 20px 20px;
    color: #fff;
    font-size: 13px;
    display: flex;
    gap: 8px;
    align-items: center;
    font-family: Ubuntu, Arial, Helvetica, sans-serif;
}

.coronavirus-myths-breadcrumb a,
.coronavirus-myths-breadcrumb a:visited {
    color: #fff;
    text-decoration: none;
}

.coronavirus-myths-breadcrumb a:hover {
    text-decoration: underline;
}

.coronavirus-myths-current {
    color: #7fd3e6;
}

.myths-section {
    max-width: 1917px;
    margin: 0 auto;
    font-family: "Ubuntu", Arial, sans-serif;
    color: #222;
    line-height: 1.7;
    font-size: 17px;
}

.myths-section img {
    display: block;
    max-width: 100%;
    height: auto;
}

.myths-text {
    max-width: 1300px;
    margin: 0 auto;
    padding: 10px 20px 40px;
}

.myths-text p {
    margin: 0 0 14px;
    font-family: Ubuntu, Tahoma, Geneva, sans-serif;
}

.myths-text strong {
    font-family: Ubuntu, Tahoma, Geneva, sans-serif;
    color: #000;
    font-size: 15px;
    font-weight: 700;
}

.myths-text .myths-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 18px;
    font-size: 15px;
    margin-bottom: 18px;
}

.myths-text .myths-meta a,
.myths-text .myths-meta a:link,
.myths-text .myths-meta a:visited {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 0;
    background: none;
    color: var(--muted);
    font-weight: 400;
    text-decoration: none;
    transition: color .2s;
}

.myths-text .myths-meta a img {
    width: 15px;
    height: 15px;
    object-fit: contain;
    display: block;
}

.myths-text .myths-meta a:hover,
.myths-text .myths-meta a:focus-visible,
.myths-text .myths-meta a:active {
    background: none;
    color: #FFFFFF;
    text-decoration: none;
    outline: none;
}

.myths-text .myths-meta {
    font-size: 14px;
    color: #777;
    margin: 14px 0 6px;
}

.myths-text .myths-meta span {
    margin-right: 18px;
}

.myths-text .myths-title {
    font-size: 35px;
    line-height: 40px;
    color: #003062;
    font-weight: 700;
    margin: 6px 0 40px;
    font-family: Saira, Arial, Helvetica, sans-serif;
}

.myths-text .myths-title a.myths-heading-link,
.myths-text .myths-title a.myths-heading-link:visited {
    color: #003062;
    font-weight: inherit;
    text-decoration: none;
    transition: color 0.3s ease;
}

.myths-text .myths-title a.myths-heading-link:hover {
    color: #ffffff;
    text-decoration: none;
}

.myths-text .myth {
    font-weight: 700;
    margin-top: 26px;
    margin-bottom: 10px;
}

.myths-text .source {
    margin-top: 30px;
    font-style: italic;
}

.myths-text p.source {
    margin-bottom: -30px;
}

.coronavirus-myths-img {
    width: 1050px;
    height: 200px;
    object-fit: contain;
    max-width: 100%;
    display: block;
    margin-left: 215px;
    margin-top: 80px;
}


/* ================= SECTION 3 : COVID-19 INFORMATION ================= */

/* COVID-19 Information Banner */
.covid-info-page-banner {
    position: relative;
    height: 310px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
}

.covid-info-banner-inner {
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: 1300px;
    margin: 0 auto;
    padding: 0 40px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

.covid-info-page-banner h1 {
    margin: 0;
    color: #fff;
    font-size: 47px;
    font-weight: 600;
    line-height: 1.1;
    font-family: Saira, Arial, Helvetica, sans-serif;
    margin-left: -40px;
}

.covid-info-breadcrumb {
    background: rgba(255, 255, 255, .08);
    padding: 20px 20px;
    color: #fff;
    font-size: 13px;
    display: flex;
    gap: 8px;
    align-items: center;
    font-family: Ubuntu, Arial, Helvetica, sans-serif;
}

.covid-info-breadcrumb a,
.covid-info-breadcrumb a:visited {
    color: #fff;
    text-decoration: none;
}

.covid-info-breadcrumb a:hover {
    text-decoration: underline;
}

.covid-info-current {
    color: #7fd3e6;
}

.covid-post {
    max-width: 1300px;
    margin: 0 auto;
    padding: 16px;
    font-family: "Open Sans", Arial, sans-serif;
    color: #222;
    line-height: 1.7;
    margin-top: 50px;
    margin-bottom: 100px;
}

.covid-post .top-img {
    display: block;
    width: 85%;
    max-width: 100%;
    height: auto;
    margin: 0 0 16px;
}

.covid-post .meta {
    font-size: 14px;
    color: #8a8a8a;
    margin-bottom: 18px;
}

.covid-post .meta a {
    color: #8a8a8a;
    text-decoration: none;
}

.covid-post .meta span {
    margin-right: 18px;
}

.covid-post .lead {
    font-weight: 700;
    font-size: 16px;
    color: #000;
    margin: 0 0 22px;
    font-family: Ubuntu, Tahoma, Geneva, sans-serif;
}

.covid-post .table-img {
    display: block !important;
    width: 60% !important;
    max-width: 60% !important;
    height: auto !important;
    margin: 0 auto 28px;
    box-sizing: border-box;
}

.covid-post h3 {
    font-size: 16px;
    margin: 26px 0 8px;
    color: #000;
    font-family: Ubuntu, Tahoma, Geneva, sans-serif;
}

.covid-post p {
    margin: 0 0 12px;
    font-size: 16px;
    font-family: Ubuntu, Tahoma, Geneva, sans-serif;
}

.covid-post ul {
    margin: 0 0 14px 22px;
    padding: 0;
}

.covid-post li {
    margin-bottom: 6px;
}

.covid-post img.step-img {
    display: block !important;
    width: 25% !important;
    max-width: 25% !important;
    height: auto !important;
    margin: 12px auto 18px;
    object-fit: contain;
}

.covid-post li.has-img {
    list-style-position: outside;
}

.covid-post .credit {
    margin-top: 0px;
    padding-top: 14px;
}

.covid-post .credit a:hover {
    color: #fff !important;
}

/* COVID Next Button Section */
.covid-next-pager {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    max-width: 1250px;
    margin: 40px auto;
    padding: 38px 0;
    border-top: 1px solid #e8e8e8;
    border-bottom: 1px solid #e8e8e8;
    margin-bottom: 100px;
}

.covid-next-pager-btn {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    background: #002f63;
    color: #fff;
    padding: 15px 25px;
    font-family: Saira, Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: 500;
    line-height: 1;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    text-decoration: none;
    border-radius: 0;
    transition: background 0.3s ease;
}

.covid-next-pager-btn i {
    font-size: 22px;
    font-weight: 700;
}

.covid-next-pager-btn:hover {
    background: #0b4a94;
    color: #fff;
}

.covid-meta span {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: 13px !important;
    font-weight: 400 !important;
    color: #555 !important;
}

.covid-meta span a,
.covid-meta span a:visited,
.covid-meta span a:hover,
.covid-meta span a:focus {
    font-size: 14px !important;
    font-weight: 400 !important;
    color: #555 !important;
    text-decoration: none;
    font-family: Ubuntu, Tahoma, Geneva, sans-serif;
}

.covid-meta span img {
    width: 15px;
    height: 15px;
    object-fit: contain;
}

.covid-meta span a,
.covid-meta span a:visited {
    color: #555 !important;
    font-weight: 400 !important;
    text-decoration: none;
}

.covid-meta span a:hover {
    color: #fff !important;
    text-decoration: none;
}

.blog-meta span {
    display: inline-flex;
    align-items: center;
    gap: 5px;
}

.blog-meta span img {
    width: 15px;
    height: 15px;
    object-fit: contain;
}


/* =====================================================
   IMAGES CENTER: TABLET + MOBILE (paste at the very END)
   ===================================================== */
@media (max-width: 1024px) {

  /* ---------- Banner h1 negative margin hatao ---------- */
  .news-category-banner h1,
  .coronavirus-myths-banner h1,
  .covid-info-page-banner h1 {
    margin-left: 0 !important;
  }

  .news-category-banner-inner,
  .coronavirus-myths-banner-inner,
  .covid-info-banner-inner {
    padding: 0 20px;
  }

  /* ---------- Section 2: Myths vs Facts ---------- */
  .myths-section img {
    display: block !important;
    margin-left: auto !important;
    margin-right: auto !important;
    max-width: 100% !important;
    height: auto !important;
  }

  .coronavirus-myths-img {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    margin: 40px auto 0 !important;   /* margin-left: 215px hataya */
    object-fit: contain;
  }

  /* ---------- Section 3: COVID Information ---------- */
  .covid-post {
    padding: 16px 20px;
  }

  .covid-post .top-img {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto 16px !important;
  }

  .covid-post .table-img {
    display: block !important;
    width: 80% !important;
    max-width: 80% !important;
    margin: 0 auto 28px !important;
  }

  .covid-post img.step-img {
    display: block !important;
    width: 40% !important;
    max-width: 40% !important;
    margin: 12px auto 18px !important;
  }

  /* ---------- Pager ---------- */
  .covid-next-pager {
    max-width: calc(100% - 40px);
    margin-left: auto;
    margin-right: auto;
  }
}

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

  .news-category-banner-inner,
  .coronavirus-myths-banner-inner,
  .covid-info-banner-inner {
    flex-direction: column;
    align-items: flex-start;
    padding: 0 16px;
    gap: 12px;
  }

  .news-category-banner h1,
  .coronavirus-myths-banner h1,
  .covid-info-page-banner h1 {
    font-size: 28px;
  }

  .coronavirus-myths-img {
    margin-top: 30px !important;
  }

  .covid-post .table-img {
    width: 100% !important;
    max-width: 100% !important;
  }

  .covid-post img.step-img {
    width: 60% !important;
    max-width: 60% !important;
  }

  .covid-next-pager {
    max-width: calc(100% - 32px);
    padding: 20px 0;
  }

  .covid-next-pager-btn {
    padding: 12px 14px;
    font-size: 11px;
    letter-spacing: 1px;
  }
}
/*--------------------------------------------scroll side btn-------------------------------------------*/


/* Back to Top Button */
#backToTopBtn {
    display: none;
    position: fixed;
    bottom: 25px;
    right: 25px;
    width: 45px;
    height: 45px;
    background-color: #003062;
    color: #ffffff;
    border: none;
    border-radius: 0;
    font-size: 28px;
    font-weight: bold;
    line-height: 1;
    cursor: pointer;
    z-index: 9999;
    align-items: center;
    justify-content: center;
}

#backToTopBtn:hover {
    background-color:  #003062;
}/* =====================================================
   BACK TO TOP BUTTON: TABLET + MOBILE
   ===================================================== */

/* ---------- Tablet (max 1024px) ---------- */
@media (max-width: 1024px) {
    #backToTopBtn {
        bottom: 20px;
        right: 20px;
        width: 42px;
        height: 42px;
        font-size: 26px;
    }
}

/* ---------- Mobile (max 767px) ---------- */
@media (max-width: 767px) {
    #backToTopBtn {
        bottom: 16px;
        right: 16px;
        width: 40px;
        height: 40px;
        font-size: 24px;
        -webkit-tap-highlight-color: transparent;  /* tap par blue flash hataye */
    }

    /* Touch screen par hover stuck na rahe, isliye active state */
    #backToTopBtn:active {
        background-color: #0b4a94;
    }
}

/* ---------- Small Mobile (max 480px) ---------- */
@media (max-width: 480px) {
    #backToTopBtn {
        bottom: 14px;
        right: 14px;
        width: 38px;
        height: 38px;
        font-size: 22px;
    }
}

/* ---------- iPhone notch / home bar safe area ---------- */
@supports (padding: env(safe-area-inset-bottom)) {
    @media (max-width: 1024px) {
        #backToTopBtn {
            bottom: calc(16px + env(safe-area-inset-bottom));
            right: calc(16px + env(safe-area-inset-right));
        }
    }
}

/*----blog 2----*/


.blog-img-wrap {
    position: relative;
    display: inline-block; /* ya block, apke layout ke hisaab se */
}

.blog-img-wrap .blog-img {
    display: block;
    max-width: 110%!important;
    height: auto;
}

.blog-date {
    position: absolute;
    top: 15px;
    left: 15px;
    background: #0b2f5e;      /* dark blue, image jaisa */
    color: #fff;
    text-align: center;
    padding: 12px 15px;
    line-height: 1.1;
    z-index: 2;
    margin-top: 40px;
    margin-left: 20px;
}

.blog-date .day {
    display: block;
    font-size: 28px;
    font-weight: 700;
    font-family: Saira, Arial, Helvetica, sans-serif;
    margin-top: 3px;
}

.blog-date .month {
    display: block;
    font-size: 13px;
    font-family: Saira, Arial, Helvetica, sans-serif;
    margin-top: 3px;
}
.blog-img-wrap {
    position: relative;
    display: inline-block;
}

.blog-img-wrap .coronavirus-myths-img {
    display: block;
    max-width: 100%;
    height: auto;
}

.blog-date {
    position: absolute;
    top: 15px;
    left: 15px;
    background: #0b2f5e;
    color: #fff;
    text-align: center;
    padding: 10px 14px;
    line-height: 1.1;
    z-index: 2;
   margin-left: 230px;
   margin-top: 100px;
}

.blog-date .day {
    display: block;
    font-size: 28px;
    font-weight: 700;
}

.blog-date .month {
    display: block;
    font-size: 13px;
}
.blog-img-wrap-1 {
    position: relative;
    display: inline-block;
}

.blog-img-wrap-1 .blog-img {
    display: block;
  width: 110% !important;
    height: auto;
}

.blog-date-1 {
    position: absolute;
    top: 15px;
    left: 15px;
    background: #0b2f5e;
    color: #fff;
    text-align: center;
    padding: 15px 14px;
    line-height: 1.1;
    z-index: 2;
    margin-top: 40px;
    margin-left: 20px;
}

.blog-date-1 .day {
    display: block;
    font-size: 28px;
    font-weight: 700;
}

.blog-date-1 .month {
    display: block;
    font-size: 13px;
}
.blog-img-wrap-3 {
    position: relative;
    display: inline-block;
    line-height: 0; /* image ke neeche ka extra gap hatane ke liye */
}

/* .top-img ke liye koi width/height/max-width rule nahi, original size hi rahegi */

.blog-date-3 {
    position: absolute;
    top: 15px;
    left: 15px;
    background: #0b2f5e;
    color: #fff;
    text-align: center;
    padding: 8px 12px;
    line-height: 1.1;
    z-index: 2;
}

.blog-date-3 .day {
    display: block;
    font-size: 28px;
    font-weight: 700;
}

.blog-date-3 .month {
    display: block;
    font-size: 13px;
}

.blog-img-wrap-2 {
    position: relative;
    display: inline-block;
}

.blog-img-wrap-2 .blog-img-2 {
    display: block;
    max-width: 120%!important;
    height: auto;
}

.blog-date-2 {
    position: absolute;
    top: 15px;
    left: 15px;
    background: #0b2f5e;
    color: #fff;
    text-align: center;
    padding: 15px 14px;
    line-height: 1.1;
    z-index: 2;
    margin-top: 40px;
    margin-left: 20px;
}

.blog-date-2 .day-2 {
    display: block;
    font-size: 28px;
    font-weight: 700;
}

.blog-date-2 .month-2 {
    display: block;
    font-size: 13px;
}

/* Blog Image 5 */
.blog-img-wrap-5 {
    position: relative;
    display: inline-block;
    width: 100%;
}

.blog-img-wrap-5 .blog-img-5 {
    display: block;
    width: 110% !important;
    max-width: none;
    height: auto;
}

/* Blog Date 5 */
.blog-date-5 {
    position: absolute;
    top: 55px;
    left: 35px;
    background: #0b2f5e;
    color: #fff;
    text-align: center;
    padding: 15px 14px;
    line-height: 1.1;
    z-index: 2;
}

.blog-date-5 .day-5 {
    display: block;
    font-size: 28px;
    font-weight: 700;
}

.blog-date-5 .month-5 {
    display: block;
    font-size: 13px;
}

.blog-date-5 .year-5 {
    display: block;
    font-size: 13px;
}
/* COVID-19 Heading Link */
.covid-know-title {
    border-bottom: 1px solid #cccccc;
    padding-bottom: 10px;
}

.covid-know-title .covid-know-heading-link,
.covid-know-title .covid-know-heading-link:visited {
    color: #003062 !important;
    font-weight: inherit;
    text-decoration: none !important;
    transition: color 0.3s ease;
}

.covid-know-title .covid-know-heading-link:hover {
    color: #ffffff !important;
    text-decoration: none !important;
}
.omx-link {
    color: #fff9;
    text-decoration: none;
    font-size: 14px;
}