/*@font-face {*/
/*    font-family: 'Outfit';*/
/*    src: url('../fonts/Outfit-Black.woff2') format('woff2'),*/
/*        url('../fonts/Outfit-Black.woff') format('woff');*/
/*    font-weight: 900;*/
/*    font-style: normal;*/
/*    font-display: swap;*/
/*}*/
/*@font-face {*/
/*    font-family: 'Outfit';*/
/*    src: url('../fonts/Outfit-Regular.woff2') format('woff2'),*/
/*        url('../fonts/Outfit-Regular.woff') format('woff');*/
/*    font-weight: normal;*/
/*    font-style: normal;*/
/*    font-display: swap;*/
/*}*/
/*@font-face {*/
/*    font-family: 'Outfit';*/
/*    src: url('../fonts/Outfit-Medium.woff2') format('woff2'),*/
/*        url('../fonts/Outfit-Medium.woff') format('woff');*/
/*    font-weight: 500;*/
/*    font-style: normal;*/
/*    font-display: swap;*/
/*}*/
/*@font-face {*/
/*    font-family: 'Outfit';*/
/*    src: url('../fonts/Outfit-Bold.woff2') format('woff2'),*/
/*        url('../fonts/Outfit-Bold.woff') format('woff');*/
/*    font-weight: bold;*/
/*    font-style: normal;*/
/*    font-display: swap;*/
/*}*/
/*@font-face {*/
/*    font-family: 'Outfit';*/
/*    src: url('../fonts/Outfit-ExtraLight.woff2') format('woff2'),*/
/*        url('../fonts/Outfit-ExtraLight.woff') format('woff');*/
/*    font-weight: 200;*/
/*    font-style: normal;*/
/*    font-display: swap;*/
/*}*/
/*@font-face {*/
/*    font-family: 'Outfit';*/
/*    src: url('../fonts/Outfit-Light.woff2') format('woff2'),*/
/*        url('../fonts/Outfit-Light.woff') format('woff');*/
/*    font-weight: 300;*/
/*    font-style: normal;*/
/*    font-display: swap;*/
/*}*/
/*@font-face {*/
/*    font-family: 'Outfit';*/
/*    src: url('../fonts/Outfit-SemiBold.woff2') format('woff2'),*/
/*        url('../fonts/Outfit-SemiBold.woff') format('woff');*/
/*    font-weight: 600;*/
/*    font-style: normal;*/
/*    font-display: swap;*/
/*}*/



/* date time picker */
/* Bootstrap css */
@import "https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css";

/* Google Material icons */
@import "http://fonts.googleapis.com/icon?family=Material+Icons";

/* Propeller css */
@import "dist/css/propeller.min.css";

/* Bootstrap datetimepicker */
@import "datetimepicker/css/bootstrap-datetimepicker.css";

/* Propeller datetimepicker */
@import "datetimepicker/css/pmd-datetimepicker.css";

