@font-face {
    font-family:'Boogaloo Regular';
    src: url('../fonts/boogaloo-regular-webfont.woff2') format('woff2'),
    url('../fonts/boogaloo-regular-webfont.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}
/*Loader*/
.loader-fix{display: none;}
.loader-fix.active{display: none;}
#preloader{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(41,59,136,0.7);overflow:hidden;z-index: 9999; display:flex;display:-webkit-flex; align-items: center; justify-content: center; border-radius: 30px;}
.main-wrapper > .loader-fix #preloader{border-radius: 0;}
#loader{display:block;position:relative;width:80px;height:80px;border-radius:50%;border:3px solid transparent;border-top-color:#fff;-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite;}
#loader:before{content:"";position:absolute;top:5px;left:5px;right:5px;bottom:5px;border-radius:50%;border:3px solid transparent;border-top-color:#fff;-webkit-animation:spin 3s linear infinite;animation:spin 3s linear infinite;}
#loader:after{content:"";position:absolute;top:15px;left:15px;right:15px;bottom:15px;border-radius:50%;border:3px solid transparent;border-top-color:#fff;-webkit-animation:spin 1.5s linear infinite;animation:spin 1.5s linear infinite;}
@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);}
    100%{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}
}
@keyframes spin{0%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);}
    100%{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}
}
@-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.3; z-index: 1;}
.shine:hover:before{-webkit-animation:shine 1s;animation:shine 1s;}
::-moz-selection{background:#94B7BB; color:#fff; text-shadow:none;}
::selection{background:#94B7BB; color:#fff; text-shadow:none;}
/*==================================:: 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; 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:block; position:absolute; top:50%; margin-top:-30px; z-index:2; padding:0; width:40px; height:40px; text-align:center; font-size:0; background:#FFE001; border:0; color: #000; 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.slick-next{left: auto; right: 0;}
.slick-arrow:after{display: block; content: ""; border: 3px dashed #000; position: absolute; left: -3px; right: -3px; top: -3px; bottom: -3px; border-radius: 50%;}
.slick-arrow:before{display: block;content: ""; background:url('../images/arrow.png') no-repeat center; background-size: 12px auto; width: 100%; height: 100%; transform: rotateY(180deg);}
.slick-arrow.slick-next:before{transform: rotateY(0deg);}
.slick-arrow:hover{background: #FB7C13; border-color: #FB7C13; color: #fff;}
.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:0; text-align:center;}
.slick-dots li{margin:0 4px; padding:0; list-style:none; display:inline-block; vertical-align:top;}
.slick-dots li button{display:block; width:14px; height:14px; font-size:0; padding: 0; background:none; border:2px solid #FB7C13; -webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%; 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 button:before{display: block; content: ""; background: #FB7C13; width: 6px; height: 6px; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; -webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%; opacity: 0;}
.slick-dots li.slick-active button:before{opacity: 1;}
/*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';font-weight: 900; 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%); text-align: center;}
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}
.resp-tabs-list li{cursor: pointer;}

.card-worksheet.d-flex.v-center h3 {
    text-align: left;
}

@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 15px; background:#fff; height: 42px; width: 100%; text-align: left; text-transform: none; box-shadow:0 0 0 #000 !important; z-index: 2; border: 1px solid rgba(103, 103, 103, 0.15); font-size: 14px;line-height: 18px; color: #2F2925; font-weight: 400; letter-spacing:0; -webkit-border-radius:0;-moz-border-radius:0;border-radius:0;}
.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; line-height: 42px; z-index:1; width: 40px; height: 42px; text-align: center; border: 0; -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:#fff; color:#2F2925; border-color:rgba(103, 103, 103, 0.15);}
.btn-light:not(:disabled):not(.disabled).active,
.btn-light:not(:disabled):not(.disabled):active,
.show>.btn-light.dropdown-toggle{background:#F8F8F8; color: #002650; box-shadow:0 0 0 #000;}
.bootstrap-select div.dropdown-menu{padding:10px 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 #000; 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 #000;}
.bootstrap-select .inner .dropdown-menu li{display: block;margin: 0;padding: 0;border: 0; font-family: 'Boogaloo Regular', sans-serif, Arial;}
.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:0 12px; font-size: 14px; line-height: 24px; color: #2F2925; font-weight: 400; font-family: 'Boogaloo Regular', sans-serif, Arial; cursor: pointer;}
.bootstrap-select .selected .dropdown-item{background:#fff;}
.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: #2F2925;}
.bootstrap-select .dropdown-item .text{display: block; white-space: normal; font-weight: 400; font-size:14px; line-height: 28px; color: #2F2925; 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: #002650; 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: #002650;}
/*bootstrap-select End*/
/*************** SIMPLE INNER SCROLLBAR START ***************/
.scroll-wrapper {overflow: hidden !important;padding: 0 30px 0 0 !important; margin-right: -30px; position: relative; z-index: 1;}
.scroll-wrapper > .scroll-content{border:0 !important;box-sizing: content-box !important;height: auto;max-height: none;max-width: none !important;overflow: scroll !important;position: relative !important;width: auto !important;}
.scroll-wrapper > .scroll-content::-webkit-scrollbar {height: 0;width: 0;}
.scroll-element {display: none;}
.scroll-element, .scroll-element div {box-sizing: content-box;}
.scroll-element.scroll-x.scroll-scrollx_visible,
.scroll-element.scroll-y.scroll-scrolly_visible {display: block;}
.scroll-element .scroll-bar,
.scroll-element .scroll-arrow {cursor: default;}
.scroll-textarea > .scroll-content {overflow: hidden !important;}
.scroll-textarea > .scroll-content > textarea {border: none !important;box-sizing: border-box;height: 100% !important;margin: 0;max-height: none !important;max-width: none !important;overflow: scroll !important;outline: none;padding: 2px;position: relative !important;top: 0;width: 100% !important;}
.scroll-textarea > .scroll-content > textarea::-webkit-scrollbar{height: 0;width: 0;}
.scrollbar > .scroll-element,
.scrollbar > .scroll-element div{border: none;margin: 0;padding: 0;position: absolute;z-index: 10;}
.scrollbar > .scroll-element div {display: block;height: 100%;left: 0;top: 0;width: 100%;}
.scrollbar > .scroll-element.scroll-x {bottom: 2px;height: 4px;left: 0;width: 100%;}
.scrollbar > .scroll-element.scroll-y {height: 100%;right: 0;top: 0;width: 5px;}
.scrollbar > .scroll-element .scroll-element_outer {overflow: hidden;}
.scrollbar > .scroll-element .scroll-element_outer,
.scrollbar > .scroll-element .scroll-element_track,
.scrollbar > .scroll-element .scroll-bar {-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;}
.scrollbar > .scroll-element .scroll-element_track,
.scrollbar > .scroll-element .scroll-bar{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";filter: alpha(opacity=40);opacity: 1;}
.scrollbar > .scroll-element .scroll-bar,
.scrollbar > .scroll-element.scroll-draggable .scroll-bar{background: #FFE001;}
.bg4 .scrollbar > .scroll-element .scroll-bar,
.bg4 .scrollbar > .scroll-element.scroll-draggable .scroll-bar{background: #293B88;}
/*************** SIMPLE INNER SCROLLBAR END ***************/
/*========:: UPLOADING FILE START ::========*/
.fileuploader-items-list {margin:0; padding:0; list-style:none;}
.fileuploader-item {position: relative;margin:0;padding:15px 10px;background:#fff;border:1px solid #ddd;-webkit-animation: fileuploaderSlideIn 0.4s ease;animation: fileuploaderSlideIn 0.4s ease; border-radius:4px;}
.fileuploader-item + .fileuploader-item {margin:10px 0 0;}
/* item columns */
.fileuploader-item .columns {position: relative;z-index: 2;}
/* item column-thumbnail */
.fileuploader-item .column-thumbnail {position:absolute;width:36px;height:36px;line-height:36px;left:0;top:50%; background:#fff; border-radius:4px; -webkit-transform:translate(0,-50%);-moz-transform:translate(0,-50%);transform:translate(0,-50%);}
.fileuploader-item .column-thumbnail .fileuploader-item-image {width:100%;height:100%;overflow:hidden;}
.fileuploader-item .fileuploader-item-image img,
.fileuploader-item .fileuploader-item-image canvas {border-radius:4px;-webkit-animation: fileuploaderFadeIn .2s ease;animation: fileuploaderFadeIn .2s ease;}
/* thumbnail loading state */
.fileuploader-item .column-thumbnail .fileuploader-item-image.fileuploader-loading:after {width: 24px;height: 24px;left: 50%;top: 50%;margin-left: -12px;margin-top: -12px;border-radius: 50%;opacity: 0.12;}
/* item icon */
.fileuploader-item .fileuploader-item-icon {position: relative;width: 100%;height: 100%;text-align: center;color: #fff;font-size: 11px;background: #ddd;border-radius: 4px;-webkit-animation: fileuploaderFadeIn .2s ease;animation: fileuploaderFadeIn .2s ease;}
.fileuploader-item .fileuploader-item-icon.is-bright-color {color: #888;}
.fileuploader-item .fileuploader-item-icon i {display: block;width:100%;margin:0 auto;overflow: hidden;text-overflow: ellipsis;font-style: normal;font-weight: bold; line-height:36px;}
/* input uploading state */
.fileuploader.fileuploader-is-uploading .fileuploader-input-caption:after {width: 14px;height: 14px;right: 10px;top: 50%;margin-top: -10px;opacity: 0.8;}
/* global loader */
.fileuploader.fileuploader-is-uploading .fileuploader-input-caption:after,
.fileuploader-item .fileuploader-item-image.fileuploader-loading:after,
.fileuploader-item.upload-pending .fileuploader-action-remove:after {content: '';position: absolute;width: 20px;height: 20px;border-radius: 50%;border-top: 3px solid #dde4f6;border-right: 3px solid #dde4f6;border-bottom: 3px solid #dde4f6;border-left: 3px solid #979fb8;-webkit-transform: translateZ(0);transform: translateZ(0);-webkit-animation: fileuploaderSpin 1s infinite linear;animation: fileuploaderSpin 1s infinite linear;}
/* icon-retry */
.fileuploader-action-retry {background: #687ddb;border-radius: 50%;}
.fileuploader-action-retry i:before {content: '';position: absolute;width: 10px;height: 10px;left: 4px;top: 4px;border-radius: 50%;border: 2px solid #fff;}
.fileuploader-action-retry i:after {content: '';position: absolute;width: 6px;height: 3px;left: 3px;top: 9px;background: #687ddb;}
.fileuploader-action-retry:hover,.fileuploader-action-retry:hover i:after {background: #7b90ef;}
.fileuploader-action-retry:active,.fileuploader-action-retry:active i:after {background: #687ddb;box-shadow: inset 0 1px 6px rgba(0, 0, 0, 0.1);}
/* item column-title */
.fileuploader-item .column-title {display: block;padding-left:50px;padding-right:80px;color:#2a2b4d;line-height:24px;}
.fileuploader-item a {color:#74809D;text-decoration: none;}
.fileuploader-item .column-title div {display:inline-block;vertical-align:middle;font-weight:400;text-overflow:ellipsis;white-space:nowrap;overflow:hidden; max-width:190px;}
.fileuploader-item .column-title span {display:inline-block;vertical-align:middle; margin-left:10px;font-size:12px;color:#2a2b4d;}
/* item actions */
.fileuploader-item .column-actions {position: absolute;right:0;top: 50%;margin-top: -9px;}
.fileuploader-action {display: inline-block;position: relative;width: 18px;height: 18px;border-radius: 50%;cursor: pointer;vertical-align: top;-webkit-transform: translateZ(0px);transform: translateZ(0px);-webkit-transition: all 0.2s ease-out;transition: all 0.2s ease-out;}
.fileuploader-item .column-actions .fileuploader-action + .fileuploader-action {margin-left:10px;}
.fileuploader-item .column-actions .fileuploader-action-success {position: absolute;right: 0;top: 0;}
.fileuploader-item .column-actions .fileuploader-action-success:hover,
.fileuploader-item .column-actions .fileuploader-action-success:active {opacity:0;}
/* icon.remove */
.fileuploader-action-remove {background:red; border:1px solid red;}
.fileuploader-action-remove:hover {background:red;}
.fileuploader-action-remove:active {background:red;}
.fileuploader-action-remove i:before,
.fileuploader-action-remove i:after {content: '';position: absolute;top: 4px;left: 7px;height: 8px;width: 2px;background-color:#fff;}
.fileuploader-action-remove i:before {-webkit-transform: rotate(45deg);transform: rotate(45deg);}
.fileuploader-action-remove i:after {-webkit-transform: rotate(-45deg);transform: rotate(-45deg);}
/* item progress bar */
.fileuploader-item .fileuploader-progressbar {position: absolute;left: 0;bottom: 0;width: 100%;height: 4px;border-radius: 4px;overflow: hidden;}.fileuploader-item .fileuploader-progressbar .bar {position: absolute;left: 0;top: 0;width: 0%;height: 100%;border-radius: 4px;background: #687ddb;-webkit-transition: width 0.3s ease;transition: width 0.3s ease;}.fileuploader-item .progress-bar2, .fileuploader-item .progress-bar2 .fileuploader-progressbar {position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}.fileuploader-item .progress-bar2 .fileuploader-progressbar .bar {position: absolute;left: 0;top: 0;width: 0%;height: 100%;border-radius: 0;background: rgba(104, 125, 219, 0.08);-webkit-transition: width 0.3s ease;transition: width 0.3s ease;}.fileuploader-item .progress-bar2 span {font-size:15px; line-height:normal; color:#000; font-weight:600; text-align:center; background:#f5f5f5; border:1px dashed #ddd; padding:2px 0; position:absolute; left:0; right:0; top:100%; margin:5px 0 0;
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           -webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px; box-shadow:0 0 20px rgba(0,0,0,0.5);}
/* animations */
@-webkit-keyframes fileuploaderOpacity {0% {opacity: 1;}50%,100% {opacity: 0;}}
@keyframes fileuploaderOpacity {0% {opacity: 1;}50%,100% {opacity: 0;}}
@-webkit-keyframes fileuploaderFadeIn {from {opacity: 0;}to {opacity: 1;}}
@keyframes fileuploaderFadeIn {from {opacity: 0;}to {opacity: 1;}}
@-webkit-keyframes fileuploaderScaleIn {from {opacity: 0;-webkit-transform: scale(0);transform: scale(0);}to {opacity: 1;-webkit-transform: scale(1);transform: scale(1);}}
@keyframes fileuploaderScaleIn {from {opacity: 0;-webkit-transform: scale(0);transform: scale(0);}to {opacity: 1;-webkit-transform: scale(1);transform: scale(1);}}
@-webkit-keyframes fileuploaderSlideIn {from {-webkit-transform: translateY(100%);transform: translateY(100%);opacity: 0;}to {-webkit-transform: translateY(0%);transform: translateY(0%);opacity: 1;}}
@keyframes fileuploaderSlideIn {from {-webkit-transform: translateY(50%);transform: translateY(50%);opacity: 0;}o {-webkit-transform: translateY(0%);transform: translateY(0%);opacity: 1;}}
@-webkit-keyframes fileuploaderSlideOut {from {-webkit-transform: translateY(0%);transform: translateY(0%);opacity: 1;}to {-webkit-transform: translateY(50%);transform: translateY(50%);opacity: 0;}}
@keyframes fileuploaderSlideOut {from {-webkit-transform: translateY(0%);transform: translateY(0%);opacity: 1;}to {-webkit-transform: translateY(50%);transform: translateY(50%);opacity: 0;}}
@-webkit-keyframes fileuploaderSpin {0% {-webkit-transform: rotate(0deg);transform: rotate(0deg);}100% {-webkit-transform: rotate(360deg);transform: rotate(360deg);}}
@keyframes fileuploaderSpin {0% {-webkit-transform: rotate(0deg);transform: rotate(0deg);}100% {-webkit-transform: rotate(360deg);transform: rotate(360deg);}}
/* input */
.fileuploader-theme-dragdrop .fileuploader-input{display:inline-block; position: relative; border:1px dashed transparent;text-align: center;-webkit-transition: background-color 0.2s ease;transition: background-color 0.2s ease;}
.fileuploader-theme-dragdrop .fileuploader-input .fileuploader-input-inner {-webkit-transition: opacity 0.2s ease;transition: opacity 0.2s ease;}
.fileuploader-theme-dragdrop .fileuploader-input.fileuploader-dragging .fileuploader-input-inner {opacity:0.4;}
.fileuploader-theme-dragdrop .fileuploader-input.fileuploader-dragging i {-webkit-transform: rotate(180deg);transform: rotate(180deg);}
.fileuploader-theme-dragdrop .fileuploader-input i {display: block;max-width: 64px;margin: 0 auto;-webkit-transition: all 0.2s ease;transition: all 0.2s ease;}
/*========:: UPLOADING FILE END ::========*/
.dragg{display:flex; justify-content: center; align-items: center; font-size: 24px; line-height: normal; color: #333; font-weight: 600; position: absolute; left: 0; right: 0; top: 0; bottom: 0; border:2px dashed #000; background: #fff; opacity: 0; -moz-transition:all 0.4s ease 0s;-webkit-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s; z-index: -1; border-radius:4px;}
.fileuploader-theme-dragdrop .fileuploader-input.fileuploader-dragging .dragg{opacity: 1; z-index: 1;}
.fileuploader-input,
.fileuploader-input-inner{width: 100%;}
.fileupload textarea{width:100%; height:200px; font-size: 16px; line-height: normal; color: #333; padding:15px 20px; border-radius:4px; background: #fff;}
/*=========== Mobile Menu STYLE Start ========*/
/*body.mobile-menu-open{overflow:hidden;}*/
.menu-open-overlay{position:fixed; top:0; left:0; width:100%; bottom:0; background:#000; display:none; z-index:12; opacity:0.5;}
.mobile-menu-open .menu-open-overlay{display:block;}
.mobile-menu-block{background:#fff; bottom:0; color:#16181C; position:fixed; top: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;}
.mobile-menu-open .mobile-menu-block{left:0; z-index:20;}
.mobile-logo {padding: 0 20px; margin: 0 0 20px; border-bottom: 1px solid rgba(48,56,65,0.2);height: 100px;}
.mobile-logo img{display:block; max-width:140px;}
.mobi-icons{padding-right: 20px;}
.mobi-icons a{display: inline-block; font-size: 22px; line-height: 24px; color: #2E2E2E;}
.mobi-icons a + a{margin-left: 30px;}
.mobi-icons a:hover{color: #FB7C13;}
.mobile-menu-inner{height:calc(100% - 180px); overflow:auto; padding:20px 20px; position: relative; z-index: 3;}
.mobile-nav ul{margin:0; padding: 0; list-style: none;}
.mobile-nav li{margin: 0; padding: 10px 0; color:#2E2E2E; font-weight:400; font-size:20px; line-height:22px; text-transform:none; position:relative;}
.mobile-nav ul li a{display:block; color:#2E2E2E; font-weight:400; font-family:'Boogaloo Regular', Arial; font-size:20px; line-height:20px; text-transform:none; letter-spacing:0; padding:0 40px 0 0;}
.mobile-nav > ul > li.active > a{color:#FB7C13;}
.mobile-nav li li{border:none; padding:7px 0;}
.mobile-nav li li a{font-size:16px; text-transform:none; font-weight:400; padding:0 40px 0 0;}
.mobile-nav li li.active a{color:#FB7C13;}
.mobile-nav li li li a{padding-left:0;}
.mobile-nav ul.sub-menu {margin: 10px 0 0;padding: 10px;background: #fff;box-shadow: 0 2px 10px rgb(0 0 0 / 10%);border-radius: 10px;}
.hitarea{display:block; width:40px; height:40px; text-align:center; position:absolute; right:0; top:0;}
.hitarea:before{display:block; content:""; width:0; height:0; position: absolute; left: 0; right:0; top: 0; bottom: 0; margin: auto; -moz-transition:all 0.4s ease 0s;-webkit-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s; border-style: solid;border-width: 8px 6px 0 6px;border-color: #2e2e2e transparent transparent transparent;border-top-right-radius: 2px;border-top-left-radius: 2px;}
.collapsable-hitarea.hitarea:before{transform:rotate(-180deg);}
.mobile-nav .collapsable-hitarea + a{color:#FB7C13;}
.mobi-btnbox{padding: 10px 20px; background: #fff; position: absolute; left: 0; right: 0; bottom: 0; z-index: 4; box-shadow: 0 0 10px rgba(0,0,0,0.2);}
.mobi-btnbox .btn {padding: 7px 20px; width: 46%;}
.mobi-btnbox .btn + .btn {margin-left: auto;}
/*========== Mobile Menu STYLE End==============*/
/*Mobile Menu Css Start*/
.mobi-iconbox{display:none; width:44px; height:44px; background: #58C0F2; position:fixed; right:15px; top:28px; z-index:40; transition:all 0.4s ease; -webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;}
.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: 18px; height: 16px; position: relative; cursor: pointer;}
.icon-bar:before,
.icon-bar:after{display: block; content: ""; width: 100%; height: 2px; background: #fff; position: absolute; left: 0; top: 0; -moz-transition:all 0.4s ease 0s;-webkit-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s; -webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
.icon-bar:after{top: auto; bottom: 0;}
.icon-bar .line{display: block; width: 70%; height: 2px; background: #fff; 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: 7px;}
.icon-bar.active:after{transform: rotate(-45deg); bottom: 7px;}
.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, 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);}
html.modal-open {overflow: inherit;}
/* ===== GLOBAL ========== */
body{margin:0; padding:0; background:#fff; font-family:'Boogaloo Regular', sans-serif, Arial; font-size:16px; color:#2E2E2E; 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:#2E2E2E; -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:#FB7C13;}

::-webkit-input-placeholder{color:rgba(103, 103, 103, 1); opacity:0.7;}
:-moz-placeholder{color:rgba(103, 103, 103, 1); opacity:0.7;} /* Firefox 18- */
::-moz-placeholder{color:rgba(103, 103, 103, 1); opacity:0.7;} /* Firefox 19+ */
:-ms-input-placeholder{color:rgba(103, 103, 103, 1); opacity:0.7;}

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:26px; color:#2E2E2E; font-weight:400; letter-spacing:0;}
.entry-content ul{padding:0; margin:0 0 15px;}
.entry-content ol{padding:0; margin:0 0 15px; list-style: none; counter-reset: my-awesome-counter;}
.entry-content ul li{position:relative; padding:0 0 0 16px; margin:0 0 10px;}
.entry-content ul li:before{content:""; position:absolute; left:0; top:10px; width: 5px; height: 5px; background:#2E2E2E; -webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;}
.entry-content ul li li{list-style:disc;}
.entry-content ol li{counter-increment: my-awesome-counter; margin:0 0 10px;}
.entry-content ol li::before{content: counter(my-awesome-counter) ". ";color:#2E2E2E; font-weight:400;}

/* Heading CSS */
h1, .h1, h2, .h2, h3, h4, h5, h6{color:#2E2E2E; line-height:normal; font-weight:500; font-family:'Boogaloo Regular', sans-serif, Arial; letter-spacing:0; margin:0 0 15px;}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{color:#2E2E2E;}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover{color:#FB7C13;}
/*h1, .h1{font-size:52px; line-height:60px; color: rgba(41, 59, 136, 1); margin:0 0 24px;}*/
h1, .h1{font-size:65px; line-height:60px; color: rgba(41, 59, 136, 1); margin:0 0 24px;}
/*h2, .h2{font-size:40px; line-height:50px; color: rgba(41, 59, 136, 1); margin:0 0 20px;}*/
h2, .h2{font-size:52px; line-height:50px; color: rgba(41, 59, 136, 1); margin:0 0 20px;}
/*.h3{font-size:36px; line-height:34px;}*/
.h3{font-size:48px; line-height:100%;}
h3{font-size:30px; line-height:30px;}
h4{font-size:22px; line-height:28px;}
h5{font-size:18px; line-height:24px;}
h6{font-size:16px; line-height:24px; letter-spacing: 0.001em;}
/* Paragraph CSS */
p{font-size:16px; line-height:26px; color:#2E2E2E; font-weight:400; letter-spacing:0; margin:0 0 20px;}
hr{border:none; margin:20px 0; background:#000; 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: 0;}
table th, table td, .entry-content th, .entry-content table th,
.entry-content td, .entry-content table td{background:#ECEBF2; border-left:1px solid rgba(0,0,0,0.04); border-bottom: 1px solid rgba(0,0,0,0.04); text-align:left; font-size:14px; line-height: 20px; color:#2E2E2E; font-weight:400; padding:12px 15px; vertical-align:middle;}
.entry-content th, .entry-content table th, table th{color:#fff; font-weight:400; background:#2E2E2E; border-color: rgba(255,255,255,0.2);}
table th a {color:#2E2E2E;}
table th a:hover {color:#2E2E2E;}
.table-striped th, .table-striped td {position:relative;}
.table-striped tbody tr:nth-of-type(even) td{background:#F5F4F9;}
.entry-content table th:first-child,
.entry-content table td:first-child{border-left: 0;}

.ui-widget.ui-datepicker{display: none;}
.ui-datepicker-header {background:#2E2E2E;color: #fff;display: flex;align-items: center;padding: 10px 10px;}
.ui-datepicker-prev {margin-right: auto;width: 40px;cursor: pointer;}
.ui-datepicker-next {margin-left: auto;order: 3;width: 40px;text-align: right;cursor: pointer;}
.ui-datepicker-title {margin: 0 auto;}
.ui-datepicker-calendar th,
.ui-datepicker-calendar td {text-align: center;padding: 10px;font-size: 16px;line-height: 18px;}
.ui-datepicker-calendar td a {color: #333;}
.ui-datepicker-calendar td.ui-datepicker-current-day{background: #2E2E2E;}
.ui-datepicker-calendar td.ui-datepicker-today{background: #eee;}
.ui-datepicker-calendar td.ui-state-disabled .ui-state-default{opacity: 0.3; pointer-events: none;}

body .daterangepicker .calendar-table th,
body .daterangepicker .calendar-table td{
    text-align: center;padding: 8px;font-size: 14px;line-height: 16px;border-color: #fafafa;border-radius: 0 !important;
}
body .daterangepicker .calendar-table th {
    background: #58C0F2;
}
body .daterangepicker td.active {
    background: #FB7C13;
}
body .daterangepicker select.monthselect,
body .daterangepicker select.yearselect{
    border: 0; border-radius: 30px;
}

/*Form Input Field*/
input, textarea, select{background:#fff; border:1px solid #ccc; width:100%; padding:2px 20px; margin:0; font-size:14px; color:#2F2925; font-weight:400; line-height:16px; letter-spacing:0.01em; font-family:'Boogaloo Regular', sans-serif, Arial; height:42px; outline:none; -webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}
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; min-height:100px; resize: none;}
input[type="button"], input[type="submit"], input[type="image"], input[type="file"], input[type="search"] {-webkit-appearance:none;}
input#addressSubmit {-webkit-appearance:none !important ; }
input[type="radio"], input[type="checkbox"]{-webkit-appearance:normal;}
.checkbox, .radiobox{display: inline-block; position: relative; padding-left: 30px; font-size: 24px; line-height: 30px; color: #293B88;}
.checkbox input, .radiobox input{position: absolute; left: 0; top: 0; opacity: 0;}
.checkbox .checkmark{display: block; width: 20px; height: 20px; background: #145CC0; position: absolute; left: 0; top: 5px; border-radius: 5px;}
.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:16px; color:#fff; line-height:20px; padding-left:1px; opacity:0;}
.checkbox input:checked ~ .checkmark:before{opacity:1;}
.radiobox .checkmark{display: block; width: 20px; height: 20px; border: 2px solid #145CC0; -webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%; position: absolute; left: 0; top: 5px;}
.radiobox .checkmark:before{display: none;}
.radiobox .checkmark:after{display: block; content: ""; -webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%; position: absolute; left: 6px; right: 6px; top: 6px; bottom: 6px; opacity: 0; background: transparent linear-gradient(180deg, #007AF1 0%, #293B88 100%) 0% 0% no-repeat;}
.radiobox input:checked ~ .checkmark:after{opacity: 1;}
.selectbox{position: relative;background:#fff;border:1px solid #ccc;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px; -moz-transition:all 0.4s ease 0s;-webkit-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s;}
.selectbox select{background: none;border: 0;padding: 0 40px 0 20px; width: 100%; height: 40px; -webkit-appearance: none; -moz-appearance: none; appearance: none; position: relative; z-index: 1; -webkit-border-radius:0;-moz-border-radius:0;border-radius:0;}
.selectbox:after{display: flex; align-items: center; text-align: center; position:absolute; top:0; right:0; content:"\f107"; font-family: 'Line Awesome Free';font-weight: 900; font-size: 20px; line-height: 40px; z-index:0; width: 40px; height: 40px; border: 0; -moz-transition:all 0.4s ease 0s;-webkit-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s;}
.select-box .selectbox{border:0; width: 100%;}
.input-choose{position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 2; opacity: 0;}
input.input-choose:checked ~ .btn,
input.input-choose:checked ~ .check-imgbox{box-shadow:0 0px 20px rgb(0 0 0 / 80%); outline: 8px solid #FFE001; pointer-events: none;}
.check-imgbox{display: block; padding: 15px;}
.check-imgbox img{display: block; margin: 0 auto;}
/* Button styling */
.button, .btn{display:inline-flex; align-items:center; justify-content:center; padding:10px 24px; background:none; border:1px solid #2E2E2E; color:#2E2E2E; font-size:20px; font-weight:400; cursor:pointer; letter-spacing:0; text-align:center; position:relative; min-width:140px; line-height:28px; -moz-transition:all 0.3s ease 0s;-webkit-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s; -webkit-border-radius:40px;-moz-border-radius:40px;border-radius:40px; overflow:hidden;}
.button:hover, .btn:hover,
.button:focus, .btn:focus{background:#2E2E2E; border-color:#2E2E2E; color:#fff; box-shadow:0 10px 20px rgba(0,0,0,0.2);}
.primary{background: #58C0F2; border-color: #58C0F2; color: #fff;}
.primary:hover, .primary:focus{background: #41ade1; border-color: #41ade1; color: #fff;}
.secondary{background: #FB7C13; border-color: #FB7C13; color: #fff;}
.secondary:hover, .secondary:focus{background: #e46700; border-color: #e46700; color: #fff;}
.grn{border:0; color: #fff; background: transparent linear-gradient(180deg, rgba(173, 236, 0, 1) 0%, rgba(119, 192, 0, 1) 100%) 0% 0% no-repeat padding-box; box-shadow:0 10px 10px rgba(0,0,0,0.1);}
.grn:hover, .grn:focus{border-color: transparent; color: #fff; background: transparent linear-gradient(180deg, rgba(119, 192, 0, 1) 0%, rgba(173, 236, 0, 1) 100%) 0% 0% no-repeat padding-box;}
.white, .white:hover, .white:focus{background: #fff; border-color: #fff; color: #231f20;}
.white-bdr{border-color: #fff; color: #fff;}
.btn.yellow{background: #FFE001; border:0; box-shadow:0 10px 10px rgba(0,0,0,0.1);}
.btn.yellow:hover{background: #58C0F2;border-color: #58C0F2;color: #fff;}
.btn.blue{color: #fff; border:0; box-shadow:0 10px 10px rgba(0,0,0,0.1); background: rgb(0,122,241);background: -moz-linear-gradient(top, rgba(0,122,241,1) 0%, rgba(41,59,136,1) 100%);background: -webkit-linear-gradient(top, rgba(0,122,241,1) 0%,rgba(41,59,136,1) 100%);background: linear-gradient(to bottom, rgba(0,122,241,1) 0%,rgba(41,59,136,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#007af1', endColorstr='#293b88',GradientType=0);}
.btn.blue:hover{color: #fff; border-color: transparent; background: rgb(41,59,136);background: -moz-linear-gradient(top,  rgba(41,59,136,1) 10%, rgba(0,122,241,1) 90%);background: -webkit-linear-gradient(top,  rgba(41,59,136,1) 10%,rgba(0,122,241,1) 90%);background: linear-gradient(to bottom,  rgba(41,59,136,1) 10%,rgba(0,122,241,1) 90%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#293b88', endColorstr='#007af1',GradientType=0 );}
.btn.red{color: #fff; border:0; box-shadow:0 10px 10px rgba(0,0,0,0.1);background: rgb(253,112,112);background: -moz-linear-gradient(top,  rgba(253,112,112,1) 0%, rgba(193,0,0,1) 100%);background: -webkit-linear-gradient(top, rgba(253,112,112,1) 0%,rgba(193,0,0,1) 100%);background: linear-gradient(to bottom, rgba(253,112,112,1) 0%,rgba(193,0,0,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fd7070', endColorstr='#c10000',GradientType=0);}
.btn.red:hover{color: #fff; border-color: transparent; background: rgb(193,0,0);background: -moz-linear-gradient(top,  rgba(193,0,0,1) 0%, rgba(253,112,112,1) 100%);background: -webkit-linear-gradient(top, rgba(193,0,0,1) 0%,rgba(253,112,112,1) 100%);background: linear-gradient(to bottom, rgba(193,0,0,1) 0%,rgba(253,112,112,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c10000', endColorstr='#fd7070',GradientType=0);}
.btn.gray{border: 0; color: #363636; background: rgb(255,255,255); background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(194,194,194,1) 100%); background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(194,194,194,1) 100%); background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(194,194,194,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#c2c2c2',GradientType=0);}
.btn.gray:hover{color: #363636; background: rgb(194,194,194); background: -moz-linear-gradient(top, rgba(194,194,194,1) 0%, rgba(255,255,255,1) 100%); background: -webkit-linear-gradient(top, rgba(194,194,194,1) 0%,rgba(255,255,255,1) 100%); background: linear-gradient(to bottom, rgba(194,194,194,1) 0%,rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c2c2c2', endColorstr='#ffffff',GradientType=0);}
.button.small, .btn.small{padding: 10px 20px; min-width: 100px;font-size: 18px;line-height: 24px;}
/*.button.big, .btn.big{padding: 15px 30px; font-size: 24px;}*/
.button.bigmain, .btn.bigmain{padding: 15px 30px; font-size: 24px;}*/
.button.big, .btn.big{padding: 27px 48px; font-size: 46px;}
.btn-icon{display: inline-block; min-width: 30px; height: 30px; margin-right: 16px;}
.play_icon{background:url('../images/play.png') no-repeat center; background-size: 100% auto;}

.main-wrapper{overflow:hidden; background: #F8F5FC; max-width: 1920px;}
.container{margin:0 auto; width:100%; max-width:1470px; 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-120{padding:120px 0;}
.ptb-100{padding:100px 0;}
.ptb-90{padding:90px 0;}
.ptb-80{padding:80px 0;}
.ptb-60{padding:60px 0;}
.ptb-50{padding:50px 0;}
.ptb-40{padding:40px 0;}
.ptb-40 p {font-size:24px;}
.ptb-30{padding:30px 0;}
.ptb-20{padding:20px 0;}
.bg1{background: #0F4C75;}
.bg2{background: #e9f1f3;}
.bg3{background: #B992F2;}
.bg4{background: #FFE001;}
.bg5{background: #FB7C13;}
.bg6{background:rgb(41,59,136); background:-moz-linear-gradient(top, rgba(41,59,136,1) 0%, rgba(0,122,241,1) 100%); background:-webkit-linear-gradient(top, rgba(41,59,136,1) 0%,rgba(0,122,241,1) 100%); background:linear-gradient(to bottom, rgba(41,59,136,1) 0%,rgba(0,122,241,1) 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#293b88', endColorstr='#007af1',GradientType=0);}
.bg7{background: #98DA00;}
.bg8{background: #c4e2f5;}
.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 Section*/
.header{position:fixed; left:0; right:0; top:0; z-index:10; padding:0; margin: 0 auto; max-width: 1920px; -moz-transition:all 0.4s ease 0s; -webkit-transition:all 0.4s ease 0s; transition:all 0.4s ease 0s;}
.header-inner{height:130px;}
.site-logo{position:relative; flex-basis:178px;min-width:178px;max-width:178px; margin: 0;}
.site-logo a{display:flex;display:-webkit-flex; position: relative; margin-top: auto;}
.site-logo img{display: block; margin:0; -moz-transition:all 0.4s ease 0s; -webkit-transition:all 0.4s ease 0s; transition:all 0.4s ease 0s;}
.head-btnbox .btn + .btn{margin-left: 20px;}

/*Nav Css*/
.nav-main{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:34px;}
.nav-main nav ul > li > a{display:block; color:#2E2E2E; font-size:24px; line-height: 28px; font-weight:400; font-family:'Boogaloo Regular', Arial; text-transform:none; letter-spacing:0; padding:5px 0; position:relative; z-index:2;}
.nav-main nav ul > li > a:before{display: block; opacity:0; content: ""; background: #2E2E2E; width: 0; height: 1px; position: absolute; left: 0; right: 0; bottom: 0; margin: 0 auto; -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 > a:before,
.nav-main nav ul > li.active > a:before,
.nav-main nav ul > li > a:hover:before,
.nav-main nav ul > li > a:focus:before{width: 100%; opacity: 1;}
.nav-main nav ul > li.active > a,
.nav-main nav ul > li:hover > a,
.nav-main nav ul > li > a:hover{color:#2E2E2E;}
.nav-main nav ul > li.menu-item-has-children > a{padding-right:16px;}
.nav-main nav ul > li.menu-item-has-children > a:after{display:block; content:""; width:0; height:0; position: absolute; right:0; top: 18px; -moz-transition:all 0.4s ease 0s;-webkit-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s; border-style: solid;border-width: 6px 5px 0 5px;border-color: #2e2e2e transparent transparent transparent;border-top-right-radius: 2px;border-top-left-radius: 2px;}
.nav-main nav ul > li.menu-item-has-children:hover > a:after{transform:rotate(-180deg);}
.nav-main .sub-menu{display:block; position:absolute; left:0; top:100%; z-index:1; background:#fff; min-width:220px; padding:20px 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; border-radius: 10px;}
.nav-main nav ul > li:hover > .sub-menu{display: block;opacity: 1;transform: scaleY(1);}
.nav-main .sub-menu li{display:block; text-align:left; position:relative; margin: 0;padding: 0;}
.nav-main .sub-menu li a:before{display:none;}
.nav-main .sub-menu li a{display:block; text-transform:none; color:#2E2E2E; font-size:20px; line-height:28px; 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.active a{color:#FB7C13;}
.nav-main .sub-menu .sub-menu{left:100%; top:0;}
.nav-main .sub-menu li:hover .sub-menu{display:block;}
/*Sticy header*/
.header-fixed .header{background: #fff; box-shadow:0 0 10px rgba(0,0,0,0.1);}
.header-fixed .header-inner{height: 100px;}

/*Home Banner Section*/
.home-banner-section{
    padding: 160px 0 0; background:url('../images/banner-bg.png') no-repeat center bottom; background-size: cover; height: 984px; overflow: hidden;
}
.cap-left{
    padding: 40px 0 0;
}
.cap-sub-title{
    display: block; font-size: 48px; line-height: 58px; color: #FB7C13; margin: 0 0 10px;
}
.cap-left .h2{
    font-size: 100px; line-height: 90px; color: #293B88; position: relative; margin: 0 0 0 10px;
}
.cap-left .h2:before{
    content: attr(data-text);
    position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; color: #fff;
    background: #293B88;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke: 14px #fff;
    text-shadow: 0px 25px 27px rgba(0, 0, 0, 0.26);
}
.cap-left .h2:after{
    content: attr(data-text); position: absolute; left: 0; top: 0; z-index: 1;
}
.cap-left p{
    font-size: 42px; line-height: 50px; color: #293B88;
}
.cap-left .textarea{
    margin: 50px 0 0; padding: 20px 0 0; position: relative;
}
.cap-left .textarea:before{
    display: block; content: ""; height: 4px; width: 100%; max-width: 274px; border-top: 4px dashed rgba(41, 59, 136, 1); position: absolute; left: 0; top: 0;
}
.cap-left .btn + .link{
    margin-left: 40px;
}
.cap-right{
    position: relative; width: 490px;
}
.back_imgbox{
    position: absolute; left: -180px; bottom: -210px; width: 880px;
}
.back_imgbox img,
.front_imgbox img{display: block; margin: 0 auto;}
.front_imgbox{
    position: absolute; left: 150px; bottom: -270px; width: 340px;
}

/*Footer Start*/
.footer{
    padding:40px 0 0; margin:0; position:relative; overflow:hidden;
}
.footer-bg{
    position: absolute; left: -5%; right: -5%; top: 0; bottom: 0; border-top-left-radius: 40%; border-top-right-radius: 40%;
    background: rgb(255,240,123);
    background: -moz-linear-gradient(left, rgba(255,240,123,1) 0%, rgba(255,226,12,1) 100%);
    background: -webkit-linear-gradient(left, rgba(255,240,123,1) 0%,rgba(255,226,12,1) 100%);
    background: linear-gradient(to right, rgba(255,240,123,1) 0%,rgba(255,226,12,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff07b', endColorstr='#ffe20c',GradientType=1);
}
.footer-inner{
    padding: 40px 0;
}
.footer-logo {
    padding: 20px 0 0;
}
.footer-logo img{
    max-width: 140px;
}
.footer h4{
    /*font-size: 34px; line-height: 34px;*/ color: #2E2E2E; margin: 0 0 20px;
}
.f-links ul{
    margin: 0; padding: 0;
}
.f-links ul li{
    display: block; margin: 0; padding: 0; list-style: none; font-size: 20px; line-height: 24px; color: #163F70;
}
.f-links ul li + li{
    margin-top: 8px;
}
.f-links ul li a{
    color: #163F70;
}
.f-links ul li a:hover{
    color: #FB7C13;
}
.s-icon{
    display: inline-block; font-size: 40px; line-height: 32px; color: #163F70;
}
/*.s-icon .la-facebook-f{font-size: 34px;}*/
.s-icon + .s-icon{margin-left: 10px;}
.s-icon:hover{color: #FB7C13;}
.f-logos{
    flex-wrap: wrap; justify-content: center;
}
.f-logos .items{
    max-width: 115px; padding: 9px;
}
.copyright-text p{
    font-size: 16px; line-height: 22px; color: #2E2E2E; font-weight: 400; font-family: 'Open Sans', sans-serif; margin: 0;
}
.copyright-text p a:hover{
    color: #FB7C13; text-decoration: underline;
}
/*Footer End*/

/*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;}
.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; z-index: 1;}
.block-title{position:relative; margin: 0 0 40px; }
.lib-detail {background: #263f8e; padding: 14px 6px;  border-radius: 27px;}
/*.link{display:inline-block; font-size: 20px; line-height: 28px; color: rgba(41, 59, 136, 1); text-decoration: underline; position: relative;}*/
/*.link{display:inline-block; font-size: 26px; line-height: 28px; color: rgba(41, 59, 136, 1); text-decoration: underline; position: relative;}*/
.link{display:inline-block; font-size: 35px; line-height: 28px; color: rgba(41, 59, 136, 1); text-decoration: underline; position: relative;}
.link:hover{color: #FB7C13; text-decoration: underline;}
.arrow-l{display: inline-block; min-width: 20px; height: 20px; background:url('../images/arrow-l.svg') no-repeat center; background-size: 100% auto; margin-right: 7px;}
.text-white .arrow-l{background:url('../images/arrow-lw.svg') no-repeat center; background-size: 100% auto;}
.card-link{display: block;position: absolute;left: 0;right: 0;top: 0;bottom: 0;z-index: 2;}

/*Research Section*/
.research-inner{
    padding:120px 60px 30px; margin: 10px 0 0 110px; position: relative; background: rgba(88, 192, 242, 1); border-radius: 40px; min-height: 370px;
}
.research-inner:before{
    display: block; content: ""; border: 4px dashed rgba(41, 59, 136, 1); position: absolute; left: -10px; right: 10px; top: 15px; bottom: -5px; border-radius: 40px;
}
.rsch-tl{
    display: inline-block; padding: 20px 20px 0; width: 465px; height: 174px; background: url('../images/tl-bg.png') no-repeat 0 0; background-size: 100% auto; text-align: center; position: absolute; left: -110px; top: -44px; z-index: 2;
}
.rsch-tl .h2{
    font-size: 62px; line-height: 80px; color: rgba(41, 59, 136, 1);
}
.dot-list li{
    margin: 0; padding: 0 0 0 30px; font-size: 34px; line-height: 40px; color: #fff; position: relative;
}
.dot-list li + li{
    margin-top: 15px;
}
.dot-list li:before{
    display: block; content: "•"; position: absolute; left: 0; top: 0;
}
.dot-list li small {
    display: inline-block;
    margin-left: 20px;
}

/*result-section*/
.result-imgbox {
    max-width: 290px; margin: 0 auto;
}
.result-title{
    padding: 110px 100px 90px; margin: 5px 0 0; position: relative;
}
.result-title:before{
    display: block; content: ""; width: 270px; height: 115px; background:url('../images/line_1.png') no-repeat 0 0; position: absolute; left: 0; right: 0; top: 0; margin: 0 auto;
}
.result-title:after{
    display: block; content: ""; width: 92px; height: 78px; background:url('../images/line_2.png') no-repeat 0 0; position: absolute; left: 0; right: 0; bottom: 0; margin: 0 auto;
}
.result-title h4{
    font-size: 52px; line-height: 62px; color: rgba(0, 0, 0, 1);
}
.highlighted{
    padding: 5px 18px; display: inline-block; background: rgba(251, 124, 19, 1); font-weight: 400; color: #fff; border-radius: 20px;
}
.result-list{
    margin: 0 -34pxpx;
}
.result-list .items{
    padding: 20px 34px; position: relative;
}
.result-list .items:before{
    display: block; content: "+"; font-size: 62px; line-height: 70px; height: 70px; color: #000; font-weight: 400; font-family:'Boogaloo Regular'; position: absolute; left: -24px; top: 0; bottom: 0; margin: auto;
}
.result-list .items:nth-child(1):before{
    display: none;
}
.card-result{
    padding: 15px 60px; background: rgba(88, 192, 242, 1); border-radius: 40px; position: relative; text-align: center;
}
.card-result:before{
    display: block; content: ""; border: 4px dashed #000; position: absolute; left: 2px; right: -2px; top: 5px; bottom: -4px; border-radius: 40px;
}
.result-list .items:nth-child(2) .card-result:before{
    left: -2px; right: 2px; top: -4px; bottom: 5px;
}
.card-result h4{
    font-size: 40px; line-height: 45px; color: #fff; position: relative; z-index: 1;
}
.boy_icon{
    display: block; width: 128px; height: 162px; background:url('../images/boy_icon.png') no-repeat 0 0; position: absolute; left: 0; top: -110px;
}
.girl_icon{
    display: block; width: 142px; height: 158px; background:url('../images/girl_icon.png') no-repeat 0 0; position: absolute; right: 0; top: -104px;
}

/*Solution Section*/
.bdr-box{
    padding:40px; position: relative; background: #58C0F2; border-radius: 30px;
}
.bdr-box:before{
    display: block; content: ""; border: 3px dashed #293B88; position: absolute; left: -3px; right: -3px; top: -3px; bottom: -3px; border-radius: 33px; -moz-transition:all 0.4s ease 0s;-webkit-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s;
}
.bdr-box-inner{
    position: relative; z-index: 2;
}
.solution-box{
    padding: 70px 120px 130px; position: relative; background: #B992F2;
}
.solution-box:after{
    display: block; content: ""; background:url('../images/circle-bg.png') no-repeat center; background-size: cover; position: absolute; left: 0; right: 0; top: 0; bottom: 0;
}
.solution-box h4{
    font-size: 50px; line-height: 55px; color: #fff;
}
.solution-title{
    padding: 20px; margin: -70px 100px 40px; position: relative; background: #FFE001; border-radius: 100px; justify-content: center; box-shadow: 0 20px 30px #00000029;
}
.solution-title .h2{
    font-size: 80px; line-height: 96px; color: #58C0F2; position: relative; text-shadow: 2px 2px 1px #fff; padding-right: 3px;
}
.solution-title .h2:after{
    content: attr(data-text); color: #293B88; text-shadow: 2px 2px 1px #fff; position: absolute; left: 2px; top: -4px; z-index: 1;
}
.thumb_tl{
    display: block; width: 56px; height: 72px; background:url('../images/thumb.png') no-repeat; margin-right: 20px;
}
.solu-content-block h4{
    font-size: 40px; line-height: 50px; color: #000;
}

/*Activities Section*/
.activities-section{
    position: relative;
}
.act-list .items{
    margin: 0 0 50px;
}
.card-act{
    position: relative; text-align: center;
}
.card-act .imgbox{
    display: block; padding: 0; margin: 0 0 25px; -moz-transition:all 0.4s ease 0s;-webkit-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s;
}
.card-act .imgbox img{
    display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; border-radius: 40px;
}
.card-act:hover .imgbox{
    box-shadow: 0 5px 20px rgba(0,0,0,0.5);
}
.card-act h4{
    font-size: 40px; line-height: 42px; color: #293B88; margin: 0 0 10px;
}
.card-act p{
    font-size: 30px; line-height: 35px; color: #0A0A0A;
}
.act-list .items:nth-child(1n) h4{
    color: #FB7C13;
}
.act-list .items:nth-child(2n) h4{
    color: #F292E7;
}
.act-list .items:nth-child(3n) h4{
    color: #98DA00;
}
.act-list .items:nth-child(4n) h4{
    color: #58C0F2;
}
.act-list .items:nth-child(5n) h4{
    color: #B992F2;
}
.act-list .items:nth-child(6n) h4{
    color: #F292E7;
}
.bottom-btnbox{
    justify-content: center; flex-wrap: wrap;
}
.bottom-btnbox .btn{
    margin: 10px;
}
.bottom-btnbox .grn{
    color: #2E2E2E;
}
.bottom-btnbox .secondary{
    background: #B992F2; border-color: #B992F2;
}

/*Why Choose Section*/
.why-inner{
    position: relative; padding-left: 130px;
}
.why-list-info{
    padding: 0 0 0 180px; position: relative; z-index: 1; width: 100%; height: 810px; background:url('../images/why-list-bg.png') no-repeat 0 4px; font-size: 40px; line-height: 90px; color: #fff; font-family:'Boogaloo Regular'; font-weight: 400;
}
.v_tl{
    padding: 15px 46px 30px; background: #FFF001; transform: rotate(-90deg); position: absolute; left: -338px; top: 328px;
}
.v_tl .h2 {
    font-size: 95px;line-height: 112px; color: #000;
}

/*Benefits Section*/
.benefit-inner{
    padding: 260px 90px 80px; position: relative; background:url('../images/circle_big.png') no-repeat center; background-size: 100% auto; width: 100%; height: 1304px;
}
.benefit-inner .resp-tabs-container,
.benefit-inner .resp-tab-content,
.benefit-inner .benefit-list{
    height: 100%;
}
.center-block{
    padding: 260px 120px 0; display: block; width: 584px; height: 742px; background:url('../images/compass.png') no-repeat center; background-size: 100% auto; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; z-index: 2;
}
.center-block .h2{
    color: #FFF001;
}
.benefit-tab-list{
    justify-content: center; text-align: center;
}
.benefit-tab-list li{
    padding: 16px 30px; font-size: 40px; line-height: 40px; color: rgba(255,255,255,0.7); background: none; font-weight: 400; border-radius: 30px; cursor: pointer; -moz-transition:all 0.4s ease 0s;-webkit-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s;
}
.benefit-tab-list li:hover{
    color: #fff;
}
.benefit-tab-list li:before{
    border-color: #293B88; border-radius: 30px; left: -3px; top: -3px; bottom: -3px; right: -3px; opacity: 0;
}
.benefit-tab-list li.resp-tab-active:before{
    opacity: 1;
}
.benefit-tab-list li.resp-tab-active{
    background: #8240E3; color: #fff;
}
.benefit-list h5{
    font-size: 40px; line-height: 44px; color: #fff;
}
.benefit-list *{
    color: #fff;
}
.benefit-list{
    position: relative; flex-wrap: wrap; text-align: center;
}
.benefit-list .items{
    min-width: 420px; max-width: 420px; padding: 20px 3px; position: relative; z-index: 2; height: 180px; display: flex; align-items: center; justify-content: center;
}
.benefit-list .items:first-child{
    position: absolute; left: 0; right: 0; bottom: 98%; margin: auto;
}
.benefit-list .items:last-child{
    position: absolute; left: 0; right: 0; top: auto; bottom: 0; margin: auto; padding-left: 20px; padding-right: 20px;
}
.benefit-list .items:nth-child(2),
.benefit-list .items:nth-child(3){
    top: 40px;
}
.benefit-list .items:nth-child(2n+1){
    margin-left: auto;
}
.benefit-list .items:nth-child(4){
    left: -80px; top: -20px;
}
.benefit-list .items:nth-child(5){
    right: -80px; top: -20px;
}
.benefit-list .items:nth-child(6),
.benefit-list .items:nth-child(7){
    bottom: -60px; top: -80px;
}

/*Steps Section*/
.bdr-only{
    padding: 15px 40px; display: inline-block; border: 5px solid #293B88; border-radius: 30px; background: #fff;
}
.bdr-only span{
    color: #FB7C13;
}
.steps-list{
    flex-wrap: wrap; background:url('../images/steps-line.svg') no-repeat right center;
}
.steps-list .items{
    position: relative; margin:0 0 70px 130px;
}
.steps-list .items:first-child{
    margin-left: 0;
}
.stp-tl{
    font-size: 40px; line-height: 60px; color: #000; font-weight: 400;
}
.card-step p{
    font-size: 36px; line-height: 36px; color: #fff; font-weight: 400; position: relative;
}
.card-step .bdr-box{
    padding: 20px 30px; position: relative; text-align: center; width: 330px; height: 190px; background: #FB7C13; border-radius: 30px; flex-direction: column; justify-content: center; align-items: center;
}
.card-step .bdr-box:before{
    border-radius: 30px; border-color: #000; border-width: 3px; left: -5px; top: -5px; right: 5px; bottom: 5px;
}
.steps-list .items:nth-child(2) .bdr-box:before{
    left: 3px; top: 3px; right: -5px; bottom: -5px;
}
.steps-list .items:nth-child(4) .bdr-box:before{
    left: -3px; top: 3px; right: -3px; bottom: -5px;
}
.steps-list .items:nth-child(6) .bdr-box:before{
    left: 5px; top: -3px; right: -5px; bottom: -3px;
}
.steps-list .items:nth-child(2) .bdr-box{background: #FFF001;}
.steps-list .items:nth-child(2) .bdr-box p{color: #000;}
.steps-list .items:nth-child(3) .bdr-box{background: #98DA00;}
.steps-list .items:nth-child(4) .bdr-box{background: #58C0F2;}
.steps-list .items:nth-child(5) .bdr-box{background: #B992F2;}
.steps-list .items:nth-child(6) .bdr-box{background: #F292E7;}
.steps-list .items:nth-child(7) .bdr-box{background: #FFF001;}
.steps-list .items:nth-child(8) .bdr-box{background: #98DA00;}
.steps-list .items:nth-child(9) .bdr-box{background: #58C0F2;}
.steps-list .items:nth-child(10) .bdr-box{background: #B992F2;}



/*register-block*/
.register-inner{
    padding: 40px 180px; margin: 0 auto; flex-direction: column; justify-content: center; align-items: center; width: 100%; height: 653px; background:url('../images/register-bg.png') no-repeat 0 0; background-size: 100% auto;
}
.register-inner .block-title{
    margin: 0 0 20px;
}
.register-inner p{
    font-size: 36px; line-height: 44px; color: #000;
}
.register-inner .btn.grn{
    color: #000;
}

/*Testimonial Section*/
.testimonial-block{
    overflow: hidden;
}
.testimonial-block .block-title .h2{
    font-size: 52px; line-height: 62px; color: #fff;
}
.testimonial-block .block-title .h2 span{
    color: #FFE001;
}
.testimonial-inner{
    position: relative; padding: 60px 60px 0;
}
.testimonial-inner .block-title{
    margin-top: -20px;
}
.testimonial-inner .bdr-box{
    background: #B992F2; padding: 0; position: absolute; left: 0; right: 0; top: 0; bottom: 150px;
}
.testimonial-inner .bdr-box:before{
    border-width: 5px; left: 7px; top: 7px; bottom: -15px; right: -5px;
}
.card-video {
    position: relative; text-align: center;
}
.v_imgbox {
    display: block;width: 100%;margin: 0 0 20px; position: relative; border-radius: 30px; overflow: hidden;
}
.v_imgbox:before{
    display: block; content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 120px; border-radius: 0px 0px 30px 30px; opacity: 0.5; background: -moz-linear-gradient(top,  rgba(173,171,176,0) 0%, rgba(0,0,0,1) 100%);background: -webkit-linear-gradient(top,  rgba(173,171,176,0) 0%,rgba(0,0,0,1) 100%);background: linear-gradient(to bottom,  rgba(173,171,176,0) 0%,rgba(0,0,0,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00adabb0', endColorstr='#000000',GradientType=0 ); -moz-transition:all 0.4s ease 0s;-webkit-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s;
}
.v_imgbox:hover:before{
    height: 100%;
}
.v_imgbox img {
    display: block;width: 100%;height: auto;border-radius: 30px;
}
.v_link{
    position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 1;
}
.v_link_text{
    font-size: 30px; line-height: 35px; color: #fff; align-items: center; position: absolute; left: 20px; bottom: 20px;
}
.card-video h4{
    font-size: 32px; line-height: 34px; color: #FB7C13; font-weight: 400; margin: 0;
}
.card-video p{
    font-size: 24px; line-height: 28px; color: #163F70;
}
.m_close{
    display: block; border: 0; padding: 0; width: 40px; height: 40px; background:url('../images/close.svg') no-repeat !important; background-size: cover !important; opacity: 1 !important; box-shadow: 0 0 10px rgba(0,0,0,0.2); text-align: center; font-size: 0; line-height: 40px; color: #FB7C13; cursor: pointer; position: absolute; right: -40px; top: -30px; z-index: 2; border-radius: 50%; -moz-transition:all 0.4s ease 0s;-webkit-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s;
}
.m_close:hover{
    transform: rotate(-90deg);
}
.video-box {
    position: relative;
    padding: 0 0 56.66%;
}
.video-box iframe{
    display: block; width: 100%; height: 100%; object-fit: cover; position: absolute;
}
.testimonial-slider .slick-arrow{
    margin-top: -80px;
}
.testimonial-slider .slick-prev.slick-arrow{left: -66px;}
.testimonial-slider .slick-arrow.slick-next{right: -80px;}

/*header-blank*/
.header-blank{
    width: 100%; height: 140px; background:url('../images/header-bg.svg') no-repeat center bottom; background-size: cover;
}
.header-fixed .header-blank{
    height: 100px;
}
.bg_style_1{
    background:url('../images/bg1.svg') repeat center top;
}
.bg_style_2{
    background:rgba(41,169,225,0.25) url('../images/bg3.png') repeat-y center 140px; background-size: 100% auto;
}
.bg_style_3{
    background:#F8F5FC url('../images/bg3_gap.png') repeat-y center 0; background-size: 100% auto;
}
.bg_style_4{
    background:rgba(41,169,225,0.25) url('../images/bg4.png') repeat-y center 0; background-size: 100% auto;
}
.bg_style_5{
    background:#F8F5FC url('../images/bg5.svg') repeat center 0; background-size: 100% auto;
}
.bg_style_6{
    background:#c4e2f5 url('../images/bg6.png') repeat center 0; background-size: 100% auto;
}
.bg_style_7{
    background:#cde6f7 url('../images/bg7.png') repeat center 0; background-size: 100% auto;
}
.top_380.bg_style_7{
    background-position: center 380px;
}
.register-box{
    padding: 45px 40px; background: #B992F2; position: relative;
}
.register-box:after{
    display: block; content: ""; background:url('../images/circle-bg.png') no-repeat center; background-size: cover; position: absolute; left: 0; right: 0; top: 0; bottom: 0;
}
.register-box .h1{
    color: #FFE001;
}
.register-box .bottom-btnbox .btn{
    min-width: 240px; margin: 10px 15px;
}
/*register-block-1*/
.register-block-1{
    padding: 80px 230px; width: 100%; min-height: 1054px; background:url('../images/regis_bg1.svg') no-repeat center top; background-size: cover; position: relative; z-index: 2;
}
.register-block-big{
    min-height: 1445px; background:url('../images/regis_bg2.svg') no-repeat center top; background-size: cover;
}
.register-block-1 .back-link{
    position: absolute; left: -40px; top: 20px;
}
.back-link:hover{
    text-decoration: underline; color: rgba(41, 59, 136, 1);
}
.tl-style-1{
    display: inline-block; color: #58C0F2; position: relative; text-shadow: 2px 2px 1px #fff; padding-right: 3px;
}
.tl-style-1:after{
    content: attr(data-text); color: #293B88; text-shadow: 2px 2px 1px #fff; position: absolute; left: 2px; top: -4px; z-index: 1;
}
.tl-style-2{
    display: inline-block; position: relative; text-shadow: 2px 2px 1px #fff;
}
.tl-style-2:before{
    content: attr(data-text); position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; color: #fff; background: #293B88; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-text-stroke: 8px #fff; text-shadow: 0px 10px 20px #00000050;
}
.tl-style-2:after{
    content: attr(data-text); position: absolute; left: 0; top: 0; z-index: 1;
}
.form-inner{
    margin: 0 -30px; flex-wrap: wrap;
}
.input-field{
    padding: 0 30px; margin: 0 0 24px; flex-basis:50%;min-width:50%;max-width:50%;
}
.input-field.full-width{
    flex-basis:100%;min-width:100%;max-width:100%;
}
.input-field .label{
    display: inline-block; font-size: 24px; line-height: 28px; color: #293B88; margin: 0 0 10px;
}
.input-field input,
.input-field textarea,
.input-field .selectbox select{
    width: 100%; height: 60px; border: 2px solid #293B88; background: transparent; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; font-size: 22px; line-height: normal; color: #2E2E2E;
}
.input-field .selectbox{
    background: none; border: 0;
}
.input-field .selectbox:after{
    width: 50px; height: 58px; font-size: 32px;
}
.input-field textarea{
    height: 100px;
}
.btnbox .btn{
    min-width: 160px;
}
.input-field ::-webkit-input-placeholder{color:#2E2E2E; opacity:1;}
.input-field :-moz-placeholder{color:#2E2E2E; opacity:1;} /* Firefox 18- */
.input-field ::-moz-placeholder{color:#2E2E2E; opacity:1;} /* Firefox 19+ */
.input-field :-ms-input-placeholder{color:#2E2E2E; opacity:1;}

/*OTP Block*/
.box-style-y{
    background: #FFF001; position: relative;
}
.box-style-y:after{
    display: block; content: ""; background:url('../images/circle-bg.png') repeat-y center; position: absolute; left: 0; right: 0; top: 0; bottom: 0;
}
.otp-input-block{
    justify-content: center; margin: 20px 0 0;
}
.otp-input-block input{
    width: 70px; height: 70px; background: #B992F2; border: 0; font-size: 44px; color: #293B88; text-align: center; margin: 0 20px;
}
/*More Details*/
.input-field.date input{
    text-transform: uppercase;
}
.input-field .require{
    font-style: normal; color: #FF0000;
}
.option-main{
    position: relative; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;
}
.option-main:before{
    display: block; content: ""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; border: 2px solid #293B88; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;
}
.radio-option{
    display: inline-block; width: 50%; position: relative; z-index: 2;
}
.radio-option input{
    position: absolute; opacity: 0; cursor: pointer;
}
.radio-option .checkmark{
    display: flex; align-items: center; justify-content: center; width: 100%; height: 70px; text-align: center; font-size: 30px; line-height: 32px; color: #2E2E2E; cursor: pointer; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;
}
.radio-option input:checked ~ .checkmark{
    color: #fff; background: rgb(0,122,241);background: -moz-linear-gradient(top, rgba(0,122,241,1) 0%, rgba(41,59,136,1) 100%);background: -webkit-linear-gradient(top, rgba(0,122,241,1) 0%,rgba(41,59,136,1) 100%);background: linear-gradient(to bottom, rgba(0,122,241,1) 0%,rgba(41,59,136,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#007af1', endColorstr='#293b88',GradientType=0);
}
/*screen_4*/
.back-linkbox{
    position: absolute; top: 20px;
}
.card-plan{
    padding: 40px 20px; flex-direction: column; align-items: center; text-align: center; width: 100%; max-width: 400px; border-radius: 30px; position: relative;
    background: transparent linear-gradient(180deg, #007AF1 0%, #293B88 100%) 0% 0% no-repeat;
}
.card-plan:before{
    display: block; content: ""; background:url('../images/plan-circle.svg') repeat-y center; position: absolute; left: 0; right: 0; top: 0; bottom: 0;
}
.card-plan-inn {
    min-width: 100%; max-width: 100%; overflow: hidden; padding: 0 20px;
}
.card-plan .h2{
    font-size: 32px; line-height: 32px;
}
.card-plan .price{
    display: block; font-size: 50px; line-height: 50px; color: #FFE001; margin: 0 0 10px;
}
.card-plan .price sub {
    display: inline-block;font-size: 50%;position: relative;bottom: 0;
}
.card-plan ul{
    margin: 0 0 20px; padding: 20px 0 0;
}
.card-plan ul li{
    margin: 0; padding: 0 0 0 24px; list-style: none; font-size: 20px; line-height: 22px; color: #fff; text-align: left; position: relative;
}
.card-plan ul li + li{
    margin-top: 15px;
}
.card-plan ul li:before{
    display: block; content: "";transform: rotate(45deg);height: 15px;width: 9px;border-bottom: 3px solid #FFE001;border-right: 3px solid #FFE001;position:absolute; left: 0; top: 0; color: #FFE001;
}
.card-plan > form {
    margin-top: auto;
}
/*Payment Block*/
.pay-table-box{
    max-width: 700px;
}
.total-table{
    width: 100%; background: none; border: 0;
}
.total-table td{
    padding: 8px 0; font-size: 40px; line-height: 48px; color: #293B88; background: none; border: 0;
}
.total-table tbody tr:last-child td{
    padding-bottom: 20px;
}
.total-table td.total{
    color: #000;
}
.total-table td:last-child{
    text-align: right;
}
.total-table tfoot td{
    border-top: 2px solid #293b88; padding: 20px 0 0;
}
.discount-inn{
    padding: 0; margin: 0;
}
.discount-inn input{
    padding-right: 250px;
}
.apply-btn{
    color: #FFE001; width: 235px; height: 60px; font-size: 24px; position: absolute; right: 0; top: 0; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;
}
.apply-btn.yellow{
    color: #293B88;
}
.card-option {
    flex-wrap: wrap; justify-content: center;
}
.card-option .radiobox{
    margin: 0 30px 20px;
}
.photo-upload{
    padding: 20px 50px; width: 400px; border: 5px dashed #000; border-radius: 30px; flex-direction: column; position: relative;
}
.photo-upload input{
    position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 2; opacity: 0;
}
.photo-upload .blah {
    display: block; width: 100%; height: auto; max-width: 206px; max-height: 290px; margin: 0 auto;
}
.btnbox-group{
    justify-content: center; flex-wrap: wrap;
}
.btnbox-group .btn{
    min-width: 240px; margin: 10px;
}
.avtar-block{
    min-height: 830px; background:url('../images/regis_bg3.svg') no-repeat center top; background-size: cover;
}

/*What are you upto Today?*/
.card-upto{
    position: relative;
}
.card-upto .imgbox{
    display: block; position: relative; width: 100%; height: 390px; overflow: hidden; border-radius: 30px;
}
.card-upto h3{
    padding-top: 0 !important;
}
.card-upto .imgbox img,
.card-upto .imgbox iframe,
.card-upto .imgbox video{
    display: block; width: 100%; height: 260px; object-fit: cover; object-position: center;
}
.v_only.card-upto .imgbox img,
.v_only.card-upto .imgbox iframe,
.v_only.card-upto .imgbox video{
    display: block; width: 100%; height: 100%;
    object-fit: cover; object-position: center;
}
.videobox{
    position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 2;
}
.hide_v .videobox{
    opacity: 0; z-index: -2;
}
.card-upto .textarea{
    padding: 20px 0; text-align: center;
}
.card-upto .h2{
    position: relative; color: #293B88;
}
/*.card-upto .v_link .v_link_text{
    font-size: 40px; line-height: 44px; color: #293B88; position: relative; left: 0; right: 0; top: 0; bottom: 0; justify-content: center;
}*/
.card-upto .v_link .v_link_text{
    font-size: 45px; line-height: 44px; color: #293B88; position: relative; left: 0; right: 0; top: 0; bottom: 0; justify-content: center;
}
.card-upto .textarea .h2{
    display: inline-block; margin: 0 0 10px;
}
/*.card-upto .play_icon{
    background:url('../images/play_blue.svg') no-repeat center; background-size: 100% auto; width: 45px; height: 45px; margin-left: 20px; position: absolute; left: 100%;
}*/
.card-upto .play_icon{
    background:url('../images/play_blue.svg') no-repeat center; background-size: 100% auto; width: 50px; height: 50px; margin-left: 20px; position: absolute; left: 100%;
}
.card-upto .v_link:hover .play_icon{
    transform: rotate(-112deg);
}
.card-upto .tl-style-2:before{
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke: 7px #FFE001;
    text-shadow: 0px 0 0 #00000050;
}
.upto-list .items {
    margin: 0 0 30px;
}

/*Info Content Block*/
.content-box{
    padding: 40px; position: relative; z-index: 2; -webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px; max-width: 1200px; margin: 0 auto;text-align:justify;
}
.content-style p,
.content-style li{
    font-size: 25px; line-height: 24px; color: #fff;
}
.content-style .scroll-content h3,
.content-style .scroll-content h4{
    color: rgba(41, 59, 136, 1);
}
.content-box.bg4 *{
    color: #293B88;
}
.content-box.bg4 ul li:before{
    background: #293B88;
}
.max-h-880{
    max-height: 880px;
}
.max-h-860{
    max-height: 860px;
}
.dotted-bdr:before{
    display: block; content: ""; border: 3px dashed #000000; position: absolute; left: -3px; right: -3px; top: -3px; bottom: -3px; -webkit-border-radius: 33px;-moz-border-radius: 33px;border-radius: 33px;
}

/*Login Page*/
.login-block-bg{
    padding: 80px 140px; width: 100%; min-height: 728px; background:url('../images/login-bg.svg') no-repeat center top; background-size: cover; position: relative; z-index: 2;
}
.mw_500{
    max-width: 460px;
}
.white-style .block-title .h2,
.white-style .input-field .label{
    color: #FFE001;
}
.white-style .input-field input,
.white-style .input-field textarea,
.white-style .input-field .selectbox select{
    border-color: #fff; color: #fff;
}
.white-style .input-field ::-webkit-input-placeholder{color:#fff; opacity:1;}
.white-style .input-field :-moz-placeholder{color:#fff; opacity:1;} /* Firefox 18- */
.white-style .input-field ::-moz-placeholder{color:#fff; opacity:1;} /* Firefox 19+ */
.white-style .input-field :-ms-input-placeholder{color:#fff; opacity:1;}
.fp-bg{
    min-height: 600px; background:url('../images/fp-bg.svg') no-repeat center top; background-size: cover;
}

/*Testimonials Page*/
.testi-block-items + .testi-block-items{
    margin-top: 60px;
}
.testi-block-items .bdr-box{
    background: rgb(41,59,136); background: -moz-linear-gradient(top, rgba(41,59,136,1) 0%, rgba(76,97,186,1) 100%); background: -webkit-linear-gradient(top, rgba(41,59,136,1) 0%,rgba(76,97,186,1) 100%); background: linear-gradient(to bottom, rgba(41,59,136,1) 0%,rgba(76,97,186,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#293b88', endColorstr='#4c61ba',GradientType=0);
}
.testi-block-items .bdr-box:before{
    display: none;
}
.testi-block-items .block-title .h2{
    color: #fff;
}
.testi-block-items .block-title .h2 span{
    color: #FFE001;
}
.video_popup .modal-content {
    background: none; border: 0;
}
.video_popup .modal-body {
    padding: 0; border-radius: 30px; overflow: hidden;
}
/*
.modal-open .main-wrapper{
    filter: blur(30px);
  -webkit-filter: blur(30px);
}
*/
/*Gallery Page*/
.gallery-middle{
    padding: 40px; border-radius: 30px; position: relative; margin-top: 60px;
}
.gall-list{
    margin: 0;
}
.gall-list .items{
    padding: 40px;
}
.card-gallery{
    position: relative; text-align: center;
}
.card-gallery h3{
    color: #fff;
}
.card-gallery .date-text{
    color: #FFE001;
}
.gall-imgbox{
    position: relative; max-width: 320px; margin: 0 auto 50px;
}
.gall-imgbox img{
    display: block; margin: 0 auto; border: 10px solid #fff; border-radius: 30px; position: relative; z-index: 2;
}
.gall-imgbox i{
    display: inline-block; position: absolute; top: 0; left: 0; right: 0; margin: 0 auto; z-index: 0;
}
.img_1{
    transform: rotate(-10deg);
}
.img_2{
    transform: rotate(10deg);
}
.gall-imgs-list .items{
    padding: 25px;
}
.zoom-in{
    cursor: pointer;
}
.zoom-icon{
    display: flex; align-items: center; justify-content: center; position: absolute; left: 10px; right: 10px; top: 10px; bottom: 10px; z-index: 3; margin: auto; text-align: center; font-size: 40px; color: #fff; background: rgba(41, 59, 136, 0.8); -moz-transition:all 0.4s ease 0s;-webkit-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s; border-radius: 20px; transform: scale(0); opacity: 0;
}
.zoom-in:hover .zoom-icon{
    opacity: 1; transform: scale(1);
}

/*FAQs Page*/
.faq-list .items + .items{
    margin-top: 40px;
}
.acc_trigger{
    font-size: 28px; line-height: 32px; color: #FFE001; position: relative; cursor: pointer; padding-right: 40px; margin: 0 0 20px;
}
.trigger-icon{
    display: flex; align-items: center; justify-content: center; width: 20px; height: 20px; position: absolute; right: 0; top: 5px;
}
.trigger-icon:before{
    display: block; content: ""; width: 100%; height: 2px; background: #fff;
}
.trigger-icon:after{
    display: block; content: ""; width: 2px; height: 100%; background: #fff; position: absolute; left: 0; right: 0; margin: auto;
}
.acc_trigger.active .trigger-icon:after{
    height: 0;
}
.content-style ul li:before {
    background: #fff;
}
.faq-tab-list{
    margin: 0; padding: 0; justify-content: center;
}
.faq-tab-list li{
    margin: 0 10px; padding: 14px 40px 12px; list-style: none; font-size: 24px; line-height: 24px; color: #fff; background: rgb(1,120,238); background: -moz-linear-gradient(top,  rgba(1,120,238,1) 0%, rgba(37,65,147,1) 100%); background: -webkit-linear-gradient(top,  rgba(1,120,238,1) 0%,rgba(37,65,147,1) 100%); background: linear-gradient(to bottom,  rgba(1,120,238,1) 0%,rgba(37,65,147,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0178ee', endColorstr='#254193',GradientType=0 ); border-top-left-radius: 30px; border-top-right-radius: 30px; cursor: pointer;
}
.faq-tab-list li.resp-tab-active{
    background: #ffe001; color: #000;
}
/*Contact Us page*/
.recaptcha-inline{
    display: inline-block;
}
.input-coll-3 .input-field{
    min-width: 33.33%; max-width: 33.33%; margin-bottom: 40px;
}
.input-coll-3 .input-field.full-width{
    min-width: 100%; max-width: 100%;
}
.contact-form .input-field input,
.contact-form .input-field textarea,
.contact-form .input-field .selectbox select{
    padding: 4px 0; border: 0; border-bottom: 2px solid #FFE001; background: none; border-radius: 0;
}
/*Library Page*/
.library-middle{
    max-width: 100%;
}
.library-list .items{
    padding: 30px;
}
.card-library{
    position: relative; background: #fff; flex-direction: column; height: 100%; border-radius: 30px; max-width: 350px; margin: 0 auto;
}
.card-library .imgbox {
    display: block; width: 100%; border-radius: 30px; overflow: hidden; height: 200px;
}
.card-library .imgbox img {
    display: block; width: 100%; height: 100%; object-fit: cover; object-position: center;
}
.card-library h3{
    color: #FB7C13;
}
.card-library p {
    font-size: 20px; line-height: 1.2; color: #000;
}
.card-library .textarea{
    padding: 30px;
}
.card-library .btnbox{
    padding: 30px;
}
.link-icon{
    position: relative; padding-right: 24px; color: #FB7C13;
}
.link-icon:after{
    display:block; content:""; width:0; height:0; position: absolute; right:0; top: 10px; -moz-transition:all 0.4s ease 0s;-webkit-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s; border-style: solid;border-width:7.5px 0 7.5px 10px;border-color: transparent transparent transparent #FB7C13; border-top-left-radius: 5px;border-bottom-left-radius: 5px;
}
.link-icon:hover{
    color: rgba(41, 59, 136, 1);
}
.link-icon:hover:after{
    border-color:transparent transparent transparent rgba(41, 59, 136, 1);
}
.card-library.bg-y{
    background: #ffe001;
}
.card-library.bg-g{
    background: #98da00;
}
.card-library.bg-g h3,
.card-library.bg-g .link-icon{
    color: #fff;
}
.card-library.bg-g .link-icon:after{
    border-color:transparent transparent transparent #fff;
}
.card-library.bg-g .link-icon:hover{
    color: rgba(41, 59, 136, 1);
}
.card-library.bg-g .link-icon:hover:after{
    border-color:transparent transparent transparent  rgba(41, 59, 136, 1);
}
.library-detail{
    padding: 40px;
}
/*School Register pages*/
.school-register-1{
    background:url('../images/sch_regis_bg1.svg') no-repeat center top; background-size: cover; min-height: 1038px;
}
.school-register-3{
    background:url('../images/sch_regis_bg3.svg') no-repeat center top; background-size: cover; min-height: 818px;
}
.school-register-5{
    background:url('../images/sch_regis_bg5.svg') no-repeat center top; background-size: cover; min-height: 1394px;
}
.school-avtar-block{
    min-height: 834px; background:url('../images/avtar-bg.svg') no-repeat center top; background-size: cover;
}
.blue-theme .input-field .label{
    color: #FFE001;
}
.blue-theme .input-field input,
.blue-theme .input-field textarea,
.blue-theme .input-field .selectbox select{
    border-color: #FFE001; color: #fff;
}
.blue-theme .input-field ::-webkit-input-placeholder{color:#fff; opacity:1;}
.blue-theme .input-field :-moz-placeholder{color:#fff; opacity:1;} /* Firefox 18- */
.blue-theme .input-field ::-moz-placeholder{color:#fff; opacity:1;} /* Firefox 19+ */
.blue-theme .input-field :-ms-input-placeholder{color:#fff; opacity:1;}
.input-field .selectbox select option{
    color: #000;
}
.blue-theme .total-table td{
    color: #fff;
}
.blue-theme .total-table td.total{
    color: #FFE001;
}
.blue-theme .total-table tfoot td{
    border-color: #FFE001;
}
.blue-theme .discount-inn input{
    color: #FFE001;
}
.blue-theme .discount-inn ::-webkit-input-placeholder{color:#FFE001;}
.blue-theme .discount-inn :-moz-placeholder{color:#FFE001;}
.blue-theme .discount-inn ::-moz-placeholder{color:#FFE001;}
.blue-theme .discount-inn :-ms-input-placeholder{color:#FFE001;}
.blue-theme .input-field .selectbox,
.blue-theme .card-option .radiobox{
    color: #fff;
}
.blue-theme .radiobox .checkmark{
    border-color: #FFE001;
}
.blue-theme .checkbox .checkmark,
.blue-theme .radiobox .checkmark:after{
    background: #FFE001;
}
.blue-theme .checkbox .checkmark:before{
    color: #293B88;
}
.blue-theme .option-main:before{
    border-color: #FFE001;
}
.blue-theme .radio-option .checkmark{
    color: #fff;
}
.blue-theme .radio-option input:checked ~ .checkmark{
    color: #293B88; background: #FFE001;
}

.blue-bg1{
    background: rgb(0,122,241); background: -moz-linear-gradient(top,  rgba(0,122,241,1) 0%, rgba(41,59,136,1) 100%); background: -webkit-linear-gradient(top,  rgba(0,122,241,1) 0%,rgba(41,59,136,1) 100%); background: linear-gradient(to bottom,  rgba(0,122,241,1) 0%,rgba(41,59,136,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007af1', endColorstr='#293b88',GradientType=0 );
}
.blue-bg2{
    background: rgb(41,59,136); background: -moz-linear-gradient(top,  rgba(41,59,136,1) 0%, rgba(0,122,241,1) 100%); background: -webkit-linear-gradient(top,  rgba(41,59,136,1) 0%,rgba(0,122,241,1) 100%); background: linear-gradient(to bottom,  rgba(41,59,136,1) 0%,rgba(0,122,241,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#293b88', endColorstr='#007af1',GradientType=0 );
}
.school-otp .otp-input-block input{
    background: #FFE001; border-color: #FFE001; color: #2E2E2E;
}
.school-plan {
    max-width: 100%; margin: 0 auto;
}
.school-plan .card-plan{
    max-width: 450px; background: #FB7C13;
}
.school-register-4.box-style-y:after{
    opacity: 0.2;
}
.school-register-4.bdr-box:before{
    border-color: #FB7C13;
}
.school-register-6 .block-title .h2{
    color: #FFF001;
}
.inn-space{
    padding: 0 20px;
}
.upload-input.input-field textarea{
    padding: 20px; height: 380px; border: 5px dashed #FFE001; border-radius: 30px;
}
.bdr-box.bg5{
    background: #FB7C13;
    margin-top: 30px;
}
.box-style-y input.highlighted{
    background: #293B88 !important; color: #FFE001 !important;
}
input.highlighted,
.blue-bg1 input.highlighted,
.blue-bg2 input.highlighted{
    background: #FFE001 !important; color: #293B88 !important;
}
.school-avtar-block .photo-upload{
    border-color: #FFE001;
}
.mw_1200{
    max-width: 1200px;
}
.zone-block{
    padding: 40px 100px; position: relative; min-height: 280px;
    background: rgb(41,59,136);
    background: -moz-linear-gradient(top,  rgba(41,59,136,1) 0%, rgba(76,97,186,1) 100%);
    background: -webkit-linear-gradient(top,  rgba(41,59,136,1) 0%,rgba(76,97,186,1) 100%);
    background: linear-gradient(to bottom,  rgba(41,59,136,1) 0%,rgba(76,97,186,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#293b88', endColorstr='#4c61ba',GradientType=0 );
    -webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px;
}
/*.zone-block .h2{
    font-size: 24px; line-height: 28px;
}*/
.zone-block .h2{
    font-size: 32px; line-height: 28px;
}
.zone-tab-list{
    margin: 0 -10px 30px; padding: 0; text-align: center; justify-content: space-between;
}
.zone-tab-list li{
    padding: 0; margin: 0 4px; width: 100%; list-style: none; font-size: 22px; line-height: 32px; color: #fff;
}
/*.tab-link{
    padding: 14px 15px; width: 180px; height: 100%; list-style: none; font-size: 22px; line-height: 32px; color: #fff; background: rgb(0,122,241); background: -moz-linear-gradient(top,  rgba(0,122,241,1) 0%, rgba(41,59,136,1) 100%); background: -webkit-linear-gradient(top,  rgba(0,122,241,1) 0%,rgba(41,59,136,1) 100%); background: linear-gradient(to bottom,  rgba(0,122,241,1) 0%,rgba(41,59,136,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007af1', endColorstr='#293b88',GradientType=0 ); -webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px; box-shadow: 0 10px 20px rgba(0,0,0,0.3); display: flex; align-items: center; justify-content: center;
}*/
.tab-link{
    padding: 14px 15px; width: 180px; height: 100%; list-style: none; font-size: 29px; line-height: 32px; color: #fff; background: rgb(0,122,241); background: -moz-linear-gradient(top,  rgba(0,122,241,1) 0%, rgba(41,59,136,1) 100%); background: -webkit-linear-gradient(top,  rgba(0,122,241,1) 0%,rgba(41,59,136,1) 100%); background: linear-gradient(to bottom,  rgba(0,122,241,1) 0%,rgba(41,59,136,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007af1', endColorstr='#293b88',GradientType=0 ); -webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px; box-shadow: 0 10px 20px rgba(0,0,0,0.3); display: flex; align-items: center; justify-content: center;
}
.tab-link:hover{color: #fff; text-decoration: none; box-shadow: 0 15px 30px rgba(0,0,0,0.5);}
.zone-tab-list li.active .tab-link,
.zone-tab-list li.resp-tab-active .tab-link{
    background: #FFE001; color: #000;
}
.icon-like,
.icon-dislike{
    display: inline-block; min-width: 34px; height: 44px; background: url('../images/like.png') no-repeat center 0; background-size: 100% auto; margin: -15px 15px -10px -20px !important;
}
.icon-dislike {
    transform: rotateX(180deg); margin: -10px 15px -15px -20px !important;
}
.icon-q{
    display: inline-block; min-width: 28px; height: 42px; background: url('../images/icon-q.png') no-repeat center 0; background-size: 100% auto; margin: -10px 15px -10px -10px !important;
}
.q-block{
    flex-direction: column;
}
.next-prev-block{
    margin-left: -80px; margin-right: -80px;
}
.nextprev-link img{
    display: block; margin: 0 auto;
}
.test-inn-block .testi-block-items:first-child .testimonial-inner{
    padding-top: 240px;
}
.testi-title.block-title{
    padding: 0 60px; margin: 110px 0 -190px; position: relative; z-index: 2;
}
.testi-title .h2{
    color: #FFE001;
}
.adjust-bottom{
    margin-bottom: -80px; position: relative; z-index: 2;
}
.audio-block audio {
    display: block; margin: 0 auto; width: 100%; max-width: 380px;-webkit-transform:scale(1.5); -moz-transform:scale(1.5); transform:scale(1.5); -webkit-transform-origin: center; -moz-transform-origin: center; transform-origin: center; -webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px;
}
/*Search Block*/
.search-small-box{
    display: block; position: relative;
}
.search-small-box input{
    padding: 3px 40px 4px 15px; display: block; width: 240px; height: 40px; background: #58C0F2; color: #fff; border: 0; border-radius: 30px; font-size: 16px; line-height: normal;
}
.search-btn-icon{
    display: block; background: none; border: 0; text-align: center; width: 40px; height: 40px; line-height: 40px; font-size: 24px; color: #fff; position: absolute; right: 0; top: 2px; cursor: pointer; z-index: 2;
}
.search-btn-icon i{
    -webkit-transform:scaleX(-1);
    -moz-transform:scaleX(-1);
    transform: scaleX(-1);
}
.search-small-box ::-webkit-input-placeholder{color:#fff; opacity:1;}
.search-small-box :-moz-placeholder{color:#fff; opacity:1;} /* Firefox 18- */
.search-small-box ::-moz-placeholder{color:#fff; opacity:1;} /* Firefox 19+ */
.search-small-box :-ms-input-placeholder{color:#fff; opacity:1;}
.y-clr .search-small-box input{
    background: #FFE001; color: #293B88;
}
.y-clr .search-btn-icon{
    color: #293B88;
}
.y-clr .search-small-box ::-webkit-input-placeholder{color:#293B88;}
.y-clr .search-small-box :-moz-placeholder{color:#293B88;}
.y-clr .search-small-box ::-moz-placeholder{color:#293B88;}
.y-clr .search-small-box :-ms-input-placeholder{color:#293B88;}

.bdr-box.bg3{
    background: #B992F2;
}
.alpha-list{
    flex-wrap: wrap; margin: 0; padding: 0;
}
.alpha-list li{
    min-width: 25%; max-width: 25%; margin: 0 0 20px; padding: 20px; list-style: none; font-size: 20px; line-height: 22px; color: #fff;
}
.alpha-list li span{
    display: block; padding: 4px 0;
}
.alpha-name{
    display: block; font-size: 50px; line-height: 50px; color: #FFE001; margin: 0 0 10px;
}
.alpha-list li a{
    display: block;
    color: #fff;
}
.alpha-list li a:hover{
    color: rgb(41,59,136);
}
.alpha-list li a + a {
    margin-top: 3px;
}
.mw_600{
    max-width: 600px;
}
.search_style2 .search-small-box input{
    width: 100%; background: #FFE001; color: #293B88;
}
.search_style2 ::-webkit-input-placeholder{color:#293B88; opacity:1;}
.search_style2 :-moz-placeholder{color:#293B88; opacity:1;} /* Firefox 18- */
.search_style2 ::-moz-placeholder{color:#293B88; opacity:1;} /* Firefox 19+ */
.search_style2 :-ms-input-placeholder{color:#293B88; opacity:1;}
.search_style2 .search-btn-icon{
    color: #293B88;
}
.checkbox.text-white .checkmark{
    background: #fff;
}
.compare-list{
    width: 100%; max-width: 580px; flex-wrap: wrap; padding: 40px 0 0;
}
.compare-list .items{
    min-width: 50%; max-width: 50%; position: relative; padding: 0 20px; margin: 0 0 15px;
}
/*compare Detail*/
.compare_bg{
    background: #c4e2f5;
}
.compare-cotnent-coll .items{
    padding: 0 30px; position: relative;
}
.compare-bg-shape{
    display: block; width: 689px; height: 689px; background:url('../images/compare-img.png') no-repeat center; background-size: 100% auto; position: absolute; left: -240px; top: 0; bottom: 0; margin: auto; mix-blend-mode: overlay;
}
.items:nth-child(2n) .compare-bg-shape{
    left: auto; right: -240px;
}
.compare-cotnent-coll .content-box{
    padding: 40px;
    /*height: calc(100% - 180px);*/
}
.comp_style_1 .h2{
    color: #FB7C13;
}
.comp_style_1 .scrollbar > .scroll-element .scroll-bar,
.comp_style_1 .scrollbar > .scroll-element.scroll-draggable .scroll-bar{
    background: #FB7C13;
}
.comp_style_2 .h2{
    color: #FFE001;
}
.comp_style_2 .scrollbar > .scroll-element .scroll-bar,
.comp_style_2 .scrollbar > .scroll-element.scroll-draggable .scroll-bar{
    background: #FFE001;
}

/*Game Zone*/
.game-zone-list{
    flex-wrap: wrap; justify-content: center;
}
.game-zone-list .items{
    margin: 0 0 50px; min-width: 20%; max-width: 20%;
}
.game-zone-list .items:nth-child(5n+1) .card-game{
    margin-left: 0;
}
.game-zone-list .items:nth-child(5n+5) .card-game{
    margin-right: 0;
}
.card-game{
    padding: 20px 40px; position: relative; width: 240px; height: 240px; margin: 0 auto; text-align: center; flex-direction: column; justify-content: center; align-items: center; cursor: pointer;
}
.card-game .h2{
    position: relative; z-index: 2; color: #fff; font-size: 28px; line-height: 32px; margin: 0;
}
.game-bg{
    width: 260px; height: 248px; -webkit-mask-image:url('../images/game-bg1.png'); mask-image: url('../images/game-bg1.png'); -webkit-mask-size: 100%; mask-size: 100%; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-origin: padding-box; mask-origin: padding-box; background:#58C0F2; position: absolute; left: -15px; right: 0; top: 15px; bottom: 0; margin: auto; z-index: 0;
}
.bg-clr{
    width: 230px; height: 210px; -webkit-mask-image:url('../images/game-bg2.png'); mask-image: url('../images/game-bg2.png'); -webkit-mask-size: 100%; mask-size: 100%; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-origin: padding-box; mask-origin: padding-box; background:#58C0F2; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; z-index: 1;
}
.items:nth-child(5n+1) .game-bg,
.items:nth-child(5n+1) .bg-clr{
    background: #FB7C13;
}
.items:nth-child(5n+2) .game-bg,
.items:nth-child(5n+2) .bg-clr{
    background: #FFE001;
}
.items:nth-child(5n+2) .card-game .h2{
    color: #000;
}
.items:nth-child(5n+3) .game-bg,
.items:nth-child(5n+3) .bg-clr{
    background: #98DA00;
}
.items:nth-child(5n+4) .game-bg,
.items:nth-child(5n+4) .bg-clr{
    background: #B992F2;
}
.items:nth-child(5n+5) .game-bg,
.items:nth-child(5n+5) .bg-clr{
    background: #58C0F2;
}
.game-select-block{
    padding:30px 20px; background: #293B88; position: absolute; left: 90%; top: 30px; border-radius: 20px; min-width: 240px; min-height: 180px; visibility: hidden; opacity: 0; z-index: -4;
}
.game-select-block:before{
    display: block; content: ""; width: 0; height: 0; border-style: solid; border-width: 12px 20px 12px 0; border-color: transparent #293B88 transparent transparent; position: absolute; right: 100%; top: 50px;
}
.card-game:hover .game-select-block{
    visibility: visible; opacity: 1; z-index: 4; left: 100%;
}
.items:nth-child(5n+5) .game-select-block{
    left: auto; right: 90%;
}
.items:nth-child(5n+5) .card-game:hover .game-select-block{
    right: 100%;
}
.items:nth-child(5n+5) .game-select-block:before{
    left: 100%; right: auto; transform: rotateY(180deg);
}
.select-list{
    margin: 0; padding: 0;
}
.select-list li{
    margin: 0; padding: 0; list-style: none;
}
.select-list li + li{
    margin-top: 20px;
}
.select-list .text{
    font-size: 22px; line-height: 28px; color: #fff; text-align: left;
}
.select-link:hover .text{
    color: #FFE001;
}
.select-icon{
    min-width: 30px; max-width: 30px; margin-right: 10px;
}
.select-icon img{
    display: block;
}
/*Arrange in Ascending Order*/
.sort-list-box .text{
    font-size: 30px; line-height: 28px; color: #fff; text-align: left;
}
.sort-list-box .number{
    display: inline-block; min-width: 40px; max-width: 40px; height: 40px; background: #FFE001; border-radius: 6px; font-size: 24px; line-height: 70px; color: #293B88; text-align: center;
}
.sortable-item + .sortable-item{
    margin-top: 30px;
}
.mw_580{
    max-width: 580px;
}
.mw_820{
    max-width: 820px;
}
.fill-blank.bdr-box:before{
    border-color: #000;
}
.y-text{
    color: #FFE001;
}
.o-text{
    color: #FB7C13;
}
.bl-text{
    color: #293B88;
}
.button-group{
    flex-wrap: wrap; justify-content: center;
}
.button-group .btn{
    min-width: 160px; margin: 10px;font-size: 30px;
}
.bdr-box .next-prev-block {
    margin: 0 -20px;
}
.true-false-btns .btn{
    min-width: 180px;
}
.list-match{
    padding: 0 20px; position: relative; counter-reset: li-counter; list-style-type: none;
}
.list-match .items{
    position: relative; margin: 20px 0 0; padding-left: 20px; align-items: center;height: 100px;
}
.list-match .items:before{
    display: block; content: counter(li-counter, decimal); counter-increment: li-counter; font-size: 30px; line-height: 22px; height: 24px; color: #FB7C13; position: absolute; left: 10px; top: 0; bottom: 0; margin: auto;
}
.list-match .items + .items{
    margin-top: 30px;
}
.match-imgbox{
    flex-direction: column; align-items: center; justify-content: center; width: 80px; margin: 5px 10px;
}
.match-name-1,
.card-match-right .text{
    display: flex; align-items: center; font-size: 30px; line-height: 34px; color: #293B88; font-weight: 400; min-width: 140px; margin:0 10px;
}
.fill-match{
    min-width: 50px; max-width: 50px; height: 50px; position: relative; background: rgb(0,122,241); background: -moz-linear-gradient(top, rgba(0,122,241,1) 0%, rgba(41,59,136,1) 100%); background: -webkit-linear-gradient(top,  rgba(0,122,241,1) 0%,rgba(41,59,136,1) 100%); background: linear-gradient(to bottom,  rgba(0,122,241,1) 0%,rgba(41,59,136,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007af1', endColorstr='#293b88',GradientType=0 ); -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px; text-align: center; font-size: 32px; line-height: 50px; color: #fff; margin: 0;
}
.fill-match input{
    display: block; width: 100%; height: 100%; padding: 0; background: none; border: 0; text-align: center; font-size: 28px; line-height: 50px; color: #fff;
}
.msg-match{
    margin-left: 15px; min-width: 40px; max-width: 40px;
}
.match-stick{
    height: 2px; border-top: 2px dashed #293B88; position: absolute; left: 194px; right: 266px; top: 50%;transform-origin: left;width:0px;
}
.result-btns .btn{
    min-width: 460px;
}
.card-match-right {
    position: relative;
}
.msg-match{
    position: absolute; left: 100%; top: 0;
}
/*Activity Zone*/
.activities-main > .items{
    position: relative;
}
.activities-main > .items + .items {
    margin-top: 60px;
}
.activities-main > .items:nth-child(2n) .content-box{
    background: #B992F2;
}
.activities-main > .items:nth-child(3n) .content-box{
    background: #FFE001;
}
.activities-main > .items:nth-child(3n) .content-box .block-title .h2{
    color: #293B88;
}
.activities-main > .items:nth-child(3n) .content-box .title-right .h3,
.activities-main > .items:nth-child(3n) .remove-file{
    color: #FB7C13;
}
.activities-main > .items:nth-child(3n) .uploaded-text,
.activities-main > .items:nth-child(3n) .content-box .card-worksheet .h3{
    color: #000 !important;
}
.activities-main .content-box{
    max-width: 100%; padding: 30px 20px; flex-wrap: wrap;
}
.activities-main .sub-items {
    padding: 20px; min-width: 50%; max-width: 50%;
}
.worksheet-items + .worksheet-items{
    margin-top: 10px;
}
.act-shape{
    display: block; width: 80px; height: 200px; background:url('../images/act-shape.png') no-repeat center; background-size: 100% auto; position: absolute; right: 100.5%; top: 0; bottom: 0; margin: auto !important;
}
.act-shape.right{
    left: 100.5%; right: auto; transform: rotateY(180deg);
}
.card-worksheet .h3.text {
    min-width: 40%; max-width: 40%; padding-right: 20px;
}
.upload-btnbox {
    min-width: 140px; max-width: 140px; margin-left: 10px;
}
.uploaded-text {
    font-size: 16px; line-height: 1.2;
}
.download-btnbox .btn,
.upload-btnbox .btn{
    min-width: 140px;
}
.file-lable{
    display: inline-block; position: relative;
}
.file-lable input{
    position: absolute; left: 0; top: 0; z-index: 2; opacity: 0; cursor: pointer; width: 100%; height: 100%; cursor: pointer;
}
.uploaded-box.uploaded .file-lable{
    display: none;
}
.fileblah,
.remove-file{
    /*display: none;*/
}
.uploaded-box.uploaded .fileblah,
.uploaded-box.uploaded .remove-file{
    display: inline-block;
}
.fileblah {
    font-size: 18px; line-height: 1.2; color: #000; word-break: break-all; margin: 0;
}
.uploaded-box.uploaded .uploaded-text{
    display: block; color: #fff; margin: 0 0 10px;
}
.remove-file{
    font-size: 24px; cursor: pointer;
}
.remove-file:hover{
    color: #fff; text-decoration: underline;
}
.bottom-btnbox.select-imgs{
    display: flex;
}
.select-imgs .choose-btn{
    margin: 20px; width: 44%;
}
.select-imgs .choose-btn .check-imgbox{
    display: flex;
    flex-direction: column;
    max-width: 100%;
    height: 100%;
}
.select-imgs .choose-btn h4 {
    padding: 20px 0;
    margin-top: auto;
    min-height: 96px;
}
.activities-main .act-box-tl .h2 {
    font-size: 28px; line-height: 1.1;
}
.activities-main .act-box-tl .h3{
    font-size: 20px; line-height: 1.1;
}
.activities-main .block-title.act-box-tl {
    margin: 0 0 15px;
    padding: 0 0 10px;
    border-bottom: 1px solid rgba(0,0,0,0.5);
}
.worksheet-list {
    max-width: 100%;
    padding: 0;
}
/*.card-worksheet .h3.text {
    font-size: 20px;
    line-height: 1.2;
}*/

.card-worksheet .h3.text {
    font-size: 37px;
    line-height: 1.2;
}
/*.download-btnbox .btn.big,
.upload-btnbox .btn.big{
    font-size: 20px; padding: 5px 20px; min-width: 140px;
}*/
.download-btnbox .btn.big,
.upload-btnbox .btn.big{
    font-size: 27px; padding: 18px 17px; min-width: 140px;
}

/*My Account Menu*/
.user-account{
    position: relative; z-index: 9999;
}
.user-imgbox {
    display: inline-block; min-width: 60px; max-width: 60px; height: 60px; background: #fff; border-radius: 50%; overflow: hidden; position: relative; z-index: 2;
}
.user-imgbox img {
    display: block; width: 100%; height: 100%; object-fit: cover;
}
.user-account .user-name {
    padding-left: 50px; margin-left: -40px;
}
.acc-btn-block.show .user-account .user-name{
    box-shadow: 0 10px 10px rgb(0 0 0 / 20%);
}
.user-account.dropdown-toggle::after{
    color: #fff; position: absolute; right: 12px; top: 2px; bottom: 0; margin: auto; height: 0;
}
.user-acc-dropdown{
    width: 100%; padding: 60px 20px 20px; border-radius: 20px; border: 0; margin-top: -50px; left: auto !important; right: 0 !important; max-width: 180px; min-height: inherit; background: #58C0F2;
}
.user-acc-dropdown ul li{
    font-size: 24px;
}
.user-acc-dropdown ul li + li{
    margin-top: 10px;
}
.acc-link-mobi{
    display: block; margin: 10px 0 0; padding: 0; min-width: 100%; text-align: left;
}
.acc-link-mobi li{
    margin: 0; padding: 0; list-style: none; font-size: 20px; line-height: 28px;
}
.resp-tab-content {
    position: relative;
}
/*Career Page*/
.career-links{
    flex-direction: column; margin: 0; padding: 0;
}
.career-links li{
    margin: 0; padding: 0; list-style: none;
    width: 100%;
}
.career-links li + li{
    margin-top: 20px;
}
.career-links .btn{
    width: 100%; box-shadow: none; color: white !important;
}
.career-links li .btn.active{
    background: #FFE001; border-color: #FFE001; color: #000;
}
.career-inner .left-block{
    flex-basis:280px;min-width:280px;max-width:280px;
}
.career-inner .right-block{
    width: 100%; padding-left: 60px; flex-direction: column;
}
.cluster-imgbox img{
    display: block; margin: 0 auto;
}
.cluster-btnbox{
    justify-content: center; margin: 0 -10px; position: relative;
}
.cluster-btnbox .btn{
    width: 100%; margin: 10px;
}
.career-inner .scrollbar > .scroll-element .scroll-bar,
.career-inner .scrollbar > .scroll-element.scroll-draggable .scroll-bar{
    background: #FB7C13;
}
.cluster-videobox{
    position: relative; padding-bottom: 60%; font-size: 20px; line-height: normal; color: #fff; display: flex; justify-content: center;
}
.cluster-videobox iframe{
    display: block; width: 100%; height: 100%; object-fit: cover; position: absolute; -webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;
}
/*whatsapp-chat*/
.whatsapp-chat {
    position: fixed; right: 15px; bottom: 15px; z-index: 99; width: 50px; height: 50px;
}
.whatsapp-chat .set-url-target,
.whatsapp-chat .set-url-target svg{
    display: block; width: 100%; height: 100%;
}
.chaty-widget-i-title {
    text-align: center; font-size: 14px; position: absolute; left: 0; top: 50%; transform: translate(calc(-100% - 13px),-50%); white-space: nowrap; padding: 5px 15px; line-height: 21px; color: #333; background-color: #fff; box-shadow: 0 1.93465px 7.73859px rgb(0 0 0 / 15%); border-radius: 10px; opacity: 0; visibility: hidden; z-index: -9;
}
.chaty-widget-i-title:before{
    content: ""; position: absolute; left: 100%; top: 0; bottom: 0; margin: auto; height: 0; width: 0; z-index: 11; border-width: 5px 0 5px 10px; border-style: solid; border-color: transparent transparent transparent #fff;
}
.chaty-widget-i-title p{
    font-size: 14px; line-height: 20px; color: #2E2E2E; font-weight: 400; font-family: 'Open Sans', sans-serif; margin: 0;
}
.whatsapp-chat .set-url-target:hover + .chaty-widget-i-title{
    opacity: 1; visibility: visible; z-index: 2;
}
/*Our Journey Block*/
.card-step .bdr-box .h2{
    margin: 0 0 10px; color: #fff;
}
.journey-list.steps-list .items:nth-child(2) .bdr-box{
    background: rgb(0,122,241);
    background: -moz-linear-gradient(top, rgba(0,122,241,1) 0%, rgba(41,59,136,1) 100%);
    background: -webkit-linear-gradient(top, rgba(0,122,241,1) 0%,rgba(41,59,136,1) 100%);
    background: linear-gradient(to bottom, rgba(0,122,241,1) 0%,rgba(41,59,136,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#007af1', endColorstr='#293b88',GradientType=0);
}
.journey-list.steps-list .items:nth-child(2) .bdr-box p{
    color: #fff;
}
.journey-list.steps-list{
    padding: 20px 0 0; justify-content: center; background: none; position: relative;
}
.journey-list:before {
    display: block; content: ""; background: url(../images/steps-line.svg) no-repeat 0 0; width: 680px; height: 140px; position: absolute; left: 0; right: 0; top: 50px; margin: 0 auto;
}
.journey-list.steps-list .items{
    margin: 0 60px;
}

.cursor-na .select-icon, .cursor-na .text-muted {
    opacity: 0.3; pointer-events: none; color: #fff !important;
}
.form-group{
    position: relative;
}
.arrange-list-block .form-group .invalid-feedback{
    position: absolute; left: 100%; top: 0; padding: 0 10px; min-width: 150px; text-align: left; font-size: 14px; line-height: 16px;
}
.form-group .invalid-feedback{
    position: absolute; left: 0; top: 100%; padding: 0 5px; min-width: 150px; text-align: left; font-size: 14px; line-height: 16px;
}
.info-videobox {
    position: relative; background: #000;
}
.info-videobox video,
.info-videobox iframe{
    display: block; width: 100%; height: auto;
}
.upload-btns-form {
    flex-wrap: wrap;
}
.input-field input + span {
    display: block;
}
.form-main .form-group .invalid-feedback{
    position: static; padding: 0;
}

/*-----Dashboard Page-------*/
.bg-y{
    background: #FFE001;
}
.dash-top-block{
    max-width: 100%;
}
.dash-top-inner .col + .col {
    border-left: 3px dashed #000;
}
.dash-top-block .bottom-btnbox .btn{
    color: #fff;
}
.dash-top-inner .col .label {
    display: block; font-size: 28px; line-height: 1.1; color: #293B88; font-weight: 400; margin: 0 0 15px;
}
.dash-top-inner .col .value {
    display: block; font-size: 28px; line-height: 1.1; color: #2E2E2E; font-weight: 400;
}
.dash-top-inner .name-word-box {
    margin-right: 20px; min-width: 80px; max-width: 80px; height: 80px; overflow: hidden; align-items: center; justify-content: center; text-align: center; background: rgb(0,122,241);background: -moz-linear-gradient(top, rgba(0,122,241,1) 0%, rgba(41,59,136,1) 100%);background: -webkit-linear-gradient(top, rgba(0,122,241,1) 0%,rgba(41,59,136,1) 100%);background: linear-gradient(to bottom, rgba(0,122,241,1) 0%,rgba(41,59,136,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#007af1', endColorstr='#293b88',GradientType=0);
    -webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%; font-size: 34px; line-height: 1.2; color: #fff; font-weight: 400;
}
.dash-top-inner .name-word-box img{
    display: block; width: 100%; height: 100%; object-fit: cover;
}
.dash-top-inner{
    justify-content: center;
}
.dash-top-inner .col {
    padding: 0 30px; width: auto; flex-basis: inherit; flex-grow: 0;
}
.col.grade {
    max-width: 210px;
}
.col.name {
    min-width: 280px; max-width: 280px;
}
.dash-box-list{
    justify-content: center; background: none;
}
.dash-box-list.steps-list .items{
    margin: 0; padding: 40px;
}
.dash-box-list .card-step .bdr-box {
    padding: 10px 20px; width: 280px; height: 160px;
}
.dash-box-list .card-step .h2{
    font-size: 50px; margin: 0 0 5px;
}
.dash-box-list.steps-list .items:nth-child(2) .card-step .h2{
    color: #2E2E2E;
}
.dash-box-list .card-step p {
    font-size: 30px; line-height: 1;
}
/*achievement-block*/
.achievement-block{
    max-width: 100%;
}
.achievement-inner{
    z-index: 2; overflow: hidden;
}
.card-comp {
    padding: 10px; position: relative; border: 3px dashed #000; border-radius: 20px;
}
.card-comp h3{
    color: #293B88; margin: 0 0 10px;
}
.card-comp .percent{
    font-size: 80%; color: #FB7C13; margin-left: 20px;
}
.completed-block {
    z-index: 2; justify-content: center;
}
.view-box {
    background: #fff7bf; height: 28px; position: relative; border-radius: 30px;
}
.prog-bar{
    box-shadow:0 10px 10px rgba(0,0,0,0.1); background: rgb(0,122,241);background: -moz-linear-gradient(top, rgba(0,122,241,1) 0%, rgba(41,59,136,1) 100%);background: -webkit-linear-gradient(top, rgba(0,122,241,1) 0%,rgba(41,59,136,1) 100%);background: linear-gradient(to bottom, rgba(0,122,241,1) 0%,rgba(41,59,136,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#007af1', endColorstr='#293b88',GradientType=0);
    border-radius: 30px; position: absolute; left: 0; top: 0; bottom: 0; z-index: 0;
}
.view-btn,
.remain-text{
    padding: 5px 20px; font-size: 18px; line-height: 1; color: #fff; font-weight: 400; display: inline-flex; align-items: center; justify-content: center; text-align: center; position: relative; z-index: 1;
    mix-blend-mode: difference;
}
/*calendar-table*/
.calendar-table{
    width: 100%;
}
.calendar-table tr td {
    padding: 0; background: none; border: 0; vertical-align: middle;
}
.calendar-head tr td {
    padding: 0 0 20px; vertical-align: middle;
}
.calendar-table thead th{
    padding: 0 0 10px; background: none; border: 0; font-size: 24px; line-height: 1; color: #293B88; font-weight: 400; text-align: center;
}
.dire-btn{
    display: block; width: 14px; height: 14px; border-left: 3px solid #000; border-bottom: 3px solid #000; transform: rotate(45deg); position: relative; left: 10px; cursor: pointer;
}
.dire-btn.js-cal-next{
    left: auto; right: 10px; transform: rotate(-135deg);
}
.calendar-day .date {
    padding: 4px 0; display: block; font-size: 22px; line-height: 1.2; color: #000; text-align: center; border-radius: 6px; width: 34px; margin: 0 auto;
}
.calendar-day.today .date{
    color: #fff; background: #58C0F2;
}
.calendar-day.active .date{
    color: #fff; background: rgb(0,122,241);background: -moz-linear-gradient(top, rgba(0,122,241,1) 0%, rgba(41,59,136,1) 100%);background: -webkit-linear-gradient(top, rgba(0,122,241,1) 0%,rgba(41,59,136,1) 100%);background: linear-gradient(to bottom, rgba(0,122,241,1) 0%,rgba(41,59,136,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#007af1', endColorstr='#293b88',GradientType=0);
}
.calendar-day.outside .date{
    opacity: 0.5;
}

.sheet-block .content-box{
    max-width: 100%; z-index: inherit;
}
.sheet-box-inner{
    /*z-index: 2;*/
}
.sheet-list {
    margin: 0 -40px;
}
.sheet-head,
.items-main{
    padding: 0 40px; border-bottom: 1px solid #FFE001;
}
.sheet-head .items{
    padding: 0 10px 12px;
}
.sheet-body .items{
    padding: 12px 10px;
}
.sheet-head .items:last-child,
.sheet-body .items:last-child{
    margin-left: auto; width: 120px;
}
.items.col_1 {
    width: 5%;
}
.items.col_2 {
    width: 80%;
}
.items.col_3 {
    width: 10%; margin-left: auto;
}
.sheet-head .text{
    font-size: 24px; line-height: 28px; color: #fff; font-weight: 400;
}
.sheet-body p{
    font-size: 20px; line-height: 24px; color: #fff; font-weight: 400;
}
.number-page{
    font-size: 20px; line-height: 1; color: #fff; font-weight: 400; text-align: center;
}
.sheet-box-info p,
.sheet-box-info li{
    color: #000;
}
.sheet-box-info ul li:before{
    background: #293B88;
}
.sheet-box-info a{
    color: #FB7C13;
}
.sheet-box-info a:hover{
    color: #FB7C13; text-decoration: underline;
}
.sheet-box.bg-y .sheet-head .text,
.sheet-box.bg-y .sheet-body p,
.sheet-box.bg-y .number-page,
.sheet-box.bg-y .view-gallery a{
    color: #293B88;
}
.sheet-box.bg-y .sheet-head,
.sheet-box.bg-y .items-main{
    border-color: #293B88;
}
.view-gallery a{
    color: #fff;
}
.view-gallery a:hover{
    color: #fff; text-decoration: underline;
}
.gallery-only{
    margin: 0; padding: 0;
}
.gallery-only li{
    display: none; margin: 0; padding: 0;
}
.gallery-only li:first-child{
    display: block;
}
.gallery-modal{
    display: block; z-index: -9;
}
.gallery-modal.show{
    z-index: 1050;
}
.gall-img-item{
    padding: 0 20px;
}
.gall-img-item .imgbox{
    height: 50vh;
}
.gall-img-item img{
    display: block; width: 100%; height: 100%; object-fit: cover; border: 10px solid #fff; border-radius: 30px;
}
.gallery-modal .modal-title{
    color: #FFE001;
}
.modal-gall-slider .slick-track{
    justify-content: center;
}

.dash-top-inner .col .label.y-text{
    color: #FFE001;
}
.dash-school-top .col .value{
    color: #fff;
}
.dash-school-top .name-word-box{
    color: #FB7C13;
    background: rgb(255,242,140);
    background: -moz-linear-gradient(top, rgba(255,242,140,1) 0%, rgba(255,233,77,1) 47%, rgba(255,224,1,1) 100%);
    background: -webkit-linear-gradient(top, rgba(255,242,140,1) 0%,rgba(255,233,77,1) 47%,rgba(255,224,1,1) 100%);
    background: linear-gradient(to bottom, rgba(255,242,140,1) 0%,rgba(255,233,77,1) 47%,rgba(255,224,1,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff28c', endColorstr='#ffe001',GradientType=0);
}
.year-select.btn{
    padding: 0 0 0 20px; cursor: inherit;
}
.year-select .year-text{
    display: inline-block; font-size: 20px; font-weight: 400; color: #fff;
}
.year-select .selectbox{
    background: none; border: 0;
}
.year-select .selectbox select{
    padding: 0 30px 0 5px; font-size: 18px; font-weight: 400; color: #fff; cursor: pointer;
}
.year-select .selectbox select option{
    color: #000;
}
.year-select .selectbox:after{
    content: ""; width: 0; height: 0; border-style: solid; border-width: 6px 4px 0 4px; border-color: #fff transparent transparent transparent; right: 15px; top: 18px;
}
.grade-list{
    margin: 0 -40px;
}
.grade-list .items{
    padding: 0 40px;
}
.student-grade.content-box{
    padding: 0;
}
.student-grade-list{
    z-index: 2;
}
.student-grade-table {
    border: 0; background: none;
}
.student-grade-table th,
.student-grade-table td{
    padding: 10px 30px; font-size: 24px; line-height: 1; color: #fff; border: 0; border-top: 1px solid #FFE001; background: none;
}
.student-grade-table th{
    border: 0;
}
.student-grd-img .imgbox{
    display: inline-block; min-width: 40px; max-width: 40px; height: 40px; border-radius: 50%;; overflow: hidden; margin-right: 10px;
}
.student-grd-img .imgbox img{
    display: block; width: 100%; height: 100%; object-fit: cover;
}
.student-grd-img .name{
    line-height: 1;
}
.scrp-number.content-box{
    padding: 20px;
}
.scrp-number-inner{
    z-index: 2; text-align: center;
}
/*data-list*/
.data-list{
    justify-content: center;
}
.data-list .items{
    margin: 0 0 30px;
}
.date-graph-block{
    z-index: 2;
}
.card-data.content-box{
    padding: 20px;
}
.tl-h{
    position: absolute; left: 0; right: 0; bottom: 0; z-index: 1; text-align: center;
}
.tl-v{
    position: absolute; left: 0; top: -30px; bottom: 0; z-index: 1; text-align: center; width: 0; margin: 0; align-items: center; justify-content: center;
    color: #2E2E2E !important;
}
.tl-v-summary{
    position: absolute; left: 0; top: -30px; bottom: 0; z-index: 1; text-align: center; width: 0; margin: 0; align-items: center; justify-content: center;
    color: #FFE52F !important;
}
.tl-v-white{
    position: absolute; left: 0; top: -30px; bottom: 0; z-index: 1; text-align: center; width: 0; margin: 0; align-items: center; justify-content: center;
    color: #FFFFFF !important;
}
.tl-v span{
    display: block; white-space: nowrap; transform: rotate(-90deg);
}
.tl-v-summary span{
    display: block; white-space: nowrap; transform: rotate(-90deg);
}

.tl-v-white span{
    display: block; white-space: nowrap; transform: rotate(-90deg);
}
.modal-content .tl-h{
    color: #ffff00 !important;
}
.month-data-list{
    margin: 0 -40px;
}
.month-data-list .items{
    padding: 10px 40px;
}
.sheet-box-info.bg5 p,
.sheet-box-info.bg5 li{
    color: #fff;
}
.sheet-box-info.bg5 ul li:before{
    background: #FFE001;
}
.sheet-box-info.bg5 a{
    color: #FFE001;
}
.modal-backdrop.show {
    opacity: 0.7;
}
.feedback-list .items.col_1{
    width: 20%;
}
.feedback-list .items-main{
    align-items: center;
}
.feedback-list .sheet-body .items{
    padding-top: 6px; padding-bottom: 6px;
}
.training-list .items.col_4 {
    width: 12%;
}
.training-list .sheet-head .items:last-child,
.training-list .sheet-body .items:last-child{
    width: 240px;
}
.sheet-pagination {
    flex-wrap: wrap; position: relative;
}
.sheet-pagination nav {
    display: flex; min-width: 100%;
}
.sheet-pagination > nav > .inline-flex + .inline-flex{
    margin-left: auto;
}
.sheet-pagination > nav > .inline-flex{
    padding: 10px 20px; min-width: 100px; font-size: 18px !important; line-height: 24px !important; color: #fff !important; border:0 !important; text-align: center;
    background: transparent linear-gradient(180deg, rgba(173, 236, 0, 1) 0%, rgba(119, 192, 0, 1) 100%) 0% 0% no-repeat padding-box !important;
    box-shadow:0 10px 10px rgba(0,0,0,0.1); -webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px;
}
.sheet-pagination > nav > a.inline-flex:hover{
    border-color: transparent !important; color: #fff !important;
    background: transparent linear-gradient(180deg, rgba(119, 192, 0, 1) 0%, rgba(173, 236, 0, 1) 100%) 0% 0% no-repeat padding-box !important;
}
.set-center-number {
    margin-top: -40px;
}

/*Price Plan Page*/
.price-plan-main .bdr-box{
    padding: 60px;
}
.price-plan-list{
    margin: 0 -20px;
}
.price-plan-list .items{
    padding: 10px 20px; margin: 0 0 20px;
}
.price-plan-list .card-plan{
    max-width: 100%;
}
/*.check-imgbox h4 {
    font-size: 30px;
}*/
.check-imgbox h4 {
    font-size: 43px;
    line-height: 100%;
}
/* for Comparison zone text justify*/
.comp_style_1, .comp_style_2 {
    text-align: justify;
}
/* for Address in footer*/
.address p {
    font-size: 20px; color: #163f70; margin-bottom: 0;
}
.edit-acc-main .bdr-box-inner{
    padding: 40px;
}
.student-data-list .items.col_2 {
    width: 18%;
}
.student-data-list .items.col_3 {
    width: 39%; margin-left: 0;
}
.student-data-list .items.col_4 {
    width: 15%;
}
.student-data-list .items.col_6 {
    width: 10%;
}
.data-std .btn.small {
    padding: 6px 20px; font-size: 16px; line-height: 18px;
}
.match-block {
    max-width: 1200px;
    margin: 0 auto;
}

.library-detail .content-textarea.relative {
    text-align: justify;
}
.video-modal.modal-open #formModal{
    opacity: 0; z-index: -9;
}
.video-modal.modal-open .modal-backdrop.show ~ .modal-backdrop.show{
    opacity: 0;
}
.preloader {
    display: -ms-flexbox;
    display: flex;
    background-color: #f4f6f9;
    height: 100vh;
    width: 100%;
    transition: height .2s linear;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 9999;
}
.animation__shake {
    -webkit-animation: shake 1.5s;
    animation: shake 1.5s;
}
.animation {
    &__shake {
        animation: shake 1500ms;
    }
    &__wobble {
        animation: wobble 1500ms;
    }
}

/*Image Uploading List*/
.img_fileupload .fileuploader-theme-dragdrop{
    display: flex; flex-wrap: wrap;
}
.img_fileupload .img-add{
    order: 2; min-width: 60px; max-width: 60px; height: 60px; background: #fff; position: relative; border-radius: 4px; overflow: hidden; margin: 0 10px 10px 0; font-size: 32px; line-height: normal; color: #293b88; cursor: pointer;
}
.img_fileupload .fileuploader-items{
    order: 1;
}
.img_fileupload .fileuploader-items-list{
    display: flex; flex-wrap: wrap;
}
.img_fileupload .fileuploader-item {
    padding: 0; min-width: 60px; max-width: 60px; height: 60px; border: 0; margin: 0 10px 10px 0;
}
.img_fileupload .fileuploader-item .column-thumbnail{
    width: 60px; height: 60px; line-height: 60px; position: relative;
}
.img_fileupload .fileuploader-item .column-title,
.img_fileupload .column-actions .fileuploader-action-retry{
    display: none;
}
.img_fileupload .fileuploader-item .columns{
    display: flex; align-items: center; justify-content: center; width: 100%; height: 100%;
}
.img_fileupload .fileuploader-item .column-actions{
    position: absolute; top: -3px; right: -3px; margin: 0;
}
.img_fileupload .fileuploader-item .progress-bar2 span{
    font-size: 10px; line-height: 12px; font-weight: 400;
}

/*support-block*/
.support-block{
    position: fixed; right: 20px; bottom: 20px; z-index: 99;
}
.support-link {
    flex-direction: column; text-align: center;
}
.support-link .text{
    display: inline-block; font-size: 18px; line-height: 20px; color: #2E2E2E; font-weight: 500; margin: 0 0 10px;
}
.support-iconbox{
    position: relative;
}
.chat_icon{
    display: inline-flex; align-items: center; justify-content: center; height: 50px;width: 50px;line-height: 50px;text-align: center; background: #58C0F2; font-size: 24px; line-height: normal; color: #fff; position: relative; z-index: 2;
    -webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;
}
.chat_icon:after{
    display: block; content: ""; position: absolute; left: 3px; top: 3px; width: 94%; height: 94%; border: 2px dashed #293B88; -webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;
}
.waves{position: absolute;width: 100px;height: 100px; background: rgba(41,59,136,0.3);opacity: 0;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";border-radius: 100%;right: -25px;bottom: -25px;z-index: 0;-webkit-animation: waves 3s ease-in-out infinite;animation: waves 3s ease-in-out infinite;}
.wave-1 {-webkit-animation-delay: 0s;animation-delay: 0s;}
.wave-2 {-webkit-animation-delay: 1s;animation-delay: 1s;}
.wave-3 {-webkit-animation-delay: 2s;animation-delay: 2s;}
@keyframes waves {
    0% {
        -webkit-transform: scale(0.2, 0.2);
        transform: scale(0.2, 0.2);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    }
    50% {
        opacity: 0.9;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
    }
    100% {
        -webkit-transform: scale(0.9, 0.9);
        transform: scale(0.9, 0.9);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    }
}


.subject-videobox {
    width: 100%;
    padding: 0 0 56.66%;
    overflow: hidden;
    position: relative;
}

.subject-videobox iframe {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: block;
    position: absolute;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}
.zone-tab-list.style-tab-list {
    flex-wrap: wrap;
    justify-content: center;
}
.zone-tab-list.style-tab-list li {
    width: auto;
    margin-bottom: 8px;
}
.compare-cotnent-coll .scroll-content embed {
    width: 100%;
}

/*Associated Section*/
.associated-list{
    padding: 0 40px;
}
.associated-list .slick-track{
    margin: 0 auto; justify-content: center;
}
.associated-list .items{
    padding: 40px 15px;
}
.card-associ{
    padding: 3px;
    display: inline-flex; align-items: center; justify-content: center; width: 100%; position: relative; text-align: center;
    -moz-transition:all 0.4s ease 0s;-webkit-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s;
    -webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px;
}
.card-associ:before{
    display: block; content: ""; border: 3px dashed #293B88; position: absolute; left: 0; right: 0; top: 0; bottom: 0; -moz-transition:all 0.4s ease 0s;-webkit-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s;
    -webkit-border-radius: 33px;-moz-border-radius: 33px;border-radius: 33px;
}
.card-associ .imgbox {
    background: #fff; width: 100%; height: 120px;
    position: relative; z-index: 2; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex;
    -webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px;
    -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center;
    -webkit-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s;
}
.card-associ .imgbox img {
    display: block; width: 80%; height: 80%; object-fit: scale-down; object-position: center; margin: 0 auto; mix-blend-mode: multiply; -webkit-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; background: none;
}
.associated-slider > .items{
    display: none;
}
.associated-slider > .items:nth-child(1), .as-seen-slider > .items:nth-child(1)
.associated-slider > .items:nth-child(2), .as-seen-slider > .items:nth-child(2)
.associated-slider > .items:nth-child(3), .as-seen-slider > .items:nth-child(3)
.associated-slider > .items:nth-child(4), .as-seen-slider > .items:nth-child(4)
.associated-slider > .items:nth-child(5), .as-seen-slider > .items:nth-child(5){
    display: block;
}
.associated-slider .slick-arrow{
    margin-top: -20px;
}
.associated-slider .slick-arrow.slick-prev{
    left: 0;
}
.associated-slider .slick-arrow.slick-next{
    right: 0;
}
.flag_icon {
    position: absolute; left: 0; right: 0; top: 100%;
    max-width: 40px; margin: 5px auto; padding: 2px; background: #fff; overflow: hidden;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}
.flag_icon img{
    display: block; width: 100%; height: auto;
}
.block-title + .btnbox.scroll {
    padding-top: 0;
}
#futureZone_careers {
    padding: 40px;
}
.compare-cotnent-coll .content-box .h2{
    min-height: 100px;
}
.roadmap-wrapper {
    background: #c9e9f7;
}
.ck-blurred.ck.ck-content.ck-editor__editable {
    padding: 10px 30px;
}
.editor-tl{
    color: #fff; margin: 0 0 10px !important;
}
.back_abs {
    position: absolute;
    left: 0;
    top: 0;
}
.roadmap-inn-main{
    border-radius: 0;
}

/*3D Star Css*/
.medal-container {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}
/* Points Text */
.points {
    font-size: 50px;
    font-weight: bold;
    color: rgb(41 59 136);
    text-shadow: 0 0 10px rgba(255, 255, 255, 0.8),
    0 0 20px rgba(255, 223, 77, 0.9);
}

/* Glow Animation */
@-webkit-keyframes glow {
    from {
        text-shadow: 0 0 0px #fff, 0 0 10px #fff, 0 0 10px #58C0F2, 0 0 15px #58C0F2, 0 0 20px #58C0F2, 0 0 25px #58C0F2, 0 0 30px #58C0F2;
    }
    to {
        text-shadow: 0 0 0px #fff, 0 0 20px #fff, 0 0 30px #FFE001, 0 0 40px #FFE001, 0 0 50px #FFE001, 0 0 40px #FFE001, 0 0 20px #FFE001;
    }
}

/* Pulse Animation for Points */
@keyframes pulse {
    0%, 100% {
        transform: scale(1);
        text-shadow: 0 0 10px rgba(255, 255, 255, 0.8),
        0 0 20px rgba(255, 223, 77, 0.9);
    }
    50% {
        transform: scale(1.1);
        text-shadow: 0 0 15px rgba(255, 255, 255, 1),
        0 0 25px rgba(255, 223, 77, 1);
    }
}
.star-number {
    padding: 15px 0 0;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 180px;
    height: 180px;
}
/* Keyframe for subtle blinking */
@keyframes subtle-blink {
    0% {
        opacity: 1;
        transform: scale(1);
    }
    50% {
        opacity: 0.8;
        transform: scale(1.05); /* Slightly increase size */
    }
    100% {
        opacity: 1;
        transform: scale(1);
    }
}
.star-3d {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}
.star-3d:before{
    display: inline-block;
    content: "\2605";
    font-size: 280px;
    color: #FFD700;
    animation: glow 1s ease-in-out infinite alternate;
}
.sticky-star-block{
    position: fixed;
    left: 10px; bottom: 10px;
    z-index: 99;
    margin: 0;
}
.sticky-star-block .star-3d:before{
    font-size: 140px;
}
.sticky-star-block .star-number {
    width: 100px;
    height: 100px;
    padding: 5px 0 0;
}
.sticky-star-block .points{
    font-size: 28px;
}

.reward-text {
    display: inline-block;
    font-size: 24px;
    line-height: 24px;
    color: #2E2E2E;
    font-weight: 500;
    text-align: center;
    position: absolute;
    left: 0; right: 0; bottom: 100%;
    z-index: 2; margin-bottom: 10px;
}

.appointment-3d {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}
.appointment-3d:before{
    display: inline-block;
    content: "\2605";
    font-size: 280px;
    color: #FFD700;
    animation: glow 1s ease-in-out infinite alternate;
}

.book-appointment-block{
    position: fixed;
    right: 53px; bottom: 53px;
    z-index: 99;
    margin: 0;
}
.book-appointment-block .appointment-3d:before{
    font-size: 140px;
}

.appointment-text {
    display: inline-block;
    font-size: 24px;
    line-height: 24px;
    color: #2E2E2E;
    font-weight: 500;
    text-align: center;
    position: absolute;
    left: 0; right: 0; bottom: 100%;
    z-index: 2; margin-bottom: 60px;
}
div#announcementModal .content-box {
    background: inherit;
    border: 0;
}
div#announcementModal .content-box button.close {
    position: fixed;
    top: 10px;
    right: 25px;
}
div#\#announcement_box h4 {
    color: #163f70;
    font-size: 32px;
    line-height: 1.2;
    border-bottom: 3px solid #163f70;
    display: inline-block;
    margin-bottom: 20px;
}
div#\#announcement_box p strong {
    display: block;
    font-weight: 500;
    font-size: 25px;
    line-height: 28px;
}
div#\#announcement_box .tl-style-2 {
    text-align: center;
    /*display: block;*/
}
div#\#announcement_box ol li:before {
    content: counter(my-awesome-counter, upper-alpha) ". ";
    color: #163f70;
}
div#\#announcement_box li a {
    color: #163f70;
}
div#\#announcement_box li a:hover{
    color: #fff;
}
div#\#announcement_box th, .entry-content table th, table th {
    color: #fff;
    font-weight: 400;
    font-size: 18px;
    text-align: center;
    background: #163f70;
    border-color: rgba(255, 255, 255, 0.2);
}
div#\#announcement_box table th, table td,div#\#announcement_box th, div#\#announcement_box table th, div#\#announcement_box td, .div#\#announcement_box table td {
    padding: 7px 14px;
    font-weight: 400;
    font-size: 18px;
    text-align: center;
    border: 1px solid black;
}

/*==========================================
===============:: MEDIA CSS ::==============
============================================*/
@media screen and (max-width:1499px){
    .container{max-width:1280px;}
    .nav-main nav ul > li + li {margin-left: 24px;}
    .head-btnbox .btn + .btn {margin-left: 10px;}
    .cap-sub-title {font-size: 34px;line-height: 50px;}
    .cap-left .h2 {font-size: 90px;line-height: 80px;}
    .cap-left p {font-size: 32px;line-height: 40px;}
    .back_imgbox {left: -130px;bottom: -190px;width: 780px;}
    .front_imgbox {left: 160px;bottom: -270px;width: 310px;}
    .whychoose-section {padding: 40px 0;}
    .why-list-info {background-size: 1102px auto;height: 710px;padding-left: 150px;font-size: 30px;line-height: 78px;}
    .v_tl {left: -188px;top: 300px;}
    .v_tl .h2 {font-size: 60px;line-height: 80px;}
    .benefit-inner{padding: 220px 40px 60px;height: 1050px; max-width: 1140px; margin: 0 auto;}
    .center-block {padding: 220px 100px 0;width: 500px;height: 640px;}
    .benefit-tab-list li{font-size: 32px; line-height: 34px;}
    .benefit-list .items{min-width: 360px;max-width: 360px;}
    .benefit-list h5 {font-size: 28px;line-height: 32px; max-width: 70%;}
    .steps-list .items {margin: 0 0 70px 70px;}
    .stp-tl {font-size: 40px;line-height: 60px;}
    .solu-content-block h4 {font-size: 34px;line-height: 40px;}
    .register-inner {padding: 40px 140px;width: 1240px;height: 560px;}
    .register-inner p {font-size: 34px;line-height: 44px;}
    .steps-section {padding-bottom: 20px;}
    .register-block-1 {padding: 70px 180px; min-height: 800px;}
    .input-field input,
    .input-field textarea,
    .input-field .selectbox select,
    .radio-option .checkmark,
    .input-field .selectbox:after{height: 60px; font-size: 30px;line-height: 32px;}
    .input-field textarea{height: 100px;}
    .input-field .label {font-size: 30px;line-height: 32px;}
    .card-option .radiobox {margin: 0 20px 20px;}
    .checkbox, .radiobox{font-size: 30px;}
    .total-table td {padding: 4px 0;font-size: 32px;line-height: 32px;}
    .apply-btn {width: 200px;height: 60px;}
    .avtar-block{min-height: 830px;}
    .login-block-bg {min-height: 632px;}
    .fp-bg {min-height: 520px;}
    .school-register-1{min-height: 900px;}
    .school-register-3{min-height: 710px;}
    .school-avtar-block{min-height: 724px;}
    .compare-bg-shape{width: 240px; height: 240px; left: -50px;}
    .items:nth-child(2n) .compare-bg-shape{right: -50px;}
    .list-match {transform: scale(0.8); transform-origin: top; zoom: 0.8;}
    .act-shape {width: 80px;height: 220px;}
    .journey-list.steps-list .items {margin: 0 40px;}

    .card-game {width: 200px;height: 200px;}
    .game-bg {width: 200px;height: 200px;}
    .bg-clr {width: 180px;height: 160px;}
    .card-game .h2 {font-size: 24px;line-height: 28px;}
.container{max-width:1280px;}
.nav-main nav ul > li + li {margin-left: 24px;}
.head-btnbox .btn + .btn {margin-left: 10px;}
.cap-sub-title {font-size: 34px;line-height: 50px;}
.cap-left .h2 {font-size: 90px;line-height: 80px;}
.cap-left p {font-size: 32px;line-height: 40px;}
.back_imgbox {left: -130px;bottom: -190px;width: 780px;}
.front_imgbox {left: 160px;bottom: -270px;width: 310px;}
.whychoose-section {padding: 40px 0;}
.why-list-info {background-size: 1102px auto;height: 710px;padding-left: 150px;font-size: 30px;line-height: 78px;}
.v_tl {left: -188px;top: 300px;}
.v_tl .h2 {font-size: 60px;line-height: 80px;}
.benefit-inner{padding: 220px 40px 60px;height: 1050px; max-width: 1140px; margin: 0 auto;}
.center-block {padding: 220px 100px 0;width: 500px;height: 640px;}
.benefit-tab-list li{font-size: 32px; line-height: 34px;}
.benefit-list .items{min-width: 360px;max-width: 360px;}
.benefit-list h5 {font-size: 28px;line-height: 32px; max-width: 70%;}
.steps-list .items {margin: 0 0 70px 70px;}
.stp-tl {font-size: 40px;line-height: 60px;}
.solu-content-block h4 {font-size: 34px;line-height: 40px;}
.register-inner {padding: 40px 140px;width: 1240px;height: 560px;}
.register-inner p {font-size: 34px;line-height: 44px;}
.steps-section {padding-bottom: 20px;}
.register-block-1 {padding: 70px 180px; min-height: 800px;}
.input-field input,
.input-field textarea,
.input-field .selectbox select,
.radio-option .checkmark,
.input-field .selectbox:after{height: 60px; font-size: 30px;line-height: 32px;}
.input-field textarea{height: 100px;}
.input-field .label {font-size: 39px;line-height: 32px;}
.card-option .radiobox {margin: 0 20px 20px;}
.checkbox, .radiobox{font-size: 30px;}
.total-table td {padding: 4px 0;font-size: 32px;line-height: 32px;}
.apply-btn {width: 200px;height: 60px;}
.avtar-block{min-height: 830px;}
.login-block-bg {min-height: 632px;}
.fp-bg {min-height: 520px;}
.school-register-1{min-height: 900px;}
.school-register-3{min-height: 710px;}
.school-avtar-block{min-height: 724px;}
.compare-bg-shape{width: 240px; height: 240px; left: -50px;}
.items:nth-child(2n) .compare-bg-shape{right: -50px;}
.list-match {transform: scale(0.8); transform-origin: top; zoom: 0.8;}
.act-shape {width: 80px;height: 220px;}
.journey-list.steps-list .items {margin: 0 40px;}

.card-game {width: 200px;height: 200px;}
.game-bg {width: 200px;height: 200px;}
.bg-clr {width: 180px;height: 160px;}
/*.card-game .h2 {font-size: 24px;line-height: 28px;}*/
.card-game .h2 {font-size: 36px;line-height: 37px;}

    .col.grade {max-width: 140px;}
    .dash-top-inner .col {padding: 0 30px;}
    .training-list .sheet-head .items:last-child,
    .training-list .sheet-body .items:last-child{
        width: 140px;
    }

}
@media screen and (max-width:1365px){
    .container{max-width:1200px;}
    .nav-main nav ul > li > a{font-size: 24px;}
    .cap-left .h2 {font-size: 80px;line-height: 80px;}
    .cap-left p {font-size: 28px;line-height: 30px;}
    .dot-list li {margin: 0 0 15px; font-size: 32px;line-height: 40px;}
    .result-title h4 {font-size: 44px;line-height: 50px;}
    .card-result {padding: 15px 40px;}
    .card-result h4 {font-size: 34px;line-height: 40px;}
    .solution-title .h2 {font-size: 60px;line-height: 80px;}
    .why-list-info{background-size: 1030px auto;height: 660px;padding-left: 140px;font-size: 30px;line-height: 73px;}
    /*
    .benefit-inner {padding: 180px 80px;height: 1060px;}
    .benefit-list .items:nth-child(4) {left: -100px;}
    .benefit-list .items:nth-child(5) {right: -100px;}
    */
    .card-step .bdr-box {padding: 10px 30px; width: 280px;height: 160px;}
    .card-step p {font-size: 34px;line-height: 34px;}
    .steps-list {background-size: 1010px auto;}
    .register-inner {width: 1160px; height: 530px;}
    .card-video h4 {font-size: 32px;line-height: 40px;}
    .testimonial-block{padding: 60px 20px;}
    .login-block-bg{padding: 20px 100px;min-height: 592px;}
    .fp-bg {min-height: 486px;}
    .school-register-1 {min-height: 848px;}
    .school-register-3{min-height: 668px;}
    .school-avtar-block{min-height: 724px;}

}
/* iPad 1024px View */
@media screen and (max-width:1199px){
    .container{width:100%; max-width:990px; padding:0 20px;}
    .btnbox{padding:10px 0 0;}
    .button, .btn {font-size: 20px; line-height: 22px; padding: 10px 20px;min-width: 100px;}
    .button.big, .btn.big {padding: 15px 30px;font-size: 24px;}
    .btn-icon {min-width: 20px;height: 20px;margin-right: 10px;}
    .link {font-size: 20px;line-height: 28px;}
    .ptb-100, .ptb-80, .ptb-90{padding:60px 0;}
    h1, .h1{font-size: 40px;line-height: 44px;}
    h2, .h2{font-size: 28px;line-height: 32px;}
    .h3, h3{font-size: 24px;line-height: 28px;}
    h4{font-size: 20px;line-height: 24px;}
    h5 {font-size: 16px;line-height: 22px;}
    p {font-size: 14px;line-height: 24px;}
    ul li, ol li{font-size: 14px;line-height: 24px;}
    .block-title {margin: 0 0 30px;}
    /*Header and banner*/
    .header .container{
        max-width: 100%;
    }
    .nav-main{display:none !important;}
    .mobi-iconbox{display:block;}
    .site-logo {
        flex-basis: 140px;min-width: 140px;max-width: 140px;
    }
    .header-inner {
        height: 100px;
    }
    .header-right {
        padding-right: 50px; position: relative;
    }
    .home-banner-section {
        padding: 140px 0;height: 620px;
    }
    .cap-left {
        padding: 0; min-width: 460px; max-width: 460px;
    }
    .cap-sub-title {
        font-size: 24px;line-height: 32px;
    }
    .cap-left .h2 {
        font-size: 50px;line-height: 50px; margin-left: 5px;
    }
    .cap-left .h2:before{
        -webkit-text-stroke: 10px #fff;
        text-shadow: 0px 15px 17px rgba(0, 0, 0, 0.16);
    }
    .cap-left p {
        font-size: 24px;line-height: 26px;
    }
    .cap-left .textarea:before {
        border-width: 2px;max-width: 130px;
    }
    .cap-left .textarea {
        margin: 30px 0 0;padding: 20px 0 0;
    }
    .cap-left .btn + .link {
        margin-left: 20px;
    }
    .back_imgbox {
        left: -20px;bottom: -100px;width: 580px;
    }
    .front_imgbox {
        left: 200px;bottom: -120px;width: 200px;
    }
    .rsch-tl {
        width: 220px;height: 84px;padding: 8px 10px; left: -50px; top: -20px;
    }
    .rsch-tl .h2 {
        font-size: 34px;line-height: 42px;
    }
    .research-inner {
        padding: 80px 40px 30px;margin: 10px 0 0 50px;min-height: 150px;
    }
    .dot-list li {
        font-size: 24px;line-height: 28px;
    }
    .result-title {
        padding: 80px 40px 60px;
    }
    .result-title h4 {
        font-size: 32px;line-height: 34px;
    }
    .result-title:before {
        background-size: 100% auto;width: 200px;height: 90px;
    }
    .result-title:after {
        background-size: 100% auto;width: 66px;height: 60px;
    }
    .highlighted {
        padding: 3px 10px; border-radius: 10px;
    }
    .card-result h4 {
        font-size: 24px;line-height: 32px;
    }
    .card-result {
        padding: 15px 25px;
    }
    .result-list .items:before {
        font-size: 32px;line-height: 40px;height: 40px;left: -14px;
    }
    .solution-box h4 {
        font-size: 32px;line-height: 40px;
    }
    .solution-box {
        padding: 40px 40px 80px;
    }
    .research-inner:before,
    .card-result:before,
    .card-act .bdr-box:before,
    .v_tl.bdr-box:before,
    .bdr-box:before{
        border-width: 3px;
    }
    .solution-title .h2 {
        font-size: 40px;line-height: 50px;
    }
    .thumb_tl {
        background-size: 100% auto; width: 38px;height: 50px;
    }
    .solution-title {
        margin: -40px 100px 0;
    }
    .solu-content-block h4 {
        font-size: 32px; line-height: 40px;
    }
    .card-act h4 {
        font-size: 28px; line-height: 34px;
    }
    .card-act p {
        font-size: 24px; line-height: 28px;
    }
    .why-inner {
        padding-left: 80px;
    }
    .v_tl {
        left: -148px;top: 240px;
    }
    .v_tl .h2 {
        font-size: 40px;line-height: 50px;
    }
    .why-list-info {
        background-size: 860px auto;height: 560px;padding-left: 120px;font-size: 24px;line-height: 61px;
    }
    .whychoose-section {
        padding: 20px 0;
    }
    .circle_line img {
        max-width: 380px;
    }
    .benefit-list h5 {
        font-size: 24px;line-height: 28px; max-width: 90%;
    }
    .benefit-inner {
        padding: 140px 60px; height: auto; background: #58C0F2; border-radius: 50%; max-width: 920px; margin: 0 auto;
    }
    .benefit-list .items:nth-child(2),
    .benefit-list .items:nth-child(3){
        top: 0;
    }
    .benefit-list .items:nth-child(4) {
        left: -40px; top: 0;
    }
    .benefit-list .items:nth-child(5) {
        right: -40px; top: 0;
    }
    .benefit-list .items:nth-child(6),
    .benefit-list .items:nth-child(7) {
        top: 10px;
    }
    .benefit-list .items:last-child {
        bottom: -140px;
    }
    .benefit-list .items:last-child h5{
        max-width: 100%;
    }
    .center-block {
        width: 360px; height: 460px; padding: 160px 60px 0;
    }
    .benefit-tab-list li {
        padding: 5px 20px; font-size: 25px; line-height: 30px; border-radius: 20px;
    }
    .benefit-tab-list li:before{
        border-radius: 20px; border-width: 2px;
    }
    .benefit-list .items {
        min-width: 280px; max-width: 280px; height: 140px;
    }
    .bdr-only {
        border-width: 4px;border-radius: 20px;padding: 10px 20px;
    }
    .stp-tl {
        font-size: 32px;
        line-height: 40px;
    }
    .card-step p {
        font-size: 24px;
        line-height: 28px;
    }
    .card-step .bdr-box {
        padding: 10px 30px; width: 230px; height: 130px;
    }
    .card-step .bdr-box:before{
        border-width: 3px;
    }
    .steps-list {
        background-size: 740px auto;max-width: 920px;margin: 0 auto;
    }
    .boy_icon {
        background-size: 100% auto;width: 100px;height: 110px;top: -80px;left: 20px;
    }
    .girl_icon {
        background-size: 100% auto;width: 110px;height: 110px;top: -80px;
    }
    .steps-section {
        padding-bottom: 20px;
    }
    .testimonial-block{
        padding: 40px 20px;
    }
    .register-inner {
        padding: 30px 60px 60px; width: 940px;height: 424px;
    }
    .register-inner p {
        font-size: 28px;line-height: 34px;
    }
    .testimonial-block .block-title .h2 {
        font-size: 34px;line-height: 40px;
    }
    .card-video h4 {
        font-size: 24px;line-height: 30px;
    }
    .card-video p {
        font-size: 20px;line-height: 28px;
    }
    .v_link_text {
        font-size: 20px;line-height: 30px;
    }
    .v_imgbox {
        margin: 0 0 10px;
    }
    .testimonial-inner .bdr-box:before {
        border-width: 3px;left: 5px;top: 5px;bottom: -10px;right: -2px;
    }
    .slick-arrow {
        width: 40px;height: 40px;
    }
    .slick-arrow:after{
        border-width: 3px;
    }
    .slick-arrow:before{
        background-size: 12px auto;
    }
    .testimonial-slider .slick-prev.slick-arrow {
        left: -60px;
    }
    .testimonial-slider .slick-arrow.slick-next {
        right: -66px;
    }
    .card-act .bdr-box:before {
        left: -1px;top: -1px;right: -1px;bottom: -1px;
    }

    /*Footer*/
    .footer{
        padding: 0;
    }
    .footer-bg{
        left: -2%; right: -2%; border-top-left-radius: 30%; border-top-right-radius: 30%;
    }
    .footer h4 {
        font-size: 28px;line-height: 32px;
    }
    /*.s-icon{font-size: 28px;line-height: 30px;}
    .s-icon .la-facebook-f{font-size: 24px;}
    */
    /*Internal pages*/
    .header-blank{
        height: 110px;
    }
    .register-box .bottom-btnbox .btn {
        min-width: 180px;
        margin: 10px;
    }
    .register-block-1{
        padding: 60px; background: #FFF001; border-radius: 100px; min-height: inherit;
    }
    .register-block-1 .back-link {
        left: -20px;top: -30px;
    }
    .input-field .label {
        font-size: 22px;line-height: 22px; margin: 0 0 7px;
    }
    .input-field input,
    .input-field textarea,
    .input-field .selectbox select,
    .radio-option .checkmark,
    .input-field .selectbox:after{
        height: 50px; font-size: 22px;line-height: 22px;
    }
    .input-field textarea{
        height: 80px;
    }
    .form-inner {
        margin: 0 -15px;
    }
    .input-field {
        padding: 0 15px;
    }
    .card-plan {
        max-width: 100%;
    }
    .card-plan .h2 {
        font-size: 24px;line-height: 24px;
    }
    .card-plan .price {
        font-size: 32px;line-height: 32px;
    }
    .card-plan-inn{
        padding: 0;
    }
    .card-plan ul li {
        font-size: 18px; line-height: 20px;
    }
    .card-plan ul li:before {
        height: 14px;width: 8px;border-width: 2px;left: 5px;
    }
    .checkbox, .radiobox {
        font-size: 24px;line-height: 28px; padding-left: 30px;
    }
    .checkbox .checkmark,
    .radiobox .checkmark{
        width: 20px;height: 20px;
    }
    .radiobox .checkmark:after{
        left: 4px; right: 4px; top: 4px; bottom: 4px;
    }
    .checkbox .checkmark:before{
        font-size: 18px; line-height: 18px;
    }
    .card-option {
        padding: 0 0 10px;
    }
    .apply-btn {
        width: 140px;height: 50px;
    }
    .discount-inn input {
        padding-right: 140px;
    }
    .total-table td{
        font-size: 28px;
    }
    .btnbox-group .btn {
        min-width: 180px;margin: 10px;
    }
    .photo-upload {
        width: 100%;max-width: 300px; border-width: 3px;
    }
    .card-upto .imgbox{
        height: auto;
    }
    .bg_style_2 {
        background-position: 0 120px;
    }
    .card-upto .play_icon {
        width: 32px;height: 32px;margin-left: 10px;
    }
    .card-upto .v_link .v_link_text {
        font-size: 30px;line-height: 32px;
    }
    .content-box {
        padding: 40px;
    }
    .scroll-wrapper {
        padding: 0 10px 0 0 !important; margin-right: -10px;
    }
    .scrollbar > .scroll-element.scroll-y{
        width: 4px;
    }
    .login-block-bg{
        padding: 40px; background: #FB7C13; min-height: inherit; -webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px;
    }
    .fp-bg{
        background: #B992F2;
    }
    .testi-block-items + .testi-block-items {
        margin-top: 40px;
    }
    .testi-block-items .testimonial-inner{
        padding: 30px 30px 0;
    }
    .testimonial-inner .block-title {
        margin-top: 0;
    }
    .gallery-middle{
        padding: 20px 40px; margin-top: 50px;
    }
    .gall-list{
        margin: 0;
    }
    .gall-list .items{
        padding: 30px;
    }
    .gall-imgbox img{
        border-width: 7px;
    }
    .gall-imgbox{
        margin-bottom: 30px;
    }
    .gall-imgs-list .items{
        padding: 20px;
    }
    .zoom-icon{
        left: 7px; right: 7px; top: 7px; bottom: 7px;
    }
    .acc_trigger {
        font-size: 32px; line-height: 34px;
    }
    .trigger-icon {
        width: 24px; height: 24px;
    }
    .faq-list .items + .items {
        margin-top: 30px;
    }
    .faq-tab-list li {
        margin: 0 5px; padding: 10px 20px 8px; font-size: 24px; line-height: 28px; border-top-left-radius: 20px; border-top-right-radius: 20px;
    }
    .contact-form .input-field input,
    .contact-form .input-field textarea,
    .contact-form .input-field .selectbox select{
        border-width: 2px;
    }
    .library-list .items{
        padding: 15px;
    }
    .card-library .textarea,
    .card-library .btnbox{
        padding: 20px;
    }
    .card-library p{
        font-size: 18px;
    }
    .blue-theme{
        background:rgb(41,59,136); background:-moz-linear-gradient(top, rgba(41,59,136,1) 0%, rgba(0,122,241,1) 100%); background:-webkit-linear-gradient(top, rgba(41,59,136,1) 0%,rgba(0,122,241,1) 100%); background:linear-gradient(to bottom, rgba(41,59,136,1) 0%,rgba(0,122,241,1) 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#293b88', endColorstr='#007af1',GradientType=0);
    }
    .school-register-6{
        background: #58C0F2;
    }
    .inn-space {
        padding: 0;
    }
    .upload-input.input-field textarea{
        border-width: 3px; border-radius: 20px;
    }
    .zone-block{
        padding: 40px;
    }
    .zone-tab-list {
        margin: 0 0 20px;
    }
    .zone-tab-list li {
        font-size: 20px; line-height: 22px; margin: 0 2px;
    }
    .tab-link{
        padding: 10px 12px; font-size: 20px; line-height: 22px;
    }
    .next-prev-block {
        margin-left: -20px; margin-right: -20px;
    }
    .nextprev-link img {
        max-width: 180px;
    }
    .q-block .bottom-btnbox .btn {
        padding: 20px 40px; margin: 5px;
    }
    .test-inn-block .testi-block-items:first-child .testimonial-inner{
        padding-top: 140px;
    }
    .testi-title.block-title{
        padding: 0 40px; margin: 80px 0 -110px;
    }
    .alpha-list li {
        margin: 0 0 10px; padding: 10px; font-size: 24px; line-height: 28px;
    }
    .alpha-name {
        font-size: 32px; line-height: 34px;
    }
    .alpha-list li span {
        padding: 4px 0;
    }
    .compare-list {
        max-width: 540px;
    }
    .compare-cotnent-coll .items {
        padding: 0 15px;
    }
    .game-zone-list .items {
        margin: 0 0 20px; min-width: 25%; max-width: 25%;
    }
    .game-select-block {
        padding: 20px; min-width: 200px; left: 0 !important; right: 0 !important; top: 80%; border-radius: 10px;
    }
    .game-select-block:before {
        border-width: 0 15px 20px 15px; border-color: transparent transparent #293B88 transparent; left: 0 !important; right: 0 !important; bottom: 100%; top: auto; margin: 0 auto; transform: rotate(0deg);
    }
    .select-list .text {
        font-size: 20px; line-height: 24px;
    }
    .select-icon {
        min-width: 32px; max-width: 32px; margin-right: 10px;
    }
    .game-zone-list .items:nth-child(5n+1) .card-game,
    .game-zone-list .items:nth-child(5n+5) .card-game{
        margin: 0 auto;
    }
    .bg_style_7{
        background-repeat: repeat;
    }
    .sort-list-box .text {
        font-size: 24px; line-height: 28px; color: #fff;
    }
    .sort-list-box .number {
        min-width: 40px; max-width: 40px; height: 40px; font-size: 28px; line-height: 40px;
    }
    .sortable-item + .sortable-item {
        margin-top: 15px;
    }
    .button-group .btn {
        min-width: 120px; margin: 5px;
    }
    .adjust-bottom {
        margin-bottom: -30px;
    }
    .list-match {
        transform: scale(0.8);zoom: 0.6;
    }
    .bdr-box {
        padding: 40px;
    }
    .result-btns .btn {
        min-width: 340px;
    }
    .activities-main > .items + .items {
        margin-top: 40px;
    }
    .worksheet-items + .worksheet-items {
        margin-top: 20px;
    }
    .remove-file {
        font-size: 20px;
    }
    .check-imgbox {
        max-width: 160px;
    }
    .career-inner .left-block {
        flex-basis: 220px; min-width: 220px; max-width: 220px;
    }
    .career-inner .right-block {
        padding-left: 30px;
    }
    .career-inner .scroll-wrapper{
        padding-right: 20px !important;
    }
    .career-links li + li {
        margin-top: 10px;
    }
    .career-inner .max-h-880 {
        max-height: 640px;
    }
    .whatsapp-chat {
        right: 10px; bottom: 10px;
    }
    .journey-list.steps-list .items {
        margin: 0 28px;
    }
    .journey-list:before {
        width: 350px; height: 100px; top: 30px;
    }
    .upload-btnbox {
        min-width: 100px;
        max-width: 100px;
    }
    .download-btnbox .btn.big, .upload-btnbox .btn.big {
        font-size: 18px; padding: 5px 20px 6px; min-width: 90px;
    }
/*Footer*/
.footer{
    padding: 0;
}
.footer-bg{
    left: -2%; right: -2%; border-top-left-radius: 30%; border-top-right-radius: 30%;
}
.footer h4 {
    font-size: 28px;line-height: 32px;
}
/*.s-icon{font-size: 28px;line-height: 30px;}
.s-icon .la-facebook-f{font-size: 24px;}
*/
/*Internal pages*/
.header-blank{
    height: 110px;
}
.register-box .bottom-btnbox .btn {
    min-width: 180px;
    margin: 10px;
}
.register-block-1{
    padding: 60px; background: #FFF001; border-radius: 100px; min-height: inherit;
}
.register-block-1 .back-link {
    left: -20px;top: -30px;
}
.input-field .label {
    font-size: 22px;line-height: 22px; margin: 0 0 7px;
}
.input-field input,
.input-field textarea,
.input-field .selectbox select,
.radio-option .checkmark,
.input-field .selectbox:after{
    height: 50px; font-size: 22px;line-height: 22px;
}
.input-field textarea{
    height: 80px;
}
.form-inner {
    margin: 0 -15px;
}
.input-field {
    padding: 0 15px;
}
.card-plan {
    max-width: 100%;
}
.card-plan .h2 {
    font-size: 24px;line-height: 24px;
}
.card-plan .price {
    font-size: 32px;line-height: 32px;
}
.card-plan-inn{
    padding: 0;
}
.card-plan ul li {
    font-size: 18px; line-height: 20px;
}
.card-plan ul li:before {
    height: 14px;width: 8px;border-width: 2px;left: 5px;
}
.checkbox, .radiobox {
    font-size: 24px;line-height: 28px; padding-left: 30px;
}
.checkbox .checkmark,
.radiobox .checkmark{
    width: 20px;height: 20px;
}
.radiobox .checkmark:after{
    left: 4px; right: 4px; top: 4px; bottom: 4px;
}
.checkbox .checkmark:before{
    font-size: 18px; line-height: 18px;
}
.card-option {
    padding: 0 0 10px;
}
.apply-btn {
    width: 140px;height: 50px;
}
.discount-inn input {
    padding-right: 140px;
}
.total-table td{
    font-size: 28px;
}
.btnbox-group .btn {
    min-width: 180px;margin: 10px;
}
.photo-upload {
    width: 100%;max-width: 300px; border-width: 3px;
}
.card-upto .imgbox{
    height: auto;
}
.bg_style_2 {
    background-position: 0 120px;
}
.card-upto .play_icon {
    width: 32px;height: 32px;margin-left: 10px;
}
.card-upto .v_link .v_link_text {
    font-size: 30px;line-height: 32px;
}
.content-box {
    padding: 40px;
}
.scroll-wrapper {
    padding: 0 10px 0 0 !important; margin-right: -10px;
}
.scrollbar > .scroll-element.scroll-y{
    width: 4px;
}
.login-block-bg{
    padding: 40px; background: #FB7C13; min-height: inherit; -webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px;
}
.fp-bg{
    background: #B992F2;
}
.testi-block-items + .testi-block-items {
    margin-top: 40px;
}
.testi-block-items .testimonial-inner{
    padding: 30px 30px 0;
}
.testimonial-inner .block-title {
    margin-top: 0;
}
.gallery-middle{
    padding: 20px 40px; margin-top: 50px;
}
.gall-list{
    margin: 0;
}
.gall-list .items{
    padding: 30px;
}
.gall-imgbox img{
    border-width: 7px;
}
.gall-imgbox{
    margin-bottom: 30px;
}
.gall-imgs-list .items{
    padding: 20px;
}
.zoom-icon{
    left: 7px; right: 7px; top: 7px; bottom: 7px;
}
.acc_trigger {
    font-size: 32px; line-height: 34px;
}
.trigger-icon {
    width: 24px; height: 24px;
}
.faq-list .items + .items {
    margin-top: 30px;
}
.faq-tab-list li {
    margin: 0 5px; padding: 10px 20px 8px; font-size: 24px; line-height: 28px; border-top-left-radius: 20px; border-top-right-radius: 20px;
}
.contact-form .input-field input,
.contact-form .input-field textarea,
.contact-form .input-field .selectbox select{
    border-width: 2px;
}
.library-list .items{
    padding: 15px;
}
.card-library .textarea,
.card-library .btnbox{
    padding: 20px;
}
.card-library p{
    font-size: 18px;
}
.blue-theme{
    background:rgb(41,59,136); background:-moz-linear-gradient(top, rgba(41,59,136,1) 0%, rgba(0,122,241,1) 100%); background:-webkit-linear-gradient(top, rgba(41,59,136,1) 0%,rgba(0,122,241,1) 100%); background:linear-gradient(to bottom, rgba(41,59,136,1) 0%,rgba(0,122,241,1) 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#293b88', endColorstr='#007af1',GradientType=0);
}
.school-register-6{
    background: #58C0F2;
}
.inn-space {
    padding: 0;
}
.upload-input.input-field textarea{
    border-width: 3px; border-radius: 20px;
}
.zone-block{
    padding: 40px;
}
.zone-tab-list {
    margin: 0 0 20px;
}
.zone-tab-list li {
    font-size: 20px; line-height: 22px; margin: 0 2px;
}
.tab-link{
    padding: 10px 12px; font-size: 20px; line-height: 22px;
}
.next-prev-block {
    margin-left: -20px; margin-right: -20px;
}
.nextprev-link img {
    max-width: 180px;
}
.q-block .bottom-btnbox .btn {
    padding: 20px 40px; margin: 5px;
}
.test-inn-block .testi-block-items:first-child .testimonial-inner{
    padding-top: 140px;
}
.testi-title.block-title{
    padding: 0 40px; margin: 80px 0 -110px;
}
.alpha-list li {
    margin: 0 0 10px; padding: 10px; font-size: 24px; line-height: 28px;
}
.alpha-name {
    font-size: 32px; line-height: 34px;
}
.alpha-list li span {
    padding: 4px 0;
}
.compare-list {
    max-width: 540px;
}
.compare-cotnent-coll .items {
    padding: 0 15px;
}
.game-zone-list .items {
    margin: 0 0 20px; min-width: 25%; max-width: 25%;
}
.game-select-block {
    padding: 20px; min-width: 200px; left: 0 !important; right: 0 !important; top: 80%; border-radius: 10px;
}
.game-select-block:before {
    border-width: 0 15px 20px 15px; border-color: transparent transparent #293B88 transparent; left: 0 !important; right: 0 !important; bottom: 100%; top: auto; margin: 0 auto; transform: rotate(0deg);
}
.select-list .text {
    font-size: 20px; line-height: 24px;
}
.select-icon {
    min-width: 32px; max-width: 32px; margin-right: 10px;
}
.game-zone-list .items:nth-child(5n+1) .card-game,
.game-zone-list .items:nth-child(5n+5) .card-game{
    margin: 0 auto;
}
.bg_style_7{
    background-repeat: repeat;
}
.sort-list-box .text {
    font-size: 24px; line-height: 28px; color: #fff;
}
.sort-list-box .number {
    min-width: 40px; max-width: 40px; height: 40px; font-size: 28px; line-height: 40px;
}
.sortable-item + .sortable-item {
    margin-top: 15px;
}
.button-group .btn {
    min-width: 120px; margin: 5px;
}
.adjust-bottom {
    margin-bottom: -30px;
}
.list-match {
    transform: scale(0.8);zoom: 0.6;
}
.bdr-box {
    padding: 40px;
}
.result-btns .btn {
    min-width: 340px;
}
.activities-main > .items + .items {
    margin-top: 40px;
}
.worksheet-items + .worksheet-items {
    margin-top: 20px;
}
.remove-file {
    font-size: 20px;
}
.check-imgbox {
    max-width: 160px;
}
.career-inner .left-block {
    flex-basis: 220px; min-width: 220px; max-width: 220px;
}
.career-inner .right-block {
    padding-left: 30px;
}
.career-inner .scroll-wrapper{
    padding-right: 20px !important;
}
.career-links li + li {
    margin-top: 10px;
}
.career-inner .max-h-880 {
    max-height: 640px;
}
.whatsapp-chat {
    right: 10px; bottom: 10px;
}
.journey-list.steps-list .items {
    margin: 0 28px;
}
.journey-list:before {
    width: 350px; height: 100px; top: 30px;
}
.upload-btnbox {
    min-width: 100px;
    /*max-width: 100px;*/
}
.download-btnbox .btn.big, .upload-btnbox .btn.big {
    font-size: 18px; padding: 5px 20px 6px; min-width: 90px;
}

    .dash-top-inner .name-word-box {
        margin-right: 10px; min-width: 60px; max-width: 60px; height: 60px; font-size: 28px;
    }
    .dash-top-inner .col .label,
    .dash-top-inner .col .value{
        font-size: 24px; line-height: 1;
    }
    .dash-box-list.steps-list .items {
        padding: 20px;
    }
    .dash-box-list .card-step .bdr-box {
        width: 240px; height: 150px;
    }
    .dash-box-list .card-step p {
        font-size: 24px; line-height: 1; margin-top: 10px;
    }
    .dire-btn{
        left: 5px;
    }
    .dire-btn.js-cal-next{
        right: 5px;
    }
    .calendar-table thead th{
        font-size: 20px;
    }
    .calendar-day .date{
        font-size: 18px;
    }
    .student-grade-table th,
    .student-grade-table td{
        padding: 10px 20px; font-size: 18px;
    }
    .grade-list {
        margin: 0 -15px;
    }
    .grade-list .items {
        padding: 0 15px;
    }
    .scrp-number + .scrp-number {
        margin-top: 30px !important;
    }
    .month-data-list {
        margin: 0 -15px;
    }
    .month-data-list .items {
        padding: 15px; margin: 0;
    }
    .sheet-head, .items-main {
        padding: 0 20px;
    }
    .sheet-head .text {
        font-size: 20px; line-height: 24px;
    }
    .sheet-body p {
        font-size: 18px; line-height: 22px;
    }
    .feedback-list .items.col_1 {
        width: 30%;
    }
    .price-plan-main .bdr-box {
        padding: 40px;
    }
    .price-plan-list{
        margin: 0 -15px;
    }
    .price-plan-list .items {
        padding: 0 15px; margin: 0 0 20px;
    }
    .edit-acc-main .bdr-box-inner {
        padding: 0;
    }
    .compare-cotnent-coll .content-box .h2{
        min-height: 64px;
    }


}
/* iPad 768px view*/
@media screen and (max-width:991px){
    .container{max-width:768px;}
    h1, .h1{font-size: 34px;line-height: 34px; margin: 0 0 20px;}
    p{margin:0 0 15px;}
    .ptb-120{padding:80px 0;}
    .ptb-100, .ptb-80{padding:60px 0;}
    .mb-60 {margin-bottom: 40px !important;}
    .button:before, .btn:before{display:none;}
    /*Header and banner*/
    .cap-left {min-width: 410px;max-width: 410px;}
    .back_imgbox {left: auto; right: -110px; bottom: -80px;width: 500px;}
    .front_imgbox {left: auto; right: 10px; width: 190px;}
    .solution-title {
        margin: -40px 40px 0;
    }
    .solu-content-block h4 {
        font-size: 28px; line-height: 34px;
    }
    .whychoose-section {
        padding: 0;
    }
    .v_tl .h2 {
        font-size: 28px; line-height: 34px;
    }
    .v_tl {
        left: -108px;top: 200px;padding: 10px 30px 15px;border-radius: 20px;
    }
    .v_tl.bdr-box:before {
        left: 3px;top: -5px;right: -5px;bottom: 3px;border-radius: 20px;
    }
    .why-inner {
        padding-left: 45px;
    }
    .why-list-info {
        background-size: 676px auto;height: 440px;padding-left: 100px;font-size: 20px;line-height: 48px;
    }
    .center-block {
        transform: scale(0.7);
    }
    .benefit-list .items:nth-child(4) {
        left: -40px;
    }
    .benefit-list .items:nth-child(5) {
        right: -20px;
    }
    .benefit-list .items {
        min-width: 240px; max-width: 240px;
    }
    .benefit-list h5 {
        font-size: 22px; line-height: 24px;
    }
    .card-step p {
        font-size: 22px;
        line-height: 24px;
    }
    .card-step .bdr-box {
        padding: 10px 20px; width: 180px; height: 110px;
    }
    .steps-list .items {
        margin: 0 0 50px 50px;
    }
    .steps-list {
        background-size: 680px auto;max-width: 100%;
    }
    .act-list .items {
        margin: 0 0 40px;
    }
    .steps-section {
        padding-bottom: 20px;
    }
    .register-inner {
        width: 100%;height: 330px;
    }
    .register-inner p {
        font-size: 24px;line-height: 28px;
    }
    .testimonial-block {
        padding: 40px 20px;
    }
    .back-linkbox {
        top: 0;
    }
    .gall-imgbox img {
        border-width: 5px;
    }
    .gall-imgs-list .items{
        padding: 15px;
    }
    .alpha-list li{
        min-width: 33.33%; max-width: 33.33%;
    }
    .game-zone-list .items {
        min-width: 33.33%; max-width: 33.33%;
    }
    .game-select-block {
        padding: 20px; min-width: 200px; left: 0 !important; right: 0 !important; top: 80%; border-radius: 10px;
    }
    .game-select-block:before {
        border-width: 0 15px 20px 15px; border-color: transparent transparent #293B88 transparent; left: 0 !important; right: 0 !important; bottom: 100%; top: auto; margin: 0 auto; transform: rotate(0deg);
    }
    .select-list li + li {
        margin-top: 15px;
    }
    .bdr-box .next-prev-block {
        margin: 0 -40px;
    }
    .list-match {
        transform: scale(0.8);zoom: 0.5;
    }
    .career-inner{
        flex-wrap: wrap;
    }
    .career-inner .left-block {
        flex-basis: 100%; min-width: 100%; max-width: 100%; margin: 0 0 20px;
    }
    .career-links {
        flex-direction: row; flex-wrap: wrap; justify-content: center;
    }
    .career-links li + li {
        margin-top: 5px;
    }
    .career-links li{
        margin: 5px;
    }
    .career-links .btn{
        font-size: 18px; padding: 8px 20px; min-width: 110px;
    }
    .career-inner .right-block {
        padding-left: 0;
    }
    .cluster-btnbox {
        padding-top: 20px;
    }
    .arrange-list-block {
        max-width: 360px;
    }
    .activities-main .sub-items {
        min-width: 100%; max-width: 100%;
    }
    .dash-top-inner .col {
        padding: 0 15px;
    }
    .col.name {
        min-width: 220px; max-width: 220px;
    }
    .completed-block{
        margin: 0 -10px;
    }
    .completed-block .items{
        padding: 10px;
    }
    .calendar-main .right-block{
        margin-top: 40px;
    }
    .sheet-head, .items-main {
        padding: 0 20px;
    }
    .sheet-head .text {
        font-size: 20px; line-height: 24px;
    }
    .modal-gall-slider {
        margin: 0 -20px;
    }
    .top-student {
        margin-top: 40px;
    }
    .training-list .items.col_2 {
        width: 50%;
    }
    .training-list .sheet-head .items:last-child,
    .training-list .sheet-body .items:last-child{
        width: 100px;
    }
    .career-tl-inn .back-link {
        position: absolute;
    }
.container{max-width:768px;}
h1, .h1{font-size: 34px;line-height: 34px; margin: 0 0 20px;}
p{margin:0 0 15px;}
.ptb-120{padding:80px 0;}
.ptb-100, .ptb-80{padding:60px 0;}
.mb-60 {margin-bottom: 40px !important;}
.button:before, .btn:before{display:none;}
/*Header and banner*/
.cap-left {min-width: 410px;max-width: 410px;}
.back_imgbox {left: auto; right: -110px; bottom: -80px;width: 500px;}
.front_imgbox {left: auto; right: 10px; width: 190px;}
.solution-title {
    margin: -40px 40px 0;
}
.solu-content-block h4 {
    font-size: 28px; line-height: 34px;
}
.whychoose-section {
    padding: 0;
}
.v_tl .h2 {
    font-size: 28px; line-height: 34px;
}
.v_tl {
    left: -108px;top: 200px;padding: 10px 30px 15px;border-radius: 20px;
}
.v_tl.bdr-box:before {
    left: 3px;top: -5px;right: -5px;bottom: 3px;border-radius: 20px;
}
.why-inner {
    padding-left: 45px;
}
.why-list-info {
    background-size: 676px auto;height: 440px;padding-left: 100px;font-size: 20px;line-height: 48px;
}
.center-block {
    transform: scale(0.7);
}
.benefit-list .items:nth-child(4) {
    left: -40px;
}
.benefit-list .items:nth-child(5) {
    right: -20px;
}
.benefit-list .items {
    min-width: 240px; max-width: 240px;
}
.benefit-list h5 {
    font-size: 22px; line-height: 24px;
}
.card-step p {
    font-size: 22px;
    line-height: 24px;
}
.card-step .bdr-box {
    padding: 10px 20px; width: 180px; height: 110px;
}
.steps-list .items {
    margin: 0 0 50px 50px;
}
.steps-list {
    background-size: 680px auto;max-width: 100%;
}
.act-list .items {
    margin: 0 0 40px;
}
.steps-section {
    padding-bottom: 20px;
}
.register-inner {
    width: 100%;height: 330px;
}
.register-inner p {
    font-size: 24px;line-height: 28px;
}
.testimonial-block {
    padding: 40px 20px;
}
.back-linkbox {
    top: 0;
}
.gall-imgbox img {
    border-width: 5px;
}
.gall-imgs-list .items{
    padding: 15px;
}
.alpha-list li{
    min-width: 33.33%; max-width: 33.33%;
}
.game-zone-list .items {
    min-width: 33.33%; max-width: 33.33%; 
}
.game-select-block {
    padding: 20px; min-width: 200px; left: 0 !important; right: 0 !important; top: 80%; border-radius: 10px;
}
.game-select-block:before {
    border-width: 0 15px 20px 15px; border-color: transparent transparent #293B88 transparent; left: 0 !important; right: 0 !important; bottom: 100%; top: auto; margin: 0 auto; transform: rotate(0deg);
}
.select-list li + li {
    margin-top: 15px;
}
.bdr-box .next-prev-block {
    margin: 0 -40px;
}
.list-match {
    transform: scale(0.8);zoom: 0.5;
}
.career-inner{
    flex-wrap: wrap;
}
.career-inner .left-block {
    flex-basis: 100%; min-width: 100%; max-width: 100%; margin: 0 0 20px;
}
.career-links {
    flex-direction: row; flex-wrap: wrap; justify-content: center;
}
.career-links li + li {
    margin-top: 5px;
}
.career-links li{
    margin: 5px;
}
.career-links .btn{
    font-size: 18px; padding: 8px 20px; min-width: 110px;
}
.career-inner .right-block {
    padding-left: 0;
}
.cluster-btnbox {
    padding-top: 20px;
}
.arrange-list-block {
    max-width: 360px;
}
.activities-main .sub-items {
    min-width: 100%; max-width: 100%;
}
.dash-top-inner .col {
    padding: 0 15px;
}
.col.name {
    min-width: 220px; max-width: 220px;
}
.completed-block{
    margin: 0 -10px;
}
.completed-block .items{
    padding: 10px;
}
.calendar-main .right-block{
    margin-top: 40px;
}
.sheet-head, .items-main {
    padding: 0 20px;
}
.sheet-head .text {
    font-size: 20px; line-height: 24px;
}
.modal-gall-slider {
    margin: 0 -20px;
}
.top-student {
    margin-top: 40px;
}
.training-list .items.col_2 {
    width: 50%;
}
.training-list .sheet-head .items:last-child,
.training-list .sheet-body .items:last-child{
    width: 100px;
}
.career-tl-inn .back-link {
    position: absolute;
}

}
/* iPhone-6 plus 736 (Landscape) view */
@media screen and (max-width:767px){
    body{-webkit-text-size-adjust:none;}
    .container{max-width:100%;}
    h1, .h1 {font-size: 32px;line-height: 34px;}
    h2, .h2 {font-size: 28px;line-height: 32px;}
    p{margin:0 0 15px;}
    .ptb-120, .ptb-100, .ptb-80, .ptb-90{padding:50px 0;}
    .ptb-60, .ptb-50{padding:40px 0;}
    /*Header and banner*/
    .mobile-menu-block{width:100%; left:-105%;}
    .mobi-btnbox{display: block;}
    .desktop-view-btns{display: none;}
    .user-block{
        display: block;
    }
    .user-iconbox {
        display: block; background: #fff; font-size: 24px; line-height: 44px; color: #58C0F2; width: 44px; height: 44px; text-align: center; border-radius: 50%; box-shadow: 0 0 5px rgb(0 0 0 / 20%); cursor: pointer; position: relative; z-index: 2;
    }
    .user-iconbox:after{
        display: none;
    }
    .user-block.show .user-iconbox{
        border-bottom-left-radius: 0; border-bottom-right-radius: 0; box-shadow: 0 -5px 5px rgb(0 0 0 / 20%);
    }
    .user-dropdown {
        display: none; padding: 15px; margin: 0; position: absolute; right: 0; top: 100%; background: #fff; border-radius: 10px; box-shadow: 0 0 10px rgb(0 0 0 / 50%); border: 0; z-index: 1;
    }
    .user-dropdown .head-btnbox {
        flex-direction: column;
    }
    .user-dropdown .head-btnbox .btn {
        margin: 2px 0; padding: 5px 10px; font-size: 18px; width: 100%; max-width: 130px;
    }
    .home-banner-section {
        padding: 120px 0 200px;height: auto;background-position: right bottom;
    }
    .home-banner-inn {
        flex-direction: column;flex-wrap: wrap;
    }
    .cap-left {
        min-width: 100%;max-width: 100%;
    }
    .cap-right {
        width: 100%;min-width: 100%;
    }
    .back_imgbox {
        width: 370px;position: relative;right: 0;left: -30px; margin: 0 auto;
    }
    .front_imgbox {
        left: 0;right: 0;width: 150px;margin: 0 auto;
    }
    .cap-btnbox {
        flex-wrap: wrap;
    }
    .cap-left .btn + .link {
        margin: 10px;
    }

    .research-inner {
        padding: 80px 20px 30px;margin: 10px 0 0 10px;
    }
    .rsch-tl {
        left: 0;
    }
    .dot-list li {
        font-size: 22px;line-height: 24px;padding-left: 18px;
    }
    .result-title {
        padding: 80px 0;
    }
    .result-title h4 {
        font-size: 24px;
        line-height: 28px;
    }
    .boy_icon {
        background-size: 100% auto;width: 50px;height: 60px;top: -30px;left: 30px;
    }
    .result-list .items:before {
        left: 0;right: 0;top: -20px; margin: 0 auto; text-align: center;
    }
    .girl_icon {
        background-size: 100% auto;width: 60px;height: 66px;top: -30px;right: 10px;
    }
    .solution-box {
        padding: 40px 30px 80px;
    }
    .solution-box h4 {
        font-size: 24px;line-height: 28px;
    }
    .solution-title {
        margin: -40px 20px 0;border-radius: 30px; flex-direction: column; justify-content: center;
    }
    .solution-title .h2 {
        font-size: 32px;line-height: 40px;
    }
    .thumb_tl{
        margin: 0 0 10px;
    }
    .solu-content-block .imgbox img {
        display: block;
        margin: 0 auto;
    }
    .solu-content-block .right-block{
        margin-top: 20px;
    }
    .block-title .h2 br{
        display: none;
    }
    .circle_line img {
        max-width: 260px;
    }
    .solu-content-block h4 {
        font-size: 24px;line-height: 32px;
    }
    .why-inner {
        padding-left: 0;
    }
    .v_tl {
        z-index: 2; transform: rotate(0deg); left: 20px; right: 20px; top: -40px;
    }
    .why-list-info {
        height: auto; padding: 40px 20px; font-size: 20px; line-height: 34px; background: #FB7C13; border-radius: 20px;
    }
    .center-block {
        transform: scale(1); width: 280px; height: 360px; position: relative; padding: 120px 0 0; margin: 0 auto -184px;
    }
    .benefit-inner .resp-tabs-container {
        background: #58C0F2; position: relative; padding: 200px 20px 40px; border-radius: 20px;
    }
    .benefit-inner h4.resp-accordion{
        display: none;
    }
    .benefit-inner {
        padding: 0; border-radius: 0; background: none;
    }
    .benefits-section {
        padding: 0;
    }
    .benefit-tab-list li {
        padding: 5px 15px; font-size: 18px; line-height: 24px;
    }
    .benefit-list .items {
        min-width: 100%;max-width: 100%;padding: 0 !important; position: static !important; text-align: center !important; height: auto;
    }
    .benefit-list .items + .items{
        margin-top: 20px;
    }
    .benefit-list h5 {
        font-size: 22px;line-height: 24px; max-width: 100%;
    }
    .card-step .bdr-box {
        padding: 10px 20px; width: 100%; height: 110px;
    }
    .steps-list {
        padding: 0 20px; max-width: 280px; background: none;
    }
    .steps-list .items {
        margin: 0 auto !important; text-align: center; position: relative; width: 100%;
    }
    .steps-list .items + .items{
        margin-top: 20px !important;
    }
    .steps-list .items:before{
        display: block; content: ""; background:url('../images/steps-line.svg') no-repeat right -50px; background-size: 700px auto; width: 30px; height: 80px; position: absolute; right: 10px; top: 100%;
    }
    .steps-list .items:nth-child(2n):before{
        left: 10px; transform: rotate(215deg);
    }
    .steps-list .items:last-child:before{
        display: none;
    }
    .steps-list .items:nth-child(4){order: 4;}
    .steps-list .items:nth-child(5){order: 5;}
    .steps-list .items:nth-child(6){order: 6;}

    .testimonial-block .block-title{
        text-align: center;
    }
    .testimonial-block .block-title .h2{
        font-size: 28px; line-height: 32px;
    }
    .testimonial-block .block-title .h2 span{
        display: block;
    }
    .register-inner {
        padding: 60px 0 80px; height: auto;background-size: 250% auto;background-position: 0 center;border-radius: 100px;block-size: inherit;
    }
    .testimonial-inner {
        padding: 40px 30px 0;
    }
    .modal-dialog{
        margin-left: 20px; margin-right: 20px; max-width: 100%;
    }
    .m_close {
        right: -5px; top: -10px; width: 24px; height: 24px; background-color: rgba(41, 59, 136, 1) !important;
    }
    .testimonial-slider .slick-arrow {
        margin-top: -40px;
    }
    .testimonial-slider .slick-prev.slick-arrow {
        left: -28px;
    }
    .testimonial-slider .slick-arrow.slick-next {
        right: -32px;
    }
    .testimonial-inner .bdr-box{
        bottom: 130px;
    }

    /*Footer*/
    .footer-bg {
        left: 0;right: 0;border-top-left-radius: 80px;border-top-right-radius: 80px;
    }
    .footer-inner {
        padding: 20px 0;
    }
    .f-links{
        text-align: center;
    }
    .social-media {
        justify-content: center;
    }
    .footer h4 {
        font-size: 24px;line-height: 28px;margin: 0 0 10px;
    }
    .footer-inner{
        margin: 0;
    }
    .footer-inner > div + div {
        border-top: 1px solid rgba(0,0,0,0.2);padding-top: 20px;margin-top: 20px;
    }
    .footer-bottom{
        border-top: 1px solid rgba(0,0,0,0.2);padding-top: 20px;
    }
    .f-logos .items {
        max-width: 100px;padding: 5px;
    }
    .copyright-text p {
        font-size: 14px;
    }
    .register-box {
        padding: 40px 30px;
    }
    .register-block-1 {
        padding: 40px 30px; border-radius: 60px;
    }
    .register-block-1 .back-link {
        position: relative;left: -15px;right: 0;top: -15px;margin: 0 auto;width: 255px;justify-content: center;
    }
    .arrow-l {
        min-width: 20px;height: 20px; margin-right: 5px;
    }
    .input-field {
        flex-basis:100%;min-width:100%;max-width:100%;
    }
    .input-field.full-width.btnbox.mt-4 {
        margin-top: 0 !important;
    }
    .otp-input-block input {
        width: 50px;height: 50px; font-size: 28px;margin: 0 4px;
    }
    .register-block-1 .block-title {
        margin: 0 0 20px;
    }
    .back-linkbox {
        position: relative;display: flex;justify-content: center;margin: 0 0 20px;padding-right: 20px;
    }
    .card-option .radiobox {
        margin: 0 10px 10px;
    }
    .discount-inn input {
        padding-right: 15px;
    }
    .apply-btn {
        position: relative;width: 100%;margin: 10px 0 0;
    }
    .tl-style-2 {
        font-size: 34px;line-height: 34px;
    }
    .upto-list .items {
        margin: 0 0 10px;
    }
    .content-box {
        padding: 30px;
    }
    .content-style p, .content-style li {
        font-size: 20px; line-height: 24px;
    }
    .testi-block-items .testim-list .items + .items{
        margin-top: 40px;
    }
    .gall-list .items {
        padding: 20px 10px;
    }
    .acc_trigger {
        font-size: 28px; line-height: 32px; margin: 0 0 15px;
    }
    .faq-list .items + .items {
        margin-top: 20px;
    }
    .faq-tab-list{
        display: none !important;
    }
    #faqTab h4.resp-accordion{
        background: #0375e8 !important; color: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); border-radius: 30px;
    }
    #faqTab h4.resp-accordion.resp-tab-active{
        background: #ffe001 !important; color: #000 !important;
    }
    #faqTab .resp-tab-content{
        padding: 10px 0;
    }
    .input-coll-3 .input-field{
        min-width: 100%; max-width: 100%; margin-bottom: 30px;
    }
    .school-plan .items {
        padding: 0;
    }
    .discount-box .input-field.full-width{
        padding: 0;
    }
    .upload-input.input-field textarea{
        height: 220px;
    }
    .zone-tab-list{
        flex-wrap: wrap; justify-content: center;
    }
    .zone-tab-list li{
        width: auto; min-width: 160px; margin: 0 2px 4px;
    }
    .zone-tab-content .block-title {
        margin: 0 0 10px; flex-direction: column;
    }
    .zone-tab-content h4.resp-accordion{
        display: none; color: #fff; background: rgb(0,122,241) !important; background:-moz-linear-gradient(top, rgba(0,122,241,1) 0%, rgba(41,59,136,1) 100%) !important; background: -webkit-linear-gradient(top, rgba(0,122,241,1) 0%,rgba(41,59,136,1) 100%) !important; background: linear-gradient(to bottom, rgba(0,122,241,1) 0%,rgba(41,59,136,1) 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007af1', endColorstr='#293b88',GradientType=0 ); border-radius: 30px;
    }
    .zone-tab-content h4.resp-accordion.resp-tab-active{
        background: #FFE001 !important; color: #000;
    }
    .zone-tab-content .resp-tab-content{
        padding: 0 0 20px;
    }
    .zone-block {
        padding: 30px 20px; min-height: 100px;
    }
    .zone-block .btnbox .btn {
        min-width: 140px; margin: 5px;
    }
    .nextprev-link img {
        max-width: 150px;
    }
    .test-inn-block .testi-block-items:first-child .testimonial-inner{
        padding-top: 50px;
    }
    .testi-title.block-title{
        padding: 20px; margin: 0 20px -20px; text-align: center; border-radius: 20px; background: rgb(41,59,136); background: -moz-linear-gradient(top, rgba(41,59,136,1) 0%, rgba(76,97,186,1) 100%); background: -webkit-linear-gradient(top, rgba(41,59,136,1) 0%,rgba(76,97,186,1) 100%); background: linear-gradient(to bottom, rgba(41,59,136,1) 0%,rgba(76,97,186,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#293b88', endColorstr='#4c61ba',GradientType=0);
    }
    .audio-block.adjust-bottom{
        margin: 0; padding: 10px 0 0;
    }
    .search-block {
        margin: 20px auto 0;
    }
    /*
    .search-small-box input {
        padding: 5px 40px 5px 20px; width: 280px; height: 44px; font-size: 18px;
    }
    .search-btn-icon {
        width: 40px; height: 40px; line-height: 40px; font-size: 22px; right: 5px; top: 4px;
    }
    */
    .alpha-list li {
        min-width: 50%; max-width: 50%; font-size: 20px; line-height: 24px;
    }
    .zone-tab-content.ptb-40 {
        padding: 10px 0;
    }
    .compare-form .search-block {
        margin: 0; max-width: 100%;
    }
    .compare-list {
        padding: 20px 0;
    }
    .compare-list .items {
        padding: 0 10px; margin: 0 0 10px;
    }
    .compare-list .checkbox{
        font-size: 20px; line-height: 24px;
    }
    .compare-list .checkbox .checkmark:before{
        top: 0;
    }
    .compare-page-cotnent > .relative.ptb-20 {
        padding: 0;
    }
    .compare-cotnent-coll .content-box {
        padding: 30px;
    }
    .compare-cotnent-coll .items + .items{
        margin-top: 30px;
    }
    .search-block.y-clr{
        margin: 0 auto;
    }
    .button-group .btn{
        min-width: 110px; margin: 3px;
    }
    .adjust-bottom {
        margin-bottom: 0;
    }
    .match-block {
        max-width: 255px; margin: 0 auto;
    }
    .list-match {
        transform: scale(0.9); zoom: 0.3; margin: -60px -20% 0;
    }
    .result-btns .btn {
        min-width: 140px; width: 100%;
    }
    .card-worksheet {
        flex-direction: column; align-items: center; justify-content: center; text-align: center;
    }
    .card-worksheet .text {
        min-width: 100%; padding: 0 0 15px;
    }
    .upload-btnbox {
        margin: 10px auto 0; min-width: 100%; max-width: 100%; text-align: center !important;
    }
    .download-btnbox .btn.big, .upload-btnbox .btn.big{
        min-width: 130px;
    }
    .worksheet-items {
        padding: 30px 20px; border: 1px solid rgba(0,0,0,0.2); border-radius: 10px;
    }
    .activities-main .sub-items{
        padding: 0;
    }
    .zone-tab-content .act-box-tl {
        flex-direction: row;
    }
    .cluster-btnbox {
        flex-wrap: wrap; margin: 0 -5px;
    }
    .cluster-btnbox .btn {
        width: auto; margin: 5px; min-width: 180px;
    }
    .cluster-imgbox img,
    .cluster-videobox iframe{
        -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;
    }
    .audio-block audio {
        max-width: 100%;-webkit-transform:scale(1); -moz-transform:scale(1); transform:scale(1);
    }
    .card-library .imgbox{
        height: auto;
    }
    .journey-list:before{
        display: none;
    }
    .journey-list.steps-list .items + .items{
        margin-top: 50px !important;
    }
    .journey-list.steps-list .items:nth-child(3) .bdr-box {
        margin-top: 20px;
    }
    .sort-list-box .form-group {
        display: flex; flex-direction: column;
    }
    .arrange-list-block .form-group .invalid-feedback {
        position: relative; left: 0; padding: 0; min-width: 120px; max-width: 120px; text-align: right;
    }
    .card-worksheet .h3.text {
        min-width: 100%; max-width: 100%; padding-right: 0;
    }
    .game-zone-list {
        flex-wrap: wrap; justify-content: center; margin: 0;
    }
    .game-zone-list .items {
        min-width: 200px; max-width: 200px; margin: 10px; padding: 0;
    }
    #aq_d .back-link {
        margin: 0 auto; justify-content: center;
    }
    .activities-main .block-title.act-box-tl {
        padding: 0; border-bottom: 0;
    }
    .steps-list.dash-box-list {
        max-width: 100%; padding: 0;
    }
    .dash-box-list.steps-list .items {
        padding: 10px; width: auto; margin: 0 !important;
    }
    .dash-box-list.steps-list .items:before{
        display: none;
    }
    .dash-top-inner {
        flex-wrap: wrap;
    }
    .dash-top-inner .col{
        padding: 10px 0 !important; min-width: 100%;
    }
    .dash-top-inner .col + .col {
        border-left: 0;
        border-top: 1px dashed #000;
    }
    .dash-top-inner .col .label{
        margin: 0 0 5px;
    }
    .dash-top-block .bottom-btnbox{
        padding-top: 15px;
    }
    .bottom-btnbox .btn {
        margin: 5px;
    }
    .calendar-table thead th {
        font-size: 16px;
    }
    .calendar-day .date {
        font-size: 16px; line-height: 16px; width: 24px;
    }
    .month-name {
        max-width: 90%; white-space: normal; text-align: center; margin: 0 auto; font-size: 18px; line-height: 18px;
    }
    .view-btn{
        font-size: 16px;
    }
    .remain-text{
        font-size: 16px;
    }
    .card-comp h3 {
        font-size: 20px; line-height: 20px;
    }
    /*
    .graph-block{
        width: 480px; height: 220px;
    }
    .graph-block > div{
        transform: scale(0.57); transform-origin: top left;
    }
    */
    .achievement-inner .bottom-btnbox .btn {
        min-width: 160px;
    }
    .sheet-list {
        margin: 0 -30px;
    }
    .sheet-head{
        display: none !important;
    }
    .items-main {
        flex-wrap: wrap; padding: 0 10px;
    }
    .items.col_1 {
        width: 8%;
    }
    .items.col_2 {
        width: 92%;
    }
    .items.col_3, .items.col_4 {
        width: 50% !important; text-align: center;
    }
    .dashboard-main .block-title {
        flex-direction: column;
    }
    .dashboard-main .block-title .link {
        right: 15px;
    }
    .dash-top-block .bottom-btnbox .btn {
        min-width: 200px;
    }
    .grade-list .items + .items{
        margin-top: 30px;
    }
    .tl-v{
        left: -10px;
    }
    .feedback-list .items.col_1,
    .feedback-list .items.col_2{
        width: 100%;
    }
    .feedback-list .sheet-body .items {
        padding-top: 15px; padding-bottom: 15px;
    }
    .feedback-list .sheet-body .items + .items {
        padding-top: 0;
    }
    .sheet-pagination {
        margin-left: -15px; margin-right: -15px; padding-top: 30px;
    }
    .training-list .items.col_2 {
        width: 92%;
    }
    .training-list .items.col_3,
    .training-list .items.col_4,
    .training-list .sheet-head .items:last-child,
    .training-list .sheet-body .items:last-child{
        width: 33.33% !important; text-align: center;
    }
    .number-page{
        font-size: 16px;
    }
    .pay-table-box .input-field.full-width.btnbox.mt-4 {
        margin-top: 20px !important;
    }
    .price-plan-main .bdr-box {
        padding: 40px 20px 10px;
    }
    .card-plan,
    .price-plan-list .card-plan{
        max-width: 300px; padding: 30px 20px;
    }
    .price-plan-list {
        margin: 0;
    }
    .price-plan-list .items{
        padding: 0;
    }
    .card-plan ul{
        padding: 10px 0 0;
    }
    .student-data-list .items.col_1{
        display: none;
    }
    .student-data-list .items.col_2 {
        width: 100%;
    }
    .student-data-list .items.col_3 {
        width: 100% !important;
        text-align: left;
    }
/*Footer*/
.footer-bg {
    left: 0;right: 0;border-top-left-radius: 80px;border-top-right-radius: 80px;
}
.footer-inner {
    padding: 20px 0;
}
.f-links{
    text-align: center;
}
.social-media {
    justify-content: center;
}
.footer h4 {
    font-size: 24px;line-height: 28px;margin: 0 0 10px;
}
.footer-inner{
    margin: 0;
}
.footer-inner > div + div {
    border-top: 1px solid rgba(0,0,0,0.2);padding-top: 20px;margin-top: 20px;
}
.footer-bottom{
    border-top: 1px solid rgba(0,0,0,0.2);padding-top: 20px;
}
.f-logos .items {
    max-width: 100px;padding: 5px;
}
.copyright-text p {
    font-size: 14px;
}
.register-box {
    padding: 40px 30px;
}
.register-block-1 {
    padding: 40px 30px; border-radius: 60px;
}
.register-block-1 .back-link {
    position: relative;left: -15px;right: 0;top: -15px;margin: 0 auto;width: 255px;justify-content: center;
}
.arrow-l {
    min-width: 20px;height: 20px; margin-right: 5px;
}
.input-field {
    flex-basis:100%;min-width:100%;max-width:100%;
}
.input-field.full-width.btnbox.mt-4 {
    margin-top: 0 !important;
}
.otp-input-block input {
    width: 50px;height: 50px; font-size: 28px;margin: 0 4px;
}
.register-block-1 .block-title {
    margin: 0 0 20px;
}
.back-linkbox {
    position: relative;display: flex;justify-content: center;margin: 0 0 20px;padding-right: 20px;
}
.card-option .radiobox {
    margin: 0 10px 10px;
}
.discount-inn input {
    padding-right: 15px;
}
.apply-btn {
    position: relative;width: 100%;margin: 10px 0 0;
}
.tl-style-2 {
    font-size: 34px;line-height: 34px;
}
.upto-list .items {
    margin: 0 0 10px;
}
.content-box {
    padding: 30px;
}
.content-style p, .content-style li {
    font-size: 20px; line-height: 24px;
}
.testi-block-items .testim-list .items + .items{
    margin-top: 40px;
}
.gall-list .items {
    padding: 20px 10px;
}
.acc_trigger {
    font-size: 28px; line-height: 32px; margin: 0 0 15px;
}
.faq-list .items + .items {
    margin-top: 20px;
}
.faq-tab-list{
    display: none !important;
}
#faqTab h4.resp-accordion{
    background: #0375e8 !important; color: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); border-radius: 30px;
}
#faqTab h4.resp-accordion.resp-tab-active{
    background: #ffe001 !important; color: #000 !important;
}
#faqTab .resp-tab-content{
    padding: 10px 0;
}
.input-coll-3 .input-field{
    min-width: 100%; max-width: 100%; margin-bottom: 30px;
}
.school-plan .items {
    padding: 0;
}
.discount-box .input-field.full-width{
    padding: 0;
}
.upload-input.input-field textarea{
    height: 220px;
}
.zone-tab-list{
    flex-wrap: wrap; justify-content: center;
}
.zone-tab-list li{
    width: auto; min-width: 160px; margin: 0 2px 4px;
}
.zone-tab-content .block-title {
    margin: 0 0 10px; flex-direction: column;
}
.zone-tab-content h4.resp-accordion{
    display: none; color: #fff; background: rgb(0,122,241) !important; background:-moz-linear-gradient(top, rgba(0,122,241,1) 0%, rgba(41,59,136,1) 100%) !important; background: -webkit-linear-gradient(top, rgba(0,122,241,1) 0%,rgba(41,59,136,1) 100%) !important; background: linear-gradient(to bottom, rgba(0,122,241,1) 0%,rgba(41,59,136,1) 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007af1', endColorstr='#293b88',GradientType=0 ); border-radius: 30px;
}
.zone-tab-content h4.resp-accordion.resp-tab-active{
    background: #FFE001 !important; color: #000;
}
.zone-tab-content .resp-tab-content{
    padding: 0 0 20px;
}
.zone-block {
    padding: 30px 20px; min-height: 100px;
}
.zone-block .btnbox .btn {
    min-width: 140px; margin: 5px;
}
.nextprev-link img {
    max-width: 150px;
}
.test-inn-block .testi-block-items:first-child .testimonial-inner{
    padding-top: 50px;
}
.testi-title.block-title{
    padding: 20px; margin: 0 20px -20px; text-align: center; border-radius: 20px; background: rgb(41,59,136); background: -moz-linear-gradient(top, rgba(41,59,136,1) 0%, rgba(76,97,186,1) 100%); background: -webkit-linear-gradient(top, rgba(41,59,136,1) 0%,rgba(76,97,186,1) 100%); background: linear-gradient(to bottom, rgba(41,59,136,1) 0%,rgba(76,97,186,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#293b88', endColorstr='#4c61ba',GradientType=0);
}
.audio-block.adjust-bottom{
    margin: 0; padding: 10px 0 0;
}
.search-block {
    margin: 20px auto 0;
}
/*
.search-small-box input {
    padding: 5px 40px 5px 20px; width: 280px; height: 44px; font-size: 18px;
}
.search-btn-icon {
    width: 40px; height: 40px; line-height: 40px; font-size: 22px; right: 5px; top: 4px;
}
*/
.alpha-list li {
    min-width: 50%; max-width: 50%; font-size: 20px; line-height: 24px;
}
.zone-tab-content.ptb-40 {
    padding: 10px 0;
}
.compare-form .search-block {
    margin: 0; max-width: 100%;
}
.compare-list {
    padding: 20px 0;
}
.compare-list .items {
    padding: 0 10px; margin: 0 0 10px;
}
.compare-list .checkbox{
    font-size: 20px; line-height: 24px;
}
.compare-list .checkbox .checkmark:before{
    top: 0;
}
.compare-page-cotnent > .relative.ptb-20 {
    padding: 0;
}
.compare-cotnent-coll .content-box {
    padding: 30px;
}
.compare-cotnent-coll .items + .items{
    margin-top: 30px;
}
.search-block.y-clr{
    margin: 0 auto;
}
.button-group .btn{
    min-width: 110px; margin: 3px;
}
.adjust-bottom {
    margin-bottom: 0;
}
.match-block {
    max-width: 255px; margin: 0 auto;
}
.list-match {
    transform: scale(0.9); zoom: 0.3; margin: -60px -20% 0;
}
.result-btns .btn {
    min-width: 140px; width: 100%;
}
.card-worksheet {
    flex-direction: column; align-items: center; justify-content: center; text-align: center;
}
.card-worksheet .text {
    min-width: 100%; padding: 0 0 15px;
}
.upload-btnbox {
    margin: 10px auto 10px; min-width: 100%; max-width: 100%; text-align: center !important;
}
.download-btnbox .btn.big, .upload-btnbox .btn.big{
    min-width: 130px;
}
.worksheet-items {
    padding: 30px 20px; border: 1px solid rgba(0,0,0,0.2); border-radius: 10px;
}
.activities-main .sub-items{
    padding: 0;
}
.zone-tab-content .act-box-tl {
    flex-direction: row;
}
.cluster-btnbox {
    flex-wrap: wrap; margin: 0 -5px;
}
.cluster-btnbox .btn {
    width: auto; margin: 5px; min-width: 180px;
}
.cluster-imgbox img,
.cluster-videobox iframe{
    -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;
}
.audio-block audio {
    max-width: 100%;-webkit-transform:scale(1); -moz-transform:scale(1); transform:scale(1);
}
.card-library .imgbox{
    height: auto;
}
.journey-list:before{
    display: none;
}
.journey-list.steps-list .items + .items{
    margin-top: 50px !important;
}
.journey-list.steps-list .items:nth-child(3) .bdr-box {
    margin-top: 20px;
}
.sort-list-box .form-group {
    display: flex; flex-direction: column;
}
.arrange-list-block .form-group .invalid-feedback {
    position: relative; left: 0; padding: 0; min-width: 120px; max-width: 120px; text-align: right;
}
.card-worksheet .h3.text {
    min-width: 100%; max-width: 100%; padding-right: 0;
}
.game-zone-list {
    flex-wrap: wrap; justify-content: center; margin: 0;
}
.game-zone-list .items {
    min-width: 200px; max-width: 200px; margin: 10px; padding: 0;
}
#aq_d .back-link {
    margin: 0 auto; justify-content: center;
}
.activities-main .block-title.act-box-tl {
    padding: 0; border-bottom: 0;
}
.steps-list.dash-box-list {
    max-width: 100%; padding: 0;
}
.dash-box-list.steps-list .items {
    padding: 10px; width: auto; margin: 0 !important;
}
.dash-box-list.steps-list .items:before{
    display: none;
}
.dash-top-inner {
    flex-wrap: wrap;
}
.dash-top-inner .col{
    padding: 10px 0 !important; min-width: 100%;
}
.dash-top-inner .col + .col {
    border-left: 0;
    border-top: 1px dashed #000;
}
.dash-top-inner .col .label{
    margin: 0 0 5px;
}
.dash-top-block .bottom-btnbox{
    padding-top: 15px;
}
.bottom-btnbox .btn {
    margin: 5px;
}
.calendar-table thead th {
    font-size: 16px;
}
.calendar-day .date {
    font-size: 16px; line-height: 16px; width: 24px;
}
.month-name {
    max-width: 90%; white-space: normal; text-align: center; margin: 0 auto; font-size: 18px; line-height: 18px;
}
.view-btn{
    font-size: 16px;
}
.remain-text{
    font-size: 16px;
}
.card-comp h3 {
    font-size: 20px; line-height: 20px;
}
/*
.graph-block{
    width: 480px; height: 220px;
}
.graph-block > div{
    transform: scale(0.57); transform-origin: top left;
}
*/
.achievement-inner .bottom-btnbox .btn {
    min-width: 160px;
}
.sheet-list {
    margin: 0 -30px;
}
.sheet-head{
    display: none !important;
}
.items-main {
    flex-wrap: wrap; padding: 0 10px;
}
.items.col_1 {
    width: 8%;
}
.items.col_2 {
    width: 92%;
}
.items.col_3, .items.col_4 {
    width: 50% !important; text-align: center;
}
.dashboard-main .block-title {
    flex-direction: column;
}
.dashboard-main .block-title .link {
    right: 15px;
}
.dash-top-block .bottom-btnbox .btn {
    min-width: 200px;
}
.grade-list .items + .items{
    margin-top: 30px;
}
.tl-v{
    left: -10px;
}
.feedback-list .items.col_1,
.feedback-list .items.col_2{
    width: 100%;
}
.feedback-list .sheet-body .items {
    padding-top: 15px; padding-bottom: 15px;
}
.feedback-list .sheet-body .items + .items {
    padding-top: 0;
}
.sheet-pagination {
    margin-left: -15px; margin-right: -15px; padding-top: 30px;
}
.training-list .items.col_2 {
    width: 92%;
}
.training-list .items.col_3,
.training-list .items.col_4,
.training-list .sheet-head .items:last-child,
.training-list .sheet-body .items:last-child{
    width: 33.33% !important; text-align: center;
}
.number-page{
    font-size: 16px;
}
.pay-table-box .input-field.full-width.btnbox.mt-4 {
    margin-top: 20px !important;
}
.price-plan-main .bdr-box {
    padding: 40px 20px 10px;
}
.card-plan,
.price-plan-list .card-plan{
    max-width: 300px; padding: 30px 20px;
}
.price-plan-list {
    margin: 0;
}
.price-plan-list .items{
    padding: 0;
}
.card-plan ul{
    padding: 10px 0 0;
}
.student-data-list .items.col_1{
    display: none;
}
.student-data-list .items.col_2 {
    width: 100%;
}
.student-data-list .items.col_3 {
    width: 100% !important;
    text-align: left;
}

    .career-tl-inn{
        flex-direction: column; justify-content: center;
    }
    .career-tl-inn .back-link {
        position: relative; margin: 0 0 10px -20px;
    }
    .zone-tab-list.style-tab-list {
        justify-content: center;
    }

.register-block {
    background: #c4e2f5;
}
.register-block{
    height: auto;
    background:url('../images/register-bg.png') no-repeat center;
    background-size: cover;
}
.register-block .register-inner{
    background: none;
}
.associated-block .container{
    padding: 0;
}
.associated-list{
    padding: 0;
}
.associated-list .items{
    padding: 40px 10px;
}
.card-associ .imgbox{
    height: 100px;
}
.block-title {
    margin: 0 0 20px;
}
.tab-link{
    width: 100%;
}
.compare-cotnent-coll .content-box .h2{
    min-height: inherit;
}
.sticky-star-block {
    left: 5px;
    bottom: 5px;
}
div#\#announcement_box {
    padding: 22px;
}

}/*767 End*/
@media screen and (max-width:479px){
    .register-inner {background-size: 700% auto;}
    .compare-list .items{min-width: 100%; max-width: 100%;}
    .cluster-btnbox .btn {width: 100%;}
}
@media screen and (max-width:374px){
    .back_imgbox{left: -60px;}
    .v_tl .h2 {font-size: 22px;}
    .audio-block audio{width: 100%;}
    .alpha-list li {min-width: 100%; max-width: 100%;}
    .zone-tab-list li{min-width: 120px;}
    .button-group .btn {min-width: 90px;margin: 2px;}
}
.list-match .items .card-match {max-width: 46.5%;flex: 0 0 46.5%;padding-right:20px}
.list-match .items .card-match-middle {max-width: 4.5%;flex: 0 0 4.5%;}
.list-match .items .card-match-right {max-width: 49%;flex: 0 0 49%;padding-left: 40px;}
.list-match .items .card-match-right .text > div {margin-right: 8px}
.match-the-list-center-answer{
    flex: 0 0 37.5% !important;
}
@media (max-width: 575px){
    .list-match h3.text{margin-top: 100px;}
}
/*14-2-2023*/
.images_arc{display: flex; align-items: center; justify-content: center;}
.images_arc .achiev-logo{margin: 0 15px;}
.school_name_show{
    text-align: center; padding-bottom: 20px;
}
.school_name_show span{
    font-size: 52px; line-height: 60px;
}
/*17-2-23*/
/*@media (min-width:768px) and (max-width:991px){
     .fill-blank .career-inner .right-block .cluster-videobox{
        margin-right: -40px;
    }
}*/
/*28-8-23*/
@media screen and (min-width: 1250px) and (max-width: 1365px){
    .media_box{
        padding-top: 0 !important;
    }
}

/*=======Career Steps START=======*/
.career-about{
    width: 100%; max-width: 740px; margin: 0 auto;
}
.card-career {
    padding: 80px 110px; position: relative; z-index: 2; min-height: 200px; max-width: 680px;
}
.career-step-items{
    margin-top: -40px;
}
.career-step-items:first-child:after{
    content: ""; position: absolute; width: 50px; height: 50px; border-radius: 50%; background: #000; top: -40px; right: -4px; border: 2px solid #fff;
}
.career-step-items:first-child:before {
    content: ""; position: absolute; width: 8px; height: 8px; border-radius: 50%; background: #fff; top: -19px; right: 17px; z-index: 1;
}
.shape-box{
    position: absolute; left: 0; right: 0; top: 0;
    width: 50%; height: 100%; border: 40px solid #000;
}
.career-step-items:nth-child(odd) .shape-box{
    margin-left: auto;
    border-left: 0;
    -webkit-border-radius: 200px;
    -webkit-border-top-left-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    -moz-border-radius: 200px;
    -moz-border-radius-topleft: 0;
    -moz-border-radius-bottomleft: 0;
    border-radius: 200px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.career-step-items:nth-child(even) .shape-box{
    border-right: 0;
    -webkit-border-radius: 0;
    -webkit-border-top-left-radius: 200px;
    -webkit-border-bottom-left-radius: 200px;
    -moz-border-radius: 0;
    -moz-border-radius-topleft: 200px;
    -moz-border-radius-bottomleft: 200px;
    border-radius: 0;
    border-top-left-radius: 200px;
    border-bottom-left-radius: 200px;
}
.career-step-items:first-child .shape-box{
    border-top: 0;
    -webkit-border-radius: 0;
    -webkit-border-bottom-right-radius: 200px;
    -moz-border-radius: 0;
    -moz-border-radius-bottomright: 200px;
    border-radius: 0;
    border-bottom-right-radius: 200px;
}
.career-step-items:nth-child(odd):last-child .shape-box{
    border-bottom: 0;
    -webkit-border-radius: 0;
    -webkit-border-top-right-radius: 200px;
    -moz-border-radius: 0;
    -moz-border-radius-topright: 200px;
    border-radius: 0;
    border-top-right-radius: 200px;
}
.career-step-items:nth-child(even):last-child .shape-box{
    border-bottom: 0;
    -webkit-border-radius: 0;
    -webkit-border-top-left-radius: 200px;
    -moz-border-radius: 0;
    -moz-border-radius-topleft: 200px;
    border-radius: 0;
    border-top-left-radius: 200px;
}
.career-step-items .shape-box:before{
    display: block; content: ""; border: 2px dashed #fff;
    position: absolute; left: -20px; right: -20px; top: -21px; bottom: -21px;
}
.career-step-items:nth-child(odd) .shape-box:before{
    border-left: 0;
    -webkit-border-radius: 200px;
    -webkit-border-top-left-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    -moz-border-radius: 200px;
    -moz-border-radius-topleft: 0;
    -moz-border-radius-bottomleft: 0;
    border-radius: 200px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.career-step-items:nth-child(even) .shape-box:before{
    border-right: 0;
    -webkit-border-radius: 0;
    -webkit-border-top-left-radius: 200px;
    -webkit-border-bottom-left-radius: 200px;
    -moz-border-radius: 0;
    -moz-border-radius-topleft: 200px;
    -moz-border-radius-bottomleft: 200px;
    border-radius: 0;
    border-top-left-radius: 200px;
    border-bottom-left-radius: 200px;
}
.career-step-items:first-child .shape-box:before{
    border-top: 0;
    -webkit-border-radius: 0;
    -webkit-border-bottom-right-radius: 180px;
    -moz-border-radius: 0;
    -moz-border-radius-bottomright: 180px;
    border-radius: 0;
    border-bottom-right-radius: 180px;
}
.career-step-items:nth-child(odd):last-child .shape-box:before{
    border-bottom: 0;
    -webkit-border-radius: 0;
    -webkit-border-top-right-radius: 180px;
    -moz-border-radius: 0;
    -moz-border-radius-topright: 180px;
    border-radius: 0;
    border-top-right-radius: 180px;
    bottom: 0;
}
.career-step-items:nth-child(even):last-child .shape-box:before{
    border-bottom: 0;
    -webkit-border-radius: 0;
    -webkit-border-top-left-radius: 180px;
    -moz-border-radius: 0;
    -moz-border-radius-topleft: 180px;
    border-radius: 0;
    border-top-left-radius: 180px;
    bottom: 0;
}
.career-step-items:first-child .shape-box:before{
    top: 0;
}
/*.career-step-items:first-child .shape-box:before{
    display: block; content: ""; width: 40px; height: 60px; background: #000;
    position: absolute; right: -40px; bottom: 100%;
}
.career-step-items:nth-child(odd):last-child .shape-box:before,
.career-step-items:nth-child(even):last-child .shape-box:before{
    display: block; content: ""; width: 40px; height: 40px; background: #000;
}
.career-step-items:nth-child(odd):last-child .shape-box:before{
    position: absolute; right: -40px; top: 100%;
}
.career-step-items:nth-child(even):last-child .shape-box:before{
    position: absolute; left: -40px; top: 100%;
}*/
.career-step-items:first-child .card-career{
    padding-top: 40px;
}
.career-step-items:nth-child(odd) .card-career{
    text-align: right;
}
.career-step-items:nth-child(even) .card-career{
    padding-right: 80px;
}
.card-career h3{
    color: #fff;
}
.card-career p{
    font-size: 24px; line-height: 32px; color: #fff; font-weight: 400;
}
.step-number-box{
    position: absolute; right: -124px; top: 0; bottom: 0; width: 140px; height: 140px; margin: auto;
    font-size: 50px; line-height: normal; color: #293b88; text-shadow: 0 0 10px rgba(0,0,0,0.5);border-radius: 50%;z-index: 1;
}
.step-number-box:after {
    content: ""; position: absolute; right: 20px; top: 0; bottom: 0; margin: auto; aspect-ratio: 2/3; -webkit-mask: conic-gradient(from -30deg at bottom,#0000,#000 1deg 59deg,#0000 60deg) bottom/100% 50% no-repeat, radial-gradient(circle at 50% calc(100% / 3),#000 21.5%,#000 22% 44%,#0000 44.5%); mask: conic-gradient(from -30deg at bottom,#0000,#000 1deg 59deg,#0000 60deg) bottom/100% 50% no-repeat, radial-gradient(circle at 50% calc(100% / 3),#000 21.5%,#000 22% 44%,#0000 44.5%); z-index: -1; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg);
    background: #58C0F2; height: 200px;
}
.career-step-items:nth-child(6n+1) .step-number-box:after{
    background: #FFE001;
}
.career-step-items:nth-child(6n+2) .step-number-box:after{
    background: #B992F2;
}
.career-step-items:nth-child(6n+3) .step-number-box:after{
    background: #df2323;
}
.career-step-items:nth-child(6n+4) .step-number-box:after{
    background: #15be9d;
}
.career-step-items:nth-child(6n+5) .step-number-box:after{
    background: #293b88;
}
.career-step-items:nth-child(6n+6) .step-number-box:after{
    background: #e85b89;
}
.step-number-box:before {
    content: ""; position: absolute; width: 10px; height: 10px; border-radius: 50%; background: #fff; top: 0; bottom: 0; left: -50px; margin: auto; z-index: 1; outline: 2px solid #fff; outline-offset: 3px;
}
.career-step-items:nth-child(even) .step-number-box{
    left: -124px; right: auto;
}
.career-step-items:nth-child(even) .step-number-box:after {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);left: 20px;right: auto;
}
.career-step-items:nth-child(even) .step-number-box:before {
    right: -50px;left: auto;
}
.career-step-items:first-child .step-number-box {
    top: -40px; right: -116px;
}
.career-step-items:nth-child(even):last-child .step-number-box {
    left: -120px;right: auto;
}
.career-step-items:nth-child(odd):last-child .step-number-box {
    right: -120px;
}
.career-step-items:nth-child(odd):last-child:after,
.career-step-items:nth-child(even):last-child:after{
    content: ""; position: absolute; width: 50px; height: 50px; border-radius: 50%; background: #000; bottom: -37px; right: -5px; border: 2px solid #fff;
}
.career-step-items:nth-child(odd):last-child:before,
.career-step-items:nth-child(even):last-child:before{
    content: ""; position: absolute; width: 8px; height: 8px; border-radius: 50%; background: #fff; bottom: -15px; right: 16px; z-index: 1;
}
.career-step-items:nth-child(even):last-child:after {
    left: -5px; right: auto;
}
.career-step-items:nth-child(even):last-child:before {
    left: 16px; right: auto;
}
.card-career  h2 a{
    position: relative;
    z-index: 2;
}
.max-w-700{
    max-width: 700px;
    margin: 0 auto;
}
.uploaded-info-textbox{
    display: inline-block; position: relative;
}
.uploaded-info-textbox .remove-btn-link {
    display: block;
    color: #fff;
    position: absolute;
    right: -30px;
    top: 0;
    width: 22px;
    height: 22px;
    background: red;
    border-radius: 50%;
    box-shadow: 0 3px 5px rgba(0,0,0,0.3);
}
.status-text {
    display: block;
    font-size: 16px;
    color: #fff;
}
/* ============ */
@media screen and (max-width:1199px) {
    .career-about {
        padding: 0 20px;
    }
}
@media screen and (max-width:991px) {
    .career-about {
        padding: 0 50px;
    }
    .card-career {
        padding: 80px 90px;
    }
    .card-career p {
        font-size: 22px;
    }
    .step-number-box:after {
        height: 105px;
    }
    .step-number-box {
        width: 70px; height: 70px; right: -87px; font-size: 40px;
    }
    .career-step-items:first-child .step-number-box {
        right: -75px;
    }
    .step-number-box:before {
        left: -44px;
    }
    .career-step-items:nth-child(even) .step-number-box {
        left: -87px;
    }
    .career-step-items:nth-child(even) .step-number-box:before {
        right: -43px;
    }
    .career-step-items:nth-child(even):last-child .step-number-box {
        left: -80px;
    }
    .career-step-items:nth-child(odd):last-child .step-number-box {
        right: -80px;
    }

}
@media screen and (max-width:767px) {
    .career-about {
        padding: 0;
    }
    .career-page .bdr-box {
        padding: 40px 20px;
    }
    .card-career {
        padding: 60px 65px;
    }
    .card-career .tl-style-2 {
        font-size: 30px; line-height: 32px; margin-bottom: 15px;
    }
    .career-step-items:nth-child(even) .card-career {
        padding-right: 0;
    }
    .career-step-items:nth-child(odd) .card-career {
        padding-left: 0;
    }
    .shape-box {
        border-width: 25px;
    }
    .card-career h3 {
        font-size: 22px;
        margin: 0 0 5px;
    }
    .card-career p {
        font-size: 20px;line-height: 22px;
    }
    .career-step-items {
        margin-top: -25px;
    }
    .career-step-items .shape-box:before {
        left: -14px; right: -14px; top: -14px; bottom: -13px;
    }
    .career-step-items:first-child:after {
        width: 35px; height: 35px; top: -28px; right: -5px;
    }
    .career-step-items:first-child:before {
        width: 6px; height: 6px; top: -13px; right: 10px;
    }
    .career-step-items .step-number-box {
        right: -13px;top: -110px;
    }
    .career-step-items:first-child .step-number-box {
        top: -160px;right: -13px;
    }
    .step-number-box:after {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg); right: 0; bottom: auto;
    }
    .step-number-box:before {
        left: 0; right: 0; top: auto; bottom: -40px;
    }
    .step-number-box:after {
        height: 75px;
    }
    .step-number-box {
        width: 50px; height: 50px; font-size: 30px;
    }
    .career-step-items:nth-child(even) .step-number-box:after {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg); left: 0;
    }
    .career-step-items:nth-child(even) .step-number-box {
        left: -13px;
    }
    .career-step-items:nth-child(even) .step-number-box:before {
        right: 0; left: 0;
    }
    .career-step-items:nth-child(even):last-child .step-number-box {
        left: -13px;
    }
    .career-step-items:nth-child(odd):last-child .step-number-box {
        right: -13px;
    }
    .career-step-items:nth-child(odd):last-child:after {
        width: 35px; height: 35px;bottom: -28px;
    }
    .career-step-items:nth-child(odd):last-child:before {
        width: 6px; height: 6px; bottom: -13px; right: 9px;
    }
    .career-step-items:nth-child(even):last-child:after {
        width: 35px; height: 35px;bottom: -28px;
    }
    .career-step-items:nth-child(even):last-child:before {
        width: 6px; height: 6px; bottom: -13px; left: 10px;
    }
    .career-about {
        max-width: 320px;
    }
    .career-step-items:first-child .shape-box:before {
        -webkit-border-bottom-right-radius: 140px;
        -moz-border-radius-bottomright: 140px;
        border-bottom-right-radius: 140px;
    }
    .career-step-items:nth-child(odd):last-child .shape-box:before{
        -webkit-border-top-right-radius: 140px;
        -moz-border-radius-topright: 140px;
        border-top-right-radius: 140px;
    }
    .career-step-items:nth-child(even):last-child .shape-box:before{
        -webkit-border-top-left-radius: 140px;
        -moz-border-radius-topleft: 140px;
        border-top-left-radius: 140px;
    }
    .uploaded-info-main .card-worksheet.d-flex.v-center h3 {
        text-align: center;
    }

}

.image-circle {
    width: 120px;         /* You can adjust the size */
    height: 120px;
    border-radius: 50%;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    background-color: #fff; /* Optional: for fallback background */
}

.image-circle img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* 27-08-25 start work in portal kg and grade */
.btnbox .btn {
    min-width: 180px;
}
.bdr-box-inner .match-block {
    max-width: 100%;
}

.match-block .list-match.puuzle_match {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    row-gap: 20px;
    column-gap: 30px;
    justify-content: center;
    width:100%;
    padding: 0;
}
.match-block .list-match.puuzle_match #message{
    grid-column: span 2 ;
    text-align: center;
    font-size: 30px !important;
    margin-top: 0 !important;
}

.match-block .list-match.puuzle_match .puzzle-board .drop img {
    width: 100%;
    height: 100%;
}

.game-zone-list.game-zone-listed{
    gap: 10px;
}
.game-zone-list.game-zone-listed .items {
    min-width: calc((100% - 20px) / 3);
    max-width: calc((100% - 20px) / 3);
    margin-bottom: 0;
    /*padding: 0;*/
}
.game-zone-list.game-zone-listed .items .card-game{
    width: 100%;
    height: 100%;
    padding: 0;
}
.game-zone-list.game-zone-listed .items .game-bg, .game-zone-list.game-zone-listed .items .bg-clr {
    background: transparent;
    width: 100%;
    height: 100%;
}
.game-zone-list.game-zone-listed .items .image-circle {
    display: flex;
    position: relative;
    width: 100%;
    height: auto; 
    overflow: hidden;
    border-radius: 30px;
    align-items: center;
}
.game-zone-list.game-zone-listed .items .image-circle img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.game-zone-list.game-zone-listed .items .textarea {
    padding: 20px 0;
    text-align: center;
}

.game-zone-list.game-zone-listed .items span.v_link_text.d-flex {
    font-size: 45px;
    line-height: 44px;
    color: #293B88;
    position: relative;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    justify-content: center;
}

.game-zone-list.game-zone-listed .items a.h2.v_link.video-btn {
    display: inline-block;
    margin: 0 0 10px;
    position: relative;
    color: #293B88;
}

div#tab_35 .info-zone-block .info-zone-imgbox .row,div#tab_33 .info-zone-block .info-zone-imgbox .row,div#tab_31 .upto-list.row,#zoneTab .fill-blank .career-inner .info-zone-imgbox .row{
    flex-wrap: wrap;
    gap: 10px;
    justify-content: center;
}
div#tab_35 .info-zone-block .info-zone-imgbox .items,div#tab_33 .info-zone-block .info-zone-imgbox .items,div#tab_31 .upto-list.row .items {
    margin-left: 0 !important;
    display: block;
    width: calc((100% - 20px)/3);
    max-width: 100%;
    flex: unset;
}

#zoneTab .fill-blank .career-inner .v_only.card-upto .imgbox img,#zoneTab .fill-blank .career-inner .v_only.card-upto .imgbox iframe,#zoneTab .fill-blank .career-inner .v_only.card-upto .imgbox video{
    /*height: 500px;*/
    aspect-ratio: 1 / 1;
}

#zoneTab .fill-blank .career-inner .info-zone-imgbox .row .items{
   margin-left: 0 !important;
    display: block;
    width: calc((100% - 20px)/2);
    flex: unset; 
}
.select-imgs .choose-btn .check-imgbox img{
    width: 100%;
    height: 100%;
    max-height: 400px;
    object-fit: cover;
    object-position: center;
    display: block;
}
.select-imgs .choose-btn .check-imgbox{
    padding: 0;
}
.select-imgs .choose-btn .check-imgbox h4{
    min-height: 40px;
}

.bdr-box-inner div#show_activities {
    flex-direction: column;
    width: 100%;
    margin: 0 auto;
}
.bdr-box-inner div#show_activities .content-box {
    width: 100%;
    padding: 40px 0;
}

.bdr-box-inner .career-tl-inn h2, .bdr-box-inner #show_activities h2 {
    text-align: center;
}
.v_only.card-upto .imgbox img, .v_only.card-upto .imgbox iframe, .v_only.card-upto .imgbox video {
    /*height: 400px;*/
    aspect-ratio: 1 / 1;
}


.career-inner .tab-pane .scroll-wrapper > .scroll-content embed.w-100 {
    height: 620px;
}
.yourself-zone #skillZone_careers.zone-block{
        padding: 40px !important;
}

#zoneTab .fill-blank .bdr-box-inner .upto-list .v_only.card-upto .imgbox img {
    /*height: 500px;*/
    aspect-ratio: 1 / 1;
}

#zoneTab .fill-blank .bdr-box-inner .upto-list .items{
    width: calc((100% - 0px)/ 2);

}
/*#zoneTab .fill-blank .career-inner {
    //justify-content: center;
    display: unset !important;
}*/
/*#zoneTab .fill-blank .bdr-box-inner .career-inner .right-block {
    padding-left: 0;
}*/

/* category in grade */
.upto-list .items.ct-item .card-upto .imgbox img{
    aspect-ratio: unset;
}
.upto-list .items.ct-itm .card-upto .imgbox {
    flex-direction: column;
    height: 100%;
}

.prof-lists ul {gap: 15px; width: 100%;padding:0 !important; }
.prof-lists ul li {width: calc((100% - 15px)/2); max-width: unset; min-width: unset;text-align: left;margin-bottom: 0;}

.roadmap-inn-main .compare-cotnent-coll  .form-group h4.editor-tl > p {font-size: 24px !important; color: #fff !important; line-height: 26px !important; font-weight: 400; letter-spacing: 0; margin: 0 0 20px; }
.roadmap-inn-main .compare-cotnent-coll .form-group h4.editor-tl > p span,.roadmap-inn-main .compare-cotnent-coll .form-group h4.editor-tl > p b{font-weight: 500 !important;font-size: 28px; line-height: 30px}
.roadmap-inn-main .compare-cotnent-coll .form-group h4.editor-tl > p:empty,.roadmap-inn-main .compare-cotnent-coll .form-group h4.editor-tl > p br{display: none;}
.roadmap-inn-main .compare-cotnent-coll .form-group .ck.ck-reset.ck-editor.ck-rounded-corners {margin-top: 10px; }

.roadmap-main .career-step-items .card-career p>span{font-weight: 500 !important;font-size: 26px}


@media screen and (min-width: 1200px){
    .game-zone-list.game-zone-listed{
    max-width: 80%;
    margin: 0 auto;
}
}
@media screen and (max-width: 1399px){
    .match-block .list-match.puuzle_match {
        margin-bottom: -80px;
    }
}

@media screen and (max-width: 1199px) {
    .adjust-bottom {
        margin-bottom: 0px;
    }
    .zone-block .video-block-info{
        padding: 0 !important;
    }
    .zone-block .video-block-info .btnbox{
        padding-top: 20px;
    }
    #game_test #\36 _div .match-block .list-match.puuzle_match .puzzle-board,#game_test #\36 _div .match-block .list-match.puuzle_match .pieces {
        grid-template-columns: repeat(2, 300px) !important;
        /*gap: 15px !important;*/
    }
    #game_test #\36 _div .match-block .list-match.puuzle_match .puzzle-board .drop,#game_test #\36 _div .match-block .list-match.puuzle_match .pieces .drag {
        width: 300px !important;
        height: 300px !important;
    }
    #game_test #\37 _div .match-block .list-match.puuzle_match .puzzle-board,#game_test #\37 _div .match-block .list-match.puuzle_match .pieces {
        grid-template-columns: repeat(3, 250px) !important;
        /*gap: 15px !important;*/
    }
    #game_test #\37 _div .match-block .list-match.puuzle_match .puzzle-board .drop,#game_test #\37 _div .match-block .list-match.puuzle_match .pieces .drag {
        width: 250px !important;
        height: 250px !important;
    }
    #game_test #\38 _div .match-block .list-match.puuzle_match .puzzle-board,#game_test #\38 _div .match-block .list-match.puuzle_match .pieces {
        grid-template-columns: repeat(4, 200px) !important;
        /*gap: 15px !important;*/
    }
    #game_test #\38 _div .match-block .list-match.puuzle_match .puzzle-board .drop,#game_test #\38 _div .match-block .list-match.puuzle_match .pieces .drag {
        width: 200px !important;
        height: 200px !important;
    }
    .zone-block .video-block-info .btnbox,.btnbox {
        padding-top: 20px;
    }
    .bdr-box-inner .career-tl-inn h2, .bdr-box-inner #show_activities h2 {
        font-size: 38px;
        line-height: 42px;
    }
    .bdr-box-inner div#show_activities .content-box .acc_trigger {
        font-size: 34px !important;
        line-height: 36px;
    }
    /*#zoneTab .fill-blank .career-inner .v_only.card-upto .imgbox img,#zoneTab .fill-blank .career-inner .v_only.card-upto .imgbox iframe,#zoneTab .fill-blank .career-inner .v_only.card-upto .imgbox video{
        height: 400px;
    }*/
    div#tab_35 .info-zone-block .info-zone-imgbox .items, div#tab_33 .info-zone-block .info-zone-imgbox .items, div#tab_31 .upto-list.row .items{
        width: calc((100% - 10px) / 2);
    }
    .career-inner .tab-pane .scroll-wrapper > .scroll-content embed.w-100 {
        height: 410px;
    }
    #zoneTab .fill-blank.bdr-box .compare-page-cotnent{
        padding-top: 40px !important;
    }

    .prof-lists{margin-bottom: 40px !important;padding: 40px 30px;}
    .prof-lists ul li {font-size: 18px;line-height: 20px;}

    .roadmap-main .career-step-items .card-career h2 {font-size: 40px; line-height: 44px;margin-bottom:10px; }
    .roadmap-main .career-step-items:nth-child(even) .card-career{padding-left: 110px}

}

@media(max-width: 991px){
    .game-zone-list.game-zone-listed .items {
        min-width: calc((100% - 10px) / 2);
        max-width: calc((100% - 10px) / 2);
    }
    #game_test #\36 _div .match-block .list-match.puuzle_match .puzzle-board,#game_test #\36 _div .match-block .list-match.puuzle_match .pieces {
        grid-template-columns: repeat(2, 300px) !important;
        /*gap: 15px !important;*/
    }
    #game_test #\36 _div .match-block .list-match.puuzle_match .puzzle-board .drop,#game_test #\36 _div .match-block .list-match.puuzle_match .pieces .drag {
        width: 300px !important;
        height: 300px !important;
    }
    #game_test #\37 _div .match-block .list-match.puuzle_match .puzzle-board,#game_test #\37 _div .match-block .list-match.puuzle_match .pieces {
        grid-template-columns: repeat(3, 250px) !important;
        /*gap: 15px !important;*/
    }
    #game_test #\37 _div .match-block .list-match.puuzle_match .puzzle-board .drop,#game_test #\37 _div .match-block .list-match.puuzle_match .pieces .drag {
        width: 250px !important;
        height: 250px !important;
    }
    #game_test #\38 _div .match-block .list-match.puuzle_match .puzzle-board,#game_test #\38 _div .match-block .list-match.puuzle_match .pieces {
        grid-template-columns: repeat(4, 200px) !important;
        /*gap: 15px !important;*/
    }
    #game_test #\38 _div .match-block .list-match.puuzle_match .puzzle-board .drop,#game_test #\38 _div .match-block .list-match.puuzle_match .pieces .drag {
        width: 200px !important;
        height: 200px !important;
    }
    div#tab_35 .info-zone-block .info-zone-imgbox center {
        width: calc((100% - 15px)/2);
    }
    div#tab_32 .info-zone-block .info-zone-imgbox .items {
        max-width: 100%;
        flex: 0 0 100%;
    }
    .bdr-box-inner .career-tl-inn h2, .bdr-box-inner #show_activities h2 {
        font-size: 36px;
        line-height: 40px;
    }
    .bdr-box-inner div#show_activities .content-box .acc_trigger {
        font-size: 32px !important;
        line-height: 34px;
    }
    .bdr-box-inner div#show_activities .content-box {
        padding: 0;
    }
    .bdr-box-inner div#show_activities .content-box .acc_container p{
        font-size: 22px;
        line-height: 26px;
    }
    /*#zoneTab .fill-blank .career-inner .v_only.card-upto .imgbox img,#zoneTab .fill-blank .career-inner .v_only.card-upto .imgbox iframe,#zoneTab .fill-blank .career-inner .v_only.card-upto .imgbox video{
        height: 320px;
    }*/
    div#tab_35 .info-zone-block .info-zone-imgbox .items, div#tab_33 .info-zone-block .info-zone-imgbox .items, div#tab_31 .upto-list.row .items{
        width: calc((100% - 10px) / 2);
    }
    /*.v_only.card-upto .imgbox img, .v_only.card-upto .imgbox iframe, .v_only.card-upto .imgbox video {
        height: 320px;
    }*/
    .career-inner .tab-pane .scroll-wrapper > .scroll-content embed.w-100 {
        height: auto;
    }
    .match-block .list-match.puuzle_match #message {
        font-size: 50px !important;
    }
    #zoneTab .fill-blank .career-inner .info-zone-imgbox .row .items {
        width: calc((100% - 10px)/2);
    }
    .activities-main .sub-items{
        padding: 10px;
    }
    #zoneTab .fill-blank.bdr-box .compare-page-cotnent{
        padding-top: 20px !important;
    }
    #zoneTab .fill-blank.bdr-box .compare-page-cotnent .card-worksheet .h3.text,#zoneTab .worksheet-list .worksheet-items .card-worksheet .h3.text {
        font-size: 28px;
    }
    #zoneTab .fill-blank.bdr-box .activities-main .content-box{
        padding: 20px 15px;
    }

    .roadmap-inn-main .compare-cotnent-coll .form-group h4.editor-tl > p span, .roadmap-inn-main .compare-cotnent-coll .form-group h4.editor-tl > p b {font-size: 26px; line-height: 28px; }
    .roadmap-inn-main .compare-cotnent-coll .form-group h4.editor-tl > p {font-size: 22px !important;; line-height: 22px !important; margin: 0 0 12px; }

    .roadmap-main .career-step-items .card-career h2 {font-size: 36px; line-height: 40px;}
    .roadmap-main .career-step-items .card-career p>span {font-size: 24px; }
}

@media(max-width: 767px){
    .match-block .list-match.puuzle_match #message{
        grid-column: unset;
        font-size: 60px !important;
    } 
    .game-zone-list.game-zone-listed .items {
        margin: 0;
    } 
    .match-block .list-match.puuzle_match {
        width: 100%;
        margin: -20px auto -80px;
        grid-template-columns: 1fr;
    }
    .zone-block .btnbox .btn,.btnbox .btn {
        min-width: 100%;
        padding: 12px 10px;
        font-size: 20px;
        margin: 5px;
    }
    .icon-like, .icon-dislike {
        min-width: 30px;
        height: 40px;
    }
    .q-block .bottom-btnbox .btn {
        padding: 15px 30px;
        margin: 5px;
    }
    .bottom-btnbox{
        margin-top: 15px !important;
    }
    .audio-block.adjust-bottom {
        margin: 0;
        padding: 20px 0 0;
    }
    .select-imgs .choose-btn h4 {
        line-height: 100%;
        font-size: 30px;
    }  
    .zone-block .video-block-info .btnbox {
        padding-top: 20px;
    }
    #game_test #\36 _div .match-block .list-match.puuzle_match .puzzle-board,#game_test #\36 _div .match-block .list-match.puuzle_match .pieces {
        grid-template-columns: repeat(2, 350px) !important;
        /*gap: 15px !important;*/
        margin: 0 auto 25px !important;
    }
    #game_test #\36 _div .match-block .list-match.puuzle_match .puzzle-board .drop,#game_test #\36 _div .match-block .list-match.puuzle_match .pieces .drag {
        width: 350px !important;
        height: 350px !important;
    }
    #game_test #\37 _div .match-block .list-match.puuzle_match .puzzle-board,#game_test #\37 _div .match-block .list-match.puuzle_match .pieces {
        grid-template-columns: repeat(3, 280px) !important;
        /*gap: 15px !important;*/
        margin: 0 auto 25px !important;
    }
    #game_test #\37 _div .match-block .list-match.puuzle_match .puzzle-board .drop,#game_test #\37 _div .match-block .list-match.puuzle_match .pieces .drag {
        width: 280px !important;
        height: 280px !important;
    }
    #game_test #\38 _div .match-block .list-match.puuzle_match .puzzle-board,#game_test #\38 _div .match-block .list-match.puuzle_match .pieces {
        grid-template-columns: repeat(4, 220px) !important;
        /*gap: 15px !important;*/
        margin: 0 auto 25px !important;
    }
    #game_test #\38 _div .match-block .list-match.puuzle_match .puzzle-board .drop,#game_test #\38 _div .match-block .list-match.puuzle_match .pieces .drag {
        width: 220px !important;
        height: 220px !important;
    }
    .game-zone-list.game-zone-listed .items .textarea{
        padding-bottom: 0;
    }
    div#tab_35 .info-zone-block .info-zone-imgbox center {
        width: 100%;
    }
    div#tab_32 .info-zone-block .info-zone-imgbox .btnbox.scroll {
        margin-top: 20px !important;
    }
    .select-imgs .choose-btn {
        margin: 10px;
        width: 100%;
    }
    .select-imgs .choose-btn .check-imgbox img {
        min-height: auto;
    }
    .icon-q {
        min-width: 20px;
        height: 30px;
    }
    .select-imgs .choose-btn .check-imgbox h4{
        padding-bottom: 0;
        min-height: 40px;
    }
    input.input-choose:checked ~ .btn, input.input-choose:checked ~ .check-imgbox {
        outline: 8px solid #FFE001;
    }

    #zoneTab .fill-blank.bdr-box {
        padding: 40px 20px;
    }
    .bdr-box-inner .career-tl-inn h2, .bdr-box-inner #show_activities h2 {
        font-size: 32px;
        line-height: 36px;
    }
    .bdr-box-inner div#show_activities .content-box .acc_trigger {
        font-size: 26px !important;
        line-height: 30px;
    }
    .bdr-box-inner div#show_activities .content-box .acc_container p{
        font-size: 18px;
        line-height: 20px;
    }
    .bdr-box-inner div#show_activities .content-box .worksheet-items {
        padding: 10px;
        border: 1px solid rgba(0,0,0,0.2);
        border-radius: 10px;
    }
    /*.v_only.card-upto .imgbox img, .v_only.card-upto .imgbox iframe, .v_only.card-upto .imgbox video {
        height: 300px;
    }    */   
    .school_name_show{
        padding-top: 20px;
    }

    .yourself-zone #skillZone_careers.zone-block{
        padding: 40px 20px !important;
    }
    .card-worksheet.d-flex.v-center h3 {
        text-align: center;
    }
    #zoneTab .fill-blank .career-inner .info-zone-imgbox .row .items {
        width: 100%;
    }
    /*#zoneTab .fill-blank .career-inner .v_only.card-upto .imgbox img, #zoneTab .fill-blank .career-inner .v_only.card-upto .imgbox iframe, #zoneTab .fill-blank .career-inner .v_only.card-upto .imgbox video {
        height: auto;
    }*/
    #zoneTab .fill-blank.bdr-box .compare-page-cotnent .card-worksheet .h3.text,#zoneTab .worksheet-list .worksheet-items .card-worksheet .h3.text {
        font-size: 26px;
    }
    #zoneTab .fill-blank.bdr-box .compare-page-cotnent .worksheet-items{
        padding: 20px 15px;
    }
    #zoneTab .fill-blank .bdr-box-inner .upto-list .items {
        width: 100%;
    }

    .prof-lists {padding: 30px 15px;}
    .prof-lists ul li {width: 100%;}
    .prof-lists ul li a span {padding: 2px 0;}

    .roadmap-inn-main .compare-cotnent-coll .form-group h4.editor-tl > p span, .roadmap-inn-main .compare-cotnent-coll .form-group h4.editor-tl > p b {font-size: 24px; line-height: 26px; }
    .roadmap-inn-main .compare-cotnent-coll .form-group h4.editor-tl > p {font-size: 18px !important;; line-height: 20px !important; margin: 0 0 10px; }

    .roadmap-main .career-step-items .card-career h2 {font-size: 28px; line-height: 30px; }
    .roadmap-main .career-step-items:nth-child(even) .card-career {padding-left: 70px; }
    .roadmap-main .career-step-items .card-career p>span {font-size: 22px; }
}

@media(max-width: 576px){
    .game-zone-list.game-zone-listed .items {
        min-width: 90%;
        max-width: 90%;
        margin: 10px;
    } 
    .game-zone-list.game-zone-listed .items img{
        min-height: 300px;
    }
    div#tab_35 .info-zone-block .info-zone-imgbox .items, div#tab_33 .info-zone-block .info-zone-imgbox .items, div#tab_31 .upto-list.row .items{
        width: 100%;
    }
    /*.v_only.card-upto .imgbox img, .v_only.card-upto .imgbox iframe, .v_only.card-upto .imgbox video {
        height: auto;
        max-height: 350px;
    }*/
    .game-zone-list.game-zone-listed .select-list img{
        min-height: auto;
    }

}

@media(max-width: 374px){
    .container {
        padding: 0 15px;
    }
    .zone-tab-list li {
        min-width: 140px;
    }
    #game_test #\36 _div .match-block .list-match.puuzle_match .puzzle-board,#game_test #\36 _div .match-block .list-match.puuzle_match .pieces {
        grid-template-columns: repeat(2, 280px) !important;
        /*gap: 15px !important;*/
        margin: 0 auto 25px !important;
    }
    #game_test #\36 _div .match-block .list-match.puuzle_match .puzzle-board .drop,#game_test #\36 _div .match-block .list-match.puuzle_match .pieces .drag {
        width: 280px !important;
        height: 280px !important;
    }
    #game_test #\37 _div .match-block .list-match.puuzle_match .puzzle-board,#game_test #\37 _div .match-block .list-match.puuzle_match .pieces {
        grid-template-columns: repeat(3, 220px) !important;
        /*gap: 15px !important;*/
        margin: 0 auto 25px !important;
    }
    #game_test #\37 _div .match-block .list-match.puuzle_match .puzzle-board .drop,#game_test #\37 _div .match-block .list-match.puuzle_match .pieces .drag {
        width: 220px !important;
        height: 220px !important;
    }
    #game_test #\38 _div .match-block .list-match.puuzle_match .puzzle-board,#game_test #\38 _div .match-block .list-match.puuzle_match .pieces {
        grid-template-columns: repeat(4, 180px) !important;
        /*gap: 15px !important;*/
        margin: 0 auto 25px !important;
    }
    #game_test #\38 _div .match-block .list-match.puuzle_match .puzzle-board .drop,#game_test #\38 _div .match-block .list-match.puuzle_match .pieces .drag {
        width: 180px !important;
        height: 180px !important;
    }

    .select-imgs .choose-btn .check-imgbox img {
        min-height: auto;
    }
}


.compare-page-cotnent .compare-cotnent-coll.row {
    margin-top: 40px;
}
.info-cotnent-block {
    margin-bottom: 30px;
}