:root{
    --white_clr: #fff;
    --black_clr: #000;
    --text_clr: #0f1114;
    --primary_clr: #3890ff;
    --secondary_clr: #0372ff;
    --red_clr: #e4442c;
    --primary_font_family: 'Poppins', sans-serif;
    --secondary_font_family: 'Plus Jakarta Sans', serif;
    --nav_font_family: 'Poppins', sans-serif;
}
/*color: var(--white_clr);*/
/*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);}
}
@keyframes left-right{
    50% {
        transform: translateX(14px)
    }
}
.animate-left-right{
    animation: left-right 6s linear infinite
}
@keyframes left-right-2{
    50% {
        transform: translateX(-40px)
    }
}
.animate-left-right-2{
    animation: left-right-2 4s linear infinite
}
@keyframes skw{
    50% {
        transform: skewX(5deg)
    }
}
.animate-skw{
    animation: skw 4s linear infinite
}
@keyframes up-down{
    50% {
        transform: translateY(-10px)
    }
}
.animate-up-down{
    animation: up-down 4s linear infinite
}
.rotate_3d{
    -moz-transition:all 0.4s ease 0s;-webkit-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s;
    /*transform: rotateY(45deg);*/
    animation: rotateAnimation 8s linear infinite;
}
@keyframes rotateAnimation {
    0% {transform: rotateY(0deg);}
    /*50% {transform: rotateY(180deg);}*/
    to {transform: rotateY(360deg);}
}
/*==================================:: 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);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
.slick-track{position:relative; top:0; left: 0; min-width: 100%; display:-webkit-box; display:-ms-flexbox; 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; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex: inherit; flex: inherit;}
.slick-initialized .slick-slide{display: block; list-style:none;}
.slick-loading .slick-slide{visibility: hidden;}
.slick-vertical .slick-slide{display: block; height: auto; border:1px solid transparent;}
.slick-arrow{display:flex; align-items: center; justify-content: center; position:absolute; top:50%; margin-top:-16px; z-index:2; padding:0; width:32px; height:32px; text-align:center; font-size:0; background:none; border:1px solid #ccc; color: var(--text_clr); cursor:pointer; opacity:1; -webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%; -moz-transition:all 0.4s ease 0s;-webkit-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s;}
.slick-arrow:before{display: block; content: "\f104"; font-family: 'Line Awesome Free';font-weight: 900; font-size: 18px;}
.slick-arrow.slick-next:before{content: "\f105";}
.slick-arrow.slick-prev{left:5px;}
.slick-arrow.slick-next{right:5px;}
.slick-arrow:hover{background: var(--primary_clr); border-color: var(--primary_clr); color: var(--white_clr);}
.slick-dots{display:flex;display:-webkit-flex; align-items: center; justify-content: center; position:absolute; left:0; right:0; margin:0 auto; padding:0; bottom:0; text-align:center;}
.slick-dots li{margin:0 3px; padding:0; list-style:none; display:inline-block; vertical-align:top;}
.slick-dots li button{display:inline-flex; align-items: center; justify-content: center; width:14px; height:14px; font-size:0; padding: 0; background:none; border:1px solid transparent; -webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px; 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: ""; width: 6px; height: 6px; background: var(--primary_clr); -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-dots li.slick-active button{border-color: var(--primary_clr);}
.slick-dots li.slick-active button:before{background: var(--primary_clr);}
.slide-number {display:inline-block; vertical-align:middle; position:relative; font-size:14px; line-height:30px; color:#262d33; text-align:center; width:80px;}
.slide-number .slick-dots {position:relative; bottom:0;}
.slide-number .slick-dots li button {display:block; width:15px; height:30px; background:none; border:none; -webkit-border-radius:0;-moz-border-radius:0;border-radius:0; font-size:16px; line-height:30px; color: var(--text_clr);}
.slide-number .slick-dots li button:hover {background:none;}
.slide-number .f-l{position:relative; z-index:1;}
.slide-number .f-l .slick-dots li {display:none;}
.slide-number .f-l .slick-dots li:first-child {display:inline-block; position:relative; padding-right:0;}
.slide-number .f-l .slick-dots li:first-child button {opacity:0;}
.slide-number .f-l .slick-dots li:first-child:after {display:inline-block; content:"/"; font-size:16px; line-height:30px; color:#aaabad; position:absolute; right:-2px; top:0;}
.slide-number .f-l .slick-dots li:last-child {display:inline-block; margin:0;}
.slide-number .f-f {position:absolute; left:14px; top:0; width:20px; height:30px; z-index:2;}
.slide-number .f-f .slick-dots li {position:absolute; left:0; top:0; opacity:0; visibility:hidden;}
.slide-number .f-f .slick-dots li button{color: var(--primary_clr);}
.slide-number .f-f .slick-dots li.slick-active {opacity:1; visibility:visible;}
.slide-number .slick-dots li button:before{display: none !important;}
/*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;}
.f-small *, .f-small{
    font-size: 14px;
}
.h3{
    font-size: 24px; line-height: 32px; font-weight: bold;
}
.yellow-text{
    color: #ffbc1f; font-style: normal;
}
.b-radius-0{border-radius: 0;}
.course-details-right {
    padding: 40px; background: var(--white_clr); box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
}
.course-details-sec .position-sticky{
    height: 100%;
    top: -150px;
}
.premium-block {
    border-radius: 10px; overflow: hidden; background: var(--white_clr); border: 2px solid #d7dfeb;/* height: 100%;*/
}

.premium-block .left-block {
    min-width: 100px; text-align: center; padding: 15px 0px;
}
.premium-block .left-block p {
    color: #fff;
}
.rating-block span {
    display: block; line-height: 22px; font-size: 14px;
}

.rating-block {
    text-align: center; width: 50%; border-left: 1px solid #cfcfcf; padding: 10px 0; display: flex; flex-direction: column; align-items: center; justify-content: center;
}

.rating-block i {
    font-size: 20px;
}

.rating-block i {
    font-size: 24px;
}
.cource-right-content {
    padding: 20px;
}

.cource-right-content  i {
    color: var(--primary_clr);
}

.cource-right-content > span {
    font-size: 14px; margin: 0 0 10px; display: block; line-height: 22px;
}
.cource-right-content ul li{
    font-size: 14px;
}
.course-details-left .crs_iconbox .course_icon {
    background: #fff;
}

.course-details-left .type_text {
    color: #000;
}

.course-details-left .text-label {
    color: #000;
}

.What-learn {
    padding: 20px 20px; background: var(--white_clr); border: 2px solid #d7dfeb; /*height: 100%; */-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;
}
.btn.gray-btn {
    border-color: #999898;
    color: #000;
}

.btn.gray-btn:hover, .btn.gray-btn:focus, .btn.gray-btn:active {
    background: #f5f5f5;
    color: #000000;
}
.explore-topics i {
    font-size: 20px;
}

.explore-topics li {
    margin: 0 0 10px;
}
.crs-content-acordian h4.acc_trigger {
    font-size: 18px;
}
.course-details-right > .imgbox img {
    height: 226px; object-fit: cover; width: 100%;
}

.tab-btn li {
    width: 50%;
    text-align: center;
}

.tab-btn li a {
    display: block; padding: 15px; color: var(--text_clr); border-bottom: 2px solid transparent;
}

.tab-btn li a.active {
    border-bottom: 2px solid var(--secondary_clr); color: var(--secondary_clr);
}

/*Cource video page start*/
.crs-video-block video {
    width: 100%; height: 460px; background: #000;
}
.course-video-right .block-title {
    padding: 12px 20px; margin: 0;
}
.scroll-height {
    height: calc(100vh - 137px); overflow: auto; scrollbar-width: thin; scrollbar-color: gray lightgray;
}
.scroll-height::-webkit-scrollbar {
    width: 6px;
}
.scroll-height::-webkit-scrollbar-thumb {
    background-color: gray; border-radius: 3px;
}
.course-video-scroll h4.acc_trigger {
    background: #f0f5f8; font-size: 16px; padding-left: 20px; padding-right: 50px;
}
.course-video-box {
    padding: 15px 0 5px;
}
.course-video-scroll
.collapse {
    padding: 0 0 10px;
}
.course-video-box .checkbox .checkmark {
    top: 6px; width: 20px; height: 20px;
}
.course-video-box h3 {
    margin: 0; font-size: 14px; font-weight: 500; line-height: 24px;
}
.course-video-box .checkmark:before{
    content: "\f00c"; font-family: 'Line Awesome Free'; font-weight: 900; color: var(--primary_clr); font-size: 13px; line-height: 19px;
}
.course-video-dropdown .btn {
    padding: 7px 12px; pointer-events: auto; min-width: 110px; font-size: 12px;
}
.course-video-dropdown {
    text-align: right; margin: 3px 10px 0 0; pointer-events: none;
}
.course-video-dropdown .dropdown .dropdown-item:active {
    background-color: #f8f9fa;
}
.course-video-dropdown .dropdown .dropdown-item{
    font-size: 12px;
}
.course-video-dropdown .dropdown {
    pointer-events: auto;  display: inline-block;
}
.course-video-box .input-field {
    cursor: pointer;
}
.course-video-scroll h4.acc_trigger span {
    color: #878686; display: block;
}
.course-video .left-block {
    -ms-flex: 0 0 70%; flex: 0 0 70%; max-width: 70%;
}

.course-video .right-block {
    -ms-flex: 0 0 30%; flex: 0 0 30%; max-width: 30%;
}
.checkout-page-inner .left-block{
    margin-bottom: 30px;
}

