:root {
	--primary-color			: #cea943;
	--dark-primary-color	: #463f3f;
	--secondary-color		: #F5F5F5;
	--text-color			: #777777;
	--divider-color			: #DDDDDD;
	--dark-text-color		: #463f3f;
	--dark-divider-color	: rgba(255, 255, 255, 0.10);
	--error-color			: rgb(230, 87, 87);
	--accent-font			: 'Hanken Grotesk', sans-serif;
	--default-font			: 'DM Sans', sans-serif;
	--transition			: all 0.3s ease-in-out;
	--image-filter			: grayscale(100%);
	--image-filter-hover	: grayscale(0);
	--ticker-gap			: 40px;
	--photo-gap				: 15px;
}
  

/************************************/
/**** 	   02. General css		 ****/
/************************************/

body{
	font-size: 16px;
	font-weight: 400;
	font-family: var(--default-font);
	color: var(--text-color);
	line-height: 1.6em;
}

p{
	line-height: 1.5em;
	margin-bottom: 1.5em;
}

h1,
h2,
h3,
h4,
h5,
h6{
	font-family: var(--accent-font);
	margin-top:0;
	font-weight: 700;
}

figure{
	display: inline-block;
	margin: 0;
	width: 100%;
}

img{
	max-width: 100%;
}

a{
	text-decoration: none;
}

a:hover{
	text-decoration: none;
	outline: 0;
}

a:focus{
	text-decoration: none;
	outline: 0;
}

.container{
	max-width: 1300px;
}

.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
    padding-right: 15px;
    padding-left: 15px;
}

.hover-anime{
	position: relative;
	overflow: hidden;
}

.hover-anime:after{
    position: absolute;
    top: 0;
    left: -75%;
    z-index: 2;
    display: block;
    content: '';
    width: 20%;
    height: 100%;
    background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.1) 100%);
    transform: skewX(-25deg);
}

.hover-anime:hover:after {
    animation: shine .75s;
}

@keyframes shine{
	100% {
		left: 125%;
	}
}

.reveal{
	position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    visibility: hidden;
    overflow: hidden;
}

.reveal img {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transform-origin: left;
    transform-origin: left;
}

.row {
    margin-right: 0px;
    margin-left: 0px;
}

.row > * {
	padding-right: 15px;
	padding-left: 15px;
}

.btn-default{
	display: inline-block;
	background: transparent;
	font-family: var(--accent-font);
	color: var(--primary-color);
	font-size: 16px;
	font-weight: 600;
	padding: 10px 30px;
	border: 2px solid var(--primary-color);
	border-radius: 30px;
	position: relative;
	overflow: hidden;
	z-index: 1;
	transition: var(--transition);
}

.btn-default:before{
	content: '';
	display: block;
	width: 0;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	z-index: -1;
	background: var(--primary-color);
	border-radius: 30px;
	transition: var(--transition);
}

.btn-default.dark-bg:before{
	background: var(--dark-primary-color);
}

.btn-default:hover{
	color:#222;
}

.btn-default:hover:before{
	width: 100%;
}

.btn-default i{
	margin-left: 10px;
}

#magic-cursor {
	position: absolute;
	width: 24px !important;
	height: 24px !important;
	pointer-events: none;
	z-index:1000000;
}

#ball{
	position: fixed;
	display: block;
	left: 0;
	top: 0;
	transform: translate(-50%, -50%);
	width: 24px !important;
	height: 24px !important;
	border: 2px solid #222222;
	border-radius: 50%;
	pointer-events: none;
	opacity:1 !important;
	filter: invert(100);
}

.preloader{
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1000;
	background-color: var(--primary-color);
	display: flex;
	align-items: center;
	justify-content: center;
}

.loading-container,
.loading{
	height: 100px;
	position: relative;
	width: 100px;
	border-radius: 100%;
}

.loading-container{
	margin: 40px auto
}

.loading{
	border: 1px solid transparent;
	border-color: transparent #fff transparent #FFF;
	animation: rotate-loading 1.5s linear 0s infinite normal;
	transform-origin: 50% 50%;
}

.loading-container:hover .loading{
	border-color: transparent #E45635 transparent #E45635;
}

.loading-container:hover .loading,
.loading-container .loading{
	transition: all 0.5s ease-in-out;
}

#loading-icon{
	position: absolute;
	top: 50%;
	left: 50%;
	max-width: 50px;
	transform: translate(-50%, -50%);
}

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

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

.section-title{
	text-align: center;
	margin-bottom:50px;
}

.section-title h3{
	display: inline-block;
	text-align: center;
	font-size: 34px;
	text-transform: capitalize;
	font-weight: 600;
	letter-spacing: 2.1px;
	color:#777;
	position: relative;
	z-index: 2;font-family: 'MonteCarlo';
}

.section-title h3:before{
	content: '';
	display: block;
	width: 26px;
	height: 26px;
	background-color: #dadada;
	border-radius: 20px 20px 4px 20px;
	position: absolute;
	left: -4px;
	top: -5px;
	z-index: -1;
	animation: shapemove 2s infinite linear alternate;
}

@keyframes shapemove{
	50%{
		transform: translateX(10px);
	}
}

.section-title h1,
.section-title h2{
	font-size: 50px;
	color: var(--primary-color);
	letter-spacing: -0.5px;
	line-height: 1.2em;
	margin-bottom: 0;
}

/************************************/
/**** 	   03. Header css		 ****/
/************************************/

header.main-header{
	position:fixed;z-index:999;width:100%;
}

header.main-header .header-sticky{
	border-bottom: 1px solid var(--dark-divider-color);
	position: relative;
	top: 0;
	z-index: 100;
}

header.main-header .header-sticky.hide{
	transform: translateY(-100%);
	transition: var(--transition);
}

header.main-header .header-sticky.active{
	transform: translateY(0);box-shadow:0 4px 6px -1px rgba(0, 0, 0, 0.1),
    0 2px 4px -1px rgba(0, 0, 0, 0.06);
}
svg{transition: all 0.3s ease;}
.sp-active svg{width:160px;}
.navbar-brand{
	padding: 0;
}

.main-menu{
	font-family: var(--accent-font);
	justify-content: flex-end;
}

.main-menu ul{display:flex;
	align-items: center;margin:0px;list-style-type:none;
}

.main-menu li{
	margin: 0 15px;
}

.main-menu ul li.submenu > a:after{
	content: '\f107';
	font-family: 'FontAwesome';
	font-weight: 900;
	font-size: 14px;
	margin-left: 8px;
}

.main-menu ul li a{
	font-size: 16px;
	font-weight: 500;
	padding: 0px 10px !important;
	color: #ffffff;transition:all 0.3s ease;line-height:96px;
    display:flex;align-items:center;
}
.main-menu .highlighted-menu a{display:inline-flex !important;line-height: normal !important;padding:12px 10px !important}
.main-menu li.highlighted-menu a,.col-submit input{
	background-color: transparent;
	border: 2px solid #cea943;
	padding-left: 30px !important;
	padding-right: 30px !important;
	border-radius: 30px;
	font-size: 16px;
	font-weight: 600;
	overflow: hidden;
	position: relative;
	font-family: var(--accent-font);
	transition: var(--transition);
    color:#cea943;
}

.main-menu li.highlighted-menu a:before{
	content: '';
	display: block;
	width: 0;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	z-index: -1;
	background: #cea943;
	border-radius: 30px;
	transition: var(--transition);
}

.main-menu li.highlighted-menu a:hover{
	color: #fff;
}

.main-menu li.highlighted-menu a:hover:before{
	width: 100%;
}

.main-menu li a:hover,
.main-menu li a:focus{
	color:#cea943;
}


.main-menu ul ul ul{
	left: 100%;
	top: 0;
}

.main-menu ul ul li{
	margin: 0;
	padding: 0;
}

.main-menu ul ul li a{
	color: var(--primary-color);
}

.main-menu ul li:hover > ul{
	display: block;
}

.responsive-menu,
.navbar-toggle{
	display: none;
}

.responsive-menu{
	top: 15px;
	position: relative;
}

.slicknav_btn{
	background: none;
	border: 2px solid var(--primary-color);
	padding: 6px 0 0;
	width: 42px;
	height: 42px;
	margin: 0;
	border-radius: 30px;
}

.slicknav_icon .slicknav_icon-bar{
	display: block;
	width: 100%;
	height: 2px;
	width: 22px;
	background-color: var(--primary-color);
	margin: 5px auto !important;
}

.slicknav_menu{
	padding: 0;
	background: var(--dark-primary-color);
}

.slicknav_nav{
	padding-top: 5px;
	padding-bottom: 5px;
}

.slicknav_nav li a{
	font-size: 16px;
	font-weight: 600;
	font-family: var(--accent-font);
	color: var(--primary-color);
}

.slicknav_nav a:hover,
.slicknav_nav .slicknav_row:hover{
	background-color: transparent;
	color: var(--primary-color);
}

.slicknav_arrow{
	font-size: 0 !important;
}

.slicknav_arrow:after{
	content: '\f105';
	font-family: 'FontAwesome';
	font-weight: 900;
	font-size: 14px;
	margin-left: 8px;
}

/************************************/
/**** 	    04. Hero css		 ****/
/************************************/

.hero{
	position: relative;
	padding: 100px 0 120px;
	background: var(--primary-color);
}

.scroll-down{
	position: absolute;
	bottom: 30px;
	left: 50%;
	display: block;
	width: 20px;
	height: 34px;
	border-radius: 10px;
	border: 1px solid var(--dark-text-color);
	transform: translate(-50%,0);
}

.scroll-down span{
	display: block;
	position: absolute;
	width: 4px;
	height: 4px;
	border-radius: 50%;
	background: white;
	top: 6px;
	left: calc(50% - 2px);
	animation: downarrow 2s infinite linear alternate;	
}

@keyframes downarrow{
	50%{
		transform: translateY(16px);
	}
}

.hero-content .section-title{
	text-align: left;
	margin-bottom: 30px;
}

.hero-content .section-title h3{
	color: var(--dark-primary-color);
}

.hero-content .section-title h3:before{
	background-color:#edc455;
}

.hero-content .section-title h1{
	color: var(--dark-primary-color);
}

.hero-content-body p{
	color: var(--dark-text-color);
}

.hero-content-body ul{
	padding: 0;
	margin: 0;
	list-style: none;
}

.hero-content-body ul li{
	font-size: 22px;
	font-weight: 600;
	border-bottom: 1px solid var(--dark-divider-color);
	padding: 12px 0;
	color: var(--dark-text-color);
}

.hero-content-body ul li:first-child{
	padding-top: 0;
}

.hero-content-body ul li:last-child{
	border-bottom: 0;
}

.hero-content-body .btn-default{
	margin-top: 10px;
}

.hero-content-footer{
	margin-top: 30px;
}

.hero-content-footer .btn-default{
	border-color:#f3f3f3;
	color:#f3f3f3;
	margin-right: 20px;
}

.hero-content-footer .btn-default:hover{
	color: var(--primary-color);
}

.hero-image{
	text-align: right;
}

.hero-image figure{
	border-radius: 400px 400px 400px 50px;
	overflow: hidden;
	width: auto;
}

.hero-image img{
	aspect-ratio: 1/1;
	object-fit: cover;
	filter: var(--image-filter);
	transition: var(--transition);
}

.hero-image:hover img{
	filter: var(--image-filter-hover);
}

/*******************************************/
/**** 	    05. Feature Ticker css	 	****/
/*******************************************/

.features-ticker{
	background: var(--secondary-color);
	padding: 30px 0;
}

.features-ticker .container-fluid,
.features-ticker .container-fluid .row > *{
	padding-left: 0;
	padding-right: 0;
}

.features-ticker .container-fluid .row{
	margin-left: 0;
	margin-right: 0;
}

.feature-ticker-box{
	position: relative;
	display: flex;
	overflow: hidden;
	user-select: none;
	gap: var(--ticker-gap);
}

.feature-ticker-content{
	flex-shrink: 0;
	display: flex;
	gap: var(--ticker-gap);
	min-width: 100%;
	animation: scroll 34s linear infinite;
}

.feature-ticker-content ul{
	padding: 0;
	margin: 0;
	list-style: disc;
	display: flex;
	gap:0px;
}

.feature-ticker-content ul li{
	font-size:20px;
	font-weight:400;
	font-family: 'Hanken Grotesk';
	color: #222;
	display: flex;
	align-items: center;padding:0px 50px;
}
.feature-ticker-content ul li::before{content:'|';position:absolute;margin-left:-60px;}
.feature-ticker-content ul li img{
	margin-right: 10px;
}

@keyframes scroll {
	from {
	  transform: translateX(0);
	}
	to {
	  transform: translateX(calc(-100% - var(--ticker-gap)));
	}
}

/*******************************************/
/**** 	    06. About us  css		 	****/
/*******************************************/

.about-us-section{
	padding: 100px 0;
}

.about-us-section .section-title{
	text-align: left;
	margin-bottom: 30px;
}

.about-content ul{
	padding: 0;
	margin: 0;
	list-style: none;
}

.about-content ul li{
	font-weight: 700;
	border-bottom: 1px solid var(--divider-color);
	padding: 8px 0;
}

.about-content ul li:first-child{
	padding-top: 0;
}

.about-content ul li:last-child{
	border-bottom: none;
}

.about-content ul li span{
	color: var(--primary-color);
	font-weight: 700;
	display: inline-block;
	min-width: 30px;
}

.about-content .btn-default{
	margin-top: 10px;
}

.about-year-image{
	display: flex;
	flex-wrap: wrap;
	align-content: space-between;
	height: 100%;
}

.about-year{
	width: 100%;
	padding: 9px;
	background-color: var(--primary-color);
	text-align: center;
	border-radius: 50px 50px 0 50px;
	margin-bottom: 6px;
}

.about-year p{
	color: var(--dark-primary-color);
	margin-bottom: -10px;
	font-family: var(--accent-font);
	font-size: 26px;
	font-weight: 500;
}

.about-year h4{
	color: var(--dark-primary-color);
	margin-bottom: 0;
	font-family: var(--accent-font);
	font-size: 56px;
	font-weight: 700;
	letter-spacing: -0.5px;
}

.about-image{
	padding-right: 20px;
}

.about-image .row{
	margin-left: -8px;
	margin-right: -8px;
}

.about-image .row > *{
	padding-left: 8px;
	padding-right: 8px;
}

.about-img{
	width: 100%;
}

.about-img img{
	width: 100%;
}

.about-image:hover img{
	filter: var(--image-filter-hover);
}

.about-img.right-shape{
	border-radius: 50px 50px 0 50px;
	overflow: hidden;
	line-height: 0;
}

.about-img.left-shape{
	border-radius: 50px 50px 50px 0;
	overflow: hidden;
	line-height: 0;
}

/*******************************************/
/**** 	    07. Our Services css 	 	****/
/*******************************************/

.home-services{
	background: var(--secondary-color);
	padding: 100px 0;
}

.service-item-layout1{
	text-align: center;
	padding: 0 50px;
	position: relative;
}

