/*
  Theme Name: Supmax - Health Supplement Landing Page HTML5 Template
  Support: admin@gmail.com
  Description: Health Supplement Landing Page HTML5 Template
  Version: 1.0
*/

/* CSS Index
-----------------------------------
1. Theme default css
2. Header
3. Slider
4. Features
5. Services
6. Video
7. Gallery
8. Fact
9. Faq
10. Pricing
11. Doctors
12. Product
13. Blog
14. Pagination
15. Brand
16. Newsletter
17. Footer
18. Preloader

*/



/* 1. Theme default css */




@import url('../../../css');
 body {
	/* font-family: serif;  */
	 font-optical-sizing: auto;
  font-weight: weight;
  font-style: normal;
	font-family: 'Cambria Math';
	font-weight: 500;
	font-style: normal;
	font-size: 14px;
	color: #1D2A39;
}

.img {
	max-width: 100%;
	transition: all 0.3s ease-out 0s;
}
.f-left {
	float: left
}
.f-right {
	float: right
}
.fix {
	overflow: hidden
}
a,
.button {
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-ms-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
}
a:focus,
.btn:focus,
.button:focus {
	text-decoration: none;
	outline: none;
	box-shadow: none;
}
a:focus,
a:hover,
.portfolio-cat a:hover,
.footer -menu li a:hover {
	text-decoration: none;
}
a,
button {
	color: #1D2A39;
	outline: medium none;
}
button:focus,input:focus,input:focus,textarea,textarea:focus{outline: 0}
.uppercase {
	text-transform: uppercase;
}
.capitalize {
	text-transform: capitalize;
}
h1,
h2,
h3,
h4,
h5,
h6 { font-family: Cambria Math;
	font-optical-sizing: auto;
	font-weight: weight;
	font-style: normal;
	color: #1D2A39;
	margin-top: 0px;
	font-style: normal;
	font-weight: 700;
	text-transform: normal;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
	color: inherit;
}
h1 {
	font-size: 40px;
	font-weight: 500;
}
h2 {
	font-size: 35px;
}
h3 {
	font-size: 28px;
}
h4 {
	font-size: 22px;
}
h5 {
	font-size: 18px;
}
h6 {
	font-size: 16px;
}
@media screen and (max-width: 991px) {
	h1 {
		font-size: 30px;
	}
	h2 {
		font-size: 25px;
	}
	h3 {
		font-size: 20px;
	}
	h4 {
		font-size: 18px;
	}
	h5 {
		font-size: 16px;
	}
	h6 {
		font-size: 14px;
	}
	
}
ul {
	margin: 0px;
	padding: 0px;
}
li {
	list-style: none
}
p {
	font-size: 20px;
	font-weight: 500;
	line-height: 26px;
	color: #6b578b;
	
	
   
}
hr {
	border-bottom: 1px solid #eceff8;
	border-top: 0 none;
	margin: 30px 0;
	padding: 0;
}
label {
	color: #7e7e7e;
	cursor: pointer;
	font-size: 14px;
	font-weight: 400;
}
*::-moz-selection {
	background: #d6b161;
	color: #fff;
	text-shadow: none;
}
::-moz-selection {
	background: #6b578b;
	color: #fff;
	text-shadow: none;
}
::selection {
	background: #6b578b;
	color: #fff;
	text-shadow: none;
}
*::-moz-placeholder {
	color: #555555;
	font-size: 14px;
	opacity: 1;
}
*::placeholder {
	color: #555555;
	font-size: 14px;
	opacity: 1;
}
.theme-overlay {
	position: relative
}
.theme-overlay::before {
	background: #1D2A39 none repeat scroll 0 0;
	content: "";
	height: 100%;
	left: 0;
	opacity: 0.6;
	position: absolute;
	top: 0;
	width: 100%;
}
.separator {
	border-top: 1px solid #f2f2f2
}
#scrollUp {
	background: #ffad17;
	height: 50px;
	width: 50px;
	right: 50px;
	bottom: 77px;
	color: #fff;
	font-size: 20px;
	text-align: center;
	border-radius: 50%;
	font-size: 20px;
	line-height: 50px;
}

/* button style */
.btn1{
	background-color: #ffad17;
	color: #fff;
	border: none;
	padding: 5px 10px;
	border-radius: 5px;
	cursor: pointer;

}
.btn1:hover{
	background-color: #1D2A39;
	color: #fff;
}
.btn {
	-moz-user-select: none;
	background: #FEC806 none repeat scroll 0 0;
	border: medium none;
	border-radius: 8px;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 0;
	line-height: 1;
	margin-bottom: 0;
	padding: 18px 40px;
	text-align: center;
	text-transform: uppercase;
	touch-action: manipulation;
	transition: all 0.4s ease-in-out;
	vertical-align: middle;
	white-space: nowrap;
}
.btn:hover {
	box-shadow: none;
	color: #fff;
	background: #1D2A39;
}
.white-btn {
	background: #fff;
	color: #1D2A39;
}
.white-btn:hover {
	background: #1D2A39;
	color: #fff;
}
.breadcrumb > .active {
	color: #888;
}