@media only screen and (max-width:767px){
    ul.resp-tabs-list{display:none;}
    h4.resp-accordion{display:block;}
    .rating-block:first-child {
        border: 0;
    }

    .premium-block .right-block {
        margin: 14px 0 0;
    }
    .course-details-right > .imgbox img {
        height: 100%;
    }
    .course-details-right {
        margin: 20px 0 0;
    }
    .course-video .course-page-inner {
        flex-direction: column-reverse;
    }
    .course-video .left-block {
        -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;
    }

    .crs-video-block video {
        height: 260px;
    }

    .course-video .right-block {
        -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;
    }
}
/*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: var(--primary_font_family);}
.bootstrap-select li.no-results {font-size: 12px; padding: 10px 22px;}
.bootstrap-select .inner .dropdown-menu li.no-results {padding: 0 10px;}
.bootstrap-select .inner .dropdown-menu li:before{display: none;}
.bootstrap-select .dropdown-item{display:block; padding:0 12px; font-size: 14px; line-height: 24px; color: #2F2925; font-weight: 400; font-family: var(--primary_font_family); 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: var(--primary_clr);}
/*************** 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:var(--text_clr); display:none; z-index:12; opacity:0.5;}
.mobile-menu-open .menu-open-overlay{display:block;}
.mobile-menu-block{background:var(--white_clr); bottom:0; color:#16181C; position:fixed; top:0; left:-400px; width:380px; z-index:-4; font-size:16px;-webkit-transition:all 0.4s ease 0s;-o-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s;}
.mobile-menu-open .mobile-menu-block{left:0; z-index:20;}
.mobile-menu-inner{height:calc(100% - 146px); overflow:auto; padding:10px 15px; position: relative; z-index: 3;}
.mobile-logo{padding: 0 15px; border-bottom: 1px solid #ddd; height: 80px;}
.mobile-logo a, .mobile-logo img{display: block; width: 160px;}
.mobile-nav ul{margin:0; padding: 0; list-style: none;}
.mobile-nav li{margin: 0; padding: 10px 0; color:var(--secondary_clr); font-weight:400; font-size:16px; line-height:22px; text-transform:none; position:relative;}
.mobile-nav ul li a{display:block; color:var(--text_clr); font-weight:500; font-family:var(--nav_font_family); font-size:16px; line-height:18px; text-transform:none; letter-spacing:0; padding:0 40px 0 0;}
.mobile-nav > ul > li.current-menu-item > a,
.mobile-nav > ul > li.current-menu-ancestor > a,
.mobile-nav > ul > li.current-page-ancestor > a{color:var(--primary_clr);}
.mobile-nav li li{border:none; padding:5px 0;}
.mobile-nav li li a{font-size:15px; text-transform:none; font-weight:400; padding:0 40px 0 0;}
.mobile-nav li li.current-menu-item a{color:var(--primary_clr);}
.mobile-nav li li li a{padding-left:0;}
.mobile-nav ul.sub-menu{margin:0; padding:10px 10px 0;}
.hitarea{display:block; width:40px; height:40px; text-align:center; position:absolute; right:0; top:0;}
.hitarea:before{display:block; content:"\f107"; font-family:'FontAwesome'; font-size: 18px; font-weight: 400; width:15px; height:15px; position:absolute; left:0; right:0; top:10px; z-index:3; margin:0 auto;-webkit-transition:all 0.4s ease 0s;-o-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s;}
.collapsable-hitarea.hitarea:before{-webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);transform:rotate(-180deg);}
.mobile-nav .collapsable-hitarea + a{color:var(--primary_clr);}
.mobi-bottom-inner{padding: 10px 10px;}
.mobi-bottom-inner .btn{width: 50%; margin: 5px;}
.mobi-btnbox .btn {
    min-width: 100px; font-size: 14px; line-height: 18px; padding: 10px 15px;
}
.mobi-btnbox .btn .btn_label{
    height: 34px;
}
.mobi-btnbox .btn .btn_icon{
    font-size: 16px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    transform: rotate(0deg);
}
/*========== Mobile Menu STYLE End==============*/
/*Mobile Menu Css Start*/
.mobi-iconbox{
    display:none; position:absolute; right:0; top:0; bottom: 0; margin: auto; z-index:40; -webkit-transition:all 0.4s ease; -o-transition:all 0.4s ease; transition:all 0.4s ease;border-radius:4px;
    background: var(--primary_clr); padding: 10px; width: 34px; height: 34px; border-radius: 50%; flex-direction: column; align-items: center; justify-content: center;
    background-image: linear-gradient(92.69deg, #0362db 41.28%, #0093ff 88.46%);
}
.menuicon{display: block; width: 100%; height: 100%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;}
.icon-bar{display:-webkit-box;display:-ms-flexbox;display:flex;display:-webkit-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; min-width: 100%; height: 18px; position: relative; cursor: pointer;}
.icon-bar:before,
.icon-bar:after{display: block; content: ""; width: 100%; height: 2px; background: var(--white_clr); position: absolute; left: 0; top: 0;-webkit-transition:all 0.4s ease 0s;-o-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s;border-radius:5px;}
.icon-bar:after{top: auto; bottom: 0;}
.icon-bar .line{display: block; width: 100%; height: 2px; background: var(--white_clr); position: absolute; right: 0; left: 0; top: 0; bottom: 0; margin: auto 0;-webkit-transition:all 0.4s ease 0s;-o-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s;border-radius:5px;}
.icon-bar.active .line{width: 2px; opacity: 0;}
.icon-bar.active:before{-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg); top: 6px; background: var(--white_clr);}
.icon-bar.active:after{-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg);transform: rotate(-45deg); bottom: 6px; background: var(--white_clr);}

.mobile-menu-open .mobilemenuicon .menuicon{margin-left: auto;}
/*Mobile Menu Css End*/
/* ===== RESET ================================================== */
abbr, acronym, address, applet, article, aside, audio,b, blockquote,big, body, button, center, canvas, caption, cite, code, command,datalist, dd, del, details, dfn, dl, div, dt, embed,fieldset, figcaption, figure, font, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, iframe, img, ins,kbd, keygen,label, legend, li, meter,nav,object, ol, output,p, pre, progress,q, s, samp, section, small, source, strike, sub, sup,table, tbody, tfoot, thead, th, tr, tdvideo, tt, var{background:transparent; border:0 none; margin:0; padding:0; line-height: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; 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:var(--white_clr); font-family:var(--primary_font_family); font-size:16px; color:#111; line-height:24px; font-weight:400; overflow-x:hidden;-webkit-transition:all 0.4s ease 0s;-o-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s;}
:focus, button:focus{outline:none;}
a{text-decoration:none; color:var(--primary_clr); -webkit-transition:all 0.4s ease 0s; -o-transition:all 0.4s ease 0s; transition:all 0.4s ease 0s;}
a:hover{text-decoration:none; color:var(--secondary_clr);}

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

img{max-width:100%; height:auto; border:none; outline:none;}
b, strong{font-weight: 700;}
/* Ul Li & Ol Li CSS */
ul, ol{margin:0 0 20px; padding:0;}
ul ul, ol ol, ul ol, ol ul{margin-top:15px;}
ul li, ol li{margin:0; padding:0; font-size:16px; line-height:24px; color:var(--text_clr); font-weight:400; letter-spacing:0;}
.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 22px; margin:0 0 10px;}
.entry-content ul li:before {
    content: ""; position: absolute; left: 0; top: 8px; width: 8px; height: 8px;
    background: var(--text_clr);
    transform: rotate(45deg);
}
.entry-content ul li li{list-style:disc;}
.entry-content ol li{counter-increment: my-awesome-counter; margin:0 0 10px;}
.entry-content ol li::before{content: counter(my-awesome-counter) ". "; font-weight:400;}
.entry-content .text-center ul li {width:fit-content;margin:0 auto 10px;}

