html, body{background:#25262a ;color:#4e4e4e;line-height:22px;font-size:100%;}
body::-webkit-scrollbar {width: 0.2em;}
body::-webkit-scrollbar-thumb {background: #5bde9c;}
@font-face{font-family:'Montserrat-Regular';src:url(../fonts/Montserrat-Regular.otf) format('truetype');}
@font-face{font-family:'Montserrat-Bold';src:url(../fonts/Montserrat-Bold.otf) format('truetype');}
h1, h2, h3, h4, h5, h6{color:#4e4e4e;font-weight: 400;}
a{color:#2C72B9;text-decoration:none;}
a:hover{transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;text-decoration:none!important;}
body > section{padding:60px 0;}
hr{border-top:1px solid #e5e5e5;border-bottom:1px solid white;}
.g-recaptcha{display:inline-block;}
#radioBtn .notActive{color:#3276b1;background-color:white;}
.btn-custom{background:black;border:1px solid #5bde9c;border-radius:0;color:#5bde9c;}
.btn-custom:hover{background:white;color:white;border-radius:0;border:1px solid white;}
.seperator{height:1px;width:80px;background: #5bde9c;}
.seperator2{height:1px;width:80px;background: #000;}
/* cursor */
.astherics{color: red;}
.cursor { position: fixed; top: 0; left: -100px;  overflow: visible; z-index: 1000; pointer-events: none; }
.cursor:after { content:''; position: absolute; top: 0; left: 0; width: 15px; height: 15px; background: #ee9505; border-radius: 50%; transform: translate(-50%,-50%);-webkit-transition: opacity 0.3s ease;-moz-transition: opacity 0.3s ease;-ms-transition: opacity 0.3s ease;-o-transition: opacity 0.3s ease;transition: opacity 0.3s ease;}
.cursor:before { content:''; opacity: 0; position: absolute; top: 0; left: 0; width: 20px; height: 20px; border: 3px solid #ee9505; border-radius: 50%; transform: translate(-50%,-50%);  -webkit-transition: opacity 0.3s ease;-moz-transition: opacity 0.3s ease;-ms-transition: opacity 0.3s ease;-o-transition: opacity 0.3s ease;transition: opacity 0.3s ease;}
.cursor.menu-open:after { background: #eee; }
.cursor.menu-open:before { border-color: #eee; }
.cursor.hover:after { opacity: 0; }
.cursor.hover:before { opacity: 1; }
/* scroll top button */
#button{display:inline-block;background: linear-gradient(90deg, rgba(254,204,26,1) 0%, rgba(255,177,40,1) 100%);;width:50px;height:50px;text-align:center;position: fixed;bottom:130px;right:28px;transition:background-color .3s, opacity .5s, visibility .5s;opacity:0;visibility:hidden;z-index:1000;border-top-right-radius: 18px;border-bottom-left-radius: 18px;}
#button::after{content:"\f077";font-family:FontAwesome;font-weight:normal;font-style:normal;font-size:2em;line-height: 50px;color:#fff;}
#button:hover{cursor:pointer;background-color:#333;}
#button:active{background-color: #555;}
#button.show{opacity:1;visibility: visible;}
/* end scroll top button */
.offcanvas{background: #25262a!important;}
.offcanvas-header .btn-close{font-size: 3rem;background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='sandybrown'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;}
.alert{margin:0;border-radius:0;}
.input-group-text{background-color:#5bde9c;color:white;border:1px solid #5bde9c;}
.crumb{background: #25262a ;padding:6rem 0;color:#000;text-transform: capitalize;letter-spacing: 0.2rem;}
.crumb ul{padding:0;font-size:32px;font-family:'Montserrat-Bold';padding: 4rem 0 0 0;text-align: center;text-transform: uppercase;}
.crumb h2{color: #fff!important;font-size: 3rem;line-height: 48px;margin:5rem 0 10px 0;letter-spacing: 1px;font-weight: 700;}
.crumb li{display:inline;font-size: 0.85rem;color: #5bde9c;font-family:'Montserrat-Bold';}
.crumb .fa{display:inline;font-size: 0.85rem;color: #fff;}
.crumb li a{color:#fff;}
.crumb li a:hover{color:#ceb486;-webkit-transition:all 0.25s ease;transition:all 0.25s ease;}
#header-area {color:#fff;}
.banner{background: #fff url("../img/images/pattern-footer.png");border-bottom: 1px solid rgba(255, 255, 255, 0.2);box-shadow: 0.188em 0.25em 2.188em rgb(0 0 0 / 16%);}
.who-we-are{background: #25262a;padding-top:200px!important;padding-bottom: 0;}
.who-we-are h6{font-size: 1rem;color: #5bde9c;font-family:'Montserrat-Bold';}
.who-we-are h3{font-size: 6rem;color: #fff;line-height: 6.6rem;text-transform: capitalize;font-family:'Montserrat-Bold';}
.who-we-are .hi-3{font-size: 3rem;color: #fff;line-height: 3.2rem;text-transform: capitalize;font-family:'Montserrat-Bold';}
.who-we-are .details{font-size: 1rem;color: #fff;line-height: 2.2rem;font-family:'Montserrat-Regular' ;}
.who-we-are .more-details{font-size: .95rem;line-height:1.8rem;}
.who-we-are .btn-success{background: linear-gradient(90deg, rgba(254,204,26,1) 0%, rgba(255,177,40,1) 100%);border-radius:12px;color: #25262a;font-family:'Montserrat-Bold';box-shadow: none;font-size: .85rem;padding: 20px 45px!important;box-shadow: rgba(244, 158, 10, 0.2) 0px 8px 24px;}
.who-we-are .btn-success:hover{color: #25262a;background: linear-gradient(90deg, rgb(248, 166, 1) 0%, rgba(254,204,26,1) 100%);}
.who-we-are .item-wrap{background: url('../img/images/hero-img.png')no-repeat;background-size: contain;background-position: center;}
.services{background: #2d2e32;padding: 160px 0!important;}
.services .item-wrap{background: #25262a;border-radius: 3rem;padding: 3rem;}
.services .item-wrap:hover{background: linear-gradient(190deg, rgba(91,222,156,1) 0%, rgba(43,151,97,1) 100%);;color: #fff;box-shadow: 25px 25px 30px 0 rgba(100.00000000000001, 244, 171.00000000000006, .14901960784313725);}
.services .item-wrap .bx{background: #2d2e32;color: #5bde9c;border-radius: 50%;padding: 2.5rem;border: solid 2px #5bde9c;font-size: 2rem;}
.services .item-wrap h4{color: #fff;font-size: 1.4rem;font-family:'Montserrat-Bold';}
.services .item-wrap .details{color: #fff;font-size: .9rem;font-family:'Montserrat-Regular';}
.services .col-sm-6:nth-child(2) .item-wrap{margin-top: 2rem;}
.services .col-sm-6:nth-child(4) .item-wrap{margin-top: 2rem;}
.services .content-wrap {margin-top: 10rem;}
.services .content-wrap h6{font-size: 1rem;color: #5bde9c;font-family:'Montserrat-Bold';}
.services .item-wrapp h3{font-size: 3rem;color: #fff;line-height: 3.6rem;text-transform: capitalize;font-family:'Montserrat-Bold';}
.services .item-wrapp .details{color: #fff;font-size: .95rem;font-family:'Montserrat-Regular';}
.services .item-wrapp .btn-success{background: linear-gradient(90deg, rgba(254,204,26,1) 0%, rgba(255,177,40,1) 100%);border-radius:12px;color: #25262a;font-family:'Montserrat-Bold';box-shadow: none;font-size: .85rem;padding: 20px 45px!important;box-shadow: rgba(244, 158, 10, 0.2) 0px 8px 24px;}
.services .item-wrapp .btn-success:hover{color: #25262a;background: linear-gradient(90deg, rgb(248, 166, 1) 0%, rgba(254,204,26,1) 100%);}
.services .view h2{color: #fff;font-size: 3rem;font-family:'Montserrat-Bold';}
.services .view .details{color: #fff;font-size: .95rem;font-family:'Montserrat-Regular';line-height: 1.8rem;}
.services .view .item-wrap{background: linear-gradient(190deg, rgba(91,222,156,1) 0%, rgba(43,151,97,1) 100%);;color: #fff;box-shadow: 25px 25px 30px 0 rgba(100.00000000000001, 244, 171.00000000000006, .14901960784313725);}
.services .serv-title{font-size: 4rem;color: #fff;font-family:'Montserrat-Bold';margin: 4rem 0;}
.portfolio{background: #2d2e32 url('../img/images/home-circle-1.png')no-repeat;background-position: top right;padding: 100px 0!important;background-size:15%;}
.portfolio .portfolio-item {margin-bottom: 30px;}
.portfolio #portfolio-flters {padding: 0;margin: 0 auto 15px auto;list-style: none;text-align: center;border-radius: 50px;padding: 2px 15px;}
.portfolio #portfolio-flters li {cursor: pointer;display: inline-block;padding: 8px 16px 10px 16px;font-size: 14px;font-weight: 600;line-height: 1;text-transform: uppercase;color: #fff;background: rgba(255, 255, 255, 0.1);margin: 0 3px 10px 3px;transition: all 0.3s ease-in-out;border-radius: 4px;}
.portfolio #portfolio-flters li:hover,.portfolio #portfolio-flters li.filter-active {background: #18d26e;}
.portfolio #portfolio-flters li:last-child {margin-right: 0;}
.portfolio .portfolio-wrap {transition: 0.3s;position: relative;overflow: hidden;z-index: 1;background: rgba(0, 0, 0, 0.6);height: 300px;}
.portfolio .portfolio-wrap::before {content: "";background: rgba(0, 0, 0, 0.6);position: absolute;left: 30px;right: 30px;top: 30px;bottom: 30px;transition: all ease-in-out 0.3s;z-index: 2;opacity: 0;}
.portfolio .portfolio-wrap .portfolio-info {opacity: 0;position: absolute;top: 0;left: 0;right: 0;bottom: 0;text-align: center;z-index: 3;transition: all ease-in-out 0.3s;display: flex;flex-direction: column;justify-content: center;align-items: center;}
.portfolio .portfolio-wrap .portfolio-info::before {display: block;content: "";width: 48px;height: 48px;position: absolute;top: 35px;left: 35px;border-top: 3px solid #fff;border-left: 3px solid #fff;transition: all 0.5s ease 0s;z-index: 9994;}
.portfolio .portfolio-wrap .portfolio-info::after {display: block;content: "";width: 48px;height: 48px;position: absolute;bottom: 35px;right: 35px;border-bottom: 3px solid #fff;border-right: 3px solid #fff;transition: all 0.5s ease 0s;z-index: 9994;}
.portfolio .portfolio-wrap .portfolio-info h4 {font-size: 20px;color: #fff;font-weight: 600;}
.portfolio .portfolio-wrap .portfolio-info p {color: #ffffff;font-size: 14px;text-transform: uppercase;padding: 0;margin: 0;}
.portfolio .portfolio-wrap .portfolio-links {text-align: center;z-index: 4;}
.portfolio .portfolio-wrap .portfolio-links a {color: #fff;margin: 0 2px;font-size: 28px;display: inline-block;transition: 0.3s;}
.portfolio .portfolio-wrap .portfolio-links a:hover {color: #63eda3;}
.portfolio .portfolio-wrap:hover::before {top: 0;left: 0;right: 0;bottom: 0;opacity: 1;}
.portfolio .portfolio-wrap:hover .portfolio-info {opacity: 1;}
.portfolio .portfolio-wrap:hover .portfolio-info::before {top: 15px;left: 15px;}
.portfolio .portfolio-wrap:hover .portfolio-info::after {bottom: 15px;right: 15px;}
.portfolio .content-wrap h6{font-size: 1rem;color: #5bde9c;font-family:'Montserrat-Bold';}
.portfolio .content-wrap h3{font-size: 4rem;color: #fff;line-height: 6.6rem;text-transform: capitalize;font-family:'Montserrat-Bold';margin-bottom: 3rem;}
.portfolio .view-all .btn-info{background: linear-gradient(90deg, rgba(254,204,26,1) 0%, rgba(255,177,40,1) 100%);border-radius:12px;color: #25262a;font-family:'Montserrat-Bold';box-shadow: none;font-size: .85rem;padding: 20px 45px!important;box-shadow: rgba(244, 158, 10, 0.2) 0px 8px 24px;}
.portfolio .view-all .btn-info:hover{background: #fff;}
.portfolio .view h3{font-size: 3rem;color: #fff;line-height: 3.6rem;text-transform: capitalize;font-family:'Montserrat-Bold';}
.portfolio .port-view{background: #25262a!important;padding: 2rem;}
.portfolio .port-view h2{font-size: 1.6rem;color: #fff;font-family:'Montserrat-Bold';}
.portfolio .port-view h4{font-size: 1rem;color: #fff;font-family:'Montserrat-Bold';border-bottom: solid 1px #5bde9c;}
.counters{background: #2d2e32 url('../img/images/home-circle-2.png')no-repeat;background-position: bottom left;padding: 100px 0!important;background-size:15%;}
.counters .counter-box{background: #25262a;padding: 5rem;}
.counters .counter-box .counter{font-size: 5rem;color: #5bde9c;font-family:'Montserrat-Bold';}
.counters .counter-box h6{font-size: 1rem;color: #fff;font-family:'Montserrat-Regular';}
.counters .col-sm-3:nth-child(1) .counter-box{background: #25262a;border-top-left-radius: 3rem;border-bottom-left-radius: 3rem;padding: 5rem;}
.counters .col-sm-3:nth-child(4) .counter-box{background: #25262a;border-top-right-radius: 3rem;border-bottom-right-radius: 3rem;padding: 5rem;}
.testimonial{background: #2d2e32 url('../img/images/home-circle-1.png')no-repeat;background-position: bottom right;padding: 100px 0!important;background-size:15%;}
.testimonial .content-wrap h6{font-size: 1rem;color: #5bde9c;font-family:'Montserrat-Bold';}
.testimonial .content-wrap h2{font-size: 4rem;color: #fff;line-height: 6.6rem;text-transform: capitalize;font-family:'Montserrat-Bold';margin-bottom: 3rem;}
.testimonials .testimonials-carousel,.testimonials .testimonials-slider {  overflow: hidden;}
.testimonials .testimonial-item {box-sizing: content-box;min-height: 320px;}
.testimonials .testimonial-item .testimonial-img {width: 90px;border-radius: 50%;margin: -40px 0 0 40px;position: relative;z-index: 2;border: 6px solid rgba(255, 255, 255, 0.12);}
.testimonials .testimonial-item h3 {font-size: 18px;font-weight: bold;margin: 10px 0 5px 45px;color: #fff;}
.testimonials .testimonial-item h4 {font-size: 14px;color: #999;margin: 0 0 0 45px;}
.testimonials .testimonial-item .quote-icon-left,.testimonials .testimonial-item .quote-icon-right {color: rgba(255, 255, 255, 0.25);font-size: 26px;}
.testimonials .testimonial-item .quote-icon-left {display: inline-block;left: -5px;position: relative;color:#5bde9c ;font-size: 2.4rem;}
.testimonials .testimonial-item .quote-icon-right {display: inline-block;right: -5px;position: relative;top: 10px;color:#5bde9c ;font-size: 2.4rem;}
.testimonials .testimonial-item p {font-style: italic;margin: 0 15px 0 15px;padding: 20px 20px 60px 20px;background: #25262a;position: relative;border-radius: 6px;position: relative;z-index: 1;color: #a8a8a8;}
.testimonials .swiper-pagination { margin-top: 20px;position: relative;}
.testimonials .swiper-pagination .swiper-pagination-bullet {width: 12px;height: 12px;opacity: 1;background-color: rgba(255, 255, 255, 0.3);}
.testimonials .swiper-pagination .swiper-pagination-bullet-active {background-color: #18d26e;}
.clients h2{font-size: 3rem;color: #fff;margin-bottom: 3rem;text-transform: capitalize;font-family:'Montserrat-Bold';}
.clients .img-wrap{border: solid 1px #5bde9c;padding: 4rem .5rem;opacity: 0.4;}
.clients .img-wrap:hover{opacity: unset;}

.contact{background: #2d2e32;padding: 100px 0;}
.contact .form-control{border-radius: 14px!important;padding:1rem;background: #25262a;border-style: solid;border-width: 1px;border-color: #5bde9c;color: #5bde9c;box-shadow: none;outline: none;}
.contact h3{font-size: 2.2rem;color: #fff;font-family:'Montserrat-Bold';}
.contact .btn-primary{background: linear-gradient(90deg, rgba(254,204,26,1) 0%, rgba(255,177,40,1) 100%);border-radius:12px;color: #25262a;font-family:'Montserrat-Bold';box-shadow: none;font-size: .85rem;padding: 20px 45px!important;box-shadow: rgba(244, 158, 10, 0.2) 0px 8px 24px;}
.contact .btn-primary:hover{background: #fff;}
.contact .details{font-size: .95rem;color: #fff;font-family:'Montserrat-Regular';line-height: 1.6rem;}
.contact h5{font-size: 1.6rem;color: #fff;font-family:'Montserrat-Bold';}
.contact .bx{color: #5bde9c;font-size: 2rem;background: #25262a;border-radius: 50%;padding: 2rem;}
.contact .bx:hover{color: #25262a;font-size: 2rem;background:  linear-gradient(90deg, rgba(254,204,26,1) 0%, rgba(255,177,40,1) 100%);border-radius: 50%;padding: 2rem;}
.contact a{color: #fff;}
.contact textarea{height:150px;}
.contact input, .contact textarea{border:1px solid #eaeaea;color:#100e24;border-radius:0;}
/*###################### PAGINATION ################################*/
.pagination{background:#000;border-radius:0;}
.pagination a{padding:10px 20px;text-decoration:none;color:#000;}
.pagination a:hover{background:#000;color:white;}
.disabled{padding:10px 20px;color:white;background:#000;}
.current{background:#000;padding:10px 20px;text-decoration:none;color:white;}
/********************** End Pagination *****************************/
.footer{background:#25262a;padding: 60px 0;}
.footer .dev{color: #f2f2f2;font-size: 1rem;line-height: 1.8em;font-family:'Montserrat-Regular';margin-top: 2rem;}
.footer .dev a{color: #5bde9c;}
.footer .social .fa, .bxl-tiktok{padding:.85rem .95rem;background:#2d2e32;border-radius:5px;color: #ffaf29;}
.footer .social .fa:hover, .bxl-tiktok:hover{padding:.85rem .95rem;background: linear-gradient(90deg, rgba(254,204,26,1) 0%, rgba(255,177,40,1) 100%);border-radius:5px;color: #25262a;box-shadow: none;font-size: 1rem;box-shadow: rgba(244, 158, 10, 0.2) 0px 8px 24px;}
/*sponsors slider*/
@keyframes slidein {from {transform: translate3d(0, 0, 0);}to {transform: translate3d(-100%, 0, 0);}}
@keyframes fade-in {0% {opacity: 0;}100% {opacity: 1;}}
@media only screen and (max-width:767px){
	body > section{padding:20px 0;}
	.navbar-dark .navbar-nav .nav-link{margin-bottom:10px;}
	.crumb h2{margin: 10px 0;font-size: 1.5rem;line-height: 5px;}
	.crumb {padding: 5rem 0;}
	.who-we-are{padding-top: 120px!important;}
	.who-we-are h6, .who-we-are .seperator{display: none;}
	.who-we-are h3,.services .item-wrapp h3,.portfolio .content-wrap h3,.testimonial .content-wrap h2,.portfolio .view h3{font-size: 2.2rem!important;line-height: 2.4rem;}
	.services .item-wrapp .details{font-size: .85rem;line-height: 1.6rem;}
	.who-we-are .btn-success,.services .item-wrapp .btn-success,.portfolio .view-all .btn-info{margin-bottom: 3rem;padding: 14px 25px!important;}
	.who-we-are .details{font-size: .85rem;line-height: 1.6rem;color: #ccc;}
	.counters .counter-box .counter{font-size: 3.2rem;}
	.counters .col-sm-3:nth-child(1) .counter-box,.counters .col-sm-3:nth-child(4) .counter-box{border-radius: 0;}
	.footer{text-align: center;}
}