/* ============================================================================
   Cikitsa International design system · Oncology vertical (Tier 2 · serious)
   Accent #4E7C86. Colour tokens only - layout and type are unchanged.
   Verified contrast: ink/ivory 15.0:1 · primary/ivory 8.3:1 · white/accent 4.6:1
   ============================================================================ */
:root {
    --primary: #0F5150;
    --primary-600: #0B403F;
    --primary-100: #DCE8E6;
    --accent: #4E7C86;
    --accent-600: #41676F;
    --accent-300: #81A7AF;
    --accent-100: #CEDADC;
    --ink: #16211E;
    --ivory: #F6F4EF;
    --surface: #FFFFFF;
    --n700: #3A4744;
    --n500: #6B7873;
    --n200: #D5DCD8;
    --n100: #E9EDEA;
}

/* Warm ivory is the page ground; white is reserved for lifted surfaces. */
body {
    background-color: var(--ivory);
    color: var(--ink);
}

/* The design system mandates a visible 2px primary focus ring on every
   interactive element. */
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
[tabindex]:focus-visible {
    outline: 2px solid var(--primary);
    outline-offset: 2px;
}

*,html{

    margin: 0;

    padding: 0;

    box-sizing: border-box;

    

}

html,body{

    overflow-x: hidden;

}



