:root{
--color1:#151a5c;
--font1:'Roboto', sans-serif;
--font2:'DM Sans', sans-serif;
}
::selection {
background: #000;
color: #ffffff;
}
html{
font-family: var(--font2);
}
body{
font-family: var(--font2);
}
/* For Firefox */
::-moz-selection {
background: #000;
color: #ffffff;
}
.container{
max-width: 1200px;
}
.menu-area{
position: relative;
}
.main-menu{
margin-left: 280px;
font-family: var(--font1);
}
.header-logo img{
width: 270px;
position: absolute;
top: -14px;
padding: 10px;
background: #fff;
border-radius: 10px;
box-shadow: 0 0 5px #00000025;
}
.main-menu li a{
font-weight: normal;
color:var(--color1);
font-family: var(--font2);
font-size: 16px;
}
.homeslider{
top: 0;
min-height: 100vh;
}
.carousel-inner{
position: relative;
}
.homeslider .contant-area{
max-width: 500px;
position: absolute;
z-index: 999;
left: 7%;
top: 28%;
}
.banner-contant h3{
color: #fff;
font-family: var(--font2);
font-weight: 400;
font-size: 22px;
}
.banner-contant h2 {
color: #fff;
font-size: 45px;
line-height: 1.3;
}
.banner-contant h2 span{
}
.banner1{
background: url('../images/banner/1.jpg') top left no-repeat;
height: 860px;
width: 100%;
background-size: cover;;
}
.banner2{
background: url('../images/banner/2.jpg') top left no-repeat;
height: 860px;
width: 100%;
background-size: cover;;
}
.banner3{
background: url('../images/banner/3.jpg') top left no-repeat;
height: 860px;
width: 100%;
background-size: cover;;
}
.banner4{
background: url('../images/banner/4.jpg') top left no-repeat;
height: 860px;
width: 100%;
background-size: cover;;
}
.homeslider .carousel-control-prev{
width: 40px;
height: 80px;
border-radius: 0 50px 50px 0;
font-size: 36px;
top: 40%;
position: absolute;
background: #00000050;
}
.homeslider .carousel-control-next{
width: 40px;
height: 80px;
border-radius: 50px 0 0 50px;
font-size: 36px;
top: 40%;
position: absolute;
background: #00000050;
}
.service-content p{
font-size: 15px;
color:#222;
}
.service-content ul li a{
color:#222;
font-family: var(--font1);
}
.service-content ul li a:hover{
color:var(--color1);
}
.about-item p{
font-size: 16px;
color:#222;
font-weight: normal;
}
.about-item p:last-child{
padding-bottom: 0;
margin-bottom: 0;
}
.about-item h4{
padding-bottom: 12px;
font-size: 30px;
line-height: 1.2;
letter-spacing: 0;
font-family: var(--font2);
color: var(--color1);
}
.lab-item-inner p{
font-size: 16px;
color:#222;
}
.lab-content ul {
padding-top: 0;
margin-bottom: 0;
}
.lab-content ul li{
list-style: none;
line-height: 1.6;
padding-bottom: 7px;
}
.lab-content ul li a{
font-size: 16px;
font-weight: 600;
}
.lab-content ul li a:hover{
color:#0071ef;
}
.aid-section .section-wrapper .aid-slider.gallery-thumbs .lab-item p{
font-weight: 600;
}
.style-2{
padding-top: 0;
}
.sponsor-section{
padding-top: 0;
}
.doctor-content h4{
font-size: 26px;
color: #222222;
font-family: var(--font2);
}
.doctor-content p{
color: #222222!important;
font-size: 16px;
}
.department-section{
padding-top: 5rem;
}
.floating_btn {
position: fixed;
bottom: 50px;
right: 30px;
width: 100px;
height: 100px;
display: flex;
flex-direction: column;
align-items:center;
justify-content:center;
z-index: 1000;
}
@keyframes pulsing {
to {
box-shadow: 0 0 0 30px rgba(232, 76, 61, 0);
}
}
.contact_icon {
background-color: #42db87;
color: #fff;
width: 60px;
height: 60px;
font-size:30px;
border-radius: 50px;
text-align: center;
box-shadow: 2px 2px 3px #999;
display: flex;
align-items: center;
justify-content: center;
transform: translatey(0px);
animation: pulse 1.5s infinite;
box-shadow: 0 0 0 0 #42db87;
-webkit-animation: pulsing 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
-moz-animation: pulsing 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
-ms-animation: pulsing 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
animation: pulsing 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
font-weight: normal;
font-family: sans-serif;
text-decoration: none !important;
transition: all 300ms ease-in-out;
}
.text_icon {
margin-top: 8px;
color: #fff;
text-shadow: 0 0 5px #000000;
font-size: 13px;
}
.appointment-section.style-1 .section-wrapper .appointment-left .time-info .al-title h2 span{
font-size: 16px;
}
.appointment-right .ar-title h2 span{
font-size: 16px;
}
.doctor-item.style-1 .doctor-inner .doctor-content .doctor-name {
padding: 14px 8px;
text-align: center;
}
.doctor-item.style-1 .doctor-inner .doctor-content a.lab-btn{
margin-top: 10px;
padding: 5px 15px;
line-height: 28px;
font-size: 14px;
}
.doctor-inner{
box-shadow: 0 0 6px #00000035;
height: 460px;
background: #ffffff;
}
.vcb{
margin-bottom: 25px;
display: flex;
flex-wrap: wrap;
padding: 5px;
background: #ffffff;
box-shadow: 0 0 6px #00000035;
}
.vcb .doctor-thumb{
width: 30%;
}
.vcbtext{
width: 70%;
padding-left: 10px;
}
.vcb img{
width: 100px;
height: auto;
margin-right: 12px;
}
.vcbtext h3{
font-size: 19px;
margin-bottom: 4px;
padding-top: 5px;
}
.vcbtext p{
color: #222;
font-size: 15px;
margin-bottom: 5px;
}
.vcbtext a {
color: #666;
margin-top: 0;
line-height: 1;
font-size: 14px;
font-weight: 600!important;
}
.vcbtext a :hover{
color: #0071ef;
}
.lab-ul i{
margin-bottom: 5px;
}
.lab-ul i.lni-whatsapp {
background: green;
font-size: 15px!important;
color: #fff;
padding: 5px;
border-radius: 100%;
}
.lab-ul i.lni-phone {
background: var(--color1);
font-size: 15px!important;
color: #fff;
padding: 5px;
border-radius: 100%;
}
.testi-content p{
color:#222;
}
.post-content p{
color: #222222;
}
.doctor-section {
background: #f5f9ff;
}
.footer-logo img{
background: #fff;
border-radius: 10px;
max-width: 350px;
padding:10px 15px;
}
.footer-about p{
color: #222222;
}
.social-links {
list-style: none;
display: flex;
gap: 12px;
padding: 0;
margin: 0;
align-items: center;
justify-content: center;
}
.social-links.cl{
justify-content: left;
}
.social-links li a {
border: 1px solid #33333320;
width: 38px;
height: 38px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
background: #f2f2f2;
color: var(--color1);
font-size: 18px;
transition: all 0.3s ease;
}
.social-links .lni-facebook-fill {
color: #1877F2;
}
/* Twitter (X) */
.social-links .lni-twitter-fill {
color: #1DA1F2;
}
/* LinkedIn */
.social-links .lni-linkedin-original {
color: #0A66C2;
}
/* Instagram (gradient-like solid) */
.social-links .lni-instagram-fill {
color: #E4405F;
}
/* YouTube */
.social-links .lni-youtube {
color: #FF0000;
}
.social-links li a i{
transition: 0.3s ease-out;
}
.social-links li a:hover i{
transform: scale(1.4);
}
.ulink ul li{
display: block!important;
}
.pt50{
padding-top: 50px;
}
.certificate-content blockquote{
border-left: 2px solid var(--color1);
padding-left: 30px;
}
.contact-info h3, .here-form h3{
font-size: 28px;
font-family: var(--font2);
color:var(--color1);
padding-bottom: 10px;
}
.contact-info h6{
font-size: 18px;
font-family: var(--font2);
padding-bottom: 8px;
}
.contact-info p{
color:#222222;
font-family: var(--font2);
}
.here-form{
background: #f5f9ff;
padding: 30px;
}
.googlemap iframe{
filter: grayscale(0.8) brightness(1.05);
transition: 0.5s eaes;
}
.googlemap iframe:hover{
filter: grayscale(0) brightness(1);
}
.docinn{
height: 590px!important;
}
.docbox{
margin-top: 50px;
}
.coreteam{
padding-top: 10px;
}
.coming h1{
text-align: center;
padding: 7rem 0;
color: var(--color1);
text-transform: uppercase;
}
.post-content h3{
color:var(--color1);
font-size: 24px;
margin-top: 10px;
font-family: var(--font2);
}
.main-content .post-content ul li{
padding-right: 20px;
color:#222222;
padding-left: 20px;
}
.main-content .post-content ul li i{
position: absolute;
left: 0;
top:7px;
color: red;
font-size: 12px;
font-weight: 600;
text-align: center;
color: #222222;
border-radius: 100%;
width: 18px;
height: 18px;
line-height: 18px;
}
.widget-title h3{
color: var(--color1);
font-family: var(--font2);
}
.sponsor-section{
background: #cccccc20;
padding: 2rem 0;
}
.sponsor-area h2{
font-size: 38px;
padding-bottom: 35px;
font-family: var(--font2);
color:var(--color1);
text-align: center;
}
.sponsor-thumb h3{
font-size: 15px;
padding-top: 10px;
margin-bottom: 0;
}
.sponsor-thumb img{
border-radius: 10px;
max-height: 200px;
object-fit: cover;
margin-bottom: 10px;
}
.sponsor-thumb p{
font-size: 13px;
padding-top: 0;
padding-bottom: 0;
margin-bottom: 0;
}
.mt10{
margin-top: 10px;
}
.sponsor-thumb{
margin: 0 15px;
border: 1px solid #e0e0e0;
border-radius: 8px;
padding: 15px;
background: #fff;
height: 100%;
display: flex;
flex-direction: column;
justify-content: space-between;
text-align: center;
}
.coreteam-sec{
padding: 4rem 0;
}
.core-img-cnt{
background: var(--color1);
text-align: center;
padding: 15px 10px;
}
.core-img-cnt h2{
font-size: 1.5rem;
font-family: var(--font2);
position: relative;
margin-bottom: 1.2rem;
color:#ffffff;
padding-bottom: 0.5rem;
}
.core-img-cnt h3{
font-size: 15px;
color: #fff;
font-weight: normal;
}
.core-img h2::before {
content: '';
position: absolute;
width: 60px;
height: 4px;
top: 100%;
left: 0;
right: 0;
margin:auto;
border-radius: 2px;
background: #fff;
}
.core-img{
box-shadow: 0 0 5px #00000025;
}
.core-img img{
width: 100%;
background: #dcf0ff;
}
.core-cnt {
padding-left: 1.5rem;
}
.core-cnt p{
color:#222;
text-align:justify;
}
.hc-offcanvas-nav .nav-content>.nav-close:first-child a, .hc-offcanvas-nav .nav-title+.nav-close a.has-label, .hc-offcanvas-nav li.nav-close a, .hc-offcanvas-nav .nav-back a {
background: #222222;
border-top: none;
}
.hc-offcanvas-nav .nav-wrapper>.nav-content>ul:first-of-type>li:first-child:not(.nav-back):not(.nav-close)>.nav-item-wrapper>.nav-item-link {
  background: var(--color1);
border-top: none;
}
.hc-offcanvas-nav li:not(.custom-content) a {
    background: var(--color1);
border-top:  none;
}
.hc-offcanvas-nav .nav-container, .hc-offcanvas-nav .nav-wrapper, .hc-offcanvas-nav ul {
    background: var(--color1);
}
.hc-offcanvas-nav .nav-item-link, .hc-offcanvas-nav li.nav-close a, .hc-offcanvas-nav .nav-back a {
    border-bottom: 1px solid #000
}
.event-pg{
    padding: 4rem 0;
}
.event-box{
    border: 1px solid #cccccc;
    padding:5px;
    box-shadow: 0 0 10px #00000010;
    border-radius: 20px;
    overflow: hidden;
}
.event-box img{

    transition: 0.5s ease; 
   cursor: zoom-in;
}
}
.event-box:hover img{
    transform: scale(1.2);
}