/*
Template Name: Doco - Medical Clinic & Hospital Bootstrap Template
Author: Askbootstrap
Author URI: https://themeforest.net/user/askbootstrap
Version: 1.0
*/
/*
-- Fonts
-- Body
-- Nav/Banner
-- Custom Bootstrap
-- Testimonial
-- Doctors
-- Contact Us
-- Pricing
-- Services
-- Banner
-- Media Mobile Css
*/

/* Fonts */
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100;200;300;400;500;600;700;800;900&family=Viga&display=swap');

/* Body */
body {
	font-size: 14px;
	font-family: 'Outfit', sans-serif;
	color: #6c757d;
	overflow-x: hidden;
	background-color: #ececec !important;
}

/* Nav/Banner */
.osahan-header {
	position: relative;
	border-color: #1c92ff !important;
    position: sticky;
    top: 0;
    z-index: 999;
}
.osahan-header .navbar-brand img {
	height: 39px;
}
.osahan-header .navbar-brand {
	position: relative;
	border-radius: 0px 50px 50px 0px;
}
.osahan-header .navbar-brand:after {
	content: "";
	position: absolute;
	left: 0;
	background: #fff;
	top: 0;
	bottom: 0;
	left: -900px;
	width: 900px;
}
.osahan-header .navbar-nav .nav-link {
	font-size: 14px;
	padding: 24px 20px;
    position: relative;
}
.osahan-header .navbar-nav .nav-link.active:after {
    content: "";
    position: absolute;
    width: 10px;
    height: 6px;
    background: #fff;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 10px;
    border-radius: 50px;
}
img.img-fluid.bg-left {
	position: absolute;
	left: -30px;
	height: 250px;
	top: 210px;
	opacity: 0.8;
}
img.img-fluid.bg-right {
	position: absolute;
	right: -50px;
	height: 210px;
	top: 30px;
	opacity: 0.7;
}
.box-numbers {
    border-top: 1px solid #43a4ff;
}
.yoursite-banner-form {
	position: relative;
}
.yoursite-banner-form img.img-fluid.arrow {
	position: absolute;
	left: -80px;
	width: 190px;
	top: 20px;
	animation-duration: 1s;
	animation-iteration-count: infinite;
	animation-name: arrow;
}
@keyframes arrow {
	0% {
		opacity: 1;
	}
	100% {
		opacity: 1;
		transform: translate(-10px, -10px);
	}
}

/* Custom Bootstrap */
.btn-close-right {
    position: absolute;
    background-color: #fff;
    padding: 9px;
    border-radius: 6px;
    right: 0;
    margin: 11px;
}
.text-white-50 {
    color: rgba(255,255,255,.6)!important;
}
.display-5,
.display-1,
.display-6 {
	font-family:  sans-serif;
}
.text-warning {
	color: #ff9300;
}
textarea.form-control.hight-auto.px-3 {
	padding-top: 12px;
}
.form-control:focus {
	border-color: #0185ff !important;
	box-shadow: none !important;
}
.bg-light {
	background-color: #eff7ff !important;
}
.rounded-bottom {
	border-bottom-right-radius: 10px !important;
	border-bottom-left-radius: 10px !important;
}
.bg-dark {
	background-color: #1E262D !important;
}
.text-dark {
	color: #1E262D !important;
}
.btn-dark {
	background-color: #1E262D !important;
	border-color: #1E262D !important;
}
.text-primary {
	color: #0085ff !important;
}
.bg-primary {
	background-color: #0085ff !important;
}
.btn-secondary {
	background-color: #ff9300 !important;
	border-color: #ff9300 !important;
}
.form-control {
	border-color: #dcdcdc !important;
	font-size: 15px;
	min-height: 45px;
	border-radius: 6px;
}
.rounded-3 {
	border-radius: 10px !important;
}
.btn {
	border-radius: 6px;
}

/* Testimonial */
.testimonial-box .p-5 {
	padding: 40px !important;
}
.testimonial-box .p-5.rounded-3.my-2 img {
	height: 40px;
	background: #fff;
	padding: 3px;
}

/* Doctors */
.doctors-btn a {
	width: 24px;
	height: 24px;
	font-size: 13px;
	color: #3586f7;
}
.feature {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	height: 3rem;
	width: 3rem;
	font-size: 1.5rem;
}