/* Heading CSS */
h1, .h1, h2, .h2, h3, h4, h5, h6{color: var(--text_clr); line-height:1.3; font-weight: 800; font-family:var(--secondary_font_family); letter-spacing:0; margin:0 0 15px;}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{color: var(--black_clr);}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover{color:var(--primary_clr);}
h1, .h1{font-size:44px; line-height:54px; margin: 0 0 20px;}
h2, .h2{font-size:28px; line-height:34px;}
h3{font-size:24px; line-height:32px;}
h4{font-size:20px;}
h5{font-size:18px;}
h6{font-size:16px;}
/* Paragraph CSS */
p {font-size: 16px; font-weight: 400; line-height: 24px; color: var(--text_clr); letter-spacing: 0.03em; font-family: var(--primary_font_family); margin: 0 0 20px;}
hr{border:none; margin:20px 0; background: #9d9d9d; height:1px; width:100%; clear:both; opacity: 0.5;}
blockquote{border-left:5px solid #eee;font-size:17px; margin:0 0 20px; padding:10px 20px;}
/*table structure*/
table, .entry-content table{border-right:1px solid #eee; border-top:1px solid #eee;}
table th, table td, .entry-content th, .entry-content table th, .entry-content td, .entry-content table td {background:var(--white_clr); border-left:1px solid #eee; border-bottom: 1px solid #eee; text-align:left; font-size:17px; color:#333; font-weight:400; padding:12px 20px; vertical-align:middle;}
table th{color:#111; font-weight:400; background:#d4d5d6;}
.table-striped th, .table-striped td{position:relative;}
.table-striped tbody tr:nth-of-type(even) td{background:#d4d5d6;}
/*Form Input Field*/
input, textarea, select{background:var(--white_clr); border:2px solid #9E9E9E; width:100%; padding:4px 15px; margin:0; font-size:16px; color:var(--text_clr); font-weight:400; line-height:22px; letter-spacing:0; font-family:var(--primary_font_family); height:44px; outline:none;border-radius:5px;}
input[type="button"], input[type="submit"] {cursor:pointer; width:auto; height:auto;}
input[type="checkbox"], input[type="radio"] {border:none; width:auto; height:auto;}
textarea {height:auto; padding:15px 20px; min-height:110px; 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: 32px; font-size: 0; line-height: 0; color: #9E9E9E;cursor:pointer; }
.checkbox input, .radiobox input{position: absolute; left: 0; top: 0; opacity: 0;}
.checkbox .checkmark{display: block; width: 24px; height: 24px; border: 1px solid #9E9E9E; position: absolute; left: 0; top: -18px;border-radius:5px; }
.checkmark:before {display: block; content: ""; position: absolute; left: 0; right: 0; top: 0; text-align: center; font-size: 10px; line-height: 10px; opacity: 0; background: url('../images/checkmark.html') no-repeat 2px 4px; background-size: 18px; width: 100%; height: 100%; }
.checkbox input:checked ~ .checkmark{border-color: var(--primary_clr);}
.checkbox input:checked ~ .checkmark:before{opacity:1;}
.radiobox .checkmark{display: block; width: 16px; height: 16px; background: var(--white_clr); border: 1px solid #111;border-radius: 50%; position: absolute; left: 0; top: 1px;}
.radiobox .checkmark:before{display: none;}
.radiobox .checkmark:after{display: block; content: ""; background: #111;border-radius: 50%; position: absolute; left: 2px; right: 2px; top: 2px; bottom: 2px; opacity: 0;}
.radiobox input:checked ~ .checkmark:after{opacity: 1;}
.selectbox{position: relative;background:var(--white_clr);border:2px solid #9E9E9E;border-radius:5px;cursor: pointer;}
.selectbox select{background: none;border: 0;font-size: 16px;line-height: 20px;font-weight: 400;color: #111; padding:0 40px 0 15px; width: 100%; height: 40px; -webkit-appearance: none; -moz-appearance: none; appearance: none; position: relative; z-index: 1; -o-text-overflow: ellipsis; text-overflow: ellipsis;cursor: pointer;}
.selectbox:after {position: absolute; top: 0; right: 0; content: "\f107"; font-family: 'Line Awesome Free'; font-size: 24px; z-index: 0; width: 40px; font-weight: 800; height: 40px; line-height: 40px; text-align: center; -webkit-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; opacity: 0.8; color: #000; }
.selectbox.reversed:after{content:"\f0ec"; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); font-size: 14px;}
.label {font-size: 18px; font-weight: 400; line-height: 24px;display:block;color:var(--text_clr);margin:0 0 7px; }
/*Button styling*/
.button, .btn{
    display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;
    padding: 16px 20px; background: none; border: 1px solid var(--primary_clr); color: var(--primary_clr); font-size: 16px; line-height: 1; font-weight: 400; cursor: pointer;
    letter-spacing: 0; text-align: center; position: relative; min-width: 140px; font-family: var(--primary_font_family); text-transform: none;
    -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; overflow: hidden; gap: 10px;
    -webkit-border-radius: 40px;-moz-border-radius: 40px;border-radius: 40px;
}
.button:hover, .btn:hover,
.button:focus, .btn:focus{
    background:var(--primary_clr); border-color:var(--primary_clr); color:var(--white_clr);
    /*-webkit-box-shadow:0 2px 15px rgba(0,0,0,0.16); box-shadow:0 2px 15px rgba(0,0,0,0.16);*/
}
.primary,
.primary:hover,
.primary:focus{
    background: var(--primary_clr);border-color: var(--primary_clr); color: var(--white_clr); border: 0;
    background-image: linear-gradient(92.69deg, #0362db 41.28%, #0093ff 88.46%);
}
/*
.primary:hover,
.primary:focus{
    background: var(--secondary_clr); border-color: var(--secondary_clr); color: var(--white_clr);
}
*/
.secondary{
    background: var(--secondary_clr); border-color: var(--secondary_clr); color: var(--white_clr);
}
.secondary:hover,
.secondary:focus{
    background: var(--primary_clr); border-color: var(--primary_clr); color: var(--white_clr);
}
.white-btn,
.white-hover:hover,
.white-hover:focus{
    background: var(--white_clr); border-color: var(--white_clr); color: var(--primary_clr);
}
.white-btn:hover,
.white-btn:focus{
    background: var(--white_clr); border-color: var(--white_clr); color: var(--secondary_clr);
}
.white-bdr{
    border-color: var(--white_clr); color: var(--white_clr);
}
.white-bdr:hover{
    background: var(--white_clr); border-color: var(--white_clr); color: var(--text_clr);
}
.btn.big{
    padding: 18px 30px; font-size: 18px;
}
.btn_icon{
    -webkit-transform:rotate(-30deg);
    -moz-transform:rotate(-30deg);
    transform:rotate(-30deg);
}
.btn .btn_label{
    position: relative;
    display: inline-flex;
    align-items: center;
    height: 44px;
    transition: transform 0.4s cubic-bezier(0.15, 0.85, 0.31, 1);
}
.btn .btn_label:before{
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    display: inline-flex;
    align-items: center;
    height: 100%;
    position: absolute;
    content: attr(data-text);
}
.btn:hover .btn_label{
    transform: translateY(-100%);
}
.main-wrapper{overflow:hidden; background: #fafafa; max-width: 1920px;}
.container{margin:0 auto; width:100%; max-width:1170px; padding:0 15px;}
.max-container{margin:0 auto; width:100%; max-width:1400px; padding:0 15px;}
.small-container{margin:0 auto; width:100%; max-width:940px;}
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-30{padding:30px 0;}
.ptb-20{padding:20px 0;}
.ptb-10{padding:10px 0;}
.bg1{background: var(--primary_clr);}
.bg2{background: var(--secondary_clr);}
.bg3{background: #e2edf4;}
.bg4{
    background: linear-gradient(to bottom, rgba(226,237,244,1) 0%,rgba(226,237,244,0.99) 1%,rgba(255,255,255,0) 100%);
}
.relative{position: relative;}
.trans{-moz-transition:all 0.4s ease 0s;-webkit-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s;}
.bdr-only{
    padding: 15px 40px; display: inline-block; border: 5px solid var(--primary_clr); border-radius: 30px; background: #fff;
}
.bdr-only span{
    color: var(--secondary_clr);
}
.mw_500{
    max-width: 460px;
}
.mw_580{
    max-width: 580px;
}
.mw_600{
    max-width: 600px;
}
.mw_820{
    max-width: 820px;
}
.mw_1200{
    max-width: 1200px;
}
/* ============= 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;
    backdrop-filter: blur(8px); /*border-bottom: 1px solid rgba(0,0,0,0.05);*/
}
.header-inner{
    height:80px;
}
.site-logo{
    position:relative; min-width:160px;max-width:160px; 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;
}
.header-button{
    margin-left: 30px;
}
.header-button .btn {
    min-width: 100px; font-size: 14px; line-height: 18px; padding: 10px 15px;
}
.header-button .btn .btn_label{
    height: 34px;
}
.head-btnbox .btn + .btn{
    margin-left: 10px;
}
.head-btnbox .btn .btn_icon{
    font-size: 16px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    transform: rotate(0deg);
}
/*Nav Css*/
.nav-main{text-align:left; position:relative; z-index:4;}
.nav-main ul{margin:0; padding:0; display:-webkit-box; display:-ms-flexbox; display:flex;display:-webkit-flex;}
.nav-main nav ul > li{margin:0; padding:15px 0; list-style:none; position:relative;}
.nav-main nav ul > li + li{margin-left:30px;}
.nav-main nav ul > li a{
    display:block; color: #333; font-size: 16px; font-weight: 500; font-family:var(--nav_font_family); line-height:22px;
    text-transform:none; letter-spacing:0; position:relative; z-index:2; text-align: center;
}
.nav-main nav ul > li.current-menu-item > a,
.nav-main nav ul > li:hover > a,
.nav-main nav ul > li a:hover,
.nav-main nav ul > li a:focus{color:var(--primary_clr);}
.nav-main nav ul > li.menu-item-has-children > a{padding-right: 18px;}
.nav-main nav ul > li.menu-item-has-children > a:after{display: block; content: "\f107"; font-family: 'FontAwesome'; width: 16px; height: 16px; line-height: 16px; text-align: center; position: absolute; right: -1px; top: 3px; -webkit-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s;}
.nav-main nav ul > li.menu-item-has-children:hover > a:after {-webkit-transform: rotate(-180deg);-ms-transform: rotate(-180deg);transform: rotate(-180deg);}
.nav-main .sub-menu{
    display:block; position:absolute; left:0; top:100%; z-index:1; background:var(--white_clr); min-width:210px; padding:15px 0; margin:0; opacity: 0;-webkit-transition: all 0.4s ease 0s;-o-transition: all 0.4s ease 0s;transition: all 0.4s ease 0s;-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.1);box-shadow: 0 0 10px rgba(0,0,0,0.1);-webkit-transform: scaleY(0);-ms-transform: scaleY(0);transform: scaleY(0);-webkit-transform-origin: top;-ms-transform-origin: top;transform-origin: top;
    -webkit-box-shadow: 0 5px 20px rgb(0 0 0 / 15%); box-shadow: 0 5px 20px rgb(0 0 0 / 15%);
}
.nav-main nav ul > li:hover > .sub-menu {display: block;opacity: 1;-webkit-transform: scaleY(1);-ms-transform: scaleY(1);transform: scaleY(1);}
.nav-main .sub-menu li{display:block; text-align:left; position:relative; margin: 0; padding: 0 20px;}
.nav-main .sub-menu li:before{display: none;}
.nav-main .sub-menu li a {
    display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;
    text-transform: none; color: var(--text_clr); font-size: 16px; line-height: normal; font-weight: 400; padding: 8px 0; background: none !important;
}
.nav-main .sub-menu li:hover > a,
.nav-main .sub-menu li a:hover,
.nav-main .sub-menu li a:focus,
.nav-main .sub-menu li.current-menu-item a{color:var(--secondary_clr) !important; background: none;}
.nav-main .sub-menu .sub-menu {left:100%; top:0;}
.nav-main .sub-menu li:hover .sub-menu {display:block;}
.nav-main .sub-menu li a .iconbox {margin-right: 10px; }
.mobile-nav .sub-menu li a {display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.mobile-nav .sub-menu li a .iconbox {margin-right: 10px; }

/*Sticy header*/
.header-fixed .header{
    background: rgba(255,255,255,0.8);
    -webkit-box-shadow: 0 0 3px rgb(0 0 0 / 5%);
    box-shadow: 0 0 3px rgb(0 0 0 / 5%);
}
/*Home page Banner Css*/
.home-banner{
    padding-top: 80px; overflow: hidden; position: relative;
    background: url('../images/section-bg.jpg') no-repeat center;
    background-size: cover;
}
.circle_box{
    position: absolute; right: 5%; top: 0; bottom: 0; margin: auto !important;
    width: 50%; height: 150%; opacity: 0.1; mix-blend-mode: multiply;
    -webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;
    background: linear-gradient(to right, rgba(3,114,255,1) 0%,rgba(255,255,255,0) 100%);
}
.circle_white_box{
    position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto !important;
    width: 400px; height: 400px; opacity: 0.1; mix-blend-mode: multiply;
    -webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;
    background: radial-gradient(ellipse at center, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
}
.line_img1{
    position: absolute; right: -40px; top: 30%; max-width: 700px; opacity: 0.5;
}
.line_img1.left{
    right: auto; left: -180px; top: 50%; max-width: 500px; margin: 0 auto;
    transform: rotate(-45deg); opacity: 0.5;
}
.line_img1.right{
    left: auto; right: -250px;
    top: 0; max-width: 500px; margin: 0 auto;
    transform: rotate(45deg);
}
.home-banner .bg-img{
    opacity: 0.1; mix-blend-mode: multiply;
}
.banner-inner{
    padding: 20px 0; z-index: 2;
}
.banner-img{
    max-width: 400px; text-align: center;
}
.banner-img > img{
    position: relative; z-index: 2;
}
.shape_left_arrow {
    position: absolute; left: 0; top: 30%; max-width: 15px; z-index: 3; margin: auto;
}
.shape_right_arrow{
    position: absolute; right: 0; top: 50%; max-width: 16px;
}
.shape_logo{
    padding: 10px 20px; width: 150px; border: 1px solid #fff;
    background: rgba(255,255,255,0.5); backdrop-filter: blur(5px);
    position: absolute; left: -130px; top: 50px; z-index: 3;
    -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;
    box-shadow: 0 3px 3px rgba(0,0,0,0.1);
}
.shape_logo img{
    max-width: 110px;
}
.heading_focus_text{
    font-size: 18px;
}
.heading_focus_text .badge{
    padding: 5px 8px; display: inline-block;
    font-weight: 400; background: var(--text_clr);
}
.caption .h1{
    font-weight: 800;
}
.caption .h1 strong{
    display: inline-block; color: var(--primary_clr); text-decoration: none;
    background-image: linear-gradient(92.69deg, var(--secondary_clr) 41.28%, var(--primary_clr) 88.46%);
    -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;
}
.caption p {
    font-size: 16px;
    line-height: 28px;
    letter-spacing: 0;
    font-weight: 500;
}
.caption .btnbox {
    padding-top: 10px;
}
.home-banner .gradiend-bg {
    left: 10%; right: auto; top: auto; bottom: -10%; opacity: 0.4;
}
.gradiend-bg{
    position: absolute; left: 0; right: 30%; top: 0; bottom: 0; margin: 0 auto; opacity: 0.4;
    --size: 340px; --speed: 40s;
    --easing: cubic-bezier(0.8, 0.2, 0.2, 0.8);
    width: 540px; height: 540px;
    filter: blur(calc(var(--size) / 3));
    background-image: linear-gradient(var(--primary_clr), #fff);
    animation: rotate var(--speed) var(--easing) alternate infinite;
    border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%;
}
.mix-bg{
    position: absolute; left: 0; right: 0; bottom: 0; height: 40%;
    background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(5,12,40,1) 100%);
}
.mix-bg.top {
    top: 0; bottom: auto;
    -webkit-transform:rotate(-180deg);-moz-transform:rotate(-180deg);transform:rotate(-180deg);
}
@keyframes rotate {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
/* Common Shape Key Js */
@-webkit-keyframes rotate {
    0%{-webkit-transform: rotate(0deg);transform: rotate(0deg);}
    100%{-webkit-transform: rotate(360deg);transform: rotate(360deg);}
}
@-webkit-keyframes rotate-item {
    0%{-webkit-transform: rotate(0deg);transform: rotate(0deg);}
    100%{-webkit-transform: rotate(360deg);transform: rotate(360deg);}
}
@keyframes rotate-item {
    0%{-webkit-transform: rotate(0deg);transform: rotate(0deg);}
    100%{-webkit-transform: rotate(360deg);transform: rotate(360deg);}
}
.rotate-item {
    -webkit-animation-name: rotate-item; animation-name: rotate-item; -webkit-animation-duration: 3s; animation-duration: 3s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: linear; animation-timing-function: linear;
}
@-webkit-keyframes float-bob-x {
    0% {-webkit-transform: translateX(-30px);transform: translateX(-30px);}
    50% {-webkit-transform: translateX(-10px);transform: translateX(-10px);}
    100% {-webkit-transform: translateX(-30px);transform: translateX(-30px);}
}
@keyframes float-bob-x {
    0% {-webkit-transform: translateX(-30px);transform: translateX(-30px); }
    50% {-webkit-transform: translateX(-10px);transform: translateX(-10px); }
    100% {-webkit-transform: translateX(-30px);transform: translateX(-30px); }
}
.float-bob-x {
    -webkit-animation-name: float-bob-x; animation-name: float-bob-x; -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: linear; animation-timing-function: linear;
}
@-webkit-keyframes line_move {
    0%, 100% {-webkit-transform: rotate(0deg) translateX(0); transform: rotate(0deg) translateX(0); }
    25%, 75% {-webkit-transform: rotate(5deg) translateX(15px); transform: rotate(5deg) translateX(15px); }
    50% {-webkit-transform: rotate(10deg) translateX(30px); transform: rotate(10deg) translateX(30px); }
}
@keyframes line_move {
    0%, 100% {-webkit-transform: rotate(0deg) translateX(0); transform: rotate(0deg) translateX(0); }
    25%, 75% {-webkit-transform: rotate(5deg) translateX(15px); transform: rotate(5deg) translateX(15px); }
    50% {-webkit-transform: rotate(10deg) translateX(30px); transform: rotate(10deg) translateX(30px); }
}
.line_move {
    -webkit-animation-name: line_move; animation-name: line_move; -webkit-animation-duration: 3s; animation-duration: 3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite;
}
@-webkit-keyframes zoom-in-zoom-out {
    0% {-webkit-transform: scale(1, 1);transform: scale(1, 1); }
    50% {-webkit-transform: scale(1.3, 1.3);transform: scale(1.3, 1.3); }
    100% {-webkit-transform: scale(1, 1);transform: scale(1, 1); }
}
@keyframes zoom-in-zoom-out {
    0% {-webkit-transform: scale(1, 1);transform: scale(1, 1); }
    50% {-webkit-transform: scale(1.3, 1.3);transform: scale(1.3, 1.3); }
    100% {-webkit-transform: scale(1, 1);transform: scale(1, 1); }
}
.zoom-in-zoom-out {
    -webkit-animation-name: zoom-in-zoom-out; animation-name: zoom-in-zoom-out; -webkit-animation-duration: 3s; animation-duration: 3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite;
}
@-webkit-keyframes up-down {
    0% {-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
    50% {-webkit-transform: translate3d(0, 30px, 0); transform: translate3d(0, 30px, 0); }
    100% {-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}
@keyframes up-down {
    0% {-webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
    50% {-webkit-transform: translate3d(0,30px,0); transform: translate3d(0,30px,0); }
    100% {-webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
}
.up-down {
    -webkit-animation: up-down 3s infinite  linear;
    animation: up-down 3s infinite  linear;
}

/*Banner Below Section*/
.banner-below{
    padding: 40px 0; position: relative; z-index: 2;
}
.banner-below .container{
    z-index: 3;
}
.banner-icons-inner{
    justify-content: center; margin: 0 -15px;
}
.banner-icons-inner .iconbox {
    padding: 15px 15px; overflow: hidden; background: rgba(255,255,255,0.5); /*border: 1px solid #ddd;*/
    background-image: linear-gradient(20deg, #d2e6ff 5%, #ffffff 100%);
    min-width: 210px; width: 100%; margin: 0 15px; position: relative;
    -moz-transition:all 0.4s ease 0s;-webkit-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s;
    -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px; /*box-shadow: 0 5px 20px rgba(0,0,0,0.1);*/
}
.banner-icons-inner .iconbox:before{
    content: "";
    padding: 1px;
    position: absolute;
    inset: 0;
    border-radius: inherit;
    background: linear-gradient(99.93deg, rgba(136, 149, 172, .4), rgb(147 188 239) 10.42%, rgb(187 217 255) 32.81%, rgb(175 210 255));
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
}
.banner-icons-inner .iconbox i {
    display: inline-flex; align-items: center; justify-content: center; text-align: center;
    min-width: 50px; height: 50px; text-align: center; font-size: 2.875rem; line-height: normal; color: #d6a217; margin: 0 8px 0 -10px;
}
.banner-icons-inner .iconbox p{
    font-size: 16px; line-height: 24px; font-weight: 600; color: var(--text_clr);
}
.round-iconbox{
    min-width: 50px; height: 50px; border: 1px solid var(--primary_clr);
    -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;
    margin: 0 10px 0 0;
}
.round-iconbox img{
    max-width: 28px;
}
.banner-icons-inner .iconbox:hover{
    border-color: var(--primary_clr);
}
.banner-icons-inner .iconbox:hover i,
.banner-icons-inner .iconbox:hover p{
    color: var(--primary_clr);
}

/*Footer Start*/
.footer{
    padding:0; margin: 0; position:relative;
    overflow:hidden; background: #e2edf4;
}
.footer .bg-img {
    opacity: 0.05; mix-blend-mode: multiply;
}
.f_shap1{
    position: absolute; left: -120px; bottom: 20%; margin: auto; max-width: 120px;
}
.f_shap2{
    position: absolute; right: 40px; bottom: 5px; margin: auto; max-width: 120px;
}
.f-contact-block{
    border-bottom: 1px solid rgba(0,0,0,0.1);
}
.f-contact-inn{
    align-items: center; justify-content: space-between;
}
.f-contact{
    display: flex; align-items: center; gap: 15px; position: relative;
}
.f-contact .icon{
    display: flex; align-items: center; justify-content: center;
    min-width: 60px; height: 60px; line-height: 60px; text-align: center; position: relative;  background: var(--white_clr); border-radius: 50%;
}
.f-contact .content p {
    color: #333; margin-bottom: 3px;
}
.f-contact .content h3 {
    font-size: 18px; color: var(--text_clr); font-weight: 600; margin: 0;
}
.f-contact .content h3 a {
    color: var(--text_clr);
}
.f-contact .content h3 a:hover{
    color: var(--secondary_clr);
}
.footer-inner .items{
    padding-left: 40px;
}
.footer-inner .items:first-child{
    padding-left: 15px;
}
/*.footer-inner .items:before{
    display: block; content: ""; width: 2px; height: 100%; position: absolute; left: 0; top: 20px; opacity: 0.2;
    background: linear-gradient(to bottom, var(--primary_clr) 0%, var(--primary_clr) 100%); border-radius: 10px;
}*/
.footer-inner .items:first-child:before{
    display: none;
}
.footer-inner{
    padding: 40px 0;
}
.footer-logo img{
    max-width: 160px;
}
.f-textarea p {
    font-size: 14px; line-height: 22px; margin: 0;
}
.s-icon{
    display: inline-block; font-size: 32px; line-height: 32px; color: var(--primary_clr);
}
.s-icon .la-facebook-f{font-size: 30px;}
.s-icon + .s-icon{margin-left: 15px;}
.s-icon:hover{color: var(--secondary_clr);}
.footer h4{
    font-size: 18px; color: var(--text_clr); 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: 16px; line-height: 20px; color: #163F70;
}
.f-links ul li + li{
    margin-top: 8px;
}
.f-links ul li a{
    color: var(--text_clr);
}
.f-links ul li a:hover{
    color: var(--secondary_clr);
}
.footer-button .btn .btn_icon {
    font-size: 16px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    transform: rotate(0deg);
}
.footer-bottom {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.copyright-text p{
    font-size: 16px; line-height: 22px; color: var(--text_clr); font-weight: 400; font-family: 'Open Sans', sans-serif; margin: 0;
}
.copyright-text p a:hover{
    color: var(--secondary_clr); text-decoration: underline;
}
.scrollup{
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;
    position: fixed; right: -20px; bottom: 10px; z-index: 4;
    background: var(--white_clr); border: 1px solid #ccc; width: 34px; height: 34px;
    border-radius: 50%; font-size: 15px; color: var(--primary_clr); line-height: normal;
    text-align: center; cursor: pointer; opacity: 0;
    -webkit-transition:all 0.4s ease 0s;-o-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s;
}
.scrollup.active{
    right: 10px; opacity: 1;
}
/*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;}
.bg-img:before{display: block; content: ""; background: var(--text_clr); position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 0; opacity: 0.5;}
.bg-img img {display: block;width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;-o-object-position: center;object-position: center;}
.bg-img.before-none:before{display: none;}
.bg-img.before-white:before{background: var(--white_clr);}
.bg-img.fixed{background-attachment: fixed !important;}
.bg-img.bg-auto{background-size: auto !important;}
.no-img.d-flex{-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;font-size: 24px;line-height: normal; color: #999; background: #ddd;}
.bg-img video{display: block; width:100%; height:100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center;}
.block-title{position:relative; margin: 0 0 20px;}
.block-title h2 strong,
.block-title .h2 strong{
    display: inline-block; color: var(--secondary_clr); text-decoration: none;
    background-image: linear-gradient(92.69deg, #0362db 41.28%, #0093ff 88.46%);
    -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;
}
.link{display:inline-block; font-size: 20px; line-height: 28px; color: rgba(41, 59, 136, 1); position: relative;}
.link:hover{color: var(--secondary_clr); text-decoration: none;}
.arrow-l{display: inline-block; min-width: 20px; height: 20px; background:url('../images/arrow-l.html') no-repeat center; background-size: 100% auto; margin-right: 7px;}
.text-white .arrow-l{background:url('../images/arrow-lw.html') no-repeat center; background-size: 100% auto;}
.card-link{display: block;position: absolute;left: 0;right: 0;top: 0;bottom: 0;z-index: 2;}
.page_tl{border-bottom: 1px solid #ccc;}
.more-link{
    display: inline-flex; align-items: center;
    font-size: 15px; color: var(--primary_clr); font-weight: 500; position: relative;
}
.more-link i{
    display: inline-flex; align-items: center; justify-content: center;
    background: var(--primary_clr); color: var(--white_clr);
    width: 24px; height: 24px; border-radius: 50%; margin-left: 7px;
    -moz-transition:all 0.4s ease 0s;-webkit-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s;
}
.more-link:hover i{
    color: var(--white_clr);
    background: var(--secondary_clr);
}
.btnbox{
    padding-top: 10px;
}
.page-content-block{
    padding: 40px; background: var(--white_clr);
    box-shadow: 0 3px 3px rgba(0,0,0,0.1);
}
/*header-blank*/
.header-blank{
    width: 100%; height: 80px; background: var(--white_clr);
}
.header-fixed .header-blank{
    height: 80px;
}

/* Logo Section */
.media-list .slick-list{
    overflow: visible;
}
.media-list .items{
    padding: 0 20px;
}
.card-media {
    width: 100%; height: 50px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; -webkit-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s;
}
.card-media img {
    display: block; width: 100%; height: 100%; -o-object-fit: scale-down; object-fit: scale-down; -o-object-position: center; 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;
}
.media-slider .slick-arrow{
    border: 0;
    background: none !important;
}
.media-slider .slick-arrow:hover{
    color: var(--primary_clr);
}
.media-slider .slick-arrow:before{
    content: "\f104";
}
.media-slider .slick-arrow.slick-next:before{
    content: "\f105";
}
.media-slider .slick-arrow.slick-prev{
    left: -15px;
}
.media-slider .slick-arrow.slick-next{
    right: -15px;
}

/*Course Section*/
.courses-list{
    margin: 0 -10px;
}
.courses-list .items{
    padding: 10px;
}
.card-course{
    padding: 8px;
    background: rgba(255,255,255,0.8); backdrop-filter: blur(5px); border: 2px solid #e8eef7;
    flex-direction: column; height: 100%; position: relative;
    -webkit-border-radius: 15px;-moz-border-radius: 15px;border-radius: 15px;
}
.card-course .imgbox{
    width: 100%; height: 160px; overflow: hidden; background: var(--black_clr); margin: 0 0 10px;
    -webkit-border-radius: 12px;-moz-border-radius: 12px;border-radius: 12px;
}
.card-course .imgbox img{
    display: block; width: 100%; height: 100%; object-fit: cover;
    -moz-transition:all 0.4s ease 0s;-webkit-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s;
}
.card-course .textarea{
    padding: 10px;
}
.course-bottom{
    padding: 10px;
}
.card-course h4{
    font-size: 16px; line-height: 22px; font-weight: 600;
}
.course_type{
    font-size: 13px; line-height: 18px; font-weight: 400; color: #555;
}
.card-course .iconbox{
    margin: 0 0 10px;
}
.card-course .type_text{
    display: inline-block; margin-left: 15px;
    font-size: 14px; line-height: 20px; font-weight: 400; color: #555;
}
.card-course .course_icon{
    display: inline-flex; min-width: 34px; max-width: 34px; height: 34px;
    padding: 5px; border: 1px solid #ddd;
    -webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;
}
.card-course:hover {
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
    border-color: #cfdbed;
}
.card-course:hover .imgbox img{
    transform: scale(1.05);
}
.card-course:hover h4{
    color: var(--primary_clr);
}
.courses-slider .slick-arrow.slick-prev {
    left: -25px;
}
.courses-slider .slick-arrow.slick-next {
    right: -25px;
}

/*About Section*/
.mw_160{
    min-width: 160px;
}
.abt-inner .book_shape {
    position: absolute;
    left: 10px; top: 5%;
    max-width: 130px;
}
.abt-inner .left-block .block-title{
    max-width: 340px;
}
.abt-inner .left-block .block-title h2{
    font-size: 36px; line-height: 50px;
}
.abt-inner .left-block .block-title .text-tag{
    position: absolute; right: 100px; top: -10px;
}
.devider_box{
    width: 10px; height: 95%;
    -webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;
    background-image: linear-gradient(92.69deg, #0362db 41.28%, #0093ff 88.46%);
}

/*Solution Section*/
.bdr-box{
    padding:40px; position: relative; background: #58C0F2; border-radius: 30px;
}
.bdr-box:before{
    display: block; content: ""; border: 3px dashed var(--primary_clr); 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-cta{
    padding: 15px; overflow: hidden; position: relative; z-index: 2; margin-bottom: -100px !important;
    -webkit-border-radius: 15px;-moz-border-radius: 15px;border-radius: 15px;
}
.solution-cta .bg-img,
.register-cta-bg .bg-img{
    background: url('../images/bg-image.jpg') no-repeat center;
    opacity: 0.15; mix-blend-mode: multiply;
}
.solution-cta:before{
    display: block; content: ""; width: 280px; background: var(--text_clr);
    position: absolute; left: -100px; top: -90px; bottom: -90px; opacity: 0.2;
    transform: rotate(25deg);
}
.solution-cta .imgbox img{
    display: block; width: 100%; height: 100%;
    -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;
}
.solution-cta h2,
.solution-cta h3,
.solution-cta h4,
.solution-cta p{
    color: var(--white_clr);
}
.solution-cta .text-box{
    padding: 0 20px;
}

/*Why Choose Section*/
.solution-section + .whychoose-section{
    padding-top: 160px;
}
.heart_shape{
    position: absolute; right: 0; top: -10%; z-index: 2;
}
.why-inner .items{
    margin: 0 0 20px;
}
.card-choose{
    padding: 20px 20px; background: var(--white_clr); border: 2px solid #d7dfeb;
    height: 100%; text-align: center;
    -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;
}
.why-inner .items:nth-child(3n+1) .card-choose .iconbox{
    background: #d7f5f5;
}
.why-inner .items:nth-child(3n+2) .card-choose .iconbox{
    background: #ffe8e8;
}
.why-inner .items:nth-child(3n+3) .card-choose .iconbox{
    background: #ffeace;
}
.why-inner .items:nth-child(3n+4) .card-choose .iconbox{
    background: #d8efff;
}
.card-choose .iconbox{
    background: var(--white_clr); min-width: 80px; max-width: 80px; height: 80px; margin: 0 auto 15px;
    /*box-shadow: 0 3px 5px rgba(0,0,0,0.2);*/
    -webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;
}
.card-choose .iconbox img{
    max-width: 50px;
}
.card-choose h4{
    font-size: 16px; line-height: 22px; font-weight: 600;
}

/*Our Journey Block*/
.journey-section-inn{
    position: relative; z-index: 2;
}
.journey-section-inn:before {
    content: ""; width: 40px; height: 40px; background: #e2edf4; position: absolute; left: -30px; top: -20px; border-radius: 50%;
}
.journey-section-inn:after {
    content: ""; width: 20px; height: 20px; background: #e2edf4; position: absolute; left: 20px; top: 10px; border-radius: 50%;
    animation: up-down 4s linear infinite
}
.bdr_tl{
    display: inline-flex; align-items: center; position: relative;
}
.bdr_tl:before{
    display: inline-flex; content: ""; height: 1px; width: 80px; border-bottom: 1px dashed var(--text_clr);
    margin: 0 10px; position: relative; top: 2px;
}
.bdr_tl:after{
    display: inline-flex; content: ""; height: 1px; width: 80px; border-bottom: 1px dashed var(--text_clr);
    margin: 0 10px; position: relative; top: 2px;
}
.journey-list .items + .items{
    border-left: 2px solid #ddd;
}
.card-count-inn{
    padding: 0; flex-direction: column; text-align: center; align-items: center;
}
.card-count-inn .h2{
    font-size: 34px; line-height: normal;
    margin-bottom: 10px; color: var(--primary_clr);
}
.card-count-inn .h2 strong{
    font-weight: 800;
}
.card-count-inn p{
    font-size: 16px; line-height: 28px;
}

/*Testimonial Section*/
.testimonial-section{
    overflow: hidden; background: url('../images/section-bg.jpg') no-repeat center; background-size: cover;
}
.testi-inn .testi-list-block{
    padding-right: 30px;
}
.card-testim{
    padding: 20px; background: var(--white_clr);
    -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;
    box-shadow: 0 3px 3px rgba(0,0,0,0.1);
}
.testi-imgbox{
    display: inline-block; width: 70px; height: 70px; overflow: hidden; margin: 0 auto 10px;
    -webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;
}
.testi-imgbox img{
    width: 100%; height: 100%; object-fit: cover;
}
.starbox{
    font-size: 14px; color: #ffbc1f; justify-content: center; margin: 0 0 10px;
}
.starbox i{
    margin: 0 2px;
}
.card-testim h4{
    font-size: 16px; line-height: normal;
}
.card-testim p{
    font-size: 14px; line-height: 20px;
}
.testi-slider {
    padding-left: 80px;
    padding-right: 80px;
}
.testi-list .items{
    padding-top: 15px;
    padding-bottom: 15px;
}
.shadow_box{
    width: 80%; height: 40px; opacity: 0.15;
    position: absolute; left: 0; right: 0; bottom: 0; margin: auto;
    background: radial-gradient(ellipse at center, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 70%);
}
.card-testimonial{
    padding: 20px;
    background: var(--white_clr); position: relative; z-index: 2; height: 300px;
    clip-path: polygon(60px 0, 100% 0, 100% 100%, 0 100%, 0 60px);
}
.card-testimonial img{
    display: block; max-width: 100%; max-height: 100%;
    object-fit: contain; object-position: center;
}
.quote_icon{
    display: block; width: 30px; height: 20px; position: absolute; left: 15px; top: 20px;
    background: url('../images/quote_icon.png') no-repeat center; background-size: 100% auto;
}
.testi-slider .slick-list{
    overflow: visible;
}
.testi-slider .slick-dots{
    bottom: -30px;
}

/*Steps Section*/
.cap-sub-title {
    font-size: 18px; line-height: 24px; color: var(--secondary_clr); font-weight: 600; text-decoration: none;
    background-image: linear-gradient(92.69deg, #0362db 41.28%, #0093ff 88.46%);
    -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;
    margin: 0 0 10px;
}
.card-step{
    padding: 10px; margin: 0 auto; position: relative; height: 100%;
    background: #70a6b1;
    -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;
}
.steps-list{
    justify-content: center;
}
.steps-list .items:nth-child(1n) .card-step{
    background: #c9ebf7;
}
.steps-list .items:nth-child(2n) .card-step{
    background: #96e9dc;
}
.steps-list .items:nth-child(3n) .card-step{
    background: #f5d4ac;
}
.steps-list .items:nth-child(4n) .card-step{
    background: #f9f4b4;
}
.card-step-inn {
    padding: 40px 20px;
    /*    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);*/
    height: 100%;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
.card-step p{
    font-size: 14px; line-height: 22px;
}
.card-step .number {
    width: 40px; height: 40px; font-size: 18px; line-height: 20px; color: #000000;
    font-weight: 500; align-items: center; justify-content: center;
    position: absolute; left: 10px; top: 10px; margin: auto;
}
.card-step .iconbox{
    min-width: 60px; max-width: 60px; height: 60px; margin: 0 auto 15px;
}
.card-step .iconbox img{
    max-width: 60px;
}
.banner_symbole {
    position: absolute; left: 2%; top: 5%;
}
.banner_symbole.right{
    left: auto; right: 2%; top: 0;
}

/*Before Register Section*/
.register-cta-bg{
    padding: 30px; overflow: hidden; position: relative; z-index: 2;
    -webkit-border-radius: 15px;-moz-border-radius: 15px;border-radius: 15px;
}
.register-cta-bg:before{
    display: block; content: ""; width: 15%; background: var(--text_clr);
    position: absolute; left: -100px; top: -140px; bottom: -140px; opacity: 0;
    transform: rotate(25deg);
}
.register-cta-bg:after{
    display: block; content: ""; width: 32%; background: var(--text_clr);
    position: absolute; right: -100px; top: -140px; bottom: -140px; opacity: 0.2;
    transform: rotate(25deg);
}
.register-cta-inn{
    z-index: 2;
}
.register-cta-inn .btnbox{
    padding: 0 20px;
}
.register-cta-inn .btnbox .btn{
    min-width: 180px;
}
.register-cta-inn .left-block{
    max-width: calc(100% - 240px);
}

/*support-block*/
.support-block{
    position: fixed; left: 10px; bottom: 10px; z-index: 99;
}
.support-link {
    flex-direction: column; text-align: center;
}
.support-link .text{
    display: inline-block; font-size: 14px; line-height: 20px; color: var(--text_clr); font-weight: 500; margin: 0 0 10px;
}
.support-iconbox{
    position: relative;
}
.chat_icon{
    display: inline-flex; align-items: center; justify-content: center; height: 48px;width: 48px;line-height: 48px;text-align: center;
    background: var(--primary_clr); font-size: 32px; line-height: normal; color: #fff; position: relative; z-index: 2;
    border: 2px solid var(--secondary_clr);
    -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;
}
.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)";
    }
}

/*Courses Page*/
.pro-top-tl-block {
    border-bottom: 1px solid #b8c9d5;
}
.proj_tab{
    border: 0; padding: 0; margin: 0 0 30px;
}
.proj_tab .nav-item{
    margin: 0; padding: 0;
}
.proj_tab .nav-item + .nav-item{
    margin-left: 20px;
}
.proj_tab .nav-link{
    padding: 12px 5px; position: relative; display: block; border: 0; background: none; position: relative;
    font-size: 18px; line-height: 24px; color: var(--text_clr); font-weight: 500; letter-spacing: 0.02em;
}
.proj_tab .nav-link:before{
    display: block; content: ""; height: 2px; width: 100%; background: var(--secondary_clr); position: absolute; left: 0; bottom: 0; opacity: 0;
}
.proj_tab .nav-link.active:before{
    opacity: 1;
}
.proj_tab .nav-link:hover{
    border-color: var(--secondary_clr);
}
.proj_tab .nav-link.active{
    color: var(--secondary_clr); border-color: var(--secondary_clr); background: none;
}
.sort-block .label{
    display: inline-flex; margin-right: 10px; font-size: 14px; line-height: 18px; color: #555; font-weight: 400;
}
.sort-block .selectbox{
    border: 1px solid #ccc; background: #fff;
}
.sort-block .selectbox select {
    height: 34px; font-size: 13px; line-height: normal; padding: 0 20px 0 10px; background: rgba(0,0,0,0.0);
}
.sort-block .selectbox:after {
    width: 30px; height: 34px; line-height: 34px; font-size: 18px;
}
.show-result p {
    font-size: 14px; color: #333;
}
.proj-list .items + .items{
    margin-top: 20px;
}
.card-proj{
    position: relative; background: var(--white_clr); border: 1px solid #ddd; overflow: hidden;
}
.card-proj:hover{
    box-shadow: 0 0 20px rgba(0,0,0,0.2);
}
.card-proj .imgbox img{
    display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;
}
.card-proj h4{
    font-weight: 700; margin: 0 0 10px;
}
.card-proj p{
    font-size: 14px; line-height: 20px;
}
.left-textbox{
    flex-direction: column; padding-right: 40px;
}
.right-textbox{
    min-width: 33.33%; max-width: 33.33%; text-align: right;
}
.ask-price{
    display: block; font-size: 14px; line-height: 20px; color: #6C6C70; margin: 0 0 5px;
}
.price-text{
    display: block; font-size: 20px; line-height: 24px; color: var(--black_clr); font-weight: 600; margin: 0 0 20px;
}
.neu-textbox{
    border: 1px solid #dee2e6; -webkit-border-radius: 40px;-moz-border-radius: 40px;border-radius: 40px; text-align: center; position: relative; z-index: 3;
}
.neu-textbox .neu-text{
    padding: 8px 10px; display: inline-flex; align-items: center; font-size: 12px; line-height: 16px; color: #6C6C70;
}
.neu-textbox .neu-text + .neu-text{
    border-left: 1px solid #dee2e6; cursor: pointer;
}
.other-text-list {
    flex-wrap: wrap; width: 100%;
}
.other-text-item {
    padding: 0 20px; min-width: 100px; position: relative; margin: 0 0 20px;
}
.other-text-item:first-child{
    padding-left: 0;
}
.other-text-item + .other-text-item:before {
    display: block; content: ""; width: 1px; height: 28px; background: #ddd; position: absolute; left: 0; top: 0; bottom: 0; margin: auto;
}
.text-label,
.text-value{
    display: block; font-size: 14px; line-height: 20px; color: #6C6C70;
}
.text-value{
    font-weight: 500; color: var(--black_clr);
}
.other-text-list + .other-text-list{
    margin-top: 10px;
}
.proj-other-info .other-text-item{
    margin: 0 0 10px;
}
.crs_iconbox{
    margin-bottom: 10px;
}
.crs_iconbox .course_icon{
    display: inline-flex; min-width: 34px; max-width: 34px; height: 34px;
    padding: 5px; border: 1px solid #ddd;
    -webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;
}
.crs_iconbox .type_text{
    display: inline-block; margin-left: 15px; font-size: 14px; line-height: 20px; font-weight: 400; color: #555;
}
.rating-text {
    font-size: 14px;
    font-style: normal;
    color: #ff8f00;
}

/*pagination*/
.pagination-block .pagination{
    justify-content: center;
}
.pagination-block .pagination li{
    margin: 0; padding: 0; font-size: 16px; line-height: 20px; color: var(--text_clr); font-weight: 500;
}
.pagination-block .pagination li span,
.pagination-block .pagination li a{
    display: block; padding: 5px 7px; color: var(--text_clr);
}
.pagination-block .pagination li span,
.pagination-block .pagination li a:hover{
    color: var(--secondary_clr);
}
.pagination-block .pagination .nextprev-link{
    font-size: 18px;
}

/*Faq Section*/
.faq-section .container{
    max-width: 940px;
}
.faq-list{
    border-bottom: 1px solid #ddd;
}
.faq-card{
    border-top: 1px solid #ddd;
}
.acc_trigger{
    padding: 15px 40px 15px 0; font-size: 20px; line-height: 24px; color: var(--black_clr); font-weight: 500; letter-spacing: 0; margin: 0; cursor: pointer; position: relative;
}
.acc_trigger:after{
    display: block; content: "\f107"; font-family: 'Line Awesome Free'; font-weight: 900; width: 40px; text-align: center; position: absolute; right: 0; top: 15px;
}
.acc_trigger[aria-expanded="true"]{
    color: var(--secondary_clr);
}
.acc_trigger[aria-expanded="true"]:after{
    content: "\f106";
}
.faq-card .content-box{
    padding: 0 0 20px;
}



.register-new-block{
    margin: 0; box-shadow: 0 5px 20px rgba(0,0,0,0.1); overflow: hidden;
    -webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;
}
.register-new-block .reg-items{
    padding: 0;
}
.form-block-style{
    padding: 80px;
}
.reg-symbole-block{
    padding: 40px; max-width: 410px;
}
.reg-logo{
    max-width: 300px; margin-bottom: 20px;
}
.bg-warning-subtle {
    background: #fff3cd;
}
.bg-warning-subtle *{
    color: #664d03;
}
.inatruction-textbox{
    padding: 12px; margin-top: 20px;
}
.select-block-inn.bg-none {
    background: none;
    box-shadow: none;
}
.form-inner{
    margin: 0 -15px; flex-wrap: wrap;
}
.input-field{
    padding: 0 15px; margin: 0 0 20px; 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: 14px; line-height: 18px; color: var(--text_clr); margin: 0 0 8px;
}
.input-field input,
.input-field textarea,
.input-field .selectbox select{
    font-size: 14px; line-height: normal; color: var(--black_clr);
    width: 100%; height: 44px; border: 1px solid var(--text_clr); background: transparent;
    -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;
}
.input-field .selectbox{
    background: none; border: 0;
}
.input-field .selectbox:after{
    width: 40px; height: 48px; font-size: 18px;
}
.input-field input[type="file"]{
    padding: 2px;
}
.input-field textarea{
    height: 100px;
}
.btnbox .btn{
    min-width: 140px;
}
.login-btnbox .btn .btn_icon{
    transform: rotate(0deg);
}
.forgot-linkbox .link {
    font-size: 16px;
}
.or_devider{
    position: relative; margin-bottom: 30px;
    border-top: 1px solid #ddd; height: 1px;
}
.or_devider span {
    display: inline-flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #ddd;
    position: absolute; left: 0; right: 0; top: -17px;
    width: 32px; height: 32px; margin: auto; border-radius: 50%; font-size: 12px; color: #333;
}
.instruct_text {
    display: inline-block; font-size: 12px; color: #444; margin-top: 4px;
}

/*Contact Page*/
.contact_info{
}
.title-flex .iconbox {
    min-width: 50px; max-width: 50px; height: 50px; border-radius: 50%;
    font-size: 28px; color: var(--white_clr); margin-right: 15px;
    background: linear-gradient(92.69deg, #0362db 41.28%, #0093ff 88.46%);
    animation: gradient 4s ease infinite;
}
.page-banner .h2{
    font-size: 40px; line-height: 1.2;
}
.small-box-list {
    margin: 0 -7px; flex-wrap: wrap;
}
.small-box-list .sub-items{
    padding: 7px; min-width: 50%; max-width: 50%;
}
.small-box{
    padding: 20px 10px 15px; background: var(--white_clr);
    -webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;
    height: 100%; text-align: center;
    box-shadow: 0 5px 15px rgba(0,0,0,0.05);
}
.small-box .iconbox{
    display: inline-block; margin: 0 0 10px;
}
.small-box .iconbox img{
    display: block; margin: 0 auto;
}
.small-box h5{
    font-size: 16px; line-height: 1.4; font-weight: 600;
}

/*Detail Page*/
.overflow_inherit{
    overflow: initial;
}
.sticky_sidebar{
    height: 1px;
}
.sticky_sidebar .inn{
    position: relative; z-index: 4;
}
.sidebar-detail-page{
    order: 2;
}
.sidebar_detail{
    background: var(--white_clr); width: 100%; height: 480px;
    box-shadow: 0 5px 10px rgba(0,0,0,0.1);
}
.mh_100{
    min-height: 100vh;
}
.js-sticky{
    position: fixed; top: 100px;
    width: 340px;
}

.bdr-box-block{
    padding: 20px;
    border: 1px solid #ccc;
}
.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.dropdown-toggle::after {
    color: #fff;
    position: absolute;
    right: 12px;
    top: 2px;
    bottom: 0;
    margin: auto;
    height: 0;
}

/*Cart Page*/
.cart-total-block {
    padding: 40px 30px; background: #fff; margin-left: 15px; box-shadow:0 2px 10px rgba(0, 0, 0, 0.05);
}
.cart-content-main {
    max-width: 67%; min-width: 67%;
}
.cart-content{
    max-width: 75%; min-width: 75%;
}
.cart-remove-button {
    max-width: 25%; min-width: 25%;
}
.cart-price-blcok {
    max-width: 15%; min-width: 15%;
}
.cart-image {
    max-width: 20%; min-width: 20%; margin-right: 20px; border: 1px solid #0362db; height: 100%; padding: 3px;
}
.cart-image img{
    display: block;
}
.cart-content a strong{
    color: var(--black_clr); margin-bottom: 10px; display: block; font-size: 18px; line-height: 1.2;
}
.cart-content p {
    margin-bottom: 2px; font-size: 14px;
}
.cart-content p:last-child{
    margin: 0;
}
.total-hours p {
    display: inline-flex; margin: 0 10px 0 0;
}
.cart-content ul li{
    margin: 0;
}
.cart-content ul li + li{
    margin-left: 10px;
}
.stars-block strong {
    margin: 0 !important;
}
.star-box {
    margin-right: 10px;
}
.star-box strong{
    margin-right: 10px !important; display: inline-flex !important;
}
.star-box i {
    color: #d3630a;
}
.star-box i + i {
    margin-left: 2px;
}
.cart-remove-button a {
    display: block; font-size: 15px; text-align: right; margin-right: 14px;
}
.cart-remove-button a:hover{
    text-decoration: underline;
}
.cart-remove-button a + a {
    margin-top: 8px;
}
.cart-price-blcok .cart-price {
    font-size: 20px; font-weight: 700; text-align: center; display: block;
}
.total {
    font-size: 18px; font-weight: 600; margin-bottom: 10px; display: inline-block; color: var(--secondary_clr); text-decoration: none; background-image: linear-gradient(92.69deg, #0362db 41.28%, #0093ff 88.46%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;
}
.cart-total-price{
    display: block; color: var(--black_clr); font-size: 36px; margin: 15px 0 20px; font-weight: 600;
}
.cart-total-block .charged{
    font-size: 14px;
}
.cart-details-mainbox + .cart-details-mainbox{
    margin-top: 20px; padding-top: 20px; border-top: 1px solid var(--primary_clr);
}
.promotions-block .btn {
    min-width: 90px; font-size: 16px; margin-left: 5px !important;
}
.promotions-input input {
    height: 34px; font-size: 14px; border-width: 1px;
}
.promotions-block .btn {
    min-width: 90px; font-size: 15px; margin-left: 5px !important; height: 34px;
}

/* Modal */
.course-modal .modal-title {
    font-size: 24px; text-transform: capitalize;
}
.course-modal .modal-dialog {
    max-width: 700px;
}
.course-modal .modal-content,
.email-edit-madal .modal-content{
    padding: 30px; border-radius: 0; position: relative;
}
.course-modal .modal-header .close,
.email-edit-madal .modal-header .close {
    font-size: 18px; padding: 0; width: 38px; height: 38px; background-image: linear-gradient(92.69deg, #0362db 41.28%, #0093ff 88.46%); color: #fff; opacity: 1; position: absolute; right: 0; top: 0; border-radius: 50%; z-index: 1;
}
.course-modal .modal-header .close:hover,
.email-edit-madal .modal-header .close:hover {
    opacity: 1;
    background-image: linear-gradient(92.69deg, #0093ff 41.28%, #0362db 88.46%);
}
.course-modal-block .imgbox {
    min-width: 35%; max-width: 35%; height: 140px;
}
.course-modal-block .course-modal-title {
    max-width: 65%;min-width: 65%; padding: 0 20px;
}
.course-modal-block .imgbox img {
    display: block; width: 100%; height: 100%; object-fit: cover;
}
.course-modal-block .cart-price {
    font-size: 26px; font-weight: 600; display: block; line-height: 1.2; max-width: 120px; min-width: 120px; text-align: center;
}
.course-modal .modal-body {
    padding: 15px 0 0;
}
.course-modal .modal-header {
    padding: 0 0 15px;
}
.course-modal-block .course-modal-title h3 {
    font-size: 20px;
    width: 100%;
}
.modal-footer .btn {
    width: 100%;
}
.modal-footer {
    padding: 20px 0 0; border: 0;
}

/* checkout Page */
.checkbox-group {
    margin-top: 10px;
}
.checkbox-group label input {
    width: 16px;
    height: 16px;
    margin-right: 8px;
}
.radio-group label input {
    max-width: 26px;
    margin-right: 8px;
}
.radio-group label {
    display: block;
    width: 100%;
    margin-right: 20px;
}
.radio-group {
    width: 100%;
    margin-top: 20px;
    border: 1px solid #000;
    border-radius: 5px;
    justify-content: space-between;
}
/*Tab*/
.option {
  border: 1px solid #ddd;
  padding: 20px;
  margin-bottom: 10px;
  border-radius: 5px;
  display: flex;
  align-items: flex-start;
  cursor: pointer;
}
.option input[type="radio"] {
  appearance: none;
  -webkit-appearance: none;
  width: 20px;
  height: 20px;
  border: 1px solid var(--primary_clr);
  border-radius: 50%;
  margin-right: 15px;
  margin-top: -1px;
  position: relative;
}
.option input[type="radio"]:checked::before {
  content: '';
  width: 10px;
  height: 10px;
  background: var(--primary_clr);
  border-radius: 50%;
  position: absolute;
  top: 4px;
  left: 4px;
}
.option.active {
    background: #1e81ff1c;
    border-color: #0362db;
}
.option-details {
  flex: 1;
}
.description {
  margin-top: 8px;
  color: #333;
  display: none;
}
.option.active .description {
  display: block;
}
.note-toggle {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
.note-toggle input[type="checkbox"] {
  width: 18px;
  height: 18px;
  margin-right: 10px;
}
.note-textarea {
  width: 100%;
  height: 120px;
  padding: 10px;
  font-size: 16px;
  border: 1px solid #999;
  border-radius: 4px;
  display: block;
}
.divider {
  border-top: 1px solid #ddd;
  margin: 40px 0;
}
.terms {
  text-align: center;
  margin-bottom: 30px;
  font-size: 14px;
}
.place-order {
  text-align: center;
  font-size: 18px;
  font-weight: 500;
}
.payment-options-form .btnbox .btn{
    width: 100%;
}
.original-price, .total-price{
    justify-content: space-between;
}
.total-price p, .original-price p{
    margin: 0;
}
.total-price{
    margin-top: 15px; border-top: 1px solid rgba(0, 0, 0, 0.3);
}
.information-form .checking-guest {
    display: block;
    margin-top: 4px;
}

/* Order Page */
.order-summary {
  background: #fff;
  padding: 30px;
  box-shadow: 0 0 5px rgba(0,0,0,0.1);
}
.header-summary, .summary-details{
  margin-bottom: 30px;
}
.header-summary p {
  font-size: 14px;
}
.summary-details table th{
    background: #ebf3fc;
}
.summary-info-box {
    display: flex;
    justify-content: space-between;
    background-color: #0362db14;
    padding: 20px;
    border-radius: 0;
}
.summary-info-box strong{
    text-transform: uppercase; display: block;
}
.summary-info-box div {
  flex: 1;
}
.order-summary .bold {
  font-weight: bold;
}

/* Dashboard Page */
.dashboard-list{
    padding: 40px;
}
.dashboard-list .left-block {
    border-right: 1px solid rgb(0 0 0 / 20%);
}
.nav-link.active {
    background-image: linear-gradient(92.69deg, #0362db 41.28%, #0093ff 88.46%);
    border-image: linear-gradient(92.69deg, #0362db 41.28%, #0093ff 88.46%);
}
.nav-link {
    padding: 10px 15px;
    font-size: 16px;
    border: 1px solid #000;
}
.nav-link + .nav-link {
    margin-top: 12px;
}
.email-address-edit .label {
    width: 100%; margin: 0;
}
.email-address-edit .label p {
    background: var(--white_clr); border: 2px solid #9E9E9E; width: 100%; padding: 0 15px; margin: 0; font-size: 14px; color: var(--text_clr); font-weight: 400; line-height: 22px; letter-spacing: 0; font-family: var(--primary_font_family); height: 44px; line-height: 44px; outline: none; border-radius: 5px;
}
.email-edit-iconbox {
    display: block; min-width: 44px; margin: 20px auto 20px 20px; max-width: 44px; text-align: center; height: 44px; display: flex; align-items: center; justify-content: center; font-size: 26px; border: 1px solid; color: var(--primary); border-radius: 5px;
}
.email-edit-iconbox:hover{
    color: var(--black_clr);
}
.email-address-edit .label strong {
    display: block; margin-bottom: 4px;
}
.testi-list-block .items {
    padding: 15px;
}
.bottom-full-width div#faqAccordion {
    border-bottom: 0;
}
.user-acc-dropdown {
    min-width: 140px; padding: 10px; margin: 2px 0 0;
}
.radio-styles .radio-optionbox input {
    max-width: 20px;
    height: 20px;
}
.radio-styles .radio-optionbox label {
    margin-left: 6px;
    line-height: 20px;
}
.radio-styles .radio-optionbox .radio-flex-col + .radio-flex-col{
    margin-left: 20px;
}
.radio-styles .radio-optionbox {
    height: 44px; padding: 4px 15px;
}
/* Password Field Css */
.password-field {
  position: relative;
  width: fit-content;
}
.password-input {
  padding-right: 30px;
}
.eye-toggle {
    position: absolute;
    top: 26px;
    right: 14px;
    width: 44px;
    height: 44px;
    cursor: pointer;
    background: none;
    border: none;
}
.eye-toggle i{
    font-size: 20px;
}
.low-price {
    text-decoration: line-through;
    padding-left: 6px;
    font-weight: 600;
    color: #888A8B;
    word-break: break-all;
}
/*site-preloader START*/
.site-preloader{position: fixed; top: 0; left: 0; right: 0; bottom: 0; width: 100vw; height: 100vh; background-color: var(--white_clr); opacity: 0; pointer-events: none; z-index: 99999999999; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); -webkit-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out;background-image: url('../images/section-bg.jpg');background-size: cover;background-repeat: no-repeat;background-position: center;}
.site-preloader-content{text-align: center;}
.loader-logo{width: 200px;margin-bottom: 5px;}
.site-loader-bar{height: 3px; border-radius: 1px; position: relative; overflow: hidden; width: 100%; background-color: #141414;}
.site-loader{height: 100%; width: 0; background-color: var(--primary_clr); -webkit-transition-timing-function: ease-in; -o-transition-timing-function: ease-in; transition-timing-function: ease-in;}
.site-preloader.loader-active{-webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1); pointer-events: all; opacity: 1;}
.loader-label{font-size: 12px; line-height: 20px; font-weight: 300; text-transform: uppercase; letter-spacing: 0.2em; margin-top: 5px;}
/*site-preloader END*/

.payment-options .radio-btns {
    margin: 0 -15px;
}

.steps-section .banner_symbole, .courses-section .banner_symbole {
    left: -65px; top: -36px;
}
.course-details-sec .crs-video-block {
    padding: 40px 40px 0 40px;border-top: 1px solid #fafafa;
    background: var(--white_clr);
}
.course-details-sec .crs-video-block h1 {
    margin-bottom: 30px;
}
.course-details-sec .course-details-left .crs-video-block img {
    width: 50%;
    margin: 0 auto;
    display: block;
}



/*==========================================
===============:: MEDIA CSS ::==============
============================================*/
/* iPad 1024px View */
@media screen and (max-width:1199px){
    .container{width:100%; max-width: 100%; padding:0 15px;}
    .btnbox{padding-top:10px;}
    .ptb-100, .ptb-60, .ptb-80, .ptb-90{padding:40px 0;}
    h1, .h1{font-size: 32px;line-height: 38px; margin: 0 0 15px;}
    h2, .h2{font-size: 24px;line-height: 28px;}
    .h3, h3{font-size: 20px;line-height: 24px;}
    h4{font-size: 18px;line-height: 24px;}
    h5 {font-size: 16px;line-height: 22px;}
    p {font-size: 15px;line-height: 24px;}
    ul li, ol li{font-size: 14px;line-height: 24px;}
    /*Header and banner*/
    .header .container{
        max-width: 100%;
    }
    .nav-main{display:none !important;}
    .mobi-iconbox{display:block;}
    .site-logo {
        min-width: 140px;max-width: 140px;
    }
    .header-inner,
    .header-fixed .header-inner,
    .header-blank{
        height: 80px;
    }
    .header-right{
        padding-right: 45px; position: relative;
    }
    .banner-img {
        max-width: 460px;
    }
    .banner-inner {
        padding: 20px 20px;
    }
    .caption p {
        font-size: 15px;
        line-height: 24px;
    }
    .shape_left_arrow {
        left: 60px;
        max-width: 24px;
    }
    .shape_right_arrow {
        max-width: 35px;
    }
    .banner_symbole{
        max-width: 40px;
    }
    .courses-section .banner_symbole {
        max-width: 30px; top: -20px; left: 5px;
    }
    .heart_shape {
        max-width: 40px;
        top: -5%;
    }
    .courses-slider .slick-arrow.slick-prev {
        left: -5px;
    }
    .courses-slider .slick-arrow.slick-next {
        right: -5px;
    }
    .solution-cta .text-box {
        padding: 10px 10px;
    }
    .card-count-inn p {
        font-size: 14px;
        line-height: 20px;
    }
    .courses-section .banner_symbole.right{
        left: auto; right: 2%; top: 5%;
    }
    .page-banner .h2 {
        font-size: 28px;
    }
    .cart-total-price {
       font-size: 32px;
    }
    .cart-total-block .btn {
        font-size: 15px;
    }
    .cart-content p {
        font-size: 13px;
    }
    .cart-content a strong {
       font-size: 16px;
    }
    .cart-content-main {
        max-width: 100%;
        min-width: 100%;
        flex-wrap: wrap;
    }
    .cart-content {
        max-width: 100%;
        min-width: 100%;
    }
    .course-details-sec .course-details-left .crs-video-block img {
        width: 100%;
    }


}
/*iPad 768px view*/
@media screen and (max-width:991px){
    .container{max-width:768px;}
    p{margin: 0 0 15px;}
    .ptb-120{padding: 40px 0;}
    .ptb-100, .ptb-80{padding: 40px 0;}
    .ptb-40{padding: 40px 0;}
    /*Header and banner*/
    .banner-inner {
        text-align: center;
        max-width: 510px;
        margin: 0 auto;
    }
    .heading_focus_text {
        font-size: 16px;
        justify-content: center;
    }
    .banner-inner .right-block {
        margin-top: 30px;
    }
    .abt-inner .left-block .block-title h2 {
        font-size: 28px;
        line-height: 40px;
    }
    .testi-inn .right-block {
        order: 1; text-align: center;
    }
    .testi-inn .right-block .btnbox {
        display: none;
    }
    .testi-inn .left-block {
        order: 2;
        margin-top: 10px;
    }
    .steps-list {
        gap: 30px 0;
    }
    /*Footer*/
    .footer-inner .items:nth-child(2){
        padding-left: 15px;
    }
    .footer-inner .items:nth-child(2):before{
        display: none;
    }
    .footer-inner .items.f_col_1 {
        margin-bottom: 20px;
        padding-bottom: 20px;
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    }
    .f-contact .content h3{
        font-size: 14px; line-height: 18px;
    }
    .testi-slider{
        padding: 0 100px;
    }
    .testi-slider .slick-dots {
        bottom: -20px;
    }
    .proj-list{
        display: flex; flex-wrap: wrap; margin: 0 -10px;
    }
    .proj-list .items{
        min-width: 50%; max-width: 50%;
        padding: 10px;;
    }
    .proj-list .items + .items {
        margin-top: 0;
    }
    .card-proj{
        padding: 10px 10px 80px; height: 100%; flex-direction: column;
        -webkit-border-radius: 15px;-moz-border-radius: 15px;border-radius: 15px;
    }
    .card-proj .imgbox img{
        height: 210px;
    }
    .card-proj .textbox {
        flex-wrap: wrap; position: static;
        padding: 20px 10px 0 !important;
    }
    .left-textbox{
        width: 100%; padding: 0;
    }
    .right-textbox {
        min-width: 100%; max-width: 100%; text-align: left; margin-top: 10px;
    }
    .price-text{
        margin-bottom: 10px;
    }
    .proj-right-bottom{
        padding: 20px;
        position: absolute; left: 0; right: 0; bottom: 0;
    }
    .proj-right-bottom .btn{
        width: 100%;
    }
    .other-text-item {
        padding: 0 10px;
        min-width: 60px;
    }
    .proj-filter {
        padding: 0 0 10px;
    }
    .content-column{
        margin-top: 20px;
    }
    .course-details-right > .imgbox img {
        height: 150px;
    }
    .course-details-sec .position-sticky {
        top: -70px;
    }
    .crs-video-block video {
        height: 300px;
    }

    .course-video-dropdown {
        margin: 10px 0 0 0;
    }

    .course-video .left-block {
        -ms-flex: 0 0 60%; flex: 0 0 60%; max-width: 60%;
    }

    .course-video .right-block {
        -ms-flex: 0 0 40%; flex: 0 0 40%; max-width: 40%;
    }
    .cart-remove-button {
        max-width: 100%;
        min-width: auto;
        margin-top: 10px;
    }
    .cart-remove-button a {
        display: inline-flex;
        text-align: left;
    }
    .cart-content-main {
        min-width: auto;
        margin-right: 14px;
    }
    .cart-total-block {
        padding: 30px;
     }
    .cart-image {
        max-width: 15%;
        min-width: 15%;
        margin-right: 15px;
    }

}
/*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: 28px;line-height: 32px;}
    h2, .h2 {font-size: 24px;line-height: 28px;}
    p{margin:0 0 15px;}
    .ptb-120, .ptb-100, .ptb-80, .ptb-90{padding:40px 0;}
    .ptb-60, .ptb-50{padding:40px 0;}
    .link{font-size: 16px;}
    /*Header and banner*/
    .mobile-menu-block{width:85%; left:-105%;}
    .mobi-btnbox{display: block;}
    .desktop-view-btns{display: none;}

    .banner-inner {
        padding: 20px 0;
    }
    .shape_logo {
        padding: 10px; width: 100px; left: -30px; top: 10px;
        background: rgba(255,255,255,0.5);
    }
    .shape_logo img {
        max-width: 80px;
    }
    .shape_left_arrow {
        left: 40px; max-width: 20px;
    }
    .shape_right_arrow {
        max-width: 25px;
    }
    .media-section {
        padding: 20px 0;
    }
    .courses-section .block-title .right-block{
        display: none !important;
    }
    .bottom-btnbox.hide {
        display: block;
    }
    .abt-inner .right-block {
        margin-top: 30px;
    }
    .abt-inner .left-block .block-title {
        max-width: 100%; width: 100%; text-align: center !important;
        margin-right: 0; margin-left: 0 !important;
    }
    .abt-inner .left-block .block-title h2 {
        font-size: 24px;
        line-height: 28px;
    }
    .abt-inner .left-block .block-title .text-tag {
        position: absolute; left: 30%; right: 0; top: -10px;
    }
    .abt-inner .book_shape {
        left: 10px; top: -20px;
        max-width: 60px;
    }
    .solution-cta-inn .left-block {
        order: 1;
    }
    .solution-cta-inn .right-block {
        order: 2; margin-top: 10px;
    }
    .why-inner {
        padding: 0; margin: 0 -5px;
    }
    .why-inner .items {
        margin: 0; padding: 5px;
        min-width: 50%; max-width: 50%;
    }
    .card-choose{
        padding: 20px 10px;
    }
    .card-choose h4{
        font-size: 15px; line-height: 20px;
    }
    .journey-list{
        padding: 0; margin: 0 -5px;
    }
    .journey-list .items {
        margin: 0; padding: 5px; border-top: 2px solid #ddd;
        min-width: 50%; max-width: 50%;
    }
    .journey-list .items:nth-child(1),
    .journey-list .items:nth-child(2){
        border-top: 0;
    }
    .journey-list .items:nth-child(3){
        border-left: 0;
    }
    .card-count-inn .h2 {
        font-size: 28px;
    }
    .card-counter {
        padding: 10px;
    }
    .testi-inn .testi-list-block {
        padding-right: 0;
    }
    .testi-list-block .items + .items{
        margin-top: 1.5rem!important;
    }
    .steps-list {
        gap: inherit; margin: 0 -5px; padding: 0;
    }
    .steps-list .items{
        min-width: 50%; max-width: 50%; padding: 5px;
    }
    .card-step-inn {
        padding: 10px 0;
    }
    .card-step .number{
        left: 0; top: 0;
    }
    .register-cta-bg{
        padding: 30px 20px;
    }
    .register-cta-inn{
        flex-wrap: wrap; text-align: center;
    }
    .register-cta-inn .left-block {
        max-width: 100%;
    }
    .register-cta-inn .btnbox {
        padding: 0; width: 100%;
        margin-top: 20px;
    }
    /*Footer*/
    .f-contact-inn {
        padding: 30px 0;
    }
    .f-contact-inn .items + .items {
        margin-top: 15px;
    }
    .f-contact .content h3 {
        font-size: 16px; line-height: 18px;
    }
    .footer-logo {
        justify-content: center;
    }
    .footer-inner {
        padding: 20px 0; margin: 0;
    }
    .f-textarea{
        text-align: center;
    }
    .f-textarea p{
        margin: 0;
    }
    .social-media {
        justify-content: center;
    }
    .footer h4 {
        font-size: 20px;line-height: 24px;margin: 0 0 10px;
    }
    .f-link-inn {
        padding: 0;
    }
    .footer-inner .items:before{
        display: none;
    }
    .footer-inner .items {
        padding-left: 15px;
    }
    .footer-inner > div + div {
        border-top: 1px solid rgba(0,0,0,0.2);padding-top: 20px;margin-top: 20px;
    }
    .footer-inner .items.f_col_1 {
        margin-bottom: 0; padding-bottom: 0; border-bottom: 0;
    }
    .footer-bottom{
        border-top: 1px solid rgba(0,0,0,0.2);
    }
    .f-logos .items {
        max-width: 100px;padding: 5px;
    }
    .copyright-text p {
        font-size: 14px;
    }
    .f-link-inn.ml-4 {
        margin-left: 0 !important;
    }
    .f_shap2 {
        max-width: 50px;
        bottom: 180px;
        right: 10px;
    }
    .footer-button .btn.mt-4 {
        margin-top: 0 !important;
    }
    .footer-button {
        width: 100%; display: flex;
        justify-content: space-between;
    }
    .footer-button .btn{
        width: 48%;
    }
    .f-contact .icon {
        min-width: 40px;
        height: 40px;
        line-height: 40px;
    }
    .f-contact .icon svg{
        width: 20px;
    }
    .f-contact .content p{
        font-size: 14px;
    }
    .testimonial-section .right-block{
        display: none !important;
    }
    .testimonial-section .bottom-btnbox{
        display: block;
    }
    .testi-slider{
        padding: 0 40px;
    }
    .card-testimonial{
        height: 240px;
    }
    .proj-list .items{
        min-width: 100%; max-width: 100%;
    }
    .price-text{
        font-size: 18px;
    }
    .form-block-style {
        padding: 20px;
    }
    .login-btnbox {
        flex-wrap: wrap; padding: 0;
    }
    .forgot-linkbox{
        min-width: 100%; margin-bottom: 10px;
    }
    .login-btnbox.btnbox .btn{
        margin: 0 auto;
    }
    .input-field{
        flex-basis:100%;min-width:100%;max-width:100%;
    }
    .register-new-block .left-block{
        order: 2;
    }
    .register-new-block .right-block{
        order: 1;
    }
    .reg-logo {
        max-width: 180px;
    }
    .forgot-linkbox .link {
        font-size: 14px;
    }
    .contact-page-inner {
        padding: 0;
    }
    .contact-page-inner .right-block{
        order: 1;
    }
    .contact-page-inner .left-block{
        order: 2;
    }
    .page-content-block {
        padding: 30px;
    }
    .page-banner .h2 {
        font-size: 24px;
    }
    .abt-page-inner .right-block{
        margin-top: 20px;
    }
    .small-box h5{
        font-size: 14px;
    }
    .cart-details-row {
        flex-direction: column-reverse;
    }
    .cart-total-block {
        margin: 0 0 40px !important;
    }
    .cart-total-price {
        font-size: 28px;
        margin: 15px 0 15px 0;
    }
    .cart-price-blcok {
        max-width: 20%;
        min-width: 20%;
    }
    .cart-content-main {
        min-width: 56%;
        margin-right: 14px;
    }
    .cart-content a strong {
        font-size: 15px;
        line-height: 1.3;
    }
    .cart-content ul li {
        font-size: 13px;
    }
    .stars-block {
        flex-direction: column;
        align-items: flex-start;
    }
    .star-box {
        margin: 3px 0;
    }
    .cart-content a strong {
        margin-right: 10px !important;
        display: inline-block;
    }
    .total-hours {
        flex-direction: column;
        align-items: flex-start;
    }
    .course-modal .modal-title {
        font-size: 20px;
    }
    .course-modal-block {
        flex-direction: column;
    }
    .course-modal-block .imgbox {
        min-width: 100%;
        max-width: 100%;
        margin-bottom: 20px;
    }
    .course-modal-block .course-modal-title {
        max-width: 100%;
        min-width: 100%;
        padding: 0;
    }
    .modal-footer {
        flex-wrap: wrap;
    }
    .modal-footer .btn + .btn {
        margin: 10px 0 0 0;
    }
    .course-modal-block .course-modal-title h3 {
        margin: 0;
    }
    .course-modal-block .imgbox {
        height: auto;
    }
    .summary-info-box strong {
        font-size: 15px;
    }
    .summary-info-box {
        flex-direction: column;
    }
    .summary-info-box .summary-items + .summary-items{
        margin-top: 20px;
    }
    .summary-details table th {
        font-size: 16px;
        font-weight: 700;
    }
    .summary-details table td {
        font-size: 14px;
        padding: 11px;
    }
    .email-edit-madal .modal-content{
        padding: 20px;
    }
    .about-section, .courses-section {
        overflow: hidden;
    }

    .course-video .left-block {
        -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;
    }
    .course-video .right-block {
        -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;
    }
    .crs-video-block {
        padding: 0 20px;
    }
  .dashboard-list {
        padding: 40px 20px;
    }
    .dashboard-list .left-block {
        padding-bottom: 25px;border-right: 0;
    }
    .course-details-sec .crs-video-block {
        padding: 30px 30px 0 30px;
    }
    .footer-inner .items.f_col_4 {
        position: fixed;
        bottom: 0;
        border: none;
        left: 0;
        right: 0;
        margin: auto;
        padding: 13px 15px;
        background: #fff;
        z-index: 999;
        box-shadow: 0 -2px 10px rgb(0 0 0 / 5%);
    }
    .footer {
        padding: 0 0 70px;
    }


}/*767 End*/