:root{
    --white_clr: #fff;
    --black_clr: #000;
    --text_clr: #222;
    --primary_clr: #f93639;
    --secondary_clr: #0f86da;
    --primary_font_family: 'Poppins', sans-serif;
    --secondary_font_family: 'Poppins', sans-serif;
    --nav_font_family: 'Poppins', sans-serif;
}
/*color: var(--white_clr);*/

/*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;}
::-moz-selection{background:#121923; color:var(--white_clr); text-shadow:none;}
::selection{background:#121923; color:var(--white_clr); text-shadow:none;}
.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:-20px; z-index:2; padding:0; width:40px; height:40px; text-align:center; font-size:0; background:none; border:1px solid var(--primary_clr); color: var(--primary_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: "\f061"; font-family:'Line Awesome Free'; font-weight: 900; font-size: 18px;}
.slick-arrow.slick-prev:before{content: "\f060";}
.slick-arrow.slick-prev{left:10px;}
.slick-arrow.slick-next{right:10px;}
.slick-arrow:hover{background: var(--primary_clr); border-color: var(--primary_clr); color: 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 3px; padding:0; list-style:none; display:inline-block; vertical-align:top;}
.slick-dots li button{display:block; width:18px; height:8px; font-size:0; padding: 0; background:none; border:1px solid rgba(255,255,255,0.3); -webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px; cursor:pointer; position: relative; -moz-transition:all 0.4s ease 0s;-webkit-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s;}
.slick-dots li.slick-active button{background: var(--white_clr); border-color: var(--white_clr);}
/*Slick Slider Css End*/
/*Easy Responsive Tab Css*/
h4.resp-accordion{display:none; cursor:pointer; text-align:left; position:relative; background: #fff !important; padding:10px 40px 10px 15px; margin: 0 0 10px;}
h4.resp-accordion .resp-arrow{display:none;}
h4.resp-accordion:after{display:block; content:"\f107"; font-family:'Line Awesome Free'; 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;}
}
/*bootstrap-select Start*/
.bootstrap-select select{display:none;}
.bootstrap-select .btn,
.bootstrap-select.show > .btn-light.dropdown-toggle{display:block; padding:0 40px 0 20px; background:var(--white_clr); height: 45px; width: 100%; text-align: left; text-transform: none; box-shadow:0 0 0 #000 !important; z-index: 2; border: 1px solid #ccc; font-size: 18px;line-height: 20px; color: #1B262C; font-weight: 400; letter-spacing:0; -webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}
.bootstrap-select .dropdown-toggle:before{display:none;}
.bootstrap-select .dropdown-toggle:after{position:absolute; top:0; right:0; content:"\f107"; font-family: 'Line Awesome Free'; font-weight: 900; font-size: 18px; z-index:1; width: 40px; height: 42px; line-height: 42px; border: 0; text-align: center; -moz-transition:all 0.4s ease 0s;-webkit-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s;}
.bootstrap-select.show .dropdown-toggle:after{transform: rotate(-180deg);}
.bootstrap-select .btn:hover, .bootstrap-select .btn:focus,
.bootstrap-select.show > .btn-light.dropdown-toggle:hover,
.bootstrap-select.show > .btn-light.dropdown-toggle:focus{background:var(--white_clr); color:#1B262C; border-color:#1B262C;}
.btn-light:not(:disabled):not(.disabled).active,
.btn-light:not(:disabled):not(.disabled):active,
.show>.btn-light.dropdown-toggle{background:#F8F8F8; color: #1B262C; box-shadow:0 0 0 var(--black_clr);}
.bootstrap-select div.dropdown-menu{padding:0; margin:0; min-width: inherit !important; width: 100%; z-index: 9; border:1px solid #BBC2C7; -webkit-border-radius:0;-moz-border-radius:0;border-radius:0;}
.bootstrap-select div.dropdown-menu .inner {overflow: hidden;}
.bs-searchbox input.form-control{border-radius:2px !important; box-shadow: 0 0 0 var(--black_clr); font-size: 16px;}
.bootstrap-select .inner .dropdown-menu {display: block;position: static;width: 100%;border: 0;padding: 0;margin: 0;background: none;box-shadow: 0 0 0 var(--black_clr);}
.bootstrap-select .inner .dropdown-menu li{display: block;margin: 0;padding: 0;border: 0; font-family: var(--primary_font_family);}
.bootstrap-select li.no-results {font-size: 12px; padding: 10px 22px;}
.bootstrap-select .inner .dropdown-menu li.no-results {padding: 0 10px;}
.bootstrap-select .inner .dropdown-menu li:before{display: none;}
.bootstrap-select .dropdown-item{display:block; padding:4px 12px; font-size: 16px; line-height: 24px; color: rgba(0, 19, 23, 0.75); font-weight: 400; font-family: var(--primary_font_family); cursor: pointer;}
.bootstrap-select .selected .dropdown-item{background:var(--white_clr);}
.bootstrap-select .dropdown-item.active,
.bootstrap-select .dropdown-item:active{background:#eee;}
.bootstrap-select .filter-option-inner-inner{white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-weight: 400; font-size:14px; line-height: 18px; color: #1B262C; padding-right:20px;}
.bootstrap-select .dropdown-item .text{display: block; white-space: normal; font-weight: 400; font-size:14px; line-height: 28px; color: #1B262C; letter-spacing: 0; padding: 0;}
.bootstrap-select .inner .dropdown-menu li .dropdown-item{display:flex;display:-webkit-flex; align-items: center;}
.bootstrap-select .check-mark{display:none; width: 16px;height: 16px;border: 1px solid #ddd;border-radius: 2px;margin-right: 10px;position: relative;text-align: center;color: #1B262C; padding: 0;}
.bootstrap-select .check-mark:before{display: block; content: ""; font-family: 'Line Awesome Free';font-weight: 900;font-size: 14px;line-height: 14px;}
.bootstrap-select .dropdown-menu li .selected .check-mark:before{content: "\f00c";}
.bootstrap-select .dropdown-menu li .selected .check-mark {border-color: #1B262C;}
.bootstrap-select .dropdown-item.active .text{color: var(--primary_clr);}
/*bootstrap-select 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:var(--black_clr); display:none; z-index:12; opacity:0.8;}
.mobile-menu-open .menu-open-overlay{display:block;}
.mobile-menu-block{background: #050c28; color:var(--white_clr); 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(255,255,255,0.1);}
.mobi-logo img{display: block; max-width: 190px;}
.mobile-menu-inner{height:calc(100% - 90px); 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(--white_clr); font-weight:400; font-size:16px; line-height:22px; text-transform:none; position:relative;}
.mobile-nav ul li a{display:block; color:var(--white_clr); font-weight:400; font-family:'Poppins', Arial; font-size:16px; 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;}
.header-fixed .mobi-iconbox{top: 25px;}
.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(--white_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(--white_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:#050c28; font-family:var(--primary_font_family); font-size:16px; color:var(--white_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:var(--black_clr); opacity:0.5;}
:-moz-placeholder{color:var(--black_clr); opacity:0.5;} /* Firefox 18- */
::-moz-placeholder{color:var(--black_clr); opacity:0.5;} /* Firefox 19+ */
:-ms-input-placeholder{color:var(--black_clr); 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(--black_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(--black_clr); transform: rotate(45deg);}
.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(--black_clr); line-height:normal; font-weight:600; font-family:var(--primary_font_family); letter-spacing:0.01em; margin:0 0 15px;}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{color:#121923;}
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:52px; line-height:60px; font-weight:700; margin:0 0 20px;}
h2, .h2{font-size:42px; line-height:52px;}
h3{font-size:24px; line-height:28px;}
h4{font-size:22px; line-height:28px;}
h5{font-size:18px; line-height:24px;}
h6{font-size:16px; line-height:24px;}
/* Paragraph CSS */
p{font-size:16px; line-height:24px; color:var(--black_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: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:#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 #1B262C; width:100%; padding:2px 20px; margin:0; font-size:18px; color:#1B262C; font-weight:400; line-height:18px; letter-spacing:0; font-family:var(--primary_font_family); height:50px; outline:none; -webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}
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:auto; padding:15px 20px; min-height:220px; 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:var(--white_clr); 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: var(--white_clr); 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:var(--white_clr);border:1px solid #1B262C;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}
.selectbox select{background: none;border: 0;font-size: 18px;line-height: 20px;font-weight: 400;color: #1B262C; padding:0 40px 0 20px; 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;}
/*Button styling*/
.button, .btn{
    display:inline-flex; align-items:center; justify-content:center; padding:14px 24px; background:var(--primary_clr); border:0; color:var(--white_clr); font-size:16px; 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:5px;-moz-border-radius:5px;border-radius:5px; overflow:hidden;
    background-size: 300% 100%;
}
.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, rgba(15,54,135,1) 0%,rgba(15,134,218,1) 46%,rgb(249,54,57,1) 100%);
    background-size: 200% 100%;
}
.btn.secondary{
    color: var(--white_clr);
    background: linear-gradient(135deg, rgba(15,54,135,1) 0%,rgba(15,134,218,1) 46%,rgb(249,54,57,1) 100%);
    box-shadow: 0px 1px 0px 1px rgba(255,255,255,0.2) inset;
    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: var(--white_clr); border-color: var(--white_clr); color: var(--primary_clr);
}
.main-wrapper{overflow:hidden;}
.container{margin:0 auto; width:100%; max-width:1404px; padding:0 20px;}
.max-container{margin:0 auto; width:100%; max-width:1530px; 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: #050c28;}
.bg2{background: #EEEEEE;}
.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;
}
.header-inner{
    height: 120px;
}
.site-logo{
    width: 190px; 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: var(--white_clr);
}
.head-btnbox .login-btn:hover{
    background: #111; color: var(--white_clr);
}
.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:24px;}
.nav-main nav ul > li a{display:block; color:rgba(255,255,255,0.9); font-size:16px; font-weight:400; font-family:'Poppins', Arial; line-height:24px; text-transform:none; letter-spacing:0; padding:10px 0; position:relative; z-index:2; text-shadow: 0 2px 30px rgba(0,0,0,0.6);}
.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: var(--white_clr); 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:var(--black_clr); 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:before{
    display: block; content: ""; position: absolute; left: 0; right: 0; top: 0; height: 20%; opacity: 0; -moz-transition:all 0.8s ease 0s;-webkit-transition:all 0.8s ease 0s;transition:all 0.8s ease 0s;
}
.header.navbar_fixed:before{
    height: 100%; opacity: 1; -moz-transition:all 0.4s ease 0s;-webkit-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s;
    background: linear-gradient(135deg, rgba(5, 42, 72, 1) 0%, rgba(15, 54, 135, 1) 46%, rgb(11 25 74) 100%);
}
.navbar_fixed .header-inner{
    height: 90px;
}
.header_blank{
    width: 100%; height: 120px;
}
.navbar_fixed + .header_blank{
    height: 90px;
}

/*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: #121923; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 0; opacity: 0.8;}
.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;}
.block-title{position:relative; margin-bottom: 40px;}
.block-title h2 strong{color: var(--primary_clr);}
.block-title p{
    font-size: 18px; color: rgba(255,255,255,0.7);
}
.text-white.entry-content *{
    color: var(--white_clr);
}
.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,  rgb(30,109,202,1) 46%,rgb(249,54,57,1) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke: 0px var(--white);
}
.star-tl{
	position: relative;
}
.star-tl:before{
	display: block; content: ""; background:url('../images/star.png') no-repeat center; width: 60px; height: 60px; position: absolute; left: 115px; top: -40px;
    animation-name: blink;
     animation-duration: 2s;
    animation-iteration-count: infinite;
}
@keyframes blink {
  from {opacity: 0;}
  to {opacity: 1;}
}
@keyframes zoomOut {
    0% {
        transform: scale(1)
    }
    50% {
        transform: scale(1.1)
    }
    to {
        transform: scale(1)
    }
}
.animate-zoomOut{
    animation: zoomOut 6s infinite
}
.animate-zoomOut2{
    animation: zoomOut 9s infinite
}

/*Image Movement Css START*/
.move-imgbox{height:auto;-webkit-transform:perspective(1600px);transform:perspective(1600px);-webkit-transform-style:preserve-3d;transform-style:preserve-3d;width:100%;-webkit-transition:all 0.6s ease 0s;-o-transition:all 0.6s ease 0s;transition:all 0.6s ease 0s;}
.move-imgbox .relative{z-index: 2;}
.move-top-left{height:50%;left:0;position:absolute;top:0;width:50%;z-index:300;cursor:pointer;}
.move-top-left:hover ~ .move-imgbox{-webkit-transform:perspective(1600px) rotateX(-3deg) rotateY(3deg);transform:perspective(1600px) rotateX(-3deg) rotateY(3deg);}
.move-top-right{height:50%;position:absolute;right:0;top:0;width:50%;z-index:300;cursor:pointer;}
.move-top-right:hover ~ .move-imgbox{-webkit-transform:perspective(1600px) rotateX(-3deg) rotateY(-3deg);transform:perspective(1600px) rotateX(-3deg) rotateY(-3deg);}
.move-bottom-left{bottom:0;height:50%;left:0;position:absolute;width:50%;z-index:300;cursor:pointer;}
.move-bottom-left:hover ~ .move-imgbox{-webkit-transform:perspective(1600px) rotateX(3deg) rotateY(3deg);transform:perspective(1600px) rotateX(3deg) rotateY(3deg);}
.move-bottom-right{bottom:0;height:50%;position:absolute;right:0;width:50%;z-index:300;cursor:pointer;}
.move-bottom-right:hover ~ .move-imgbox{-webkit-transform:perspective(1600px) rotateX(3deg) rotateY(-3deg);transform:perspective(1600px) rotateX(3deg) rotateY(-3deg);}
.move-imgbox .animate-zoomOut{
    display: block; position: absolute; left: 0; top: 0;
}
.move-imgbox .trading-img{
    left: auto; right: 100%; top: auto; bottom: 0; margin-right: -140px; max-width: 240px; animation: zoomOut 9s infinite
}
/*Image Movement Css END*/
/*Hero Banner*/
.home-banner{
    position: relative; background: #050c28; overflow: hidden;
}
.home-banner .items{
    min-height: 660px; max-height: 740px; position: relative; z-index: 2;padding-top: 60px;
}
.home-banner .bg-img{
    opacity: 0.3;
}
.home-banner .bg-img:before{
    background: linear-gradient(135deg, rgba(5,12,40,1) 0%,rgba(15,134,218,1) 46%,rgb(249,54,57,1) 100%);
}
.home-banner .items .container,
.home-banner .banner-inner{
	height: 100%;
}
.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(#1187d8, var(--primary_clr));
	 animation: rotate var(--speed) var(--easing) alternate infinite;
	 border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%;
}
.mix-bg{
    position: absolute; left: 0; right: 0; bottom: 0; height: 40%;
    background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(5,12,40,1) 100%);
}
.mix-bg.top {
    top: 0; bottom: auto;
    -webkit-transform:rotate(-180deg);-moz-transform:rotate(-180deg);transform:rotate(-180deg);
}
@keyframes rotate {
	 0% {
		 transform: rotate(0deg);
	}
	 100% {
		 transform: rotate(360deg);
	}
}
.home-banner .gradiend-bg{
    left: 30%; right: 0; opacity: 0.5;
    background-image: linear-gradient(#1187d8, var(--primary_clr));
    width: 840px;
    height: 840px;
    --size: 200px;
    --speed: 10s;
    --easing: cubic-bezier(0.8, 1, 1, 0.8);
}
.banner-inner{
    z-index: 3;
}
.home-banner-left {
    max-width: 640px; flex-direction: column; justify-content: center;
}
.banner-inner .h1{
    font-size: 55px; line-height: 1.3; color: var(--white_clr); font-weight: 400; text-shadow: 0 2px 5px rgba(0,0,0,0.05);
}
.banner-inner .h1 strong{
    font-weight: 600;
}
.cap-small-title{
    display: inline-block; font-size: 42px; line-height: 42px; color: var(--white_clr); font-weight: 700; text-transform: uppercase; letter-spacing: 0.5em; position: relative; margin: 0 0 20px;
}
.banner-inner p{
    font-size: 20px; line-height: 28px; color: var(--white_clr); font-weight: 400;
}
.home-banner-right {
    max-width: 400px;
}
.cap-imgbox img{
    display: block; width: 100%;
}
.videobox video{
	display: block; margin: 0 auto; background: none; mix-blend-mode: lighten;
}
.down-scroll-block{
    position: relative; z-index: 3;
}
.scroll-linkbox{
    justify-content: center;
}
.scroll-linkbox:before{
    display: block; content: ""; height: 1px; width: 320px; margin-right: 20px; opacity: 0.5;
    background: -moz-linear-gradient(-45deg,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
    background: -webkit-linear-gradient(-45deg,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
    background: linear-gradient(135deg,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 );
}
.scroll-linkbox:after{
    display: block; content: ""; height: 1px; width: 320px; margin-left: 20px; opacity: 0.5;
    background: -moz-linear-gradient(-45deg,  rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
    background: -webkit-linear-gradient(-45deg,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
    background: linear-gradient(135deg,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 );
}
.scroll-link{
    display: inline-block; min-width: 20px; height: 28px; border: 1px solid rgba(255,255,255,0.8); border-radius: 10px; position: relative;
}
.scroll-link:before {
    content: ''; width: 4px; height: 5px; position: absolute; top: 3px; left: 0; right: 0; margin: 0 auto; background: rgba(255,255,255,0.5); border-radius: 50%; opacity: 1; animation: wheel 2s infinite; -webkit-animation: wheel 2s infinite;
}
@keyframes wheel {
    to {
        opacity: 0;
        top: 18px;
    }
}
@-webkit-keyframes wheel {
    to {
        opacity: 0;
        top: 18px;
    }
}

/*Banner Below Section*/
.banner-below{
    padding: 40px 0 60px; position: relative; z-index: 2;
}
.banner-below .container{
    z-index: 3;
}
.banner-icons-inner{
    justify-content: center; margin: 0 -15px;
}
.banner-icons-inner .iconbox {
    padding: 15px 15px; overflow: hidden; background: #191f39; min-width: 210px; margin: 0 15px; -moz-transition:all 0.4s ease 0s;-webkit-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s; width: 100%;
    -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px; box-shadow: 0px 0.5px 0 1px rgba(255,255,255,0.1) inset;
}
.banner-icons-inner .iconbox i {
    display: inline-flex; align-items: center; justify-content: center; text-align: center; min-width: 50px; height: 50px; text-align: center; font-size: 2.875rem; line-height: normal; color: var(--primary_clr); margin: 0 8px 0 -10px;
}
.banner-icons-inner .iconbox p{
    font-size: 14px; line-height: 24px; font-weight: 400; color: var(--white_clr);opacity: 0.7;
}
.banner-icons-inner .iconbox h5 {
    color: var(--white_clr);margin: 0;
}
.banner-icons-inner .iconbox:hover{
    background: #191f39;
}
.banner-icons-inner .iconbox:hover i,
.banner-icons-inner .iconbox:hover p{
    color: var(--white_clr);
}
.round-iconbox{
    min-width: 50px; height: 50px; background: #050c28; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; margin: 0 10px 0 0;
}
.round-iconbox img{
    max-width: 28px;
}

/*Footer Start*/
.footer{
    padding:0; margin:0; position:relative; overflow: hidden;
}
.footer .gradiend-bg{
    left: 20%; right: 0; top: 20%;
}
.payment-accept-block{
    border-top: 1px solid rgba(255,255,255,0.1); border-bottom: 1px solid rgba(255,255,255,0.1);
}
.payment-right-block{
    text-align: right;
}
.payment-img-list{
    justify-content: flex-end;
}
.payment-img-list .sub-items{
    padding: 10px;
}
.payment-right-block p {
    font-size: 13px; color: rgba(255,255,255,0.7);
}
.footer-top{
    border-bottom: 1px solid rgba(255,255,255,0.1);
}
.f-logo.feature-iconbox {
    margin: 0;
}
.f-logo.feature-iconbox:before,
.f-logo.feature-iconbox:after{
    display: none;
}
.footer h5 {
    font-size: 18px; font-weight: 600; letter-spacing: 0; color: var(--white_clr); text-transform: uppercase; position: relative; margin: 0 0 20px;
}
.f-label{
    display: inline-block; font-size: 14px; line-height: 20px; color: var(--primary_clr); text-transform: uppercase; margin: 0 0 10px;
}
.footer .c_info a {
    display: flex; align-items: center; font-size: 20px; font-weight: 500;color: var(--white_clr);
}
.footer .c_info a:hover {
    color: var(--primary_clr);
}
.footer .c_info a i {
    font-size: 30px; margin-right: 10px;
}
.social-icon a{
    display: inline-flex; font-size: 20px; 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%; color: var(--white_clr); border: 1px solid rgba(255,255,255,0.2);
}
.social-icon a + a{
    margin-left: 10px;
}
.social-icon a:hover {
    background: var(--primary_clr); border-color: 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;
}
a:hover .la-twitter:before{
    background: url('../images/x_twitter_w.svg') no-repeat center;
}
.f-links ul {
    margin: 0; padding: 0; -webkit-column-count: 2; column-count: 2;
}
.f-links ul li{
    margin: 0; padding: 0; font-size: 15px; line-height: 1.6; color: var(--text_clr);
}
.f-links li + li {
    margin-top: 10px;
}
.f-links li a {
    color: var(--white_clr);
}
.f-links li a:hover {
    opacity: 1;color: var(--primary_clr);
}
.footer-bottom{
    border-top: 1px solid rgba(255,255,255,0.1);
}
.footer-bottom .line_hover{
    color: var(--white_clr);
}
.footer-bottom .line_hover:hover{
    color: var(--primary_clr);
}
.footer-bottom p {
    font-size: 14px; color: rgba(255,255,255,0.7);
}
.scrollup {
    width: 40px; height: 40px; font-size: 20px; line-height: 40px; color: var(--white_clr); text-align: center; position: fixed; right: -40px; bottom: 10px; background: rgba(255,255,255,0.1); border-radius: 50%; opacity: 0; cursor: pointer; z-index: 99;
}
.scrollup.active {
    opacity: 1; right: 10px;
}
/*Footer End*/

/*base-section*/
.bg-box{
    position: relative; overflow: hidden; -webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px;
}
.bg-box:before{
    display: block; content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; opacity: 0.3;
    background: rgb(0,0,0);
    background: -moz-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(68,68,68,1) 100%);
    background: -webkit-linear-gradient(top, rgba(0,0,0,1) 0%,rgba(68,68,68,1) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,1) 0%,rgba(68,68,68,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#444444',GradientType=0 );
}
.bg-box .container {
    max-width: 1160px;
}
.base-section .bg-box{
    background: #0a1234;
}
.base-section .bg-box:before{
    display: none;
}
.base-section .block-title *{
    color: var(--white_clr);
}
.base-section .block-title .right-block{
    max-width: 440px;
}
.trad-list{
    position: relative; z-index: 2;
}
.trad-list .items{
    margin: 0 0 60px;
}
.trad-list-box2 .items {
    margin: 0 !important;
}
.card-concept{
    padding: 30px 40px; position: relative; -webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px; backdrop-filter: blur(10px);
    background: radial-gradient(53.28% 46.13% at 53.28% 57.78%,#172547 0,rgba(6,11,34,0.5) 100%); -moz-transition:all 0.4s ease 0s;-webkit-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s;
}
.card-concept:hover{
    background-size: 100% 200%;
}
.card-concept:before{
    content: ""; position: absolute; inset: 0; border-radius: inherit; -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; padding: 2px;
    background: linear-gradient(99.93deg,rgba(136,149,172,.4),rgba(32,40,59,.4) 10.42%,rgba(74,92,135,.4) 32.81%,rgba(32,40,59,.4));
}
.card-concept .iconbox{
    width: 60px; height: 60px; margin: 0 20px 0 0;
}
.card-concept .iconbox img{
    max-width: 60px;
}
.card-concept h3,
.card-concept h4{
    color: var(--white_clr);font-size: 20px;
}
.card-concept p{
    font-size: 15px; line-height: 24px; color: rgba(255,255,255,0.7); font-weight: 400;
}
.base-imgbox {
    display: block; text-align: center; margin: -500px 0 0;
}
.base-imgbox img,
.base-imgbox video{
    display: block; margin: 0 auto; background: none; mix-blend-mode: lighten; width: 100%; height: 100%; object-fit: cover;
}
.trad-list-box1 .items:first-child .card-concept{
    max-width: 460px;
}

/*cta-block*/
.cta-block{
    padding: 50px 140px; background: rgba(5,6,28,0.5); position: relative; overflow: hidden; -webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;
}
.circle-iconbox{
    display: inline-block; background: rgba(255,255,255,0.5); min-width: 80px; height: 80px; -webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;
}
.circle-iconbox img{
    max-width: 50px;
}
.card-choose:hover .circle-iconbox,
.circle-iconbox.active{
    background: linear-gradient(145deg, rgba(15,54,135,0.5) 0%,rgba(15,134,218,1) 0%,rgb(249,54,57,1) 100%);
    background-size: 200% 200%;
    animation: gradient 4s ease infinite;
}
.card-choose .textbox{
	z-index: 2;
}
.card-choose .textbox *{
	color: rgba(255,255,255,0.7);
}
.card-choose h2{
	font-weight: 500; margin: 0 0 20px;
}
.card-choose .numb{
	margin: 0 0 20px;
}
.return-text {
    display: block; font-size: 15px; line-height: 20px; opacity: 0.7; margin: 5px 0 0;
}
.card-choose .btnbox {
    z-index: 2; padding: 30px 0 0;
}
.card-choose .btnbox .btn {
    min-width: 160px;
}
.cta-block .textbox{
    padding-left: 80px;
}
.cta-block *{
    color: var(--white_clr);
}

/*Awards Section*/
.choose-option-list{
    margin: 0 -20px; position: relative; z-index: 2;
}
.choose-option-list .items{
    padding: 15px;
}
.card-choose{
    padding: 40px; flex-direction: column; background: rgba(255,255,255,0.05); position: relative; -webkit-border-radius: 25px;-moz-border-radius: 25px;border-radius: 25px; backdrop-filter: blur(10px); height: 100%; overflow: hidden;
}
.card-choose:before{
    display: block; content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0;
    opacity: 0; -moz-transition:all 0.4s ease 0s;-webkit-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s; transform: scale(0.97);
    -webkit-border-radius: 25px;-moz-border-radius: 25px;border-radius: 25px;
    background: linear-gradient(145deg, rgba(15,54,135,0.5) 0%,rgba(15,134,218,1) 0%,rgb(249,54,57,1) 100%);
    background-size: 100% 100%;
    animation: gradient 4s ease infinite;
}
.card-choose:after{
    display: block; content: ""; position: absolute; left: 5px; right: 5px; top: 5px; bottom: 5px; z-index: 1; opacity: 1; transform: scale(0.97);
    background: #0c0e26; -webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px; -moz-transition:all 0.4s ease 0s;-webkit-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s;
}
.card-choose *{
    color: var(--white_clr);
}
.card-choose p {
    color: rgba(255,255,255,0.7); font-size: 15px; line-height: 1.5;
}
.choose-head{
    margin: 0 0 30px; position: relative; z-index: 2;
}
.choose-head .circle-iconbox{
    margin-right: 20px;
}
.card-choose .choose-head h3,
.card-choose .choose-head h4{
    font-weight: 500; margin: 0;
}
.return-range {
    display: inline-block; font-size: 28px; line-height: 28px; margin: 5px 0 0;
}
.dott-list{
    position: relative; z-index: 2;
}
.dott-list ul{
    margin: 0; padding: 0;
}
.dott-list ul li{
    display: block; margin: 0; padding-left: 24px; list-style: none; font-size: 16px; line-height: 20px;
}
.dott-list ul li:before{
    display: block; width: 10px; height: 10px; background: var(--white_clr); -webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%; top: 6px;
}
.dott-list ul li + li{
    margin-top: 15px;
}
.card-choose.active .dott-list ul li:before{
    width: 12px; height: 12px; top: 0; bottom: 0; margin: auto;
}
.card-choose.active .dott-list ul li:nth-child(1):before{
    background: var(--primary_clr);
}
.card-choose.active .dott-list ul li:nth-child(2):before{
    background: var(--primary_clr);
}
.card-choose:hover:before,
.card-choose.active:before
/*,.card-choose:hover:after,
.card-choose.active:after*/{
    opacity: 1; transform: scale(1);
}

/*Advantage Section*/
.advantage-inner .bg-img{
	background-size: 100% auto !important;
}
.advantage-list {
    z-index: 2; padding: 220px 0 0; min-height: 600px;
}
.advantage-iconbox{
	padding: 20px; margin: 0 auto 70px; position: absolute; left: 0; right: 0; bottom: 100%; width: 114px; height: 114px; border: 1px solid rgba(29,31,69,0.4); -webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;
	background: rgb(80,85,93);
	background: -moz-linear-gradient(-45deg, rgba(80,85,93,1) 0%, rgba(162,165,168,1) 50%, rgba(80,85,93,1) 100%);
	background: -webkit-linear-gradient(-45deg, rgba(80,85,93,1) 0%,rgba(162,165,168,1) 50%,rgba(80,85,93,1) 100%);
	background: linear-gradient(135deg, rgba(80,85,93,1) 0%,rgba(162,165,168,1) 50%,rgba(80,85,93,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#50555d', endColorstr='#50555d',GradientType=1);
}
.advantage-iconbox:before{
	display: block; content: ""; background: #050c28; position: absolute; left: 15px; right: 15px; top: 15px; bottom: 15px; -webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;
}
.advantage-iconbox:after{
	display: block; content: ""; width: 2px; height: 70px; border-left: 2px dashed #555; position: absolute; left: 0; right: 0; top: 100%; margin: auto;
}
.advantage-iconbox img{
	position: relative; z-index: 2; filter: grayscale(1);
}
.card-advantage{
	padding: 60px 70px; max-width: 480px; margin: 0 auto; position: relative; background:rgba(255,255,255,0.02); backdrop-filter: blur(60px); -webkit-border-radius: 15px;-moz-border-radius: 15px;border-radius: 15px; box-shadow: 0 0 80px rgba(0,0,0,0.7);
}
.card-advantage *{
	color: var(--white_clr);
}
.card-advantage strong{
	font-weight: 500;
}

/*Business Model Section*/
.business-section .block-title .star-tl:before{
	left: 226px; top: auto; bottom: -40px;
}
.business-section .block-title .right-block{
    max-width: 480px;
}
.business-list{
	flex-direction: column;	
}
.business-list .items + .items{
	margin-top: 70px;
}
.card-business {
    max-width: 300px;
}
.card-business h4{
    color: var(--white_clr); font-weight: 500; margin: 0 0 15px;
}
.card-business p{
    font-size: 14px; line-height: 22px; color: rgba(255,255,255,0.7); font-weight: 400;
}
.card-business .number{
	display: block; width: 54px; height: 54px; position: relative; -webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%; margin: 0 0 20px;
	font-size: 22px; line-height: 20px; color: var(--white_clr); font-weight: 500; align-items: end; justify-content: end;
	background: linear-gradient(145deg, rgba(15,54,135,0.5) 0%,rgba(15,134,218,1) 0%,rgb(249,54,57,1) 100%);
    animation: gradient 4s ease infinite;
}
.bus-model-imgbox img{
    display: block; margin: 0 auto;
}
.bus-model-imgbox .animate-img{
    display: block; position: absolute; left: 0; top: 0; bottom: 0; margin: auto;
}
.business-inner .middle-block {
    align-items: flex-end;
}
.rotate_3d{
    -moz-transition:all 0.4s ease 0s;-webkit-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s;
    /*transform: rotateY(45deg);*/
    animation: rotateAnimation 8s linear infinite;
}
@keyframes rotateAnimation {
    0% {transform: rotateY(0deg);}
    /*50% {transform: rotateY(180deg);}*/
    to {transform: rotateY(360deg);}
}

/*Features Section*/
.choose-option-section{
	overflow: hidden;
}
.before-gradiend{
	position: absolute; left: 0; right: 0; top: 0; height: 70%; opacity: 0.5;
	background: -moz-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
	background: -webkit-linear-gradient(top, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%);
	background: linear-gradient(to bottom, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#00000000',GradientType=0);
}
.choose-option-section .block-title{
	margin-bottom: 60px;
}
.features-list .items{
    padding-top: 15px; padding-bottom: 15px;
}
.feature-icon-items{
	order: 1;
}
.feature-icon-items:last-child{
	order: 3;
}
.feature-tl-items{
	order: 2;
}
.feature-iconbox {
    padding: 10px; margin: 0 auto; position: relative; width: 100px; height: 100px; border: 1px solid rgba(29,31,69,0.4); -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background: rgb(80,85,93);
    background: -moz-linear-gradient(-45deg, rgba(80,85,93,1) 0%, rgba(162,165,168,1) 50%, rgba(80,85,93,1) 100%);
    background: -webkit-linear-gradient(-45deg, rgba(80,85,93,1) 0%,rgba(162,165,168,1) 50%,rgba(80,85,93,1) 100%);
    background: linear-gradient(135deg, rgba(80,85,93,1) 0%,rgba(162,165,168,1) 50%,rgba(80,85,93,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#50555d', endColorstr='#50555d',GradientType=1);
}
.footer .feature-iconbox{
	width: auto;height: auto;padding: 0;border: none;background: none;border-radius: 0;filter: inherit;
}
.footer .feature-iconbox .iconbox-only {
    width: 190px;background: none;
}
.feature-iconbox:before{
	display: block; content: ""; width: 2px; height: 80px; border-left: 2px dashed #555; position: absolute; left: 0; right: 0; bottom: 100%; margin: auto;
}
.feature-iconbox:after{
	display: block; content: ""; width: 2px; height: 80px; border-left: 2px dashed #555; position: absolute; left: 0; right: 0; top: 100%; margin: auto;
}
.iconbox-only{
	display: block; padding: 0; width: 100%; height: 100%; background: #050c28; position: relative; z-index: 1; -webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;
}
.feature-iconbox img {
    position: relative; z-index: 2; max-width: 50px;
}
.footer .feature-iconbox img{
	max-width: 100%;
}
.f-logo p {
    color: var(--white_clr);opacity: 0.7;font-size: 15px;
}
.contact-info h4 {
    font-size: 18px;color: var(--white_clr);text-transform: uppercase;margin: 0 0 20px;
}
.contact-info .c_info a {
    font-size: 16px;
}
.contact-info .c_info a i {
    font-size: 24px;
}
.rotate{
    -webkit-animation-name: rotateMe;
    animation-name: rotateMe;
    -webkit-animation-duration: 8s;
    animation-duration: 8s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
}
@keyframes MOVE-BG {
    from {
        transform: translateX(0);
    }
    to { 
        transform: translateX(88px);
    }
}
@keyframes rotateMe {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}
.page-bottom-section .feature-iconbox{
	background: rgba(0,0,0,0.4);
}
.map-section{
    overflow: hidden;
}
.map-section .block-title{
    z-index: 3;
}
.map-video-block video{
    display: block; width: 100%; height: auto; object-fit: cover;
}
.over_1{
    display: block; position: absolute; left: -50vw; top: -200px; height: 400px; width: 200vw;
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(5,12,40,1) 50%,rgba(0,0,0,0) 100%);
}
.over_2{
    display: block; position: absolute; right: 100%; top: 0; bottom: 0; width: 100vw; margin-right: -50vw;
    background: linear-gradient(to right, rgba(0,0,0,0) 0%,rgba(5,12,40,1) 50%,rgba(0,0,0,0) 100%);
}
.over_3{
    display: block; position: absolute; left: 100%; top: 0; bottom: 0; width: 100vw; margin-left: -50vw;
    background: linear-gradient(to right, rgba(0,0,0,0) 0%,rgba(5,12,40,1) 50%,rgba(0,0,0,0) 100%);
}
.map-section .bottom-btnbox{
    position: absolute; left: 0; right: 0; bottom: 80px;
}

/*About Section*/
.abt-imgbox .phone_img{
    display: block; position: absolute; left: 0; top: 0; bottom: 0; margin: auto !important;
}
.right-block .abt-imgbox .phone_img {
    left: auto; right: 0;
}
.abt-section .block-title {
    margin-bottom: 30px;
}
/*Award Section*/
.card-award{
    position: relative; -webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px; backdrop-filter: blur(10px); height: 100%;
    background: radial-gradient(53.28% 46.13% at 53.28% 57.78%,#172547 0,rgba(6,11,34,0.5) 100%); -moz-transition:all 0.4s ease 0s;-webkit-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s;
}
.card-award:before{
    content: ""; position: absolute; inset: 0; border-radius: inherit; -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; padding: 2px;
    background: linear-gradient(99.93deg,rgba(136,149,172,.4),rgba(32,40,59,.4) 10.42%,rgba(74,92,135,.4) 32.81%,rgba(32,40,59,.4));
}
.card-award:after{
    display: block; content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; border-left: 3px solid var(--white_clr);
    -webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;
}
.awards-list .items:nth-child(1n) .card-award:after{
    border-color: #e5294c;
}
.awards-list .items:nth-child(2n) .card-award:after{
    border-color: #ad44ff;
}
.awards-list .items:nth-child(3n) .card-award:after{
    border-color: #21cb80;
}
.awards-list .items:nth-child(4n) .card-award:after{
    border-color: var(--primary_clr);
}
.card-award-inn{
    padding: 20px; flex-direction: column; text-align: center; z-index: 2;
}
.card-award .imgbox{
    min-width: 120px; max-width: 120px; height: 120px; margin-bottom: 20px;
}
.card-award .imgbox img{
    object-fit: contain; max-height: 100%;
}
.card-award h5{
    font-size: 18px; line-height: 24px; color: var(--white_clr); font-weight: 400; margin: 0 0 5px;
}
.card-award p{
    font-size: 13px; line-height: 18px; color: rgba(255,255,255,0.7);
}
.awards-slider .slick-dots{
    bottom: -20px;
}

/*testimonial-section*/
.testimonial-block{
    border-top: 1px solid rgba(255,255,255,0.2); margin-top: 100px;
}
.testimonial-block .testimonial-list{
    max-width: 1040px; margin: 0 auto;
}
.testimonial-list .items{
    padding: 0;
}
.card-testimonial{
    padding: 30px 30px 0; max-width: 840px; flex-direction: column; position: relative; height: 100%; text-align: center; margin: 0 auto;
}
.quote-icon{
    display: inline-block; font-size: 200px; line-height: 200px; color: var(--primary_clr); opacity: 0.1; position: absolute; right: 20px; top: -20px;
}
.testimonial-head {
    margin: 0 0 20px;
}
.star-box{
    font-size: 20px; color: var(--primary_clr); letter-spacing: 0.2em; justify-content: center;
}
.card-testimonial p {
    font-size: 20px; line-height: 32px; font-weight: 400; color: rgba(255,255,255,0.7);
}
.client-name{
    display: inline-block; font-size: 18px; line-height: 24px; font-weight: 400; color: var(--white_clr); padding: 20px 0 0; border-top: 1px solid rgba(255,255,255,0.3);
}
.client-name strong{
    font-weight: 500;
}
.card-testimonial .btnbox .more-link{
    padding: 20px 0 0; border-top: 1px solid #ddd;
}
.card-testimonial .btnbox .more-link i{
    font-size: 20px;
}
.testimonial-slider .slick-dots{
    bottom: -20px;
}

/*Internal Banner*/
.internal-banner .bg-img{
/*    background-size: 60% auto !important;*/ opacity: 0.2;
}
.internal-banner .gradiend-bg{
    left: 30%; right: 0; opacity: 0.3; width: 840px; height: 840px; --size: 200px; --speed: 10s; --easing: cubic-bezier(0.8, 1, 1, 0.8);
}
.internal-caption .h1{
    color: var(--white_clr); font-weight: 600;
}
.internal-caption .h1 strong{
    display: inline-block;
    background: linear-gradient(135deg, rgb(30,109,202,1) 46%,rgb(249,54,57,1) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke: 0px var(--white);
}
.internal-caption p{
    color: rgba(255,255,255,0.7);
}
.inner-banner-imgbox .animate-zoomOut {
    display: block; position: absolute; left: 0; top: 0; bottom: 0; margin: auto;
}

/*Features Section*/
.card-features{
    padding: 30px 20px; flex-direction: column; align-items: center; text-align: center; position: relative; height: 100%; -webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px; backdrop-filter: blur(10px);
    background: radial-gradient(53.28% 46.13% at 53.28% 57.78%,#172547 0,rgba(6,11,34,0.5) 100%); -moz-transition:all 0.4s ease 0s;-webkit-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s;
}
.card-features:hover{
    background-size: 100% 200%;
}
.card-features:before{
    content: ""; position: absolute; inset: 0; border-radius: inherit; -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; padding: 2px;
    background: linear-gradient(99.93deg,rgba(136,149,172,.4),rgba(32,40,59,.4) 10.42%,rgba(74,92,135,.4) 32.81%,rgba(32,40,59,.4));
}
.card-features .iconbox{
    position: relative; min-width: 120px; max-width: 120px; height: 120px; margin: 0 auto 20px;
}
.card-features h5{
    position: relative;
}

/*Regulations Section*/
.tab-style{
    margin: 0 -5px; flex-wrap: wrap; text-align: center;
}
.tab-style li{
    margin: 0; padding: 2px 5px; list-style: none;
}
.tab-style li span{
    display: inline-flex; align-items: center; justify-content: center; padding: 10px 20px; font-size: 16px; line-height: 24px; color: var(--white_clr); background: rgba(255,255,255,0.07); cursor: pointer; min-width: 100px; text-align: center;
    -webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px; height: 100%;
}
.tab-style li.resp-tab-active span{
    color: #050c28; background: rgba(255,255,255,0.9);
}
.tab-style li span img{
    max-width: 30px; margin-right: 10px;
}
.tab-style li em{
    font-style: normal;
}
.prod-tab-content *{
    color: var(--white_clr);
}
.bdr-box{
    padding: 40px; border: 1px dashed #555 !important; overflow: hidden; -webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px;
}
.commoditie-list .items{
    padding-top: 20px; padding-bottom: 20px;
}

/*App Download Section*/
.app-download-section .bg-img{
    opacity: 0.05; z-index: -1; background-size: 30% auto !important;
}
.app-download-inn{
    padding: 40px; -webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px;z-index: 1; overflow: hidden;
    background: linear-gradient(135deg, rgba(5,42,72,1) 0%,rgba(15,54,135,1) 46%,rgb(249,54,57,1) 100%);
}
.cta-imgbox{
    position: absolute; right: -40px; top: -20px;
}
.app-download-inn p{
    font-size: 20px; line-height: 28px; color: rgba(255,255,255,0.7);
}
.app-download-inn .btnbox{
    margin: 0 -10px; justify-content: center;
}
.app-btn{
    overflow: hidden; background: var(--black_clr); -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; margin: 0 10px;
}
.business-section ~ .app-download-section{
    margin-top: 40px;
}
.internal-banner .gradiend-bg.gradiend2 {
    width: 300px; height: 300px; opacity: 1; top: auto; bottom: 0;
}
.whychoose-list .card-award-inn{
    text-align: left;
}
.card-award h3,
.card-award h4{
    font-weight: 500;
}
.reversed.abt-inner{
    flex-direction: row-reverse;
}

/*Installation Section*/
.card-step{
    min-width: 280px; max-width: 280px; height: 280px; margin: 0 auto; position: relative; background-size: 99% auto !important;
    background: url('../images/circle_1.png') no-repeat center;
}
.steps-list{
    justify-content: center;
}
/*.steps-list .items:nth-child(1n) .card-step{
    background: url('../images/circle_1.png') no-repeat center;
}
*/
.steps-list .items:nth-child(2n) .card-step{
    background: url('../images/circle_2.png') no-repeat center;
}
/*
.steps-list .items:nth-child(3n) .card-step{
    background: url('../images/circle_3.png') no-repeat center;
}*/
.card-step-inn{
    padding: 20px 10px; min-width: 220px; max-width: 220px; height: 220px; background: #f2f2f2; -webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;
    box-shadow: -30px 30px 30px rgba(0,0,0,0.5);
}
.card-step p{
    font-size: 14px; line-height: 20px;
}
.card-step .number{
    display: block; width: 40px; height: 40px; position: relative; -webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;
    font-size: 18px; line-height: 20px; color: var(--white_clr); font-weight: 500; align-items: center; justify-content: center;
    background: #050c28; position: absolute; left: 0; right: 0; bottom: -50px; margin: auto;
}
.card-step .iconbox {
    min-width: 90px; max-width: 90px; height: 90px; margin: -40px auto 15px;
}
.card-step .iconbox img {
    max-height: 100%;
}
.webmobi-inn .items + .items {
    border-left: 10px solid rgba(255, 255, 255, 0.05);
}
.card-webmobiapp {
    padding: 40px;
}
.card-webmobiapp .textbox *{
    color: var(--white_clr);
}
.card-webmobiapp .imgbox{
    margin: 0 auto 30px;
}
.para-block{
    position: absolute; top: 40%; z-index: 2;
}
.para_imgbox {
    max-width: 100px;
}
.para-block.left{
    left: 1%;
}
.para-block.right{
    right: 1%;
}
.parallax_2{
    top: 20%;
}
.para-block.right + .para-block.right{
    right: 6%;
}
.bdr-para-box{
    position: absolute; left: 4%; top: 5%; bottom: 5%; width: 2px;
}
.dot-circle{
    display: block; content: ""; background:url('../images/star.png') no-repeat center; width: 60px; height: 60px; position: absolute; left: -30px; bottom: 10%;
}
.secondary_parra .left.parallax_1{
    left: 6%;
}
.secondary_parra .right.parallax_2{
    top: 40%;
}
.secondary_parra .right.bottom{
    top: auto; bottom: 0;
}
.acc-pro-list .card-concept{
    padding: 40px 20px; flex-direction: column; text-align: center;height: 100%;
}
.acc-pro-list .card-concept .iconbox{
    margin: 0 auto 20px;
}
.card-prod:after{
    display: block; content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; border-left: 3px solid var(--white_clr);
    -webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;
}
.acc-pro-list .items:nth-child(1n) .card-prod:after{
    border-color: #e5294c;
}
.acc-pro-list .items:nth-child(2n) .card-prod:after{
    border-color: #ad44ff;
}
.acc-pro-list .items:nth-child(3n) .card-prod:after{
    border-color: #21cb80;
}
.acc-pro-list .items:nth-child(4n) .card-prod:after{
    border-color: var(--primary_clr);
}
.acc-pro-slider .slick-dots{
    bottom: 0;
}
.acc-pro-slider > .items{
    display: none;
}
.acc-pro-list > .items:nth-child(1),
.acc-pro-list > .items:nth-child(2),
.acc-pro-list > .items:nth-child(3),
.acc-pro-list > .items:nth-child(4){
    display: block;
}

.internal-banner .banner-icons-inner{
    max-width: 500px;
}

/* Contact Page */
.info-card {
    position: relative; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; backdrop-filter: blur(10px); height: 100%; background: radial-gradient(53.28% 46.13% at 53.28% 57.78%,#172547 0,rgba(6,11,34,0.5) 100%); -moz-transition: all 0.4s ease 0s; -webkit-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s;padding: 30px;
}
.info-card:before {
    content: ""; position: absolute; inset: 0; border-radius: inherit; -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; padding: 2px; background: linear-gradient(99.93deg,rgba(136,149,172,.4),rgba(32,40,59,.4) 10.42%,rgba(74,92,135,.4) 32.81%,rgba(32,40,59,.4));
}
.info-card:after {
    display: block; content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; border-left: 3px solid var(--white_clr); -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px;
}
.info-list .items:nth-child(1n) .info-card:after{
    border-color: #e5294c;
}
.info-list .items:nth-child(2n) .info-card:after{
    border-color: #ad44ff;
}
.info-list .items:nth-child(3n) .info-card:after{
    border-color: #21cb80;
}
.info-list .items:nth-child(4n) .info-card:after{
    border-color: var(--primary_clr);
}
.info-card .textbox {
    z-index: 1;
}
.info-card .iconbox {
    min-width: 70px; max-width: 70px; height: 70px; margin: 0 auto 16px; font-size: 36px; border-radius: 50%;background: linear-gradient(145deg, rgba(15, 54, 135, 0.5) 0%, rgba(15, 134, 218, 1) 0%, var(--primary_clr)); background-size: 200% 200%; animation: gradient 4s ease infinite;
}
.info-card h5{
    font-size: 18px; line-height: 24px; color: var(--white_clr); font-weight: 400; margin: 0 0 8px;
}
.info-card p:not(:last-child) {
    margin-bottom: 5px;
}
.info-card p, .info-card p a {
    font-size: 14px; line-height: 1.4; color: rgba(255,255,255,0.7);
}
.info-card p a {
    font-size: 16px;
}
.info-card p a:hover {
    color: var(--primary_clr);
}

/* Contact Section */
.contact-section .gradiend-bg {
    left: 10%; right: 0; opacity: 0.2; width: 800px; height: 800px;
}
.contact-flex .textbox {
    padding-right: 20px;
}
.contact-flex .textbox h2 {
    margin: 0 0 20px;
}
.contact-flex .textbox p {
    color: rgba(255,255,255,0.7);
}
.title-flex .iconbox {
    min-width: 60px; max-width: 60px; height: 60px; border-radius: 50%; font-size: 36px; margin-right: 15px;    background: linear-gradient(145deg, rgba(15, 54, 135, 0.5) 0%, rgba(15, 134, 218, 1) 0%, var(--primary_clr)); background-size: 200% 200%; animation: gradient 4s ease infinite;
}
.contact-flex .textbox ul {
    padding-left: 3px;
}
.contact-form {
    background: rgb(255 255 255 / 10%); padding: 45px; border-radius: 15px; backdrop-filter: blur(5px);
}
.contact-form h3 {
    margin: 0 0 25px;
}
.form-inner{
    flex-wrap: wrap; margin: 0 -10px;
}
.form-inner .input-field{
    width: 50%; min-width: 50%; padding: 0 10px; margin-bottom: 20px;
}
.form-inner .input-field label {
    display: block;margin: 0 0 7px;
}
.form-inner .input-field:last-child{
    margin: 0;
}
.form-inner .full-width{
    width: 100% !important; min-width: 100% !important;
}
.input-field input, .input-field textarea, .input-field select {
    background: rgb(255 255 255 / 10%); border-color: rgb(255 255 255 / 10%); border-radius: 5px; color: var(--white_clr); font-size: 16px;
}
.input-field input::placeholder, .input-field textarea::placeholder {
    color: var(--white_clr);
}
.form-inner textarea {
    min-height: 120px;max-height: 120px;
}
.map-block {
    padding: 20px; border-radius: 15px; background: rgb(255 255 255 / 10%); height: 460px;
}
.map-block iframe {
    width: 100%;height: 100%;border-radius: 15px;display: block;
}



/*==========================================
===============:: MEDIA CSS ::==============
============================================*/
@media screen and (max-width:1679px){
.container{max-width:1200px;}
.max-container{max-width:1280px;}
.bg-box .container {max-width: 1100px;}
h1, .h1 {
    font-size: 42px; line-height: 50px;
}
h2, .h2 {
    font-size: 36px; line-height: 40px;
}
.block-title p{
    font-size: 18px;
}
.button.big, .btn.big {
    padding: 16px 25px;
}
.home-banner-left {
    max-width: 520px;
}
.banner-inner .h1 {
    font-size: 42px; line-height: 52px;
}
.home-banner .items {
    min-height: 480px; max-height: 590px;padding-top: 20px;
}
.home-banner-right {
    max-width: 300px;
}
.star-tl:before{
    left: 80px;
}
.business-section .block-title .star-tl:before{
    left: 172px;
}
.cta-block {
    padding: 50px 80px;
}
.cta-block .textbox {
    padding-left: 40px;
}
.banner-inner p {
    font-size: 18px;
}


}
/* Screen 1200px View */
@media screen and (max-width:1365px){
.container {
    max-width: 1100px;
}
.card-choose .choose-head h3,
.card-choose .choose-head h4{
    font-size: 20px;
}
}
/* 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:32px; line-height:40px;}
h2, .h2{font-size: 28px;line-height: 32px;}
h3, .h3{font-size: 22px;line-height: 24px;}
/*h4{font-size: 20px;line-height: 24px;}*/
.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: 16px; line-height: 24px;
}
/*Header and banner*/
.nav-main{
    display:none !important;
}
.mobi-iconbox{
    display:block;
}
.header-inner,
.navbar_fixed .header-inner{
    height: 90px;
}
.header_blank,
.navbar_fixed + .header_blank{
    height: 90px;
}
.head-btnbox {
    margin-right: 40px; margin-left: 0 !important;
}
.head-btnbox .btn {
    padding: 10px 20px; min-width: 120px;
}
.mobile-menu-block .head-btnbox{
    margin-left: -2px !important; margin-right: -2px !important;
}
.mobile-menu-block .head-btnbox .btn {
    padding: 10px; font-size: 14px; min-width: calc(50% - 4px); margin: 2px;
}
.mobile-menu-block .head-btnbox .login-btn{
    min-width: 100%; border: 1px solid var(--white_clr);
}
.home-banner .items {
    min-height: 400px; max-height: 500px;
}
.home-banner-left {
    max-width: 50%; padding-left: 40px;
}
.home-banner-right {
    width: 100%; max-width: 320px;
}
.banner-icons-inner{
    margin: 0;
}
.banner-inner .h1 {
    font-size: 32px; line-height: 40px;
}
.cap-imgbox video {
    height: 620px;
}
.banner-inner p {
    font-size: 16px;
}
.card-advantage {
    padding: 40px; max-width: 340px;
}
.advantage-iconbox {
    padding: 15px; margin: 0 auto 60px; width: 80px; height: 80px;
}
.advantage-iconbox:after{
    height: 60px;
}
.advantage-iconbox img {
    max-width: 30px;
}
.advantage-list {
    padding: 150px 0 0; min-height: 460px;
}
.card-business {
    max-width: 240px;
}
.feature-iconbox {
    padding: 12px; width: 100px; height: 100px;
}
.feature-iconbox:before,
.feature-iconbox:after{
    height: 60px;
}
.choose-option-section .block-title {
    margin-bottom: 60px;
}
.choose-head {
    flex-wrap: wrap; margin: 0 0 20px; flex-direction: column; align-items: flex-start;
}
.choose-head .circle-iconbox{
    margin: 0 0 15px;
}
.card-testimonial p {
    font-size: 18px; line-height: 28px;
}
.banner-icons-inner .iconbox {
    padding: 15px 15px; min-width: 225px; margin: 0 5px;
}
.choose-option-list {
    margin: 0 -15px;
}
.choose-option-list .items {
    padding: 0 15px;
}
.device_img {
    max-width: 140px;
}
.para_imgbox {
    max-width: 40px;
}
.para-block.left {
    left: 0;
}
.para-block.right {
    right: 0;
}
.para-block.right + .para-block.right {
    right: 3%;
}
.secondary_parra .left.parallax_1 {
    left: 3%;
}
.business-list {
    padding-top: 20px;
}
.abt-imgbox .phone_img {
    max-width: 30%;
}
.map-section .para_imgbox,
.business-section .para_imgbox{
    max-width: 24px;
}
.app-download-section .bg-img {
    background-size: 50% auto !important;
}
.contact-banner .header_blank {
    height: 80px;
}
.contact-section {
    padding-top: 20px;
}
.input-field input, .input-field textarea, .input-field select {
    height: 44px;padding: 2px 16px;
}
.input-field textarea {
    padding: 10px 16px;
}
.choose-option-section.business-section .block-title {
    margin-bottom: 40px;
}

}
/* 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: 20px;}
p{font-size: 15px;line-height: 24px;}
/*Header and banner*/
.gradiend-bg{
    right: 20%; --size: 300px; width: 340px; height: 340px;
}
.home-banner-left {
    max-width: 50%; padding-left: 20px;
}
.home-banner-right {
    max-width: 260px;
}
.banner-below{
    padding: 40px 0;
}
.banner-icons-inner .iconbox {
    padding: 12px 10px; min-width: auto; margin: 0 5px;
}
.banner-icons-inner .iconbox p {
    font-size: 13px; line-height: 18px;
}
.round-iconbox{
    min-width: 40px; height: 40px;
}
.round-iconbox img {
    max-width: 24px;
}
.trad-list .items {
    margin: 0 0 40px;
}
.base-imgbox {
    margin: -360px 0 0;
}
.trad-list-box1 .items:first-child .card-concept {
    max-width: 100%;
}
.card-concept {
    padding: 30px;
}
.choose-option-section .block-title {
    margin-bottom: 40px;
}
.choose-option-list{
    margin: 0 -10px;
}
.choose-option-list .items{
    padding: 10px;
}
.card-choose{
    padding: 30px;
}
.card-choose:after{
    transform: scale(1);
}
.testimonial-block .testimonial-list {
    padding: 0 20px;
}
.quote-icon {
    font-size: 100px; line-height: 120px; right: 0;
}
.business-inner .middle-block {
    align-items: center;
}
.business-list .items + .items {
    margin-top: 40px;
}
.footer-inn .items{
    margin-bottom: 20px;
}
.footer-top-inn{
    text-align: center;
}
.footer-top-inn .items + .items{
    margin-top: 20px;
}
.f-logo{
    display: inline-block;
}
/*.footer .c_info a,
.footer .social-icon{
    justify-content: center;
}*/
.payment-accept-inn {
    flex-direction: column; justify-content: center;
}
.payment-accept-inn > div{
    min-width: 100%; text-align: center;
}
.payment-img-list {
    justify-content: center;
}
.steps-list {
    transform: scale(0.8); transform-origin: center;
}
.card-webmobiapp {
    padding: 20px;
}
/*.footer .f-logo {
    max-width: 60%; text-align: center;margin: 0 auto;display: block;
}
.footer .f-logo .iconbox-only {
    margin: 0 auto;
}*/
.footer-inn {
    padding-bottom: 20px;
}
.info-card {
    padding: 30px 20px;
}
.contact-flex .textbox {
    padding-right: 0;
}
.contact-form {
    padding: 30px;
}
.form-inner .input-field {
    width: 100%; min-width: 100%;margin-bottom: 15px;
}
.contact-form h3 {
    margin: 0 0 20px;
}
.map-block {
    height: 360px;
}
.choose-option-section.business-section .block-title {
    margin-bottom: 30px;
}

}
@media screen and (min-width:768px){
.footer .f-links{display: block !important;}
}
/* 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: 24px;line-height: 30px;}
h2, .h2 {font-size: 24px;line-height: 28px;}
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%;
}
.header{
    border-bottom: 1px solid rgba(255,255,255,0.1);
}
.header-inner,
.navbar_fixed .header-inner{
    height: 80px;
}
.header_blank,
.navbar_fixed + .header_blank{
    height: 80px;
}
.header .head-btnbox .hide-mobi{
    display: none !important;
}
.site-logo {
    width: 175px;
}
.head-btnbox .btn {
    padding: 8px 10px; min-width: 80px; font-size: 14px;
}
.home-banner .gradiend-bg {
    top: 20%; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; opacity: 0.8;
}
.home-banner .items {
    padding: 80px 0 0; min-height: initial; max-height: initial; height: auto;
}
.gradiend-bg{
    right: 10%; top: 120px; --size: 200px; width: 240px; height: 240px; opacity: 0.8;
}
.banner-inner{
    padding: 0; text-align: center; flex-wrap: wrap; justify-content: center;
}
.home-banner-left{
    padding: 40px 0 0; max-width: 100%; position: relative; z-index: 2;
}
.home-banner-right{
    padding: 20px 0 20px 50px; min-width: 100%; max-width: 100%;
}
.banner-inner .h1 {
    font-size: 24px; line-height: 30px; margin: 0 0 15px;
}
.banner-inner p {
    font-size: 14px;line-height: 1.6;
}
.banner-inner .btnbox {
    padding: 0;
}
.cap-imgbox {
    max-width: 260px; margin: 0 auto;
}
.move-imgbox .trading-img {
    max-width: 110px; margin-right: -70px;
}
.banner-icons-inner {
    margin: 0 -10px; align-items: inherit;
}
.banner-icons-inner .iconbox{
    padding: 10px 4px; flex-wrap: wrap; text-align: center;
}
.round-iconbox {
    min-width: 34px; height: 34px; margin: 0 auto 10px;
}
.banner-icons-inner .iconbox p br{
    display: none;
}
.banner-icons-inner .iconbox p {
    font-size: 11px; line-height: 16px; min-width: 100%;
}
.block-title.d-flex {
    flex-wrap: wrap;
}
.block-title .right-block {
    max-width: 100%; min-width: 100%; margin: 15px 0 0;
}
.block-title p {
    font-size: 16px;
}
.block-title p br{
    display: none;
}
.star-tl:before {
    left: 35px;
}
.business-section .block-title .star-tl:before{
    left: 85px;
}
.banner-below {
    padding: 40px 0;
}
.trad-list {
    padding: 0;
}
.trad-list .items {
    margin: 0 0 20px;
}
.card-concept {
    padding: 30px;
}
.base-imgbox {
    margin: -40px 0 20px; order: 1;
}
.base-section .container{
    display: flex; flex-direction: column;
}
.trad-list-box1{
    order: 2;
}
.trad-list-box2{
    order: 3; margin-top: 20px;
}
.base-section .bottom-btnbox{
    order: 4;
}
.choose-option-list {
    max-width: initial;
    margin: 0 -15px;
}
.card-choose {
    padding: 30px;
}
.dott-list ul li {
    font-size: 15px; line-height: 20px; padding-left: 18px;
}
.dott-list ul li:before {
    width: 6px; height: 6px; top: 7px;
}
.card-choose.active .dott-list ul li {
    padding: 5px 0 5px 24px; font-size: 16px;
}
.card-choose.active .dott-list ul li:before {
    width: 12px; height: 12px;
}
.circle-iconbox {
    min-width: 60px; height: 60px;
}
.circle-iconbox img {
    max-width: 30px;
}
.card-advantage {
    max-width: 300px; padding: 30px;
}
.advantage-iconbox:after {
    height: 20px;
}
.advantage-iconbox {
    margin-bottom: 20px;
}
.advantage-list {
    padding: 0;
}
.advantage-list .items{
    margin-top: 120px;
}
.business-list {
    padding: 0; flex-direction: row; margin: 0 -10px;
}
.business-list .items {
    min-width: 50%; max-width: 50%; padding: 0 10px;
}
.card-business {
    max-width: 100%;
}
.card-business .number {
    width: 40px; height: 40px; margin: 0 0 15px; font-size: 18px;
}
.card-business h4 {
    font-size: 18px; line-height: 24px; margin: 0 0 10px;
}
.business-inner .middle-block {
    order: 3; text-align: right; justify-content: center; padding: 20px 0; margin: 0;
}
.bus-model-imgbox img {
    max-width: 280px;
}
.business-inner > div + div{
    margin-top: 30px;
}
.business-list .items + .items {
    margin-top: 0;
}
.business-section .bg-box {
    padding-bottom: 0;
}
.feature-section .block-title.d-flex{
    flex-wrap: nowrap; margin-left: -20px; margin-right: -20px;
}
.feature-section .block-title.d-flex .items {
    min-width: 33.33%; max-width: 33.33%; padding: 0;
}
.card-choose .numb,
.card-choose h4 {
    margin: 0 0 15px;
}
.choose-option-section .block-title {
    margin: 0 0 20px;
}
.feature-iconbox {
    padding: 8px; width: 80px; height: 80px;
}
.awards-section .feature-iconbox{
    margin-bottom: 30px !important;
}
.feature-section {
    padding: 30px 0;
}
.feature-iconbox:before,
.feature-iconbox:after{
    height: 30px;
}
.page-bottom-section {
    padding: 30px 0;
}
.choose-option-list .items + .items {
    margin-top: 20px;
}
.choose-head {
    margin: 0 0 20px;
}
.map-section .bottom-btnbox {
    position: relative; bottom: 20px;
}
.awards-slider .slick-dots {
    bottom: 0;
}
.testimonial-block {
    margin-top: 40px;
}
.card-testimonial{
    padding: 0; max-width: 100%;
}
.card-testimonial p {
    font-size: 16px; line-height: 24px;
}
.client-name{
    font-size: 16px;
}
.testimonial-block .testimonial-list{
    padding: 0;
}
.bg-box {
    margin-left: -15px;
    margin-right: -15px;
}
.feature-tl-items {
    order: 4;
}
.feature-icon-items{
    min-width: 50%; max-width: 50%;
}
/*Footer*/
.footer .c_info a{
    font-size: 16px;
}
.footer .c_info a i {
    font-size: 24px; margin-right: 5px;
}
.payment-right-block p,
.footer-bottom p{
    font-size: 12px; line-height: 16px;
}
.footer-inn {
    padding: 0; margin: 0 -20px;
}
.footer-inn .items {
    margin: 0; padding: 0; border-bottom: 1px solid rgba(255,255,255,0.1);
}
.footer h5 {
    margin: 0; padding: 10px 20px;display: flex;align-items: center; font-weight: 500; letter-spacing: 0.02em;font-size: 16px;
}
.footer h5:after {
    display: none;
}
.footer .f-links {
    padding: 0 20px 20px; /*display: none;*/
}
.footer h5 .arrow {
    margin-left: auto; min-width: 15px; max-width: 15px; height: 15px; display: flex; align-items: center; justify-content: center;transition: all 0.3s ease;
}
.footer h5.active .arrow {
    transform: rotate(180deg);
}
.footer-inn .items:last-child {
    border: none;
}
.f-links li + li {
    margin-top: 7px;
}
.footer .payment-accept-inn h5{
    padding: 0; display: block;
}
.footer .gradiend-bg{
    height: 400px;
}
.abt-section .gradiend-bg {
    left: 0; right: 0; top: auto;
}
.scrollup {
    width: 10px; height: 30px; font-size: 16px; line-height: 30px; background: none;
}
/*Inner pages*/
.internal-banner{
    text-align: center;
}
.internal-caption .right-block{
    margin-top: 30px;
}
.inner-banner-imgbox {
    max-width: 300px;
    margin: 0 auto;
}
.internal-banner .gradiend-bg{
    top: 10%; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; opacity: 0.8;
}
.features-section.ptb-40 {
    padding-bottom: 0;
    background: -moz-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
    background: -webkit-linear-gradient(top, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#00000000',GradientType=0);
}
.features-list {
    margin: 0 -5px;
}
.features-list .items {
    padding: 5px; min-width: 50%; max-width: 50%;
}
.card-features {
    padding: 20px 10px;
}
.card-features .iconbox {
    min-width: 80px; max-width: 80px; height: 80px; margin: 0 auto 15px;
}
.card-features h5 {
    font-size: 14px; line-height: 20px; font-weight: 400;
}
.tab-style{
    margin: 0 -2px; padding: 0 0 20px;
}
.tab-style li {
    padding: 2px;
}
.tab-style li span {
    padding: 6px 10px; font-size: 12px; line-height: 24px; min-width: 60px;
}
.tab-style li span img {
    max-width: 20px; margin-right: 5px;
}
.bdr-box{
    padding: 20px;
}
#topProducts h4.resp-accordion{
    display: none;
}
#topProducts .bdr-box{
    margin: 0 -10px;
}
.abt-inner .right-block{
    margin-top: 30px;
}
.app-download-inn p {
    font-size: 16px; line-height: 24px;
}
.app-download-inn {
    padding: 30px 20px; -webkit-border-radius: 15px;-moz-border-radius: 15px;border-radius: 15px;
}
.app-btn {
    margin: 0 4px;
}
.steps-list{
    transform: scale(1); flex-direction: column; padding: 0 0 20px !important;
}
.steps-list .items + .items{
    margin-top: 30px;
}
.card-step h4 {
    font-size: 20px;
}
.steps-list .items:nth-child(2n) .card-step{
    background: url('../images/circle_1.png') no-repeat center;
}
.device_img {
    max-width: 90px;
}
.internal-banner .banner-icons-inner{
    padding: 5px 0 10px; margin: 0 auto;
}
.reversed.abt-inner {
    flex-direction: column-reverse;
}
.reversed.abt-inner .right-block {
    margin-top: 0; margin-bottom: 20px;
}
.installation-section {
    padding-top: 40px !important; border-top: 2px solid rgba(255, 255, 255, 0.1);
}
.webmobi-inn .items + .items {
    border-left: 0; margin-top: 20px;
}
.card-webmobiapp {
    padding: 20px; text-align: center; border: 3px solid rgba(255, 255, 255, 0.05);
}
.card-webmobiapp .imgbox,
.card-webmobiapp .btnbox{
    justify-content: center;
}
.para_imgbox {
    max-width: 30px;
}
.app-download-section .bg-img {
    background-size: 100% auto !important;
}
.choose-option-list.ptb-40 {
    padding: 10px 0 20px; text-align: left;
}
.product-banner.internal-banner .bg-img{
    background-size: 100% auto !important; background-position: center !important;
}
.acc-pro-list .card-concept {
    padding: 30px 20px;
}
.card-concept h3, .card-concept h4 {
    font-size: 16px; line-height: 1.4;
}
.footer .f-logo {
    max-width: 100%; padding: 30px 20px 10px;
}
.footer .f-logo .iconbox-only + .ptb-30 {
    padding-top: 20px;
}
.contact-info {
    padding: 20px;
}
.contact-info h4 {
    font-size: 16px;
}
.trad-list-box2 .items {
    margin: 0 0 20px !important;
}
.info-list .items {
    padding: 8px 15px;
}
.contact-section {
    padding-top: 0;
}
.contact-form {
    margin-top: 20px;
}
.title-flex {
    padding-top: 10px;
}


}/*767 End*/