/**
* Template Name: Medilab
* Updated: Aug 30 2023 with Bootstrap v5.3.1
* Template URL: https://bootstrapmade.com/medilab-free-medical-bootstrap-theme/
* Author: BootstrapMade.com
* License: https://bootstrapmade.com/license/
*/

/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/
body { font-family: "Open Sans", sans-serif; color: #676767; font-size: 16px; line-height: 1.6em;  }

p:last-child { margin-bottom: 0; }
a { color: #1977cc; text-decoration: none; }
a:hover { color: #3291e6; text-decoration: none; }

.small, small { font-size:.80em; }

h1,
h2,
h3,
h4,
h5,
h6 { font-family: "Raleway", sans-serif; }

.inverse { color: #fff !important; }

ul { padding: 0 0 0 18px;}
ul li {}

ul ul { margin-top: 5px; }

/*--------------------------------------------------------------
# Modal
--------------------------------------------------------------*/
.modal-backdrop { opacity: 0.85 !important; }


.modal-availability .btn-close { position: absolute;top: -13px;right: -13px;width: 24px;height: 26px;background-color: #fff;border-radius: 50%;opacity: 1;background-size: 10px;box-shadow: 0 2px 2px 0px rgba(0,0,0,0.3); } 
.modal-availability .modal-content { border: none; box-shadow: none; border-radius: 15px; }
.modal-availability .modal-body { padding: 0 calc(1.5rem * .5);  }
.modal-availability .modal-heading { margin: 0 0 25px; }
.modal-availability .content-left { border-radius:10px 0 0 10px; background: center center no-repeat; background-size: cover; }
.modal-availability .content-right { padding: 40px 20px; }
.modal-availability .list-call { padding: 0; margin: 0 0 27px; list-style: none; }
.modal-availability .list-call li { display: inline-block; vertical-align: middle; margin: 0 20px 8px 0;  }
.modal-availability .list-call li > * { display: inline-block; vertical-align: middle; }
.modal-availability .list-call li a { color: #676767; }
.modal-availability .list-call li a span { font-weight: 600; }
.modal-availability .list-call li a i { font-size: 15px; line-height: 22px; margin-right: 2px;  }
.modal-availability .list-call li a:hover { color: #1977cc; }
.modal-availability .appointment-btn { margin: 15px 0 0; }

/*--------------------------------------------------------------
# Card
--------------------------------------------------------------*/
.card { border: none; border-radius: 10px; box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1); }
.card .card-header { padding: 16px 16px 0; margin-bottom: 16px;}
.card .card-body { padding: 0 16px; margin: 16px 0; }
.card .card-footer { padding: 0 16px 16px; margin: 16px; }

.card-form { padding: 50px 40px; max-width: 600px; margin: 0 auto; }
.card-form.card-fluid { max-width: 100%; }
.card-form .msg-success { margin-top: 20px; text-align: center; color: #008f32; display: block; font-weight: 600; }

.card-contact { margin-bottom: 40px; }
.card-contact .card-header { border: none; background: none; }
.card-contact iframe { max-width: 100%; max-height: 301px; vertical-align: middle; }

.card-watsapp { padding: 40px 40px; }
.card-watsapp .section-note { margin-top: 25px; background: #f3f3f3; border: none !important; }
.card-watsapp .card-title { margin-bottom: 30px; }
.card-watsapp .card-subtitle { margin: 30px 0 15px; }
.card-watsapp .btn-watsapp { display: inline-block; vertical-align: middle; padding:16px 36px; color: #fff; border-radius: 5px; background: #075e54; font-size: 18px; font-weight: 600; }
.card-watsapp .btn-watsapp > * { display: inline-block; vertical-align: middle; line-height: 26px; }
.card-watsapp .btn-watsapp svg { width: 26px; height: 26px; margin-right: 10px; }

	@media screen and (max-width:1400px) {
		.card-contact iframe { height: 255px; }
	}
	@media screen and (max-width:1200px) {
		.card-watsapp { padding: 30px 20px; }
		.card-contact iframe { height: 208px; }		
		.card-form { padding: 30px 15px;}
	}
	@media screen and (max-width:991px) {
		.card-contact { margin-bottom: 0;}
		.contact .info { margin-top: 40px;} 
		.card-contact iframe { width: 100%; height: 240px;}
	}
	@media screen and (max-width:767px) {
		.card-watsapp { padding: 10px 10px; }
		.card-form { padding: 0 5px 20px; }
		.card-form .col-md-3.form-group { margin-top: 1rem!important;}
	}

/*--------------------------------------------------------------
# Preloader
--------------------------------------------------------------*/
#preloader { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 9999; overflow: hidden; background: #fff; }
#preloader:before { content: ""; position: fixed; top: calc(50% - 30px); left: calc(50% - 30px); border: 6px solid #1977cc; border-top-color: #d1e6f9; border-radius: 50%; width: 60px; height: 60px; animation: animate-preloader 1s linear infinite; }

@keyframes animate-preloader { 0% {   transform: rotate(0deg); }

  100% {   transform: rotate(360deg); } }

/*--------------------------------------------------------------
# Back to top button
--------------------------------------------------------------*/
.back-to-top { position: fixed; visibility: hidden; opacity: 0; right: 15px; bottom: 15px; z-index: 996; background: #1977cc; width: 40px; height: 40px; border-radius: 4px; transition: all 0.4s; }
.back-to-top i { font-size: 28px; color: #fff; line-height: 0; }
.back-to-top:hover { background: #298ce5; color: #fff; }
.back-to-top.active { visibility: visible; opacity: 1; }
.datepicker-dropdown { padding: 20px !important; }

/*--------------------------------------------------------------
# Top Bar
--------------------------------------------------------------*/
.topbar { background: #1977cc; height: 40px; font-size: 18px; transition: all 0.5s; z-index: 1050; color: #fff; }
.topbar.topbar-scrolled { top: -40px; }
.topbar .contact-info a { line-height: 1; color: #fff; transition: 0.3s; margin-right: 10px; }
.topbar .contact-info b { font-weight: 600;}
.topbar .contact-info a:hover { color: #fff; }
.topbar .contact-info i { color: #fff; padding-right: 4px; margin-left: 15px; line-height: 0; }
.topbar .contact-info i:first-child { margin-left: 0; }
.topbar .social-links a { color: #fff; padding-left: 15px; display: inline-block; line-height: 1px; transition: 0.3s; }
.topbar .social-links a:hover { color: #2b2a29; }
.topbar .social-links a:first-child { border-left: 0; }

@media (max-width: 991px) { 
	.topbar { background: #1977cc; height: 30px; font-size: 15px; transition: all 0.5s; z-index: 1050; color: #fff; }
}
@media (max-width: 768px) { 
	.topbar {visibility: hidden;}
}

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
header { background: #fff; transition: all 0.5s; z-index: 997; /* padding-top:10px; */  top: 40px; box-shadow: 0px 2px 15px rgba(25, 119, 204, 0.1); }
header.fixed-top { top: 40px;}
header.fixed-top.header-scrolled { top: 0px; }
header .logo {  width: 17%; margin-top:0; }
header .logo a { color: #2c4964; }
header .logo img { display: inline-block; max-width: 100%; vertical-align: top; }

	@media (max-width: 768px) { 
		header .logo {  width: auto; margin-top:0; margin-left: -23px;}
		header .logo img { max-height: 80px;}
		header.fixed-top { top: 0;}
	}

/**
* Appointment Button *
*/
.appointment-btn { border: none; margin-left: 25px; background: #1977cc; color: #fff; border-radius: 50px; padding: 8px 25px; white-space: nowrap; transition: 0.3s; font-size: 14px; display: inline-block; }
.appointment-btn:hover { background: #166ab5; color: #fff; }

	@media (max-width: 991px) { 
		.appointment-btn { margin: 0 15px 0 0; }
	}
	@media (max-width: 768px) { 
		.appointment-btn {   margin: 0 15px 0 0;   padding: 6px 18px; } 
	}

/*--------------------------------------------------------------
# Navigation Menu
--------------------------------------------------------------*/
/**
* Desktop Navigation 
*/
.spacer { height: 165px; }
.navbar { padding: 0; }
.navbar ul { margin: 0; padding: 0; display: flex; list-style: none; align-items: center; }
.navbar li { position: relative; }
.navbar>ul>li { position: relative; white-space: nowrap; padding: 8px 0 8px 20px; }
.navbar a,
.navbar a:focus { display: flex; align-items: center; justify-content: space-between; font-size: 17px; color: #2c4964; white-space: nowrap; transition: 0.3s; border-bottom: 2px solid #fff; padding: 5px 2px; }
.navbar a i,
.navbar a:focus i { font-size: 12px; line-height: 0; margin-left: 5px; }
.navbar a:hover,
.navbar .active,
.navbar .active:focus,
.navbar li:hover>a { color: #1977cc; border-color: #1977cc; }
.navbar .dropdown ul { display: block; position: absolute; left: 20px; top: calc(100% + 30px); margin: 0; padding: 10px 0; z-index: 99; opacity: 0; visibility: hidden; background: #fff; box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25); transition: 0.3s; }
.navbar .dropdown ul li { min-width: 200px; }
.navbar .dropdown ul a { padding: 10px 20px; font-size: 14px; font-weight: 500; text-transform: none; color: #082744; border: none; }
.navbar .dropdown ul a i { font-size: 12px; }
.navbar .dropdown ul a:hover,
.navbar .dropdown ul .active:hover,
.navbar .dropdown ul li:hover>a { color: #1977cc; }
.navbar .dropdown:hover>ul { opacity: 1; top: 100%; visibility: visible; }
.navbar .dropdown .dropdown ul { top: 0; left: calc(100% - 30px); visibility: hidden; }
.navbar .dropdown .dropdown:hover>ul { opacity: 1; top: 0; left: 100%; visibility: visible; }

	@media (max-width: 1366px) { 
		.navbar .dropdown .dropdown ul {   left: -90%; }
		.navbar .dropdown .dropdown:hover>ul {   left: -100%; }
	}


/**
* Mobile Navigation 
*/
.mobile-nav-toggle { color: #2c4964; font-size: 28px; cursor: pointer; display: none; line-height: 0; transition: 0.5s; }
.mobile-nav-toggle.bi-x { color: #fff; }

	@media (max-width: 991px) { 
		.mobile-nav-toggle {   display: block; }
		.navbar ul {   display: none; }
	}

.navbar-mobile { position: fixed; overflow: hidden; top: 0; right: 0; left: 0; bottom: 0; background: rgba(28, 47, 65, 0.9); transition: 0.3s; z-index: 999; }
.navbar-mobile .mobile-nav-toggle { position: absolute; top: 15px; right: 15px; }
.navbar-mobile ul { display: block; position: absolute; top: 55px; right: 15px; bottom: 15px; left: 15px; padding: 10px 0; background-color: #fff; overflow-y: auto; transition: 0.3s; }
.navbar-mobile>ul>li { padding: 0; }
.navbar-mobile a,
.navbar-mobile a:focus { padding: 10px 20px; font-size: 15px; color: #2c4964; border: none; }
.navbar-mobile a:hover,
.navbar-mobile .active,
.navbar-mobile li:hover>a { color: #1977cc; }
.navbar-mobile .getstarted,
.navbar-mobile .getstarted:focus { margin: 15px; }
.navbar-mobile .dropdown ul { position: static; display: none; margin: 10px 20px; padding: 10px 0; z-index: 99; opacity: 1; visibility: visible; background: #fff; box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25); }
.navbar-mobile .dropdown ul li { min-width: 200px; }
.navbar-mobile .dropdown ul a { padding: 10px 20px; }
.navbar-mobile .dropdown ul a i { font-size: 12px; }
.navbar-mobile .dropdown ul a:hover,
.navbar-mobile .dropdown ul .active:hover,
.navbar-mobile .dropdown ul li:hover>a { color: #1977cc; }
.navbar-mobile .dropdown>.dropdown-active { display: block; }

/*--------------------------------------------------------------
# Hero Section
--------------------------------------------------------------*/
.hero { width: 100%; height: 100vh; background: url("../img/banner_new.jpg") center center no-repeat; background-size: cover; margin-bottom: -140px; padding-top: 140px; }
.hero .container { position: relative; }
.hero h1 { margin: 0; font-size: 58px; font-weight: 700; line-height: 1.2; /* text-transform: uppercase; */ color: white; }
.hero h2 { color: white; margin: 10px 0 0 60px; font-size: 33px; font-weight: 600;}
.hero .btn-get-started { font-family: "Raleway", sans-serif; text-transform: uppercase; font-weight: 500; font-size: 14px; letter-spacing: 1px; display: inline-block; padding: 12px 35px; margin-top: 30px; border-radius: 50px; transition: 0.5s; color: #fff; background: #1977cc; }
.hero .btn-get-started:hover { background: #3291e6; }

	@media (min-width: 1024px) { }
	@media screen and (max-width: 1400px) { 
		.hero { height: 85vh; } 
	}
	@media screen and (max-width: 1200px) { 
		.hero { height: 75vh; } 
	}
	/* @media screen and (max-width: 992px) { 
		.hero { height: 57vh; padding-top: 124px; padding-bottom: 100px; }		
		.hero h1 { font-size: 28px; line-height: 36px; }
		.hero h2 { font-size: 18px; line-height: 24px;   margin-bottom: 30px; } 
	} */
	@media screen and (max-width: 992px) { 
		.hero { height: 40vh; padding-top: 164px; padding-bottom: 100px; }		
		.hero h1 { font-size: 28px; line-height: 36px; }
		.hero h2 { font-size: 18px; line-height: 24px;   margin-bottom: 30px; margin-left:5px; } 
	}
	@media screen and (max-width: 768px) { 
		.hero { height: auto; position: relative; text-align: center; background-position: center right; margin-bottom: -60px;}
		.hero:before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.3); }
		.hero h1,
		.hero h2 { color: #fff; margin-left:5px; }
		
	}

/*--------------------------------------------------------------
# Sections General
--------------------------------------------------------------*/
section { padding: 100px 0; overflow: hidden; position: relative; }
.section-bg { background-color: #f1f7fd; }

.section-title-wrap { margin-bottom: 40px; text-align: center; }
.section-title-wrap .section-title { font-size: 32px; font-weight: bold; margin-bottom: 20px; padding-bottom: 20px; position: relative; color: #2c4964; }
.section-title-wrap .section-title::before { content: ""; position: absolute; display: block; width: 120px; height: 1px; background: #ddd; bottom: 1px; left: calc(50% - 60px); }
.section-title-wrap .section-title::after { content: ""; position: absolute; display: block; width: 40px; height: 3px; background: #1977cc; bottom: 0; left: calc(50% - 20px); }

.section-title-wrap.text-start .section-title::before { left: 0; }
.section-title-wrap.text-start .section-title::after { left: 40px; }

.section-title-wrap p { margin: 0 auto 0; max-width: 850px;  }

	@media screen and (max-width: 1200px) { 
		section { padding: 80px 0; }
		.section-title-wrap { margin-bottom: 30px;}
		.section-title-wrap .section-title { font-size: 30px;}
	}
	@media screen and (max-width: 992px) { 
		section { padding: 60px 0; }
	}
	@media screen and (max-width: 768px) { 
		section { padding: 40px 0; }
		.section-title-wrap { margin-bottom: 20px;}
		.section-title-wrap .section-title { font-size: 26px;}
	}
/*--------------------------------------------------------------
# Breadcrumbs
--------------------------------------------------------------*/
.section-divder { padding: 1px 0;}

.breadcrumbs { padding: 20px 0; background-color: #f1f7fd; min-height: 40px; margin-top: 120px; }

	@media (max-width: 992px) { 
		.breadcrumbs {   margin-top: 100px; } 
	}

.breadcrumbs h2 { 
	font-size: 24px; font-weight: 300; margin: 0;
}

	@media (max-width: 992px) { 
		.breadcrumbs h2 {   margin: 0 0 10px 0; } 
	}

.breadcrumbs ol { display: flex; flex-wrap: wrap; list-style: none; padding: 0; margin: 0; font-size: 14px; }
.breadcrumbs ol li+li { padding-left: 10px; }
.breadcrumbs ol li+li::before { display: inline-block; padding-right: 10px; color: #6c757d; content: "/"; }

	@media (max-width: 768px) { .breadcrumbs .d-flex {   display: block !important; }
	  .breadcrumbs ol {   display: block; }
	  .breadcrumbs ol li {   display: inline-block; } 
	}

/*--------------------------------------------------------------
# Why Us
--------------------------------------------------------------*/

/* .why-us .content { padding: 30px; background: #1977cc ; border-radius: 4px; color: #fff; } */
.why-us .content { padding: 30px; background: #fff; border-radius: 10px; color: black; box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);}
.why-us .content h3 { font-weight: 500; font-size: 34px; margin-bottom: 30px; }
.why-us .content p { margin-bottom: 30px; font-size:20px; }
.why-us .content .more-btn { display: inline-block; background: #1977cc; padding: 6px 30px 8px 30px; color: white; border-radius: 50px; transition: all ease-in-out 0.4s; border: none; }
.why-us .content .more-btn i { font-size: 16px; }
.why-us .content .more-btn:hover { color: #1977cc; background: #fff; }
.why-us .icon-boxes .icon-box { text-align: center; border-radius: 10px; background: #fff; box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1); padding: 40px 30px; width: 100%; }
.why-us .icon-boxes .icon-box i { font-size: 40px; color: #1977cc; margin-bottom: 30px; }
.why-us .icon-boxes .icon-box h4 { font-size: 20px; font-weight: 700; margin: 0 0 30px 0; }
.why-us .icon-boxes .icon-box ul,
.why-us .icon-boxes .icon-box p { text-align: left; margin-bottom: 0; }


@media (max-width: 1400px) {
		.why-us .icon-boxes .icon-box { padding: 30px 20px;}
		.why-us .icon-boxes .icon-box i { margin-bottom: 20px;}
		.why-us .icon-boxes .icon-box h4 { margin-bottom: 20px;}
	}
	@media (max-width: 1200px) {
		.why-us .content { text-align: center; }
	}
	@media (max-width: 991px) {
		.why-us .icon-boxes .icon-box { padding: 30px 15px; }
	}
	@media (max-width: 767px) {
		.why-us .content h3 { font-size: 28px;}
	}

/*--------------------------------------------------------------
# About
--------------------------------------------------------------*/
.about { padding:80px 0; }
.about .section-content { padding: 60px 0 60px 40px; max-width: 700px; }
.about .icon-boxes h4 { font-size: 18px; margin-bottom: 15px; }
.about .icon-boxes h3 { font-size: 28px; font-weight: 700; margin-bottom: 15px; }
.about .icon-box { margin-top: 40px; }
.about .icon-box .icon { float: left; display: flex; align-items: center; justify-content: center; width: 64px; height: 64px; border: 2px solid #8dc2f1; border-radius: 50px; transition: 0.5s; }
.about .icon-box .icon i { color: #1977cc; font-size: 32px; }
.about .icon-box:hover .icon { background: #1977cc; border-color: #1977cc; }
.about .icon-box:hover .icon i { color: #fff; }
.about .icon-box .title { margin-left: 85px; font-weight: 700; margin-bottom: 10px; font-size: 18px; }
.about .icon-box .title a { color: #343a40; transition: 0.3s; }
.about .icon-box .title a:hover { color: #1977cc; }
.about .icon-box .description { margin-left: 85px; line-height: 24px; font-size: 14px; }
.about .video-box { background: center center no-repeat; background-size: auto 0%;  }
.about .play-btn { width: 94px; height: 94px; background: radial-gradient(#1977cc 50%, rgba(25, 119, 204, 0.4) 52%); border-radius: 50%; display: block; position: absolute; left: calc(50% - 47px); top: calc(50% - 47px); overflow: hidden; }
.about .play-btn::after { content: ""; position: absolute; left: 50%; top: 50%; transform: translateX(-40%) translateY(-50%); width: 0; height: 0; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-left: 15px solid #fff; z-index: 100; transition: all 400ms cubic-bezier(0.55, 0.055, 0.675, 0.19); }
.about .play-btn::before { content: ""; position: absolute; width: 120px; height: 120px; animation-delay: 0s; animation: pulsate-btn 2s; animation-direction: forwards; animation-iteration-count: infinite; animation-timing-function: steps; opacity: 1; border-radius: 50%; border: 5px solid rgba(25, 119, 204, 0.7); top: -15%; left: -15%; background: rgba(198, 16, 0, 0); }
.about .play-btn:hover::after { border-left: 15px solid #1977cc; transform: scale(20); }
.about .play-btn:hover::before { content: ""; position: absolute; left: 50%; top: 50%; transform: translateX(-40%) translateY(-50%); width: 0; height: 0; border: none; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-left: 15px solid #fff; z-index: 200; animation: none; border-radius: 0; }

@keyframes pulsate-btn { 
	0% {   transform: scale(0.6, 0.6);   opacity: 1; }
  100% {   transform: scale(1, 1);   opacity: 0; } 
}

	@media (max-width: 991px) {
		.about { padding: 60px 0; }
		.about .section-content { padding: 40px 0 0;}
		.about .order-2 { order: 0 !important;}
		.about .video-box { text-align: center;}
		.about .video-box img { max-width: 540px; max-height: 500px;}
	}
	@media (max-width: 767px) {
		.about { padding: 40px 0;}
		.about .video-box img { max-width: 100%; max-height: 340px;}
	}

/*--------------------------------------------------------------
# Counts
--------------------------------------------------------------*/
.counts { background: #f1f7fd; padding: 70px 0 60px; }
.counts .count-box { padding: 30px 30px 25px 30px; width: 100%; position: relative; text-align: center; background: #fff; }
.counts .count-box i { position: absolute; top: -25px; left: 50%; transform: translateX(-50%); font-size: 20px; background: #1977cc; color: #fff; border-radius: 50px; display: inline-flex; align-items: center; justify-content: center; width: 48px; height: 48px; }
.counts .count-box span { font-size: 36px; display: block; font-weight: 600; color: #082744; }
.counts .count-box p { padding: 0; margin: 0; font-family: "Raleway", sans-serif; font-size: 14px; }

/* ---------------------------
/* #Featuers */
/*--------------------------- */
.features { background-image: url("../img/services_bg.jpg"); position: relative;}
.features:before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(255,255,255,0.65);}
.features .container { position: relative; }
.features .icon-box { box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1); border-radius: 10px; padding: 40px 30px; transition: all ease-in-out 0.3s; text-align: left; z-index: 1; background-color: white ; margin-bottom: 24px;}
.features .icon-box .icon { margin: 0 auto; width: 64px; height: 64px; background: #1977cc; border-radius: 5px; transition: all 0.3s ease-out 0s; display: flex; align-items: center; justify-content: center; margin-bottom: 20px; transform-style: preserve-3d; position: relative; z-index: 2; }
.features .icon-box .icon i { color: #fff; font-size: 28px; transition: ease-in-out 0.3s; }
.features .icon-box .icon::before { position: absolute; content: ""; left: -8px; top: -8px; height: 100%; width: 100%; background: rgba(25, 119, 204, 0.2); border-radius: 5px; transition: all 0.3s ease-out 0s; transform: translateZ(-1px); z-index: -1; }
.features .icon-box h4 { font-weight: 700; margin-top: 10px; font-size: 24px; text-align: center; }
.features .icon-box h4 a { color: #2c4964; }
.features .icon-box p { line-height: 24px; font-size: 14px; margin-bottom: 0; }
.features .icon-box:hover { background: #1977cc; border-color: #1977cc; }
.features .icon-box:hover .icon { background: #fff; }
.features .icon-box:hover .icon i { color: #1977cc; }
.features .icon-box:hover .icon::before { background: rgba(255, 255, 255, 0.3); }
.features .icon-box:hover h4 a,
.features .icon-box:hover ul,
.features .icon-box:hover p { color: #fff; }
.features ul { margin: 20px 0 0; padding: 0; }
.features li { list-style: none; position: relative; padding: 0 0 0 30px; margin-bottom: 8px; } 
.features li::before { content: ""; position: absolute; left: 0; top: 3px; border: solid 9px #1c84e3; border-radius: 50%; }
.features li::after { content: ""; position: absolute; left: 7px; top: 8px; width: 4px; height: 6px; border: solid #f1f4f7; border-width: 0 1px 1px 0; transform: rotate(45deg); }

.features li::before { border-color: #f1f4f7; }
.features li::after  { border-color: #1c84e3; }

	@media (max-width:1200px){
		.features .icon-box { padding: 35px 20px;}
		.features ul { font-size: 15px;}
		.features li { margin-bottom: 5px;}
	}

/*--------------------------------------------------------------
# services
--------------------------------------------------------------*/
.services:before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(255,255,255,0.65);}
.services .container { position: relative; }
.services .icon-box { box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1); border-radius: 10px; padding: 0; transition: all ease-in-out 0.3s; text-align: center; z-index: 1; background-color: white ; margin-bottom: 24px; overflow: hidden;}
.services .icon-box img { min-width: 100%;}
.services .icon-box .box-content { padding: 25px 30px;}
.services .icon-box .icon { margin: 0 auto; width: 64px; height: 64px; background: #1977cc; border-radius: 5px; transition: all 0.3s ease-out 0s; display: flex; align-items: center; justify-content: center; margin-bottom: 20px; transform-style: preserve-3d; position: relative; z-index: 2; }
.services .icon-box .icon i { color: #fff; font-size: 28px; transition: ease-in-out 0.3s; }
.services .icon-box .icon::before { position: absolute; content: ""; left: -8px; top: -8px; height: 100%; width: 100%; background: rgba(25, 119, 204, 0.2); border-radius: 5px; transition: all 0.3s ease-out 0s; transform: translateZ(-1px); z-index: -1; }
.services .icon-box h4 { font-weight: 700; margin-top: 10px; font-size: 24px; text-align: center; min-height: 78px; margin: 0;}
.services .icon-box h4 a { color: #2c4964; }
.services .icon-box p { line-height: 24px; font-size: 14px; margin-bottom: 0; }
.services .icon-box .btn-link { text-decoration: none; color: #1977cc;}
.services .icon-box:hover { background: #1977cc; border-color: #1977cc; }
.services .icon-box:hover .icon { background: #fff; }
.services .icon-box:hover .icon i { color: #1977cc; }
.services .icon-box:hover .icon::before { background: rgba(255, 255, 255, 0.3); }
.services .icon-box:hover h4,
.services .icon-box:hover h4 a,
.services .icon-box:hover button a,
.services .icon-box:hover ul,
.services .icon-box:hover p { color: #fff; }
.services .icon-box button{text-align: center;}

	@media (max-width:991px){
		.services .icon-box h4 { min-height: 0px;} 
	}

/*--------------------------------------------------------------
# Appointments
--------------------------------------------------------------*/
.appointment .php-email-form { width: 100%; }
.appointment {}

.appointment .section-heading { margin: 0 0 15px; }
.appointment .list-call { padding: 0; margin: 0 0 27px; list-style: none; }
.appointment .list-call li { display: inline-block; vertical-align: middle; margin: 0 20px 8px 0;  }
.appointment .list-call li > * { display: inline-block; vertical-align: middle; }
.appointment .list-call li a { color: #676767; }
.appointment .list-call li a span { font-weight: 600; }
.appointment .list-call li a i { font-size: 15px; line-height: 22px; margin-right: 2px;  }
.appointment .list-call li a:hover { color: #1977cc; }

.table-availability { width: 100%; margin-bottom: 35px; }
.table-availability thead {}
.table-availability thead tr { border-bottom: 1px solid #cbcbcb; }
.table-availability th { }
.table-availability th > * { display: block; text-align: center; }
.table-availability th strong { font-size: 14px; }
.table-availability th small { font-weight: normal; }
.table-availability td { padding: 5px 0; text-align: center; border-bottom: 1px dashed #dbdbdb; }
.table-availability tbody tr:first-child td { padding-top: 10px; }
.table-availability tbody tr td:first-child { text-align: left; font-weight: 600; }
.table-availability i { display: inline-block; vertical-align: middle; width: 22px; height: 22px; line-height: 22px; border-radius: 50%; font-size: 12px; background: #000; color: #fff; opacity: 0.1;  }
.table-availability i.active { opacity: 1; background-color: #1977cc; }

.table-availability .form-check { display: inline-block; vertical-align: middle; margin-bottom: 0;}

.appointment .section-note { border:1px solid #c9c9c9; padding: 15px; border-radius: 5px; }
.appointment .section-note p { margin-bottom: 10px; line-height: 1.25; }

	@media (max-width:991px) {
		.card-watsapp { margin-top: 30px;}
	}
/*--------------------------------------------------------------
# Departments
--------------------------------------------------------------*/
.departments { overflow: hidden; }
.departments .nav-tabs { border: 0; }
.departments .nav-link { border: 0; padding: 12px 15px 12px 0; transition: 0.3s; color: #2c4964; border-radius: 0; border-right: 2px solid #ebf1f6; font-weight: 600; font-size: 15px; }
.departments .nav-link:hover { color: #1977cc; }
.departments .nav-link.active { color: #1977cc; border-color: #1977cc; }
.departments .tab-pane.active { animation: fadeIn 0.5s ease-out; }
.departments .details h3 { font-size: 26px; font-weight: 600; margin-bottom: 20px; color: #2c4964; }
.departments .details p { color: #777777; }
.departments .details p:last-child { margin-bottom: 0; }

@media (max-width: 992px) { 
	.departments .nav-link {   border: 0;   padding: 15px; }
	.departments .nav-link.active {   color: #fff;   background: #1977cc; } 
}

/*--------------------------------------------------------------
# Doctors
--------------------------------------------------------------*/
.doctors { background: #fff; }
.doctors .member { position: relative; box-shadow: 0px 3px 31px rgba(0, 0, 0, 0.05); padding: 30px; border-radius: 10px; background: #fdfdfd; border: 1px solid #f1f1f1; }
.doctors .member .pic { overflow: hidden; width: 180px; border-radius: 50%; }
.doctors .member .pic img { transition: ease-in-out 0.3s; }
.doctors .member:hover img { transform: scale(1.1); }
.doctors .member .member-info { padding-left: 30px; }
.doctors .member h4 { font-weight: 700; margin-bottom: 5px; font-size: 20px; color: #2c4964; }
.doctors .member span { display: block; font-size: 14px; padding-bottom: 10px; position: relative; font-weight: 600; color: #adadad; }
.doctors .member span::after { content: ""; position: absolute; display: block; width: 50px; height: 1px; background: #b2c8dd; bottom: 0; left: 0; }
.doctors .member p { margin: 10px 0 0 0; /* font-size: 14px;*/ }
.doctors .member .social { margin-top: 12px; display: flex; align-items: center; justify-content: flex-start; }
.doctors .member .social a { transition: ease-in-out 0.3s; display: flex; align-items: center; justify-content: center; border-radius: 50px; width: 32px; height: 32px; background: #a0bcd5; }
.doctors .member .social a i { color: #fff; font-size: 16px; margin: 0 2px; }
.doctors .member .social a:hover { background: #1977cc; }
.doctors .member .social a+a { margin-left: 8px; }

/*--------------------------------------------------------------
# Frequently Asked Questions
--------------------------------------------------------------*/
.faq .faq-list { padding: 0 100px; }
.faq .faq-list ul { padding: 0; list-style: none; }
.faq .faq-list li+li { margin-top: 15px; }
.faq .faq-list li { padding: 20px; background: #fff; border-radius: 4px; position: relative; }
.faq .faq-list a { display: block; position: relative; font-family: "Poppins", sans-serif; font-size: 18px; line-height: 1.6; font-weight: 600; padding: 0 35px; outline: none; cursor: pointer; }
.faq .faq-list .icon-help { font-size: 24px; position: absolute; top: 22px; left: 20px; color: #76b5ee; }
.faq .faq-list .icon-show,
.faq .faq-list .icon-close { font-size: 28px; position: absolute; right: 0; top: 0; }
.faq .faq-list p { margin-bottom: 0; padding: 15px 0 0 35px; }
.faq .faq-list .icon-show { display: none; }
.faq .faq-list a.collapsed { color: #343a40; }
.faq .faq-list a.collapsed:hover { color: #1977cc; }
.faq .faq-list a.collapsed .icon-show { display: inline-block; }
.faq .faq-list a.collapsed .icon-close { display: none; }

	@media (max-width: 1200px) { 
		.faq .faq-list {   padding: 0; } 
	}

/*--------------------------------------------------------------
# Testimonials
--------------------------------------------------------------*/
.testimonials .testimonial-wrap { padding-left: 50px; }
.testimonials .testimonials-carousel,
.testimonials .testimonials-slider { overflow: hidden; }
.testimonials .testimonial-item { box-sizing: content-box; box-shadow: 0px 3px 31px rgba(0, 0, 0, 0.05); border-radius: 10px; border: 1px solid #f1f1f1; padding: 30px 30px 30px 60px;  margin: 30px 15px; min-height: 200px; position: relative; background: #fff; }
.testimonials .testimonial-item .testimonial-img { width: 90px; border-radius: 10px; border: 6px solid #fff; position: absolute; left: -45px; }
.testimonials .testimonial-item h3 { font-size: 18px; font-weight: bold; margin: 10px 0 5px 0; color: #111; }
.testimonials .testimonial-item h4 { font-size: 14px; color: #999; margin: 0; }
.testimonials .testimonial-item .quote-icon-left,
.testimonials .testimonial-item .quote-icon-right { color: #badaf7; font-size: 26px; }
.testimonials .testimonial-item .quote-icon-left { display: inline-block; left: -5px; position: relative; }
.testimonials .testimonial-item .quote-icon-right { display: inline-block; right: -5px; position: relative; top: 10px; }
.testimonials .testimonial-item p { font-style: italic; margin: 15px auto 15px auto; }
.testimonials .swiper-pagination { margin-top: 20px; position: relative; }
.testimonials .swiper-pagination .swiper-pagination-bullet { width: 12px; height: 12px; background-color: #fff; opacity: 1; border: 1px solid #1977cc; }
.testimonials .swiper-pagination .swiper-pagination-bullet-active { background-color: #1977cc; }

	@media (max-width: 1400px) { 
		.testimonials .testimonial-wrap {   padding-left: 30px; }
	}
	@media (max-width: 767px) { 
		.testimonials .testimonial-wrap {   padding-left: 0; }
	}

  .testimonials .testimonials-carousel,
  .testimonials .testimonials-slider {   overflow: hidden; }
  .testimonials .testimonial-item {   padding: 30px;   margin: 15px; }
  .testimonials .testimonial-item .testimonial-img {   position: static;   left: auto; } }

/*--------------------------------------------------------------
# Gallery
--------------------------------------------------------------*/

.gallery .gallery-item { overflow: hidden; border-right: 3px solid #fff; border-bottom: 3px solid #fff; height: 310px; }
.gallery .gallery-item img { transition: all ease-in-out 0.4s; }
.gallery .gallery-item:hover img { transform: scale(1.1); }
.gallery .card { margin:10px; border-radius: var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius); overflow: hidden;}
.gallery .card h5{text-align: center; padding:10px 5px; margin: 0; background-color: #1977cc; color: #fff;}
/*--------------------------------------------------------------
# Contact
--------------------------------------------------------------*/
.contact .info { width: 100%; background: #fff; }
.contact .info i { font-size: 20px; color: #1977cc; float: left; width: 44px; height: 44px; background: #d6e9fa; display: flex; justify-content: center; align-items: center; border-radius: 50px; transition: all 0.3s ease-in-out; }
.contact .info h4 { padding: 0 0 0 60px; font-size: 22px; font-weight: 600; margin-bottom: 5px; color: #2c4964; }
.contact .info p { padding: 0 0 0 60px; margin-bottom: 0; font-size: 14px; color: #4b7dab; }
.contact .info .email,
.contact .info .phone { margin-top: 40px; }
.contact .info .email:hover i,
.contact .info .address:hover i,
.contact .info .phone:hover i { background: #1977cc; color: #fff; }
.contact .php-email-form { width: 100%; background: #fff; }
.contact .php-email-form .form-group { padding-bottom: 8px; }
.contact .php-email-form .error-message { display: none; color: #fff; background: #ed3c0d; text-align: left; padding: 15px; font-weight: 600; }
.contact .php-email-form .error-message br+br { margin-top: 25px; }
.contact .php-email-form .sent-message { display: none; color: #fff; background: #18d26e; text-align: center; padding: 15px; font-weight: 600; }
.contact .php-email-form .loading { display: none; background: #fff; text-align: center; padding: 15px; }
.contact .php-email-form .loading:before { content: ""; display: inline-block; border-radius: 50%; width: 24px; height: 24px; margin: 0 10px -6px 0; border: 3px solid #18d26e; border-top-color: #eee; animation: animate-loading 1s linear infinite; }
.contact .php-email-form input,
.contact .php-email-form textarea { border-radius: 0; box-shadow: none; font-size: 14px; }
.contact .php-email-form input { height: 44px; }
.contact .php-email-form textarea { padding: 10px 12px; }
.contact .php-email-form button[type=submit] { background: #1977cc; border: 0; padding: 10px 35px; color: #fff; transition: 0.4s; border-radius: 50px; }
.contact .php-email-form button[type=submit]:hover { background: #1c84e3; }

	@keyframes animate-loading { 
		0% {   transform: rotate(0deg); }
	  100% {   transform: rotate(360deg); } 
	}

	@media (max-width:991px){
		.contact .order-2 { order: 4 !important;}
	}

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
footer { color: #444444; font-size: 14px; background: #f1f7fd; }
footer .footer-top { padding: 60px 0 30px 0; background: #fff; box-shadow: 0px 2px 15px rgba(25, 119, 204, 0.1); }
footer .footer-top .footer-contact { margin-bottom: 30px; }
footer .footer-top .footer-contact h4 { font-size: 22px; margin: 0 0 30px 0; padding: 2px 0 2px 0; line-height: 1; font-weight: 700; }
footer .footer-top .footer-contact p { font-size: 14px; line-height: 24px; margin-bottom: 0; font-family: "Raleway", sans-serif; color: #a7a7a7; }
footer .footer-top h4 { font-size: 16px; font-weight: bold; color: #444444; position: relative; padding-bottom: 12px; }
footer .footer-top .footer-links { margin-bottom: 30px; }
footer .footer-top .footer-links ul { list-style: none; padding: 0; margin: 0; }
footer .footer-top .footer-links ul i { padding-right: 2px; color: #1c84e3; font-size: 18px; line-height: 1; }
footer .footer-top .footer-links ul li { padding: 10px 0; display: flex; align-items: flex-start; }
footer .footer-top .footer-links ul li:first-child { padding-top: 0; }
footer .footer-top .footer-links ul a { color: #a7a7a7; transition: 0.3s; display: inline-block; line-height: 1.3; }
footer .footer-top .footer-links ul a:hover { text-decoration: none; color: #1977cc; }
footer .footer-newsletter { font-size: 15px; }
footer .footer-newsletter h4 { font-size: 16px; font-weight: bold; color: #444444; position: relative; padding-bottom: 12px; }
footer .footer-newsletter form { margin-top: 30px; background: #fff; padding: 6px 10px; position: relative; border-radius: 50px; text-align: left; border: 1px solid #bfdcf7; }
footer .footer-newsletter form input[type=email] { border: 0; padding: 4px 8px; width: calc(100% - 100px); }
footer .footer-newsletter form input[type=submit] { position: absolute; top: 0; right: 0; bottom: 0; border: 0; font-size: 16px; padding: 0 20px; background: #1977cc; color: #fff; transition: 0.3s; border-radius: 50px; }
footer .footer-newsletter form input[type=submit]:hover { background: #1c84e3; }
footer .copyright {  color: #a7a7a7; }
footer .credits { padding-top: 5px; font-size: 13px; color: #444444; }
footer .social-links a { font-size: 18px; display: inline-block; background: #1977cc; color: #fff; line-height: 1; padding: 8px 0; margin-right: 4px; border-radius: 50%; text-align: center; width: 36px; height: 36px; transition: 0.3s; }
footer .social-links a:hover { background: #1c84e3; color: #fff; text-decoration: none; }
footer .footer-bottom { border-top: 1px solid #3e3e3e;}

.text-underline{
	text-decoration: underline;
}