File: /var/www/html/sarvodayahospital/public/ghana/css/custom.css
@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap");
body {
color: #5c5c5c;
}
.clrRed {
color: #e31837 !important;
}
.clrBlack {
color: #434343;
}
.clrOrange {
color: #f58025;
}
.clrGreen {
color: #9fa617 !important;
}
.clrBlueDark2 {
color: #004d6a;
}
.bgOrange {
background-color: #f58025;
}
.bgOrange2 {
background-color: #ffbf86;
}
.bgOrangeDark {
background-color: #eba76a;
}
.bgGreen {
background-color: #9fa617;
}
.bgRed {
background-color: #e31837;
}
.bgGreyDark {
background-color: #65788b;
}
.bgGrey {
background-color: #5c5c5c;
}
.clrBlueDark3 {
color: #3eadda;
}
.clrGreenDark {
color: #40aace;
}
.borderGreenDark {
border-color: #40aace !important;
}
.borderWhite {
border-color: #fff;
}
.clrGreenDark2 {
color: #35b6b4;
}
.clrBlueDark {
color: #008fc5;
}
.bgGreenDark {
background-color: #40aace;
}
.bgGreenDark2 {
background-color: #35b6b4;
}
.bgGreenMid {
background-color: #40aace;
}
.bgGreenLight {
background-color: #f4fbff;
}
.bgBlueDark {
background-color: #008fc5 !important;
}
.bgBlueLight {
background-color: #f3f7fb;
}
.bgBlueLight2 {
background-color: #f3f7fb;
}
.bgGreyLight {
background-color: #acacac;
}
.bgGreyLighter {
background-color: #e9e9e9;
}
.bgGreyLight2 {
background-color: #f5f8f8;
}
.bgGreyBlue {
background-color: #6a8bb2;
}
.bgTransparent {
background-color: rgba(0, 0, 0, 0);
}
.bg-white {
background-color: #fff;
}
.clrGreyDark {
color: #65788b;
}
.clrGrey {
color: #5c5c5c;
}
.clrGreyBlue {
color: #6a8bb2;
}
.blue-grad {
background: -webkit-gradient(linear, left top, left bottom, color-stop(28.28%, #ffffff), color-stop(253.09%, #94dbff));
background: linear-gradient(180deg, #ffffff 28.28%, #94dbff 253.09%);
}
.btnBlueDark {
color: #008fc5;
border-color: #008fc5;
}
img {
max-width: 100%;
}
@media (max-width: 768px) {
.bgSmBlueLight {
background-color: #f3f7fb !important;
}
.bgSmGreenDark2 {
background-color: #35b6b4;
}
}
* {
font-family: "Roboto", sans-serif;
}
body p {
font-size: 16px;
}
a:hover {
color: #008fc5;
}
h2 {
font-size: 44px;
line-height: 30px;
}
h3 {
font-size: 22px;
font-weight: 500;
}
h3 span {
padding-bottom: 0px;
margin-bottom: 0px;
display: inline-block;
}
h4 {
font-size: 18px;
}
.sub-head {
font-size: 17px;
color: #5c5c5c;
}
.line-heading {
border-bottom: 1px solid #008fc5;
}
@media (max-width: 768px) {
h2 {
font-size: 18px;
line-height: 24px;
}
h3 {
font-size: 20px;
}
p {
font-size: 15px;
}
}
.fw-300 {
font-weight: 300;
}
.fw-400 {
font-weight: 400;
}
.fw-500 {
font-weight: 500;
}
.fw-500 {
font-weight: 500;
}
.fw-700 {
font-weight: 700 !important;
}
.fw-800 {
font-weight: 800;
}
.fw-900 {
font-weight: 900;
}
.lh-24 {
line-height: 24px;
}
.lh-19 {
line-height: 19px;
}
.lh-30 {
line-height: 30px;
}
.f-10 {
font-size: 10px;
}
.f-11 {
font-size: 11px;
}
.f-12 {
font-size: 12px;
}
.f-13 {
font-size: 13px;
}
.f-14 {
font-size: 14px;
}
.f-15 {
font-size: 15px;
}
.f-16 {
font-size: 16px;
}
.f-17 {
font-size: 17px;
}
.f-18 {
font-size: 18px;
}
.f-19 {
font-size: 19px;
}
.f-20 {
font-size: 20px;
}
.f-21 {
font-size: 21px;
}
.f-22 {
font-size: 22px;
}
.f-23 {
font-size: 23px;
}
.f-24 {
font-size: 24px;
}
.f-25 {
font-size: 25px;
}
.f-26 {
font-size: 26px;
}
.f-27 {
font-size: 27px;
}
.f-28 {
font-size: 28px;
}
.f-29 {
font-size: 29px;
}
.f-30 {
font-size: 30px;
}
.f-31 {
font-size: 31px;
}
.f-32 {
font-size: 32px;
}
.f-33 {
font-size: 33px;
}
.f-34 {
font-size: 34px;
}
.f-35 {
font-size: 35px;
}
.f-38 {
font-size: 38px;
}
.f-40 {
font-size: 40px;
}
.f-48 {
font-size: 48px;
}
.f-50 {
font-size: 50px;
}
.l-13 {
line-height: 13px;
}
.l-14 {
line-height: 14px;
}
.l-15 {
line-height: 15px;
}
.l-16 {
line-height: 16px;
}
.l-17 {
line-height: 17px;
}
.l-18 {
line-height: 18px;
}
.l-19 {
line-height: 19px;
}
.l-20 {
line-height: 20px;
}
.l-21 {
line-height: 21px;
}
.l-22 {
line-height: 22px;
}
.l-23 {
line-height: 23px;
}
.l-24 {
line-height: 24px;
}
.l-25 {
line-height: 25px;
}
.l-26 {
line-height: 26px;
}
.order-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.order-2 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.order-3 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
.order-4 {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
}
.no-underline {
text-decoration: none !important;
}
.text-no-wrap {
white-space: nowrap;
}
.text-one-line {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
@media (max-width: 768px) {
.p-sm-x-0 {
padding-left: 0;
padding-right: 0;
}
.order-mob-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.order-mob-2 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.order-mob-3 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
.order-mob-4 {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
}
.order-mob-5 {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5;
}
.f-sm-9 {
font-size: 9px;
}
.f-sm-10 {
font-size: 10px;
}
.f-sm-11 {
font-size: 11px;
}
.f-sm-12 {
font-size: 12px;
}
.f-sm-13 {
font-size: 13px;
}
.f-sm-14 {
font-size: 14px;
}
.f-sm-15 {
font-size: 15px;
}
.f-sm-16 {
font-size: 16px;
}
.f-sm-17 {
font-size: 17px;
}
.f-sm-18 {
font-size: 18px;
}
.f-sm-19 {
font-size: 19px;
}
.f-sm-20 {
font-size: 20px;
}
.f-sm-21 {
font-size: 21px;
}
.f-sm-22 {
font-size: 22px;
}
.f-sm-23 {
font-size: 23px;
}
.f-sm-23 {
font-size: 24px;
}
.f-sm-25 {
font-size: 25px;
}
.f-sm-26 {
font-size: 26px;
}
.f-sm-27 {
font-size: 27px;
}
.f-sm-28 {
font-size: 28px;
}
.f-sm-29 {
font-size: 29px;
}
.f-sm-30 {
font-size: 30px;
}
.f-sm-34 {
font-size: 34px;
}
.f-sm-35 {
font-size: 35px;
}
.f-sm-40 {
font-size: 40px;
}
.l-sm-13 {
line-height: 13px;
}
.l-sm-14 {
line-height: 14px;
}
.l-sm-15 {
line-height: 15px;
}
.l-sm-16 {
line-height: 16px;
}
.l-sm-17 {
line-height: 17px;
}
.l-sm-18 {
line-height: 18px;
}
.l-sm-19 {
line-height: 19px;
}
.l-sm-20 {
line-height: 20px;
}
.l-sm-21 {
line-height: 21px;
}
.l-sm-22 {
line-height: 22px;
}
.l-sm-23 {
line-height: 23px;
}
.l-sm-24 {
line-height: 24px;
}
.l-sm-25 {
line-height: 25px;
}
.l-sm-26 {
line-height: 26px;
}
.order-mob-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.order-mob-2 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.order-mob-3 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
.order-mob-4 {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
}
.h-sm-100 {
height: 100%;
}
}
.pointer {
cursor: pointer;
}
.pt-1px {
padding-top: 1px;
}
.banner-sec {
background: radial-gradient(85.56% 433.13% at 79.34% 50%, #0091c6 0%, #01668b 100%);
background-repeat: no-repeat;
}
.banner-sec .banner-ribbon {
position: relative;
}
.banner-sec .banner-ribbon p {
position: absolute;
top: -3px;
left: 10px;
}
.banner-sec form {
background-color: #fff;
border-radius: 24px;
}
.banner-sec form .form-control {
padding: 0.675rem 0.75rem;
}
.banner-sec form .form-group input {
background-color: #f8f9fa;
border-radius: 0;
}
.banner-sec.banner-sec-2 {
background-image: url("../img/banner-bg-2.png");
}
.treatment-sec {
background: -webkit-gradient(linear, left top, left bottom, from(#35b6b4), to(#008aba));
background: linear-gradient(180deg, #35b6b4 0%, #008aba 100%);
}
.faq .card-header {
background-color: #f4fbff;
padding: 4px 6px;
}
.faq .card-header>a {
font-size: 17px;
-webkit-box-shadow: none;
box-shadow: none;
}
.faq .card-body {
padding: 6px 17px;
line-height: 21px;
background-color: #f4fbff;
}
.faq .card-body ul {
padding-left: 20px;
margin-bottom: 12px;
}
.faq .card-body ul li {
margin-bottom: 8px;
font-size: 16px;
}
.faq .card {
margin-bottom: 10px;
border: 0;
border-bottom: 1px solid #e9e9e9;
}
.faq .card a:hover {
color: #5c5c5c;
}
.faq .card:last-child {
border-bottom: 0;
}
.faq .card-header>a::before {
content: "\2b";
position: absolute;
top: 25px;
right: 0.8rem;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
display: block;
font-family: "FontAwesome";
font-size: 30px;
font-weight: 500;
color: #797979;
}
.faq .card-header>a[aria-expanded="true"]::before {
content: "\f068";
font-size: 16px;
}
nav {
z-index: 3;
-webkit-box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.15);
box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.15);
}
nav .nav-link {
color: #2e2e2e;
}
nav .nav-link:hover {
color: #008fc5;
}
nav .btn {
padding: 0.235rem 0.75rem;
}
nav .select-wrapper {
background-color: #f4fbff;
border: 1px solid #008fc5;
max-width: 200px;
border-radius: 4px;
position: relative;
}
nav .select-wrapper .form-select {
width: 100%;
border: none;
background-color: #f4fbff;
cursor: pointer;
border-radius: 4px;
outline: none !important;
-webkit-box-shadow: none;
box-shadow: none;
padding-left: 22px;
font-size: 14px;
}
nav .select-wrapper::before {
content: url("../img/location-select.png");
position: absolute;
left: 6px;
top: 6px;
}
header {
/*
position: -webkit-sticky;
position: sticky;
top: 0;*/
background-color: #fff;
z-index: 99;
box-shadow: none;
box-shadow: 0 3px 3px #00000030;
}
header a:hover {
color: #e31837;
}
.header-shadow {
-webkit-box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.15);
box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.15);
}
@media (max-width: 768px) {
header {
z-index: 1060 !important;
}
header img.logo-img {
width: 120px;
}
.faq .card-header {
padding: 4px 0px;
}
.faq .card-header>a {
font-size: 14px;
line-height: 18px;
padding: 0.2rem 0rem 0.2rem 00rem;
}
.faq .card-body {
padding: 8px 17px 3px 0px;
font-size: 14px;
line-height: 18px;
}
.faq .card-body ul li {
font-size: 14px;
}
.faq .card {
margin-bottom: 10px;
}
.faq .card-header>a::before {
top: 20px;
font-size: 20px;
}
.faq .card-header>a[aria-expanded="true"]::before {
content: "\f068";
font-size: 10px;
}
}
.fac-sec span img {
position: relative;
bottom: 2px;
}
.test-sec .form-control:focus {
border-right: 0;
border: 1px solid #008fc5;
-webkit-box-shadow: none;
box-shadow: none;
}
.test-sec .form-control:focus+span {
border-right: 0;
border: 1px solid #008fc5;
}
.test-sec .form-control+span {
cursor: pointer;
}
.test-sec .test-card {
border: 0.93px solid #bfbfbf;
border-radius: 10px;
margin-bottom: 25px;
height: 60px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.test-sec .test-card .row {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.test-sec .test-card p {
line-height: 19px;
}
.test-sec .test-card button {
border: 1px solid #f58025;
border-radius: 20px;
height: 25px;
font-size: 13px;
font-weight: 500;
background-color: #fff;
color: #f58025;
padding: 0px 12px 0;
white-space: nowrap;
}
.test-sec .test-card:hover {
background: -webkit-gradient(linear, left top, left bottom, color-stop(28.28%, #ffffff), color-stop(253.09%, #94dbff));
background: linear-gradient(180deg, #ffffff 28.28%, #94dbff 253.09%);
-webkit-box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.14);
box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.14);
-webkit-transition: -webkit-box-shadow 0.5s linear;
transition: -webkit-box-shadow 0.5s linear;
transition: box-shadow 0.5s linear;
transition: box-shadow 0.5s linear, -webkit-box-shadow 0.5s linear;
cursor: pointer;
}
.test-sec .test-card:hover button {
background-color: #f58025;
color: #fff;
-webkit-transition: background-color 0.6s linear;
transition: background-color 0.6s linear;
}
.test-steps-sec .test-steps-box {
border: 2px dotted #008fc5;
border-radius: 8px;
-webkit-box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.14);
box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.14);
padding: 13px 10px 10px;
width: 150px;
}
.test-steps-sec .test-steps-box p {
line-height: 23px;
margin-top: 10px;
}
.certi {
border: 1px solid #008fc5;
border-radius: 10px;
}
.branch-line {
border-right: 1px solid #adadad;
}
.copyright-sec {
background: #424242;
}
button {
-webkit-transition: -webkit-box-shadow 0.3s linear !important;
transition: -webkit-box-shadow 0.3s linear !important;
transition: box-shadow 0.3s linear !important;
transition: box-shadow 0.3s linear, -webkit-box-shadow 0.3s linear !important;
}
button:hover {
-webkit-box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12) !important;
box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12) !important;
}
@media (max-width: 768px) {
.branch-line {
border-right: none;
}
.location-d-box {
border: 1px solid #acacac;
padding: 10px 10px;
border-radius: 5px;
}
footer {
z-index: initial !important;
}
.test-sec .test-card {
margin-bottom: 15px;
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.test-sec .test-card button {
padding: 0px 8px 0;
}
.assis-box {
border-radius: 0 !important;
}
.copyright-sec {
margin-bottom: 52px !important;
}
.certi-box {
padding: 0 15px;
}
.test-steps-sec .test-steps-box {
padding: 10px 3px 4px;
width: 95px;
height: 98px;
}
.test-steps-sec .test-steps-box img {
width: 35px;
}
.test-steps-sec .test-steps-box p {
line-height: 18px;
margin-top: 7px;
font-weight: 500;
}
.test-steps-sec .test-steps-arrow img {
width: 30px;
}
h3 {
font-size: 22px;
}
h3 span {
padding-bottom: 0px;
margin-bottom: 0px;
}
.sub-head {
font-size: 14px;
}
}
.call-mob {
position: fixed;
bottom: -70px;
left: 0;
right: 0;
background-color: #fff;
-webkit-box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.15);
box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.15);
-webkit-transition: bottom 0.6s linear;
transition: bottom 0.6s linear;
}
.call-mob.show-btn {
bottom: 0;
}
footer .as-center {
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
}
footer.ft1 {
background-color: #f1f1f1;
}
footer.ft2 {
background: #3f3f3f;
}
footer.ft2 .terms-links a {
position: relative;
}
footer.ft2 .terms-links a::after {
content: "";
border-left: 1px solid #fff;
position: absolute;
top: 3px;
bottom: 3px;
right: -12px;
}
footer.ft2 .terms-links a:last-child::after {
content: none;
}
footer h4 {
color: #5c5c5c;
}
footer .clr-f {
color: #5c5c5c;
}
footer ul {
font-size: 14px;
list-style-type: none;
padding-left: 0px;
margin: 0;
}
footer ul li {
margin-bottom: 5px;
color: #fff;
}
footer ul li a {
color: #5c5c5c;
text-decoration: none;
font-weight: 400;
-webkit-transition: padding 0.4s linear;
transition: padding 0.4s linear;
}
footer ul li a:hover {
padding-left: 6px;
color: #008fc5;
}
footer a:hover {
color: #fff;
}
footer form p {
color: #5c5c5c;
}
footer form input {
background-color: #b5b5b5 !important;
}
footer form span.input-group-text {
background-color: #888888;
cursor: pointer;
}
.banner-pointers p {
margin-bottom: 0px;
}
.mb-0-c {
margin-bottom: 0 !important;
}
.side-rules-txt {
background-color: #fff;
z-index: 1;
padding: 0 20px;
}
.pos-relative {
position: relative;
}
.pos-absolute {
position: absolute;
}
.side-rules {
left: 0;
right: 0;
margin: 0;
top: 50%;
border-top: 1px solid #008fc5;
}
.topic-pills>div {
border: 1px solid rgba(0, 143, 197, 0.4);
border-radius: 13px;
padding: 4px 10px 4px;
font-size: 12px;
line-height: 1;
text-decoration: none;
color: #5c5c5c;
white-space: nowrap;
margin-bottom: 8px;
margin-left: 3px;
margin-right: 3px;
font-weight: 300;
}
.close-footer i {
font-size: 18px;
position: relative;
top: 2px;
}
.rotate-footer-close-arrow {
-webkit-transform: rotate(-180deg);
transform: rotate(-180deg);
}
@media (max-width: 768px) {
.banner-sec {
height: 127px;
background-size: cover;
}
.banner-sec form {
border-radius: 16px;
}
.topic-pills>div {
font-size: 11px;
padding: 4px 8px 4px;
text-transform: lowercase;
}
}
footer {
z-index: 1051 !important;
}
.footer-close {
background-color: #fff;
border-radius: 50%;
width: 32px;
height: 32px;
cursor: pointer;
color: #008fc5;
font-size: 20px;
position: absolute;
right: 25px;
top: -20px;
text-align: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.notification_img {
position: absolute;
top: -140px;
left: 420px;
}
.banner-points-box-sec {
position: relative;
bottom: 90px;
}
.package-card-sec {
background-color: rgba(0, 143, 197, 0.04);
}
.package-card-sec .package-card-row>div {
margin-bottom: 25px;
}
.package-card-sec .package-m-box {
background-color: #fff;
margin-right: -18px;
margin-top: 0px;
overflow-y: auto;
}
.package-card-sec .package-m-box>div {
padding-right: 18px;
}
.package-card-sec .package-m-box::-webkit-scrollbar {
width: 3px;
}
.package-card-sec .package-m-box::-webkit-scrollbar-track {
background: #f1f1f1;
border-radius: 10px;
}
.package-card-sec .package-m-box::-webkit-scrollbar-thumb {
background: #5c5c5c;
border-radius: 10px;
}
.package-card-sec .package-m-box::-webkit-scrollbar-thumb:hover {
background: #555;
}
.package-card-sec .package-card {
position: relative;
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
background-color: #fff;
border: 1px solid #ebeae8;
-webkit-box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.09);
box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.09);
border-radius: 12px;
padding: 20px 19px 10px;
margin-bottom: 25px;
}
.package-card-sec .package-card button {
border-radius: 20px;
margin-top: 20px;
}
.package-card-sec .package-card .bar {
height: 2.5px;
margin-bottom: 10px;
}
.package-card-sec .package-card:after {
right: 22px;
}
.package-card-sec .package-card>span {
position: absolute;
font-size: 17px;
right: 25px;
z-index: 1;
top: 9px;
text-align: center;
line-height: 18px;
}
.package-card-sec .package-card .save-box {
background: #f5f5f5;
border: 0.5px dashed #008fc5;
}
.package-card-sec .package-card .card-header {
background-color: #fff;
padding: 1px 0px;
border-bottom: none;
}
.package-card-sec .package-card .card-header>a {
font-size: 14px;
-webkit-box-shadow: none;
box-shadow: none;
padding: 0 0;
pointer-events: none;
}
.package-card-sec .package-card .card-body {
padding: 6px 0px 6px 0;
line-height: 21px;
background-color: #fff;
}
.package-card-sec .package-card .card-body ul {
padding-left: 00px;
margin-bottom: 0px;
}
.package-card-sec .package-card .card-body ul li {
margin-bottom: 0px;
font-size: 15px;
list-style-type: none;
}
.package-card-sec .package-card .card {
margin-bottom: 0px;
padding-left: 12px;
border: 0;
}
.package-card-sec .package-card .card:last-child .card-header {
border: 0;
}
.package-card-sec .package-card .card a:hover {
color: #5c5c5c;
}
.package-card-sec .package-card .card:last-child {
border-bottom: 0;
}
.package-card-sec .package-card .card-header>a::after {
position: absolute;
top: 14px;
right: 0rem;
display: block;
width: 13px;
height: 13px;
background-color: #dfdbd2;
border-radius: 2px;
}
.package-card-sec .package-card .card-header>a::before {
z-index: 1;
position: absolute;
top: 20px;
right: 2px;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
display: block;
font-family: "FontAwesome";
font-size: 15px;
font-weight: 500;
color: #7e7e7e;
}
.package-card-sec .package-card .card-header>a.package-details::before {
content: "\f068";
font-size: 8px;
right: 3px;
}
.package-card-sec .card::before {
position: absolute;
left: 0;
top: -2px;
}
.package-card-sec .essential-package .bar {
background-color: #008fc5;
}
.package-card-sec .essential-package .card::before {
content: url("../img/essential-package.png");
}
.package-card-sec .essential-package::after {
content: url("../img/strip-blue.png");
position: absolute;
top: 0;
}
.package-card-sec .advanced-package .bar {
background-color: #f58025;
}
.package-card-sec .advanced-package .card::before {
content: url("../img/orange-tick.png");
}
.package-card-sec .advanced-package::after {
content: url("../img/strip-orange.png");
position: absolute;
top: 0;
}
.package-card-sec .total-package .bar {
background-color: #9fa617;
}
.package-card-sec .total-package .card::before {
content: url("../img/green-tick.png");
}
.package-card-sec .total-package::after {
content: url("../img/strip-green.png");
position: absolute;
top: 0;
}
.package-card-sec .exclusive-package .bar {
background-color: #e31837;
}
.package-card-sec .exclusive-package .card::before {
content: url("../img/red-tick.png");
}
.package-card-sec .exclusive-package::after {
content: url("../img/strip-red.png");
position: absolute;
top: 0;
}
.package-card-sec.package-card-sec-2 {
background-color: rgba(0, 143, 197, 0.04);
}
.package-card-sec.package-card-sec-2 .package-card-row>div {
margin-bottom: 25px;
}
.package-card-sec.package-card-sec-2 .package-m-box {
background-color: #fff;
margin-right: -18px;
margin-top: 0px;
overflow-y: auto;
}
.package-card-sec.package-card-sec-2 .package-m-box>div {
padding-right: 18px;
}
.package-card-sec.package-card-sec-2 .package-m-box::-webkit-scrollbar {
width: 3px;
}
.package-card-sec.package-card-sec-2 .package-m-box::-webkit-scrollbar-track {
background: #f1f1f1;
border-radius: 10px;
}
.package-card-sec.package-card-sec-2 .package-m-box::-webkit-scrollbar-thumb {
background: #5c5c5c;
border-radius: 10px;
}
.package-card-sec.package-card-sec-2 .package-m-box::-webkit-scrollbar-thumb:hover {
background: #555;
}
.package-card-sec.package-card-sec-2 .package-card {
position: relative;
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
background-color: #fff;
border: 1px solid #ebeae8;
-webkit-box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.09);
box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.09);
border-radius: 12px;
padding: 20px 19px 20px;
margin-bottom: 25px;
}
.suggestion-filter-doctors .suggestion-inner-content {
max-height: 400px;
overflow-y: scroll;
overflow-x: hidden;
height: fit-content;
}
.package-card-sec.package-card-sec-2 .package-card .package-btn {
margin-right: -19px;
text-align: right;
}
.package-card-sec.package-card-sec-2 .package-card .package-btn a {
width: 50px;
padding: 2px 8px 3px 17px;
text-decoration: none;
color: #fff;
}
.package-card-sec.package-card-sec-2 .package-card .package-btn a i {
font-size: 12px;
position: relative;
bottom: 2px;
}
.package-card-sec.package-card-sec-2 .package-card button {
border-radius: 20px;
margin-top: 20px;
}
.package-card-sec.package-card-sec-2 .package-card .bar {
height: 2.5px;
margin-bottom: 10px;
}
.package-card-sec.package-card-sec-2 .package-card:after {
right: 5px;
content: url(../img/test-red.png);
position: absolute;
top: 5px;
}
.package-card-sec.package-card-sec-2 .package-card>span {
position: absolute;
font-size: 17px;
right: 25px;
z-index: 1;
top: 9px;
text-align: center;
line-height: 18px;
}
.package-card-sec.package-card-sec-2 .package-card .save-box {
color: #fff;
padding-top: 2px;
}
.package-card-sec.package-card-sec-2 .package-card .card-header {
background-color: #fff;
padding: 1px 0px;
border-bottom: none;
}
.package-card-sec.package-card-sec-2 .package-card .card-header>a {
font-size: 14px;
-webkit-box-shadow: none;
box-shadow: none;
padding: 0 0;
pointer-events: none;
}
.package-card-sec.package-card-sec-2 .package-card .card-body {
padding: 6px 0px 6px 0;
line-height: 21px;
background-color: #fff;
}
.package-card-sec.package-card-sec-2 .package-card .card-body ul {
padding-left: 00px;
margin-bottom: 0px;
}
.package-card-sec.package-card-sec-2 .package-card .card-body ul li {
margin-bottom: 0px;
font-size: 15px;
list-style-type: none;
}
.package-card-sec.package-card-sec-2 .package-card .card {
margin-bottom: 0px;
padding-left: 12px;
border: 0;
}
.package-card-sec.package-card-sec-2 .package-card .card:last-child .card-header {
border: 0;
}
.package-card-sec.package-card-sec-2 .package-card .card a:hover {
color: #5c5c5c;
}
.package-card-sec.package-card-sec-2 .package-card .card:last-child {
border-bottom: 0;
}
.package-card-sec.package-card-sec-2 .package-card .card-header>a::after {
position: absolute;
top: 14px;
right: 0rem;
display: block;
width: 13px;
height: 13px;
background-color: #dfdbd2;
border-radius: 2px;
}
.package-card-sec.package-card-sec-2 .package-card .card-header>a::before {
z-index: 1;
position: absolute;
top: 20px;
right: 2px;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
display: block;
font-family: "FontAwesome";
font-size: 15px;
font-weight: 500;
color: #7e7e7e;
}
.package-card-sec.package-card-sec-2 .package-card .card-header>a.package-details::before {
content: "\f068";
font-size: 8px;
right: 3px;
}
.package-card-sec.package-card-sec-2 .card::before {
position: absolute;
left: 0;
top: -2px;
}
.package-card-sec.package-card-sec-2 .essential-package {
border-color: #40aace;
}
.package-card-sec.package-card-sec-2 .essential-package .bar {
background-color: #008fc5;
}
.package-card-sec.package-card-sec-2 .essential-package .save-box {
background-color: #008fc5;
border: none;
}
.package-card-sec.package-card-sec-2 .essential-package .card::before {
content: url("../img/essential-package.png");
}
.package-card-sec.package-card-sec-2 .advanced-package {
border-color: #f58025;
}
.package-card-sec.package-card-sec-2 .advanced-package .bar {
background-color: #f58025;
}
.package-card-sec.package-card-sec-2 .advanced-package .save-box {
background-color: #f58025;
border: none;
}
.package-card-sec.package-card-sec-2 .advanced-package .card::before {
content: url("../img/orange-tick.png");
}
.package-card-sec.package-card-sec-2 .total-package {
border-color: #9fa617;
}
.package-card-sec.package-card-sec-2 .total-package .bar {
background-color: #9fa617;
}
.package-card-sec.package-card-sec-2 .total-package .save-box {
background-color: #9fa617;
border: none;
}
.package-card-sec.package-card-sec-2 .total-package .card::before {
content: url("../img/green-tick.png");
}
.package-card-sec.package-card-sec-2 .exclusive-package {
border-color: #e31837;
}
.package-card-sec.package-card-sec-2 .exclusive-package .bar {
background-color: #e31837;
}
.package-card-sec.package-card-sec-2 .exclusive-package .save-box {
background-color: #e31837;
border: none;
}
.package-card-sec.package-card-sec-2 .exclusive-package .card::before {
content: url("../img/red-tick.png");
}
.package-card-sec.package-card-single-sec .package-card {
padding: 25px 19px 10px;
}
.banner-points-box-sec.why-choose {
position: static;
}
.banner-points-box-sec.why-choose .banner-points-box {
-webkit-box-shadow: none;
box-shadow: none;
border: 0;
}
@media (max-width: 768px) {
.banner-points-box-sec {
bottom: 70px;
}
}
.banner-search {
-webkit-box-shadow: 0px 1px 36px 0px rgba(0, 0, 0, 0.13);
box-shadow: 0px 1px 36px 0px rgba(0, 0, 0, 0.13);
margin-top: -70px;
border-radius: 12px;
}
.banner-search input {
border: 0;
border-radius: 20px;
}
.banner-search input:focus {
-webkit-box-shadow: none;
box-shadow: none;
}
.banner-search .input-group-text {
border: 0;
border-radius: 20px;
}
.banner-search .input-group {
border-radius: 20px;
border: 1px solid #cccccc;
}
.banner-search .banner-search-pts>div {
border-right: 1px solid #dfdfdf;
}
.banner-search .banner-search-pts>div:last-child {
border-right: 0;
}
@media (max-width: 768px) {
.banner-search {
-webkit-box-shadow: 0px 1px 36px 0px rgba(0, 0, 0, 0.13);
box-shadow: 0px 1px 36px 0px rgba(0, 0, 0, 0.13);
margin-top: -70px;
border-radius: 12px;
}
.banner-search input {
border: 0;
border-radius: 20px;
}
.banner-search input:focus {
-webkit-box-shadow: none;
box-shadow: none;
}
.banner-search .input-group-text {
border: 0;
border-radius: 20px;
}
.banner-search .input-group {
border-radius: 20px;
border: 1px solid #cccccc;
}
.banner-search .banner-search-pts {
padding: 0 35px;
}
.banner-search .banner-search-pts>div {
border-bottom: 1px solid #dfdfdf;
border-right: 0;
padding-bottom: 12px;
margin-bottom: 12px;
padding-left: 0;
padding-right: 0;
}
.banner-search .banner-search-pts>div:last-child {
border-right: 0;
border-bottom: 0;
}
}
.banner-search.banner-search-2 .input-group {
border-radius: 4px;
}
.banner-points-box-sec.why-choose {
background-image: url("../img/whychoose.html");
background-size: cover;
position: static;
}
.banner-points-box-sec.why-choose .banner-points-box {
-webkit-box-shadow: none;
box-shadow: none;
border: 0;
}
.banner-points-box-sec {
bottom: 70px;
}
.patients-slider .slick-slide {
margin-right: 25px;
border: 0.79px solid silver;
border-radius: 10px;
-webkit-box-shadow: 0px 4px 8px 1px rgba(0, 0, 0, 0.09);
box-shadow: 0px 4px 8px 1px rgba(0, 0, 0, 0.09);
}
.patients-slider iframe {
width: 100%;
height: 275px;
border-radius: 15px 15px 0px 0px;
}
.patients-slider .slick-dots {
bottom: -45px;
}
.patients-slider .slick-dots button {
border-radius: 50%;
}
.patients-slider .hp-slide-img {
padding: 4px 5px 5px;
background-color: #fff;
border-radius: 10px 10px 0 0;
}
.patients-slider .hp-slide-txt {
padding: 10px 15px 8px;
background-color: #fff;
border-radius: 0px 0px 10px 10px;
}
.patients-slider .hp-slide-txt p {
margin-bottom: 5px;
}
.patients-slider .hp-slide-txt h6 {
color: #737373;
}
.package-slider .slick-slide {
margin-right: 25px;
}
.package-slider .slick-dots {
bottom: -45px;
}
.package-slider .slick-dots button {
border-radius: 50%;
}
.blogs-slider .slick-prev {
right: 65px;
left: initial;
}
.blogs-slider .slick-prev::before {
content: url(../img/slide-left.svg);
font-size: 13px;
}
.blogs-slider .slick-next {
right: 35px;
}
.blogs-slider .slick-next::before {
font-size: 13px;
content: url(../img/slide-right.svg);
}
.blogs-slider .slick-prev, .blogs-slider .slick-next {
background-color: #CAF0FF;
border-radius: 50%;
top: initial;
bottom: -50px;
z-index: 1;
text-align: center !important;
}
.home-network-wrapper .blogs-slider .slick-prev,
.home-network-wrapper .blogs-slider .slick-next {
bottom: -30px;
}
.blogs-slider .slick-prev:before,
.blogs-slider .slick-next:before {
color: #000;
}
.blog-section .blogs-slider .slick-slide {
margin-right: 25px;
}
.blog-section .blogs-slider .slick-next {
right: 10px;
}
.blog-section .blogs-slider .slick-prev {
right: 40px;
left: initial;
}
.blog-section .blogs-slider .slick-slide {
margin-right: 12px;
margin-left: 12px;
}
.blogs-slider.slick-initialized.slick-slider {
margin: 0 -12px;
}
.blogs-slider .slick-dots {
bottom: -45px;
}
.blogs-slider .slick-dots button {
border-radius: 50%;
}
.patients-t-slider iframe {
width: 100%;
height: 150px;
}
.patients-t-slider .slick-prev {
right: 80px;
left: initial;
}
.patients-t-slider .slick-prev::before {
content: url(../img/slide-left.svg);
font-size: 13px;
}
.patients-t-slider .slick-next {
right: 35px;
}
.patients-t-slider .slick-next::before {
font-size: 13px;
content: url(../img/slide-right.svg);
}
.patients-t-slider .slick-prev,
.patients-t-slider .slick-next {
background-color: #f3f7fb;
border-radius: 50%;
top: initial;
bottom: -10px;
z-index: 1;
}
.patients-t-slider .slick-prev:before,
.patients-t-slider .slick-next:before {
color: #000;
}
.patients-t-slider .slick-slide {
margin-right: 25px;
}
.patients-t-slider .slick-dots {
bottom: -45px;
}
.patients-t-slider .slick-dots button {
border-radius: 50%;
}
.single-test-slider .slick-slide {
margin-right: 25px;
}
.single-test-slider .slick-dots {
bottom: -45px;
}
.single-test-slider .slick-dots button {
border-radius: 50%;
}
.customers-slider .slick-slide {
margin-right: 25px;
border: 0.79px solid silver;
border-radius: 10px;
-webkit-box-shadow: 0px 4px 8px 1px rgba(0, 0, 0, 0.09);
box-shadow: 0px 4px 8px 1px rgba(0, 0, 0, 0.09);
}
.customers-slider iframe {
width: 100%;
height: 275px;
border-radius: 15px 15px 0px 0px;
}
.customers-slider .slick-dots {
bottom: -45px;
}
.customers-slider .slick-dots button {
border-radius: 50%;
}
.customers-slider .hp-slide-img {
padding: 10px 15px 5px;
background-color: #fff;
border-radius: 10px 10px 0 0;
}
.customers-slider .hp-slide-txt {
padding: 10px 15px 8px;
background-color: #fff;
border-radius: 0px 0px 10px 10px;
}
.customers-slider .hp-slide-txt p {
margin-bottom: 5px;
}
.customers-slider .hp-slide-txt h6 {
color: #737373;
}
.fields-with-icon .form-group {
position: relative;
margin-bottom: 16px;
}
.fields-with-icon .signup-input-img {
position: absolute;
left: 0;
top: 0;
bottom: 0;
width: 45px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.fields-with-icon .signup-input-img.signup-textarea-img {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
padding-top: 8px;
}
.fields-with-icon .signup-input-img.signup-input-otp {
left: initial;
right: 0;
width: 80px;
}
.fields-with-icon .form-control {
padding: 11px 15px 10px 40px;
color: #008fc5;
font-size: 17px;
height: 51px;
line-height: 3;
-webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.03);
box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.03);
color: #787878;
}
.fields-with-icon .form-control:focus {
outline: none;
border: 1px solid #003873;
-webkit-box-shadow: none;
box-shadow: none;
}
.fields-with-icon .form-control::-webkit-input-placeholder {
font-size: 16px;
}
.fields-with-icon .form-control:-ms-input-placeholder {
font-size: 16px;
}
.fields-with-icon .form-control::-ms-input-placeholder {
font-size: 16px;
}
.fields-with-icon .form-control::placeholder {
font-size: 16px;
}
.fields-with-icon select.form-select {
padding: 9px 15px 7px 40px;
cursor: pointer;
height: 51px;
}
.fields-with-icon textarea.form-control {
height: calc((1.5em + 0.75rem + 21px) * 2);
padding: 10px 15px 10px 40px;
resize: none;
line-height: 1;
}
.login-otp-inputs input {
width: 50px;
height: 50px;
border-radius: 6px;
font-size: 18px;
margin-right: 13px;
border: 1px solid #dde6ef;
text-align: center;
color: #008fc5;
}
.login-otp-inputs input:focus {
outline: 1px solid #008fc5;
}
.vcode {
-webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.03);
box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.03);
border: 1px solid #e2e2e2;
background: -webkit-gradient(linear, left bottom, left top, from(#e2e2e2), to(#e2e2e2)), -webkit-gradient(linear, left bottom, left top, from(#e7e7e7), to(#e7e7e7));
background: linear-gradient(0deg, #e2e2e2, #e2e2e2), linear-gradient(0deg, #e7e7e7, #e7e7e7);
color: #6c6c6c;
}
.drop-file {
background: #f2f2f2;
border: 1px dashed #c9c9c9;
position: relative;
}
.drop-file input {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
opacity: 0;
cursor: pointer;
}
.drop-file.file-in-drop-zone {
background: #f3f7fb;
outline: 6px solid rgba(0, 143, 197, 0.2);
}
.reports .card {
border: 0;
margin-bottom: 20px;
}
.reports .card-header {
background-color: #fff;
padding: 0 10px;
border: 1px solid rgba(0, 0, 0, 0.125);
}
.reports .card-header>a:before {
content: "\f0d7";
position: absolute;
top: 20px;
right: 0.8rem;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
display: block;
font-family: "FontAwesome";
font-size: 30px;
font-weight: 500;
color: #797979;
}
.reports .card-header>a.all-reports::before {
content: "\f0d8";
}
.reports .card-body {
padding: 1rem 0rem;
}
.reports .report-box {
border: 1px solid #dddddd;
border-radius: 5px;
}
.reports .report-box p {
line-height: 21px;
}
.offer-bg {
background: url(../img/strip-blue-details.png);
background-size: 100%;
padding: 10px 20px 10px 10px;
background-repeat: no-repeat;
background-position: center;
margin-right: 20px;
}
.reports.test-details .card,
.reports.test-details .card-header {
background-color: #f6f6f6;
border: 0;
}
.border-common {
border: 1px solid #d0e8ea;
border-radius: 7px;
-webkit-box-shadow: 0px 4px 4px 0px #00000008;
box-shadow: 0px 4px 4px 0px #00000008;
background-color: #fff;
}
.payment-details-border {
border-top: 1px solid #dde6ef;
}
.time-slot-cover .time-slot {
background-color: #f5f5f5;
color: #afc1d3;
margin-right: 7px;
margin-bottom: 11px;
height: 32px;
width: 149px;
border-radius: 6px;
position: relative;
}
.time-slot-cover .time-slot span {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
font-size: 14px;
border-radius: 6px;
height: 100%;
width: 100%;
}
.time-slot-cover .time-slot input {
position: absolute;
cursor: pointer;
opacity: 0;
top: 0;
right: 0;
bottom: 0;
height: 100%;
left: 0;
width: 100%;
}
.time-slot-cover .time-slot input:checked+span {
background-color: #008fc5;
color: #fff;
}
.calendar-slider .slick-prev:before {
content: "\f053";
font-family: "Font Awesome 5 Free";
font-style: normal;
font-variant-caps: normal;
-webkit-font-variant-ligatures: normal;
font-variant-ligatures: normal;
font-weight: 900;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
color: #8faac5;
font-size: 14px;
}
.calendar-slider .slick-next:before {
font-size: 14px;
content: "\f054";
font-family: "Font Awesome 5 Free";
font-style: normal;
font-variant-caps: normal;
-webkit-font-variant-ligatures: normal;
font-variant-ligatures: normal;
font-weight: 900;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
color: #8faac5;
}
.calendar-slider .slick-prev {
left: -15px;
}
.calendar-slider .slick-next {
right: -15px;
}
.calendar-slider .selected-date {
background-color: #008fc5;
border-radius: 7px;
}
.calendar-slider .selected-date p {
color: #fff;
}
.calendar-slider .slick-slide:hover {
cursor: pointer;
}
.login-box .phone-input-img {
left: 15px;
top: 11px;
z-index: 4;
position: absolute;
}
.login-box .login-phone-input {
padding-left: 40px;
border-radius: 6px 0 0 6px !important;
line-height: 22px;
}
.cards-d {
background-image: url(../img/partner.png);
background-repeat: no-repeat;
background-size: auto;
background-position: 95% 104%;
height: 235px;
}
.cards-d button {
width: 180px;
text-align: left;
}
.cards-d button img {
position: relative;
bottom: 1px;
}
.cards-d button span {
display: inline-block;
width: 120px;
}
.cards-d-call {
background-image: url("../img/call-book.png");
background-repeat: no-repeat;
background-size: auto;
background-position: 95% 104%;
height: 235px;
background-color: #eaa669;
border: 1px solid #ff9737;
}
.cards-d-call button {
width: 180px;
text-align: left;
border: 1px solid #f58220 img;
border-position: relative;
border-bottom: 1px;
}
.cards-d-call button span {
display: inline-block;
width: 120px;
}
.test-organ-box {
margin-bottom: 12px;
padding: 12px 5px 10px 8px;
}
.test-organ-box p {
line-height: 16px;
}
.navbar-toggler-icon {
background-image: url(../img/menu.svg);
}
.lab-test-card-cover {
-ms-grid-columns: auto auto auto auto auto;
grid-template-columns: auto auto auto auto auto;
grid-auto-rows: 1fr;
-webkit-column-gap: 20px;
column-gap: 20px;
row-gap: 20px;
}
.lab-test-card-cover .lab-test-card {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.06)), to(rgba(0, 143, 197, 0.12)));
background: linear-gradient(180deg, rgba(255, 255, 255, 0.06) 0%, rgba(0, 143, 197, 0.12) 100%);
}
.lab-test-card-cover .lab-test-card .lab-test-card-text {
padding-right: 55px;
margin-bottom: 0px;
line-height: 18px;
}
.lab-test-card-cover .lab-test-card .lab-test-card-btn a {
text-decoration: none;
}
.banner-c {
background: #008FC5;
}
.search-box .input-group {
border-radius: 4px;
border: 1px solid #cccccc;
}
.search-box .form-control:focus {
-webkit-box-shadow: none;
box-shadow: none;
}
.search-box .input-group-text {
border: 0;
border-radius: 20px;
}
@media (max-width: 768px) {
.lab-test-card-cover {
-ms-grid-columns: auto auto;
grid-template-columns: auto auto;
grid-auto-rows: 1fr;
-webkit-column-gap: 15px;
column-gap: 15px;
row-gap: 15px;
}
.lab-test-card-cover .lab-test-card .lab-test-card-text {
padding-right: 0px;
margin-bottom: 10px;
line-height: 18px;
}
}
.bg-gradient-n {
background: #008FC5;
}
.labelled-form .form-group {
position: relative;
}
.labelled-form .form-group label {
font-size: 12px;
position: absolute;
top: -7px;
left: 13px;
background-color: #fff;
color: #5c5c5c;
padding: 0 6px;
}
.labelled-form textarea {
resize: none;
}
.collection-centres {
max-height: 440px;
overflow-y: auto;
}
/* width */
.collection-centres::-webkit-scrollbar {
width: 8px;
}
/* Track */
.collection-centres::-webkit-scrollbar-track {
background: #fff;
border: 1px solid rgba(0, 143, 197, 0.25);
border-radius: 8px;
}
/* Handle */
.collection-centres::-webkit-scrollbar-thumb {
background: #008fc5;
border-radius: 8px;
}
/* Handle on hover */
.collection-centres::-webkit-scrollbar-thumb:hover {
background: #9fa617;
}
.user-details-card {
margin-bottom: 20px;
}
.user-details-card table {
margin: 0;
}
.user-details-card table tr td {
border: 0;
font-size: 15px;
padding: 6px 2px 6px 10px;
}
.user-details-card table tr td:first-child {
color: #363636;
font-weight: 500;
}
.user-details-card table tr td:last-child {
color: #363636;
}
.user-details-card table.profile-t tr:nth-child(even) {
background: rgba(0, 143, 197, 0.13);
}
.user-details-card .details-bg-s {
background: rgba(0, 143, 197, 0.13);
padding-left: 10px;
}
.call-mob-ico {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
text-align: right;
}
.related-blogs li {
border-bottom: 1px solid #c8c8c8;
padding-bottom: 10px;
}
.related-blogs li img {
width: 100px;
height: 82px;
-o-object-fit: cover;
object-fit: cover;
min-width: 100px;
}
.account-section .account-side {
border-top: 1px solid #dedede;
list-style-type: none;
margin: 0;
padding: 0;
}
.account-section .account-side li {
border-bottom: 1px solid #dedede;
}
.account-section .account-side li img {
margin-right: 4px;
}
.account-section .account-side li i {
float: right;
color: #008fc5;
background-color: #f4fbff;
width: 22px;
height: 22px;
border-radius: 50%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.account-section .account-side li:last-child {
border: 0;
}
.account-section .account-side li a {
padding: 17px 18px 17px;
font-size: 14px;
display: block;
text-decoration: none;
color: #434343;
}
.white-card {
-webkit-box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
}
.grad-box button {
border: 1px solid #fff;
border-radius: 5px;
color: #fff;
text-transform: uppercase;
background-color: inherit;
font-size: 14px;
padding: 3px 10px;
}
.grad-box img.offer-visual {
width: 50px;
}
.grad-box img.offer-for {
width: 90px;
}
.gradient-1 {
background: #ddd6f3;
/* fallback for old browsers */
/* Chrome 10-25, Safari 5.1-6 */
background: -webkit-gradient(linear, left top, right top, from(#faaca8), to(#ddd6f3));
background: linear-gradient(to right, #faaca8, #ddd6f3);
/* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.gradient-2 {
background: #11998e;
/* fallback for old browsers */
/* Chrome 10-25, Safari 5.1-6 */
background: -webkit-gradient(linear, left top, right top, from(#38ef7d), to(#11998e));
background: linear-gradient(to right, #38ef7d, #11998e);
/* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.gradient-3 {
background: #00b09b;
/* fallback for old browsers */
/* Chrome 10-25, Safari 5.1-6 */
background: -webkit-gradient(linear, left top, right top, from(#96c93d), to(#00b09b));
background: linear-gradient(to right, #96c93d, #00b09b);
/* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.cc-box {
border: 0.7px solid #ababab;
border-radius: 10px;
height: 100%;
}
.cc-box .cc-clr {
color: #7a7a7a;
}
.cc-box .cc-map iframe {
width: 100px;
height: 100%;
border-radius: 10px 0 0 10px;
border-right: 0.7px solid #ababab;
}
.cc-box .cc-details {
padding: 15px 10px 10px;
}
.cc-tab .nav-pills {
border-bottom: 0.7px solid #ababab;
padding-bottom: 12px;
}
.cc-tab .nav-pills .nav-link {
font-size: 18px;
color: #929292;
padding: 0.15rem 1.5rem;
}
.cc-tab .nav-pills .nav-link.active,
.cc-tab .nav-pills .show>.nav-link {
background-color: rgba(0, 143, 197, 0.17);
color: #008fc5;
border-radius: 20px;
font-size: 18px;
}
.n-base-icon svg {
height: 1em;
width: 1em;
}
.show-order-details {
cursor: pointer;
}
.order-details {
display: none;
}
.order-details-table tr:last-child td {
border: 0;
}
.order-details-table td {
font-size: 14px;
}
.order-details-table td:first-child {
color: #008fc5;
}
.no-border-table td {
border: 0;
}
.fields-with-icon.fwi2 select.form-select {
height: 45px;
font-size: 15px;
}
.contact-sec-2 {
background-image: url(../img/contact-img.png);
background-repeat: no-repeat;
background-position: 110% 100%;
background-size: contain;
}
@media (max-width: 768px) {
.contact-sec-2 {
background-image: none;
}
}
.fr-form {
background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(827.57%, #008fc5));
background: linear-gradient(180deg, #ffffff 0%, #008fc5 827.57%);
border: 0.5px solid #008fc5;
-webkit-box-shadow: 0px 5px 48px rgba(0, 0, 0, 0.1);
box-shadow: 0px 5px 48px rgba(0, 0, 0, 0.1);
border-radius: 10px;
}
.partner-details {
background-color: #f4fbff;
border: 0.5px solid #008fc5;
border-radius: 10px;
}
.o-line {
border-bottom: 1px solid #f58025;
}
.fg-1 {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.cart-box {
border-bottom: 1px solid #eee;
padding: 0 20px 15px;
margin-bottom: 15px;
}
.cart-box .item-remove a {
text-decoration: none;
color: #008fc5;
}
.cart-box img.card-p-img {
width: 60px;
}
.cart-box:last-of-type {
border: none;
margin: 0;
}
.cart-details-o {
display: block;
text-decoration: none;
padding: 20px 20px 20px;
}
.address-select {
position: absolute;
left: 10px;
right: 10px;
cursor: pointer;
opacity: 0;
bottom: 0;
top: 0;
}
.address-select:checked+div {
border: 1px solid #008fc5 !important;
}
.relative {
position: relative;
}
.tech-m-box {
border-radius: 10px;
padding: 25px 25px;
margin-bottom: 30px;
position: relative;
}
.tech-m-box div:first-child {
-webkit-box-flex: 0;
-ms-flex: 0 0 60%;
flex: 0 0 60%;
padding-right: 10px;
}
.tech-m-box div:last-child {
text-align: right;
}
.tech-m-box p {
color: #5c5c5c;
}
.tech-m-box ul {
padding-left: 20px;
margin: 0;
}
.tech-m-box ul li {
font-size: 16px;
color: #5c5c5c;
}
.tech-m-box.box-blue {
background: linear-gradient(99.52deg, #b0dcec -89.1%, rgba(255, 255, 255, 0) 79.57%, #c4f0ff 123.97%);
border: 0.5px solid #008FC5;
}
.tech-m-box.box-blue h3 {
color: #008fc5;
}
.tech-m-box.box-orange {
background: linear-gradient(99.52deg, #ff953a54 -89.1%, rgba(255, 255, 255, 0) 79.57%, #f582204d 123.97%);
border: 0.5px solid #f582208f;
}
.tech-m-box.box-orange h3 {
color: #f58220;
}
.tech-m-box.box-green {
background: linear-gradient(99.52deg, #9fa61757 -89.1%, rgba(255, 255, 255, 0) 79.57%, #9fa61759 123.97%);
border: 0.5px solid #f582208f;
}
.tech-m-box.box-green h3 {
color: #9fa617;
}
.tech-m-box.box-red {
background: linear-gradient(99.52deg, #d6050559 -89.1%, rgba(255, 255, 255, 0) 79.57%, #d6050538 123.97%);
border: 0.5px solid #f582208f;
}
.tech-m-box.box-red h3 {
color: #d60505;
}
.all-machines {
/* width */
direction: rtl;
/* Track */
/* Handle */
/* Handle on hover */
max-height: 200px;
overflow-y: auto;
margin-bottom: 40px;
}
.all-machines::-webkit-scrollbar {
width: 2px;
}
.all-machines::-webkit-scrollbar-track {
background: #888;
}
.all-machines::-webkit-scrollbar-thumb {
background: #008fc5;
}
.all-machines::-webkit-scrollbar-thumb:hover {
background: #008fc5;
}
.all-machines ul {
direction: ltr;
padding-left: 20px;
}
.all-machines ul li {
list-style-type: none;
margin-bottom: 10px;
font-size: 15px;
}
.sp-card {
margin-bottom: 30px;
}
.banner-points-box-sec {
position: relative;
bottom: 50px;
}
.banner-points-box-sec form {
border: 0.5px solid #016f97;
-webkit-box-shadow: 0px 0px 13px 10px rgba(1, 124, 169, 0.21);
box-shadow: 0px 0px 13px 10px rgba(1, 124, 169, 0.21);
background-color: #fff;
border-radius: 50px;
}
.banner-points-box-sec form .input-group {
border: 0;
}
.banner-points-box-sec form .input-group .input-group-text {
border: 0;
background-color: #fff;
padding: 0;
}
.banner-points-box-sec form .input-group .form-control {
border: 0;
padding: 0.375rem 12px;
border-right: 1px solid #d8d8d8;
border-radius: 0;
}
.banner-points-box-sec form .input-group .form-control:focus {
outline: 0;
-webkit-box-shadow: none;
box-shadow: none;
background-color: #f3f7fb;
}
.banner-points-box-sec form .input-group img {
width: 22px;
margin: 0;
}
.banner-points-box-sec form .form-control {
padding: 0.675rem 0.75rem;
}
.banner-points-box-sec form .form-group input {
background-color: #f8f9fa;
border-radius: 0;
}
.why-choose-sec {
margin-top: -60px;
}
.why-choose-sec .why-choose-cvr {
margin: 0 -10px;
}
.why-choose-sec .why-choose-cvr .why-card {
padding: 0 10px;
width: 20%;
}
.why-choose-sec .why-choose-cvr .why-card > div {
border: 0.642202px solid #cccccc;
-webkit-box-shadow: 0px 5px 25px rgba(0, 0, 0, 0.1);
box-shadow: 0px 5px 25px rgba(0, 0, 0, 0.1);
border-radius: 3.21101px;
padding: 50px 15px 40px;
height: 100%;
background-color: #fff;
transition: .3s;
}
.why-choose-sec .why-choose-cvr .why-card > div:hover {
transform: translateY(-3px);
}
.tabbed-sec .tabbed-slider {
background: linear-gradient(143.86deg, #ffffff 9.13%, #f0f7fc 104.06%);
}
.tabbed-sec ul {
padding-left: 20px;
margin-top: 20px;
}
.tabbed-sec ul li {
font-size: 16px;
color: #747474;
margin-bottom: 2px;
}
.tabbed-sec ul li a {
padding-left: 0;
}
.tabbed-sec .nav {
margin-right: 30px;
}
.tabbed-sec .nav-pills .nav-link.active,
.tabbed-sec .nav-pills .show>.nav-link {
background-color: #f3f7fb;
text-decoration: underline;
color: #0091c6;
font-weight: 500;
}
.tabbed-sec .nav-pills .nav-link {
color: #0091C6;
}
.meet-doctors-sec .nav-pills {
margin-bottom: 20px;
}
.meet-doctors-sec .nav-pills .nav-link.active,
.meet-doctors-sec .nav-pills .show>.nav-link {
background-color: #E0F1F8;
text-decoration: none;
color: #0091c6;
border-radius: 20px;
font-weight: 500;
padding: 5px 16px;
}
.meet-doctors-sec .nav-pills .nav-link {
color: #0091C6;
font-size: 16px;
padding: 5px 9px;
}
.meet-doctors-sec .meet-doctors {
margin: 0 -10px;
}
.meet-doctors-sec .meet-doctors button:hover {
background-color: #008fc5;
color: #fff;
}
.meet-doctors-sec .meet-doctors .meet-doctors-crd {
padding: 0 10px;
width: 20%;
}
.ph-box {
border: 1px solid #008fc5;
}
.heart-d-bg {
background: #e1eff5;
}
.heart-d-bg {
color: #5c5c5c;
font-weight: 400;
}
.clr747474 {
color: #747474;
}
.tabbed-slider * {
color: #747474;
}
.bg-blue{
background: #F2F9FC;
}
.light-black{
color: #1B1B1B;
}
.banner-points-box-sec{
bottom: 37px ;
display: initial;
}
.absolute{
display: absolute;
}
.bbg-wt:hover{
background: #008FC5;
}
.bbg-wt:hover h4{
color: white!important;
}
.text-grey{
color: rgb(194, 187, 187) !important;
}
.no-un{
text-decoration: none;
}
/*# sourceMappingURL=custom.css.map */
/* new css */
body{
overflow-x: hidden;
}
.our-specialist-slider a {
text-decoration: none;
margin-right: 15px;
}
.our-specialist-slider h4 {
font-weight: 400;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
font-size: 14px;
height: auto !important;
color: #5c5c5c;
}
.heart-d-bg img {
margin-bottom: 10px;
}
input::placeholder {
color: #5c5c5c !important;
}
.search-doctor-input-h {
margin-right: 20px;
}
#hospital {
background: linear-gradient(181deg, rgba(0, 145, 198, 0.05) 75%, white 25%);
}
#hospital .hospitals_box h3, #testimonial .hospitals_box h3, #blogs .hospitals_box h3 {
margin-bottom: 3px;
}
.body_c img {
display: inline-block;
margin-left: -4px;
margin-bottom: 3px;
}
.awards_box h3 {
text-align: left;
}
.awards_box .bg-white.border.p-2 {
border-radius: 0 0px 4px 4px;
border-color: #b0b0b0 !important;
border:none !important;
}
.awards_box img {
/*height: 200px;*/
object-fit: cover;
border-radius: 4px 4px 0 0px;
}
.awards_box h3 {
text-align: left;
line-height: 20px;
font-size: 16px;
font-weight: 400;
color: #5c5c5c !important;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
transition: .3s;
}
.radius-full-column:before {
position: absolute;
top: 0;
left: -500%;
width: 500%;
height: 100%;
background: #f2f9fc;
content: "";
border-radius: 0 0 0px 0;
z-index: -1;
}
.radius-full-column {
position: relative;
}
.preventive-health-checkup .bgBlueLight{
text-decoration: none;
}
.preventive-health-checkup .bgBlueDark {
border-radius: 3px 0 0 3px;
min-width: 50px;
width: 50px;
}
.preventive-health-checkup p.clrBlueDark {
transition: .3s;
}
.ph-box:hover {
box-shadow: 0 0 10px #008fc54d;
transition: .3s;
}
.blog-section .border.sp-card {
border-color: #CBCBCB !important;
}
.blog-section h4 {
font-weight: 500;
color: #545454;
}
.blog-title-sm {
margin-top: 9px;
color: #737373 !important;
}
.blogs-slider a.text-black {
color: #5c5c5c !important;
font-weight: 500 !important;
}
.blogs-slider p.clrGrey.f-10.mb-1.mt-2 {
color: #939393 !important;
}
.font-w-b {
font-weight: bold;
}
.tabbed-slider .d-flex {
padding: 40px !important;
background-image: url(../img/mash.svg);
background-position: left top;
background-repeat: no-repeat;
border-color: #C5D7DE !important;
}
.world-technology-tab a {
margin-bottom: 0px !important;
cursor: pointer;
}
.testimonial-item.item img {
padding: 5px;
box-shadow: 0 4px 4px 2px #0000000d;
border-radius: 50%;
width: 125px;
height: 125px;
object-position: top;
object-fit: cover;
}
#experts a.clrBlueDark3.fs-10 {
font-size: 14px !important;
font-weight: 500;
margin: 0px 0 0px 0;
display: inline-block;
color: #0091C6;
}
button.slick-prev.slick-arrow {
background: #E6E6E6;
}
button.slick-prev.slick-arrow::before {
font-size: 13px;
content: url(../img/slide-left.svg);
filter: invert(1) brightness(0.1);
}
footer h4 {
font-size: 18px !important;
color: #5C5C5C !important;
font-weight: 500 !important;
}
.footer-social a {
color: #5c5c5c !important;
font-size: 20px;
line-height: 20px;
transition: .3s;
}
.footer-social a:hover {
transform: translateY(-3px);
}
.footer-contact * {
font-weight: 500;
}
.hospitals_box {
position: relative;
}
.bg-white{
background: #fff !important;
}
.our-network-lefttab i {
color: #FFBE04;
}
.our-network-box-wrapper .hospitals_box.hover-show-box {
position: absolute;
top: 0;
left: 0;
width: 100%;
opacity: 0;
box-shadow: 0 0 12px #00000018;
}
.our-network-box-wrapper:hover .hospitals_box.hover-show-box{
opacity: 1;
}
.hover-show-box > img {
height: 100%;
object-fit: cover;
}
.hover-show-box .body_c {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: auto;
}
.hospitals_box.hover-show-box:before {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(180deg, rgba(0, 143, 197, 0) 0.04%, rgba(0, 143, 197, 0.206504) 0.77%, rgba(0, 143, 197, 0.343296) 42.59%, rgba(0, 143, 197, 0.559141) 51.17%, rgba(0, 143, 197, 0.734636) 54.85%, rgba(0, 143, 197, 0.86) 60.42%);
content: "";
}
.our-network-box-wrapper .hospitals_box {
position: relative;
transition: .3s;
height: 260px;
}
.hover-show-box h3 {
font-size: 18px !important;
color: #fff !important;
line-height: 24px !important;
}
.hover-show-box p {
color: #fff !important;
font-size: 14px !important;
line-height: 16px !important;
}
.border {
border: 1px solid #E3E3E3!important;
}
.bg-blue-left-full:before {
position: absolute;
top: 0;
width: 1000%;
height: 100%;
background: #008fc5;
left: -1000%;
content: "";
}
.star {
background: radial-gradient(150.74% 158.7% at 9.12% 128.52%, #FFC200 35%, #FFBD07 51%, #FFAF19 72%, #FF9737 98%, #FF953A 100%);
font-size: 12px;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
position: relative;
top: -2px;
}
.full-light-blue-left::before{
position: absolute;
top: 0;
width: 1000%;
height: 100%;
background: #EDF7FB;
left: -1000%;
content: "";
}
.technology-single-H .radius-full-column:before {
position: absolute;
top: 0;
left: -1880%;
width: 2000%;
height: 113%;
background: #f2f9fc;
content: "";
border-radius: 0 0 50px 0;
z-index: -1;
}
.specialities-slider-sh .procedure_box:hover img {
filter: invert(1) brightness(90.5);
}
.specialities-slider-sh .procedure_box .card_header img {
width: 50px;
height: 50px;
margin-right: 10px;
}
.technology-single-H i {
position: static;
margin-top: 5px;
}
.technology-single-H a {
color: #5c5c5c;
font-size: 12px;
font-weight: 500;
text-decoration: none;
}
#Technology.technology-single-H .testimonial-item p {
font-weight: 400;
font-size: 12px;
line-height: 17px;
color: #484848;
display: -webkit-box;
-webkit-line-clamp: 6;
-webkit-box-orient: vertical;
overflow: hidden;
}
.patients-testimonial-sd .hospitals_box {
border-radius: 0 !important;
border-color: #ABABAB !important;
}
.patients-testimonial-sd .body_c {
background-color: #F8FDFF;
}
.text-xl-light {
color: #B6B6B6 !important;
}
.non-book-appointment button {
background: #e6e6e6;
font-size: 11px !important;
font-weight: 500;
}
.hospital-main-sec .arrow {
bottom: 14px;
font-size: 14px;
}
.filters-doctors {
background: #F6F8FC;
padding: 6px 10px;
border: 1px solid #E4EAF8;
border-radius: 5px;
}
.filter-search input {
width: 160px;
}
.filter-search {
border-left: 1px solid #ccc;
padding-left: 20px;
}
.sidebar-input {
height: auto;
background: #F6F8FC !important;
padding: 7px 40px 7px 12px;
width: 100%;
border: 1px solid #E4EAF8 !important;
border-radius: 5px !important;
color: #5c5c5c;
}
.search-hospital svg {
position: absolute;
top: 11px;
right: 11px;
}
.filters-doctors-main path {
fill: #B5B5B5;
}
.filters-doctors-main input::placeholder {
color:#5c5c5c !important;
}
.tech-m-box h3 {
font-size: 22px;
margin-bottom: 7px;
}
.w-40{
width: 40%;
}
.form-check input {
margin-top: 6px;
}
.tech-m-box:after {
width: 100%;
position: absolute;
top: 0;
height: 100%;
content: "";
background-image: url(../img/mash--bg.svg) !important;
left: 0;
background-size: 100% 100%;
z-index: -1;
}
.page-link {
margin: 0px 6px 0 0px;
border-radius: 2px !important;
color: #5c5c5c;
font-size: 14px;
}
.page-link:hover {
color: #008fc5;
}
.page-item.active .page-link {
background-color: #008FC5;
border-color: #008FC5;
}
a:focus, button:focus, .form-control:focus{
outline: none !important;
box-shadow: none !important;
}
.page-number {
width: 50px;
height: 35px;
}
.elipse-pagination {
border-color: transparent;
color: #c5c3c3;
}
.blog-main-sec .rounded-3 {
border-radius: 10px !important;
transition: .3s;
}
.blog-main-sec .h-100.rounded-3:hover {
border-color: #008FC5 !important;
}
.blog-main-sec .rounded-3 > img {
height: 230px;
object-fit: cover;
object-position: center;
border-radius: 10px 10px 0 0;
}
.blog-main-sec .blog-link-text:hover {
color: #008fc5;
}
.rounded-pill {
background: #E0F1F8;
font-weight: 400;
}
.blog-link-text {
text-decoration: none;
margin-top: 8px;
display: inline-block;
}
/*.blog-link-text:hover {
text-decoration: underline;
color: #5c5c5c;
}*/
.breadcrumb-blog .filters .searchBar {
border-left: 1px solid #D0D0D0;
padding-left: 18px;
}
.quick-contact-c-box {
border-radius: 5px;
background: #E1EFF8;
padding: 15px;
height: 90px;
display: flex;
align-items: center;
width: 100%;
justify-content: center;
text-align: center;
}
.quick-contact-c-box img {
margin-right: 10px;
width: 26px;
}
ul.contact-form-pills .nav-link.active, ul.contact-form-pills .show > .nav-link {
color: #fff;
background-color: #008FC5;
}
ul.contact-form-pills .nav-link {
display: block;
padding: 5px 32px;
color: #0d6efd;
text-decoration: none;
transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out;
background: #F6F6F6;
font-size: 15px;
color: #5C5C5C;
}
.contact-main-sec .form-control {
border-radius: 5px;
height: 38px;
color: #5c5c5c !important;
}
.contact-main-sec .form-control::placeholder {
color:#5c5c5c !important;
}
.contact-main-sec textarea.form-control {
height: 80px;
resize: none;
}
.contact-main-sec [type="submit"] {
border-radius: 5px;
background: #008FC5;
border: none;
color: #fff;
padding: 7px 40px;
font-size: 18px;
font-weight: 500;
}
.single-b-large-img .rounded-3 {
border-radius: 10px !important;
}
.default-box > img {
height: 150px;
object-fit: cover;
}
.network-row-single-s .default-box > img {
height: 135px;
width: 100%;
object-fit: cover;
}
.swiper-pagination {
margin-top: 30px;
}
#Technology.technology-single-s .testimonial-item {
padding: 20px 20px 11px;
}
.text-black {
color: #5c5c5c !important;
}
.top-header {
background-color: #5C5C5C;
padding: 5px 0;
}
.top-header-btn {
background-color: transparent;
letter-spacing: .3px;
}
.f-17 {
font-size: 17px !important;
}
.no-hover-shadow:hover{
box-shadow: none !important;
}
nav.navbar .navbar-nav .nav-link {
padding-right: 0px;
padding-left: 30px;
color: #5C5C5C;
font-size: 15px;
padding-top: 0;
padding-bottom: 0;
line-height: 60px;
}
nav.navbar .navbar-nav .nav-link:hover {
color: #0091C6;
}
.navbar-nav li:last-child a.nav-link, .header-bottom ul li:last-child a.nav-link{
padding-right: 0;
}
nav {
-webkit-box-shadow: none;
box-shadow: none;
}
.header-bottom {
background-color: #0091c6;
padding: 3px 0;
}
.header-bottom a.nav-link {
color: #fff;
font-size: 16px;
}
.appointment-listing-left {
border-top: 1px solid #5C5C5C;
padding-top: 15px !important;
margin-top: 20px !important;
}
.dr-profile-left{
padding: 5px;
box-shadow: 0 4px 4px 2px #0000000d;
border-radius: 50%;
width: 103px;
height: 103px;
object-fit: cover;
object-position: top;
}
.btn-back {
border: 1px solid #008FC5;
padding: 4px 15px;
color: #008FC5;
display: inline-block;
transition: .3s;
}
.btn-back:hover {
background-color: #008FC5;
color: #fff;
}
.button {
margin: 0;
position: relative;
width: 100%;
padding: 19px;
}
.button label,
.button input {
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.button input[type="radio"] {
opacity: 0.011;
z-index:0;
cursor: pointer;
}
.button input[type="radio"]:checked + label {
background: #008fc5;
border-radius:3px;
color: #fff;
border-color: #008fc5;
}
.hidden-button label {
background-color: #F4F4F4 !important;
border-color: #F4F4F4 !important;
color: #E7E7E7 !important;
}
.hidden-button input {
cursor: no-drop !important;
}
.button label {
font-size: 14px;
color: #5c5c5c;
z-index: 1;
line-height: 26px !important;
border: 1px solid #7C7C7C;
margin-top: 0 !important;
}
.appointment-sec .contact-form-pills li.nav-item {
width: 32%;
text-align: center;
}
.appointment-sec ul.contact-form-pills .nav-link {
display: block;
padding: 9px 32px;
color: #5c5c5c;
text-decoration: none;
transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out;
background: #fff;
font-size: 14px;
color: #5c5c5c;
border: 1px solid #7C7C7C;
}
.appointment-sec ul.contact-form-pills .nav-link.active {
background: #008FC5;
color: #fff;
border-color: #008FC5;
}
.payment-border-box {
border-radius: 3px;
}
.payment-border-box p {
color: #5c5c5c;
margin-top: 2px;
}
.payment-border-box h4 {
color: #5c5c5c;
}
.payment-btn{
border-radius: 3px;
background: #008FC5;
margin-top: 20px;
font-size: 18px;
padding: 8px;
}
.payment-btn i {
font-size: 14px;
}
.payment-option-wrapper {
border-top: 1px solid #D0D1D3;
margin-top: 9px;
padding-top: 18px;
}
.appointment-sec h4, .appointment-content-right p {
color: #5C5C5C !important;
}
.select-time-available {
border-top: 1px solid #ccc;
padding-top: 13px;
}
.appointment-sec .border {
border: 1px solid #878787!important;
border-radius: 5px;
}
.select-with-down-angle {
border: 1px solid #7C7C7C;
padding: 8px 15px;
color: #5c5c5c;
background: url(../img/select-dropdown.svg) no-repeat 99% center;
}
.ms-page-dropdown{
background: url(../img/select-dropdown.svg) #fff no-repeat 95% center;
}
.hospital-sm-img {
width: 11px;
min-width: 11px;
}
.single-blog-dr-img img {
padding: 4px;
box-shadow: 0 4px 4px 2px #0000000d;
border-radius: 50%;
width: 60px;
height: 60px;
object-fit: cover;
object-position: top;
}
.mt-15 {
margin-top: 15px;
}
.border-top-0 {
border-top: none !important;
}
.border-start-0 {
border-left: none !important;
}
.border-end-0 {
border-right: none !important;
}
.awards-slider-home h3 {
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
height: auto !important;
}
.award-master img {
border-radius: 4px 4px 0 0;
}
.suggestion-box-wrapper {
position: absolute;
top: 151%;
left: 25px;
width: 90.6%;
background: #fff;
padding:0 5px;
border: 1px solid #008fc5;
border-radius: 0 0 10px 10px !important;
border-top: none;
z-index: 9;
}
.suggestion-inner-content::-webkit-scrollbar {
width: 5px;
}
.suggestion-inner-content::-webkit-scrollbar-track {
box-shadow: none;
border-radius: 10px;
background: #f5f5f5;
}
.suggestion-inner-content::-webkit-scrollbar-thumb {
background: #d9d9d9;
border-radius: 20px;
}
.suggestion-listing {
list-style: none;
padding: 0 !important;
margin: 0 !important;
}
.suggestion-listing li {
border-bottom: 1px solid #d9d9d9;
padding: 12px 0px;
font-size: 15px !important;
cursor: pointer;
white-space: nowrap;
transition: .3s;
position: relative;
overflow-x: hidden;
margin-bottom: 0 !important;
}
.apply-specialties-box .btn {
background-color: #008fc5;
padding: 3px 15px;
border: none;
display: inline-block;
margin: 15px 0 20px 8px;
font-weight: 500;
font-size: 15px;
}
.suggestion-inner-content .suggestion-box:first-child h6 {
margin-top: 0;
}
.suggestion-total-count {
margin-top: 0px;
margin-bottom: 0 !important;
font-weight: 500;
}
.location-suggestion-box .suggestion-box-wrapper {
width: 100%;
}
.suggestion-search-box input:focus {
background: #fff !important;
}
.bg-testimonial {
background-color: #F6F8FC;
}
.no-bg {
background-color: transparent;
}
.bg-testimonial select {
width: 200px;
}
.testimonial-search-column {
border-right: 1px solid #D0D0D0;
}
.testimonial-section .hospitals_box {
border-radius: 10px !important;
}
.testimonial-section .hospitals_box img {
border-radius: 10px 10px 0 0;
}
.testimonial-section .hospitals_box:hover {
box-shadow: 0 0 13px 3px #00000011;
}
.privacy-section p {
margin-bottom: 12px !important;
}
.side_c_c p {
margin-left: 95px;
}
.privacy-section a{
color: #484848;
}
.login-box {
max-width: 485px;
margin-left: auto;
margin-right: auto;
border: 1px solid #D9D9D9;
border-radius: 2.5px
}
.otp-number-box input{
width: 50px;
height: 50px;
border-radius: 5px;
margin: 0 4px;
border: 1px solid #C0C0C0;
text-align: center;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
outline: none !important;
}
.login-box-header {
padding: 20px 0px;
border-bottom: 1px solid #D9D9D9;
}
.login-form-content {
max-width: 75%;
margin: auto;
padding: 30px 0 30px;
}
.login-box input[type="submit"] {
width: 100%;
background: #008FC5;
border: none;
border-radius: 6px;
font-size: 18px;
color: #fff;
font-weight: 500;
padding: 8px 10px;
transition: .3s;
margin-left: auto !important;
margin-right: auto !important;
display: block;
}
.login-box input[type="submit"]:hover {
box-shadow: 0px 2px 4px -1px rgb(0 0 0 / 20%), 0px 4px 5px 0px rgb(0 0 0 / 14%), 0px 1px 10px 0px rgb(0 0 0 / 12%) !important;
transition: .3s
}
.resend-otp {
color: #C0C0C0;
}
.login_mobile_field {
border-color: #C0C0C0 !important;
padding: 10px;
border-radius: 5px;
}
.form-control::placeholder {
color:#5c5c5c !important;
}
.login-profile-img {
padding: 5px;
box-shadow: 0 4px 4px 2px #0000000d;
border-radius: 50%;
width: 100px;
height: 100px;
object-fit: cover;
object-position: top;
}
.clr5c {
color: #5C5C5C;
}
.clr8e {
color: #5c5c5c;
}
.thank-you-box.text-center {
max-width: 520px;
margin: auto;
}
.input-border-box {
font-size: 14px;
color: #5c5c5c;
line-height: 26px;
border: 1px solid #7C7C7C;
padding: 6px 12px;
border-radius: 2.5px;
display: flex;
align-items: center;
position: relative;
}
.input-border-box label {
padding-left: 10px;
}
.register-form-wrapper .form-control {
font-size: 16px;
color: #5c5c5c;
line-height: 26px !important;
border: 1px solid #7C7C7C;
padding: 6px 12px;
border-radius: 2.5px;
}
.register-form-wrapper .form-control::placeholder {
color: #5c5c5c!important;
}
.login-box input::-webkit-inner-spin-button,
.login-box input::-webkit-outer-spin-button{
-webkit-appearance:none;
}
.login-box input[type="number"]{
-moz-appearance:textfield;
}
.patient-content-detail {
transition: .3s;
background-color: #008FC5;
color: #fff;
border-radius: 5px;
}
.patient-content-detail:hover {
transition: .3s;
background-color: #008FC5;
color: #fff;
border-radius: 5px;
}
.patient-content-detail h4, .patient-content-detail p {
color: #fff !important;
}
.patient-content-detail:hover {
box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12) !important;
}
.add-new-variant-btn:hover {
border-color: #008fc5;
}
.add-new-variant-btn {
border: 1px solid #7C7C7C;
padding: 10px 50px;
text-decoration: none;
color: #5c5c5c;
border-radius: 2.5px;
font-size: 16px;
display: inline-block;
margin: 10px 0;
}
.default-box > img {
height: 155px;
object-fit: cover;
width: 100%;
}
.default-box h3 {
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
height: auto !important;
}
.hover-show-box h3{
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
height: auto !important;
}
.filter-bar .form-control {
border-radius: 50px;
border: 1px solid #5c5c5c !important;
padding: 1px 22px 1px 18px;
color: #5c5c5c;
cursor: pointer;
font-size: 15px;
background-position: 91% center;
}
.filter-bar li:first-child span {
background-color: #F3F3F3;
padding: 4px 20px;
display: inline-block;
font-size: 15px;
border-radius: 50px;
color: #5C5C5C;
}
.filter-bar li {
margin-right: 30px;
}
.filter-bar li i.fa-solid.fa-sliders {
transform: rotate(272deg);
font-size: 11px;
position: relative;
top: -1px;
}
.filter-show-img img {
padding: 7px;
box-shadow: 0 4px 4px 2px #0000000d;
border-radius: 50%;
width: 120px;
height: 120px;
object-fit: cover;
object-position: top;
}
.results-show-box {
border: 1px solid #E3E3E3;
border-radius: 5px;
padding: 20px;
transition: .3s;
}
.results-show-box:hover {
border: 1px solid #008fc5;
}
.make-appointment-btn {
font-weight: 500;
font-size: 16px;
line-height: 20px;
color: #fff;
border: 0.5px solid #008FC5;
border-radius: 4px;
text-align: center;
display: inline-block;
width: auto;
padding: 8px 30px;
background-color: #008FC5;
}
.make-appointment-btn:hover {
color: #008FC5;
background-color: transparent;
}
.filter-show-result-hr {
margin: 10px 0;
background: #d0d1d387;
opacity: 1;
}
.filter-location-text li {
color: #5c5c5c;
font-size: 16px;
}
.filter-location-text {
padding-left: 20px;
}
.appointment-btn-desktop-p {
margin-top: -20px;
}
.searchBar input {
padding-right: 45px;
}
.doctorSearchBtn {
position: absolute;
top: 0;
right: 0;
border: none;
background: transparent;
}
.testimonial-home-sec {
overflow-x: hidden;
}
.technology-single-H .radius-full-column{
overflow:hidden;
}
.contat-us-header-radio .button label {
font-size: 15px;
color: #5c5c5c;
z-index: 1;
line-height: 36px !important;
border: none;
text-align: center;
border-radius: 5px;
background-color: #F6F6F6;
}
.contat-us-header-radio .button {
margin: 0;
position: relative;
width: 23%;
padding: 19px;
}
/*slider css*/
.carousel-award-single .carousel-indicators button img {
height: 100%;
object-fit: cover;
border-radius: 4px;
background: #fff;
padding: 1px;
border: 1px solid #b8b8b8;
}
.carousel-award-single .carousel-control-next, .carousel-control-prev {
position: absolute;
top: 50%;
bottom: auto;
display: block;
align-items: center;
justify-content: center;
width: auto;
opacity: 1;
height: auto !important;
transform: translateY(-50%);
}
.carousel-award-single .carousel-indicators button {
height: 70px !important;
width: 70px !important;
opacity: 0.8 !important;
border: none;
display: block;
margin-bottom: 5px;
}
.carousel-award-single button:hover, .carousel-award-single button:focus {
box-shadow: none !important;
opacity: 1 !important;
}
.carousel-award-single .carousel-indicators {
position: absolute;
justify-content: flex-start;
margin: 0;
padding: 0;
flex-wrap: wrap;
display: block;
left: -100px;
top: 0;
width: 70px;
}
.single-page-slider .col:first-child {
width: 100px;
flex: none;
}
.carousel-award-single .carousel-item img {
height: 350px;
object-fit: cover;
object-position: top;
}
.sarvodaya-csr-filter select {
width: auto;
}
.sarvodaya-csr-filter select {
width: auto;
padding: 0px 20px 0 4px;
margin-left:5px;
text-align: center;
}
.clr87 {
color: #878787;
}
.sarvodhya-csr-sec .hospitals_box img {
height: 165px;
object-fit: cover;
width: 100%;
}
.text-3-line {
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
height: auto !important;
}
.text-2-line{
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
height: auto !important;
}
#hospital.sarvodhya-csr-sec .hospitals_box p {
font-size: 12px;
line-height: 16px;
}
.clrAf{
color: #6F6F6F;
}
.clrAe{
color: #AEAEAE;
}
.sarvodhya-csr-sec .clrAe {
color: #AEAEAE !important;
font-size: 10px !important;
}
#hospital.sarvodhya-csr-sec .hospitals_box .body_c{
padding: 10px 15px 17px;
}
.events-content-box {
padding: 10px 0 10px 0px;
border-bottom: 1px solid #D8D8D8;
margin-bottom: 20px;
}
.award-master .hospitals_box h3 {
transition: .3s;
}
.award-master .hospitals_box:hover h3 {
color: #0091c6 !important;
}
.events-content-box i {
position: absolute;
bottom: 0;
right: 0;
z-index: 9;
}
.events-content-box span {
font-weight: 400;
}
.career-form-wrapper {
background-color: #E1EFF8;
padding: 10px 15px;
border-radius: 10px;
}
.career-form-wrapper .form-control {
border: none;
font-size: 14px;
padding: 10px 15px;
}
.career-apply-btns .btn {
background: #EDEDED;
display: inline-block;
padding: 9px 30px;
font-size: 14px;
font-weight: 500;
color: #5c5c5c;
transition: .3s;
}
.content-meta-apply {
padding-left: 16px;
font-size: 14px;
color: #888888;
}
.career-apply-btns .btn:last-child {
background-color: #008FC5;
color: #fff;
}
.apply-postion-list {
color: #C1C1C1;
font-size: 12px;
}
.apply-postion-list li {
float: left;
margin-right: 30px;
display: flex;
align-items: center;
margin-bottom: 10px;
}
.apply-postion-list img {
margin-right: 10px;
}
.career-apply-box {
margin-bottom: 30px;
padding-bottom: 30px;
border-bottom: 1px solid #C8C8C8;
}
.career-form-wrapper input[type=submit] {
background: #008fc5;
color: #fff;
font-weight: 500;
}
.sidebar-form-box {
background-color: #E1EFF8;
padding: 25px 20px 30px;
border-radius: 10px;
}
.sidebar-form-box input[type=submit] {
background-color: #008FC5;
border: none;
padding: 10px;
border-radius: 5px;
transition: .3s;
}
.career-apply-btns .btn:hover, .btn-apply:hover {
box-shadow: 0 4px 4px #0000001f;
}
.form-control {
padding: 9px 15px;
}
.content-meta-apply li {
margin-bottom: 5px;
}
.career-tags-listing li {
background-color: #008fc51c;
display: inline-block;
color: #008FC5;
padding: 2px 18px;
border-radius: 50px;
font-size: 12px;
margin-right: 10px;
font-weight: 500;
}
.btn-apply {
background-color: #008FC5;
color: #fff;
font-size: 12px;
font-weight: 500;
padding: 8px 30px;
transition: .3s;
}
.btn-apply {
background-color: #008FC5;
color: #fff;
font-size: 12px;
font-weight: 500;
padding: 8px 30px;
transition: .3s;
}
.btn-apply:hover {
background-color: #008FC5;
color: #fff;
}
.chairmen-message img {
padding: 10px;
box-shadow: 0 4px 4px 2px #0000000d;
border-radius: 50%;
width: 160px;
height: 160px;
object-fit: cover;
min-width: 160px;
}
.chairmen-message img {
padding: 10px;
box-shadow: 0 4px 4px 2px #0000000d;
border-radius: 50%;
width: 160px;
height: 160px;
object-fit: cover;
min-width: 160px;
}
.clr48{
color: #484848;
}
.our-team-box img {
padding: 3px;
box-shadow: 0 4px 4px 2px #0000000d;
width: 180px;
}
.our-team-box h4 {
color: #717171;
}
.clrAc {
color: #ACACAC;
}
.our-team-box {
border: 1px solid #B6B6B6;
border-radius: 7px;
padding: 12px 20px 15px;
transition: .3s;
height: 100%;
}
.our-team-box:hover {
border-color: #008FC5;
box-shadow: 0 0 13px 3px #00000011;
}
.mt1px {
margin-top: 1px;
}
.our-milestone-listing {
margin-left: 90px;
padding-left: 25px;
}
.our-milestone-listing li {
margin-bottom: 10px;
font-size: 15px;
color: #717171;
position: relative;
}
.our-milestone-listing strong {
position: absolute;
left: -83px;
top: -4px;
}
.our-milestone-listing li:before {
width: 11px;
height: 11px;
background: #FF9737;
content: "";
position: absolute;
top: 0px;
left: -31px;
border-radius: 50px;
border: 3px solid #008FC5;
}
.our-milestone-listing strong:before {
position: absolute;
top: 8px;
left: -30px;
width: 0;
height: 0;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-bottom: 6px solid #979797;
content: "";
}
.our-milestone-listing li:last-child {
margin-bottom: 0;
}
.our-milestone-listing li:last-child:before {
top: 1px;
}
.our-milestone-listing li span {
position: relative;
top: -5px;
}
.our-milestone-listing:before {
position: absolute;
top: 0;
content: "";
height: 98%;
border-left: 1px solid #008FC5;
left: -1px;
width: 100%;
}
.php-content-box p {
max-width: 150px;
color: #5c5c5c;
font-size: 15px;
padding-left: 10px;
}
.php-content-box {
border: 1px solid #979797;
border-radius: 5px;
padding: 14px 9px;
transition: .3s;
height: 100%;
}
.php-content-box .fa-arrow-right {
width: 20px;
height: 20px;
font-size: 10px;
background: #EFEFEF;
border-radius: 50px;
color: #5C5C5C;
text-align: center;
line-height: 21px;
margin-left: auto;
}
.php-content-box img {
min-width: 47px;
height: 47px;
object-fit: contain;
}
.php-content-box:hover {
border-color: #008FC5;
box-shadow: 0 4px 18px #008fc515;
}
.php-content-box:hover img{
opacity: 1 !important;
filter: invert(1) brightness(11);
}
.php-content-box:hover p, .php-content-box:hover i {
color: #008FC5;
}
.modal-php .modal-dialog {
max-width: 595px;
box-shadow: 0 0 44px #00000025;
margin: auto;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%) !important;
width: 100%;
}
.modal-php .btn-close {
font-size: 12px;
}
.modal-php .btn-close:hover {
box-shadow: none !important;
}
.modal-php .modal-content {
border-radius: 5px;
border: 1px solid #008FC5;
}
.modal-php .modal-backdrop.show {
opacity: 0;
}
.modal-php .modal-body {
padding: 10px 30px 25px;
}
.appointment-btn-orange {
background-color: #F58220;
color: #fff;
/*font-size: 10px;*/
font-weight: 500;
border-radius: 3px;
/*padding: 10px 30px;*/
transition: .3s;
}
.appointment-btn-orange:hover {
box-shadow: 0 2px 5px #0000004f;
color: #fff;
}
.php-popup-listing li {
font-size: 12px;
color: #696969;
margin-bottom: 6px;
position: relative;
padding-left: 18px;
}
.php-popup-listing li:before {
position: absolute;
top: 0;
left: 0;
content: url(../img/double-angle-arrow.html);
}
body .modal-backdrop.show {
opacity: 0.7;
background-color: #000 !important;
z-index: 9999;
}
.academic-page-sec p, .academic-page-sec a {
color: #5c5c5c;
text-decoration: none;
}
body .academic-tab-pills .nav-link {
padding: 15px 40px;
background-color: #EAEAEA;
font-size: 18px;
color: #5c5c5c;
margin-right: 40px;
border-radius: 5px;
}
body .academic-tab-pills .nav-link.active {
background-color: #E1EFF8;
color: #008FC5;
font-weight: 500;
}
.custom-card-header{
background: #008FC5;
border-radius: 15px 15px 0px 0px;
color: #fff;
font-weight: 500;
font-size: 18px;
line-height: 23px;
padding: 15px;
}
.row-yearly-border {
padding: 10px 0 10px;
border-bottom: 1px solid #737373;
}
body .envionment-tabs .nav-link {
padding: 15px 110px;
}
.header-fixed {
background-color: #fff;
position: fixed;
top: 0;
width: 100%;
transition: .3s;
border-bottom: 1px solid #ccc6;
/* transform: translateY(-77px);*/
z-index: 9999;
}
@keyframes headerFadeUp{
0%{
transform: translateY(-100px);
opacity: 0;
}
100%{
transform: translateY(0px);
opacity: 1;
}
}
.header-fixed nav.navbar .navbar-nav .nav-link {
color: #008FC5;
}
.header-search-icon {
min-width: 20px;
margin-right: 20px;
}
.navbar-nav {
align-items: center;
}
.book-appointment-btn {
background-color: #F58220;
color: #fff;
font-size: 14px;
font-weight: 500;
border-radius: 3px;
padding: 7px 13px;
transition: .3s;
text-decoration: none;
}
.book-appointment-btn:hover {
background-color: #008fc5;
color: #fff;
}
.dropdown:hover .dropdown-menu {
display: block;
opacity: 1;
top: 100%;
}
.header-fixed .navbar-brand{
position: relative;
}
.search-overlay-wrapper {
position: absolute;
top: 47px;
right: 0px;
width: 100%;
z-index: 9;
height: auto;
min-width: 500px;
transform: translateX(100%);
visibility: hidden;
opacity: 0;
transition: .5s;
}
.overlay-searchbar-content i {
cursor: pointer;
}
.overlay-searchbar-content {
position: absolute;
top: 0px;
right: 0px;
padding-right: 18px;
}
.show-search {
transform: translateX(0);
visibility: visible;
opacity: 1;
transition: .5s;
}
/*.close-search-btn {
width: auto;
height: auto;
min-width: 25px;
border: none;
border-radius: 50%;
position: absolute;
top: 18px;
right: 8px;
line-height: 21px;
background: #fff;
}*/
.close-search-btn:hover {
box-shadow: none !important;
}
.search-overlay-box input {
height: 55px;
padding-right: 40px;
}
.full-menu .dropdown-menu {
width: 100%;
left: 0;
border: none;
border-radius: 0;
display: block;
opacity: 0;
visibility: hidden;
transform: scaleY(0);
transition: .3s;
border-bottom: 1px solid #cccccc52;
top: 100%;
-webkit-transform-origin: center top 0;
-ms-transform-origin: center top 0;
transform-origin: center top 0;
box-shadow:0 10px 10px #0000001f;
padding: 20px 10px !important;
margin-top: 0 !important;
}
nav.navbar{
padding: 0;
}
.full-menu .dropdown-menu li {
max-width: 1200px;
margin: auto;
}
.full-menu:hover .dropdown-menu {
opacity: 1;
visibility: visible;
transform: scaleY(1);
}
.text-underline {
text-decoration: underline;
}
.expert-opinion-btn {
background-color: #0091C6;
border: 1px solid #3B839E;
}
.sarvodaya-content-box {
background-color: #EDF7FB;
padding: 15px;
border-radius: 6px;
border: 1px solid #c7c7c74f;
transition: .3s;
height: 100%;
}
.sarvodaya-content-box:hover {
border: 1px solid #008FC5;
}
.sarvodaya-content-box p {
line-height: 20px;
text-align: justify;
}
.text-primary {
color: #008FC5 !important;
}
.service-icon-box {
width: 47px;
height: 47px;
min-width: 47px;
border-radius: 50%;
background: #DCF0F9;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
transition: .3s;
}
.services-box:hover {
background-color: #dcf0f98c;
}
.services-box {
background-color: #F5FBFD;
border-radius: 6px;
padding: 20px 15px;
height: 100%;
}
.patient-testimonial-slider .slick-prev, .patient-testimonial-sliderr .slick-next {
bottom: -20px;
}
.patient-testimonial-slider {
margin-right: -.5rem!important;
margin-left: -.5rem!important;
}
.our-specialist-slider img {
min-width: 39px;
}
.awards_box {
border: 1px solid #b0b0b0;
border-radius: 5px;
transition: .3s;
}
.awards_box:hover {
border-color: #008FC5;
}
.rare-cases-slider .bg-blue:hover {
background: #dcf0f99e !important;
}
#datepicker{
height: 0;
visibility: 0;
opacity: 0;
}
.master-speciality-page img {
min-width: 54px;
width: 54px;
height: 54px;
object-fit: contain;
}
.rare-case-sec .form-select {
background-color: #F6F8FC;
border: 1px solid #E4EAF8 !important;
background-position: 95%;
padding-right: 35px;
}
.rare-case-sec .bg-blue {
border-radius: 5px;
}
.rare-case-sec .bg-blue:hover {
background-color: #dcf0f99e !important;
}
.clr777 {
color: #777;
}
.clr6f {
color: #6F6F6F;
}
.clrA5{
color: #A5A5A5;
}
.rare-social-links a {
width: 35px;
min-width: 35px;
background: #008FC5;
text-align: center;
height: 35px;
line-height: 35px;
color: #fff;
font-size: 18px;
margin-right: 10px;
transition: .3s;
}
.wx {
height: 34px!important;
width: 34px!important;
border-radius: 50%;
}
.rare-social-links a:hover {
box-shadow: 0 3px 3px #0000002e;
}
.facebook {
background-color: #3b5998!important;
}
.twitter {
background-color: #55acee !important;
}
.instagram {
background-color: #48C95F !important;
}
.linked-in {
background-color: #007bb5 !important;
}
.whatsApp{
background-color: #4dc247 !important;
}
.youtube {
background-color: red !important;
}
.accordian-treatment-page .card .collapsed {
border: 1px solid #ccc;
border-radius: 4px;
padding: 15px;
font-weight: 500 !important;
text-decoration: none;
background-color: #fff;
color: #5c5c5c !important;
}
.accordian-treatment-page .card a {
border: 1px solid #008FC5;
padding: 15px;
font-weight: 500 !important;
text-decoration: none;
color: #fff !important;
background-color: #008FC5;
border-radius: 4px 4px 0 0;
padding-bottom: 5px;
background-image: url(../img/acordian-white-angle.svg);
background-repeat: no-repeat;
background-position: 98% center;
}
.accordian-treatment-page .card-body {
background: #008FC5;
color: #fff;
padding-top: 0;
border-radius: 0 0 4px 4px;
}
.accordian-treatment-page .card {
border: none;
padding: 0;
border-radius: 0;
background: transparent;
margin-bottom: 20px;
}
.accordian-treatment-page li.f-12.text-white {
font-size: 12px !important;
line-height: 20px !important;
margin-bottom: 0 !important;
}
.collapse-btn.collapsed {
background: url(../img/acordian-down-angle.svg) no-repeat 98% center !important;
}
.thank-you-box-left {
background-color: #F0F9FF;
padding: 25px 15px 30px;
border-radius: 2.5px;
}
.thank-you-box-left textarea {
height: 150px;
resize: none;
padding: 14px;
font-size: 16px;
border-radius: 2.5px;
border: none;
}
.thank-you-box-left input[type="submit"] {
background-color: #008FC5;
color: #fff;
border: none;
padding: 10px 60px;
border-radius: 6px;
font-size: 16px;
font-weight: 500;
margin-top: 30px;
display: block;
margin-left: auto;
margin-right: auto;
transition: .3s;
}
.thank-you-box-left input[type="submit"]:hover {
box-shadow: 0px 2px 4px -1px rgb(0 0 0 / 20%), 0px 4px 5px 0px rgb(0 0 0 / 14%), 0px 1px 10px 0px rgb(0 0 0 / 12%) !important;
}
.reviews-wrapper i {
font-size: 18px;
}
.booking-id {
border-radius: 5px;
background-color: #F7F7F7;
padding: 37px 20px;
}
.back-to-home-btn {
border: 1px solid #008fc5;
padding: 10px 40px;
color: #008fc5;
font-weight: 500;
transition: .3s;
}
.back-to-home-btn:hover {
background-color: #008fc5;
color: #fff;
}
.clr4e{
color: #4E4E4E;
}
.doctors-boxs {
border-radius: 5px;
background-color: #F7F7F7;
height: 100%;
}
.dr-img img {
padding: 2px;
box-shadow: 0 4px 4px 2px #0000000d;
border-radius: 50%;
width: 55px;
height: 55px;
object-fit: cover;
min-width: 55px;
object-position: top;
}
/*new header css*/
.header-middle .dropdown-menu .drop-nav-link, .full-menu .dropdown-menu .dropdown-item, .internationl-service-menu .dropdown-menu .drop-nav-link {
color: #5c5c5d;
font-size: 14px;
padding: 9px 8px;
line-height: 20px;
border-bottom: 1px solid #e3e3e3;
transition: .3s;
text-decoration: none;
display: block;
white-space: inherit;
display: flex;
align-items: center;
}
.full-menu .dropdown-menu .dropdown-item img {
margin-right: 8px;
width: 32px;
height: 30px;
object-fit: contain;
min-width: 32px;
}
.header-middle .dropdown-menu .drop-nav-link:hover, .full-menu .dropdown-menu .dropdown-item:hover, .internationl-service-menu .dropdown-menu .drop-nav-link:hover {
background-color: #0091c6;
color: #fff;
border-color: #0091c6;
}
.full-menu .dropdown-menu .dropdown-item:hover img{
filter: invert(1) brightness(100);
}
.header-middle .dropdown-menu li:last-child a {
border-bottom: none;
}
.header-middle .dropdown-menu {
min-width: 210px;
border-radius: 0 4px 4px 4px;
box-shadow: 0 4px 8px #00000021 !important;
}
.header-middle .dropdown:hover .dropdown-menu, .internationl-service-menu:hover .dropdown-menu, .helpline-dropdown:hover .dropdown-menu {
opacity: 1;
visibility: visible;
transform: scaleY(1);
}
.header-middle .dropdown-menu, .internationl-service-menu .dropdown-menu, .helpline-dropdown .dropdown-menu {
opacity: 0;
visibility: hidden;
transform: scaleY(0);
top: 100%;
-webkit-transform-origin: center top 0;
-ms-transform-origin: center top 0;
transform-origin: center top 0;
display: block;
transition: .1s;
padding: 0;
box-shadow: 0 0 10px #00000045;
border: none;
}
.helpline-dropdown .dropdown-menu a {
color: #000000;
font-size: 14px;
line-height: 20px;
text-decoration: none;
display: block;
font-weight: 500;
}
.helpline-dropdown .dropdown-menu p {
line-height: 20px;
}
.helpline-dropdown button:hover{
box-shadow: none !important;
}
.helpline-dropdown .dropdown-menu a:hover{
text-decoration: underline !important;
}
.helpline-dropdown .dropdown-toggle::after {
width: 0;
height: 0;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 8px solid #fff;
transform: none !important;
margin: 0;
padding: 0;
content: "";
top: 5px !important;
border-bottom-color: transparent;
left: 3px;
}
.helpline-dropdown .dropdown-menu li:last-child a {
border-radius: 0 0 4px 4px;
}
.header-top {
background-color: #0091c6;
padding: 0;
}
.header-middle .nav-link {
color: #008FC5;
padding: 5px 10px;
border-radius: 4px 4px 0 0;
margin: 0 5px 0 0;
font-size: 15px;
}
.header-middle li:last-child .dropdown-menu {
right: 0;
border-radius: 4px 0px 4px 4px;
}
.header-middle .dropdown:hover {
box-shadow: 0 0 8px #00000021 !important;
background-color: #fff;
border-radius: 4px 4px 0 0;
}
.header-middle .dropdown-menu li:first-child a{
border-radius: 4px 4px 0 0;
}
.header-middle .dropdown-menu li:last-child a{
border-radius: 0px 0px 4px 4px;
}
.specialities-dropdown-inner {
padding: 0;
list-style: none;
}
.internationl-service-menu .dropdown-menu {
border-radius: 0;
min-width: 170px;
left: 0;
}
.dropdown-title {
border-bottom: 1px solid #008fc5;
padding-bottom: 2px;
margin-bottom: 10px;
min-height: 27px;
}
.dropdown-title:empty{
visibility: hidden;
}
header .dropdown-toggle::after {
display: inline-block;
margin-left: 7px;
vertical-align: .255em;
content: "";
border: solid #5C5C5C;
border-width: 0 2px 2px 0;
display: inline-block;
padding: 3px;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
position: relative;
top: 0px;
transition: .3s;
}
header .dropdown:hover .dropdown-toggle::after {
transform: rotate(135deg);
-webkit-transform: rotate(-135deg) ;
top: 6px;
}
header .navbar-nav .dropdown:hover .dropdown-toggle::after {
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
top: 0;
}
header .navbar-nav .dropdown:hover .dropdown-toggle::after {
transform: rotate(135deg);
-webkit-transform: rotate(-135deg);
top: 6px;
}
.menu-bg-header-m .dropdown-toggle::after{
border-color: #008FC5;
}
.header-middle .menu-bg-header-m {
width: 73%;
justify-content: end;
margin-left: auto !important;
background-color: #e1eff8;
border-radius: 0 0 0 100px;
padding: 5px 0 !important;
margin-right: -10px !important;
}
.header-middle .menu-bg-header-m:after {
position: absolute;
top: 0;
right: -1000%;
width: 1000%;
height: 100%;
content: "";
background: #e1eff8;
}
.header-middle li:last-child .nav-link {
margin-right: 0;
}
nav.navbar.header-fixed .navbar-nav .nav-link {
line-height: 80px;
}
.navbar-brand img {
min-width: 230px;
width: 230px;
margin-top: -46px;
transition: .3s;
}
.header-fixed .navbar-brand img {
min-width: 170px;
width: 170px;
margin-top: 0;
}
.header-fixed .show-search {
top: 48px;
}
.header-search-icon {
min-width: 20px;
margin-right: 20px;
margin-left: 15px;
padding-left: 15px;
border-left: 1px solid #b6b3b3;
}
.specialities-megha-menu .dropdown-toggle::after {
/*float: right;*/
display: none;
transform: rotate(-45deg) !important;
-webkit-transform: rotate(-45deg) !important;
top: 10px !important;
}
.specialities-megha-menu .dropdown-toggle:hover::after {
border-color: #fff;
}
.specialities-megha-menu .dropdown-menu {
opacity: 0 !important;
visibility: hidden !important;
left: 104%;
right: 0 !important;
box-shadow: 0 0 10px #00000036;
border-radius: 4px;
top: 0 !important;
width: 0;
padding: 0 !important;
}
.specialities-megha-menu:hover .dropdown-menu {
width: 250px;
min-width: 250px;
opacity: 1 !important;
visibility: visible !important;
}
.specialities-megha-menu .dropdown-toggle::after {
float: right;
}
.navbar .container {
position: relative;
}
.header-top [type="submit"] {
background: #f58220;
border-color: #f58220;
color: #fff;
font-weight: 500;
}
.header-top .form-control {
font-size: 14px;
border:none;
}
.toggle-top-header::after {
display: inline-block;
margin-left: 7px;
vertical-align: 0.255em;
content: "";
border: solid #fff;
border-width: 0 3px 3px 0;
display: inline-block;
padding: 3px;
transform: rotate(-135deg) !important;
-webkit-transform: rotate(-135deg) !important;
position: relative;
top: 5px !important;
transition: .3s;
}
.clr84{
color: #5c5c5c;
}
.clr555{
color:#555555;
}
.select-input-news {
width: 100px;
border-radius: 5px;
background-color: #F6F8FC;
border: none;
border: 1px solid #E4EAF8 !important;
}
.news-thumbnail-right li img {
min-width: 108px;
height: 62px;
object-fit: cover;
}
.f-8 {
font-size: 8px;
line-height: 12px;
}
img.thumb-small-news {
width: 40px !important;
min-width: 40px !important;
height: auto !important;
}
.suggestion-listing li label {
display: inline-block;
position: relative;
top: 0px;
left: 23px;
width: 100%;
cursor: pointer;
font-size: 14px;
color: #5C5C5C;
}
.suggestion-listing li input {
position: absolute;
opacity: 0;
cursor: pointer;
height: 100%;
width: 100%;
left: 0;
top: 0;
z-index: 1;
}
.container .location-suggestion-box input:checked ~ .checkmark-doctor-search::after {
position: absolute;
content: "";
left: 4px;
top: 2px;
width: 5px;
height: 7px;
border: solid white;
border-width: 0 2px 2px 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
border-radius: 0;
}
.location-suggestion-box .checkmark-doctor-search {
position: absolute;
left: 0;
height: 14px;
width: 14px;
border: 1px solid #808080;
background-color: #fff;
top: 16px;
min-width: 14px;
border-radius: 2px;
}
.our-specialist-slider .sp-card {
display: flex !important;
align-items: center;
padding: 10px !important;
margin-bottom: 20px;
}
.tabbed-sec img {
max-width: 150px;
}
.awards-slider img {
height: 187px;
object-fit: cover;
object-position: top;
}
.man-hand-up {
margin-bottom: 0;
}
.rare-cases-slider .sp-card .light-black * {
color: #1B1B1B;
font-size: 12px;
font-weight: 400;
margin-bottom: 4px;
}
#blogs.blog-section .hospitals_box:hover {
border-color: #008fc5 !important;
}
#blogs.blog-section .hospitals_box {
transition: .3s;
}
.blog-slider-wrapper .body_c h3 {
height: 40px;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.home-network-wrapper .blogs-slider .slick-next {
right: 8px;
}
.home-network-wrapper .blogs-slider .slick-prev {
right: 37px;
left: initial;
}
.home-network-wrapper .slick-slide {
margin: 0 12px;
}
.our-specialist-slider .owl-next::before {
font-size: 13px;
content: url(../img/slide-right.svg);
}
.our-specialist-slider .owl-prev, .our-specialist-slider .owl-next {
background-color: #CAF0FF !important;
border-radius: 50%;
bottom: -35px;
z-index: 1;
font-size: 0 !important;
position: absolute;
top: auto;
display: block;
width: 20px;
height: 20px;
padding: 0;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
cursor: pointer;
color: transparent;
border: none;
outline: none;
background: transparent;
line-height: 23px !important;
}
.our-specialist-slider button.slick-prev.slick-arrow::before {
filter: invert(1) brightness(0.1);
}
.our-specialist-slider button.owl-prev {
background: #E6E6E6 !important;
}
.our-specialist-slider .owl-prev {
right: 40px;
left: initial;
}
.our-specialist-slider .owl-next {
right: 10px;
}
button.owl-prev::before {
font-size: 13px;
content: url(../img/slide-left.svg);
filter: invert(1) brightness(0.1);
}
body .blog-section {
padding-bottom: 90px;
}
#experts .testimonial-item.item {
margin-top: 0 !important;
height: 100%;
}
.blog-main-sec .rounded-3 h3 {
line-height: 20px;
}
.mobile-footer {
position: fixed;
bottom: 0;
width: 100%;
background: #0091C6;
z-index: 99;
}
.mobile-footer-icon {
background-color: #F58220;
width: 34px;
min-width: 34px;
height: 34px;
border-radius: 50%;
line-height: 34px;
text-align: center;
margin: auto;
transition: .3s;
display: flex;
align-items: center;
justify-content: center;
}
.mobile-footer li {
width: 25%;
}
input:focus, select:focus, textarea:focus {
box-shadow: none !important;
}
select{
cursor: pointer;
}
.testimonial-slider.for-doctor-testimonials {
margin: 0 -8px;
}
.for-doctor-testimonials iframe {
border-radius: 3px 3px 0 0;
}
.our-specialist-slider img {
width: 35px !important;
min-width: 35px !important;
height: 35px;
object-fit: contain;
}
.rare-case-mobile-slide .border:hover {
border-color: #008fc5 !important;
}
.filter-mobile::before {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100vh;
content: "";
background: #ffffff;
z-index: -1;
}
.filter-mobile {
transform: translateX(-100%);
position: fixed;
top: 0;
left: 0;
transition: 0.3s;
width: 100%;
z-index: 99999;
padding: 15px;
}
.show-filter {
transform: translateX(0);
}
.news-master-section .border.sp-card {
border-color: #CCCCCC !important;
transition: .3s;
}
.news-master-section .border.sp-card:hover {
border-color: #008fc5 !important;
}
.searchBarTestimonial input#query {
background: #fff !important;
}
.search-overlay-wrapper .suggestion-box-wrapper {
top: 100%;
left: 0;
width: 100%;
}
.search-overlay-wrapper img {
width: 40px;
height: 40px;
border-radius: 50%;
border: 1px solid #ccc;
margin-right: 5px;
object-fit: cover;
object-position: top;
}
.blog-search-box {
position: absolute;
top: 140%;
right: 0;
visibility: hidden;
opacity: 0;
border: none;
transition: .3s;
padding: 10px;
width: 320px;
border-radius: 0;
background: #fff !important;
outline: none;
border-top: 3px solid #0091c6;
box-shadow: 0 2px 7px rgb(0 0 0 / 10%);
}
.searchBar input {
width: 100%;
}
.blog-search-box input {
width: 100%;
border: 1px solid #e4e4e4;
padding: 10px 15px 10px 15px;
}
.filter-search-submit:hover {
box-shadow: none !important;
}
.show-hide-input .blog-search-box {
visibility: visible;
opacity: 1;
right: 0;
}
.breadcrumb-blog .filters {
white-space: nowrap;
overflow-x: scroll;
}
.blog-filter {
overflow-x: scroll;
}
/* width */
.breadcrumb-blog .filters::-webkit-scrollbar {
width: 2px;
height:2px
}
/* Track */
.breadcrumb-blog .filters::-webkit-scrollbar-track {
background: #f1f1f1;
}
/* Handle */
.breadcrumb-blog .filters::-webkit-scrollbar-thumb {
background: #888;
}
/* Handle on hover */
.breadcrumb-blog .filters::-webkit-scrollbar-thumb:hover {
background: #555;
}
.breadcrumb-blog .filters {
white-space: nowrap;
overflow-x: scroll;
}
#hospital.select-with-down-angle {
background: url(../img/select-dropdown.svg) no-repeat 99% center;
background-color: #F6F8FC;
background-position: 95%;
}
.quick-contact-box {
max-width: 1200px;
}
.quick-contact-c-box .clrBlueDark {
display: block;
}
#locationResult{
display:none;
}
.our-specialist-slider .sp-card .me-md-3.me-3 {
margin-right: 13px !important;
}
.heart-d-bg img {
min-width: 40px;
height: 40px;
}
.heart-d-bg p {
line-height: 16px;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.heart-d-bg {
min-height: 115px;
}
.home-organ-select {
border-color: #E1EFF5;
padding: 6px 10px;
background-image: url(../img/organ-select-bg.svg) !important;
background-position: 95% center;
background-repeat: no-repeat;
}
.overlay-searchbar-content input {
padding: 0;
font-size: 0;
background-color: transparent;
border: none;
background-image: url(../img/search-grey.svg);
background-position: center;
background-size: 20px;
width: 50px;
background-repeat: no-repeat;
}
.our-specialist-slider img {
min-width: 35px;
width: 35px !important;
height: 35px;
object-fit: contain;
}
.schedule-appointment-sec .bgBlueLight {
background-color: #F2F9FC;
border-radius: 10px !important;
}
.our-specialist-slider .sp-card:hover img {
filter: invert(1) brightness(200.5);
}
.close-search-btn.position-static {
position: relative !important;
top: 16px;
right: 0px;
}
select.sidebar-input {
background-image: url(../img/acordian-down-angle.svg) !important;
background-position: 96% center !important;
background-repeat: no-repeat !important;
background-size: 13px !important;
padding-right: 34px;
}
.doctors-sort-dis {
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
}
.doctor-text-wrapper {
min-height: auto;
}
.our-network-box-wrapper p {
display: -webkit-box !important;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
padding-bottom: 1px;
}
.default-box .body_c p:last-child {
margin-top: 6px;
}
.suggestion-inner-content {
height: auto;
max-height: 215px;
overflow-y: scroll;
padding: 0 8px;
overflow-x: hidden;
margin-right: 5px;
}
.suggestion-listing span.float-end {
display: none;
}
.checkmark-doctor-search {
position: absolute;
left: 0;
height: 14px;
width: 14px;
border: 1px solid #808080;
background-color: #fff;
top: 16px;
min-width: 14px;
border-radius: 50%;
}
.container input:checked ~ .checkmark-doctor-search {
background-color: #008FC5;
border-color: #008FC5;
}
.container input:checked ~ .checkmark-doctor-search::after {
position: absolute;
top: 50%;
left: 50%;
width: 8px;
height: 8px;
border: 1px solid #ffffff;
content: "";
border-radius: 50%;
transform: translate(-50%, -50%);
}
.banner-heading {
line-height: 56px;
}
header {
position: relative;
}
body #blogs .hospitals_box h3 {
font-weight: 500;
font-size: 16px;
line-height: 20px;
color: #5c5c5c;
transition: .3s;
margin-bottom: 4px;
margin-top: 0;
}
.filters a {
color: #929292;
text-decoration: none;
}
.filter-search-submit {
position: absolute;
top: 48%;
right: 15px;
background-color: transparent;
transform: translateY(-50%);
}
.show-hide-input .filter-search-submit{
opacity: 1;
visibility: visible;
}
.filter-search-submit{
opacity: 0;
visibility: hidden;
transition: .3s;
}
.cursor-pointer{
cursor: pointer;
}
.header-fixed .dropdown-toggle::after {
border-color: #008FC5;
}
.master-speciality-page .sp-card:hover img {
filter: invert(1) brightness(170.5);
}
/*mobile header css*/
.navbar-mobile {
position: fixed;
background: #fff;
width: 100%;
top: -100%;
height: 100%;
border-radius: 0 0 32px 32px;
box-shadow: 0 4px 24px #00000025;
transition: .3s;
opacity: 0;
visibility: hidden;
}
.show-nav {
top: 0;
opacity: 1;
visibility: visible;
}
.mobile-header-top {
padding: 15px 25px;
}
.navbar-mobile ul {
list-style: none;
padding: 0;
margin: 0;
}
.navbar-mobile .dropdown-item {
padding: 11px 0;
font-size: 16px;
color: #5C5C5C;
display: block;
white-space: inherit;
}
.navbar-mobile .nav-item {
border-bottom: 1px dashed #BCBCBC;
}
.navbar-mobile .dropdown-menu {
display: block;
height: 100%;
left: 0;
overflow-y: auto;
position: fixed;
right: 0;
top: 0px !important;
transform: translateX(100%);
transition: .3s;
padding: 0 15px !important;
border: none;
border-radius: 0;
overflow-x: hidden;
}
.navbar-mobile .dropdown:hover .dropdown-menu {
opacity: 1;
top: 0;
transform: translateX(0);
}
.navbar-mobile .dropdown-item i {
float: right;
position: relative;
top: 6px;
}
.navbar-mobile .dropdown:hover .dropdown-menu {
transform: translateX(100%);
}
.navbar-mobile .active-dropdown + .dropdown-menu {
transform: translateX(0) !important;
}
.back-menu-btn {
font-size: 14px;
color: #008FC5;
border: 1px solid #008FC5;
border-radius: 3px;
background: #fff;
padding: 2px 6px;
margin: 20px 0 20px;
}
.search-click-mobile {
position: absolute;
top: 45%;
right: 4px;
transform: translate(-50%, -50%);
}
.mobile-search-menu .form-control {
background-color: #f9f9f9;
border: none;
padding-right: 40px;
color: #5C5C5C;
}
.mobile-search-menu {
margin: 20px 25px 10px;
}
.mobile-search-menu .form-control::placeholder {
color: #5c5c5c!important;
font-weight: 400 !important;
}
body .mobile-main-menu {
overflow-y: scroll;
height: 430px;
padding: 0 25px;
}
.mobile-bottom-btn {
padding: 0 25px;
border-top: 1px solid #E0E0E0;
margin-top: 30px;
padding-top: 20px;
}
.mobile-bottom-btn .btn {
background-color: #7C7C7C;
width: 50%;
color: #fff;
font-size: 14px;
padding: 10px;
font-weight: 400;
}
.mobile-bottom-btn .btn:last-child {
background-color: #F58220;
}
.award-master img {
height: 180px;
object-fit: cover;
object-position: top;
}
.events-dropdown {
background-color: #F6F8FC;
background-position: 96% center;
height: auto;
padding: 7px 15px;
border: 1px solid #E4EAF8 !important;
border-radius: 5px !important;
background-size: 13px !important;
}
.csr-main-sec h3 {
height: 20px !important;
-webkit-line-clamp: 1;
}
.csr-main-sec .csr-discription {
line-height: 18px !important;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
height:50px;
text-overflow: ellipsis;
}
.carousel-indicators [data-bs-target] {
margin-right: 5px;
margin-left: 0;
}
.contact-faq-box {
margin-bottom: 10px;
}
#accordion .contact-faq-box .collapse-heading, #accordionOne .contact-faq-box .collapse-heading {
display: block;
padding: 10px 15px;
font-size: 16px;
background: #008fc5;
color: #fff;
text-decoration: none;
border-radius: 4px;
}
.toggle-content-body {
padding: 10px 15px;
background: #f3f7fb;
}
.toggle-content-body p {
font-size: 15px;
margin-bottom: 0;
}
.contact-faq-box {
margin-bottom: 11px;
}
select#hospitalDropdown {
padding: 6px 37px 6px 15px;
}
.clr-929292 {
color: #929292 !important;
}
.single-blog-filter {
background-color: #F6F8FC;
padding: 7px 15px;
width: 100%;
border: 1px solid #E4EAF8 !important;
border-radius: 5px !important;
}
.rarecases-short-dis p {
color: #1B1B1B;
font-size: 12px;
font-weight: 400;
margin-bottom: 4px;
}
.blog-main-sec .blog-link-text {
text-decoration: none;
margin-top: 12px;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
min-height: 30px;
}
.main-timeline {
position: relative;
}
.main-timeline::after {
content: "";
position: absolute;
width: 6px;
background-color: #0091c6;
top: 0;
bottom: 0;
left: 50%;
margin-left: -3px;
}
.timeline {
position: relative;
background-color: inherit;
width: 50%;
}
.timeline::after {
content: "";
position: absolute;
width: 25px;
height: 25px;
right: -13px;
background-color: #ffffff;
border: 5px solid #f58220;
top: 15px;
border-radius: 50%;
z-index: 1;
}
.main-timeline {
max-width: 800px;
margin: auto;
}
.main-timeline .left {
padding: 0px 40px 20px 0px;
left: 0;
}
.main-timeline .right {
padding: 0px 0px 20px 40px;
left: 50%;
}
.main-timeline .left .card::before {
content: " ";
position: absolute;
top: 20px;
z-index: 1;
right: -10px;
border: medium solid white;
border-width: 10px 0 10px 10px;
border-color: transparent transparent transparent #dddddd;
}
.main-timeline .right .card::before {
content: " ";
position: absolute;
top: 18px;
z-index: 1;
left: -10px;
border: medium solid white;
border-width: 10px 10px 10px 0;
border-color: transparent #dddddd transparent transparent;
}
.main-timeline .right::after {
left: -12px;
}
.helpline-dropdown .dropdown-menu {
min-width: 270px;
right: -14px;
border-radius: 5px;
border: 1px solid #016F97;
padding: 8px 0 3px;
transform: scaleY(1);
opacity: 0;
display: none;
transition: .3s;
}
.helpline-dropdown:hover .dropdown-menu {
display: block;
}
.dropdown-menu .helpline-drp-col {
padding: 0 4px;
}
.helpline-dropdown .dropdown-menu::after {
width: 0;
height: 0;
border-left: 15px solid transparent;
border-right: 15px solid transparent;
border-bottom: 20px solid #ffffff;
transform: none !important;
margin: 0;
padding: 0;
content: "";
top: -10px;
right: 0;
bottom: auto;
position: absolute;
border-top-color: transparent;
}
.main-timeline .left .card:hover::before{
border-left-color: #0091c6;
}
.main-timeline .right .card:hover::before{
border-right-color: #0091c6;
}
.dropdown.ps-2.helpline-dropdown {
line-height: 35px;
}
.helpline-dropdown .dropdown-menu .row {
padding: 0 20px 0 20px;
}
.why-card img {
width: 60px;
height: 60px;
}
.rarecase-title {
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
height: 40px;
}
.contact-faq-box .collapsed i.fa-solid.fa-minus {
display: none;
}
.contact-faq-box i.fa-solid.fa-plus.show-contact-cta {
display: none;
}
.contact-faq-box i.fa-solid.fa-minus {
display: block;
}
.contact-faq-box .collapsed i.fa-solid.fa-plus.show-contact-cta {
display: block;
}
.toggle-content-body * {
color: #5c5c5c;
}
select {
cursor: pointer;
}
.swiper-button-next, .swiper-button-prev {
width: 40px;
height: 40px;
background-color: #E1EFF8;
border-radius: 50%;
padding: 0;
box-shadow: 0 3px 11px #00000021;
top: 50%;
opacity: 0 !important;
transition: .3s;
color: #008fc5;
}
.swiper-button-next i, .swiper-button-prev i{
color: #008fc5;
}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
opacity: 1;
background-color: #ECECEC;
}
.swiper-button-next:after, .swiper-button-prev:after {
font-family: swiper-icons;
font-size: 14px;
text-transform: none!important;
letter-spacing: 0;
font-variant: initial;
line-height: 1;
color: #008FC5;
font-weight: 500;
}
.technology.swiper .testimonial-wrap, .technology.swiper .testimonial-item {
height: 100%;
}
.technology.swiper .swiper-slide {
height: auto;
}
.google-review-box {
border-radius: 50px;
padding: 1px 15px;
text-align: center;
margin-top: 10px;
}
.google-review-box * {
line-height: 100%;
}
.google-review-box span {
position: relative;
top: 0;
}
.google-review-box .reviews-text {
top: 1.1px;
}
/*.swiper-button-next, .swiper-button-prev {
background-color: #CAF0FF !important;
border-radius: 50%;
bottom:-5px;
z-index: 1;
font-size: 0 !important;
position: absolute;
top: auto;
display: block;
width: 20px;
height: 20px;
padding: 0;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
cursor: pointer;
color: transparent;
border: none;
outline: none;
background: transparent;
line-height: 23px !important;
text-align: center;
transition: .3s;
}*/
/*.swiper-button-prev {
right: 30px;
left: initial;
}*/
.swiper-button-prev {
right: auto;
left: 2px;
}
.swiper-button-prev i, .swiper-button-prev i {
color: #008FC5;
}
.swiper:hover .swiper-button-next, .swiper:hover .swiper-button-prev {
opacity: 1 !important;
}
/*.swiper-button-next::before {
font-size: 13px;
content: url(../img/slide-right.svg) !important;
}
.swiper-button-prev::before {
font-size: 13px;
content: url(../img/slide-left.svg) !important;
filter: invert(1) brightness(0.1);
}*/
.swiper-button-next {
right: 2px;
}
.swiper-button-next::after, .swiper-button-prev::after{
display: none;
}
/*.swiper-button-prev {
background: #E6E6E6 !important;
}*/
.swiper-button-next:hover, .swiper-button-prev:hover {
-webkit-box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12) !important;
box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12) !important;
}
.suggestion-box-wrapper.suggestion-filter-doctors {
padding-top: 12px;
}
.suggestion-filter-doctors a {
color: #5c5c5c;
display: block;
}
.suggestion-filter-doctors ul li a:hover {
color: #0091c6;
}
.suggestion-filter-doctors a span {
padding-left: 10px;
}
div#locationResult {
left: 0;
}
.swiper-overflow-container {
overflow: hidden;
}
.form-control:disabled {
opacity: .85;
}
#accordion .toggle-content-body a {
color: #5c5c5c;
font-weight: 400;
font-size: 14px;
}
#Technology .technology.swiper h3 {
font-weight: 500;
font-size: 16px;
line-height: 18px;
}
.swiper-button-disabled.swiper-button-lock {
display: none;
}
.testimonial-home-sec .section {
padding: 30px 0;
}
.error {
color: #f00;
font-size: 12px;
line-height: 14px !important;
display: block;
margin-top: 7px;
}
.form-control.is-invalid, .was-validated .form-control:invalid {
border-color: #dc3545 !important;
background-color: #ffecec !important;
}
.header-top .error {
color: #fff;
}
body .select2-container--bootstrap-5 .select2-selection--single .select2-selection__rendered {
color: #5c5c5c;
}
#back-top {
display: none;
position: fixed;
bottom: 20px;
right: 20px;
z-index: 99;
font-size: 18px;
border: none;
outline: none;
background-color: #ffffff;
color: #0091c6;
cursor: pointer;
padding: 0;
border-radius: 0;
box-shadow: none !important;
line-height: 100%;
width: 35px;
height: 35px;
border-radius: 50%;
}
.search-bar-blog input {
background-color: #fff !important;
}
.form-select:invalid {
background-color: #ffecec;
}
.testimonial-home-sec h4 {
min-height: 38.4px;
}
nav.navbar .navbar-nav .nav-link:hover::after {
border-color: #0091c6;
}
.header-top .error {
color: #fff;
}
.cms-tabs .nav-link {
border-radius: 5px;
background-color: #f6f6f6;
margin-right: 15px;
color: #5c5c5c;
padding: 7px 25px;
}
.cms-tabs .nav-link.active, .cms-tabs .show > .nav-link {
color: #fff;
background-color: #0091c6;
}
.certificate-wrap-box {
background-color: #fff;
border-radius: 5px;
box-shadow: 0px 0px 4px #00000040;
padding: 5px;
height: 100%;
overflow: hidden;
}
.certificate-wrap-box img {
width: 100%;
}
.terms-condition-error .form-check {
display: flex;
flex-direction: column;
align-items: flex-start;
position: relative;
margin-left: 20px;
padding-left: 0;
}
.terms-condition-error input#tc {
position: absolute;
top: 0;
left: 4px;
}
.terms-condition-error span#tc-error {
order: 3;
padding-left: 5px;
}
.terms-condition-error label.form-check-label {
order: 2;
margin-top: 4px;
padding-left: 5px;
}
.blog-section .testimonial-wrap img {
height: 170px;
object-fit: cover;
border-radius: 3.67733px 3.67733px 0 0;
}
.sticky-top {
z-index: 9;
}
.header-top input::file-selector-button {
border-radius: 4px !important;
margin-left: -12px !important;
}
.testimonial-sec-main .hospitals_box {
height: 100%;
}
.custom-file-btn label {
display: inline-block;
padding: 8px 10px;
border: 1px dashed #ffffff;
color: #5c5c5c;
border-radius: 4px;
float: none;
width: 100%;
font-size: 14px;
background-color: #ffffff;
z-index: 11;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.hide_file {
position: absolute;
z-index: 1000;
opacity: 0;
right: 0;
top: 0;
height: 100%;
font-size: 24px;
width: 100%;
}
.main-timeline .card{
transition: .3s;
}
.main-timeline .card:hover {
background-color: #008fc5;
border-color:#008fc5 ;
}
.main-timeline .card:hover *{
color: #fff !important;
}
.main-timeline .card:hover .left::before{
}
.php-content-box:hover {
border-color: #008FC5;
background-color: #008FC5;
}
.php-content-box:hover p {
color: #fff !important;
}
.modal {
z-index: 99999;
}
body .select2-container--bootstrap-5 .select2-selection--single {
padding: 9px 30px 9px 15px;
min-height: auto;
height: auto;
}
body .filters-doctors-main .select2-container--bootstrap-5 .select2-selection--single {
border-color: #e4eaf8!important;
background-color: #f6f8fc;
}
.mission-vision-box {
position: relative;
min-height: 125px;
background-color: #008fc50d;
}
.chairman-image {
border: 1px solid #E3E3E3;
border-radius: 3.67733px;
transition: .3s;
}
.chairman-image:hover {
border: 1px solid #008FC5;
}
.testimonial-title h3 {
height: 35px;
overflow: hidden;
}
.doctorImg {
box-shadow: 0 4px 4px 2px #0000000d;
padding: 3px;
}
.related-blogs-sec .border {
transition: .3s;
}
.related-blogs-sec .border.border-1:hover {
border-color: #008fc5 !important;
}
.csr-main-sec .hospitals_box img {
height: 230px;
}
.php-content-single-box {
border-radius: 5px;
border: 1px solid #CBCBCB;
padding:20px 20px 25px;
}
.php-content-single-box .d-flex.align-items-center {
border-bottom: 1px solid #CBCBCB;
padding-bottom: 12px;
}
.php-content-single-box li {
font-size: 14px;
color: #5c5c5c;
margin-bottom: 10px;
position: relative;
padding-left: 18px;
}
.php-content-single-box li:before {
position: absolute;
top: 2px;
left: 0;
content: "\f105";
font-family: 'FontAwesome';
color: #008FC5;
}
.php-content-single-box ul {
margin: 0;
list-style: none;
padding: 0;
}
.single-phc-form .border.rounded-3 {
margin-top: 0 !important;
}
.why-card-hover-box img {
width: 25px;
margin-left: 0 !important;
float: left !important;
height: 25px;
object-fit: contain;
}
.why-card-hover-box {
position: absolute;
top: -1px;
left: -1px;
width: 101%;
height: auto;
border-radius: 4px;
background: #fff;
padding: 10px;
opacity: 0;
transition: .3s;
min-height: 100%;
border: 1px solid #cccccc;
}
.why-card-content:hover {
border-color: transparent;
}
.why-card-hover-box .d-flex + p {
line-height: 18px;
margin-top: 4px;
}
.why-card-content {
position: relative;
}
.why-card-content:hover .why-card-hover-box{
opacity: 1;
}
.testimonial-slider .border.sp-card:hover {
border-color: #008fc5 !important;
}
.ratio {
background-color: transparent !important;
}
.carousel-control:hover, .btn-close:hover {
box-shadow: none !important;
}
.events-content-box h3 {
height: 40px;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
.clear-text i {
font-size: 14px;
display: inline-block;
width: 16px;
text-align: center;
height: 16px;
border-radius: 50%;
line-height: 17px;
color: #008fc5;
}
.clear-text:hover {
background-color: #0091c6;
color: #fff !important;
}
.clear-text{
transition: .3s;
}
.clear-text:hover i {
color: #fff !important;
}
.blog-main-sec img {
height: 210px;
object-fit: cover;
border-radius: 10px 10px 0 0;
}
.search-mobile-wrapper {
position: fixed;
left: 0;
top: 50px;
width: 100%;
transform: translateY(-15px);
transition: .3s;
visibility: hidden;
opacity: 0;
}
.show-mobile-search + .search-mobile-wrapper{
transform: translateY(0);
top: 50px;
visibility: visible;
opacity: 1;
}
.overlay-searchbar-content input {
padding: 0;
font-size: 0;
background-color: transparent;
border: none;
background-image: url(../img/search-grey.svg);
background-position: center;
background-size: 20px;
width: 50px;
background-repeat: no-repeat;
}
.show-mobile-search .close-search-mobile.d-none {
display: block !important;
}
.show-mobile-search .search-icon-mobile {
display: none;
}
.form-control {
color: #5c5c5c;
}
.awards_box h3:hover, body #blogs .hospitals_box h3:hover {
color: #008fc5 !important;
}
.suggestion-filter-doctors ul li {
padding: 0;
}
.suggestion-filter-doctors ul li a {
padding: 12px 0;
font-size: 16px;
}
.technology-form .border.rounded-3 {
margin-top: 0 !important;
}
.banner-points-box .call-btn {
font-weight: 500;
}
.csr-main-sec p.clrDarkBlue {
color: #008fc5 !important;
}
#hospital .hospitals_box img.img-fluid {
object-fit: cover;
object-position: top;
}
.testimonial-sec-main img {
height: 150px;
}
.patient-edu-toggles .card-body * {
color: #fff !important;
}
strong, b {
font-weight: 500;
}
.suggestion-listing ul li img {
width: 35px;
height: 35px;
border-radius: 50%;
border: 1px solid #ccc;
margin-right: 5px;
}
.mobile-search-s {
position: absolute;
top: 50%;
left: 14px;
z-index: 99;
width: 20px;
transform: translateY(-50%);
}
.specialities-slider-sh .procedure_box {
display: flex;
align-items: center;
height: 104px !important;
}
.specialities-slider-sh .procedure_box h3 {
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
margin-bottom: 0;
}
.testimonial-title p {
font-size: 16px !important;
line-height: 20px !important;
}
.single-doctor-blog img {
height: 120px;
object-fit: cover;
}
.single-doctor-blog h3 {
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
min-height: 30px;
}
.form-control::placeholder, .form-select::placeholder, input::placeholder, textarea::placeholder, select::placeholder{
color:#5c5c5c !important;
}
.select2-container--bootstrap-5.select2-container--focus .select2-selection, .select2-container--bootstrap-5.select2-container--open .select2-selection {
border-color: #008fc5;
box-shadow: none !important;
}
.form-control:focus {
border-color: #008fc5;
}
.header-fixed .helpline-dropdown .dropdown-toggle::after {
border-top-color: #fff;
}
.location-suggestion-box .input-group-text img {
width: 28px !important;
}
.input-border-box input {
position: absolute;
opacity: 0;
cursor: pointer;
height: 100%;
width: 100%;
left: 0;
top: 0;
z-index: 9;
}
.input-border-box label {
display: inline-block;
position: relative;
top: 1px;
left: 10px;
width: 100%;
cursor: pointer;
font-size: 14px;
color: #5C5C5C;
}
.input-border-box .checkmark-doctor-search {
position: absolute;
left: 10px;
height: 13px;
width: 13px;
border: 1px solid #808080;
background-color: #fff;
top: 13px;
min-width: 13px;
border-radius: 50%;
}
.custom-file-btn span {
margin-top: 0;
}
#birth_date {
background-image: url(../img/calender-icon.svg);
background-repeat: no-repeat;
background-size: 16px;
background-position: 98% center;
}
.btn-primary {
background-color: #008fc5;
border-color: #008fc5;
}
.btn-primary:hover {
border-color: #0784b4;
background-color: #0784b4;
}
body .swal2-styled.swal2-confirm {
background-color: #008fc5;
}
body .swal2-container {
z-index: 9999;
}
.payment-border-box .checkmark-doctor-search {
left: 15px;
top: 30px;
}
.payment-border-box input {
position: absolute;
opacity: 0;
cursor: pointer;
height: 100%;
width: 100%;
left: 0;
top: 0;
z-index: 1;
}
.testimonial-item.item.doctor-img-box img {
height: 300px;
width: 100%;
object-fit: cover;
object-position: top;
border-radius: 0;
padding: 0;
box-shadow: none;
border-radius: 7.75194px 7.75194px 0 0;
}
.testimonial-item.item.doctor-img-box.position-relative {
padding: 0 !important;
}
.doctor-content-box {
position: absolute;
bottom: 0;
background: linear-gradient(359deg, #008fc5a3 14%, rgb(255 255 255 / 0%) 94.9%);
padding: 15px 20px 20px;
height: 85px;
transition: .3s;
overflow: hidden;
width: 100%;
}
.doctor-img-box:hover .doctor-content-box {
background: linear-gradient(359deg, #008fc5a3 30%, rgb(255 255 255 / 0%) 97.9%);
padding: 20px 20px 10px;
}
.doctor-img-box:hover .doctor-content-box {
height: 155px;
}
#experts .testimonial-item.item .doctor-content-box .btn {
background-color: #fff !important;
border-color: #fff !important;
color: #008fc5 !important;
}
.doctor-content-box * {
color: #fff !important;
}
#experts .testimonial-item.item .doctor-text-wrapper h3{
margin-top: 0;
}
.doctor-hover-meta {
opacity: 0;
}
.doctor-img-box:hover .doctor-hover-meta {
opacity: 1;
}
#experts .testimonial-item.item .doctor-text-wrapper h3 {
text-shadow: 1px 1px 3px #00000038 !important;
}
body #accordion .toggle-content-body a {
font-size: 16px;
}
.clear-text {
text-transform: capitalize;
}
.btn-custom {
font-weight: 500;
font-size: 16px;
line-height: 20px;
color: #fff;
border: 0.5px solid #008FC5;
border-radius: 4px;
text-align: center;
display: inline-block;
width: auto;
padding: 8px 30px;
background-color: #008FC5;
transition: .3s;
}
.btn-custom:hover {
box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
color: #fff;
}
.text-justify *, .text-justify {
text-align: justify;
}
.overview-main-content ul, .overview-main-content ol {
padding-left: 17px;
}
.sitemapcss a {
color: #008FC5;
}
.overview-main-content ul ul {
padding-left: 2px;
}
.toggle-top-header.collapsed::after {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
top: 1px;
}
.toggle-top-header.collapsed::after {
-webkit-transform: rotate(45deg) !important;
transform: rotate(45deg) !important;
top: 1px !important;
}
.partner-logo-box {
box-shadow: 3px 5px 90px #0000001f;
height: 100%;
display: flex;
align-items: center;
padding: 20px;
}
.upload-file-new label {
display: inline-block;
padding: 12px 10px !important;
border: 1px solid #ced4da;
color: #5c5c5c;
border-radius: 4px;
float: none;
width: 100%;
font-size: 14px !important;
z-index: 11;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
position: static !important;
padding-left: 56px !important;
}
.upload-file-new input {
width: 100%;
height: 100%;
}
.upload-file-new i {
position: absolute;
top: 13px;
left: 15px;
font-size: 22px;
color: #008fc5;
}
.left_Sec_content#overview .doshas-content-box .f-14 {
font-size: 14px;
line-height: 18px;
}
.left_Sec_content#overview .doshas-benifit-box p {
font-size: 12px;
line-height: 14px;
}
.php-content-single-box li p {
margin: 0;
}
#chairman .col-md-4.text-center * {
text-align: center !important;
}
.doshas-content-box {
transition: .3s;
}
.doshas-content-box:hover, .box-hover-border:hover {
border-color: #008fc5 !important;
}
.purva-karma-icon img {
width: 55px;
min-width: 50px;
height: auto !important;
margin-right: 10px !important;
}
.purva-content-box p {
font-size: 12px !important;
line-height: 17px !important;
}
.purva-content-box:hover img {
filter: invert(1) brightness(110.5);
}
.purva-content-box:hover * {
color: #fff !important;
}
.therapis-img-box img {
height: 150px;
width: 100%;
object-fit: cover;
}
.therapies-content p.f-14 {
font-size: 14px !important;
line-height: 16px !important;
}
.transition-3{
transition: .3s
}
.therapis-img-box img {
height: 150px;
object-fit: cover;
object-position: top;
border-radius: .3rem .3rem 0 0 ;
}
a {
color: #008fc5;
}
.tech-m-box p:empty{
display: none;
}
.flex-listing-mathura li {
width: 24%;
position: relative;
padding-left: 15px;
}
.flex-listing-mathura li::before {
content: "";
border: 1px solid #008FC5;
position: absolute;
top: 17px;
left: 0;
width: 9px;
height: 9px;
border-radius: 50%;
transform: translateY(-50%);
}
.second-opinion-left-box {
border-radius: 6px;
background-color: #008FC5;
padding: 20px 20px 0 0;
color: #fff;
font-size: 14px;
}
.submit-btn {
border-radius: 5px;
background: #008FC5;
border: none;
color: #fff;
padding: 7px 40px;
font-size: 18px;
font-weight: 500;
width: auto;
}
.patient-edu-box:hover h3{
color: #008FC5;
}
.share-dr-profile {
border: 1px solid #fff;
padding: 5px 12px;
border-radius: 6px;
}
.share-dr-profile img {
padding-left: 2px;
}
.testimonial-slider iframe {
border-radius: .3rem .3rem 0 0;
}
.dr-profile-share-box a {
display: inline-block;
width: 40px;
height: 40px;
background: #008fc5;
color: #fff;
text-align: center;
border-radius: 50%;
font-size: 18px;
transition: .3s;
margin-right: 5px;
display: inline-flex;
align-items: center;
justify-content: center;
text-decoration: none;
}
.copy-url {
background-color: #F58220;
color: #fff !important;
margin-left: 10px;
}
.dr-profile-share-box a.whatsApp {
font-size: 24px;
}
.doctorImg {
object-fit: cover;
object-position: top;
}
.suggestion-listing img {
object-fit: cover;
object-position: top;
}
.international-testimonial-slider .slick-slide {
height: auto;
}
.international-testimonial-slider .sp-card {
height: 100%;
}
.international-testimonial-slider .slick-track {
display: flex;
}
body .international-testimonial-slider .slick-prev, body .international-testimonial-slider .slick-next {
bottom: -50px;
}
.chairman-image {
height: 300px;
object-fit: cover;
object-position: top;
width: 100%;
}
#chairman .text-center * {
text-align: center !important;
}
#locationResult ul.suggestion-listing {
padding-top: 30px !important;
}
.appy-btn-fix {
padding: 0 25px 0 15px;
position: absolute;
top: 0;
left: 0;
width: 100%;
background-color: #fff;
z-index: 3;
}
.accordion-button:not(.collapsed) {
color: #008fc5;
}
.login-box-header > .d-flex.align-items-center {
max-width: 75%;
margin: auto;
}
.TC-sm-popup {
position: absolute;
top: auto;
height: 330px;
overflow-y: scroll;
background-color: #fff;
padding: 15px;
z-index: 1;
width: 96%;
left: 50%;
transform: translateX(-50%);
border: 1px solid #008FC5;
border-radius: 5px;
bottom: 10px;
}
.TC-sm-popup::-webkit-scrollbar{
width:2px;
}
.agree-btn {
border: 1px solid #008FC5;
}
#doctorAppointmentModal .modal-dialog {
max-width: 560px;
}
#doctorAppointmentModal .modal-body {
padding-top: 70px;
}
#doctorAppointmentModal .modal-header {
position: absolute;
top: 0;
left: 0;
width: 100%;
background-color: #fff;
z-index: 2;
}
/*Responsive Css*/
@media screen and (max-width:1199px) and (min-width:768px){
body .academic-tab-pills .nav-link {
padding: 10px 20px;
font-size: 14px;
margin-right: 15px;
}
nav.navbar .navbar-nav .nav-link {
line-height: 55px;
font-size: 14px;
}
.header-fixed .navbar-brand img, .navbar-brand img {
max-width: 130px !important;
margin: 0;
min-width: 130px !important;
width: 130px !important;
}
.search-overlay-wrapper {
top: 40px;
}
}
@media screen and (max-width:1024px) and (min-width:768px){
.header-fixed .navbar-brand img {
max-width: 130px !important;
margin: 0;
min-width: 130px !important;
width: 130px !important;
}
.navbar-brand img {
max-width: 130px;
margin: 0;
min-width: 130px !important;
width: 130px !important;
}
.header-middle .menu-bg-header-m:after {
display: none;
}
.header-bottom a.nav-link {
font-size: 14px;
}
nav.navbar .navbar-nav .nav-link {
padding-left: 10px;
font-size: 11px;
}
.header-search-icon {
min-width: 15px;
margin-right: 15px;
margin-left: 15px;
padding-left: 10px;
border-left: 1px solid #b6b3b3;
}
.book-appointment-btn {
font-size: 10px;
padding: 7px 10px;
}
.header-middle .nav-link {
font-size: 10px;
}
.navbar-brand img {
max-width: 110px;
min-width: 110px;
}
.header-middle .dropdown-menu .drop-nav-link, .full-menu .dropdown-menu .dropdown-item, .internationl-service-menu .dropdown-menu .drop-nav-link {
color: #5c5c5d;
font-size: 11px;
line-height: 17px;
padding: 7px;
}
.header-top .d-flex.align-items-center.justify-content-end {
padding-right: 7px;
}
.helpline-dropdown .dropdown-menu::after {
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-bottom: 13px solid #ffffff;
}
.master-speciality-page img {
min-width: 40px;
width: 40px;
height: 40px;
}
.helpline-dropdown .dropdown-menu {
right: -9px;
}
.why-card img {
width: 40px;
height: 40px;
}
.awards-slider img {
height: 145px;
}
.btnwhite, .btnwhite:hover {
padding: 10px 10px !important;
}
.banner-heading {
line-height: 40px;
font-size: 35px;
margin-bottom: 10px !important;
}
.banner-points-box-sec .call-btn {
font-size: 12px;
padding: 12px 5px !important;
margin-top: -9px !important;
}
.banner-points-box-sec form .input-group .form-control {
font-size: 12px;
}
.banner-points-box-sec form .input-group img {
width: 16px;
}
.suggestion-inner-content {
padding: 0 5px;
margin-right: 5px;
}
.suggestion-listing li label {
font-size: 14px;
}
.checkmark-doctor-search {
top: 16px;
}
.toggle-top-header {
font-size: 14px;
}
.helpline-dropdown button {
font-size: 12px;
}
.dropdown-title {
font-size: 16px;
}
.why-choose-sec .why-choose-cvr {
flex-wrap: wrap;
justify-content: center !important;
}
.why-choose-sec .why-choose-cvr .why-card {
width: 33.333333333333%;
margin-bottom: 60px;
}
}
@media screen and (min-width:768px) and (max-width:992px){
.testimonial-sec-main iframe {
height: 100px;
object-position: top;
}
.awards-slider img {
height: 115px;
}
.flex-listing-mathura li {
width: 32%;
}
}
@media screen and (min-width:992px){
.filters-doctors-main .grid .col-lg-3 {
width: 33.33333%;
}
}
@media screen and (max-width:992px){
.accordion-footer > a {
font-weight: 500 !important;
color: #5C5C5C !important;
text-decoration: none !important;
}
.accordion-footer > a {
border-top: 1px solid #ccc;
padding: 9px 0;
display: block;
}
footer.ft2 {
padding-bottom: 15px !important;
margin-bottom: 98px;
padding-top: 15px !important;
}
.newsletter {
padding: 20px 0px 15px;
}
.accordion-footer2 {
border-bottom: 1px solid #ccc;
}
.newsletter h4 {
font-size: 16px !important;
}
}
@media screen and (min-width:768px){
.our-team-row .col-lg-3 {
padding-right: 10px;
}
.rare-case-sec h4.new-b {
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
height: 40px;
}
.enent-single-large-img {
height: 290px;
object-fit: cover;
}
.doctor-master-sticky {
top: 100px;
z-index: 9;
}
.filter-show-result-hr {
width: 70%;
}
.card.custom_card ul {
display: flex;
flex-wrap: wrap;
}
.card.custom_card li {
width: 50%;
padding-right: 30px;
}
}
@media screen and (max-width:1024px){
.flex-nowrap {
overflow-x: scroll;
}
}
@media screen and (max-width:1024px) and (min-width:768px){
body #experts .testimonial-item.item .btn {
font-size: 14px;
}
body #menu li a {
font-size: 16px;
line-height: 26px;
}
body #menu li {
padding: 0 15px;
}
.navbar-brand img {
max-width: 130px;
margin: 0;
min-width: 130px !important;
width: 130px !important;
}
#pills-tab .nav-item {
white-space: nowrap;
margin-right: 0;
text-align: center;
}
#pills-tab {
display: flex;
flex-wrap: nowrap;
overflow-x: scroll;
padding: 0 15px;
}
.banner-home * {
text-align: center !important;
}
.banner-sec {
height: auto;
background: linear-gradient(350deg, #0091c6, #01668b);
}
.banner-home {
padding-top: 40px;
}
.banner-points-box-sec form {
border: none;
box-shadow: none;
background-color: transparent;
border-radius: 0;
padding: 0 !important;
}
.banner-points-box-sec form .input-group {
border: 1px solid #838383;
border-radius: 50px;
padding: 6px 15px;
background: #fff;
margin-bottom: 10px;
}
.banner-points-box-sec form .input-group .form-control {
font-weight: 500;
border-right: 0 !important;
margin: 0;
}
.banner-points-box-sec {
bottom: -7px;
margin-top: -40px !important;
margin-bottom: auto !important;
display: block;
}
.banner-search-btn {
display: block;
width: 100%;
}
.suggestion-box-wrapper {
top: 101%;
left: 20px;
width: 85%;
}
.location-suggestion-box .suggestion-box-wrapper {
min-width: auto;
width: 85%;
left: 20px !important;
}
.suggestion-inner-content {
max-height: 165px;
}
}
@media screen and (max-width:767px){
section, .col-md-8 {
padding-left:15px !important;
padding-right:15px !important;
}
.second-opinion-left-box img {
display: none;
}
#doctorAppointmentModal .modal-body {
padding-top: 90px;
}
.login-box-header > .d-flex.align-items-center {
max-width: 100%;
}
#locationResult ul.suggestion-listing {
padding-top: 20px !important;
}
.search-mobile-wrapper .menu-search {
border-right: none;
}
.second-opinion-left-box {
padding: 20px 20px 20px;
}
.flex-listing-mathura li {
width: 100%;
}
.doctor-img-box:hover .doctor-content-box {
height: 155px;
}
.tech-m-box div:first-child {
padding-right: 0;
}
.tech-m-box h3 {
margin-bottom: 10px;
}
.tech-m-box div:last-child {
text-align: center;
}
.tech-m-box p:empty {
display: none;
}
.thank-you-img img {
width: 60px;
}
.news-column-p{
padding: 0;
}
.text-justify h2, .text-justify h3, .text-justify h4{
text-align: left !important;
}
.share-dr-profile {
font-size: 14px;
padding: 7px 7px 7px;
}
.share-dr-profile img {
width: 21px;
position: relative;
top: -2px;
}
.appointment-content-right .col-md-3.col-6.mb-3:nth-child(odd) {
padding-right: 8px;
}
.appointment-content-right .col-md-3.col-6.mb-3:nth-child(even) {
padding-left: 8px;
}
.procedures-row {
overflow-x: scroll;
}
.procedures-row::-webkit-scrollbar{
opacity: 0;
}
.procedures-row .col-lg-4 {
width: 85%;
}
.location-suggestion-box .input-group-text img {
width: 26px !important;
}
.tech-m-box {
padding: 15px 15px;
}
.swiper-button-next, .swiper-button-prev {
display: none !important;
}
body .mobile-doctor-filter {
top: 97px !important;
}
.single-page-slider .col:first-child{
width: 100%;
}
.carousel-award-single .carousel-indicators {
position: static;
flex-wrap: wrap;
display: flex;
width: 100%;
margin-top: 10px;
}
.carousel-award-single .carousel-indicators button {
height: 60px !important;
width: 60px !important;
display: inline-block;
min-width: 60px;
}
body .circle, body .step:after {
display: none;
}
body .step ul {
padding-left: 18px;
}
body .step>div:not(:first-child) {
margin-left: 0;
padding-left: 0;
}
/*.specialities {
margin-right: -12px;
}*/
.single-blog-large-img img{
width: 100% !important;
}
.suggestion-listing img {
width: 35px;
height: 35px;
border-radius: 50%;
border: 1px solid #ccc;
margin-right: 5px;
}
body .suggestion-box-wrapper {
top: 94%;
left: 0;
transform: none;
position: absolute;
width: 100%;
box-shadow: 0 14px 15px #0000001f;
padding-bottom: 20px;
border: none;
border-top: none;
}
.search-mobile-wrapper input {
border-radius: 0;
padding: 13px 15px 13px 45px;
}
#hospital .hospitals_box img.img-fluid {
object-fit: cover;
object-position: top;
}
.hospitals_box iframe {
height: 180px;
}
.select-input-news {
width: 100%;
}
.events-content-box {
margin-bottom: 10px;
}
.home-network-wrapper .blogs-slider {
margin-left: 0 !important;
}
.rare-case-mobile-slide .col-lg-4 {
min-width: 200px;
width: 300px;
padding-left: 0 !important;
padding-right: 10px !important;
}
.home-network-wrapper .slick-slide {
margin: 0 12px 0 0;
}
.header-mobile {
position: fixed;
width: 100%;
top: 0;
}
.mobile-bottom-btn .btn {
padding: 10px 10px 7px;
}
body {
padding-top: 50px !important;
}
.logo-mobile {
width: 140px;
}
.why-card-hover-box {
height: 101%;
}
.why-choose-sec .why-choose-cvr .why-card > div:hover {
transform: translateY(0px);
}
.why-choose-sec .why-choose-cvr::-webkit-scrollbar, .cms-tabs::-webkit-scrollbar, .contact-form-pills::-webkit-scrollbar{
opacity: 0;
}
.why-card-hover-box .d-flex + p {
margin-top: 10px;
}
body .why-card-hover-box img {
width: 40px;
height: 40px;
}
body .testimonial-title h3 {
height: auto;
}
.main-timeline .left .card::before{
display: none;
}
.testimonial-slider .mx-2.slick-slide {
margin-left: 0 !important;
margin-right: 15px !important;
}
.blog-section .text-black-50.fs-10.f-sm-14 {
font-size: 14px !important;
}
body #blogs .hospitals_box h3 {
font-size: 16px;
line-height: 18px;
}
.testimonial-slider .sp-card {
margin-bottom: 20px;
}
.rare-case-mobile-slide::-webkit-scrollbar, .world-technology-tab::-webkit-scrollbar {
width:2px;
opacity: 0;
}
.rare-case-sec .sp-card.border-1.rounded-3 {
margin-bottom: 0px !important;
}
.banner-heading {
line-height: 26px;
font-size: 22px;
margin-bottom: 10px !important;
}
.sec_h {
height: auto;
margin: 0 -12px;
padding-left: 15px !important;
padding-right: 15px !important;
padding-top: 15px !important;
}
.breadcrumb-blog .filters .searchBar {
border-left: none;
padding-left: 0;
padding-bottom: 10px;
}
ul.contact-form-pills .nav-link {
padding: 5px 18px;
margin-right: 15px;
}
.dr-profile-left {
width: 70px;
height: 70px;
}
.contact-form-pills {
flex-wrap: nowrap;
overflow-x: scroll;
}
.appointment-sec .contact-form-pills li.nav-item {
width: 100%;
text-align: center;
white-space: nowrap;
}
.appointment-content-right ul.nav.nav-pills li:last-child a.nav-link {
margin-right: 0;
margin-bottom: 0;
}
.single-b-large-img .rounded-3 {
height: 200px;
width: 100%;
object-fit: cover;
border: 1px solid #AFAFAF;
}
.header-bottom {
display: none;
}
.login-profile-img {
width: 70px;
height: 70px;
}
.login-form-content {
max-width: 90%;
padding: 20px 0 25px;
}
.login-box input[type="submit"] {
font-size: 18px;
margin-top: 15px !important;
}
.otp-number-box input[type="number"] {
width: 37px;
height: 38px;
}
.login_mobile_field {
padding: 8px 10px;
font-size: 15px;
}
.login-box-header {
padding: 20px 15px;
}
.appointment-content-right .contact-form-pills {
display: block;
}
.appointment-sec .contact-form-pills li.nav-item a.nav-link {
margin: 0px 0 15px;
}
.thank-you-box img {
width: 50px;
}
.input-border-box:first-child, .register-form-wrapper .form-control:last-child {
margin-bottom: 10px;
}
.filter-bar {
overflow-x: scroll;
}
.filter-bar li {
margin-right: 30px;
min-width: 100px;
}
.appointment-filterbar {
margin-bottom: 20px;
}
.filter-show-img img {
padding: 3px;
width: 100px;
height: 100px;
min-width: 100px;
}
.filter-result-dr-content {
padding-left: 10px !important;
}
.filter-result-dr-content .btn.make-appointment-btn {
font-size: 14px;
padding: 5px 30px;
}
/*header*/
.top-header {
background-color: #0091C6;
}
.navbar-brand img {
max-width: 130px;
margin: 0;
min-width: 130px;
}
.navbar-toggler {
padding: 0;
}
/*homepage*/
.banner-home * {
text-align: center !important;
}
.banner-sec {
height: auto;
background: linear-gradient(350deg, #0091c6, #01668b);
}
.banner-home {
padding-top: 40px;
}
.banner-points-box-sec form {
border: none;
box-shadow: none;
background-color: transparent;
border-radius: 0;
padding: 0 !important;
}
.banner-points-box-sec form .input-group {
box-shadow: inset 0 0 0 1px #838383!important;
border-radius: 5px;
padding: 3px 15px;
background: #fff;
margin-bottom: 10px;
border: none;
}
.banner-points-box-sec form .input-group .form-control {
font-weight: 500;
border-right: 0 !important;
margin: 0;
}
.banner-points-box-sec {
bottom: 0;
/*margin-top: -123px !important;*/
margin-bottom: auto !important;
display: block;
}
.banner-search-btn {
display: block;
width: 100%;
}
body .schedule {
padding: 15px 5px;
}
.sp-card .d-flex .me-md-3.me-3 {
margin-right: 0 !important;
margin-bottom: 10px;
}
.sp-card .d-flex .me-md-3.me-3 img {
width: 45px;
margin: auto;
max-width: 45px;
}
.sp-card {
margin-bottom: 15px;
}
.our-specialist-slider h4 {
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
height: auto !important;
font-size: 13px;
}
.our-specialist-slider .sp-card {
justify-content: center;
}
#pills-tab .nav-item {
white-space: nowrap;
margin-right: 0;
text-align: center;
}
#pills-tab {
display: flex;
flex-wrap: nowrap;
overflow-x: scroll;
padding: 0 15px;
}
.testimonial-home-sec {
overflow-x: hidden;
}
.tabbed-sec .col-6 {
width: 100%;
}
.world-technology-tab .nav-link {
white-space: nowrap;
padding: 5px 10px !important;
}
.world-technology-tab {
display: flex !important;
flex-wrap: nowrap !important;
margin-right: 0 !important;
flex-direction: row !important;
overflow-x: scroll;
}
.why-choose-sec .why-choose-cvr .why-card {
padding: 0 4px;
width: 50%;
margin-bottom: 8px;
}
.why-choose-sec .why-choose-cvr {
flex-wrap: nowrap;
margin: 0;
padding: 0 0px 15px;
overflow-x: scroll;
overflow-y: hidden;
}
.why-choose-sec .why-choose-cvr .why-card {
padding: 0 4px;
min-width: 285px;
margin-bottom: 8px;
width: auto;
}
.why-choose-sec {
margin-top: -5px;
background-color: #008fc5;
}
.tabbed-slider .d-flex {
padding: 15px !important;
}
.tabbed-slider .d-flex.border {
display: block !important;
}
.footer-newsletter {
display: block !important;
}
body .newsletter .h-line {
background: transparent;
color: #787878 !important;
}
body .newsletter img {
min-width: 42px;
padding: 6px 10px;
}
.newsletter input {
height: 45px;
padding: 10px;
width: 100%;
}
footer.ft2 .terms-links a {
font-size: 12px;
margin-top: 10px;
}
section.section.blog-section {
padding: 30px 0 5px;
margin-bottom: 0px;
}
.testimonial-home-sec .col-md-6 {
padding: 20px 0px 20px 15px !important;
}
section.section.preventive-health-checkup {
padding-top: 10px;
padding-bottom: 30px;
}
.awards-slider.mb-5.awards-slider-home.slick-initialized.slick-slider {
margin-bottom: 40px !important;
margin-top: 40px;
}
section.lb-bg.tabbed-sec.section {
padding-top: 20px;
padding-bottom: 30px;
}
.meet-doctors-sec.section {
padding: 0px 0 20px;
margin-top: 30px;
}
.meet-doctors-sec.section p.text-end.f-sm-10.f-15.mb-4 {
text-align: left !important;
padding-left: 15px;
margin-bottom: 0 !important;
}
.our-specialist-slider .d-flex.align-items-center {
display: block !important;
}
.technology-single-H .testimonial-wrap {
margin-bottom: 20px;
}
.technology-single-H, .padding-sec.mb-5.custom_h {
margin-bottom: 0 !important;
}
.full-light-blue-left::before{
display: none;
}
body #menu li {
padding: 0 15px;
}
.our-network-lefttab .sticky-top {
margin-bottom: 30px;
}
.apt_form select {
margin-left: 0 !important;
width: 100% !important;
margin-bottom: 5px;
}
.sticky-top.ps-3 {
padding-left: 0 !important;
}
.contat-us-header-radio .button {
min-width: 110px;
margin-right: 15px;
white-space: nowrap;
}
.contat-us-header-radio .button:last-child {
margin-right: 0;
}
.php-content-box img {
min-width: 35px;
width: 35px;
height: 35px;
object-fit: contain;
}
.php-content-box .fa-arrow-right {
width: 18px;
height: 18px;
font-size: 10px;
line-height: 18px;
margin-left: auto;
min-width: 18px;
position: absolute;
bottom: auto;
right: 10px;
}
.php-content-box p {
max-width: 100%;
padding-left: 10px;
width: 100%;
padding-right: 20px;
margin-top: 0px;
}
.php-content-box {
height: 100%;
position: relative;
}
.custom_card h5.card-header.banner-c {
padding: 15px !important;
}
body .academic-tab-pills .nav-link {
padding: 13px 25px !important;
font-size: 14px;
min-width: auto;
white-space: nowrap;
text-align: center;
}
.academic-tab-pills li:last-child .nav-link {
margin-right: 0;
}
.row-yearly-border p {
font-size: 14px !important;
line-height: 23px !important;
}
body .envionment-tabs .nav-link {
padding: 15px 50px !important;
display: block;
}
nav.navbar .navbar-nav .nav-link {
padding-right: 0px;
padding-left: 0px;
font-size: 15px;
text-align: left;
}
.header-fixed {
background-color: #fff;
}
.hide-btn-header {
margin: 10px 0;
}
.pagination {
overflow-x: scroll;
}
.header-fixed .navbar-brand:before {
display: none;
}
.accordian-treatment-page .card a {
font-size: 16px !important;
background-position: 96% center;
}
.collapse-btn.collapsed {
background: url(../img/acordian-down-angle.svg) no-repeat 96% center !important;
}
.header-middle {
display: none;
}
.navbar-nav .dropdown-menu {
position: absolute;
}
nav.navbar .navbar-nav .nav-link, nav.navbar.header-fixed .navbar-nav .nav-link {
line-height: 35px;
}
.navbar-nav {
justify-content: flex-start;
align-items: flex-start;
}
.header-search-icon {
margin-left: 0;
}
nav.navbar {
padding: 5px 0;
}
.banner-sec {
padding-top: 20px;
}
.suggestion-box-wrapper {
top: 100%;
left: 50%;
transform: translateX(-50%);
width: 97%;
padding-top: 10px;
}
.header-fixed .navbar-brand img {
min-width: 130px;
width: 130px;
}
.our-specialist-slider a {
margin-right: 0;
margin-bottom: 10px
box-shadow: 0 4px 12px #00000010;
}
.our-specialist-slider .owl-prev, .our-specialist-slider .owl-next {
bottom: -47px;
}
.our-specialist-slider .owl-next {
right: 0;
}
.our-specialist-slider .owl-prev {
right: 30px;
}
#pills-tab {
padding: 0 0;
}
#experts .testimonial-item.item {
margin-top: 0 !important;
}
body .world-technology-tab .nav-link {
padding: 8px 20px 7px 15px !important;
font-size: 16px;
margin-right: 15px;
border-radius: 50px;
}
body .world-technology-tab .nav-link.active {
background-color: #D5ECF5 !important;
text-decoration: none !important;
}
.tabbed-sec img {
margin-top: 0px;
}
.rare-case-sec {
padding: 0 0px 0 10px;
}
.banner-sec {
background: linear-gradient(5deg, #0091c6, #01668b);
}
.banner-sec {
padding-top: 15px;
}
.banner-points-box-sec form .input-group .form-control {
margin: 0;
font-size: 14px;
font-weight: 400;
}
.banner-points-box button {
padding: 10px !important;
border-radius: 5px !important;
border: 1px solid #008fc5;
margin-top: 0px !important;
}
.banner-points-box img {
margin: 0;
}
.banner-points-box-sec form {
padding: 15px 0px 13px !important;
box-shadow: 0 0 13px #017ca963;
border-radius: 10px;
border: 1px solid #008fc58a;
background: #fff;
margin: 0 0px;
}
body .schedule {
border-radius: 10px;
}
.schedule-appointment-sec .bgBlueLight.rounded-3.pt-3.px-3.pb-4.mt-4.mt-md-0 {
background: #F2F9FC;
}
.dropdown-btn select.form-control {
padding: 7px 15px;
border-color: #E1EFF5;
font-size: 16px;
}
.unsure-slider {
margin-right: -8px;
}
.hospital-home-sec {
background: #F2F9FC !important;
padding-bottom: 0px !important;
}
#hospital .hospitals_box p, #testimonial .hospitals_box p, .our-network-lefttab .hospitals_box p {
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.meet-doctors-sec .nav-pills .nav-link {
font-size: 14px;
padding: 5px 16px;
}
.meet-doctors-sec .nav-pills .nav-link.active, .meet-doctors-sec .nav-pills .show > .nav-link {
margin-right: 20px;
}
.meet-doctors-sec .row.grid.row-cols-1.row-cols-sm-3.row-cols-md-4.row-cols-lg-5.row-cols-xl-5 {
flex-wrap: nowrap;
overflow-x: scroll;
}
.tabbed-slider .d-flex.border {
padding-bottom: 20px !important;
}
section.bgBlueDark.py-5.why-choose-sarvodaya {
padding: 25px 0px !important;
}
.why-card p {
font-size: 16px;
}
.men-handu-row {
position: relative;
margin-top: 10px;
}
.man-hand-up {
margin-bottom: 0;
position: absolute;
bottom: 0;
left: -15px;
height: 266px;
width: 112px;
}
.awards-slider img {
height: 140px;
}
.awards_box .bg-white.border.p-2 {
padding-bottom: 0 !important;
}
.awards-slider img {
height: 200px;
object-fit: cover;
object-position: top;
}
.rare-case-mobile-slide {
flex-wrap: nowrap;
overflow-x: scroll;
}
.rare-case-sec h4.new-b {
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
height: 34px;
line-height: 16px;
}
.rare-case-sec .row .col-md-4 img.img-fluid {
display: none;
}
.preventive-health-checkup p.clrBlueDark {
color: #5C5C5C !important;
}
.preventive-health-checkup {
padding-bottom: 20px;
}
.db-bg.section {
padding-right: 15px;
}
.testimonial-home-sec .db-bg.section.position-relative {
padding-top: 15px;
}
.col-md-6.lb-bg.section.position-relative {
padding-top: 25px;
}
.accordion-footer > a {
font-weight: 500 !important;
color: #5C5C5C !important;
text-decoration: none !important;
}
.accordion-footer > a {
border-top: 1px solid #ccc;
padding: 9px 0;
display: block;
}
footer.ft2 {
padding-bottom: 15px !important;
margin-bottom: 74px;
padding-top: 15px !important;
}
.newsletter {
padding: 20px 0px 15px;
}
.accordion-footer2 {
border-bottom: 1px solid #ccc;
}
.newsletter h4 {
font-size: 16px !important;
}
div#collapsibleNavbar {
position: fixed;
background: #fff;
left: 0;
right: 0;
width: 100%;
top: 12%;
padding: 15px;
height: 60vh;
border-radius: 0 0 50px 50px !important;
box-shadow: 0 24px 24px #00000025;
border-top: 1px solid #E0E0E0;
}
.banner-c img {
width: 50px;
padding-right: 6px !important;
}
.consult-btn {
padding: 0 !important;
border: none;
text-decoration: underline;
}
.left_Sec_content h2 {
font-size: 18px;
}
.left_Sec_content h2::before {
width: 30px;
}
.projectFactsWrap .item {
text-align: left;
display: flex;
}
body .projectFactsWrap .item p.number {
font-size: 18px !important;
line-height: 18px !important;
}
.projectFactsWrap .item img {
margin-right: 10px;
}
.mobile-full-bg {
margin: 0 -12px;
}
body .master-speciality-page .me-md-3.me-3 {
padding-right: 15px;
}
.master-speciality-page .sp-card .d-flex .me-md-3.me-3 img {
width: 45px;
margin: auto;
max-width: 45px;
height: 45px;
}
.master-speciality-page .sp-card .d-flex .me-md-3.me-3 {
margin-bottom: 0 !important;
}
.master-speciality-page .sp-card {
padding: 10px !important;
}
.modal-php .modal-body {
padding: 10px 10px 25px;
}
.card.custom_card {
margin-bottom: 30px;
height: auto !important;
}
.our-network-box-wrapper p {
display: -webkit-box;
-webkit-line-clamp: 1 !important;
-webkit-box-orient: vertical;
overflow: hidden;
}
.meet-doctors-sec .doctor-text-wrapper {
min-height: auto;
}
.doctor-testimonial-slider .mx-2.slick-slide {
margin-left: 0 !important;
}
.blog-section .blogs-slider .slick-slide {
margin-right: 0;
}
.meet-doctors-sec .row.grid{
flex-wrap: nowrap;
overflow-x: scroll;
}
.suggestion-inner-content {
padding: 0 10px;
}
.apply-specialties-box .btn {
padding: 3px 15px !important;
border: none;
display: inline-block;
margin: 0px 0px 0px 0px !important;
font-weight: 500;
font-size: 15px;
}
.rarecase-title {
height: auto;
}
.location-suggestion-box .suggestion-box-wrapper {
min-width: auto;
width: 100%;
}
.google-review-box {
padding: 4px 9px;
margin-bottom: 0;
}
div#locationResult {
left: 50%;
transform: translateX(-50%);
}
.helpline-dropdown .dropdown-menu {
right: 0px;
}
.dropdown.ps-2.helpline-dropdown {
padding-right: 6px;
}
.helpline-dropdown .dropdown-menu::after {
top: -9px;
right: 4.3px;
border-left: 7px solid transparent;
border-right: 7px solid transparent;
border-bottom: 9px solid #ffffff;
}
.helpline-dropdown .dropdown-menu .row {
padding: 0 10px 0 20px;
}
.blog-search-box input {
padding: 10px 40px 10px 15px;
}
.blog-main-sec .blog-link-text {
min-height: auto;
}
.contact-faq-box i {
position: absolute;
top: 50%;
right: 10px;
z-index: 9;
transform: translateY(-50%);
}
#accordion .contact-faq-box .collapse-heading {
position: relative;
padding: 5px 30px 5px 10px;
font-size: 16px;
line-height: 20px;
}
.our-team-box img {
width: 150px;
}
.our-team-box {
padding: 7px 10px 10px;
}
.heart-d-bg {
padding-top: 22px !important;
}
.why-card img {
width: 60px;
height: auto;
}
.single-speciality-page img {
width: 40px !important;
}
/*.single-hospital-expert .swiper-overflow-container {*/
/* margin-right: -12px;*/
/*}*/
.main-timeline::after {
left: 10px;
}
.timeline {
width: 100%;
padding-left: 70px;
padding-right: 25px;
}
.timeline::before {
left: 60px;
border: medium solid white;
border-width: 10px 10px 10px 0;
border-color: transparent white transparent transparent;
}
.main-timeline .left::after, .main-timeline .right::after {
left: -3px;
}
.main-timeline .left::before {
right: auto;
left: 31px;
}
.main-timeline .right {
left: 0%;
}
.main-timeline .left {
padding: 0px 0px 20px 40px;
left: 0;
}
.timeline h3.text-end {
text-align: left !important;
}
.main-timeline .left::before {
content: " ";
position: absolute;
top: 18px;
z-index: 1;
left: 31px;
border: medium solid white;
border-width: 10px 10px 10px 0;
border-color: transparent #dddddd transparent transparent;
}
.mission-vision-box {
min-height: auto;
}
body .newsletter {
padding: 20px 0px 10px;
}
body header .dropdown-item:focus, body header .dropdown-item:hover {
background-color: #fff;
}
}
@media screen and (max-width:767px) and (min-width:575px){
.meet-doctors-sec .row.grid .col-lg-3 {
width: 65%;
}
.meet-doctors-sec .row.grid .col-lg-3 {
width: 39%;
}
.rare-case-mobile-slide .col-md-4 {
width: 45%;
}
.carousel-award-single .carousel-item img {
height: 300px;
}
.carousel-award-single .carousel-control-next, .carousel-control-prev {
top: 40%;
}
}
@media screen and (max-width:575px){
.meet-doctors-sec .row.grid .col-lg-3 {
width: 65%;
}
.carousel-award-single .carousel-control-next, .carousel-control-prev {
top: 36%;
}
.carousel-award-single .carousel-item img {
height: 200px;
}
.rare-case-mobile-slide .col-md-4 {
width: 75%;
}
.star {
font-size: 9px;
}
.google-review-box .reviews-text {
top: -0.9px;
font-size: 12px;
}
.mobile-bottom-btn .btn {
padding: 10px 5px 7px;
}
.google-review-box span {
top: -2px;
}
}
.specialities-megha-menu .dropdown-menu {
opacity: 0 !important;
visibility: hidden !important;
right: auto;
border-radius: 4px;
top: 0 !important;
width: 0;
padding: 0 !important;
width: 200%;
box-shadow: none;
height: 100%;
padding-right: 15px !important;
left: 100%;
padding-left: 13px !important;
}
.full-menu .dropdown-menu .dropdown-item{
min-height: 48px;
}
.dropdown-menu .row .col-md-3 {
position: relative;
}
.dropdown-menu .dropdown {
position: static;
}
.specialities-megha-menu:hover .dropdown-menu {
opacity: 1 !important;
visibility: visible !important;
width: 200%;
}
.iti__selected-flag {
background-color: transparent!important;
}
.iti__country-list { z-index: 99!important; }
.iti.iti--allow-dropdown.iti--separate-dial-code { display: block!important; }
.labelInput { z-index: 99; }
.single-speciality-page img {
filter: invert(1) brightness(10);
width: 50px;
margin-bottom: 6px;
}
.php-blue-img {
filter: invert(1) brightness(100);
}
.select-patient-border-box .bg-grey {
background-color: #EDEDED;
padding: 4px 6px;
border-radius: 2.5px;
text-align: center;
}
.select-patient-col .button-hospital-select {
max-width: 105px;
margin-left: auto;
}
.reports-tab .nav-link {
background: 0 0;
border: 0;
border-radius: 5px;
background-color: #f7f7f7;
color: #A7A7A7;
padding: 6px 40px;
font-weight: 400;
}
.reports-tab .nav-link.active {
background-color: #008FC5 !important;
}
.report-search-doctor .form-control {
background-color: #f7f7f7;
border: 1px solid #D8D8D8 !important;
padding: 8px 35px 8px 15px;
font-size: 14px;
}
.report-search-doctor button {
position: absolute;
top: 5px;
right: 8px;
}
.shadow-none:hover{
box-shadow: none !important;
}
.booking-dr-profile img {
width: 45px;
height: 45px;
min-width: 45px;
padding: 2px;
box-shadow: 0 4px 4px 2px #0000000d;
border-radius: 50%;
object-fit: cover;
object-position: top;
}
.doctor-booking-box {
padding: 15px 10px;
border: 1px solid #CBCBCB;
border-radius: 5px;
}
.report-sh-icon{
width: 43px;
height: 43px;
min-width: 43px;
}
.schedule-appointment-report {
background-color: #008fc5;
color: #fff;
}
.cancel-appointment-btn {
background-color: #E31936;
}
.cancel-appointment-btn:hover, .schedule-appointment-report:hover{
color: #fff;
box-shadow: 0px 2px 4px -1px rgb(0 0 0 / 20%), 0px 4px 5px 0px rgb(0 0 0 / 14%), 0px 1px 10px 0px rgb(0 0 0 / 12%) !important;
}
.pateint-info-box table tr:nth-child(odd) {
background: #DCDCDC;
}
.pateint-info-box table tr td, .pateint-info-box table tr th {
padding: 6px 15px;
border:none;
}
.reports-table thead {
background-color: #F0F0F0;
margin-bottom: 25px;
display: block;
}
.reports-table{
border-collapse: separate;
border-spacing: 0 0px;
}
.reports-table tr {
border: 1px solid #ccc !important;
border-radius: 5px;
display: block;
margin-bottom: 20px;
}
.reports-table tr th, .reports-table tr td {
width: 22%;
text-align: left;
border: none;
padding: 15px 15px;
font-size: 14px;
color: #5c5c5c;
vertical-align: middle;
}
.reports-table tr th:first-child, .reports-table tr td:first-child {
min-width: 300px;
}
.reports-table thead tr {
border: none !important;
margin-bottom: 0;
}
.download-btn-report {
background-color: #008FC5;
color: #fff;
padding: 4px 20px;
}
.reports-table tr th {
padding: 10px 15px;
}
@media screen and (max-width:767px){
header {
z-index: 9999 !important;
}
.s-doctor-header .res_img {
margin: 0 !important;
}
.doctor-booking-box {
padding: 15px 5px;
}
.banner-top-text {
margin-bottom: 8px !important;
}
#fixed-sidebars{
display: none;
}
.banner-img {
max-width: 80%;
}
/*.pateint-info-box .table td {
min-width: 180px;
}*/
.pateint-info-box .table, .reports-table {
overflow-x: scroll;
display: block;
}
.pateint-info-box table tr td, .pateint-info-box table tr th {
padding: 4px 6px;
font-size: 12px;
}
.reports-tab .nav-link {
padding: 6px 20px;
}
.reports-table tr th, .reports-table tr td {
min-width: 150px;
padding: 6px 15px;
}
.reports-table tr th:first-child, .reports-table tr td:first-child {
min-width: 210px;
}
.select-patient-col .button-hospital-select {
margin-right: auto;
}
.select-patient-border-box .row {
display: block;
text-align: center;
}
.select-patient-border-box .bg-grey {
padding: 9px 6px;
width: 100%;
}
.select-patient-border-box .col {
margin: 10px 0;
}
.php-content-single-box {
padding: 20px 15px 20px;
}
.php-appointment-btn-wrapper {
padding-top: 20px;
margin-top: 10px !important;
}
}
.input-text ::placeholder {
color: red !important;
}
.custom-light-grey{
background-color:#f1f1f1 ;
}
.custom-light-blue{
background-color: #f2f9fc;
}
.yt-play-btn {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
height: auto !important;
width: 60px !important;
}
#fixed-sidebars .whatsapp{
display: none;
}
#google_translate_element{
padding:0px 10px;
}
.skiptranslate .goog-te-combo{
border: 1px #0091c6 solid;
padding: 5px;
}
#google_translate_element_mobile{
margin-bottom: 8px;
}
#google_translate_element_mobile .skiptranslate .goog-te-combo{
width: 100%;
}