File: /var/www/html/sarvodayahospital/public/ghana/css/theme.css
.btnwhite,
.btnwhite:hover {
color: #fff;
border-color: #fff;
font-weight: 500;
font-size: 15px;
line-height: 18px;
text-align: center;
letter-spacing: 0.03em;
text-transform: capitalize;
padding: 10px 40px;
}
.custom_breadcrumb ol li,
.custom_breadcrumb ol li a {
font-weight: 400;
font-size: 12px;
line-height: 14px;
color: #5c5c5c;
text-decoration: none;
}
.breadcrumb-item.active {
color: #5c5c5c;
}
.left_Sec_content h2 {
font-weight: 500;
font-size: 22px;
line-height: 28px;
color: #ffff;
position: relative;
padding-bottom: 10px;
margin-bottom: 20px;
}
.left_Sec_content h2::before {
content: "";
position: absolute;
left: 0;
bottom: 0px;
height: 3px;
width: 50px;
background-color: #F58220;
z-index: 1;
}
.left_Sec_content h2::after {
content: "";
position: absolute;
left: 0;
bottom: 0px;
height: 1px;
width: 80%;
max-width: 115px;
background-color: #C7C7C7;
}
.left_Sec_content#overview p,
.left_Sec_content#education p,
.left_Sec_content#education ul li,
.left_Sec_content#other p,
.left_Sec_content#other ul li,
.left_Sec_content#contribution p,
.left_Sec_content#contribution ul li,
.left_Sec_content#overview ul li {
font-weight: 400;
font-size: 16px;
line-height: 26px;
color: #5c5c5c;
margin-bottom: 5px;
}
.left_Sec_content .moreless-button {
font-size: 15px;
line-height: 99.87%;
text-decoration-line: underline;
color: #008FC5;
}
.moretext {
display: none;
}
.procedure_box {
background: #FFFFFF;
border: 0.434902px solid #C7C7C7;
border-radius: 6.77703px;
padding: 17px 15px 20px;
position: relative;
text-decoration: none;
transition: .3s;
height: 100%;
}
.procedure_box:hover {
background: #008FC5;
color: #fff;
box-shadow: 0 4px 12px #00000017;
border-color: #008FC5;
}
.procedure_box:hover *{
color: #fff;
}
.procedure_box h3 {
font-weight: 500;
font-size: 16px;
line-height: 22px;
color: #5c5c5c;
}
.procedure_box p {
font-weight: 400;
font-size: 14px;
line-height: 20px;
color: #5c5c5c;
margin-bottom: 0;
}
.procedure_box .card_header {
display: flex;
align-items: center;
}
.procedure_box .card_header img {
width: 30px;
height: 30px;
margin-right: 5px;
margin-bottom: 5px;
}
.swiper-overflow-container {
overflow-x: hidden;
}
.swiper-overflow-container .container {
overflow: visible;
outline: 2px solid red;
position: relative;
}
.swiper-overflow-container .swiper-container {
overflow: visible;
}
#experts .testimonial-item.item {
background: #FFFFFF;
border: 1px solid #dadada;
border-radius: 7.75194px;
padding: 10px 15px;
margin-top: 20px;
}
#experts .testimonial-item.item h3 {
font-weight: 500;
font-size: 18px;
color: #5c5c5c;
margin: 20px 0 1px;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
}
#experts .testimonial-item.item p {
font-weight: 400;
font-size: 14px;
line-height: 18px;
color: #ACACAC;
margin-bottom: 1px;
}
#experts .testimonial-item.item p.exp {
font-weight: 500;
font-size: 14px;
line-height: 16px;
color: #5c5c5c;
margin: 1px 0 0;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
}
.fs-10 {
font-size: 10px !important;
}
#experts .testimonial-item.item .btn {
font-weight: 500;
font-size: 16px;
line-height: 20px;
color: #5c5c5c;
border: 0.5px solid #5c5c5c;
border-radius: 4px;
width: 100%;
margin: 5px 0 10px;
text-align: center;
transition: .3s;
}
#experts .testimonial-item.item .btn:hover {
color: #FFFFFF;
background: #008FC5;
border: 0.5px solid #008FC5;
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%);
}
#hospital .hospitals_box,
#testimonial .hospitals_box,
#blogs .hospitals_box,
.our-network-lefttab .hospitals_box {
background: #FFFFFF;
border: 0.735465px solid #E3E3E3 !important;
border-radius: 3.67733px;
transition: .3s;
}
#hospital .hospitals_box:hover, #testimonial .hospitals_box:hover, #blogs .hospitals_box:hover, .our-network-lefttab .hospitals_box:hover {
border-color: #008fc5 !important;
}
#hospital .hospitals_box h3,
#testimonial .hospitals_box h3,
#blogs .hospitals_box h3,
.our-network-lefttab .hospitals_box h3 {
font-weight: 500;
font-size: 16px;
line-height: 18px;
color: #5c5c5c;
margin-bottom: 10px;
margin-top: 7px;
}
#hospital .hospitals_box p,
#testimonial .hospitals_box p,
.our-network-lefttab .hospitals_box p {
font-weight: 400;
font-size: 14px;
line-height: 14px;
color: #5c5c5c;
margin-bottom: 0;
}
#testimonial .hospitals_box p {
font-weight: 400;
font-size: 11.521px;
line-height: 20px;
letter-spacing: -0.02em;
color: #898989;
}
#blogs .hospitals_box p {
font-weight: 400;
font-size: 8.82558px;
line-height: 13px;
color: #939393;
margin-bottom: 0;
}
#hospital .hospitals_box .body_c,
#testimonial .hospitals_box .body_c,
#blogs .hospitals_box .body_c,
.our-network-lefttab .hospitals_box .body_c {
padding: 10px 15px;
}
#hospital .hospitals_box p span.star-icon.filled {
background: radial-gradient(150.74% 158.7% at 9.12% 128.52%, #FFC200 35%, #FFBD07 51%, #FFAF19 72%, #FF9737 98%, #FF953A 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
#faq .accordion-item {
background-color: #fff;
border: 1px solid transparent;
border-bottom: 1px solid;
border-bottom: 0.5px solid #B7B7B7;
padding: 17px 0;
}
#faq .accordion-item:last-child {
border-bottom: 0
}
#faq .accordion-button {
font-weight: 400;
font-size: 15px;
line-height: 18px;
color: #515151;
background: transparent;
padding: 0;
}
#faq .accordion-body {
padding: 15px 0;
}
#faq .accordion-button:hover {
box-shadow: none !important;
}
.accordion-button:not(.collapsed) {
box-shadow: none;
}
#faq .accordion-button.accordion-button:not(.collapsed) {
font-weight: 500;
}
.nav-sections {
position: sticky;
top: 0;
width: 100%;
background-color: white;
box-shadow: inset lightgray 0 -1px 0, rgba(0, 0, 0, 0.15) 0 3px 10px 0;
z-index: 100;
padding: 0;
border-left: 1px solid #666666;
}
#menu li a {
font-weight: 400;
font-size: 18px;
line-height: 35px;
color: #000000;
text-decoration: none;
}
ul#menu {
list-style: none;
border-left: 1px solid #666666;
padding: 10px 0px;
margin-bottom: 40px;
}
/* #menu li.active a {
border-left: 3px solid #333;
color: #333;
} */
.right_Sec .sticky-top {
position: -webkit-sticky;
position: sticky;
top: 100px;
z-index: 9;
background: white;
}
.arrow {
transform: rotate(-35deg);
position: absolute;
right: 10px;
bottom: 10px;
color: #979797;
font-size: 12px;
}
img.rect {
position: absolute;
left: 0;
height: 300px;
width: 30%;
}
img.rect_img {
margin-top: 15%;
}
#Technology .testimonial-item {
background: #FFFFFF;
border: 0.434902px solid #C7C7C7;
border-radius: 6.77703px;
padding: 20px;
box-shadow: 0 4px 11px #00000010;
transition: .3s;
}
#Technology .testimonial-item:hover {
background: #008FC5;
}
#Technology .testimonial-item:hover * {
color: #fff !important;
}
#Technology.technology-single-H .testimonial-item:hover h3 {
text-decoration: none;
}
#Technology .testimonial-item h3 {
font-weight: 500;
font-size: 18px;
line-height: 21px;
color: #484848;
}
#Technology .testimonial-item p {
font-weight: 400;
font-size: 14px;
line-height: 20px;
color: #5c5c5c;
}
.side_c p {
margin-left: 50px;
}
.custom_card .banner-c {
background: #008FC5;
border-radius: 15px 15px 0px 0px;
color: #fff;
font-weight: 500;
font-size: 18px;
line-height: 23px;
padding: 15px;
}
.card.custom_card {
border: 1px solid #008FC5;
border-radius: 17px;
height: 100%;
}
.card.custom_card ul {
padding: 0 0px 0 15px;
}
.card.custom_card ul li {
font-weight: 400;
font-size: 16px;
line-height: 35px;
color: #484848;
}
ul.courses {
list-style: none;
padding-left: 0;
display: flex;
}
ul.courses li {
background-color: #EAEAEA;
padding: 15px 40px;
margin: 0 30px 0 0;
font-weight: 500;
text-decoration: none;
}
ul.courses li a {
color: #676767;
text-decoration: none;
}
ul.courses li a.active {
background-color: #E1EFF8;
color: #008FC5;
}
.fs-12 {
font-size: 12px !important;
}
.fs-15 {
font-size: 15px !important;
}
.common_p p {
font-weight: 400;
font-size: 15px;
line-height: 23px;
color: #6F6F6F;
}
#blog_detail .main_h {
font-weight: 500;
font-size: 22px;
line-height: 29px;
color: #5c5c5c;
}
.filters ul {
list-style: none;
padding: 0;
display: flex;
margin-bottom: 0;
}
.filters ul li {
font-weight: 400;
font-size: 17px;
letter-spacing: -0.02em;
color: #929292;
margin-right: 30px;
cursor: pointer;
}
.filters {
display: flex;
}
#searchQueryInput {
background: #f5f5f5;
outline: none;
border: none;
}
#hospital .hospitals_box img.img-fluid {
width: 100%;
border-radius: 3.67733px 3.67733px 0 0;
}
.filters ul li.active {
font-weight: 500;
color: #8c8a8a;
}
#experts .filter-content .testimonial-item.item:hover, #experts .testimonial-item.item:hover {
border: 1px solid #008FC5;
}
#experts .filter-content .testimonial-item.item, #experts .testimonial-item.item {
transition: .3s;
}
#experts .filter-content .testimonial-item.item:hover #experts .testimonial-item.item .btn {
color: #FFFFFF;
background: #008FC5;
border: 0.5px solid #008FC5;
}
.award-master .hospitals_box {
height: 100%;
}
#hospital.award-master .hospitals_box .body_c h3 {
height: auto;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
height: 38px;
text-overflow: ellipsis;
}
.related-blogs li:last-child {
border-bottom: 0;
}
.fs-15 {
font-size: 15px !important;
}
.projectFactsWrap {
display: flex;
}
.projectFactsWrap .item {
width: 25%;
}
.projectFactsWrap .item p.number {
font-weight: 500 !important;
font-size: 22px !important;
line-height: 29px !important;
color: #008FC5 !important;
}
.projectFactsWrap .item p {
color: rgba(255, 255, 255, 0.8);
font-size: 18px;
}
.projectFactsWrap .item span {
width: 60px;
background: rgba(255, 255, 255, 0.8);
height: 2px;
display: block;
margin: 0 auto;
}
.projectFactsWrap .item i {
vertical-align: middle;
font-size: 30px;
color: #008FC5;
margin-bottom: 10px;
}
#projectFacts {
background: #EDF7FB;
padding: 20px 20px 10px;
margin: 30px 0;
}
.clrBlueDark {
color: #008fc5 !important;
}
#procedure .input-group.w-50 {
height: 40px;
margin-left: 32px;
}
.swiper-pagination {
position: inherit;
}
.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
bottom: -5px;
}
.single_hos .breadcrumb-item+.breadcrumb-item::before {
color: #fff;
}
.star {
color: #FF953A !important;
}
#banner_img {
/* width: 370px; */
/* height: 288px; */
border-radius: 20px;
margin-bottom: -120px;
border: 4.62035px solid rgba(255, 255, 255, 0.5);
box-shadow: 0px 10.1648px 11.0888px rgb(0 143 197 / 7%);
}
.dsk_view {
display: block;
}
.mob_view {
display: none;
}
.res_h {
margin-top: -24%;
}
#single_hospital .res_h {
margin-top: -26%;
}
.projectFactsWrap .item {
border: 0 !important;
}
#menu li {
margin-bottom: 15px;
padding: 0 35px;
position: relative;
}
#menu li.active::before {
display: block;
position: absolute;
content: '';
border-left: 7px solid #008FC5;
border-top: 5px solid transparent;
border-bottom: 5px solid transparent;
left: 0px;
transition: all .3s ease;
margin-top: 0;
top: 50%;
transform: translateY(-50%);
}
#menu li.active::after {
content: "";
display: block;
width: 3px;
background-color: #008FC5;
height: 48px;
position: absolute;
left: -2px;
top: 50%;
transform: translateY(-50%);
}
#sidebar-nav.sticky {
position: fixed;
top: 5px;
}
.extra1.dsk_view p.f-18.f-sm-15.text-white.fw-300 {
font-size: 15px;
margin-bottom: 5px;
}
.extra1.dsk_view p.f-18.f-sm-15.text-white.fw-500 {
font-size: 15px;
margin-bottom: 0px;
}
.extra1.dsk_view h1.f-35.f-sm-20.text-white {
font-size: 30px;
margin-bottom: 10px;
}
.extra1.dsk_view li.breadcrumb-item {
font-size: 12px;
}
.extra1.dsk_view img.img-fluid.rounded-3 {
border: 4.62035px solid rgba(255, 255, 255, 0.5);
box-shadow: 0px 10.1648px 11.0888px rgb(0 143 197 / 7%);
width: 200px;
height: 200px;
border-radius: 20px;
object-fit: cover;
object-position: top;
}
.fs-18 {
font-size: 18px !important;
}
.apt_h {
background: #EDF7FB;
border-radius: .3rem .3rem 0px 0px;
padding: 10px 25px;
}
.apt_h h2 {
font-weight: 500;
margin: 0;
}
.apt_form select {
border: 0;
border-bottom: 1px solid #B3B3B3;
border-radius: 0;
font-size: 15px;
padding: 5px 35px 5px 0px;
}
.available {
color: #9FA617;
}
.available i {
color: #9FA617;
}
.not-available {
color: #E31936;
}
.not-available i {
color: #E31936;
}
.container {
max-width: 1200px;
margin-left: auto;
margin-right: auto;
}
.abs_div {
position: absolute;
left: 0;
width: 58%;
top: 0;
height: 320px;
z-index: -1;
}
.step {
position: relative;
min-height: 1em;
color: #5c5c5c;
}
.title {
line-height: 1.5em;
font-weight: bold;
}
.caption {
font-size: 0.8em;
}
.step+.step {
margin-top: 1.5em
}
.step>div:first-child {
position: static;
height: 0;
}
.step>div:not(:first-child) {
margin-left: 2.5em;
padding-left: 1em;
}
/* Circle */
.circle {
border: 2px solid #008FC5;
position: relative;
width: 34px;
height: 34px;
line-height: 29px;
border-radius: 100%;
color: #008FC5;
text-align: center;
box-shadow: 0 0 0 3px #fff;
background: #fff;
}
.step:after {
content: ' ';
position: absolute;
display: block;
top: 26px;
left: 16px;
height: 100%;
width: 1px;
background-color: #008FC5;
z-index: -1;
overflow: hidden;
}
.step-cust:after {
display: none;
}
.step:last-child .circle:after {
display: none
}
.step.step-active {
color: #4285f4
}
.step.step-active .circle {
background-color: #4285f4;
}
.circle i {
color: #008FC5;
}
.colors#two {
display: none;
}
#accordion .card-body ul li {
margin-bottom: 8px;
font-weight: 400;
font-size: 16px;
line-height: 24px;
color: #5c5c5c;
}
#accordion a {
font-weight: 500;
font-size: 18px;
line-height: 21px;
letter-spacing: -0.02em;
color: #5c5c5c;
}
.section {
padding: 50px 0;
}
.patients-t-slider1 .slick-slide .border {
margin-right: 25px;
}
@media (max-width: 768px) {
.sticky-top .form {
display: block;
}
.sticky-top.ps-3 .border.rounded-3.px-5.py-3 {
padding: 15px 15px !important;
}
.d-flex.apt_form.align-items-baseline {
display: block !important;
}
.d-flex.apt_form.align-items-baseline .ms-3 {
margin-left: 0 !important;
width: 100% !important;
}
.container {
width: 100%;
}
ul#menu {
margin-bottom: 30px;
padding: 0 0px;
}
.form {
display: none;
}
img.rect {
width: 100%;
}
#hospital .hospitals_box img {
width: 100%;
}
#hospital .hospitals_box .body_c img {
height: 20px !important;
width: 20px !important;
}
img.rect_img {
margin-top: 15%;
width: 100%;
}
.side_c p {
margin-left: 0px;
}
ul.courses {
display: block;
width: 100%;
}
ul.courses li {
padding: 15px 20px;
margin: 10px 0;
}
.filters {
display: block;
}
.filters ul li {
margin-bottom: 0px;
}
#hospital.award-master .hospitals_box .body_c h3 {
height: auto;
}
.projectFactsWrap .item {
width: 100%;
padding: 15px 15px;
width: 50%;
box-sizing: border-box;
}
.projectFactsWrap .item img {
margin-right: 8px;
}
.projectFactsWrap {
display: flex;
text-align: center;
flex-wrap: wrap;
}
.custom_h .col-md-8.px-5.py-4 {
padding: 0 !important;
}
.custom_h .col-md-8.px-5.py-4 .d-flex.justify-content-between.align-items-center {
font-size: 12px !important;
}
.extra1.mob_view p.f-18.f-sm-15.text-white.fw-300 {
font-size: 14px;
margin-bottom: 5px;
}
.extra1.mob_view p.f-18.f-sm-15.text-white.fw-500 {
font-size: 10px;
margin-bottom: 0px;
font-weight: 300;
}
.extra1.mob_view h1.f-35.f-sm-20.text-white {
font-size: 16px;
margin-bottom: 2px;
}
img.img-fluid.rounded-3.res_img {
margin-bottom: -50px;
height: 145px;
object-fit: cover;
object-position: top;
width: 125px;
object-position: top;
}
.dsk_view {
display: none;
}
.mob_view {
display: block;
}
.extra1.mob_view li.breadcrumb-item {
font-size: 10px;
}
a.res_d {
color: white;
position: absolute;
right: 55px;
top: -35px;
font-size: 15px;
}
.projectFactsWrap .item.border-bottom {
border-bottom: 1px solid #008fc5!important;
}
.projectFactsWrap .item.border-end {
border-right: 1px solid #008fc5!important;
}
.extra2.px-5.py-4.mt-5 {
padding: 20px !important;
margin-top: 20px !important;
}
#projectFacts {
padding: 15px;
}
.container-fluid {
width: 100%;
margin-left: auto;
margin-right: auto;
}
.star {
font-size: 9px;
}
.sec_h {
height: auto;
}
.banner-c {
padding: 8px 0 8px !important;
}
.banner-c h1.f-sm-30 {
font-size: 24px;
}
.left_Sec_content h2 {
font-size: 22px;
padding-bottom: 10px;
}
}
/*new css*/
.number {
margin-bottom: 0 !important;
}