/*=============================
    Global CSS 
===============================*/

body{overflow-x:hidden;}
.doctor-details-item .doctor-details-contact .basic-info li i, .doctor-details-item .doctor-details-biography h3, .header .top-link li:hover a, .header .top-contact li a:hover, .header .top-contact li i, .header .nav li.active a, .header .nav li:hover a, .header .nav li .dropdown li:hover a, .header .search-form button:hover, .slider .single-slider h1 span, .Feautes .single-features .signle-icon i, .fun-facts .single-fun:hover i, .call-action .content .btn, .call-action .content .second:hover, .portfolio .single-pf .btn, .pf-details .image-slider .owl-carousel .owl-nav div, .services .single-service i, .services .single-service h4 a:hover, .departments .department-tab .nav li a.active i, .departments .department-tab .tab-pane .department-left .p1, .pricing-table .single-table .icon i, .pricing-table .single-table .amount, .team .t-bottom h2 a:hover, .blog .single-news .news-body h2 a:hover, .main-sidebar .categor-list li a:hover, .main-sidebar .single-post .content h5 a:hover, .news-single .news-title a:hover, .slicknav_nav li:hover a, .slicknav_nav li .dropdown li a:hover, .slicknav_nav li:hover .slicknav_arrow, .news-single .meta span i, .news-single .form-group i, .login .login-form p a, .login .login-form .lost-pass:hover, .register .register-form p a, .register .register-form .terms, .error-page .error-inner h1, .mail-seccess .success-inner h1, .doctor-calendar-table table tbody tr td span.time, .doctor-calendar-table table tbody tr td:hover span.time, .about-content span, .about-content ul li i, .single-vision-box:hover .icon, .our-mission-content .sub-title, .our-mission-content ul li .icon, .footer .single-footer .social li a:hover, .footer .single-footer .newsletter-inner .button {
     color: #12a2a4;
}
 .accordion li a.active, #scrollUp, .team .t-icon a, .slicknav_menu .slicknav_icon-bar, .color-plate .color-plate-icon, .header .nav li a::before, .header .single-widget i, .header .right-bar a, .header .search-form button, .slider .single-slider .btn, .slider .single-slider .btn.primary:before, .slider .owl-carousel .owl-nav div, .schedule .single-schedule, .schedule .single-schedule:before, .Feautes .single-features:hover .signle-icon i, .why-choose .choose-left h3:before, .why-choose .choose-left .list li i, .why-choose .choose-right .video, .call-action .content .btn:before, .call-action .content .btn:hover, .portfolio .single-pf:before, .pf-details .image-slider .owl-carousel .owl-nav div:hover, .pf-details .date, .pf-details .body-text .share ul li a:hover, .services-details-img blockquote, .departments .department-tab .tab-pane .department-left .list li i, .pricing-table .table-list i, .doctor-details-area .doctor-details-left .social li a:hover, .blog .single-news .news-content:before, .blog .single-news .news-body .date, .main-sidebar .single-widget .title::before, .main-sidebar .search .button:hover, .main-sidebar .side-tags .tag a:hover, .news-single .prev-next li a:hover, .news-single .single-comments a, .news-single .form-group.button .btn, .appointment .form-group .list li:hover, .appointment.single-page .work-hour, .login .login-form h2:before, .login .form .btn:hover, .login .login-form .checkbox label::after, .register .register-form h2:before, .register .form .btn:hover, .register .register-form .checkbox label::after, .contact-us .contact-us-form h2:before, .contact-us .form .btn:hover, .contact-us .contact-us-form .checkbox label::after, .contact-us .single-info, .contact-us .single-info:before, .error-page .search-form .btn, .doctor-calendar-table table thead tr th, .doctor-calendar-table table tbody tr td:hover, .about-content ul li:hover i, .single-vision-box .icon, .single-vision-box::before, .our-mission-content ul li:hover .icon, .footer .copyright, .footer .footer-top, .preloader::before, .preloader::after, .btn, .overlay:before, .pagination .pagination-list li.active a, .pagination .pagination-list li:hover a {
     background: #12a2a4;}

