*{font-family: "forma-djr-micro", sans-serif;font-weight: 400;}
body{font-family: "forma-djr-micro", sans-serif;margin: 0;background-color: #0f226d;color: #eeeeee;}
section{padding: 0!important;}
.navbar-brand img{width: 220px;height: auto;}
.nav-link{font-size:16px;text-transform: lowercase!important;letter-spacing: -.05px;display: block;position: relative;text-decoration: none;padding-left:2px!important;padding-right: 2px!important;}
.nav-link.underline::after {content: '';position: absolute;bottom: 0;left: 0;width: 100%;height: 2px;background-color: #00bce4;opacity: 0;transition: opacity 300ms, transform 300ms;}
.nav-link.underline:hover::after, .nav-link.underline:focus::after {opacity: 1;transform: translate3d(0, 0.2em, 0);}
.nav-link span{color:#00bce4;}
.nav-item a.underline::after {opacity: 1;transform: scale(0);transform-origin: center;}
.nav-item a.underline:hover::after, .nav-item a.underline:focus::after{transform: scale(1);}
.dropdown-menu a{letter-spacing: -.4px;font-weight: 500}
main{margin-top: 30px;overflow-x: hidden;}
main .hero-left{}
main .hero-left h1{width: 100%;display: block;color:#fff;letter-spacing: -.5px;text-transform: capitalize;padding: 0;margin: 0;}
main .hero-left h5{width: 100%;display: block;color:#eee;letter-spacing: 1px;text-transform: lowercase;font-weight: 500;}
main .hero-left .col{width: 100%;display: block;background-color: #fff;padding: 25px 20px;margin-top: 20px;}
main .hero-left .col h3{width: 100%;display: block;color:#1f1f1f;letter-spacing: -.1px;text-transform: lowercase;padding: 0;margin: 15px 0;text-align: center;line-height: 25px;font-weight: 700;}
main .hero-left .col h4{width: 100%;display: block;color:#1f1f1f;letter-spacing: 0;text-transform: lowercase;padding: 0;margin: 10px 0;font-size: 16px;text-align: center;}
form label.form-label{color: #333333;letter-spacing: -.3px;font-size: 15px;margin-bottom: 0;font-weight: 700;}
form .form-text{letter-spacing: -.1px;font-size: 12px;}
form .form-control{font-size: 15px!important;font-weight: 400!important;font-family: "forma-djr-micro", sans-serif!important;}
form input:focus {color: var(--bs-body-color);background-color: #f0f1f2;border-color: transparent;outline: 0;box-shadow: none !important;}
form button{border-radius: 0!important;font-family: "forma-djr-micro", sans-serif;}
form .wecare{font-size: 12px;float: left;margin-top: 10px;color: #ffffff;letter-spacing: -.2px;background-color: #008374;font-weight: 500;padding: 5px 5px 5px 24px;margin-left: 13px;}
form .wecareicon{color: #ffffff;background-color: #7ac143;font-weight: 500;padding: 5px;border-radius: 50%;border: 2px solid #fff;position: absolute;width: 32px;height: 32px;line-height: 12px;top: 8px;}
.join-us{font-size: 13px;color:#1f1f1f;letter-spacing: -.1px;padding: 10px;font-weight: 600;text-align: center;}
.join-us img{width: 100px;height: auto;vertical-align: middle;margin-right: 5px;}
.join-us span{display: block;font-weight: 700;}
.hero-image{padding: 0;}
.hero-image img{width: 100%;height:auto;vertical-align: middle;}
span.brand{color:#00bce4;}


.slider-logo{background-color: #0b1a57;padding: 20px;margin-top: 25px;width: 100%;border-radius: 20px;}
.slider-logo:before {content: ' ';position: absolute;left: 0;height: 100%;width: 200px;top: 0;z-index: 99;background: #0B1A57;background: linear-gradient(90deg, rgba(11, 26, 87, 1) 0%, rgba(11, 26, 87, 1) 35%, rgba(0, 212, 255, 0) 100%);}
.slider-logo:after {content: ' ';position: absolute;right: 0;height: 100%;width: 200px;top: 0;z-index: 99;background: #0B1A57;background: linear-gradient(-90deg, rgba(11, 26, 87, 1) 0%, rgba(11, 26, 87, 1) 35%, rgba(0, 212, 255, 0) 100%);}
.slider-logo .logo-item{width: 300px;height: 125px;float: left;position: relative;color: #333333;text-align: center;}
.slider-logo .logo-item img{width:75%;height:auto;}

.text-middle{width: 80%;float: left;position: relative;font-size: 24px;font-weight: 400;text-align: center;letter-spacing: -.5px;margin:25px 10%;color:#FFF;text-transform: lowercase;}
.slick-initialized .slick-slide{min-width:250px!important;}
.slick-slider .slick-list, .slick-slider .slick-track{max-height: 120px!important;}

.myCards{background: #0022cf;background: radial-gradient(circle,rgba(0, 34, 207, 1) 0%, rgba(0, 212, 255, 0) 100%);}
.myCards .cards{padding: 50px 0;position: relative;}
.myCards .cards div.col-md-3{margin-bottom: 30px;padding-right: 10px;position: relative;}
.myCards .cards div.col-md-3 .icon{position: absolute;border-radius: 50%;border: 2px solid #00aeff;background-color: rgba(255, 255, 255, 0.95);font-size: 26px;width: 50px;height: 50px;text-align: center;line-height: 40px;color: #0b1a57;left: 0;right: 0;margin: -25px auto 0;z-index: 99;}
.myCards .cards .last-child{padding-right: 0!important;}
.myCards .cards div.col-md-3 .card{background-color: transparent;}
.myCards .cards div.col-md-3 .card .card-body{color:#ffffff;text-align: center;border: 1px solid #00aeff;padding-top:30px;letter-spacing: 0;}
.myCards .cards div.col-md-3 .card .card-body h3{color:#ffffff;text-align: center;border-bottom: 1px solid rgba(255,255,255,0.3);letter-spacing: 0;padding: 5px 0;font-size: 18px;}
.myCards .cards div.col-md-3 .card .card-body h3{color:#ffffff;text-align: center;padding: 5px 0;font-size: 14px;}

@media screen and (max-width:760px) {
    .hero-image{order: 1;}
    .hero-image img{transform: scale(1.1);}
    .hero-left{order: 2;}
    .slider-logo:before , .slider-logo:after {width: 80px !important;}
    .slider-logo .logo-item{min-height: 145px;}
    .slider-logo .logo-item img {width: 80%;height: auto;display: block;margin: -20px auto 0;}
    .myCards .cards div.col-md-3{width: 100%;padding-right: 0!important;}
}