html {
scroll-behavior: smooth;
}
body {
font-family: 'Jost';
font-size: 16px;
color: #353535;
letter-spacing: normal;
min-width: 320px;
position: relative;
background: #fff;
margin: 0;
height: 100%;
font-weight: 500;
}
@font-face {
font-family: 'Jost';
src: url('fonts/Jost-Bold.eot');
src: url('fonts/Jost-Bold.eot?#iefix') format('embedded-opentype'),
url('fonts/Jost-Bold.woff2') format('woff2'),
url('fonts/Jost-Bold.woff') format('woff'),
url('fonts/Jost-Bold.svg#Jost-Bold') format('svg');
font-weight: bold;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Jost';
src: url('fonts/Jost-Medium.eot');
src: url('fonts/Jost-Medium.eot?#iefix') format('embedded-opentype'),
url('fonts/Jost-Medium.woff2') format('woff2'),
url('fonts/Jost-Medium.woff') format('woff'),
url('fonts/Jost-Medium.svg#Jost-Medium') format('svg');
font-weight: 500;
font-style: normal;
font-display: swap;
}
.fade:not(.show) {
opacity: 1 !important;
}
.bg-custom-1 {
background-color: #85144b;
}
.bg-custom-2 {
background-image: linear-gradient(15deg, #13547a 0%, #80d0c7 100%);
}
.bg-gray {
background: #f8f5ff;
}
#header{
transition: all 0.8s;
background-color: white;
}
#header .navbar-dark .navbar-nav .nav-link {
color: #aaaaaa;
font-size: 16px;
/* font-weight: bold;*/
transition: all 0.8s;
padding: 6px 0;
letter-spacing: -1px;
}
#header .navbar-dark .navbar-nav .nav-link:hover{
color: #3a3a3a;
}
#header .navbar-dark .navbar-nav .active .nav-link {
color: #3a3a3a;
}
#header div#navbar-list-2 {
justify-content: flex-end;
margin: 0 -15px;
}
nav.navbar.navbar-dark.bg-dark.navbar-expand-sm {
padding: 0;
}
#header ul.navbar-nav {
background: #4175db;
padding: 0 18px;
}
.navbar-dark .navbar-toggler-icon i.fa.fa-bars {
color: #3a3a3a;
font-size: 30px;
}
.navbar-dark .navbar-brand img {
width: 90px;
transition: all 0.8s;
}
#header .top-bar {
background: #222222;
padding: 5px 0;
}
#header .top-bar p {
font-size: 14px;
margin: 0;
color: #fff;
}
button.btn.btn-primary.dropdown-toggle {
padding: 0;
background: no-repeat;
border: none;
}
.dropdown-toggle::after{
display: none;
}
.btn-primary.focus, .btn-primary:focus {
box-shadow: 0 0 0 0rem rgba(38,143,255,.5);
}
.btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show>.btn-primary.dropdown-toggle:focus {
box-shadow: 0 0 0 0rem rgba(38,143,255,.5);
}
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle {
background-color: #222222;
}
ul.dropdown-menu.show {
padding: 4px 5px;
}
.number-box {
padding: 0;
margin: 0;
}
.number-box li{
list-style-type: none;
}
.number-box li a{
color: #ffffff;
font-size: 14px;
}
.number-box li a i{
color: #4175db;
width: 22px;
}
section.banner-sec{
position: relative;
}
section.banner-sec img {
width: 100%;
display: block;
height: 300px;
}
.absolute-box {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
display: flex;
align-items: center;
}
.absolute-box .text-box{
text-align: center;
background: rgba(0, 0, 0, 0.58);
padding: 15px 0 20px;
border-radius: 20px;
overflow: hidden;
}
.absolute-box .text-box h1{
color: #ffffff;
font-weight: bold;
font-size: 23px;
padding-bottom: 10px;
position: relative;
}
.absolute-box .text-box h1:after{
content: "";
width: 140px;
height: 3px;
background: #fff;
position: absolute;
bottom: 0;
left: 0;
right: 0;
margin: 0 auto;
border-radius: 41px;
}
.absolute-box .text-box p{
font-size: 14px;
line-height: 19px;
color: #fff;
}
a.btn-qa{
background: #4175db;
color: #fff;
font-size: 18px;
padding: 8px 20px;
border-radius: 50px;
transition: all 0.8s;
}
a.btn-qa:hover{
opacity: 0.9;
text-decoration: none;
transform: translate(0, -2px);
}
.dropdown {
padding-right: 20px;
box-sizing: border-box;
}
.patient-sec{
background: #ededed;
}
.patient-sec .img-box{
text-align: center;
min-height: 90px;
}
.patient-sec .img-box img{
width: 70px;
}
.patient-sec .text{
text-align: center;
border-radius: 72px;
background-color: rgb(2,153,149);
}
.patient-sec .text h2{
color: white;
font-weight: 500;
font-size: 18px;
}
.patient-sec .text p{
color: white;
font-size: 16px;
border-radius: 72px;
background-color: rgb(2,153,149);
}
.patient-sec a.btn-qa {
padding: 8px 60px;
}
.about-us-sec{}
.about-us-sec .text-holder{}
.about-us-sec .text-holder h3{
position: relative;
color: #353535;
font-weight: bold;
font-size: 26px;
padding-bottom: 19px;
text-align: center;
}
.about-us-sec .text-holder h3:after {
content: "";
width:75px;
height: 3px;
background: #4175db;
position: absolute;
bottom: 0;
left: 0;
right: 0;
margin: 0 auto;
border-radius: 41px;
}
.about-us-sec .Stephanie-box{
border: 2px solid #e5e5e5;
padding: 10px;
border-radius: 16px;
margin: 0 8px;
}
.about-us-sec .Jenkins{
display: flex;
}
.about-us-sec .Jenkin .img-box{}
.about-us-sec .Jenkin .img-box img{}
.about-us-sec .Jenkins .text-box{
margin-left: 30px;
}
.about-us-sec .Jenkins .img-box {
width: 57px;
height: 57px;
border-radius: 100%;
overflow: hidden;
}
.about-us-sec .Stephanie-box p{
font-size: 13px;
color: #707070;
}
.about-us-sec .Jenkins .text-box h4{
font-size: 14px;
font-weight: bold;
color: #3b3b3b;
}
.about-us-sec .Jenkins .text-box p{
font-size: 14px;
color: #707070;
}
.about-us-sec .Jenkins .img-box img {
width: 100%;
height: auto;
display: block;
}
.about-us-sec .slick-dots li.slick-active button:before {
opacity: 1;
color: #4275dc;
width: 10px;
height: 10px;
background: #4275dc;
border-radius: 100%;
}
.about-us-sec .slick-dots li button:before {
top: 5px;
left: 0;
width: 10px;
height: 10px;
content: '';
text-align: center;
opacity: 1;
background: #9fa0a4;
border-radius: 100%;
}
li{
list-style-type: none;
}
#footer{
background: #212121;
}
#footer h4{
color: #ffffff;
font-size: 17px;
font-weight: bold;
}
#footer p{
color: #ffffff;
font-size: 14px;
}
#footer ul{
margin: 0;
padding: 0;
}
#footer ul.Contact-box{}
#footer ul.Contact-box li{}
#footer ul.Contact-box li a{
color: #ffffff;
font-size: 16px;
margin: 8px 0;
display: block;
transition: all 0.8s;
}
#footer ul.Contact-box li a:hover{
text-decoration: none;
color: #4275dc;
}
#footer ul.Contact-box li a i{
margin-right: 15px;
}
#footer ul.ul-box{}
#footer ul.ul-box li{}
#footer ul.ul-box li a{
font-size: 14px;
color: #4275dc;
transition: all 0.8s;
}
#footer ul.ul-box li a:hover{
margin-left: 4px;
text-decoration: none;
color: #fff;
}
#footer time{
color: #ffffff;
font-size: 14px;
}
.footer-bar {
text-align: center;
}
button.btn.btn-primary.dropdown-toggle {
position: absolute;
top: -67px;
right: 0;
}
.about-us-sec .slick-dots {
bottom: -40px;
}
h1 {
position: relative;
color: #353535;
font-weight: bold;
font-size: 26px;
padding-bottom: 19px;
text-align: center;
}
h1:after {
content: "";
width: 75px;
height: 3px;
background: #4175db;
position: absolute;
bottom: 0;
left: 0;
right: 0;
margin: 0 auto;
border-radius: 41px;
}
.Profile-sec{
overflow: hidden;
}
.Profile-sec .gender-box{}
.Profile-sec .img-holder{
width: 200px;
height: 200px;
border-radius: 100%;
background: #bebebe;
margin: 0 auto;
overflow: hidden;
}
.gender-box .text-holder {
display: block;
width: 100%;
border: 1px solid #e5e5e5;
border-radius: 20px;
box-sizing: border-box;
padding: 0 12px;
margin-top: 20px;
}
.Profile-sec .img-holder img{
width: 100%;
display: block;
height: auto;
}
.Profile-sec .text-holder .col-row{
display: flex;
}
.Profile-sec .text-holder .col-row strong{
width: 52px;
}
.Profile-sec .text-holder .col-row span{
margin: 0 30px;
}
.Profile-sec .text-holder .col-row p{}
.button-box{
display: flex;
align-items: flex-end;
margin-left: 0;
padding-bottom: 36px;
}
.button-box a{
margin: 0 10px;
}
header#header .container {
max-width: 100%;
}
footer#footer .container {
max-width: 100%;
}
.about-us-sec .table-patient h3{
text-align: center;
font-size: 23px;
color: #ffffff;
background: #3a3a3a;
margin: 0;
padding: 10px 0;
border-radius: 15px 15px 0 0;
}
.about-us-sec .table-patient table {
font-family: arial, sans-serif;
border-collapse: collapse;
width: 100%;
}
.about-us-sec .table-patient td,
.about-us-sec .table-patient th {
border: 1px solid #dddddd;
text-align: left;
padding: 8px;
}
.about-us-sec .table-patient td{
color: #3a3a3a;
font-size: 12px;
}
.about-us-sec .table-patient th{
text-align: center;
background: #b6b5b7;
border: none;
color: #ffffff;
font-size: 14px;
}
.about-us-sec .table-patient td:nth-child(2){
text-align: center;
}
.about-us-sec .table-patient td:nth-child(3){}
.about-us-sec .table-patient tr:nth-child(even) {
}
section.banner-sec.patient-profile-sec img {
height: initial;
}
header#header.sticky {
position: fixed;
top: 0;
width: 100%;
z-index: 9999;
box-shadow: 0px 4px 19px -8px rgba(0,0,0,0.75);
}
header#header.sticky .navbar-dark .navbar-brand img {
width: 70px;
transition: all 0.8s;
}
.navbar-expand-sm>.container{
padding: 0 15px;
}
.about-us-sec.our-doctors-sec .Jenkins .img-box {
width: 157px;
height: 157px;
margin-bottom: 10px;
margin: 0 auto;
border-radius: 100%;
overflow: hidden;
}
section.about-us-sec.our-doctors-sec .Jenkins {
display: block;
}
section.about-us-sec.our-doctors-sec .text-box {
margin-left: 0;
}
section.about-us-sec.our-doctors-sec .text-box strong {
display: block;
}
section.about-us-sec.our-doctors-sec .text-box span {
display: block;
margin: 7px 0;
}
section.about-us-sec.our-doctors-sec .Stephanie-box {
padding: 20px 10px;
}
section.about-us-sec.our-doctors-sec .Stephanie-box p {
margin: 10px 0 22px;
}
.slick-initialized .slick-slide {
outline: none;
}
ul.logout-box{
padding: 0;
margin: 5px 0;
}
ul.logout-box li{
display: inline-block;
margin-right: 15px;
font-size: 14px;
color: #fff;
}
ul.logout-box li img{}
ul.logout-box li a{
font-size: 14px;
color: #fff;
}
header#header .row{
align-items: center;
}
.about-us-sec .table-patient.table-ptst th {
text-align: left;
}
.about-us-sec .table-patient.table-ptst td {
font-weight: bold;
}
.about-us-sec .table-patient.table-ptst.table-bai td:nth-child(2) {
width: 115px;
text-align: left;
}
.about-us-sec .table-patient.table-ptst.table-bai td:nth-child(3) {
text-align: center;
}
.about-us-sec .table-patient.table-ptst.table-bai th {
font-size: 13px;
}
.about-us-sec .table-patient.table-ptst.table-bai td {
margin-bottom: 3px;
}
.Profile-sec .text-holder .name-box.doctor .col-row {
display: block;
}
.Profile-sec .text-holder .name-box.doctor .col-row p {
margin-bottom: 7px;
}
.Profile-sec .text-holder .name-box.doctor .col-row span {
display: none;
}
.Patient-sec{}
.Patient-sec .main-box{
border: 2px solid #e6e6e6;
padding: 20px 10px 20px;
border-radius: 22px;
}
.Patient-sec label{
font-size: 17px;
color: #3b3b3b;
display: block;
}
.Patient-sec input{
width: 100%;
padding: 0 28px 0 6px;
height: 35px;
border-radius: 8px;
border: 2px solid #dad7e0;
font-size: 13px;
outline: none;
}
.Patient-sec .cases-takan{
display: flex;
justify-content: space-between;
background: #558ed5;
padding: 0 15px;
align-items: center;
}
.Patient-sec .font i{
font-size: 60px;
color: #fff;
}
.Patient-sec .text{}
.Patient-sec .text span{
text-align: right;
display: block;
font-size: 38px;
font-weight: bold;
color: #fff;
line-height
}
.Patient-sec .text p{
font-size: 16px;
font-weight: bold;
color: #fff;
}
.Patient-sec a.btn-qa {
display: inline-block;
margin-bottom: 20px;
}
.after-search{
position: relative;
}
.after-search button {
right: 3px;
position: absolute;
top: 4px;
border: none;
background: no-repeat;
color: #aaaaaa;
outline: none;
}
@media screen and (min-width: 576px) {
footer#footer .container {
padding: 0 15px 0 30px;
}
#header .navbar-dark .navbar-nav .nav-link {
font-size: 11px;
padding: 6px 4px;
}
#header ul.navbar-nav {
background: none;
padding: 0;
margin: 0;
}
#header .navbar-brand {
margin-right: 0;
}
.absolute-box .text-box {
max-width: 430px;
width: 100%;
float: right;
}
section.banner-sec img {
height: auto;
}
#footer p {
text-align: left;
}
.logo-footer{
text-align: right;
}
button.btn.btn-primary.dropdown-toggle {
position: static;
}
#header div#navbar-list-2 {
margin: 0;
}
.gender-box .text-holder {
display: flex;
}
.about-us-sec.our-doctors-sec .Jenkins .img-box {
width: 160px;
height: 160px;
float: left;
margin-right: 40px;
}
section.about-us-sec.our-doctors-sec .text-box {
overflow: hidden;
}
ul.logout-box li {
margin-right: 0;
}
ul.logout-box {
text-align: center;
margin: 0;
max-width: 200px;
}
ul.logout-box li {
display: block;
}
.about-us-sec .table-patient.table-ptst.table-bai td:nth-child(2) {
width: 135px;
}
.Profile-sec .text-holder .name-box.doctor .col-row {
display: flex;
}
.Profile-sec .text-holder .name-box.doctor .col-row span {
display: block;
}
.Profile-sec .text-holder .name-box.doctor .col-row strong {
width: 92px;
}
.Profile-sec .text-holder .name-box.doctor .col-row p {
width: 67%;
}
.gender-box .text-holder.text-doctor {
display: block;
}
}
@media screen and (min-width: 768px) {
#header .navbar-dark .navbar-nav .nav-link {
font-size: 14px;
padding: 6px 8px;
}
#header .top-bar {
padding: 8px 0;
}
.dropdown {
text-align: right;
}
footer#footer .container {
padding: 0 30px 0 15px;
}
.about-us-sec .table-patient td:nth-child(3) {
text-align: center;
}
.about-us-sec .table-patient h3 {
font-size: 28px;
padding: 15px 0;
}
.about-us-sec .table-patient th {
font-size: 18px;
}
.about-us-sec .table-patient td {
font-size: 16px;
}
ul.logout-box {
text-align: right;
}
ul.logout-box li img {
margin-right: 7px;
}
.about-us-sec .table-patient.table-ptst td:nth-child(2){
width: 110px;
text-align: center;
}
.about-us-sec .table-patient.table-ptst td label {
display: inline-block;
margin-bottom: 8px;
width: 36px;
font-weight: normal;
}
.about-us-sec .table-patient.table-ptst.table-bai td:nth-child(2) {
width: 40%;
}
.about-us-sec .table-patient.table-ptst.table-bai td label {
margin-bottom: 3px;
width: 85px;
}
.about-us-sec .table-patient.table-ptst.table-bai td:nth-child(1) {
width: 40%;
}
.Patient-sec form {
display: flex;
align-items: center;
}
.Patient-sec label {
margin: 0 11px 0 0;
}
.after-search {
width: 71%;
}
.Patient-sec .text p {
font-size: 13px;
}
}
@media screen and (min-width: 992px) {
#header .navbar-dark .navbar-nav .nav-link {
font-size: 16px;
padding: 6px 15px;
}
.navbar-dark .navbar-brand img {
width: 90px;
}
.number-box li {
display: inline-block;
margin-right: 28px;
}
.absolute-box .text-box h1 {
font-size: 22px;
padding-bottom: 13px;
margin-bottom: 15px;
}
.absolute-box .text-box p {
font-size: 16px;
line-height: 25px;
margin-bottom: 40px;
}
a.btn-qa {
font-size: 16px;
padding: 12px 25px;
}
.absolute-box .text-box {
padding: 20px 15px 36px;
}
.about-us-sec .Stephanie-box p {
font-size: 17px;
color: #707070;
}
.about-us-sec .Jenkins .text-box h4 {
font-size: 17px;
}
.about-us-sec .Jenkins .text-box p {
font-size: 17px;
}
.about-us-sec .Stephanie-box {
padding: 20px;
}
.about-us-sec .slick-dots {
bottom: -40px;
}
.logo-footer {
text-align: right;
}
.Profile-sec .img-holder {
float: left;
}
.gender-box .text-holder {
display: flex;
width: 74%;
float: right;
padding: 12px 30px;
}
.button-box a {
padding: 10px 50px;
}
footer#footer .container {
padding: 0 15px 0 15px;
}
section.about-us-sec.our-doctors-sec .Jenkins {
max-width: 362px;
float: left;
}
section.about-us-sec.our-doctors-sec .Stephanie-box {
overflow: hidden;
}
section.about-us-sec.our-doctors-sec .doctor-text {
width: 58%;
float: right;
}
section.about-us-sec.our-doctors-sec .text-box strong,
section.about-us-sec.our-doctors-sec .text-box span {
font-size: 17px;
}
section.about-us-sec.our-doctors-sec .Stephanie-box p {
margin: 0 0 23px;
font-size: 16px;
font-weight: 500;
}
section.about-us-sec.our-doctors-sec a.btn-qa {
float: inherit;
}
section.about-us-sec.our-doctors-sec .Stephanie-box {
padding: 30px;
}
.about-us-sec .table-patient.table-ptst.table-bai th {
font-size: 18px;
}
.gender-box .text-holder.text-doctor .button-box {
justify-content: flex-end;
}
.gender-box .text-holder.text-doctor {
position: relative;
}
.gender-box .text-holder.text-doctor .button-box {
justify-content: flex-end;
width: 58%;
float: right;
position: absolute;
bottom: 0;
right: 0;
}
.Profile-sec .text-holder .name-box.doctor .col-row p {
margin-bottom: 22px;
}
.Patient-sec .text p {
font-size: 13px;
}
.Patient-sec .font i {
font-size: 70px;
}
.Patient-sec .text span {
font-size: 46px;
line-height: 60px;
}
.Patient-sec .text p {
font-size: 18px;
}
.after-search {
width: 100%;
}
.Patient-sec label {
min-width: 112px;
}
}
@media screen and (min-width: 1200px) {
.navbar-dark .navbar-brand img {
width: 90px;
}
.absolute-box .text-box {
padding: 20px 15px 35px;
}
.patient-sec .text p {
padding: 0 70px;
line-height:22px;
}
#footer p {
font-size: 16px;
}
#footer time {
font-size: 16px;
}
#footer ul.ul-box li a {
font-size: 16px;
}
#footer ul.ul-box li {
width: 49%;
display: inline-block;
}
.gender-box .text-holder {
padding: 12px 90px;
}
.Profile-sec .text-holder .col-row {
margin-bottom: 10px;
}
.Profile-sec .img-holder {
width: 230px;
height: 230px;
}
section.banner-sec img {
height: 370px;
}
section.banner-sec.patient-profile-sec img {
height: 400px;
}
ul.logout-box li {
display: inline-block;
margin: 0 6px;
}
ul.logout-box li img {
margin-right: 0;
}
ul.logout-box {
max-width: 100%;
}
}
div#feedback{
text-align: center;
width: 100%;
padding: 20px 25px 20px 15px;
background-color: #f3f3f3;
border-radius: 3px;
border: 1px solid #47D184;
font-family: 'Raleway',sans-serif;
float: left;
}
Input {
width: 100%;
margin-bottom: 20px;
padding: 5px;
height: 30px;
box-shadow: 1px 1px 12px grey;
border-radius: 3px;
border: none;
}