.service-item-layout1:after{
	content: '';
	display: block;
	width: 1px;
	height: 70%;
	top: 15%;
	right: -15px;
	position: absolute;
	background-color: var(--divider-color);
}
.gap40 .col-md-4{position:relative;}
.service-item-layout1 .service-icon{
	width: 100%;
	display: flex;
	max-width: 100px;
	aspect-ratio: 1/1;
	height: auto;
	justify-content: center;
	align-items: center;
	background:#777777;
	border-radius: 50px 50px 50px 6px;
	margin: 0 auto 25px;
	transition: var(--transition);
}

.service-item-layout1 .service-icon img{
	max-width: 50%;
}
.service-item-layout1:hover .service-icon, .home-services .col-md-4:hover .service-item-layout1 .service-icon{background:var(--primary-color);}
.home-services .col-md-4:hover h3{color:var(--primary-color);}
.service-item-layout1 h3{
	font-size: 22px;
	font-weight: 500;
	color:#222;
	margin-bottom: 15px;transition: var(--transition);
}

.service-item-layout1 p{
	margin-bottom: 0;
}

.service-item-layout1:hover .service-icon{
	transform: scale(0.9);
}
.row.gap40 .col-md-4:nth-child(3) .service-item-layout1:after,.row.gap40 .col-md-4:nth-child(6) .service-item-layout1:after{background:transparent;}
/*******************************************/
/**** 	    08. Why Choose us css 	 	****/
/*******************************************/

.why-choose-us{
	padding: 100px 0;
}

.why-choose-us .section-title{
	text-align: left;
	margin-bottom: 50px;
}

.whyus-content{
	padding-right: 40px;
}

.whyus-feature-item{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	padding-bottom: 25px;
	border-bottom: 1px solid var(--divider-color);
	margin-bottom: 25px;
}

.whyus-feature-item:last-child{
	border-bottom: none;
	margin-bottom: 0;
	padding-bottom: 0;
}

.whyus-feature-item .whyus-icon{
	width: 100px;
	height: 100px;
	margin-right: 30px;
	background:#777;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50px 50px 10px 50px;
	transition: var(--transition);
}

.whyus-feature-item:hover .whyus-icon{
	transform: scale(0.9);background:var(--primary-color);
}

.whyus-feature-item .whyus-icon img{
	max-width: 50%;
}

.whyus-desc{
	width: calc(100% - 130px);
}

.whyus-desc h3{
	font-size: 22px;
	font-weight:500;
	color:#222;
	margin-bottom: 10px;
}

.whyus-desc p{
	margin-bottom: 0;
}

.why-choose-us-video{
	position: relative;
}

.why-choose-us-video .video-image img{
	width: 100%;
	aspect-ratio: 1/1;
	object-fit: cover;
	border-radius: 800px 800px 800px 50px;
	background:#222;
	transition: var(--transition);
}

.why-choose-us-video:hover img{
	filter: var(--image-filter-hover);
}

.video-play-button{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.video-play-button a{
	display: inline-block;
	position: relative;
	font-size: 80px;
	height: 80px;
    border-radius: 50%;
    text-align: center;
}

.video-play-button a img{
	width: 80px;
}

.video-play-button a:before{
	content: '';
	position: absolute;
	top: -30%;
	left: -30%;
	width: 160%;
	height: 160%;
	border: 2px solid var(--secondary-color);
	border-radius: 50%;
	transform: scale(0.6);
	z-index: -1;
	animation: border-zooming 1s infinite linear;
}

.video-play-button a:after{
	content: '';
	position: absolute;
	top: -30%;
	left: -30%;
	width: 160%;
	height: 160%;
	border: 2px solid var(--secondary-color);
	border-radius: 50%;
	transform: scale(0.6);
	z-index: -1;
	animation: border-zooming 1s infinite linear;
	animation-delay: .3s;
}

@keyframes border-zooming{
	100%{
		transform: scale(1);
		opacity: 0;
	}
}

/*******************************************/
/**** 	  09. Fun Facts Counter css 	****/
/*******************************************/

.fun-facts{
	background: var(--secondary-color);
	padding: 100px 0;
}

.fun-facts .section-title{
	text-align: left;
	margin-bottom: 0;
}

.facts-item{
	text-align: center;
}

.facts-item .icon-box{
	width: 100px;
	height: 100px;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color:#777;
	margin: 0 auto 15px;
	border-radius: 50px 50px 8px 50px;
	transition: var(--transition);
}

.facts-item:hover .icon-box{
	transform: scale(0.9);background:var(--primary-color);
}

.facts-item .icon-box img{
	width: 45%;
}

.facts-item h3{
	font-size: 40px;
	font-weight:600;
	color:#222;
	margin-bottom: 5px;
}

.facts-item p{
	margin-bottom: 0;
}

/*******************************************/
/**** 	  	10. Photo Gallery css   	****/
/*******************************************/

.photo-gallery{
	padding: 100px 0;
}

.photo-gallery .container-fluid,
.photo-gallery .container-fluid .row > *{
	padding-left: 0;
	padding-right: 0;
}

.photo-gallery .container-fluid .row{
	margin-left: 0;
	margin-right: 0;
}

.photo-gallery-ticker{
	position: relative;
	display: flex;
	overflow: hidden;
	user-select: none;
	gap: var(--photo-gap);	  
}

.photo-gallery-content{
	flex-shrink: 0;
	display: flex;
	flex-wrap: wrap;
	gap: var(--photo-gap);
	min-width: 100%;
	animation: photoscroll 24s linear infinite;
}

.photo-gallery-item{
	width: 100%;
	max-width: 320px;
}

.photo-gallery-item img{
	width: 100%;
	
	border-radius: 50px 50px 50px 10px;
	transition: var(--transition);
}

.photo-gallery-item img:hover{
	filter: var(--image-filter-hover);
}

@keyframes photoscroll {
	from {
	  transform: translateX(0);
	}
	to {
	  transform: translateX(calc(-100% - var(--photo-gap)));
	}
}

/***********************************/
/**** 	  	11. Pricing css	   	****/
/***********************************/

.pricing{
	background: var(--secondary-color);
	padding: 100px 0 70px;
}

.pricing-item{
	background: var(--dark-primary-color);
	padding: 40px;
	margin-bottom: 30px;
	display: flex;
	flex-wrap: wrap;
	border-radius: 50px 50px 10px 50px;
	overflow: hidden;
	position: relative;
}

.pricing-item:before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: 0%;
	border-radius: 80px;
	opacity: 0;
	background: var(--primary-color);
	transition: var(--transition);
}

.pricing-item .pricing-info{
	width: calc(100% - 100px);
	margin-right: 20px;
	position: relative;
	z-index: 1;
}

.pricing-item .pricing-info h3{
	font-size: 22px;
	font-weight: 700;
	margin-bottom: 10px;
	color: var(--primary-color);
}

.pricing-item .pricing-info p{
	margin-bottom: 0;
}

.pricing-item .pricing-price{
	width: 80px;
	height: 80px;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: var(--primary-color);
	border-radius: 50px 50px 50px 8px;
	position: relative;
	z-index: 1;
	transition: var(--transition);
}

.pricing-item .pricing-price p{
	display: block;
	margin: 0;
	font-size: 26px;
	font-family: var(--accent-font);
	color: var(--dark-primary-color);
	font-weight: 700;
	transition: var(--transition);
}

.pricing-item:hover:before{
	width: 100%;
	border-radius: 0;
	opacity: 1;
}

.pricing-item:hover .pricing-info h3{
	color: var(--dark-primary-color);
}

.pricing-item:hover .pricing-info p{
	color: var(--dark-text-color);
}

.pricing-item:hover .pricing-price{
	background: var(--dark-primary-color);
}

.pricing-item:hover .pricing-price p{
	color: var(--primary-color);
}

/*******************************************/
/**** 	  	12. Gift & Offers css   	****/
/*******************************************/

.gift-cards{
	padding: 100px 0;
}

.gift-box{
	background: var(--secondary-color);
	padding: 0px 0px 0px 50px;
	display: grid;
	border-radius: 50px;
	justify-content: space-between;
	overflow: hidden;
    grid-template-columns:55% 40%;height:100%;
}

.gift-box .gift-content{
	padding:40px 0px 80px;position:relative;
}

