:root{
    --white_clr:  #fff;
    --black_clr: #000;
    --text_clr: #5a5b5b;
    --primary_clr: #ed582a;
    --secondary_clr: #5a5b5b;
    --light_clr: #f4f7fc;
    --body_bg: #f5f9f9;
    --primary_font_family: "Poppins", sans-serif;
}
/*font-family: 'Poppins', sans-serif;*/
@-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;}
.gradiend-animation{
    background: rgb(31,36,95);
    background: -moz-linear-gradient(60deg, rgba(31,36,95,1) 0%, rgba(92,117,205,1) 16%, rgba(91,175,217,1) 27%, rgba(144,236,176,1) 42%, rgba(91,175,217,1) 59%, rgba(92,117,205,1) 78%, rgba(31,36,95,1) 100%);
    background: -webkit-linear-gradient(60deg, rgba(31,36,95,1) 0%,rgba(92,117,205,1) 16%,rgba(91,175,217,1) 27%,rgba(144,236,176,1) 42%,rgba(91,175,217,1) 59%,rgba(92,117,205,1) 78%,rgba(31,36,95,1) 100%);
    background: linear-gradient(60deg, rgba(31,36,95,1) 0%,rgba(92,117,205,1) 16%,rgba(91,175,217,1) 27%,rgba(144,236,176,1) 42%,rgba(91,175,217,1) 59%,rgba(92,117,205,1) 78%,rgba(31,36,95,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1f245f', endColorstr='#1f245f',GradientType=1);
    background-size: 180% 180%;
    animation: gradient 15s ease infinite;
}
@keyframes gradient{
0% {background-position: 0% 50%;}
50% {background-position: 100% 50%;}
100% {background-position: 0% 50%;}
}
/*==================================:: WOW CSS Start ::==================================*/
.animated{animation-duration:0.5s;animation-fill-mode:both}.animated.infinite{animation-iteration-count:infinite}.animated.hinge{animation-duration:2s}.animated.bounceIn,.animated.bounceOut,.animated.flipOutX,.animated.flipOutY{animation-duration:.75s}@keyframes bounce{0%,20%,53%,80%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1);transform:translateZ(0)}40%,43%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-30px,0)}70%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-15px,0)}90%{transform:translate3d(0,-4px,0)}}.bounce{animation-name:bounce;transform-origin:center bottom}@keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}.flash{animation-name:flash}@keyframes pulse{0%{transform:scaleX(1)}50%{transform:scale3d(1.05,1.05,1.05)}to{transform:scaleX(1)}}.pulse{animation-name:pulse}@keyframes rubberBand{0%{transform:scaleX(1)}30%{transform:scale3d(1.25,.75,1)}40%{transform:scale3d(.75,1.25,1)}50%{transform:scale3d(1.15,.85,1)}65%{transform:scale3d(.95,1.05,1)}75%{transform:scale3d(1.05,.95,1)}to{transform:scaleX(1)}}.rubberBand{animation-name:rubberBand}@keyframes shake{0%,to{transform:translateZ(0)}10%,30%,50%,70%,90%{transform:translate3d(-10px,0,0)}20%,40%,60%,80%{transform:translate3d(10px,0,0)}}.shake{animation-name:shake}@keyframes headShake{0%{transform:translateX(0)}6.5%{transform:translateX(-6px) rotateY(-9deg)}18.5%{transform:translateX(5px) rotateY(7deg)}31.5%{transform:translateX(-3px) rotateY(-5deg)}43.5%{transform:translateX(2px) rotateY(3deg)}50%{transform:translateX(0)}}.headShake{animation-timing-function:ease-in-out;animation-name:headShake}@keyframes swing{20%{transform:rotate(15deg)}40%{transform:rotate(-10deg)}60%{transform:rotate(5deg)}80%{transform:rotate(-5deg)}to{transform:rotate(0deg)}}.swing{transform-origin:top center;animation-name:swing}@keyframes tada{0%{transform:scaleX(1)}10%,20%{transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{transform:scaleX(1)}}.tada{animation-name:tada}@keyframes wobble{0%{transform:none}15%{transform:translate3d(-25%,0,0) rotate(-5deg)}30%{transform:translate3d(20%,0,0) rotate(3deg)}45%{transform:translate3d(-15%,0,0) rotate(-3deg)}60%{transform:translate3d(10%,0,0) rotate(2deg)}75%{transform:translate3d(-5%,0,0) rotate(-1deg)}to{transform:none}}.wobble{animation-name:wobble}@keyframes jello{0%,11.1%,to{transform:none}22.2%{transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{transform:skewX(6.25deg) skewY(6.25deg)}44.4%{transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{transform:skewX(.390625deg) skewY(.390625deg)}88.8%{transform:skewX(-.1953125deg) skewY(-.1953125deg)}}.jello{animation-name:jello;transform-origin:center}@keyframes bounceIn{0%,20%,40%,60%,80%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:scale3d(.3,.3,.3)}20%{transform:scale3d(1.1,1.1,1.1)}40%{transform:scale3d(.9,.9,.9)}60%{opacity:1;transform:scale3d(1.03,1.03,1.03)}80%{transform:scale3d(.97,.97,.97)}to{opacity:1;transform:scaleX(1)}}.bounceIn{animation-name:bounceIn}@keyframes bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}.bounceInDown{animation-name:bounceInDown}@keyframes bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}.bounceInLeft{animation-name:bounceInLeft}@keyframes bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}.bounceInRight{animation-name:bounceInRight}@keyframes bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}.bounceInUp{animation-name:bounceInUp}@keyframes bounceOut{20%{transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;transform:scale3d(1.1,1.1,1.1)}to{opacity:0;transform:scale3d(.3,.3,.3)}}.bounceOut{animation-name:bounceOut}@keyframes bounceOutDown{20%{transform:translate3d(0,10px,0)}40%,45%{opacity:1;transform:translate3d(0,-20px,0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.bounceOutDown{animation-name:bounceOutDown}@keyframes bounceOutLeft{20%{opacity:1;transform:translate3d(20px,0,0)}to{opacity:0;transform:translate3d(-2000px,0,0)}}.bounceOutLeft{animation-name:bounceOutLeft}@keyframes bounceOutRight{20%{opacity:1;transform:translate3d(-20px,0,0)}to{opacity:0;transform:translate3d(2000px,0,0)}}.bounceOutRight{animation-name:bounceOutRight}@keyframes bounceOutUp{20%{transform:translate3d(0,-10px,0)}40%,45%{opacity:1;transform:translate3d(0,20px,0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}.bounceOutUp{animation-name:bounceOutUp}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fadeIn{animation-name:fadeIn}@keyframes fadeInDown{0%{opacity:0;transform:translate3d(0,-10%,0)}to{opacity:1;transform:none}}.fadeInDown{animation-name:fadeInDown}@keyframes fadeInDownBig{0%{opacity:0;transform:translate3d(0,-2000px,0)}to{opacity:1;transform:none}}.fadeInDownBig{animation-name:fadeInDownBig}@keyframes fadeInLeft{0%{opacity:0;transform:translate3d(-10%,0,0)}to{opacity:1;transform:none}}.fadeInLeft{animation-name:fadeInLeft}@keyframes fadeInLeftBig{0%{opacity:0;transform:translate3d(-2000px,0,0)}to{opacity:1;transform:none}}.fadeInLeftBig{animation-name:fadeInLeftBig}@keyframes fadeInRight{0%{opacity:0;transform:translate3d(10%,0,0)}to{opacity:1;transform:none}}.fadeInRight{animation-name:fadeInRight}@keyframes fadeInRightBig{0%{opacity:0;transform:translate3d(2000px,0,0)}to{opacity:1;transform:none}}.fadeInRightBig{animation-name:fadeInRightBig}@keyframes fadeInUp{0%{opacity:0;transform:translate3d(0,10%,0)}to{opacity:1;transform:none}}.fadeInUp{animation-name:fadeInUp}@keyframes fadeInUpBig{0%{opacity:0;transform:translate3d(0,2000px,0)}to{opacity:1;transform:none}}.fadeInUpBig{animation-name:fadeInUpBig}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.fadeOut{animation-name:fadeOut}@keyframes fadeOutDown{0%{opacity:1}to{opacity:0;transform:translate3d(0,10%,0)}}.fadeOutDown{animation-name:fadeOutDown}@keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;transform:translate3d(0,2000px,0)}}.fadeOutDownBig{animation-name:fadeOutDownBig}@keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;transform:translate3d(-10%,0,0)}}.fadeOutLeft{animation-name:fadeOutLeft}@keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;transform:translate3d(-2000px,0,0)}}.fadeOutLeftBig{animation-name:fadeOutLeftBig}@keyframes fadeOutRight{0%{opacity:1}to{opacity:0;transform:translate3d(10%,0,0)}}.fadeOutRight{animation-name:fadeOutRight}@keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;transform:translate3d(2000px,0,0)}}.fadeOutRightBig{animation-name:fadeOutRightBig}@keyframes fadeOutUp{0%{opacity:1}to{opacity:0;transform:translate3d(0,-10%,0)}}.fadeOutUp{animation-name:fadeOutUp}@keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;transform:translate3d(0,-2000px,0)}}.fadeOutUpBig{animation-name:fadeOutUpBig}@keyframes flip{0%{transform:perspective(400px) rotateY(-1turn);animation-timing-function:ease-out}40%{transform:perspective(400px) translateZ(150px) rotateY(-190deg);animation-timing-function:ease-out}50%{transform:perspective(400px) translateZ(150px) rotateY(-170deg);animation-timing-function:ease-in}80%{transform:perspective(400px) scale3d(.95,.95,.95);animation-timing-function:ease-in}to{transform:perspective(400px);animation-timing-function:ease-in}}.animated.flip{-webkit-backface-visibility:visible;backface-visibility:visible;animation-name:flip}@keyframes flipInX{0%{transform:perspective(400px) rotateX(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateX(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateX(10deg);opacity:1}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}.flipInX{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;animation-name:flipInX}@keyframes flipInY{0%{transform:perspective(400px) rotateY(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateY(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateY(10deg);opacity:1}80%{transform:perspective(400px) rotateY(-5deg)}to{transform:perspective(400px)}}.flipInY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;animation-name:flipInY}@keyframes flipOutX{0%{transform:perspective(400px)}30%{transform:perspective(400px) rotateX(-20deg);opacity:1}to{transform:perspective(400px) rotateX(90deg);opacity:0}}.flipOutX{animation-name:flipOutX;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@keyframes flipOutY{0%{transform:perspective(400px)}30%{transform:perspective(400px) rotateY(-15deg);opacity:1}to{transform:perspective(400px) rotateY(90deg);opacity:0}}.flipOutY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;animation-name:flipOutY}@keyframes lightSpeedIn{0%{transform:translate3d(10%,0,0) skewX(-30deg);opacity:0}60%{transform:skewX(20deg);opacity:1}80%{transform:skewX(-5deg);opacity:1}to{transform:none;opacity:1}}.lightSpeedIn{animation-name:lightSpeedIn;animation-timing-function:ease-out}@keyframes lightSpeedOut{0%{opacity:1}to{transform:translate3d(10%,0,0) skewX(30deg);opacity:0}}.lightSpeedOut{animation-name:lightSpeedOut;animation-timing-function:ease-in}@keyframes rotateIn{0%{transform-origin:center;transform:rotate(-200deg);opacity:0}to{transform-origin:center;transform:none;opacity:1}}.rotateIn{animation-name:rotateIn}@keyframes rotateInDownLeft{0%{transform-origin:left bottom;transform:rotate(-45deg);opacity:0}to{transform-origin:left bottom;transform:none;opacity:1}}.rotateInDownLeft{animation-name:rotateInDownLeft}@keyframes rotateInDownRight{0%{transform-origin:right bottom;transform:rotate(45deg);opacity:0}to{transform-origin:right bottom;transform:none;opacity:1}}.rotateInDownRight{animation-name:rotateInDownRight}@keyframes rotateInUpLeft{0%{transform-origin:left bottom;transform:rotate(45deg);opacity:0}to{transform-origin:left bottom;transform:none;opacity:1}}.rotateInUpLeft{animation-name:rotateInUpLeft}@keyframes rotateInUpRight{0%{transform-origin:right bottom;transform:rotate(-90deg);opacity:0}to{transform-origin:right bottom;transform:none;opacity:1}}.rotateInUpRight{animation-name:rotateInUpRight}@keyframes rotateOut{0%{transform-origin:center;opacity:1}to{transform-origin:center;transform:rotate(200deg);opacity:0}}.rotateOut{animation-name:rotateOut}@keyframes rotateOutDownLeft{0%{transform-origin:left bottom;opacity:1}to{transform-origin:left bottom;transform:rotate(45deg);opacity:0}}.rotateOutDownLeft{animation-name:rotateOutDownLeft}@keyframes rotateOutDownRight{0%{transform-origin:right bottom;opacity:1}to{transform-origin:right bottom;transform:rotate(-45deg);opacity:0}}.rotateOutDownRight{animation-name:rotateOutDownRight}@keyframes rotateOutUpLeft{0%{transform-origin:left bottom;opacity:1}to{transform-origin:left bottom;transform:rotate(-45deg);opacity:0}}.rotateOutUpLeft{animation-name:rotateOutUpLeft}@keyframes rotateOutUpRight{0%{transform-origin:right bottom;opacity:1}to{transform-origin:right bottom;transform:rotate(90deg);opacity:0}}.rotateOutUpRight{animation-name:rotateOutUpRight}@keyframes hinge{0%{transform-origin:top left;animation-timing-function:ease-in-out}20%,60%{transform:rotate(80deg);transform-origin:top left;animation-timing-function:ease-in-out}40%,80%{transform:rotate(60deg);transform-origin:top left;animation-timing-function:ease-in-out;opacity:1}to{transform:translate3d(0,700px,0);opacity:0}}.hinge{animation-name:hinge}@keyframes jackInTheBox{0%{opacity:0;transform:scale(.1) rotate(30deg);transform-origin:center bottom}50%{transform:rotate(-10deg)}70%{transform:rotate(3deg)}to{opacity:1;transform:scale(1)}}.jackInTheBox{animation-name:jackInTheBox}@keyframes rollIn{0%{opacity:0;transform:translate3d(-10%,0,0) rotate(-120deg)}to{opacity:1;transform:none}}.rollIn{animation-name:rollIn}@keyframes rollOut{0%{opacity:1}to{opacity:0;transform:translate3d(10%,0,0) rotate(120deg)}}.rollOut{animation-name:rollOut}@keyframes zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}.zoomIn{animation-name:zoomIn}@keyframes zoomInDown{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,60px,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInDown{animation-name:zoomInDown}@keyframes zoomInLeft{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(10px,0,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInLeft{animation-name:zoomInLeft}@keyframes zoomInRight{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInRight{animation-name:zoomInRight}@keyframes zoomInUp{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInUp{animation-name:zoomInUp}@keyframes zoomOut{0%{opacity:1}50%{opacity:0;transform:scale3d(.3,.3,.3)}to{opacity:0}}.zoomOut{animation-name:zoomOut}@keyframes zoomOutDown{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform-origin:center bottom;animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomOutDown{animation-name:zoomOutDown}@keyframes zoomOutLeft{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;transform:scale(.1) translate3d(-2000px,0,0);transform-origin:left center}}.zoomOutLeft{animation-name:zoomOutLeft}@keyframes zoomOutRight{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;transform:scale(.1) translate3d(2000px,0,0);transform-origin:right center}}.zoomOutRight{animation-name:zoomOutRight}@keyframes zoomOutUp{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,60px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform-origin:center bottom;animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomOutUp{animation-name:zoomOutUp}@keyframes slideInDown{0%{transform:translate3d(0,-10%,0);visibility:visible}to{transform:translateZ(0)}}.slideInDown{animation-name:slideInDown}@keyframes slideInLeft{0%{transform:translate3d(-10%,0,0);visibility:visible}to{transform:translateZ(0)}}.slideInLeft{animation-name:slideInLeft}@keyframes slideInRight{0%{transform:translate3d(10%,0,0);visibility:visible}to{transform:translateZ(0)}}.slideInRight{animation-name:slideInRight}@keyframes slideInUp{0%{transform:translate3d(0,10%,0);visibility:visible}to{transform:translateZ(0)}}.slideInUp{animation-name:slideInUp}@keyframes slideOutDown{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(0,10%,0)}}.slideOutDown{animation-name:slideOutDown}@keyframes slideOutLeft{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(-10%,0,0)}}.slideOutLeft{animation-name:slideOutLeft}@keyframes slideOutRight{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(10%,0,0)}}.slideOutRight{animation-name:slideOutRight}@keyframes slideOutUp{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(0,-10%,0)}}.slideOutUp{animation-name:slideOutUp}
/*==================================:: WOW CSS 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;display: block; 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:-16px; z-index:2;
    padding:0; width:32px; height:32px; text-align:center; font-size:0; background:none; border:1px solid rgba(0,0,0,0.1);
    color: var(--black_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;
}
.slick-arrow:before{display: block; content: "\f105"; font-family:'Line Awesome Free'; font-weight: 900; font-size: 18px;}
.slick-arrow.slick-prev:before{content: "\f104";}
.slick-arrow.slick-prev{left:10px;}
.slick-arrow.slick-next{right:10px;}
.slick-arrow:hover{background: #eee; border-color: var(--secondary_clr); color: var(--black_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(--secondary_clr); width: 10px; height: 10px;}
/*Slick Slider Css End*/
/*=========== Mobile Menu STYLE Start ========*/
/*body.mobile-menu-open{overflow:hidden;}*/
.menu-open-overlay{position:fixed; top:0; left:0; width:100%; bottom:0; background:#000; display:none; z-index:12; opacity:0.8;}
.mobile-menu-open .menu-open-overlay{display:block;}
.mobile-menu-block{background: var(--body_bg); color:#fff; position:fixed; top:0; bottom:0; left:-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; overflow: hidden;}
.mobile-menu-open .mobile-menu-block{left:0; z-index:20;}
.mobi-logo{position: relative; z-index: 2; height: 80px; padding: 0 20px; border-bottom: 1px solid rgba(0,0,0,0.1);}
.mobi-logo img{display: block; max-width: 180px;}
.mobile-menu-inner{height:calc(100% - 80px); padding:20px 0; position: relative; z-index: 3;}
.mobile-menu-inner .mobile-nav{padding: 0 20px; overflow:auto; height: 100%;}
.mobile-nav ul{margin:0; padding: 0; list-style: none;}
.mobile-nav li{margin: 0; padding: 9px 0; color: var(--text_clr); font-weight:400; font-size:18px; line-height:22px; text-transform:none; position:relative;}
.mobile-nav ul li a{display:block; color: var(--text_clr); font-weight:400; font-family:'Poppins', Arial; font-size:18px; line-height:22px; text-transform:none; letter-spacing:0; padding:0 40px 0 0;}
.mobile-nav > ul > li.current-menu-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:15px; text-transform:none; font-weight:400; padding:0 40px 0 0;}
.mobile-nav li li.current-menu-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;}
.hitarea{display:block; width:40px; height:40px; text-align:center; position:absolute; right:0; top:0;}
.hitarea:before{display:block; content:"\f107"; font-family:'Line Awesome Free'; font-size: 14px; font-weight: 900; width:15px; height:15px; position:absolute; left:0; right:0; top:10px; z-index:3; margin:0 auto; -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(-180deg);}
.mobile-nav .collapsable-hitarea + a{color:var(--primary_clr);}
/*========== Mobile Menu STYLE End==============*/
/*Mobile Menu Css Start*/
.mobi-iconbox{display:none; width:24px; height:28px; position:absolute; right:0; top:0; bottom: 0; margin: auto; z-index:40; transition:all 0.4s ease; -webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}
.menuicon{display: block; width: 100%; height: 100%; flex-direction: column; align-items: center; justify-content: center;}
.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: 60%; 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: 1px; opacity: 0;}
.icon-bar.active:before{transform: rotate(45deg); top: 8px; background: var(--primary_clr);}
.icon-bar.active:after{transform: rotate(-45deg); bottom: 8px; background: var(--primary_clr);}
.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,u, ul, var{background:transparent; border:0 none; margin:0; padding:0; line-height:16px; 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:'Poppins', sans-serif, Arial; font-size:16px; color: var(--text_clr); line-height:24px; font-weight:400; overflow-x:hidden; -moz-transition:all 0.4s ease 0s;-webkit-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s;
}
:focus, button:focus{outline:none;}
a{text-decoration:none; color:var(--primary_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(--secondary_clr);}

::-webkit-input-placeholder{color:#000; opacity:0.5;}
:-moz-placeholder{color:#000; opacity:0.5;} /* Firefox 18- */
::-moz-placeholder{color:#000; opacity:0.5;} /* Firefox 19+ */
:-ms-input-placeholder{color:#000; opacity:0.5;}

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:16px; line-height:24px; color: var(--text_clr); font-weight:400; letter-spacing:0.01em;}
.entry-content ul{display:inline-block; padding:0; margin:0 0 15px;}
.entry-content ol{display:inline-block; padding:0; margin:0 0 15px; list-style: none; counter-reset: my-awesome-counter;}
.entry-content ul li{position:relative; padding:0 0 0 22px; margin:0 0 10px;}
.entry-content ul li:before{content:""; position:absolute; left:0; top:8px; width: 8px; height: 8px; background: var(--text_clr); -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 10px;}
.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: 700;
    font-family:'Poppins', sans-serif, Arial; letter-spacing: 0.01em; margin: 0 0 15px;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{color: var(--black_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:48px; margin:0 0 20px;}
h2, .h2{font-size:32px;}
h3{font-size:24px;}
h4{font-size:22px;}
h5{font-size:20px;}
h6{font-size:18px;}
/* Paragraph CSS */
p{font-size:16px; line-height:24px; color: var(--text_clr); font-weight:400; letter-spacing:0.01em; word-wrap:break-word; margin:0 0 15px;}
hr{border:none; margin:20px 0; background:#555; height:1px; width:100%; clear:both; opacity: 0.5;}
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:#fff; 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:#1B262C; 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 #ccc; width:100%; padding:2px 15px; margin:0; font-size:14px; color:#1B262C; font-weight:400; line-height:18px; letter-spacing:0; font-family:'Poppins', sans-serif, Arial; 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 {height:50px; padding:12px 15px; 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 #1B262C; position: absolute; left: 0; top: 0;}
.checkmark:before{display:block; content:"\f00c"; font-family:'Line Awesome Free'; font-weight: 900; position:absolute; left:0; right:0; top:0; text-align:center; font-size:10px; color:#fff; line-height:10px; padding-left:1px; opacity:0;}
.checkbox input:checked ~ .checkmark{background:#1B262C; border-color:#1B262C;}
.checkbox input:checked ~ .checkmark:before{opacity:1;}
.radiobox .checkmark{display: block; width: 16px; height: 16px; background: #fff; border: 1px solid #1B262C; -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: #1B262C; -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:#fff;border:1px solid #ccc;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;}
.selectbox select{background: none;border: 0;font-size: 14px;line-height: 20px;font-weight: 400;color: #1B262C; padding:0 40px 0 15px; width: 100%; height: 48px; -webkit-appearance: none; -moz-appearance: none; appearance: none; position: relative; z-index: 1; text-overflow: ellipsis;}
.selectbox:after{position:absolute; top:0; right:10px; content:""; z-index:0; width: 40px; height: 46px; border: 0; background:url('../images/angle_b.svg') no-repeat center; -moz-transition:all 0.4s ease 0s;-webkit-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s;}
.filebox input{padding: 9px;}
/*Button styling*/
.button, .btn{
    display:inline-flex; align-items:center; justify-content:center;
    padding: 16px 24px; background:var(--primary_clr); border:0; color: var(--white_clr); font-size: 18px; font-weight: 400;
    cursor:pointer; letter-spacing:0.05em; text-align:center; position:relative; min-width:120px; line-height:20px;
    -moz-transition:all 0.4s ease 0s;-webkit-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s;
    -webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px; overflow:hidden;
    background-size: 300% 100%; box-shadow: 0 0 0px rgba(0,0,0,0.3);
}
.button:hover, .btn:hover,
.button:focus, .btn:focus{
    background: var(--primary_clr); border-color: var(--primary_clr); color:var(--white_clr);
    box-shadow:0 2px 15px rgba(0,0,0,0.16);
}
.btn.primary{
    color: var(--white_clr);
    background: linear-gradient(135deg, #c22a2f 0%, #ed5f34 46%, #ff6137 100%);
    background-size: 200% 100%;
}
.btn.secondary{
    color: var(--white_clr);
    background: var(--secondary_clr);
    background-size: 100% 100%;
}
.btn.primary:hover,
.btn.primary:focus{
	background-position: 100% 0;
}
.btn.secondary:hover,
.btn.secondary:focus{
	background-size: 200% 100%;
}
.white-btn{
    background: var(--white_clr); border-color: var(--white_clr); color: var(--primary_clr);
}
.button.big, .btn.big{
    padding: 20px 30px; min-width: 180px;font-size: 16px;
}
.button.small, .btn.small{
    padding: 10px 15px; min-width: 80px; font-size: 14px;
}
.white-hover:hover, .white-hover:focus{
    background: #fff; border-color: #fff; color: var(--primary_clr);
}
.main-wrapper{overflow:hidden;}
.container{margin:0 auto; width:100%; max-width:1200px; padding:0 20px;}
.max-container{margin:0 auto; width:100%; max-width:1440px; padding:0 20px;}
section{position: relative;}
section *:last-child{margin-bottom:0;}
.hide{display:none;}
.v-center{align-items: center;}
.j-center{flex-direction: column; 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(--light_clr);}
.bg3{background: var(--body_bg);}
.relative{position: relative;}
.trans{-moz-transition:all 0.4s ease 0s;-webkit-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s;}
/* ============= GLOBAL CSS END ================ */
/*Header & Banner Section*/
.header{
    position:fixed; left:0; right:0; top:0; z-index:10; padding:0;
    background: var(--white_clr); backdrop-filter: blur(5px);
    box-shadow: 0 2px 30px rgba(0,0,0,0.1);
}
.header-inner{
    height: 100px;
}
.site-logo{
    width: 220px; position:relative; z-index:4; margin:0;
}
.site-logo a{
    display: block; margin: 0;
}
.site-logo img{
    display: block; margin: 0; width: 100%;
}
.header-right{
    margin-left: auto;position: relative;
}
.head-btnbox .btn{
    margin-left: 10px; -webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px;
}
.head-btnbox .login-btn{
    padding: 10px; font-size: 16px; background: none; color: #fff;
}
.head-btnbox .login-btn:hover{
    background: #111; color: #fff;
}
.header-middle{
    margin-left: auto;
}
/*Nav Css*/
.nav-main{text-align:left; position:relative; z-index:4;}
.nav-main ul{margin:0; padding:0; 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:18px; font-weight:400; font-family:'Poppins', Arial; line-height:24px; text-transform:none; letter-spacing:0; padding:10px 0; position:relative; z-index:2;}
.nav-main nav ul > li.current-menu-item > a, 
.nav-main nav ul > li:hover > a,
.nav-main nav ul > li a:hover,
.nav-main nav ul > li a:focus{color:var(--primary_clr);}
.nav-main nav ul > li:before{display: block; opacity:0; content: ""; background: var(--primary_clr); width: 0%; height: 1px; position: absolute; bottom: 0; left: auto; right: 0; -moz-transition:all 0.4s ease 0s;-webkit-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s;}
.nav-main nav ul > li:hover:before,
.nav-main nav ul > li.active > a:before{left: 0; width: 100%; opacity: 1;}
.nav-main nav ul > li.menu-item-has-children > a{padding-right:15px;}
.nav-main nav ul > li.menu-item-has-children > a:after{display:block; content:""; font-family: 'Line Awesome Free'; font-weight: 900; width:6px; height:6px; font-size: 14px; line-height: 16px; text-align: center; position: absolute; right:0; top: 21px; border: solid transparent; border-color: rgba(136, 183, 213, 0); border-top-color: #fff; border-width: 6px; }
.nav-main nav ul > li.menu-item-has-children:hover > a:after{transform:rotate(-180deg); top: 14px; border-top-color: var(--primary_clr);}
.nav-main .sub-menu{display:block; position:absolute; left:0; top:100%; z-index:1; background:#fafafa; min-width:240px; padding:0; margin:0; overflow: hidden; opacity: 0;-moz-transition: all 0.4s ease 0s;-webkit-transition: all 0.4s ease 0s;transition: all 0.4s ease 0s;-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.1);-moz-box-shadow: 0 0 10px rgba(0,0,0,0.1);box-shadow: 0 0 10px rgba(0,0,0,0.1);transform: scaleY(0);transform-origin: top;}
.nav-main nav ul > li:hover > .sub-menu {display: block;opacity: 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;}
.nav-main .sub-menu li + li {border-top:1px solid rgba(0,0,0,0.05);}
.nav-main .sub-menu li:before{display: none;}
.nav-main .sub-menu li a{display:block; text-transform:none; color:#000; font-size:15px; line-height:normal; font-weight:400; padding:8px 20px;}
.nav-main .sub-menu li a:hover,
.nav-main .sub-menu li a:focus,
.nav-main .sub-menu li.current-menu-item a{color:var(--primary_clr);}
.nav-main .sub-menu .sub-menu{left:100%; top:0;}
.nav-main .sub-menu li:hover .sub-menu{display:block;}
/*Sticy header*/
.header_blank{
    width: 100%; height: 100px;
}
/*Midlle Section css*/
.middle-section{position:relative; min-height:50vh; overflow:hidden;}
img.alignleft{float:left; margin:0 20px 20px 0;}
img.alignright{float:right; margin:0 0 20px 20px;}
img.alignnone{margin:0 0 20px;}
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: #050c28; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 0; opacity: 0.7;}
.fixed-bg{background-attachment: fixed !important; background-size: cover !important;}
.before-none.bg-img:before{display: none;}
.bg-img video{display: block; width: 100%; height: 100%; object-fit: cover; object-position: center;}
.card-link{display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 2;}
.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; gap: 20px; flex-wrap: wrap;}
.block-title{position:relative; margin-bottom: 20px;}
.block-title p{
    font-size: 18px;
}
.text-white.entry-content *{
    color: #fff;
}
.text-white.entry-content ul li:before{
    background: var(--primary_clr);
}
.small-title{
    display: inline-block;font-size: 16px;line-height: 22px;color: var(--primary_clr);font-weight: 500;margin: 0 0 10px;
}
.grd-text{
    display: inline-block;
    background: linear-gradient(135deg, #c22a2f 0%, #ed5f34 46%, #ff6137 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke: 0px var(--white);
}
.btn-link{
    display: inline-flex; align-items: center; font-size: 16px; line-height: 1.4; font-weight: 400; gap: 5px;
    background: linear-gradient(135deg, #c22a2f 0%, #ed5f34 46%, #ff6137 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke: 0px var(--white);
}
.gradiend-bg{
    position: absolute; left: 0; right: 30%; top: 0; bottom: 0; margin: 0 auto; opacity: 0.7;
    --size: 340px; --speed: 40s;
     --easing: cubic-bezier(0.8, 0.2, 0.2, 0.8);
     width: 540px; height: 540px;
     filter: blur(calc(var(--size) / 3));
     background-image: linear-gradient(rgba(255,255,255,0.2), rgba(237,87,42,0.2));
     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;
}
@keyframes rotate {
     0% {
         transform: rotate(0deg);
    }
     100% {
         transform: rotate(360deg);
    }
}

.bg-top,
.bg-bottom{
    width: 100%; text-align: center;
}
.bg-top img, .bg-top svg,
.bg-bottom img, .bg-bottom svg{
    display: block; width: 100%; height: auto; margin: 0 auto;
}

/*Cards Section*/
.mainbox-list{
    gap: 40px 0;
}
.card-box{
    position: relative; backdrop-filter: blur(10px); overflow: hidden;
    -webkit-border-radius: 20px;-moz-border-radius: 20px; border-radius: 20px;
    border: 1px solid rgba(0,0,0,0.2);
    -moz-transition:all 0.4s ease 0s;-webkit-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s;
    background: var(--white_clr);
}
.card-box:hover{
    border-color: var(--primary_clr);
    box-shadow: 0 10px 10px rgba(0,0,0,0.1);
}
.card-box:before{
    display: block; content: ""; position: absolute; left: 0; bottom: 0; width: 0; height: 5px; opacity: 0;
    -moz-transition:all 0.4s ease 0s;-webkit-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s;
    background: linear-gradient(135deg, #c22a2f 0%, #ed5f34 46%, #ff6137 100%);
}
.card-box:hover:before{
    opacity: 1; width: 100%;
}
.card-box-inn{
    padding: 25px; flex-direction: column;
    position: relative; z-index: 2; overflow: hidden;
}
.iconbox-head{
    margin-bottom: 10px;
}
.card-box .iconbox{
    min-width: 60px; width: 60px; height: 60px; margin: 0 0 15px; border-radius: 10px;
    background: #f3f4f6;
    /*background: linear-gradient(135deg, #c22a2f 0%, #ed5f34 46%, #ff6137 100%);*/
}
.card-box .iconbox img{
    max-width: 40px;
}
.card-box .iconbox svg{
    min-width: 30px; height: 30px;
}
.card-box h3,
.card-box h4{
    color: var(--black_clr); font-weight: 500;
}
.card-box p{
    font-size: 16px; line-height: 1.6; color: var(--text_clr); font-weight: 400;
}
.readmore-btnbox {
    border-top: 1px solid #eee;
    padding-top: 15px;
}
.card-box .btnbox{
    opacity: 0; visibility: hidden;
    -webkit-transform:translate(0,50px);
    -moz-transform:translate(0,50px);
    transform:translate(0,50px);
}
.card-box:hover .btnbox{
    opacity: 1; visibility: visible;
    -webkit-transform:translate(0,0);
    -moz-transform:translate(0,0);
    transform:translate(0,0);
}

/*Hero Banner*/
.home-banner{
    position: relative; overflow: hidden;
}
.home-banner .items{
    padding: 0; position: relative; z-index: 2;
    height: 540px;
}
.home-banner-left {
    flex-direction: column;
}
.hero-caption{
    width: 100%; max-width: 760px; margin: 0 auto;
}
.hero-caption p{
    font-size: 18px; line-height: 1.6; color: var(--white_clr);
}
.hero-caption .btnbox .btn{
    min-width: 160px;
}
.home-slider .slick-arrow{
    border-color: var(--white_clr);
    color: var(--white_clr);
}
.home-slider .slick-arrow:hover{
    border-color: var(--secondary_clr);
    color: var(--white_clr);
}
.btnbox.text-center{
    justify-content: center;
}

/*About Section*/
.about-section{
    overflow: hidden;
}
.about-section .bg-img{
    background-size: 60% auto !important;
}
.abt-imgbox img{
    display: block; width: 100%; height: auto;
    -webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;
}
.abt-textbox{
    padding-left: 40px;
}
.counter-section{
    overflow: hidden;
}
.counter-section .bg-img{
    background-size: 1300px auto !important;
}
.tp-counter-wrap {
    height: 100%;
}
.tp-counter-item h4 {
    font-size: 48px; line-height: 1.4; color: var(--black_clr);
    font-weight: 600; font-style: normal; margin-bottom: 20px;
    background: linear-gradient(135deg, #c22a2f 0%, #ed5f34 46%, #ff6137 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke: 0px var(--white);
}
.tp-counter-item p {
    font-size: 18px; line-height: 20px; color: var(--black_clr); font-weight: 400;
    letter-spacing: 0; margin-bottom: 0;
}
.bdr-both{
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

/*Footer*/
.footer{
    overflow: hidden;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.footer h4, .footer h5{
    color: var(--black_clr); font-weight: 600;
    position: relative; padding-bottom: 10px; margin-bottom: 20px;
}
.footer h4:before, .footer h5:before{
    display: inline-block; content: ""; width: 40px; height: 1px;
    background: linear-gradient(135deg, #c22a2f 0%, #ed5f34 46%, #ff6137 100%);
    position: absolute; left: 0; bottom: 0;
}
.col_1{
    order: 1;
}
.col_2{
    order: 2;
}
.col_3{
    order: 3;
}
.col_4{
    order: 4;
}
.col_5{
    order: 5;
}
.f-logo {
    max-width: 220px;
}
.f-links ul{
    margin: 0; padding: 0;
}
.f-links ul li{
    margin: 0; padding: 0; font-size: 16px; line-height: 1.6; color: var(--text_clr);
}
.f-links li + li {
    margin-top: 8px;
}
.f-links li a {
    color: var(--text_clr);
}
.f-links li a:hover {
    opacity: 1; color: var(--primary_clr);
}
.f-label{
    display: inline-block; font-size: 16px; line-height: 20px;
    color: var(--text_clr); text-transform: uppercase; margin: 0 0 10px;
}
.c_info{
    position: relative; padding-left: 40px; margin-bottom: 20px;
}
.c_info a{
    display: flex; align-items: center; font-size: 18px; font-weight: 500;color: var(--black_clr);
}
.c_info a:hover{
    color: var(--primary_clr);
}
.c_info_icon{
    font-size: 24px; position: absolute; left: 0; top: 0;
}
.footer-bottom{
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.social-icon a{
    display: inline-flex; font-size: 20px; min-width: 40px; max-width: 40px; height: 40px; align-items: center;
    color: var(--white_clr); 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: linear-gradient(135deg, #c22a2f 0%, #ed5f34 46%, #ff6137 100%);
    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;
}
.main-section{
    overflow: hidden;
}
.circle_imgbox{
    position: absolute; right: 5%; top: 5%; opacity: 0.1;
}
.circle_imgbox.left {
    left: -9%; right: auto; top: auto; bottom: -40px;
}

/*Quick Links Section*/
.quick-link-list {
    gap: 30px 0;
}
.card-links{
    position: relative; height: 100%;
    -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;
}
.bdr-box{
    padding: 20px; background: var(--white_clr); gap: 15px;
    flex-direction: column; align-items: flex-start;
    border: 1px solid var(--primary_clr);
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 100%);
    -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;
}
.card-links:hover{
    box-shadow: 0 10px 20px 0 rgba(0,0,0,0.2);
}
.card-links .iconbox{
    min-width: 50px; max-width: 50px; height: 50px;
}
.card-links .iconbox img{
    max-width: 50px;
}
.card-links h4{
    display: inline-block; background: linear-gradient(135deg, #c22a2f 0%, #ed5f34 46%, #ff6137 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke: 0px var(--white);
    margin-bottom: 10px; font-weight: 500;
}
.card-links p {
    font-size: 16px;
}

/*Blog Section*/
.card-post {
    padding: 20px; height: 100%; background: var(--white_clr); border: 1px solid rgba(0,0,0,.1);
    flex-direction: column;
    -webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;
}
.post-imgbox {
    display: block; background: var(--white_clr);
    height: 200px; margin: -20px -20px 0; overflow: hidden;
}
.post-imgbox img {
    display: block; width: 100%; height: 100%; object-fit: cover; object-position: center;
}
.new-post-style .post-textbox,
.related-post-list .post-textbox{
    padding: 15px 0;
}
.card-post h4 {
    font-size: 20px; line-height: 1.2; font-weight: 600;
}
.card-post p {
    margin: 0;
}
.post-slider{
    padding-left: 40px; padding-right: 40px;
}
.post-view{
    font-size: 16px; line-height: normal; color: var(--primary_clr);
    width: 32px; height: 32px; 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(--primary_clr); color: var(--white_clr);
}
.new-post-style{
    gap: 30px 0;
}

/*whatwedo-section*/
.whatwedo-section{
    overflow: hidden;
}

/*modal-style*/
.modal-style .modal-dialog{
    max-width: 660px; margin-left: auto; margin-right: auto;
}
.modal-style .modal-content{
    border: 0; background: var(--light_clr);
    -webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;
}
.modal-style .modal-body{
    padding: 0;
}
.modal-style .close-btn{
    display: flex; align-items: center; justify-content: center;
    position: absolute; right: 10px; top: 10px; z-index: 2; font-size: 28px; color: var(--text_clr);
    border: 0; opacity: 0.5; min-width: 24px; height: 24px;
    -moz-transition:all 0.4s ease 0s;-webkit-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s;
}
.modal-style .close-btn:hover{
    opacity: 1; color: var(--primary_clr);
}
.form-modal-inn {
    padding: 40px;
}
.form-inner {
    -ms-flex-wrap: wrap; flex-wrap: wrap;
    gap: 15px 0; margin: 0 -10px;
}
.input-field {
    padding: 0 10px; margin: 0; position: relative;
    -ms-flex-preferred-size: 50%; flex-basis: 50%; min-width: 50%; max-width: 50%;
}
.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: 14px; line-height: 1.2; color: var(--black_clr);
    font-weight: 500; margin-bottom: 5px;
}
.input-field input,
.input-field textarea,
.input-field select{
    -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease;
}
.input-field input:focus,
.input-field textarea:focus{
    background: var(--white_clr);
    border-color: var(--secondary_clr);
}
.wpcf7-spinner {
    position: absolute; top: 100%; right: 30%;
}

/*Team Page*/
.team-list{
    gap: 40px 0;
}
.card-team{
    padding: 0 20px 20px; position: relative; backdrop-filter: blur(10px); overflow: hidden;
    -webkit-border-radius: 10px;-moz-border-radius: 10px; border-radius: 10px; border: 1px solid rgba(0,0,0,0.2);
    -moz-transition:all 0.4s ease 0s;-webkit-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s;
    background: var(--white_clr); flex-direction: column; margin: 0 auto;
}
.card-team:hover{
    border-color: var(--primary_clr);
    box-shadow: 0 10px 10px rgba(0,0,0,0.1);
}
.card-team:before{
    display: block; content: ""; position: absolute; left: 0; bottom: 0; width: 0; height: 5px; opacity: 0;
    -moz-transition:all 0.4s ease 0s;-webkit-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s;
    background: linear-gradient(135deg, #c22a2f 0%, #ed5f34 46%, #ff6137 100%);
}
.card-team:hover:before{
    opacity: 1; width: 100%;
}
.team-imgbox{
    margin: 0 -20px 15px;
}
.team-imgbox img{
    display: block; width: 100%; height: auto;
}
.card-team h4,
.team-modal h4{
    color: var(--black_clr); font-weight: 500; margin-bottom: 10px;
}
.team-modal .modal-dialog{
    max-width: 940px;
}
.team-modal-inn{
    padding: 30px;
}
.team-img-block{
    min-width: 260px; max-width: 260px;
}
.team-img-block .team-imgbox img{
    -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;
}
.team-content{
    padding-left: 40px;
}

/*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{
    gap: 30px 0;
}
.card-sub-service{
    padding: 15px; position: relative; backdrop-filter: blur(10px); overflow: hidden;
    -webkit-border-radius: 10px;-moz-border-radius: 10px; border-radius: 10px; border: 1px solid rgba(0,0,0,0.2);
    -moz-transition:all 0.4s ease 0s;-webkit-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s;
    background: var(--white_clr); gap: 15px;
}
.card-sub-service:hover{
    border-color: var(--primary_clr); color: var(--primary_clr);
    box-shadow: 0 10px 10px rgba(0,0,0,0.1);
}
.card-sub-service .iconbox{
    display: inline-flex; align-items: center; justify-content: center; min-width: 40px; height: 40px;
    font-size: 28px; background: var(--light_clr);
    -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;
}
.card-sub-service h4{
    font-size: 18px; line-height: 1.2; color: var(--black_clr); font-weight: 500;
}
.card-sub-service:hover h4{
    color: var(--primary_clr);
}
.box-content-block{
    padding: 40px; background: var(--white_clr); border: 1px solid rgba(0,0,0,0.2); margin-top: 40px;
    -webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;
}
.box-content-block hr{
    margin: 30px 0;
}

/*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);
}
.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;
}

.breadcrumb{
    background: none; padding: 0;
}
.text-center .breadcrumb{
    justify-content: center;
}
.breadcrumb li{
    font-size: 14px; 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;
}

.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;
}
.wp-block-image img{ margin: 0 auto; display:flex; }
.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: 560px;
  -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);
}
.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: 16px; line-height: 24px; color: var(--secondary_clr);
    font-weight: 400; margin: 0 0 15px;
}
.date-box i{
    font-size: 18px; color: var(--secondary_clr);
    margin-right: 2px;
}







/*==========================================
===============:: MEDIA CSS ::==============
============================================*/
@media screen and (max-width:1679px){
.container{max-width:1200px;}
.max-container{max-width:1280px;}
}
/* iPad 1024px View */
@media screen and (max-width:1199px){
.container{width:100%; max-width:100%; padding:0 20px;}
.btnbox{padding:10px 0 0;}
.ptb-100{padding: 80px 0;}
.ptb-80, .ptb-90{padding:60px 0;}
h1, .h1{font-size: 40px;}
h2, .h2{font-size: 24px;}
h3, .h3{font-size: 22px;}
h4{font-size: 20px;}
.block-title h2 br,
.block-title p br{display: none;}
.button, .btn {
    padding: 12px 20px; font-size: 14px; letter-spacing: 0.02em;
}
.button.big, .btn.big {
    padding: 15px 20px; min-width: 160px; font-size: 14px;
}
.block-title p {
    font-size: 14px; line-height: 24px;
}
/*Header and banner*/
.nav-main{
    display:none !important;
}
.mobi-iconbox{
    display:block;
}
.header-inner,
.navbar_fixed .header-inner{
    height: 80px;
}
.header_blank,
.navbar_fixed + .header_blank{
    height: 80px;
}
.site-logo,
.navbar_fixed .site-logo{
    max-width: 180px; width: 180px;
}
.home-banner .items {
    height: 440px;
}
.hero-caption p {
    font-size: 18px;
}
.hero-caption {
    max-width: 560px;
}
.abt-textbox {
    padding-left: 0;
}
.card-box-inn {
    padding: 20px;
}
.card-box .iconbox {
    margin: 0 0 20px;
}
.iconbox-head {
    margin-bottom: 10px;
}
.card-box p {
    font-size: 14px;
    line-height: 1.4;
}
.tp-counter-item h4 {
    font-size: 32px;
}
.tp-counter-item p{
    font-size: 18px;
}
.f-logo {
    max-width: 180px;
}
.footer-top-inn .items{
    min-width: 33.33%;
}
.footer-top-inn .col_1,
.footer-top-inn .col_5{
    min-width: 50%; border-top: 1px solid rgba(0, 0, 0, 0.1);
    padding-top: 20px; margin-top: 20px;
}
.footer-top-inn .col_1{
    order: 4;
}
.circle_imgbox {
    max-width: 440px;
}
.card-team p{
    font-size: 14px;
    line-height: 20px;
}
.sub-service-list {
    gap: 10px 0; margin-left: -5px; margin-right: -5px;
}
.sub-service-list .items{
    padding-left: 5px; padding-right: 5px;
}


}
/* iPad 768px view*/
@media screen and (max-width:991px){
.ptb-120{padding:80px 0;}
.ptb-100, .ptb-80{padding:60px 0;}
.mb-60 {margin-bottom: 40px !important;}
.button:before, .btn:before{display:none;}
.block-title{margin-bottom: 15px;}
p{font-size: 14px;line-height: 24px;}
/*Header and banner*/
.gradiend-bg{
    right: 20%; --size: 300px; width: 340px; height: 340px;
}
.abt-inner {
    gap: 30px;
}
.contact-block {
    padding: 30px;
}
.form-title h2 br{
    display: none;
}

}
/* iPhone-6 plus 736 (Landscape) view */
@media screen and (max-width:767px){
body{-webkit-text-size-adjust:none;}
.ptb-120, .ptb-100, .ptb-80, .ptb-90{padding:40px 0;}
.ptb-60, .ptb-50{padding:40px 0;}
h1, .h1 {font-size: 28px; line-height: 1.2;}
h2, .h2 {font-size: 24px;}
img.alignleft, img.alignright, img.alignnone, iframe.alignleft,
iframe.alignright, iframe.iframe-embed.alignright{float: none; margin:0 0 20px;}
.button.big, .btn.big {
    font-size: 15px;
}
/*Header and banner*/
.mobile-menu-block{
    width: 85%; left: -105%;
}
.home-banner .items {
    height: 460px;
}
.hero-caption p {
    font-size: 14px; line-height: 1.4;
}
.hero-caption .btnbox{
    gap: 10px;
}
.mainbox-list {
    gap: 20px 0;
}
.tp-counter-wrapper .items {
    min-width: 50%; max-width: 50%; padding: 20px 15px;
}
.tp-counter-item h4 {
    font-size: 28px;
}
.f-about.ptb-40 {
    padding-top: 20px;
}
.footer-top-inn {
    gap: 30px;
}
.f-about p{
    margin: 0;
}
.footer h4,
.footer h5{
    font-size: 16px;
}
.footer .c_info:last-child{
    margin-bottom: 0;
}
.social-media-block {
    padding: 0;
}
.hero-caption .btnbox .btn {
    min-width: 120px;
}
.post-slider {
    padding-left: 20px;
    padding-right: 20px;
}
.post-slider .slick-arrow.slick-prev {
    left: 0;
}
.post-slider .slick-arrow.slick-next {
    right: 0;
}
.modal-style .modal-dialog{
    max-width: 94%;
}
.form-modal-inn {
    padding: 20px;
}
.input-field {
    -ms-flex-preferred-size: 100%; flex-basis: 100%; min-width: 100%; max-width: 100%;
}
.circle_imgbox {
    max-width: 220px;
}
.team-list {
    gap: 20px 0;
}
.team-img-block{
    display: none;
}
.team-content {
    padding-left: 0;
}
.team-modal-inn {
    padding: 20px;
}
.prod-hero-inn {
    flex-direction: column-reverse;
    gap: 20px 0;
}
.feature {
    left: 0;
}
.card-sub-service h4{
    font-size: 16px;
}
.box-content-block {
    padding: 20px;
}
.card-sub-service {
    padding: 7px;
}





}/*767 End*/