/* Contact Us */
.contact-us-main .contact-us-main-matter {
	position: absolute;
	bottom: 0;
	left: 15px;
	right: 15px;
}

/* Pricing */
.mobile-app-icon {
	height: 50px;
}
.ninth-pricing {
	margin-top: 300px;
}
.ninth-price-tag {
	margin-top: -50px;
}

/* Services */
.service-slider {
	display: none;
}
.service-slider.slick-initialized {
	display: block;
}
.slick-prev:before {
	content: "\eac9";
	font-family: IcoFont!important;
}
.slick-next:before {
	content: "\eaca";
	font-family: IcoFont!important;
}
.slick-arrow {
	background: #fff !important;
	width: 35px;
	height: 35px;
	border-radius: 50px;
	z-index: 9;
}
.slick-next:before,
.slick-prev:before {
	font-weight: bold;
	opacity: 1;
	color: #000;
}
button.slick-next.slick-arrow {
	right: 30px;
}
button.slick-prev.slick-arrow {
	left: 30px;
}

/* Media Mobile Css */
@media (max-width: 576px) {}

@media (max-width: 768px) {
	.container,
	.container-sm {
		max-width: 100%;
	}
	button.navbar-toggler {
		padding: 4px 6px;
	}
	.osahan-header .navbar-nav .nav-link {
		text-align: center;
		padding: 13px 12px;
	}
	.osahan-header .d-flex.align-items-center.justify-content-end {
		justify-content: center !important;
	}
	.osahan-header .login.ms-auto {
		padding-bottom: 13px;
	}
	.yoursite-banner h1.text-white {
		text-align: center;
	}
	.yoursite-banner .col-xl-6.col-lg-6.col-md-6.ps-lg-5.position-relative {
		margin-top: 30px;
	}
	img.img-fluid.arrow {
		display: none;
	}
	.service-slider .slick-dots li button:before {
		color: #fff;
		opacity: unset;
	}
	.osahan-header .navbar-brand:after {
		display: none;
	}
	.bg-right, .bg-left {
		display: none !important;
	}
	a.navbar-brand.bg-white.pe-4.py-3 {
		padding: 0 20px;
		margin: 0 0 0 -11px;
	}
	.box-numbers .col-auto {
        width: 50%;
    }
    .box-numbers .col-auto .d-flex {
        justify-content: center;
        margin: 9px 0;
    }
    #home .text-start.pe-5 {
        text-align: center !important;
        padding: 0px !important;
    }
    #about .col {
        width: 50%;
        padding: 0 9px;
    }
    #about .row.gx-5 {
        margin: 0px;
    }
    #about .col-lg-12 {
        padding: 0px;
    }
    #services .row.justify-content-evenly.align-items-center {
        display: none;
    }
    .brands .col {
        width: 33%;
        margin: 10px 0;
    }
    #departments .row.row-cols-1.row-cols-lg-3.mt-5 .col {
        width: 33%;
    }
    #departments .row.row-cols-1.row-cols-lg-3.mt-5 {
        align-items: center;
    }
    #departments .row.row-cols-1.row-cols-lg-3.mt-5 .col p {
        font-size: 14px;
        width: 61px;
    }
    #departments .col-lg-6.order-0.order-lg-1 {
        margin-bottom: 34px;
    }
    .service-list-main .col {
        width: 50%;
    }
    .service-list-main .col a.ms-auto {
        display: none;
    }
    .service-list-main .col .pe-5 {
        padding: 0px !important;
    }
    #pricing h6.text-warning.pt-5.mt-5.text-uppercase br {
        display: none;
    }
    #pricing .col-lg-4.flex-column.d-flex {
        text-align: center;
        margin-bottom: 30px;
    }
    #pricing .bg-white.rounded-bottom.shadow-sm.p-5 {
        border-radius: 10px !important;
    }  
    #pricing .row.px-5.ninth-price-tag .col-4 {
        width: 210px;
    }
    .testimonial-box .text-start {
        text-align: center !important;
        margin-bottom: 30px !important;
    }
    .testimonial-box .col.px-2 {
        width: 50%;
    } 
    .testimonial-box .col.px-2 .p-5 {
        padding: 21px !important;
    }
    .contact-right{
        display: none;
    }
    #contact {
        padding-top: 80px !important;
    }
    .mobile-app-icon {
        height: 37px;
    }
    .contact-us-main .col-lg-1.mail-logo.d-sm-none.d-lg-block {
        display: none;
    }
    .contact-us-main .col-11, .contact-us-main .col-1 {
        width: 100%;
    }
    .contact-us-main .col-1 .d-block {
        display: flex !important;
        justify-content: center;
    }
    .contact-us-main .col-1 .d-block a {
        border: 1px solid #ccc;
        width: 40px;
        height: 40px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 7px;
        margin: 0 4px;
        font-size: 13px !important;
    }
    .contact-us-main .col-1 .d-block a i {
        margin: 0px !important;
        font-size: 18px;
    }
    .contact-us-main .d-flex.gap-2 {
        flex-direction: column;
    }
}

