:root{
	--white_clr:  #fff;
	--black_clr: #000;
	--text_clr: #0d0d0d;
	--primary_clr: #4fa229;
	--secondary_clr: #257500;
	--light_clr: #ddd;
	--primary_font_family: "Poppins", sans-serif;
	--secondary_font_family: "Montserrat", sans-serif;
	--third_font_family: "Science Gothic", sans-serif;
	--dark-shadow-1: 0px 4px 26px 0px rgba(2, 5, 17, 0.14);
}
/*color: var(--white_clr);*/
@-webkit-keyframes shine{100% {left:125%;}}
@keyframes shine{100% {left:125%;}}
.shine{position: relative; overflow: hidden;}
.shine:before{display:block;content:"";position:absolute;top:0;left:-80%; width:50%;height:100%; background:-webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);background:linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);-webkit-transform:skewX(-25deg);transform:skewX(-25deg); opacity:0.2; z-index: 1;}
.shine:hover:before{-webkit-animation:shine 1s;animation:shine 1s;}
::-moz-selection{background:var(--text_clr); color:var(--white_clr); text-shadow:none;}
::selection{background:var(--text_clr); color:var(--white_clr); text-shadow:none;}
/*==================================:: WOW CSS Start ::==================================*/
.animated{-webkit-animation-duration:0.5s;animation-duration:0.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s}.animated.bounceIn,.animated.bounceOut,.animated.flipOutX,.animated.flipOutY{-webkit-animation-duration:.75s;animation-duration:.75s}@-webkit-keyframes bounce{0%,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);transform:translateZ(0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}@keyframes bounce{0%,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);transform:translateZ(0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}.bounce{-webkit-animation-name:bounce;animation-name:bounce;-webkit-transform-origin:center bottom;-ms-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}.flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.pulse{-webkit-animation-name:pulse;animation-name:pulse}@-webkit-keyframes rubberBand{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes rubberBand{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}@-webkit-keyframes shake{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}@keyframes shake{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}.shake{-webkit-animation-name:shake;animation-name:shake}@-webkit-keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}.headShake{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-name:headShake;animation-name:headShake}@-webkit-keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}.swing{-webkit-transform-origin:top center;-ms-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}@-webkit-keyframes tada{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes tada{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.tada{-webkit-animation-name:tada;animation-name:tada}@-webkit-keyframes wobble{0%{-webkit-transform:none;transform:none}15%{-webkit-transform:translate3d(-25%,0,0) rotate(-5deg);transform:translate3d(-25%,0,0) rotate(-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate(3deg);transform:translate3d(20%,0,0) rotate(3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate(-3deg);transform:translate3d(-15%,0,0) rotate(-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate(2deg);transform:translate3d(10%,0,0) rotate(2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate(-1deg);transform:translate3d(-5%,0,0) rotate(-1deg)}to{-webkit-transform:none;transform:none}}@keyframes wobble{0%{-webkit-transform:none;transform:none}15%{-webkit-transform:translate3d(-25%,0,0) rotate(-5deg);transform:translate3d(-25%,0,0) rotate(-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate(3deg);transform:translate3d(20%,0,0) rotate(3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate(-3deg);transform:translate3d(-15%,0,0) rotate(-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate(2deg);transform:translate3d(10%,0,0) rotate(2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate(-1deg);transform:translate3d(-5%,0,0) rotate(-1deg)}to{-webkit-transform:none;transform:none}}.wobble{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes jello{0%,11.1%,to{-webkit-transform:none;transform:none}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}@keyframes jello{0%,11.1%,to{-webkit-transform:none;transform:none}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}.jello{-webkit-animation-name:jello;animation-name:jello;-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center}@-webkit-keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}.bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn}@-webkit-keyframes bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}to{-webkit-transform:none;transform:none}}@keyframes bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}to{-webkit-transform:none;transform:none}}.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}to{-webkit-transform:none;transform:none}}@keyframes bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}to{-webkit-transform:none;transform:none}}.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}to{-webkit-transform:none;transform:none}}@keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}to{-webkit-transform:none;transform:none}}.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}@keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}.bounceOut{-webkit-animation-name:bounceOut;animation-name:bounceOut}@-webkit-keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}@-webkit-keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-10%,0);transform:translate3d(0,-10%,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-10%,0);transform:translate3d(0,-10%,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-10%,0,0);transform:translate3d(-10%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-10%,0,0);transform:translate3d(-10%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(10%,0,0);transform:translate3d(10%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(10%,0,0);transform:translate3d(10%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,10%,0);transform:translate3d(0,10%,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,10%,0);transform:translate3d(0,10%,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutDown{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,10%,0);transform:translate3d(0,10%,0)}}@keyframes fadeOutDown{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,10%,0);transform:translate3d(0,10%,0)}}.fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-10%,0,0);transform:translate3d(-10%,0,0)}}@keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-10%,0,0);transform:translate3d(-10%,0,0)}}.fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRight{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(10%,0,0);transform:translate3d(10%,0,0)}}@keyframes fadeOutRight{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(10%,0,0);transform:translate3d(10%,0,0)}}.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes fadeOutUp{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-10%,0);transform:translate3d(0,-10%,0)}}@keyframes fadeOutUp{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-10%,0);transform:translate3d(0,-10%,0)}}.fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes flip{0%{-webkit-transform:perspective(400px) rotateY(-1turn);transform:perspective(400px) rotateY(-1turn);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-190deg);transform:perspective(400px) translateZ(150px) rotateY(-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-170deg);transform:perspective(400px) translateZ(150px) rotateY(-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}to{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}@keyframes flip{0%{-webkit-transform:perspective(400px) rotateY(-1turn);transform:perspective(400px) rotateY(-1turn);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-190deg);transform:perspective(400px) translateZ(150px) rotateY(-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-170deg);transform:perspective(400px) translateZ(150px) rotateY(-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}to{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}.animated.flip{-webkit-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip}@-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInX{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX}@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}@-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}}@keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}}.flipOutX{-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateY(-15deg);transform:perspective(400px) rotateY(-15deg);opacity:1}to{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}}@keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateY(-15deg);transform:perspective(400px) rotateY(-15deg);opacity:1}to{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}}.flipOutY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipOutY;animation-name:flipOutY}@-webkit-keyframes lightSpeedIn{0%{-webkit-transform:translate3d(10%,0,0) skewX(-30deg);transform:translate3d(10%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1}to{-webkit-transform:none;transform:none;opacity:1}}@keyframes lightSpeedIn{0%{-webkit-transform:translate3d(10%,0,0) skewX(-30deg);transform:translate3d(10%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1}to{-webkit-transform:none;transform:none;opacity:1}}.lightSpeedIn{-webkit-animation-name:lightSpeedIn;animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedOut{0%{opacity:1}to{-webkit-transform:translate3d(10%,0,0) skewX(30deg);transform:translate3d(10%,0,0) skewX(30deg);opacity:0}}@keyframes lightSpeedOut{0%{opacity:1}to{-webkit-transform:translate3d(10%,0,0) skewX(30deg);transform:translate3d(10%,0,0) skewX(30deg);opacity:0}}.lightSpeedOut{-webkit-animation-name:lightSpeedOut;animation-name:lightSpeedOut;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes rotateIn{0%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateIn{0%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:none;transform:none;opacity:1}}.rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn}@-webkit-keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft}@-webkit-keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight}@-webkit-keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft}@-webkit-keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight}@-webkit-keyframes rotateOut{0%{-webkit-transform-origin:center;transform-origin:center;opacity:1}to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}@keyframes rotateOut{0%{-webkit-transform-origin:center;transform-origin:center;opacity:1}to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}.rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut}@-webkit-keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}}@keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}}.rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft}@-webkit-keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}@keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}.rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight}@-webkit-keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}@keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}.rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft}@-webkit-keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}@keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}.rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight}@-webkit-keyframes hinge{0%{-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);transform:rotate(80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate(60deg);transform:rotate(60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}@keyframes hinge{0%{-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);transform:rotate(80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate(60deg);transform:rotate(60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}.hinge{-webkit-animation-name:hinge;animation-name:hinge}@-webkit-keyframes jackInTheBox{0%{opacity:0;-webkit-transform:scale(.1) rotate(30deg);transform:scale(.1) rotate(30deg);-webkit-transform-origin:center bottom;transform-origin:center bottom}50%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}70%{-webkit-transform:rotate(3deg);transform:rotate(3deg)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes jackInTheBox{0%{opacity:0;-webkit-transform:scale(.1) rotate(30deg);transform:scale(.1) rotate(30deg);-webkit-transform-origin:center bottom;transform-origin:center bottom}50%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}70%{-webkit-transform:rotate(3deg);transform:rotate(3deg)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.jackInTheBox{-webkit-animation-name:jackInTheBox;animation-name:jackInTheBox}@-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-10%,0,0) rotate(-120deg);transform:translate3d(-10%,0,0) rotate(-120deg)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-10%,0,0) rotate(-120deg);transform:translate3d(-10%,0,0) rotate(-120deg)}to{opacity:1;-webkit-transform:none;transform:none}}.rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(10%,0,0) rotate(120deg);transform:translate3d(10%,0,0) rotate(120deg)}}@keyframes rollOut{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(10%,0,0) rotate(120deg);transform:translate3d(10%,0,0) rotate(120deg)}}.rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}@-webkit-keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}@-webkit-keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft}@-webkit-keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight}@-webkit-keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp}@-webkit-keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}@keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}.zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}@-webkit-keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown}@-webkit-keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}@keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}.zoomOutLeft{-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft}@-webkit-keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}@keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}.zoomOutRight{-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight}@-webkit-keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp}@-webkit-keyframes slideInDown{0%{-webkit-transform:translate3d(0,-10%,0);transform:translate3d(0,-10%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInDown{0%{-webkit-transform:translate3d(0,-10%,0);transform:translate3d(0,-10%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}@-webkit-keyframes slideInLeft{0%{-webkit-transform:translate3d(-10%,0,0);transform:translate3d(-10%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInLeft{0%{-webkit-transform:translate3d(-10%,0,0);transform:translate3d(-10%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}@-webkit-keyframes slideInRight{0%{-webkit-transform:translate3d(10%,0,0);transform:translate3d(10%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInRight{0%{-webkit-transform:translate3d(10%,0,0);transform:translate3d(10%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}@-webkit-keyframes slideInUp{0%{-webkit-transform:translate3d(0,10%,0);transform:translate3d(0,10%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInUp{0%{-webkit-transform:translate3d(0,10%,0);transform:translate3d(0,10%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp}@-webkit-keyframes slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,10%,0);transform:translate3d(0,10%,0)}}@keyframes slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,10%,0);transform:translate3d(0,10%,0)}}.slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}@-webkit-keyframes slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(-10%,0,0);transform:translate3d(-10%,0,0)}}@keyframes slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(-10%,0,0);transform:translate3d(-10%,0,0)}}.slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}@-webkit-keyframes slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(10%,0,0);transform:translate3d(10%,0,0)}}@keyframes slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(10%,0,0);transform:translate3d(10%,0,0)}}.slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}@-webkit-keyframes slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,-10%,0);transform:translate3d(0,-10%,0)}}@keyframes slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,-10%,0);transform:translate3d(0,-10%,0)}}.slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp}
/*==================================:: WOW CSS End ::==================================*/
/*site-preloader START*/
#loader{
    position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: var(--white_clr);
    display: flex; align-items: center; justify-content: center; z-index: 99999;
}
.loader-dot {
    display: inline-block; width: 15px; height: 15px; margin: 0 10px;
    background: linear-gradient(to right, var(--primary_clr) 0%, #0d97ff 40%, var(--secondary_clr) 100%);
    border-radius: 50%; animation: bounce 0.6s infinite alternate;
}
.loader-dot:nth-child(2) {
    animation-delay: 0.2s;
}
.loader-dot:nth-child(3) {
    animation-delay: 0.4s;
}
@keyframes bounce {
    from {
      	transform: translateY(0);
        opacity: 0.3;
    }
    to {
        transform: translateY(-10px);
        opacity: 1;
    }
}
/*site-preloader END*/

/*Slick Slider Css Start*/
.slick-slider{position:relative;display:block; -webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y; touch-action:pan-y;-webkit-tap-highlight-color:transparent;}
.slick-list{position:relative; display:block; overflow:hidden; margin:0; padding:0; min-width: 100%;}
.slick-list.dragging{cursor: pointer;}
.slick-slider .slick-track, .slick-slider .slick-list{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
.slick-track{position:relative; top:0; left: 0; min-width: 100%; display:flex;display:-webkit-flex;}
.slick-track:before, .slick-track:after{display:table; content:"";}
.slick-track:after{clear:both;}
.slick-loading .slick-track{visibility:hidden;}
.slick-slide{display:none; min-height:1px; flex-grow: 1; flex: inherit;}
.slick-initialized .slick-slide{display: block; list-style:none;}
.slick-loading .slick-slide{visibility: hidden;}
.slick-vertical .slick-slide{display: block; height: auto; border:1px solid transparent;}
.slick-arrow{
	display:flex; align-items: center; justify-content: center; position:absolute; top:50%; margin-top:-17px; z-index:2; padding:0; width:34px; height:34px; text-align:center; font-size:0; border:0;
	background: var(--primary_clr); color: var(--white_clr); cursor:pointer; opacity:1; -webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%; -moz-transition:all 0.4s ease 0s;-webkit-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s; box-shadow: 0 0 10px rgba(0,0,0,0);
}
.slick-arrow:before{display: block; content: "\f104"; font-family: 'Line Awesome Free'; font-weight: 900; font-size: 18px;}
.slick-arrow.slick-next:before{content: "\f105";}
.slick-arrow.slick-prev{left:0;}
.slick-arrow.slick-next{right:0;}
.slick-arrow:hover{background: var(--secondary_clr); color: var(--white_clr);}
.slick-arrow.slick-disabled{
	background: var(--light_clr); color: var(--secondary_clr); cursor: inherit;
}
.bg3 .slick-arrow.slick-disabled{
	background: var(--white_clr);
}
.slick-dots{display:flex;display:-webkit-flex; align-items: center; justify-content: center; position:absolute; left:0; right:0; margin:0 auto; padding:0; bottom:-20px; text-align:center;}
.slick-dots li{margin:0 5px; padding:0; list-style:none; display:inline-block; vertical-align:top;}
.slick-dots li button{display:block; width:7px; height:7px; font-size:0; padding: 0; background:#ccc; border:none;cursor:pointer; position: relative; -moz-transition:all 0.4s ease 0s;-webkit-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s;border-radius:50%; }
.slick-dots li.slick-active button{background: var(--primary_clr); width: 10px; height: 10px;}
/*Slick Slider Css End*/
/*Easy Responsive Tab Css*/
h4.resp-accordion{display:none; cursor:pointer; text-align:left; position:relative; background: #e9e9e9; padding:10px 40px 10px 10px; margin: 0 0 5px;}
h4.resp-accordion .resp-arrow{display:none;}
h4.resp-accordion:after{display:block; content:"\f107"; font-family:'FontAwesome'; text-align: center; position:absolute; right:0; top:50%; width:40px; line-height:normal; transform: translate(0, -50%);-moz-transform: translate(0, -50%);-webkit-transform: translate(0, -50%);}
h4.resp-accordion.resp-tab-active:after{content:"\f106";}
.resp-tab-content{display:none;}
.resp-tab-content:after{clear:both; content:""; display:block;}
.resp-content-active, .resp-accordion-active{display:block}
@media only screen and (max-width:767px){
ul.resp-tabs-list{display:none;}
h4.resp-accordion{display:block;}
}
/*=========== Mobile Menu STYLE Start ========*/
/*body.mobile-menu-open{overflow:hidden;}*/
.menu-open-overlay{position:fixed; top:0; left:0; width:100%; bottom:0; background:var(--text_clr); display:none; z-index:12; opacity:0.5;}
.mobile-menu-open .menu-open-overlay{display:block;}
.mobile-menu-block{background:var(--white_clr); bottom:0; color:#16181C; position:fixed; top:0; right:-400px; width:380px; z-index:-4; font-size:16px; -moz-transition:all 0.4s ease 0s;-webkit-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s;}
.mobile-menu-open .mobile-menu-block{right:0; z-index:20;}
.mobile-menu-inner{height:calc(100% - 100px); overflow:auto; padding:10px 20px; position: relative; z-index: 3;}
.mobi-logo {height: 80px; padding: 0 20px; border-bottom: 1px solid #ddd;}
.mobi-logo a, .mobi-logo img{display: block; width: 180px;}
.mobile-nav ul{margin:0; padding: 0; list-style: none;}
.mobile-nav li{margin: 0; padding: 10px 0; color:var(--black_clr); font-weight:500; font-size:15px; line-height:22px; text-transform:none; position:relative;}
.mobile-nav ul li a{display:block; color:var(--black_clr); font-weight:400; font-family:var(--primary_font_family); font-size:18px; line-height:22px; text-transform:none; letter-spacing:0; padding:0 40px 0 0;}
.mobile-nav > ul > li.current_page_item > a,
.mobile-nav > ul > li.current-menu-ancestor > a,
.mobile-nav > ul > li.current-page-ancestor > a{color:var(--primary_clr);}
.mobile-nav li li{border:none; padding:5px 0;}
.mobile-nav li li a{font-size:16px; text-transform:none; font-weight:400; padding:0 40px 0 0;}
.mobile-nav li li.current_page_item a{color:var(--primary_clr);}
.mobile-nav li li li a{padding-left:0;}
.mobile-nav ul.sub-menu{margin:0; padding:10px 10px 0;}
.mobile-nav .hitarea {width: 100%; justify-content: flex-end;}
.hitarea{display:flex; align-items: center; justify-content: center; width:40px; height:42px; text-align:center; position:absolute; right:0; top:0;}
.hitarea:before{display:block; content:"\f105"; font-family:'FontAwesome'; font-size: 20px; font-weight: 400; width:15px; height:15px; -moz-transition:all 0.4s ease 0s;-webkit-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s;}
.collapsable-hitarea.hitarea:before{transform:rotate(90deg);}
.mobile-nav .collapsable-hitarea + a{color:var(--primary_clr);}
.mobi-bottom-inner{padding: 0;}
.mobi-bottom-inner .btn{border-radius: 0;}
/*========== Mobile Menu STYLE End==============*/
/*Mobile Menu Css Start*/
.mobi-iconbox{
	display:none; width:40px; height:40px;
	position:absolute; right:-10px; top:0; bottom: 0; margin: auto; z-index:40; transition:all 0.4s ease;
	-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;
}
.mobile-menu-block .mobi-iconbox{
	right: 0;
}
.menuicon{display: block; width: 28px; height: 18px; flex-direction: column; align-items: center; justify-content: center; margin: auto;}
.icon-bar{display:flex;display:-webkit-flex; align-items: center; min-width: 100%; height: 18px; position: relative; cursor: pointer;}
.icon-bar:before,
.icon-bar:after{display: block; content: ""; width: 100%; height: 2px; background: var(--primary_clr); position: absolute; left: 0; top: 0; -moz-transition:all 0.4s ease 0s;-webkit-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s; -webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
.icon-bar:after{top: auto; bottom: 0;}
.icon-bar .line{display: block; width: 70%; height: 2px; background: var(--primary_clr); position: absolute; right: 0; top: 0; bottom: 0; margin: auto 0; -moz-transition:all 0.4s ease 0s;-webkit-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s; -webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
.icon-bar.active .line{width: 2px; opacity: 0;}
.icon-bar.active:before{transform: rotate(45deg); top: 8px;}
.icon-bar.active:after{transform: rotate(-45deg); bottom: 8px;}
.mobile-menu-open .mobilemenuicon .menuicon{margin-left: auto;}
/*Mobile Menu Css End*/
/* ===== RESET ================================================== */
abbr, acronym, address, applet, article, aside, audio,b, blockquote,big, body, button, center, canvas, caption, cite, code, command,datalist, dd, del, details, dfn, dl, div, dt, embed,fieldset, figcaption, figure, font, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html,i, iframe, img, ins,kbd, keygen,label, legend, li, meter,nav,object, ol, output,p, pre, progress,q, s, samp, section, small, source, strike, sub, sup,table, tbody, tfoot, thead, th, tr, tdvideo, tt, var{background:transparent; border:0 none; margin:0; padding:0; line-height:normal; vertical-align:baseline; outline:none; font-size:100%; font-family:inherit; font-weight:400; font-style:normal;} article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;} blockquote,q{quotes:none;} blockquote:before,q:before{content:'';content:none;} blockquote:after,q:after{content:'';content:none;} ins {text-decoration:none;} abbr[title], dfn[title] {border-bottom:1px dotted; cursor:help;} table {border-collapse:collapse; border-spacing:0;} hr {display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0;}input, select {vertical-align:middle; margin:0;} ol, ul, li {list-style:none;}
html{-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%;} *, *:before, *:after{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; -webkit-tap-highlight-color:rgba(255,255,255,0);}
/* ===== GLOBAL ================================================== */
body{margin:0; padding:0; background:var(--white_clr); font-family:var(--primary_font_family); font-size:16px; color:#111; line-height:24px; font-weight:400; overflow-x:hidden;}
:focus, button:focus{outline:none;}
a{text-decoration:none; color: var(--text_clr); -moz-transition:all 0.4s ease 0s; -webkit-transition:all 0.4s ease 0s; transition:all 0.4s ease 0s;}
a:hover{text-decoration:none; color:var(--primary_clr);}

::-webkit-input-placeholder{color:var(--text_clr); opacity:0.5;}
:-moz-placeholder{color:var(--text_clr); opacity:0.5;} /* Firefox 18- */
::-moz-placeholder{color:var(--text_clr); opacity:0.5;} /* Firefox 19+ */
:-ms-input-placeholder{color:var(--text_clr); opacity:0.5;}

.clear{width: 100%; clear: both;}
img{max-width:100%; height:auto; border:none; outline:none;}
b, strong{font-weight:700;}

/* Ul Li & Ol Li CSS */
ul, ol{margin:0 0 20px; padding:0;}
ul ul, ol ol, ul ol, ol ul{margin-top:15px;}
ul li, ol li{margin:0; padding:0; font-size: 18px; line-height: 1.5; color:var(--text_clr); font-weight:400; letter-spacing:0;}
.entry-content ul{padding:0; margin:0 0 20px;}
.entry-content ol{padding:0; margin:0 0 20px; list-style: none; counter-reset: my-awesome-counter;}
.entry-content ul li{position:relative; padding:0 0 0 20px; margin:0 0 15px;}
.entry-content ul li:before{
	content:""; position:absolute; left: 2px; top: 10px; width: 7px; height: 7px;
	background: var(--black_clr); outline-offset: 3px;
	-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;
}
.entry-content ul li li{list-style:disc;}
.entry-content ol li{counter-increment: my-awesome-counter; margin:0 0 8px;}
.entry-content ol li::before{content: counter(my-awesome-counter) ". "; font-weight:400;}

/* Heading CSS */
h1, .h1, h2, .h2, h3, h4, h5, h6{color: var(--text_clr); line-height:1.3; font-weight: 600; font-family:var(--secondary_font_family); letter-spacing:0; margin:0 0 20px;}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{color: var(--text_clr);}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover{color:var(--primary_clr);}
h1, .h1{font-size:68px;}
h2, .h2{font-size:34px; line-height: 1.2;}
h2 strong, .h2 strong{
	font-weight: 600;
    background: -webkit-linear-gradient(45deg, var(--secondary_clr), var(--primary_clr) 80%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
h3{font-size:28px;}
h4{font-size:24px;}
h5{font-size:20px;}
h6{font-size:18px;}
/* Paragraph CSS */
p{font-size: 18px; line-height: 1.5; color:var(--text_clr); font-weight:400; letter-spacing:0; margin:0 0 20px;}
hr{border:none; margin:30px 0; background:var(--text_clr); height:1px; width:100%; clear:both; opacity: 0.3;}
body .wp-block-separator{border: 0;}
blockquote{border-left:5px solid #eee;font-size:16px; margin:0 0 20px; padding:10px 20px;}
/*table structure*/
table, .entry-content table{border-right:1px solid #eee; border-top:1px solid #eee;}
table th, table td, .entry-content th, .entry-content table th, .entry-content td, .entry-content table td {background:var(--white_clr); border-left:1px solid #eee; border-bottom: 1px solid #eee; text-align:left; font-size:16px; color:#333; font-weight:400; padding:12px 20px; vertical-align:middle;}
table th{color:#111; font-weight:400; background:#d4d5d6;}
.table-striped th, .table-striped td{position:relative;}
.table-striped tbody tr:nth-of-type(even) td{background:#d4d5d6;}
/*Form Input Field*/
input, textarea, select{background:var(--white_clr); border:1px solid #b7c8d8; width:100%; padding:2px 15px; margin:0; font-size:15px; color:var(--text_clr); font-weight:400; line-height:normal; letter-spacing:0; font-family:var(--primary_font_family); height: 44px; outline:none; -webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;}
input[type="button"], input[type="submit"] {cursor:pointer; width:auto; height:auto;}
input[type="checkbox"], input[type="radio"] {border:none; width:auto; height:auto;}
textarea {display: block; height:100px; padding:15px 20px; min-height:100px; resize: none;}
input[type="button"], input[type="submit"], input[type="image"], input[type="file"], input[type="search"] {-webkit-appearance:none;}
input#addressSubmit {-webkit-appearance:none !important ; }
input[type="radio"], input[type="checkbox"]{-webkit-appearance:normal;}
.checkbox, .radiobox{display: inline-block; position: relative; padding-left: 24px; font-size: 14px; line-height: 14px; color: #676767;}
.checkbox input, .radiobox input{position: absolute; left: 0; top: 0; opacity: 0;}
.checkbox .checkmark{display: block; width: 13px; height: 13px; border: 1px solid #111; position: absolute; left: 0; top: 0;}
.checkmark:before{display:block; content:"\f00c"; font-family:'FontAwesome'; position:absolute; left:0; right:0; top:0; text-align:center; font-size:10px; color:var(--white_clr); line-height:10px; padding-left:1px; opacity:0;}
.checkbox input:checked ~ .checkmark{background:#111; border-color:#111;}
.checkbox input:checked ~ .checkmark:before{opacity:1;}
.radiobox .checkmark{display: block; width: 16px; height: 16px; background: var(--white_clr); border: 1px solid #111; -webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%; position: absolute; left: 0; top: 1px;}
.radiobox .checkmark:before{display: none;}
.radiobox .checkmark:after{display: block; content: ""; background: #111; -webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%; position: absolute; left: 2px; right: 2px; top: 2px; bottom: 2px; opacity: 0;}
.radiobox input:checked ~ .checkmark:after{opacity: 1;}
.selectbox{position: relative;background:var(--white_clr);border:1px solid #b7c8d8; -webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;}
.selectbox select{background: none;border: 0;font-size: 15px;line-height: 20px;font-weight: 400;color: var(--text_clr); padding:0 40px 0 15px; width: 100%; height: 42px; -webkit-appearance: none; -moz-appearance: none; appearance: none; position: relative; z-index: 1; text-overflow: ellipsis;}
.selectbox:after{position:absolute; top:0; right:0; content:"\f107"; font-family:'FontAwesome'; font-size: 20px; color: var(--secondary_clr); z-index:0; width: 40px; height: 42px; line-height: 50px; text-align: center; display: flex; align-items: center; justify-content: center; -moz-transition:all 0.4s ease 0s;-webkit-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s;}
.selectbox.reversed:after{content:"\f0ec"; transform: rotate(90deg); font-size: 14px;}
/* Button styling */
.button, .btn{
    display:-webkit-inline-box;
    display:-ms-inline-flexbox;
    display:inline-flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center;
    padding:14px 24px; background-color: var(--white_clr); border:0 solid var(--primary_clr);
    color: var(--secondary_clr); font-size:16px; line-height:22px; font-weight:600; font-family:var(--secondary_font_family), Arial;
    text-transform: none; cursor:pointer; letter-spacing:0.01em; text-align:center; position:relative; min-width:120px;
    -webkit-transition:all ease-in-out .4s;-o-transition:all ease-in-out .4s;transition:all ease-in-out .4s;border-radius:40px;
    overflow:hidden;z-index: 1;
}
.button span, .btn span {
    position: relative; z-index: 2; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;
}
.button:hover, .btn:hover,
.button:focus, .btn:focus{
    color: var(--white_clr); background: var(--secondary_clr);
}
.btn:after{
    content: ""; position: absolute; left: auto; right: 0; top: 0; height: 100%; width: 0;
    background-color: var(--secondary_clr);
    border-radius: inherit; -webkit-transition: all ease .4s;
    -o-transition: all ease .4s; transition: all ease .4s;z-index: -1;
}
.btn:hover:after{
    width: 100%; right: auto; left: 0
}
.btn .la-angle-right{
    display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex;
    -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;
    text-align: center; width: 24px; height: 24px; background:  var(--white_clr); color: var(--secondary_clr);
    border-radius: 50%; margin: 0 -7px 0 10px;
    -webkit-transition:all 0.4s ease 0s;-o-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s;
}
.secondary .la-angle-right{
    background:  var(--white_clr); color: var(--secondary_clr);
}
.secondary:hover .la-angle-right{
    background:  var(--white_clr); color: var(--secondary_clr);
}
.btn .la-arrow-right {
	font-size: 20px;
}
.btn.small .la-arrow-right {
	font-size: 18px;
}
.primary {
    background: var(--secondary_clr); border-color: var(--secondary_clr); color:  var(--white_clr);
}
.primary.btn:after{
	background: var(--primary_clr); border-color: var(--primary_clr);
}
.primary:hover{
	background: var(--primary_clr); border-color: var(--primary_clr); color: var(--white_clr);
}
.secondary{
	background: var(--primary_clr); border-color: var(--primary_clr); color: var(--white_clr);
}
.white-btn{
	background: var(--white_clr); border-color: var(--white_clr); color: var(--secondary_clr);
}
.white-hover:hover{
	background: var(--white_clr); border-color: var(--white_clr); color: var(--secondary_clr);
}
.btn.white-hover:after{
	background: var(--white_clr);
}
.btn.white-hover:hover .la-angle-right {
    background: var(--secondary_clr);
    color: var(--white_clr);
}
.btn.small{padding: 10px 20px; font-size: 14px; min-width:80px;}
.main-wrapper{overflow:hidden;}
.container{margin:0 auto; width:100%; max-width:1170px; padding:0 20px;}
.container.relative{z-index: 2;}
.max-container{margin:0 auto; width:100%; max-width:1280px; padding:0 20px;}
section{position: relative;-webkit-transition:all 0.4s ease 0s;-o-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s;}
section *:last-child{margin-bottom:0;}
.hide{display:none;}
.v-center{-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.j-center{-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;}
.ptb-100{padding:100px 0;}
.ptb-80{padding:80px 0;}
.ptb-60{padding:60px 0;}
.ptb-40{padding:40px 0;}
.ptb-30{padding:30px 0;}
.ptb-20{padding:20px 0;}
.bg1{background: var(--primary_clr);}
.bg2{background: var(--secondary_clr);}
.bg3{background: #f0f3f4;}
.bg-gray{background: #efefef;}
.bg-pattern{
	background: url('../images/section-bg.webp') no-repeat center;
	background-size: cover; background-attachment: fixed;
}
.relative{position: relative;}
.trans{-moz-transition:all 0.4s ease 0s;-webkit-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s;}
.mw_220{min-width: 220px;}
/*============= GLOBAL CSS END ================*/
/*Header & Banner Section*/
.header{
	position:fixed; left:0; right:0; top:0 !important; z-index:10; padding:0;
	background:  var(--white_clr); -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.1); box-shadow: 0 0 10px rgba(0,0,0,0.1);
}
.header .max-container{
	/*max-width: 100%; padding: 0 40px;*/
}
.header-inner{
	height: 100px; position: relative;
}
.site-logo{
	width:240px; position:relative; z-index:4; margin:0;
}
.site-logo a{
	display: block;
}
.site-logo img{
	display: block; margin: 0; width: 240px;-webkit-transition:all 0.4s ease 0s;-o-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s;
	position: absolute; left: 0; top: 0; bottom: 0; margin: auto;
}
.header-right{
	margin-left: 40px;
}
/*Nav Css*/
.nav-main{text-align:left;}
.nav-main ul{margin:0; padding:0; display:-webkit-box; display:-ms-flexbox; display:flex;display:-webkit-flex;}
.nav-main nav ul > li{margin:0; padding:0; list-style:none; position:relative;}
.nav-main nav ul > li + li{margin-left:30px;}
.nav-main nav ul > li a{
	display:block; color:var(--text_clr); font-size:16px; font-weight:500; font-family: var(--primary_font_family);
	line-height:24px; text-transform:none; letter-spacing:0; padding:12px 0; position:relative; z-index:2;
}
.nav-main nav ul > li.current-menu-item > a, 
.nav-main nav ul > li.current-menu-parent > a, 
.nav-main nav ul > li:hover > a,
.nav-main nav ul > li a:hover,
.nav-main nav ul > li a:focus{color:var(--secondary_clr);}
.nav-main nav ul > li > a:before{display: block; opacity:1; content: ""; background: currentColor; width: 0%; height: 1px; position: absolute; bottom: 0; left: auto; right: 0;-webkit-transition:all 0.4s ease 0s;-o-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s;}
.nav-main nav ul > li:hover > a:before,
.nav-main nav ul > li.current-menu-parent > a:before,
.nav-main nav ul > li.current-menu-item > a:before{left: 0; width: 100%; opacity: 1;}
.nav-main nav ul > li.menu-item-has-children > a{padding-right:18px;}
.nav-main nav ul > li.menu-item-has-children > a:after{display: block; content: "\f107"; font-family: 'FontAwesome'; width: 16px; height: 16px; line-height: 16px; text-align: center; position: absolute; right: 0; top: 16px; -webkit-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s;}
.nav-main nav ul > li.menu-item-has-children:hover > a:after {-webkit-transform: rotate(-180deg);-ms-transform: rotate(-180deg);transform: rotate(-180deg);}
.nav-main .sub-menu{display:block; position:absolute; left:0; top:100%; z-index:1; background: var(--white_clr); min-width:240px; padding:15px 10px; margin:0; opacity: 0;-webkit-transition: all 0.4s ease 0s;-o-transition: all 0.4s ease 0s;transition: all 0.4s ease 0s;-webkit-transform: scaleY(0);-ms-transform: scaleY(0);transform: scaleY(0);-webkit-transform-origin: top;-ms-transform-origin: top;transform-origin: top; -webkit-box-shadow: 0 5px 40px rgb(0 0 0 / 15%); box-shadow: 0 5px 40px rgb(0 0 0 / 15%); border-radius: 0;}
.nav-main nav ul > li:hover > .sub-menu{opacity: 1;-webkit-transform: scaleY(1);-ms-transform: scaleY(1);transform: scaleY(1);}
.nav-main nav ul > li:last-child .sub-menu{left: auto; right: 0;}
.nav-main .sub-menu li{display:block; text-align:left; position:relative; margin: 0; padding: 0;}
.nav-main .sub-menu li a:before{display: none;}
.nav-main .sub-menu li a{display:block; text-transform:none; color: var(--text_clr); font-size:15px; line-height:22px; font-weight:400; padding:8px 15px;}
.nav-main .sub-menu li a:hover,
.nav-main .sub-menu li a:focus,
.nav-main .sub-menu li.current-menu-item a{background: #f3f3f3; color:var(--secondary_clr);}
.nav-main .sub-menu .sub-menu {left:100%; top:0;}
.nav-main .sub-menu li:hover .sub-menu {display:block;}
.nav-main nav ul > li .sub-menu li:last-child .sub-menu { left: 100%; right: auto; }
/*Sticy header*/
.header-blank{
	width: 100%; height: 100px; -webkit-transition:all 0.2s ease 0s;-o-transition:all 0.2s ease 0s;transition:all 0.2s ease 0s;
}
.navbar_fixed.header{
	background: var(--white_clr); -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.1); box-shadow: 0 0 10px rgba(0,0,0,0.1); border-color: transparent;
}
.navbar_fixed.header + .header-blank,
.navbar_fixed .header-inner{
	height: 90px;
}

/*Hero Banner Css*/
.home-banner{
	position:relative; z-index:1; overflow: hidden;
}
.home-banner .items{
	padding: 0 0 120px; height: 100vh; min-height: 640px; max-height: 740px; position: relative;
}
.home-banner .bg-img:before{
	opacity: 0.7; mix-blend-mode: multiply;
	background: linear-gradient(0deg, rgb(42 42 42) 20%, rgb(255 255 255) 100%);
}
.banner-inner {
	position: relative; z-index: 2; height: 100%; flex-direction: column; align-items: center; justify-content: center;
}
.caption{
	min-width: 580px; max-width: 580px; margin: 0;
}
.caption .h1{
	font-size: 48px; line-height: 1.1; color: var(--white_clr); font-weight: 700;
	position: relative; text-shadow: 0 5px 10px rgba(0,0,0,0.1);
}
.caption p{
	color: var(--white_clr);
}
.caption .btnbox .btn {
	min-width: 180px;
}
.caption .btnbox .btn + .btn{margin-left: 15px;}
.homeslick .slick-dots{bottom: 20px;}
.homeslick .slick-arrow{
	background: rgba(255,255,255,0.2); color: var(--text_clr);
}
.homeslick .slick-arrow:hover{
	background: rgba(255,255,255,1); color: var(--primary_clr);
}
.homeslick .slick-arrow.slick-prev{
	left: 20px;
}
.homeslick .slick-arrow.slick-next{
	right: 20px;
}


.banner-icons{
	position: absolute; left: 0; right: 0; bottom: 40px; z-index: 2;
}
.banner-icons-inner{
	justify-content: center; align-items: center; gap: 20px;
}
.banner-icons-inner .iconbox {
    padding: 10px 10px; width: 100%; gap: 15px;
    background: rgba(255,255,255,0.1); border: 1px solid rgba(255,255,255,0.1);
    border-radius: 120px; backdrop-filter: blur(8px);
}
.banner-icons-inner .iconbox i{
    display: inline-flex; align-items: center; justify-content: center; text-align: center;
    min-width: 60px; max-width: 60px; height: 60px; border-radius: 50%; text-align: center;
    font-size: 22px; line-height: 24px; color: var(--white_clr);
    background: linear-gradient(135deg, var(--primary_clr) 0%, var(--secondary_clr) 100%);
}
.banner-icons-inner .iconbox i img{
	max-width: 40px;
}
.banner-icons-inner .iconbox p{
	font-size: 16px; line-height: 1.2; font-weight: 500; color: var(--white_clr);
	font-family: var(--secondary_font_family);
}

/*Footer Start*/
.footer{
	padding:0; margin:0; position:relative;
	overflow: hidden; background: #2c2b2b;
}
/*.f-bg-dark{
	background: var(--black_clr); width: 100vw; opacity: 0.2;
	position: absolute; right: 15%; top: -60px; bottom: -60px;
}*/
.footer-top{
    border-bottom: 1px solid rgba(255,255,255,0.1);
}
.f-logo a {
    max-width: 200px; display: block;
}
.footer-top .btn {
    font-size: 16px; text-transform: uppercase; letter-spacing: 0.07em;
    font-family: var(--secondary_font_family); outline: 6px solid rgba(255,255,255,0.1);
}
.footer-top .btn i {
    font-size: 24px;
}
.footer p{
	font-size: 16px;
}
.footer p,
.footer p a{
    color: rgba(255,255,255,0.7);
}
.footer h5 {
    font-size: 16px; color: rgba(255,255,255,0.7); font-weight: 600; letter-spacing: 0;
    text-transform: uppercase; position: relative; margin: 0 0 20px;
}
.footer h5:after{
    display: block; content: ""; width: 40px; height: 2px; background: var(--white_clr); margin: 10px 0 0; opacity: 0.2;
}
.f-about{
	gap: 10px 0; flex-direction: column;
}
.footer .c_info a {
    display: inline-flex; align-items: center;
    font-size: 16px; font-weight: 500;color: var(--white_clr);
}
.footer .c_info a:hover {
    color: var(--primary_clr);
}
.footer .c_info i {
    font-size: 20px; margin-right: 10px;
}
.f-address {
    max-width: 340px;
}
.f-address p{
	font-size: 14px; line-height: 1.6;
}
.social-icon a{
    display: inline-flex; font-size: 20px; color: var(--white_clr);
    min-width: 40px; max-width: 40px; height: 40px;
    align-items: center; justify-content: center; text-align: center;
    -webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;
    background: rgba(0, 0, 0, 0.5);
}
.social-icon a + a{
    margin-left: 10px;
}
.social-icon a:hover {
	background: var(--primary_clr); color: var(--white_clr);
}
.la-twitter:before{
    display: block; content: ""; width: 16px; height: 16px;
    background: url('../images/x_twitter_w.svg') no-repeat center;
    background-size: 100% auto !important;
}
.f-links ul{
    margin: 0; padding: 0;
}
.f-links ul li{
    margin: 0; padding: 0; font-size: 14px; line-height: 1.6; color: var(--white_clr);
}
.f-links li + li {
    margin-top: 10px;
}
.f-links li a {
    color: rgba(255,255,255,0.7);
}
.f-links li a:hover {
	opacity: 1; color: var(--white_clr);
}
.f-links li [data-text]:after,
.f-links li [data-text]:before{
    font-size: 18px; line-height: 24px; letter-spacing: 0.05em;
}
.footer-bottom{
    border-top: 1px solid rgba(255,255,255,0.05);
}
.footer-bottom .line_hover{
    color: var(--white_clr);
}
.footer-bottom .line_hover:hover{
    color: var(--secondary_clr);
}
.footer-bottom p {
    font-size: 14px;
}
.scrollup{
    display: inline-flex; align-items: center; justify-content: center;
    position: fixed; right: -20px; bottom: 10px; z-index: 4;
    background: var(--white_clr); border: 1px solid #ccc; width: 34px; height: 34px;
    border-radius: 50%; font-size: 15px; color: var(--primary_clr); line-height: normal;
    text-align: center; cursor: pointer; opacity: 0;
    -moz-transition:all 0.4s ease 0s;-webkit-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s;
}
.scrollup.active{
	right: 10px; opacity: 1;
}
.whatsapp-chat-bottom{
	position: fixed; left: 20px; bottom: 20px; z-index: 999;
}
.whatsapp_icon_style{
	flex-direction: column; align-items: center; justify-content: center;
	width: 60px; height: 60px; background: #31ba44;
	-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;
	box-shadow: 1px 6px 24px 0 rgba(7,94,84,.24);
}
.whatsapp_icon_style svg{
	display: block; width: 50%; height: 50%;
}
.whatsapp_icon_style:hover{
	background: #039f18;
}
/*Footer End*/

/*Midlle Section css*/
.middle-section{position:relative;}
img.alignleft{float:left; margin:0 20px 20px 0; -webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
img.alignright{float:right; margin:0 0 20px 20px; -webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
img.alignnone{margin:0 0 20px; -webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
iframe.alignleft{float:left; margin:0 20px 20px 0;}
iframe.alignright{float:right;margin:0 0 20px 20px;}
iframe.iframe-embed.alignright{max-width:500px;height:315px !important;}
.bg-img{position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 0; background-size: cover !important;}
.bg-img:before{display: block; content: ""; background: var(--text_clr); position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 0; opacity: 0.5;}
.bg-img img,
.bg-img video,
.bg-img iframe{display: block;width: 100%;height: 100%;object-fit: cover;object-position: center;}
.bg-img.before-none:before{display: none;}
.bg-img.fixed{background-attachment: fixed !important;}
.bg-img.bg-auto{background-size: auto !important;}
.no-img.d-flex{align-items: center;justify-content: center;font-size: 24px;line-height: normal; color: #999; background: #ddd;}
.btnbox{
	padding:20px 0 0;
}
.block-title{
	position:relative; margin-bottom: 20px;
}
.block-title.text-white *{
	color: var(--white_clr);
}
.small-title {
    display: inline-block; font-size: 16px; line-height: 20px; color: var(--secondary_clr);
    font-weight: 400; text-transform: uppercase; letter-spacing: 0.2em; margin: 0 0 20px;
    border: 1px dashed currentColor; padding: 10px 20px;
}
.card-link{
	display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 4;
}
.more-link{
    display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex;
    -webkit-box-align: center; -ms-flex-align: center; align-items: center;
    font-size: 16px; line-height: 20px; color: var(--primary_clr); font-weight: 400;
}
.more-link i{
    margin-left: 5px; font-size: 18px;
}

/*Service Section*/
.services-section {
    overflow: hidden;
}
.dq-service-list{
	gap: 30px 0;
}
.card-service{
    padding: 30px; min-height: 280px; border: 2px solid var(--primary_clr);
    position: relative; overflow: hidden; height: 100%;
    -webkit-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;
    -webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;
	background: linear-gradient(45deg, rgb(203 203 203 / 18%) 0%, rgba(255, 255, 255, 1) 100%);
	backdrop-filter: blur(8px);
}
.card-service:hover{
	border-color: var(--primary_clr);
    -webkit-box-shadow: 0 8px 16px -2px rgba(32,33,36,.06), 0 16px 32px -2px rgba(32,33,36,.1);
    box-shadow: 0 8px 16px -2px rgba(32,33,36,.06), 0 16px 32px -2px rgba(32,33,36,.1);
}
.card-service .iconbox{
	min-width: 80px; max-width: 80px; height: 80px; margin-bottom: 40px;
}
.tp-service-sm-content {
    margin-bottom: auto;
}
.tag-text{
	display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex;
	-webkit-box-align: center; -ms-flex-align: center; align-items: center;
	-webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;
	text-align: center; font-size: 12px; line-height: 16px; color: var(--white_clr);
	font-weight: 500; letter-spacing: 0.1em; text-transform: uppercase;
	/*border: 1px solid rgba(32, 33, 36, .1);*/ padding: 7px 15px; margin-bottom: 20px;
	background: linear-gradient(135deg, var(--primary_clr) 0%, var(--secondary_clr) 100%);
	-webkit-border-radius: 40px;-moz-border-radius: 40px;border-radius: 40px;
}
.tp-service-sm-title {
    font-size: 20px; font-weight: 600; text-transform: uppercase;
}
.overlay-box {
    padding: 30px; width: 100%; height: 100%;
    background: var(--white_clr);
    position: absolute; left: 0; top: 40%; opacity: 0;
}
.card-service:hover .overlay-box{
	top: 0; opacity: 1;-webkit-transition:all 0.6s ease 0s;-o-transition:all 0.6s ease 0s;transition:all 0.6s ease 0s;
}
.card-service .card-service-head{
	margin-bottom: 20px;
}
.card-service .card-service-head .iconbox {
    margin: 0 20px 0 0;
}
.box_shape{
	position: absolute; right: 0; bottom: 0; max-width: 140px; opacity: 0.3;
}
.serv-special-card.bg1 *{
	color: var(--white_clr);
}
.serv-special-card .iconbox img{
	filter: invert(100%) grayscale(100%) brightness(200%);
}
.serv-special-card.bg1 .tag-text{
	border-color: var(--white_clr);
}
.serv-special-card .card-arrow{
	color: var(--white_clr); border-color: var(--white_clr);
	opacity: 1;
}
.serv-special-card.bg1{
	padding-right: 70px;
	border: 0; background: -webkit-linear-gradient(45deg, var(--secondary_clr), var(--primary_clr) 80%);
}
.serv-special-card .bg-img:before{
	opacity: 0.7;
}
.card-arrow{
	display: flex; align-items: center; justify-content: center; min-width: 40px; height: 40px;
	position: absolute; right: 40px; bottom: 20px; z-index: 2; opacity: 0;
	font-size: 20px; line-height: normal; color: var(--primary_clr);
	background: rgba(0,0,0,0.05);
	-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;
}
.overlay-box .tp-service-sm-title{
	color: var(--primary_clr);
}
.card-service:hover .card-arrow{
	opacity: 1; right: 20px;
}
.overlay-box p{
	color: var(--black_clr);
}
.gradiend-bg{
    position: absolute; left: 20%; right: 0; top: 0; bottom: 0; margin: 0 auto; opacity: 0.2;
    --size: 340px; --speed: 40s;
	 --easing: cubic-bezier(0.8, 0.2, 0.2, 0.8);
	 width: 440px; height: 440px;
	-webkit-filter: blur(calc(var(--size) / 3));
	filter: blur(calc(var(--size) / 3));
	/*background: -o-linear-gradient(315deg, rgba(36,54,102,1) 0%,rgba(140,215,187,1) 51%,rgba(197,234,154,1) 100%);*/
	background: linear-gradient(135deg, var(--secondary_clr) 0%, var(--primary_clr) 50%, var(--secondary_clr) 100%);
	-webkit-animation: rotate var(--speed) var(--easing) alternate infinite;
	animation: rotate var(--speed) var(--easing) alternate infinite;
	border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%;
}
.gradiend-bg.left{
	left: 0; right: 30%;
}
.gradiend-bg.bottom{
	top: auto; bottom: 0;
}
.gradiend-bg.center{
	left: 0; right: 0; margin: 0 auto;
}
@-webkit-keyframes rotate {
	0%{-webkit-transform: rotate(0deg);transform: rotate(0deg);}
	100%{-webkit-transform: rotate(360deg);transform: rotate(360deg);}
}
@keyframes rotate {
	0%{-webkit-transform: rotate(0deg);transform: rotate(0deg);}
	100%{-webkit-transform: rotate(360deg);transform: rotate(360deg);}
}
.grd-light-bg{
    background: linear-gradient(135deg, #25750012 0%, #4fa22924 50%, #2575000f 100%);
}
.grd-light-bg .tp-counter-wrapper .items{
    border-color: #115b891f;
}

/*counter Section*/
.tp-counter-wrapper {
	/*
	padding: 0 30px; background: hsla(0, 0%, 100%, .03);
	-webkit-box-shadow: 0 20px 80px rgba(7,13,32,.08); box-shadow: 0 20px 80px rgba(7,13,32,.08);
	-webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px);
	border: 1px solid var(--tp-common-white); border-radius: 100px;
	*/
}
.colmn_5 .items{
	min-width: 20%; max-width: 20%;
}
.tp-counter-wrapper .items{
	border-left: 1px solid #e1e1e1;
}
.tp-counter-wrapper .row [class*=col-]:first-child {
    border-left: 0;
}
.tp-counter-shape-1 {
    position: absolute; bottom: -34px; right: 30%; z-index: -1; -webkit-animation: rotate2 10s linear infinite; animation: rotate2 10s linear infinite;
}
.tp-counter-shape-2 {
    position: absolute; top: -50px; right: 5%; z-index: -1;
}
.tp-counter-shape-3 {
    position: absolute; bottom: -50px; left: 0; z-index: -1;
}
.tp-counter-wrap {
    padding: 40px 0; height: 100%;
}
.tp-counter-item h4 {
    font-size: 48px; line-height: 1.4; color: var(--text_clr);
    font-weight: 600; font-style: normal; margin-bottom: 5px;
}
.tp-counter-item p {
    font-size: 16px; line-height: 20px; font-weight: 500; letter-spacing: 0; margin-bottom: 0;
}
@-webkit-keyframes rotate2 {
	0% {-webkit-transform: rotate(0deg);transform: rotate(0deg) }
	to {-webkit-transform: rotate(1turn);transform: rotate(1turn) }
}
@keyframes rotate2 {
	0% {-webkit-transform: rotate(0deg);transform: rotate(0deg) }
	to {-webkit-transform: rotate(1turn);transform: rotate(1turn) }
}
@-webkit-keyframes scale_up_down {
	0% {-webkit-transform: scale(.9);transform: scale(.9) }
	to {-webkit-transform: scale(1);transform: scale(1) }
}
@keyframes scale_up_down {
	0% {-webkit-transform: scale(.9);transform: scale(.9) }
	to {-webkit-transform: scale(1);transform: scale(1) }
}
@-webkit-keyframes dash {
	to {stroke-dashoffset: 0px; stroke-dasharray: 3000 }
}
@keyframes dash {
	to {stroke-dashoffset: 0px; stroke-dasharray: 3000 }
}
@-webkit-keyframes tpupdown {
	0% {-webkit-transform: translateY(0);transform: translateY(0) }
	to {-webkit-transform: translateY(-20px);transform: translateY(-20px) }
}
@keyframes tpupdown {
	0% {-webkit-transform: translateY(0);transform: translateY(0) }
	to {-webkit-transform: translateY(-20px);transform: translateY(-20px) }
}
@-webkit-keyframes tpswing {
	0% {-webkit-transform: rotate(6deg);transform: rotate(6deg) }
	to {-webkit-transform: rotate(-6deg);transform: rotate(-6deg) }
}
@keyframes tpswing {
	0% {-webkit-transform: rotate(6deg);transform: rotate(6deg) }
	to {-webkit-transform: rotate(-6deg);transform: rotate(-6deg) }
}
@-webkit-keyframes tptranslateX2 {
    0% {-webkit-transform: translateX(-30px);transform: translateX(-30px) }
    to {-webkit-transform: translateX(20px);transform: translateX(20px) }
}
@keyframes tptranslateX2 {
    0% {-webkit-transform: translateX(-30px);transform: translateX(-30px) }
    to {-webkit-transform: translateX(20px);transform: translateX(20px) }
}
.tpupdown{
	-webkit-animation: tpupdown 1.8s infinite alternate;
	        animation: tpupdown 1.8s infinite alternate;
}
.tptranslateX2{
	-webkit-animation: tptranslateX2 4s infinite alternate;
	        animation: tptranslateX2 4s infinite alternate;
}

/*About Section*/
.about-section {
	overflow: hidden;
}
.about-section:before{
	display: block; content: ""; background: var(--white_clr);
	position: absolute; top: 0; bottom: 0; left: 0; right: 70%;
}
.video-testi-slider,
.video-testi-slider .slick-track{
    height: 100%;
}
.abt-inner .imgbox{
	/*box-shadow: 0 0 20px rgba(0,0,0,0.2);*/
}
.quote_icon{
	display: flex; align-items: center; justify-content: center;
	font-size: 32px; color: var(--primary_clr);
	width: 80px; height: 80px; background: var(--white_clr);
	-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;
	position: absolute; right: -15px; top: -30px; z-index: 2;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.quote_icon img{
	max-width: 40px;
}
.abt-left-block {
    padding-left: 60px;
}
.abt-card.text-white p{
	color: var(--white_clr);
}

/*Testimonials Section*/
.testimonials-section{
	overflow: hidden;
}
.line_shape{
	position: absolute; left: 0; top: 0; z-index: 3; max-width: 300px;
	-webkit-transform: scaleX(-1); transform: scaleX(-1);
}
.card-testimonial{
	padding: 40px; height: 100%; background: var(--white_clr);
	position: relative; box-shadow: 0 2px 5px rgba(0,0,0,0.27);
	-webkit-border-radius: 40px;-moz-border-radius: 40px;border-radius: 40px;
	pointer-events: none;
	display: flex; flex-direction: column;
}
.slick-active .card-testimonial{
	background: var(--white_clr); pointer-events: initial;
	box-shadow: 0 2px 5px rgba(0,0,0,0.27);
}
.std-name-block .small-imgbox{
	display: block; width: 64px; height: 64px;
	background: #fee5cc; overflow: hidden; margin-right: 24px;
	-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;
}
.std-name-block .small-imgbox img{
	display: block; width: 100%; height: 100%; object-fit: cover; object-position: center;
}
.card-testimonial p{
	font-size: 16px; line-height: 1.6;
}
.std-name-block p{
	font-size: 16px; line-height: 24px;
}
.std-name-block {
    margin-top: auto;
}
.std-name-block p strong{
	font-size: 18px;
}
.star-box {
    font-size: 20px; color: var(--primary_clr); letter-spacing: 0.2em;
}
.test-quote_icon{
	display: flex; align-items: center; justify-content: center;
	width: 50px; height: 50px;
	font-size: 40px; color: var(--primary_clr);
	position: absolute; right: 30px; top: -20px;
	-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;
}
.testimonial-slider > .items{
	display: none;
}
.testimonial-slider > .items:nth-child(1),
.testimonial-slider > .items:nth-child(2){
	display: block;
}
.testimonial-slider .slick-list{
	padding-left: 0 !important; padding-right: 110px; overflow: visible;
}
.testimonial-slider .slick-list:before{
	display: block; content: ""; background: var(--white_clr); z-index: 1;
	position: absolute; right: 100%; top: -30px; bottom: -20px; width: 1000vw;
}
.testi-list-block .circle_shape{
	width: 75px; height: 75px; padding: 10px;
	left: -140px; top: 120px; right: auto; z-index: 1;
}

/*Blog Section*/
.post-list .items {
    margin: 0 0 10px; padding-top: 10px; padding-bottom: 10px;
}
.card-post {
    padding: 0 20px 20px; height: 100%; background: var(--white_clr);
    flex-direction: column;
    -webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;
}
.post-imgbox {
    display: block; background: var(--white_clr);
    height: 260px; margin: 0 -20px; overflow: hidden;
}
.post-imgbox img {
    display: block; width: 100%; height: 100%; object-fit: cover; object-position: center;
}
.post-textbox {
    padding: 20px 0; position: relative; z-index: 2; display: flex; flex-direction: column; -moz-transition:all 0.4s ease 0s;-webkit-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s;
}
.card-post .date {
    display: flex; align-items: center; font-size: 14px; line-height: 18px; color: #777; margin: 0 0 10px;
}
.card-post .date i{
	margin-right: 4px;
}
.card-post h4 {
    font-size: 18px; line-height: 24px; font-weight: 700;
}
.card-post p {
    font-size: 16px; color: #333; margin: 0;
}
.date_info_box{
	padding: 20px 0 0; border-top: 1px solid #ddd; position: relative;
}
.post-view{
	font-size: 16px; line-height: normal; color: var(--primary_clr); width: 40px; height: 40px; background: #e8e8e8;
	-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;
	-moz-transition:all 0.4s ease 0s;-webkit-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s;
}
.card-post:hover .post-view{
	background: var(--secondary_clr); color: var(--white_clr);
}
.post-slider .slick-dots{
	bottom: -10px;
}

/*CTA Section*/
.cta-section .bg-img {
	opacity: 0.3; z-index: -1;
}
.cta-block-inn{
	padding: 40px; -webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;z-index: 1;
}
.cta-block-inn p{
	color: var(--white_clr);
}
.cta-block-inn .btnbox{
	justify-content: center;
}

/*modal-style*/
.modal-style .modal-dialog{
	max-width: 910px;
}
.modal-style .modal-content{
	overflow: hidden; border: 0;
	background: linear-gradient(135deg, rgba(255,255,255,1) 0%,rgba(222,238,251,1) 100%);
	-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;
}
.close-btn{
	width: 40px; height: 40px; font-size: 24px; position: absolute; right: 5px; top: 5px; z-index: 2;
	-moz-transition:all 0.4s ease 0s;-webkit-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s;
}
.close-btn:hover{
	transform: rotate(90deg); color: var(--primary_clr);
}
.chat-modal .modal-body{
	padding: 0;
}
.chat-modal-inn .imgbox{
	min-width: 430px; max-width: 430px;
}
.chat-modal-inn .imgbox img{
	display: block; width: 100%; height: 100%; object-fit: cover;
}
.chat-modal-inn .textbox{
	padding: 40px;
}
.chat-modal-inn p{
	margin-bottom: 10px;
}
.whatsapp_icon:before{
    display: block; content: ""; width: 34px; height: 34px;
    background: url('../images/whatsapp_icon.png') no-repeat center;
    background-size: 100% auto;
}
.chat-btn{
    padding: 10px 24px; color: #31ba44; font-size: 18px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}
.chat-btn span{
	gap: 15px;
}
.chat-btn:hover{
    color: #31ba44;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

/*Services Detail page*/
.service-middle-main{
	overflow: hidden;
}
.service-hero{
	overflow: hidden;
}
.left-patt-img {
    max-width: 740px; position: absolute; left: 0; top: 0;
}
.left-patt-img.right{
	-webkit-transform: scaleX(-1); transform: scaleX(-1);
	left: auto; right: 0; max-width: 440px;
}
.prod-ban-imgbox img {
    display: block; width: 100%; height: auto;
    -webkit-border-radius: 40px;-moz-border-radius: 40px;border-radius: 40px;
}
.feature{
	padding: 15px; display: flex; align-items: center; gap: 10px;
    position: absolute; top: 20%; left: -50px; z-index: 1;
    background: #f2f6f9; border: 2px solid #fff;
    box-shadow: var(--dark-shadow-1);
    backdrop-filter: blur(7.15px);
    border-radius: 16px;
}
.feature img{
	max-width: 40px;
}
.feature-title{
    font-size: 20px; line-height: 24px; font-weight: 600;
    color: var(--text_clr); margin: 0;
}
.feature-description{
    font-size: 14px; line-height: 20px; color: #666; font-weight: 500;
}
.sub-service-section{
	overflow: hidden;
}
.sub-service-list .items{
	padding-top: 30px; padding-bottom: 30px;
}
.sub-service-list .card-service,
.sub-service-list .overlay-box{
	padding: 30px;
}
.sub-service-list .card-service p{
	font-size: 16px;
}
.sub-service-list .card-service .iconbox{
	margin-bottom: 0;
}
.card-service .serv-tl{
	gap: 20px; margin-bottom: 20px;
}
.card-service .serv-tl .tp-service-sm-title{
	background: -webkit-linear-gradient(45deg, var(--secondary_clr), var(--primary_clr) 80%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.sub-service-slider .slick-dots{
	bottom: -10px;
}

/*whychoose Section*/
.whychoose-imgbox{
	position: absolute; left: 0; top: 0; bottom: 0; width: 50%; overflow: hidden;
    border-top-right-radius: 400px; border-bottom-right-radius: 400px;
}
.whychoose-imgbox img{
	display: block; width: 100%; height: 100%; object-fit: cover; object-position: center;
}
.whychoose-imgbox.bg-img:before{
	background: linear-gradient( to right, #4fa229 0%, rgba(5,171,224,1) 100%);
	opacity: 0.8;
}
.whychoose-imgbox .block-title{
	position: absolute; left: 0; right: 0; top: 0; bottom: 0;
	flex-direction: column; justify-content: center; padding: 40px 100px 40px 40px;
}
.whychoose-section .left-block .block-title{
	border-left: 5px solid var(--white_clr);
	padding: 0 40px;
}
.whychoose-list{
	flex-direction: column; gap: 40px;
	margin-left: -40px;
}
.card-whychoose{
	gap: 0 80px; position: relative;
}
.card-whychoose .iconbox{
	display: inline-flex; align-items: center; justify-content: center; min-width: 100px; height: 100px;
	position: relative;
	-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;
	background: linear-gradient(to bottom, rgba(189, 191, 193, 0.8) 0%, rgba(249, 251, 254, 0.5) 100%);
	box-shadow: 0 -1px 1px 0 rgba(0, 0, 0, 0.1), 0px 1px 1px 0 rgba(255, 255, 255, 1);
}
.card-whychoose .iconbox:before{
	display: block; content: ""; position: absolute; left: 10px; top: 10px; right: 10px; bottom: 10px;
	-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;
	background: -webkit-linear-gradient(135deg, var(--secondary_clr), var(--primary_clr) 80%);
}
.card-whychoose .iconbox img{
	max-width: 50px; position: relative; z-index: 1;
}
.card-whychoose h4{
	margin-bottom: 10px; font-size: 22px; font-weight: 600; text-transform: uppercase;
}
.card-whychoose .textbox {
    max-width: 400px;
}
.whychoose-list .items:nth-child(1) .iconbox{
	margin-left: -80px;
}
.whychoose-list .items:nth-child(2) .iconbox{
	margin-left: -20px;
}
.whychoose-list .items:nth-child(3) .iconbox{
	margin-left: -20px;
}
.whychoose-list .items:nth-child(4) .iconbox{
	margin-left: -80px;
}
.card-whychoose:before{
	display: block; content: ""; height: 1px; width: 40px; background: #ccc;
	position: absolute; left: 40px; top: 0; bottom: 0; margin: auto;
}
.whychoose-list .items:nth-child(2) .card-whychoose:before,
.whychoose-list .items:nth-child(3) .card-whychoose:before{
	left: 100px;
}

/* FAQ Section */
.faq-section .container{
	max-width: 940px;
}
.faq-flex .imgbox {
    padding: 0 30px;
}
.faq-card {
    border: 1px solid rgba(0,0,0,0.07);
    background: linear-gradient(45deg, rgb(203 203 203 / 18%) 0%, rgba(255, 255, 255, 1) 100%);
    -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;
}
.faq-card + .faq-card{
	margin-top: 10px;
}
.faq-card .acc_title {
    padding: 16px 45px 16px 20px; font-size: 20px; font-weight: 600; margin: 0; cursor: pointer; position: relative;
}
.faq-card .acc_title:after {
    display: block; content: "\f067"; font-family: 'Line Awesome Free'; font-weight: 900; width: 20px; height: 26px; text-align: center; position: absolute; right: 10px; top: 0; bottom: 0; margin: auto; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;
}
.faq-card .acc_title[aria-expanded="true"]:after{
    content: "\f068";
}
.faq-card .content-box {
    padding: 0 40px 20px 20px;
}

/*Contact Section*/
.contact-section{
	overflow: hidden;
}
.contact-block{
	padding: 40px; background: var(--white_clr); 
	-webkit-box-shadow: 0 10px 30px rgba(1,10,10,.1), inset 0 0 0.5px hsla(0,0%,100%,.25);
	box-shadow: 0 10px 30px rgba(1,10,10,.1), inset 0 0 0.5px hsla(0,0%,100%,.25);
}
.form-inner{
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap; margin: 0 -10px;
}
.form-inner .input-field{
	padding: 0 10px; margin: 0 0 20px; -ms-flex-preferred-size:50%; flex-basis:50%;min-width:50%;max-width:50%; position: relative;
}
.form-inner .input-field.full-width{
	-ms-flex-preferred-size:100%;
	    flex-basis:100%;min-width:100%;max-width:100%;
}
.input-field .label {
    display: inline-block; font-size: 16px; line-height: 1.4;
    color: #333; font-weight: 300; margin-bottom: 7px;
}
.form-inner .input-field input,
.form-inner .input-field textarea,
.form-inner .input-field select{
	padding: 4px 15px; background: var(--white_clr);
	-webkit-border-radius: 80px;-moz-border-radius: 80px;border-radius: 80px;
}
.form-inner .input-field .selectbox{
	-webkit-border-radius: 80px;-moz-border-radius: 80px;border-radius: 80px;
}
.form-inner .input-field textarea{
	padding: 15px 15px;
	-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;
}
.form-inner .input-field input:hover,
.form-inner .input-field input:focus,
.form-inner .input-field textarea:hover,
.form-inner .input-field textarea:focus{
	border-color: #003366;
}
.contact-block .selectbox{
	padding: 0; background: transparent; border: 0; border-bottom: 1px solid #444;border-radius: 0;
}
.contact-block .selectbox select {
    padding-left: 0;
}
.file-input .label {
    font-weight: 700; font-size: 14px; line-height: 20px; margin: 0 0 15px;
}
.form-inner .input-field .file-input input[type="file"]{
	height: 40px; background: none; border: 0; padding: 0;
	-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0;
}
.wpcf7-not-valid-tip {
    font-size: 14px;
}
.wpcf7 form .wpcf7-response-output {
    font-size: 14px; margin-left: 0; margin-right: 0;
}
.small-tl {
    display: inline-block; font-size: 18px; line-height: 24px; text-transform: uppercase;
    font-weight: 400; letter-spacing: 0.2em; color: #333; margin-bottom: 10px;
}
.contact-info{
	padding-right: 20px;
}
.contact-list{
	-ms-flex-wrap: wrap; flex-wrap: wrap;
}
.contact-list .items{
    margin: 0 0 40px; width: 100%;
}
.card-contact {
    position: relative; padding-left: 70px;
}
.c_icon {
    display: -webkit-inline-box; display: -ms-inline-flexbox;
    display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;
    min-width: 50px; max-width: 50px; height: 50px; border: 1px solid var(--primary_clr);
    position: absolute; left: 0; top: 0; font-size: 32px; color: var(--primary_clr);
    -webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;
}
.card-contact .lable {
    display: block; font-size: 16px; font-weight: 500; color: #111; text-transform: uppercase; margin: 0 0 10px;
}
.card-contact p,
.c_link{
	display: block; font-size: 20px; line-height: 24px; color: var(--text_clr); font-weight: 600;
}
.c_link:hover{
	color: var(--primary_clr);
}
.c_link + .c_link{
	margin-top: 10px;
}

/*Contact Page*/
.contact-hero{
	overflow: hidden;
}
.addres-box{
    padding: 60px 40px; border: 1px solid var(--primary_clr);
    position: relative; overflow: hidden; height: 100%;
    -webkit-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;
    -webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;
	background: linear-gradient(45deg, rgb(203 203 203 / 18%) 0%, rgba(255, 255, 255, 1) 100%);
}
.addres-box:hover{
	border-color: var(--primary_clr);
    -webkit-box-shadow: 0 8px 16px -2px rgba(32,33,36,.06), 0 16px 32px -2px rgba(32,33,36,.1);
    box-shadow: 0 8px 16px -2px rgba(32,33,36,.06), 0 16px 32px -2px rgba(32,33,36,.1);
}
.addres-box .card-contact p{
	font-size: 20px; line-height: 1.6; font-weight: 400;
}
.addres-box .card-contact .lable {
    font-size: 20px; font-weight: 600; margin: 0 0 20px;
}
.map-block iframe{
	display: block; width: 100%; height: 460px;
}

/*Internal Banner Section*/
.internal-banner .bg-img:before{
	opacity: 0.8;
	background: linear-gradient( to right, #4fa229 0%, rgba(5,171,224,1) 100%);
}
.breadcrumb{
    background: none; padding: 0;
}
.breadcrumb li{
	font-size: 16px; line-height: 1.6; color: var(--text_clr);
}
.breadcrumb li a{
	color: var(--text_clr);
}
.breadcrumb li + li:before{
	display: inline-flex; content: "\f105"; font-family: 'Line Awesome Free';
	font-weight: 900; font-size: 12px; margin: 0 6px;
}
.internal-banner .breadcrumb li,
.internal-banner .breadcrumb li a{
	color: var(--white_clr);
}

/*Projects Section*/
.projects-section {
    overflow: hidden;
}
.projects-list{
	gap: 40px 0;
}
.card-proj{
	padding: 0 30px 30px; position: relative; overflow: hidden; background: var(--white_clr);
	flex-direction: column;
	-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;
	box-shadow: 0px 15px 60px -10px rgb(109 117 143 / 33%);
}
.card-proj .imgbox{
	margin: 0 -30px 30px; background: var(--white_clr); height: 280px; position: relative;
}
.card-proj .imgbox img{
	display: block; width: 100%; height: 100%; object-fit: cover; opacity: 1;
	-moz-transition:all 0.4s ease 0s;-webkit-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s;
}
.card-proj .imgbox:before{
	display: block; content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; opacity: 0.2;
	background: linear-gradient(to right, rgba(9,59,91,1) 0%,rgba(5,171,224,1) 100%);
	-moz-transition:all 0.4s ease 0s;-webkit-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s;
}
.card-proj h4{
    font-size: 20px; font-weight: 600; text-transform: uppercase; margin-bottom: 15px;
}
.card-proj p{
	margin: 0;
}
.card-proj:before{
    content: ""; height: 15px; width: 15px; border: 4px solid #edf5ff;
    position: absolute; right: 10px; bottom: 10px; border-radius: 50%;
}
.card-proj:after{
    content: ""; height: 25px; width: 25px; border: 4px solid #edf5ff;
    position: absolute; right: 30px; bottom: 30px; border-radius: 50%;
}
.card-proj:hover h4{
	color: var(--primary_clr);
}
.card-proj:hover .imgbox img{
	opacity: 1;
}
.card-proj:hover .imgbox:before{
	opacity: 0;
}
.card-proj:hover .card-arrow{
	opacity: 1; right: 30px; background: var(--primary_clr); color: var(--white_clr);
}

/*blog-section*/
.blog-section{
	overflow: hidden;
}
.new-post-style .card-post {
    padding: 0 20px 20px;
}
.new-post-style .post-imgbox {
    height: 200px; margin: 0 -20px;
}
.new-post-style .card-post h4 {
    font-size: 16px; line-height: 22px; font-weight: 600;
}
.new-post-style .post-textbox {
    padding: 15px 0;
}
.new-post-style .date_info_box{
	padding: 0; border: 0;
}
.new-post-style .post-view{
	font-size: 18px; width: 28px; height: 28px; background: #ddd;
}

/*Post Detail*/
.post-banner-section{
	overflow: hidden;
}
.post-caption .h2{
	color: var(--secondary_clr);
}
.post-banner-imgbox img{
	display: block; width: 100%; height: auto; max-height: 540px;
	object-fit: cover; -webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;
}
.date-box{
	font-size: 18px; line-height: 24px; color: var(--secondary_clr);
	font-weight: 400; margin: 0 0 15px;
}
.date-box i{
	font-size: 20px; color: var(--secondary_clr);
	margin-right: 2px;
}
.post-view{
	font-size: 20px; line-height: normal; color: var(--secondary_clr); width: 34px; height: 34px; position: relative;
	background: var(--light_clr); border-radius: 50%; display: flex; align-items: center; justify-content: center;
}
.view_number{
	padding: 5px 10px; background: var(--white_clr); -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); font-size: 12px; line-height: 16px; color: #000; font-weight: 500;border-radius: 4px;
	position: absolute; left: 50%; top: -28px; margin: auto;
	-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);
}
.view_number:after{
    display: block; content: ""; position: absolute; left: 0; right: 0; top: 100%; width: 0; height: 0;
    border-style: solid; border-width: 0 10px 6px 0; border-color: transparent #fff transparent transparent; margin: auto;
}
.detail-sticky-block {
    align-items: flex-start;
}
.box-cover{
	padding: 20px; min-width: 25%; max-width: 25%; margin-right: 60px;
	position: sticky; left: 0; top: 90px; z-index: 4;
}
.content-toggle {
    padding: 10px 0;
}
.content-toggle h4{
	font-weight: 400; color: var(--secondary_clr); text-transform: uppercase;
}
.sidebar-topics-ul ul{
	margin: 0 0 20px; padding: 0;
}
.sidebar-topics-ul ul > li{
	margin: 0 0 15px; padding: 0 0 0 30px; list-style: none; position: relative;
	font-size: 18px; line-height: 24px; color: var(--secondary_clr); font-weight: 500;
}
.sidebar-topics-ul ul > li:before{
	display: block; content: ""; width: 16px; height: 16px; background: #ccc; border: 1px solid #ccc;
	-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%; position: absolute; left: 0; top: 4px; z-index: 1;
	-moz-transition:all 0.4s ease 0s;-webkit-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s;
}
.sidebar-topics-ul ul > li:after{
	display: block; content: ""; width: 1px; background: #ccc; position: absolute; left: 7px; top: 4px;
	height: calc(100% + 15px); -moz-transition:all 0.4s ease 0s;-webkit-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s;
}
.sidebar-topics-ul ul > li:last-child:after{
	display: none;
}
.sidebar-topics-ul ul > li.active:before{
	border: 0; background: -webkit-linear-gradient(45deg, var(--secondary_clr), var(--primary_clr) 80%);
}
.sidebar-topics-ul ul > li.active:after{
	background: -webkit-linear-gradient(45deg, var(--secondary_clr), var(--primary_clr) 80%);
}
.sidebar-topics-ul ul li a{
	display: inline-block; padding: 0;
	color: var(--secondary_clr);
}
.sidebar-topics-ul ul ul {
    margin: 10px 0 0;
}
.sidebar-topics-ul ul ul li{
	font-size: 15px; line-height: 1.4; margin: 0 0 7px; padding: 0;
}
.sidebar-topics-ul ul ul li:before,
.sidebar-topics-ul ul ul li:after{
	display: none;
}
/*.box-cover + .detail-main{
    max-width: 68%;
}*/
.highlighted{
	padding: 30px; border: 1px solid var(--primary_clr); margin-bottom: 40px;
	-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;
}
.wp-block-image {
    margin-bottom: 30px;
}
.detail-main > img,
.detail-main p > img,
.wp-block-image img{
	-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;
}
.detail-main h2, .detail-main h3,
.detail-main h4, .detail-main h5,
.detail-main h6{
	color: var(--black_clr);
}
.pagination-single{
	border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; margin-top: 40px;
}
.pagination-single .post-nav .arrow strong{
	margin: 0 5px; font-size: 16px;
}
.detail-banner-title-block .h2 {
    margin: 15px 0;
}
.pagination-single .post-nav .arrow {
	color: var(--secondary_clr);
}
.pagination-single .post-nav .arrow:hover {
	color: var(--primary_clr);
}
.social-share-block .label {
    display: inline-block; font-size: 16px;
    color: #666; margin-right: 10px;
}
.blog-socail-list{
	gap: 10px;
}
.icon-share {
    display: flex; align-items: center; justify-content: center;
    min-width: 32px; height: 32px; font-size: 24px; color: var(--secondary_clr);
}
.icon-share:hover{
	color: var(--secondary_clr);
    -webkit-transform:translate(0,-5px);
	-moz-transform:translate(0,-5px);
	transform:translate(0,-5px);
}
.icon-share .s_icon{
    display: flex; align-items: center; justify-content: center;
    width: 24px; min-width: 24px; height: 24px; background-size: contain !important;
}
.icon-share .twitter{
	background: url('../images/x_twitter.svg') no-repeat center;
	background-size: 90% !important;
}

.project-details__list {
	max-width: 650px;
  -webkit-column-count: 2;
     -moz-column-count: 2;
          column-count: 2;
  -webkit-column-gap: 0;
     -moz-column-gap: 0;
          column-gap: 0;
}
.project-details__list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 15px;
  color: var(--rr-heading-primary);
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 26px;
}
.project-details__list li span {
  border-radius: 500px;
  -webkit-box-shadow: 0px 1px 2px rgba(6, 138, 75, 0.3);
          box-shadow: 0px 1px 2px rgba(6, 138, 75, 0.3);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 21px;
  height: 21px;
  background: -webkit-linear-gradient(45deg, var(--secondary_clr), var(--primary_clr) 80%);
}
.project-details__list li span i {
  font-size: 10px;
  color: var(--rr-common-white);
}


/*About Page*/
.why-card{
	padding: 30px 40px; position: relative; border-radius: 20px; height: 100%;
	background: linear-gradient( 45deg, var(--secondary_clr) 0%, var(--primary_clr) 100%);
	-webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column;
}
.vision-box .iconbox{ 
	width: 100px; margin: 0 auto 28px; align-items: center; justify-content: center;
}
.why-card .iconbox {
	min-width: 64px; max-width: 64px; margin: 0 0 20px;
}
.why-card h4,
.why-card p{
	color: var(--white_clr)
}

/* vision-mission */
.vision-mission-section {
  overflow: hidden;
}  
.vm-card {
	padding: 50px 30px 10px 30px; background: var(--white_clr); position: relative;
	height: 100%; border-bottom: 14px solid var(--primary_clr);
	border-radius: 12px; box-shadow: 0 20px 40px rgba(0,0,0,0.06);
}  
.vm-head {
	position: relative; top: 20px;
}
.vm-icon {
  width: 100px; height: 100px; border-radius: 50%;
  display: inline-flex; align-items: center; justify-content: center;
  margin-right: 15px; font-size: 22px; color: var(--white_clr);
}  
.vision-card .vm-icon {
  background: var(--white_clr); border: 1px solid var(--primary_clr);
  position: absolute; left: -80px; z-index: 4;
}
.mission-card .vm-icon {
  background: var(--white_clr); border: 1px solid var(--primary_clr);
  position: absolute; right: -90px; z-index: 4;
}  
.vm-card .titlebox {
  position: absolute; z-index: 2; left: -32px;
}
.titlebox {
  padding: 14px 24px; width: 80%; border-radius: 6px;
}  
.titlebox h5 {
  text-align: center;
  color: var(--white_clr);
}
.vm-icon img {
  width: 50px; 
}
.vm-card .titlebox{
  background: linear-gradient(45deg, var(--secondary_clr) 0%, var(--primary_clr) 80%);
}
.mission-card .titlebox {
  margin-left: auto; text-align: left; position: absolute; right:-30px; z-index: 2;
} 

/*Case Study Section*/
.casestudy-section{
	overflow: hidden;
}
.card-casestudy{
	background: var(--white_clr); position: relative; margin: 0; overflow: hidden;
	-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;
	box-shadow: var(--dark-shadow-1);
}
.card-casestudy > div{
    padding: 0;
}
.card-casestudy .imgbox img{
    display: block; width: 100%; height: 100%; max-height: 460px; object-fit: cover;
}
.casestudy-textbox{
    padding: 40px; flex-direction: column;
}
.card-casestudy + .card-casestudy{
    margin-top: 40px;
}
.card-casestudy:nth-child(even){
    flex-direction: row-reverse;
}

/*Infrastructure Section*/
.infrastructure-section{
	overflow: hidden;
}
.card-infras{
	position: relative; overflow: hidden; padding-bottom: 66.66%;
	-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;
}
.card-infras img{
	display: block; width: 100%; height: 100%; object-fit: cover;
	position: absolute; left: 0; top: 0;
}
.infras-slider > .items{
	display: none;
}
.infras-slider > .items:nth-child(1),
.infras-slider > .items:nth-child(2){
	display: block;
}
.infras-slider .slick-dots{
	bottom: -40px;
}

/*Current Opening*/
.job-section{
	overflow: hidden;
}
.job-list {
    gap: 30px 0;
}
.card-opening {
    padding: 30px; background: var(--white_clr); flex-direction: column; position: relative;
}
.card-opening p{
    font-size: 14px; line-height: 1.4; color: #555; margin: 0 0 10px;
}
.card-opening ul {
    margin: 0 0 10px;
}
.card-opening ul li {
    font-size: 14px; line-height: 1.4; margin: 0 0 5px;
}
.card-opening.entry-content ul li:before{
    width: 5px; height: 5px; top: 6px;
}
.opening-modal-inn {
    padding: 40px;
}

.vm_card {
    height: 100%;
}
.vm_card_inn {
    background: var(--white_clr); padding: 40px 30px; box-shadow: 0 5px 10px rgb(0 0 0 / 10%); height: calc(100% - 50px);
}
.vm_card_inn .imgbox {
    min-width: 100px; max-width: 100px; height: 100px; margin-right: 30px;
}
.vm_card_inn .imgbox img {
    object-fit: contain;display: block;
}
.vm_title {
    text-align: center; padding: 10px; display: block; max-width: 60%; margin: 0 auto; background: var(--secondary_clr); border-radius: 10px 10px 0 0; color: var(--white_clr);position: relative;
}
.vm_title:after {
    content: ""; position: absolute; bottom: -8px; left: 0; right: 0; width: 16px; height: 16px; margin: 0 auto; background: var(--secondary_clr); transform: rotate(45deg);
}
.vm_card_inn .textbox {
    padding-left: 30px; border-left: 1px solid #ddd;
}
.page-banner-inner h1,
.page-banner-inner h2,
.page-banner-inner p{
	color: #fff;
}
#litres {
    font-size: 30px;
    font-weight: 800;
    line-height: 1.4;
}
.form-inner .input-field.full-width input {
    max-width: 100%;
    min-width: 100%;
    margin: 0;
}
.saveWaterFormWrap .btnbox{
	padding: 0;
	margin: 0 auto 40px auto;
}
#introContent .imgbox{
	padding-right: 100px; height: 100%;
}
#introContent .imgbox img{
	width: 100%; height: 100%; object-fit: cover;
}
#results {
    background: linear-gradient(135deg, #25750012 0%, #4fa22924 50%, #2575000f 100%);
    padding: 15px;
    border-radius: 15px;
}
select{
    -webkit-appearance: none; 
    -moz-appearance: none;    
    appearance: none;
    background: transparent;
}
.select-wrap {
    position: relative;
}
.select-wrap::after {
    content: "";
    position: absolute;
    right: 30px;
    top: 50%;
    width: 8px;
    height: 8px;
    border-right: 2px solid #333;
    border-bottom: 2px solid #333;
    transform: translateY(-50%) rotate(45deg);
    pointer-events: none;
}
.saveWaterFormWrap .form-inner .input-field{
	margin: 0 0 40px;
}
.saveWaterFormWrap{
	box-shadow: none; height: 100%;
}
.calculate-subtitle{
	font-size: 12px; line-height: 1.4;
}
.two-image img {
    object-fit: cover;
    border-radius: 15px;
    width: 100%;
    height: 100%;
}
.two-image {
    width: 100%;
    height: 100%;
}

/* Our Value */
.value-section {
    overflow: hidden;
}
.value-flex {
    -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;
}
.value-flex .items {
	position: static;
}
.value-flex .items .value-card + .value-card {
	margin-top: 50px;
}
.value-section .block-title strong {
	-webkit-text-stroke-width: 0;
}
.value-flex .default-text {
    -webkit-box-shadow: 0px 3px 40px rgb(0 0 0 / 16%);
	box-shadow: 0px 3px 40px rgb(0 0 0 / 16%); margin: auto;
	padding: 7px; border-radius: 80px; max-width: 360px; min-width: 360px; width: 100%; background: var(--white_clr);
	-webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;
}
.value-flex .default-text .default-text-inn {
    padding: 0 40px; border-radius: 80px; position: relative; cursor: pointer;
    -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;
}
.value-flex .default-text .default-text-inn:hover,
.value-flex .value-card.active .default-text-inn {
    background: var(--primary_clr); color: var(--white_clr);
}
.value-flex .default-text-inn .title {
    margin: 0 auto; display: inline-block; width: 100%; 
    padding: 14px 20px; font-size: 18px; line-height: 24px;
}
.value-flex .right-side .default-text-inn .title{
	text-align: right;
}
.value-flex .default-text .default-text-inn .icon {
    min-width: 34px; max-width: 34px; height: 34px;
    display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;
    font-size: 18px; font-weight: 600;color: #243666;
    position: absolute; top: 0; left: 0; bottom: 0; margin: auto 0 auto 10px;
}
.value-flex .default-text .default-text-inn .icon img {
	display: block;object-fit: contain;
}
.value-flex .right-side .default-text .default-text-inn .icon {
	left: auto;right: 0;margin: auto 12px auto 0;
}
.value-flex .default-text-inn .arrow {
    position: absolute; right: 15px; top: 0; bottom: 0; margin: auto; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; width: 25px; height: 25px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;
}
.value-flex .default-text-inn:hover .arrow, .value-flex .value-card.active .default-text-inn .arrow {
    -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
            transform: rotate(-90deg);
}
.value-flex .right-side .default-text-inn:hover .arrow, .value-flex .right-side .value-card.active .default-text-inn .arrow {
    -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
            transform: rotate(90deg);
}
.value-flex .default-text .default-text-inn:hover .icon img,
.value-flex .value-card.active .default-text-inn .icon img,
.value-flex .default-text .default-text-inn:hover .arrow img,
.value-flex .value-card.active .default-text-inn .arrow img {
    filter: brightness(0) invert(1);
}
.value-flex .right-side .default-text-inn .arrow {
    left: 15px;right: auto;
}
.value-flex .left-side .value-card:nth-child(2) .default-text {
    margin-left: -65px;
}
.value-flex .right-side .value-card:nth-child(2) .default-text {
    margin-right: -65px; margin-left: auto;
}
.value-flex .value-card .hover-text {
    opacity: 0; padding: 40px 30px; text-align: center;
    -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; 
    transition: all 0.3s ease; position: absolute; top: 0; bottom: 0; 
    left: 0; right: 0; margin: auto; min-width: 350px; max-width: 350px; height: 350px; background: var(--primary_clr); border-radius: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column; 
    -webkit-box-shadow: 0px 0px 20px rgb(0 0 0 / 15%); box-shadow: 0px 0px 20px rgb(0 0 0 / 15%);
    outline: 1px solid rgb(36 54 102 / 20%);
    outline-offset: 25px;
}
.value-flex .value-card .hover-text h4, .value-flex .value-card .hover-text p {
    color: var(--white_clr);
}
.value-flex .value-card .hover-text p {
    font-size: 16px; line-height: 24px;
}
.value-flex .value-card.active .hover-text {
	opacity: 1;z-index: 1;
}
.value-flex .default-text .default-text-inn {
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;
}
.value-flex .default-text-inn .line1 {
    left: 100%; margin-left: 40px; border: var(--primary_clr) solid 1px; opacity: 0; width: 40px; z-index: 333; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;
}
.value-flex .left-side .default-text .default-text-inn:hover .line1, .value-flex .left-side .value-card.active .default-text-inn .line1 {
    opacity: 1; margin-left: 20px;
}
.value-flex .right-side .default-text .default-text-inn .line1 {
    right: 100%; margin-right: 40px;left: auto;margin-left: auto;
}
.value-flex .right-side .default-text .default-text-inn:hover .line1, .value-flex .right-side .value-card.active .default-text-inn .line1 {
    opacity: 1; margin-right: 20px;
}
.animated-circle {
    min-width: 350px; max-width: 350px; height: 350px; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; border: 1px solid rgb(36 54 102 / 20%);
    -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; -webkit-animation: 20s linear infinite animated-circle; animation: 20s linear infinite animated-circle;
}
.animated-circle .sm-circle {
    min-width: 10px; max-width: 10px; height: 10px; position: absolute; top: 17px; left: 265px; background: var(--primary_clr); -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; outline: 1px solid #d1dfec; outline-offset: 3px;
}
.animated-circle .sm-circle.c_two {
    top: auto; bottom: 185px; left: -26px;
}
.animated-circle .sm-circle.c_three {
    top: auto; bottom: -23px; left: auto; right: 90px;
}
@keyframes animated-circle {
0% { transform: rotate(0deg); }
25% { transform: rotate(90deg); }
50% { transform: rotate(180deg); }
75% { transform: rotate(270deg); }
100% { transform: rotate(360deg); }
}

.spec-list-style {
    flex-wrap: wrap; gap: 20px; justify-content: center; counter-reset: li-counter;
}
.spec-list-style li {
    padding: 20px 20px 20px 30px; background: var(--white_clr); box-shadow: 0 2px 5px rgba(0, 0, 0, 0.27); border-radius: 20px; position: relative;
    width: 100%; max-width: 340px; display: flex; justify-content: center; font-size: 16px; line-height: 1.4; text-align: left;
}
.spec-list-style li:before{
	content: counter(li-counter, decimal); counter-increment: li-counter;
	display: flex; align-items: center; justify-content: center; width: 32px; height: 32px; 
	background: var(--white_clr); border: 1px solid var(--primary_clr); font-size: 16px; color: var(--primary_clr);
	-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;
	position: absolute; left: -5px; top: -5px;
}

/* Process Section */
.process-list {
    justify-content: space-between;
}
.process-list .items{
	padding: 0 10px; position: relative; width: 25%;
}
.process-list .items:before{
	display: block; content: ""; height: 1px; background: url('../images/pro_line.png') repeat-x center;
	position: absolute; top: 62px; left: 0; right: 0;
}
.process-list .items:first-child:before{
	left: 60%;
}
.process-list .items:last-child:before{
	right: 60%;
}
.proc-box {
    margin: 0 auto;
    text-align: center;
}
.proc-box .iconbox{
    background: #fff; margin: 0 auto 15px;
    width: 120px; height: 120px; position: relative;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.3);
    -webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;padding-left: 10px;
}
.proc-box .iconbox img {
    max-width: 55px;
}
.proc-number{
	font-size: 20px; line-height: 24px; color: #fff; font-weight: 500;
	display: flex; align-items: center; justify-content: center;
	background: #4fa229; border: 7px solid #b5e79e;
    width: 58px; height: 58px; position: relative;
    -webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;
    position: absolute; left: -28px; top: 0; bottom: 0; margin: auto;
}
.proc-box h4{
	font-size: 20px; line-height: 22px; font-weight: 600; margin: 0 0 5px;
}
.proc-box p{
	font-size: 16px; line-height: 1.4;
}
body:not(.home) .proc-box .iconbox{
	background: #fff; border: 2px solid transparent;
}
body:not(.home) .process-list-slider .slick-center .proc-box .iconbox{
	background: #fff; border-color: #8bd7bb; box-shadow: none;
}

.commitment-section {
    overflow: hidden;
}
.shape-radius img{
	display: block; width: 100%; height: auto; position: relative; z-index: 1;
	-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;
}
.shape-radius .shape{
	display: block; width: 100%; height: 100%; position: absolute; left: -30px; bottom: -20px;
	background: var(--light_clr); transform: rotate(-3deg);
	-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;
}
.commitment-inner .content-box{
	padding-left: 30px;
}
.content-box ul li strong{
	font-weight: 500; color: var(--black_clr);
}
.sub-service-slider.slick-initialized .slick-track {
    display: flex;
}
.sub-service-slider.slick-initialized .slick-slide {
    float: none;
    height: auto;
}
.sub-service-slider.slick-initialized .slick-track {
    justify-content: center;
}

.rainwater-calculator-btn {
    position: fixed;
    bottom: 50px;
    right: 10px;
    background: var(--primary_clr);
    color: #fff;
    padding: 12px 18px;
    border-radius: 30px;
    font-weight: 600;
    text-decoration: none;
    box-shadow: 0 8px 20px rgba(0,0,0,0.2);
    z-index: 9999;
    display: flex;
    gap: 0 5px;
    align-items: center;
}

.rainwater-calculator-btn:hover {
    background: var(--secondary_clr); color: #fff;
}
.rainwater-calculator-btn p {
    margin: 0;
    color: #fff;
}
.process-img .imgbox {
    width: 100%;
    height: 850px;
    margin: 0 auto;
    display: flex;
}
.process-img .imgbox img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.prod-hero-inn .prod-ban-imgbox{
	width: 100%;
}


/*==========================================
===============:: MEDIA CSS ::==============
============================================*/
@media screen and (max-width:1499px){
.max-container{max-width: 1240px;}
.container{max-width: 1100px;}
.banner-icons-inner .iconbox p {
    font-size: 18px;
}
}
@media screen and (max-width:1365px){
.max-container{max-width: 1100px;}
}
/* iPad 1024px View */
@media screen and (max-width:1199px){
.container,
.max-container{width:100%; max-width:100%; padding:0 20px;}
.ptb-100{padding:80px 0;}
.ptb-80, .ptb-90{padding:60px 0;}
.ptb-60 {padding: 40px 0; }
h1, .h1{font-size: 34px; line-height: 1.2;}
h2, .h2{font-size: 24px;line-height: 34px; margin: 0 0 15px;}
h3 {font-size: 22px;line-height: 28px;}
h4 {font-size: 20px;line-height: 24px;}
h5 {font-size: 16px;line-height: 24px;}
p{font-size: 16px;line-height: 24px; margin-bottom: 15px;}
ul li, ol li{font-size: 16px;line-height: 24px;}
.entry-content ul li:before{top: 8px;}
blockquote{padding: 10px 20px; font-size: 18px; line-height: 1.3;}
.block-title h2:not(.h1) br{display: none;}
/*Header and banner*/
.header-nav{display:none !important;}
.mobi-iconbox {
    display: flex; align-items: center; justify-content: center; }
.header-inner,
.navbar_fixed .header-inner{
    height: 90px;
}
.site-logo {
    width: 200px;
}
.header-right{
	margin: 0 40px 0 0;
}
.header-blank {
    height: 80px;
}
.caption {
    min-width: 440px; max-width: 440px;
}
.caption .h1 {
    font-size: 40px; line-height: 1.4;
}
.banner-icons-inner .iconbox {
    padding: 7px 10px;
}
.banner-icons-inner .iconbox i {
    min-width: 50px; max-width: 50px; height: 50px;
}
.banner-icons-inner .iconbox i img {
    max-width: 32px;
}
.banner-icons-inner .iconbox p {
    font-size: 16px;
}
.card-service,
.overlay-box{
	padding: 30px;
}
.tp-service-sm-title{
    font-size: 18px;
}
.tp-counter-item h4 {
    font-size: 40px;
}
.abt-left-block {
    padding-left: 20px;
}
.line_shape {
    max-width: 140px;
}
.cta-block-inn p br{
	display: none;
}
.modal-style .modal-dialog{
	max-width: 840px;
}
.prod-hero-caption h1 {
    font-size: 28px; line-height: 1.3;
}
.card-whychoose h4{
	font-size: 18px;
}
.left-patt-img {
    max-width: 480px;
}
.addres-box {
    padding: 40px 20px;
}
.addres-box .card-contact .lable,
.addres-box .card-contact p,
.card-contact p, .c_link{
    font-size: 18px;
}
.map-block iframe{
	height: 340px;
}
.box-cover {
    margin-right: 20px;
}
.vision-inner {
    padding: 60px 40px 0;
}
.vm-head {
    top: -50px;
}
.vision-inner .textbox {
    padding: 10px 0 0;
}
.card-casestudy .imgbox img{
	max-height: inherit;
}
.casestudy-textbox {
    padding: 30px;
}
#introContent .imgbox, .saveWaterFormWrap{
	height: 100%;
}
.value-flex .default-text-inn .title {
    padding: 14px 15px; font-size: 16px;
}
.value-flex .default-text {
    max-width: 270px; min-width: 270px;
}
.value-flex .left-side .value-card:nth-child(2) .default-text {
    margin-left: 0;
}
.value-flex .right-side .value-card:nth-child(2) .default-text {
    margin-right: 0; margin-left: auto;
}
.value-flex .left-side .default-text .default-text-inn{
	padding-right: 0;
}
.value-flex .right-side .default-text .default-text-inn{
	padding-left: 0;
}
.value-flex .default-text-inn .arrow{
	right: 5px;
}
.value-flex .right-side .default-text-inn .arrow {
    left: 5px; right: auto;
}

}
/* iPad 768px view*/
@media screen and (max-width:991px){
.container{padding-left: 20px; padding-right: 20px;}
.ptb-160{padding:120px 0;}
.ptb-120{padding:60px 0;}
.ptb-100, .ptb-80, .ptb-60{padding:40px 0;}
.mb-60{margin-bottom: 40px !important;}
.tl-bg{font-size: 80px;}
.block-title p br{display: none;}
img.alignleft, img.alignright, img.alignnone,
iframe, iframe.alignleft, iframe.alignright, iframe.iframe-embed.alignright{
    float: none; max-width: 100%; margin: 0 0 20px; width: 100%;
}
/*Header and banner*/
.banner-icons-inner{
	flex-wrap: wrap;
}
.banner-icons-inner .iconbox{
	width: 48%; max-width: 48%;
}
.about-section,
.about-section .max-container{
    padding: 0;
}
.about-section:before{
	display: none;
}
.abt-left-block{
	padding: 20px;
}
.quote_icon {
    right: 40px;
    top: auto;
    bottom: -40px;
}
.modal-style .modal-dialog {
    max-width: 700px;
}
.chat-modal-inn .imgbox {
    min-width: 300px;
    max-width: 300px;
}
.chat-modal-inn .textbox {
    padding: 30px;
}
.contact-address {
    gap: 20px;
}
.addres-box{
	padding: 20px;
}
.addres-box .card-contact {
    padding-left: 0;
}
.addres-box .c_icon{
	position: static; margin-bottom: 15px;
}
.addres-box .card-contact .lable {
    margin: 0 0 10px;
}
.projects-list {
    gap: 30px 0;
}
.opening-modal-inn {
    padding: 20px;
}
.value-flex .default-text-inn .title,
.value-flex .default-text-inn .arrow{
	display: none;
}
.value-flex .default-text .default-text-inn .icon{
	padding: 3px; position: relative; margin: auto !important;
}
.value-flex .default-text .default-text-inn{
	padding: 5px !important; border-radius: 50%;
}
.value-flex .default-text {
	padding: 5px; width: inherit; max-width: inherit; min-width: inherit;
}
.value-card {
    display: flex; align-items: center; justify-content: center;
}
.value-flex .left-side .value-card:nth-child(2) .default-text {
    margin-left: 30px;
}
.value-flex .right-side .value-card:nth-child(2) .default-text {
    margin-right: 30px;
    margin-left: auto;
}


}
/* iPhone-6 plus 736 (Landscape) view */
@media screen and (max-width:767px){
body{-webkit-text-size-adjust:none;}
.container{padding-left: 20px; padding-right: 20px;}
.ptb-160{padding:80px 0;}
p{margin:0 0 15px;}
img.alignleft, img.alignright, img.alignnone,
iframe, iframe.alignleft, iframe.alignright, iframe.iframe-embed.alignright{
    float: none; max-width: 100%; margin: 0 0 20px;
}
h2, .h2 {
    font-size: 24px; line-height: 1.3; margin: 0 0 15px;
}
.scroll-sign{
	display: none;
}
.line_tl:before{
	margin-bottom: 20px;
}
/*Header and banner*/
.mobile-menu-block{
	width: 100%; right: -105%;
}
.site-logo, .site-logo img,
.mobi-logo a, .mobi-logo img{
    width: 140px;
}
.head-btnbox .btn {
    padding: 7px 12px;
    font-size: 13px;
    letter-spacing: 0;
}
.home-banner .items {
    padding: 80px 0 0; height: 100vh;
    min-height: 520px; max-height: 640px;
}
.banner-icons{
	display: none;
}
.caption {
    min-width: 100%;
    max-width: 400px;
}
.caption .h1 {
    font-size: 28px; line-height: 1.4;
}
.block-title.block-tl {
    padding: 0;
}
.block-title.block-tl .row{
	gap: 20px 0;
}
.dq-service-list {
    gap: 20px 0;
}
.card-service .card-service-head {
    flex-wrap: wrap;
    gap: 20px 0;
}
.serv-special-card.bg1 {
    padding-right: 30px;
    padding-bottom: 70px;
}
.tp-counter-wrapper .items {
    min-width: 50%;
    max-width: 50%;
    border: 1px solid #e1e1e1 !important;
    margin: 0 0 -1px -1px;
    background: #fff;
}
.testimonial-slider .slick-list {
    padding-right: 30px !important;
}
.cta-block-inn{
	padding: 30px;
}
.footer-inn {
    gap: 40px 0;
}
.f-about {
    gap: 10px 0;
}
.chat-modal-inn .imgbox {
	display: none !important;
}
.cta-section .bg-img {
    background-size: 800px auto !important;
    background-position: left bottom !important;
}
.prod-hero-inn{
	flex-direction: column-reverse; gap: 20px 0;
}
.prod-hero-caption p{
	margin: 0;
}
.feature {
    left: 0;
}
.sub-service-list .items {
    padding-top: 10px;
    padding-bottom: 20px;
}
.faq-card .acc_title {
    font-size: 16px;
}
.contact-list.ptb-40 {
    padding: 0;
}
.contact-list .items {
    margin: 0 0 30px;
}
.form-inner .input-field {
    flex-basis: 100%; min-width: 100%; max-width: 100%;
}
.counter-section.grd-light-bg {
    padding: 20px 10px;
}
.tp-counter-wrap {
    padding: 30px 10px;
}
.tp-counter-item h4 {
    font-size: 32px;
}
.whychoose-list .items .iconbox{
	margin-left: 0 !important;
}
.card-whychoose .iconbox{
    min-width: 80px; height: 80px;
}
.card-whychoose .iconbox:before{
    position: absolute; left: 7px; top: 7px; right: 7px; bottom: 7px;
}
.card-whychoose:before{
    left: 40px !important; width: 1px; height: auto; top: -28px; bottom: 50px;
}
.whychoose-list {
    gap: 20px; margin-left: 0;
}
.whychoose-imgbox {
    position: relative; width: 100%; margin-bottom: 30px;
}
.whychoose-imgbox img{
	min-height: 340px;
}
.whychoose-section .container.relative{
	position: static;
}
.whychoose-section .left-block{
	display: none;
}
.whychoose-imgbox .block-title{
	display: flex;
}
.card-whychoose {
    gap: 0 40px; align-items: center;
}
.contact-block {
    padding: 30px;
}
.small-tl {
    font-size: 16px; letter-spacing: 0.1em;
}
.card-proj .imgbox{
	height: auto; padding-bottom: 100%; position: relative; overflow: hidden;
}
.card-proj .imgbox img{
	position: absolute; left: 0; top: 0;
}
.internal-banner .breadcrumb li {
    font-size: 14px; line-height: 1.4;
}
.new-post-style.post-list .items{
    margin: 0;
}
.content-detail-box {
    flex-wrap: wrap; gap: 30px 0;
}
.box-cover{
	min-width: 100%; max-width: 100%;
	position: relative; top: 0; margin: 0;
}
.highlighted{
	padding: 20px; margin-bottom: 30px;
}
.date-box,
.social-share-block .label{
    font-size: 14px;
}
.post-list {
    padding-top: 0;
}
.left-patt-img,
.left-patt-img.right{
    max-width: 300px;
}
.project-details__list {
	max-width: 100%;
  -webkit-column-count: 1;
     -moz-column-count: 1;
          column-count: 1;
  -webkit-column-gap: 0;
     -moz-column-gap: 0;
          column-gap: 0;
}
.wp-block-image .row{
	gap: 20px;
}
.about-wrap {
    gap: 20px;
}
.whychoose-inn{
	padding: 0;
}
.why-card{
	padding: 30px 20px;
}
.vision-inner {
    padding: 30px 0 0; gap: 30px 0;
}
.vm-icon {
    width: 70px; height: 70px;
}
.vision-card .vm-icon,
.mission-card .vm-icon{
    left: -35px; right: auto;
}
.vm-card .titlebox {
    left: 0; right: auto;
}
.titlebox{
	width: 100%;
}
.vm-card {
    padding: 50px 20px 20px 20px;
}
.card-casestudy + .card-casestudy {
    margin-top: 20px;
}
.casestudy-textbox {
    padding: 20px;
}
.job-list {
    gap: 20px 0; padding: 0;
}
.opening-modal-inn {
    padding: 10px 5px;
}
.infrastructure-block {
    padding-top: 0;
}
.infras-slider .slick-dots {
    bottom: -30px;
}
.footer-bottom p {
    font-size: 14px;
}
.vm_card_inn{
	flex-direction: column;
}
.vm_card_inn .textbox {
    padding-left: 0;
    border-left: 0px;
    padding-top: 10px;
}
.vision-mission-flex{
	gap: 20px 0;
}
.vm_card_inn .imgbox{
	margin: 0 auto;
}
.saveWaterFormWrap .form-inner .input-field{
	margin: 0 0 20px;
}
#introContent .water-calculator .left-block{
	order: 2;
}
#introContent .imgbox{
	padding-right: 0;
}
.water-calculator {
    gap: 30px 0;
}
.value-flex {
    max-width: 340px; margin: 0 auto; flex-wrap: nowrap;
}
.left-side, .right-side {
    padding: 0; max-width: 54px;
}
.middle-content {
    min-width: 250px; max-width: 250px;
}
.value-flex .value-card .hover-text {
    min-width: 250px; max-width: 250px; height: 250px;
    padding: 20px 20px; outline-offset: 15px;
}
.animated-circle{
	min-width: 250px; max-width: 250px; height: 250px;
}
.animated-circle .sm-circle {
    top: 70px; left: 225px;
}
.animated-circle .sm-circle.c_two {
    left: 30px; bottom: 205px;
}
.animated-circle .sm-circle.c_three {
    bottom: -12px; right: 150px;
}
.value-section .block-title.ptb-80{
	padding-bottom: 30px;
}
.value-flex .left-side .value-card:nth-child(2) .default-text {
    margin-left: -20px;
}
.value-flex .right-side .value-card:nth-child(2) .default-text {
    margin-right: -20px;
}
.value-flex .default-text-inn .line1{
	width: 20px;
}
.value-flex .left-side .default-text .default-text-inn:hover .line1,
.value-flex .left-side .value-card.active .default-text-inn .line1{
    margin-left: 5px;
}
.value-flex .right-side .default-text .default-text-inn:hover .line1,
.value-flex .right-side .value-card.active .default-text-inn .line1{
    margin-right: 5px;
}
.value-flex .value-card .hover-text p {
    font-size: 13px; line-height: 18px;
}
.mobi-hide-blank{
	display: none;
}
.value-flex .value-card .hover-text h4{
	font-size: 16px; line-height: 1.4; margin-bottom: 10px;
}
.shape-radius .shape{
	left: 0;
}
.commitment-inner {
    gap: 40px 0;
}
}/*767 End*/