/*
Company: PixalFloat
Author : Shameer
Theme Colors
RED 	: E82427
BG Blue  : 20475C
textBlue : 021F3A
Text     : 252525
font-family: "Poppins", sans-serif;
font-family: "Raleway", sans-serif;
*/

@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@400;600;700&family=Poppins:wght@400;500;600;700&display=swap');

* { margin:0; padding:0;  }
body {
	margin: 0; padding: 0; 
	font-family: "Outfit", sans-serif;;
	font-weight: 400; font-size: 16px; color:#444;
	background: #fff; }
img { max-width: 100%; height: auto; }

/* TYPOGRAPHY --------------------------- */
h1, h2, h3 { 
	font-weight:600;
	color:#0E284A; text-align: left;
	font-family: "Poppins", sans-serif;
	margin:0 0 30px; padding:0; line-height:1.1; }
h4, h5 { 
	font-weight:600;
	color:#0E284A; text-align: left;
	font-family: "Poppins", sans-serif;
	margin:0 0 20px; padding:0; line-height:1.3; }
h6 {
	color:#0E284A;
	text-align: left; margin:0 0 20px 0; padding:0; line-height: 1.4;
	font-family: "Poppins", sans-serif; font-weight:500; }

h1 { font-size:60px; }
h2 { font-size:50px; }
h3 { font-size:46px; }
h4 { font-size:34px; }
h5 { font-size:26px; }
h6 { font-size:22px; }
.webtitle { 
	width:100%; float:left; margin:0; padding:0;
	font-family: "Poppins", sans-serif;
	font-size:15px; font-weight:500; color:#F6A720; }
span.titletag { 
	width:100%; 
	margin:0; padding:0; 
	color:#208D43; font-size:16px; font-weight:500; }
p { 
	margin:0 0 30px; padding:0; 
	font-size:16px; color:#444;
	font-family: "Outfit", sans-serif;; font-weight: 400;
	text-align: left; line-height: 1.5;}
p a { text-decoration:underline; }
p a:hover { color:#208D43; }

span {}
strong { font-weight:700; }
span.titletop { 
	display:inline-block; margin:0 0 10px; padding:5px 15px; border-radius:5px;
	background:#F6F6F7; color:#141414; font-weight: 500;  }


a { text-decoration:none; color:#208D43; transition: all 1s; }
a:hover { color:#208D43; }
a img { border: none; outline: none; }

@media(max-width:1200px){
	h1, h2, h3 { margin:0 0 20px; }
	h4, h5, h6 { margin:0 0 15px; }
	p { font-size:16px; margin:0 0 25px; }
}
@media(max-width:991px){
	h1 { font-size:52px; }
	h2 { font-size:40px; }
	h3 { font-size:36px; }
	h4 { font-size:30px; }
	h5 { font-size:24px; }
	h6 { font-size:20px; }
	p  { font-size:15px; line-height: 1.6;  margin:0 0 20px; }
}
@media(max-width:767px){
	h1, h2, h3 { margin:0 0 15px; }
	h4, h5, h6 { margin:0 0 10px; }
	h1 { font-size:46px; }
	h2 { font-size:38px; }
	h3 { font-size:34px; }
	h4 { font-size:30px; }
	h5 { font-size:24px; }
	h6 { font-size:20px; }
}
@media(max-width:575px){
	h3 { font-size:30px; }
  h5 { font-size:22px; }
	h6 { font-size:18px; }
	p { font-size:14px; }
}
::after,
::before { font-family: "Font Awesome 5 Free"; font-weight:900; }
.fab::after,
.fab::before {
	font-family: 'Font Awesome 6 Brands'; font-weight: 400;
}
a::after,
a::before { 
	display: inline-block; margin:0 8px 0 0; padding:0; }
.wp-block-button .wp-block-button__link,
a.white_button,
a.button {
  display: inline-flex;  flex-wrap: nowrap;             
  justify-content: center; align-items: center;
  border:none; outline:none;
  margin: 0; padding: 0;
  text-decoration: none; line-height: 1;
  border-radius: 5px;
  text-transform: capitalize;
  font-size: 15px; 
  color: #208D43; text-align: center;
  white-space: nowrap; }
a.button span { 
	padding:0 35px 0 25px; border-radius:30px; font-weight: 600;
	display: inline-flex; align-items: center; justify-content: center; height:50px; background: #fff; border: 2px solid #208D43;}
.wp-block-button .wp-block-button__link::after,
a.button::after {
	transform: rotate(-45deg); transition: all 0.5s; 
	display: inline-flex;  flex-wrap: nowrap; margin:0 0 0 -20px;      
  justify-content: center; align-items: center;
	background:#F6A720; color:#fff; width:50px; height:50px; border-radius:50px;
  content: '\f061';
  font-family: "Font Awesome 6 Free"; font-weight: 900; }
.wp-block-button .wp-block-button__link:hover,
a.button:hover::after{ transform: none; margin:0 0 0 -15px;}

a.button.whitebg { background:#fff; color:#208D43; border-color:#208D43; }
a.button.whitebg:hover { background: #208D43; color:#fff; }

a.line_button { text-decoration:none; color:#444; border-bottom:2px solid #444; }
a.line_button:hover { color:#208D43; border-color:#208D43; }


a.readmore { font-weight:500; color:#00276C; }
a.readmore span { display: inline-block; margin:0 5px 0 0; }
a.readmore::after { content:'\f178'; }
a.readmore:hover { color:#208D43; }

a.readback { font-weight:500; color:#208D43; }
a.readback::before { content:'\f060';}
a.contact-button { 
	color:#000; text-transform: uppercase; }


@media(max-width:767px){
	a.button {  }
	a.button:hover  {  }
}
/*  MENU  ----------------------*/
.menu-area {
	margin:0;
	width: auto; float:left; transition: all 1s; }
.top-menu { 
	width:100%; float:left;
	padding:0 50px 0 0; margin:0; text-align: center; }
.top-menu a {
	font-size:16px;
	text-decoration: none; color:#fff; font-weight:500; }
.top-menu a:hover { color:#208D43; }
.top-menu a.active, .current-menu-item a { color:#fff; }

.top-menu li::before { display: none; }
.top-menu ul {
	float: right; display: inline-block; 
	margin:0; padding:0;
	list-style: none; }
.top-menu ul li {
	clear:none; margin:0; padding:0px 25px;
	float:left; position: relative;
	border: none; line-height: 1em; }
.top-menu ul li a { 
	position: relative;
	padding:8px 0; margin:0; display: inline-block; }
.top-menu ul li a:hover {  }
.top-menu ul li a:focus { border: none; outline: none; }
.top-menu ul li ul { padding:5px 0; }
.top-menu ul li ul li a {  }
.top-menu ul li ul li a:hover { background:#eee; }


/* border animation --------------------- */
.top-menu ul li a::after {
  content: "";
  position: absolute;
  width: 0; height: 2px; margin:0; pading:0;
  background: #208D43;
  transition: all 0.4s ease; }
.top-menu ul li a::after {
  left: 0; bottom: 0; }
.top-menu ul li a:hover::before,
.top-menu ul li a:hover::after {
  width: 100%; }



/* DROP DOWN MENU  ------------*/
.top-menu .sub-menu { display: none; }
.top-menu ul li.menu-item-has-children { cursor: pointer; }
.top-menu ul li.menu-item-has-children a { padding-right: 20px; }

ul.sub-menu { 
	width: 250px; position: absolute; left:4px; top:28px; z-index: 2001;
	margin:0; padding:0;
  	background:#f9f9f9; border-radius: 3px; }
ul.sub-menu li { 
	width:100%; float:left; clear:both; 
	margin:0; padding:0; border-bottom:1px solid #eee; }
ul.sub-menu li a {
	width:100%; float:left; clear:both; text-transform: capitalize;
	margin:0; padding:8px 10px; min-height: auto;  text-align: left;
	color:#333; font-size:13px; font-weight: 400;
}ul.sub-menu li a:hover {color:#2d2d2d;}
ul.sub-menu li:last-child { border:none; }

.top-menu .drop-down-icon {
	position:absolute; right:10px; top:9px; display:inline-block;
	width:20px; height:20px; line-height:20px;
	text-align:center; cursor: pointer;
	z-index:2001; color:#fff;
}
.drop-down-icon i { line-height: 20px; color:#fff; }
.top-menu .submenu-active { display: block; }

.menu-button { 
	justify-content: center; align-items:center;
	display: none; 
	cursor: pointer; float: right; 
	width:50px; height:40px; 
	margin:0; padding:0; line-height:1;
	color:#fff; text-align:center; font-size:22px;
	background:none; border-radius: 30px; }
.menu-close {
	display: none; background:rgba(0,0,0,0.2);
	width:30px; height:30px;
	margin:0 20px 0 0; float:right; clear: both;
	text-align: center; line-height: 30px;
	font-size:1.1em; color:#000; cursor: pointer;
	border-radius: 30px; -webkit-border-radius: 30px; 
	-moz-border-radius: 30px; /*border:1px solid #3a88fa;*/ }
.menu-logo { display: none; }
@media(max-width:1200px){
	.menu-logo { display: block; text-align: center; width:100%; float:left; }
	.menu-button { display: flex; }
	.menu-close { display: block; }
	.menu-area { 
		height:100vh; overflow:hidden;
		width:0; 
		position: fixed; top:0; left: 0; z-index: 2001;
		background:#fff; }
	.menu-area .top-menu { margin:0; padding:140px 0 50px; }
	.menu-area ul { margin:0; padding:0; }
	.menu-area ul li { 
	  width:100%; float:left; text-align: center; margin:10px 0 10px; padding:0; }
	.menu-area ul li a { 
		font-size:1.1em; color:#212121; font-weight:600; }
	.menu-area ul li a:hover { color:#333; }
	
	.top-menu .drop-down-icon {
		width:30px; height:34px; border-radius: 15px;
		line-height: 34px; color:#fff;
		right:10px; top:0; background:rgba(256,256,256,0.2); }
	.top-menu .sub-menu { 
		float:left;
		width:100%; margin:5px auto 0 auto; float:none; padding:0; clear:both; position:relative; top:0; left:0; }
	.top-menu .sub-menu li { margin:0; padding:0; text-align: center; border:none; }
	.top-menu .sub-menu li a { 
		width:auto; display: inline-block;
		margin:10px auto; padding:2px; float:none;
		text-align: center; font-size:18px; border:none; } 
	.sub-menu {}
	.top-menu { text-align: center; }
	.top-menu ul { width:100%; }
	.menu-area .top-phonecall { display: none; }
	.menu-area .quick-quote { display: none; }
	 
}
@media (max-width: 767px) { 
	.menu-button { background:none; }
}
@media (max-width:575px) { 
	.menu-button { /*position:fixed; right:40px; top:30px;*/ }
	.menu-area { top: auto; bottom:0; }
}
@media (max-width:380px) {
	
}

/* menus script ---*/
.menu-active { 
	width: 100%; display: block; overflow-y:scroll; }



/* SPACING ------------------ */
.nopadding { padding:0 !important; }
.nomargin { padding:0 !important; }
.mt-40 { margin-top: 40px !important; } .mr-40 { margin-right: 40px !important; } .mb-40 { margin-bottom: 40px !important; } .ml-40 { margin-left: 40px !important; }
.mt-30 { margin-top: 30px !important; } .mr-30 { margin-right: 30px !important; } .mb-30 { margin-bottom: 30px !important; } .ml-30 { margin-left: 30px !important; }
.mt-20 { margin-top: 20px !important; } .mr-20 { margin-right: 20px !important; } .mb-20 { margin-bottom: 20px !important; } .ml-20 { margin-left: 20px !important; }
.mt-10 { margin-top: 10px !important; } .mr-10 { margin-right: 10px !important; } .mb-10 { margin-bottom: 10px !important; } .ml-10 { margin-left: 10px !important; }
.pt-40 { padding-top: 40px !important; } .pr-40 { padding-right: 40px !important; } .pb-40 { padding-bottom: 40px !important; } .pl-40 { padding-left: 40px !important; } 
.pt-30 { padding-top: 30px !important; } .pr-30 { padding-right: 30px !important; } .pb-30 { padding-bottom: 30px !important; } .pl-30 { padding-left: 30px !important; } .pt-20 { padding-top: 20px !important; } .pr-20 { padding-right: 20px !important; } .pb-20 { padding-bottom: 20px !important; } .pl-20 { padding-left: 20px !important; } .pt-10 { padding-top: 10px !important; } .pr-10 { padding-right: 10px !important; } .pb-10 { padding-bottom: 10px !important; } .pl-10 { padding-left: 10px !important; }

@media screen and (max-width:767px){
	.mt-md-40 { margin-top: 40px !important; } .mr-md-40 { margin-right: 40px !important; } .mb-md-40 { margin-bottom: 40px !important; } .ml-md-40 { margin-left: 40px !important; } .mt-md-30 { margin-top: 30px !important; } .mr-md-30 { margin-right: 30px !important; } .mb-md-30 { margin-bottom: 30px !important; } .ml-md-30 { margin-left: 30px !important; } .mt-md-20 { margin-top: 20px !important; } .mr-md-20 { margin-right: 20px !important; } .mb-md-20 { margin-bottom: 20px !important; } .ml-md-20 { margin-left: 20px !important; } .mt-md-10 { margin-top: 10px !important; } .mr-md-10 { margin-right: 10px !important; } .mb-md-10 { margin-bottom: 10px !important; } .ml-md-10 { margin-left: 10px !important; }
	.pt-md-40 { padding-top: 40px !important; } .pr-md-40 { padding-right: 40px !important; } .pb-md-40 { padding-bottom: 40px !important; } .pl-md-40 { padding-left: 40px !important; } .pt-md-30 { padding-top: 30px !important; } .pr-md-30 { padding-right: 30px !important; } .pb-md-30 { padding-bottom: 30px !important; } .pl-md-30 { padding-left: 30px !important; } .pt-md-20 { padding-top: 20px !important; } .pr-md-20 { padding-right: 20px !important; } .pb-md-20 { padding-bottom: 20px !important; } .pl-md-20 { padding-left: 20px !important; } .pt-md-10 { padding-top: 10px !important; } .pr-md-10 { padding-right: 10px !important; } .pb-md-10 { padding-bottom: 10px !important; } .pl-md-10 { padding-left: 10px !important; } 
}
@media screen and (max-width:575px){
	.mt-sm-40 { margin-top: 40px !important; } .mr-sm-40 { margin-right: 40px !important; } .mb-sm-40 { margin-bottom: 40px !important; } .ml-sm-40 { margin-left: 40px !important; } .mt-sm-30 { margin-top: 30px !important; } .mr-sm-30 { margin-right: 30px !important; } .mb-sm-30 { margin-bottom: 30px !important; } .ml-sm-30 { margin-left: 30px !important; } .mt-sm-20 { margin-top: 20px !important; } .mr-sm-20 { margin-right: 20px !important; } .mb-sm-20 { margin-bottom: 20px !important; } .ml-sm-20 { margin-left: 20px !important; } .mt-sm-10 { margin-top: 10px !important; } .mr-sm-10 { margin-right: 10px !important; } .mb-sm-10 { margin-bottom: 10px !important; } .ml-sm-10 { margin-left: 10px !important; }
	.pt-sm-40 { padding-top: 40px !important; } .pr-sm-40 { padding-right: 40px !important; } .pb-sm-40 { padding-bottom: 40px !important; } .pl-sm-40 { padding-left: 40px !important; } .pt-sm-30 { padding-top: 30px !important; } .pr-sm-30 { padding-right: 30px !important; } .pb-sm-30 { padding-bottom: 30px !important; } .pl-sm-30 { padding-left: 30px !important; } .pt-sm-20 { padding-top: 20px !important; } .pr-sm-20 { padding-right: 20px !important; } .pb-sm-20 { padding-bottom: 20px !important; } .pl-sm-20 { padding-left: 20px !important; } .pt-sm-10 { padding-top: 10px !important; } .pr-sm-10 { padding-right: 10px !important; } .pb-sm-10 { padding-bottom: 10px !important; } .pl-sm-10 { padding-left: 10px !important; }
}
.sm-show { display:none; }

@media screen and (max-width:767px) {
	.sm-hide { display:none; }
	.sm-show { display:block; }
}

/* LISTING ------------------ */
ul, ol {}
ul li, ol li {
	position: relative;
	margin:0 0 10px; padding:0 0 0 20px; }
ul li a, ol li a { text-decoration: underline; }
ul.nostyle {
	list-style: none; margin:0; padding:0;
}ul.nostyle li {  }
ul.listing { 
	width:100%; float:left; list-style: none;
	margin:0; padding:0; }
ul.listing strong { font-weight:600; }
ul.listing li  { 
	position:relative; padding:0 0 10px 20px; margin:0; }
ul.listing li::before { 
	position:absolute; top:0; left:0; content:'-'; }
ul.listing li a {}

/* FORM CONTENT ----------*/
input[type="text"], input[type="tel"], input[type="number"],
input[type="date"], input[type="email"], 
textarea, select, option {
	color:#6C757D; font-size:13px; font-weight:400;
	background:none; border:1px solid #A8A8A8; }
input[type="text"], input[type="tel"], input[type="number"],
input[type="date"], input[type="email"] { 
	width:100%; height:46px;  border-radius:4px;
	padding:10px 15px; margin:30px 0 0; }
input[type="date"] {
	 }
input[type="number"] {
	 }
select {
	width:100%; height: 40px; 
	padding:10px 15px; margin:0 0 15px; }
textarea { 
	width:100%; height: 100px; padding:10px 15px; margin:30px 0 30px;
	resize:none; outline: none; }
input[type="submit"],
input[type="button"]{
	transition: all 1s; 
	display: flex; justify-content: center; align-items:center; gap: 10px; 
	margin:30px 0 0 0; padding:15px 20px; line-height: 1;
	text-decoration: none; 
	border-radius: 5px; text-transform: capitalize;
	font-weight:500; font-size:15px; color:#fff; text-align: center;
	background:#F6A720; border:1px solid #F6A720; }


input[type="submit"]:hover,
input[type="button"]:hover { 
	padding:15px 25px;
	background:#fff; color:#023363; border-color:#208D43; }
button { border:none; outline:none; background:none; }

/* CONTACT FORM 7 */
.wpcf7 form .wpcf7-response-output { margin:0; border-radius:5px; }

/* -------------------------------- */
/* Owl Carousel v2.2.1------------- */
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}

/** theme */
.owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{margin-top:10px}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791}

/* CUSTOM NAV */
.owl-carousel .owl-nav {
/* 	position: absolute; top:35%; right:0; z-index: 2001; */ }
.owl-carousel .owl-nav div {
	width:35px; height:35px; line-height:36px;
	margin:0; padding:0; float: left; color:#7D7D7D; text-align:center; font-size:17px;
	background: #fff; border-radius:3px; }
.owl-carousel .owl-nav div.owl-next { position: absolute; top:40%; right:30px; }
.owl-carousel .owl-nav div.owl-prev { position: absolute; top:40%; left:30px;  }
.owl-carousel .owl-nav div:hover { background: #208D43; }
.owl-carousel .owl-dots {
	position: absolute; width:100%; bottom:0;
	margin:10px 0 10px;
	text-align: center; }
.owl-carousel .owl-dots .owl-dot {
	display: inline-block;
	width:10px; height: 10px;
	margin:0 3px; padding:0;
	background: #CCCFCE; border-radius:10px;
	-webkit-border-radius:10px; -moz-border-radius:10px; }
.owl-carousel .owl-dots .owl-dot.active {
	background:#208D43; }
.next-slide, .prev-slide { cursor: pointer; }
@media(max-width:767px){
	.owl-carousel .owl-nav { display: none; }
}

.service_listing .owl-carousel .owl-dots { position: relative; margin:20px 0 0;}


/* -------------------------------- */
/* LAYOUT STYLE ------------------- */

@media (min-width: 1200px) {
  .container, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: 1300px;
  }
}
.full-block { width:100%; float:left; }
.half-block { width:50%; float:left; }
.section { 
	overflow: hidden;
	width:100%; float:left;
	margin:0; padding:60px 0; }
@media(max-width:1200px){
	.section { padding:40px 0; }
}
@media(max-width:991px){
	.section { padding:30px 0; }
}
.whatsappCall {
	width:60px; height:60px;
	position: fixed; bottom:70px; right:30px; z-index:  2003;
	animation: bounce 1s infinite;
}
.phoneCall {
	width:45px; height:45px;
	position: fixed; bottom:30px; right:110px; z-index: 2003;
}

@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0); }
  40% {
    transform: translateY(-10px); }
  60% {
    transform: translateY(-5px); }
}
a.backtotop {
    position: fixed; bottom: 25px; right: 36px; z-index: 1000;
    background-color: #ffffff20;
    font-size: 13px; color: #fff;
    padding:8px 20px;
    border-radius:50px;
    text-decoration: none;
    display: none; /* Hidden initially */ }
a.backtotop:hover {
    background-color: #000; }
a.backtotop span i {
    margin-left: 5px; }
/* HEADER ---------------------------*/ 

.header { 
	width:100%; float:left; transition: all 0.5s ease-out;
	padding:30px 30px 0 30px; margin:0px auto 0;
	display: flex; align-items: center;
  background:none; position: fixed; top:0;  z-index: 2001; }
.fixed-header { top:-200px; }

.logoblock { width:20%; padding:0; margin:0; }
.navblocks { width:80%; padding:0 40px 0 0; }

.logo { 
	width:100%; float:left; position:relative; padding:0 10px 10px 0; }
.logo a::after,
.logo a::before { 
	width:30px; height:30px; display: inline-block;
	position:absolute;  color:#fff; transform-origin: center; }
.logo a::after { content:''; position:absolute; top:0px; right:-37px; background: url('../images/curve_shape.png') no-repeat center/contain; transform: rotate(180deg);}
.logo a::before { content:''; position:absolute; bottom:-30px; left:-1px; background: url('../images/curve_shape.png') no-repeat center/contain; transform: rotate(180deg);}
.logo a {
	position:relative;
	border:none; margin:0; float:left;  background:#fff; padding:20px;
  -webkit-border-bottom-right-radius: 20px;
  -moz-border-radius-bottomright: 20px;
	border-bottom-right-radius: 20px;}

.logo a img { width:240px; max-width:100%; }
.footer-logo img { width:240px; max-width:100%; }

.navstrip { 
	display: flex; justify-content: space-between; align-items: center; flex-direction: row; }

.clicktocall {
  display: flex; align-items: center; white-space: nowrap; gap: 10px;
  text-decoration:none; color:#fff;
  margin:0 15px 0 0; padding:0; }
.clicktocall i {
	border-radius: 40px;
	background:#F6A720; display:flex; align-items:center; justify-content:center; width:40px; height:40px; }
.clicktocall span { 
	font-family: "Poppins", sans-serif; font-size:17px;
	display: inline-block; font-weight:500; }
.clicktocall:hover { text-decoration: none; color:#fff; }

.navcontainer { 
	display:flex; padding:10px 0;
	justify-content:center; align-items:center; }



@media(max-width:1200px){
	.navcontainer { justify-content: flex-end; position: relative; }
	.navcontainer .menu-button {  }
	.header .icon_contact { display: none; }
	.navblocks { width:65%; border:none; }
	.logoblock { width:35%; padding-bottom:10px; }
	.logo a img { max-width:200px; }
}

@media(max-width:767px){
	.navblocks { width:60%; }
	.logoblock { width:40%; }
	.top-call { display: none; }
	.navstrip { justify-content: end; }
}
@media(max-width:575px){
	.navblocks { width:50%; }
	.logoblock { width:50%;}
}
/* LISTING -------------- */
ul.social-menu { 
	display:inline-block; list-style: none;
	margin:0; padding:0; }
ul.social-menu li { 
	width:auto; float:left; clear: none; 
	margin:0 10px 0 0; padding:0; }
ul.social-menu li a {
	background:none; color:#fff; border:1px solid #ffffff60;
  border-radius:4px; }
ul.social-menu li a svg { font-size:16px;}
ul.social-menu li a svg path { color:#fff !important; }

ul.addresslist { margin:0 0 10px; list-style:none; padding:0;}
ul.addresslist li { margin:0; padding:0 0 10px 25px; }
ul.addresslist li::before { 
	content:'-'; font-size:16px; line-height: 1;
	background:none; position:absolute; top:4px; left:0; }
ul.addresslist li.location::before { content:'\f3c5'; }
ul.addresslist li.phone::before { content:'\f095'; font-size:15px;}
ul.addresslist li.whatsapp::before { top:-1px; content:'\f40c'; font-size:24px; font-weight:400; font-family: "Font Awesome 6 Brands"; }
ul.addresslist li.email::before { content:'\f658'; }
ul.addresslist li.location::before { content:'\f3c5'; }
ul.addresslist li.clock::before{ content:'\f017';}
ul.addresslist li a { text-decoration:none; color:#444; }
ul.addresslist li a:hover { color: #208D43; }
@media screen and (max-width:575px){
	ul.addresslist li { padding:0 0 10px; }
	ul.addresslist li::before { position: relative; margin:0 10px 0; top:0; }
}

ul.iconlist { margin:0 0 10px; list-style:none; padding:0;}
ul.iconlist li { margin:0; padding:0 0 10px 25px; }
ul.iconlist li::before { 
	content:'-'; font-size:16px; line-height: 1;
	background:none; position:absolute; top:4px; left:0; }
ul.iconlist li a { text-decoration:none; }
ul.iconlist li a:hover { color:#f7921e; }

@media screen and (max-width:575px){
	ul.iconlist li { padding:0 0 10px; }
	ul.iconlist li::before { position: relative; margin:0 10px 0; top:0; }
}

ul.iconlist li.email::before { content:'\f658'; }
ul.iconlist li.phone::before { content:'\f095'; font-size:15px;}
ul.iconlist li.location::before { content:'\f3c5'; }
ul.iconlist li.map::before { content:'\f279'; }


/* FOOTER -------------------- */

.social_strip { 
  width:100%; float:left; background:#fff;
  padding:40px 0; margin:0; }
.social_strip p { margin:20px 0 0; padding:0; }


@media screen and (max-width:991px){
	
}
@media screen and (max-width:767px){
	
}
.footer { 
  width:100%; float:left; color:#fff; text-align: left;
	margin:0; padding:50px 0px 40px;
	background:#fff; border-bottom:1px solid rgba(256,256,256,0.1); }


.footer-container { 
	width:100%; float:left; padding:50px 0 0; border-top:1px dashed #333; }

.footer h5 { font-size:24px; text-align: inherit; }
.footer p { color:#2A2A2A; font-size:15px; text-align: inherit; }
.footer ul { list-style: none; margin:0 0 30px; padding:0; }
.footer ul li { list-style: none; margin:0; padding:0 0 15px 20px; }
.footer ul li::before { content:'-'; color:#2A2A2A; position: absolute; left:0; top:0;   }
.footer ul li a { font-size:15px; text-decoration:none; color:#2A2A2A; }
.footer ul li a:hover { color:#208D43; }

.footer ul.social-menu { margin:0 0 30px 0; padding:0; }
.footer ul.social-menu li { padding:0; margin:0 5px 0 0; }
.footer ul.social-menu li::before { display: none; }
.footer ul.social-menu li a { 
	display: flex; align-items: center; justify-content: center;
	width:30px; height:30px; background:rgba(0,0,0,0.1); font-size:14px; }
ul.contactinfo {}
ul.contactinfo li {
  list-style: none;
  color: #333;
  padding: 3px 0 15px 35px;
  background-size:25px;
  background-repeat: no-repeat;
  background-position: 0 0; }
ul.contactinfo li::before { 
	width:25px; height:25px; content:''; background-repeat:none; }
ul.contactinfo li a { text-decoration:none; }
ul.contactinfo li.email::before  { 
  background-image:url(../images/icon_mail.png); }
ul.contactinfo li.phone::before { 
  background-image:url(../images/icon_phone.png); }
ul.contactinfo li.working::before { 
  background-image:url(../images/icon_clock.png); }




.location_block { 
	margin:0 0 20px; padding:0; }
.location_block p { margin:0; padding:0; }

.location_block-head { 
	width: 100%; display: flex; gap:10px; color:#333;
	justify-content:start; align-items:center; margin:0 0 10px; }
.location_block-head strong { color:#208D43; font-weight:600; }
.location_block-head img { width:20px; }


.location_block p a { 
	text-decoration: none; display:inline-block; margin:0 0 10px; }
.location_block p span { 
	display: inline-block; background:#F7F7F7; padding:6px 8px; margin:0 5px 5px 0; line-height:1;
  border-radius:5px; }









.copycat { 
	width:100%; float:left; margin:0; padding:20px; text-align: center;
	background:#F6F6F6; border-radius:10px; }
.copycat p { 
	font-size: 14px; color:#2A2A2A; 
	text-align: inherit; margin:0; padding:0; }




@media screen and (max-width:991px){
	
}
@media screen and (max-width:767px){
	
}
@media screen and (max-width:575px){
	.footer { text-align: center; }
	.footer ul li { padding:5px 0; }
	.footer ul li::before { position: relative; display:none; }
	.footer ul.contactinfo li { display:flex; justify-content:center; align-items:center; gap:10px;}
	.footer ul.contactinfo li::before { display: inline-block; }
}

/* BANNERS -------------------------- */
.banner { 
	width:100%; float:left; text-align:center; position: relative;
	padding:30px; }
.banner-slider {
	width: 100%; border-radius: 20px; overflow: hidden;
	float: left; position: relative;
}

.banner-caption { 
	margin:0; padding:100px 0 0; 
	text-align: center; transform: translateY(-50%);
	width:100%; float:left; position:absolute; top:50%; left:0; z-index:20;}

.caption-container { width:100%; max-width:900px; margin:0 auto; }

.banner-caption h1 { 
	width:100%; 
	margin:0 0 20px; padding:0; line-height: 1.1;
	text-transform: capitalize; text-align: center;
	color:#fff; font-size:64px; 
   /* Gradient Text Setup */
  background: linear-gradient(90deg, #d3ac4d, #F6A720, white, #d3ac4d);
  background-size: 300% 100%;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;

  /* Smooth Animation */
  animation: gentleGradient 5s ease-in-out infinite;
}

/* Keyframes for smooth left-to-right animation */
@keyframes gentleGradient {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
.banner-caption p { 
	font-family: "Poppins", sans-serif;
	width:100%; text-align: center; margin:0 auto 30px;
	font-size:18px; font-weight:600; color:#fff; }
.banner-caption a.button { 
	 border:none; }
.banner-caption a.button:hover {
	}

.banner-image {
	width:100%; float:left;
  overflow: hidden; position: relative; }
.banner-image::after {
	position:absolute; top:0; left:0;  z-index:5;
	content:''; width:100%; height:100%; 
	background: rgb(0,0,0,0.5); } 
.banner-image img {
	width:100%; height:850px; float:left;
	object-fit: cover; object-position:center; 

  transform: scale(1.1);
  transition: transform 10s ease;
  will-change: transform;}
.banner-image.zoom img {
  transform: scale(1.2); }


.banner-slider .owl-carousel .owl-nav div {
	font-size:12px; line-height: 3;
	width:40px; height:40px; text-align:center; top: auto; bottom:50%;
	border-radius: 40px; background:none; border:1px solid #fff; color:#fff;
}
.banner-slider .owl-carousel .owl-nav div.owl-prev { left:20px; }
.banner-slider .owl-carousel .owl-nav div.owl-next { right:20px; }

.banner-slider .owl-carousel .owl-dots { position:absolute; width:100%; bottom:5px; }

@media(max-width:1500px){
	.banner-caption h1 { font-size:62px;}
}
@media(max-width:1200px){
	.banner-form { max-width:300px; }
	.banner-caption { padding-left:80px; }
	.banner-caption h1 { font-size:46px; margin:0 0 10px;}
	.banner-caption p { font-size:16px; }
	.banner-image img { height: 600px; }
	
}

@media(max-width:991px){
	.banner-caption { padding-left:0px; }
	.banner-caption h1 { font-size:36px;}
	.banner-caption p { font-size:14px; }
	.banner-image img { height:550px; }
}
@media(max-width:767px){
	.banner-form { display: none; }
	.banner-image img { height:460px; }
}
@media(max-width:575px){
	.banner-image img { height:400px; }
	.banner-caption { text-align:center; padding:80px 30px 30px; }
	.banner-caption h1 { font-size:26px; text-align: center; }
	.banner-caption p { display: none; text-align: center; }
}





.inner-banner-image {
	width:100%; float:left;
  overflow: hidden; position: relative; }
.inner-banner-image::after {
	position:absolute; top:0; left:0;  z-index:5;
	content:''; width:100%; height:100%; 
	background: rgb(0,0,0,0.5); } 
.inner-banner-image img {
	width:100%; height:450px; float:left;
	object-fit: cover; object-position:center; 
}

.banner-title {
	width: 100%; 
	position: absolute; bottom:20%; left:0; z-index: 1001;
	text-align: center; }
.banner-title h2 { color:#fff; text-align:center; margin:0 0 15px; }
.banner-title ul { list-style: none; float:none; margin:0 auto; padding:0; }
.banner-title ul li { color:#fff; display:inline-block; margin:0; padding:0 15px 0 5px; }
.banner-title ul li::after { content:'/'; position: absolute; top:0; right:0; }
.banner-title ul li:last-child { padding-right:5px; }
.banner-title ul li:last-child::after { display: none; }
.banner-title ul li a { color:#fff; text-decoration:none; }
.banner-title ul li a:hover { color:#BE1E2D; }



/* HOME PAGE ---------------------------------- */

.welcom-content { width:100%; float:left; position:relative; padding-bottom:40px; }
.welcom-content img { position:absolute; bottom:-50px; right:0; }

.home_services { 
	position: relative;
	width:92%; margin:20px auto;
	padding:50px; border-radius: 20px; 
	overflow: hidden;
	text-align: center; background:#F6A720; }

.home_services::before {
  position: absolute;
  bottom: 0%;
  left: 0;
  background-size: 100%;
  background-repeat: no-repeat;
  width: 124px;
  height: 160px;
  content: '';
  display: inline-block;
  background-position: top left;
  background-image: url(../images/spaleaf.png);
}

.home_services::after {
  position: absolute;
  top: 10%;
  right: 0;
  background-size: 100%;
  background-repeat: no-repeat;
  width: 184px;
  height: 220px;
  content: '';
  display: inline-block;
  background-position: top left;

  background-image: url(../images/spaleaf_right.png);
}

.home_services .webtitle { color:#fff; } 
.home_services h2 { color:#fff; text-align:center;  }
.home_services .service_listing { margin-top:20px; }

.home_services a.all-service-link { 
	display: inline-block; padding:10px 30px; margin:40px 0 0;
	color:#fff; border: 1px solid #fff; border-radius: 40px; }
.home_services a.all-service-link:hover { background:#fff; color:#208D43; text-decoration: none; }

.service-thumb {
  position: relative;
  overflow: hidden;
  border-radius: 12px;
}

.service-link {
	width:100%; float:left; margin:0; padding:0;
  display: block;
  position: relative;
  text-decoration: none;
  color: inherit; overflow: hidden; }

.service-link img {
  width: 100%; display: block; }
.service-overlay { 
	padding:20px 20px;
background: #000000;
background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);

	width:100%; text-align: left;
	position: absolute; bottom:0; z-index: 1;}
.service-overlay .service-title {
	width:80%; display: inline-block;
	font-size:22px;
	font-family: "Poppins", sans-serif;
	font-weight: 500; color:#fff; }
.service-overlay .service-icon {
	position: absolute; right:0px; bottom:0px; z-index: 2001;
	width:90px; height: 90px; display: block;
	background-image:url('../images/service_readmore.svg');
	border-right:; background-repeat: no-repeat;
	background-size:cover; background-position: bottom left;
	
}
.service-overlay .service-icon i { 
	transition: all 0.5s; 
	transform: rotate(-45deg);
	position: absolute; right:6px; bottom:6px;
	float:right;
	width:45px; height:45px; border-radius: 40px;
	display: flex; justify-content: center; align-items: center;
	background:#fff; text-align: center; }

.service-link:hover .service-icon i { transform: rotate(0deg);}



.service_page .service-thumb { margin:0 0 40px; }

@media screen and (max-width:575px){
	.service_page .service-thumb { margin:0 0 30px; }
}


.home_features { 
	position: relative;
	width:92%; margin:20px auto;
	padding:50px; border-radius: 20px; 
	overflow: hidden;
	text-align: center; 
	 }
.home_features::before {
	content:'';
	position:absolute; left:0; top:0; 
	width:100%; height:100%; 
	background:url('../images/moroccan-flower.png');
	opacity: 0.7;
}

.home_features h6 { 
	font-family: "Outfit", sans-serif;
	font-size:22px; }



.featured-listing { margin-top:20px;  margin-bottom:40px; }
.featured-listing img { border-radius: 1000px;}
.featured-listing h6 { margin-bottom:10px; }
.bgblock {
	padding:30px;
	width:100%; height:100%; display:flex; 
	flex-direction:column; justify-content: center; align-items: start; 
	border-radius: 20px;  }
.bgblock p { color:#666; }
.border-image { border-radius:20px; }


@media screen and (max-width:1200px){
}
@media screen and (max-width:991px){
}
@media screen and (max-width:575px){
	.home_features,
	.home_services { padding:30px; }
}




.testimonial-strip h2 { text-align: center;  }
.testimonial-strip p { text-align: center; }

.testimonial-strip h6 {text-align: center; color:#0E284A; }

.testimonials-block {
  width:99.5%; float:left;
  margin:0; padding:30px 30px 40px;
  border:1px dashed #B3B3B3; border-radius: 15px; }
.testimonials-block p { 
  margin:10px 0 0; padding:0; text-align: left; font-size:15px; }
.testimonials-block h5 { 
	font-weight: 600; font-size:24px;}
.testimonials-block h6 { 
  width:100%; float:left; font-size:18px;
  margin:15px 0 0; padding:0; text-align:left;  }
.starcontnet { color:#FFBA07; padding-bottom:10px; }




.images_strip {
	position:relative; 
	overflow: hidden;
	width:100%; float:left; padding:100px 0; margin:0;
	text-align: center; border-radius:20px;
	background-size:cover; background-position: center; }
.images_strip::before { 
	content:'';z-index: -1;
	width:100%; height:100%;
	background:rgba(0,0,0,0.5);
  position: absolute; top:0; left:0; }
.images_strip h3 { text-align: inherit; color:#fff;}
.images_strip p { max-width:70%; margin:0 auto 30px; color:#fff; text-align: inherit; }

@media screen and (max-width:767px){
	.images_strip { padding:50px 0; }
	.images_strip p { max-width:90%; margin:0 auto 20px; }
}
@media screen and (max-width:575px){}











/* SERVICE PAGE ------- */
.service_page-strip {}
.service_page-strip .zonal_desc { 
	padding:30px;
	position:relative; top:auto; bottom:auto;
	opacity:1; display:block; }
.service_page-strip .department_thumb { height:100%; }

.service_page-strip .department_thumb img { height:240px; border-radius:0; }


.service-cover-image {
  width: 100%;
  float: left;
  margin: 0 0 30px;
}
.service-detail ul, .bookingpage ul, .package-box ul {
  width: 100%;
  float: left;
  margin: 0 0 15px;
  padding: 0;
}
.service-detail ul li, .bookingpage ul li, .package-box ul li {
  position: relative;
  list-style: none;
  margin: 0 0 15px;
  padding: 0 0 0 25px;
}
.service-cover-image img { 
	width:100%; object-position: center; object-fit: cover;
	border-radius:15px; max-height:450px; }
.service-detail ul li::before, .bookingpage ul li::before, .package-box ul li::before {
  position: absolute;
  left: 0;
  top: 0;
  color: #E21E6D50;
  font-size: 14px;
  content: '\f72e';
  font-family: "Font Awesome 5 Free";
  font-weight: 700;
}

.contactform_strip {
	width:100%; float:left; border-radius: 20px;
	padding:50px; margin:0;
	background: #edf7ff; }

.contactform_strip ul.addresslist { margin:30px 0 0; padding:0; width:100%; float:left; }
.contactform_strip ul.addresslist li { padding-bottom:20px;  color:#0E284A; }
.contactform_strip ul.addresslist li a { color:#0E284A; }
.contactform_strip ul.addresslist li::before { color:#0E284A; }
.contactform_strip ul.addresslist li.whatsapp a,
.contactform_strip ul.addresslist li.phone a { font-weight:600; font-size:18px; }
.contactform_strip ul.addresslist li.phone::before { top:7px; }
.writetous { font-size:15px; }
.writetous p { font-size:14px; }
.writetous label { width:100%; float:left; margin:20px 0 0 0; padding:0; }
.writetous input { margin:0; background:#fff; border:none; }
.writetous textarea { margin:0;  background:#fff; border:none; }
.writetous input[type="submit"]{ background:#F6A720; color:#fff; font-weight:600; } 


.booking-form { 
	width:100%; float:left; margin:0 0 30px; background: #edf7ff; padding:40px;
	border-radius:10px; }
.booking-form h5 { margin:0; }
.booking-form p { font-size:14px; }
.booking-form label { width:100%; float:left; margin:20px 0 0 0; padding:0; }
.booking-form input { margin:0; background:#fff; border:none; }
.booking-form textarea { margin:0;  background:#fff; border:none; }
.booking-form input[type="submit"]{ background:#F6A720; color:#fff; font-weight:600; }

@media screen and (max-width:767px){
	.contactform_strip ul.addresslist li br { display: none;  }
	.contactform_strip { padding:30px; margin:0; }
	.booking-form { padding:30px; }
}




















































/* -------------------------------- */
/* ABOUT PAGE --------------------- */
.aboutpage h3 {
	/* Gradient Text Setup */
  background: linear-gradient(90deg, #d3ac4d, #0E284A, gray, #d3ac4d);
  background-size: 300% 100%;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;

  /* Smooth Animation */
  animation: gentleGradient 5s ease-in-out infinite;
}


.about-banner img { 
	width: 100%; max-height:500px; object-position:center; object-fit:cover; }
/* .mision-vision { 
	background:#ededed; padding:30px; margin:30px 0 0; } */
.mision-vision { 
	background:#208D43; padding:50px; margin:30px 0 0; }
.mision-vision h5 { color:#fff; }
.mision-vision p { color:#fff; margin:0; padding:0; }


@media screen and (max-width:767px){
	.mision-vision { padding:30px; }
}


.chairman_message {
	padding:100px 0;
	background-image:url(../images/quote_about.png);
	background-repeat: no-repeat;
	background-size:100px; }
.chairman_message h5 { font-weight:300; color:#1e1e1e;}
.chairman_message p { font-size:16px; }
.chairman_message h6 { color:#208D43; }
.chairman_message h6 span { color:#1e1e1e; font-size:0.8em; font-weight: 400;}



/* CONTACE PAGE --------------*/


.googlemaps {
	width: 100%; float:left; margin:0; border-radius: 20px; overflow: hidden;}
.googlemaps iframe { 
	width: 100%; float:left; height: 450px; border:none; outline:none; }


@media screen and (max-width:991px){
	.googlemap iframe { height:350px; }
}

@media screen and (max-width:767px){
	
}
@media screen and (max-width:575px){
	
}