@media (max-width: 992px) {
    .container,
	.container-sm {
		max-width: 100%;
	}
	button.navbar-toggler {
		padding: 4px 6px;
	}
	.osahan-header .navbar-nav .nav-link {
		text-align: center;
		padding: 13px 12px;
	}
	.osahan-header .d-flex.align-items-center.justify-content-end {
		justify-content: center !important;
	}
	.osahan-header .login.ms-auto {
		padding-bottom: 13px;
	}
	.yoursite-banner h1.text-white {
		text-align: center;
	}
	.yoursite-banner .col-xl-6.col-lg-6.col-md-6.ps-lg-5.position-relative {
		margin-top: 30px;
	}
	img.img-fluid.arrow {
		display: none;
	}
	.service-slider .slick-dots li button:before {
		color: #fff;
		opacity: unset;
	}
	.osahan-header .navbar-brand:after {
		display: none;
	}
	.bg-right, .bg-left {
		display: none !important;
	}
	a.navbar-brand.bg-white.pe-4.py-3 {
		padding: 0 20px;
		margin: 0 0 0 -11px;
	}
   
    #services .row.justify-content-evenly.align-items-center {
        display: none;
    }
    .brands .col {
        width: 33%;
        margin: 10px 0;
    }
    #departments .row.row-cols-1.row-cols-lg-3.mt-5 .col {
        width: 33%;
    }
    #departments .row.row-cols-1.row-cols-lg-3.mt-5 {
        align-items: center;
    }
    #departments .row.row-cols-1.row-cols-lg-3.mt-5 .col p {
        font-size: 14px;
        width: 61px;
    }
    #departments .col-lg-6.order-0.order-lg-1 {
        margin-bottom: 34px;
    }
    .service-list-main .col {
        width: 50%;
    }
    .service-list-main .col a.ms-auto {
        display: none;
    }
    .service-list-main .col .pe-5 {
        padding: 0px !important;
    }
    #pricing h6.text-warning.pt-5.mt-5.text-uppercase br {
        display: none;
    }
    #pricing .col-lg-4.flex-column.d-flex {
        text-align: center;
        margin-bottom: 30px;
    }
    #pricing .bg-white.rounded-bottom.shadow-sm.p-5 {
        border-radius: 10px !important;
    }  
    #pricing .row.px-5.ninth-price-tag .col-4 {
        width: 210px;
    }
    .testimonial-box .text-start {
        text-align: center !important;
        margin-bottom: 30px !important;
    }
    .testimonial-box .col.px-2 {
        width: 50%;
    } 
    .testimonial-box .col.px-2 .p-5 {
        padding: 21px !important;
    }
    .contact-right{
        display: none;
    }
    #contact {
        padding-top: 80px !important;
    }
    .mobile-app-icon {
        height: 37px;
    }
    .contact-us-main .col-lg-1.mail-logo.d-sm-none.d-lg-block {
        display: none;
    }
    .contact-us-main .col-11, .contact-us-main .col-1 {
        width: 100%;
    }
    .contact-us-main .col-1 .d-block {
        display: flex !important;
        justify-content: center;
    }
    .contact-us-main .col-1 .d-block a {
        border: 1px solid #ccc;
        width: 40px;
        height: 40px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 7px;
        margin: 0 4px;
        font-size: 13px !important;
    }
    .contact-us-main .col-1 .d-block a i {
        margin: 0px !important;
        font-size: 18px;
    }
    .contact-us-main .d-flex.gap-2 {
        flex-direction: column;
    }
}

@media (max-width: 1200px) {}

@media (max-width: 1400px) {}