/* 2. Header */
.header-social ul li {
	display: inline-block;
	margin-right: 3px;
}
.header-social ul li a {
	display: block;
	height: 30px;
	width: 30px;
	background: #FEC806;
	text-align: center;
	line-height: 30px;
	border-radius: 50%;
	color: #fff;
	font-size: 10px;
}
.header-social ul li a:hover {
	color: #1D2A39;
}
.header-top-right ul li {
	display: inline-block;
	position: relative;
}
.header-top-right ul li a {
	display: block;
	color: #fff;
	font-size: 13px;
}
.header-top-right ul li.search-icon a {
	height: 50px;
	line-height: 50px;
	width: 60px;
	text-align: center;
	background: #470ca7;
}
.header-top-right ul li.shop-cart::before {
	content: "";
	position: absolute;
	right: 0;
	top: 50%;
	height: 30px;
	width: 1px;
	background: #7246b9;
	transform: translateY(-50%);
	border-radius: 50%;
}
.header-top-right ul li.shop-cart a {
	height: 50px;
	line-height: 50px;
	width: 60px;
	text-align: center;
	position: relative;
}
.header-top-right ul li.shop-cart .cart-count {
	position: absolute;
	height: 8px;
	width: 8px;
	background:#ffad17;
	border-radius: 50%;
	right: 20px;
	top: 14px;
	z-index: 1;
}
.header-top-right ul li.phone-call {
	margin-left: 16px;
}
.header-top-right ul li.phone-call a {
	font-weight: 600;
}
.header-top-right ul li.phone-call i {
	margin-right: 10px;
}
.transparent-header {
	position: absolute;
	width: 100%;
	left: 0;
	/* top: 50px; */
	z-index: 9;
	border-bottom: 1px solid rgba(255,255,255, .12);
	padding: 10px 0;
}
#header-sticky{
	background-color: #FEC806;
}
.main-menu .navbar {
	padding: 0;
}
.main-menu .navbar-nav li.nav-item {
	margin-left: 32px;
	display: block;
}
.main-menu .navbar-nav li.nav-item:first-child {
	margin-left: 0px;
}
.main-menu .navbar-nav li.nav-item a.nav-link {
	color: #fff;
	font-size: 15px;
	font-weight: 600;
	position: relative;
	padding: 31px 0;
	text-transform: uppercase;
}
.main-menu .navbar-nav li.nav-item.active a.nav-link {
	color: #1D2A39;
}
.header-btn {
	margin-left: 30px;
}
.header-btn a {
	font-size: 14px;
	font-weight: 600;
	color: #fff;
	text-transform: uppercase;
	display: inline-block;
}
.header-btn a.signUp {
	padding: 12px 15px;
	background: #1D2A39;
	border-top-left-radius: 50px;
	border-bottom-left-radius: 50px;
}
.header-btn a.login {
	background: #fff;
	color: #ffad17;
	padding: 12px 17px;
	border-top-right-radius: 50px;
	border-bottom-right-radius: 50px;
	margin-left: -4px;
}
.transparent-header.sticky-menu {
	left: 0;
	margin: auto;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 99;
	background:#1D2A39 ;
	-webkit-animation: 1000ms ease-in-out 0s normal none 1 running fadeInDown;
	animation: 1000ms ease-in-out 0s normal none 1 running fadeInDown;
	-webkit-box-shadow: 0 10px 15px rgba(25, 25, 25, 0.1);
	box-shadow: 0 10px 15px rgba(25, 25, 25, 0.1);
	border-radius: 0;
	padding: 0;
	border-bottom: none;
}
.sticky-menu .header-btn a.signUp {
	background: #ffad17;
	color: #fff;
}
.sticky-menu .main-menu .navbar-nav li.nav-item.active a.nav-link {
	color:#ffad17;
}
.breadcrumb-bg {
	background-image: url(../img/bg/breadcrumb_bg.jpg);
	min-height: 498px;
	position: relative;
	background-size: cover;
	background-position: center;
	z-index: 1;
}
.breadcrumb-bg::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: #ffad17;
	background: -webkit-linear-gradient(to left, #bd4326, #ffad17);
	background: linear-gradient(to left, #bd4326, #ffad17);
	opacity: .75;
}
.breadcrumb-bg::after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 105px;
	background: #ffad17;
	background: -webkit-linear-gradient(to bottom, #bd4326, transparent);
	background: linear-gradient(to bottom, #bd4326, transparent);
	opacity: .75;
}
.breadcrumb-content {
	margin-top: 75px;
}
.breadcrumb-content h2 {
	font-size: 45px;
	color: #fff;
	text-transform: uppercase;
	margin-bottom: 10px;
}
.breadcrumb-content .breadcrumb {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	padding: 0;
	margin-bottom: 0;
	list-style: none;
	background-color: transparent;
	border-radius: 0;
	justify-content: center;
}
.breadcrumb-content .breadcrumb li {
	display: block;
	font-weight: 700;
	color: #fff;
	text-transform: uppercase;
	font-size: 18px;
}
.breadcrumb-content .breadcrumb li a,
.breadcrumb-content .breadcrumb li.active {
	color: #fff;
}
.breadcrumb-item + .breadcrumb-item::before {
	color: #fff;
	content: "|";
}

/* 3. Slider */
.slider-bg {
	background-image: url(../img/slider/car.jpg);
	min-height: 871px;
	background-position: center;
	background-size: cover;
	position: relative;
	z-index: 1;
}

.slider-bgg {
	background-image: url(../img/bg/about-bg.png);
	min-height: 871px;
	background-position: center;
	background-size: cover;
	position: relative;
	z-index: 1;
}
.slider-contentt h2 {
	font-size: 65px;
	line-height: 1.2;
	color: #fff;
	margin-bottom: 15px;
}
.slider-contentt h2 span {
	color: hsl(24, 100%, 57%);
}
.slider-bg::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: #ffad17;
	background: -webkit-linear-gradient(to left, #bd4326, #ffad17);
	background: linear-gradient(to left, #bd4326, #ffad17);
	opacity: .75;
}
.slider-bg::after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 105px;
	background: #ffad17;
	background: -webkit-linear-gradient(to bottom, #bd4326, transparent);
	background: linear-gradient(to bottom, #bd4326, transparent);
	opacity: .75;
}
.slider-overflow {
	overflow: hidden;
	padding-top: 100px;
}
.slider-content h2 {
	font-size: 65px;
	line-height: 1.2;
	color: #fff;
	margin-bottom: 15px;
}
.slider-content h2 span {
	color: #1D2A39;
}
.slider-content p {
	font-size: 16px;
	font-weight: 500;
	color: #fff;
	line-height: 1.9;
	margin-bottom: 35px;
}
.slider-btn .white-btn {
	padding: 18px 35px;
	margin-left: 20px;
}
.slider-img {
	z-index: 1;
}
.slider-shape {
	position: absolute;
	right: 0;
	top: -2px;
	z-index: -1;
}
.slider-content {
	padding-top: 60px;
}


/* 4. Features */
.features-bg {
	background-image: url(../img/bg/features_bg.jpg);
	box-shadow: 0px 4px 12.09px 0.91px rgba(82, 33, 162, 0.08);
	background-position: center;
	background-size: cover;
	padding-top: 65px;
	padding-bottom: 10px;
	overflow: hidden;
	position: relative;
}
.features-icon img {
	transition: .5s linear;
	transform: rotateY(0deg);
}
.features-content h5 {
	font-size: 17px;
	color: #39255a;
	margin-bottom: 15px;
}
.features-content p {
	margin-bottom: 0;
}
.single-features:hover .features-icon img {
	transform: rotateY(360deg);
}
.offer-percentage {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	top: -170px;
	height: 223px;
	width: 213px;
	border-radius: 50%;
	background: #f6db12;
	text-align: center;
	line-height: 380px;
	margin-bottom: 0;
	z-index: 1;
	font-size: 13px;
	color: #ffffff;
}

/* 5. Services */
.section-title h2 {
	font-size: 36px;
	margin-bottom: 0;
	text-transform: uppercase;
}
@media screen and (max-width: 991px) {
	.section-title h2 {
		font-size: 30px;
	}
	.slider-bg {
		background-image: url(../img/blog/carm.jpg);
		margin-top: 50px;
				min-height: 871px;
		background-position: center;
		background-size: cover;
		position: relative;
		z-index: 1;
	}
	
	.slider-bg::before {
		background: #ffad17;
		background: -webkit-linear-gradient(to left, #bd4326, #ffad17);
		background: linear-gradient(to left, #bd4326, #ffad17);
	opacity: .8;
	}
	
}
.section-title .bar {
	height: 2px;
	width: 165px;
	background: #d4c0f4;
	margin: 20px auto 30px;
	position: relative;
	border-radius: 50%;
}
.section-title .bar::before {
	content: '';
	position: absolute;
	left: 0;
	top: -3px;
	height: 8px;
	width: 8px;
	border-radius: 50%;
	background: #ffad17;
	-webkit-animation-duration: 4s;
	animation-duration: 4s;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-name: MOVE-BG;
	animation-name: MOVE-BG;
}
@-webkit-keyframes MOVE-BG {
  from {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  to {
    -webkit-transform: translateX(163px);
            transform: translateX(163px);
  }
}

@keyframes MOVE-BG {
  from {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  to {
    -webkit-transform: translateX(163px);
            transform: translateX(163px);
  }
}
.section-title p {
	margin-bottom: 0;
	color: #75668f;
	line-height: 28px;
}
.single-delivery-services {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	align-items: center;
}
.single-delivery-services.pr-40 .ds-icon {
	margin-left: 17px;
}
.ds-content h5 {
	font-size: 18px;
	text-transform: uppercase;
	color: #39255a;
	line-height: 1;
	margin-bottom: 10px;
}
.ds-content p {
	margin-bottom: 0;
}
.single-delivery-services.pl-40 .ds-icon {
	margin-right: 17px;
}
.d-services-img {
	text-align: center;
	position: relative;
}
.d-services-img::before {
	content: "";
	position: absolute;
	/* background-image: url(../img/images/ellips_shape.png); */
	width: 578px;
	height: 578px;
	background-repeat: no-repeat;
	left: -90px;
	top: -15px;
	z-index: -1;
}
.d-services-img::after {
	content: "";
	position: absolute;
	/* background-image: url(../img/images/services_shape.png); */
	width: 709px;
	height: 585px;
	background-repeat: no-repeat;
	left: -155px;
	top: -20px;
	z-index: -1;
}
.single-delivery-services:last-child {
	margin-bottom: 0;
}

/* 6. Video */
.video-bg {
	background-image: url(../img/bg/video_bg.jpg);
	overflow: hidden;
	background-position: center;
	background-size: cover;
}
.video-overlay {
	position: relative;
	z-index: 1;
}
.video-overlay::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 880px;
	background: rgb(86, 19, 195, 0.859);
	height: 100%;
	z-index: -1;
}
.video-title {
	padding: 190px 0;
	padding-left: 70px;
}
.video-title > span {
	font-size: 18px;
	font-weight: 700;
	color: #ff4612;
	padding: 11px 15px;
	background: #f9f9f9;
	line-height: 1;
	display: inline-block;
	margin-left: 10px;
	margin-bottom: 20px;
	position: relative;
	font-style: italic;
}
.video-title > span::before {
	content: "";
	position: absolute;
	left: -10px;
	top: 0;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 0 40px 10px;
	border-color: transparent transparent #fff transparent;
}
.video-title > span::after {
	content: "";
	position: absolute;
	right: -10px;
	top: 0;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 40px 10px 0 0;
	border-color: #fff transparent transparent transparent;
}
.video-title h2 {
	font-size: 70px;
	text-transform: uppercase;
	color: #fff;
	line-height: 1;
	margin-bottom: 35px;
}
.video-title h2 span {
	font-weight: 900;
	display: block;
}
.video-title a {
	font-size: 14px;
	text-transform: uppercase;
	color: #fff;
	font-weight: 700;
	display: inline-block;
	position: relative;
}
.video-title a > span {
	display: inline-block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 4px 0 4px 4px;
	border-color: transparent transparent transparent #fff;
	margin-left: 30px;
	position: relative;
	transition: .4s linear;
}
.video-title a > span::before {
	content: "";
	position: absolute;
	right: 4px;
	top: 50%;
	transform: translateY(-50%);
	width: 22px;
	height: 2px;
	background: #fff;
	transition: .4s linear;
}
.video-title a:hover span {
	margin-left: 50px;
}
.video-title a:hover span::before {
	width: 42px;
}
.video-play {
	text-align: center;
}
.video-play a {
	display: inline-block;
	position: relative;
}
.video-play a::before {
	content: "";
	position: absolute;
	right: 73px;
	top: 50%;
	transform: translateY(-50%);
	width: 0;
	height: 2px;
	background: #fff;
	transition: .4s linear;
}
.video-play a:hover::before {
	width: 78px;
}

/* 7. Gallery */
.gallery-bg {
	background-image: url(../img/bg/gallery_bg.jpg);
	background-position: center;
	background-size: cover;
}
.product-menu {
    background: #fff;
    border-radius: 12px;
    box-shadow: 0px 0px 27px 0px rgba(149, 149, 149, 0.22);
    padding: 25px 0;
}
.product-menu button {
    font-size: 15px;
    font-weight: 500;
    border: none;
    padding: 8px 20px;
    background: transparent;
    color: #687d95;
    cursor: pointer;
    border-radius: 50px;
    border: 2px solid transparent;
    box-shadow: none;
    transition: .4s ease-in-out;
}
.product-menu button.active {
	background: #ffad17;
	color: #fff;
	border-color: #fff;
	box-shadow: 0px 0px 24px 0px rgba(93, 87, 171, 0.32);
}
.single-gallery-img {
	display: block;
	position: relative;
}
.single-gallery-img::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: #ffad17;
	transition: .4s ease-in-out;
	opacity: 0;
}
.single-gallery-img img {
	width: 100%;
}
.gallery-overlay {
	position: absolute;
	left: 55px;
	top: 50px;
	z-index: 9;
	transform: translateX(-30px);
	transition: .4s ease-in-out;
	opacity: 0;
}
.gallery-overlay-title {
	font-size: 24px;
	font-weight: 800;
	color: #fff;
	padding-bottom: 15px;
	position: relative;
	margin-bottom: 20px;
}
.gallery-overlay-title::before {
	content: "";
	position: absolute;
	left: 0;
	bottom: -4px;
	height: 4px;
	width: 0px;
	background: #fff;
	border-radius: 10px;
}
.gallery-overlay-title a {
	display: inline-block;
}
.gallery-overlay span {
	font-size: 14px;
	font-weight: 500;
	color: #fff;
	display: inline-block;
}
.single-gallery-img:hover::before {
	opacity: .86;
}
.single-gallery-img:hover .gallery-overlay {
	transform: translateX(0px);
	opacity: 1;
}
.single-gallery-img:hover .gallery-overlay-title::before {
	width: 45px;
	transition: 1s ease-in-out;
}
.gallery-overlay-title a:hover {
	color: #fff;
}

/* 8. Fact */
.fact-bg {
	background-image: url(../img/blog/car-bg.jpg);
	padding-top: 120px;
	background-position: center;
	background-size: cover;
	padding-bottom: 65px;
	position: relative;
}
.fact-bg::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background: #1D2A39;
	opacity: .8;
}
.fact-content h5 {
	font-size: 36px;
	font-weight: 500;
	color: hsl(24, 100%, 57%);
	margin-bottom: 15px;
	line-height: 1;
}
.fact-content p {
	line-height: 1;
	margin-bottom: 0;
	font-size: 18px;
	font-weight: 600;
	color: #e4e4e4;
}

/* 9. Faq */
.faq-bg {
	background-image: url(../img/bg/faq_bg.jpg);
	background-position: center;
	background-size: cover;
}
.faq-img img {
	width: 100%;
}
.faq-wrapper .card {
	margin-bottom: 13px;
	border-radius: 0;
	border: none;
	padding: 23px 25px;
	background: #fff;
	box-shadow: 0px 0px 70px 0px rgba(45, 3, 91, 0.05);
}
.faq-wrapper .card-header {
	padding: 0;
	border-radius: 0;
	background: no-repeat;
	border: none;
}
.card-header:first-child {
	border-radius: 0;
}
.faq-wrapper .card-header h5 a {
	font-size: 16px;
	color:#1D2A39;
	font-weight: 600;
	display: block;
	text-decoration: none;
	line-height: 1.4;
	padding-right: 50px;
	border-bottom: 1px dashed transparent;
}
.faq-wrapper .card-header h5 a {
	padding-bottom: 15px;
	border-bottom: 1px dashed #d8d8d8;
}
.faq-wrapper .card-header h5 a.collapsed {
	color: #5d516a;
}
.faq-wrapper .card-header h5 a.collapsed {
	padding-bottom: 0px;
	border-bottom: 1px solid transparent;
}
.faq-wrapper .card-header h5 a::after {
	position: absolute;
	content: "\f067";
	top: 21px;
	right: 30px;
	font-family: "Font Awesome 5 Free";
	height: 26px;
	width: 26px;
	text-align: center;
	font-weight: 700;
	line-height: 20px;
	font-size: 10px;
	border: 3px solid rgb(255, 125, 37);
	border-radius: 50%;
	background: #fff;
	color: rgb(255, 125, 37);
}
.faq-wrapper .card-header h5 a.collapsed::after {
	content: "\f067";
	color: #94879f;
	border-color: #94879f;
}
.faq-wrapper .card-body {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	padding: 0;
	color: #786d99;
	padding-top: 20px;
}
.faq-wrapper .card-body p {
	margin-bottom: 10px;
	font-size: 14px;
	line-height: 28px;
}
.faq-wrapper .card:last-child {
	margin-bottom: 0;
}

/* 10. Pricing */
.single-pricing {
	box-shadow: 0px 0px 46px 0px rgba(97, 104, 212, 0.2);
	border-radius: 8px;
	border-top: 7px solid #eae6e4;
	border-bottom: 7px solid #eae6e4;
	padding: 50px 30px;
	background: #fff;
	transition: .3s linear;
}
.pricing-head > h5 {
	font-size: 18px;
	margin-bottom: 5px;
	font-weight: 400;
	color: #444172;
}
.pricing-head > h5 > span {
	font-weight: 600;
}
.pricing-head > span {
	font-size: 14px;
	text-transform: uppercase;
	font-weight: 500;
	display: block;
	color: #9098a9;
	margin-bottom: 25px;
}
.pricing-head p {
	line-height: 1.1;
	margin-bottom: 15px;
	font-size: 14px;
	font-weight: 500;
	color: #717f99;
}
.price-count h4 {
	font-size: 16px;
	font-weight: 700;
	box-shadow: 0px 0px 27px 0px rgba(97, 104, 212, 0.17);
	padding: 18px 10px;
	border-radius: 50px;
	margin: 0 10px;
}
.price-count h4 {
	font-size: 16px;
	font-weight: 600;
	box-shadow: 0px 0px 27px 0px rgba(97, 104, 212, 0.17);
	padding: 18px 10px;
	border-radius: 50px;
	margin: 0 10px;
	color: #444172;
}
.price-count h4 > span {
	color: #FEC806;
}
.pricing-list ul li {
	padding-bottom: 12px;
	border-bottom: 1px solid #f1f1f1;
	margin-bottom: 12px;
	font-size: 14px;
	font-weight: 500;
	color: #717f99;
}
.pricing-btn .btn {
	border: none;
	box-shadow: none;
	background: #fd003a;
	padding: 10px 15px 10px 28px;
	transition: .3s linear;
	border-radius: 50px;
	text-transform: capitalize;
	font-weight: 600;
	font-size: 16px;
}
.pricing-btn .btn i {
	height: 35px;
	width: 35px;
	text-align: center;
	line-height: 35px;
	background: #cc1111;
	border-radius: 50%;
	font-size: 14px;
	margin-left: 12px;
	transition: .3s linear;
}
.pricing-btn .btn::before {
	display: none;
}
.single-pricing:hover .pricing-btn .btn {
	background: #1D2A39;
}
.single-pricing:hover .pricing-btn .btn i {
	background: #1D2A39;
}
.single-pricing:hover {
	border-color: #1D2A39;
}
.single-pricing.active {
	border-color:#1D2A39;
}
.single-pricing.active .pricing-btn .btn {
	background: #1D2A39;
}
.single-pricing.active .pricing-btn .btn  i{
	background: #1D2A39;
}

/* 11. Doctors */
.doctor-bg {
	background-image: url(../img/bg/doctors_bg.jpg);
	background-position: center;
	background-size: cover;
	position: relative;
}
.doctor-bg::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background: #150f1d;
	opacity: .97;
}
.white-title h2 {
	color: #fff;
}
.white-title .bar {
	background: #3b3541;
}
.white-title p {
	color: #b7b6b8;
}
.doctor-thumb {
	float: left;
	margin-right: 23px;
	margin-top: 35px;
}
.doctor-thumb img {
	border-radius: 50%;
	border: 3px solid #fff;
}
.doctor-content {
	overflow: hidden;
}
.doctor-icon {
	margin-bottom: 10px;
}
.doctor-content p {
	font-size: 14px;
	line-height: 30px;
	color: #c0c0c0;
	margin-bottom: 20px;
}
.doctor-info h6 {
	margin-bottom: 0;
	font-size: 14px;
	color: #fd003a;
	font-weight: 500;
}
.doctor-info span {
	font-style: italic;
	color: #c0c0c0;
	margin-left: 5px;
}

/* 12. Product */
.product-active {
	margin-bottom: 20px;
}
.product-wrap {
	margin-right: 15px;
}
.single-product-nav {
	text-align: center;
	margin: 0 10px;
}
.single-product-nav img {
	display: inline-block;
	width: 100%;
	cursor: pointer;
}
.single-product img {
	width: 100%;
	padding: 0 10px;
}
.slick-slide:focus {
	outline: none;
}
.product-details-content > h3 {
	font-size: 30px;
	text-transform: uppercase;
	color: #3d2860;
	line-height: 1;
	margin-bottom: 10px;
}
.product-details-content > h6 {
	font-size: 22px;
	font-weight: 600;
	color: #ffad17;
	margin-bottom: 30px;
}
.product-rating ul li {
	display: inline-block;
	font-size: 12px;
	color: #ffad17;
	margin-left: -3px;
}
.product-rating ul li:first-child {
	margin-left: 0px;
}
.product-rating ul {
	display: inline-block;
	margin-right: 30px;
}
.product-rating span {
	color: #75668f;
	display: inline-block;
}
.product-details-content > p {
	color: #747373;
	margin-bottom: 45px;
}
.cart-plus {
	width: 134px;
	position: relative;
	margin-right: 30px;
}
.cart-plus-minus {
	position: relative;
}
.cart-plus-minus::before {
	content: "";
	position: absolute;
	left: 40px;
	height: 100%;
	width: 2px;
	background:#ffad17;
	top: 0;
}
.cart-plus-minus input {
	width: 100%;
	border: 2px solid #ffad17;
	padding: 11px 40px;
	text-align: center;
	color: #ffad17;
	font-size: 16px;
}
.qtybutton {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 6px;
	font-size: 20px;
	color: #ffad17;
	cursor: pointer;
	user-select: none;
	font-weight: normal;
	width: 35px;
	text-align: center;
	height: 40px;
	line-height: 40px;
}
.dec.qtybutton {
	font-size: 23px;
}
.inc.qtybutton {
	right: 3px;
	left: auto;
}
.cart-plus-minus::after {
	content: "";
	position: absolute;
	right: 40px;
	height: 100%;
	width: 2px;
	background: #ffad17;
	top: 0;
}
.btn.add-card-btn {
	border-radius: 0;
}
.perched-info {
	display: flex;
	align-items: center;
	padding-bottom: 40px;
	border-bottom: 1px dashed #d7d7d7;
	margin-bottom: 25px;
}
.product-info h5 {
	font-size: 15px;
	text-transform: uppercase;
	color: #403157;
	margin-bottom: 20px;
}
.product-info ul li {
	display: block;
	margin-bottom: 10px;
	text-transform: uppercase;
	color: #747373;
}
.product-info ul li:last-child {
	margin-bottom: 0;
}
.product-info ul li span {
	color: #ffad17;
	margin-right: 5px;
}
.product-desc-wrap .nav-tabs {
	border-bottom: none;
}
.product-desc-wrap .nav-tabs .nav-item {
	margin-bottom: 0;
	margin-right: 50px;
	display: block;
}
.product-desc-wrap .nav-tabs .nav-link {
	border: none;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	padding: 0;
	font-size: 15px;
	font-weight: 700;
	color: #545353;
}
.product-desc-wrap .nav-tabs .nav-item.show .nav-link,
.product-desc-wrap .nav-tabs .nav-link.active {
	color: #ffad17;
	background-color: unset;
	border-color: unset;
}
.product-desc-wrap .nav-tabs .nav-item:last-child {
	margin-right: 0;
}
.product-details-content {
	margin-top: 40px;
}
.desc-content {
	margin-bottom: 0;
	color: #747373;
}
.product-review-wrap h5 {
	font-size: 13px;
	color: #545353;
	margin-bottom: 23px;
}
.single-review {
	display: flex;
	align-items: center;
}
.review-avatar {
	margin-right: 25px;
}
.review-content {
	overflow: hidden;
}
.review-rating ul li {
	display: inline-block;
	color: #ffad17;
	font-size: 13px;
}
.review-rating {
	margin-bottom: 5px;
}
.review-meta h6 {
	color: #393939;
	font-size: 15px;
	font-weight: 600;
	margin-bottom: 10px;
}
.review-meta h6 span {
	color: #ffad17;
}
.review-content p {
	margin-bottom: 0;
	color: #75668f;
}
.review-avatar img {
	border: 4px solid #ebebeb;
}

/* 13. Blog */
.single-blog-post {
	box-shadow: 0px 0px 10px 0px rgba(89, 75, 128, 0.09);
}
.b-post-thumb img {
	width: 100%;
}
.blog-content {
	padding: 40px 30px 35px;
	border: 1px solid #f3f3f3;
	border-top: none;
	background: #fafdfe;
}
.blog-content span {
	font-size: 12px;
	font-weight: 500;
	color: #1D2A39;
	display: block;
	text-transform: uppercase;
	margin-bottom: 10px;
}
.blog-content h3 {
	font-size: 24px;
	margin-bottom: 15px;
	color: #564c73;
}
.blog-content p {
	margin-bottom: 30px;
	font-size: 16px;
	color: #786d99;
	font-weight: 400;
}
.blog-content > a {
	font-size: 14px;
	font-weight: 500;
	color: #1D2A39;
}
.blog-content a i {
	display: inline-block;
	box-shadow: none;
	height: 40px;
	width: 40px;
	line-height: 40px;
	text-align: center;
	color: rgb(255, 125, 37);
	background: rgb(255, 125, 37);
	border-radius: 3px;
	box-shadow: 0px 4px 12.09px 0.91px rgba(204, 58, 0, 0.23);
	margin-left: 8px;
	color: #fff;
	transition: .3s;
}
.single-blog-post:hover .blog-content h3 a {
	color: #FEC806;
}


.blog-list-thumb img {
	width: 100%;
}
.blog-list-tag ul li {
	display: inline-block;
	margin-right: 3px;
}
.blog-list-tag ul li,
.blog-list-tag ul li a {
	font-size: 14px;
	color: #FEC806;
}
.blog-list-tag ul li a:hover {
	color: #1D2A39;
}
.blog-list-content h2 {
	color: #1D2A39;
	font-size: 30px;
	margin-bottom: 25px;
}
.blog-list-content h2 a:hover {
	color: #1D2A39;
}
.blog-list-content p {
	font-size: 15px;
	line-height: 2;
	font-weight: 400;
	margin-bottom: 45px;
}
.blog-list-meta > ul {
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-top: 1px solid #eeeeee;
	border-bottom: 1px solid #eeeeee;
	padding: 19px 0;
}
.blog-list-meta ul li.blog-post-date {
	font-size: 14px;
	color: #9a9999;
	font-weight: 400;
	text-transform: uppercase;
}
.blog-list-meta > ul > li.blog-post-date > i {
	margin-right: 5px;
}
.blog-list-meta ul li.blog-more-read a {
	font-size: 13px;
	text-transform: uppercase;
	letter-spacing: 2px;
	color: #3c3444;
}
.blog-list-meta ul li.blog-more-read a:hover {
	color: #FEC806;
}
.blog-list-meta ul li.blog-post-share a,
.post-avatar-social a {
	display: inline-block;
	height: 30px;
	width: 30px;
	line-height: 30px;
	background: #385594;
	text-align: center;
	font-size: 12px;
	border-radius: 50%;
	color: #fff;
	margin-left: 5px;
}
.blog-list-meta ul li.blog-post-share a:nth-child(2),
.post-avatar-social a:nth-child(2) {
	background: #4eabee;
}
.blog-list-meta ul li.blog-post-share a:last-child,
.post-avatar-social a:last-child {
	background: #FEC806;
}
.widget {
	background: #f4f4f4;
	padding: 25px;
}
.sidebar-title h3 {
	font-size: 18px;
	color: #4f405e;
	margin-bottom: 0;
	padding-left: 20px;
	position: relative;
	line-height: 1;
}
.sidebar-title h3::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	height: 20px;
	width: 2px;
	background: #ffad17;
}
.sidebar-title h3::after {
	content: "";
	position: absolute;
	left: 5px;
	top: -3px;
	height: 20px;
	width: 2px;
	background: #ffad17;
}
.blog-sidebar {
	padding-left: 17px;
}
.sidebar-form form {
	position: relative;
	margin-bottom: 25px;
}
.sidebar-form form input {
	width: 100%;
	border: none;
	padding: 17px 20px;
}
.sidebar-form form button {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 20px;
	border: none;
	padding: 0;
	background: none;
	color: #ffad17;
	cursor: pointer;
	line-height: 1;
}
.single-sidebar.white-bg {
	padding: 30px 25px;
}
.cat-list ul li {
	display: block;
	padding-bottom: 10px;
	margin-bottom: 15px;
	border-bottom: 1px dashed #d6d6d6;
}
.cat-list ul li:last-child {
	margin-bottom: 0px;
}
.cat-list ul li a {
	color: #969696;
	display: block;
}
.cat-list ul li a span {
	float: right;
}
.cat-list ul li a:hover {
	color: #ffad17;
}
.rc-post ul li {
	display: flex;
	align-items: center;
	margin-bottom: 20px;
}
.rc-post ul li:last-child {
	margin-bottom: 0;
}
.rc-post-thumb {
	margin-right: 15px;
}
.rc-post-content h5 {
	font-size: 16px;
	font-weight: 600;
	line-height: 24px;
	margin-bottom: 5px;
	color: #4f405e;
}
.rc-post-content h5 a:hover {
	color: #ffad17;
}
.rc-post-content span {
	font-size: 12px;
	display: block;
	color: #969696;
}
.tag-list ul li {
	display: inline-block;
	margin: 0 7px 6px;
}
.tag-list ul li a {
	display: block;
	background: #e7e7e7;
	font-size: 13px;
	color: #807c83;
	padding: 8px 13px;
	position: relative;
}
.tag-list ul li a::before {
	content: "";
	position: absolute;
	left: -10px;
	top: 0;
	width: 0;
	height: 100%;
	border-style: solid;
	border-width: 0 0 35px 10px;
	border-color: transparent transparent #e7e7e7 transparent;
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-ms-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
}
.tag-list ul li a::after {
	content: "";
	position: absolute;
	right: -10px;
	top: 0;
	width: 0;
	height: 100%;
	border-style: solid;
	border-width: 0 0 35px 10px;
	border-color: transparent transparent transparent #e7e7e7;
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-ms-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
}
.tag-list ul li a:hover {
	color: #fff;
	background: #e32222;
}
.tag-list ul li a:hover::after {
	border-color: transparent transparent transparent #e32222;
}
.tag-list ul li a:hover::before {
	border-color: transparent transparent #e32222 transparent;
}
.blog-details-img {
	display: flex;
	align-items: center;
	margin: 45px 0 40px;
}
.blog-details-img img:first-child {
	margin-right: 20px;
}
.blog-details-content p {
	margin-bottom: 10px;
}
blockquote {
	margin: 27px 0 30px;
	font-size: 16px;
	line-height: 28px;
	font-weight: 500;
	font-style: italic;
	color: #362f3c;
	padding-left: 90px;
	position: relative;
	padding-right: 30px;
}
blockquote::before {
	content: "";
	position: absolute;
	left: 40px;
	top: 8px;
	background-image: url(../img/icon/quote.png);
	width: 31px;
	height: 25px;
	background-repeat: no-repeat;
}
.blog-details-date li {
	display: inline-block;
	margin-right: 15px;
	color: #9a9999;
	font-size: 13px;
}
.blog-details-date li:last-child {
	margin-right: 0;
}
.blog-details-date li a {
	color: #716f6f;
}
.blog-details-date li i {
	margin-right: 5px;
}
.blog-list-meta .blog-details-tag i {
	font-size: 12px;
	color: #a6a5a5;
	margin-right: 15px;
}
.blog-details-tag a {
	font-size: 13px;
	text-transform: capitalize;
	color: #a6a5a5;
	position: relative;
	display: inline-block;
	padding-right: 10px;
	margin-right: 10px;
}
.blog-details-tag a:hover {
	color: #e32222;
}
.blog-details-tag a:last-child {
	margin-right: 0;
	padding-right: 0;
}
.blog-details-tag a::before {
	content: "";
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 1px;
	height: 13px;
	background: #a6a5a5;
}
.blog-details-tag a:last-child::before {
	display: none;
}
.blog-details-content .blog-list-meta {
	margin-top: 75px;
}
.avatar-post {
	background: #f8f8f8;
	padding: 40px 50px;
}
.avatar-post ul li {
	display: flex;
	align-items: center;
}
.post-avatar-img {
	margin-right: 25px;
}
.post-avatar-img img {
	border-radius: 50%;
	box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.16);
}
.post-avatar-content h5 {
	font-size: 18px;
	color: #4f405e;
	margin-bottom: 10px;
}
.post-avatar-content p {
	font-size: 15px;
	line-height: 26px;
	margin-bottom: 0;
	color: #554e5c;
	font-weight: 400;
}
.post-avatar-social a:first-child {
	margin-left: 0;
}
.blog-next-prev ul {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.blog-next-prev ul li a {
	display: block;
	font-size: 16px;
	color: #4f405e;
}
.blog-next-prev ul li a:hover {
	color: #e32222;
}
.blog-prev img {
	margin-right: 15px;
}
.blog-next img {
	margin-left: 15px;
}
.b-details-inner-title {
	font-size: 20px;
	margin-bottom: 35px;
	color: #4f405e;
}
.blog-comment ul li {
	display: block;
	padding-bottom: 30px;
	border-bottom: 1px dashed #d2d2d2;
	overflow: hidden;
	margin-bottom: 30px;
}
.blog-comment ul li .single-comment {
	display: flex;
	align-items: center;
}
.comment-avatar-img {
	margin-right: 25px;
}
.comment-avatar-img img {
	border-radius: 50%;
	box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.16);
}
.comment-avatar-info {
	overflow: hidden;
	margin-bottom: 15px;
}
.comment-avatar-info h5 {
	font-size: 18px;
	margin-bottom: 0;
	display: inline-block;
	color: #4f405e;
}
.comment-avatar-info h5 span {
	font-size: 13px;
	color: #a6a5a5;
	margin-left: 15px;
	font-weight: 500;
}
.comment-reply-link {
	float: right;
	color: #9d9c9e;
	font-size: 14px;
	font-weight: 500;
}
.comment-reply-link:hover {
	color: #e32222;
}
.blog-comment ul li.comment-reply {
	margin-left: 50px;
}
.comment-text p {
	font-size: 15px;
	font-weight: 400;
	margin-bottom: 0;
	line-height: 2;
}
.comment-form textarea {
	width: 100%;
	padding: 20px 20px;
	border: none;
	margin-bottom: 20px;
	background: #f8f8f8;
	height: 160px;
	transition: .3s;
}
.comment-form input {
	width: 100%;
	padding: 18px 20px;
	border: none;
	margin-bottom: 20px;
	background: #f8f8f8;
	transition: .3s;
}
.comment-form textarea::placeholder,
.comment-form input::placeholder {
	color: #afabb3;
}
.comment-form .btn {
	margin-top: 10px;
	border-radius: 0px;
	padding: 18px 40px;
}


/* 14. Pagination */
.pagination {
	display: block;
	display: block;
	display: block;
	padding-left: 0;
	list-style: none;
	border-radius: 0;
}
.pagination li {
	display: inline-block;
	margin: 0 4px;
}
.pagination li a {
	position: relative;
	display: block;
	padding: 0;
	margin-left: 0;
	line-height: 48px;
	color: #56487f;
	font-weight: 600;
	height: 50px;
	width: 50px;
	border-radius: 50%;
	text-align: center;
}
.pagination li:first-child a,
.pagination li:last-child a {
	border: 2px solid #dcdcdc;
}
.pagination li.active a {
	border-color: #ffad17;
	background: #ffad17;
	color: #fff;
}
.pagination li a:hover {
	border-color: #ffad17;
	background: #ffad17;
	color: #fff;
}

/* 15. Brand */
.signle-brand {
	text-align: center;
}
.signle-brand img {
	display: inline-block;
}

/* 16. Newsletter */
.newsletter-wrap {
	box-shadow: 0px 2px 12.09px 0.91px rgba(68, 68, 68, 0.24);
	background: #fff;
	background-image: url(../img/bg/newsletter_bg.jpg);
	border: 8px solid #ffcc05;
	padding: 40px 50px;
	background-position: center;
	background-size: cover;
	margin-bottom: -90px;
}
.newsletter-form form {
	display: flex;
	align-items: center;
	justify-content: flex-end;
}
.newsletter-content h4 {
	font-size: 30px;
	font-weight: 900;
	color: #ffad17;
	margin-bottom: 10px;
}
.newsletter-content span {
	font-size: 16px;
	color: #5b5b5b;
	font-weight: 500;
	font-style: italic;
	display: block;
}
.newsletter-form form input {
	padding: 19px 25px;
	border: none;
	background: #edecec;
	font-size: 14px;
	width: 465px;
}
.newsletter-form form input::placeholder {
	font-size: 14px;
}
.newsletter-form form button {
	font-size: 17px;
	font-style: italic;
	font-weight: 700;
	text-transform: capitalize;
	padding: 21px 30px;
	border-radius: 0;
}

/* 17. Footer */
.footer-wrap {
	background-position: center;
	background-size: cover;
	background-image: url("../img/bg/footer_bg.jpg");
}
.footer-text p {
	color: #969696;
	margin-bottom: 25px;
	font-size: 16px;
	font-weight: 400;
}
.footer-social ul li {
	display: inline-block;
	margin-right: 5px;
}
.footer-social ul li a {
	display: block;
	height: 40px;
	width: 40px;
	text-align: center;
	line-height: 40px;
	color: #949697;
	background: #252526;
	border-radius: 50%;
	font-size: 14px;
}
.footer-social ul li a:hover {
	color:  rgb(255, 125, 37);
}
.fw-title h5 {
	font-size: 18px;
	color: #ffffff;
	margin-bottom: 0;
	opacity: .75;
	text-transform: uppercase;
	font-weight: 600;
}
.f-rc-post ul li {
	display: flex;
	align-items: center;
	overflow: hidden;
	padding-bottom: 20px;
	border-bottom: 1px dashed #464547;
	margin-bottom: 20px;
}
.f-rc-post ul li:last-child {
	padding-bottom: 0px;
	border-bottom: none;
	margin-bottom: 0px;
}
.f-rc-thumb {
	margin-right: 20px;
}
.f-rc-content span {
	font-size: 14px;
	color: #838383;
	display: block;
	margin-bottom: 3px;
	font-weight: 400;
}
.f-rc-content h5 {
	font-size: 14px;
	font-weight: 500;
	color: #aeaeae;
	margin-bottom: 0;
	padding-right: 50px;
	line-height: 1.4;
}
.f-rc-content h5 a:hover {
	color: rgb(255, 125, 37);
}
.f-rc-thumb img {
	border-radius: 3px;
}
.fw-link ul li {
	margin-bottom: 20px;
	line-height: 1;
}
.fw-link ul li a {
	color: #969696;
	font-size: 16px;
	font-weight: 400;
}
.fw-link ul li a i {
	margin-right: 5px;
}
.fw-link ul li a:hover {
	color: rgb(255, 125, 37);
}
.footer-form form input {
	border: none;
	padding: 12px 16px;
	width: 100%;
	border-radius: 3px;
	margin-bottom: 10px;
	font-size: 12px;
}
.footer-form form textarea {
	border: none;
	padding: 12px 16px;
	width: 100%;
	border-radius: 3px;
	margin-bottom: 10px;
	font-size: 12px;
	height: 98px;
}
.footer-form form button {
	padding: 14px 40px;
	border-radius: 3px;
}
.footer-form form textarea::placeholder,
.footer-form form input::placeholder {
	font-size: 12px;
	color: #8b8b8b;
}
.copyright-wrap {
	background: #0c0b0d;
	padding: 35px 0;
}
.copyright-text p {
	color: #777676;
	margin-bottom: 0;
	font-size: 16px;
	font-weight: 400;
}
.copyright-text p span {
	color: rgb(255, 125, 37);
	/* font-style: italic; */
}

/* 18. Preloader */
#preloader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.8); /* Light background */
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
}

#loading-center {
    position: relative;
}

