@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;700&display=swap');
body{  background:#fff; font-family: 'Poppins', sans-serif; font-weight: 300;}



.form-control::-moz-placeholder {
  color: #005159  !important;
  opacity: 1;
}
.form-control:-ms-input-placeholder {
  color: #005159  !important;
}
.form-control::-webkit-input-placeholder {
  color: #005159  !important;
}
a {color: #005159;text-decoration: none}
a:hover,a:focus {color: #002945; text-decoration: none;
}

#loader-wrapper img {height: auto;left: 50%;margin: -40px 0 0 -40px;position: absolute;top: 50%;width: 76px;}
#loader-wrapper {background: rgba(255, 255, 255, 0.9); height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 1000;}
#loader {-moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; animation: 2s linear 0s normal none infinite running spin; border-color: #52B9CC  transparent transparent; border-image: none; border-radius:50%;   -moz-border-radius: 50%;   -webkit-border-radius: 50%; -o-border-radius: 50%; border-style: solid; border-width: 3px; display: block; height: 200px; left: 50%; margin: -100px 0 0 -100px; position: relative; top: 50%; width: 200px;}
#loader::before {-moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; animation: 3s linear 0s normal none infinite running spin; border-color: #002c40 transparent transparent; border-image: none; border-radius:50%;   -moz-border-radius: 50%;   -webkit-border-radius: 50%; -o-border-radius: 50%; border-style: solid; border-width: 3px; bottom: 5px; content: ""; left: 5px; position: absolute; right: 5px; top: 5px;}
#loader::after {-moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; animation: 1.5s linear 0s normal none infinite running spin; border-color: #52B9CC  transparent transparent; border-image: none; border-radius:50%;   -moz-border-radius: 50%;   -webkit-border-radius: 50%; -o-border-radius: 50%; border-style: solid; border-width: 3px; bottom: 15px; content: ""; left: 15px; position: absolute; right: 15px; top: 15px;}
@keyframes spin {
0% {transform: rotate(0deg);}
100% {transform: rotate(360deg);}
}
#toTop {background:#52B9CC;  border-radius:0; bottom:10px; color: #fff; cursor: pointer; display: none; font-size: 24px; padding:8px 12px; position: fixed; right: 10px; z-index: 999;}

/* #toTop {background:#009543;  border-radius:0; bottom:10px; color: #fff; cursor: pointer; display: none; font-size: 24px; padding:3px 12px; position: fixed; right: 10px; z-index: 999;} */

.row-md-0{margin:0px}
.col-pd-0{padding:0px}
.row-md-10{margin:0px -10px}
.col-pd-10{padding:0px 10px}

.row-md-5{margin:0px -5px}
.col-pd-5{padding:0px 5px}



/* #loader-wrapper{position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index:999; overflow: hidden;} */

body.backend{background-color:#E8EEEF;}
.after-login-header-mobile{display: none;}

.wrapper {display: flex; align-items: stretch; background:#E8EEEF }
#sidebar_area {overflow: auto; min-width: 280px; margin-left:-280px; height:100%; max-width: 250px; background: #fff; -webkit-box-shadow: 4px 0px 20px 0px rgba(18,21,21,0.1); -moz-box-shadow: 4px 0px 20px 0px rgba(18,21,21,0.1); box-shadow: 4px 0px 20px 0px rgba(18,21,21,0.1); color: #fff; transition: all 0.3s; position:fixed;}
#sidebar_area.active {margin-left:0px;}
#sidebar_area .logo{width:60px; margin:30px}
#sidebar_area .logo img{width:100%}
#sidebar_area ul{padding:0 15px; margin:0px; list-style:none}
#sidebar_area ul li{margin-bottom:1px;}
#sidebar_area ul li a {font-size:16px; display: block; text-decoration:none;  line-height:50px; border-radius:5px; background:#F6F8F9;  padding:0 15px; color:#121515; }
#sidebar_area ul li a .icon{width: 24px; text-align: center; height: 24px; float: left; margin:13px 15px 13px 0; vertical-align: top; display: inline-flex; background-position:left center;}
#sidebar_area ul li a:hover .icon, #sidebar_area ul li a.active .icon{background-position:right center; }
#sidebar_area ul li a .icon svg{stroke:red}

#sidebar_area ul li.edit-pro{display: none;}

.dashboard-icon{background:url(../images/dashboard.png) ;}
.edit-profile-icon{background:url(../images/edit.png) ; }
.view-test-icon{background:url(../images/test.png); }
.book-test-icon{background:url(../images/book-a-test.png) ;}
.dependants-icon{background:url(../images/dependants.png) ;}
.result-icon{background:url(../images/test-result.png) ;}
.trend-icon{background:url(../images/test-trend.png) ;}
.location-icon{background:url(../images/location.png) ;}
.payment-icon{background:url(../images/payment.png) ;}
.transactions-icon{background:url(../images/transactions.png) ;}
.help-icon{background:url(../images/help.png) ;}
.health-icon{background:url(../images/health-hub.png) ;}
.feedback-icon{background:url(../images/feedback.png) ;}
.change-pass-icon{background:url(../images/change-password.png) ;}

#sidebar_area ul li a:hover, #sidebar_area ul li a.active{color: #fff; background: #52B9CC;}
#content {padding:0px 0px 0px 280px;  transition: all 0.3s;  width:100%; height:100%}
.content-pd-15{padding:20px}
.content-pd-15.pd-top-0 {padding: 0 20px 20px 20px;}

.offer-area-collapse{display: none;}


.whatsapp-chat-icon {
    width: 60px;
    height: 60px;
    background: #2fbf2f;
    position: fixed;
    color: #fff;
    bottom: 15px;
    right: 15px;
    text-align: center;
    font-size: 30px;
    border-radius: 50%;
    z-index: 11
}
.whatsapp-chat-icon i{line-height: 56px}
.whatsapp-chat-icon:hover{color: #fff}


.header-profile{border: 1px solid #52B9CC; background:#fff; border-radius:6px; padding:20px 30px; display:flex; justify-content: space-between;}
.header-profile .leftside{position:relative; padding-left:70px; min-height: 56px;}
.header-profile .leftside .name-code {position: absolute; height: 56px; background: #047F8A; top: 0px; left: 0px; width: 56px; border-radius: 6px; text-align: center; line-height: 56px; font-size: 30px; color: #fff;}
.header-profile .leftside .name{font-size:20px; line-height:22px; color:#121515; margin-bottom:8px; margin-top:4px}
.header-profile .leftside .name strong{font-weight: 700; }
.header-profile .leftside .userid{font-size:14px; line-height:18px; color:#121515; opacity: 0.7;}
.header-profile ul.link{margin:0px; padding:0px; list-style:none}
.header-profile ul.link li{display: inline-block; margin-left:25px}
.header-profile ul.link li a{line-height:56px}
.header-profile ul.link li a .icon{width: 24px; text-align: center; height: 24px; float: left; margin:16px 10px 16px 0; vertical-align: top; display: inline-flex; background-position:left center;}
.header-profile ul.link li a:hover .icon, #sidebar_area ul li a.active .icon{background-position:right center; }
.cart-icon{background:url(../images/cart-icon.png) center center no-repeat ;}
.edit-icon{background:url(../images/edit-profile.png) center center no-repeat ;}
.power-icon{background:url(../images/lock.png) center center no-repeat ;}

a.amt-btn i {margin-right: 8px}

.page-content{  position: relative;min-height: 100vh; width: 100%; padding-bottom: 60px;}
.dashboard_footer{position: absolute; width: 100%;bottom: 0;}

.content_area_padding{padding:30px}
.footer_copyright{background:#fff;   display:flex; justify-content: space-between;  padding:20px; -webkit-box-shadow: 0px -5px 10px 0px rgba(119,119,119,0.2); -moz-box-shadow: 0px -5px 10px 0px rgba(119,119,119,0.2); box-shadow: 0px -5px 10px 0px rgba(119,119,119,0.2);}
.footer_copyright ul.link{margin:0px; padding:0px; list-style:none}
.footer_copyright ul.link li{float:left; margin-right:25px}
.footer_copyright ul.link li a{line-height:16px; font-size: 14px}
.footer_copyright ul.link li a:hover{color: #047F8A}
.footer_copyright p{line-height:24px; font-size: 14px; margin: 0px}
.footer_copyright p a{color: #047F8A; font-weight: 700;}

.latest-test-results{background:#fff; border:#52B9CC 1px dashed; border-radius:6px; padding:30px; margin:0 0 20px 0; box-shadow: 0px 5px 20px rgba(18, 21, 21, 0.08);}
.latest-test-results .titlebar{display:flex;  justify-content: space-between;}
.latest-test-results .titlebar .title{font-size:24px; line-height:30px; color:#121515;}
.latest-test-results .titlebar ul.option{margin:0px; padding:0px; list-style:none}
.latest-test-results .titlebar ul.option li{display:inline-block; font-size:14px; line-height:30px; font-weight: 700; margin-left:30px; position:relative; padding-left:28px}
.latest-test-results .titlebar ul.option li:before{top:6px; left:0px;}
.latest-test-results .blue{position:relative}
.latest-test-results .blue:before{content:''; position:absolute; width:18px; height:18px; border-radius:50%; background:#20D17C}
.latest-test-results .yellow{position:relative}
.latest-test-results .yellow:before{content:''; position:absolute; width:18px; height:18px; border-radius:50%; background:#FBBB21}
.latest-test-results .red{position:relative}
.latest-test-results .red:before{content:''; position:absolute; width:18px; height:18px; border-radius:50%; background:#C31431}
.latest-test-results ul.result-lists{margin:30px 0px 0px 0px; padding:0px; list-style:none}
.latest-test-results ul.result-lists li{display:flex; justify-content:space-between; align-items:center; background:#F6F8F9; border-radius:8px; font-size:16px; color:#121515; margin-bottom:10px}
.latest-test-results ul.result-lists li .test-name{position:relative; padding-left:65px; width:40%}
.latest-test-results ul.result-lists li .name{position:relative; padding-left:65px; width:25%; color: #047F8A;}
.latest-test-results ul.result-lists li .test-date {width: 15%}
.latest-test-results ul.result-lists li .test-name:before{top:3px; left:30px}
.latest-test-results ul.result-lists li .test-status {width: 130px; text-align: center; background: #20D17C; padding: 5px; border-radius: 20px; color: #fff; }
.latest-test-results ul.result-lists h2 {font-size: 32px; font-weight: 600; line-height: 40px;  color: #047F8A}
.latest-test-results ul.result-lists .testing_example_img p{margin: 20px 0;font-size: 18px; text-align: center;}
.latest-test-results ul.result-lists .testing_example_img .test_result_img{width: 100%;}
.latest-test-results ul.result-lists .testing_example_img .test_result_img.test_result_img_mobile {display: none}
.latest-test-results ul.result-lists .testing_example_img img{width: 100%}
.latest-test-results .btn-view{border-left: #E8EEEF 1px solid; border-radius: 0px; font-size: 16px; color: #047F8A; padding: 20px 30px;}
.latest-test-results .btn-book{background:#047F8A; border-radius:30px; padding:0 50px; line-height:50px; color:#fff; font-weight: 700; font-size:16px; margin-top:20px}
.latest-test-results .btn-book:hover{background:#FBBB21}

.health-hub-area{background: rgba(255, 255, 255, 0.5); padding:30px;}
.health-hub-area h3{text-align: center; font-size: 24px; color: #121515; margin: 0 0 20px 0}
.health-hub-area .health-box{background: #FFFFFF; box-shadow: 0px 5px 20px rgba(18, 21, 21, 0.08); border-radius: 10px; padding:25px}
.health-hub-area .health-box .date{font-size:14px; line-height:16px; color:#121515; margin-bottom:20px;}
.health-hub-area .health-box .title{font-size:20px; line-height:24px; color:#121515; margin-bottom:35px; height: 40px}
.health-hub-area .health-box .profile-box{font-size:14px; line-height:18px;  font-weight: 700; color:#121515; position: relative; padding-left: 50px}
.health-hub-area .health-box .profile-box span{display:block; font-weight: 300;}
.health-hub-area .health-box .profile-box .photo-area{width: 36px; height: 36px; border-radius: 5px; overflow: hidden; position: absolute; left: 0px; top: 0px;}
.health-hub-area .health-box .profile-box .photo-area img{width: 100%; height: 100%; position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; margin: auto;}
.health-hub-area .swiper-wrapper{padding-bottom: 40px}
.health-hub-area .swiper-pagination-bullet {width: 12px; height: 12px;}
.health-hub-area .swiper-pagination-bullet.swiper-pagination-bullet-active {background: #047F8A;}
.health-hub-area .swiper-pagination {bottom: 0px !important}

.promotions_slider img{width: 100%; position: relative;}
.promotions_slider .btn-view{position: absolute; left: 6%; bottom: 16%;  border: 1px solid #F6F8F9; border-radius: 30px; font-weight: 700; font-size: 16px; color: #F6F8F9; padding: 10px 35px}
.promotions_slider .btn-view:hover{background: #F6F8F9; color: #047F8A}

.promotions-area{background: linear-gradient(261.99deg, #FBBB21 -25.91%, #047F8A 82.66%); border-radius: 10px; min-height: 340px; position: relative; margin: 20px 0}
.promotions-area .image-area {width: 642px; position: absolute; bottom: -2px; right: 50px;}
.promotions-area .image-area img {width: 100%;}
.promotions-area .promotions-content{width: 300px; padding-top: 60px; margin-left: 60px}
.promotions-area .promotions-content h2{color: #fff; font-size: 32px; line-height: 32px; font-weight: 700; margin: 0px 0px 40px 0px;}
.promotions-area .promotions-content p{color: #fff; font-size: 16px; line-height: 20px; color: #F6F8F9; margin: 0px 0px 35px 0px;}
.promotions-area .promotions-content .btn-view{border: 1px solid #F6F8F9; border-radius: 30px; font-weight: 700; font-size: 16px; color: #F6F8F9; padding: 10px 35px}
.promotions-area .promotions-content .btn-view:hover{background: #F6F8F9; color: #047F8A}

header {height: 135px}
.main-header{margin: 0px; padding: 0px; border-bottom: #E8EEEF 1px solid; width: 100%; background: #fff; }
.main-header.active{background: #fff; z-index: 11}
.main-header.active .navbar-expand-lg .navbar-nav .nav-item {padding: 30px 30px 30px 0px; transition: all .5s ease;}
.main-header.active .navbar-brand {width: 95px; margin-left: -45px; transition: all .5s ease; opacity: 0}
.main-header.active .btn-area {padding: 0px 0px 0px 0px; transition: all .5s ease;}
.main-header .navbar-brand.small-logo {opacity: 0; transition: all .5s ease; position: absolute; top: 25px; left: 50%; width: 96px;transition: all .5s ease; margin-left: -46px; background: #fff; padding: 0 15px; }
.main-header .navbar-brand.small-logo img{width: 100%;}
.main-header.active .navbar-brand.small-logo {opacity: 1; transition: all .5s ease; width: 75px; margin-left: -35px;margin-top: -8px; }
.navbar-toggler {font-size: 20px;}

.main-header .navbar-brand{position: absolute; top: 25px; left: 50%; width: 196px;transition: all .5s ease; margin-left: -100px; background: #fff; padding: 0 15px; opacity: 1}
.main-header .navbar-brand img{width: 100%;}
.main-header .navbar{padding: 0px 15px;}
.main-header .user-icons {display: none;}
.main-header .navbar-expand-lg .sidebar{justify-content: space-between;}
.navbar-expand-lg .navbar-nav .nav-item{margin:  0px 0; padding:80px 30px 30px 0px;  transition: all .5s ease; }
.navbar-expand-lg .navbar-nav .nav-link{font-size: 16px; color: #121515; padding: 0px; }
.main-header .btn-area{margin: 0px; padding: 50px 0px 0px 0px; transition: all .5s ease; }
.main-header .btn-area .btn-login{font-size: 16px; color: #047F8A;  font-weight: 700; border:#047F8A 1px solid; border-radius: 20px; line-height: 40px; width: 135px; display: inline-block; text-align: center; margin-left: 5px;}
.main-header .btn-login.amt-btn.mbl {display: none;}
.main-header .btn-area .btn-login.amt-btn {background-color: #F6F8F9 ; color: #047F8A; border: none; width: auto; font-weight: 400; padding: 0 10px}
.main-header .btn-area .btn-login.amt-btn img {margin-right: 5px;}
.main-header .btn-area .btn-login.amt-btn:hover{background-color: #F6F8F9 ;color: #047F8A; }
.main-header .btn-area .btn-login:hover{background: #047F8A; color: #fff;}
.main-header .btn-area .btn-dashboard{font-size: 16px; color: #047F8A;  font-weight: 700; border:#047F8A 1px solid; border-radius: 20px; line-height: 40px; display: inline-block; text-align: center; padding: 0 30px}
.main-header .dropdown-menu{margin: 0; padding: 0px; border-radius: 0px; border:none; background: #E8EEEF;}
.main-header .dropdown-menu .dropdown-item:focus, .main-header .dropdown-menu .dropdown-item:hover {color: #fff; text-decoration: none; background-color: #047F8A;}
.main-header .dropdown-toggle::after {border:none; background: url(../images/menu-arrow.png); width: 18px; height: 18px; vertical-align: middle;}

.main-header ul li.togglemenu{display: none;}
.main-header .dropdown:nth-of-type(n+4):hover .dropdown-menu {display: block;}
.main-header .dropdown:nth-of-type(n+2):hover .dropdown-menu {display: block;}

.main-header .dropdown:nth-of-type(n+4) .dropdown-menu .dropdown-item:hover {color: #fff; text-decoration: none; background-color: #047F8A;display: block;}
.main-header .dropdown:nth-of-type(n+2) .dropdown-menu {display: none;border-radius:10px; border:none; background: #E8EEEF; min-width: 0; padding: 10px 0; box-shadow: 0px 0 10px 0px gray;}
.main-header .dropdown:nth-of-type(n+2) .dropdown-menu .dropdown-item:hover {color: #fff; text-decoration: none; background-color: #047F8A;display: block;}

#empty-div{display: none;}

.hc-mobile{display: none;}

.main-header .dropdown a{color:#121515}

.home-top-area{padding: 100px 0;}
.home-top-area .content-area{display: flex; align-content: center; align-items: center;}
.home-top-area .content-area .leftside{display: flex; width:45%;}
.home-top-area .content-area .home-main-slider{display: flex;width: 55%}
.home-top-area .content-area .leftside .full{width: 100%;}
.home-top-area .content-area .leftside h2{font-size: 58px; line-height: 70px; color: #005159; margin:0 0 30px 0;}
.home-top-area .content-area .leftside h2 span{display: block; color: #FBBB21;}
.home-top-area .content-area .leftside p{font-size: 16px; line-height: 20px; color: #121515; margin: 0 0 25px 0;}
.home-top-area .content-area .rightside img{width: 100%;}
.home-top-area .content-area .btn-box{display: flex;}
.home-top-area .content-area .btn-box .btn-blue{font-size: 16px; color: #fff; padding: 0 24px;  font-weight: 700; border:#047F8A 1px solid; background: #047F8A; border-radius: 30px; line-height: 50px; margin-right: 20px;}
.home-top-area .content-area .btn-box .btn-blue:hover{background: #fff; color: #047F8A;}
.home-top-area .content-area .btn-box .btn-blue-border{font-size: 16px; color: #047F8A; padding: 0 24px;  font-weight: 700; border:#047F8A 1px solid; background: #fff; border-radius: 30px; line-height: 50px; }
.home-top-area .content-area .btn-box .btn-blue-border:hover{background: #047F8A; color: #fff;}
.home-top-area .content-area .home-main-slider .swiper-pagination-bullet.swiper-pagination-bullet-active {background: #047F8A;}
.home-top-area .content-area .home-main-slider .swiper-pagination-bullet { width: 12px; height: 12px;}
.home-top-area .content-area .home-main-slider .swiper-wrapper {height: 435px}

.footer-main{padding: 0}
.footer-main .border-top{border-top:#E8EEEF 1px solid; padding: 50px 0}
.footer-main h4{font-size: 16px; line-height: 18px; color: #121515; margin: 0 0 20px 0;}
.footer-main ul.footer-link{margin: 0px; padding: 0px; list-style: none;}
.footer-main ul.footer-link.three-list{ column-count: 3;}
.footer-main ul.footer-link li a{font-size: 14px; line-height: 30px; color: #121515;}
.footer-main ul.footer-link li.view a{ font-weight: 700; color: #047F8A;}
.footer-main .social-link{background: #E8EEEF; border-radius: 50px; padding: 15px 30px; margin-top: 50px}
.footer-main .social-link ul.social-media{margin: 0px; padding: 0px; list-style: none}
.footer-main .social-link ul.social-media li{display: inline-block; width: 24px; height: 24px; line-height: 24px; font-size: 24px; text-align: center; margin-right: 15px}
.footer-main .social-link ul.footer-link{margin: 0px; padding: 0px; list-style: none; text-align: right;}
.footer-main .social-link ul.footer-link li{display: inline-block;  line-height: 24px; font-size: 14px;  margin-left: 15px}

.offer-area{padding:30px 0 0 0;}
.offer-area h2{font-size:40px; line-height:46px; color:#047F8A; text-align:center; margin:0 0 15px 0;}
.offer-area p{font-size:16px; line-height:20px; color:#121515; margin:0 0 50px 0; text-align:center; padding:0 100px}

.offer-tab-content-area{background:#E8EEEF; }
.offer-tab-content-area .tab-content{border:#52B9CC 1px solid; background:#fff; border-radius:10px; box-shadow: 0px 5px 20px rgba(18, 21, 21, 0.08);}
.offer-tab-content-area .offer-tab .nav-link{border-right:#52B9CC 1px solid; border-bottom:#52B9CC 1px solid; background:#F6F8F9; color:#047F8A; font-size:20px; line-height:24px; padding:24px 0}
.offer-tab-content-area .offer-tab .nav-link span{background:#E6544C; font-size:16px;  font-weight: 700; color:#fff;padding:8px 15px;  border-radius:20px }
.offer-tab-content-area .offer-tab .nav-link:first-child{border-radius:10px 0 0 0}
.offer-tab-content-area .offer-tab .nav-link:last-child{border-radius:0 10px 0 0; border-right:none}
.offer-tab-content-area .offer-tab .nav-link.active, .offer-tab-content-area .offer-tab .nav-link:hover{background:#fff;  border-bottom:#fff 1px solid; color:#005159}

.offer-tab-content-area .content-tab-box{display: flex; align-content: center; align-items: flex-start; padding:60px 70px}
.offer-tab-content-area .content-tab-box .leftside{display: flex; width: 52%; padding-right:60px}
.offer-tab-content-area .content-tab-box .leftside .full{width: 100%;}
.offer-tab-content-area .content-tab-box .leftside h3{font-size: 25px; line-height:30px; color: #005159; margin:0 0 30px 0;}
.offer-tab-content-area .content-tab-box .leftside p{font-size: 16px; line-height: 20px; color: #121515; margin: 0 0 25px 0; padding:0px; text-align:left}
.offer-tab-content-area .content-tab-box .leftside p a{color:#005159}
.offer-tab-content-area .content-tab-box .leftside ul.package-list{margin:0px; padding:0px; list-style:none}
.offer-tab-content-area .content-tab-box .leftside ul.package-list li{display:inline-block;  margin:0 5px 15px 0;}
.offer-tab-content-area .content-tab-box .leftside ul.package-list li a{border:#047F8A 1px solid; border-radius:50px; line-height:20px; padding:14px 22px; font-size:15px; font-weight: 700; color:#047f8a; display:block}
.offer-tab-content-area .content-tab-box .leftside ul.package-list li a:hover{background:#047F8A; color:#fff}
.offer-tab-content-area .content-tab-box .rightside{display: flex; width:48%;}
.offer-tab-content-area .content-tab-box .rightside img{width: 450px;}

.how-it-works{padding:90px 0 0 0;}
.how-it-works h2{font-size:40px; line-height:46px; color:#047F8A; text-align:center; margin:0 0 25px 0;}
.how-it-works .work-box{display:flex; width:1040px; margin:0 auto ;position:relative; justify-content: end;}
.how-it-works .work-box .photo-area{position:absolute; width: 33%; left: 0px;}
.how-it-works .work-box .work-content{background: rgba(82, 185, 204, 0.15); border-radius:300px; width: 84%; height: 350px; text-align: left; display: flex; align-items: center; padding:0 100px 0 220px}
.how-it-works .work-box .work-content .full{width:100%}
.how-it-works .work-box .work-content h3{font-size:30px; color:#005159; line-height:30px;  font-weight: 700; margin:0 0 30px 0}
.how-it-works .work-box .work-content h3 span{ font-weight: 600; font-size: 20px; line-height:13px; letter-spacing: 0.2em; display:block; text-transform: uppercase; color: #52B9CC; margin-bottom:10px}
.how-it-works .work-box .work-content  p{font-size:16px; line-height:20px; color:#121515; margin:0 ;}
.how-it-works .swiper-button-next::after, .how-it-works .swiper-button-prev::after {display: none}
.how-it-works .swiper-button-prev{width: 81px !important; height: 118px !important; left: 50px !important; margin-top: -59px}
.how-it-works .swiper-button-next{width: 81px !important; height: 118px !important; right: 50px !important; margin-top: -59px}

.home-health-hub-area{padding:90px 0 0 0;}
.home-health-hub-area h2{font-size:40px; line-height:46px; color:#047F8A; text-align:center; margin:0 0 25px 0; position: relative;}
.home-health-hub-area h2 a{position: absolute; right: 8%; font-size: 16px; color: #047F8A}
.home-health-hub-area .health-box{background: #FFFFFF; box-shadow: 0px 5px 20px rgba(18, 21, 21, 0.08); border-radius: 10px; padding:25px; margin: 15px}
.home-health-hub-area .health-box .date{font-size:14px; line-height:16px; color:#121515; margin-bottom:20px;}
.home-health-hub-area .health-box .title{font-size:20px; line-height:24px; color:#121515; margin-bottom:35px; height: 40px;}
.home-health-hub-area .health-box .profile-box{font-size:14px; line-height:18px;  font-weight: 700; color:#121515; position: relative; padding-left: 50px}
.home-health-hub-area .health-box .profile-box span{display:block; font-weight: 300;}
.home-health-hub-area .health-box .profile-box .photo-area{width: 36px; height: 36px; border-radius: 5px; overflow: hidden; position: absolute; left: 0px; top: 0px;}
.home-health-hub-area .health-box .profile-box .photo-area img{width: 100%; height: 100%; position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; margin: auto;}
.home-health-hub-area .swiper-wrapper{padding-bottom: 40px; }
.home-health-hub-area .health-slider{width: 86%; overflow:hidden}
.home-health-hub-area .swiper-pagination-bullet {width: 12px; height: 12px;}
.home-health-hub-area .swiper-pagination-bullet.swiper-pagination-bullet-active {background: #047F8A;}
.home-health-hub-area .swiper-pagination {bottom: 0px !important}

.customer-stories-area{padding:90px 0;}
.customer-stories-area h2{font-size:40px; line-height:46px; color:#047F8A; text-align:center; margin:0 0 40px 0;}
.customer-stories-area .swiper-wrapper{padding-bottom: 40px; }
.customer-stories-area .stories-slider{width: 80%; overflow:hidden}
.customer-stories-area .storie-box{text-align: center;}
.customer-stories-area .storie-box .name{font-size: 22px;  font-weight: 700; color: #121515; position: relative; padding-bottom: 25px; margin-bottom: 25px}
.customer-stories-area .storie-box .name span{display: block;  font-weight: 300; font-size: 14px; margin-top: 10px}
.customer-stories-area .storie-box .name::before{content: ''; position: absolute; width: 30px; height: 2px; background: #E6544C; left: 50%; bottom: 0px; margin-left: -15px}
.customer-stories-area .storie-box p{font-size: 16px; line-height: 20px; color: #121515}
.customer-stories-area .swiper-pagination-bullet {width: 12px; height: 12px;}
.customer-stories-area .swiper-pagination-bullet.swiper-pagination-bullet-active {background: #047F8A;}
.customer-stories-area .swiper-pagination {bottom: 0px !important}
.customer-stories-area .swiper-button-next::after, .customer-stories-area .swiper-button-prev::after {display: none}
.customer-stories-area .swiper-button-prev{width: 81px !important; height: 118px !important; left: 50px !important; margin-top: -59px}
.customer-stories-area .swiper-button-next{width: 81px !important; height: 118px !important; right: 50px !important; margin-top: -59px}

.get-in-touch{padding:90px 0 130px 0; position: relative;}
.get-in-touch .image-area{position: absolute; right: 0px; top:-130px; width: 653px;}
.get-in-touch .image-area img{width: 100%}
.get-in-touch h2{font-size:40px; line-height:46px; color:#047F8A; margin:0 0 30px 0;}
.get-in-touch p{font-size: 16px; line-height: 20px; color: #121515; margin-bottom: 20px}
.get-in-touch p strong{display: block; margin-bottom: 20px; font-size: 20px; line-height: 24px}
.get-in-touch .form-area{border-left:#047F8A 2px solid; padding: 30px 30px 1px 30px}
.get-in-touch .form-area .form-control{border:none; border-radius: 0; border-bottom: #E8EEEF solid 1px !important; padding: 8px 0; color: #005159; margin-bottom: 15px; font-size: 16px}
.get-in-touch .form-area .form-control:focus{box-shadow: none; border-bottom: #047F8A 1px solid !important}
.get-in-touch .btn-submit{font-size: 16px; color: #fff; padding: 0 44px;  font-weight: 700; border:#047F8A 1px solid; background: #047F8A; border-radius: 30px; line-height: 50px; margin-top: 20px;}
.get-in-touch .btn-submit:hover{background: #fff; color: #047F8A;}

.sign-in-area{padding: 100px 0; position: relative;}
.sign-in-area.sign-up-page::before{width: 926px; background: #E6544C; border-radius: 200px; position: absolute; content: ''; top: 165px; height: 380px; left: 50%; margin-left: -463px}
.sign-in-area::before{width: 926px; background: #FBBB21; border-radius: 200px; position: absolute; content: ''; top: 165px; height: 380px; left: 50%; margin-left: -463px}
.sign-in-area h2{font-size: 40px; line-height: 46px; text-align: center; color: #047F8A}
.sign-in-area .form-area{background: #FFFFFF; border: 1px solid #52B9CC; box-sizing: border-box; box-shadow: 0px 5px 20px rgba(18, 21, 21, 0.08); border-radius: 10px; width: 546px; margin: 70px auto 0 auto; position: relative;}
.sign-in-area .padding_70{padding: 40px 70px}
.sign-in-area h3{font-size: 25px; line-height: 30px; color: #005159; margin: 0 0 30px 0}
.sign-in-area .md-50{margin-top: 40px}
.sign-in-area .md-40{margin-top: 20px}
.sign-in-area .form-group{margin-bottom: 20px}
.sign-in-area .form-group label{margin: 0px; color: #005159}
.sign-in-area .form-control{border:none; border-radius: 0; border-bottom: #E8EEEF solid 1px !important; padding: 8px 0; color: #005159; font-size: 16px; }
.sign-in-area .form-control:focus{box-shadow: none; border-bottom: #047F8A 1px solid !important}
.sign-in-area .select2-container {margin-bottom: 0px !important; }
.sign-in-area .link-btn{display: flex; justify-content: space-between; align-items: center;}
.sign-in-area .link-btn a{font-size: 14px; line-height: 16px; font-weight: 700; color: #005159}
.sign-in-area .btn-login{font-size: 16px; color: #fff; padding: 0 44px;  font-weight: 700; border:#047F8A 1px solid; background: #047F8A; border-radius: 30px; line-height: 50px; cursor: pointer;}
.sign-in-area .btn-login:hover{background: #fff; color: #047F8A;}
.sign-in-area .btn-sign-up{font-size: 16px; color: #fff; padding: 0 44px;  font-weight: 700; border:#047F8A 1px solid; background: #047F8A; border-radius: 30px; line-height: 50px; width: 100%; cursor: pointer;}
.sign-in-area .btn-sign-up:hover{background: #fff; color: #047F8A;}

.sign-in-area .bottom-link-area{background: #F6F8F9; padding: 40px 70px; border-radius: 0 0 10px 10px; position: relative;}
.sign-in-area .bottom-link-area a{font-size: 25px; line-height: 30px; color: #005159; display: block;}
.sign-in-area .bottom-link-area a span{display:block; font-size: 16px; line-height: 24px; color: #121515}
.sign-in-area .bottom-link-area::before{content: ''; background: url(../images/chevron-right.png) center center no-repeat; height: 118px; width: 81px; position: absolute; top: 9px; right: 40px;}
.sign-in-area h5{font-size: 20px; line-height: 24px; color: #005159; margin: 0 0 15px 0}
.sign-in-area .radio { display: block; position: relative; padding-left: 25px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; margin: 0px; color: #047F8A}
.sign-in-area .radio input {position: absolute; opacity: 0;cursor: pointer; display: none;}
.sign-in-area .checkmark {position: absolute; top: 2px; left: -2px; height: 20px; width: 20px; background: url(../images/radio.png) center center no-repeat;border-radius: 50%;}
.sign-in-area .checkmark:after {content: ""; position: absolute; display: none;}
.sign-in-area .radio input:checked ~ .checkmark:after { display: block;}
.sign-in-area .radio .checkmark:after {top: 7px;left: 7px;width: 6px;height: 6px;	border-radius: 50%;background: url(../images/redio_checkd.png) center center no-repeat;}
.sign-in-area .form-check{margin-bottom: 10px}
.sign-in-area .form-check input {margin-bottom: 0;}

.sign-in-area input[type=checkbox].css-checkbox {position:absolute; z-index:-1000; left:-1000px; overflow: hidden; clip: rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0; }
.sign-in-area input[type=checkbox].css-checkbox + label.css-label {padding-left:26px;  display:inline-block; line-height:18px; font-size:15px; vertical-align:middle; cursor:pointer; font-weight:normal; width:100%; position: relative;}
.sign-in-area input[type=checkbox].css-checkbox + label.css-label::before{content: ''; width: 18px;  height: 18px; position: absolute; left: 0px; top: 0px; border:#005159 2px solid; border-radius: 3px}
.sign-in-area input[type=checkbox].css-checkbox:checked + label.css-label::before{background: url(../images/redio_checkd.png) center center no-repeat; border:#047F8A 2px solid}
.sign-in-area label.css-label {-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; margin:0px;}
.sign-in-area .pull-center{margin: 10px 0 30px 0}

.sign-in-area .form-control.enter_otp {position: relative;}
.sign-in-area a.send_otp { position: absolute; right: 0; bottom: 10px; text-decoration: none; background-color: #005159; border: 1px solid #005159; color: #fff; padding: 0 10px; border-radius: 9px; font-size: 14px; line-height: 2;}
.sign-in-area a.send_otp:hover{color: #005159; background-color: transparent; border: 1px solid #005159; }

.sign-in-area.sign-up-page .form-input--file { overflow: hidden;  text-overflow: ellipsis; white-space: nowrap;  width: 100%}
.sign-in-area.sign-up-page .form-controlGroup-inputWrapper{border-bottom:  #E8EEEF solid 1px !important; cursor: pointer; position: relative;}
.sign-in-area.sign-up-page .form-input-file {opacity: 0;visibility: hidden;position: absolute;top: 0;left: 0;}
.sign-in-area.sign-up-page .form-input--file-button {cursor: pointer;display: inline-block; position: absolute; top: 0; right: 0px; bottom: 0; width: 30px; background: url(../images/file_upload.png)center center no-repeat;}

.sign-in-area .form-area.reset-password .form-group.eye_icon {position: relative;}
.sign-in-area .form-area.reset-password .form-group.eye_icon .eye-off{position:absolute; font-size: 18px; color: #047F8A; right: 0; top: 5px; cursor: pointer;}

/* edit-profile */

.content_area_main {background: rgba(255, 255, 255, 0.5);padding: 30px 30px 30px 50px;}
.content_area_main.edit_profile {padding: 30px 160px 30px 30px}
.content_area_main .heading {display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px}
.content_area_main .heading h3 {font-size: 24px; color: #121515; margin: 0}
.content_area_main .heading a {font-size: 16px; line-height: 19px; text-decoration: underline; color: #047F8A;}
.content_area_main .profile_form {background-color: #FFFFFF;border: 1px solid #E8EEEF; border-radius: 10px; padding: 40px}
.content_area_main .profile_form .help-image{width: 90%; margin: 0 auto;}
.content_area_main .profile_form .help-image img{width: 100%}
.content_area_main .profile_form #process-submit-support{border:#E8EEEF 1px solid; padding: 30px; border-radius: 10px}
.content_area_main .profile_form #process-submit-support .btn-submit{margin: 0px}
/* .content_area_main .profile_form .form-group {margin-bottom: 0px;} */
.content_area_main .profile_form .form-control {border: none; border-radius: 0; border-bottom: #E8EEEF solid 1px !important; padding: 6px 0; color: #005159; margin-bottom: 20px; font-size: 16px;}
.content_area_main .profile_form select.form-control{padding:6px 0}
.content_area_main .profile_form .form-control:focus{box-shadow: none; border-bottom: #047F8A 1px solid !important}
.content_area_main .profile_form label {font-size: 18px; color:#005159 ; padding-left: 0px; margin-bottom: 0px}
.content_area_main .profile_form .form-group.user_nationality {margin-bottom: 30px }
.content_area_main .profile_form .form-check {margin-bottom: 20px}
.content_area_main .profile_form .choose_id ,
/* .content_area_main .profile_form .userid_password{margin-top: 30px;} */
.content_area_main .profile_form .choose_id h5 {color: #005159; font-weight: 400;font-size: 20px;line-height: 24px; margin-bottom: 20px; padding-left:0px}
.content_area_main .profile_form .choose_id .radio { display: block; position: relative; padding-left: 25px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.content_area_main .profile_form .choose_id .radio input {position: absolute; opacity: 0;cursor: pointer; display: none;}
.content_area_main .profile_form .choose_id .checkmark {position: absolute; top: 2px; left: 0px; height: 20px; width: 20px; background: url(../images/radio.png) center center no-repeat;border-radius: 50%;}
.content_area_main .profile_form .choose_id .checkmark:after {content: ""; position: absolute; display: none;}
.content_area_main .profile_form .choose_id .radio input:checked ~ .checkmark:after { display: block;}
.content_area_main .profile_form .choose_id .radio .checkmark:after {top: 7px;left: 7px;width: 6px;height: 6px;	border-radius: 50%;background: url(../images/redio_checkd.png) center center no-repeat;}

.content_area_main .profile_form .choose_id .form-check input {margin-bottom: 0;}
.content_area_main .profile_form .choose_id .form-group {margin-bottom: 0;}
.content_area_main .profile_form .choose_id a.view-upload {float: right;}
.content_area_main .profile_form .form-control:focus{box-shadow: none;}
.content_area_main .profile_form p {color:#047F8A ; font-size: 14px;line-height: 17px; margin: 30px 0 0 0;}
.content_area_main .profile_form p span a {color:#047F8A; font-weight: 600; border-bottom: 1px solid #047F8A ; }

.content_area_main .profile_form .btn { background: #047F8A; border-radius: 30px; width: 100%; line-height: 40px; color: #fff; font-weight: 700; font-size: 16px; margin-top: 40px;}
.content_area_main .profile_form .btn:hover {background: #FBBB21;}
.content_area_main .profile_form .form-control.phone_number_mask.parsley-validated {height: 42px}

.content_area_main .profile_form .choose_id .form-input--file { overflow: hidden;  text-overflow: ellipsis; white-space: nowrap; width: 100%; margin-bottom: 5px;}
.content_area_main .profile_form .choose_id .form-input--file span {font-size: 16px}
.content_area_main .profile_form .choose_id .form-controlGroup-inputWrapper{border-bottom:  #E8EEEF solid 1px !important; cursor: pointer; position: relative;}
.content_area_main .profile_form .choose_id .form-input-file {opacity: 0;visibility: hidden;position: absolute;top: 0;left: 0; }
.content_area_main .profile_form .choose_id .form-input--file-button {cursor: pointer;display: inline-block; position: absolute;  cursor: pointer; top: 0; right: 0px; bottom: 0; width: 30px; background: url(../images/file_upload.png)center center no-repeat;}
.content_area_main .profile_form .form-control select option {background-color: #121515;}
.content_area_main .profile_form .form-control select option {background-color: #121515;}

.content_area_main .profile_form .img_sec {display: flex; margin-top: 10px}
.content_area_main .profile_form .img_sec:first-child{margin-right: 20px}
.content_area_main .profile_form .img_sec .img_area{width: 300px;height: 200px; position: relative;}
.content_area_main .profile_form .img_sec .img_area img{width: 100% ; height: 100%; position: absolute; top: 0; bottom:0; left: 0; right: 0; object-fit: cover;}

.modal.document-preview .modal-body img{width: 100%}

/* book a test */

.content_area_main .profile_form .select_address {margin: 40px 0 20px 0;}
.content_area_main .profile_form .heading h5 {font-size: 20px; line-height: 24px; color: #005159;}
.content_area_main .profile_form .form-control.date.theme_cal_Selected {position: relative;}
.content_area_main .profile_form .select_address ul {padding: 0px;list-style: none; margin: 0;border: 1px solid #E8EEEF; border-radius: 8px; background: #F6F8F9;}
.content_area_main .profile_form .select_address ul li{ padding: 20px; border-bottom: 1px solid #E8EEEF; margin: 0; border-radius: 0px;   font-size: 16px; color: #121515;}
.content_area_main .profile_form .select_address ul li:last-child {border-bottom: none;}
.content_area_main .profile_form .select_address ul li .radio .add_detail{width: 90%;}
.content_area_main .profile_form .select_address ul li .radio .add_detail span {margin-left: 150px; position: absolute; left: 400px;}
.content_area_main .profile_form .select_address ul li .radio .icon {width: 50px; display: flex; align-items: center; justify-content: center;}
.content_area_main .profile_form .select_address ul li .radio .icon .black_icon{background-color: transparent; width: 40px; padding: 8px; border-radius: 50%; display: block; }
.content_area_main .profile_form .select_address ul li .radio .icon .black_icon img {width: 100%;}
.content_area_main .profile_form .select_address ul li .radio .icon .white_icon{width: 24px; display: none;}
.content_area_main .profile_form .select_address ul li .radio .icon .white_icon img {width: 100%;}
.content_area_main .profile_form .select_address ul li .radio input:checked ~ .icon .white_icon{display: block; background-color: #52B9CC; width: 40px;  padding: 8px; border-radius: 50%;}
.content_area_main .profile_form .select_address ul li .radio input:checked ~ .icon .black_icon{display: none;}

.content_area_main .profile_form .select_address ul li .radio { display: flex;justify-content: space-between;  align-items: center; padding-left: 5px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; margin: 0;}
.content_area_main .profile_form .select_address ul li .radio input {opacity: 0;cursor: pointer; display: none;}
.content_area_main .profile_form .select_address ul li .radio .checkmark {position: relative; height: 20px; width: 20px; background: url(../images/radio.png) center center no-repeat;border-radius: 50%;}
.content_area_main .profile_form .select_address ul li .radio input:checked ~ .checkmark:after { display: block;}
.content_area_main .profile_form .select_address ul li .radio .checkmark:after {content: ""; position: absolute; display: none; top: 7px;left: 7px;width: 6px;height: 6px;	border-radius: 50%;background: url(../images/redio_checkd.png) center center no-repeat;}

.content_area_main .profile_form .promo {margin-bottom: 30px; padding: 3px ; display: flex;  justify-content: space-between; align-items: center; background: #FFFFFF; border: 1px dashed #52B9CC; box-sizing: border-box;  box-shadow: 0px 5px 20px rgba(18, 21, 21, 0.08); border-radius: 10px;}
.content_area_main .profile_form h5.promo-head {font-size: 20px; line-height: 24px; color: #005159; margin: 40px 0 20px 0; }
.content_area_main .profile_form .promo .promp_img{width: 20%; }
.content_area_main .profile_form .promo .promp_img img {width: 100%; }
.content_area_main .profile_form .promo  .aplly_code{width: 80%;padding: 0 50px; display: flex;  justify-content: space-between; align-items: center;}
.content_area_main .profile_form .promo .form-control {margin-bottom: 0; width: 74%; border: none; color: #005159;  border-radius: 0; border-bottom: #E8EEEF solid 1px !important; padding:6px 0; color: #005159;}
.content_area_main .profile_form .promo .btn-apply{border: 1px solid #005159; font-weight: 700; border-radius: 30px; font-size: 16px;  line-height: 50px; text-align: center; color: #047F8A; width: 160px; }
.content_area_main .profile_form .promo .btn-apply:hover{color: #fff; background-color: #005159;}
.content_area_main .profile_form .form-check label{color: #005159;}
.content_area_main .profile_form .form-check label a {font-weight: 600;}
.content_area_main  input[type=checkbox].css-checkbox {position:absolute; z-index:-1000; left:-1000px; overflow: hidden; clip: rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0; }
.content_area_main  input[type=checkbox].css-checkbox + label.css-label {padding-left:26px;  display:inline-block; line-height:18px; font-size:15px; vertical-align:middle; cursor:pointer; font-weight:normal; width:100%; position: relative;}
.content_area_main  input[type=checkbox].css-checkbox + label.css-label::before{content: ''; width: 18px;  height: 18px; position: absolute; left: 0px; top: 0px; border:#005159 2px solid; border-radius: 3px}
.content_area_main  input[type=checkbox].css-checkbox:checked + label.css-label::before{background: url(../images/redio_checkd.png) center center no-repeat; border:#047F8A 2px solid}
.content_area_main  label.css-label {-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; margin:0px;}
.content_area_main .profile_form .btn-checkout { background: #047F8A; border-radius: 30px; width: 260px; line-height: 50px; color: #fff; font-weight: 700; font-size: 16px;margin: 0;}
.content_area_main .profile_form .btn-checkout:hover {background: #FBBB21;}

/* dependants ------ */

.latest-test-results.dependent {margin: 0 0 20px 0;}
.latest-test-results.dependent .titlebar{margin-bottom: 20px;}
.latest-test-results.dependent ul.result-lists  {margin: 0; border: 1px solid #E8EEEF; border-radius: 8px; padding-bottom: 40px;background: #F6F8F9;}
.latest-test-results.dependent ul.result-lists  li{ border-bottom: 1px solid #E8EEEF; margin: 0; border-radius: 0px; background: none}
.latest-test-results.dependent ul.result-lists  li:last-child{border-bottom:none}
.latest-test-results.dependent ul.result-lists  li .btns{  display: flex; align-items: center; justify-content: space-between; padding: 30px ; border-left: 1px solid #E8EEEF ; }
.latest-test-results.dependent ul.result-lists  li .btns a{color: #047F8A; text-decoration: underline; padding: 0 10px; font-size: 16px;line-height: 19px;}
.latest-test-results.dependent ul.result-lists  li .btns a:focus{box-shadow: none;}
.latest-test-results.dependent ul.result-lists  li .user-name {width: 70%; position: relative; padding-left: 60px;}
.latest-test-results.dependent ul.result-lists  li .user-name::before {position: absolute; content: ''; left: 30px; background: url(../images/user.png) center center no-repeat; height: 24px; width: 24px; }

nav ul.pagination {margin-top:20px; justify-content: center; flex-wrap: wrap;}
nav ul.pagination li{background: none ; margin: 0 10px 0 0 ; padding: 0 !important; border: none; }
nav ul.pagination li.page-item .page-link {border: none; text-decoration: none !important; background-color: #F6F8F9;  border-radius: 4px; height: 40px; width: 40px; display: flex; justify-content: center; align-items: center; padding: 0 ; color: #047F8A;}
nav ul.pagination li.page-item:last-child{margin-right: 0px ;}
nav ul.pagination li.page-item .page-link:hover{ background-color: #047F8A; color: #F6F8F9 !important;;}
nav ul.pagination li.page-item.active .page-link{ background-color: #047F8A; color: #F6F8F9; }
nav ul.pagination li.page-link:focus{box-shadow: none;}

.content_area_main .profile_form.dependent .dependent_detail,.content_area_main .profile_form .dependent_detail {font-weight: 400; font-size: 14px; line-height: 17px; margin:0 0 15px 0 ; padding-left: 0px}
.content_area_main .profile_form.dependent .choose_id{margin-top: 10px;}
.content_area_main .profile_form.dependent .btn.btn-add {margin-top: 0; text-decoration: none; text-align: center; width: max-content; padding: 0 20px; line-height: 50px;}
.content_area_main .profile_form.dependent .heading {align-items: flex-start; margin: 10px 0 0 0px; }

/* manage_location ------ */

.content_area_main .heading.locate a.btn.btn-current{background: #E6544C; color: #F6F8F9; font-size: 16px; text-decoration: none; font-weight: 700; display: flex; align-items: center ; justify-content: center; border-radius: 30px; width: 220px; height: 40px; margin: 0;}
.content_area_main .map { width: 100%; height: 300px; margin-bottom: 50px;}
.content_area_main .profile_form h5.location_detail{font-size: 20px; line-height: 24px; color: #005159; margin: 0 0 20px 0;}
.content_area_main .profile_form .btn.btn-saved { margin-top: 0; text-decoration: none; width: 200px;}

.latest-test-results.select_location .select_address ul li  a.btn-select{text-decoration: underline; color: #047F8A}
.latest-test-results.select_location .select_address ul {padding: 0px 0px 10px 0px;list-style: none; margin-top: 20px ;border: 1px solid #E8EEEF; border-radius: 8px;  background: #F6F8F9;}
.latest-test-results.select_location .select_address ul li{border-bottom: 1px solid #E8EEEF; margin: 0; border-radius: 0px; display: flex; justify-content: space-between; align-items: center;  font-size: 16px; color: #121515;}
.latest-test-results.select_location .select_address ul li:last-child {border-bottom: none;}
.latest-test-results.select_location .select_address .btns{  display: flex; align-items: center; justify-content: space-between; padding: 30px ; border-left: 1px solid #E8EEEF ; width: 315px}
.latest-test-results.select_location .select_address .btns p {margin: 0}
.latest-test-results.select_location .select_address .btns a{color: #047F8A; text-decoration: underline; padding: 0 10px; font-size: 16px;line-height: 19px;}
.latest-test-results.select_location .select_address .btns a:focus,
.latest-test-results.select_location .select_address ul li  a.btn-select:focus{box-shadow: none;}

.latest-test-results.select_location .select_address ul li .radio .add_detail{width: 85%;}
.latest-test-results.select_location .select_address ul li .radio .icon {width: 50px; display: flex; align-items: center; justify-content: center;}
.latest-test-results.select_location .select_address ul li .radio .icon .black_icon{background-color: transparent; width: 40px; padding: 8px; border-radius: 50%; display: block; }
.latest-test-results.select_location .select_address ul li .radio .icon .black_icon img {width: 100%;}
.latest-test-results.select_location .select_address ul li .radio .icon .white_icon{width: 24px; display: none;}
.latest-test-results.select_location .select_address ul li .radio .icon .white_icon img {width: 100%;}
.latest-test-results.select_location .select_address ul li .radio input:checked ~ .icon .white_icon{display: block; background-color: #52B9CC; width: 40px;  padding: 8px; border-radius: 50%;}
.latest-test-results.select_location .select_address ul li .radio input:checked ~ .icon .black_icon{display: none;}

.latest-test-results.select_location .select_address ul li .radio {width: 65%; display: flex;justify-content: space-between;  align-items: center; padding-left: 25px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; margin: 0;}
.latest-test-results.select_location .select_address ul li .radio input {opacity: 0;cursor: pointer; display: none;}
.latest-test-results.select_location .select_address ul li .checkmark {position: relative; opacity: 0; height: 20px; width: 20px; background: url(../images/radio.png) center center no-repeat;border-radius: 50%;}
.latest-test-results.select_location .select_address ul li .radio input:checked ~ .checkmark:after { display: block;}
.latest-test-results.select_location .select_address ul li .radio .checkmark:after {content: ""; position: absolute; display: none; top: 7px;left: 7px;width: 6px;height: 6px;	border-radius: 50%;background: url(../images/redio_checkd.png) center center no-repeat;}

/* test trend */

.content_area_main .profile_form.test_trend h6{font-size: 14px;line-height: 17px; text-align: right; color: #121515;}
.content_area_main .profile_form.test_trend {padding: 20px;}
.content_area_main .profile_form.test_trend .data-input{display: flex;width: 100%;}
.content_area_main .profile_form.test_trend .data-input .form-group{margin: 0;  width: 50%; }
.content_area_main .profile_form.test_trend .data-input .form-group .form-control{background-color: #E8EEEF;padding: 0 20px; margin-bottom: 0; height: 60px !important; margin-bottom: 20px; }
.content_area_main .profile_form.test_trend .data-input .form-group .form-control:focus{border: none !important;}
.content_area_main .profile_form.test_trend .data-input .form-group:first-child {margin-right :1px;}
.content_area_main .profile_form.test_trend .data-input .form-group:first-child .form-control{border-top-left-radius:10px ; border-bottom-left-radius:10px }
.content_area_main .profile_form.test_trend .data-input .form-group:last-child{margin-left: 1px; border-top-right-radius:10px ;}
.content_area_main .profile_form.test_trend .data-input .form-group:last-child .form-control{border-top-right-radius:10px ; border-bottom-right-radius:10px }
.content_area_main .profile_form.test_trend .latest-test-results {padding: 10px 10px 40px 10px; margin: 10px 0 0 0;}
.content_area_main .profile_form.test_trend .latest-test-results ul{margin: 0;}
.content_area_main .profile_form.test_trend .latest-test-results .titlebar {margin-bottom: 15px}
.content_area_main .profile_form.test_trend .latest-test-results .titlebar ul.option li {display: inline-block;}
.content_area_main .profile_form.test_trend .latest-test-results ul li .test_detail{width:80%; display: flex ; justify-content: space-between; align-items: center;}
.content_area_main .profile_form.test_trend .latest-test-results ul li .test_detail .name {color: #047F8A;width: 30%; padding-left: 40px}
.content_area_main .profile_form.test_trend .latest-test-results ul li .test_detail .test_code{width: 30%}
.content_area_main .profile_form.test_trend .latest-test-results ul li .test_detail .test_name{width: 30%}
.content_area_main .profile_form.test_trend .latest-test-results ul li a {font-size: 16px; color: #047F8A; text-decoration: underline; font-weight: 400;}
.content_area_main .profile_form.test_trend .latest-test-results ul li .btn-view{width: 15%; background: none; margin: 0; border-radius: 0; line-height: 70px; padding: 0; }
.content_area_main .profile_form.test_trend .latest-test-results ul li .btn-view:focus{box-shadow: none;}
.content_area_main .profile_form h5.location_detail.mt-5{margin-top: 50px !important;}

/* test result */

.content_area_main .profile_form.test_trend.test-result .titlebar{display:flex;  justify-content: space-between;}
.content_area_main .profile_form.test_trend.test-result .titlebar .title{font-size:14px; line-height:30px; color:#121515;}
.content_area_main .profile_form.test_trend.test-result .titlebar ul.option{margin:0px; padding:0px; list-style:none}
.content_area_main .profile_form.test_trend.test-result .titlebar ul.option li{display:inline-block; font-size:14px; line-height:30px; font-weight: 700; margin-left:30px; position:relative; padding-left:5px; margin-right: 10px}
.content_area_main .profile_form.test_trend.test-result .titlebar ul.option li:before{top:6px; left:-20px;}
.content_area_main .profile_form.test_trend.test-result .blue{position:relative}
.content_area_main .profile_form.test_trend.test-result .blue:before{content:''; position:absolute; width:18px; height:18px; border-radius:50%; background:#20D17C}
.content_area_main .profile_form.test_trend.test-result .yellow{position:relative}
.content_area_main .profile_form.test_trend.test-result .yellow:before{content:''; position:absolute; width:18px; height:18px; border-radius:50%; background:#FBBB21}
.content_area_main .profile_form.test_trend.test-result .red{position:relative}
.content_area_main .profile_form.test_trend.test-result .red:before{content:''; position:absolute; width:18px; height:18px; border-radius:50%; background:#C31431}
.content_area_main .profile_form.test_trend.test-result .data-input .form-group.name{width:35%}
.content_area_main .profile_form.test_trend.test-result .data-input .form-group.nm-of-test {width: 45%}
.content_area_main .profile_form.test_trend.test-result .data-input .form-group{width: 12%;margin-right: 2px }
.content_area_main .profile_form.test_trend.test-result .data-input .form-group .form-control:focus{border: none !important;}
.content_area_main .profile_form.test_trend.test-result .data-input .form-group:nth-child(1) {margin-right: 2px;}
.content_area_main .profile_form.test_trend.test-result .data-input .form-group:nth-child(1) .form-control{border-top-left-radius:10px ; border-bottom-left-radius:10px }
.content_area_main .profile_form.test_trend.test-result .data-input .search {height: 60px; width: 8%;  text-align: center; font-size: 20px; border-top-right-radius:10px ; display:inline-block; background: #E8EEEF; cursor: pointer;  border: none; border-bottom-right-radius:10px }
.content_area_main .profile_form.test_trend.test-result .data-input .search .search-btn { color: #047F8A; padding: 15px 0 0 0; border: none; cursor: pointer; background: none; margin: 0 5px;}
.content_area_main .profile_form.test_trend.test-result .data-input .search .search-btn:hover{background: none}
.content_area_main .profile_form.test_trend.test-result .data-input .search .search-btn:focus{box-shadow: none; border: none; outline: none}
.content_area_main .profile_form.test_trend.test-result h6 {font-weight: 400; font-size: 14px;margin: 0px 0 0px 0; line-height: 17px; text-align: right; color: #121515; }
.content_area_main .profile_form.test_trend.test-result .latest-test-results ul li{display: flex; flex-wrap: wrap; padding: 15px 0}
.content_area_main .profile_form.test_trend.test-result .latest-test-results ul li .test-name{width: 40%}
.content_area_main .profile_form.test_trend.test-result .latest-test-results ul li .name {width: 20%; color:#047F8A; background: none; padding: 0}
.content_area_main .profile_form.test_trend.test-result .latest-test-results ul li .show-result {align-items: center;}
.content_area_main .profile_form.test_trend.test-result .latest-test-results ul.result-lists li .test-status {margin-right: 10px;}
.content_area_main .profile_form.test_trend.test-result .latest-test-results ul li .btn{color:#047F8A; background: none; font-weight: 300; width: auto; border: none; margin: 0; }
.content_area_main .profile_form.test_trend.test-result .latest-test-results ul li .btn:hover{color:#047F8A; background: none; font-weight: 300; width: auto; border: none}
.plus-minus-toggle { cursor: pointer; height: 21px; position: relative; width: 21px;}
.plus-minus-toggle:before,
.plus-minus-toggle:after { background: #047F8A; content: ''; height: 3px; left: 0; position: absolute; top: 7px; width: 18px;transition: transform 500ms ease;}
.plus-minus-toggle:after {transform-origin: center;}
.plus-minus-toggle.collapsed:after {transform: rotate(90deg);}
.plus-minus-toggle.collapsed:before {transform: rotate(180deg);}

.content_area_main .profile_form.test_trend.test-result .filter-mobile {display: none;}
.content_area_main .profile_form.test_trend.test-result .latest-test-results ul li .all-result {display: none;  width: 100%; }
.content_area_main .profile_form.test_trend.test-result .latest-test-results ul li .all-result .patient-result {display: block; padding: 20px;margin-bottom: 10px; }
.content_area_main .profile_form.test_trend.test-result .latest-test-results ul li .all-result  .patient-result .test_detail {padding: 0; display: flex; align-items: flex-start; justify-content: space-between; width: 100%;}
.content_area_main .profile_form.test_trend.test-result .latest-test-results ul li .all-result  .patient-result .test_detail .name {color: #047F8A; width: 20%}
.content_area_main .profile_form.test_trend.test-result .latest-test-results ul li .all-result  .patient-result .test_detail .test_code{width: 45%; max-width: 45%}
.content_area_main .profile_form.test_trend.test-result .latest-test-results ul li .all-result  .patient-result .test_detail .test_name{width: 35%;}
.content_area_main .profile_form.test_trend.test-result .latest-test-results ul li .all-result  .patient-result .test_detail .result-mg{text-align: end;width: 20%}
.content_area_main .profile_form.test_trend.test-result .latest-test-results ul li .all-result  .patient-result .test_detail .test_date{width: 20%}
.content_area_main .profile_form.test_trend.test-result .latest-test-results ul li .all-result  .patient-result .test_detail .test-status{width: 20%; cursor: pointer;}

.content_area_main .profile_form.test_trend.test-result .latest-test-results ul li .all-result .patient-result .result-main{margin-top: 20px; background: #fff; padding:50px 30px;  border-radius: 10px; }
.content_area_main .profile_form.test_trend.test-result .latest-test-results ul li .all-result .patient-result .result-main .result_area {width: 100%; display: flex;align-items: center;  position: relative;}
.content_area_main .profile_form.test_trend.test-result .latest-test-results ul li .all-result .patient-result .result-main .result_area .lower-red{width: 20% ;margin-right: 3px; position: relative;}
.content_area_main .profile_form.test_trend.test-result .latest-test-results ul li .all-result .patient-result .result-main .test-range {position: absolute; left: 50%; top: -25px; margin-left: -10.5px; opacity: 0.8; color: #32737a; font-size: 24px}
/* .content_area_main .profile_form.test_trend.test-result .latest-test-results ul li .all-result .patient-result .result-main .test-range img{width: 100%;} */
.content_area_main .profile_form.test_trend.test-result .latest-test-results ul li .all-result .patient-result .result-main .normal-range {position: absolute; left: 50%; top: -25px; margin-left: -10.5px; color: #000}
.content_area_main .profile_form.test_trend.test-result .latest-test-results ul li .all-result .patient-result .result-main .result_area .lower-red .progress {height: 10px ; border-top-left-radius: 8px; border-bottom-left-radius: 8px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; background-color: #E6544C;}
.content_area_main .profile_form.test_trend.test-result .latest-test-results ul li .all-result .patient-result .result-main .result_area .lower-red .result-detail {text-align: center;width: 100%; position:absolute;  font-size: 10px;line-height: 10px; margin-top: 10px; color: #E6544C ;}
.content_area_main .profile_form.test_trend.test-result .latest-test-results ul li .all-result .patient-result .result-main .result_area .lower-yellow{width: 20% ;margin-right: 3px; position: relative;}
.content_area_main .profile_form.test_trend.test-result .latest-test-results ul li .all-result .patient-result .result-main .result_area .lower-yellow .progress {height: 10px ; background-color:#FBBB21; border-radius: 0px;}
.content_area_main .profile_form.test_trend.test-result .latest-test-results ul li .all-result .patient-result .result-main .result_area .lower-yellow .result-detail {text-align: center; width: 100%;position: absolute;font-size: 10px;line-height: 10px; margin-top: 10px; color: #FBBB21;}
.content_area_main .profile_form.test_trend.test-result .latest-test-results ul li .all-result .patient-result .result-main .result_area .normal-green{width: 20% ;margin-right: 3px; position: relative;}
.content_area_main .profile_form.test_trend.test-result .latest-test-results ul li .all-result .patient-result .result-main .result_area .normal-green .progress {height: 10px ; background-color:#20D17C; border-radius: 0px;}
.content_area_main .profile_form.test_trend.test-result .latest-test-results ul li .all-result .patient-result .result-main .result_area .normal-green .result-detail {text-align: center;width: 100%;position: absolute;font-size: 10px;line-height: 10px; margin-top: 10px; color: #20D17C;}
.content_area_main .profile_form.test_trend.test-result .latest-test-results ul li .all-result .patient-result .result-main .result_area .higher-yellow{width: 20% ;margin-right: 3px; position: relative;}
.content_area_main .profile_form.test_trend.test-result .latest-test-results ul li .all-result .patient-result .result-main .result_area .higher-yellow .progress {height: 10px ;  background-color:#FBBB21; border-radius: 0px;}
.content_area_main .profile_form.test_trend.test-result .latest-test-results ul li .all-result .patient-result .result-main .result_area .higher-yellow .result-detail {text-align: center;width: 100%;position: absolute;font-size: 10px;line-height: 10px; margin-top: 10px; color: #FBBB21;}
.content_area_main .profile_form.test_trend.test-result .latest-test-results ul li .all-result .patient-result .result-main .result_area .higher-red{width: 20% ; position: relative;}
.content_area_main .profile_form.test_trend.test-result .latest-test-results ul li .all-result .patient-result .result-main .result_area .higher-red .progress {height: 10px ;  border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: 8px; border-bottom-right-radius: 8px; background-color: #E6544C;}
.content_area_main .profile_form.test_trend.test-result .latest-test-results ul li .all-result .patient-result .result-main .result_area .higher-red .result-detail {text-align: center;width: 100%; position: absolute; font-size: 10px;line-height: 10px; margin-top: 10px; color: #E6544C ;}
.content_area_main .profile_form.test_trend.test-result .latest-test-results ul li .all-result .patient-result .result-main .result-mg{color: #047F8A;}
.content_area_main .profile_form.test_trend.test-result .latest-test-results ul li  .all-result .patient-result .heading {margin:20px 0 0 0  ;}
.content_area_main .profile_form.test_trend.test-result .latest-test-results ul li  .all-result .patient-result .heading p {padding-left: 20px; font-size: 14px; line-height: 13px; margin: 0; color:#121515 }
.content_area_main .profile_form.test_trend.test-result .latest-test-results ul li .result_area.covid{display: flex; align-items: start; justify-content: space-between;}
.content_area_main .profile_form.test_trend.test-result .latest-test-results ul li .result_area.covid .covid-dis {width: 40%;}
.content_area_main .profile_form.test_trend.test-result .latest-test-results ul li .text-center.mt-2{margin-top: 20px !important;}

/* test detail */

.content_area_main .heading span a { text-decoration: none; }
.content_area_main .heading span a img{ margin-bottom: 7px; }
.content_area_main .test_trend_main a {font-size: 18px; padding:0 0 30px 0; display: inline-block;}
.content_area_main .test_trend_main .trend_chart{background-color: #fff; border-radius: 10px; padding:50px 100px; position: relative;}
.content_area_main .test_trend_main .trend_chart .result-time-series-graph__y-axis-layer {position: absolute; bottom: 70px;}
.content_area_main .test_trend_main .trend_chart .chart-main-area{height: 500px; position: relative;}
.content_area_main .test_trend_main .trend_chart .chart-main-area canvas{width: 100% !important; height: 100% !important;}
.content_area_main .test_trend_main .trend_chart .chart-main-area .custom-y-bar{position: absolute; top: 0px; left: 8px; height: 100%; padding:7px 0 20px 0}
.content_area_main .test_trend_main .trend_chart .chart-main-area .custom-y-bar .high-red-area{position: relative; border-radius: 5px 5px 0 0; background: #E6544C; width: 10px; }
.content_area_main .test_trend_main .trend_chart .chart-main-area .custom-y-bar .low-red-area{position: relative; border-radius: 0 0 5px 5px; background: #E6544C; width: 10px; }
.content_area_main .test_trend_main .trend_chart .chart-main-area .custom-y-bar .high-red-area span{position: absolute; right: 18px; color: #000; color: #000; font-size: 14px; top: -20px; line-height: 14px; font-weight: 600}
.content_area_main .test_trend_main .trend_chart .chart-main-area .custom-y-bar .low-red-area span{position: absolute; right: 18px; color: #000;  font-size: 14px; bottom: -20px; line-height: 14px; font-weight: 600}
.content_area_main .test_trend_main .trend_chart .chart-main-area .custom-y-bar .high-yellow-area{position: relative; background: #FBBB21; width: 10px; border-top: #fff 2px solid;}
.content_area_main .test_trend_main .trend_chart .chart-main-area .custom-y-bar .low-yellow-area{position: relative; background: #FBBB21; width: 10px; border-bottom: #fff 2px solid;}
.content_area_main .test_trend_main .trend_chart .chart-main-area .custom-y-bar .high-yellow-area span{position: absolute; right: 18px; color: #000; color: #000; font-size: 14px; top: -20px; line-height: 14px; font-weight: 600}
.content_area_main .test_trend_main .trend_chart .chart-main-area .custom-y-bar .low-yellow-area span{position: absolute; right: 18px; color: #000;  font-size: 14px; bottom: -20px; line-height: 14px; font-weight: 600}
.content_area_main .test_trend_main .trend_chart .chart-main-area .custom-y-bar .normal-green-area{position: relative; border-top: #fff 2px solid; border-bottom: #fff 2px solid;  width: 10px;}
.content_area_main .test_trend_main .trend_chart .chart-main-area .custom-y-bar .high-yellow-area .range-top{position:absolute; right: 15px; color: #000; font-size: 12px; line-height: 12px; font-weight: 600}
.content_area_main .test_trend_main .trend_chart .chart-main-area .custom-y-bar .low-yellow-area .range-bottom{position:absolute; right: 15px; color: #000; font-size: 12px; line-height: 12px; font-weight: 600}
.content_area_main .test_trend_main .trend_chart .heading h3{color: #005159;}
.content_area_main .test_trend_main .trend_chart .heading input{background-color: #E8EEEF; width: 200px; border-radius: 8px; padding: 0 0 0 15px; border: none; height: 40px; }
.content_area_main .test_trend_main .trend_chart .heading input:focus{box-shadow: none;}
.content_area_main .test_trend_main .trend_chart .result-time-series-graph__y-axis-layer g{display: block;margin-bottom: 2px; }
.content_area_main .test_trend_main .trend_chart .result-time-series-graph__y-axis-layer g .range{font-size: 16px; font-weight: 600}
.content_area_main .test_trend_main .trend_chart .result-time-series-graph__y-axis-layer .range-red{ background-color: #E6544C; width: 10px;height:135px;}
.content_area_main .test_trend_main .trend_chart .result-time-series-graph__y-axis-layer .range-red:first-child{border-top-left-radius:4px; border-top-right-radius: 4px ; position: relative;}
.content_area_main .test_trend_main .trend_chart .result-time-series-graph__y-axis-layer .range-red:first-child .range{position: absolute; bottom: 0;top: 20px; right: 15px;}
.content_area_main .test_trend_main .trend_chart .result-time-series-graph__y-axis-layer .range-red:last-child{position: relative; border-bottom-left-radius:4px; border-bottom-right-radius: 4px ;}
.content_area_main .test_trend_main .trend_chart .result-time-series-graph__y-axis-layer .range-red:last-child .range{position: absolute; bottom: 20px; right: 15px;}
.content_area_main .test_trend_main .trend_chart .result-time-series-graph__y-axis-layer .range-green{  background-color: #20D17C; position: relative; height: 220px}
.content_area_main .test_trend_main .trend_chart .result-time-series-graph__y-axis-layer .range-green .range.range-top{position: absolute; bottom: 0;top: 0px; right: 15px;}
.content_area_main .test_trend_main .trend_chart .result-time-series-graph__y-axis-layer .range-green .range.range-bottom{position: absolute; bottom: 0;bottom: 0px; right: 15px;}
.content_area_main .test_trend_main .trend_chart .search-btn { color: #047F8A; font-size: 20px; padding: 15px 0 0 0; border: none; cursor: pointer; background: none; margin: 0 5px;}
.content_area_main .test_trend_main .trend_chart .search-btn:hover{background: none}
.content_area_main .test_trend_main .trend_chart .search-btn:focus{box-shadow: none; border: none; outline: none}

/* feedback */

.content_area_main .profile_form.feedback_form p{margin: 0; line-height: 30px}
.content_area_main .profile_form.feedback_form .latest-test-results {margin: 20px 0;}
.content_area_main .profile_form.feedback_form .latest-test-results ul.result-lists {margin: 0px 0px 0px 0px;}
.content_area_main .profile_form.feedback_form .latest-test-results ul.result-lists li{padding: 15px}
.content_area_main .profile_form.feedback_form .choose_id {margin: 0 0 25px 0}
.content_area_main .profile_form.feedback_form .choose_id h5{margin-bottom:  15px}
.content_area_main .profile_form.feedback_form .btn.send-feedback{margin: 0}

.breadcrumb-area{margin: 70px 0 60px 0}
.breadcrumb-area .breadcrumb {background: #E8EEEF; font-size: 13px; padding: 6px 12px; display: inline-flex; margin: 0px; font-weight: 400;}
.breadcrumb-area .breadcrumb .breadcrumb-item a{color: #121515}
.breadcrumb-area .breadcrumb .breadcrumb-item.active{color: #047F8A}

.contact-page{padding:0px 0 50px 0; position: relative;}
.contact-page h2{font-size:40px; line-height:46px; color:#005159; margin:0 0 30px 0; text-align: center;}
.contact-page p{font-size: 16px; line-height: 20px; color: #121515; margin-bottom: 40px}
.contact-page p strong{display: block; margin-bottom: 20px; font-size: 20px; line-height: 24px}
.contact-page .form-area{border-left:#047F8A 2px solid; padding: 10px 30px 1px 30px}
.contact-page .form-area .form-control{border:none; border-radius: 0; border-bottom: #E8EEEF solid 1px !important; padding: 8px 0; color: #005159; margin-bottom: 15px; font-size: 16px}
.contact-page .form-area .form-control:focus{box-shadow: none; border-bottom: #047F8A 1px solid !important}
.contact-page .btn-submit{font-size: 16px; color: #fff; padding: 0 44px;  font-weight: 700; border:#047F8A 1px solid; background: #047F8A; border-radius: 30px; line-height: 50px; margin-top: 20px;}
.contact-page .btn-submit:hover{background: #fff; color: #047F8A;}

.contact-page ul.info-area{margin: 0px 0px 40px 0px; display: flex; align-items: flex-start;padding: 30px 0px; list-style: none; border-top:#E8EEEF 1px solid; border-bottom: #E8EEEF 1px solid}
.contact-page ul.info-area li{display: inline-block; font-size: 14px; color: #047F8A; line-height: 24px; width: 32.5%; position: relative; padding: 0 0 0 30px;}
.contact-page ul.info-area li .icon{float: left; margin-right: 10px; position: absolute;left:0; width: 24px; height: 24px;}
.contact-page .map-area {height: 366px;}
.photo-icon{background: url(../images/info-icon.png) left center no-repeat;}
.email-icon{background: url(../images/info-icon.png) center center no-repeat;}
.map-icon{background: url(../images/info-icon.png) right center no-repeat;}

.how-it-work-page.index {display: none;}

.how-it-work-page{padding:0px 0 50px 0; position: relative;}
.how-it-work-page h2{font-size:40px; line-height:46px; color:#005159; margin:0 0 30px 0; text-align: center;}
.how-it-work-page p{font-size: 16px; line-height: 20px; color: #121515; margin-bottom: 20px; text-align: center;}
.how-it-work-page .work-box{display:flex; width:100%; margin:40px 0 30px 0;position:relative; justify-content: end;}
.how-it-work-page .work-box .photo-area{position:absolute; width: 33%; left: 0px;}
.how-it-work-page .work-box .work-content{background: rgba(82, 185, 204, 0.15); border-radius:300px; width: 84%; height: 350px; text-align: left; display: flex; align-items: center; padding:0 100px 0 220px}
.how-it-work-page .work-box .work-content .full{width:100%}
.how-it-work-page .work-box .work-content h3{font-size:30px; color:#005159; line-height:30px;  font-weight: 700; margin:0 0 30px 0}
.how-it-work-page .work-box .work-content h3 span{ font-weight: 600;font-size:20px; line-height:13px; letter-spacing: 0.2em; display:block; text-transform: uppercase; color: #52B9CC; margin-bottom:10px}
.how-it-work-page .work-box .work-content p{font-size:16px; line-height:20px; color:#121515; margin:0 ; text-align: left;}
.how-it-work-page .work-box:nth-of-type(2n+2){justify-content: flex-start;}
.how-it-work-page .work-box:nth-of-type(2n+2) .photo-area{right: 0px; left: auto;}
.how-it-work-page .work-box:nth-of-type(2n+2) .work-content{padding:0 220px 0 100px}

.help-center-area{padding: 0px 0 50px 0;}
.help-center-area h2{font-size: 58px; line-height: 70px; color: #005159; margin:0 0 30px 0;}
.help-center-area h2 span{ color: #FBBB21;}
.help-center-area p{font-size: 16px; line-height: 20px; color: #121515; margin: 0 0 25px 0;}
.help-center-area img{width: 100%}
.help-center-area ul.link-list{margin: 0px; padding: 0px; list-style: none;}
.help-center-area ul.link-list li{margin-bottom: 20px}
.help-center-area ul.link-list li a{display: block; font-size: 22px; color: #005159; line-height: 26px; background: #F6F8F9; border-radius: 10px; border:#52B9CC 1px solid; box-shadow: 0px 5px 20px rgba(18, 21, 21, 0.08); padding: 20px 40px; position: relative}
.help-center-area ul.link-list li a span{display: block; font-size: 16px; line-height: 20px; color: #121515; margin-top: 10px;}
.help-center-area ul.link-list li a::before {content: ''; background: url(../images/chevron-right.png) center center no-repeat; height: 40px; width: 27px; position: absolute; top: 28px; right: 25px;}
.help-center-area ul.link-list li a:hover{border:#005159 1px solid; background: #fff}

.faq-page{padding: 0px 0 50px 0;}
.faq-page .blood-image img{width: 100%}
.faq-page h2{font-size:40px; line-height:46px; color:#005159; margin:30px 0; text-align: center;}
.faq-page p{font-size: 16px; line-height: 20px; color: #121515; margin-bottom: 20px; text-align: center;}
.faq-page .card{border:none; border-radius: 0px; border-bottom: #C4C4C4 1px solid; padding-bottom: 20px}
.faq-page .card-header{padding: 0px; border:none; background: transparent}
.faq-page .card-header .btn-link{display: block; width: 100%; text-align: left; position: relative; padding: 20px 0 0 0; min-height: 90px; color: #005159; font-size: 26px;}
.faq-page .card-header .btn-link:hover, .faq-page .card-header .btn-link:focus{text-decoration: none}
.faq-page .card-header .btn-link::before{background: #E8EEEF url(../images/minus-icon.png) center center no-repeat; position: absolute; width: 70px; height: 70px; content: ''; top: 20px; right: 0px; border-radius: 50%}
.faq-page .card-header .btn-link.collapsed::before{background: #E8EEEF url(../images/plus-icon.png) center center no-repeat;  position: absolute; width: 70px; height: 70px; content: ''; top: 20px; right: 0px; border-radius: 50%}
.faq-page .card-body{padding: 0px 80px 0px 0px}

.health-hub-page{padding: 0px 0 50px 0;}
.health-hub-page h2{font-size:40px; line-height:46px; color:#005159; margin:0 0 30px 0; }
.health-hub-page p{font-size: 16px; line-height: 20px; color: #121515; margin-bottom: 20px;}
.health-hub-page .photo-area{background: #FBBB21; z-index: -1; height: 360px; border-radius: 180px; position: relative; display: flex; align-items: center; align-content: center; padding-left: 100px; margin-top: 40px}
.health-hub-page .photo-area img{position: absolute; top: -80px; right: 0px}
.health-hub-page .photo-area h3{color: #fff; font-size: 44px; line-height: 50px; width: 320px}

.health-hub-page .search { margin:   0 auto;  width: 50%; position: relative;}
.health-hub-page .search form{margin: 30px 0 0 0;}
.health-hub-page .search .form-control{width:100%; border: none;border-radius: 0;border-bottom: #E8EEEF solid 1px !important;padding: 8px 0;color: #005159;font-size: 16px;}
.health-hub-page .search .form-control:focus{box-shadow:  none}
.health-hub-page .search button.search-btn{background-color: transparent; border: none; position: absolute; right: 0}
.health-hub-page .search button.search-btn:focus{box-shadow:  none}

.health-hub-page ul.test_categories {padding: 50px 0 0 0;  list-style: none; width: 75%; margin: 0 auto;}
.health-hub-page ul.test_categories li {display: inline-block; margin: 0 20px 10px 0;}
.health-hub-page ul.test_categories li:last-child{margin: 0 0 10px 0}
.health-hub-page ul.test_categories li .btn-category {border: #047F8A 1px solid; border-radius: 50px; line-height: 20px; padding: 20px 50px;font-size: 15px; font-weight: 700; color: #047f8a; background-color:#fff; display: flex;align-items: center; justify-content: center;}
.health-hub-page ul.test_categories li .btn-category:hover, .health-hub-page ul.test_categories li .btn-category.active {  background: #047F8A; color: #fff;}
.health-hub-page ul.test_categories li .btn-category:focus{border: #047F8A 1px solid; outline:none}

.health-hub-list{padding:0 0 30px 0; position: relative; min-height: 740px}
.health-hub-list .line{background: #E8EEEF; width: 100%; margin-bottom: 50px; height: 1px}
.health-hub-list .bg{background: #E8EEEF; width: 100%; height: 470px; position: absolute; top: 150px; left: 0px; z-index: 1}
.health-hub-list .row{position: relative; z-index: 2}
.health-hub-list .health-box{background: #FFFFFF; box-shadow: 0px 5px 20px rgba(18, 21, 21, 0.08); border-radius: 10px; padding:25px; margin-bottom: 30px; border:1px solid #E8EEEF}
.health-hub-list .health-box .date{font-size:14px; line-height:16px; color:#121515; margin-bottom:20px;}
.health-hub-list .health-box .title{font-size:20px; line-height:24px; color:#121515; margin-bottom:35px; height: 40px;}
.health-hub-list .health-box .profile-box{font-size:14px; line-height:18px;  font-weight: 700; color:#121515; position: relative; padding-left: 50px}
.health-hub-list .health-box .profile-box span{display:block; font-weight: 300;}
.health-hub-list .health-box .profile-box .photo-area{width: 36px; height: 36px; border-radius: 5px; overflow: hidden; position: absolute; left: 0px; top: 0px;}
.health-hub-list .health-box .profile-box .photo-area img{width: 100%; height: 100%; position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; margin: auto;}
.health-hub-list nav ul li.page-item{border: none; margin: 0 0 0 10px; padding: 0; }
.health-hub-list nav ul li.page-item:first-child{margin: 0}
.health-hub-list nav ul li.page-item .page-link {font-size: 16px; color: #121515;border-radius: 5px; background-color: #F6F8F9; border: none; display: flex;align-items: center;justify-content: center;padding: 0;width: 40px;height: 40px;}
.health-hub-list nav ul li.page-item .page-link:hover, .health-hub-list nav ul li.page-item .page-link.active{color: #fff; background: #047F8A;}

/* blood */

.blood-test-photo-area{position: relative;}
.blood-test-photo-area::before{content: ' '; position: absolute;  background-color:  #E8EEEF; height: 400px; border-radius: 0px;width: 100%; z-index: -1; top: 115px}
.blood-test-photo-area .blood-image {width: 90%; margin: 0 auto;}
.blood-test-photo-area .blood-image img {width: 100%}
.test-main{background: #fff; border: 1px solid #52B9CC; border-radius: 10px; margin: 60px 0; padding: 50px 50px 30px 50px;}
.test-main .heading form {align-items: center; justify-content: space-between; display: flex;}
.test-main .heading ul{margin: 0; padding: 0; list-style: none;}
.test-main .heading ul li{display: inline-block; margin: 0 0 0 10px; font-size: 16px; line-height: 2.5;  border-radius: 5px}
.test-main .heading ul li .form-group {margin: 0 }
.test-main .heading ul li .form-control {background: #E8EEEF}
.test-main .heading ul li .form-control:focus{box-shadow: none}
.test-main .heading .search .form-control{width:100%; border: none;border-radius: 0;border-bottom: #E8EEEF solid 1px !important;padding: 8px 0;color: #005159;font-size: 16px; background: transparent}
.test-main .heading .search .form-control:focus{box-shadow:  none}
.test-main .heading .search button.search-btn{background-color: transparent; border: none; position: absolute; right: 0; bottom: 0px}
.test-main .heading .search button.search-btn:focus{box-shadow:  none}
.test-main .heading h4{color:#005159; margin-bottom: 0}
.test-main .heading .search {width: 50%; position: relative;}
.test-main .heading .search .form-control{width:100%; border: none;border-radius: 0;border-bottom: #E8EEEF solid 1px !important;padding: 8px 0;color: #005159;font-size: 16px;}
.test-main .heading .search .form-control:focus{box-shadow:  none}
.test-main .heading .search button.search-btn{background-color: transparent; border: none; position: absolute; right: 0; bottom: 5px}
.test-main .heading .search button.search-btn:focus{box-shadow:  none}
.test-main .no_record {margin-top: 30px }
.test-main .test-list.single-test ul li .heading {display: flex; align-items: center; justify-content: space-between; padding: 0}
.test-main .test-list ul {padding: 0; margin: 0}
.test-main .test-list ul  li{ list-style: none; margin-top: 20px;background-color: #E8EEEF; border-radius: 10px; padding: 30px 30px 40px 30px;}
.test-main .test-list ul  li:first-child{margin-top: 30px}
.test-main .test-list ul  li:last-of-type{margin-bottom:30px}
.test-main .test-list ul  li .heading h5{font-size: 20px; line-height: 26px; color: #047F8A;}
.test-main .test-list ul  li p {margin: 20px 0; width: 90%; font-size: 16px; }
.test-main .test-list ul  li .btn.amt-btn {color: #fff; padding: 0 20px ; background-color: #047F8A; border-radius: 30px; line-height: 2.5; border-radius: 20px; min-width: 140px}
.test-main .test-list ul  li .btn.amt-btn:focus{box-shadow: none}
.test-main .test-list ul  li .btn.amt-btn img{margin-right: 10px}
.test-main .test-list ul  li .btn.read {color: #047F8A; padding: 0 ;}
.test-main .test-list ul  li .btn.read:focus{box-shadow: none}
.test-main .test-list.offer-page ul li{background-color: #fff; padding:30px 30px 40px 30px; border: 1px solid #52B9CC; border-radius: 10px;}
.test-main .test-list.offer-page ul li p a{color: #005159}
.test-main .test-list.offer-page ul li ul.package-list li a {border: #047F8A 1px solid; border-radius: 50px; line-height: 50px; padding: 0 25px; font-size: 16px; font-weight: 700; color: #047f8a; display: block;}
.test-main .test-list.offer-page ul li ul.package-list li a:hover{  background: #047F8A; color: #fff;}
.test-main .test-list.offer-page ul li ul.package-list li {border: none; margin: 0 5px 15px 0; padding: 0; display: inline-block;}
.test-main .test-list .trun-txt {margin-bottom: 16px;max-height: auto; transition: all 1.5s }
.test-main .test-list .trun-cllpsd { max-height: 70px !important; overflow-y: hidden; text-overflow: ellipsis;  -webkit-line-clamp: 2; -webkit-box-orient: vertical; transition: all 1.5s;}
.test-main .test-list.offer-page .trun-cllpsd {max-height: 240px !important; }
.test-main .test-list .read-more {display: block;cursor: pointer; color: #047F8A; }
.test-main .test-list ul nav ul li.page-item{border: none; margin: 0 0 0 10px; padding: 0; }
.test-main .test-list ul nav ul li.page-item:first-child{margin: 0}
.test-main .test-list ul nav ul li.page-item .page-link {border-radius: 5px; font-size: 16px; color: #121515; background-color: #F6F8F9; border: none; display: flex;align-items: center;justify-content: center;padding: 0;width: 40px;height: 40px;}
.test-main .test-list ul nav ul li.page-item .page-link:hover{color: #fff; background: #047F8A;}
.test-main .test-list ul nav ul li.page-item.active .page-link{color: #fff; background: #047F8A;}

/* health-hub-detail */

.health-hub-page.detail-page .photo-area{background: #E6544C; height: 360px; border-radius: 180px; position: relative; display: flex; align-items: center; align-content: center; padding-left: 100px; margin-top: 70px}
.health-hub-page.detail-page .photo-area img{position: absolute; top: -70px; right: 30px;}
.health-hub-page.detail-page .date{margin-bottom: 30px}
.health-hub-page.detail-page .share-profile {display: flex; align-items: center; justify-content: space-between; margin-bottom: 30px;}
.health-hub-page.detail-page .share-profile .profile-box{ font-size:14px; line-height:18px;  font-weight: 700; color:#121515; position: relative; padding-left: 50px;}
.health-hub-page.detail-page .share-profile .profile-box span{display:block; font-weight: 300;}
.health-hub-page.detail-page .share-profile .profile-box .photo-area-detail-page{width: 36px; height: 36px; border-radius: 5px; overflow: hidden; position: absolute; left: 0px; top: 0px; margin: 0}
.health-hub-page.detail-page .share-profile .profile-box .photo-area-detail-page img{width: 100%; height: 100%; position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; margin: auto;}
.health-hub-page.detail-page .share-profile .share ul{padding: 0; list-style: none; margin: 0}
.health-hub-page.detail-page .share-profile .share ul li{display: inline-block;}
.health-hub-page.detail-page .share-profile .share ul li:first-child {margin-right: 20px}
.health-hub-page.detail-page p {font-size: 16px; line-height: 1.5}
.health-hub-page.detail-page p.detail-text{ margin-top: 80px;}

.home-health-hub-area.health-detail{margin: 0;padding: 0 0 60px 0}
button.openbtn{display: none;}
a.closebtn{display: none;}

.about-top-area{padding: 0px 0;}
.about-top-area h1{font-size: 40px; line-height: 46px; color: #005159; margin: 0;}
.about-top-area .content-area{display: flex; align-content: center; align-items: center;}
.about-top-area .content-area .leftside{display: flex; width:60%;}
.about-top-area .content-area .leftside h2{font-size: 58px; line-height: 70px; color: #005159; margin:0 0 30px 0;}
.about-top-area .content-area .leftside h2 span{color: #FBBB21;}
.about-top-area .content-area .rightside{display: flex; width:40%;}

.mission-section{padding: 60px 0 0 0;}
.mission-section .main-box{background: #FFFFFF; box-shadow: 0px 5px 20px rgba(18, 21, 21, 0.08); border-radius: 10px; padding: 35px 40px}
.mission-section .main-box h2{font-size: 40px; line-height: 46px; color: #005159; margin: 0 0 15px 0;}
.mission-section .main-box .subtitle{font-size: 16px; font-weight: 700; color: #121515; line-height: 21px; margin: 0 0 20px 0; width: 80%}
.mission-section .main-box p{font-size: 16px; font-weight: 400; color: #121515; line-height: 21px; margin: 0px}

.number-section{margin-top: 30px;}
.number-section h2 {color:#047F8A; font-size: 40px; text-align:center}
.number-section p {font-size: 16px; margin: 15px 0; text-align:center}
.number-section p:last-child {margin-bottom: 30px}
.number-section .blue-bg{background: rgba(82, 185, 204, 0.15); border-radius: 310px; padding: 60px}
.number-section .number-box{text-align: center; font-size: 16px; font-weight: 400; color: #121515; line-height: 21px; width: 80%; margin: 0 auto;}
.number-section .number-box span{display: block; font-size: 40px; line-height: 46px; color: #047F8A; margin-bottom: 12px}

.our_story {padding: 0px 0 90px 0;}
.our_story .content-area{display: flex; align-content: center; align-items: center;}
.our_story .content-area .leftside{ width:55%;}
.our_story .content-area .rightside{width:45%; padding: 0 100px 0 0}
.our_story .content-area .rightside h2 {color:#047F8A; font-size: 40px}
.our_story .content-area .rightside h3 {font-weight: 700; font-size: 16px; margin: 20px 0; }
.our_story .story_year {padding: 60px 0 0 0}
.our_story .story_year .story_data{background-color: #52B9CC; width: 100%; height: 2px; margin-top: 90px; position: relative;}
.our_story .story_year .story_data ul {list-style: none;  padding: 0; margin: 0 auto; }
.our_story .story_year .story_data ul li {display: inline-block;}
.our_story .story_year .story_data ul li.year1 {font-weight:  600; position: absolute; top: 20px; left: 20%; margin-left: -20px}
.our_story .story_year .story_data ul li.year1 img {position: absolute;  top: -130px; right: -25px;}
.our_story .story_year .story_data ul li.year1::after{ content: ''; position: absolute; background-color: #52B9CC; height: 30px; width: 2px; top: -50px; left: 18px; z-index: -1;}
.our_story .story_year .story_data ul li.year2 {font-weight:  600; position: absolute; bottom: 20px; left: 33%}
.our_story .story_year .story_data ul li.year2 img {position: absolute;  top: 70px; right: -20px;}
.our_story .story_year .story_data ul li.year2::after{ content: ''; position: absolute; background-color: #52B9CC; height: 30px; width: 2px;top: 44px;left: 18px; z-index: -1;}
.our_story .story_year .story_data ul li.year3 {font-weight:  600; position: absolute; top: 20px;  left:  50% ; margin-left: -20.5px;}
.our_story .story_year .story_data ul li.year3 img {position: absolute;  top: -130px; right: -25px;}
.our_story .story_year .story_data ul li.year3::after{ content: ''; position: absolute; background-color: #52B9CC; height: 30px; width: 2px; top: -50px; left: 17px; z-index: -1;}
.our_story .story_year .story_data ul li.year4 {font-weight:   600; position: absolute; bottom: 20px; right: 33% }
.our_story .story_year .story_data ul li.year4 img {position: absolute;  top: 70px; right: -22px;}
.our_story .story_year .story_data ul li.year4::after{ content: ''; position: absolute; background-color: #52B9CC; height: 30px; width: 2px;top: 44px;left: 18px; z-index: -1;}
.our_story .story_year .story_data ul li.year5 {font-weight:  600; position: absolute; top: 20px; right: 20% ; margin-right: -20px}
.our_story .story_year .story_data ul li.year5 img {position: absolute;  top: -130px; right: -25px;}
.our_story .story_year .story_data ul li.year5::after{ content: ''; position: absolute; background-color: #52B9CC; height: 30px; width: 2px; top: -50px; left: 18px; z-index: -1;}

.about_doctor .dr-box .photo-area{height: 120px;position: relative;width: 120px;border-radius: 50%; margin: auto;}
.about_doctor .dr-box .photo-area img{width: 100%;position: absolute;top: 0;right: 0;left: 0;bottom: 0;object-fit: cover;}
.about_doctor  h2{color: #047F8A;  font-size: 40px; line-height: 48px; margin-bottom: 30px;}
.about_doctor .dr-box .name{font-size: 20px; margin: 20px 0 0 0; text-align: center;}
.about_doctor .dr-box .designation {font-size: 16px; color: #121515; opacity: 0.5; margin: 20px 0 30px 0; text-align: center;}
.about_doctor .dr-box p {line-height: 20px; font-size: 16px; text-align: justify; padding: 0 15px;}
.about_doctor .swiper-wrapper{padding-bottom: 40px; }
.about_doctor .swiper-pagination-bullet {width: 12px; height: 12px;}
.about_doctor .swiper-pagination-bullet.swiper-pagination-bullet-active {background: #047F8A;}
.about_doctor .swiper-pagination {bottom: 0px !important}

.our_lab {padding: 90px 0 60px 0}
.our_lab h2{color: #047F8A;  font-size: 40px; line-height: 48px;}
.our_lab h5 {font-size: 16px;line-height: 21px; font-weight: 700; margin: 15px 0}
.our_lab p {font-size: 16px;line-height: 21px;}
.our_lab .swiper-wrapper{padding-bottom: 40px; }
.our_lab .swiper-pagination-bullet {width: 12px; height: 12px;}
.our_lab .swiper-pagination-bullet.swiper-pagination-bullet-active {background: #047F8A;}
.our_lab .swiper-pagination {bottom: 0px !important}

/* css for select2 js */

.select2-container{ width: 100% !important}
.select2-container .select2-selection--single .select2-selection__rendered{padding-left: 0px !important;}
.select2-container--default .select2-selection--single{background-color: #fff!important; border: none!important; border-radius: 0!important; border-bottom: #E8EEEF solid 1px !important;}
.select2-container .select2-selection--single{height: 38px!important;}
.select2-container--default .select2-selection--single .select2-selection__rendered {color: #005159 !important; line-height: 42px!important;}
.select2-container--default .select2-selection--single .select2-selection__arrow{top:8px!important}
.select2-container--default.select2-container .select2-selection--multiple {border: none !important; border-radius: 0 !important;border-bottom: #E8EEEF solid 1px !important;}
.select2-container--default.select2-container--focus .select2-selection--multiple {border-bottom: #047F8A 1px solid !important;}

/* Front Cart Summary*/
.latest-test-results.front.cart-summary {margin: 50px 0 0px 0}
/* Cart Summary */

.latest-test-results.cart-summary {margin: 0 0 0px 0; box-shadow: none}
.latest-test-results.cart-summary .no_data .empty_img {width: 370px; margin: auto;}
.latest-test-results.cart-summary .no_data .empty_img img {width: 100%}
.latest-test-results.cart-summary .no_data h1 {font-size: 36px; line-height: 50px; font-weight: 700;color: #005159; margin: 30px 0; }
.latest-test-results.cart-summary .no_data .btn.btn-blue {font-size: 16px; color: #fff; padding: 0 24px;font-weight: 700;border: #047F8A 1px solid;background: #047F8A;border-radius: 30px;line-height: 50px; }
.latest-test-results.cart-summary .no_data .btn.btn-blue:hover {color:#047F8A; background: transparent}
.latest-test-results.cart-summary .titlebar{margin-bottom: 20px;}
.latest-test-results.cart-summary .result-lists   {margin: 0; border: 1px solid #E8EEEF; border-radius: 8px; padding: 0px 40px 40px 40px}
.latest-test-results.cart-summary .result-lists .profile_form {border: none; padding: 0}
.latest-test-results.cart-summary .result-lists .profile_form .select_address ul li label.radio .address_line{width: 90%; display: flex; align-items: center;}
.latest-test-results.cart-summary .result-lists .profile_form .select_address ul li label.radio .address_line .add_detail {width: 40%;}
.latest-test-results.cart-summary .result-lists .profile_form .select_address ul li label.radio .address_line .address {width: 50%;}
.latest-test-results.cart-summary .result-lists  .heading{display: flex; justify-content: space-between; align-items: center; margin:40px 0 10px 0}
.latest-test-results.cart-summary .result-lists  .heading h3{margin: 0; font-size: 24px;}
.latest-test-results.cart-summary .result-lists  .heading p {margin: 0; font-size: 16px; color: #005159}
.latest-test-results.cart-summary .result-lists  .heading a {text-decoration: underline; font-size: 16px; }
.latest-test-results.cart-summary .result-lists  ul.booking-detail {  padding: 0px;list-style: none;margin: 0;border: 1px solid #E8EEEF;border-radius: 8px;}
.latest-test-results.cart-summary .result-lists  ul.booking-detail li{ display: flex; justify-content: space-between; align-items: center; padding: 20px; border-bottom: 1px solid #E8EEEF; margin: 0; border-radius: 0px; background: #F6F8F9; font-size: 16px;}
.latest-test-results.cart-summary .result-lists  form.date-time {margin-top: 20px}
.latest-test-results.cart-summary .result-lists  form.date-time .location-selection h3 {font-size: 16px; color: #005159;}
.latest-test-results.cart-summary .result-lists  form.date-time .location-selection ul{padding: 0; list-style: none; margin: 15px 0 0 0}
.latest-test-results.cart-summary .result-lists  form.date-time .location-selection ul li {display: inline-block; margin-right: 15px}
.latest-test-results.cart-summary .result-lists  form.date-time .location-selection ul li:last-child{margin: 0}
.latest-test-results.cart-summary .result-lists  form.date-time .location-selection ul li .radio {display: flex;align-items: center;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;margin: 0;}
.latest-test-results.cart-summary .result-lists  form.date-time .location-selection ul li .radio input {opacity: 0; cursor: pointer; display: none;}
.latest-test-results.cart-summary .result-lists  form.date-time .location-selection ul li .radio .checkmark {display: block; position: relative; height: 20px; width: 20px; background: url(../images/radio.png) center center no-repeat; border-radius: 50% }
.latest-test-results.cart-summary .result-lists  form.date-time .location-selection ul li .radio .checkmark::after{content: ""; position: absolute; display: none; top: 7px; left: 7px; width: 6px; height: 6px; border-radius: 50%; background: url(../images/redio_checkd.png) center center no-repeat;}
.latest-test-results.cart-summary .result-lists  form.date-time .location-selection ul li .radio  input:checked ~ .checkmark::after { display: block;}
.latest-test-results.cart-summary .result-lists  form.date-time .location-selection ul li .radio .address_menu{margin-left: 7px}

.latest-test-results.cart-summary .result-lists  form.date-time .form-group{margin: 0}
.latest-test-results.cart-summary .result-lists  form.date-time .form-group label{ color : #005159; margin: 0}
.latest-test-results.cart-summary .result-lists  form.date-time .form-control { border: none; padding: 6px 0; border-radius: 0px;border-bottom: #047F8A solid 2px !important; color: #005159; font-size: 16px; background: transparent}
.latest-test-results.cart-summary .result-lists  form.date-time .form-control.select {background: rgb(209,209,209); background: linear-gradient(180deg, rgba(209,209,209,0.9988328094909839) 0%, rgba(255,255,255,1) 85%, rgba(255,255,255,1) 100%, rgba(0,212,255,1) 100%);border-radius: 5px;}
.latest-test-results.cart-summary .result-lists  form.date-time .form-control:focus{box-shadow: none; }
.latest-test-results.cart-summary .result-lists ul.test_application li:last-child{border-bottom:none;}
.latest-test-results.cart-summary .result-lists ul.test_application li.delete-item{padding-left: 25px}
.latest-test-results.cart-summary .result-lists ul.test_application {border: none; padding: 0;display: flex; align-items: center; list-style: none;}
.latest-test-results.cart-summary .result-lists ul.test_application li.test-disc {width: 95%;display: flex;justify-content: space-between;align-items: center;border:none; background: #F6F8F9;border-radius: 8px;font-size: 16px; color: #121515; margin-bottom: 10px; padding: 30px}
.latest-test-results.cart-summary .result-lists ul.test_application li.test-disc .test_detail{width: 50%; display: flex; justify-content: space-between; align-items: center; }
.latest-test-results.cart-summary .result-lists ul.test_application li.test-disc .test_detail .test_code {width: 20%;}
.latest-test-results.cart-summary .result-lists ul.test_application li.test-disc .test_detail .test_name {width: 75%;}
.latest-test-results.cart-summary .result-lists ul.test_application li.test-disc .patient-name{margin: 0; width: 250px}
.latest-test-results.cart-summary .result-lists ul.test_application li.test-disc .patient-name .form-control{ border: none; padding: 6px 0;border-radius:5px;border-bottom: #047F8A solid 2px !important;color: #005159;font-size: 16px;background: rgb(209,209,209); background: linear-gradient(180deg, rgba(209,209,209,0.9988328094909839) 0%, rgba(255,255,255,1) 85%, rgba(255,255,255,1) 100%, rgba(0,212,255,1) 100%);}
.latest-test-results.cart-summary .result-lists ul.test_application li.test-disc .patient-name .form-control:focus{box-shadow: none; }
.latest-test-results.cart-summary .result-lists ul.test_application li.test-disc .amount {font-weight: 700;font-size: 16px;color: #121515; text-align: right; width: 130px}
.latest-test-results.cart-summary .text-right {display: flex; align-items: center; justify-content: end; margin: 30px 0 0 0;}
.latest-test-results.cart-summary .text-right p {margin: 0 30px 0 0}
.latest-test-results.cart-summary .text-right  .btn-checkout { background: #047F8A; border-radius: 30px; width: 260px; line-height: 50px; color: #fff; font-weight: 700; font-size: 16px;margin: 0;}
.latest-test-results.cart-summary .text-right  .btn-checkout:hover {background: #FBBB21;}
.latest-test-results.cart-summary .delete-item{ font-size: 25px}

.latest-test-results.front.cart-summary .result-lists ul li:last-child{border-bottom:none}
.latest-test-results.front.cart-summary .result-lists ul.test_application {border: none; display: flex; align-items: center; list-style: none;}
.latest-test-results.front.cart-summary .result-lists ul.test_application  li.delete-item {background: none; padding: 0px;  float: right; font-size:  25px; margin:0 0 0 25px; border-bottom: none;}
.latest-test-results.front.cart-summary .result-lists .test_application li.test-disc .tesi_detail{display: flex; align-items: center;justify-content: flex-start; width: 80%}
.latest-test-results.front.cart-summary .result-lists .test_application li.test-disc .tesi_detail .test_name {color: #047F8A; width: 80%;}
.latest-test-results.front.cart-summary .result-lists .test_application li.test-disc .amount {font-weight: 700;font-size: 16px;color: #121515;}
.latest-test-results.front.cart-summary .text-right {display: flex; align-items: center; justify-content: end; margin: 30px 0 0 0;}
.latest-test-results.front.cart-summary .text-right p {margin: 0 30px 0 0}
.latest-test-results.front.cart-summary .text-right  .btn-checkout { background: #047F8A; border-radius: 30px; width: 260px; line-height: 50px; color: #fff; font-weight: 700; font-size: 16px;margin: 0;}
.latest-test-results.front.cart-summary .text-right  .btn-checkout:hover {background: #FBBB21;}

/* chackout */

.latest-test-results.cart-summary.checkout .titlebar {display: flex;align-items: center; justify-content: space-between;}
.latest-test-results.cart-summary.checkout .amount-detail {border: none;padding: 30px;  border-radius: 8px; align-items: center; background: #F6F8F9; list-style: none;}
.latest-test-results.cart-summary.checkout .amount-detail .total {width: 100%; display: flex; justify-content:flex-end; align-items:flex-end; border: none; border-radius: 8px; font-size: 16px; color: #121515;}
.latest-test-results.cart-summary.checkout .amount-detail .total.discount{margin: 10px 0}
.latest-test-results.cart-summary.checkout .amount-detail .amount {font-weight: 700; font-size: 16px; color: #121515;text-align: right; width: 25%}
.latest-test-results.cart-summary.checkout .result-lists ul.test_application li.test-disc {width: 100%}
.latest-test-results.cart-summary.checkout .result-lists .promo {margin-bottom: 30px; padding: 3px ; display: flex;  justify-content: space-between; align-items: center; background: #FFFFFF; border: 1px dashed #52B9CC; box-sizing: border-box;  box-shadow: 0px 5px 20px rgba(18, 21, 21, 0.08); border-radius: 10px;}
.latest-test-results.cart-summary.checkout .result-lists h5.promo-head {font-size: 20px; line-height: 24px; color: #005159; margin: 40px 0 20px 0; }
.latest-test-results.cart-summary.checkout .result-lists .promo  .aplly_code {width: 100%; padding: 0 50px; }
.latest-test-results.cart-summary.checkout .result-lists .promo .form-control {margin-bottom: 0; width: 100%; border: none; color: #005159;  border-radius: 0; border-bottom: #E8EEEF solid 1px !important; padding:6px 0; }
.latest-test-results.cart-summary.checkout .result-lists .promo .form-control:focus {box-shadow: none; border-bottom: #005159 solid 1px !important;}
.latest-test-results.cart-summary.checkout .result-lists .promo .btn-apply{border: 1px solid #005159; font-weight: 700; border-radius: 30px; font-size: 16px;  line-height: 50px; text-align: center; color: #047F8A; padding: 0px 60px; margin: 00 50px 0 0;}
.latest-test-results.cart-summary.checkout .result-lists .promo .btn-apply:hover{color: #fff; background-color: #005159;}
.latest-test-results.cart-summary.checkout .result-lists form textarea{display: none;}

/* view_test */

.content_area_main .profile_form.view_test .test-main {margin: 0 ; border: none; padding: 0}
.content_area_main .profile_form.view_test .test-main .heading form {align-items: center; justify-content: space-between; display: flex;}
.content_area_main .profile_form.view_test .test-main .heading form .search input {margin-bottom: 0}
.content_area_main .profile_form.view_test .test-main .heading{display: block; padding: 0; margin-bottom: 0}
.content_area_main .profile_form.view_test .test-main .heading ul{margin: 0; padding: 0; list-style: none;}
.content_area_main .profile_form.view_test .test-main .heading ul li{display: inline-block; margin: 0 0 0 10px; font-size: 16px; line-height: 2.5;  border-radius: 5px}
.content_area_main .profile_form.view_test .test-main .heading ul li .form-group {margin: 0 }
.content_area_main .profile_form.view_test .test-main .heading ul li .form-control { background: #E8EEEF; padding: 7px; border: 1px solid #ced4da; border-radius: 5px; margin: 0; border-bottom:  #ced4da solid 1px !important;}
.content_area_main .profile_form.view_test .test-main .heading ul li .form-control:focus{box-shadow: none;}
.content_area_main .profile_form.view_test .test-main .heading h4{color:#005159}
.content_area_main .profile_form.view_test .test-main .test-list ul {padding: 0; margin: 0}
.content_area_main .profile_form.view_test .test-main .test-list ul  li{ list-style: none; margin-top: 20px;background-color: #E8EEEF; border-radius: 10px; padding: 30px 30px 40px 30px;}
.content_area_main .profile_form.view_test .test-main .test-list ul  li:first-child{margin-top: 30px}
.content_area_main .profile_form.view_test .test-main .test-list ul  li:last-of-type{margin-bottom:30px}
.content_area_main .profile_form.view_test .test-main .test-list ul  li .heading {display: flex;align-items: center; justify-content: space-between;}
.content_area_main .profile_form.view_test .test-main .test-list ul  li .heading h5{font-size: 20px; line-height: 26px; color: #047F8A;}
.content_area_main .profile_form.view_test .test-main .test-list ul  li p {margin: 20px 0; width: 90%; font-size: 16px; color: #000; line-height: 1.5}
.content_area_main .profile_form.view_test .test-main .test-list ul  li .btn.amt-btn {color: #fff; padding: 0 20px ; font-weight: 400; text-decoration: none; background-color: #047F8A; border-radius: 30px; line-height: 2.5; border-radius: 20px; width: 130px; margin: 0}
.content_area_main .profile_form.view_test .test-main .test-list ul  li .btn.amt-btn:focus{box-shadow: none}
.content_area_main .profile_form.view_test .test-main .test-list .trun-txt {margin-bottom: 16px;max-height: auto; transition: all 1.5s }
.content_area_main .profile_form.view_test .test-main .test-list .trun-cllpsd { max-height: 70px !important; overflow-y: hidden; text-overflow: ellipsis;  -webkit-line-clamp: 2; -webkit-box-orient: vertical; transition: all 1.5s;}
.content_area_main .profile_form.view_test .test-main .test-list.offer-page .trun-cllpsd {max-height: 240px !important; }
.content_area_main .profile_form.view_test .test-main .test-list .read-more {display: block;cursor: pointer; color: #047F8A; }
.content_area_main .profile_form.view_test .test-main .test-list ul  li .btn.amt-btn img{margin-right: 10px}
.content_area_main .profile_form.view_test .test-main .test-list ul  li .btn.read {color: #047F8A; padding: 0 ;}
.content_area_main .profile_form.view_test .test-main .test-list ul  li .btn.read:focus{box-shadow: none}
.content_area_main .profile_form.view_test .test-main .test-list ul nav ul li.page-item{border: none; margin: 0 0 0 10px; padding: 0; }
.content_area_main .profile_form.view_test .test-main .test-list ul nav ul li.page-item:first-child{margin: 0}
.content_area_main .profile_form.view_test .test-main .test-list ul nav ul li.page-item .page-link {border-radius: 5px; font-size: 16px; color: #121515; background-color: #F6F8F9; border: none; display: flex;align-items: center;justify-content: center;padding: 0;width: 40px;height: 40px;}
.content_area_main .profile_form.view_test .test-main .test-list ul nav ul li.page-item .page-link:hover, .content_area_main .profile_form.view_test .test-list ul nav ul li.page-item .page-link.active{color: #fff; background: #047F8A;}
.content_area_main .profile_form.view_test .test-main .test-list.offer-page ul li{background-color: #fff; padding:30px 30px 40px 30px; border: 1px solid #52B9CC; border-radius: 10px;}
.content_area_main .profile_form.view_test .test-main .test-list.offer-page ul li p a{color: #005159}
.content_area_main .profile_form.view_test .test-main .test-list.offer-page ul li ul.package-list li a {border: #047F8A 1px solid; border-radius: 50px; line-height: 50px; padding: 0 25px; font-size: 16px; font-weight: 700; color: #047f8a; display: block;}
.content_area_main .profile_form.view_test .test-main .test-list.offer-page ul li ul.package-list li a:hover{  background: #047F8A; color: #fff;}
.content_area_main .profile_form.view_test .test-main .test-list.offer-page ul li ul.package-list li {border: none; margin: 0 5px 15px 0; padding: 0; display: inline-block;}
.content_area_main .profile_form.view_test .test-main .test-list .trun-txt {margin-bottom: 16px;max-height: auto; transition: all 1.5s }
.content_area_main .profile_form.view_test .test-main .test-list .trun-cllpsd { max-height: 45px !important; overflow-y: hidden; text-overflow: ellipsis;  -webkit-line-clamp: 2; -webkit-box-orient: vertical; transition: all 1.5s;}
.content_area_main .profile_form.view_test .test-main .test-list.offer-page .trun-cllpsd {max-height: 180px !important; }
.content_area_main .profile_form.view_test .test-main .test-list .read-more {display: block;cursor: pointer; color: #047F8A; }
.content_area_main .profile_form.view_test .test-main .test-list ul nav ul li.page-item{border: none; margin: 0 0 0 10px; padding: 0; }
.content_area_main .profile_form.view_test .test-main .test-list ul nav ul li.page-item:first-child{margin: 0}
.content_area_main .profile_form.view_test .test-main .test-list ul nav ul li.page-item .page-link {border-radius: 5px; font-size: 16px; color: #121515; background-color: #F6F8F9; border: none; display: flex;align-items: center;justify-content: center;padding: 0;width: 40px;height: 40px;}
.content_area_main .profile_form.view_test .test-main .test-list ul nav ul li.page-item .page-link:hover, .content_area_main .profile_form.view_test .test-main .test-list ul nav ul li.page-item.active .page-link{color: #fff; background: #047F8A;}
.clr_btn{background-color: #047f8a;color: #fff !important;padding: 10px 20px;border-radius: 5px;font-size: 15px}
.sign-in-area .btn-reset-pass{font-size: 16px; color: #fff; padding: 0 44px;  font-weight: 700; border:#047F8A 1px solid; background: #047F8A; border-radius: 30px; line-height: 50px; cursor: pointer;}
.sign-in-area .btn-reset-pass:hover{background: #fff; color: #047F8A;}

.pswd_info .pswd_reqs { font-size: 24px; margin-top: 20px }
.pswd_info ul {padding: 0; list-style: none; margin-top: 30px; }
.pswd_info_two .pswd_reqs { font-size: 24px; margin-top: 20px }
.pswd_info_two ul {padding: 0; list-style: none; margin-top: 30px; }
.content_area_main .profile_form.change_password {width: 50%}
.content_area_main .profile_form.change_password .form-group.eye_icon {position: relative;}
.content_area_main .profile_form.change_password .form-group.eye_icon .eye-off{position:absolute; font-size: 18px; color: #047F8A; right: 0; top: 5px; cursor: pointer;}

.modal-header {border-bottom:none}
.modal-content{border: none}
.modal-content h3 {font-size: 24px; margin-bottom: 30px}
.modal-content .btn{background: #047F8A;border-radius: 30px;line-height: 30px;  border: 1px solid #047F8A; color: #fff;font-weight: 700;font-size: 16px; margin: auto;width: 150px;}
.modal-content .btn:hover {background-color: transparent; border: 1px solid #047F8A; color: #047F8A }

/* test-packsge-detail */

.about-top-area.test-package .content-area .rightside img{width: 100%}
.about-top-area.test-package .content-area .leftside {display: block; padding-left: 100px}
.about-top-area.test-package .content-area .leftside  h3{font-size: 32px; margin-bottom: 25px;color: #005159; }
.about-top-area.test-package .content-area .leftside  p {font-weight: 400; margin: 0; font-size: 16px;line-height: 21px;color: #121515;}
.about-top-area.test-package .content-area .leftside .amt-btn {font-weight: 400;font-size: 16px;line-height: 15px; background: #047F8A;border-radius: 30px; color: #F6F8F9; margin-top: 30px; padding: 12px 20px; display: inline-block;}
.about-top-area.test-package .content-area .leftside .amt-btn img {margin-right: 5px;}

.covered_test {margin: 50px 70px 40px  70px; background: #F6F8F9; border-radius: 10px; padding: 70px 86px}
.covered_test h2 {font-size: 38px; color: #047F8A;line-height: 48px; margin-bottom: 28px; text-align: center;}
.covered_test .test-box{background-color: #fff; padding: 41px 33px 33px 33px ; border-radius: 10px; margin-bottom: 30px; max-height: 550px; }
.covered_test .test-box .test-name{font-size: 20px;line-height: 26px; color: #005159; min-height: 50px}
.covered_test .test-box p {font-size: 16px;  margin: 20px 0 35px 0; line-height: 21px;color: #121515;}
.covered_test .test-box ul.package-list {margin: 0px; padding: 0px; list-style: none;}
.covered_test .test-box ul.package-list li {display: inline-block; margin: 0 5px 15px 0;}
.covered_test .test-box ul.package-list li a {border: #047F8A 1px solid; border-radius: 50px;line-height: 20px;  padding: 14px 22px;  font-size: 15px;  font-weight: 700;  color: #047f8a;  display: block;}
.covered_test .test-box ul.package-list li a:hover {background: #047F8A; color: #fff;}

.faq-page.test-package{background: #F6F8F9; padding: 50px 0 60px 0}
.faq-page.test-package h2{font-size: 38px; line-height: 48px; color: #047F8A;}
.faq-page.test-package .card {background: transparent}
.faq-page.test-package .card-header .btn-link {font-size: 25px;line-height: 28px;color: #005159;}

/* order detail page */

.latest-test-results.order_detail  h2 {font-size: 28px}
.latest-test-results.order_detail  p {font-size: 18px}
.latest-test-results.order_detail  p strong {font-weight: 600; display: block;}
.latest-test-results.order_detail .heading h3 {margin: 0; font-size: 24px; line-height: 35px}
.latest-test-results.order_detail .test-disc{ background: #F6F8F9; margin-top: 15px; padding: 25px; border-radius: 10px}
.latest-test-results.order_detail .test-disc .name {color: #000; font-size:18px; font-weight: 600; }
.latest-test-results.order_detail .test-disc .name span{color: #000; font-size: 16px; font-weight: 400}
.latest-test-results.order_detail .test-disc ul.info-list{margin: 0px; padding: 0px; list-style: none; border-bottom: 1px solid #E8EEEF; padding: 10px 0;}
.latest-test-results.order_detail .test-disc ul.info-list:last-child{padding: 10px 0 0 0; border: none}
.latest-test-results.order_detail .test-disc ul.info-list li.info:nth-child(1){text-align: left; display: inline-block; width: 49%}
.latest-test-results.order_detail .test-disc ul.info-list li.info:nth-child(2){text-align: right !important; display: inline-block; width: 49%}
.latest-test-results.order_detail .test-disc ul.info-list li.info:nth-child(4) span {font-weight: 600;}
.latest-test-results.order_detail .test-disc ul.info-list li.info{color: #047f8a; padding-top: 5px; display: inline-block; width: 25%;  font-size:18px; font-weight: 600; text-align: left;  vertical-align: text-top;}
.latest-test-results.order_detail .test-disc ul.info-list li.info span{display: block; overflow: hidden; text-overflow: ellipsis; color: #000; font-size: 16px; font-weight: 400 }
.latest-test-results.order_detail ul.amount-detail {padding: 30px 35px; border-radius: 8px;background: #F6F8F9; list-style: none; margin: 15px 0 0 0;}
.latest-test-results.order_detail ul.amount-detail li.total {font-weight: 600; font-size: 18px}
.latest-test-results.order_detail ul.amount-detail li.total span{width: 15%; display: inline-block;}
.latest-test-results.order_detail ul.amount-detail li.total:nth-child(2){margin: 10px 0}

/* partner ------------------------------------------------------------------------------------------------------------*/

/* dashboard */

.content-partner {background: #fff;}
.p-users-icon{background:url(../images/p-users-icon.png);}
.p-text-result-icon{background:url(../images/p-text-result-icon.png) ;}
.p-collection-icon{background:url(../images/p-collection-icon.png) ;}
.p-patients-icon{background:url(../images/p-patients-icon.png) ;}

.partner-details{height: 170px}
.partner-details .fixed-top{background-color: #e8eeef;}
.content-pd-30{padding: 30px}
.header-profile.partner {margin: 10px 20px 20px 20px}
.header-profile.partner  .leftside .name-code {background: #E6544C;}
.header-profile.partner  ul{padding: 0; margin: 0; list-style: none;}
.header-profile.partner  ul li{display: inline-block;font-size: 14px; margin-right: 40px; color: #121515}
.header-profile.partner  ul li span{color: #047F8A; font-weight: 600; }
.header-profile.partner  ul.link li a{font-size: 16px; color: #121515}
.page-link{color: #000; padding: 15px 50px 7px 50px; background-color: #F5F8F9}
.page-link:hover{background: #F5F8F9}
.partner_sidebar_area{padding: 30px 0 0 0; box-shadow: none !important;}

.content_area_main.partner-main {min-height: 100vh; background: #F5F8F9; margin: 30px}
.content_area_main.partner-main .book-box {background: #FFFFFF; margin-bottom: 30px; height: 180px; padding: 30px; border: 1px dashed #52B9CC;box-shadow: 0px 5px 20px rgba(18, 21, 21, 0.08);border-radius: 10px;}
.content_area_main.partner-main .book-box .title {display: flex; align-items: center; justify-content: space-between;}
.content_area_main.partner-main .book-box .title h3{font-weight: 400; font-size: 25px; line-height: 28px;color: #121515;}
.content_area_main.partner-main .book-box .title a{font-weight: 400;font-size: 16px;line-height: 15px;text-align: right;text-decoration-line: underline;color: #047F8A;}
.content_area_main.partner-main .book-box .search-box { position: relative; margin-top: 15px}
.content_area_main.partner-main .book-box .search-box input {width: 100%; height: 60px; padding: 0 0 0 60px;  border: 1px solid #E8EEEF;border-radius: 10px;background: #F6F8F9;}
.content_area_main.partner-main .book-box .search-box i{ position: absolute; color: #fff; background-color:#52B9CC; padding: 12px; top: 10px; left: 14px; width: 40px; height: 40px; border-radius: 50%}
.content_area_main.partner-main .book-box .patient-detail{ position: relative;}
.content_area_main.partner-main .book-box .patient-detail::after{position: absolute; content: ''; background: url(../images/patient-img.png) center no-repeat; background-size: 100%; width:75px ; right: 0; height:146px ; bottom: -35px}
.content_area_main.partner-main .book-box .patient-detail ul{margin: 0; padding: 0; list-style: none;}
.content_area_main.partner-main .book-box .patient-detail ul li {display: inline-block;font-size: 14px; margin-right: 40px; color: #121515}
.content_area_main.partner-main .book-box .patient-detail ul li span{color: #047F8A; font-weight: 600; }
.content_area_main.partner-main .book-box .patient-detail ul li h3{font-weight: 400; font-size: 25px; line-height: 28px;color: #121515;}
.content_area_main.partner-main .book-box .patient-detail p{font-weight: 400;font-size: 14px;line-height: 18px;color: #121515;opacity: 0.7; margin: 15px 0}
.content_area_main.partner-main .book-box .patient-detail a{font-weight: 400;font-size: 16px;line-height: 15px;text-align: right;text-decoration-line: underline;color: #047F8A;}

.partner-footer{ padding: 25px 0 15px 0; background: #FFFFFF; position: fixed; bottom: 0; width: 100%;}
.partner-footer p {margin: 0; text-align:  center;  font-weight: 400;  line-height: 24px;font-size: 14px;}
.partner-footer p a {color: #047F8A; font-weight: 700;}
.content_area_main.partner-main .latest-test-results.dependent {margin: 00px 0 20px 0;}
.content_area_main.partner-main .latest-test-results.dependent .titlebar .form-control{background: #E8EEEF;width: 300px;height: 40px;}
.content_area_main.partner-main .latest-test-results.dependent ul.result-lists{padding-bottom: 0px;}
.content_area_main.partner-main .latest-test-results.dependent ul.result-lists li{justify-content: flex-start;}
.content_area_main.partner-main .latest-test-results.dependent ul.result-lists li .btns {padding: 20px 40px}
.content_area_main.partner-main .latest-test-results.dependent ul.result-lists li .btns .test-status{width: 94px; padding: 10px 0; text-align: center;font-size: 14px; color: #F6F8F9; font-weight: 700; line-height: 13px;}
.content_area_main.partner-main .latest-test-results.dependent ul.result-lists li .btns .test-status.pending {background: #FBBB21;}
.content_area_main.partner-main .latest-test-results.dependent ul.result-lists li .user-name {width: 20%;}
.content_area_main.partner-main .latest-test-results.dependent ul.result-lists li .uid{width: 20%;}
.content_area_main.partner-main .latest-test-results.dependent ul.result-lists li .test-date{width: 30%;}
.content_area_main.partner-main .latest-test-results.dependent ul.result-lists li .btns{width: 30%;}

/* book a test */

.content_area_main.edit_profile.partner-main{ padding: 30px 160px 80px 30px; background: #F5F8F9}
.content_area_main.edit_profile.partner-main .profile_form .dob{margin-top: 35px}
.content_area_main.edit_profile.partner-main .profile_form .patient-search{margin-bottom: 30px}
.content_area_main.edit_profile.partner-main .profile_form .patient-search .d-flex {background: #FFFFFF; align-items: center;  padding: 10px 20px;border: 1px dashed #52B9CC; box-shadow: 0px 5px 20px rgba(18, 21, 21, 0.08);border-radius: 10px;}
.content_area_main.edit_profile.partner-main .profile_form .patient-search .d-flex .search-box { position: relative; width: 84%}
.content_area_main.edit_profile.partner-main .profile_form .patient-search .d-flex .search-box input {width: 100%; height: 40px; padding: 0 0 0 50px;  border: 1px solid #E8EEEF;border-radius: 10px;background: #F6F8F9;}
.content_area_main.edit_profile.partner-main .profile_form .patient-search .d-flex .search-box input:placeholder{color: #121515}
.content_area_main.edit_profile.partner-main .profile_form .patient-search .d-flex .search-box i{ position: absolute; color: #fff; background-color:#52B9CC; padding: 7px; top: 8px; left: 14px; width: 26px; height: 26px; border-radius: 50%; font-size: 12px}
.content_area_main.edit_profile.partner-main .profile_form .patient-search .d-flex a{ margin-left: 20px; background: #047F8A;font-weight: 700; color: #F6F8F9; padding: 15px 40px;border-radius: 30px;font-size: 16px; line-height: 10px;}
.content_area_main.edit_profile.partner-main .profile_form .dob p{margin:0 0 15px 0;font-weight: 400;font-size: 16px;line-height: 15px;color: #005159;}
.content_area_main.edit_profile.partner-main .profile_form .choose_id .radio{margin-bottom: 30px}
.content_area_main.edit_profile.partner-main .profile_form .test-detail{margin: 35px 0 15px 0}

/* our doctors */

.content_area_main.partner-main .latest-test-results.dependent.our-doctors .titlebar .option{display: flex; align-items: center; }
.content_area_main.partner-main .latest-test-results.dependent.our-doctors .titlebar .option .search-box { position: relative; margin-right: 30px}
.content_area_main.partner-main .latest-test-results.dependent.our-doctors .titlebar .option .search-box input.search {border: none;width: 100%; height: 30px;  border-bottom:1px solid #E8EEEF;}
.content_area_main.partner-main .latest-test-results.dependent.our-doctors .titlebar .option .search-box input.search:focus{border-bottom: #047F8A 1px solid !important;box-shadow: none; outline: none;}
.content_area_main.partner-main .latest-test-results.dependent.our-doctors .titlebar .option .search-box input.search::placeholder{color: #047F8A}
.content_area_main.partner-main .latest-test-results.dependent.our-doctors .titlebar .option .search-box i{ position: absolute; color: #fff; background-color:#52B9CC;  padding: 7px; top: 0px; right:0px; width: 26px; height: 26px; border-radius: 50%; font-size: 12px}
.content_area_main.partner-main .latest-test-results.dependent.our-doctors ul.result-lists li .doctor-name {width: 80%; position: relative; padding-left: 60px;}
.content_area_main.partner-main .latest-test-results.dependent.our-doctors ul.result-lists li .doctor-name::before { position: absolute;  content: '';  left: 30px;  background: url(../images/doctor.png) center center no-repeat;  height: 24px;  width: 24px;}
.content_area_main.partner-main .latest-test-results.dependent.our-doctors ul.result-lists li .btns{width: 20%;}
.content_area_main.partner-main .doctor-box {padding: 30px 85px 50px 30px ;display: flex; align-items: center; justify-content: space-between; border: 1px solid #E8EEEF; border-radius: 10px;background: #FFFFFF; margin-top: 15px}
.content_area_main.partner-main .doctor-box .left-input{width: 70%}
.content_area_main.partner-main .doctor-box .left-input .form-control{border: none;border-radius: 0;border-bottom: #E8EEEF solid 1px !important;padding: 6px 0;color: #005159;margin-bottom: 15px;font-size: 16px;}
.content_area_main.partner-main .doctor-box .left-input .form-control:focus{border-bottom: #047F8A 1px solid !important; box-shadow: none;}
.content_area_main.partner-main .doctor-box .left-input .form-control:placeholder{color: #047F8A}
.content_area_main.partner-main .doctor-box .left-input .btn {background: #047F8A; border-radius: 30px; line-height: 40px;padding: 0 45px;color: #fff; font-weight: 700; font-size: 16px;}
.content_area_main.partner-main .doctor-box .left-input .btn:hover{background: #FBBB21;}
.content_area_main.partner-main .doctor-box .left-input .btn:focus{box-shadow: none}

/* tests */

.content_area_main.partner-main .latest-test-results.dependent ul.result-lists.health-tests li{ padding: 30px 30px 30px 40px;}
.content_area_main.partner-main .latest-test-results.dependent ul.result-lists.health-tests li:last-child{margin-bottom: 0}
.content_area_main.partner-main .latest-test-results.dependent ul.result-lists.health-tests li .test-code {width: 20%;font-weight: 400; color: #121515;font-size: 16px;line-height: 15px;}
.content_area_main.partner-main .latest-test-results.dependent ul.result-lists.health-tests li .test-name {width: 20%; color: #047F8A; font-weight: 400;font-size: 16px;line-height: 15px; padding: 0}
.content_area_main.partner-main .latest-test-results.dependent ul.result-lists.health-tests li .test-dis {width: 50%; color: #121515;font-weight: 400;font-size: 16px;line-height: 15px;}
.content_area_main.partner-main .latest-test-results.dependent ul.result-lists.health-tests li .amnt {width: 10%; font-weight: 700;font-size: 16px;line-height: 21px; text-align: right;}

/* test-result */

.content_area_main.partner-main .latest-test-results.dependent ul.result-lists.health-tests.result li .test-code {width: 10%;font-weight: 400; color: #121515;font-size: 16px;line-height: 15px;}
.content_area_main.partner-main .latest-test-results.dependent ul.result-lists.health-tests.result li .date {width:25%; opacity: 0.7}
.content_area_main.partner-main .latest-test-results.dependent ul.result-lists.health-tests.result li .test-name {width: 15%; color: #047F8A; font-weight: 400;font-size: 16px;line-height: 15px; padding: 0}
.content_area_main.partner-main .latest-test-results.dependent ul.result-lists.health-tests.result li .patient-name{width: 15%; color: #047F8A;}
.content_area_main.partner-main .latest-test-results.dependent ul.result-lists.health-tests.result li .dr-name{width: 25%; opacity: 0.7;}
.content_area_main.partner-main .latest-test-results.dependent ul.result-lists.health-tests.result li .download {width: 10%; text-decoration: underline;font-weight: 400;font-size: 16px;line-height: 21px; text-align: right;}

/* ragistered users */

.content_area_main.partner-main .latest-test-results.dependent ul.result-lists.health-tests.user {border-radius: 10px; border: 1px solid #E8EEEF; background: #F6F8F9}
.content_area_main.partner-main .latest-test-results.dependent ul.result-lists.health-tests.user li{display: flex; justify-content: space-between; padding: 30px ; margin: 0; border-radius: 0 ; background: none}
.content_area_main.partner-main .latest-test-results.dependent ul.result-lists.health-tests.user li .user-name {padding-left: 40px; width: 15%}
.content_area_main.partner-main .latest-test-results.dependent ul.result-lists.health-tests.user li .user-name::before {left: 0}
.content_area_main.partner-main .latest-test-results.dependent ul.result-lists.health-tests.user li a.download{width: 10%; text-decoration: underline; color:#047F8A}
.content_area_main.partner-main .latest-test-results.dependent ul.result-lists.health-tests.user li .user-detail{height: 25px; display: flex; width: 75%; padding: 0; list-style: none; overflow-x: hidden; overflow-y: scroll;}
.content_area_main.partner-main .latest-test-results.dependent ul.result-lists.health-tests.user li .user-detail .uid{width: 20%;}
.content_area_main.partner-main .latest-test-results.dependent ul.result-lists.health-tests.user li .user-detail .mailid {width: 25%}
.content_area_main.partner-main .latest-test-results.dependent ul.result-lists.health-tests.user li .user-detail .date {width: 35%}
.content_area_main.partner-main .latest-test-results.dependent ul.result-lists.health-tests.user li .user-detail .history {width: 20%}
.content_area_main.partner-main .latest-test-results.add-user .titlebar .title{color:#005159}
.content_area_main.partner-main .latest-test-results.add-user .titlebar .add-icon i{ font-size: 24px; color:#047F8A; }

/* order-history */

.content_area_main .profile_form.order-history{padding: 20px;}
.content_area_main .profile_form.order-history table  {width: 100% !important; display: table;}
.content_area_main .profile_form.order-history table tbody td.action-links {display: none;}

/*Change Password */
.content_area_main.partner-main .latest-test-results.change_pass{width: 80%}

.mobile_pagination {display: none}

/*Partner Login CSS*/

.sign-in-area.partner {padding: 120px 0;}
.sign-in-area .iframe-button{display: flex; justify-content: center;}
.sign-in-area .btn-iframe-login{font-size: 16px; color: #047F8A; font-weight: 700; border: #047F8A 1px solid;  border-radius: 20px; line-height: 25px; width: 135px; display: inline-block; text-align: center; margin-left: 5px;}
.sign-in-area .btn-iframe-login:hover, .sign-in-area .btn-iframe-login.active {background: #047F8A;color: #fff;}