
body {
    font-family: "Montserrat", sans-serif !important;
}
a {
    text-decoration: none !important;
}

.sec1 {
    background-color: #fff;
    padding: 20px 20px;
}
.top_header {
    background: #004d62;
    padding: 10px 0;
        z-index: 999;
    position: relative;
}
.btn1 {
    padding: 15px 50px;
    border-radius: 30px;
    background-color: #dfa49f;
    color: #000000;
    border: 1px solid #dfa49f;
}
.btn1:hover {
    background-color: #fff;
    color: #dfa49f;
}
.logo img {
    max-width: 300px;
}
.sec2 {
    background-image: url("../images/surgical-oncologist-in-lucknow-dr.-harshit-srivastava.webp");
    padding: 0px 0px 50px;
    background-repeat: no-repeat;
       background-size: cover;
}
.sec2 a, .sec2 a:hover{
    color:#fff;
}
.space_top_banner {
    padding-top: 100px;
    padding-bottom: 100px;
}
.text1 h1 {
    font-weight: 700;
    font-size: 38px;
    margin-top: 20px;
    line-height: 65px;
    color: #fff;
    padding:10px;
}
.text1 h3 {
    font-family: Montserrat;
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: 36px;
    letter-spacing: 0.1px;
    color: #fff;
}
.listicon li {
    font-weight: 400;
    font-size: 24px;

    color: #fff;
}
.listicon li i {
    font-size: 25px;
    color: #000;
    padding-right: 10px;
    margin-top: 30px;
}
.price h5 {
    color: #fff;

    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 34px; /* 141.667% */
    letter-spacing: 0.1px;
}
.price span {
    font-size: 64px;
    font-style: normal;
    font-weight: 700;
    line-height: 69px; /* 107.813% */
    letter-spacing: 0.1px;
    color: #fff;
}
.price p {
    color: #fff;

    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 34px; /* 141.667% */
    letter-spacing: 0.1px;
}
.icon_box {
    display: block;
    text-align: center;
}
.icon_box img {
    border-radius: 50%;
    max-width: 80px;
}
.icon_box p {
    color: #F5F5F5;

text-align: center;
font-family: Montserrat;
font-size: 18px;
font-style: normal;
font-weight: 600;
line-height: 20px; /* 103.125% */
letter-spacing: 0.1px;
}
.sec3 {
    padding: 20px 0px;
        background: var(--Gradient-1, linear-gradient(90deg, #46bfbc -21.75%, #33b2b7 96.86%));
}
.secheading h2 {
    font-family: Montserrat;
    font-size: 35px;
    color: #4e5072;
    font-style: normal;
    font-weight: 700;
}
.secheading p {
    color: #42445e;
    font-family: Montserrat;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
}
.max_widht_box {
    max-width: 1000px !important;
}
.text_color h3 {
    color: #004d62;
}
.owl-carousel .owl-item img {
    width: unset !important;
}
.image_box {
    border-radius: 15px;
    box-shadow: 0px 7px 14px 0px #d3dae2;
    padding: 20px;
    margin: 10px;
    margin-top: 50px;
}
.image_box img {
    border-radius: 50%;
    margin-top: -70px;
    max-width:120px;
}
.image_box h5 {
    font-weight: bold;
    font-size: 18px;
}
.image_box span {
    font-weight: 300;
    font-size: 15px;
}
.sec5 {
    padding: 50px 0px;
}

.row_sec {
    margin-top: 30px !important;
}
 .btn_form button 
{
     border-radius: 24px;
       background: var(--Gradient-1, linear-gradient(90deg, #46bfbc -21.75%, #33b2b7 96.86%));
    display: flex;
    width: 100%;
    margin: auto;
    height: 52px;
    padding: 8px;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    border: 1px solid #00b6ba;
    color:#fff;
}
.confirmation3 {
                display: none;
            }
          
            .form_box_Center {
                box-shadow: 0px 0px 10px #80808042;
                padding: 20px;
                border-radius: 20px;
            }
.form_popup .btn_form button 
{
     border-radius: 24px;
        background: var(--Gradient-1, linear-gradient(90deg, #46bfbc -21.75%, #33b2b7 96.86%));
    display: flex;
    width: 100%;
    margin: auto;
    height: 52px;
    padding: 8px;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    border: 1px solid #6c5ca4;
    color:#fff;
}
.form_popup .btn_form button:hover {
    background: #fff;
    color: #6c5ca4;
}
.form_banner {
    border-radius: 16px;
    background: #fff;
    box-shadow: 4px 4px 9px 0px rgba(0, 0, 0, 0.25);
    padding: 20px;
    max-width: 400px;
    margin-left: auto;
}

.width_about {
    max-width: 300px;
}
.heading_title {
    font-size: 35px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
.heading_title_blue {
    font-size: 35px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    color: #4e5072;
}
.faq_sec {
    padding: 30px 0;
}
.faq_main {
    color: #4e5072;
    text-align: center;
    font-family: Montserrat;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    max-width: 600px;
    margin: 0px auto 20px;
}

.bannerfaq_btn {
    border-radius: 0px 100px 100px 0;
        background: var(--Gradient-1, linear-gradient(90deg, #46bfbc -21.75%, #33b2b7 96.86%));
    box-shadow: 2px 4px 4px 0px rgba(0, 0, 0, 0.4);
    display: flex;
    max-width: 415px;
    height: 52px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 8px;
    flex-shrink: 0;
    color: #fff;
    text-align: center;
    font-family: Montserrat;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px; /* 83.333% */
    letter-spacing: 0.1px;
    margin: auto;
}
.faq_btn {
    border-radius: 100px;
    background: var(--Gradient-1, linear-gradient(90deg, #46bfbc -21.75%, #33b2b7 96.86%));    box-shadow: 2px 4px 4px 0px rgba(0, 0, 0, 0.4);
    display: flex;
    max-width: 415px;
    height: 52px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 8px;
    flex-shrink: 0;
    color: #fff;
    text-align: center;
    font-family: Montserrat;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px; /* 83.333% */
    letter-spacing: 0.1px;
    margin: auto;
}
.top_space {
    margin-top: 100px;
}
.faq_box .accordion-button span {
    color: #00bbbc;
    font-family: Inter;
    font-size: 15px;
    font-style: normal;
    font-weight: 700;
    display: contents;
}
.accordion-button:not(.collapsed) {
    color: var(--bs-accordion-active-color);
    background-color: #ffffff !important;
    box-shadow: #ffffff !important;
}
.faq_box .accordion-button {
    color: var(--Primary-1, #4e5072);
    font-family: Montserrat;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
}

.faq_box .accordion-button:focus {
    border-color: none !important;
    outline: 0;
    box-shadow: none !important;
}
.faq_box .accordion-button:not(.collapsed) {
    color: var(--bs-accordion-active-color);
    background-color: var(--bs-accordion-active-bg);
    box-shadow: none !important;
}
.faq_box .accordion-item {
    border-bottom: 1px solid #a1a1a1 !important;
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
}
.freec p {
    color: #fff;
    font-family: Montserrat;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 33.5px;
    letter-spacing: 0.1px;
    margin-bottom: 0;
}
.freec a
{
    color: #FFF;
font-size: 13px;
font-style: normal;
font-weight: 400;
line-height: normal;
text-decoration-line: underline;
}

.theme-color {
    color: #000;
}
.services_Sec{
    padding: 30px 0 30px;
}
.review_Sec {
    padding: 30px 0 30px;
}
.review_item {
    border-top:5px solid #004e63;
    border-radius: 15px;
    margin: 10px;
    color: #fff;
}
.review_card {
    border-radius: 17.798px;
        background: var(--Gradient-1, linear-gradient(90deg, #46bfbc -21.75%, #33b2b7 96.86%));
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    padding: 20px;
    height:300px;
}
.review_card span {
    font-weight: bold;
}
.review_card p {
    font-size: 14px;
    margin-top: 10px;
    margin-bottom: 0;
}
.review_card img
{
    border-radius:50%;
}
.space_btn_doctor {
    height: 150px;
}
.gallery_Sec {
    padding: 40px 0;
}
.gallery_item img {
    border-radius: 10px;
}
.gallery_item {
    margin: 10px;
}
.space_top_bottom {
    padding: 40px 0;
}


.modal-header
{
    border:none !important;
    padding:5px !important;
}
.form_bottom
{
    padding:20px;
    border-radius:20px;
    max-width:900px;
    margin:auto;
    background:#fff;
}
.form_bottom label{
    color:#000;
}
.form_bottom button
{
    border-radius: 26px;
          background: var(--Gradient-1, linear-gradient(90deg, #46bfbc -21.75%, #33b2b7 96.86%));
    width:100%;
    color:#fff;
    border:none;
    padding:10px 20px;
    margin-top:20px;
}
.work_box 
{
    padding:40px;
    position:relative;
    height: 350px;
}
.work_box .work_img
{
    width:50px ;
}
.work_box h4
{
    color: #193053;

font-family: Montserrat;
font-size: 24px;
font-style: normal;
font-weight: 600;
line-height: normal;
letter-spacing: 0.48px;
}
.arrow_line {
    position: absolute;
    right: -35px;
    top: 50%;
    width:70px;
}
.bigarrow_line {
    position: absolute;
    top:29%;
} 
.content_list li
{
    margin-bottom:10px;
}
.black_line img
{
    max-width:8px;
}
.braces_img img
{
    max-width:150px;
}
.area_other{
    padding:20px;
    text-align:center;
}
.area_other h4{

    color: #4E5072;
font-family: Montserrat;
font-size: 32px;
font-style: normal;
font-weight: 500;
line-height: normal;
}
.confirmation{
    display:none;
}
.confirmation1{
    display:none;
}
.confirmation2{
    display:none;
}
.logo-header{
    padding:10px 0;
}
.confirmation3{
    display:none;
}
.sticky {
    position: -webkit-sticky;
    position: sticky;
    top: 8em;
    z-index: 99;
}
.form_sec {
    box-shadow: 0px 0px 10px #bfbfbf;
}
.box_green {
    box-shadow: 0px 0px 10px #8080802b;
    padding: 20px;
    border: 1.5px solid #4c897e;
    border-radius: 10px;
}
.line-divider {
    height: 3px;
    width: 96% ! IMPORTANT;
    padding: 1px;
    background: #ededed;
    margin-top: 30px ! IMPORTANT;
    margin-bottom: 30px;
    margin-left: auto;
    margin-right: auto;
}
.list11 li {
    display: flex;
    align-items: baseline;
    margin-bottom: 12px;
}
.ul-li ul {
    list-style-type: none;
    padding-inline-start: 0px;
}
.list11 li img {
    margin-right: 9px;
}
.form_main
{
    box-shadow: 0px 0px 10px #8080802b;
    padding: 20px;
    border: 1.5px solid #4c897e;
    border-radius: 10px;
}
@media (max-width:768px){
        .appoint td, .appoint th {
        font-size: 8px !important;
        padding: 12px 5px !important;
        width: 210px !important;
    }
}
@media only screen and (max-width: 600px) {
    .height-set{
    height:unset !important;
}
body > section.appoint.pt-5.pb-5.px-4 > div > div > div:nth-child(2){
    overflow-x:scroll;
}
    .work_box {
    padding: 20px;
    position: relative;
    height: unset;
    text-align: center;
}
    .braces_img img {
    max-width: 100px !important;
    margin-bottom: 10px;
}
.black_line img {
    max-width: 13px !IMPORTANT;
}
.area_other {
    padding: 10px !IMPORTANT;
}
.area_other p {
    font-size: 12px;
}
.row-reverse {
    flex-direction: column-reverse;
}
    .faq_btn {
       font-size: 16px !important;
    padding: 20px 45px !important;
    max-width: fit-content !important;
}
.arrow_line {
 
    display: none;
}
.bigarrow_line {

    display: none;
}
    .space_btn_doctor {
        height: 20px !important;
    }
   
    .sec2 {
        background-image: url("../images/Dr-Harshit-Srivastava-oncologist-in-lucknow.webp");
        padding: 0;
        background-position: center;
    }
    .form_bottom label {
    color: #000 !important;
}
    .space_top_banner {
        padding-top: 20px;
        padding-bottom: 0;
    }
    .fixed_bottom {
    width: 100%;
    position: fixed;
    bottom: 0;
    background: #fff;
    z-index: 999;
}
.faq_sec {
 
    margin-bottom: 100px;
}
    .space_top_banner1 {
        padding-top: 30px;
    }
    .form_main.margin_pixel {
    margin-top: 30px;
}
    .text1 h1 {
        font-size: 28px;
    line-height: 40px;
    margin-top: 20px;
    margin-bottom: 20px;
       
    }
    .text1 h3 {
    font-size: 18px;
    line-height: 28px;
}
    .listicon li {
           font-size: 16px;
    }
    ul.listicon {
    margin-top: 30px;
    margin-bottom: 70px;
}
.price p {
    font-size: 18px;
    line-height: 24px;
}
.price span {
    font-size: 55px;
}
.price h5 {
    font-size: 18px;
}
    .top_header {
        border-radius: 0px 0px 20px 20px;
        position: fixed;
    width: 100%;
    }
    .heading_title {
        font-size: 26px;
    }
    .icon_box img {
        max-width: 60px !important;
    }
    
    .icon_box p {
        font-size: 12px;
        font-weight: 500;
        padding-left: 0;
        text-align: center;
    }
    .secheading p {
        font-size: 21px;
        max-width: 130px;
    }
    .heading_title_blue {
        font-size: 26px;
    }
}
.services_box
{
    height:100%;
    padding: 20px 20px;
    border-radius: 10px;
    border: 2px solid #00b6ba;
    position: relative;
    margin-bottom: 25px;
    background-color: #fff;
    transition: all ease 0.4s;
}
.icon_ser {
   background: #12487d;
    height: 80px;
    width: 80px;
    margin: auto;
    border-radius: 50%;
    align-content: space-around;
    margin-top: -47px;
    position: relative;
    margin-bottom:20px;
    border: 5px solid #fff;
    transition: transform 0.6s ease-in-out;
    box-shadow:0px 0px 15px -8px rgba(0,0,0,0.5);
}
.icon_ser i img{
   
    width: 50px;
    
}
.services_box img {
    border-radius: 10px;
}
.services_box h3 {
    font-size: 26px;
}
.services_box:hover
{
    border: 2px solid #12487d;
}
.services_box:hover .icon_ser 
{
     background: #12487d;
     transform: rotate(360deg);
}
.services_box:hover img {
  transform: scale(1.1);
}
.services_box img {
  transition: 0.3s;
}
.box_img{
    overflow: hidden; 
}
.video-container {
    position: relative;
    width: 100%;
    max-width: 100%;
    
}
.video-container video {
    width: 100%;
    height: auto;
    border-radius: 20px 20px 20px 20px;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .5);
}

.serv_btn {
    border-radius: 100px;
    background: var(--Gradient-1, linear-gradient(90deg, #46bfbc -21.75%, #33b2b7 96.86%));
    display: flex;
    max-width: 200px;
    height: 52px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 8px;
    flex-shrink: 0;
    color: #fff;
    text-align: center;
    font-family: Montserrat;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px; /* 83.333% */
    letter-spacing: 0.1px;
    margin: auto;
}
.height-set{
    height:230px;
}
.footer-back{
    background-image:url('../images/Harshit-1900x7002-2.webp');
    background-position: top center;
    background-size: cover;
    background-repeat: no-repeat;
}
.footer-items{
    color:#fff;
}
.footer-items a{
    color:#fff;
}
.footer-items ul{
    list-style-type:none;
    list-style-position:outside;
    margin-left:-30px;
}
.footer-items ul li{
    line-height:1.8;
}
.footer-items i{
    padding-right:10px;
}
.footer-img{
    width:120px;
    border-radius:12px;
    margin:10px 0px;
}
.footer-items .intheline{
    display:inline;
}
.intheline i{
    font-size:26px;
    padding: 10px 5px;
}
.height-set a, .height-set a:hover{
    color:#000;
}
.area_other a, .area_other a:hover{
    color:#000;
}
.area_other img{
    border-radius:15px;
    box-shadow:0px 0px 20px -10px rgba(0,0,0,0.3);
    margin-bottom:25px;
    transition: 0.3s ease-out;
}
.area_other:hover img{
    transform:scale(1.1);
}
.link_color a, .link_color a:hover{
    color:#000;
}
.appoint{
    background-color:#467c7b;
}
table{
    color:#000;
    background-color:#fff;
    overflow-x:auto;
}
.appoint td, .appoint th{
    padding:12px 10px;
    text-align:center;
    width:250px;
    font-size:13px;
}
.appoint th, .appoint td{
 
  border:1px solid #000;
}