/* mani index css code */

    .banner-section{

        width: 100%;

        background-image: url(/img/oncology-banner-desktop.webp);

        background-size: cover;

        background-repeat: no-repeat;

        height:670px;

    }

    .form_card {

        padding: 20px;

        top: 10%;

        border-radius: 10px;

        background: var(--light-background-color, #FFF);

    }

    .appointment {

        color: #41676F;

        text-align: center;

        font-size: 24px;

        font-weight: 700;

        line-height: 32px;

        letter-spacing: 0.1px;

    }

    button.submit {

        border: none;

        outline: none;

        padding: 10px;

        border-radius: 10px;

        color: #fff;

        font-size: 16px;

        transform: .3s ease;

        background-color: #4E7C86;

    }

    input.input_forms {

        border-radius: 5px !important;

        border: 1px solid #D5DCD8;

        background: #F6F4EF !important;

        padding: 4px;

        outline: 0px;

    }

    .labels {

        color: #41676F;

        font-weight: 600;

        font-size: 16px;

    }

    .mob_view{

         display: none;

    }

    @media (max-width:768px) {

        .desk_view{

            display: none;

        }

        .mob_view{

            display: block;

        }

        .banner_form{

            margin: 0px !important;

        }

        .butn-phone{

            width: 80% !important;

        }

    }

    .side-nav{

        position: fixed;

        background-image: linear-gradient(120deg, #4E7C86, #0F5150);

        width: fit-content;

        bottom: 10%;

        right: 0;

        padding: 20px;

        color: white;

        border-radius: 3px;

        z-index: 9999;

    }

/* tablet view code media query */



   @media (min-width:992px) and (max-width:1200px) {

       div.form_card{

           width: 100%;

       }

       .banner-section{

          height: 700px;

       }

    

   }

   

   .heading_data{

      color: #0F5150;

      font-weight: bold;

      font-size: 35px;

      

   }

   .why-choose-con{

    font-size: 18px;

    line-height: 23px;

   }

   .num-section {

    padding: 1.5rem 3.5rem;

    background-color: #4E7C86;

    width: fit-content;

    color: #fff;

    box-sizing: border-box;

    width: 100%;

  

    }

    .num-section__row::before {

        content: "";

        position: absolute;

        left: -3.5rem;

        top: 50%;

        height: 40px;

        width: 40px;

        border-radius: 50%;

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

        background-image: linear-gradient(to right, #0F5150, #4E7C86);

    }

    .num-section__title {

        text-transform: uppercase;

        padding: 0px;

        margin: 0px;

        box-sizing: border-box;

        /* scroll-behavior: smooth; */

    }

    .num-section__row {

        font-weight: 700;

        padding: 1rem 0;

        border-top: 2px solid #fffa;

        position: relative;

        padding: 0px;

        margin: 0px;

        box-sizing: border-box;

        /* scroll-behavior: smooth; */

    }

    .num-section__num {

        font-size: 1.5em;

        padding: 15px 0px;

        margin: 0px;

        box-sizing: border-box;

        /* scroll-behavior: smooth; */

    }

    span.pluss {

        font-size: 1.5em;

        padding: 15px 5px;

    }

    .num-section__row:first-child {

        border-top: none;

    }

    .h3_page1 {

        font-weight: bold;

        color: #0F5150;

        font-size: 32px;

    }

    i.fa.fa-check-circle.check_pill {

        color: #4E7C86;

    }

    .partb {

        background-color: #0F5150;

        background-image: url(/img/checkup-bg-one.webp), url(/img/checkup-bg-two.webp) !important;

        background-position: left center, right center;

        background-repeat: no-repeat;

        height: 230px;

        display: flex;

        align-items: center;

        justify-content: center;

        position: relative;

        text-align: center;

    }

    .check-butt {

        border: none;

        background: white;

        color: #0F5150;

        font-weight: 600;

        padding: 10px 40px;

        box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;

        border-radius: 10px;

    }

    .checkups {

        color: white;

    }

    .why_data {

        color: #0F5150;

        font-size: 32px;

        font-weight: 700;

    }

    .all_data_center {

        display: flex;

        justify-content: center;

    }

    .corner_con {

        display: flex;

        flex-direction: column;

        

        align-content: center;

        align-items: center;

    }

    .round {

        border-radius: 61px;

        background: linear-gradient(180deg, #0F5150 0%, #4E7C86 100%);

        box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);

        width: fit-content;

        padding: 20px;

    }

    .opd_data {

        font-size: 15px;

        text-align: center;

    }



    section.parta {

        background-image: linear-gradient(120deg, #4E7C86, #0F5150);

        background-size: cover;

        background-repeat: no-repeat;

    }

    .headsup {

        color: white;

        font-size: 32px;

        font-weight: bold;

    }

    .activated {

        background: linear-gradient(90deg, #0F5150 0, #4E7C86 100%);

        color: white;

    }

    .cont-but {

        border: 1px solid blueviolet;

        border-radius: 10px;

        padding: 11px;

        background: white;

        color: black;

        font-weight: 600;

    }

    .matter-pag {

        color: white;

        font-weight: 500;

        line-height: 25px;

    }

    p.faq_head {

        font-size: 30px;

        text-align: center;

        color: #0F5150;

        font-weight: 700;

        margin: 50px 0px 30px 0px;

    }

    button.accordion-button.collapsed {

        color: #0F5150;

        font-weight: bold;

        background: #D5DCD8;

    }

    .accordion-item {

        background-color: #fff;

        border: 1px solid rgba(0, 0, 0, .125);

    }

    .accordion-item {

        margin-bottom: 10px;

    }

    .activated {

        background: linear-gradient(90deg, #0F5150 0, #4E7C86 100%);

        color: white;

    }

    .part9 {

        background: linear-gradient(180deg, #0F5150 0%, #4E7C86 100%);

        padding-bottom: 20px;

    }

/* end of main index code */



/* Footer css code */

    

/* Footer css code end */



/* bootom nav bar code */

button.popup_submit {

    background-image: linear-gradient(to right, #0F5150, #4E7C86);

    padding: 10px;

    border: none;

    text-align: center;

    width: 100%;

    color: white;

    border-radius: 9px;

    margin-bottom: 40px;

}

.form_card {

    padding: 20px;

    border-radius: 10px;

    background: var(--light-background-color, #FFF);

}

.form_card_pop {

   

    border-radius: 10px;

    padding: 10px;

    border:none !important;

    background: var(--light-background-color, #FFF);

    padding-top: 0px !important;

}



/* end of bottom nav section */

/* side scrool bar code  */

::-webkit-scrollbar{

    width: 3px;

    height: 6px;

    background-color: #ddd;

   }

   ::-webkit-scrollbar-thumb{

       background-color: #0F5150 !important;

   }

   #chatbotMenuTapTarget{

       background-color: #4E7C86 !important;

   }





   .banner_form {

    margin: 4px 61px;

    padding: 10px;

    padding-top: 0px !important;

}

.appointment_form {

    padding: 5px;

    background-color: white;

    float: right;

    margin-top: 26px;

    /* margin-right: -550px; */

    border-radius: 8px;

    box-shadow: 0px 20px 60px #16211E29;

}

.modal-content {

    border: none !important;

    background-color: transparent !important;

}

.carousel-control-next{

    display: flex;

    justify-content: end !important;

}

.carousel-control-prev{

    display: flex;

    justify-content: start !important;



}

.tube-med{

    display: flex;

    justify-content: center !important;



}

.butn-phone{

    display: flex;

    justify-content: center;

    align-content: center;

    align-items: center;

    border-radius: 40px;

    width: 100% !important;

}

.fleedd{

    display: flex;

    justify-content: flex-start;

}

.getted{

    height: 40px;

    width: 40px;

    background: white;

    border-radius: 50%;

    color: #4E7C86;

    display: flex;

    justify-content: center;

    align-content: center;

    align-items: center;

    margin-right: 15px;

    

}

.box-resd{

    display: flex;

    justify-content: flex-end;

    align-items: center;

}

/* end of the code */