*{
    padding:0;
    margin:0;
    box-sizing:border-box;}

a:hover{
    text-decoration:none;}

ul li{
    list-style-type: none;}

.top-bar-info{
    width:100%;
    float:left;
    padding:10px 0;
    background:#fff;}

.top-bar-features{
    display: flex;
    justify-content: space-between;
    align-items:center;}

.top-bar-featutres-lt .logo img{
    max-width:190px;}

.top-bar-features-middle h4{
    color:#04a2ca;
    font-size:50px;
    font-weight:bold;}

.top-bar-features-rt a{
    text-transform: uppercase;
    font-size:12px;
    padding:6px 24px;
    display: inline-block;
    color:#fff;
    text-align:center;}

.top-bar-features-rt a:nth-child(1){
    background:#f00;
    margin:0 14px 0 0;}

.top-bar-features-rt a:nth-child(2){
    background:#181060;}

.top-bar-features-rt a span{
    display: block;}


.navbar-info{
    width:100%;
    float:left;
    background:#181060;
    transition:0.6s;}

.navbar-info.fixed-header{
    position:fixed;
    z-index:9999;
    width:100%;
    left:0;}

.navbar-features{
    position:relative;}

.navbar-features ul{
    margin:0;}

.navbar-features ul li{
    list-style-type: none;
    display: inline-block;
    position:relative;}

.navbar-features ul li a{
    padding:14px 26px;
    display: inline-block;
    text-decoration: none;
    color:#fff;}


.navbar-features ul li a.active{
    background:#fff;
    color:rgb(24, 16, 96);}

.navbar-features ul li:last-of-type a{
    border-right:none;}

.navbar-features ul li .submenu{
    position:absolute;
    top:100%;
    left:0;
    background:#181060;
    width:300px;
    padding:10px 0;
    border-top:1px solid #fff;
    border-radius:10px;
    opacity: 0;
    visibility: hidden;
    transition: all 0.6s;
    z-index:1;}

.navbar-features ul li:hover .submenu{
    opacity: 1;
    visibility: visible;}

.navbar-features ul li ul{
    width:33.33%;
    float:left;
    padding:0 14px;}

.navbar-features ul li ul li{
    display: block;}

.navbar-features ul li ul li a{
    border-bottom:1px dashed #fff;
    display: block;
    padding:12px 14px;
    border-right:none;}

.navbar-features ul li ul li:last-of-type a{
    border:none;}


.banner-info{
    width:100%;
    float:left;
    position:relative;}


/* .banner-info .carousel-item{
    height:100vh;} */

.banner-info .carousel-item img{
    width:100%;
    height:100%;
    object-fit: cover;}

.banner-info .fa{
    font-size:30px;}

.banner-info .carousel-control-next, .banner-info .carousel-control-prev{
    width:50px;
    height:50px;
    border-radius:50%;
    /* background:#181060; */
       background:#00000044;
    color:rgb(7, 1, 1);}

.carousel-control-next, .carousel-control-prev{
    opacity: 1 !important;
    position:absolute;
    top:40%;}

.carousel-control-next{
    right:5%;}

.carousel-control-prev{
    left:5%;}

.banner-cont{
    position:absolute;
    top:40%;
    left:14%;
    transform: translateY(-50%);
    width:100%;
    max-width:500px;
    background:#181060;
    padding:30px;
    color:#fff;
    border-radius:10px;}

.banner-cont h1{
    font-size:40px;
    font-weight:bold;}

span.clr-txt{
    color:#181060;}

.banner-cont p{
    margin:20px 0;
    font-size:20px;}

.banner-cont a, .view-all a{
    background:#181060;
    padding:10px 50px;
    display:inline-block;
    color:#fff;
    border-radius:5px;}

.view-all{
    margin:0 auto;}


.choose-info{
    width:100%;
    float:left;
    padding:0 0 80px 0;}

.choose-features{
    margin:100px 0 0 0;}

.choose-item{
    box-shadow: 0 0 10px rgb(0 0 0 / 20%);
    padding:14px;
    border-radius:10px;
    position:relative;}

.choose-item-top{
    position:absolute;
    top:0%;
    left:50%;
    transform: translate(-50%,-50%);
    width:80px;
    height:80px;
    border-radius:50%;
    background:#f2f2f2;
    text-align: center;
    line-height:80px;}

.choose-item-top img{
    max-width:50px;}


.choose-item-btm{
    padding:50px 0 0 0;
    text-align: center;
    min-height:200px;}

.choose-item-btm h4{
    font-size:18px;
    color:rgb(24, 16, 96);
    margin:0 0 14px 0;
    font-weight:bold;}

.choose-item p{
    font-size:14px;
    color:#6e6e6e;}

.events-info{
    width:100%;
    float:left;
    padding:0 0 80px 0;}

.event-features{
    margin:60px 0 0 0;}

.upcoming-events-lt{
    padding:0 40px 0 0;}

.upcoming-item::-webkit-scrollbar {
    width: 6px;}
  
.upcoming-item::-webkit-scrollbar-track {
    background: #dcddde;}
  
.upcoming-item::-webkit-scrollbar-thumb {
    background:rgb(24, 16, 96);
    border-radius: 10px;}

.upcoming-item::-webkit-scrollbar-thumb:hover {
    background: rgb(100, 98, 98);}

.upcoming-pattern{
    padding:0 14px 0 0;}

.event-item{
    text-align:center;
    transform: 0.8s;}

.event-item-top{
    width:100%;
    height:200px;
    position:relative;
    overflow: hidden;}

.event-item-top::before{
    content:'';
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    right:-100%;
    background:rgba(4, 14, 1, 0.6);
    border-top-left-radius:10px;
    border-top-right-radius:10px;
    transition: 0.8s;}

.event-item:hover .event-item-top::before{
    right:50%;}

.event-item-top span.date{
    position:absolute;
    top:0;
    left:0;
    background:#f00;
    color:#fff;
    border-bottom-left-radius:10px;
    border-top-right-radius:10px;
    padding:5px 10px;
    font-size:14px;}

.event-item-top img{
    width:100%;
    height:100%;
    object-fit: cover;
    border-top-left-radius:10px;
    border-top-right-radius:10px;}

.event-item-btm{
    padding:20px 14px;
    box-shadow: 0 0 10px rgb(0 0 0 / 20%);
    border-bottom-left-radius:10px;
    border-bottom-right-radius:10px;
    min-height:160px;
    margin-bottom: 20px;}

.event-item-btm h6{
    color:rgb(24, 16, 96);
    font-size:20px;
    font-weight:bold;
    margin:0 0 14px 0;}

.event-item-btm b{
    color:rgb(24, 16, 96);}


.upcoming-events h4{
    font-weight: bold;
    color:rgb(24, 16, 96);
    margin:0 0 30px 0;}

.upcoming-item{
    max-height:300px;
    overflow-y: auto;
}

.upcoming-list{
    display:flex;
    align-items: center;
    justify-content: space-between;
    background:rgb(24, 16, 96);
    padding:10px;
    border-radius:5px;
    margin:0 0 14px 0;
    cursor:pointer;}

.upcoming-list h6{
    background:#fff;
    border-radius:10px;
    padding:14px;
    text-align: center;}

.upcoming-list h6 span{
    display: block;
    font-size:24px;
    font-weight:bold;}

.upcoming-list p{
    width:75%;
    color:#fff;}

.upcoming-list p span{
    display: block;
    font-size:20px;
    font-weight:bold;
    margin:0 0 6px 0;}

.about-categories{
    width:100%;
    float:left;
    padding:80px 0;}

.about-categories-item{
    padding:14px;
    min-height:300px;}

.about-categories-item-top{
    padding:10px 20px;
    color:#fff;
    border-top-left-radius:10px;
    border-top-right-radius:10px;}

.about-categories-item-top.blue{
    background:#a747d4;}

.about-categories-item-btm.blue{
    border:1px solid #a747d4;}

.about-categories-item-btm.pink{
    border:1px solid #d44775;}

.about-categories-item-top.pink{
    background:#d44775;}

.about-categories-item-top.orange{
    background:#ff7028;}

.about-categories-item-btm.orange{
    border:1px solid #ff7028;}

.about-categories-item-btm.orange ul li{
    padding:5px 0;}


.about-categories-item-btm{
    border-bottom-right-radius:10px;
    border-bottom-left-radius:10px;
    background:#fff;
    padding:20px;
    min-height:300px;}

.about-categories-item-top .fa{
  font-size:40px;
  margin:0 0 14px 0;}

.our-doctors-info{
    width:100%;
    float:left;
    padding:40px 0;
    background:#f9f6f6;}

.page-head.center{
    text-align: center;}

.page-head h4{
    font-size:46px;
    font-weight:bold;}

.our-doctors-features{
    margin:60px 0 0 0;}

.our-doctors-item-top{
    background:rgb(24, 16, 96);
    height:250px;
    width:100%;
    border-top-left-radius:10px;
    border-top-right-radius:10px;}

.our-doctors-item-top img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position: center;
    border-top-left-radius:10px;
    border-top-right-radius:10px;}
    
.our-doctors-item-btm{
    padding:30px 14px;
    text-align: center;
    /* border:1px solid rgb(24, 16, 96); */
    border-bottom-left-radius:10px;
    border-bottom-right-radius:10px;}

.our-doctors-item-btm h6{
    font-size:20px;
    font-weight:bold;}

.our-doctors-item-btm p{
    font-size:14px;
    margin:20px 0 20px 0;}

.our-doctors-item-btm a{
    padding:10px 24px;
    display: inline-block;
    background: #181060;
    color:#fff;
    border-radius:5px;}


.about-info{
    width:100%;
    float:left;
    padding:80px 0 80px 0;}

.about-cont{
    padding:0 0 0 30px;
    margin:0 0 90px 0;}

.slider-cont img{
    width:100%;
    height:100%;
    object-fit:cover;
    border-radius:10px;}

.about-cont h4{
    font-size:46px;
    font-weight:bold;}

.about-cont a{
    padding:10px 24px;
    display: inline-block;
    background: #181060;
    color:#fff;
    border-radius:5px;}

.slider-cont{
    height:300px;
    border-radius:10px;
    position:relative;
    border-radius:10px;}

.slider-cont::before{
    content:'';
    position:absolute;
    width:100%;
    height:100%;
    background:rgb(24, 16, 96);
    opacity:0.3;
    top:0;
    left:0;
    border-radius:10px;}


.specialities-info{
    width:100%;
    float:left;
    padding:0 0 80px 0;}

.specialities-features{
    margin:60px 0 0 0;}

.specialities-item{
    margin:0 0 50px 0;
    text-align: center;}

.specialities-item p{
    width:100px;
    height:100px;
    border-radius:50%;
    border:1px solid rgb(24, 16, 96);
    margin:0 auto 20px auto;
    line-height:100px;}

.specialities-item p img{
    max-width:50px;}


.specialities-item h6{
    font-weight:bold;
    color:rgb(24, 16, 96);
    font-size:18px;}


.testimonials-info{
    width:100%;
    float:left;
    padding:40px 0 80px 0;}

.testimonials-slider{
    margin:35px 0 0 0;}


.testimonials-item-top{
    width:100%;
    height:250px;
    background:rgb(24, 16, 96);
    border-top-left-radius:10px;
    border-top-right-radius:10px;}

.testimonials-item-btm{
    padding:30px 14px;
    background:#fff;
    box-shadow: 0 0 10px rgb(0 0 0 / 20%);
    border-bottom-left-radius:10px;
    border-bottom-right-radius:10px;}

.testimonials-item-top img{
    width:100%;
    height:100%;
    object-fit: cover;}


.slick-slider .slick-slide {
    padding: 0 15px;}

.slick-list {
    box-sizing: initial;
    padding: 25px 0px;}

blockquote{
    text-align: right;
    font-style: italic;
    color:rgb(24, 16, 96);
    font-weight:bold;}

.slick-dots{
    text-align: center;}
      
.slick-dots li{
    list-style: none;
    display: inline-block;
    width:9px;
    height:9px;
    border-radius:50%;
    background:rgb(24, 16, 96);
    margin:0 2px;
    cursor:pointer;}

.slick-dots li button { 
    font-size: 0; 
    display: none;} 



.contact-info{
    width:100%;
    float:left;
    padding:0 0 80px 0;}

.contact-info h3{
    margin:0 0 30px 0;
    font-weight:bold;
    font-size:40px;}

.contact-info input, .contact-info textarea{
    border:none;
    border-bottom:1px solid rgb(24, 16, 96);
    padding:10px;
    color:rgb(24, 16, 96);
    border-radius:0;}

.contact-info .form-group{
    margin:0 0 50px 0;}

.contact-info .form-group input:focus, .contact-info .form-group textarea:focus {
    box-shadow: none;}

.contact-item-rt{
    padding:0 0 0 40px;}

.contact-item-lt{
    padding:0 40px 0 0;}

.contact-item-rt ul li a{
    display: flex;
    padding:5px 0;
    color:rgb(24, 16, 96);}

.contact-item-rt ul li a .fa{
    margin:3px 14px 0 0;}

.contact-item-rt iframe{
    width:100%;
    height:250px;}

.appointment .modal-title{
    color:rgb(24, 16, 96);
    font-weight:bold;
    font-size:28px;}

.appointment .form-group{
    margin:0 0 24px 0;}

.btn-primary{
    background:rgb(24, 16, 96);}

.btn-secondary{
    background:#f00;}

.enquire{
    position:fixed;
    bottom:30px;
    right:10px;
    z-index:999;
    animation:whattsapp 1s infinite alternate;}

@keyframes whattsapp {
    100%{
        transform: translateY(-10px);
    }
}

.enquire img{
    width:100%;
    max-width:40px;}

.footer-info{
    width:100%;
    float:left;
    background:#181060;
    padding:40px 0;}

.footer-features{
    margin:60px 0 0 0;}

.footer-item{
    color:#fff;}

.footer-item h4{
    position:relative;
    font-size:24px;
    margin:0 0 50px 0;}

.footer-item h4::before{
    content:'';
    position:absolute;
    width:60px;
    bottom:-10px;
    height:2px;
    background:#fff;}

.footer-item a{
    color:#fff;
    display: block;}


.footer-item iframe{
    width:100%;
    height:100%;}

.footer-item ul{
    margin:30px 0 0 0;}

.footer-item ul li{
    display: inline-block;
    list-style: none;
    margin:0 5px 0 0;}

.footer-item ul li a{
    width:40px;
    height:40px;
    border-radius:50%;
    border:1px solid #fff;
    display: flex;
    align-items: center;
    justify-content: center;}



.inner-banner{
    width:100%;
    float:left;
    background:linear-gradient(rgba(0,0,0,0.4), rgba(0,0,0,0.6)),url('../images/inner-banner.jpg') no-repeat top center;
    background-size: cover;
    height:300px;
    position:relative;
    text-align: center;}

.inner-banner-cont{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    width:100%;}

.inner-banner-cont h3{
    color:#fff;
    font-size:60px;
    font-weight:bold;}

.inner-page-cont-lt{
    padding:0 40px 0 0;}

.inner-page-cont{
    padding:80px 0 40px 0;
    width:100%;
    float:left;}

.inner-page-cont-item img{
    width:100%;
    min-height:300px;
    border-radius:10px;}

.inner-page-features-btm{
    margin:40px 0 0 0;}

.list-item{
    margin:30px 0 0 0;}

.list-item h4{
    color:rgb(24, 16, 96);
    font-weight:bold;}

.list-item ul{
    padding:0 30px;}

.list-item ul li{
    padding:4px 0;
    list-style-type: disc;}

.why-choose-cont{
    margin:30px 0 0 0;}

.why-choose-cont h4{
    color:rgb(24, 16, 96);
    font-weight:bold;
    margin:0 0 20px 0;}

.why-choose-cont ul{
    padding:0 30px;}

.why-choose-cont ul li{
    list-style: disc;
    padding:6px 0;}

.why-choose-cont ul li b{
    color:rgb(24, 16, 96);}

.book-appointment-cont{
    width:100%;
    float:left;
    margin:0 0 80px 0;}

.book-appointment-features{
    background:rgb(24, 16, 96);
    padding:30px;
    text-align: center;
    border-radius:10px;
    color:#fff;}

.book-appointment-features h5{
    font-size:24px;
    font-weight:bold;}

.book-appointment-features p{
    margin:20px 0;}

.book-appointment-features a{
    color:#fff;}

.book-appointment-features a.wh-btn{
    background:#fff;
    padding:10px 24px;
    color:rgb(24, 16, 96);
    border-radius:5px;
    display: inline-block;
}