.accordion a:hover {background: #12a2a4 !important;}
 .Feautes .single-features::before {border-bottom-color: #12a2a4;}
 .service-details-inner h2, .header .nav li .dropdown {border-left-color: #12a2a4;}
 .accordion li a.active, .departments .department-tab .nav li a.active, .login .login-form .checkbox label::before, .register .register-form .checkbox label::before, .accordion li a.active, .contact-us .contact-us-form .checkbox label::before, .doctor-calendar-table table tbody tr td:hover {
     border-color: #12a2a4;}
 .preloader .loader .indicator svg polyline#front {stroke: #12a2a4;}


.socials{display:block;text-align:center;margin-bottom:30px}
.socials a{display: inline-block !important;padding: 0 !important}
.socials a img{width:28px}
.sidenav{height: 100%;width:0;position:fixed;z-index:999;top:0;right:0;background-color:#fff;overflow-x: hidden;padding-top: 15px;transition: 0.5s;box-shadow:0px 2px 3px #eaeaea}.sidenav body{}
.sidenav a{padding: 8px 8px 8px 15px;text-decoration: none;color: #3E474F;display: block;transition: 0.3s}
.sidenav a:hover{color: #00a0a8}
.nav-contact .red_bg{display:inline-block;padding:5px 17px}
.nav-contact .green_bg{display:inline-block;padding:5px 17px}
.sidenav .closebtn{position: absolute;top: 20px;right: 20px;font-size: 36px;margin-left: 50px}
.sidenav .logo a img{width:48%}
.sidenav .search_nav{background:#eaeaea;padding:15px 15px}
.sidenav .accrediated{background:#eaeaea;margin:20px 0px;padding:5px 15px;text-align:center}
.sidenav .search_nav .search_form{margin-top:0px;border-radius: 30px;padding:0px}
.sidenav .search_nav .searchfield{color: #cfcfcf;box-shadow: 4px 0 24px rgb(2 3 8 / 10%);padding: 18px !important;height: 30px;width: 100%;font-size: 13px;background: #fff;border: 1px solid #00a0a8 !important;font-weight: normal;margin-bottom: 0px;border-radius: 50px !important}
.sidenav .search_nav .sear_btn{max-width: 110px;position: absolute;right:16px;display: inline-block;background: #12a2a4;border-radius: 50px !important;color: #fff;height: 38px;margin-top:0px;border: none;font-size: 14px;width: 100%;transition: ease-in all 0.5s;text-transform: uppercase;border-radius: 5px}


.wrapper{max-width: 340px;width: 100%;margin:1vh auto}
.content a{padding:0px 0px 0px 15px}.wrapper input{display: none}
.wrapper label{display: flex;width: 100%;height:auto;cursor: pointer;user-select: none;margin-bottom:0px}
.wrapper label div:first-child{display:inline-block;color:#3E474F;vertical-align:top}
.cross{margin-right:15px;margin-top:3px}.cross:before,.cross:after{content: '';border-top: 1px solid #3E474F;width:10px;display: block;margin-top:8px;transition: 0.3s}
.cross:after{transform: rotate(90deg);margin-top: -1px}
.content{box-sizing: border-box;font-size: 0.9em;margin:0px 10px;max-height: 0;color:#3E474F;overflow: hidden;transition: max-height, .5s}
.wrapper input:checked ~ .content{max-height: 400px;transition: max-height, 1s}
.wrapper input:checked ~ label .cross:before{transform: rotate(180deg)}
.wrapper input:checked ~ label .cross:after{transform: rotate(0deg)}
.wrapper input:checked ~ .questions{max-height: 400px;border-bottom:2px solid #3E474F;transition: 1s}
.navmenu a{padding:0px}


#main {transition: margin-left .5s;padding: 20px;}


@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
}



.nice-select{-webkit-tap-highlight-color: transparent;background-color: #fff;border-radius: 5px;border: solid 1px #e8e8e8;box-sizing: border-box;clear: both;cursor: pointer;display: block;float: left;font-family: inherit;font-size: 15px;font-weight: normal;height: 42px;line-height: 27px;outline: none;padding-left: 18px;padding-right: 30px;position: relative;text-align: left !important;-webkit-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;white-space: nowrap;width: auto;margin-bottom: 16px;}
.nice-select:hover{border-color: #3164F4}
.nice-select:active,.nice-select.open,.nice-select:focus{border-color: #999}
.nice-select:after{border-bottom: 2px solid #999;border-right: 2px solid #999;content: '';display: block;height: 8px;margin-top: -4px;pointer-events: none;position: absolute;right: 12px;top: 50%;-webkit-transform-origin: 66% 66%;-ms-transform-origin: 66% 66%;transform-origin: 66% 66%;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);-webkit-transition: all 0.15s ease-in-out;transition: all 0.15s ease-in-out;width: 8px}
.nice-select.open:after{-webkit-transform: rotate(-135deg);-ms-transform: rotate(-135deg);transform: rotate(-135deg)}
.nice-select.open .list{opacity: 1;pointer-events: auto;-webkit-transform: scale(1) translateY(0);-ms-transform: scale(1) translateY(0);transform: scale(1) translateY(0)}
.nice-select.disabled{border-color: #ededed;color: #999;pointer-events: none}.nice-select.disabled:after{border-color: #cccccc}
.nice-select.wide{width: 100%}
.nice-select.wide .list{left: 0 !important;right: 0 !important}
.nice-select.right{float: right}
.nice-select.right .list{left: auto;right: 0}
.nice-select.small{font-size: 12px;height: 36px;line-height: 34px}
.nice-select.small:after{height: 4px;width: 4px}
.nice-select.small .option{line-height: 34px;min-height: 34px}
.nice-select .list{background-color: #fff;border-radius: 5px;box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11);box-sizing: border-box;margin-top: 4px;opacity: 0;overflow: hidden;padding: 0;pointer-events: none;position: absolute;top: 100%;left: 0;-webkit-transform-origin: 50% 0;-ms-transform-origin: 50% 0;transform-origin: 50% 0;-webkit-transform: scale(0.75) translateY(-21px);-ms-transform: scale(0.75) translateY(-21px);transform: scale(0.75) translateY(-21px);-webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;z-index: 9}
.nice-select .list:hover .option:not(:hover){background-color: transparent !important}
.nice-select .option{cursor: pointer;font-weight: 400;line-height: 40px;list-style: none;min-height: 40px;outline: none;padding-left: 18px;padding-right: 29px;text-align: left;-webkit-transition: all 0.2s;transition: all 0.2s}
.nice-select .option:hover{background-color: #238AC1;color: #fff}
.nice-select .option.selected{font-weight: bold;}
.nice-select .option.disabled{background-color: transparent;color: #999;cursor: default}
.no-csspointerevents .nice-select .list{display: none}
.no-csspointerevents .nice-select.open .list{display: block}

.contact-form-wrapper .list {background: #2f3341 none repeat scroll 0 0;border-radius: 0;}
.listcoe{margin:5px;float:left;}
.listcoe ul{margin:0px;padding:0px;}
.listcoe ul li{font-weight:700;}

.listcoe_rgt{margin: 5px;float: left;width: 246px;margin-right: 15px;}
.listcoe_rgt ul{margin:0px;padding:0px;}
.listcoe_rgt ul li{font-weight:700;}

.font_max{font-size:20px !important;text-align:center;font-weight:700 !important;}
.content-write{font-size:15px;font-family: 'Georgia', serif;
    font-style: italic;}
.content-write p{margin-bottom:20px;color:#000;font-weight:500;}
body {font-family: 'Poppins', sans-serif;
    font-weight: 400;
    font-size: 14px;
    color: #888;
    position: relative;
}
.popup-modal-dismiss{position: absolute !important;
    right: -35px !important;
    background: #fff !important;color:#333 !important;
    opacity: 1 !important;}
.white-popup-block {
    background: #FFF;
    padding:15px;
    text-align: left;
    max-width: 980px;
    margin:20px auto;
    position: relative;
}

.testimonials{}
.testimonials .owl-prev{background: none !important;
    color: #333 !important;
    position: absolute;
    left: -50px;
    top: 160px;-webkit-text-stroke: 1px background-color;
    font-size: 24px !important;}

.testimonials .owl-next{background: none !important;
    color: #333 !important;
    position: absolute;
    right: -50px;-webkit-text-stroke: 1px background-color;
    top: 160px;
    font-size: 24px !important;}


.clearfix {
    clear: both;
}

.btn:before {
    display: none;
}

.section-title h2 {
    font-size: 32px;
}

.section {
    padding: 30px 0px;
}

.navigation {
    margin: 4px 0px 0px 0px;
}



.doctor-details-item .doctor-details-contact .basic-info li i,
.doctor-details-item .doctor-details-biography h3,
.header .top-link li:hover a,
.header .top-contact li a:hover,
.header .top-contact li i,
.header .nav li.active a,
.header .nav li:hover a,
.header .nav li .dropdown li:hover a,
.header .search-form button:hover,
.slider .single-slider h1 span,
.Feautes .single-features .signle-icon i,
.fun-facts .single-fun:hover i,
.call-action .content .btn,
.call-action .content .second:hover,
.portfolio .single-pf .btn,
.pf-details .image-slider .owl-carousel .owl-nav div,
.services .single-service i,
.services .single-service h4 a:hover,
.whatsnew .department-tab .nav li a.active i,
.whatsnew .department-tab .tab-pane .department-left .p1,
.health-table .single-table .icon i,
.health-table .single-table .amount,
.team .t-bottom h2 a:hover,
.blog .single-infos .news-body h2 a:hover,
.main-sidebar .categor-list li a:hover,
.main-sidebar .single-post .content h5 a:hover,
.news-single .news-title a:hover,
.slicknav_nav li:hover a,
.slicknav_nav li .dropdown li a:hover,
.slicknav_nav li:hover .slicknav_arrow,
.news-single .meta span i,
.news-single .form-group i,
.login .login-form p a,
.login .login-form .lost-pass:hover,
.register .register-form p a,
.register .register-form .terms,
.error-page .error-inner h1,
.mail-seccess .success-inner h1,
.doctor-calendar-table table tbody tr td span.time,
.doctor-calendar-table table tbody tr td:hover span.time,
.about-content span,
.about-content ul li i,
.single-vision-box:hover .icon,
.our-mission-content .sub-title,
.our-mission-content ul li .icon,
.footer .single-footer .social li a:hover,
.footer .single-footer .newsletter-inner .button {
    color: #12a2a4;
}

.accordion li a.active,
#scrollUp,
.team .t-icon a,
.slicknav_menu .slicknav_icon-bar,
.color-plate .color-plate-icon,
.header .nav li a::before,
.header .single-widget i,
.header .right-bar a,
.header .search-form button,
.slider .single-slider .btn,
.slider .single-slider .btn.primary:before,
.slider .owl-carousel .owl-nav div,
.schedule .single-schedule,
.schedule .single-schedule:before,
.Feautes .single-features:hover .signle-icon i,
.why-choose .choose-left h3:before,
.why-choose .choose-left .list li i,
.why-choose .choose-right .video,
.call-action .content .btn:before,
.call-action .content .btn:hover,
.portfolio .single-pf:before,
.pf-details .image-slider .owl-carousel .owl-nav div:hover,
.pf-details .date,
.pf-details .body-text .share ul li a:hover,
.services-details-img blockquote,
.whatsnew .department-tab .tab-pane .department-left .list li i,
.health-table .table-list i,
.doctor-details-area .doctor-details-left .social li a:hover,
.blog .single-infos .news-content:before,
.blog .single-infos .news-body .date,
.main-sidebar .single-widget .title::before,
.main-sidebar .search .button:hover,
.main-sidebar .side-tags .tag a:hover,
.news-single .prev-next li a:hover,
.news-single .single-comments a,
.news-single .form-group.button .btn,
.appointment .form-group .list li:hover,
.appointment.single-page .work-hour,
.login .login-form h2:before,
.login .form .btn:hover,
.login .login-form .checkbox label::after,
.register .register-form h2:before,
.register .form .btn:hover,
.register .register-form .checkbox label::after,
.contact-us .contact-us-form h2:before,
.contact-us .form .btn:hover,
.contact-us .contact-us-form .checkbox label::after,
.contact-us .single-info,
.contact-us .single-info:before,
.error-page .search-form .btn,
.doctor-calendar-table table thead tr th,
.doctor-calendar-table table tbody tr td:hover,
.about-content ul li:hover i,
.single-vision-box .icon,
.single-vision-box::before,
.our-mission-content ul li:hover .icon,
.footer .copyright,
.footer .footer-top,
.preloader::before,
.preloader::after,
.btn,
.overlay:before,
.pagination .pagination-list li.active a,
.pagination .pagination-list li:hover a {
    background: #12a2a4;
}

.accordion a:hover {
    background: #12a2a4 !important;
}

.Feautes .single-features::before {
    border-bottom-color: #12a2a4;
}

.service-details-inner h2,
.header .nav li .dropdown {
    border-left-color: #12a2a4;
}

.accordion li a.active,
.whatsnew .department-tab .nav li a.active,
.login .login-form .checkbox label::before,
.register .register-form .checkbox label::before,
.accordion li a.active,
.contact-us .contact-us-form .checkbox label::before,
.doctor-calendar-table table tbody tr td:hover {
    border-color: #12a2a4;
}

.preloader .loader .indicator svg polyline#front {
    stroke: #12a2a4;
}

#scrollUp {
    bottom: 15px;
    right: 15px;
    padding: 10px 20px;
    background: #119da4;
    color: #fff;
    font-size: 25px;
    width: 45px;
    height: 45px;
    text-align: center;
    line-height: 45px;
    padding: 0;
    border-radius: 3px;
    box-shadow: 0px 0px 10px #00000026;
}

#scrollUp:hover {
    background: #2C2D3F;
}

.red_bg {
    background-color: #cf0000;
    padding:6px 20px;
    color: #fff;
    font-weight: 700;
}


a.menu-icon {
    width: 32px;
    height: 24px;
    position: absolute;
    top:-52px;
    left:0px;
    cursor: pointer;
}




a.menu-icon span {
    width: 100%;
    height: 3px;
    margin: 0;
    background-color: #333;
    position: absolute;
    top: 50%;
    left: 0;
}

a.menu-icon span:before {
    top: -9px;
}

a.menu-icon span:before {
    content: '';
    width: 100%;
    height: 3px;
    background-color: #333;
    position: absolute;
    left: 0;
}

a.menu-icon span:after {
    content: '';
    width: 100%;
    height: 3px;
    background-color: #333;
    position: absolute;
    left: 0;
    top: 9px;
}



.green_bg {
    background-color: #00a44d;
    padding: 3px 20px;
    color: #fff;
    font-weight: 700;
}

.section-title {
    padding: 0px;
    display: block;
    width: 100%;
}

.section-title h2 {
    text-align: left;
}

.section-title h2:before {
    position: absolute;
    content: "";
    left: 0;
    bottom: -16px;
    height: 4px;
    width: 100px;
    background: #128ea4;
}


.section-sml{
    padding: 0px;
    display: block;position:relative;
    width: 100%;
}

.section-sml h2 {
    text-align: left;font-size:24px;margin-bottom:30px;font-weight:600;
}

.section-sml h2:before {
    position: absolute;
    content: "";
    left: 0;
    bottom: -16px;
    height: 4px;
    width: 100px;
    background: #128ea4;
}




.cent-title {
    padding: 0px;
    display: block;
    width: 100%;
}

.cent-title h2 {
    text-align:center;font-size:30px;margin-bottom:70px;position:relative;font-weight:700;
}

.cent-title h2:before {
    position: absolute;margin:0px auto;
    content: "";
    left:0;right:0;
    bottom: -16px;
    height: 4px;
    width: 100px;
    background: #128ea4;
}


/*=============================
    End Global CSS 
===============================*/

.single_slide{}
.banner_inter{padding:60px 0px 120px 0px;}
.banner_inter h1{color:#fff;text-shadow:0px 1px 2px #585858;font-size:38px;max-width:690px;font-weight: 700;margin: 0;padding: 0 0 5px 0;line-height:40px;}
.banner_inter h3{color:#fff;text-shadow:0px 1px 2px #585858;font-size:26px;max-width:630px;font-weight: 700;margin: 0;padding: 0;line-height:30px;}


.int_form{background-color:#12a2a4;padding:30px 0px;}
.leftinfo h2{color:#fff;font-size:32px;font-weight:700;margin-bottom:20px;}
.leftinfo p{color:#fff;font-size:13px;margin-bottom:20px;font-weight:400;line-height:23px;}

.fill_form{background-color:#f5f5f5;border-radius:5px;padding:20px;}
.fill_form h4{font-size:20px;font-weight:600;}

.wid_form{width:100%;margin-bottom: 0.5em;}
.wid_form input{width:98%;padding:10px;font-weight:600;}

/*===================
    Start Header CSS 
=====================*/
.header {
    background-color: #fff;
    position: relative;
}

.header .navbar-collapse {
    padding: 0;
}

/* Topbar */
.header .topbar {
    background-color: #12a2a4;
    padding: 0px 0;
}

.header .topbar {
    padding: 0px 0;
}

.header .top-link {
    float: left;margin-left:282px;padding-top:6px;
}

.header .top-link li {
    display: inline-block;
}

/*.header .top-link li:last-child {
    margin-right: 0px;border-right:none;
}*/

.header .top-link li a {
    color: #fff;
    font-size: 13px;
    font-weight:500;padding-right: 15px;
    margin-right: 15px;border-right:1px solid #fff;
}
.header .top-link li:last-child a{margin-right: 0px;border-right:none;}
.header .top-link li a:hover {
    color: #bbfeff !important;
    text-decoration: none;
}

.header .top-contact {
    float: right;
}

.header .top-contact li {
    display: inline-block;
    margin-right: 0px;
}

.header .top-contact li:last-child {
    margin-right: 0;
}

.header .top-contact li a {
    font-size: 14px;
}

.header .top-contact li a:hover {
    color: #fff;
}

.header .top-contact li i {
    color: #119da4;
    margin-right: 8px;
}

.header .header-inner {
    background: #fff;
    z-index: 999;
    width: 100%;
}

.header .logo {
    float: left;
    margin-top: 10px;
}

.header .navbar {
    background: none;
    box-shadow: none;
    border: none;
    margin: 0;
    height: 0px;
    min-height: 0px;
}

.header .nav li {
    margin-right: 8px;
    float: left;
    position: relative;
}

.header .nav li:last-child {
    margin: 0;
}

.header .nav li a {
    color: #2C2D3F;
    font-size: 14px;
    font-weight: 600;
    text-transform: capitalize;
    padding: 25px 15px;
    position: relative;
    display: inline-block;
    position: relative;
}

.header .nav li a::before {
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    height: 3px;
    width: 0%;
    background: #119da4;
    border-radius: 0;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.header .nav li.active a:before {
    opacity: 1;
    visibility: visible;
    width: 100%;
}

.header .nav li.active a {
    color: #119da4;
}

.header .nav li:hover a:before {
    opacity: 1;
    width: 100%;
    visibility: visible;
}

.header .nav li:hover a {
    color: #119da4;
}

.header .nav li a i {
    display: inline-block;
    margin-left: 1px;
    font-size: 13px;
}

.imgcare {
    width: 70px !important;
    margin-bottom: 20px;
}
.imgcare_1{
    width:120px !important;
    margin-bottom: 20px;
}
.search_form {
    margin-top: 30px;
    background: #dae7e6;
    border-radius: 50px;
    padding:5px;
}

.searchfield {
    color: #cfcfcf;
    border: none !important;
    box-shadow: 4px 0 24px rgb(2 3 8 / 10%);
    padding: 24px !important;
    height: 30px;
    width: 100%;
    font-size: 13px;
    background: #fff;
    font-weight: normal;
    margin-bottom: 0px;
    border-radius: 50px !important;
}

.sear_btn {
    max-width: 130px;
    position: absolute;
    right: 30px;
    display: inline-block;
    background: #12a2a4;
    border-radius: 50px !important;
    color: #fff;
    height: 40px;
    margin-top: 4px;
    border: none;
    font-size: 15px;
    width: 100%;
    transition: ease-in all 0.5s;
    text-transform: uppercase;
    border-radius: 5px;
}

/* Dropdown Menu */
.header .nav li .dropdown {
    background: #fff;
    width: 220px;
    position: absolute;
    left: -20px;
    border-radius: 0px 0px 5px 5px;
    top: 100%;
    z-index: 999;
    -webkit-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 3px 5px #3333334d;
    transform-origin: 0 0 0;
    transform: scaleY(0.2);
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    opacity: 0;
    visibility: hidden;
    top: 74px;
}

.header .nav li:hover .dropdown {
    opacity: 1;
    visibility: visible;
    transform: translateY(0px);
}

.header .nav li .dropdown li {
    float: none;
    margin: 0;
    border-bottom: 1px dashed #eee;
}

.header .nav li .dropdown li:last-child {
    border: none;
}

.header .nav li .dropdown li a {
    padding: 12px 15px;
    color: #666;
    display: block;
    font-weight: 400;
    text-transform: capitalize;
    background: transparent;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.header .nav li .dropdown li a:before {
    display: none;
}

.header .nav li .dropdown li:last-child a {
    border-bottom: 0px;
}

.header .nav li .dropdown li:hover a {
    color: #119da4;
}

.header .nav li .dropdown li a:hover {
    border-color: transparent;
}

.menuslidebar {
    float: right;
    position: relative;
    cursor: pointer;
}



/* Header Sticky */
.header.sticky .header-inner {
    position: fixed;
    display: none;
    z-index: 999;
    top: 0;
    left: 0;
    bottom: initial;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    transition: all 0.4s ease;
    animation: fadeInDown 0.5s both 0.1s;
    box-shadow: 0px 0px 13px #00000054;
}

/*=========================
    End Header CSS
===========================*/

/*===========================
    Start Hero Area CSS
=============================*/
.slider .single-slider {
    height: 600px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.slider .single-slider .text {
    margin-top: 50px;
}

.slider.index2 .single-slider .text {
    margin-top: 150px;
}

.slider .single-slider h1 {
    color: #262737;
    font-size:42px;
    max-width: 486px;
    font-weight: 700;
    margin: 0;
    padding: 0;
    line-height:56px;
}

.slider .single-slider h1 span {
    color: #119da4;
}

.slider .single-slider p {
    color: #2C2D3F;
    margin-top: 27px;
    font-weight: 400;
}

.slider .single-slider .button {
    margin-top: 30px;
}

.slider .single-slider .btn {
    color: #fff;
    background: #119da4;
    font-weight: 500;
    display: inline-block;
    margin: 0;
    margin-right: 10px;
}

.slider .single-slider .btn:last-child {
    margin: 0;
}

.slider .single-slider .btn.primary {
    background: #2C2D3F;
    color: #fff;
}

.slider .single-slider .btn.primary:before {
    background: #119da4;
}

.slider .owl-carousel .owl-nav {
    margin: 0;
    position: absolute;
    top: 50%;
    width: 100%;
    margin-top: -25px;
}

.slider .owl-carousel .owl-nav div {
    height: 50px;
    width: 50px;
    line-height: 50px;
    text-align: center;
    background: #119da4;
    color: #fff;
    font-size: 26px;
    position: absolute;
    margin: 0;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    transition: all 0.4s ease;
    padding: 0;
    border-radius: 50%;
}

.slider .owl-carousel .owl-nav div:hover {
    background: #2C2D3F;
    color: #fff;
}

.slider .owl-carousel .owl-controls .owl-nav .owl-prev {
    left: 20px;
}

.slider .owl-carousel .owl-controls .owl-nav .owl-next {
    right: 20px;
}

/* Slider Animation */
.owl-item.active .single-slider h1 {}

.owl-item.active .single-slider p {
    animation: fadeInUp 1s both 1s;
}

.owl-item.active .single-slider .button {
    animation: fadeInDown 1s both 1.5s;
}

/*===========================
    End Hero Area CSS
=============================*/

/*=============================
    Start Schedule CSS
===============================*/

.single-schedule .sprite_1 {
    background: url(../images/sprite_top.png) no-repeat;
    margin: auto;
    display: block;
    height: 56px;
    width: 48px;
    background-position: 0 0px;
}

.single-schedule .sprite_1:hover {
    background-position: 0 -56px;
    transition: all .2s ease;
}

.single-schedule .sprite_2 {
    background: url(../images/sprite_top.png) no-repeat;
    margin: auto;
    display: block;
    height: 56px;
    width: 56px;
    background-position: -51px 0px;
}

.single-schedule .sprite_2:hover {
    background-position: -51px -54px;
    transition: all .2s ease;
}

.schedule .single-schedule:hover .sprite_2 {
    background-position: -51px -54px;
    transition: all .2s ease;
}

.schedule .single-schedule:hover h4 {
    color: #fff;
}

.single-schedule .sprite_3 {
    background: url(../images/sprite_top.png) no-repeat;
    margin: auto;
    display: block;
    height: 56px;
    width: 56px;
    background-position: -108px 0px;
}

.single-schedule .sprite_3:hover {
    background-position: -108px -54px;
    transition: all .2s ease;
}

.schedule .single-schedule:hover .sprite_3 {
    background-position: -108px -54px;
    transition: all .2s ease;
}

.single-schedule .sprite_4 {
    background: url(../images/sprite_top.png) no-repeat;
    margin: auto;
    display: block;
    height: 56px;
    width: 56px;
    background-position: -172px 0px;
}

.single-schedule .sprite_4:hover {
    background-position: -172px -54px;
    transition: all .2s ease;
}

.schedule .single-schedule:hover .sprite_4 {
    background-position: -172px -54px;
    transition: all .2s ease;
}


.single-schedule .sprite_5 {
    background: url(../images/sprite_top.png) no-repeat;
    margin: auto;
    display: block;
    height: 56px;
    width: 62px;
    background-position: -232px 0px;
}

.single-schedule .sprite_5:hover {
    background-position: -232px -54px;
    transition: all .2s ease;
}

.schedule .single-schedule:hover .sprite_5 {
    background-position: -232px -54px;
    transition: all .2s ease;
}

.spl_icon{margin:20px auto 10px auto;width:56px;}
.spl_icon img{width:56px;}


.single-schedule {
    background: #fff;
    background: linear-gradient(90deg, rgba(18, 162, 164, 1) 0%, rgba(18, 138, 164, 1) 99%);
    padding: 15px 10px;
    width: 228px;
}

.single-schedule:hover {}

.single-schedule h4 {
    color: #fff;
}

.schedule {
    background: #fff;
    margin: 0;
    padding: 0;
    height: auto;
    margin-top: -75px;
}

.schedule .schedule-inner {
    position: relative;
    transform: translateY(-50%);
    z-index: 9;
}

.schedule .single-schedule {
    position: relative;
    margin-right: 5px;
    text-align: left;
    box-shadow: 0px 6px 6px rgb(194 194 194 / 11%);
    z-index: 3;
    border-radius: 4px;
    background: #fff !important;
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
}

.schedule .single-schedule .inner {
    overflow: hidden;
    position: relative;
    padding: 20px;
    z-index: 2;
}

.schedule .single-schedule:hover {
    transform: translateY(-5px);
    box-shadow: 0px 6px 6px rgb(0 0 0 / 30%);
    background: linear-gradient(90deg, rgba(18, 162, 164, 1) 0%, rgba(18, 138, 164, 1) 99%) !important;
}

.schedule .single-schedule:hover .sprite_1 {
    background-position: 0 -56px;
    transition: all .2s ease;
}

.schedule .single-schedule:hover:before {
    opacity: 1;
}

.schedule .single-schedule span {
    display: block;
    color: #fff;
}

.schedule .single-schedule h4 {
    font-size: 16px;
    font-weight: 600;
    display: block;
    text-transform: capitalize;
    color: #333;
    text-align: center;
    margin-top: 20px;
}

.schedule .single-schedule p {
    color: #fff;
    margin-top: 22px;
}

.schedule .single-schedule a {
    color: #fff;
    margin-top: 25px;
    font-weight: 500;
    display: inline-block;
    position: relative;
}

/*=============================
    End Schedule CSS
===============================*/



/*=============================
    Center of Excellence CSS
===============================*/

.coe_area {}

.coe_area h4 {
    font-size: 18px;
    color: #333;
    font-family: 'Poppins', sans-serif;
    margin-top: 10px;
    padding-bottom: 10px;
}

.coe_area .sprite_1 {
    background: url(../images/coe-sprite.png) no-repeat;
    margin: auto;
    display: block;
    height: 70px;
    width: 72px;
    background-position: 0 0px;
}

.coe_area .sprite_1:hover {
    background-position: 0 -72px;
    transition: all .2s ease;
}


.flip-container {
    perspective: 1000;
}

.flip-container:hover .flipper,
.flip-container.hover .flipper {
    transform: rotateY(180deg);
}

.flip-container,
.front {
    width: 270px;
    height: 270px;
    margin: 0 20px 0 0;
    padding: 10px;
    display: inline-block;
    vertical-align: top;
}

.flip-container,
.back {
    width: 270px;
    height: 280px;
    margin: 0 20px 0 0;
    padding: 10px;border-radius:5px;
    display: inline-block;
    vertical-align: top;
}

.flipper {
    transition: 0.6s;
    transform-style: preserve-3d;
    position: relative;
}

.front {
    backface-visibility: hidden;
    position: absolute;
    top: 0;
    left: 0;
    text-align: center;
    border: 1px solid #eaeaea;
    border-radius: 4px;
    box-shadow: 0px 6px 6px rgb(194 194 194 / 11%);
}

.back {
    backface-visibility: hidden;
    position: absolute;
    top: 0;
    left: -15px;
    text-align: center;
    border: 1px solid #00a0a8;
    border-radius: 4px;
    box-shadow: 0px 6px 6px rgb(0 0 0 / 30%);
}

/* front pane, placed above back */
.front {
    z-index: 2;
    /* for firefox 31 */
    transform: rotateY(0deg);
    background: #fff;
}

.readmore {
    border-radius: 30px;
    margin-top: 10px;
    font-size: 12px;
    padding: 5px 12px;
    background: #fff !important;
    color: #1295a4 !important;
}

a.readmore:hover {
    border-radius: 30px !important;
    background: #fff !important;
    color: rgba(18, 162, 164, 1) 0%;
}

.readmore::before {
    display: none;
}

.back {
    transform: rotateY(180deg);
    background: linear-gradient(90deg, rgba(18, 162, 164, 1) 0%, rgba(18, 138, 164, 1) 99%) !important;
}



.read_more {
    border-radius: 30px;
    margin-top: 10px;
    font-size: 12px;
    padding: 7px 22px;
    background: #fff !important;
    color: #333;
    border: 1px solid #eaeaea
}

.read_more:hover {
    border-radius: 30px !important;
    background: #fff;
    color: #333;
}

.read_more::before {
    display: none;
}


.read_more_clr {
    border-radius: 30px;
    margin-top: 10px;
    font-size: 12px;
    padding: 7px 22px;
    background: linear-gradient(90deg, rgba(18, 162, 164, 1) 0%, rgba(18, 138, 164, 1) 99%);
    color: #fff !important;
}

.read_more_clr:hover {
    border-radius: 30px !important;
    background: linear-gradient(90deg, rgba(18, 162, 164, 1) 0%, rgba(18, 138, 164, 1) 99%);
    color: #fff !important;
}

.read_more_clr::before {
    display: none;
}


.back .sprite_1 {
    background: url(../images/coe-sprite.png) no-repeat;
    margin: auto;
    display: block;
    height: 70px;
    width: 72px;
    background-position: 0 0px;
}

.back:hover .sprite_1 {
    background-position: 0 -72px;
    transition: all .2s ease;
}

.back:hover h4 {
    color: #fff
}

.back .sprite_2 {
    background: url(../images/coe-sprite.png) no-repeat;
    margin: auto;
    display: block;
    height: 70px;
    width: 72px;
    background-position: -78px 0px;
}

.back:hover .sprite_2 {
    background-position: 0 -72px;
    transition: all .2s ease;
}

.back:hover h4 {
    color: #fff
}


.back hr {
    border: none;
    margin: 0px;
    padding: 0px;
    border-top: 0.5px solid #fff;
    margin-bottom: 10px;
    background: none;
}

.back p {
    font-size: 11px;
    color: #fff;
    line-height: 15px;
    font-weight: 400;
    min-height: 70px;
}

.mt_top10 {
    margin: 60px 0px 0px 0px;
}

.Feautes {
    padding-top: 0;
    position: relative;
    padding-bottom: 50px;
}

.Feautes:before {
    position: absolute;
    content: "";
    z-index: -2;
    left: 0;
    top: 140px;
    height: 160px;
    width: 260px;
    background: url(../images/bg1.png);
}

/ .Feautes:after {
    position: absolute;
    z-index: -2;
    content: "";
    right: 0;
    top: 0px;
    height: 160px;
    width: 260px;
    background: url(../images/bg1.png);
}

.Feautes.testimonial-page {
    padding-top: 100px;
}

.Feautes .single-features {
    text-align: center;
    position: relative;
    padding: 10px 20px;
}

.Feautes .single-features::before {
    position: absolute;
    content: "";
    right: -72px;
    top: 60px;
    width: 118px;
    border-bottom: 3px dotted #119da4;
}

.Feautes .single-features.last::before {
    display: none;
}

.Feautes .single-features .signle-icon {
    position: relative;
}

.Feautes .single-features .signle-icon i {
    font-size: 50px;
    color: #119da4;
    position: absolute;
    left: 50%;
    margin-left: -50px;
    top: 0;
    height: 100px;
    width: 100px;
    line-height: 100px;
    text-align: center;
    border: 1px solid #dddddd;
    border-radius: 100%;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.Feautes .single-features:hover .signle-icon i {
    background: #119da4;
    color: #fff;
    border-color: transparent;
}

.Feautes .single-features h3 {
    padding-top: 128px;
    color: #2C2D3F;
    font-weight: 600;
    font-size: 21px;
}

.Feautes .single-features p {
    margin-top: 20px;
}


/*=============================
    Center of Excellence CSS Ends
===============================*/


/*=======================
    Start Fun Facts CSS
=========================*/

.fun-facts.section {
    padding:110px 0;
}

.fun-facts {
    position: relative;
    background: url('../images/bg-count.jpg');
    background-size: cover;
    background-repeat: no-repeat;
}

.fun-facts .single-fun .content {
    padding-left:30px; max-height:none;overflow:inherit;
}

.fun-facts .single-fun span {
    color: #fff;
    font-weight: 600; text-align:center;
    font-size: 48px;
    font-style: italic;
    position: relative;
    display: block;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    transition: all 0.4s eas;
    display: block;
    margin-bottom: 8px;
}

.fun-facts .single-fun p {
    color: #fff;
    font-size: 19px;
    text-align: center;
    margin-top: 26px;
}

/*===================
    End Fun Facts
=====================*/

.clients_area {
    padding: 40px 0;
    background: url('../images/bg_patient.jpg');
    background-size: cover;
    background-repeat: no-repeat;
}

.clients_area .section-title h2 {
    text-align: center;
    color: #fff;
}

.clients_area .section-title h2:before {
    left: 45%;
    right: auto;
}

.single-pf {
    margin: 30px 14%;
    text-align: center;
    color: #fff;
}

.single-pf img {
    width: 112px;
    margin: 20px auto;
}

.single-pf h6 {
    color: #fff;
    font-family: 'Georgia', serif;
    font-style: italic;
    margin-top: 20px;
    font-size: 14px;
}

.single-pf span {
    display: block;
    color: #fff;
    font-family: 'Georgia', serif;
    font-style: italic;
    font-size: 12px;
}

.single-pf p {
    font-family: 'Georgia', serif;
    font-style: italic;
    color: #fff;
    text-align: center;font-size:18px;
}

.vidoeo{width:320px !important;}
.img-patients{width:120px !important;}
.docssection {
    padding: 60px 0px;
}

.clients_area .owl-prev {
    position: absolute;
    left: -40px;
    top: 100px;
}

.clients_area .owl-next {
    position: absolute;
    right: -40px;
    top: 100px;
}

.clients_area .owl-theme .owl-nav [class*='owl-'] {
    padding: 0px 7px;
    background: none;
    font-size: 48px;
}



/*===================
    Why choose CSS
=====================*/
.why-choose .choose-left h3 {
    font-size: 24px;
    font-weight: 600;
    color: #2C2D3F;
    position: relative;
    padding-bottom: 20px;
    margin-bottom: 24px;
}

.why-choose .choose-left h3:before {
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    height: 2px;
    width: 50px;
    background: #119da4;
}

.why-choose .choose-left p {
    margin-bottom: 35px;
}

.why-choose .choose-left .list {}

.why-choose .choose-left .list li {
    color: #868686;
    margin-bottom: 12px;
}

.why-choose .choose-left .list li:last-child {
    margin-bottom: 0px;
}

.why-choose .choose-left .list li i {
    height: 15px;
    width: 15px;
    line-height: 15px;
    text-align: center;
    background: #119da4;
    color: #fff;
    font-size: 14px;
    border-radius: 100%;
    padding-left: 2px;
    margin-right: 16px;
}

.why-choose {
    background: #fff;
}

.why-choose .video-image .waves-block .waves {
    position: absolute;
    width: 70px;
    height: 70px;
    background: none;
    border: 3px solid #fff;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    border-radius: 100%;
    -webkit-animation: waves 3s ease-in-out infinite;
    animation: waves 3s ease-in-out infinite;
    left: 55%;
    margin-left: -100px;
    top: 55%;
    margin-top: -100px;
}

.why-choose .video-image .waves-block .wave-1 {
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
}

.why-choose .video-image .waves-block .wave-2 {
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
}

.why-choose .video-image .waves-block .wave-3 {
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
}

.video-popup {
    position: relative;
}

.linktitles {
    position: absolute;
    margin-top: -220px;
    left: 0;
    right: 0;
}

.linktitles i {
    font-size: 24px;
    color: #fff;
}

.linktitles h5 {
    color: #fff;
}

.linktitles h5 p {
    color: #fff;
    font-size: 14px;
}

.cover_info {
    width: 613px;
    height: 240px;
    background: #fff;
    border: 1px solid #eaeaea;
    position: absolute;
    z-index: 99;
    padding: 20px;
}

.cover_info p {
    font-size: 14px;
    line-height: 23px;
    color: #333; font-weight:400;
}

.cover_info p b {
    font-weight: 600;color:#444;
}

/*=======================
    End Why choose CSS
=========================*/

/*===============================
    Start Call to action CSS
=================================*/
.call-action {
    background-image: url('img/call-bg.jpg');
    background-size: cover;
    background-position: center;
    position: relative;
    background-repeat: no-repeat;
}

.call-action .content {
    text-align: center;
    padding: 100px 265px;
}

.call-action .content h2 {
    color: #fff;
    font-size: 32px;
    font-weight: 600;
    line-height: 46px;
}

.call-action .content p {
    color: #fff;
    margin: 30px 0px;
    font-size: 15px;
}

.call-action .content .btn {
    background: #fff;
    margin-right: 20px;
    font-weight: 500;
    border: 1px solid #fff;
    color: #119da4;
}

.call-action .content .btn:before {
    background: #119da4;
}

.call-action .content .btn:hover {
    background: #119da4;
    color: #fff;
}

.call-action .content .btn:last-child {
    margin-right: 0px;
}

.call-action .content .second {
    border: 1px solid #fff;
    color: #fff;
    background: transparent;
    color: #fff !important;
}

.call-action .content .second:before {
    background: #fff;
}

.call-action .content .second:hover {
    color: #119da4;
    border-color: transparent;
    background: #fff;
}

.call-action .content .second i {
    margin-left: 10px;
}

/*===============================
    Start Call to action CSS
=================================*/


/*=========================
    Srart service CSS
===========================*/
.services .single-service {
    margin: 30px 0;
    position: relative;
    padding-left: 70px;
}

.services .single-service i {
    font-size: 45px;
    color: #119da4;
    position: absolute;
    left: 0;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.services .single-service h4 {
    text-transform: capitalize;
    margin-bottom: 25px;
    color: #2C2D3F;
}

.services .single-service h4 a {
    color: #2C2D3F;
    font-size: 20px;
    font-weight: 600;
}

.services .single-service h4 a:hover {
    color: #119da4;
}

.services .single-service p {
    color: #868686;
}

.services-details-img {
    margin-bottom: 50px;
}

.services-details-img img {
    width: 100%;
    margin-bottom: 30px;
}

.services-details-img h2 {
    font-weight: 600;
    font-size: 28px;
    margin-bottom: 16px;
}

.services-details-img P {
    margin-bottom: 20px;
}

.services-details-img blockquote {
    font-size: 15px;
    color: #4a6f8a;
    background-color: #119da4;
    padding: 30px 75px;
    line-height: 26px;
    position: relative;
    margin-bottom: 20px;
    color: #fff;
}

.services-details-img blockquote i {
    position: absolute;
    display: inline-block;
    top: 20px;
    left: 38px;
    font-size: 32px;
}

.service-details-inner-left {
    background-image: url("img/signup-bg.jpg");
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
}

.service-details-inner-left img {
    display: none;
}

.service-details-inner {
    max-width: 580px;
    margin-left: auto;
    margin-right: auto;
}

.service-details-inner h2 {
    font-weight: 600;
    font-size: 30px;
    margin-bottom: 15px;
    border-left: 3px solid #119da4;
    padding-left: 15px;
}

.service-details-inner p {
    margin-bottom: 15px;
}

.service-details-inner p:last-child {
    margin-bottom: 0;
}

/*=========================
    End service CSS
===========================*/
.coe-slider{max-width:1180px;}
.coe-slider .owl-controls{top: -380px;
    position: relative;
    right: -1030px;}
    .coe-slider .owl-controls .owl-nav{width:120px;
    margin: 0;
    right: 0;
    position: relative;}

    .health-table .section-title h2{float:left;}
    .coe_area .section-title{margin-bottom:50px;}
    .rgt{float:right;}
    .health-table .rgt{color:#fff !important;background:linear-gradient(90deg, rgba(18, 162, 164, 1) 0%, rgba(18, 138, 164, 1) 99%) !important;}
    .coe-slider .owl-nav .owl-prev{border-radius:50%;padding:0px 7px;background:linear-gradient(90deg, rgba(18, 162, 164, 1) 0%, rgba(18, 138, 164, 1) 99%) !important;}
    .coe-slider .owl-nav .owl-next{border-radius:50%;padding:0px 7px;background:linear-gradient(90deg, rgba(18, 162, 164, 1) 0%, rgba(18, 138, 164, 1) 99%) !important;}
/*=============================
    Start Testimonials CSS
===============================*/
.testimonials {
    background-image: url('img/testi-bg.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
}

.testimonials .section-title h2 {
    color: #fff;
}

.testimonials .single-testimonial {
    text-align: left;
    position: relative;
    background: #fff;
    padding: 40px 30px;
    margin: 5px;
    margin-bottom: 27px;
    margin-right: 30px;
    border-radius: 5px;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    transition: all 0.4s ease;
    margin: 0;
    margin: 30px 20px;
}

.testimonials .single-testimonial:hover {
    box-shadow: 0px 10px 10px #0000001c;
    transform: translateY(-4px);
}

.testimonials .single-testimonial img {
    position: absolute;
    left: 30px;
    bottom: -26px;
    height: 53px;
    width: 53px;
    border-radius: 100%;
}

.testimonials .single-testimonial p {
    color: #868686;
    font-size: 14px;
}

.testimonials .single-testimonial .name {
    margin-top: 22px;
    color: #2C2D3F;
    font-weight: 500;
    font-size: 15px;
}

.testimonials .owl-dots {
    position: absolute;
    left: 50%;
    bottom: -55px;
    margin-top: -47px;
    padding: 10px 25px;
    border-radius: 3px;
    margin: 0 0 0 -52px;
    margin-top: 49px;
    box-sizing: ;
}

.testimonials .owl-dots .owl-dot {
    display: inline-block;
    margin-right: 10px;
}

.testimonials .owl-dots .owl-dot:last-child {
    margin: 0px;
}

.testimonials .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    display: block;
    border-radius: 30px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
    margin: 0;
    background: #fff;
    position: relative;
}

.testimonials .owl-dots .owl-dot span:hover {
    background: #fff;
}

.testimonials .owl-dots .owl-dot.active span {
    background: #fff;
    width: 20px;
}

/*=============================
    End Testimonials CSS
===============================*/

.docs-info {
    display: block;
    border: 1px solid #eaeaea;
    border-radius: 2px; background:#fff;
    margin: 10px;
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
}

.docs-info:hover {
    transform: translateY(-5px);
    box-shadow: 0px 6px 6px rgb(0 0 0 / 30%);
    background: linear-gradient(90deg, rgba(18, 162, 164, 1) 0%, rgba(18, 138, 164, 1) 99%) !important;
    border: 1px solid #00a0a8;
}

.docs-info:hover .name {
    color: #fff;
}

.docs-info:hover .designation {
    color: #fff;
}

.profile {
    border-radius: 30px;
    margin-bottom: 10px;
    padding: 6px 20px;
    background: #fff !important;
    border: 1px solid #eaeaea;
    font-size: 12px;color:#333;
}

.profile:hover,
.profile:focus {
    color: #333;
    border: 1px solid #fff;color:#00a0a8;
}

.appointment {
    border-radius: 30px;
    margin-bottom: 10px;
    padding: 6px 20px;
    background: #fff !important;
    border: 1px solid #eaeaea;
    font-size: 12px;color:#333;
}

.appointment:hover,
.appointment:focus {
    color: #333;
    border: 1px solid #fff;color:#00a0a8;
}

.name {
    font-size: 18px;
    margin: 15px 0px;
    text-align: center;
    font-weight: 700;
}

.designation {
    font-size: 12px;
    text-align: center;
    font-weight: 400;
    line-height: 16px;
    margin-bottom: 15px;
    min-height: 43px;
}

.docInform {
    padding: 10px 10px;
}

.docssection .owl-prev {
    position: absolute;
    left: -40px;
    top: 200px;
}

.docssection .owl-next {
    position: absolute;
    right: -40px;
    top: 200px;
}

.docssection .owl-theme .owl-nav [class*='owl-'] {
    border-radius: 30px;
    padding: 0px 7px;
}

.viewall_btn {
    display: inline;
    text-align: center;
    margin: 20px auto;
}

.viewall_btn .viewall {
    margin: 0px;
    border-radius: 30px;
    padding: 8px 24px;
    color: #fff;
    
    background: linear-gradient(90deg, rgba(18, 162, 164, 1) 0%, rgba(18, 138, 164, 1) 99%) !important;
}

/*==========================
    Start whatsnew CSS
============================*/
.health-table .department-tab .nav {
    margin-bottom: 30px;
    background: transform;
    position: relative;
}

.whatsnew {
    background-color: #f6f6f6;
}

.whatsnew .section-title h2 {
    text-align: center;
    font-family: 'Georgia', serif;
    font-style: italic;
    color: #128ea4;
}

.whatsnew .section-title h2:before {
    left: 45%;
    right: auto;
}

.whatsnew .section-title p {
    font-size: 14px;
    font-family: 'Georgia', serif;
    font-style: italic;
    margin: 45px 5% 20px 5%;
}

.whatsnew .department-tab .nav li {
    text-align: center;
    margin-right: 54px;
}

.whatsnew .department-tab .nav li a:hover {
    background: transparent;
}

.whatsnew .department-tab .nav li a {
    color: #fff;
    margin-top: 0px;
    border: none;
    padding: 0;
    padding-bottom: 10px;
    border-bottom: 2px solid transparent;
    padding: 0 10px 10px 10px;
}

.whatsnew .department-tab .nav li a.active {
    border-color: #128ea4;
    background: none;
}

.whatsnew .department-tab .nav li .first {
    padding-top: 0px;
    font-size: 17px;
    font-weight: 500;
    color: #868686;
}

.whatsnew .department-tab .nav li a.active .first {
    color: #2C2D3F;
}

.whatsnew .department-tab .nav li .second {
    font-size: 14px;
    font-weight: 400;
    color: #868686;
    margin-top: 3px;
}

.whatsnew .department-tab .tab-pane .department-left h3 {
    color: #2C2D3F;
    font-weight: 600;
    font-size: 26px;
    position: relative;
    padding-bottom: 15px;
    margin-bottom: 30px;
}

.whatsnew .department-tab .tab-pane .department-left h3:before {
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    height: 3px;
    width: 50px;
    background: #2C2D3F;
}

.whatsnew .department-tab .tab-pane .department-left .p1 {
    color: #119da4;
    font-weight: 500;
    margin-bottom: 18px;
}

.whatsnew .department-tab .tab-pane .department-left p {
    margin-bottom: 20px;
}

.whatsnew .department-tab .tab-content .tab-text h2 {
    font-size: 18px;
}

.whatsnew .department-tab .tab-content .tab-text p {
    color: #555;
    margin-top: 10px;
}

.whatsnew .tab-pane {
    background: #fff;
    border: 1px solid #eaeaea;
    padding: 30px 30px 10px 30px;
}

.single-infos {
    background: #fff;
    position: relative;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.single-infos img {
    width: 100%;
    margin: 0;
    padding: 0;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.single-infos .news-head {
    position: relative;
    overflow: hidden;
}

.single-infos .news-content {
    text-align: left;
    background: #fff;
    z-index: 99;
    position: relative;
    padding: 10px 0px;
    left: 0;
    z-index: 0;
}

.single-infos .news-body h2 {
    font-size: 15px;
    font-weight: 700;
    margin-bottom: 5px;
    line-height: 21px;
}

.single-infos .news-body h2 a {
    color: #2C2D3F;
    font-weight: 700;
}

.single-infos .news-body h2 a:hover {
    color: #333;
}

.single-infos .news-content p {
    font-weight: 400;
    text-transform: capitalize;
    font-size: 12px;
    letter-spacing: 0px;margin-bottom:10px;
    line-height: 19px;
}

.single-infos .news-body .date {
    display: inline-block;
    font-size: 14px;
    margin-bottom: 5px;
    background: #119da4;
    color: #fff;
    padding: 4px 15px;
    border-radius: 3px;
    font-size: 14px;
    margin-bottom: 10px;
}

.brd_top {
    clear: both;
    width: 100%;
    margin: 30px 20px 0px 20px;
    background: #ededed;
}

/*==========================
    End whatsnew CSS
============================*/

/*=============================
    Start Health Article CSS
===============================*/
.health-table {
    background: #f9f9f9;
    position: relative;
}

.health-table .single-table {
    text-align: left;
    position: relative;
    overflow: hidden;
    margin: 0;
    padding: 0px;
}

.health-table .single-table .table-head {
    text-align: center;margin-top:20px;
}

.health-table .single-table .icon i {
    font-size: 65px;
    color: #119da4;
}

.health-table .single-table .title {
    font-size: 17px;
    color: #2C2D3F;
    margin-top: 15px;
    text-align: left;
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
    margin-bottom: 12px;
}

.health-table .single-table p {
    text-align: left;
    margin-bottom: 15px;
    font-size: 12px;
    line-height: 1.5;
}

.health-table .btn {
    padding: 7px 15px;
    width: 120px;
    border: 1px solid #eaeaea;
    color: #4c4c4c;
}

.health-table .btn:before {
    background: #2C2D3F;
}

.health-table .btn:hover {
    color: #fff;
}

.health-table .btn i {
    font-size: 16px;
    margin-right: 10px;
}

/*=============================
    End Health Article CSS
===============================*/





/*========================
    Start Covid CSS
==========================*/

.covidservice {
    padding: 70px 0px;
}

.covidservice .serve_list {
    width: 230px;
    height: 210px;
    padding: 30px;
    box-shadow: 0px 1px 6px rgb(0 0 0 / 10%);
}

.covidservice .serve_list .sprite_01 {
    background: url(../images/service_sprite.jpg) no-repeat;
    margin: auto;
    display: block;
    height: 56px;
    width: 48px;
    background-position: 0 0px;
    margin-top: 20px;
    margin-bottom: 10px;
}

.covidservice .serve_list .sprite_02 {
    background: url(../images/service_sprite.jpg) no-repeat;
    margin: auto;
    display: block;
    height: 56px;
    width: 65px;
    background-position: -54px 0px;
    margin-top: 20px;
    margin-bottom: 10px;
}

.covidservice .serve_list .sprite_03 {
    background: url(../images/service_sprite.jpg) no-repeat;
    margin: auto;
    display: block;
    height: 56px;
    width: 65px;
    background-position: -124px 0px;
    margin-top: 20px;
    margin-bottom: 10px;
}

.covidservice .serve_list .sprite_04 {
    background: url(../images/service_sprite.jpg) no-repeat;
    margin: auto;
    display: block;
    height: 56px;
    width: 65px;
    background-position: -192px 0px;
    margin-top: 20px;
    margin-bottom: 10px;
}

.covidservice .serve_list h4 {
    font-weight: 600;
    font-size: 18px;
    text-align: center;
}

/*========================
    End Covid CSS
==========================*/




/*========================
    Start Covid CSS
==========================*/
.virtual {
    background: #f6f6f6;
    padding: 70px 0px;
}

.abouthospital {
    padding: 70px 0px;
}
.width_2{width:100%; clear:both;margin-bottom:25px;}
.width_2 .ml_img{float:left;}
.width_2 h6{float:left;margin-left:20px;color:#fff;text-align:left;width:220px;font-weight:400;}

.travel{color:#fff;text-transform:uppercase;text-align:left;margin-top:30px;font-size:18px;font-weight:600;margin-bottom:20px;}

.bg_grn{background:#12a0a4;padding:30px;width:100%;margin:30px 0px;}
.bg_grn h2{margin:0px;padding:0px;text-align:center;color:#fff;font-size:22px;font-weight:600;}
.bg_grn p{margin:0px;padding:0px;text-align:center;color:#fff;}

.abouthosp_info{ padding:20px 0px;text-align:center;}
.abouthosp_info h2{margin-top: 0px;margin-bottom:40px;
    font-weight: 500;font-size:20px;}

.abouthospital h2 p {
    margin-top: 0px;
    font-weight: 500;
}

.imggallery {
    position: relative;
    z-index: 0;
}

.shaddowimg {
    box-shadow: 0px 4px 5px #d3d3d3;
}

.video-image {
    text-align: center;
}

.img_side img {
    border: 1px solid #ccc;
}

.img_side h6 {
    font-size: 14px;
    text-align: center;
    margin-top: 7px;
}

.img_side p {
    font-size: 11px;
    text-align: center;
}

/*========================
    End Covid CSS
==========================*/






/*========================
    Start Clients CSS
==========================*/
.clients {
    background-image: url('img/client-bg.jpg');
    background-size: cover;
    background-position: center;
    padding: 100px 0px;
    position: relative;
}

.clients .single-clients {}

.clients .single-clients img {
    width: 100%;
    cursor: pointer;
    text-align: center;
    float: none;
    padding: 0 35px;
}

/*========================
    End Clients CSS
==========================*/



/*=====================
   Start Faq CSS
=======================*/
.faq_section {}

.faq_section h2 {
    margin-bottom: 25px;
    font-weight: 600;
    text-align: center;
}

.faq_section .section-title h2:before {
    left: 45%;
    right: auto;
}

.faq-wrap {
    margin-bottom: 50px;
}

.faq-wrap:last-child {
    margin-bottom: 30px;
}

.accordion {
    padding-left: 0;
    margin: 0;
    padding: 0;
}

.accordion p {
    font-size: 14px;
    display: none;
    padding:15px 10px 15px 10px;
    margin: 0px auto;
    width: 80%;
    margin-bottom: 0;color: #333;
}

.accordion a {
    font-size: 15px;
    width: 80%;
    margin: 0px auto;
    display: block;
    cursor: pointer;
    font-weight: 400;
    padding:12px 0 12px 18px;
    border-radius: 0; font-weight:600;letter-spacing:0.5px;
    background: #fff;border-radius:4px;overflow:hidden;
    color: #333 !important; font-size:18px;
    border: 1px solid #eee;
}

.accordion a:hover {
    color: #fff !important;
    background: #119da4 !important;
}

.accordion a:after {
    position: absolute;
    right: 20px;
    content: "+";
    top: 14px;
    color: #232323;
    font-size: 17px;
    font-weight: 700;
    width: 11%;
}

.accordion a:hover:after {
    color: #fff !important;
}
.br_right{border-right:1px solid #4dc1d3}
.br_left{border-left:1px solid #4dc1d3}
.accordion li {
    position: relative;
    list-style-type: none;
    margin-bottom: 10px;;
}

.accordion li:first-child {
    border-top: 0;
}

.accordion li:last-child {
    margin-bottom: 0;
}

.accordion li a.active {
    color: #fff !important;
    background-color: #119da4;
    border: 1px solid #119da4;
}

.accordion li a.active:after {
    content: "-";
    font-size: 25px;
    color: #ffffff;
}

/*=====================
   End Faq CSS
=======================*/



/*====================
    Start Team CSS
======================*/
.team {
    background-image: url('img/testi-bg.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
}

.team.single-page {
    background: #fff;
}

.team .section-title h2 {
    color: #fff;
}

.team .section-title p {
    color: #fff;
}

.team .single-team {
    background: #fff;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
    margin-top: 30px;
    text-align: center;
    box-shadow: 0px 0px 10px #00000021;
    border-radius: 5px;
    overflow: hidden;
}

.team .t-head {
    position: relative;
    overflow: hidden;
}

.team .t-head::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    opacity: 0;
    visibility: hidden;
    content: "";
    z-index: 2;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.team .single-team:hover .t-head::before {
    visibility: visible;
    opacity: 0.5;
}

.team .t-head img {
    width: 100%;
    position: relative;
}

.team .t-icon a {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 150px;
    height: 46px;
    line-height: 40px;
    opacity: 0;
    visibility: hidden;
    font-weight: 400;
    text-align: center;
    color: #fff;
    border-radius: 0;
    -webkit-transform: scale(0.6);
    -moz-transform: scale(0.6);
    transform: scale(0.6);
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
    z-index: 99;
    margin: -23px 0 0 -75px;
    font-size: 15px;
    background: #2889E4;
    font-size: 13px;
    line-height: 46px;
    padding: 0;
    border-radius: 4px;
}

.team .single-team:hover .t-icon a {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    visibility: visible;
}

.team .t-bottom {
    text-align: center;
    position: relative;
    padding: 0 20px;
    padding: 25px 20px;
}

.team .t-bottom p {
    color: #666;
    font-size: 13px;
    display: block;
    margin-bottom: 4px;
}

.team .t-bottom h2 {
    font-size: 18px;
    text-transform: capitalize;
    font-weight: 500;
    color: #2C2D3F;
}

.team .t-bottom h2 a:hover {
    color: #119da4;
}

/*-- Doctor Details --*/
.doctor-details-left {
    -webkit-box-shadow: 0px 0px 10px 0px #ddd;
    box-shadow: 0px 0px 10px 0px #ddd;
    border-radius: 10px;
    overflow: hidden;
}

.doctor-details-item img {
    width: 100%;
    border-radius: 0;
}

.doctor-details-item .doctor-details-contact {
    padding: 50px;
}

.doctor-details-item .doctor-details-contact h3 {
    font-weight: 600;
    font-size: 20px;
    color: #2C2D3F;
    margin-bottom: 30px;
}

.doctor-details-item .doctor-details-contact .basic-info {
    margin: 0;
    padding: 0;
}

.doctor-details-item .doctor-details-contact .basic-info li {
    list-style-type: none;
    display: block;
    font-weight: 400;
    font-size: 15px;
    color: #2C2D3F;
    margin-bottom: 10px;
}

.doctor-details-item .doctor-details-contact .basic-info li:last-child {
    margin-bottom: 0;
}

.doctor-details-item .doctor-details-contact .basic-info li i {
    display: inline-block;
    color: #119da4;
    margin-right: 8px;
    font-size: 16px;
    position: relative;
    top: 1px;
}

.doctor-details-area .doctor-details-left .social {
    margin-top: 25px;
}

.doctor-details-area .doctor-details-left .social li {
    display: inline-block;
    margin-right: 10px;
}

.doctor-details-area .doctor-details-left .social li:last-child {
    margin-right: 0px;
}

.doctor-details-area .doctor-details-left .social li a {
    height: 34px;
    width: 34px;
    line-height: 34px;
    text-align: center;
    border: 1px solid #C8C8C8;
    text-align: center;
    padding: 0;
    border-radius: 4px;
    display: block;
    color: #757575;
    font-size: 16px;
}

.doctor-details-area .doctor-details-left .social li a:hover {
    color: #fff;
    background: #119da4;
    border-color: transparent;
}

.doctor-details-item .doctor-details-work h3 {
    font-weight: 600;
    font-size: 20px;
    color: #2C2D3F;
    margin-top: 30px;
}

.doctor-details-item .doctor-details-work .time-sidual {}

.doctor-details-item .doctor-details-work .time-sidual {
    overflow: hidden;
}

.doctor-details-item .doctor-details-work .time-sidual li {
    display: block;
    color: #2C2D3F;
    width: 100%;
    margin-bottom: 10px;
}

.doctor-details-item .doctor-details-work .time-sidual li span {
    display: inline-block;
    float: right;
}

.doctor-details-item .doctor-details-work .day-head .time {
    font-weight: 400;
    float: right;
}

.doctor-details-area .doctor-details-right {
    padding-left: 60px;
    padding-top: 70px;
}

.doctor-details-item .doctor-details-biography {}

.doctor-details-item .doctor-details-biography h3 {
    font-weight: 600;
    font-size: 24px;
    color: #2f60bd;
    margin-bottom: 25px;
    margin-top: 25px;
}

.doctor-details-item .doctor-details-biography p {
    margin-bottom: 0;
}

.doctor-details-item .doctor-details-biography ul {
    margin: 0;
    padding: 0;
}

.doctor-details-item .doctor-details-biography ul li {
    list-style-type: none;
    display: block;
    margin-bottom: 10px;
}

.doctor-details-item .doctor-details-biography ul li:last-child {
    margin-bottom: 0;
}

.doctor-details-item .doctor-name .name {
    font-size: 30px;
    font-weight: 600;
}

.doctor-details-item .doctor-name .deg {
    font-size: 22px;
    margin: 10px 0 5px 0;
}

.doctor-details-item .doctor-name .degree {
    font-size: 16px;
}

/*====================
    End Team CSS
======================*/



.main-sidebar {
    background: #fff;
    margin-top: 30px;
    background: transparent;
}

.main-sidebar .single-widget {
    margin-bottom: 30px;
    padding: 40px;
    background: #fff;
    -webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.10);
    -moz-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.10);
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.10);
    border-radius: 8px;
}

.main-sidebar .single-widget .title {
    position: relative;
    font-size: 18px;
    font-weight: 600;
    text-transform: capitalize;
    margin-bottom: 30px;
    display: block;
    background: #fff;
    padding-left: 12px;
}

.main-sidebar .single-widget .title::before {
    position: absolute;
    content: "";
    left: 0;
    bottom: -1px;
    height: 100%;
    width: 3px;
    background: #119da4;
}

.main-sidebar .single-widget:last-child {
    margin: 0;
}

.main-sidebar .search {
    position: relative;
}

.main-sidebar .search input {
    width: 100%;
    height: 45px;
    box-shadow: none;
    text-shadow: none;
    font-size: 14px;
    border: none;
    color: #222;
    background: transparent;
    padding: 0 70px 0 20px;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    transition: all 0.4s ease;
    border-radius: 0;
    border: 1px solid #eee;
    border-radius: 5px;
}

.main-sidebar .search .button {
    position: absolute;
    right: 40px;
    top: 40px;
    height: 44px;
    width: 50px;
    line-height: 45px;
    box-shadow: none;
    text-shadow: none;
    text-align: center;
    border: none;
    font-size: 14px;
    color: #fff;
    background: #333;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    transition: all 0.4s ease;
    border-radius: 0 5px 5px 0;
}

.main-sidebar .search .button:hover {
    background: #119da4;
    color: #fff;
}

/* Category List */
.main-sidebar .categor-list {
    margin-top: 15px;
}

.main-sidebar .categor-list li {
    margin-bottom: 10px;
}

.main-sidebar .categor-list li:last-child {
    margin-bottom: 0px;
}

.main-sidebar .categor-list li a {
    display: inline-block;
    color: #333;
    font-size: 14px;
}

.main-sidebar .categor-list li a:hover {
    color: #119da4;
    padding-left: 7px;
}

.main-sidebar .categor-list li a i {
    display: inline-block;
    margin-right: 0px;
    font-size: 9px;
    transform: translateY(-1px);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.main-sidebar .categor-list li a:hover i {
    margin-right: 6px;
    opacity: 1;
    visibility: visible;
}

/* Recent Posts */
.main-sidebar .single-post {
    position: relative;
    border-bottom: 1px solid #ddd;
    display: inline-block;
    padding: 17px 0;
}

.main-sidebar .single-post:last-child {
    padding-bottom: 0px;
    border: none;
}

.main-sidebar .single-post .image img {
    float: left;
    width: 80px;
    height: 80px;
    margin-right: 20px;
}

.main-sidebar .single-post .content {
    padding-left: 100px;
}

.main-sidebar .single-post .content h5 {
    line-height: 18px;
}

.main-sidebar .single-post .content h5 a {
    color: #2C2D3F;
    font-weight: 500;
    font-size: 14px;
    font-weight: 500;
    margin-top: 10px;
    display: block;
    margin-bottom: 10px;
    margin-top: 0;
}

.main-sidebar .single-post .content h5 a:hover {
    color: #119da4;
}

.main-sidebar .single-post .content .comment li {
    color: #888;
    display: inline-block;
    margin-right: 15px;
    font-weight: 400;
    font-size: 14px;
}

.main-sidebar .single-post .content .comment li:last-child {
    margin-right: 0;
}

.main-sidebar .single-post .content .comment li i {
    display: inline-block;
    margin-right: 5px;
}

/* Blog Tags */
.main-sidebar .side-tags .tag {
    margin-top: 40px;
}

.main-sidebar .side-tags .tag li {
    display: inline-block;
    margin-right: 7px;
    margin-bottom: 20px;
}

.main-sidebar .side-tags .tag li a {
    background: #fff;
    color: #333;
    padding: 8px 14px;
    text-transform: capitalize;
    border-radius: 0;
    font-size: 13px;
    background: #F6F7FB;
    border-radius: 4px;
}

.main-sidebar .side-tags .tag a:hover {
    color: #fff;
    background: #119da4;
    border-color: transparent;
}

/* News Single */
.news-single {
    padding: 60px 0 90px;
    background: #f8f8f8;
}

.news-single .single-main {
    margin-top: 30px;
    background: #fff;
    padding: 30px;
    -webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.10);
    -moz-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.10);
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.10);
    border-radius: 8px;
}

.news-single .news-head {}

.news-single .news-head img {
    width: 100%;
    height: 100%;
}

.news-single .news-title {
    font-size: 25px;
    margin: 20px 0;
}

.news-single .news-title a {
    color: #252525;
    font-weight: 600;
}

.news-single .news-title a:hover {
    color: #119da4;
}

/* Blog Meta */
.news-single {
    background: #fff;
}

.news-single .meta {
    overflow: hidden;
    border-top: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb;
    width: 100%;
    padding: 10px 0;
    margin-bottom: 15px;
}

.news-single .meta span {
    margin-right: 10px;
    display: inline-block;
}

.news-single .meta span:last-child {
    margin: 0;
}

.news-single .meta span,
.news-single .meta span a {
    color: #2C2D3F;
    font-weight: 400;
}

.news-single .meta span i {
    margin-right: 5px;
    color: #119da4;
}

.news-single .meta-left {
    float: left;
}

.news-single .meta-left .author img {
    width: 45px;
    height: 45px;
    border-radius: 100%;
    margin-right: 12px;
}

.news-single .meta-left .author {
    float: left;
}

.news-single .meta-left span.date {
    margin-top: 10px;
}

.news-single .meta-right {
    float: right;
    margin-top: 10px;
}

.news-single .news-content {
    margin: 20px 0;
}

.news-single .news-content p {
    margin-bottom: 10px;
}

.news-single .news-content p:last-child {
    margin: 0;
}

.news-single .news-text p {
    font-size: 14px;
    margin-bottom: 20px;
}

/* Image Gallery */
.news-single .image-gallery {
    margin-bottom: 20px;
}

.news-single .image-gallery .single-image {
    overflow: hidden;
}

.news-single .image-gallery .single-image:hover img {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    transform: scale(1.2);
}

/* Blockqoute */
/*.news-single blockquote {
    background-image: url('img/blockqoute-bg.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding: 30px;
    overflow: hidden;
}
.news-single blockquote::before {
    opacity: 0.9;
}
.news-single .news-text blockquote p {
    color: #fff;
    margin: 0;
    line-height: 26px;
    font-size: 15px;
    position: relative;
}
.news-single .blog-bottom {
    overflow: hidden;
}

.news-single .social-share {
    float: left;
}
.news-single .social-share li {
    float: left;
}
.news-single .social-share li span{
    padding-left:5px;
}
.news-single .social-share li.facebook a{
    background:#5d82d1;
}
.news-single .social-share li.twitter a{
    background:#40bff5;
}
.news-single .social-share li.google-plus a{
    background:#eb5e4c;
}
.news-single .social-share li.linkedin a{
    background:#238cc8;
}
.news-single .social-share li.pinterest a{
    background:#e13138;
}
.news-single .social-share li a {
    padding: 10px 20px;
    display: block;
    color: #fff;
}
.news-single .social-share li a:hover{
    background:#2B343E;
}

.news-single .prev-next {
    float: right;
}
.news-single .prev-next li {
    display: inline-block;
    padding: 0;
    margin-right: 5px;
}
.news-single .prev-next li:last-child{
    border:none;
}
.news-single .prev-next li a {
    display: block;
    width: 40px;
    height: 40px;
    line-height: 36px;
    text-align: center;
    font-size: 16px;
    border: 1px solid #c4c4c4;
    color: #555;
    border-radius: 4px;
}
.news-single .prev-next li a:hover{
    color:#fff;
    background:#119da4;
    border-color:transparent;
}

.news-single .blog-comments {
    margin-top: 30px;
    background: transparent;
    -webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.10);
    -moz-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.10);
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.10);
    border-radius: 8px;
    padding: 30px;
}
.news-single .blog-comments h2 {
    text-align: left;
    text-transform: capitalize;
    font-size: 18px;
    color: #252525;
    margin-bottom: 20px;
}
.news-single .blog-comments h4 span{
    float:right;
}
.news-single .single-comments {
    overflow: hidden;
    margin-bottom: 30px;
    background: #fff;
    border-bottom: 1px solid #eee;
    padding-bottom: 30px;
}
.news-single .single-comments.left .main {
    padding-left: 100px;
    position: relative;
    margin-left: 100px;
}
.news-single .single-comments.left img{
    position:absolute;
    left:0;
    top:0;
}
.news-single .single-comments:last-child{
    margin:0;
    border:none;
    margin-bottom:0;
    padding-bottom:0;
}
.news-single .single-comments .main {
    overflow: hidden;
}
.news-single .single-comments .head {
    float: left;
    margin-right: 20px;
    text-align: center;
    width: 12%;
}
.news-single .head img {
    width: 80px;
    height: 80px;
    line-height: 80px;
    border-radius: 100%;
    border: 5px solid #f8f8f8;
}
.news-single .single-comments .body {
    float: left;
    width: 85%;
}
.news-single .single-comments.left .body{
    float: noene;
    width:100%;
}
.news-single .single-comments .comment-list {
    margin-top: 30px;
    padding-top: 30px;
    border-top: 1px solid #e2e2e2;
    overflow: hidden;
}
.news-single .single-comments .comment-list .body {
    width: 78%;
}
.news-single .single-comments h4 {
    margin: 0 0 5px;
    font-size: 16px;
    text-align: left;
    font-weight: 500;
    color: #252525;
}
.news-single .single-comments .comment-meta{
    margin-bottom:5px;
}
.news-single .single-comments .meta {
    font-size: 13px;
    color: #555;
    font-weight: 400;
    border: none;
    margin-right: 10px;
    padding: 0;
    margin: 0 10px 0 0;
}
.news-single .single-comments .meta:last-child{
    margin:0;
}
.news-single .comment-meta span i{
    margin-right:5px;
}
.news-single .comment-meta span:last-child{
    margin:0;
}
.news-single .single-comments p {
    font-size: 13px;
}
.news-single .single-comments a {
    text-transform: capitalize;
    font-size: 13px;
    font-weight: 400;
    color: #fff;
    padding: 3px 15px;
    display: inline-block;
    margin-top: 10px;
    border-radius: 4px;
    background:#119da4;
    color:#fff;
}
.news-single .single-comments a:hover{
    background:#2C2D3F;
    color:#fff;
}
.news-single .single-comments a i{
    margin-right:5px;
}
.news-single .comment-list {
    padding-left:50px;
}
.news-single .single-comments.login{
    text-align:center;
}
.news-single .single-comments.login i{
    font-size:20px;
}
.news-single .single-comments.login a{
    text-align:center;
}
.news-single .single-comments.login a:hover{
    color:#353535;
}
.news-single .comments-form {
    margin-top: 30px;
    -webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.10);
    -moz-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.10);
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.10);
    border-radius: 8px;
    padding: 30px;
}
.news-single .comments-form h2 {
    text-align: left;
    font-size: 18px;
    color: #353535;
    margin-bottom: 20px;
    text-transform: capitalize;
}
.news-single .form {
}
.news-single .form-group {
    position: relative;
    display: block;
    margin: 0 0 20px;
}
.news-single .form-group i {
    position: absolute;
    left: 12px;
    top: 17px;
    z-index: 1;
    color: #119da4;
}
.news-single .form-group input {
    width: 100%;
    height: 50px;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    transition: all 0.4s ease;
    font-weight: 400;
    border-radius: 0px;
    padding-left: 34px;
    padding-right: 20px;
    border: none;
    line-height:50px;
    font-weight: 400;
    font-size:14px;
    color:#2C2D3F;
}
.news-single .form-group textarea {
    border: 1px solid #ddd;
    width: 100%;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    transition: all 0.4s ease;
    box-shadow: none;
    border-radius: 0px;
    border: none;
    height: 190px;
    padding: 15px 15px 15px 35px;
    resize: none;
    font-weight: 400;
    font-size:14px;
    color:#2C2D3F;
}
.news-single .form-group input, .news-single .form-group textarea {
    border: 1px solid transparent;
    border: 1px solid #eee;
    border-radius: 5px;
}
.news-single .form-group.message i {
    top: 22px;
}
.news-single .form-group .button {
    padding: 10px 30px;
    font-size: 14px;
    text-transform: uppercase;
    display: block;
    border: 0px solid;
    color: #fff;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    transition: all 0.4s ease;
    padding: 15px 30px;
    
}
.news-single .form-group .button:hover {
    background: #353535;
}
.news-single .form-group .button i{
    position:relative;
    display:inline-block;
    color:#fff;
    margin-right:10px;
    padding:0px;
}
.news-single .form-group.button {
    margin: 0;
    text-align: left;
}
.news-single .form-group.button .btn{
    background:#fff;
    background:#119da4;
    color:#fff;
}
.news-single .form-group.button .btn:hover{
    color:#fff;
}
.news-single .form-group.button .btn i {
    color: #fff;
    position: relative;
    top: 0;
    left: 0;
    margin-right: 10px;
    -webkit-transition:all 0.3s ease 0s;
    -moz-transition:all 0.3s ease 0s;
    transition:all 0.3s ease 0s;
}*/
/*===================
    End Blog CSS
=====================*/

/*==========================
    Start Appointment CSS
============================*/
.appointment {
    background: #fff;


}

.appointment.single-page {
    background: #fff;
    padding-top: 100px 0;
    padding: 0;
    padding: 100px 0;
}

.appointment.single-page .appointment-inner {
    padding: 40px;
    box-shadow: 0px 0px 10px #00000024;
    border-radius: 5px;
}

.appointment.single-page .title {}

.appointment.single-page .title h3 {
    font-size: 25px;
    display: block;
    margin-bottom: 10px;
    font-weight: 600;
}

.appointment.single-page .title p {}

.appointment .form {
    margin-top: 30px;
}

.appointment .form .form-group {}

.appointment .form input {
    width: 100%;
    height: 50px;
    border: 1px solid #eee;
    text-transform: capitalize;
    padding: 0px 18px;
    color: #555;
    font-size: 14px;
    font-weight: 400;
    border-radius: 0;
    border-radius: 4px;
}

.appointment .form textarea {
    width: 100%;
    height: 200px;
    padding: 18px;
    border: 1px solid #eee;
    text-transform: capitalize;
    resize: none;
    border-radius: 4px;
}

.appointment .form-group .nice-select {
    width: 100%;
    height: 50px;
    line-height: 50px;
    border: 1px solid #eee;
    text-transform: capitalize;
    padding: 0px 18px;
    color: #999;
    font-size: 14px;
    font-weight: 400;
    border-radius: 4px;
    font-weight: 400;
}

.appointment .form-group .nice-select::after {
    right: 20px;
    color: #757575;
}

.appointment .form-group .list {
    border-radius: 4px;
}

.appointment .form-group .list li {
    color: #757575;
    border-radius: 0;
}

.appointment .form-group .list li.selected {
    color: #757575;
    font-weight: 400;
}

.appointment .form-group .list li:hover {
    color: #fff;
    background: #119da4;
}

.appointment .appointment-image {}

.appointment.single-page .button .btn {
    width: 100%;
}

.appointment .button .btn {
    font-weight: 500;
}

.appointment .button .btn:hover {
    color: #fff;
}

.appointment .form p {
    margin-top: 10px;
    color: #868686;
}

.appointment.single-page .work-hour {
    background: #119da4;
    padding: 40px;
    box-shadow: 0px 0px 10px #00000024;
    border-radius: 5px;
}

.appointment.single-page .work-hour h3 {
    font-size: 25px;
    display: block;
    font-weight: 600;
    margin-bottom: 20px;
    color: #fff;
}

.appointment.single-page .time-sidual {
    margin-top: 15px;
}

.appointment.single-page .time-sidual {
    overflow: hidden;
}

.appointment.single-page .time-sidual li {
    display: block;
    color: #fff;
    width: 100%;
    margin-bottom: 10px;
}

.appointment.single-page .time-sidual li span {
    display: inline-block;
    float: right;
}

.appointment.single-page .day-head .time {
    font-weight: 400;
    float: right;
}

/*==========================
    End Appointment CSS
============================*/

/*====================
   Start Login CSS
======================*/
.login .inner {
    box-shadow: 0px 0px 10px #00000024;
    border-radius: 5px;
    overflow: hidden;
}

.login .login-left {
    background-image: url(img/signup-bg.jpg);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
}

.login .login-form {
    padding: 50px 40px;
}

.login .login-form h2 {
    position: relative;
    font-size: 32px;
    color: #333;
    font-weight: 600;
    line-height: 27px;
    text-transform: capitalize;
    margin-bottom: 12px;
    padding-bottom: 20px;
    text-align: left;
}

.login .login-form h2:before {
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    height: 2px;
    width: 50px;
    background: #119da4;
}

.login .login-form p {
    font-size: 14px;
    color: #333;
    font-weight: 400;
    text-align: left;
    margin-bottom: 50px;
}

.login .login-form p a {
    display: inline-block;
    margin-left: 5px;
    color: #119da4;
}

.login .login-form p a:hover {
    color: #2C2D3F;
}

.login .form {
    margin-top: 30px;
}

.login .form .form-group {
    margin-bottom: 22px;
}

.login .form .form-group input {
    width: 100%;
    height: 50px;
    border: 1px solid #eee;
    text-transform: capitalize;
    padding: 0px 18px;
    color: #555;
    font-size: 14px;
    font-weight: 400;
    border-radius: 4px;
}

.login .form .form-group.login-btn {
    margin: 0;
}

.login .form button {
    border: none;
}

.login .form .btn {
    display: inline-block;
    margin-right: 10px;
    color: #fff;
    line-height: 20px;
    width: 100%;
}

.login .form .btn:hover {
    background: #119da4;
    color: #fff;
}

.login .login-form .checkbox {
    text-align: left;
    margin: 0;
    margin-top: 20px;
    display: inline-block;

}

.login .login-form .checkbox label {
    font-size: 14px;
    font-weight: 400;
    color: #333;
    position: relative;
    padding-left: 20px;
}

.login .login-form .checkbox label:hover {
    cursor: pointer;
}

.login .login-form .checkbox label input {
    display: none;
}

.login .login-form .checkbox label::before {
    position: absolute;
    content: "";
    left: 0;
    top: 5px;
    width: 15px;
    height: 15px;
    border: 1px solid #119da4;
    border-radius: 100%;
}

.login .login-form .checkbox label::after {
    position: relative;
    content: "";
    width: 7px;
    height: 7px;
    left: -16px;
    top: -15px;
    opacity: 0;
    visibility: hidden;
    transform: scale(0);
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    transition: all 0.4s ease;
    display: block;
    font-size: 9px;
    background: #119da4;
    border-radius: 100%;
}

.login .login-form .checkbox label.checked::after {
    opacity: 1;
    visibility: visible;
    transform: scale(1);
}

.login .login-form .lost-pass {
    display: inline-block;
    margin-left: 25px;
    color: #333;
    font-size: 14px;
    font-weight: 400;
}

.login .login-form .lost-pass:hover {
    color: #119da4;
}

/*====================
   End Login CSS
======================*/

/*=========================
   Start Register CSS
===========================*/
.register .inner {
    box-shadow: 0px 0px 10px #00000024;
    border-radius: 5px;
    overflow: hidden;
}

.register .register-left {
    background-image: url(img/signup-bg.jpg);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
}

.register .register-form {
    padding: 50px 40px;
}

.register .register-form h2 {
    position: relative;
    font-size: 32px;
    color: #333;
    font-weight: 600;
    line-height: 27px;
    text-transform: capitalize;
    margin-bottom: 12px;
    padding-bottom: 20px;
    text-align: left;
}

.register .register-form h2:before {
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    height: 2px;
    width: 50px;
    background: #119da4;
}

.register .register-form p {
    font-size: 14px;
    color: #333;
    font-weight: 400;
    text-align: left;
    margin-bottom: 50px;
}

.register .register-form p a {
    display: inline-block;
    margin-left: 5px;
    color: #119da4;
}

.register .register-form p a:hover {
    color: #2C2D3F;
}

.register .form {
    margin-top: 30px;
}

.register .form .form-group {
    margin-bottom: 22px;
}

.register .form .form-group input {
    width: 100%;
    height: 50px;
    border: 1px solid #eee;
    text-transform: capitalize;
    padding: 0px 18px;
    color: #555;
    font-size: 14px;
    font-weight: 400;
    border-radius: 4px;
}

.register .form .form-group.login-btn {
    margin: 0;
}

.register .form button {
    border: none;
}

.register .form .btn {
    display: inline-block;
    margin-right: 10px;
    color: #fff;
    line-height: 20px;
    width: 100%;
}

.register .form .btn:hover {
    background: #119da4;
    color: #fff;
}

.register .register-form .checkbox {
    text-align: left;
    margin: 0;
    margin-top: 20px;
    display: inline-block;

}

.register .register-form .checkbox label {
    font-size: 14px;
    font-weight: 400;
    color: #333;
    position: relative;
    padding-left: 20px;
}

.register .register-form .checkbox label:hover {
    cursor: pointer;
}

.register .register-form .checkbox label input {
    display: none;
}

.register .register-form .checkbox label::before {
    position: absolute;
    content: "";
    left: 0;
    top: 5px;
    width: 15px;
    height: 15px;
    border: 1px solid #119da4;
    border-radius: 100%;
}

.register .register-form .checkbox label::after {
    position: relative;
    content: "";
    width: 7px;
    height: 7px;
    left: -16px;
    top: -15px;
    opacity: 0;
    visibility: hidden;
    transform: scale(0);
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    transition: all 0.4s ease;
    display: block;
    font-size: 9px;
    background: #119da4;
    border-radius: 100%;
}

.register .register-form .checkbox label.checked::after {
    opacity: 1;
    visibility: visible;
    transform: scale(1);
}

.register .register-form .terms {
    display: inline-block;
    margin-left: 5px;
    color: #119da4;
}

.register .register-form .terms:hover {
    color: #2C2D3F;
}

/*=========================
   End Register CSS
===========================*/



/*=========================
   Start Contact Us CSS
===========================*/
.contact-us .inner {
    box-shadow: 0px 0px 10px #00000024;
    border-radius: 5px;
    overflow: hidden;
}

.contact-us .contact-us-left {
    width: 100%;
    height: 100%;
}

.contact-us .contact-us-form {
    padding: 50px 40px;
}

.contact-us .contact-us-form h2 {
    position: relative;
    font-size: 32px;
    color: #333;
    font-weight: 600;
    line-height: 27px;
    text-transform: capitalize;
    margin-bottom: 12px;
    padding-bottom: 20px;
    text-align: left;
}

.contact-us .contact-us-form h2:before {
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    height: 2px;
    width: 50px;
    background: #119da4;
}

.contact-us .contact-us-form p {
    font-size: 14px;
    color: #333;
    font-weight: 400;
    text-align: left;
    margin-bottom: 50px;
}

.contact-us .form {
    margin-top: 30px;
}

.contact-us .form .form-group {
    margin-bottom: 22px;
}

.contact-us .form .form-group input {
    width: 100%;
    height: 50px;
    border: 1px solid #eee;
    text-transform: capitalize;
    padding: 0px 18px;
    color: #555;
    font-size: 14px;
    font-weight: 400;
    border-radius: 4px;
}

.contact-us .form .form-group textarea {
    width: 100%;
    height: 100px;
    border: 1px solid #eee;
    text-transform: capitalize;
    padding: 18px;
    color: #555;
    font-size: 14px;
    font-weight: 400;
    border-radius: 4px;
}

.contact-us .form .form-group.login-btn {
    margin: 0;
}

.contact-us .form button {
    border: none;
}

.contact-us .form .btn {
    display: inline-block;
    margin-right: 10px;
    color: #fff;
    line-height: 20px;
    width: 100%;
}

.contact-us .form .btn:hover {
    background: #119da4;
    color: #fff;
}

.contact-us .contact-us-form .checkbox {
    text-align: left;
    margin: 0;
    margin-top: 20px;
    display: inline-block;

}

.contact-us .contact-us-form .checkbox label {
    font-size: 14px;
    font-weight: 400;
    color: #333;
    position: relative;
    padding-left: 20px;
}

.contact-us .contact-us-form .checkbox label:hover {
    cursor: pointer;
}

.contact-us .contact-us-form .checkbox label input {
    display: none;
}

.contact-us .contact-us-form .checkbox label::before {
    position: absolute;
    content: "";
    left: 0;
    top: 5px;
    width: 15px;
    height: 15px;
    border: 1px solid #119da4;
    border-radius: 100%;
}

.contact-us .contact-us-form .checkbox label::after {
    position: relative;
    content: "";
    width: 7px;
    height: 7px;
    left: -16px;
    top: -15px;
    opacity: 0;
    visibility: hidden;
    transform: scale(0);
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    transition: all 0.4s ease;
    display: block;
    font-size: 9px;
    background: #119da4;
    border-radius: 100%;
}

.contact-us .contact-us-form .checkbox label.checked::after {
    opacity: 1;
    visibility: visible;
    transform: scale(1);
}

.contact-us .contact-info {
    margin-top: 50px;
}

.contact-us .single-info {
    background: #119da4;
    padding: 40px 60px;
    height: 150px;
    border-radius: 10px;
    position: relative;
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
}

.contact-us .single-info:before {
    position: absolute;
    z-index: -1;
    content: '';
    bottom: -10px;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 80%;
    height: 90%;
    background: #119da4;
    opacity: 0;
    filter: blur(10px);
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
}

.contact-us .single-info:hover:before {
    opacity: 0.8;
}

.contact-us .single-info:hover {
    transform: translateY(-5px);
}

.contact-us .single-info i {
    font-size: 42px;
    color: #fff;
    position: absolute;
    left: 40px;
}

.contact-us .single-info .content {
    margin-left: 45px;
}

.contact-us .single-info .content h3 {
    color: #fff;
    font-size: 18px;
    font-weight: 600;

}

.contact-us .single-info .content p {
    color: #fff;
    margin-top: 5px;
}

/* Google Map */
.contact-us #myMap {
    height: 100%;
    width: 100%;
}

/*=========================
   End Contact Us CSS
===========================*/

/*===============================
    Start Doctor Calendar CSS
=================================*/
/*.doctor-calendar-area {
    position: relative;
    z-index: 1;
}

.doctor-calendar-table {
    background-color: #ffffff;
    -webkit-box-shadow: 0 10px 55px 5px rgba(137, 173, 255, 0.2);
    box-shadow: 0 10px 55px 5px rgba(137, 173, 255, 0.2);
}

.doctor-calendar-table table {
    margin-bottom: 0;
}

.doctor-calendar-table table thead tr th {
    vertical-align: middle;
    text-align: center;
    background-color: #119da4;
    border: none;
    color: #ffffff;
    text-transform: uppercase;
    white-space: nowrap;
    font-size: 16px;
    font-weight: 500;
    padding-top: 17px;
    padding-bottom: 15px;
}

.doctor-calendar-table table tbody tr td {
    vertical-align: middle;
    text-align: center;
    border: 1px solid #eeeeee;
    border-top: none;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    white-space: nowrap;
    padding-top: 25px;
    padding-right: 25px;
    padding-left: 25px;
    padding-bottom: 25px;
}

.doctor-calendar-table table tbody tr td:first-child {
    border-left: none;
}

.doctor-calendar-table table tbody tr td:last-child {
    border-right: none;
}

.doctor-calendar-table table tbody tr td h3 {
    margin-bottom: 0;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    font-size: 16px;
    font-weight: 600;
}

.doctor-calendar-table table tbody tr td span {
    display: block;
    color: #7d7d7d;
    font-size: 14.5px;
    margin-top: 5px;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

.doctor-calendar-table table tbody tr td span.time {
    display: inline-block;
    background-color: #dff5e8;
    color: #119da4;
    width: 65px;
    height: 65px;
    border-radius: 50%;
    line-height: 65px;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    font-weight: 500;
    font-size: 16px;
}

.doctor-calendar-table table tbody tr td:hover {
    background-color: #119da4;
    border-color: #119da4;
}

.doctor-calendar-table table tbody tr td:hover h3 {
    color: #ffffff;
}

.doctor-calendar-table table tbody tr td:hover span {
    color: #ffffff;
}

.doctor-calendar-table table tbody tr td:hover span.time {
    background-color: #ffffff;
    color: #119da4;
}

.doctor-calendar-table table tbody tr:last-child td {
    border-bottom: none;
}*/

/*===============================
    End Doctor Calendar CSS
=================================*/


/*=========================
    Start Footer CSS
===========================*/
.emergency {
    text-align: center;
}

.emergency h6 {
    text-align: center;
    color: #fff;
    font-size: 14px;
    text-transform: uppercase;
    margin: 20px 0px 20px 0px;
}

.emergency h4 {
    text-align: center;
    color: #fff;
    font-size: 36px;
    margin: 0px 0px;
}

.footer {
    position: relative;
}

.footer .footer-top {
    padding: 50px 0px;
    position: relative;
    background: linear-gradient(90deg, rgba(18, 162, 164, 1) 0%, rgba(18, 138, 164, 1) 99%);
}

.fullbtm {
    padding: 10px 0px;
}

.fullbtm p {}

.footer .single-footer .social {
    margin-top: 25px;
}

.footer .single-footer .social li {
    display: inline-block;
    margin-right: 10px;
}

.footer .single-footer .social li:last-child {
    margin-right: 0px;
}

.footer .single-footer .social li a {
    height: 34px;
    width: 34px;
    line-height: 34px;
    text-align: center;
    border: 1px solid #fff;
    text-align: center;
    padding: 0;
    border-radius: 100%;
    display: block;
    color: #fff;
    font-size: 16px;
}

.footer .single-footer .social li a:hover {
    color: #119da4;
    background: #fff;
    border-color: transparent;
}

.footer .single-footer.f-link li a i {
    margin-right: 0px;
}

.footer .single-footer.f-link li:last-child {
    margin: 0;
}

.footer .single-footer.f-link li a {
    display: block;
    color: #fff;
    text-transform: capitalize;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    transition: all 0.4s ease;
    font-weight: 400;
}

.footer .single-footer.f-link li a:hover {
    padding-left: 8px;
}

.footer .single-footer h2 {
    color: #fff;
    font-size: 17px;
    font-weight: 600;
    text-transform: capitalize;
    margin-bottom: 10px;
    padding-bottom: 0px;
    padding-top: 20px;
    text-transform: uppercase;
    position: relative;
}

.footer .single-footer p {
    color: #fff;
}

.footer .copyright {
    background: #119da4;
    padding: 25px 0px 25px 0px;
    text-align: center;
}

.footer .copyright .copyright-content p {
    color: #fff;
}

.footer .copyright .copyright-content p a {
    color: #fff;
    font-weight: 400;
    display: inline-block;
    margin-left: 4px;
    text-decoration: underline;
}

.footer .copyright .copyright-content p a:hover {
    opacity: 0.7;
}

/*=========================
    End Footer CSS
===========================*/



/*about*/
.about-us {
    background: linear-gradient(90deg, rgba(18, 162, 164, 1) 0%, rgba(18, 138, 164, 1) 99%);
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    padding: 30px 0px 30px 0px;
}

.about-us h2 {
    color: #fff;
    text-align: center;
    text-transform: capitalize;
    font-size: 30px;
    font-weight: 600;
    margin: 15px 0px 0px 0px;
    padding: 0;
}

.bread-list {
    display: block;
    text-align: center;
    margin-top: 0px;
}

.bread-list li {
    display: inline-block;
    position: relative;
    color: #fff;
    font-size: 13px;
    font-weight: 500;
    text-transform: capitalize;
}



.shortlinks {
    background-color: #f4f4f4;
    width: 100%;
    padding: 15px 0px;
}

.shortlinks ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
}

.shortlinks ul li {
    display: inline-block;
    padding: 10px 29px 10px 29px;
    border: 1px solid #eaeaea;
    background: #fff;
    margin-right: 9px;
}
.shortlinks ul li:hover{ transform: translateY(-5px);
    box-shadow: 0px 6px 6px rgb(0 0 0 / 30%);
    background: linear-gradient(90deg, rgba(18, 162, 164, 1) 0%, rgba(18, 138, 164, 1) 99%) !important; color: #fff;}

.shortlinks ul li h4 {
    display: inline-block;
    font-size: 16px;
    font-weight: 600;
    vertical-align: top;
    margin-top:7px;
    white-space: break-spaces;
}


.shortlinks ul li h4{color:inherit; }
.shortlinks ul li a:hover{ display: block; color: #fff !important; }


.shortlinks .sprite_1 {
    background: url(../images/sprite_top.png) no-repeat;
    display: inline-block;
    margin-right: 10px;
    height: 56px;
    width: 48px;
    background-position: 0 0px;
}

.shortlinks .sprite_1:hover {
    background-position: 0px -56px;
    transition: all .2s ease;
}

.shortlinks li:hover .sprite_1{background-position: 0 -50px;}

.shortlinks .sprite_2 {
    background: url(../images/sprite_top.png) no-repeat;
    display: inline-block;
    margin-right: 10px;
    height: 56px;
    width: 56px;
    background-position: -51px 0px;
}
.shortlinks .sprite_2:hover {
    background-position:-50px -53px;
    transition: all .2s ease;
}
.shortlinks li:hover .sprite_2{background-position: -50px -53px;}


.shortlinks .sprite_3 {
    background: url(../images/sprite_top.png) no-repeat;
    display: inline-block;
    margin-right: 10px;
    height: 56px;
    width: 56px;
    background-position: -108px 0px;
}
.shortlinks .sprite_3:hover {
    background-position: -107px -54px;
    transition: all .2s ease;
}

.shortlinks li:hover .sprite_3{background-position: -107px -54px;}


.shortlinks .sprite_4 {
    background: url(../images/sprite_top.png) no-repeat;
    display: inline-block;
    margin-right: 10px;
    height: 56px;
    width: 56px;
    background-position: -172px 0px;
}
.shortlinks .sprite_4:hover {
    background-position:-174px -54px;
    transition: all .2s ease;
}
.shortlinks li:hover .sprite_4{background-position: -174px -54px;}


.shortlinks .sprite_5:hover {
    background-position:-232px -54px;
    transition: all .2s ease;
}


.shortlinks .sprite_5 {
    background: url(../images/sprite_top.png) no-repeat;
    display: inline-block;
    margin-right: 10px;
    height: 56px;
    width: 62px;
    background-position: -232px 0px;
}
.shortlinks li:hover .sprite_5{background-position: -232px -54px;}

.rightjustify {
    float: left;
    margin-right: 30px;
    margin-bottom: 30px;
    max-width: 350px;
}

.midContent {
    padding: 60px 0px;
}

.midContent h3{font-weight:700;font-size:32px;}

.midContent h5 {
    font-weight: 600;
    position: relative;
    height: 66px;
    display: block;
    width: 100%;
}

.midContent h5:before {
    position: absolute;
    content: "";
    left: 33.3%;
    bottom: 25px;
    height: 4px;
    width: 100px;
    background: #128ea4;
}

.midContent p {
    display: block;
    color: #333;
    font-size: 15px;font-weight:500;
    line-height: 25px;
    margin-bottom: 15px;
}

.mb60 {
    margin-bottom: 50px;
}

.board_member {
    text-align: left;
    margin: 70px auto;
}

.board_team .imgpic {
    max-width: 260px;
}

.board_member .section-title {
    text-align: left;
    margin-bottom: 45px;
}

.board_team {
    padding-top: 30px;
}

.board_team h4 {
    font-weight: 600;
}

.clr_bdr {
    margin-top: 10px;
    margin-bottom: 10px;
}

.midContent ul {
    margin: 0px;
    padding: 0px;
}

.midContent ul li {
    color: #333;
    margin-top: 10px;
}

.midContent h4 {
    font-weight: 700;
    position: relative;
    height: 66px;
    display: block;
    width: 100%;font-size:28px;
}

.midContent h4:before {
    position: absolute;
    content: "";
    left: 0%;
    bottom: 25px;
    height: 4px;
    width: 100px;
    background: #128ea4;
}


/*pagination*/
.table-filter-info {
    padding: 15px 0px;
}

.thead-primary tr th {
    background-color: #5a8dee;
    border-color: #5a8dee;
    color: #fff;
}

.dt-pagination-ul {
    display: flex;
    align-items: center;
    margin-bottom: 0;
    justify-content: flex-end;
    padding-left: 0;border:1px solid #eaeaea;float:right;display:inline-block;border-radius:4px;

}

.dt-pagination .dt-item {
    display: inline-block;margin:0px;
}

.dt-pagination .dt-item .dt-link {
    padding: 6px 8px;
    min-width: 32px;
    min-height: 32px;
   
    margin:0px;

    font-size: 12px;border-right:1px solid #eaeaea;
    font-weight: 500;
    color: #8A93A6;
    display: inline-block;
    text-align: center;
    cursor: pointer;
}

.dt-pagination .dt-item .dt-link:hover {
    background-color: #fff;
    color: #5a8dee;
}

.dt-pagination .dt-item.disabled .dt-link {
    background-color: #fff;
    color: #D7DAE0;
    cursor: not-allowed;
}

.dt-pagination .dt-item:first-child .dt-link,
.dt-pagination .dt-item:last-child .dt-link {
    background-color: #fff;
}

.dt-pagination .dt-item.active .dt-link {
    background-color: #00a0a8;
    border-color: #5a8dee;
    color: #fff;
}

/*pagination*/

/* padding-bottom and top for image */
.mfp-title {
    color: #333;
    text-align: center;
    font-weight: 500;
}

.mfp-no-margins img.mfp-img {
    padding: 0;
}

img.mfp-img {
    padding: 0px 0px 40px 0px;
}

/* position of shadow behind the image */
.mfp-no-margins .mfp-figure:after {
    top: 0;
    bottom: 0;
}

.image-popup-vertical-fit {
    margin: 10px;
}

/* padding for main container */
.mfp-no-margins .mfp-container {
    padding: 0;
}

.mfp-image-holder .mfp-close {
    color: #242222;
    right: -43px;
    background: #fff;
    text-align: right;
    padding-right: 16px;
    width: 45px;
    opacity: 1;
    border-radius: 0px;
}

.mfp-figure figure {
    background: #fff;
    padding: 10px;
}


.mfp-fade.mfp-bg {
    opacity: 0;
    -webkit-transition: all 0.15s ease-out;
    -moz-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out;
}

.mfp-fade.mfp-bg.mfp-ready {
    opacity: 0.8;
}

.mfp-fade.mfp-bg.mfp-removing {
    opacity: 0;
}

.mfp-fade.mfp-wrap .mfp-content {
    opacity: 0;
    -webkit-transition: all 0.15s ease-out;
    -moz-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out;
}

.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
    opacity: 1;
}

.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
    opacity: 0;
}

.post-articles {
    text-align: center;
    padding: 15px;
    border: 1px solid #eaeaea;
    position: relative;
    overflow: hidden;
    margin: 0;
    margin-bottom: 30px;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.post-articles .wid100{float:left;}
.post-articles:hover {
    box-shadow: 0px 6px 6px rgb(0 0 0 / 30%);
    background: linear-gradient(90deg, rgba(18, 162, 164, 1) 0%, rgba(18, 138, 164, 1) 99%);
}

.post-articles:hover span {
    color: #fff;
}

.post-articles:hover .title {
    color: #fff;
}

.post-articles:hover p {
    color: #fff;
}

.post-articles .title {
    font-size: 15px;
    color: #2C2D3F;
    margin-top: 5px;
    text-align: left;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    margin-bottom: 0px;
    margin-bottom: 10px;
}

.post-articles .table-head span {
    text-align: left;
    display: block;
    margin-top: 10px;
}

.post-articles .title:before {
    display: none;
}

.post-articles p {
    text-align: left;
    margin-bottom: 15px;
    font-size: 12px;
    line-height: 1.5;
}

.post-articles .btn {
    padding: 7px 15px;
    width: 120px;
    border: 1px solid #eaeaea;
    color: #97949a !important;
}

.post-articles .btn:before {
    background: #2C2D3F;
}

.post-articles .btn:hover {
    color: #fff;
}

.post-articles .btn i {
    font-size: 16px;
    margin-right: 10px;
}

.rightjustifybig {
    float: left;
    margin-right: 30px;
    margin-bottom:10px;
    max-width: 580px;
}
.bdr_btmm{border:none;border-bottom:2px solid #eaeaea;}
.leftjustifybig {
    float: right;
    margin-left: 30px;
    margin-bottom: 30px;
    max-width: 450px;
}
.bdr_pad{padding:15px;border:1px solid #eaeaea;}
.bdr_pad .news-content{padding:10px 5px;}
.previous {
    display: block;
    margin: auto;
    text-align: right;
    margin-top: 30px;margin-bottom:45px;
}

.previous .prv {
    border-radius: 30px;
    border: 1px solid #181818;color:#181818; text-transform:uppercase;font-size:16px;
    margin-right: 10px;
    padding: 12px 40px;
}

.previous .nxt {
    border-radius: 30px;
    border: 1px solid #181818;color:#181818; text-transform:uppercase;font-size:16px;
    margin-right: 10px;
    padding: 12px 40px;
}

/*about*/


 .bg_career {background-color: #f5f5f5;padding: 30px;width: 100%;height: auto;margin: 15px 0px;}
 .bg_career .form-group {margin-bottom: 22px;}
 .bg_career .form-group input {width: 100%;height: 38px;border: 1px solid #ccc;text-transform: capitalize;padding: 0px 18px;color: #555;font-size: 14px;font-weight: 400;border-radius: 4px;}
 .bg_career .form-group .checkbox {text-align: left;margin: 0;margin-top: 0px;display: inline-block;}.bg_career .form-group .checkbox label {font-size: 14px;font-weight: 400;color: #333;margin-right: 20px;position: relative;padding-left: 20px;}.bg_career .form-group .checkbox label:hover {cursor: pointer;}.bg_career .form-group .checkbox label input {display: none;}.bg_career .form-group .checkbox label::after {position: relative;content: "";width: 15px;height: 15px;left: -20px;top: -20px;opacity: 0;visibility: hidden;transform: scale(0);-webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;transition: all 0.4s ease;display: block;font-size: 9px;background: #119da4;border-radius: 5px;}.bg_career .form-group .checkbox label.checked::after {opacity: 1;visibility: visible;transform: scale(1);}.bg_career .form-group .checkbox label::before {position: absolute;content: "";left: 0;top: 5px;width: 15px;height: 15px;border: 1px solid #119da4;border-radius: 4px;}.bg_career .form-group .checkbox label::before {border-color: #119da4;}.bg_career .form-group .checkbox label.checked::after {opacity: 1;visibility: visible;transform: scale(1);}.radioline [type="radio"]:checked, .radioline [type="radio"]:not(:checked) {position: absolute;left: -9999px;}.radioline [type="radio"]:checked+label, .radioline [type="radio"]:not(:checked)+label {position: relative;padding-left: 28px;cursor: pointer;line-height: 20px;display: inline-block;color: #666;}.radioline [type="radio"]:checked+label:before, .radioline [type="radio"]:not(:checked)+label:before {content: '';position: absolute;left: 0;top: 0;width: 18px;height: 18px;border: 1px solid #ddd;border-radius: 100%;background: #fff;}.radioline [type="radio"]:checked+label:after, .radioline [type="radio"]:not(:checked)+label:after {content: '';width: 18px;height: 18px;background: #119da4;position: absolute;top: 0px;left: 0px;border-radius: 100%;-webkit-transition: all 0.2s ease;transition: all 0.2s ease;}.radioline [type="radio"]:not(:checked)+label:after {opacity: 0;-webkit-transform: scale(0);transform: scale(0);}.radioline [type="radio"]:checked+label:after {opacity: 1;-webkit-transform: scale(1);transform: scale(1);}.form-control-file {background-color: #fff;padding-top: 4px !important;display: block;}.g-recaptcha {width: 50% !important;}.submit_btn {background: linear-gradient(90deg, rgba(18, 162, 164, 1) 0%, rgba(18, 138, 164, 1) 99%);border: none;color: #fff;border-radius: 5px;font-weight:600;padding: 15px 30px;margin: 20px 0px;box-shadow: 0px 6px 6px rgb(0 0 0 / 10%);}.labeltitle {display: block;color: #333;font-size: 13px;margin-bottom: 5px;font-weight: 500;}.labeltitle_clr {display: block;color: #fff;font-size: 13px;margin-bottom: 1px;font-weight: 500;width: 100%;}.careerlist {width: 100%;box-shadow: 2px 1px 24px #dcdcdc;padding: 20px;margin: 10px;}



 
.search-inner{margin-bottom: 25px;display: block;float: right;width: 100%;}
.units {display: block;margin:10px 0px;}

.units span {color: #666;font-size: 13px;font-weight: 500;display: block;}
.units p {color: #333;font-size: 13px;font-weight:700;display: block;margin-bottom: 0px;}
.docs_list {background-color: #f4f4f4;padding: 40px 0px;}
.docs_list .profile {border-radius: 30px;margin-bottom: 10px;padding: 6px 20px;background: #fff;border: 1px solid #eaeaea;font-size: 12px;color: #333;}
.docs_list .profile:hover, .docs_list .profile:focus {color: #333;border: 1px solid #fff;color: #000;}
.docs_list .appointment {border-radius: 30px;margin-bottom: 10px;padding: 6px 23px;background: #fff;border: 1px solid #eaeaea;font-size: 12px;color: #333;}
.docs_list .appointment:hover, .docs_list .appointment:focus {color: #333;border: 1px solid #fff;color: #000;}
.patients_info {padding: 20px;margin-bottom: 20px;box-shadow: 2px 1px 24px #dcdcdc;-webkit-transition: all .3s ease-out 0s;-moz-transition: all .3s ease-out 0s;-ms-transition: all .3s ease-out 0s;-o-transition: all .3s ease-out 0s;transition: all .3s ease-out 0s;}
.patients_info:hover {transform: translateY(-5px);box-shadow: 0px 6px 6px rgb(0 0 0 / 30%);background: linear-gradient(90deg, rgba(18, 162, 164, 1) 0%, rgba(18, 138, 164, 1) 99%) !important;}
.greentxt {color: #00a0a8;text-transform: uppercase;font-weight: 600;margin-top: 20px;}
.patients_info:hover h6 {color: #fff;}
.patients_info:hover span {color: #fff;}
.patients_info:hover p {color: #fff;}
.feedback-1 {margin: 10px 6%;text-align: center;color: #fff;}
.feedback-1 img {width: 92px;margin: 0px auto;}
.feedback-1 h6 {color: #333;font-family: 'Georgia', serif;font-style: italic;margin-top: 20px;font-size: 14px;}
.feedback-1 span {display: block;color: #000;font-family: 'Georgia', serif;font-style: italic;font-size: 12px;}
.feedback-1 p {font-family: 'Georgia', serif;font-size:17px;font-style: italic;color: #000;text-align: center;}
.feedback_vid {margin: 0;text-align: center;color: #fff;}
.feedback_vid h6 {color: #333;font-family: 'Georgia', serif;font-style: italic;margin-top: 20px;font-size: 14px;}
.feedback_vid p {font-family: 'Georgia', serif;font-style: italic;color: #000;text-align: center;font-size:17px;}
.search-inner {margin-top: 0px;position: relative;}
.search-inner input {background: transparent;border: 1px solid #1291a4;height:46px;line-height: 32px;width: 100%;margin-right: 15px;color: #fff;padding-left: 12px;padding-right: 70px;display: inline-block;float: left;border-radius: 0px;-webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;transition: all 0.4s ease;font-weight: 400;border-radius: 5px;}
.search-inner input:hover {padding-left: 22px;}
.search-inner .button {background: linear-gradient(90deg, rgba(18, 162, 164, 1) 0%, rgba(18, 138, 164, 1) 99%);border: none;padding: 15px 30px;box-shadow: 0px 6px 6px rgb(0 0 0 / 10%);position: absolute;right:-15px;top: 0;height:46px;line-height: 15px;width: 130px;color: #fff;border-left: 1px solid #fff;text-shadow: none;box-shadow: none;display: inline-block;border-radius: 0px;border: none;-webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;transition: all 0.4s ease;border-radius: 0 5px 5px 0;font-size: 15px;}
.search-inner .button i {-webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;transition: all 0.4s ease;}.search-inner .button:hover i {color: #2C2D3F;}
.coepage {background-color: #f5f5f5;padding:20px;width: 100%;height: auto;margin: 15px 0px;}

.coeList {background-color: #fff;border: 1px solid #eaeaea;text-align: center;min-height: 180px;margin-bottom: 30px;}
.coeList .coeicon {width:100px;margin-top:25px;margin-bottom:20px;}
.coeList h6 {font-weight: 700; color: #inherit;}

.coeList:hover{ box-shadow: 0px 6px 6px rgb(0 0 0 / 30%); background: linear-gradient(90deg, rgba(18, 162, 164, 1) 0%, rgba(18, 138, 164, 1) 99%) !important; color: #fff;}
.coeList:hover h6{color: #fff;}

.coeList:hover .coeicon{  -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1);}

.bg_contact{background-color: #fff;padding: 0px;width: 100%;height: auto;margin: 5px 0px;}
.contactlft {background: linear-gradient(90deg, rgba(18, 162, 164, 1) 0%, rgba(18, 138, 164, 1) 99%);padding: 30px;border-radius: 5px;}.contactlft h4 {color: #fff;font-size: 21px;}
.contactlft h4:before {background: #fff;}
.contactlft .form-group input {width: 100%;height: 38px;}
.submit_btn_white {background: #fff;border: none;color: #00a0a8;border-radius: 5px;padding: 15px 30px;margin: 20px 0px;box-shadow: 0px 6px 6px rgb(0 0 0 / 10%);}

.appointment_btn_white {background: #fff !important;border: none;color: #00a0a8;border-radius: 5px;padding: 15px 30px;margin: 20px 0px;box-shadow: 0px 6px 6px rgb(0 0 0 / 10%);}
.appointment_btn_white:hover{color: #000;}

.opd {text-align: center;color: #fff;}
.contactright {background: #fff;padding:30px;border:1px solid #eaeaea;border-radius:10px;}
.contactright h6{color: #333;font-size:24px;font-weight:700;letter-spacing:-0.3px;margin-bottom:20px;
    padding-bottom:20px;border-bottom:2px solid #ccc;}
.contactright h4 {color: #333;font-size: 25px;}
.contactright h4:before {background: linear-gradient(90deg, rgba(18, 162, 164, 1) 0%, rgba(18, 138, 164, 1) 99%);}
.contactright .title {font-size:18px;color: #00a0a8;text-transform: uppercase;font-weight:600;}
.contactright .desc {padding-bottom:8px;font-size:14px;line-height:25px;color: #333;font-weight: 500;margin-right:0px;}
.contactright .descall{margin-bottom:45px;padding-bottom:20px;font-size:15px;line-height:24px;color: #737272;font-weight: 500;margin-right:0px;}
.contactright .list{margin-bottom:45px;padding-bottom:20px;font-size:15px;line-height:32px;color: #737272;font-weight: 500;margin-right:0px;}
.feedbackleft {background: #fff;padding: 10px;border-radius: 5px;}
.feedbackleft h4 {color: #333;font-size: 21px;}
.feedbackleft h4:before {background: linear-gradient(90deg, rgba(18, 162, 164, 1) 0%, rgba(18, 138, 164, 1) 99%);}
.feedbackleft .title {font-size: 16px;color: #128ba4;text-transform: uppercase;font-weight: 500;}
.feedbackleft .desc {margin-bottom: 48px;font-size: 15px;color: #333;font-weight: 500;margin-right: 120px;}
.feedbackright {background: #f5f5f5;padding: 30px;border-radius: 5px;}
.feedbackright h4 {color: #333;font-size: 21px;}
.feedbackright h4:before {background: #00a0a8;bottom: 10px;}
.feedbackright .form-group input {width: 100%;height: 38px;}
.align-center {margin-top: 15px !important;text-align: center !important;}
.bookform {padding: 20px;background: #f6f6f6;margin-top: 20px;border-radius: 4px;}
.h_package {padding: 0px;}.h_package h4 {color: #fff;font-size: 21px;}
.h_package h4:before {background: #fff;}
.h_package .form-group input {width: 100%;height: 38px;}
.h_package .submit_btn_white {background: #fff;border: none;color: #00a0a8;border-radius: 5px;padding: 15px 30px;margin: 20px 0px;box-shadow: 0px 6px 6px rgb(0 0 0 / 10%);}
.post-articles .booknw{font-size: 15px;color:#00a0a8 !important;font-weight:700;padding: 7px 30px;width:154px;margin: 0px auto;margin-left:90px;}
.table-head{text-align:left;}

.btn_clr_w{color:#fff !important;}
.btn_clr_w:hover{color:#333 !important;}

 .doc_profileBN {min-height: 240px;padding: 20px 0;}
 .doc_img img {width: 100%;height: auto;border-radius: 0;}
 .doc-text {color: #fff;}
 .doc-text h3 {font-size: 28px;font-weight: 600;color: #fff;}
 .doc-text p {font-size: 13px;padding: 0px;color: #fff;}
 .detail {margin: 15px 0px 0px 0px;line-height: 20px;font-weight: 300;}
 .bg_doc {background: #0f869c;padding: 10px 15px;border-radius: 5px;}
 .appointment-doc {border-left: 1px solid #fff;padding-left: 20px;text-align: center;}
 .doc_tab {margin: 40px 0;}.doc_tab h4 {font-size: 25px;color: #00a0a8;font-weight: 600;}
 .borderline {border-radius:5px;border:2px solid #00a0a8 !important;width: 100%;height: 42px;}
 .center-title {padding: 0px;display: block;width: 100%;}
 .center-title h2 {margin-bottom: 0px;font-weight: 600;text-align: center;position: relative;font-size: 24px;}
 .center-title h2:before {position: absolute;content: "";left: 45%;right: auto;bottom: -16px;height: 4px;width: 100px;background: #128ea4;}
 .docs_filter {background-color: #f4f4f4;padding: 18px 0px 10px 0px;}
 .docs_filter .form-group input{padding-left:12px;}
  .docs_filter .form-group{margin-top:10px;}
 .docs_filter h6 {margin: 10px 0px;font-weight: 600;}
 .inter_patient {min-height: 340px;margin-bottom: 40px;}.bnr_text {margin: 50px 0px 20px 0px;}
 .bnr_text h1 {color: #fff;font-size: 32px;}.bnr_text h6 {color: #fff;font-size: 26px;}
 
.oops{text-align:center; padding:2% 1% 3% 1%; width:80%; margin:5% auto; background:#f5f5f5; border-radius:10px; border:1px dashed #666;}
.oops h6{font-size:90px; font-weight:500; margin:0; padding:0; color:#666;}
.oops h7{font-size:30px; font-weight:500; margin:0; padding:0; color:#555;}
.oops p{font-size:16px; font-weight:400; margin:10px 0; padding:0; color:#666;}
.oops input{font-weight:600; padding:10px 30px; cursor:pointer; border:none; background:#099; color:#fff; border-radius:20px;}
.oops input:hover{ background:#555; color:#fff;}