#loading-center-absolute {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

/* Style for loader */
.loader {
    border: 16px solid #f3f3f3; /* Light grey background */
    border-top: 16px solid #1D2A39; /* Blue border */
    border-radius: 50%;
    width: 80px;
    height: 80px;
    animation: spin 2s linear infinite; /* Infinite spin animation */
}

/* Animation for rotating the loader */
@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}


@-webkit-keyframes object_one {
75% { -webkit-transform: scale(0); }
}
@keyframes object_one {

  75% {
    transform: scale(0);
    -webkit-transform: scale(0);
  }

}
@-webkit-keyframes object_two {


  75% { -webkit-transform: scale(0); }


}
@keyframes object_two {
  75% {
    transform: scale(0);
    -webkit-transform:  scale(0);
  }

}
@-webkit-keyframes object_three {

  75% { -webkit-transform: scale(0); }

}
@keyframes object_three {

  75% {
    transform: scale(0);
    -webkit-transform: scale(0);
  }

}


/* whatsapp and call section */

.floating-buttons {
	position: fixed;
	bottom: 20px;
	right: 20px;
	display: flex;
	flex-direction: column;
	gap: 10px;
	z-index: 1000; /* Keeps buttons on top of other elements */
}

.whatsapp-button, .call-button {
	background-color: #25D366;
	color: white;
	padding: 7px 14px;
	border-radius: 50px;
	font-size: 10px;
	box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
	text-decoration: none;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: background-color 0.3s;
}