.gift-box .gift-content h3{
	font-size: 22px;
	color:#222;
	margin-bottom:5px;
}
.gift-box span{margin-bottom:10px;display:flex;color:#9f9f9f;font-size:15px;}
.gift-box .gift-image{
	width: 100%;
}

.gift-box .gift-image img{
	position: relative;
	width:100%;
	transition: var(--transition);height:100%;object-fit:cover;
}

.gift-box:hover img{
	filter: var(--image-filter-hover);
}

/*******************************************/
/**** 	  	13. Testimonial css		  	****/
/*******************************************/

.testimonials{
	padding: 100px 0;
	background: var(--secondary-color);
}
.testimonial-slide{
	background:#fff;
	padding: 40px;
	border-radius: 50px 50px 10px 50px;
}

.testimonial-header{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	margin-bottom: 30px;
	position: relative;
}

.testimonial-header:after{
	content: '';
	display: block;
	width: 40px;
	height: 40px;
	position: absolute;
	top: 0px;
	right: 0px;
	opacity:0.25;
	background: url(../images/google-logo.svg) no-repeat top right;
	background-size:contain;
	transition: var(--transition);filter: grayscale();
}

.testimonial-slide:hover .testimonial-header:after{
	opacity: 1;filter:none;
}

.testimonial-header .author-img{
	width: 100px;
	margin-right: 30px;
}
.testimonial-carousel .swiper-slide{height:auto;background:#fff;border-radius:50px 50px 10px 50px;}
.testimonial-header .author-img img{
	width: 100%;
	aspect-ratio: 1/1;
	object-fit: cover;
	border-radius: 50px 50px 8px 50px;
	filter: var(--image-filter);
	transition: var(--transition);
}

.testimonial-slide:hover .author-img img{
	filter: var(--image-filter-hover);
}

.testimonial-header .author-info{
	width: calc(100% - 130px);
}

.testimonial-header .author-info h3{
	font-size: 22px;
	color:#222;font-weight:500;
	margin-bottom: 5px;
}

.testimonial-content p:last-child{
	margin-bottom: 0;
}

.testimonial-carousel .swiper-pagination{
	position: relative;
	bottom: 0;
	margin-top:50px;
}

.testimonial-carousel .swiper-pagination .swiper-pagination-bullet{
	width: 15px;
	height: 15px;
	background: none;
	border: 2px solid var(--divider-color);
	opacity: 1;
	transition: var(--transition);
}

.testimonial-carousel .swiper-pagination .swiper-pagination-bullet-active{
	border-color: var(--primary-color);
}

/*******************************************/
/**** 	  	14. Latest Posts css	  	****/
/*******************************************/

.latest-posts{
	padding: 100px 0;
}
.latest-posts .row{margin:0px;gap:20px;}
.latest-posts .col-lg-4{
	background: var(--secondary-color);
	border-radius: 50px 50px 10px 50px;
	overflow: hidden;
	position: relative;padding:0px;width:100%;
}

.post-item a{
	color: inherit;
}

.post-item .post-featured-image img{
	filter: var(--image-filter);
	transition: var(--transition);
}

.post-item:hover .post-featured-image img{
	transform: scale(1.2);
}

.post-item:hover .post-featured-image .hover-anime:after{
    animation: shine .75s;
}

.post-header{
	padding: 10px 30px 30px 30px;
}

.post-header h3{
	font-size: 22px;font-weight:500;
	color:#222;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;
}

.post-header .post-meta ul{
	padding: 0;
	margin: 0;
}

.post-header .post-meta ul li{
	display: inline-block;
}

.post-readmore a{
	position: absolute;
	right: 10px;
	bottom: 10px;
	width: 44px;
	height: 44px;
	background: var(--primary-color);
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 30px 30px 4px 30px;
}
.post-item {
    background: var(--secondary-color);
    border-radius: 50px 50px 10px 50px;
    overflow: hidden;
    position: relative;
}
.post-readmore a img{
	transition: var(--transition);
}

.post-item:hover .post-featured-image img{
	filter: var(--image-filter-hover);
}

.post-item:hover .post-readmore img{
	transform: rotate(45deg);
}

/*******************************************/
/**** 	  		15. Footer css	  		****/
/*******************************************/

footer.footer{
	background-color:#222222;
}

.footer-contact-information{
	padding: 60px 0;
	border-bottom: 1px solid var(--dark-divider-color);
}

.contact-info-item{
	text-align: center;
}

.contact-info-item .icon-box{
	width: 80px;
	height: 80px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto 20px;
	background: var(--dark-primary-color);
	border-radius: 50px 50px 8px 50px;
}

.contact-info-item h3{
	color: var(--dark-primary-color);
	font-size: 22px;
	font-weight: 700;
	margin-bottom: 10px;
}

.contact-info-item p{
	color: var(--dark-text-color);
	margin-bottom: 0;
}

.footer-main{
	padding:15px 0;font-size:14px;
}

.footer-logo{
	margin-bottom: 30px;
}

.footer-social ul{
	padding: 0;
	margin: 0;
	list-style: none;
}

.footer-social ul li{
	display: inline-block;
	margin-right: 6px;
}

.footer-social ul li a{
	display: flex;
	align-items: center;
	justify-content: center;
	background: rgba(255,255,255,0.1);
	width: 40px;
	height: 40px;
	color:#bcbcb;
	font-size: 16px;
	border-radius: 20px 20px 6px 20px;
	transition: var(--transition);
}

.footer-social ul li a:hover{
	background: rgba(255,255,255,0.3);color:#fff;
}

.footer-menu{
	text-align: right;
	margin-bottom: 20px;
}

.footer-menu ul{
	list-style: none;
	padding: 0;
	margin: 0;
}

.footer-menu ul li{
	display: inline-block;
	margin-left: 30px;
}

.footer-menu ul li a{
	font-family: var(--accent-font);
	color: var(--dark-text-color);
	transition: var(--transition);
}

.footer-menu ul li a:hover{
	color: var(--dark-primary-color);
}

.copyright{
	text-align: right;
}

.copyright p{
	color:#8a8a8a;
	margin: 0;
}

/*******************************************/
/**** 	  	16. About us Page css	  	****/
/*******************************************/

.page-header{
	background:#222;
	padding: 140px 0 100px;
}

.page-header-box h1,
.page-header-box h2{
	color: var(--secondary-color);
	font-size: 60px;
	font-weight:500;
	letter-spacing: -0.6px;
	margin-bottom: 10px;
}

.page-header-box .breadcrumb{
	font-size: 16px;
	margin-bottom: 0;
}

.page-header-box .breadcrumb li{
	color: #d0d0d0;
	font-weight: 400;
}

.page-header-box  .breadcrumb-item+.breadcrumb-item::before{
	color:#fff;
}

.page-header-box .breadcrumb li a{
	color:#8a8a8a;
	font-weight: 400;transition: var(--transition);
}
.page-header-box .breadcrumb li a:hover{color:#d0d0d0;}
.page-header-icon-box{
	display: flex;
	justify-content: flex-end;
}

.page-header-icon{
	width: 100px;
	height: 100px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: var(--dark-divider-color);
	border-radius: 50px 50px 50px 10px;
}

.page-header-icon img{
	max-width: 50%;
}

.our-goal{
	padding: 100px 0;
	background: var(--secondary-color);
}

.goal-item{
	background:#fff;
	border-radius: 50px 50px 10px 50px;
	overflow: hidden;
}

.goal-item figure{
	overflow: hidden;
}

.goal-image img{
	width: 100%;
	filter: var(--image-filter);
	transition: var(--transition);
}

.goal-item:hover .goal-image img{
	transform: scale(1.1);
}

.goal-item:hover .hover-anime:after{
	animation: shine .75s;
}

.goal-item:hover .goal-image img{
	filter: var(--image-filter-hover);
}

.goal-content{
	text-align: center;
	padding: 0 40px 40px 40px;
	margin-top: -50px;
	z-index: 1;
	position: relative;
}
.goal-item:hover .goal-icon{background:var(--primary-color);}
.goal-icon{
	width: 100px;
	height: 100px;
	background:#222;
	border-radius: 50px 50px 10px 50px;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0 auto 20px;
	border: 4px solid #fff;transition: var(--transition);
}

.goal-icon img{
	max-width: 50%;
}

.goal-content h3{
	font-size: 22px;
	color: #222;
	margin-bottom: 15px;
}

.goal-content p{
	margin-bottom: 0;
}

.our-team{
	padding: 100px 0;
}

.team-item{
	background: var(--secondary-color);
	border-radius: 50px 50px 10px 50px;
	overflow: hidden;
}

.team-image img{
	width: 100%;
	filter: var(--image-filter);
	transition: var(--transition);
}

.team-item:hover img{
	transform: scale(1.1);
}

.team-item:hover .hover-anime:after{
	animation: shine .75s;
}

.team-item:hover .team-image img{
	filter: var(--image-filter-hover);
}

.team-item .team-info{
	text-align: center;
	padding: 30px;
}

.team-item .team-info h3{
	color: var(--primary-color);
	font-size: 22px;
	margin-bottom: 5px;
}

.team-item .team-info p{
	margin-bottom: 0;
}

.team-item .team-social-links{
	margin-top: 15px;
}

.team-item .team-social-links ul{
	padding: 0;
	margin: 0;
	list-style: none;
	display: flex;
	justify-content: center;
}

.team-item .team-social-links ul li{
	margin: 0 5px;
}

.team-item .team-social-links ul li a{
	display: flex;
    align-items: center;
    justify-content: center;
    background: var(--primary-color);
    width: 40px;
    height: 40px;
    color: var(--dark-primary-color);
    font-size: 16px;
    border-radius: 20px 20px 6px 20px;
    transition: var(--transition);
}

.team-item .team-social-links ul li a:hover{
	opacity: 0.8;
}

.we-use{
	padding: 100px 0;
}

.brand-logo{
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	background: var(--secondary-color);
	padding: 40px 20px;
	border-radius: 50px 50px 10px 50px;
	height: 100%;
}

/*******************************************/
/**** 	  	17. Services Page css  	    ****/
/*******************************************/

.services-lists{
	padding: 100px 0px;
}
.services-lists .row, .page-blog-archive .row{gap:40px;display:grid;grid-template-columns:repeat(3,1fr);}
.services-lists .col-md-6{width:100%;flex:0 0 100%;
	background: var(--secondary-color);
	margin-bottom:0px;
	border-radius: 50px 50px 10px 50px;padding:0px;
	overflow: hidden;position:relative;
}
.page-blog-archive .col-lg-4{width:100%;padding:0px;background:var(--secondary-color);border-radius: 50px 50px 10px 50px;}
.service-item-layout2:hover a{color:var(--primary-color) !important;}
.service-item-layout2 .service-image img{
	width: 100%;
	filter: var(--image-filter);
	transition: var(--transition);
}

.service-item-layout2:hover .service-image img{
	filter: var(--image-filter-hover);
}

.service-item-layout2:hover .hover-anime:after{
	animation: shine .75s;
}

.service-item-layout2:hover .service-image img{
	transform: scale(1.1);
}

.service-item-layout2 .service-content{
	padding: 40px;
	text-align: center;
}

.service-item-layout2 .service-content h3{
	font-size: 22px;
	color: #222;
	margin-bottom: 15px;font-weight:500;
}

.service-item-layout2 .service-content p{
	margin-bottom: 0;
}

.service-item-layout2 .service-content .service-readmore{
	display: inline-block;
	margin-top: 20px;
	font-family: var(--accent-font);
	font-weight: 600;
	color: #222;
	line-height: 1em;
	border-bottom: 1px solid #222;
	transition: var(--transition);
}

.service-item-layout2 .service-content .service-readmore:hover{
	border-color: transparent;
}

.offers-gift-cards{
	padding: 50px 0 100px;
}

/*******************************************/
/**** 	   18. Service Single css	  	****/
/*******************************************/

.page-service-single{
	padding: 100px 0;
}

.service-sidebar{
	padding-right: 40px;
	position: sticky;
	top: 100px;
}

.service-list-box{
	background: var(--secondary-color);
	padding: 40px;
	border-radius: 50px 50px 10px 50px;
	margin-bottom: 40px;
}

.service-list-box h3{
	font-size: 22px;
	margin-bottom: 20px;
	color: var(--primary-color);
}

.service-list-box .service-list-entry ul{
	padding: 0;
	margin: 0;
	list-style: none;
}

.service-list-box .service-list-entry ul li{
	border-bottom: 1px solid var(--divider-color);
}

.service-list-box .service-list-entry ul li:last-child{
	border-bottom: none;
}

.service-list-box .service-list-entry ul li:last-child a{
	padding-bottom: 0;
}

.service-list-box .service-list-entry ul li a{
	position: relative;
	display: block;
	font-family: var(--accent-font);
	font-weight: 700;
	color: var(--text-color);
	padding: 8px 0 8px 24px;
	transition: var(--transition);
}

.service-list-box .service-list-entry ul li a:before{
	content: '';
	display: block;
	width: 12px;
	height: 12px;
	border-radius: 10px 10px 2px 10px;
	background: var(--text-color);
	position: absolute;
	left: 0;
	top: 14px;
	transition: var(--transition);
}

.service-list-box .service-list-entry ul li a:hover{
	color: var(--primary-color);
}

.service-list-box .service-list-entry ul li a:hover:before{
	background-color: var(--primary-color);
}

.service-help{
	background-color: var(--secondary-color);
	text-align: center;
	padding: 40px;
	border-radius: 50px 50px 10px 50px;
}

.help-image{
	margin-bottom: 20px;
}

.help-image img{
	filter: var(--image-filter);
	width: 100%;
	max-width: 120px;
	aspect-ratio: 1/1;
	object-fit: cover;
	border-radius: 100px 100px 10px 100px;
	transition: var(--transition);
}

.service-help:hover .help-image img{
	filter: var(--image-filter-hover);
}

.help-content h3{
	font-size: 32px;
	color: var(--primary-color);
	font-weight: 700;
	letter-spacing: -0.6px;
	margin-bottom: 20px;
}

.help-content h5{
	font-size: 18px;
	font-weight: 700;
	margin-bottom: 6px;
	color: var(--primary-color);
}

.help-content p{
	color: var(--text-color);
	margin-bottom: 0;
	font-size: 16px;
	font-weight: 600;
}

.service-content .service-image{
	margin-bottom: 30px;
}

.service-content .service-image img{
	border-radius: 50px 50px 10px 50px;
	filter: var(--image-filter);
	transition: var(--transition);
}

.service-content .service-image:hover img{
	filter: var(--image-filter-hover);
}

.service-content .service-entry h1,
.service-content .service-entry h2,
.service-content .service-entry h3,
.service-content .service-entry h4,
.service-content .service-entry h5,
.service-content .service-entry h6{
	color: var(--primary-color);
	letter-spacing: -0.5px;
	margin: 0 0 0.5em;
}

.service-content .service-entry h1{
	font-size: 40px;
}

.service-content .service-entry h2{
	font-size: 36px;
}

.service-content .service-entry h3{
	font-size: 30px;
}

.service-content .service-entry h4{
	font-size: 26px;
}

.service-content .service-entry h5{
	font-size: 20px;
}

.service-content .service-entry h6{
	font-size: 16px;
}

.service-content .service-entry ul{
	padding: 0;
	margin: 0 0 1.7em;
	list-style: none;
}

.service-content .service-entry ul li{
	margin-bottom: 6px;
	position: relative;
	padding-left: 26px;
}

.service-content .service-entry ul li:before{
	content: '';
	display: block;
	position: absolute;
	left: 0;
	top: 6px;
	width: 12px;
	height: 12px;
	background-color: var(--primary-color);
	border-radius: 10px 10px 4px 10px;
}

.service-photo-gallery{
	margin-top: 50px;
}

.service-photo-gallery .service-photo-gallery-header h2{
	font-size: 36px;
	color: var(--primary-color);
	letter-spacing: -0.5px;
	margin-bottom: 30px;
}

.service-photo-gallery-entry{
	display: flex;
	flex-wrap: wrap;
}

.service-photo-gallery-entry .service-photo-item{
	width: calc(25% - 15px);
	margin-right: 20px;
	margin-bottom: 20px;
}

.service-photo-gallery-entry .service-photo-item:nth-of-type(4n + 4){
	margin-right: 0;
}

.service-photo-gallery-entry .service-photo-item img{
	aspect-ratio: 1/1;
	object-fit: cover;
	border-radius: 30px 30px 8px 30px;
	filter: var(--image-filter);
	transition: var(--transition);
}

.service-photo-gallery-entry .service-photo-item:hover img{
	filter: var(--image-filter-hover);
}

.faqs{
	margin-top: 30px;
}

.faqs .faq-header h2{
	font-size: 36px;
	color: var(--primary-color);
	letter-spacing: -0.5px;
	margin-bottom: 30px;
}

.faq-accordion .accordion-item{
	margin-bottom: 15px;
	background: var(--secondary-color);
	border: none;
	border-radius: 14px 14px 4px 14px;
}

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

.faq-accordion .accordion-item .accordion-header{
	padding-left: 30px;
	padding-right: 30px;
}

.faq-accordion .accordion-item .accordion-header button{
	font-size: 18px;
	color: var(--primary-color);
	font-weight: 700;
	border: none;
	background: none;
	border-radius: 0;
	outline: 0;
	padding: 20px 0;
	box-shadow: none;
}

.faq-accordion .accordion-item  .accordion-collapse{
	padding: 0 30px;
}

.faq-accordion .accordion-item  .accordion-collapse .accordion-body{
	border-top: 1px solid var(--divider-color);
	padding: 20px 0 30px;
	color: var(--text-color);
}

.faq-accordion .accordion-item  .accordion-collapse .accordion-body p:last-child{
	margin-bottom: 0;
}

/*******************************************/
/**** 	   	19. Contact us css	  		****/
/*******************************************/

.contact-information{
	padding: 100px 0;
}

.contact-box{
	text-align: center;
	position: relative;height:100%;
}

.contact-box:after{
	content: '';
    display: block;
    width: 1px;
    height: 80%;
    top: 10%;
    right: -15px;
    position: absolute;
    background-color: var(--divider-color);
}

.contact-information .row [class*='col-']:last-child .contact-box::after{
	display: none;
}

.contact-box .icon-box{
	display: flex;
	width: 100px;
	height: 100px;
	align-items: center;
	justify-content: center;
	background:#777;
	border-radius: 50px 50px 10px 50px;
	margin: 0 auto 20px;
}

.contact-box .icon-box img{
	max-width: 50%;
}

.contact-box h3{
	font-size: 22px;
	color:#222;
	margin-bottom: 10px;
}

.contact-box p{
	margin-bottom: 0;
}

.get-in-touch{
	background:#222;
	padding: 100px 0;
}

.contact-form .form-control{
	border: none;
	background: var(--dark-primary-color);
	font-family: var(--default-font);
	font-size: 16px;
	outline: 0;
	box-shadow: none;
	padding: 14px 20px;
	border-radius: 10px 10px 2px 10px;
}

.contact-form .with-errors ul{
	margin-bottom: 0;
	color: rgb(202, 64, 64);
	margin-top: 2px;
	margin-top: 2px;
}

.google-map .container-fluid,
.google-map .container-fluid .row > *{
	padding-left: 0;
	padding-right: 0;
}

.google-map .container-fluid .row{
	margin-left: 0;
	margin-right: 0;
}

.google-map-iframe{
	line-height: 0;
}

.google-map-iframe iframe{
	width: 100%;
	min-height:500px;
	filter: var(--image-filter);
	transition: var(--transition);
}

.google-map-iframe:hover iframe{
	filter: var(--image-filter-hover);
}

/*******************************************/
/**** 	   	20. Blog Archive css	  	****/
/*******************************************/

.page-blog-archive{
	padding: 100px 0;
}

.page-blog-archive .post-item{
	margin-bottom:15px;position:relative;
}

.post-pagination{
	margin-top: 30px;
	text-align: center;
}

.post-pagination ul{
	justify-content: center;
	padding: 0;
	margin: 0;
}

.post-pagination ul li a,
.post-pagination ul li span{
	display: flex;
	text-decoration: none;
	justify-content: center;
	align-items: center;
	width: 40px;
	height: 40px;
	background: var(--secondary-color);
	margin: 0 4px;
	border-radius: 30px 30px 4px 30px;
	font-family: var(--accent-font);
	font-weight: 700;
	color: var(--primary-color);
	transition: var(--transition);
}

.post-pagination ul li.active a,
.post-pagination ul li a:hover{
	background: var(--primary-color);
	color: var(--dark-primary-color);
}

/*******************************************/
/**** 	   	21. Blog Single css	  		****/
/*******************************************/

.page-header-box .post-meta ul{
	padding: 0;
	margin: 0;
	list-style: none;
}

.page-header-box .post-meta ul li{
	display: inline-block;
	margin-right: 10px;
	position: relative;
}

.page-header-box .post-meta ul li:last-child{
	margin-right: 0;
}

.page-header-box .post-meta ul li:after{
	content: '/';
	margin-left: 10px;
}

.page-header-box .post-meta ul li:last-child:after{
	display: none;
}

.page-header-box .post-meta ul li a{
	color: var(--dark-text-color);
}

.blog-single-page{
	padding: 100px 0;
}

.blog-single-page .post-featured-image{
	margin-bottom:30px;
}

.blog-single-page  .post-featured-image img{
	width: 100%;
	border-radius: 50px 50px 10px 50px;
	transition: var(--transition);
}

.blog-single-page .post-featured-image:hover img{
	filter: var(--image-filter-hover);
}

.blog-single-page .post-content{
	max-width: 1100px;
	margin: 0 auto;
	border-radius: 50px 50px 10px 50px;
}

.post-content .post-entry{
	border-bottom: 1px solid var(--divider-color);
	padding-bottom: 20px;
	margin-bottom: 0px;
}
.fbold{color:#222;font-weight:600;}.link{color:var(--primary-color);transition:all 0.3s ease;}
.link:hover{text-decoration:underline;}
.post-content .post-entry h1,
.post-content .post-entry h2,
.post-content .post-entry h3,
.post-content .post-entry h4,
.post-content .post-entry h5,
.post-content .post-entry h6{
	color:#222;
	letter-spacing: -0.5px;
	margin: 0 0 0.5em;
}

.post-content .post-entry h1{
	font-size: 40px;
}

.post-content .post-entry h2{
	font-size: 34px;font-weight:500;
}

.post-content .post-entry h3{
	font-size: 26px;
}

.post-content .post-entry h4{
	font-size: 22px;
}

.post-content .post-entry h5{
	font-size: 20px;
}

.post-content .post-entry h6{
	font-size: 16px;
}

.post-content .post-entry ul{
	padding: 0;
	margin: 0 0 1.7em;
	list-style: none;
}

.post-content .post-entry ul li{
	margin-bottom: 6px;
	position: relative;
	padding-left: 26px;
}

.post-content .post-entry ul li:before{
	content: '';
	display: block;
	position: absolute;
	left: 0;
	top: 6px;
	width: 12px;
	height: 12px;
	background-color: var(--primary-color);
	border-radius: 10px 10px 4px 10px;
}

.post-content .post-entry blockquote{
	background-color: var(--dark-primary-color);
	padding: 30px;
}

.post-content .post-entry blockquote p{
	border-left: 3px solid var(--primary-color);
	padding-left: 20px;
}

.post-content .post-entry blockquote p:last-child{
	margin-bottom: 0;
}

.post-content .post-tags{
	font-size: 22px;
	color: var(--primary-color);
	font-weight: 700;
	font-family: var(--accent-font);
}

.post-content .post-tags a{
	display: inline-block;
	color: var(--primary-color);
	font-family: var(--accent-font);
	font-size: 16px;
	background: var(--dark-primary-color);
	padding: 10px 20px;
	border-radius: 10px 10px 4px 10px;
	margin-right: 5px;
	margin-bottom: 10px;
	transition: var(--transition);
}

.post-content .post-tags a:hover{
	background: var(--primary-color);
	color: var(--dark-primary-color);
}

.post-social-sharing ul{
	padding: 0;
	margin: 0;
	list-style: none;
	text-align: right;
}

.post-social-sharing ul li{
	display: inline-block;
	margin-left: 5px;
}

.post-social-sharing ul li a{
	display: flex;
    align-items: center;
    justify-content: center;
    background: var(--primary-color);
    width: 40px;
    height: 40px;
    color: var(--dark-primary-color);
    font-size: 16px;
    border-radius: 20px 20px 6px 20px;
    transition: var(--transition);
}

.post-social-sharing ul li a:hover{
	background: var(--dark-primary-color);
	color: var(--primary-color);
}

/*******************************************/
/**** 	   	22. Pricing Page css	  	****/
/*******************************************/

.page-pricing{
	padding: 100px 0 20px;
}

.page-pricing .pricing-item{
	background: var(--secondary-color);
}

/*******************************************/
/**** 	   	23. FAQs Page css	  		****/
/*******************************************/

.page-faqs{
	padding: 100px 0;
}

/*******************************************/
/**** 	   	24. Page Not Found css	 	****/
/*******************************************/

.page-not-found{
	padding: 100px 0;
}

.page-not-found{
	text-align: center;
}

.not-found-image{
	margin-bottom: 40px;
}

.page-not-found-box h3{
	font-size: 50px;
	color: var(--primary-color);
	margin-bottom: 15px;
}

header svg{width:200px;height:auto;}
.header-sticky.active{background:#222222 !important;}
.hero-area-two {
    position: relative;
    z-index: 1;height:100%;
}
.hero-area-two .img-layer {
    background-position: center !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: -1;
    -webkit-transition: 10s ease-out;
    transition: 10s ease-out;
    -webkit-transform: scale(1.5) translateX(4%);
    transform: scale(1.5) translateX(4%);
}
.hero-bg-slide .swiper-slide-active .hero-area-two .img-layer {
  -webkit-transform: scale(1.25) translateX(-4%);
          transform: scale(1.25) translateX(-4%);
}
.hero-bg-slide{height:720px;position:relative;overflow:hidden;}
.hero-area-two .row,.hero-bg-slide .container{height:100%;}
.hero-bg-slide,.hero-bg-slide .ch1,.hero-bg-slide p{color:#fff !important;text-align:center;}
.hero-bg-slide a{width:160px;}.hero-content-footer a:first-child{background:#fff;color:#222222;}
.hero-content-footer a:last-child{background:var(--primary-color);border-color:var(--primary-color);}
.swiper-pagination {
  display: flex;
  justify-content: center;
  align-items: center;bottom:20px !important;
}
/* button style */
.swiper-pagination-bullet {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: auto;
  height: auto;
  margin: 0 10px;
  background-color: transparent;
  border-radius: 50%;
  cursor: pointer;
  transition: 0.3s;
}
.swiper-pagination-bullet span {
  color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
/* button circle */
.progress {
  transform: rotate(-90deg);
}
.circle-origin {
  fill: transparent;
  stroke: rgb(255, 255, 255);
  stroke-width: 1;
  stroke-linecap: round;
  stroke-dasharray: 125.664px;
  stroke-dashoffset: 125.664px;
}

.swiper-pagination-bullet-active .circle-origin {
  animation: progress 5s;
}
.swiper-pagination-bullet .progress{background:transparent;--bs-progress-height:auto;}
.swiper-pagination-bullet{opacity:0.5;}
.swiper-pagination-bullet-active{opacity:1;}.bgw1{background:#fff;}
@keyframes progress {
  0% {
    stroke-dashoffset: 125.664px;
  }

  90% {
    stroke-dashoffset: 0;
  }

  100% {
    stroke-dashoffset: -125.664px;
  }
}
.hero-bg-slide a:hover{color:#fff !important;border-color:#222;}
.hero-bg-slide a:hover::before{background:#222 !important;}
.hero-content-body p{color:#f5f5f5 !important;font-size:18px;}
.hero-bg-slide .section-title p{font-size:20px;font-weight:500;}
.home-services svg path{fill:#fff;}.hsvg img{max-width:65% !important;}
.hsvg1 img{max-width:100% !important;}.hsvg2 img{max-width:75% !important;}
.gap40{gap:40px 0px;}
.frow{display:grid;grid-template-columns:25% 15% 15% 25%;justify-content:space-between;}.flogo svg{width:180px;height:auto;}
footer ul{list-style-type:none;padding-left:0px;}
.foldhead h2 {
    display: none;
    cursor: pointer;
}
footer p,footer a{color:#c2c2c2;}footer h2{font-size:24px;font-weight:500;color:#cecece;}
.foldhead li{margin-bottom:8px;}.foldhead ul li:last-child{margin-bottom:0px;}
footer ul{margin-bottom:0px;}.copyright{display:flex;justify-content:space-between;}
footer a:hover{color:#cda943;}footer a{transition: var(--transition);}
.brand {
  font-family: inherit;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.5;
  text-transform: uppercase;
  color: var(--color-blue-300);
}

.navbar {
  width: 100%;
  margin-inline: auto;padding-top:0px;padding-bottom:0px;
}
.navbar-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: 100%;
  height: 100%;
}
.burger {
  position: relative;
  display: block;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  width: 1.5rem;
  height: 1rem;
  border: none;
  outline: none;
  visibility: visible;
}
.burger-line {
  position: absolute;
  display: block;
  right: 0;
  width: 100%;
  height: 2.15px;
  opacity: 1;
  rotate: 0deg;
  border-radius: 0.15rem;
  background-color: #fff;
  transition: all 0.3s ease;
}
.burger-line:nth-child(1) {
  top: 0px;
}
.burger-line:nth-child(2) {
  top: 0.5rem;
  width: 70%;
}
.burger-line:nth-child(3) {
  top: 1rem;
}
.burger.is-active > .burger-line:nth-child(1) {
  top: 0.5rem;
  rotate: 135deg;
}
.burger.is-active > .burger-line:nth-child(2) {
  opacity: 0;
}
.burger.is-active > .burger-line:nth-child(3) {
  top: 0.5rem;
  rotate: -135deg;
}
.ho{overflow:hidden;}
.img-layer::after{content:'';position:absolute;width:100%;height:100%; background:linear-gradient(180deg, rgb(0 0 0 / 50%) 16.65%, #0000009e 100.78%);
left:0;}
.gc50 .col-lg-6{background:var(--secondary-color);padding:0px;border-radius:50px;width:100%;}
.gift-box .gift-content a{position:absolute;bottom:30px;}
.nowrap{white-space:nowrap;}
form > div > label > select {
    display: block;
    width: 100%;
    margin: 16px 0 6px;
    padding: 0;
    background: transparent;
    border: none;
    outline: none;color:#fff;
}
.gbg{background:linear-gradient(to right,#fff 50%,#f5f5f5 50%);}
.career input,.career textarea{border-bottom:1px solid #777;border-radius: 0px;padding-bottom:20px;color:#222;padding-left:0px;}
.career ::placeholder,.career label{color:#777;}.uf{height:50px;}
.career textarea{width:100%;height:70px;}
.career .col-submit input{margin-left:15px;border: 2px solid #cea943;border-radius:30px;}

.accordion .accordion-item {
  border-bottom: 1px solid #e5e5e5;border-top:0px;border-left:0px;border-right:0px;
}
.accordion .accordion-item button[aria-expanded=true] {
  border-bottom: 1px solid #cea943;
}
.accordion button {
  position: relative;
  display: block;
  text-align: left;
  width: 100%;
  padding: 1em 0;
  color: #222;
  font-size: 1.15rem;
  font-weight: 400;
  border: none;
  background: none;
  outline: none;
}
.accordion button:hover, .accordion button:focus {
  cursor: pointer;
  color: #cea943;
}
.accordion button:hover::after, .accordion button:focus::after {
  cursor: pointer;
  color: #cea943;
  border: 1px solid #03b5d2;
}
.accordion a .accordion-title {
  padding: 1em 1.5em 1em 0;transition:all 0.3s ease;
}
.accordion a .icon {
  display: inline-block;
  position: absolute;
  right: 0;
  width: 22px;
  height: 22px;
  border: 1px solid;
  border-radius: 22px;transition:all 0.3s ease;
}
.card-header{background:transparent;border-top:0px;border-left:0px;border-right:0px;}
.card{border:0px;}.card-header,.card-body{padding-left:0px;}
.contact-information .card-header a{padding:0px;font-size:20px;font-weight:500;color:#222;}
.accordion a .icon::before {
  display: block;
  position: absolute;
  content: "";
  top: 9px;
  left: 5px;
  width: 10px;
  height: 2px;
  background: currentColor;
}
.accordion a .icon::after {
  display: block;
  position: absolute;
  content: "";
  top: 5px;
  left: 9px;
  width: 2px;
  height: 10px;
  background: currentColor;
}
.accordion a[aria-expanded=true] {
  color: #cea943;
}
.accordion a[aria-expanded=true] .icon::after {
  width: 0;
}
.accordion a[aria-expanded=true] + .accordion-content {
  opacity: 1;
  max-height:100%;
  transition: all 200ms linear;
  will-change: opacity, max-height;
}
.accordion .accordion-content {
  opacity: 0;
  max-height: 0;
  overflow: hidden;
  transition: opacity 200ms linear, max-height 200ms linear;
  will-change: opacity, max-height;
}
.accordion .accordion-content p {
  font-size: 1rem;
  font-weight: 300;
  margin: 2em 0;
}
.wah{padding:0px 50px 0px 0px !important;}
.career form{padding-left:20px;}.career label{text-transform:capitalize;font-weight:400;}
.panel-group {
  margin-bottom: 0;
}
.panel-group .panel {
  border-radius: 0;
  box-shadow: none;
}
.panel-group .panel .panel-heading {
  padding: 0;
}
.panel-group .panel .panel-heading h4 a {
  background: #f8f8f8;
  display: block;
  font-size: 12px;
  font-weight: bold;
  padding: 15px;
  text-decoration: none;
  transition: 0.15s all ease-in-out;
}
.panel-group .panel .panel-heading h4 a:hover, .panel-group .panel .panel-heading h4 a:not(.collapsed) {
  background: #fff;
  transition: 0.15s all ease-in-out;
}
.panel-group .panel .panel-heading h4 a:not(.collapsed) i:before {
  content: "";
}
.panel-group .panel .panel-heading h4 a i {
  color: #999;
}
.panel-group .panel .panel-body {
  padding-top: 0;
}
.panel-group .panel .panel-heading + .panel-collapse > .list-group,
.panel-group .panel .panel-heading + .panel-collapse > .panel-body {
  border-top: none;
}
.panel-group .panel + .panel {
  border-top: none;
  margin-top: 0;
}
.bbg{background:#fff;}
.glassmorphic-card {
background:rgb(206 169 67 / 50%);width:100%;
    padding:2px;
    margin: 0em;
    border-radius: 20px;
    box-shadow: 0 0 0 #333;
    text-align: center;
    position: relative;height:auto;overflow:hidden;
}

.gc1{background:#fff;display:flex;width:100%;height:100%;border-radius:20px;flex-wrap:wrap;}
.gc1 img{border-radius:20px;object-fit:cover;height:400px;}
.sname {
    font-weight: 400;
    text-transform: capitalize;
    border-radius: 20px;
    position: relative;
    z-index: 10;
    max-width:100%;
    bottom:0px;
    padding:10px 20px;
    left: 0;
    right: 0;
    margin: 0px;
    display: flex;
    align-items: center;height:auto;overflow:hidden;
    justify-content: flex-start;flex-wrap:wrap;transition:all 0.6s ease;    border-width: 0.5px;
  /*  border-style: solid;
    border-radius: 15px;
    border-color: #cea943;*/    position: absolute;
    bottom:10px;
    max-width: 90%;
    border-radius: 15px;
}
.bbg .row{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;}
.bbg li::before {
    display: inline-block;
    content: url(data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' width='16' title='check' fill='%23dddddd'%3E%3Cpath d='M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z' /%3E%3C/svg%3E);
    transform: translatey(0.25ch);
    margin-right: 1ch;
}.bbg ul{padding-left:15px;}
.bbg p{margin-bottom:0px;text-align:left;width:100%;font-size:20px;font-weight:500;
display:flex;justify-content:space-between;color:var(--primary-color);}
.bbg li{font-size:16px;text-align:left;line-height:22px;margin-bottom:5px;}
.bbg ul li:first-child{padding-top:10px;}.bfont{font-family: "MonteCarlo", cursive;font-size:40px !important;margin-bottom:20px;}
.gclr{color:var(--primary-color);}
.page-service-single img{filter:none !important;}.gclr{font-size:40px;}.gbg1{background:#f5f5f5;}
/*.glassmorphic-card:hover .sname{height:90%;}*/

/******************************************/
/****   	 25. Responsive css   	   ****/
/******************************************/
.gc50{display:grid;grid-template-columns:49% 49%;justify-content:space-between;margin:0px;}
.pgrid{display:grid;grid-template-columns:32% 32% 32%;justify-content:space-between;}
    form > div.col-2 {
        width: 50%;
    }form > div.col-2, form > div.col-3, form > div.col-4 {
        box-shadow: 1px 1px rgb(255 255 255 / 25%);
        border: none;
    }
form > div > label {
    display: block;
    padding: 20px 20px 10px;
    vertical-align: top;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    color: #c8c8c8;
    cursor: pointer;
}
    form > div {
        display: inline-block;
    }
form{display:flex;flex-wrap:wrap;border:1px solid rgb(255 255 255 / 20%);}
form > div > label > input {
    display: inline-block;
    position: relative;
    width: 100%;
    height: 27px;
    line-height: 27px;
    margin: 5px -5px 0;
    padding: 7px 5px 3px;
    border: none;
    outline: none;
    border-radius: 3px;
    background: transparent;
    font-size: 14px;
    font-weight: 200;
    opacity: 1;color:#fff;
    transition: opacity .3s, box-shadow .3s;
}
::placeholder{color:#ddd;}
.sd-multiSelect {
  position: relative;
}
.sd-multiSelect .placeholder {
  opacity: 1;
  background-color: transparent;
  cursor: pointer;
}
.sd-multiSelect .ms-offscreen {
  height: 1px;
  width: 1px;
  opacity: 0;
  overflow: hidden;
  display: none;
}

.sd-multiSelect .sd-CustomSelect {
  width: 100% !important;
}

.sd-multiSelect .ms-choice {
  position: relative;
  text-align: left !important;
  width: 100%;
  background: transparent;
  box-shadow: none;
  font-size: 15px;
  height: 44px;
  font-weight: 500;
  color: #fff;
  line-height: 1.5;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0.25rem;border:0px;
}
.ms-drop.bottom ul{list-style-type:none;padding-left:0px;}

.sd-multiSelect .ms-choice:after {
  content: "\f107 ";
  font-family: "FontAwesome";
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 18px;
}

.sd-multiSelect .ms-choice:focus {
  border-color: var(--theme-color);
}

.sd-multiSelect .ms-drop.bottom {
  display: none;
  background: transparent;
  border: 1px solid #e5e5e5;
  padding: 10px;
}

.sd-multiSelect .ms-drop li {
  position: relative;
  margin-bottom: 10px;
}

.sd-multiSelect .ms-drop li input[type="checkbox"] {
  padding: 0;
  height: initial;
  width: initial;
  margin-bottom: 0;
  display: none;
  cursor: pointer;
}

.sd-multiSelect .ms-drop li label {
  cursor: pointer;
  user-select: none;
  -ms-user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;display:block;
}

.sd-multiSelect .ms-drop li label:before {
  content: "";
  -webkit-appearance: none;
  background-color: #dcdcdc;
  border: 2px solid #cea943;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05),
    inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
  padding: 8px;
  display: inline-block;
  position: absolute;
  vertical-align: middle;
  cursor: pointer;
  margin-right: 5px;    top: 3px;
    left:10px;

}

.sd-multiSelect .ms-drop li input:checked + span:after {
  content: "";
  display: block;
  position: absolute;
  top: 8px;
  left: 15px;
  width: 10px;
  height: 10px;
  background:#cea943;
  border-width: 0 2px 2px 0;
}.sd-multiSelect {
    position: relative;
}
.sd-multiSelect .ms-drop li span{padding-left:40px;width:100%;display:flex;position:relative;}
.gender div{display:flex;gap:0px 8px;margin-top:5px;}
input[type="date"],input[type="time"]{
  color: #2b2b2b;
    filter: invert(1);
}
textarea{width:100%;height:35px;background:transparent;border:0px;outline:0px;color:#fff;resize:none;}
.col-submit input{padding:8px 0px;width:160px;}
.col-submit input:hover{background:var(--primary-color);color:#fff;}
.contact-information a{color:#777;transition:var(--transition);}
.contact-information a:hover{color:var(--primary-color);}
.tsrow{display:grid;grid-template-columns:repeat(2,1fr);gap:30px;}
.tsrow .testimonial-slide{background:#f5f5f5;position:relative;}
.tsrow .testimonial-slide img{border-radius:0px;mix-blend-mode:multiply;}
.elem, .elem * {
	box-sizing: border-box;
	margin: 0 !important;	
}
.elem {
	display: inline-block;
	font-size: 0;
	width:auto;
	border: 0px solid transparent;
	border-bottom: none;
	background: #fff;
	padding:0px;
	height: auto;
	background-clip: padding-box;
}
.elem > span {
	display: block;
	cursor: pointer;
	height:400px;
	background-size: 110%;	
	background-position: center center;position:relative;overflow:hidden;
}
.gc{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;}
.gc img{transition:var(--transition);cursor:zoom-in;}.gc img:hover{transform: scale(1.1);}
.gc a,.gcslider a{display:flex;position:relative;overflow:hidden;border-radius:20px;height:100%;}.lb-nav a{opacity:1 !important;}
.gcslider .swiper-slide {
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  overflow: hidden;
  padding:10px;
}
.gcslider .swiper-button-prev::after, .gcslider .swiper-button-next::after{color:#fff;font-size:30px;}
.gcslider img{object-fit:cover;}.gbg1{background:#f5f5f5;}
.page-header{background:linear-gradient(to right, rgb(0 0 0 / 75%), rgb(0 0 0 / 75%)), url(../images/backbg.png);}
.page-service-single .stretched-link::after{z-index:99;}
.vma > .col-lg-4{width:100%;background:#fff;padding:0px;border-radius: 50px 50px 10px 50px;}.vma{display:grid;grid-template-columns:31.5% 31.5% 31.5%;justify-content:space-between;}
.service-item-layout2 .service-content .service-readmore:hover{border-color:#cda943;}
.service-image{display:flex;}
.slinks ul{display:flex;gap:75px;list-style-type:none;padding:5px 0px;align-items:center;margin:0px;}
        .slinks a{color:#222;}.slinks svg{width:35px;height:auto;margin-right:10px;}
        .slinks svg path{fill:#222;}
        .slinks ul li:nth-child(2) svg{width:30px;}
        .slinks ul li:nth-child(3) svg{width:50px;}
        .slinks ul li:nth-child(4) svg{width:40px;}
        .slinks ul li:nth-child(5) svg{width:30px;}
        .slinks li:hover a{color:var(--primary-color);}
        .slinks li a,.slinks li path{transition:all 0.3s ease;}
        .slinks li:hover a svg path{fill:var(--primary-color);}.slinks{background:#f5f5f5;}
 .page-service-single .row h2{font-weight:600;line-height:1;}
        :root{
                --card-width:200px;
    --card-height:200px;--background-color:var(--primary-color);
        }
        .card-button-wrapper {
    position: absolute;
    bottom:-2px;
    right:-2px;
    width: calc(0.31* var(--card-height));
    height: calc(0.31* var(--card-height));
    background: rgb(206 169 67 / 75%);
    border-radius: calc(0.2* var(--card-height)) 0 0 0;
    padding:7px;z-index:99;
}.crv-bottom {
    position: absolute;
    bottom: -1px;
    right: calc(0.31* var(--card-height));
}.curve {
    width: calc(0.15* var(--card-height));
    height: calc(0.15* var(--card-height));
    background: radial-gradient(circle, rgba(255, 0, 0, 0) calc(70% - 1px), rgb(206 169 67 / 75%) 70%, rgb(206 169 67 / 75%) 100%);
    background-position: calc(-0.15* var(--card-height)) calc(-0.15* var(--card-height));
    background-repeat: repeat;
    background-size: 203% 203%;}.crv-right {
    position: absolute;
    bottom: calc(0.31* var(--card-height));
    right: -1px;
}.card-button {
    display: grid;
    place-items: center;
    width: calc(0.3* var(--card-height));
    height: calc(0.3* var(--card-height));
    border-radius: 50%;
    background: transparent;
    color: #000;
    bottom: 0;
    right: 0;
    font-size:16px;
    transition: all 0.2s ease-in-out;
    position:relative;overflow:hidden;z-index:9;}.gc1{position:relative;transition:all 0.3s ease;z-index:9;}
        .gc1::after{content:'';position: absolute;width:100%;height:100%;background:linear-gradient(0deg, rgb(0 0 0 / 75%), transparent);top:0;left:0;border-radius:20px;transition:all 1s ease;}
        .glassmorphic-card::before {
    content: "";
    position: absolute;
    width: 50%;
    height: 1px;
    background: linear-gradient(45deg, #ffffff00, rgb(255 255 255 / 50%) 50%, #ffffff00);
    top:0px;
    right: 20px;
    transition: all 1.4s ease;
}
        .glassmorphic-card::after {
    content: "";
    position: absolute;
    width: 50%;
    height: 1px;
    background: linear-gradient(45deg, #ffffff00, rgb(255 255 255 / 30%) 50%, #ffffff00);
    bottom:0px;
    left: 20px;
    transition: all 1.4s ease;
        }.bbg{background:#000;}
       .glassmorphic-card:hover .gc1::before {
    right: calc(110%);
}
        .glassmorphic-card:hover .gc1::after {
    left: calc(110%);
}
          .glassmorphic-card:hover::before {
    right: calc(50% - 20px);
}
        .glassmorphic-card:hover::after {
    left: calc(50% - 20px);
}
        .glassmorphic-card p{transition:all 0.3s ease;line-height:1.1;}.glassmorphic-card:hover p{color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,0.5);}
        .glassmorphic-card:hover .card-button::before{left:0%;}
        .card-button::after{content:'';position:absolute;width:100%;height:100%;background:rgb(218 218 218 / 75%);border-radius:50%;z-index:-2;}
               .card-button::before{content:'';position:absolute;width:100%;height:100%;background:#222;border-radius:50%;z-index:-1;
        left:-100%;transition:all 0.6s ease;transition-delay:0.3s;}
        .card-button span{z-index:999;transition:all 0.3s ease;transition-delay:0.3s;left: -2px;
    position: relative;
    top: -2px;}.glassmorphic-card:hover .card-button span{color:#fff;}
.sname{padding-right:45px;}.glassmorphic-card:hover .card-button span img{filter:none !important;}
.slinks .active{color:#cea943;}
.slinks .active svg path{fill:#cea943;}.lgrid2{display:grid;grid-template-columns:48% 48%;justify-content:space-between;padding-left:0px;
gap:5px;}
.lgrid2 li::before{content:'';background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 512 512'%3E%3Cpath fill='%23cea943' d='M394 480a16 16 0 0 1-9.39-3L256 383.76L127.39 477a16 16 0 0 1-24.55-18.08L153 310.35L23 221.2a16 16 0 0 1 9-29.2h160.38l48.4-148.95a16 16 0 0 1 30.44 0l48.4 149H480a16 16 0 0 1 9.05 29.2L359 310.35l50.13 148.53A16 16 0 0 1 394 480'/%3E%3C/svg%3E");position: absolute;width:14px;height:14px;background-size:14px;left:0;}
.lgrid2 li{position:relative;display:flex;align-items:center;padding-left:23px;}
.bgw{background:transparent;padding-top:40px;}
.imgl{object-position:left;}.imgr{object-position:right;}
.navigation{display:flex;position:relative;align-items: center;
    justify-content: space-between;}
.navigation *{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
.navigation-portrait{height:48px}
.navigation-fixed{position:fixed;top:0;left:0;z-index:19998}
.navigation-hidden{width:0!important;height:0!important;margin:0!important;padding:0!important}
.align-to-right{float:right}
.nav-header{float:left}
.navigation-hidden .nav-header{display:none}
.nav-brand{line-height:normal;padding:0;color:#fff;font-size:24px;text-decoration:none}
.nav-brand:hover,.nav-brand:focus{color:#fff}
.navigation-portrait .nav-brand{font-size:18px;line-height:48px}
.nav-logo>img{height:48px;margin:11px auto;padding:0 15px;float:left}
.nav-logo:focus>img{outline:initial}
.navigation-portrait .nav-logo>img{height:36px;margin:6px auto 6px 15px;padding:0}
.nav-toggle{width:30px;height:30px;padding:6px 2px 0;position:absolute;top:50%;margin-top:-14px;right:0;display:none;cursor:pointer}
.nav-toggle:before{content:"";position:absolute;width:24px;height:2px;background-color:#fff;border-radius:10px;box-shadow:0 .5em 0 0 #fff,0 1em 0 0 #fff}
.navigation-portrait .nav-toggle{display:block}
.navigation-portrait .nav-menus-wrapper{width:320px;top:0;left:-400px;position:fixed;background-color:#222;z-index:20000;overflow-y:auto;-webkit-overflow-scrolling:touch;transition-duration:.2s;transition-timing-function:ease}
.navigation-portrait .nav-menus-wrapper.nav-menus-wrapper-right{left:auto;right:-400px}
.navigation-portrait .nav-menus-wrapper.nav-menus-wrapper-open{left:0;opacity:1;}
.navigation-portrait .nav-menus-wrapper.nav-menus-wrapper-right.nav-menus-wrapper-open{left:auto;right:0;}
.nav-menus-wrapper-close-button{width:30px;height:30px;margin:10px 7px;display:none;float:right;color:#cea943;font-size:20px;cursor:pointer}
.navigation-portrait .nav-menus-wrapper-close-button{display:block}
.nav-menu{margin:0;padding:0;list-style:none;line-height:normal;font-size:0}
.navigation-portrait .nav-menu{width:100%}
.nav-menu>li{display:inline-block;float:left;text-align:left}
.navigation-portrait .nav-menu>li{width:100%;position:relative;border-top:solid 1px #444444;}
.navigation-portrait .nav-menu>li:last-child{border-bottom:solid 1px #f0f0f0}
.nav-menu+.nav-menu>li:first-child{border-top:none}
.navigation-portrait .nav-menu>li>a{width:100%;height:auto;padding:12px 15px 12px 26px}
.nav-menu>li>a>i,.nav-menu>li>a>[class*=ion-]{width:18px;height:16px;line-height:16px;transform:scale(1.4)}
.nav-menu>li>a>[class*=ion-]{width:16px;display:inline-block;transform:scale(1.8)}
.navigation-portrait .nav-menu.nav-menu-social{width:100%;text-align:center}
.nav-menu.nav-menu-social>li{text-align:center;float:none;border:none!important}
.navigation-portrait .nav-menu.nav-menu-social>li{width:auto}
.nav-menu.nav-menu-social>li>a>[class*=ion-]{font-size:12px}
.nav-menu.nav-menu-social>li>a>.fa{font-size:14px}
.navigation-portrait .nav-menu.nav-menu-social>li>a{padding:15px}
.submenu-indicator{margin-left:8px;margin-top:4px;float:right;transition:all .2s}
.navigation-portrait .submenu-indicator{width:54px;height:44px;margin-top:0;position:absolute;top:0;right:0;text-align:center;z-index:20000}
.submenu-indicator-chevron{height:6px;width:6px;display:block;border-style:solid;border-width:0 1px 1px 0;border-color:transparent #fff #fff transparent;transform:rotate(45deg);transition:border .2s;margin-top:-4px;}
.navigation-portrait .submenu-indicator-chevron{border-color:transparent #999 #999 transparent;position:absolute;top:18px;left:24px}
.navigation-portrait:hover .submenu-indicator-chevron{border-color:transparent #999 #999 transparent}
.navigation-portrait .submenu-indicator.submenu-indicator-up{transform:rotate(-180deg)}
.nav-dropdown>li .submenu-indicator-chevron{border-color:transparent #999 #999 transparent}
.nav-overlay-panel{width:100%;height:100%;top:0;left:0;position:fixed;display:none;z-index:19999}
.no-scroll{width:100%;height:100%;overflow:hidden}

.navigation-portrait .nav-search-inner{height:48px}

.nav-search-close-button{width:28px;height:28px;display:block;position:absolute;right:20px;top:20px;line-height:normal;outline:none;color:rgba(255,255,255,.5);font-size:20px;cursor:pointer;text-align:center}
.navigation-portrait .nav-search-close-button{top:10px;right:14px}
.nav-button{margin:18px 15px 0;padding:8px 14px;display:inline-block;color:#fff;font-size:14px;text-align:center;text-decoration:none;border-radius:4px}
.nav-button:hover,.nav-button:focus{color:#fff;text-decoration:none}
.navigation-portrait .nav-button{width:calc(100% - 52px);margin:17px 26px}
.nav-text{margin:25px 15px;display:inline-block;color:#343a40;font-size:14px}
.navigation-portrait .nav-text{width:calc(100% - 52px);margin:12px 26px 0}
.navigation-portrait .nav-text+ul{margin-top:15px}
.nav-dropdown{min-width:180px;margin:0;padding:0;display:none;position:absolute;list-style:none;z-index:98;white-space:nowrap}
.navigation-portrait .nav-dropdown{width:100%;position:static;left:0}
.nav-dropdown .nav-dropdown{left:100%}
.nav-menu>li>.nav-dropdown{border-top:solid 1px #767676;}
.nav-dropdown>li{width:100%;float:left;clear:both;position:relative;text-align:left}
.nav-dropdown>li>a{width:100%;padding:16px 20px;display:inline-block;text-decoration:none;float:left;font-size:13px;color:#343a40;background-color:#fdfdfd}
.nav-dropdown>li:hover>a,.nav-dropdown>li.focus>a{color:#27ae60}
.nav-dropdown.nav-dropdown-left{right:0}
.nav-dropdown>li>.nav-dropdown-left{left:auto;right:100%}
.navigation-landscape .nav-dropdown.nav-dropdown-left>li>a{text-align:right}
.navigation-portrait .nav-dropdown>li>a{padding:12px 20px 12px 30px}
.navigation-portrait .nav-dropdown>li>ul>li>a{padding-left:50px}
.navigation-portrait .nav-dropdown>li>ul>li>ul>li>a{padding-left:70px}
.navigation-portrait .nav-dropdown>li>ul>li>ul>li>ul>li>a{padding-left:90px}
.navigation-portrait .nav-dropdown>li>ul>li>ul>li>ul>li>ul>li>a{padding-left:110px}
.nav-dropdown .submenu-indicator{right:15px;top:10px;position:absolute}
.navigation-portrait .nav-dropdown .submenu-indicator{right:0;top:0}
.nav-dropdown .submenu-indicator .submenu-indicator-chevron{transform:rotate(-45deg)}
.navigation-portrait .nav-dropdown .submenu-indicator .submenu-indicator-chevron{transform:rotate(45deg)}
.nav-dropdown>li:hover>a .submenu-indicator-chevron,.nav-dropdown>.focus>a .submenu-indicator-chevron{border-color:transparent #27ae60 #27ae60 transparent}
.navigation-landscape .nav-dropdown.nav-dropdown-left .submenu-indicator{left:10px}
.navigation-landscape .nav-dropdown.nav-dropdown-left .submenu-indicator .submenu-indicator-chevron{transform:rotate(135deg)}
.nav-dropdown-horizontal{width:100%;left:0;background-color:#fdfdfd;border-top:solid 1px #f0f0f0}
.nav-dropdown-horizontal .nav-dropdown-horizontal{width:100%;top:100%;left:0}
.navigation-portrait .nav-dropdown-horizontal .nav-dropdown-horizontal{border-top:none}
.nav-dropdown-horizontal>li{width:auto;clear:none;position:static}
.navigation-portrait .nav-dropdown-horizontal>li{width:100%}
.nav-dropdown-horizontal>li>a{position:relative}
.nav-dropdown-horizontal .submenu-indicator{height:18px;top:11px;transform:rotate(90deg)}
.navigation-portrait .nav-dropdown-horizontal .submenu-indicator{height:42px;top:0;transform:rotate(0deg)}
.navigation-portrait .nav-dropdown-horizontal .submenu-indicator.submenu-indicator-up{transform:rotate(-180deg)}
.megamenu-panel{width:100%;position:absolute;font-size:14px;z-index:98;text-align:left;color:inherit;border-top:solid 1px #444444;background-color:#222222;box-shadow:0 15px 20px -5px rgba(0,0,0,.2)}
.megamenu-panel{padding:25px;}
.megamenu-panel [class*=container]{width:100%}
.megamenu-panel [class*="container"] [class*="col-"]{padding:0}
.megamenu-panel-half{width:50%}
.megamenu-panel-quarter{width:25%}
.navigation-portrait .megamenu-panel-half,.navigation-portrait .megamenu-panel-quarter{width:100%}
.megamenu-panel-row{width:100%}
.megamenu-panel-row:before,.megamenu-panel-row:after{display:table;content:"";line-height:0}
.megamenu-panel-row:after{clear:both}
.megamenu-panel-row [class*=col-]{display:block;min-height:20px;float:left;margin-left:3%}
.megamenu-panel-row [class*=col-]:first-child{margin-left:0}
.navigation-portrait .megamenu-panel-row [class*=col-]{float:none;display:block;width:100%!important;margin-left:0;margin-top:15px}
.navigation-portrait .megamenu-panel-row:first-child [class*=col-]:first-child{margin-top:0}
.megamenu-panel-row .col-1{width:5.583333333333%}
.megamenu-panel-row .col-2{width:14.166666666666%}
.megamenu-panel-row .col-3{width:22.75%}
.megamenu-panel-row .col-4{width:31.333333333333%}
.megamenu-panel-row .col-5{width:39.916666666667%}
.megamenu-panel-row .col-6{width:48.5%}
.megamenu-panel-row .col-7{width:57.083333333333%}
.megamenu-panel-row .col-8{width:65.666666666667%}
.megamenu-panel-row .col-9{width:74.25%}
.megamenu-panel-row .col-10{width:82.833333333334%}
.megamenu-panel-row .col-11{width:91.416666666667%}
.megamenu-panel-row .col-12{width:100%}
.megamenu-tabs{width:100%;float:left;display:block}
.megamenu-tabs-nav{width:20%;margin:0;padding:0;float:left;list-style:none}
.navigation-portrait .megamenu-tabs-nav{width:100%}
.megamenu-tabs-nav>li>a{width:100%;padding:10px 16px;float:left;font-size:13px;text-decoration:none;color:#343a40;border:solid 1px #eff0f2;outline:0;background-color:#fff}
.megamenu-tabs-nav>li.active a,.megamenu-tabs-nav>li:hover a{background-color:#f5f5f5}
.megamenu-tabs-pane{width:80%;min-height:30px;padding:20px;float:right;display:none;font-size:13px;color:#343a40;border:solid 1px #eff0f2;background-color:#fff}
.megamenu-tabs-pane.active{display:block}
.navigation-portrait .megamenu-tabs-pane{width:100%}
.megamenu-lists{width:100%;display:grid;grid-template-columns:repeat(5,1fr);}
.megamenu-list{width:100%;margin:0 0 15px;padding:0;display:inline-block;float:left;list-style:none;align-items:flex-start !important;}
.megamenu-list:last-child{margin:0;border:none}
 .megamenu-list{margin:0;padding:20px 10px;border-right:solid 1px #444444;}
 .megamenu-list:last-child{border:none}
.megamenu-list>li>a{width:100%;padding:10px 15px;display:inline-block;color:#343a40;text-decoration:none;font-size:13px}
.megamenu-list>li>a:hover{color:#fff}
.megamenu-list>li.megamenu-list-title>a{font-size:16px;font-weight:300;color:#fff}
.megamenu-list>li.megamenu-list-title>a:hover{background-color:transparent}
.list-col-2{width:50%}
.list-col-3{width:33%}
.list-col-4{width:25%}
.list-col-5{width:20%;flex-direction:column;}
.nav-dropdown > li > a{color:#343a40;padding:10px 20px;border-bottom:1px solid #f6f6f6}
.nav-dropdown > li > a:hover,.nav-dropdown > li > a:focus{color:#27ae60}
.main_header_area.sticky{width:100%;position:fixed;top:0;left:0;background-color:#fff;z-index:9999;box-shadow:0 5px 30px rgba(0,0,0,0.1)}
.transparent-menu{position:absolute;width:100%;left:0;top:0;z-index:99}
.navigation-portrait .nav-menu > li > a{color:#fff;width:100%;height:auto;padding:10px 10px 10px 30px}
.main-menu ul li:hover .submenu-indicator-chevron{border-color: transparent #cea943 #cea943 transparent;}
.nav-submenu .megamenu-list-title a{color:#fff !important;font-size:16px !important;padding-right:0px !important;}
.nav-submenu a{line-height:24px !important;font-weight:300 !important;color:#d3d3d3 !important;font-size:15px !important;}
.megamenu-list li{margin-bottom:10px !important;width:100%;transition:all 0.3s ease;}.nav-submenu .megamenu-list-title{margin-bottom:15px !important;}
.megamenu-list li:hover{padding-left:10px;}.megamenu-list .megamenu-list-title{border:0px !important;padding-left:0px !important;}
.nav-submenu .megamenu-list-title::after{content:'';position:absolute;bottom:0px;left:10px;width:100%;background:#838383;height:1px;}
.nav-submenu .megamenu-list-title{position:relative;width:auto !important;overflow:hidden;}
.smob{display:none !important;}
.bloglist{display:grid;grid-template-columns:40% 55%;justify-content:space-between;background:#f5f5f5;padding:10px;border-radius:15px;margin-bottom:10px;position: relative;}
.bloglist h2{font-size:17px;font-weight:500;color:#222;display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;}.bloglist p{font-size:14px;margin-bottom:0px;}
.nlimg,.glimg{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;}
.nlimg img,.glimg img{height:420px;width:100%;object-fit:cover;object-position:top;transition:all 0.3s ease;cursor:zoom-in;}
.nlimg div,.glimg div{position:relative;overflow:hidden;border-radius:15px;}.nlimg div:hover img,.glimg div:hover img{transform:scale(1.1);}
.ebti img{max-width:75%;}.glimg{grid-template-columns:repeat(4,1fr);}
.card-button img{height:auto !important;border-radius:0px;filter:invert(1) !important;transition:all 0.3s ease;transition-delay:0.5s;}
.hcolor{color:#222;}.prg{list-style-type:none;padding-left:0px;display:grid;grid-template-columns:repeat(3,1fr);gap:35px 50px;
margin-top:20px;}
.prg li{border-bottom:1px dashed;display:flex;justify-content:space-between;color:#222;gap:0px 20px;}
.prg1{display:grid;grid-template-columns: repeat(3,1fr);gap:35px 50px;color:#222;}.prg1 p{margin-bottom:0px;}
.s2{display:flex;justify-content:space-between;gap:0px 20px;border-bottom:1px dashed;}
.pdes{margin-top:10px !important;font-size:15px;}.s2 span{text-align:right;}.fw600{font-weight:600;}
.sp-active .main-menu li a{line-height:80px;}
.breadcrumb li a.op1{color:#fff;}
.ntech{position:relative;}.ntech > a{height:45px;}
.ntech::after{content:'';position:absolute;width:84%;height:45px;z-index:99;left:0;}
.nt{position:absolute;left:0px;padding-left:10px;width:85%;height:45px;display:flex;align-items:center;z-index:999;}
header .header-logo {
  padding: 0px 0px 0px 15px;
}

header {
  border-bottom:1px solid var(--dark-divider-color);
  position: sticky;
  top: 0;
  z-index: 1000;    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
}

header .main-menu>li {
  position: relative;
}
header .main-menu span{font-family: var(--accent-font);}
header .main-menu>li>a {
  color: #fff;
  font-size: 16px;font-weight:500;
  padding: 0px 12px;font-family: var(--accent-font);
  display: block;line-height:96px;
  transition: .4s;
  -webkit-transition: .4s;
  -moz-transition: .4s;
  -ms-transition: .4s;
  -o-transition: .4s;
}

header .main-menu>li.active>a {
  color: #cea943;
}

header .main-menu>li:hover>a {
  color: #cea943;
}

header .main-menu>li>a>i {
  color: #03328E;
}

header .main-menu>li>a:hover>i {
  color: #fff;
}

header .main-menu>li:hover>a i {
  color: #fff;
}

header .main-menu .sub-menu {
  display: none;
  position: absolute;
  left: 50%;
  top: 100%;
  width: 180px;
  overflow: hidden;
  border-top: 2px solid #f49306;
  background: #fff;
  box-shadow: 0 1px 5px 0 rgba(83, 83, 83, 0.2);
  z-index: 5;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
}

header .main-menu .sub-menu a {
  padding: 11px 10px;
  display: block;
  color: #fff;
  font-weight: 600;
  font-size: 15px;
  transition: .4s;
  -webkit-transition: .4s;
  -moz-transition: .4s;
  -ms-transition: .4s;
  -o-transition: .4s;
}

header .main-menu .sub-menu a i {
  color: #03328E;
}

header .main-menu .sub-menu a:hover {
  background: #10bd3b;
  color: #fff;
}


header .header-logo figure img {
  max-width: 200px;
}

header .demo-link {
  margin-left: 1vw;
}

header .side-menu-close {
  background: transparent;margin-right:12px;
}

header .side-menu-close span {
  background: #fff;
  width: 28px;
}

/* side menu */
.side-menu-wrap {
  width: 300px;
  position: fixed;
  left: -100%;
  top:100px;
  background: #222;
  height: 100%;
  box-shadow: 0 1px 5px 0 rgba(83, 83, 83, 0.2);
  overflow-y: auto;
  z-index: 15000;
  transition: .4s;
  -webkit-transition: .4s;
  -moz-transition: .4s;
  -ms-transition: .4s;
  -o-transition: .4s;
}
.header-sticky .side-menu-wrap{top:85px;}
.side-menu-wrap.opened {
  left: 0;
  transition: .8s;
  -webkit-transition: .8s;
  -moz-transition: .8s;
  -ms-transition: .8s;
  -o-transition: .8s;
}

.side-menu-logo {
  border-bottom: 2px solid #FE8204;
}

.side-menu-nav .main-menu>li {
  position: relative;
  border-bottom: 1px solid #ccc;
}

.side-menu-nav .main-menu>li>a>i {
  color: #03328E;
}

.side-menu-nav .main-menu .sub-menu {
  border-top: 1px solid #cda943;
  background: #333;
  display: none;
}

.side-menu-nav .main-menu .sub-menu li {
  border-bottom: 1px solid #eee;
}

.side-menu-nav .main-menu .sub-menu a {
  padding: 10px 22px;
  display: block;
  color: #fff;
  font-weight: 600;
  font-size: .9em;
  transition: .4s;
  -webkit-transition: .4s;
  -moz-transition: .4s;
  -ms-transition: .4s;
  -o-transition: .4s;
}

.side-menu-nav .main-menu .sub-menu a i {
  color: #03328E;
}

.side-menu-nav .main-menu .sub-menu~i {
  font-size: .8em;
  position: absolute;
  padding: 19px 11px;
  right: 0;
  top: 0;
  border-left: 1px solid #ccc;
}

.side-menu-nav .main-menu .sub-menu a:hover {
  background: #F5F5F5;
}

.side-menu-nav .main-menu>li>a {
  color: #fff;
  padding: 12px 30px 12px 10px;
  font-weight: 600;
  display: block;
  transition: .4s;
  -webkit-transition: .4s;
  -moz-transition: .4s;
  -ms-transition: .4s;
  -o-transition: .4s;
}

.side-menu-wrap .side-menu-close {
  position: absolute;
  right: 0;
  top: 0;
  height: 30px;
  width: 30px;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
}

.side-menu-close {
  height: 40px;
  width: 40px;
  background: #21395F;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}

.side-menu-close span {
  height: 2px;
  width: 20px;
  background: #fff;
  position: relative;
  opacity: 1;
  transition: .4s;
  -webkit-transition: .4s;
  -moz-transition: .4s;
  -ms-transition: .4s;
  -o-transition: .4s;
}

.side-menu-close span:nth-child(1) {
  top: -5px;
}

.side-menu-close span:nth-child(3) {
  bottom: -5px;
}

.side-menu-close.closed span:nth-child(1) {
  transform: translateY(7px) rotate(45deg);
  -webkit-transform: translateY(7px) rotate(45deg);
  -moz-transform: translateY(7px) rotate(45deg);
  -ms-transform: translateY(7px) rotate(45deg);
  -o-transform: translateY(7px) rotate(45deg);
}

.side-menu-close.closed span:nth-child(2) {
  opacity: 0;
}

.side-menu-close.closed span:nth-child(3) {
  transform: translateY(-7px) rotate(-45deg);
  -webkit-transform: translateY(-7px) rotate(-45deg);
  -moz-transform: translateY(-7px) rotate(-45deg);
  -ms-transform: translateY(-7px) rotate(-45deg);
  -o-transform: translateY(-7px) rotate(-45deg);
}

/*  custom overlay */
.custom-overlay {
  position: fixed;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, .4);
  z-index: 12500;
  visibility: hidden;
  opacity: 0;
  transition: .4s;
  -webkit-transition: .4s;
  -moz-transition: .4s;
  -ms-transition: .4s;
  -o-transition: .4s;
}

.custom-overlay.show {
  visibility: visible;
  opacity: 1;
  transition: .4s;
  -webkit-transition: .4s;
  -moz-transition: .4s;
  -ms-transition: .4s;
  -o-transition: .4s;
}
.main-header .row > *{max-width:fit-content;}
.highlighted-menu{margin-right:0px !important;}
.sp-active{background-color:#222222 !important;}
.megamenu-panel{transition: all .3s ease;
    padding: 0px;
    margin: 0;
    transform: translateY(25px);
    opacity: 0;
    visibility: hidden;
    min-width: 1250px;}
.sdesk:hover .megamenu-panel {
    transform: translateY(0);
    opacity: 1;
    visibility: visible;
}.megamenu-panel a{line-height:22px !important;font-weight:300 !important;;}
.megamenu-panel .d-flex{flex-wrap:wrap;}.megamenu-panel ul li{margin:10px 0px !important;}
.megamenu-panel ul li:first-child a{font-weight:500 !important;}.megamenu-panel ul{padding:20px;}
.megamenu-panel{left:-630px !important;}
.mm1,.mm2,.mm3,.mm4,.mm5{position:relative;}
.angdown svg, .mm1.active i svg, .mm2.active i svg, .mm3.active i svg, .mm4.active i svg, .mm5.active i svg {
    transform: rotate(450deg) !important;
}.mvo{display:none !important;}.ohf{overflow:hidden;}
#current-job-role{display:block;opacity:1;width:0.1px !important;position:absolute;}
#ui-id-1{list-style-type:none;font-size:14px;padding-left:0px;}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover{border:0px !important;background:#cea943 !important;}
.tag{visibility:hidden;}
.nel{row-gap:30px;}
.frow h3{font-size: 18px;color: #cecece;font-weight: 400;}
@media (max-width:1300px){
	.megamenu-panel{min-width:1100px !important;left:-520px !important;}
}
@media (max-width:1199px){
    .main-menu ul li{margin:0px 10px;}.megamenu-panel{min-width:1000px !important;left:-460px !important;}
	.main-menu li{margin:0px 10px;}
}
@media (max-width:1100px){
    .main-menu ul li{margin:0px 5px;}.megamenu-panel{min-width:950px !important;left:-420px !important;}
	header .main-menu>li>a{padding:0px 8px;}
}
@media (max-width:1030px){
	header .main-menu>li>a{padding:0px 5px;}
}
@media only screen and (max-width: 991px){header.main-header .header-sticky{padding: 10px 0px;}
	.mvo{display:block !important;}
	.prg,.prg1{grid-template-columns:repeat(2,1fr);}.vma{grid-template-columns: 49% 49%;gap:20px 0px;}
    .navigation-portrait{height:auto;}.nlimg img,.glimg img{height:340px;}
    .nav-menu li:first-child{border-top:0px;}.main-menu .nav-dropdown > li > a{padding:10px !important;background-color:#313131;}
    .nav-dropdown > li > a{border-color:#444;}
    .main-menu ul li a{line-height:50px;}.navigation-portrait .submenu-indicator{top:5px;}
    .main-menu ul{flex-direction:column;}.smob{display:block !important;}.megamenu-panel{display:none !important;}
    .services-lists .row,.page-blog-archive .row{gap:20px;}.service-item-layout2 .service-content{padding:20px;}
    .gc{grid-template-columns: repeat(3, 1fr);}
    .frow{grid-template-columns: 25% 15% 15% 30%;}
    .pgrid{grid-template-columns:49% 49%;gap:20px 0px !important;}
    .gift-box .gift-image img{height:300px;}.gift-box{justify-content:flex-start;display:flex;flex-direction:column;}
    .gc50{display:grid;grid-template-columns:48% 48%;justify-content:space-between;margin:0px;}
    .gift-box{grid-template-columns:100%;padding-left:0px;}.gift-box div:first-child{order:2;}
    .gift-box .gift-content{padding:20px 20px 80px 20px;height:100%;}
    .video-image{width:50%;margin:0px auto;}.gc50 .col-lg-6{padding:0px;}
    .col-5 .about-img figure{
	height:550px;
}
   
    header.main-header .header-sticky.active .burger-line{background-color:var(--primary-color);}
    .hero-content-body p{width:75%;margin:0px auto;}
    .navbar-block{top:100px;height:100vh;}
    #magic-cursor,.highlighted-menu {
        display: none !important;
    }
    .main-menu ul{padding-left:0px;padding-top:0px;}
    .header-sticky.active .main-menu ul li a{color:#fff;}
	.responsive-menu,
    .navbar-toggle{
        display: block;
    }
    header.main-header .header-sticky.active .navbar-block{top:0px;}
    .section-title{
        margin-bottom: 40px;
    }

    .main-menu ul li{
        margin: 0px;
    }
    .main-menu ul li a{display:flex;}
    .hero{
        padding: 60px 0 100px;
    }

    .hero-content{
        padding-right: 0;
    }

    .hero-image{
        text-align: center;
        margin-top: 40px;
    }

    .about-us-section{
        padding: 60px 0;
    }

    .about-image{
        padding-right: 0;
        margin-bottom: 30px;
    }

    .about-year{
        padding: 20px;
    }

    .home-services{
        padding: 60px 0;
    }

    .service-item-layout1{
        padding: 0;
    }

    .service-item-layout1 .service-icon{
        max-width: 70px;
    }

    .why-choose-us{
        padding: 60px 0;
    }

    .why-choose-us-video{
        margin-bottom: 40px;
    }

    .whyus-content{
        padding-right: 0;
    }

    .fun-facts {
        padding: 60px 0;
    }

    .fun-facts .section-title{
        text-align: center;
        margin-bottom: 30px;
    }

    .photo-gallery{
        padding: 60px 0;
    }

    .pricing{
        padding: 60px 0 30px;
    }

    .gift-cards{
        padding: 60px 0;
    }

    .testimonials{
        padding: 60px 0;
    }

    .testimonial-slide{
        padding: 30px;
    }

    .latest-posts{
        padding: 60px 0px;
    }

    .post-item{
        margin-bottom: 30px;
    }

    .footer-contact-information{
        padding: 40px 0;
    }


    .footer-logo,
    .footer-social,
    .footer-menu,
    .copyright{
        margin-bottom: 20px;
    }

    .copyright{
        margin-bottom: 0;
    }

    .footer-social ul li{
        margin: 0 4px;
    }

    .footer-menu ul li{
        margin: 0 10px;
    }

    .page-header{
        padding: 140px 0 60px;
    }

    .page-header-box h1,
    .page-header-box h2{
        font-size: 36px;
    }

    .page-header-icon{
        width: 70px;
        height: 70px;
    }

    .our-goal{
        padding: 60px 0 30px;
    }

    .goal-item{
        margin-bottom: 30px;
    }

    .our-team{
        padding: 60px 0 30px;
    }

    .team-item{
        margin-bottom: 30px;
    }

    .we-use{
        padding: 60px 0;
    }

    .brand-logo{
        padding: 30px 20px;
    }

    .services-lists{
        padding: 60px 0;
    }

    .offers-gift-cards{
        padding: 30px 0;
    }

    .page-service-single{
        padding: 60px 0;
    }

    .service-sidebar{
        padding-right: 0;
        margin-bottom: 40px;
        position: inherit;
    }

    .service-list-box{
        margin-bottom: 30px;
    }

    .contact-information{
        padding: 60px 0 20px;
    }

    .contact-box{
        margin-bottom: 40px;
    }

    .contact-box:after{
        display: none;
    }

    .get-in-touch{
        padding: 60px 0;
    }

    .google-map-iframe iframe{
        min-height: 450px;
    }

    .blog-single-page{
        padding: 60px 0;
    }

    .blog-single-page .post-featured-image{
        margin-bottom: 30px;
    }

    .blog-single-page .post-content{
        padding: 0px;
    }

    .post-social-sharing{
        margin-top: 20px;
    }

    .post-social-sharing ul{
        text-align: left;
    }

    .page-blog-archive{
        padding: 60px 0;
    }

    .post-pagination{
        margin-top: 10px;
    }

    .page-pricing{
        padding: 60px 0 0;
    }

    .page-faqs{
        padding: 60px 0;
    }

	.page-not-found{
		padding: 60px 0;
	}
    .navbar-inner,.navbar-block{width:100%;}
    .slinks ul{gap:50px;}.page-service-single .row{display:grid;grid-template-columns:45% 50%;justify-content:space-between;}
    .page-service-single .row > div{width:100%;}.page-service-single .pe-5{padding:0px !important;}
     .bbg .row{grid-template-columns: repeat(3, 1fr);}
	header.main-header .header-sticky.active .main-menu ul li a{line-height:50px;}
}
@media only screen and (max-width: 991px){
    .col-7 .about-img figure{
	height:650px;
    }
 .col-5 .about-img figure{
	height:500px;
    }
    .bloglist{grid-template-columns:25% 70%;align-items:center;}.blog-single-page .col-lg-4{margin-top:60px;}
	.main-menu li{margin:0px;}header.main-header{padding:10px 0px !important}
}
@media (max-width:900px){
    .frow{grid-template-columns: 28% 15% 15% 34%;}.slinks ul{gap:20px;}
    .page-service-single .row{grid-template-columns:100%;}.page-service-single .row figure{text-align:center;}
     .bbg .row{grid-template-columns: repeat(2, 1fr);}
}
@media only screen and (max-width: 767px){.page-service-single .row{grid-template-columns:100%;}
    .page-service-single .row img{width:100%;}.post-meta p{font-size:14px;}.nlimg,.glimg{grid-template-columns:repeat(2,1fr);}
    .gbg{background:#f5f5f5;}.career form{padding-left:0px;}
    .wah{padding:0px 15px !important;}.card{background:transparent;}
    .career label{padding-left:0px;padding-right:0px;}
    .gc{grid-template-columns: repeat(2, 1fr);padding:0px;}
    .facts-counter .row{display:grid;grid-template-columns:repeat(3,1fr);}
        .frow{grid-template-columns:45% 53%;gap:30px 0px;}    form > div.col-2, form .col-3 {
        width:100%;
    }
    .video-image{width:75%;}
    .col-7 .about-img figure{
	height:550px;
    }
 .col-5 .about-img figure{
	height:470px;
    }.about-image{margin-top:50px;}
    .about-us-section .container > .row{flex-direction:column-reverse;}
    .btn-default{
        font-size: 16px;
    }

    header.main-header .header-sticky{
        padding: 15px 0;
    }

    .hero{
        padding: 40px 0 80px;
    }

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

    .section-title{
        margin-bottom: 30px;
    }

    .section-title h3{
        font-size: 18px;
        margin-bottom: 10px;
    }

    .section-title h3:before{
        width: 20px;
        height: 20px;
        top: -3px;
    }

    .section-title h1,
    .section-title h2{
        margin-bottom: 10px;
        font-size: 28px;
    }

    .hero-content-body ul li{
        font-size: 18px;
        padding: 8px 0;
    }

    .features-ticker{
        padding: 15px 0;
    }

    .feature-ticker-content ul li{
        font-size: 18px;
    }

    .feature-ticker-content ul li img{
        max-height: 18px;
    }

    .about-us-section{
        padding: 50px 0;
    }

    .about-year{
        padding: 4px;
        border-radius: 30px 30px 0 30px;
    }

    .about-year p{
        font-size: 14px;
        margin-bottom: -5px;
    }

    .about-year h4{
        font-size: 28px;
    }

    .about-img.right-shape img{
        border-radius: 30px 30px 0 30px;
    }

    .about-img.left-shape img{
        border-radius: 30px 30px 30px 0;
    }

    .home-services{
        padding: 50px 0 10px;
    }

    .service-item-layout1{
        margin-bottom: 40px;
        padding: 0 10px;
    }

    .service-item-layout1:after{
        display: none;
    }

    .service-item-layout1 h3{
        font-size: 20px;
    }

    .why-choose-us{
        padding: 50px 0;
    }

    .why-choose-us .section-title{
        text-align: center;
        margin-bottom: 30px;
    }

    .whyus-feature-item .whyus-icon{
        width: 70px;
        height: 70px;
        margin: 0 auto 20px;
    }

    .whyus-desc{
        width: 100%;
        text-align: center;
    }

    .whyus-desc h3{
        font-size: 20px;
    }

    .fun-facts{
        padding: 50px 0 20px;
    }

    .facts-item{
        margin-bottom: 30px;
    }

    .facts-item .icon-box{
        width: 70px;
        height: 70px;
    }

    .facts-item h3{
        font-size: 30px;
    }

    .photo-gallery{
        padding: 50px 0;
    }

    .photo-gallery-item{
        max-width: 200px;
    }

    .photo-gallery-item img{
        border-radius: 30px 30px 30px 8px;
    }

    .pricing{
        padding: 50px 0 20px;
    }

    .pricing-item{
        padding: 30px;
        border-radius: 30px 30px 8px 30px;
    }

    .pricing-item .pricing-info h3{
        font-size: 20px;
    }

    .gift-cards{
        padding: 50px 0;
    }

    .gift-box,
    .gift-box.left-shape{
        border-radius: 20px;
    }

    .gift-box .gift-content{
        width: 100%;
    }

    .gift-box .gift-content h3{
        font-size: 20px;
    }

    .gift-box .gift-image{
        width: 100%;
        text-align: center;
    }



    .testimonials{
        padding: 50px 0;
    }

    .testimonial-slide{
        border-radius: 30px 30px 8px 30px;
    }

    .testimonial-header:after{
        width: 50px;
    }

    .testimonial-header .author-img{
        width: 70px;
        margin-right: 20px;
    }

    .testimonial-header .author-info{
        width: calc(100% - 90px);
    }

    .testimonial-header .author-info h3{
        font-size: 20px;
    }

    .latest-posts{
        padding: 50px 0;
    }

    .post-item{
        border-radius: 30px 30px 8px 30px;
    }

    .post-header{
        padding: 5px 15px 0px;
    }

    .post-header h3{
        font-size: 20px;
    }

    .footer-contact-information{
        padding: 40px 0 10px;
    }

    .contact-info-item{
        margin-bottom: 30px;
    }

    .contact-info-item h3{
        font-size: 20px;
    }

    .contact-info-item .icon-box{
        width: 70px;
        height: 70px;
    }

    .page-header{
         padding: 140px 0 60px;
    }
    
    .page-header-box h1,
    .page-header-box h2{
        font-size: 28px;
    }

    .page-header-icon-box{
        justify-content: center;
        margin-bottom: 10px;
    }

    .page-header-icon{
        width: 50px;
        height: 50px;
    }

    .page-header-box{
        text-align: center;
    }

    .page-header-box .breadcrumb{
        justify-content: center;
        font-size: 14px;
    }

    .our-goal{
        padding: 50px 0 20px;
    }

    .goal-item{
        border-radius: 30px 30px 8px 30px;
    }

    .goal-icon{
        width: 78px;
        height: 78px;
    }

    .goal-content{
        margin-top: -35px;
        padding: 0 20px 20px 20px;
    }

    .goal-content h3{
        font-size: 20px;
    }

    .our-team{
        padding: 50px 0 20px;
    }

    .team-item{
        border-radius: 30px 30px 8px 30px;
    }

    .team-item .team-info h3{
        font-size: 20px;
    }

    .we-use{
        padding: 50px 0 20px;
    }

    .brand-logo{
        height: calc(100% - 30px);
        margin-bottom: 30px;
        border-radius: 30px 30px 8px 30px;
    }

    .services-lists{
        padding: 50px 0;
    }

    .service-item-layout2{
        border-radius: 30px 30px 8px 30px;
    }

    .service-item-layout2 .service-content{
        padding: 30px;
    }

    .offers-gift-cards{
        padding: 30px 0 20px;
    }

    .page-service-single{
        padding: 50px 0;
    }

    .service-list-box,
    .service-help{
        border-radius: 30px 30px 8px 30px;
    }

    .help-image img{
        max-width: 100px;
    }

    .help-content h3{
        font-size: 28px;
    }

    .service-content .service-image img{
        border-radius: 30px 30px 8px 30px;
    }

    .service-content .service-entry h1,
    .service-content .service-entry h2,
    .service-content .service-entry h3,
    .service-content .service-entry h4,
    .service-content .service-entry h5,
    .service-content .service-entry h6{
        margin: 0 0 1em;
    }

    .service-content .service-entry h1{
        font-size: 26px;
    }

    .service-content .service-entry h2{
        font-size: 22px;
    }

    .service-content .service-entry h3{
        font-size: 20px;
    }

    .service-content .service-entry h4{
        font-size: 18px;
    }

    .service-content .service-entry h5{
        font-size: 16px;
    }

    .service-content .service-entry h6{
        font-size: 14px;
    }

    .service-photo-gallery{
        margin-top: 30px;
    }

    .service-photo-gallery-entry .service-photo-item img{
        border-radius: 30px 30px 8px 30px;
    }

    .service-photo-gallery-entry .service-photo-item{
        width: calc(50% - 10px);
    }

    .service-photo-gallery-entry .service-photo-item:nth-of-type(2n + 2){
        margin-right: 0;
    }

    .service-photo-gallery .service-photo-gallery-header h2,
    .faqs .faq-header h2{
        font-size: 22px;
        margin-bottom: 20px;
    }

    .faq-accordion .accordion-item .accordion-header{
        padding-left: 20px;
        padding-right: 20px;
    }

    .faq-accordion .accordion-item .accordion-header button{
        font-size: 16px;
        padding: 15px 0;
    }

    .faq-accordion .accordion-item .accordion-collapse{
        padding: 0 20px;
    }

    .contact-information{
        padding: 50px 0;
    }

    .contact-box{
        margin-bottom:30px;
    }

    .contact-information .row [class*='col-']:last-child .contact-box{
        margin-bottom: 0;
    }

    .contact-box:after{
        display: block;
        width: 70%;
        height: 1px;
        top: auto;
        bottom: -30px;
        right: auto;
        left: 15%;
    }

    .contact-box .icon-box{
        width:50px;
        height:50px;
        border-radius: 50px 50px 8px 50px;
    }

    .contact-box h3{
        font-size: 20px;
    }

    .get-in-touch{
        padding: 50px 0;
    }

    .google-map-iframe iframe{
        min-height: 350px;
    }

    .blog-single-page{
        padding: 50px 0;
    }

    .post-content{
        border-radius: 30px 30px 8px 30px;
        padding: 20px;
    }

    .post-content .post-entry h1,
    .post-content .post-entry h2,
    .post-content .post-entry h3,
    .post-content .post-entry h4,
    .post-content .post-entry h5,
    .post-content .post-entry h6{
        margin: 0 0 1em;
    }

    .post-content .post-entry h1{
        font-size: 26px;
    }

    .post-content .post-entry h2{
        font-size: 22px;
    }

    .post-content .post-entry h3{
        font-size: 20px;
    }

    .post-content .post-entry h4{
        font-size: 18px;
    }

    .post-content .post-entry h5{
        font-size: 16px;
    }

    .post-content .post-entry h6{
        font-size: 14px;
    }

    .post-content .post-entry blockquote{
        padding: 20px;
    }

    .post-content .post-entry blockquote p{
        border-left: 0;
        padding-left: 0;
    }

    .post-content .post-tags{
        font-size: 18px;
    }

    .post-content .post-tags a{
        font-size: 14px;
        padding: 8px 12px;
    }

    .page-blog-archive{
        padding: 50px 0;
    }

    .page-pricing{
        padding: 50px 0 0;
    }

    .page-faqs{
        padding: 50px 0;
    }

	.page-not-found{
		padding: 40px 0;
	}

	.not-found-image img{
		max-width: 90%;
	}

	.page-not-found-box h3{
		font-size: 28px;
	}
    .slinks a{font-size:14px;}.slinks svg{margin-right:5px;}
     .bbg .row{grid-template-columns: repeat(2, 1fr);}
}
@media screen and (min-width: 62rem) {
     .burger {
    display: none;
    visibility: hidden;
  }
      .menu {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;    
    height: 100%;
    padding: unset;
  }
  .menu-item {
    display: flex;
    cursor: pointer;
  }
  .menu-link {
    padding: unset;
  }
  .navbar {
    display: flex;
    justify-content: space-between;
  }
  .navbar-block {
    position: initial;
    height: initial;
    opacity: 1;
    overflow: auto;
    pointer-events: visible;
    background: none;
    transition: none;
  }  .dropdown-toggle {
    -moz-column-gap: 0.35rem;
         column-gap: 0.35rem;
    pointer-events: none;
  }
  .dropdown-content {
    position: absolute;
    left: 0;
    right: 0;
    top: 6rem;
    opacity: 0;
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content;
    pointer-events: none;
    background-color: var(--color-white-100);
    border-top: 2px solid var(--color-white-200);
    box-shadow: var(--shadow-large);
    transition: top 0.4s, opacity 0.3s ease;
  }
  .dropdown-column {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    -moz-column-gap: 2rem;
         column-gap: 2rem;
    max-width: 75rem;
    margin-inline: auto;
  }
  .dropdown-group {
    align-content: baseline;
    row-gap: 1.25rem;
    padding-block: 4rem;
  }
  .dropdown-group:first-child, .dropdown-group:last-child {
    margin: unset;
  }
  .dropdown-items {
    padding-top: unset;
  }
  .dropdown-block {
    padding-top: unset;
    padding-inline: unset;
  }
  .dropdown:hover > .dropdown-content {
    cursor: initial;
    top: 4.25rem;
    opacity: 1;
    pointer-events: initial;
  }
  .dropdown:hover > .dropdown-toggle i.bx {
    rotate: 180deg;
  }
}

@media (max-width:800px){
    .hero-bg-slide {
    height: 600px;
}
  
}
@media (max-width:767px){
    .hero-bg-slide h1{font-size:40px;}.hero-content-body p{width: 90%;font-size:16px;}
    .home-services .row.gap40{display:grid;grid-template-columns:48% 48%;justify-content:space-between;gap:0px;}
    .copyright{flex-wrap:wrap;flex-direction:column;justify-content:center;text-align:center;}
    .services-lists .row,.page-blog-archive .row{grid-template-columns:repeat(2,1fr);}
}
@media (max-width:700px){.slinks{display:none;}}
@media (max-width:600px){.prg,.prg1{grid-template-columns:repeat(1,1fr);}
	.hero-content-footer a:last-child{display:none;}.hero-content-footer .btn-default{margin-right:0px;}
    .tsrow,.lgrid2{display:grid;grid-template-columns:repeat(1,1fr);gap:15px;}.gc1 img{height:300px;}.bbg p{font-size:18px;}
}
@media (max-width:480px){.page-service-single .row{grid-template-columns:100%;}.gc1 img{height:400px;}
    .hero-bg-slide h1{font-size:30px;}.hero-content-body p,.flogo svg{display:none;}header.main-header .header-sticky{padding:5px 0px;}
    header svg{width:150px;}.sp-active svg{width:130px;}.hero-bg-slide{height:480px;}
    .swiper-pagination{bottom:10px !important;}.hero-bg-slide a{width:150px;font-weight:500;}.hero-content-footer a:last-child{margin-right:0px;}
    .btn-default{padding:8px 24px;}  .swiper-wrapper .swiper-slide:nth-child(2) .img-layer{background-position:-350px 0px !important;}
    .hero-bg-slide .section-title p{font-size:16px;margin-bottom:20px;}.features-ticker{display:none;}
     .col-7 .about-img figure{
	height:370px;
    }
 .col-5 .about-img figure{
	height:auto;
    }.about-image .col-7,.about-content p:nth-child(2),.service-item-layout1 p,.gift-box p{display:none;}.about-image .col-5{width:100%;}.about-us-section .about-year{margin-bottom:0px;border-bottom-left-radius:0px;
        border-bottom-right-radius:0px;}.about-img.left-shape img,.about-img.left-shape{border-top-left-radius:0px;border-top-right-radius:0px;}
    .about-us-section .about-year{display:flex;justify-content:center;gap:10px;align-items:center;}.about-year p{font-size:28px;margin:0px;}
    .service-item-layout1 h3{font-size:18px;}.service-item-layout1{margin-bottom:0px;}.home-services .row.gap40{gap:20px 0px;}
    .video-image{width:90%;}.facts-item p{width:80%;margin:0px auto;text-align:center;display: flex;
        justify-content: center;}.facts-item h3{font-size:24px;}.gift-box .gift-image img{height:320px;}
    .gc50,.pgrid{grid-template-columns:100%;gap:30px;}
    .testimonial-header:after{display:none;}.frow{grid-template-columns:100%;gap:0px;}
        .foldhead h2 {
        display: block;
        font-size: 18px;
        font-weight: 500;
        color: #fff;
        border-bottom: 1px solid var(--dark-divider-color);
        padding-bottom: 10px;
    }    .foldhead ul {
        max-height: 0;
        overflow: hidden;
        transition: max-height 1s ease-out;
        margin-bottom: 0px;
    }.flogo{order:4;}footer h2{font-size:18px;}footer p, footer a{font-size:15px;}.copyright p{font-size:14px;}
        .foldhead h2::after {
        content:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' viewBox='0 0 40 40'%3E%3Cpath fill='%23fff' d='M24.96 32.601L12.371 19.997l.088-.088l12.507-12.52a.661.661 0 0 0-.01-.921a.645.645 0 0 0-.458-.182a.653.653 0 0 0-.465.186l-13.004 13.02a.63.63 0 0 0-.176.49a.656.656 0 0 0 .18.523l13.014 13.031c.244.23.659.233.921-.02a.658.658 0 0 0-.008-.915'/%3E%3C/svg%3E");
        float: right;
        transform: rotate(270deg);
        transition: all 0.3s ease;
    }
.foldhead.open h2:after { 
  transform:rotate(90deg);
 }.foldhead div{margin:10px 0px;}
.foldhead.open ul{ height:auto; max-height: 500px; transition: max-height 1s ease-in !important;}
    .mmb10 p{margin-bottom:15px;}.footer-social{margin-top:10px !important;}.mmb10{margin-top:10px;}.navbar-block{top:80px;}
    header.main-header .header-sticky.active .navbar-block{top:0px;}    .page-header {
        padding: 100px 0 40px;
    }.contact-box .px-3{padding:0px !important;}.gc a{border-radius:10px;}.gbg h2{margin-bottom:20px !important}
    .gcslider{padding:0px !important;}.gcslider .swiper-slide{padding:5px;}
    .gcslider .swiper-button-prev::after, .gcslider .swiper-button-next::after{font-size:24px;}
    .gcslider img{height:250px;}.row > *{padding-left:0px;padding-right:0px;}.service-item-layout2 .service-content{padding:20px 20px 25px 20px;}
    .page-service-single .row h2{font-size:26px;}
    .services-lists .row,.page-blog-archive .row{grid-template-columns:repeat(1,1fr);gap:40px;}
    .bloglist{grid-template-columns:100%;}.bloglist img,.hblogs .post-readmore{display:none;}
    .post-readmore a{width:34px;height:34px;}.nlimg img,.glimg img{height:200px;}
	.tsrow .testimonial-slide{padding:30px 15px;}.testimonial-header .author-img{width:60px;margin-right:15px;}
	.testimonial-header{align-items:flex-start;margin-bottom:15px;}
	.side-menu-wrap{top:72px;}header .header-logo{padding-left:0px;}header .side-menu-close{margin-right:0px;}
	header.main-header {
        padding:6px 0px !important;
    }.header-sticky .side-menu-wrap {
    top: 64px;
	}.vma{grid-template-columns:100%;}.side-menu-wrap{width:100%;}
}
@media (max-width:400px){
    .hero-bg-slide a{width:120px;}.hero-bg-slide .btn-default{padding:5px 12px;font-size:14px;}.hero-bg-slide h1{font-size:26px;}
    .bfont{font-size:34px !important;}.hero-bg-slide .section-title p{margin-bottom:10px;}.gc1 img{height:380px;}
}