@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&family=Oswald:wght@200..700&display=swap');
::-webkit-scrollbar{width:10px}
::-webkit-scrollbar-track{background:#0a1a0c}
::-webkit-scrollbar-thumb{background:#F40009;border-radius:5px}
::-webkit-scrollbar-thumb:window-inactive{background:#0a1a0c}
#preloader{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#fff;z-index:999999}
#preloader .preloader{width:50px;height:50px;display:inline-block;padding:0;text-align:left;box-sizing:border-box;position:absolute;top:50%;left:50%}
#preloader .preloader span{position:absolute;display:inline-block;width:50px;height:50px;border-radius:50%;background-color:#F40009;-webkit-animation:preloader 1.3s linear infinite;animation:preloader 1.3s linear infinite}
#preloader .preloader span:last-child{-webkit-animation-delay:-.8s;animation-delay:-.8s}
@-webkit-keyframes preloader {
0%{transform:scale(0,0);opacity:.5}
100%{transform:scale(1,1);opacity:0}
}
@keyframes preloader {
0%{transform:scale(0,0);opacity:.5}
100%{transform:scale(1,1);opacity:0}
}
section .container,section .container-fluid{z-index:36;position:relative}
h1,h2,h3,h4,h5,h6{font-family:"Oswald",sans-serif;color:#0a1a0c;margin:0 0 1px;font-weight:600;line-height:1.2}
h1{font-size:60px}
h2{font-size:50px}
h3{font-size:36px}
h4{font-size:24px}
h5{font-size:18px}
h6{font-size:14px}
p{color:#042030;margin:0 0 15px;font-family:'Inter',sans-serif;font-size:16px;line-height:1.5;font-weight:400}
.blog-details-text ul{
color:#042030;
padding-left: 20px;
}
.dark-section h1,.dark-section h2,.dark-section h3,.dark-section h4,.dark-section h5,.dark-section h6{color:#fff;font-weight:500}
.dark-section,.dark-section p{color:#fff}
.btn-sys{font-weight:600;overflow:hidden;position:relative;display:inline-block;text-transform:uppercase;letter-spacing:1.5px;transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;line-height:20px;width:auto}
.btn-sys i{position:relative;top:1px}
.btn-sys.btn-crv{border-radius:25px}
.btn-sys.btn-mini{font-size:11px;padding:4px 17px}
.btn-sys.btn-mini i{font-size:12px}
.btn-sys.btn-mini.btn-border{padding:3px 18px}
.btn-sys.btn-small{font-size:13px;padding:8px 25px;letter-spacing:0}
.btn-sys.btn-small i{font-size:12px}
.btn-sys.btn-small.btn-border{padding:6px 25px}
.btn-sys.btn-medium{font-size:13px;padding:10px 25px;letter-spacing:0}
.btn-sys.btn-medium.btn-border{padding:8px 25px}
.btn-sys.btn-medium i{font-size:14px}
.btn-sys.btn-large{font-size:14px;padding:15px 36px}
.btn-sys.btn-large.btn-border{padding:14px 36px}
.btn-sys.btn-large i{font-size:14px}
.btn-sys.btn-border{border:1px solid;background-color:transparent}
.btn-light{color:#000;background-color:#fff}
.btn-light:hover{color:#000}
.btn-border.btn-light:after{content:"";height:200%;width:35%;position:absolute;z-index:1;right:0;top:0;margin:-5px 0 0 -5px;-webkit-transform-origin:0 0;-webkit-transform:rotate(-20deg);-moz-transform-origin:0 0;-moz-transform:rotate(-20deg);-ms-transform-origin:0 0;-ms-transform:rotate(-20deg);transform-origin:0 0;transform:rotate(-20deg);background:rgba(255,255,255,0.05);transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out}
.btn-border.btn-light{color:#fff;border-color:#fff}
.btn-border.btn-light:hover{color:#000;background-color:#fff}
.btn-border.btn-light:hover:after{right:0}
.btn-dark{color:#fff;background-color:#008200}
.btn-dark:hover{color:#fff}
.btn-dark:after{content:"";height:200%;width:35%;position:absolute;z-index:1;right:0;top:0;margin:-5px 0 0 -5px;-webkit-transform-origin:0 0;-webkit-transform:rotate(-20deg);-moz-transform-origin:0 0;-moz-transform:rotate(-20deg);-ms-transform-origin:0 0;-ms-transform:rotate(-20deg);transform-origin:0 0;transform:rotate(-20deg);background:rgba(255,255,255,0.1);transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out}
.btn-dark:hover:after{width:50%;background:rgba(255,255,255,0.14)}
.btn-border.btn-dark{color:#008200;border-color:#008200}
.btn-border.btn-dark:hover{color:#fff;background-color:#000}
.btn-border.btn-dark:hover:after{right:0}
.btn-gray{color:#fff;background-color:#c2c2c2}
.btn-gray:hover{color:#fff}
.btn-gray:after{content:"";height:200%;width:35%;position:absolute;z-index:1;right:0;top:0;margin:-5px 0 0 -5px;-webkit-transform-origin:0 0;-webkit-transform:rotate(-20deg);-moz-transform-origin:0 0;-moz-transform:rotate(-20deg);-ms-transform-origin:0 0;-ms-transform:rotate(-20deg);transform-origin:0 0;transform:rotate(-20deg);background:rgba(255,255,255,0.1);transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out}
.btn-gray:hover:after{width:50%;background:rgba(255,255,255,0.14)}
.btn-border.btn-gray{color:#c2c2c2;border-color:#c2c2c2}
.btn-border.btn-gray:hover{color:#fff;background-color:#c2c2c2}
.btn-border.btn-gray:hover:after{right:0}
.btn-color{color:#fff}
.btn-color:hover{color:#fff}
.btn-color:after{content:"";height:220%;width:35%;position:absolute;z-index:1;right:0;top:10%;margin:-5px 0 0 -5px;-webkit-transform-origin:0 0;-webkit-transform:rotate(-20deg);-moz-transform-origin:0 0;-moz-transform:rotate(-20deg);-ms-transform-origin:0 0;-ms-transform:rotate(-20deg);transform-origin:0 0;transform:rotate(-20deg);background:rgba(255,255,255,0.15);transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out}
.btn-color:hover:after{width:50%;background:rgba(255,255,255,0.2)}
.btn-border.btn-color:hover{color:#fff}
.btn-border.btn-color:hover:after{right:0}
.btn-color{color:#fff}
.btn-color:hover{color:#fff}
.btn-color:focus{color:#fff}
.btn-border.btn-color:hover{color:#fff}
.btn-sys.btn-border.btn-color{border-color:#F40009;background:none}
.btn-color{background:#F40009}
.btn-border.btn-color{color:#F40009;border-color:#F40009}
.btn-border.btn-color:hover{background:#F40009;border-color:transparent}
.btn-expand{color:#fff;z-index:1;line-height:20px;width:auto}
.btn-expand:hover{color:#fff;width:auto}
.btn-expand:before{content:"";height:50px;width:50px;position:absolute;z-index:-1;left:0;top:0;margin:0;display:block;border-radius:25px;background:rgba(255,255,255,.15);-webkit-transition:all .4s;-o-transition:all .4s;transition:all .4s}
.btn-expand:hover:before{width:100%;background:#F40009}
.btn-expand.dark{color:#1c1d1f;z-index:1}
.btn-expand.dark:hover{color:#fff}
.btn-expand.dark:before{content:"";height:50px;width:50px;position:absolute;left:0;top:0;margin:0;display:block;border-radius:25px;background:rgba(0,0,0,.05)}
.btn-expand.dark:hover:before{width:100%;background:#F40009}
.btn i{vertical-align:middle;position:relative;top:1px;font-size:16px}
.mt-30{margin-top:30px}
.mb-30{margin-bottom:30px}
@media (max-width:991px) {
header .navbar .navbar-brand{right:15px;text-align:center}
.navbar.navbar-boxed{margin:0}
}
header nav{margin-top:25px;-webkit-transition:all .4s;-o-transition:all .4s;transition:all .4s}
header.sticky nav{margin-top:0}
header .navbar .navbar-brand{position:absolute;top:15px;-webkit-transition:all .4s;-o-transition:all .4s;transition:all .4s;left:15px}
header .navbar .navbar-brand img{min-height:40px!important}
header.sticky .navbar{background:#fff}
.dropdown>.dropdown-menu{-webkit-transition:all .4s;-o-transition:all .4s;transition:all .4s}
.nav-link i{position:relative;top:0;margin-left:5px;font-size:10px}
.navbar-nav .nav-item a{position:relative}
header .navbar-nav .nav-link{position:relative}
header .navbar-nav .nav-link::before{position:absolute;bottom:15px;left:0;width:0;margin:0;height:2px;background:#F40009;content:"";-webkit-transition:all .4s;-o-transition:all .4s;transition:all .4s}
header .navbar-nav .nav-link:hover::before{width:40px}
header .navbar-nav .nav-link.active::before{width:40px}
header .navbar-nav .nav-link.active{color:#F40009}
.nav-item.dropdown.megamenu .menu-back-div{border-radius:10px;-webkit-transition:all .4s;-o-transition:all .4s;transition:all .4s;background:linear-gradient(to left,#eff3f0 0%,#fff 100%);border:1px solid #fff}
.dropdown-menu.megamenu-content li{margin:5px 0}
.dropdown-menu.megamenu-content li a{position:relative;padding:10px 0}
.dropdown-menu.megamenu-content li a::before{position:absolute;bottom:3px;left:0;width:0;margin:0;height:1px;background:#F40009;content:"";-webkit-transition:all .4s;-o-transition:all .4s;transition:all .4s}
.dropdown-menu.megamenu-content li a:hover::before{width:100%}
.navbar>.container{position:relative}
.container{max-width:83.333333333333%;width:83.333333333333%}
@media (max-width:1680px) {
.container{max-width:100%;width:100%}
}
.side-icons{position:absolute;right:35px}
.push-menu-logo{text-align:center}
.push-menu-logo img{max-height:150px}
.menu-banner-image{border-radius:15px}
.nav-title{text-transform:uppercase;color:#F40009;margin:10px 0 20px;font-weight:500}
.center-col{float:none!important;margin-left:auto!important;margin-right:auto!important}
.border-top{border-top:1px solid rgba(0,0,0,.07)!important}
.subtitle{position:absolute;top:-15px;left:0;right:0;margin:0 auto;width:auto;display:inline-block;text-align:center;font-size:15px;font-weight:700;text-transform:uppercase;letter-spacing:2px;color:#F40009;z-index:100}
.subtitle span{background:#fff;padding:0 50px}
.sub{font-size:15px;margin-bottom:20px;font-weight:700;text-transform:uppercase;letter-spacing:3px;color:#F40009;position:relative}
.sub:before{position:relative;top:-1px;content:'';display:inline-block;margin-right:12px;width:0;height:0;border-style:solid;border-width:5px 10px 5px 0;border-color:transparent #dee3e0 transparent transparent;transform:rotate(0deg)}
.sub:after{position:relative;top:-1px;content:'';display:inline-block;margin-left:15px;width:0;height:0;border-style:solid;border-width:5px 0 5px 10px;border-color:transparent transparent transparent #dee3e0;transform:rotate(0deg)}
.dark-section .sub{color:#fff}
.dark-section .sub:before{border-color:transparent rgba(255,255,255,.33) transparent transparent}
.dark-section .sub:after{border-color:transparent transparent transparent rgba(255,255,255,.33)}
.sub.green{color:#008200}
.page-header{padding:230px 0 130px}
.page-header h1{margin-bottom:30px;font-size:60px}
.header-title{text-align:center}
.header-title p:last-child{margin-bottom:0}
.header-title.cta{margin-bottom:0;text-align:center}
.header-title.cta .btn-sys{margin:30px 2px 0}
.header-title.cta .btn-sys i{position:relative;top:2px;margin-right:5px}
.header-title h2,.header-title h3,.header-title h4{margin-bottom:30px}
.header-title h5{margin-bottom:15px}
.header-title h2 span{color:#F40009}
.header-title.left{text-align:left}
.header-title.left .sub:after{display:none}
.header-title.left .btn-sys{margin:30px 0 0}
.header-title.left h4{font-size:18px}
.header-title.left .logo{display:block;margin:30px 0 0}
.header-title.left .logo img{max-height:60px}
.header-title.left hr{margin:30px 0;border-color:#d0d1d2}
.video-button{position:relative;display:block;z-index:37;text-align:center;margin:0 0 30px}
.video-button a{position:relative;text-align:center;width:90px;height:90px;font-size:26px;margin:0 auto;display:block;color:#F40009;display:block;border-radius:50%;background:#fff}
.video-button a:hover{color:#fff;background:#F40009}
.video-button a i{font-size:30px;position:relative;line-height:90px;display:inline-block;margin-left:5px}
.video-icon-text{color:#fff;display:block;font-size:15px;font-weight:600;letter-spacing:1px}
.video-icon-sonar{position:absolute;border-radius:50%;top:-15px;left:-15px;z-index:-1;width:120px;height:120px;display:block;background:#fff;opacity:1;margin:0 auto;display:block;-webkit-animation:video-icon-sonar 2s linear infinite;animation:video-icon-sonar 2s linear infinite}
@-webkit-keyframes video-icon-sonar {
0%{opacity:1;-webkit-transform:scale(.1);transform:scale(.1)}
100%{opacity:0;-webkit-transform:scale(1.2);transform:scale(1.2)}
}
@keyframes video-icon-sonar {
0%{opacity:1;-webkit-transform:scale(.1);transform:scale(.1)}
100%{opacity:0;-webkit-transform:scale(1.2);transform:scale(1.2)}
}
.subscribe{position:relative;margin-top:20px}
.subscribe .input{font-size:15px;padding:0 15px 0 25px;border:1px solid rgba(0,0,0,.08);outline:none;width:100%;color:#0a1a0c;background:#fff;height:50px;line-height:50px;border-radius:25px;-webkit-transition:all .4s;-o-transition:all .4s;transition:all .4s}
.subscribe:focus .input,.subscribe:hover .input{color:#0a1a0c;box-shadow:0 0 15px rgba(244,0,9,.30);border-color:#F40009}
.subscribe button{position:absolute;right:0;top:0;color:rgba(0,0,0,.5);text-align:center;border:none;outline:none;background:none;display:block;width:50px;height:50px;line-height:55px;padding:0;margin:0;border-radius:50%;-webkit-transition:all .4s;-o-transition:all .4s;transition:all .4s}
.subscribe button i{font-size:16px}
.subscribe:hover button,.subscribe:focus button{color:#fff;background:#F40009}
.swiper-slide .news-category{background:#F40009;color:#fff;position:relative;left:0;top:0;border-radius:3px;padding:10px 25px;font-size:14px;line-height:14px;font-weight:500;margin-bottom:20px;display:inline-block}
.swiper-slide h3{font-size:40px;line-height:1.2}
.bg-gradient-dark{background-image:linear-gradient(to right,#0a1a0c,rgba(0,0,0,.66),rgba(0,0,0,.42),rgba(0,0,0,.1),rgba(0,0,0,0))}
.bg-gray{background:#f2f2f2}
.grad{background:linear-gradient(to right,#eff3f0 0%,#fff 100%)}
.grad2{background:linear-gradient(to left,#eff3f0 0%,#fff 100%)}
.grad3{background:linear-gradient(to bottom,#eff3f0 0%,#fff 100%)}
.footer-line{height:6px;width:100%;display:block;z-index:10;position:absolute;top:-1px;left:0;right:0;content:"";display:block;background:linear-gradient(to right,#008200,#F40009)}
footer{background-size:cover!important;background-image: url(../img/footer.png);background-position:center bottom;background-repeat:no-repeat}
footer-bottom p{margin:0;color:rgba(0,0,0,.66);line-height:20px}
footer h4{color:rgba(0,0,0,.5);text-transform:uppercase;padding-bottom:15px;margin-bottom:15px;font-size:15px;letter-spacing:2px;font-weight:700;line-height:1.4}
footer h4 a{position:relative}
footer h4 a:after{position:absolute;bottom:-15px;left:0;width:30px;height:2px;margin:0;background:#F40009;content:"";-webkit-transition:all .4s;-o-transition:all .4s;transition:all .4s}
footer h4 a:hover:after{width:100%}

#menu-footer-menu li{color:rgba(0,0,0,.5);text-transform:uppercase;padding-bottom:8px;margin-bottom:15px;font-size:15px;letter-spacing:2px;font-weight:700;line-height:1.4}
#menu-footer-menu li a{position:relative}
#menu-footer-menu li a:after{position:absolute;bottom:-15px;left:0;width:30px;height:2px;margin:0;background:#F40009;content:"";-webkit-transition:all .4s;-o-transition:all .4s;transition:all .4s}
#menu-footer-menu li a:hover:after{width:100%}

footer a:hover{color:#F40009;text-decoration:none}
footer ul li,footer p{font-size:16px;margin:0}
footer .footer-top{padding:6% 0}
footer .newsletter{margin-top:30px}
footer .newsletter .btn{position:absolute;top:0;right:5px;bottom:0;border:0;padding:4px 18px;letter-spacing:inherit;overflow:hidden}
footer .newsletter input{padding-right:70px;padding-left:30px}
footer .newsletter .medium-input+.btn{padding:4px 18px}
footer .newsletter .large-input+.btn{padding:4px 23px}
.sub-list li{-webkit-transition:all .4s;-o-transition:all .4s;transition:all .4s;position:relative}
.sub-list li:before{position:absolute;top:10px;left:0;content:'';display:inline-block;width:0;height:0;border-style:solid;border-width:4px 0 4px 8px;border-color:transparent transparent transparent #F40009;transform:rotate(0deg);opacity:0;-webkit-transition:all .4s;-o-transition:all .4s;transition:all .4s}
.sub-list li:hover{padding-left:18px}
.sub-list li:hover:before{opacity:1}
.footer-bottom{padding:35px 0;border-top:1px solid rgba(0,0,0,.10)}
.footer-bottom ul li{display:inline-block}
.footer-bottom p{font-size:15px;margin:0;color:rgba(0,0,0,.66);line-height:20px;margin:10px 0}
.footer-bottom a{font-size:14px;text-transform:uppercase}
.footer-bottom a:before{display:inline-block;content:"|";color:rgba(0,0,0,.66);position:relative;margin:0 15px;font-size:10px;position:relative;top:-2px}
.footer-bottom a:first-child:before{display:none}
.progress-wrap{position:fixed;right:30px;bottom:30px;height:46px;width:46px;cursor:pointer;display:block;border-radius:50px;z-index:10000;opacity:1;visibility:hidden;transform:translateY(15px);-webkit-transition:all 200ms linear;transition:all 200ms linear}
.progress-wrap.active-progress{opacity:1;visibility:visible;transform:translateY(0)}
.progress-wrap::after{position:absolute;font-family:themify!important;content:"\e648";text-align:center;line-height:16px;font-size:16px;color:#F40009;left:0;top:0;height:46px;width:46px;cursor:pointer;display:block;z-index:1;-webkit-transition:all 200ms linear;transition:all 200ms linear;box-shadow:none;border-radius:5px;display:flex;align-items:center;justify-content:center}
.progress-wrap svg path{fill:none}
.progress-wrap svg{color:#000;border-radius:50%}
.progress-wrap svg.progress-circle path{stroke:#F40009;stroke-width:7px;box-sizing:border-box;-webkit-transition:all 200ms linear;transition:all 200ms linear}
.brands a{line-height:120px;height:120px;text-align:center;display:block;padding:0;margin:15px;border-radius:10px;background:radial-gradient(ellipse at center,#fff 0%,#eff3f0 100%)}
.brands a img{max-height:70px;max-width:150px;margin:0 auto;text-align:center;-webkit-filter:grayscale(0%);filter:grayscale(0%)}
.brands a:hover{background:#fff;box-shadow:0 0 15px #dee3e0}

.padding250{
	padding-top:250px;
}

.text-big{position:absolute;left:0;top:65px;font-size:120px;line-height:120px;letter-spacing:-2px;white-space:nowrap;right:0;text-align:center;text-transform:uppercase;font-weight:700;font-family:"Oswald",sans-serif;display:block!important;color:#fff;text-shadow:0 0 15px rgba(0,0,0,.15)}
.right-minus-100px{right:-100px}
.bottom-100px{bottom:50%}
.top-66{top:30%}
.valign{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
img,svg{vertical-align:middle}
.caption h3{font-size:37px;font-weight:400;color:#fff;text-transform:uppercase;}
.caption .btn-sys{margin-top:40px}
.caption .sub-title{margin:0 0 30px;display:inline-block;width:auto;font-size:12px;line-height:30px;font-weight:600;border:1px solid rgba(255,255,255,.33);color:#fff;text-transform:uppercase;border-radius:5px;padding:0 20px;letter-spacing:1px;-webkit-transition:all .4s;-o-transition:all .4s;transition:all .4s}
.news-box{height:500px;position:absolute;overflow:hidden;display:block;position:relative;-webkit-transition:all .4s;-o-transition:all .4s;transition:all .4s;border-radius:15px}
.news-box img{height:500px;width:100%;object-fit:cover;border-radius:15px;-webkit-transition:all .4s;-o-transition:all .4s;transition:all .4s}
.news-box .news-box-text{position:absolute;bottom:-50px;left:0;right:0;margin:0 auto;display:block;padding:40px;background:linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 100%);-webkit-transition:all .4s;-o-transition:all .4s;transition:all .4s}
.news-box:hover .news-box-text{bottom:0}
.news-box .news-box-text h4{font-size:20px;color:#fff;line-height:1.5;font-weight:500}
.news-box .news-box-text span{font-size:12px;font-weight:600;line-height:24px;color:#fff;margin:0 0 15px;text-transform:uppercase;padding:0 15px;background:none;border-radius:5px;display:inline-block;width:auto;border:1px solid #fff;-webkit-transition:all .4s;-o-transition:all .4s;transition:all .4s}
.news-box:hover .news-box-text span{opacity:0}
.news-box .news-box-text .btn-sys{-webkit-transition:all .4s;-o-transition:all .4s;transition:all .4s;opacity:0;margin-top:20px}
.news-box:hover .news-box-text .btn-sys{opacity:1}
.blog-content.or{position:relative;top:-130px}
.mt-80{margin-top:80px}
.bg-gradient-green-red{background:linear-gradient(to right top,#205527,#F40009)}
.page-overlay{background:linear-gradient(45deg,#f40009 0%,#205527 50%)}
.sust{position:relative}
.sust .sustimg{position:relative;border-radius:30px;background:linear-gradient(to right top,#008200,#205527);overflow:hidden;-webkit-transition:all .4s;-o-transition:all .4s;transition:all .4s}
.sust .sustimg img{width:100%;object-fit:cover;border-radius:30px;-webkit-transition:all .4s;-o-transition:all .4s;transition:all .4s;-webkit-filter:grayscale(0);filter:grayscale(0%);height:500px;}
.sust:hover .sustimg img{-webkit-filter:grayscale(100);filter:grayscale(100%);opacity:.33;-webkit-transform:scale(1.1);transform:scale(1.1)}
.sust .leaf{width:160px;position:absolute;bottom:-40px;right:-40px}
.sust .logo img{position:absolute;top:40%;bottom:0;left:0;right:0;display:block;opacity:0;margin:0 auto;height:80px;-webkit-transition:all .4s;-o-transition:all .4s;transition:all .4s}
.sust:hover .logo img{opacity:1;height:150px;top:calc(50% - 75px)}
.absolute-middle-center{z-index:100;}
.green{color:#205527}

.tab-style-05 .nav-tabs li{margin:0 10px; display: flex;}
.tab-style-05 .nav-tabs .nav-link{font-weight:800;background:#fff;background:radial-gradient(ellipse at center,#fff 0%,#eff3f0 100%)}
.tab-style-05 .nav-tabs .nav-link:hover{background:#fff;box-shadow:0 0 15px rgba(0,0,0,.15)}
.tab-style-05 .nav-tabs .nav-link.active{background:linear-gradient(to right,#205527 0%,#a6ce39 100%)!important;box-shadow:0 0 15px 0 rgba(23,23,23,.08);border:none;color:#fff!important}



.tab-style-06 .nav-tabs li{margin:0 10px; display: flex;}
.tab-style-06 .nav-tabs .nav{
	line-height: 24px;
	font-weight:800;
	background:#fff;
	background:radial-gradient(ellipse at center,#fff 0%,#eff3f0 100%),     
	display: flex;
    align-items: center;
    padding: 8px 30px;
    border-radius: 25px;
    border: none!important;
    justify-content: center;}
.tab-style-06 .nav-tabs .nav:hover{background:#fff;box-shadow:0 0 15px rgba(0,0,0,.15)}
.tab-style-06 .nav-tabs .nav.active{box-shadow:0 0 15px 0 rgba(23,23,23,.08);border:none;}
.tab-style-06 .nav-tabs .nav.active {
	border-bottom:0px!important;
}
.tab-style-06 .nav-tabs .nav:hover,
.tab-style-06 .nav-tabs .nav:focus {
	border-bottom:0px!important;
}
.tab-style-06 .nav-tabs .nav.active a {
	border-bottom:0px!important;
}
.tab-style-06 .nav-tabs .nav a:hover,
.tab-style-06 .nav-tabs .nav a:focus {
	border-bottom:0px!important;
}




.tab-style-08 .nav-tabs li{margin:0 10px; display: flex;}
.tab-style-08 .nav-tabs .nav-link{font-weight:800;background:#fff;background:radial-gradient(ellipse at center,#fff 0%,#eff3f0 100%)}
.tab-style-08 .nav-tabs .nav-link:hover{background:#fff;box-shadow:0 0 15px rgba(0,0,0,.15)}
.tab-style-08 .nav-tabs .nav-link.active{background:linear-gradient(to right,#205527 0%,#a6ce39 100%)!important;box-shadow:0 0 15px 0 rgba(23,23,23,.08);border:none;color:#fff!important}
.tab-style-08 .nav-tabs .nav-link.active {
    background: linear-gradient(to right,#F40009 0%,#F40009 100%)!important;
    box-shadow: 0 0 15px 0 rgb(23 23 23 / 8%);
    border: none;
    color: #fff!important;
}


.border-circle{border:7px solid #fff;border-radius:50%}
.border-circle img{border-radius:50%}
.text-grad{color:#FF4001;background:-webkit-linear-gradient(-45deg,#FF4001,#205527);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.bg-dred{background:#be1421}
.bg-dgreen{background:#205527}
.opacity-05{opacity:.5}
.pt-0{padding-top:0}
.vertical-counter{margin-bottom:25px;height:60px;font-size:60px;letter-spacing:-2px;position:relative}
.vertical-counter .plus{position:absolute;right:-30px;font-size:35px;color:#FF4001}
.vertical-counter-number{overflow:hidden;width:100%;height:auto;color:#008200}
.vertical-counter-number ul{text-align:center;margin:0;padding:0;transform:translateY(0);transition:2s ease-in-out;list-style:none}
.count p{opacity:.8;text-transform:capitalize;font-size:14px;margin-top:30px;position:relative}
.count p:before{width:1px;height:20px;position:absolute;margin:0 auto;text-align:center;background:#FF4001;content:"";left:0;right:0;top:-30px}
.count p b{opacity:1;text-transform:uppercase;font-size:16px}
.bg-img-big{position:absolute;width:500px;height:auto;right:-10%;display:block;opacity:.05;bottom:calc(50% - 100px);overflow:hidden;transform:rotate(-90deg)}
.bg-img-big img{width:500px}
.mb-20{margin-bottom:20px}
.mb-40{margin-bottom:40px}
.mt-60{margin-top:60px}
.small-screen{height:300px}
.portfolio-filters{margin:0 0 40px;text-align:center}
.portfolio-filters a{display:inline-block;color:#fff!important;font-size:16px;text-transform:uppercase;font-weight:700;line-height:20px;background:#205527;margin:2px;padding:10px 25px;border-radius:25px;cursor:pointer}
.portfolio-filters a:hover,.portfolio-filters a:focus,.portfolio-filters a.active{background:#FF4001;color:#fff}
#portfolio-grid{width:100%;margin:0 auto;padding:0}
#portfolio-grid .portolio-item{overflow:hidden;position:relative;margin:-.5px;width:20%!important}
#portfolio-grid .portolio-item.w40{width:40%!important}
#portfolio-grid .portolio-item.w25{width:25%!important}
#portfolio-grid .portolio-item.w30{width:30%!important}
#portfolio-grid .portolio-item.w60{width:60%!important}
#portfolio-grid .portolio-item.w35{width:35%!important}
.isotope-item{z-index:2}
.isotope-hidden.isotope-item{pointer-events:none;z-index:1}
.isotope,.isotope .isotope-item{-webkit-transition-duration:.5s;-moz-transition-duration:.5s;-ms-transition-duration:.5s;-o-transition-duration:.5s;transition-duration:.5s}
.isotope{-webkit-transition-property:height,width;-moz-transition-property:height,width;-ms-transition-property:height,width;-o-transition-property:height,width;transition-property:height,width}
.isotope .isotope-item{-webkit-transition-property:-webkit-transform,opacity;-moz-transition-property:-moz-transform,opacity;-ms-transition-property:-ms-transform,opacity;-o-transition-property:-o-transform,opacity;transition-property:transform,opacity}
.isotope.no-transition,.isotope.no-transition .isotope-item,.isotope .isotope-item.no-transition{-webkit-transition-duration:0;-moz-transition-duration:0;-ms-transition-duration:0;-o-transition-duration:0;transition-duration:0}
.isotope.infinite-scrolling{-webkit-transition:none;-moz-transition:none;-ms-transition:none;-o-transition:none;transition:none}
@media (max-width:991px) {
body{padding-top:0!important}
.navbar-dark.bg-transparent .push-button>span,.sticky .navbar-dark.bg-transparent .push-button>span{background:#fff}

.navbar.navbar-boxed{margin:0}
.navbar.bg-transparent{background-color:transparent!important}
.navbar-dark.bg-transparent .navbar-toggler{left:30px}
header .navbar .navbar-brand .mobile-logo,header .sidebar-nav-menu .navbar-brand .mobile-logo{visibility:hidden;opacity:0;width:0}
.navbar-dark.bg-transparent .navbar-toggler-line{background:#fff}
.navbar-dark.bg-transparent .mobile-logo-alt{visibility:hidden;opacity:0;width:0}
.navbar-dark.header-light .mobile-logo-alt{visibility:visible;opacity:1;width:auto}
.navbar.navbar-dark .nav-bar-contact,.navbar.navbar-dark.bg-transparent .header-cart-icon>a,.navbar.navbar-dark.bg-transparent .header-language>a,.navbar.navbar-dark.bg-transparent .header-search-icon>a,.navbar.navbar-dark.bg-transparent .header-social-icon>a{color:#fff!important}
.container-fluid{padding:0 15px}
.container{padding:0 30px}
}
.ct-box{position:relative;height:350px;-webkit-transition:all .4s;-o-transition:all .4s;transition:all .4s;background:linear-gradient(to right top,#008200,#000);border-radius:10px;overflow:hidden;margin-bottom:30px}
.ct-box:hover{background:linear-gradient(to left top,#008200,#205527)}
.ct-box img{height:350px;object-fit:cover;width:100%;-webkit-transition:all .4s;-o-transition:all .4s;transition:all .4s;opacity:.9}
.ct-box:hover img{opacity:.15;filter:grayscale(100%)}
.ct-box span{position:absolute;bottom:30px;left:0;right:0;padding:0 30px;text-align:center;color:#fff;-webkit-transition:all .4s;-o-transition:all .4s;transition:all .4s;text-transform:uppercase;font-weight:700;letter-spacing:1px;font-size:14px;text-shadow:0 0 5px #000;line-height:18px}
.ct-box:hover span{bottom:0;opacity:0}
.ct-box .ct-hov{position:absolute;bottom:0;left:0;right:0;display:block;color:#fff;opacity:0;-webkit-transition:all .4s;-o-transition:all .4s;transition:all .4s;padding:0 30px;text-align:center}
.ct-box .ct-hov h4{font-weight:500;margin-bottom:10px}
.ct-box .ct-hov p{font-size:15px;margin:0}
.ct-box .ct-hov p,.ct-box .ct-hov h4{color:#fff}
.ct-box:hover .ct-hov{opacity:1;bottom:40px}
.ct-box i{width:20px;height:20px;line-height:20px;display:block;position:absolute;margin:0 auto;right:0;left:0;background:#fff;border-radius:50%;top:25%;text-align:center;font-size:14px;color:#FF4001;z-index:100;box-shadow:0 0 15px 0 rgba(0,0,0,0.5);opacity:0;-webkit-transition:all .4s;-o-transition:all .4s;transition:all .4s}
.ct-box:hover i{opacity:1;width:52px;height:52px;line-height:52px}
.ct-box.small{height:240px;margin-bottom:0;border-radius:20px}
.ct-box.small img{height:240px}
.ct-box.small:hover i{opacity:1;width:52px;height:52px;line-height:52px;top:calc(50% - 26px)}
.ct-box.small:hover span{bottom:40px;opacity:1}
.small-input,textarea{padding:15px;font-size:14px;border-radius:10px}
.p0{padding:0}
.mb60{margin-bottom:60px}
.outside-box-center{position:relative;top:-120px}
.grid-filter>li.active>a,.grid-filter>li.active>a:focus,.grid-filter>li.active>a:hover,.grid-filter>li>a:hover{border:0;color:inherit;border-bottom:1px solid #FF4001;color:#FF4001}

.youth .blog-post-image img{height:450px;width:100%;object-fit:cover}


.related .text-extra-medium{min-height:60px}
.btn-link.text-fast-blue,.text-fast-blue,a.text-fast-blue-hover:hover{color:#FF4001}
.border-color-fast-blue{border-color:#FF4001!important}
.latest-post-sidebar li{margin-bottom:30px}
.latest-post-sidebar li a{font-size:18px;font-family:"Oswald",sans-serif;margin-bottom:5px;line-height:24px}
.latest-post-sidebar li img{height:70px;object-fit:cover;width:100%}
.list-style-07 li .item-qty{font-size:12px;position:absolute;top:1px;right:0;text-align:right;background:#FF4001;color:#fff;padding:2px 5px;border-radius:5px}
.sidebar{bottom:250px!important;z-index:10;-webkit-transition:all .4s;-o-transition:all .4s;transition:all .4s}
ul.category{list-style:none;margin:0 30px 0 0}
ul.category li{padding:0;font-size:24px;position:relative;display:block;margin:10px 0;text-align:right;font-family:"Oswald",sans-serif;font-weight:700}
ul.category li a{color:#0a1a0c;padding:0 30px;border-radius:10px;display:inline-block;line-height:50px;width:100%}
ul.category li a.active{color:#fff;background:#FF4001}
ul.category li a:focus,ul.category li a:hover{color:#FF4001}
ul.category li a.active:focus{color:#fff}
.timeframe{position:relative}
.timeframe:before{position:absolute;border-left:1px solid #ddd;content:"";display:block;left:-100px;top:0;bottom:0}
.time-box{padding:0 0 40px;display:block;margin:0;background:none;-webkit-transition:all .4s;-o-transition:all .4s;transition:all .4s}
.time-box.img{padding:0}
.time-box img{height:500px;object-fit:cover;width:100%;margin-bottom:30px;border-radius:15px}
.time-box.dark{background:#0a1a0c}
.time-box.dark.dgreen{background:#205527}
.time-box h4{margin-bottom:10px;-webkit-transition:all .4s;-o-transition:all .4s;transition:all .4s;position:relative;left:-95px;top:37px}
.time-box h5{margin-bottom:10px;font-size:20px}
.time-box h4:before{position:absolute;width:10px;height:10px;border-radius:5px;content:"";background:#FF4001;top:10px;left:-24px}
.time-box h2{margin-bottom:20px;-webkit-transition:all .4s;-o-transition:all .4s;transition:all .4s;color:#205527}
.time-box:hover h4{color:#205527}
.time-box:hover h2{color:#FF4001}
.time-box.dark h4{color:#fff}
.time-box.dark h2{color:#fff;margin:0}
.time-box.dark p{color:rgba(255,255,255,.8)}
.time-box p b{font-size:16px;display:block;margin-bottom:10px}
.time-box p{font-size:15px;line-height:20px;margin-bottom:20px}
.time-box p:last-child{margin-bottom:0}
.time-box ul{list-style:none;margin:0 0 20px}
.time-box ul li{padding:0 0 0 20px;position:relative}
.time-box ul li:before{content:"";background:#FF4001;position:absolute;top:10px;left:0;width:10px;height:10px;border-radius:50%;display:block}
.datetime{background:#FF4001;color:#fff;margin-bottom:15px;padding:5px 15px;border-radius:5px;display:inline-block;font-size:11px;line-height:14px}
.datetime.dark{background:rgba(23,23,23,.75)}
.blog-post.blog-dark{background:#555}
.custom-checkbox{font-weight:600;font-size:16px;cursor:pointer;position:relative;width:100%;line-height:30px;margin:0;padding:0;height:30px}
.custom-checkbox input[type="checkbox"],.custom-checkbox .checked{display:none}
.custom-checkbox input[type="checkbox"]:checked ~ .checked{display:inline-block}
.custom-checkbox input[type="checkbox"]:checked ~ .unchecked{display:none}
.custom-checkbox input[type="checkbox"]:checked ~ .title{color:#FF4001}
.custom-checkbox input[type="checkbox"]:checked ~ .numb{background:#008200;color:#fff}
.custom-checkbox i{font-size:15px;width:30px;height:30px;text-align:center;border-radius:50%;line-height:30px;display:block;position:absolute;top:0;left:0;font-weight:400}
.custom-checkbox i.checked{font-size:8px;background:#FF4001;color:#fff}
.custom-checkbox span{line-height:20px;height:20px;padding:0 0 0 40px}
.custom-checkbox .numb{position:absolute;right:0;top:3px;padding:0;font-weight:400;width:24px;height:24px;border-radius:50%;background:rgba(0,0,0,.05);text-align:center;font-size:12px;line-height:24px}
.categories{list-style:none;margin-right:50px}
.categories li{padding:10px 0;line-height:30px;font-size:16px;border-bottom:1px solid rgba(0,0,0,.05)}
.categories li:last-child{border-bottom:none}
.position{padding:30px 30px 20px 100px;background:#fff;border-radius:10px;margin-bottom:20px;position:relative;box-shadow:0 0 10px rgba(0,0,0,.08);-webkit-transition:all .4s;-o-transition:all .4s;transition:all .4s;top:0}
.position:hover{top:-5px;box-shadow:0 0 20px rgba(0,0,0,.15)}
.position .icon{position:absolute;top:30px;left:30px;width:52px;height:52px;line-height:52px;background:#f0f0f0;text-align:center;border-radius:50%;font-size:20px;color:#008200;-webkit-transition:all .4s;-o-transition:all .4s;transition:all .4s;display:block}
.position:hover .icon{background:#FF4001;color:#FFF}
.position i:last-child{display:none}
.position:hover i:first-child{display:none}
.position:hover i:last-child{display:block}
.position ul{list-style:none;margin:0;padding:0}
.position ul li{display:inline-block;line-height:20px;font-size:14px;color:#0a1a0c}
.position ul li:after{display:inline-block;content:"";margin:0 15px;background:#FF4001;width:6px;height:6px;border-radius:50%;position:relative;top:-1px}
.position ul li:last-child:after{display:none}
.position h4{margin-bottom:5px;color:#008200;-webkit-transition:all .4s;-o-transition:all .4s;transition:all .4s}
.position:hover h4{color:#FF4001}
.services-menu{text-align:center}
.services-menu a{padding:20px 40px;display:inline-block;border-radius:10px;background:radial-gradient(ellipse at center,#fff 25%,#eff3f0 100%);line-height:60px;margin:0 10px}
.services-menu a:hover{background:#fff;box-shadow:0 0 10px rgba(0,0,0,.08)}
.services-menu a img{max-height:60px;max-width:150px}
.port247 .nav-tabs{margin:0 0 30px;border:none;text-align:center;position:relative;top:-70px;display:block}
.port247 .nav-tabs>li{padding:0 5px;margin:0;text-align:center;width:130px}
.port247 .nav-tabs>li.nav-item{border:none;padding:0;border-radius:10px!important;margin:0 10px 20px 10px;line-height:120px;background:#fff}
.port247 .nav-tabs>li{border:none}
.port247 .nav-tabs>li.nav-item>a img{max-height:100px;padding:0;max-width:100px;}

/* All nav-links: no border by default */
.port247 .nav-tabs>li.nav-item>a.nav-link {
  border: none;
  border-radius: 10px;
}

/* Active tab: red border + pulsating glow */
.port247 .nav-tabs>li.nav-item>a.nav-link.active {
  border: 1px solid red;
  animation: redGlow 2s infinite alternate ease-in-out;
  border-radius: 10px;
}

/* Pause border glow on hover */
.port247 .nav-tabs>li.nav-item>a.nav-link.active:hover {
  animation-play-state: paused;
}

/* Red glow animation for border */
@keyframes redGlow {
  from {
    box-shadow: 0 0 0 rgba(255, 0, 0, 0);
  }
  to {
    box-shadow: 0 0 15px rgba(255, 0, 0, 0.8);
  }
}

/* Smooth transition for images */
.port247 .nav-tabs>li.nav-item>a.nav-link img {
  transition: filter 0.5s ease, opacity 0.5s ease;
  border-radius: 10px;
}

/* Active tab image grayscale loop */
.port247 .nav-tabs>li.nav-item>a.nav-link.active img {
  animation: grayscaleLoop 2s infinite alternate ease-in-out;
}

/* Pause grayscale loop on hover */
.port247 .nav-tabs>li.nav-item>a-nav-link.active:hover img {
  animation-play-state: paused;
}

/* Grayscale keyframes */
@keyframes grayscaleLoop {
  from {
    filter: grayscale(0%);
    opacity: 1;
  }
  to {
    filter: grayscale(100%);
    opacity: .5;
  }
}

/* Remove default bootstrap hover/focus styles */
.port247 .nav-tabs>li.nav-item>a.nav-link:focus,
.port247 .nav-tabs>li.nav-item>a.nav-link:hover {
  background: #fff;
  border-radius: 10px !important;
}




.port247 .tab-pane .back{border-radius:15px;height:450px;width:100%;object-fit:cover}
.port-box{padding:50px 100px;position:relative}
.port-box h3{margin-bottom:10px;color:#008200}
.port-box h6{margin-bottom:20px;font-size:16px}
.port-img{position:relative}
.ext{color:#FF4001;text-transform:uppercase;font-weight:600}
.logo-circle{position:absolute;top:100px;margin:0 auto;left:0;right:0;text-align:center;z-index:50}
.logo-circle img{height:150px;width:auto;filter:brightness(0) saturate(100%) invert(100%) sepia(13%) saturate(7500%) hue-rotate(266deg) brightness(120%) contrast(110%)}
.bg-dark-gradient{background:radial-gradient(ellipse at center,#ff4001 0%,#008200 100%)}
.pp{position:absolute;bottom:50px;margin:0 auto;left:0;right:0;text-align:center;z-index:50}
.pp a{font-size:13px;text-transform:uppercase;color:#fff}
.pp a:hover{text-decoration:underline}
.pp a:before{display:inline-block;content:"|";color:rgba(255,255,255,.33);position:relative;margin:0 15px;font-size:10px;top:-2px}
.pp a:first-child:before{display:none}
.ageinput{width:240px;display:block;margin:0 auto 35px;padding:0 0 0 40px;position:relative;border:1px solid rgba(0,0,0,.15);height:50px;border-radius:5px;background:rgba(0,0,0,.33);transition:all .4s}
.ageinput:hover{box-shadow:0 0 25px rgba(255,255,255,.66);background:rgba(0,0,0,.15)}
.ageinput:after{position:absolute;right:15px;top:10px;color:#fff;display:block;font-family:themify!important;content:"\e64b";font-size:10px;transition:all .4s}
.ageinput:hover:after{color:#fff;content:"\e648"}
.ageinput i{position:absolute;left:15px;top:15px;color:#fff;font-size:20px;opacity:.5;transition:all .4s}
.ageinput:hover i{opacity:1}
.ageinput select{background:none;color:#fff;border:none;padding:0 10px;line-height:50px}
.ageinput select option{color:#000;font-size:16px;padding:10px}
.age-cta .btn-sys{margin:15px 5px 0}
.video-section{overflow:hidden;position:relative}
.video-section .container{z-index:32!important;position:relative}
.video-section .fullscreen-video{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}
.video-section video{min-width:100%!important;width:100%;height:auto;min-height:100%;object-fit:cover;overflow:hidden}
.video-section .bg-gradient-green-red{z-index:2}
.video-section .container{z-index:36;position:relative}
.blog-post .blog-info span{position:absolute;bottom:30px;font-size:14px;line-height:20px;color:#d0d1d2;transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;display:block}
.blog-post:hover .blog-info span{color:#021228}
.blog-post .blog-info span.date{opacity:1;left:35px;color:#ccc}
.blog-post .blog-info span.more{opacity:0;left:60px}
.blog-post:hover .blog-info span.date{opacity:0;left:-35px}
.blog-post:hover .blog-info span.more{opacity:1;left:35px}
.blog-post .blog-info span i{font-size:14px;transform:rotate(-45deg);position:relative;left:5px;top:2px;display:inline-block}


.cert{padding:30px;position:relative;background:#fff;border-radius:10px;margin:0;transition:all .3s ease-in-out;min-height:150px;border:1px solid rgba(10,16,12,.1);font-size:16px;display:block}
.cert:hover{background:#fff;box-shadow:0 0 15px rgba(10,16,12,.15)}
.cert h4 {text-transform:none;margin-bottom:20px;transition:all .3s ease-in-out;font-size:22px;color:#205527}
.cert:hover h4 {color:#ff4001}
.cert img {width: 100%;object-fit: cover;transition: all .3s ease-in-out; margin-bottom: 20px;}
.cert:before{line-height:32px;width:32px;height:32px;display:block;position:absolute;bottom:25px;right:25px;content:"";transition: all .3s ease-in-out;opacity:.1;filter: brightness(0) saturate(100%) invert(6%) sepia(8%) saturate(4707%) hue-rotate(77deg) brightness(95%) contrast(94%);}
.cert:hover:before {filter: brightness(0) saturate(100%) invert(33%) sepia(66%) saturate(3545%) hue-rotate(359deg) brightness(99%) contrast(109%);opacity:1}
.cert p {font-weight:400;margin:0 0 5px;transition:all .3s ease-in-out;font-size:16px;}
.cert p:last-child {margin:0}
.cert p span {text-transform:uppercase;font-size:12px;font-weight:600;display:block;color:rgba(10,16,12,.33);}
.awa .cert:before {background:url(../img/award.svg) no-repeat;}
.rec .cert:before {background:url(../img/degree-credential.svg) no-repeat;}

.policy .cert:before {background:url(../img/compliance-document.svg) no-repeat;}
.report .cert:before {background:url(../img/newspaper.svg) no-repeat;}
.statement .cert:before {background:url(../img/document-writer.svg) no-repeat;}
.cert.coc{min-height:auto;padding:25px 25px 25px 65px;background: radial-gradient(ellipse at center,  rgba(255,255,255,1) 0%,rgba(239,243,240,1) 100%);border:none}
.cert.coc h4{margin:0}
.cert.coc:hover h4 {color:#fff}
.cert.coc:before {bottom:calc(50% - 16px);right:auto;left:20px}
.cert.coc:hover {background:#205527;box-shadow:none}

.cert.coc:hover:before {filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7500%) hue-rotate(234deg) brightness(100%) contrast(103%);opacity:.5}


.brand-img img {height:500px;width:100%;object-fit:cover}

.partners {text-align:center;padding:45px;border-radius:25px;background: radial-gradient(ellipse at center,  rgba(255,255,255,1) 0%,rgba(239,243,240,1) 100%);transition: all .3s ease-in-out;}
.partners .partners-img {height:90px;margin-bottom:30px;line-height:100px}
.partners .partners-img img {max-height:75px;transition: all .3s ease-in-out;}
.partners:hover {box-shadow:0 0 15px rgba(0,0,0,.15);background:#fff}
.partners:hover .partners-img img {max-height:90px;}
.partners h3 {margin-bottom:30px;color:#205527}
.partners .btn-sys {margin:30px 0 0}

.brand-list{list-style:none;margin:0;padding:0;text-align:center}
.brand-list li{display:inline-block;width:20%;margin:0 -2px;padding:0;text-align:center;vertical-align:top}
.brand-list li a{margin:15px;padding:30px;text-align:center;display:block;border-radius:20px;overflow:hidden;background:#fff;box-shadow:0 0 1px rgba(32,85,39,.50);transition: all .3s ease-in-out;}
.brand-list li a:hover {box-shadow:0 0 15px rgba(32,85,39,.20);background:#fff;}
.brand-list li a img {opacity:.80;transition: all .3s ease-in-out;}
.brand-list li a:hover img {transform:scale(1.1);opacity:1}
.embeded-doc {padding:30px; background:#fff;border-radius:20px;display:block;box-shadow:0 0 15px rgba(32,85,39,.15);}



.sust{position:relative;margin:15px;border-radius:30px;overflow:hidden}
.sust .sustimg{position:relative;background:linear-gradient(to right top,#008200,#205527);overflow:hidden;transition:all .4s}
.sust .sustimg .feat img{width:100%;height:560px;object-fit:cover;border-radius:30px;transition:all .4s;-webkit-filter:grayscale(0);filter:grayscale(0%)}
.sust:hover .sustimg .feat img{-webkit-filter:grayscale(100);filter:grayscale(100%);opacity:.33;-webkit-transform:scale(1.1);transform:scale(1.1)}
.sust .sustimg .logo img{position:absolute;top:30%;bottom:0;left:0;right:0;display:block;opacity:0;margin:0 auto;height:80px;transition:all .4s}
.sust:hover .sustimg .logo img{opacity:1;height:150px;top:15%}
.sust .sus-info {padding:90px 10% 0;position:absolute;bottom:-15px;background: linear-gradient(to bottom,  rgba(10,26,12,0) 0%,rgba(10,26,12,1) 100%);left:0;right:0;transition:all .4s;text-align:center}
.sust .sus-info h4 {margin-bottom:10px;color:#fff;font-size:30px;}
.sust .sus-info p {color:#fff}
.sust .sus-info .btn-sys {opacity:0}
.sust:hover .sus-info {padding:90px 10% 30px;bottom:0}
.sust:hover .sus-info .btn-sys {opacity:1}
.leaf{width:120px;position:absolute;bottom:-15px;right:-15px;display:block;z-index:10}
.slider-navigation-style-08.swiper-button-next {border-radius:25px 0 0 25px;}
.slider-navigation-style-08.swiper-button-prev {border-radius:0 25px 25px 0;}

.sust-box {position:relative;}
.sust-box .sust:hover .sustimg .logo img{opacity:1;height:150px;top:calc(50% - 75px)}

.prize-box {height:360px;position:absolute;overflow:hidden;display:block;position:relative;transition: all .4s;margin:0 0 30px;background:#2d2d2d;border-radius:15px;}
.prize-box img{height:360px;width:100%;object-fit:cover;-webkit-transition: all .4s; -o-transition: all .4s; transition: all .4s;}
.prize-box:hover  img{opacity:1;-webkit-transform:scale(1.1,1.1)}
.prize-box  .prize-box-text {position:absolute;bottom:-60px;left:0;right:0;margin:0 auto;display:block;padding:60px 40px 40px;background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);transition: all .4s;}
.prize-box:hover  .prize-box-text {bottom:0}
.prize-box  .prize-box-text h4 {font-size:20px;color:#fff;line-height:1.2;font-weight:500}
.prize-box  .prize-box-text span{font-size:12px; font-weight:600;line-height:24px;color:#fff;margin:0 0 15px;text-transform:uppercase;padding:0 15px;background:none;display:inline-block;width:auto;transition: all .4s;border-radius:5px;background:#f40009}
.prize-box:hover .prize-box-text span {opacity:0}
.prize-box  .prize-box-text .btn-sys {-webkit-transition: all .4s; -o-transition: all .4s; transition: all .4s;opacity:0;margin-top:10px}
.prize-box:hover .prize-box-text .btn-sys {opacity:1}

.sustainable-carousel {position:relative}
.slider-navigation-style-08.swiper-button-next.rounded-circle {right:-5%;z-index:10}
.slider-navigation-style-08.swiper-button-prev.rounded-circle{left:-5%;z-index:10}

.img-box{position:relative;display:block;margin:0 0 30px;}
.img-box .back {overflow:hidden;background:linear-gradient(to right top,#008200,#205527);border-radius:15px}
.img-box .back img{object-fit:cover;width:100%;height:560px;-webkit-filter:grayscale(0);filter:grayscale(0%);z-index:10;transition:all .3s ease-in-out;}
.img-box:hover .back img{opacity:.15;-webkit-filter:grayscale(100);filter:grayscale(100%);transform:scale(1.1,1.1)}
.img-box .logo{position:absolute;top:40%;bottom:0;left:0;right:0;display:block;opacity:0;margin:0 auto;height:60px;transition:all .3s ease-in-out;}
.img-box:hover .logo{opacity:1;height:150px;top:calc(50% - 75px)}

.prize-doc {margin:50px 0 0;}
.prize-doc h4 {margin:0 0 20px;color:#008200}
.prize-doc ul{list-style:none;margin:0 0 20px}
.prize-doc ul li{padding:10px 10px 10px 45px;position:relative;margin:0 0 15px;font-weight:600;background:#fff;display:block;border-radius:10px;}
.prize-doc ul li:hover {box-shadow:0 0 10px rgba(0,130,0,.25)}
.prize-doc ul li:before{position:absolute;top:10px;left:15px;display:block;font-family:uicons-regular-straight;content:"\f4bc";font-size:20px;font-weight:400;color:#ff4001}



.what{background:#fff;width:100%;margin:60px auto 0;overflow:hidden; border-radius:20px;transition:all .3s ease-in-out;}
.what .row{margin:0;padding:0}
.what div[class*='col-md-']{margin:0;padding:0}
.what-box{float:left}
.what-box .what-img{float:left;display:inline-block;width:50%;overflow:hidden;height:430px;position:relative;transition:all .3s ease-in-out;background:linear-gradient(to right top,#008200,#205527);}
.what-box .what-img .back {height:430px;width:100%;object-fit:cover;transition:all .3s ease-in-out;}
.what-box:hover .what-img .back {-webkit-transform:scale(1.1);-moz-transform:scale(1.1);transform:scale(1.1)}
.what-box .what-info{padding:40px 50px;position:relative;float:left;display:inline-block;width:50%}
.what-box .what-info h3{margin-bottom:15px;transition:all .3s ease-in-out;text-transform:capitalize}
.what-box:hover .what-info h3{color:#008200}
.what-box.half .what-img{width:100%}
.what-box.half .what-info{width:100%;}
.what-info.arrow-left:after{content:'';position:absolute;left:0;top:18%;width:0;height:0;border:15px solid transparent;border-right-color:#fff;border-left:0;margin-top:-15px;margin-left:-15px}
.what-info.arrow-right:after{content:'';position:absolute;right:0;top:18%;width:0;height:0;border:15px solid transparent;border-left-color:#fff;border-right:0;margin-top:-15px;margin-right:-15px;z-index:1}
.what-info.arrow-up:after{content:'';position:absolute;top:0;left:18%;width:0;height:0;border:15px solid transparent;border-bottom-color:#fff;border-top:0;margin-left:-15px;margin-top:-15px}
.what:hover .what-box:hover .what-img .back {-webkit-transform:scale(1.1);-moz-transform:scale(1.1);transform:scale(1.1);opacity:1;-webkit-filter:grayscale(0);filter:grayscale(0%)}
.what:hover .what-box .what-img .back {opacity:0.25;-webkit-filter:grayscale(100);filter:grayscale(100%)}
.what:hover {box-shadow:0 0 15px rgba(0,0,0,.15)}
.what-box .what-img .logo{position:absolute;top:50%;bottom:0;left:0;right:0;display:block;opacity:0;margin:0 auto;height:50px}
.what:hover .what-box .what-img .logo{opacity:1;height:70px;top:calc(50% - 35px);z-index:1}
.what:hover .what-box:hover .what-img .logo {opacity:0;}


.sidebar {top:-240px;transition:all .3s ease-in-out;}
.sidebar__inner {transition:all .3s ease-in-out;}
.sectors {list-style:none;margin:10px 0}
.sectors li a.active:before{background:#000;transition:all .3s ease-in-out;}
.sectors li a{color:#205527;padding:12px 30px;display:block;background:#fff;margin-bottom:15px;line-height:26px;border-radius:10px;box-shadow:0 0 10px rgba(0,0,0,.10)}
.sectors li{padding:0;font-size:18px;position:relative;}
.sectors li a.active,.category li a:hover,.category li a:focus{color:#fff;background:#ff4001;box-shadow:none;}
.areas h3 {margin-bottom:15px}
.areas {margin-bottom:40px;padding-bottom:30px;border-bottom:1px solid rgba(0,0,0,.10)}
.areas:last-child {border:none;}

.deliver {margin:60px 0 0;border-radius:15px;overflow:hidden;display:block}
.deliver .row{margin:0;padding:0}
.deliver div[class*='col-lg-']{margin:0;padding:0}
.deliver .deliver-box {clear:both;display:table;background:#fff;margin:0;transition: all .4s;}
.deliver .deliver-box:hover {background:#205527;}
.deliver .deliver-box .deliver-img{float:left;display:block;width:50%;overflow:hidden;background:linear-gradient(to right top,#008200,#ff4001);position:relative;height:400px;transition: all .4s;}
.deliver .deliver-box .deliver-img img {opacity:1;height:400px;width:100%;object-fit:cover;transition: all .4s;}
.deliver:hover .deliver-box .deliver-img img {opacity:0.20;-webkit-filter:grayscale(100%);filter:grayscale(100%);}
.deliver .deliver-box:hover .deliver-img img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);transform:scale(1.1);opacity:1;-webkit-filter:grayscale(0%);filter:grayscale(0%);}
.deliver-box .deliver-details{padding:6%;position:relative;float:left;display:block;width:50%}
.deliver-box  .deliver-details h4 {font-size:30px;margin-bottom:20px}
.deliver-box  .deliver-details p {line-height:1.3}
.deliver-box:hover  .deliver-details h4 {color:#fff}
.deliver-box .deliver-details .btn-sys {margin:10px 0 0}
.deliver-box:hover  .deliver-details .btn-color {border-color:#fff;color:#fff}
.deliver-box .deliver-details span {font-size:13px;margin-bottom:15px;font-weight:400;line-height:18px;text-transform:uppercase;letter-spacing:1px;color:#205527;display:block}
.deliver-box:hover .deliver-details span {color:rgba(255,255,255,.5)}
.deliver-box:hover .deliver-details p {color:#fff}
.deliver .deliver-box .deliver-img:before {position: absolute;display: block;border-top: 15px solid transparent;border-right: 15px solid #fff;border-bottom: 15px solid transparent;right: 0;top:calc(50% - 15px);content: '';z-index:1;transition: all .4s;}
.deliver .deliver-box:hover .deliver-img:before  {border-right: 15px solid #205527;}
.deliver .deliver-box .deliver-img.right:before {right:auto;left: 0; border-right:none; border-left: 15px solid #fff;}
.deliver .deliver-box:hover .deliver-img.right:before {border-left: 15px solid #205527;}

.mb30 {
	margin-bottom: 30px!important;
}





.small-section {padding:90px 0}

.contacts {position:relative;}
.contacts .contactsimg {position:relative;height:360px;border-radius:30px;background:linear-gradient(to right top,#008200 ,#205527);overflow:hidden;-webkit-transition: all .4s; -o-transition: all .4s; transition: all .4s;}
.contacts .contactsimg img {width:100%;height:360px;object-fit:cover;border-radius:30px;-webkit-transition: all .4s; -o-transition: all .4s; transition: all .4s;-webkit-filter:grayscale(0);filter:grayscale(0%);}
.contacts:hover .contactsimg img {-webkit-filter:grayscale(100);filter:grayscale(100%);opacity:.33;-webkit-transform:scale(1.1);transform:scale(1.1)}
.contacts .logo img{position:absolute;top:40%;bottom:0;left:0;right:0;display:block;opacity:0;margin:0 auto;height:80px;-webkit-transition: all .4s; -o-transition: all .4s; transition: all .4s;}
.contacts:hover .logo img{opacity:1;height:150px;top:calc(50% - 75px)}


.contacts-info h3 {margin-bottom:20px}
.contacts-info p b{color:#205527}
.contacts-info span {display:block;color:rgba(0,0,0,.45);font-size:12px;text-transform:uppercase;letter-spacing:2px}
.contacts-info a {color:#ff4001;font-weight:600}
.contacts-info p small {line-height:1.1;display:block}
.contacts-info hr {margin:30px 0;opacity:.15}
.contact-list {list-style:none;margin:0;text-align:center}
.contact-list li {display:inline-block;width:auto;padding:0}
.contact-list li a{color:#2d2d2d;padding:0 30px;display:block;background:#eff3f0;margin-bottom:10px;line-height:50px;border-radius:25px;font-size:14px;font-weight:700;text-transform:uppercase}
.contact-list li a.active,.contact-list li a:hover,.contact-list li a:focus{color:#fff;background:#ff4001}


.swiper-wrapper {position:relative}
.swiper-bottom-content h1 {color:#fff;margin-bottom:20px}
.swiper-bottom-content p {color:#fff}
.swiper-bottom-content .btn-sys {margin-top:20px; width: fit-content;}

.swiper-right-content {z-index:1;position:absolute;right:8.33333333%;bottom:15%;width:45%}

.approach-img {border-radius:15px 0 0 15px;overflow:hidden;}
.approach {border-radius:0 15px 15px 0;overflow:hidden;background:#fff;box-shadow:0 0 15px rgba(0,0,0,.15)}
.approach.dark {background:#205527;border-radius:15px;box-shadow:none}
.approach h5 {margin:0;color:#fff}
.approach h4 {margin-bottom:20px;}

.text-page table {
	width:100%;
}

.text-page table tr td{
	padding: 10px;
}

.text-page table tr {
	border-top: 1px solid #eee;
}


.text-page ul{
	padding-left: 25px;
}




 .navbar.navbar-light .header-user a {color: #0a1a0c;}

.header-user {display: inline-block;vertical-align: middle;padding-left: 17px;font-size: 17px;}
.header-user a {color:rgba(255,255,255,.75)}
.header-user i{padding: 30px 0;display: inline-block;}
.sticky .navbar.header-light .header-user a {color:#fff;}
.header-user .dropdown-menu {right:0;padding:20px;width:280px;text-align:center}
.header-user .dropdown-menu p {font-size:15px;}
.header-user .dropdown-menu h4 {margin-bottom:10px;}
.header-user .dropdown-menu a {width:100%;color:#fff!important;}

.scart {
color:rgba(255,255,255,.75);
padding: 7px 8px 3px 8px;
    border-radius: 50%;
    background: #F40009;
}

 .navbar.navbar-light .header-user a.scart-light {
 	color: #fff;
padding: 7px 8px 3px 8px;
    border-radius: 50%;
    background: #F40009;


 }

@media (max-width: 991px) {
header .navbar-nav .nav-link::before {left: 15px;bottom: 5px;}
.nav-title {margin: 0;}.nav-item.dropdown.megamenu .menu-back-div .col, .nav-item.dropdown.megamenu .menu-back-div ul[class*=d-] {padding: 20px 0 0 0;}
}

@media (max-width: 991px) {
.deliver .col-md-6{width:100%}
.deliver .deliver-box.flex .deliver-img{float:right}
.deliver .deliver-box.flex .deliver-img.right{float:left}
.deliver .deliver-box.flex .deliver-details {float:right}
.deliver .deliver-box.flex .deliver-img:before {border-left: 15px solid #fff;left:auto;left: 0; border-right: 0 solid #fff;}
.deliver .deliver-box.flex:hover .deliver-img:before  {border-left: 15px solid #fff;}
.deliver .deliver-box.flex .deliver-img.right:before {right:auto;right: 0; border-right:none; border-right: 15px solid #fff;border-left: 0 solid #fff;}
.deliver .deliver-box.flex:hover .deliver-img.right:before {border-right: 15px solid #fff;}
}
@media (max-width: 640px) {
.deliver .deliver-box .deliver-details h4 {font-size:15px;line-height:20px;}
.deliver .deliver-box .deliver-img{float:none;width:100%}
.deliver .deliver-box .deliver-details {float:none;width:100%}
.deliver .deliver-box.flex .deliver-img{float:none;width:100%}
.deliver .deliver-box.flex .deliver-details {float:none}
.deliver .deliver-box {display: flex;flex-direction: column;}
.deliver .deliver-box .deliver-img.right{order: -1;}
.deliver .deliver-box .deliver-img:before,
.deliver .deliver-box .deliver-img.right:before,
.deliver .deliver-box.flex .deliver-img:before,
.deliver .deliver-box.flex .deliver-img.right:before {width:0;height:0;border-top:0 solid transparent; border-left: 15px solid transparent;border-right: 15px solid transparent;border-bottom: 15px solid white;right: 0;left:0;top:auto;bottom:0;margin:0 auto}
.deliver .deliver-box.deliver-dark .deliver-img:before {border-bottom: 15px solid #fff;border-top:0 solid transparent; border-left: 15px solid transparent;border-right: 15px solid transparent;}
.deliver .deliver-box:hover .deliver-img:before,
.deliver .deliver-box:hover .deliver-img.right:before,
.deliver .deliver-box.flex:hover .deliver-img:before,
.deliver .deliver-box.flex:hover .deliver-img.right:before {border-bottom: 15px solid #fff;border-left: 15px solid transparent;border-right: 15px solid transparent;}
}



.page-overlay {background: linear-gradient(45deg, #f40009 0%, #205527 50%);mix-blend-mode: multiply;opacity:.5}
.steps{position:relative;margin:80px 8.3333333333% 0}
.steps::after{content:"";position:absolute;width:1px;background-color:#d5d5d8;top:0;bottom:150px;left:50%}
.steps .content p{margin-bottom:10px}
.steps .content h3{font-size:24px;margin-bottom:15px;transition:.4s ease-in-out}
.steps .content:hover h3{color:#f40009}
.steps-container{position:relative;background-color:inherit;width:calc(50% + 50px);transition:.4s ease-in-out;}
.steps-container .content{padding:35px 40px 25px;background-color:#fff;position:relative;border-radius:25px;transition:.4s ease-in-out;box-shadow:0 0 15px 0 rgba(0,45,60,.15);width: 100%;text-align:right;overflow:hidden}
.steps .content:hover {box-shadow:0 0 15px 0 rgba(32, 85, 39,.50);}
.steps-container .content .title h4{margin:0;font-size:16px}
.steps-container .content .title span{font-size:13px;text-transform:uppercase}
.steps .steps-container:nth-child(even){left:calc(50% - 50px);flex-direction:row-reverse}
.steps .steps-container:nth-child(even) .content {text-align:left}
.steps-container{display:flex}
.steps-container .content ul{list-style:none;padding:0}
.steps-container .content ul li{padding:0 25px;position:relative}
.steps-container .content ul li:before{position:absolute;font-family:"Font Awesome 5 Free";font-style:normal;top:0;right:0;color:#f40009;display:block;font-size:14px;content:"\f28d"}
.steps .steps-container:nth-child(even) .content ul li{}
.steps .steps-container:nth-child(even) .content ul li:before {right:auto;left:0;}
.steps .steps-container .date{font-weight:700;font-size:30px;color:#fff;width:100px;height:100px;line-height:100px;background-color:#f40009;border-radius:50%;flex-shrink:0;align-items:center;display:flex;justify-content:center;z-index:777;transition:.4s ease-in-out;font-family: "Oswald", sans-serif;}
.steps .steps-container .date img {max-height:32px;filter: brightness(0) saturate(100%) invert(100%) sepia(15%) saturate(0%) hue-rotate(352deg) brightness(101%) contrast(103%);}
.step-line{width:40px;background-color:#d5d5d8;height:1px;margin-top:50px;flex-shrink:0;transition:.4s ease-in-out}
.steps-container.right {width:calc(50% + 50px);flex-direction:row;}
.steps .steps-container:hover .date {background:#008200}
.steps .steps-container:hover .step-line {background:#f40009}
.steps-container .content .icon {position:absolute;bottom:-20px;left:-20px;z-index:1;display:block;opacity:.1;z-index:0;height:128px;width:128px;}
.steps-container .content .icon img{filter: brightness(0) saturate(100%) invert(26%) sepia(15%) saturate(1938%) hue-rotate(77deg) brightness(94%) contrast(89%);object-fit:none;height:128px;width:128px}
.steps .steps-container:nth-child(even) .icon {right:-20px;left:auto;}
@media (max-width: 991px) {
	
.steps .steps-container .date{width:62px;height:62px;font-size:20px;}
.steps{position:relative;margin:80px 0 0}
.steps::after{left:32px;}
.steps-container{left:0;flex-direction:row-reverse;width:auto;margin-bottom:16px}
.steps .steps-container:nth-child(even){left:0}
.steps-container .content{padding:30px;}
.step-line{margin-top:31px;}
.steps-container .content .icon {right:-20px;left:auto;}
.steps .steps-container .content {text-align:left}
.steps .steps-container .content ul li:before {right:auto;left:0;}
}




@media screen and (min-width:1024px) and (max-width:1367px) {
	.navbar .navbar-nav .nav-link {
    padding: 21px 0;
    font-weight: 600;
    font-size: 12px;
    margin: 0 10px;
    word-break: normal;
    text-transform: uppercase;

}

}


.feature-box-content h4 {margin-bottom:15px}
.team-member-image {margin:0 auto 15px;border-radius:50%;overflow:hidden}
.team-member-image {height:200px; width:200px; object-fit:cover}
.team-member-position{}
.bg-grad{background: linear-gradient(45deg, #f40009 0%, #205527 50%);}
.feature-box {border-radius:25px;justify-content: flex-start;}
.summer h2,.summer h3 {margin-bottom:15px;}
.summer ul{list-style:none;margin:0 0 20px}
.summer ul li{padding:0 0 0 20px;position:relative}
.summer ul li:before{content:"";background:#FF4001;position:absolute;top:10px;left:0;width:10px;height:10px;border-radius:50%;display:block}
.summer img {max-height:120px;margin-bottom:30px;}
.mentori {font-family:"Oswald",sans-serif;}
.testim {text-align:center}
.testim img {height:120px;width:120px;object-fit:cover;margin-bottom:15px;display:block;margin:0 auto 15px; border-radius:50%;border:5px solid #fff;box-shadow:0 0 15px rgba(0,0,0,.15)}
.testim q {color:#fff;font-size:20px;display:block;margin-bottom:25px;line-height:1.3}
.testim h5,.testim span{color:#fff;}
.interactive-banner {position:relative}
.interactive-banners-style-02 img{height:320px;width:100%;object-fit:cover}
.stats h4 {margin-bottom:15px}
.stats p {margin-bottom:15px;display:block}

.videos {position:relative;margin-bottom:15px;border-radius:20px;overflow:hidden}
.videos img {width:100%;height:240px; object-fit:cover;}

.pb-10 {
    padding-bottom: 10%;
}

.feature-box-move-bottom-top img {max-height:80px;margin-bottom:30px;}



.feature-box-content ul {
	margin-bottom: 35px;
	list-style-type: none;
}

.feature-box-content ul li{
	font-family: 'Inter',sans-serif;
    color: #042030;
    padding-left: 25px;
    position: relative;
    line-height: 22px;
    margin-top: 10px;
}



.feature-box-content ul li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 10px;    /* Circle size */
  height: 10px;   /* Circle size */
  background-color: #FF4001;
  border-radius: 50%; /* Makes it a circle */
}


.oap   {
	background: linear-gradient(to right,#eff3f0 0%,#fff 100%);
}


.career-box {background:#fff;border-radius:15px;position:relative;margin:0 0 30px;overflow:hidden;transition: all .4s;}
.career-box:hover {background: linear-gradient(45deg, #f40009 0%, #205527 50%)}
.career-box img {width:100%;height:360px;object-fit:cover;opacity:0;transition: all .4s;}
.career-box:hover img {opacity:.15}
.career-box .career-box-text {padding:40px;position:absolute;right:0;bottom:-20px;left:0;opacity:0;transition: all .4s;}
.career-box .career-box-text p {color:#fff}
.career-box:hover  .career-box-text {opacity:1;bottom:0;}
.career-box h4 {position:absolute;top:20%;left:40px;transition: all .4s;}
.career-box:hover h4  {top:40px;color:#fff}
.text-white {color:#fff}

.bg-red {background:#f40009}
.feature-box-content:hover h4 {color:#f40009}
p b{font-weight:700}
.btn.btn-red {background: #f40009;border-color: #f40009;color: #fff;}
.video-icon-larger .video-icon {width: 100px;height: 100px;font-size: 26px;}
.video-icon .video-icon-sonar {width: 120px;height: 120px;top: -10px;left: -10px;}
.tab-people img{height:120px;border-radius:50%;display:block;margin:0 auto 10px;}
.tab-people  .nav-tabs>li.nav-item>a.nav-link img{filter:grayscale(100%);opacity:.66}
.tab-people .nav-tabs>li.nav-item>a.nav-link.active img{filter:grayscale(0%);opacity:1}
.tab-people .nav-tabs>li.nav-item>a.nav-link.active,.tab-people  .nav-tabs>li.nav-item>a.nav-link {border:none}
.right-90px{right:90px}



.blog-details-text{
	color: #042030;
    margin: 0 0 15px;
    font-family: 'Inter',sans-serif;
    font-size: 16px;
    line-height: 1.5;
}

.blog-details-text ul {
	margin: 20px 0px;
}
@media (max-width:991px) {
	h1{font-size:40px}
h2{font-size:30px}
h3{font-size:20px}
.dnone {display:none}
.youth-text {padding:60px 30px;}
.sub {letter-spacing: 0;}
.subtitle {letter-spacing: 0;}
.sust .sustimg img {height: 250px;}
	footer ul {margin-bottom:30px;}
	    .navbar.navbar-dark .nav-bar-contact, .navbar.navbar-dark.bg-transparent .header-cart-icon>a, .navbar.navbar-dark.bg-transparent .header-language>a, .navbar.navbar-dark.bg-transparent .header-search-icon>a, .navbar.navbar-dark.bg-transparent .header-social-icon>a {color: #042030 !important;}
	header .navbar .navbar-brand{margin:0;position:absolute;top:19px;left:80px;right:auto}
	header .navbar .navbar-brand img {min-height: 32px !important;}
	header .navbar .navbar-brand  .default-logo {visibility: visible;opacity: 1;width: auto;}
	header.sticky .navbar .navbar-brand .default-logo {visibility: hidden;opacity: 0;width: 0;}
	header .navbar .navbar-brand .alt-logo {visibility: hidden;opacity: 0;width: 0;}
	header.sticky .navbar .navbar-brand .alt-logo {visibility: visible;opacity: 1;width: auto;}
	.page-header h1 {font-size: 40px;}
	.sidebar {display:none}
	.time-box img {height: 300px;}
	.port-box {padding: 0;}
	.port247 .nav-tabs {margin: 0;top: -30px;}
	.port247 .nav-tabs>li.nav-item {margin:5px;line-height: 60px;}
	.port247 .nav-tabs>li.nav-item>a img {max-height: 60px;max-width: 60px;}
	.video-button {left:50%;top:50%;position:absolute; transform: translate(-50%, -50%);}
	.order2 {order:2}

	.pb-10 {
    padding-bottom: 20%;
}

.navbar-toggler {
    left: 30px;
}

.subtitle span {
    background: #fff;
    padding: 0 10px;
}


}
@media (max-width:768px) {
.news-box {height: 400px;}
.caption h3,.swiper-slide h3 {font-size: 30px!important;}
	.page-header h1 {font-size: 30px;}
}

@media (max-width:520px) {

.footer-bottom a {display:block;}
.footer-bottom a:before {display:none}
.news-box {height: 350px;}
.btn-sys {letter-spacing:0;}
.feature-box {display: block;}
.feature-box-left-icon .feature-box-icon { margin: 0 0 15px;}
.w-90 {width: 100%;}
	.w-80 {width: 100%;}
	.w-70 {width: 100%;}
	
.step-line {display:none;}
.steps .steps-container .date {display:none;}
.steps-container {display:block;width: 100%; }
	.steps::after {display:none}
}


.corp {
	padding-bottom: 0px!important;
}


#tab-46 .port-box h3 {
    margin-bottom: 10px;
    color: #0055a4;
}

#tab-47  .port-box h3 {
    margin-bottom: 10px;
    color: #000;
}


.portal-btn {
	    position: fixed;
    right: 15px;
    top: 30%;
    transform: translateY(-50%) rotate(-90deg);
    transform-origin: right center;
    z-index: 99999;
}

.portal-btn a{
	padding: 13px 10px!important;
    font-weight: 800!important;
    font-size: 13px!important;
    border-radius: 20px 20px 0px 0px;
}


.cs_number .vertical-counter-number {
    color: #f40009;
}



.position-ac{padding:30px 30px 30px 100px; background:#fff;border-radius:10px;margin-bottom:20px;position:relative;box-shadow:0 0 10px rgba(0,0,0,.08);-webkit-transition:all .4s;-o-transition:all .4s;transition:all .4s;top:0}
.position-ac:hover{top:-5px;box-shadow:0 0 20px rgba(0,0,0,.15)}
.position-ac .icon{position:absolute;top:30px;left:30px;width:52px;height:52px;line-height:52px;background:#FF4001;color:#FFF;text-align:center;border-radius:50%;font-size:20px;-webkit-transition:all .4s;-o-transition:all .4s;transition:all .4s;display:block}
.position-ac: .icon{background:#FF4001;color:#FFF}

.position-ac ul{margin:0;padding:0px 0px 0px 0px; list-style-type: none;}
.position-ac ul li{
	color: #042030;
    margin: 0 0 10px;
    font-family: 'Inter',sans-serif;
    font-size: 16px;
    line-height: 1.5;
    font-weight: 400;
    position: relative;
    display: block;
    padding-left: 25px;
}
.position-ac ul li:after{display:inline-block;content:"";margin:0 5px;background:#FF4001;width:6px;height:6px;border-radius:50%;position:absolute;top:10px; left: 0px;}

.position-ac h4{margin-bottom:5px;color:#008200;-webkit-transition:all .4s;-o-transition:all .4s;transition:all .4s}
.position-ac:hover h4{color:#FF4001}


 .dropdown-menu br + br {
    display: none;
  }