@font-face {
    font-family: orkney-regular;
    src: url("../font/orkney-regular.otf") format("otf"), url("../font/orkney-bold.otf"), 
    url("../font/orkney-light.otf"), url("../font/orkney-regular.otf")
    format("truetype");
}

.clearfix{
    margin: 0px;
    padding: 0px;
    font-size: 0px;
    clear: both;
}


@font-face {
    font-family: 'orkneybold';
    src: url('../font/orkney-bold-webfont.woff2') format('woff2'),
         url('../font/orkney-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'orkneylight';
    src: url('../font/orkney-light-webfont.woff2') format('woff2'),
         url('../font/orkney-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'orkneymedium';
    src: url('../font/orkney-medium-webfont.woff2') format('woff2'),
         url('../font/orkney-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}




@font-face {
    font-family: 'orkneyregular';
    src: url('../font/orkney-regular-webfont.woff2') format('woff2'),
         url('../font/orkney-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
body{color: #57636a;font-family: 'orkneymedium';}
p{  font-family: 'orkneyregular';}
.top_line{background-color: #57636a;padding: 5px 0px;color: #fff;}

.top_line a{color: #fff;text-decoration: none;font-weight: 200;}

.top_line .language_drop a{color: #57636a;text-decoration: none;}

.top_line_social{list-style-type: none;margin: 0;padding: 0;}

.top_line_social li{display: inline-block;margin-left: 7px;}

.top_line_social li a i{font-size: 16px;}

.language_drop li{display: block;}


.language_drop {
    padding: 10px !important;
    right: 0px !important;
    min-width: 118px;
    color: #57636a;
}

.navbar-toggler-icon {
    background-image: url(../images/nav_icon.png);
}




.footer {
    background-color: #576268;
    padding: 30px 0px;
    
}

.footer p{font-weight: 200;}

.footer_logo {
    color: #fff;
}

.v_align {
    align-items: center;
    display: flex;
}


.footer_ul li p {
    color: #fff;
    font-size: 16px;
    display: table;
    font-weight: 200;
}

.footer_ul ul:first-child {
    margin-left: 0px;
}

.footer_ul ul {
    margin-bottom: 0px;
}

.footer_ul li {
    list-style-type: none;
    margin-bottom: 15px;
    font-weight: 200;
}

.footer_ul li a {
    color: #fff !important;
    text-decoration: none;
    cursor: pointer;
}

.footer_ul ul:first-child {
    margin-left: 0px;
}

.footer_social li {
    display: inline-block;
    margin-right: 20px;
}

.copy {
    font-size: 14px;
    opacity: 65%;
    margin-top: 10px;
    color: #fff;

}


.btn-primary{
    background-color: #f3a61d;
    border: 1px solid #f3a61d;
    color: #fff !important;
    border-top-left-radius: 0px;
    border-top-right-radius: 23px;
    border-bottom-right-radius: 23px;
    border-bottom-left-radius: 23px;padding: 8px 28px !important;
}


.btn-primary:hover{
    border: 1px solid #f3a61d;
    background-color: #fff;
    color: #f3a61d !important;
}


.navbar-nav .active a {
    color: #0047ab;
    border-bottom: 2px solid;
    font-weight: 600;
}

.top_navbar ul li a{
    color: #0047ab;
}

.top_navbar ul li {
    display: table-cell;
    position: relative;
    padding: 0px 5px;
}

.top_navbar ul li:last-child {
    padding-right: 0px !important;
}

/*.top_navbar ul li a:hover:after {
    width: 100%;
    left: 0;
}
*/

.top_navbar ul li a:after {
    background: none repeat scroll 0 0 transparent;
    bottom: 0px;
    content: "";
    display: block;
    height: 2px;
    left: 50%;
    position: absolute;
    background: #0047ab;
    transition: width 0.3s ease 0s, left 0.3s ease 0s;
    width: 0;
}


.main_banner{
    background-image: url(../images/main_banner.jpg);
    height: 489px;
    background-size: cover;
    padding-top: 30px;
}

.banner_header_light_1{
    font-size: 35px;
    background-color: #194ca1;
    color: #fff;
    font-weight: 300;
    padding: 5px;
    margin-bottom: 2px;
    font-family: 'orkneylight';
}

.banner_header_light_2{
    font-size: 35px;
    background-color: #194ca1;
    color: #fff;
    font-weight: 300;
    padding: 5px;
    width: 85%;
    margin-bottom: 2px;
    font-family: 'orkneylight';
}

.banner_header_bold{
    font-size: 35px;
    background-color: #194ca1;
    color: #fff;
    font-weight: 600;
    padding: 5px;
}


.banner_subtext{
    font-size: 16px;
    font-style: italic;
    line-height: 26px;
}

.who_we_are{
    padding: 40px 0px;
}

.who_we_are h5{
    color: #194ca1;
    margin-bottom: 5px;
}

.who_we_are h6{
    font-size: 18px;
    margin-bottom: 20px;
}

.f_boxes{
    padding: 40px 0px;
}

.boxes{
    box-shadow: 0px 0px 51px 0px rgba(243, 166, 29, 0.43);
    padding: 18px;
    border-radius: 20px;
    min-height: 278px;
}

.boxes p{font-size: 15px;margin-bottom: 0px;line-height: 20px;}

.boxes img{margin-bottom: 5px;}

.boxes h6{margin-bottom: 10px;}


.why_us{
    background-image: url(../images/middle.png);
    height: 487px;
    background-size: cover;
    padding: 40px;
    margin: 30px 0px;
    color: #fff;
    margin-bottom: 0px;
}

.why_head h1{font-size: 50px;margin-bottom: 30px;}

.why_head p{font-weight: 200;}

.why_ul{list-style-type: none;padding-left: 15px;}


.why_ul li{margin-bottom: 10px;font-weight: 200;}

.why_ul li i{margin-right: 15px;}

.why_number p{font-weight: 200;}


.why_count h1{
    font-size: 85px;
    margin-bottom: 0px;
    font-weight: bold;
    opacity: 27%;

}

.mb-25{margin-bottom: 10px !important;}


.our_service{padding: 50px 0px;background-color: #f7f7f7;padding-bottom: 90px;}

.our_service2{padding: 50px 0px;background-color: #ffffff;padding-bottom: 90px;}

.service_head{color: #194ca1;}

.service_sub{font-size: 22px;}


.container_new {
    position: relative;
    width: 100%;
    border: 3px solid #fff;
    border-radius: 20px;
    box-shadow: 0px 0px 10px 0px rgba(14, 9, 1, 1);
    margin-bottom: 30px;
}

.container_new img {
    width: 100%;
    border-radius: 20px;

}

.overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #194ca1;
    overflow: hidden;
    width: 100%;
    height: 28%;
    transition: .5s ease;
    padding: 20px;
    padding-top: 42px;    
    clip-path: polygon(0 0, 100% 35%, 100% 100%, 0 100%);
    color: #fff;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
}

.container_new:hover .overlay {
    height: 100%;
    cursor: pointer;
    background-color: #00000070;
    align-items: center;
    display: flex;
    justify-content: center;
    clip-path: unset;
    text-align: center;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;


}

.container_new:hover .overlay h2{margin-bottom: 10px;}

.overlay h2{font-size: 20px;margin-bottom: 38px;}

.overlay p{line-height: 18px;}

.mt-30{margin-top: 30px !important;}


.insta_bg{
    padding: 40px 0px;
    background-image: url(../images/insta_bg.png);
    height: 570px;
    background-size: cover;
    padding: 50px;
    color: #fff;
    margin-bottom: 0px;
}


.insta_bg h1{margin-bottom: 20px;}


.insta_bg p{font-size: 26px;}

.insta_bg p i{margin-right: 15px;font-size: 32px;}

.insta_bg p a{text-decoration: none;color: #fff;}

.slider_img img{border-radius: 20px;}

.carousel-control-prev {
    left: -45px;
}

.carousel-control-next {
    right: -45px;
}

.carousel-control-next, .carousel-control-prev
{
    width: 2%;
}


.indi_bg i{
    background: #000;
    font-size: 30px;
    padding: 10px 19px;
    border-radius: 50px;
}

.mt-50{margin-top: 70px;}


.Our_Dermatologists{
    padding: 50px 0px;
    background-color: #f7f7f7;
}


.dr_img img{
    border-radius: 100%;
    border: 2px solid #c8c6c6;
    width: 100%;
}


.dr_social{
    padding: 0px;
}

hr{border-top: 1px solid rgb(25 76 161);}

.dr_social a{text-decoration: none;color: inherit;}

.dr_social li{display: inline-block;margin-right: 10px;}


.dr_social_align{display: flex;align-items: center;}

.dr_social_align p{margin-bottom: 0px;}

.about_dr{font-size: 16px;padding-left: 30px;
    margin-top: 20px; }


.testimonial{padding: 50px 0px;}


.patients-details::after {
    position: absolute;
    content: "";
    background-image: url(../images/quote.png);
    background-repeat: no-repeat;
    width: 198px;
    height: 198px;
    left: 104px;
    top: -26px;
    z-index: -1
}

.patient-col{padding-top: 30px;}

.patients-details h2{font-size: 48px;color: #194ca1;}

.patients-details p{font-size: 15px;}

.border_redius{border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
    border-bottom-left-radius: 30px;}

.bg_blue{
    background:#194ca1;height: 150px;text-align: center;
    border-bottom-right-radius: 60px;
    border-bottom-left-radius: 60px;
    border-top-left-radius: 100%;
    border-top-right-radius: 100%;

}


.user_img img{
    border-radius: 100%;
    position: relative;
    top: -45px;
}



.container_new_1 {
  overflow: hidden;
}
.bg {
  width:100%;
  height: 200px;
  border-radius: 100% 100% 0% 0%;
  background-color: yellow;
  margin-top:-130px;
}

.user_name{position: relative;top: -40px;}

.user_name h5{color: #fff;font-size: 24px;margin-bottom: 0px;}

.user_name p{font: 16px;color: #fff;}

.user_text{padding: 50px;padding-top: 40px;}


.patient-text::before {
    position: absolute;
    content: "";
    background-image: url(../images/quote.png);
    background-repeat: no-repeat;
    -webkit-background-size: 100% 100%;
    background-size: 100%;
    width: 64px;
    height: 51px;
    left: 50%;
    top: 22%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: -1;
    opacity: 1;
}

.testimonial .carousel-indicators li{
    width: 10px;
    height: 10px;
    background-color: #e0e0e0;
    border-radius: 100%;
}

.testimonial .carousel-indicators .active {
    background-color: #194ca1;
}


.testimonial .carousel-indicators{
    bottom: -50px;
}




/*-----------Galry-----*/

.gallary{padding: 50px 0px;padding-bottom: 0px;}


.btn:focus, .btn:active, button:focus, button:active {
  outline: none !important;
  box-shadow: none !important;
}

#image-gallery .modal-footer{
  display: block;
}

.thumb{
  padding: 0px !important;
}

.thumb img{width: 100%;}

.img-thumbnail{
    border-radius: 0px;
    padding: 0px;
    border: none;
}



.map iframe{width: 100%;}

/* .map iframe:hover{ filter: grayscale(0%);}          */

.place-card .place-card-large {display: none !important;}


.hearder_sticky{
   
}

.fixed {
  position: fixed;
  width: 100%;
  background-color: #fff;
  z-index: 99;
  top: -5px;
  box-shadow: 0 1px 6px 0 rgba(32,33,36,0.28);
  }

.hearder_sticky  img{width: 100%;transition: 0.5s;}

.fixed img{width: 70%;transition: 0.5s;}


.overly_container {
    position: relative;
    width: 100%;
    
    
    
}


.g_overly {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: transparent;
    overflow: hidden;
    width: 100%;
    height: 22%;
    transition: .5s ease;
    padding: 20px;
    padding-top: 23px;    
    clip-path: polygon(0 0, 100% 35%, 100% 100%, 0 100%);
    color: #fff;
    display: none;
    
}

.overly_container:hover .g_overly {
    height: 100%;
    cursor: pointer;
    background-color: #194ca190;
    align-items: center;
    display: flex;
    justify-content: center;
    clip-path: unset;
    text-align: center;
    display: flex;
}

.g_overly i{font-size: 30px;}






/*-------------Media Quary-----------------*/


@media only screen and (min-device-width: 320px) and (max-device-height: 568px) {

.main_banner{background-position: right;}

.top_line{display: none;}

.navbar-nav{padding-bottom: 20px !important;} 

.banner_header_light_1, .banner_header_light_2, .banner_header_bold{font-size: 22px;}

.banner_subtext{font-size: 14px;}

.who_we_are h5{font-size: 16px;}

.who_we_are h1{font-size: 24px;}

.who_we_are .mt-5{margin-top: 10px !important;}

.who_we_are{padding: 20px;}

.boxes{margin-bottom: 20px;} 

.who_we_are .col-lg-8, .who_we_are .col-lg-4 {padding: 0px;}

.container{padding: 0px;}

.f_boxes{padding: 20px 0px;}

.why_us{padding: 20px 10px;}

.why_head h1{font-size: 36px;margin-bottom: 10px;}

.why_ul li{margin-bottom: 5px;}

.why_us{height: fit-content;}

.why_count h1{font-size: 46px;}

.why_number h2, .why_number h3{font-size: 22px;text-align: center;}


.why_number p{text-align: center;}

.mb-25{margin-bottom: 10px !important;}

.our_service h1{font-size: 24px;}

.service_sub{font-size: 16px;}

.our_service{padding: 20px 0px;}

.our_service .mt-5{margin-top: 20px !important;}

.container_new{margin-bottom: 20px;}

.mt-30{margin-top: 0px !important;}

.overlay{padding-top: 32px;}

.overlay h2{font-size: 18px;}


.overlay p{font-size: 13px;line-height: 16px;}

.insta_bg h1{font-size: 28px;}

.insta_bg p{font-size: 20px;}


.insta_bg p i{font-size: 20px;}



.Our_Dermatologists{padding: 20px 0px;}

.Our_Dermatologists h1{font-size: 26px;margin-bottom: 20px !important;}

.dr_img{height: 150px;width: 150px;text-align: center;}

.dr_social_align h2{font-size: 22px;}

.about_dr{padding-left: 0px;margin-top: 0px;margin-bottom: 20px;}

.patients-details h2{font-size: 26px;}

.testimonial{padding: 20px 0px;}

.patients-details::after{top: 4px;}

.patient-col{padding-top: 10px;}

.user_text{padding: 25px;}

.user_img img{width: 35%;top: -30px;}

.user_name{top: -22px;} 

.footer .container{padding: 0px 15px;}

.footer_ul ul{margin-left: 15px !important;}

.footer_ul{padding-left:10px ;} 

.hearder_sticky .container{padding: 0px 15px;}

.insta_bg{display: none;}

/* ----21-03-2022---- */

.why_number h4, .why_number h3{text-align: center;}

.about_side_img img{width: 100%;margin-bottom: 20px;}

.section_head{font-size: 28px;}

.service_head{font-size: 32px;}

.our_service2{padding-bottom: 10px;}

.testimonial .carousel-indicators{bottom: -30px;}

.innner-main-title h1{font-size: 42px !important;}

.hd-typ-1 h2{font-size: 36px !important;}

#welcome-section{padding: 20px 0px !important;}

#welcome-section img{width: 100%;margin: 20px 0px;}

.how_head h1{font-size: 38px !important;}

.how_work{padding: 20px !important;height: fit-content !important;}

.how_work img{width: 100%;}

#service_inner{padding: 40px 0px !important;}

.c_social ul li{margin-right: 7px !important;}

.c_social ul li a img {width: 20%;}

.r-mt-5{margin-top: 1.5rem!important;}

.our_service2 .overlay h2{font-size: 22px;}

.our_service2 .overlay{padding-top: 46px;}



}

@media only screen and (min-device-width: 375px) and (max-device-height: 667px) {

.main_banner{background-position: right;height: fit-content;padding-bottom: 30px;}

.top_line{display: none;}

.navbar-nav{padding-bottom: 20px !important;} 

.banner_header_light_1, .banner_header_light_2, .banner_header_bold{font-size: 22px;}

.banner_subtext{font-size: 14px;}

.who_we_are h5{font-size: 16px;}

.who_we_are h1{font-size: 24px;}

.who_we_are .mt-5{margin-top: 10px !important;}

.who_we_are{padding: 20px;}

.boxes{margin-bottom: 20px;} 

.who_we_are .col-lg-8, .who_we_are .col-lg-4 {padding: 0px;}

.container{padding: 0px;}

.f_boxes{padding: 20px 0px;}

.why_us{padding: 20px 10px;}

.why_head h1{font-size: 36px;margin-bottom: 10px;}

.why_ul li{margin-bottom: 5px;}

.why_us{height: fit-content;}

.why_count h1{font-size: 46px;}

.why_number h2{font-size: 22px;text-align: center;}

.why_number p{text-align: center;}

.mb-25{margin-bottom: 10px !important;}

.our_service h1{font-size: 24px;}

.service_sub{font-size: 16px;}

.our_service{padding: 20px 0px;}

.our_service .mt-5{margin-top: 20px !important;}

.container_new{margin-bottom: 20px;}

.mt-30{margin-top: 0px !important;}

.overlay{padding-top: 30px;}

.overlay h2{font-size: 20px;}

.overlay p{font-size: 13px;line-height: 16px;}

.insta_bg h1{font-size: 28px;}

.insta_bg p{font-size: 20px;}


.insta_bg p i{font-size: 20px;}



.Our_Dermatologists{padding: 20px 0px;}

.Our_Dermatologists h1{font-size: 26px;margin-bottom: 20px !important;}

.dr_img{height: 150px;width: 150px;text-align: center;}

.dr_social_align h2{font-size: 22px;}

.about_dr{padding-left: 0px;margin-top: 0px;margin-bottom: 20px;}

.patients-details h2{font-size: 26px;}

.testimonial{padding: 20px 0px;}

.patients-details::after{top: 4px;}

.patient-col{padding-top: 10px;}

.user_text{padding: 25px;}

.user_img img{width: 30%;top: -30px;}

.user_name{top: -22px;} 

.footer .container{padding: 0px 15px;}

.footer_ul ul{margin-left: 15px !important;}

.footer_ul{padding-left:10px ;} 

.hearder_sticky .container{padding: 0px 15px;}

.insta_bg{display: none;}

/* ----21-03-2022---- */

.why_number h4, .why_number h3{text-align: center;}

.about_side_img img{width: 100%;margin-bottom: 20px;}

.section_head{font-size: 28px;}

.service_head{font-size: 32px;}

.our_service2{padding-bottom: 10px;}

.testimonial .carousel-indicators{bottom: -30px;}

.innner-main-title h1{font-size: 42px !important;}

.hd-typ-1 h2{font-size: 36px !important;}

#welcome-section{padding: 20px 0px !important;}

#welcome-section img{width: 100%;margin: 20px 0px;}

.how_head h1{font-size: 38px !important;}

.how_work{padding: 20px !important;height: fit-content !important;}

.how_work img{width: 100%;}

#service_inner{padding: 40px 0px !important;}

.c_social ul li{margin-right: 7px !important;}

.c_social ul li a img {width: 20%;}

.r-mt-5{margin-top: 1.5rem!important;}

.our_service2 .overlay h2{font-size: 22px;}

.our_service2 .overlay{padding-top: 46px;}


}

@media only screen and (min-device-width: 414px) and (max-device-height: 736px){

.main_banner{background-position: right;height: fit-content;padding-bottom: 30px;}

.top_line{display: none;}

.navbar-nav{padding-bottom: 20px !important;} 

.banner_header_light_1, .banner_header_light_2, .banner_header_bold{font-size: 22px;}

.banner_subtext{font-size: 14px;}

.who_we_are h5{font-size: 16px;}

.who_we_are h1{font-size: 24px;}

.who_we_are .mt-5{margin-top: 10px !important;}

.who_we_are{padding: 20px;}

.boxes{margin-bottom: 20px;} 

.who_we_are .col-lg-8, .who_we_are .col-lg-4 {padding: 0px;}

.container{padding: 0px;}

.f_boxes{padding: 20px 0px;}

.why_us{padding: 20px 10px;}

.why_head h1{font-size: 36px;margin-bottom: 10px;}

.why_ul li{margin-bottom: 5px;}

.why_us{height: fit-content;}

.why_count h1{font-size: 46px;}

.why_number h2{font-size: 22px;text-align: center;}

.why_number p{text-align: center;}

.mb-25{margin-bottom: 10px !important;}

.our_service h1{font-size: 24px;}

.service_sub{font-size: 16px;}

.our_service{padding: 20px 0px;}

.our_service .mt-5{margin-top: 20px !important;}

.container_new{margin-bottom: 20px;}

.mt-30{margin-top: 0px !important;}

.overlay{padding-top: 32px;}

.overlay h2{font-size: 20px;}

.overlay p{font-size: 13px;line-height: 16px;}

.insta_bg h1{font-size: 28px;}

.insta_bg p{font-size: 20px;}


.insta_bg p i{font-size: 20px;}



.Our_Dermatologists{padding: 20px 0px;}

.Our_Dermatologists h1{font-size: 26px;margin-bottom: 20px !important;}

.dr_img{height: 150px;width: 150px;text-align: center;}

.dr_social_align h2{font-size: 22px;}

.about_dr{padding-left: 0px;margin-top: 0px;margin-bottom: 20px;}

.patients-details h2{font-size: 26px;}

.testimonial{padding: 20px 0px;}

.patients-details::after{top: 4px;}

.patient-col{padding-top: 10px;}

.user_text{padding: 25px;}

.user_img img{width: 30%;top: -30px;}

.user_name{top: -22px;} 

.footer .container{padding: 0px 15px;}

.footer_ul ul{margin-left: 15px !important;}

.footer_ul{padding-left:10px ;} 

.hearder_sticky .container{padding: 0px 15px;}

.insta_bg{display: none;}

/* ----21-03-2022---- */

/* ----21-03-2022---- */

.why_number h4, .why_number h3{text-align: center;}

.about_side_img img{width: 100%;margin-bottom: 20px;}

.section_head{font-size: 28px;}

.service_head{font-size: 32px;}

.our_service2{padding-bottom: 10px;}

.testimonial .carousel-indicators{bottom: -30px;}

.innner-main-title h1{font-size: 42px !important;}

.hd-typ-1 h2{font-size: 36px !important;}

#welcome-section{padding: 20px 0px !important;}

#welcome-section img{width: 100%;margin: 20px 0px;}

.how_head h1{font-size: 38px !important;}

.how_work{padding: 20px !important;height: fit-content !important;}

.how_work img{width: 100%;}

#service_inner{padding: 40px 0px !important;}

.c_social ul li{margin-right: 7px !important;}

.c_social ul li a img {width: 20%;}

.r-mt-5{margin-top: 1.5rem!important;}

.our_service2 .overlay h2{font-size: 22px;}

.our_service2 .overlay{padding-top: 50px;}

}


@media only screen and (min-device-width : 375px) and (max-device-width : 413px) {

.main_banner{background-position: right;height: fit-content;padding-bottom: 30px;}

.top_line{display: none;}

.navbar-nav{padding-bottom: 20px !important;} 

.banner_header_light_1, .banner_header_light_2, .banner_header_bold{font-size: 22px;}

.banner_subtext{font-size: 14px;}

.who_we_are h5{font-size: 16px;}

.who_we_are h1{font-size: 24px;}

.who_we_are .mt-5{margin-top: 10px !important;}

.who_we_are{padding: 20px;}

.boxes{margin-bottom: 20px;} 

.who_we_are .col-lg-8, .who_we_are .col-lg-4 {padding: 0px;}

.container{padding: 0px;}

.f_boxes{padding: 20px 0px;}

.why_us{padding: 20px 10px;}

.why_head h1{font-size: 36px;margin-bottom: 10px;}

.why_ul li{margin-bottom: 5px;}

.why_us{height: fit-content;}

.why_count h1{font-size: 46px;}

.why_number h2{font-size: 22px;text-align: center;}

.why_number p{text-align: center;}

.mb-25{margin-bottom: 10px !important;}

.our_service h1{font-size: 24px;}

.service_sub{font-size: 16px;}

.our_service{padding: 20px 0px;}

.our_service .mt-5{margin-top: 20px !important;}

.container_new{margin-bottom: 20px;}

.mt-30{margin-top: 0px !important;}

.overlay{padding-top: 32px;}

.overlay h2{font-size: 20px;}

.overlay p{font-size: 13px;line-height: 16px;}

.insta_bg h1{font-size: 28px;}

.insta_bg p{font-size: 20px;}


.insta_bg p i{font-size: 20px;}



.Our_Dermatologists{padding: 20px 0px;}

.Our_Dermatologists h1{font-size: 26px;margin-bottom: 20px !important;}

.dr_img{height: 150px;width: 150px;text-align: center;}

.dr_social_align h2{font-size: 22px;}

.about_dr{padding-left: 0px;margin-top: 0px;margin-bottom: 20px;}

.patients-details h2{font-size: 26px;}

.testimonial{padding: 20px 0px;}

.patients-details::after{top: 4px;}

.patient-col{padding-top: 10px;}

.user_text{padding: 25px;}

.user_img img{width: 30%;top: -30px;}

.user_name{top: -22px;} 

.footer .container{padding: 0px 15px;}

.footer_ul ul{margin-left: 15px !important;}

.footer_ul{padding-left:10px ;} 

.hearder_sticky .container{padding: 0px 15px;}

.insta_bg{display: none;}

/* ----21-03-2022---- */

.why_number h4, .why_number h3{text-align: center;}

.about_side_img img{width: 100%;margin-bottom: 20px;}

.section_head{font-size: 28px;}

.service_head{font-size: 32px;}

.our_service2{padding-bottom: 10px;}

.testimonial .carousel-indicators{bottom: -30px;}

.innner-main-title h1{font-size: 42px !important;}

.hd-typ-1 h2{font-size: 36px !important;}

#welcome-section{padding: 20px 0px !important;}

#welcome-section img{width: 100%;margin: 20px 0px;}

.how_head h1{font-size: 38px !important;}

.how_work{padding: 20px !important;height: fit-content !important;}

.how_work img{width: 100%;}

#service_inner{padding: 40px 0px !important;}

.c_social ul li{margin-right: 7px !important;}

.c_social ul li a img {width: 20%;}

.r-mt-5{margin-top: 1.5rem!important;}

.our_service2 .overlay h2{font-size: 22px;}

.our_service2 .overlay{padding-top: 46px;}

}


@media only screen and (device-width : 414px) and (device-height : 896px){

.main_banner{background-position: right;height: fit-content;padding-bottom: 30px;}

.top_line{display: none;}

.navbar-nav{padding-bottom: 20px !important;} 

.banner_header_light_1, .banner_header_light_2, .banner_header_bold{font-size: 22px;}

.banner_subtext{font-size: 14px;}

.who_we_are h5{font-size: 16px;}

.who_we_are h1{font-size: 24px;}

.who_we_are .mt-5{margin-top: 10px !important;}

.who_we_are{padding: 20px;}

.boxes{margin-bottom: 20px;} 

.who_we_are .col-lg-8, .who_we_are .col-lg-4 {padding: 0px;}

.container{padding: 0px;}

.f_boxes{padding: 20px 0px;}

.why_us{padding: 20px 10px;}

.why_head h1{font-size: 36px;margin-bottom: 10px;}

.why_ul li{margin-bottom: 5px;}

.why_us{height: fit-content;}

.why_count h1{font-size: 46px;}

.why_number h2{font-size: 22px;text-align: center;}

.why_number p{text-align: center;}

.mb-25{margin-bottom: 10px !important;}

.our_service h1{font-size: 24px;}

.service_sub{font-size: 16px;}

.our_service{padding: 20px 0px;}

.our_service .mt-5{margin-top: 20px !important;}

.container_new{margin-bottom: 20px;}

.mt-30{margin-top: 0px !important;}

.overlay{padding-top: 32px;}

.overlay h2{font-size: 20px;}

.overlay p{font-size: 13px;line-height: 16px;}

.insta_bg h1{font-size: 28px;}

.insta_bg p{font-size: 20px;}


.insta_bg p i{font-size: 20px;}



.Our_Dermatologists{padding: 20px 0px;}

.Our_Dermatologists h1{font-size: 26px;margin-bottom: 20px !important;}

.dr_img{height: 150px;width: 150px;text-align: center;}

.dr_social_align h2{font-size: 22px;}

.about_dr{padding-left: 0px;margin-top: 0px;margin-bottom: 20px;}

.patients-details h2{font-size: 26px;}

.testimonial{padding: 20px 0px;}

.patients-details::after{top: 4px;}

.patient-col{padding-top: 10px;}

.user_text{padding: 25px;}

.user_img img{width: 30%;top: -30px;}

.user_name{top: -22px;} 

.footer .container{padding: 0px 15px;}

.footer_ul ul{margin-left: 15px !important;}

.footer_ul{padding-left:10px ;} 

.hearder_sticky .container{padding: 0px 15px;}

.insta_bg{display: none;}

/* ----21-03-2022---- */

.why_number h4, .why_number h3{text-align: center;}

.about_side_img img{width: 100%;margin-bottom: 20px;}

.section_head{font-size: 28px;}

.service_head{font-size: 32px;}

.our_service2{padding-bottom: 10px;}

.testimonial .carousel-indicators{bottom: -30px;}

.innner-main-title h1{font-size: 42px !important;}

.hd-typ-1 h2{font-size: 36px !important;}

#welcome-section{padding: 20px 0px !important;}

#welcome-section img{width: 100%;margin: 20px 0px;}

.how_head h1{font-size: 38px !important;}

.how_work{padding: 20px !important;height: fit-content !important;}

.how_work img{width: 100%;}

#service_inner{padding: 40px 0px !important;}

.c_social ul li{margin-right: 7px !important;}

.c_social ul li a img {width: 20%;}

.r-mt-5{margin-top: 1.5rem!important;}

.our_service2 .overlay h2{font-size: 22px;}

.our_service2 .overlay{padding-top: 46px;}

}

@media only screen and (device-width : 360px) and (device-height : 800px){

.main_banner{background-position: right;height: fit-content;padding-bottom: 30px;}

.top_line{display: none;}

.navbar-nav{padding-bottom: 20px !important;} 

.banner_header_light_1, .banner_header_light_2, .banner_header_bold{font-size: 22px;}

.banner_subtext{font-size: 14px;}

.who_we_are h5{font-size: 16px;}

.who_we_are h1{font-size: 24px;}

.who_we_are .mt-5{margin-top: 10px !important;}

.who_we_are{padding: 20px;}

.boxes{margin-bottom: 20px;} 

.who_we_are .col-lg-8, .who_we_are .col-lg-4 {padding: 0px;}

.container{padding: 0px;}

.f_boxes{padding: 20px 0px;}

.why_us{padding: 20px 10px;}

.why_head h1{font-size: 36px;margin-bottom: 10px;}

.why_ul li{margin-bottom: 5px;}

.why_us{height: fit-content;}

.why_count h1{font-size: 46px;}

.why_number h2{font-size: 22px;text-align: center;}

.why_number p{text-align: center;}

.mb-25{margin-bottom: 10px !important;}

.our_service h1{font-size: 24px;}

.service_sub{font-size: 16px;}

.our_service{padding: 20px 0px;}

.our_service .mt-5{margin-top: 20px !important;}

.container_new{margin-bottom: 20px;}

.mt-30{margin-top: 0px !important;}

.overlay{padding-top: 32px;}

.overlay h2{font-size: 20px;}

.overlay p{font-size: 13px;line-height: 16px;}

.insta_bg h1{font-size: 28px;}

.insta_bg p{font-size: 20px;}


.insta_bg p i{font-size: 20px;}



.Our_Dermatologists{padding: 20px 0px;}

.Our_Dermatologists h1{font-size: 26px;margin-bottom: 20px !important;}

.dr_img{height: 150px;width: 150px;text-align: center;}

.dr_social_align h2{font-size: 22px;}

.about_dr{padding-left: 0px;margin-top: 0px;margin-bottom: 20px;}

.patients-details h2{font-size: 26px;}

.testimonial{padding: 20px 0px;}

.patients-details::after{top: 4px;}

.patient-col{padding-top: 10px;}

.user_text{padding: 25px;}

.user_img img{width: 30%;top: -30px;}

.user_name{top: -22px;} 

.footer .container{padding: 0px 15px;}

.footer_ul ul{margin-left: 15px !important;}

.footer_ul{padding-left:10px ;} 

.hearder_sticky .container{padding: 0px 15px;}

.insta_bg{display: none;}

/* ----21-03-2022---- */

.why_number h4, .why_number h3{text-align: center;}

.about_side_img img{width: 100%;margin-bottom: 20px;}

.section_head{font-size: 28px;}

.service_head{font-size: 32px;}

.our_service2{padding-bottom: 10px;}

.testimonial .carousel-indicators{bottom: -30px;}

.innner-main-title h1{font-size: 42px !important;}

.hd-typ-1 h2{font-size: 36px !important;}

#welcome-section{padding: 20px 0px !important;}

#welcome-section img{width: 100%;margin: 20px 0px;}

.how_head h1{font-size: 38px !important;}

.how_work{padding: 20px !important;height: fit-content !important;}

.how_work img{width: 100%;}

#service_inner{padding: 40px 0px !important;}

.c_social ul li{margin-right: 7px !important;}

.c_social ul li a img {width: 20%;}

.r-mt-5{margin-top: 1.5rem!important;}

.our_service2 .overlay h2{font-size: 22px;}

.our_service2 .overlay{padding-top: 46px;}

}


@media only screen and (device-width : 360px) and (device-height : 640px){

.main_banner{background-position: right;height: fit-content;padding-bottom: 30px;}

.top_line{display: none;}

.navbar-nav{padding-bottom: 20px !important;} 

.banner_header_light_1, .banner_header_light_2, .banner_header_bold{font-size: 22px;}

.banner_subtext{font-size: 14px;}

.who_we_are h5{font-size: 16px;}

.who_we_are h1{font-size: 24px;}

.who_we_are .mt-5{margin-top: 10px !important;}

.who_we_are{padding: 20px;}

.boxes{margin-bottom: 20px;} 

.who_we_are .col-lg-8, .who_we_are .col-lg-4 {padding: 0px;}

.container{padding: 0px;}

.f_boxes{padding: 20px 0px;}

.why_us{padding: 20px 10px;}

.why_head h1{font-size: 36px;margin-bottom: 10px;}

.why_ul li{margin-bottom: 5px;}

.why_us{height: fit-content;}

.why_count h1{font-size: 46px;}

.why_number h2{font-size: 22px;text-align: center;}

.why_number p{text-align: center;}

.mb-25{margin-bottom: 10px !important;}

.our_service h1{font-size: 24px;}

.service_sub{font-size: 16px;}

.our_service{padding: 20px 0px;}

.our_service .mt-5{margin-top: 20px !important;}

.container_new{margin-bottom: 20px;}

.mt-30{margin-top: 0px !important;}

.overlay{padding-top: 32px;}

.overlay h2{font-size: 20px;}

.overlay p{font-size: 13px;line-height: 16px;}

.insta_bg h1{font-size: 28px;}

.insta_bg p{font-size: 20px;}


.insta_bg p i{font-size: 20px;}



.Our_Dermatologists{padding: 20px 0px;}

.Our_Dermatologists h1{font-size: 26px;margin-bottom: 20px !important;}

.dr_img{height: 150px;width: 150px;text-align: center;}

.dr_social_align h2{font-size: 22px;}

.about_dr{padding-left: 0px;margin-top: 0px;margin-bottom: 20px;}

.patients-details h2{font-size: 26px;}

.testimonial{padding: 20px 0px;}

.patients-details::after{top: 4px;}

.patient-col{padding-top: 10px;}

.user_text{padding: 25px;}

.user_img img{width: 30%;top: -30px;}

.user_name{top: -22px;} 

.footer .container{padding: 0px 15px;}

.footer_ul ul{margin-left: 15px !important;}

.footer_ul{padding-left:10px ;} 

.hearder_sticky .container{padding: 0px 15px;}

.insta_bg{display: none;}

/* ----21-03-2022---- */

.why_number h4, .why_number h3{text-align: center;}

.about_side_img img{width: 100%;margin-bottom: 20px;}

.section_head{font-size: 28px;}

.service_head{font-size: 32px;}

.our_service2{padding-bottom: 10px;}

.testimonial .carousel-indicators{bottom: -30px;}

.innner-main-title h1{font-size: 42px !important;}

.hd-typ-1 h2{font-size: 36px !important;}

#welcome-section{padding: 20px 0px !important;}

#welcome-section img{width: 100%;margin: 20px 0px;}

.how_head h1{font-size: 38px !important;}

.how_work{padding: 20px !important;height: fit-content !important;}

.how_work img{width: 100%;}

#service_inner{padding: 40px 0px !important;}

.c_social ul li{margin-right: 7px !important;}

.c_social ul li a img {width: 20%;}

.r-mt-5{margin-top: 1.5rem!important;}

.our_service2 .overlay h2{font-size: 22px;}

.our_service2 .overlay{padding-top: 46px;}

}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {

.main_banner{background-position: top;height: fit-content;padding-bottom: 30px;}

.top_line{display: none;}

.navbar-nav{padding-bottom: 20px !important;} 

.banner_header_light_1, .banner_header_light_2, .banner_header_bold{font-size: 22px;}

.banner_subtext{font-size: 14px;}

.who_we_are h5{font-size: 16px;}

.who_we_are h1{font-size: 24px;}

.who_we_are .mt-5{margin-top: 10px !important;}

.who_we_are{padding: 20px;}

.boxes{margin-bottom: 20px;} 

.who_we_are .col-lg-8, .who_we_are .col-lg-4 {padding: 0px;}

.container{padding: 0px;}

.f_boxes{padding: 20px 0px;}

.why_us{padding: 20px 10px;}

.why_head h1{font-size: 36px;margin-bottom: 10px;}

.why_ul li{margin-bottom: 5px;}

.why_us{height: fit-content;}

.why_count h1{font-size: 46px;}

.why_number h2{font-size: 22px;text-align: center;}

.why_number p{text-align: center;}

.mb-25{margin-bottom: 10px !important;}

.our_service h1{font-size: 24px;}

.service_sub{font-size: 16px;}

.our_service{padding: 20px 0px;}

.our_service .mt-5{margin-top: 20px !important;}

.container_new{margin-bottom: 20px;}

.mt-30{margin-top: 0px !important;}

.overlay{padding-top: 32px;}

.overlay h2{font-size: 20px;}

.overlay p{font-size: 13px;line-height: 16px;}

.insta_bg h1{font-size: 28px;}

.insta_bg p{font-size: 20px;}


.insta_bg p i{font-size: 20px;}



.Our_Dermatologists{padding: 20px 0px;}

.Our_Dermatologists h1{font-size: 26px;margin-bottom: 20px !important;}

.dr_img{height: 150px;width: 150px;text-align: center;}

.dr_social_align h2{font-size: 22px;}

.about_dr{padding-left: 0px;margin-top: 0px;margin-bottom: 20px;}

.patients-details h2{font-size: 26px;}

.testimonial{padding: 20px 0px;}

.patients-details::after{top: 4px;display: none;}

.patient-col{padding-top: 10px;}

.user_text{padding: 25px;}

.user_img img{width: 15%;top: -30px;}

.user_name{top: -22px;} 

.footer .container{padding: 0px 15px;}

.footer_ul ul{margin-left: 15px !important;}

.footer_ul{padding-left:10px ;} 

.hearder_sticky .container{padding: 0px 15px;}

.insta_bg{display: none;}

}




/* About us css */
.inner-mainbanner{
    background: url(../images/about-us-banner.png) no-repeat center center;
    height: 490px;
    background-size: cover;
    display: flex;
    align-items: center;
}
.innner-main-title{
    text-align: center;
    
}
.innner-main-title h1{
    color: #fff;
    font-size: 50px;
}
#welcome-section{
    padding: 80px 0px
}
.hd-typ-1{
    padding-bottom: 20px;;
}
.hd-typ-1 h2{
    margin: 0px;
    padding: 0px;
    font-size: 50px;
    font-weight: 400;
    color: #57636a;
}
.hd-typ-1 h2 span{
    color: #194ca1;
    font-weight: bold;
}
.list-typ1{margin: 0px; padding: 0px;}
.list-typ1 li{
    list-style-type: none;
    background: url(../images/list-icon.png) left 2px no-repeat;
    padding-left: 25px;
    margin-bottom: 6px;
}



.how_work{
    background-image: url(../images/middle2.png);
    height: 703px;
    background-size: cover;
    padding: 40px;
    margin: 30px 0px;
    color: #fff;
    margin-bottom: 0px;
}
.how_head{text-align: center;margin-bottom:35px;}
.how_head h1{font-size: 50px;margin-bottom: 0px;}

.how_head p{font-weight: 200;font-size: :24px;}

.how_ul{list-style-type: none;padding-left: 15px;}


.how_ul li{margin-bottom: 10px;font-weight: 200;}

.how_ul li i{margin-right: 15px;}

.how_number p{font-weight: 200;}


.how_count h1{
    font-size: 85px;
    margin-bottom: 0px;
    font-weight: bold;
    opacity: 27%;

}

.service-mainbanner{
    background: url(../images/services-banner.png) no-repeat center center;
    height: 490px;
    background-size: cover;
    display: flex;
    align-items: center;
}
.service_sub2{font-size: 16px; font-weight: normal;} 

.contact-mainbanner{
    background: url(../images/contact-banner.png) no-repeat center center;
    height: 490px;
    background-size: cover;
    display: flex;
    align-items: center;
}


/* ---------------------Contact Us---------------- */

.contactus_banner{background-image: url(../images/contactus_banner.png);background-repeat: no-repeat;height: 370px;
    width: 100%;background-size: cover; align-items: center;  display: flex;justify-content: center;}

    .c_icons img{margin-top: 5px;margin-bottom: 10px;}

    .c_text p{margin-bottom: 5px;font-size: 18px;}

    .c_mail p a{text-decoration: none;color: inherit;}

    .map_height iframe{height: 250px !important;border: 1px solid #F2A604 !important;}

    input[type=text], select{padding: 10px;border: 1px solid #F2A604;}

    textarea{border: 1px solid #F2A604;}

    .c_social ul{margin: 0px;padding: 0px;margin-top: 20px;}

    .c_social ul li{list-style: none;display: inline;margin-right: 35px;}

    .c_social ul li:last-child{margin-right: 0px;}

    .c_social ul li a img{}
.contact-us{margin-bottom: 40px;}


/* ------------------our doctros-------------- */
    .doctor_social{margin-top: 20px;}    

.doctor_social a{margin-right: 20px;text-decoration: none;}

.doctor_social a img{transition: transform .3s;}

.doctor_social a:hover img{transform: scale(1.2);}

.dr_bg_light{background-color: #FEF8EB;padding: 30px 0px;padding-bottom: 50px;margin-bottom: 50px;}


.doctors-mainbanner{
    background: url(../images/doctors-banner.png) no-repeat center center;
    height: 490px;
    background-size: cover;
    display: flex;
    align-items: center;
}
.doctors-section p{font-weight: 100;}


/* modal popup css */

.modal-dialog {
    max-width: 1124px; }
  
  .modal-content {
    border: none;
    position: relative;
    padding: 0 !important;
    font-size: 14px;
    border-radius: 0;
    -webkit-box-shadow: 0px 10px 34px -15px rgba(0, 0, 0, 0.24);
    -moz-box-shadow: 0px 10px 34px -15px rgba(0, 0, 0, 0.24);
    box-shadow: 0px 10px 34px -15px rgba(0, 0, 0, 0.24); }
    .modal-content .modal-header {
      padding: 0;
      border: none; }
    .modal-content button.close {
      position: absolute;
      top: 0;
      right: 0;
      padding: 0;
      margin: 0;
      width: 40px;
      height: 40px;
      z-index: 1;
      text-shadow: none;
      background: rgba(0, 0, 0, 0.1);
      color: #fff; }
    .modal-content .modal-body {
      border: none;
      position: relative;
      z-index: 0;
      color: rgba(255, 255, 255, 0.8); }
      .modal-content .modal-body.color-1 {
        background: #fff; }
      .modal-content .modal-body.color-2 {
        background: #576268; }
      .modal-content .modal-body .icon span {
        font-size: 10vw;
        line-height: 1; }
        @media (max-width: 767.98px) {
          .modal-content .modal-body .icon span {
            font-size: 100px; } }
      .modal-content .modal-body .icon-2 {
        position: absolute;
        top: 0;
        left: 20px;
        font-size: 30px; }
      .modal-content .modal-body a:hover {
        color: #5eb7b7; }
    .modal-content .label {
      text-transform: uppercase;
      font-size: 12px;
      letter-spacing: 1px; }
    .modal-content .form-control {
      background: transparent;
      border: none;
      border-radius: 0;
      color: rgba(255, 255, 255, 0.7) !important;
      padding: 0;
      height: 30px;
      border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
      .modal-content .form-control::-webkit-input-placeholder {
        /* Chrome/Opera/Safari */
        color: rgba(255, 255, 255, 0.2) !important; }
      .modal-content .form-control::-moz-placeholder {
        /* Firefox 19+ */
        color: rgba(255, 255, 255, 0.2) !important; }
      .modal-content .form-control:-ms-input-placeholder {
        /* IE 10+ */
        color: rgba(255, 255, 255, 0.2) !important; }
      .modal-content .form-control:-moz-placeholder {
        /* Firefox 18- */
        color: rgba(255, 255, 255, 0.2) !important; }
    .modal-content .btn-primary {   
      background: #fff !important;
      height: 52px;
      border-color: #F2A604;
      color: #F2A604 !important;
      font-weight: 500;
      font-size: 16px;
      border: 1px solid;
    }
    .modal-content .btn-primary:hover {   
        background: #F2A604 !important;
        height: 52px;
        border-color: #F2A604;
        color: #fff !important;
        font-weight: 500;
        font-size: 16px;
        border: 1px solid;
      }
     
  .form-check {
    padding: 0; }
  
  .fill-checkbox {
    --color: #47e4bb; }
    .fill-checkbox .fill-control-input {
      display: none; }
      .fill-checkbox .fill-control-input:checked ~ .fill-control-indicator {
        background-color: #0047ab;
        border-color: #0047ab;
        background-size: 80%; }
      .fill-checkbox .fill-control-input:checked ~ .fill-control-description {
        color: rgba(255, 255, 255, 0.3); }
    .fill-checkbox .fill-control-indicator {
      border-radius: 3px;
      display: inline-block;
      position: absolute;
      top: 5px;
      left: 0;
      width: 16px;
      height: 16px;
      border: 1px solid rgba(255, 255, 255, 0.4);
      -webkit-transition: .1s;
      -o-transition: .1s;
      transition: .1s;
      background: transperent;
      background-size: 0%;
      background-position: center;
      background-repeat: no-repeat;
      content: 'hey';
      background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E"); }
    .fill-checkbox .fill-control-description {
      color: rgba(255, 255, 255, 0.3); }
  
  .form-check.disabled .fill-checkbox {
    --color: rgba(255,255,255,.4); }
    .form-check.disabled .fill-checkbox .fill-control-description {
      color: rgba(255, 255, 255, 0.4); }
  select option{color: #000;}



/* ----------------Inner Pages 05-03-2022---------------------   */


.sub_section_text{color: #194CA1;font-size: 18px;font-weight: 600;}


.list-typ_2 li {
    list-style-type: none;
    background: url(../images/list-icon.png) right 2px no-repeat;
    padding-right: 25px;
    margin-bottom: 6px;
}


#service_inner{padding: 80px 0px;padding-bottom: 50px;}

#service_inner a{color: #f3a61d;margin-left: 5px;}

.IVdrips{padding: 50px;padding-top: 0px;}

.service_boxes{box-shadow: 0px 0px 51px 0px rgb(243 166 29 / 43%);padding: 46px;border-radius: 20px;}

.drop_bg{background-image: url(../images/drop.png);background-size: contain;background-repeat: no-repeat;background-position: center;}


:root{
    --cs: 45px;
    --br: 20px;
}

.root {
    display: flex;
    
    align-items: center;
    filter: drop-shadow(0 0 6px #f3a61d);
}
.root-2 {
    filter: drop-shadow(0 0 6px #f3a61d);
}
.root-2 .content{min-height: 330px;}
.content {
    position: relative;
    margin: auto;
    
    border-radius: var(--br);
    background-color: #ffffff;
    color: inherit;
    padding: 40px;
    text-align: left;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    clip-path: polygon(0 0, calc(100% - var(--cs)) 0, 100% var(--cs), 100% 100%, 0 100%);
}

.content::after {
    content: '';
    position: absolute;
    display: block;
    width: var(--cs);
    height: var(--cs);
    background-color: #194CA1;
    top: 0;
    right: 0;
    border-bottom-left-radius: var(--br);
}


.bg_gray{background-color: #F9F9F9;padding: 40px 0px;}

.table .thead-dark th {background-color: #194CA1;    border-color: #194CA1;}

.thead-dark{background-color: #194CA1;}

.table td, .table th{border-left: 1px solid #194ca1;border-right: 1px solid #194ca1;}

.border_left0{border-left: 0px !important;}

.border_right0{border-right: 0px !important;}

.border_bottom1{border-bottom: 1px solid #194ca1;}

.hd-typ-1 h3{font-size: 34px;margin-bottom: 0px;}

.hd-typ-1 h3 span {
    color: #194ca1;
    font-weight: bold;
}


.table_row_bg{background-color: #e4e4e4;}