input#datetimepicker-default {
    border: none;
}
input#datetimepicker-default:focus {
    border-color: none;
    box-shadow: none;
}
/* date time end */
h1{font-size: 113px;line-height: 120px;margin: 0;color: #447BD6;font-weight: 900;}
h2{font-size: 70px;line-height: 75px;margin: 0;font-weight: 900;}
h3{font-size: 48px;font-weight: 700;line-height: 53px;margin: 0;}
h4{font-size: 30px;color: #447BD6;font-weight: 700;line-height: 34px;margin: 0;}
h5{font-size: 28px;line-height: 33px;font-weight: 400;margin: 0;}
p{margin-bottom: 0;}
a:hover{text-decoration: none;cursor: pointer;}
ul{list-style: none;padding: 0;margin: 0;}
body{font-family: 'Outfit';}
body .wrapper{overflow-x: hidden;}
.docs-container{max-width: 1600px;margin: 0 auto;padding: 0 15px;}
header{background: #fff;box-shadow: 0px 3px 11px #00000008;position: relative;}
.header-logo {display: flex; justify-content: space-between; padding-top: 15px;}
/* header .navbar-nav{margin: 0 auto;} */
header .navbar{padding: 5px 0px; display: block;}

header .navbar-light .navbar-nav .nav-item{padding: 8px 25px;}
header .navbar-light .navbar-nav .nav-link{font-weight: 500;padding: 0;transition: all ease-in-out 0.3s;position: relative; color: #000 !important}
header .navbar-light .navbar-nav .nav-link:hover{color: #26E0F8;transition: all ease-in-out 0.3s;}
header .navbar-light .navbar-nav .nav-link:hover::before{content: '';position: absolute;top: 25px;width: 0;height: 0;border-style: solid;border-width: 7.5px 7.5px 0 7.5px;border-color: #26E0F8 transparent transparent transparent;left: 0;right: 0;margin: 0 auto;transform: rotate(180deg);}
/* header ul.exo-menu.nav-item li.mega-drop-down a.mega-a:hover::before{content: '';position: absolute;top: 25px;width: 0;height: 0;border-style: solid;border-width: 7.5px 7.5px 0 7.5px;border-color: #26E0F8 transparent transparent transparent;left: 0;right: 0;margin: 0 auto;transform: rotate(180deg);} */
header .login-btn{background: #26E0F8;border: none;color: #fff;width: 131px;padding: 10px 30px 10px 7px; border-radius: 26px;display: flex;align-items: center;font-weight: 600;transition: all ease-in-out 0.3s;display: flex;justify-content: space-between;font-size: 16px;height: 50px;}
header .login-btn .fa-caret-right{display: none;margin-left: 31px;}
header .login-btn:hover .fa-caret-right{display: block;}
header .login-btn .fa-user-circle{font-size: 30px;margin-right: 19px;}
header .login-btn:hover .fa-user-circle{display: none;transition: all ease-in-out 0.3s;}
header .login-btn:hover{padding: 16px 19px 15px 31px;}
header .navbar-collapse{position: relative;z-index: 1;}
div#navbarSupportedContent form, header .navbar strong{display: none;}
.navbar-light .navbar-toggler{border: none;}
button.navbar-toggler:focus{outline: none;}
div#navbarSupportedContent .pt-login li a{color: #000;}
/* banner */
.banner{padding: 200px 0 100px 0;background: #447BD6; max-height: 100%;}
.banner h1 span{font-size: 70px;line-height: 75px;margin: 0;color: #26E0F8;font-weight: 900;}
.banner p{width: 87%;font-size: 33px;line-height: 44px;font-weight: 200;margin-bottom: 30px;}
.banner .health-btn{border: none;background: #20c0f3;;color: #fff;padding: 7px 17px 7px 7px;border-radius: 26px;display: flex;align-items: center;font-size: 16px;font-weight: 600;transition: all ease-in-out .3s;}
.banner .health-btn:hover{background: #447BD6;}
.banner .top-heading{margin-bottom: 80px;}
.banner .health-img{margin-right: 12.5px;}
.banner .doc-text{font-size: 16px;font-weight: 900;color: #447BD6;line-height: 20px;}
.banner .doc-icon{margin-right: 10px;}
.banner .doc-section{margin-right: 23px;display: flex;align-items: center;}
.banner .lottie-background{position: absolute;top: 0;background: url('../images/banner-lottie-background.png');background-size: cover;background-position: left;padding:165px 172px 73px 35px}
.mylotti{position: absolute;top: 0;background: url('../images/banner-lottie-background.png');background-size: cover;background-position: left;padding:165px 172px 73px 35px}
.lottie-bg-2{position: absolute;top: 0; right:0;background: url('../images/lottie_bg_2.svg');background-size: cover;background-position: left;padding: 130px 140px 60px 35px;}
.banner .lottie-player{width: 100%;height: 100%;opacity: 0.8;background: #c7e6fe;border-radius: 50%;overflow: hidden;}
.pt-login{display: flex; gap: 6px; z-index: 9999;}
.pt-login li a{color: rgb(0, 0, 0); font-weight: 500;}
.pt-login li a:hover{color: #26E0F8;}

.bg-white{padding-top: 245px; padding-bottom: 3rem;}
/* Serach banner section start */
.tabs{
    width: 70%;
}
.tabs, .tab-content>.tab-pane{
    background-color: #fff;
}
button#pills-profile-tab {
    color: gray;
}
ul#pills-tab {
    justify-content: space-evenly;
}
a#pills-home-tab {
    font-size: 16px;
    font-weight: 500;
}
.nav-pills .nav-link.active{
    background-color: #fff;
    color: #45b8dd;
}
.CommonSearchTab-module--container--8024ba {
    height: 236px;
    padding-top: 12px;
    padding-right: 16px;
    padding-left: 16px;
    padding-bottom: 16px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.InputField-module--container--442176 {
    display: flex;
    align-items: stretch;
    overflow: hidden;
    width: auto;
    height: 40px;
    border: 1px solid #e8e8e8;
    border-radius: 4px;
    background-color: #fff;
}
.InputField-module--input--ba477c {
    height: 100%;
    width: 0;
    flex: 1 0 auto;
    padding: 0;
    color: #4d4d4d;
    font-size: 16px;
    line-height: 24px;
    border: none;
    outline: none;
}
.InputField-module--icon--580060 {
    flex: none;
    width: 24px;
    min-height: 24px;
    margin-left: 8px;
    margin-right: 16px;
    align-self: center;
}
.InputField-module--reset--acf14a {
    flex: none;
    box-sizing: content-box;
    width: 16px;
    min-height: 16px;
    border-left: 16px solid transparent;
    border-right: 8px solid transparent;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgc3Ryb2tlPSIjN0Y3RjdGIiBzdHJva2Utd2lkdGg9IjIiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PHBhdGggZD0iTTIwIDIwTDQgNE00IDIwTDIwIDQiLz48L2c+PC9zdmc+);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 16px 16px;
    cursor: pointer;
    visibility: visible;
}
.CommonSearchTab-module-button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    line-height: 24px;
    text-align: center;
    margin: 0;
    cursor: pointer;
    outline: none;
    transition: background-color .2s linear,border-color .2s linear;
    border-style: solid;
    border-width: 2px;
    border-radius: 4px;
    min-height: 40px;
    font-size: 16px;
    padding: 5px 12px 7px 12px;
    background-color: #45b8dd;
    border-color: #45b8dd;
    color: #fff;
    fill: #fff;
}
.CommonSearchTab-module-button:hover {
    background-color: #ffffff;
    border-color: #20c0f3;
    color: #000;
}
/* serach End */

/* Services */
.services{padding: 100px 0 125px 0;background: #F8FCFD;}
.services .content{margin-bottom: 30px;}
.services .content strong{font-size: 30px;color: #447BD6;font-weight: 700;line-height: 34px;display: block;margin-bottom: 16px;}
.services .content h3{margin-bottom: 25px;}
.services .content p{color: #4B4B4B;font-size: 18px;line-height: 30px;}
.services .slider-box svg path{fill: #6794DE;}
.services .slider-box{box-shadow: 0px 3px 14px #0000001A;background: #fff;border-radius: 37px;padding: 74px 40px 53px 40px;color: #000;height: 90%;}
.services .slider-box p{transition: all ease-in-out .3s;}
.services .slider-box svg{margin-bottom: 66px;}
.services .slider-box h4{margin-bottom: 8px;}
.services .slider-box:hover svg path{fill: #fff;}
.services .slider-box:hover h4{color: #fff;}
.services .slider-box:hover p{margin-bottom: 39px;}
.services .slider-box:hover{padding-bottom: 41px;background: #447BD6;color: #fff;height: 99%;}
.services .slider-box .details{display: none;transition: all ease-in-out 1s;}
.services .slider-box:hover .details{justify-content: space-between;align-items: center;display: flex;}
.services .set-position{height: 430px;}
.services .slick-slide {margin: 0 27px;}
.services .slick-list {margin: 0 -27px;}
.services .slick-arrow::before{color: #447BD6;font-family: 'fontawesome';border: 1px solid #447BD6;padding: 10px 11px 6px 11px;border-radius: 50%;}
.services .slick-next:before{content: '\f054';}
.services .slick-prev:before{content: '\f053';}
.services .slick-prev{z-index: 10;left: -50px;}
.services .slick-next{right: -50px;}
/* easy-steps */
.easy-steps{padding: 142px 0 108px 0;position: relative;}
.easy-steps .patient-img{position: absolute;top: 10%;left: 0;}
.easy-steps .easy-content .no-3{display: inline-block;font-size: 114px;line-height: 114px;color: #fff;background: #447BD6;border-radius: 12px;padding: 0 21px;}
.easy-steps .easy-content h2{line-height: 88px;color: #447BD6;margin-bottom: 23px;}
.easy-steps .easy-content h3{margin-bottom: 25px;}
.easy-steps .easy-content .teledocs{font-size: 18px;margin-bottom: 58px;}
.easy-steps .easy-content .steps-no{font-size: 33px;line-height: 38px;color: #659EFC;border: 2px solid #659EFC;border-radius: 6px;margin-right: 25px;width: 72px;height: 75px;display: flex;align-items: center;justify-content: center;}
.easy-steps .easy-content .steps-detail h4{color: #000000;}
.easy-steps .easy-content li{margin-bottom: 30px;}
.easy-steps .steps-detail{flex: 1;}
/* Treatment */
.treatment {padding: 108px 0 60px 0;}
.treatment .header .specialist{font-size: 30px;font-weight: 700;color: #447BD6;margin-bottom: 16px;display: block;}
.treatment .header{margin-bottom: 99px;}
.treatment .nav-pills .nav-link{padding: 26px 25px;background:  transparent linear-gradient(270deg, #F2F2F2 0%, #F0F9FF 100%) 0% 0% no-repeat padding-box;border-radius: 20px;color: #000;height: 100%;}
.treatment .nav-pills .nav-link.active, .treatment .nav-pills .nav-link:hover{color: #fff;background: transparent linear-gradient(270deg, #26E0F8 0%, #659EFC 100%) 0% 0% no-repeat padding-box;}
.treatment .nav-pills .nav-item,.treatment .tab-content .tab-pane .tab-category{width: 24%;margin-bottom: 16px;}
.treatment .nav-pills .see-more{background: #659EFC;display: flex;align-items: center;justify-content: center;}
.treatment .nav-pills .see-more:hover{background: #659EFC;}
.treatment .nav-pills .see-more h4{color: #fff;}
.treatment .nav-pills{justify-content: space-between;margin-bottom: 47px;}
.treatment .treatment-category .category-icon{margin-right: 18px;margin-top: -8px;}
.treatment .treatment-category h5{margin-bottom: 19px;}
.treatment .tab-category{padding: 16px;color: #000000;background: #DCECF9 0% 0% no-repeat padding-box;border: 1px solid #E1E1E1;transition: all ease-in-out .3s;padding-right: 30px;margin-bottom: 20px;}
.treatment .tab-category .circle-arrow{background: #fff;border-radius: 50%;padding: 2px 6px 1px 7px;display: none;transition: all ease-in-out .3s}
.treatment .tab-category span{font-size: 18px;}
.treatment .tab-category:hover .circle-arrow{display: block;}
.treatment .tab-category:hover{padding-right: 16px;background: #447BD6;color: #fff;}
.treatment .tab-category .fa-arrow-right{color: #447BD6;}

/* app-view */
.app-view{padding: 126px 0 100px 0;border-bottom: 2px solid #26E0F8;}
.app-view .content{margin-bottom: 65px;}
.app-view .content h2{font-size: 60px;line-height: 65px;margin-bottom: 11px;color: #26E0F8;}
.app-view .content h4{color: #000;margin-bottom: 18px;}
.app-view .content p{font-size: 18px;}


/* partner styling */
/* partner styling */
#prt-banner{height: 500px;display: flex;flex-direction: row-reverse;align-items: center;background-image: url('/assets/images/banner-prt.jpg');background-position: center;background-size: cover;}
.prt-h1{font-size: 40px;color: white;line-height: 52px;}
#prt-banner p{color: #fff;}
.prt-btn{background: #8e5aff;color: #fff;border: 1px solid;border-radius: 26px;padding: 12px;margin-top: 34px;display: block;width: 30%;}
.prt-btn:hover{background: #fff;}
#b-prt{margin: 70px 0px;}
.slider-prt{margin: 30px 0;}
                    /* counter css */
.sectionClass {padding: 20px 0px 50px 0px;position: relative;display: block;}
.fullWidth {width: 100% !important;display: table;float: none;padding: 0;min-height: 1px;height: 100%;position: relative;}
.sectiontitle {background-position: center;margin: 30px 0 0px;text-align: center;min-height: 20px;}
.sectiontitle h2 {font-size: 30px;color: #222;margin-bottom: 0px;padding-right: 10px;padding-left: 10px;}
.headerLine {width: 160px;height: 2px;display: inline-block;background: #101F2E;}
.projectFactsWrap{display: flex;margin-top: 30px;flex-direction: row;flex-wrap: wrap;}
#projectFacts .fullWidth{padding: 0;}
.projectFactsWrap .item{width: 25%;height: 100%;padding: 50px 0px;text-align: center;}
.projectFactsWrap .item:nth-child(1){background: rgb(16, 31, 46);}
.projectFactsWrap .item:nth-child(2){background: rgb(18, 34, 51);}
.projectFactsWrap .item:nth-child(3){background: rgb(21, 38, 56);}
.projectFactsWrap .item:nth-child(4){background: rgb(23, 44, 66);}
.projectFactsWrap .item p.number{font-size: 40px;padding: 0;font-weight: bold;}
.projectFactsWrap .item p{color: rgba(255, 255, 255, 0.8);font-size: 18px;margin: 0;padding: 10px;font-family: 'Open Sans';}
.projectFactsWrap .item span{width: 60px;background: rgba(255, 255, 255, 0.8);height: 2px;display: block;margin: 0 auto;}
.projectFactsWrap .item i{vertical-align: middle;font-size: 50px;color: rgba(255, 255, 255, 0.8);}
.projectFactsWrap .item:hover i, .projectFactsWrap .item:hover p{color: white;}
.projectFactsWrap .item:hover span{background: white;}
#prt-h2{font-size: 52px;}
.counter-bg{padding: 0px 20px;margin-top: -150px;background-color: #d9d6d6ab;height: 550px;display: flex;flex-direction: column;justify-content: center;}

/*  */
body .testimonial {
  padding: 100px 0;
}
body .testimonial .row .tabs {
  all: unset;
  margin-right: 50px;
  display: flex;
  flex-direction: column;
}
body .testimonial .row .tabs li {
  all: unset;
  display: block;
  position: relative;
}
body .testimonial .row .tabs li.active::before {
  position: absolute;
  content: "";
  width: 50px;
  height: 50px;
  background-color: #71b85f;
  border-radius: 50%;
}
body .testimonial .row .tabs li.active::after {
  position: absolute;
  content: "";
  width: 30px;
  height: 30px;
  background-color: #71b85f;
  border-radius: 50%;
}
body .testimonial .row .tabs li:nth-child(1) {
  align-self: flex-end;
}
body .testimonial .row .tabs li:nth-child(1)::before {
  left: 64%;
  bottom: -50px;
}
body .testimonial .row .tabs li:nth-child(1)::after {
  left: 97%;
  bottom: -81px;
}
body .testimonial .row .tabs li:nth-child(1) figure img {
  margin-left: auto;
}
body .testimonial .row .tabs li:nth-child(2) {
  align-self: flex-start;
}
body .testimonial .row .tabs li:nth-child(2)::before {
  right: -65px;
  top: 50%;
}
body .testimonial .row .tabs li:nth-child(2)::after {
  bottom: 101px;
  border-radius: 50%;
  right: -120px;
}
body .testimonial .row .tabs li:nth-child(2) figure img {
  margin-right: auto;
  max-width: 300px;
  width: 100%;
  margin-top: -50px;
}
body .testimonial .row .tabs li:nth-child(3) {
  align-self: flex-end;
}
body .testimonial .row .tabs li:nth-child(3)::before {
  right: -10px;
  top: -66%;
}
body .testimonial .row .tabs li:nth-child(3)::after {
  top: -130px;
  border-radius: 50%;
  right: -46px;
}
body .testimonial .row .tabs li:nth-child(3) figure img {
  margin-left: auto;
  margin-top: -50px;
}
body .testimonial .row .tabs li:nth-child(3):focus {
  border: 10px solid red;
}
body .testimonial .row .tabs li figure {
  position: relative;
}
body .testimonial .row .tabs li figure img {
  display: block;
}
body .testimonial .row .tabs li figure::after {
  content: "";
  position: absolute;
  top: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  border: 4px solid #dff9d9;
  border-radius: 50%;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
body .testimonial .row .tabs li figure:hover::after {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
body .testimonial .row .tabs.carousel-indicators li.active figure::after {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
body .testimonial .row .carousel > h3 {
  font-size: 20px;
  line-height: 1.45;
  color: rgba(0, 0, 0, 0.5);
  font-weight: 600;
  margin-bottom: 0;
}
body .testimonial .row .carousel h1 {
  font-size: 40px;
  line-height: 1.225;
  margin-top: 23px;
  font-weight: 700;
  margin-bottom: 0;
}
body .testimonial .row .carousel .carousel-indicators {
  all: unset;
  padding-top: 43px;
  display: flex;
  list-style: none;
}
body .testimonial .row .carousel .carousel-indicators li {
  background: #000;
  background-clip: padding-box;
  height: 2px;
}
body .testimonial .row .carousel .carousel-inner .carousel-item .quote-wrapper {
  margin-top: 42px;
}
body .testimonial .row .carousel .carousel-inner .carousel-item .quote-wrapper p {
  font-size: 18px;
  line-height: 1.72222;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.7);
}
body .testimonial .row .carousel .carousel-inner .carousel-item .quote-wrapper h3 {
  color: #000;
  font-weight: 700;
  margin-top: 37px;
  font-size: 20px;
  line-height: 1.45;
  text-transform: uppercase;
}

:root{
  --cr1:#F36E45;
  --cr2:#fff;
  --cr3:#000000da;
  --cr4:#000000a1;
  --cr5:#BEB4B1;
  --fs1:34px;
  --fs2:24px;
  --fs3:20px;
  --fs4:16px;
  --fs5:14px;
}
/* the same attribute */
.cr1{
  color: var(--cr1);
}
.c2{
  color:  var(--cr2);
}
.cr3{
  color:  var(--cr3);
}
.cr4{
  color:  var(--cr4);
}
.cr5{
  color:  var(--cr5);
}
.fs1{
  font-size: 34px;
}
.fs2{
  font-size: 24px;
}
.fs3{
  font-size: 20px;
}
.fs4{
  font-size: 16px;
}
.fs5{
  font-size: 14px;
}
/* end the same attribute */
@font-face {
  src: url(ProductSansRegular_0.ttf);
  font-family: product;
}
*{padding: 0px;margin: 0px;box-sizing: border-box;font-family: segoe ui}
body,html{width:100%;height:100%;}
[class*="container"]{
  max-width: 1220px !important;
}

.bg-product{
  /* SET Height cho nó rồi bảo sao ko lỗi? */
  /*height: 446px;*/
  background: #d1d7f5;
  /* overflow: hidden; */
}
#sliderproduct{
  width: 100%;
}
#sliderproduct .carousel-inner {
  overflow: visible;
}

#sliderproduct .col-sm-6.image {
  background: #fff;
  box-shadow: 0px 4px 8px 0px #959595;
  position: relative;
  /* Thêm cái của nợ này vào bảo sao nó ko tràn bờ đê */
  /*top: -44px;
  padding: 100px;
  padding-top: 40px;*/
}
.item {
  padding: 20px 20px 40px 20px;
}

.col-sm-6.image .item img.img-fluid {
  /* Ai mướn thêm cái vào làm phá bố cục css của người ta.. mún trang web đẹp thì phải lựa cái ảnh đẹp đẹp vào rồi set cái độ rộng cho nó vừa là được rồi */
  /*min-width: 100%;*/
  width: 315px;
}
.col-sm-6.image h1 {
  margin-bottom: 20px;
}


#sliderproduct .top a {
  text-decoration: none;
  text-transform: uppercase;
  font-size: 18px;
  padding: 14px 22px;
  background: #e0794f;
  box-sizing: border-box !important;
  text-align: center;
  margin: 0px 2px;
  display: block;
  color: #fff;
  width: 96px;
}

#sliderproduct .col-sm-4.mr-auto {
  margin-top: 22px;
}



#sliderproduct p.cr1 {
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 30px;
}

#sliderproduct .col-sm-6:last-child {
  /* Cần nâng cao thêm kiến thức về sử dụng padding */
  padding-top: 27px;
  padding-bottom: 27px;
}
#sliderproduct .details p.d-inline-block {
  color: #e0794f;
}

#sliderproduct .details .fa {
  color: #e0794f;
  padding: 0px 3px;
}

#sliderproduct .rating {
  margin: 23px 0px;
}

#sliderproduct .details .btn {
  text-transform: uppercase;
  font-weight: 400;
  padding: 16px 22px;
  background: #e0794f;
  color: #fff;
  border-radius: 81px;
  font-size: 14px;
  display: inline-block;
}

#sliderproduct .details h2 {
  margin: 25px 0px 30px 0px;
  font-size: 24px;
  font-weight: 700;
}

#sliderproduct .details p.cr4 {
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
  margin-bottom: 0px;
}
#sliderproduct .carousel-item{
  transition: 0.4s;
}


#sliderproduct a.carousel-control-prev, #sliderproduct a.carousel-control-next {
  border-radius: 50%;
  background-color: brown;
  width: 46px;
  height: 46px;
  font-size: 30px;
  text-align: center;
  line-height: 40px;
  opacity: 1;
  top: 50%;
  transform: translate(-50%,-60%);
}

.bg {
  height: 570px;
  overflow: hidden;
}

#sliderproduct ol.carousel-indicators {
  display: none;
}

/* partner styling end */

/* about-us styling */

.social-link {
  width: 30px;
  height: 30px;
  border: 1px solid #ddd;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #666;
  border-radius: 50%;
  transition: all 0.3s;
  font-size: 0.9rem;
}

.social-link:hover,
.social-link:focus {
  background: #ddd;
  text-decoration: none;
  color: #555;
}
/* about-us styling end */
/* contact-us styling */
.bg-primary {background: #001e62 !important;
}

.citylist{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
ul.citylist li a{
    color: #4d4d4d;
    padding-top: 2px;
    padding-bottom: 2px;
    margin: 0;
    font-size: 14px;
    line-height: 24px;
    font-weight: 600;
    text-decoration: none;
    cursor: pointer;
}
.cityheading{
    font-size: 16px;
    line-height: 32px;
    font-weight: 700;
    color: #4d4d4d;
    margin-bottom: 10px 0;
}
#listby-city{
    margin: 30px 0px;
}
.citylist li:nth-child(n) {
    width: 50%;
    padding-right: 32px;
}
/* login form */
button.btn.btn-primary.btn-block.btn-lg.login-btn {
    background: #20c0f3;
    border: 1px solid #20c0f3;
}
button.btn.btn-primary.btn-block.btn-lg.login-btn:hover {
    background: #fff;
    color: #20c0f3;
    border: 1px solid #20c0f3;
}
/* contact-us styling end */

.footer .footer-bottom .copyright-text p a{color: #fff;}
.footer .footer-bottom .copyright-text p a:hover{color: #09e5ab;}
.form-group .btn{
    background: #20c0f3;
    border: 1px solid #f8f9fa;
    color: #fff;
}
.form-group .btn, .btn-light:focus{
    color: #ffffff;
    background-color: #20c0f3;
    border-color: #bfc2c5;
}
.btn-light:hover{
    color: #ffffff;
    background-color: #20c0f3;
    border-color: #bfc2c5;
}
.form-group .btn:hover{
    background-color: #fff;
    border-color: #20c0f3;
    color: #20c0f3;
}

.has-arrow .dropdown-toggle:after {
	border-top: 0;
	border-left: 0;
	border-bottom: 2px solid #757575;
	border-right: 2px solid #757575;
	content: '';
	height: 8px;
	display: inline-block;
	pointer-events: none;
	-webkit-transform-origin: 66% 66%;
	-ms-transform-origin: 66% 66%;
	transform-origin: 66% 66%;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	-webkit-transition: all 0.15s ease-in-out;
	transition: all 0.15s ease-in-out;
	width: 8px;
	vertical-align: 2px;
	margin-left: 10px;
}
.dropdown-toggle .user-img {
  display: inline-block;
  position: relative;
}


/* owl start */
#f1_container {
    position: relative;
    margin: 10px auto;
    width: 205px;
    height: 195px;
    z-index: 1;
}
.cat-name{position: relative;}
.innercontent h3 a{display: block;font-size: 20px; text-align: center; color: #000;}
/* #f1_container:hover .cat-name {
    color: #20c0f3;
} */
#f1_container {
    perspective: 1000px;
}
#f1_card {
    width: 100%;
    height: 100%;
    transform-style: preserve-3d;
    transition: all 1.0s linear;
    border-radius: 14px;
}
/* #f1_container:hover #f1_card {
    transform: rotateY(180deg);
    box-shadow: -5px 5px 5px #aaa;
} */
.face {
    position: absolute;
    width: 100%;
    height: 100%;
    backface-visibility: hidden;
}
.face.back {
    display: block;
    transform: rotateY(180deg);
    box-sizing: border-box;
    padding: 10px;
    /*color: white;*/
    text-align: center;
    /*background-color: #aaa;*/
}
#f1_container img {
    width: 205px;
    height: 150px;
    border-top-left-radius: 14px;
    border-top-right-radius: 14px;
}

.shadow {
  box-shadow: 0 2px 5px rgba(0,0,0,0.1)!important;
}
/* owl end */


/* mega menu css */


a.nav-link{color: #000;}
ul li:hover > ul,
ul li ul:hover {
  visibility: visible;
  opacity: 1;
  display: block;
}

ul li ul li {
	clear: both;
  width: 100%;
}

ul.dropdown-menu li a.dropdown-item:hover::before {
    content: '';
    position: absolute;
    top: 12px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7.5px 7.5px 0 7.5px;
    border-color: #26E0F8 transparent transparent transparent;
    left: 0;
    margin: 0 auto;
    transform: rotate(270deg);
}
.navbar-expand-lg .navbar-nav .dropdown-menu{top: 85%;}
ul li ul.dropdown-menu li:hover{position: relative;}

.testimonial-area .slick-initialized .slick-slide{
    padding: 0px 20px;
}
.topservices-lider{padding: 70px 0px; background: aliceblue}
.mcontent h6{padding-top: 20px; font-weight: 700;}
.innercontent{padding: 0px; background: #fff; border-radius: 14px;}
.mycinner{height: 275px;}
.innercontent img {
  height: 150px;
  border-top-left-radius: 14px;
    border-top-right-radius: 14px;
}
.form-group.pmd-textfield.pmd-textfield-floating-label {
    display: flex;
    align-items: center;
    margin: 0;
    width: 100%;
}
input#datetimepicker_start_time {
    width: 100%;
    border: none;
    outline-style: none;
}


#inputGroupSelect04{border: none;}
.custom-select{background: none !important;}
.custom-select:focus{box-shadow: none;}
select#inputGroupSelect04 {
    padding: 0;
    color: #000;
    font-family: Arial !important;
    font-weight: 500;
    font-size: 16px !important;
}
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #000;
    font-family: Arial !important;
    font-weight: 500;
    font-size: 16px !important;
  opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #000;
    font-family: Arial !important;
    font-weight: 500;
    font-size: 16px !important;
}

::-ms-input-placeholder { /* Microsoft Edge */
    color: #000;
    font-family: Arial !important;
    font-weight: 500;
    font-size: 16px !important;
}
.main-menu-wrapper ul.navbar-nav{z-index: 99999;}
.nav-link {
  padding: 0.5rem 0.5rem;
}
a.nav-link.dropdown-toggle:hover{color: #45b8dd;}
.innercontent  h3{font-size: 20px;}
#paypal-btn{background-color: transparent;}
#paypal-btn:hover{background-color: #138496;}
.payment_details{
  width: 50%;
  margin: 50px 0px;
  padding: 20px 20px;
  background-color: #EAF1EF;
  border-radius: 45px;
}
li.ui-tabs-tab.ui-corner-top.ui-state-default.ui-tab {
  width: 50%;
  text-align: center;
}
li.ui-tabs-tab.ui-corner-top.ui-state-default.ui-tab a{
  color: rgb(0, 0, 0);
}
li.ui-tabs-tab.ui-corner-top.ui-state-default.ui-tab a:focus{
  color: #fff;
}
li.ui-tabs-tab.ui-corner-top.ui-state-default.ui-tab.ui-tabs-active.ui-state-active {
  border: 1px solid #000000;
  background: #007bff;
  padding: 6px;
  border-radius: 5px;
}
.ui-tabs-panel {
  background: white;
  border-radius: 12px;
  padding: 20px;
}
li.servicess {
  background: #009EFB;
  margin: 5px 8px;
  color: #fff;
  font-weight: 500;
  padding: 5px 8px;
}

@media (min-width: 520px){
    .citylist li:nth-child(n) {
        width: calc((100% + 0px) / 4);
        padding-right: 32px;
    }
}

@media (max-width: 1920px) {
    .home .banner{padding: 302px 0 396px 0;}
    .docs-container{max-width: 1600px;}
}
@media (max-width: 1800px) {
    .easy-steps .patient-img img{width: 90%;}
}
@media (max-width: 1700px) {
    .home .banner{padding: 140px 0 210px 0;}
    .docs-container{max-width: 1450px;}
    h3{font-size: 38px;line-height: 43px;}
    h4{font-size: 25px;line-height: 30px;}
    h5{font-size: 24px;line-height: 27px;}
    h1{font-size: 90px;line-height: 95px;}
    .banner h1 span{font-size: 56px;line-height: 60px;}
    .banner p{font-size: 28px;line-height: 32px;width: 74%;}
    .banner{padding: 140px 0 210px 0;}
    .banner .top-heading{margin-bottom: 50px;}
    .services .content{margin-bottom: 50px;}
    h2{font-size: 55px;line-height: 60px;}
    .easy-steps .easy-content h2{line-height: 65px;margin-bottom: 15px;}
    .no-3{display: inline-block;margin-bottom: 15px;}
    .faq{padding: 100px 0;}
    .faq .form-border::before{display: none;}
    .easy-steps .easy-content .no-3{font-size: 80px;line-height: 85px;}
    .easy-steps .easy-content h3{margin-bottom: 15px;}
    .easy-steps .easy-content .teledocs{margin-bottom: 40px;}
    .treatment .header{margin-bottom: 60px;}
    .testimonial .heading-side strong{margin-bottom: 15px;}
    .testimonial{padding: 50px 0 100px 0;}
}
@media (max-width: 1600px){
    .docs-container{max-width: 1400px;}
    h4{font-size: 22px;line-height: 25px;}
    .easy-steps{padding: 100px 0 80px 0;}
    .treatment{padding: 80px 0 50px 0;}
    .app-view .content h2{font-size: 42px;line-height: 46px;}
    .app-view{padding: 80px 0;}
    .easy-steps .patient-img img{width: 80%;}
}
@media (max-width: 1500px){
    .docs-container{max-width: 1300px;}
    .services .slider-box{padding: 40px 20px 30px 20px;}
    .services .set-position{height: 370px;}
    .services .slider-box:hover p{margin-bottom: 25px;}
    .testimonial .slider-container .testimonial-slider{margin-left: 30px;}
}
@media (max-width: 1399px){
    .docs-container{max-width: 1200px;}
    header .navbar-light .navbar-nav .nav-item{padding: 0px 15px;}
    h1{font-size: 75px;line-height: 80px;}
    .banner h1 span{font-size: 47px;line-height: 52px;}
    .banner p{font-size: 24px;line-height: 28px;width: 100%;}
    .treatment .nav-pills .nav-item, .treatment .tab-content .tab-pane .tab-category{width: 32%;}
    .faq{padding: 80px 0;}
    .easy-steps{padding: 80px 0 70px 0; margin: 14px 0px;}
    .easy-steps .patient-img img{width: 100%;}
}
@media (max-width: 1300px){
    .services .slick-prev{left: -10px;}
    .services .slick-next{right: 8px;}
    .easy-steps .patient-img img{width: 67%;}
}
@media (max-width: 1199px){
    h1{font-size: 60px;line-height: 65px;}
    .banner{padding: 140px 0 175px 0;}
    .banner h1 span{font-size: 37px;line-height: 42px;}
    .banner .doc-text{font-size: 15px;}
    h3{font-size: 35px;line-height: 40px;}
    .services .content p{font-size: 16px;line-height: 26px;}
    .services .content{margin-bottom: 40px;}
    .services .content strong{font-size: 26px;line-height: 30px;}
    .services .content h3{margin-bottom: 15px;}
    .app-view .content{margin-bottom: 40px;}
    .faq .content{margin-right: 30px;}
    .easy-steps .patient-img{position: relative;}
    .easy-steps{padding: 60px 0 40px 0;}
    .treatment {padding: 40px 0 50px 0;}
    .testimonial-container{margin-right: 0%;}
    .services .slick-slide {margin: 0 15px;}
    .services .slick-list {margin: 0 -15px;}
    .easy-steps .patient-img img{width: 100%;}
    body .testimonial .row .tabs {margin-right: 25px;}
}
@media (max-width: 991px){
  .bg-white{padding-top: 0px; padding-bottom: 3rem; margin-top: -80px;}
  .mylotti{display: none;}
    .main-menu-wrapper ul{padding-left: 25px;}
    .header-navbar-rht li .dropdown-menu::before{right: auto; left: 69px;}
    .dropdown-menu-right {right: auto;left: 0;}
    a.nav-link, .header-navbar-rht a.nav-link, #menu_close i.fas.fa-times{color: #ffffff;}
    .lottie-bg-2{background: none; position: absolute; padding: 0px}
    div#navbarSupportedContent form, header .navbar strong{display: block;}
    .lottie-bg-2{position: relative;}
    .row.h-100.align-items-center.py-5{display: flex;justify-content: flex-end;}
    .header-logo{display: none;}
    .docs-container .row{padding: 15px 0px;}
    .banner .top-heading{text-align: center;}
    h1{margin-bottom: 10px;}
    h2{font-size: 46px;line-height: 50px;}
    h3{font-size: 30px;line-height: 35px;}
    h5{font-size: 23px;line-height: 27px;}
    .banner h1 span{display: block;}
    .banner .health-btn{margin: 0 auto; }
    .star-doc-icon{justify-content: center;}
    .services .content h3{font-size: 30px;line-height: 35px;}
    .treatment .nav-pills .nav-item, .treatment .tab-content .tab-pane .tab-category{width: 49%;}
    .treatment .tab-category span, .app-view .content p, .easy-steps .easy-content .teledocs{font-size: 16px;line-height: 22px;}
    .treatment .tab-category{padding: 8px 16px;}
    .app-view .content{text-align: center;}
    .app-view .content h2{font-size: 32px;line-height: 36px;}
    .app-view .content h4{margin-bottom: 10px;}
    .app-view .app-btns{justify-content: center; }
    .faq .accordion>.card>.card-header{padding: 4px 0;}
    .faq .btn-link, .faq .accordian-numbers{font-size: 16px;line-height: 19px;}
    .faq .accordian-numbers::before{bottom: -13px;}
    .faq .card-body{font-size: 15px;line-height: 22px;padding: 15px;}
    .faq{padding: 40px 0 60px 0;}
    .faq .content{margin-right: 0 !important;margin-bottom: 50px;}
    .easy-steps .patient-img{display: none;}
    .easy-steps .easy-content .steps-no{width: 60px;height: 60px;}
    /* .easy-steps .easy-content .steps-detail h4{margin-bottom: 10px;} */
    .easy-steps, .treatment{padding: 60px 0 40px 0;}
    .treatment .header{margin-bottom: 40px;}
    .treatment .header .specialist{margin-bottom: 10px;font-size: 28px;line-height: 32px;}
    .testimonial .slider-container .testimonial-slider{margin-left: 0;}
    .testimonial .slider-container{padding: 60px 15px;}
    .testimonial .slider-card{padding: 30px 20px;}
    .testimonial .slider-card .date-rating{margin-bottom: 30px;}
    .testimonial .heading-side strong{margin-bottom: 10px;font-size: 28px;line-height: 32px;}
    .testimonial .heading-side{margin-bottom: 25px;display: block;}
    .testimonial{padding: 40px 0 80px 0;}
    .testimonial .slick-prev{right: 17%;}
    .testimonial .slick-next{right: 11%;}
    .testimonial .slick-prev, .testimonial .slick-next{bottom: -18%;}
    .banner .lottie-background{background: none;z-index: 0;position: relative;padding: 0;width: 50%;margin: 0 auto;}
    .services{padding: 40px 0 80px 0;}
    .banner{padding: 60px 0 40px 0;}
    .banner .banner-left{margin-bottom: 30px;}
    .banner .top-heading{margin-bottom: 25px;}
    header .navbar-light .navbar-nav .nav-link:hover::before{display: none;}
    header .navbar-collapse{position: absolute;top: calc(100% + 15px);width: 100%;background: #20c0f3;box-shadow: 0 0 11px #00000008;padding: 0 15px;}
    header .navbar-light .navbar-nav .nav-item{padding: 8px 0;}
    .tabs{margin: auto;}
    .navbar-light .navbar-nav .active>.nav-link{color: #000;}
    .navbar-light .navbar-nav .nav-link{color: #fff;}
}
@media (max-width: 767px){
  .innercontent  h3{font-size: 16px;}
    h1{font-size: 50px;line-height: 55px;}
    h2{font-size: 40px;line-height: 45px !important;}
    h3{font-size: 28px;line-height: 32px}
    .services .content strong{font-size: 24px;line-height: 28px;margin-bottom: 10px;}
    .services .content h3{font-size: 26px;line-height: 30px;margin-bottom: 10px;}
    .services .content p{font-size: 15px;line-height: 23px;}
    .treatment .nav-pills .nav-link{padding: 20px 10px;}
    .testimonial .slider-card .test-text{font-size: 15px;line-height: 20px;}
    .banner .lottie-background{width: 80%;}
    .banner h1 span{font-size: 32px;line-height: 36px;}
    .banner p{font-size: 20px;line-height: 24px;}
    .services{padding: 40px 0 50px 0;}
    .projectFactsWrap .item {
        flex: 0 0 50%;
     }
    .tabs{width: 100%;}
    .payment_details { width: 75%;}
}
@media (max-width: 575px){
    .innercontent  h3{font-size: 16px;}
    h1{font-size: 44px;line-height: 48px;}
    h2{font-size: 36px;line-height: 40px;}
    .easy-steps .easy-content h2{line-height: 40px;}
    h3{font-size: 25px;line-height: 28px;}
    h4{font-size: 18px;line-height: 21px;}
    .banner h1 span{font-size: 28px;line-height: 32px;}
    .services .content h3{font-size: 22px;line-height: 25px;}
    .services .content strong{font-size: 20px;line-height: 23px;margin-bottom: 8px;}
    .services .content p, .easy-steps .easy-content .teledocs, .treatment .tab-content p{font-size: 14px;line-height: 21px;}
    .services .content{margin-bottom: 20px;}
    .treatment .nav-pills .nav-item, .treatment .tab-content .tab-pane .tab-category{width: 100%;}
    .treatment .treatment-category .category-icon{margin-right: 8px;}
    .treatment .treatment-category h5{margin-bottom: 8px;}
    .treatment .tab-category span, .treatment .tab-category span, .app-view .content p, .banner .doc-text{font-size: 14px;}
    .treatment .tab-category{padding: 8px;}
    .app-view .content h2{font-size: 26px;line-height: 30px;margin-bottom: 8px;}
    .app-view .content{margin-bottom: 25px;}
    .app-view{padding: 50px 0;}
    .faq .question-form{padding: 30px 15px;}
    .faq .question-form h4{margin-bottom: 20px;}
    .faq .question-form .form-input input, .faq .question-form .form-textarea textarea{padding: 10px;font-size: 14px;}
    .faq .question-form .form-btn{font-size: 14px;padding: 10px 15px;}
    .faq .accordian-numbers{display: none;}
    .faq .btn-link{font-size: 15px;line-height: 18px;}
    .faq .card-body, .easy-steps .steps-detail p, .testimonial .slider-card .test-text{font-size: 14px;line-height: 19px;}
    .faq .content h3{margin-bottom: 10px;}
    .treatment .nav-pills .see-more{padding: 15px 8px;font-size: 16px;line-height: 19px;}
    .treatment .nav-pills{margin-bottom: 30px;}
    h5{font-size: 20px;line-height: 24px;}
    .easy-steps .steps-detail p{font-size: 15px;line-height: 18px;}
    .easy-steps .easy-content .steps-no{margin-right: 15px;font-size: 22px;line-height: 25px;width: 45px;height: 45px;}
    .easy-steps .easy-content .teledocs, .testimonial .slider-card .test-text{margin-bottom: 25px;}
    .treatment .header{margin-bottom: 30px;}
    .treatment .header .specialist{font-size: 24px;line-height: 38px;margin-bottom: 5px;}
    .easy-steps .easy-content li{display: flex !important;margin-bottom: 20px;}
    .easy-steps .easy-content .steps-no{margin-right: 10;margin-bottom: 15px;}
    .testimonial .slick-prev{right: 20%;}
    .testimonial .slick-next{right: 10%;}
    .testimonial .heading-side strong{font-size: 24px;line-height: 28px;margin-bottom: 5px;}
    .testimonial .slider-container{padding: 40px 15px;}
    .banner .health-btn{font-size: 14px;line-height: 17px;padding: 4px 10px 4px 4px;}
    .banner .star-doc-icon{display: block !important;text-align: center;}
    .banner .doc-section{justify-content: center;margin-right: 0;margin-bottom: 10px;}
    .banner .face-rating{justify-content: center;}
    .banner{padding: 40px 0 20px 0;}
    .services{padding: 30px 0;}
    .treatment{padding: 30px 0 30px 0;}
    .easy-steps .easy-content .no-3{font-size: 50px;line-height: 60px;padding: 0 15px;margin-bottom: 10px;}
    .testimonial{padding: 30px 0 50px 0;}
    header .navbar-light .navbar-nav .nav-item{padding: 6px 10px;}
    header .login-btn{width: 120px;height: 42px;padding: 5px 20px 5px 7px;}
    header .login-btn:hover{padding: 10px 12px 10px 20px;}
    header .navbar{padding: 15px 0;}
    .topservices-lider{
      padding: 20px 0px;
    }
    .payment_details{
      width: 80%;
    }
}
@media (max-width: 420px){
  .testimonial-area .slick-initialized .slick-slide{
    padding: 0px 3px;
}
.innercontent h3{font-size: 14px;}
.payment_details{
  width: 100%;
}
}
@media (max-width: 350px){
    h1{font-size: 40px;line-height: 44px;}
    h4{font-size: 16px;line-height: 20px;}
    .easy-steps .easy-content li{margin-bottom: 20px;}
    /* .easy-steps .easy-content .steps-detail h4{margin-bottom: 5px;} */
    .testimonial .slider-card{padding: 20px;}
    .testimonial .slick-prev{right: 26%;}
    .banner .lottie-background{width: 90%;}
    .banner h1 span{font-size: 25px;line-height: 28px;}
    .banner p{font-size: 18px;line-height: 21px;margin-bottom: 16px;}
    .banner .top-heading{margin-bottom: 20px;}
    .faq .question-form .form-btn{padding: 7px 10px;}
}


body, h1, h2, h3, h4, h5, h6, p, a, span, button, input{
    font-family: Arial !important;
}
.pickdate .xdsoft_datetimepicker.xdsoft_noselect.xdsoft_.xdsoft_inline{width: 100%;}
.pickdate .xdsoft_datetimepicker.xdsoft_noselect.xdsoft_.xdsoft_inline .xdsoft_datepicker.active{width: 80%;}
.pickdate .xdsoft_datetimepicker.xdsoft_noselect.xdsoft_.xdsoft_inline .xdsoft_timepicker.active{width: 13%;}
.submit-section.proceed-btn{margin: 10px 0px;}
.submit-section .submit-btn{background: #3af; border: 1px solid #ffffff;}
.submit-section .submit-btn:hover{background: rgb(255, 255, 255); border: 1px solid #000000; color: #000;}
.form-focus .focus-label{top: -16px;}
.form-group {margin-bottom: 1.5rem;}
.invalid-feedback{margin-top: 0px;}
/* .pac-target-input:not(:-webkit-autofill){display: none;} */