.whatsapp-button i, .call-button i {
	font-size: 25px;
	/* margin-right: 10px; */
}

.whatsapp-button:hover {
	background-color: #128C7E;
}

.call-button {
	background-color: #34b7f1; /* Color for the call button */
}

.call-button:hover {
	background-color: #128C7E; /* Color change on hover */
}

/* New media query to hide text on mobile */
@media (max-width: 768px) {
	.whatsapp-button span, .call-button span {
		display: none; /* Hide text */
		justify-content: center;
		align-items: center;
		
	}
	
	.whatsapp-button, .call-button {
		background-color: #25D366;
		color: white;
		/* padding: 15px 25px; */
		border-radius: 50px;
		/* font-size: 20px; */
		box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
		text-decoration: none;
		display: flex;
		align-items: center;
		justify-content: center;
		transition: background-color 0.3s;
	}
	
.call-button {
	background-color: #34b7f1; /* Color for the call button */
}
}

/* cab boking css  */
#cab{
	font-family: cursive;
}
.map-container {
    perspective: 1000px; /* Add depth perspective */
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 20px;
}

.map-iframe {
    width: 90%; /* Make it responsive */
    height: 400px; /* Set a specific height */
    border: none;
    border-radius: 15px; /* Rounded corners */
    /* box-shadow: 0 10px 20px rgba(0, 0, 0, 0.25), 
                0 6px 6px rgba(0, 0, 0, 0.22);
    transform: rotateX(10deg); */
    transition: transform 0.5s ease, box-shadow 0.5s ease; /* Smooth transitions */
}

.map-iframe:hover {
    transform: rotateX(0deg) scale(1.05); /* Hover effect: straightens and zooms in */
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.35), 
                0 10px 10px rgba(0, 0, 0, 0.30); /* Enhance shadow on hover */
}