/*
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: -107px;
                 width: 190px;
                 top: 5px;
/*	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: 'Viga', 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) {}

.icon-park-outline--tour-bus::after {
  display: grid;
    place-content: center;
    width: 40px;
    height: 40px;
  content:  url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" height="40" width="40" id="Trip-Road--Streamline-Ultimate"><desc>Trip Road Streamline Icon: https://streamlinehq.com</desc><path stroke="%23FFFFFF" stroke-linecap="round" stroke-linejoin="round" d="M18.75 0.75c1.1935 0 2.3381 0.47411 3.182 1.31802 0.8439 0.84391 1.318 1.98851 1.318 3.18198 0 1.921 -2.688 5.577 -3.909 7.138 -0.0701 0.0898 -0.1598 0.1624 -0.2622 0.2123 -0.1024 0.05 -0.2149 0.0759 -0.3288 0.0759 -0.1139 0 -0.2264 -0.0259 -0.3288 -0.0759 -0.1024 -0.0499 -0.1921 -0.1225 -0.2622 -0.2123 -1.221 -1.562 -3.909 -5.217 -3.909 -7.138 0 -1.19347 0.4741 -2.33807 1.318 -3.18198C16.4119 1.22411 17.5565 0.75 18.75 0.75Z" stroke-width="1.5"></path><path stroke="%23FFFFFF" stroke-linecap="round" stroke-linejoin="round" d="m0.75 23.25 6 -15" stroke-width="1.5"></path><path stroke="%23FFFFFF" stroke-linecap="round" stroke-linejoin="round" d="m21.75 23.25 -3 -7.5" stroke-width="1.5"></path><path stroke="%23FFFFFF" stroke-linecap="round" stroke-linejoin="round" d="M11.25 23.25v-1.5" stroke-width="1.5"></path><path stroke="%23FFFFFF" stroke-linecap="round" stroke-linejoin="round" d="M11.25 17.25v-1.5" stroke-width="1.5"></path><path stroke="%23FFFFFF" stroke-linecap="round" stroke-linejoin="round" d="M11.25 11.25v-1.5" stroke-width="1.5"></path><path stroke="%23FFFFFF" d="M18.75 5.625c-0.2071 0 -0.375 -0.16789 -0.375 -0.375s0.1679 -0.375 0.375 -0.375" stroke-width="1.5"></path><path stroke="%23FFFFFF" d="M18.75 5.625c0.2071 0 0.375 -0.16789 0.375 -0.375s-0.1679 -0.375 -0.375 -0.375" stroke-width="1.5"></path></svg>');
}

/*.icon-park-outline--tour-bus {
  display: inline-block;
  width: 1em;
  height: 1em;
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cg fill='none'%3E%3Cpath stroke='white' stroke-linejoin='round' stroke-width='4' d='M9 23h30v11a2 2 0 0 1-2 2H11a2 2 0 0 1-2-2zM9 8a2 2 0 0 1 2-2h26a2 2 0 0 1 2 2v15H9z'/%3E%3Cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='4' d='M15 42a3 3 0 0 1-3-3v-3h6v3a3 3 0 0 1-3 3m18 0a3 3 0 0 1-3-3v-3h6v3a3 3 0 0 1-3 3'/%3E%3Cpath stroke='white' stroke-linecap='round' stroke-width='4' d='M6 12v4m36-4v4'/%3E%3Ccircle cx='15' cy='30' r='2' fill='white'/%3E%3Ccircle cx='33' cy='30' r='2' fill='white'/%3E%3Cpath stroke='white' stroke-linecap='round' stroke-width='4' d='m31 6l-9 10m16-9l-5 6'/%3E%3C/g%3E%3C/svg%3E");
}*/