/*Font familes */
@font-face{
  font-family:thicccboi-bold;
  src: url(../fonts/thicccboi-bold.ttf)
}
@font-face{
  font-family:thicccboi-semibold;
  src: url(../fonts/thicccboi-semibold.ttf)
}
@font-face{
  font-family:thicccboi-medium;
  src: url(../fonts/thicccboi-medium.ttf)
}
@font-face{
  font-family:thicccboi-regular;
  src: url(../fonts/thicccboi-regular.ttf)
}
/* main style to each paragraph */
a{
  text-decoration:none;
}
.text-blue{
  color:#0f75bc;
}
.text-red{
  color:#ed1c24;
}
.bg-blue{
  background-color:#0f75bc;
}
.bg-red{
  background-color:#ed1c24;
}
body{
    font-size:18px;
    font-weight: 500;
    line-height:26px;
    font-family:thicccboi-medium;
    color:#000000;
    background-color:#0a0a0a;
}
/* navigation css */
.custom-navbar{
 padding-top:12px;
 padding-bottom:12px;
 background-color: #F9F9F6;
 background-color:#000000;
 position: fixed;
 width: 100%;
 left: 0px;
 top: 0px;
 z-index: 111;
 transition:padding .3s;
 opacity:1;
 transform:translateY(0);
 font-family:thicccboi-medium;
 line-height:1.5;
 border-bottom:1px solid #000000;
}
.custom-navbar.scrolled{
  border-bottom:1px solid rgba(255,255,255,.75);
  padding-top:13px;
  padding-bottom:13px;
}
.custom-navbar .container-fluid{
  padding-left:0px;
  padding-right: 0px;
}
.navbar-logo{
  padding: 0px;
  margin: 0px;
  margin-right: 30px;
}
.navbar-logo img{
 height:74px;
 transition:.3s;
}
.custom-navbar.scrolled .navbar-logo img{
  height:64px;
}
.custom-navigation{
  align-items: center;
}
.navigation-link{
  color:#000000;
  text-decoration: none!important;
  transition-delay: 0s;
  transition-duration: .3s;
  transition-property: all;
  color:#ffffff;
   font-size:16px;
}
.navigation-link:hover{
  color:#ed1c24 !important;
}
.navigation-link.active{
  color:#ed1c24 !important;
}
.navigation-link:focus{
  color:#000000;
}
.navigation-toggler {
  border: 0px;
  padding:0px;
}
.navigation-toggler:focus {
  box-shadow: none;
  outline: 0px;
  border: 0px;
}
.navigation-toggler.collapsed .navigation-toggler-icon {
  filter: invert(1) brightness(100);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.navigation-toggler .navigation-toggler-icon {
  filter: invert(1) brightness(100);
    background-image: url(../images/close.png);
}
.nav-buttons{
 margin-left: auto;
 display: flex;
 align-items: center;
}
.nav-buttons a.btn-propostal{
  color: #ffffff;
    background-color:#0f75bc;
    border-radius: 4px;
    justify-content: center;
    align-items: center;
    padding:16px 12px;
    display: flex;
    transition: background-color .2s;
    font-family: thicccboi-semibold;
    font-size:16px;
    font-weight: 600;
    line-height: 32px;
    margin-left:16px;
    width:190px;
    height:56px;
    border-top: 0px;
}
.nav-buttons a.btn-propostal:hover{
  background-color:#ed1c24;
}
.nav-buttons a.btn-propostal img {
    max-width: 100%;
    vertical-align: middle;
    display: inline-block;
    width: 19px;
    margin-right: 16px;
}
/* Banner section1 css */
.banner{
  min-height:100vh;
  background-image: url(../images/banner.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
  justify-content:flex-start;
  position: relative;
  font-family:thicccboi-regular;
  padding-top:120px;
  padding-bottom:100px;
}
.banner::after {
    z-index: 1;
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    background: linear-gradient(160deg, rgba(4, 27, 41, .75) 20%, rgba(4, 27, 41, .6) 100%, rgba(50, 50, 50, 0.1) 80%, rgba(50, 50, 50, 0) 100%);
}
.banner .banner-content{
/*  max-width:700px;*/
  position:relative;
  z-index:2;
}
.banner .banner-content h1{
  font-size:65px;
  line-height:80px;
  font-weight:400;
  color: #ffffff;
  padding-top:5rem;
  margin-bottom:24px;
   font-family:thicccboi-bold;
}
.banner .banner-content p{
    font-size: 20px;
    font-weight: 400;
    line-height: 34px;
    color: #ffffff;
    margin-bottom: 30px;
     font-family:thicccboi-regular;
}
.banner-buttons{
 display: flex;
 align-items: center;
 justify-content:flex-start;
}
.banner-buttons a.btn-propostal{
    color:#ffffff;
    background-color:#0f75bc;
    border-radius: 4px;
    justify-content: center;
    align-items: center;
    padding:16px 12px;
    display: flex;
    transition: background-color .2s;
    font-family: thicccboi-semibold;
    font-size:16px;
    font-weight: 600;
    line-height: 32px;
    width:190px;
    height:56px;
    margin-right: 16px;
}
.banner-buttons a.btn-propostal:hover{
 background-color:#ed1c24;
}
.banner-buttons a.btn-propostal img {
    max-width: 100%;
    vertical-align: middle;
    display: inline-block;
    width: 19px;
    margin-right: 16px;
}
.section-padding{
  padding-top:100px;
  padding-bottom:100px;
}
.section0{
  background-color:#f3f3f3;
  background-color:#04000B;
  color:#ffffff;
}
.section0 img{
  border-radius: 15px;
  width:100%;
}
.section1{
   font-family:thicccboi-bold;
   background-color:#ffffff;
   background-image: radial-gradient(at center center, #0f75bc -100%, #000C14 100%);
   color:#ffffff;
}
h2{
    font-size:50px;
  line-height:62px;
  font-weight:400;
  margin-bottom:20px;
  font-family:thicccboi-bold;
}
h3{
    font-size:30px;
  line-height:42px;
  font-weight:400;
  margin-bottom:20px;
  font-family:thicccboi-medium;
}
.section1 ul{
  list-style-type:none;
  padding:0px;
  padding-left:0px;
  font-size:18px;
    font-family:thicccboi-medium;
}
.section1 ul li{
  background-image: url(../images/checkmark.svg);
  border-bottom: 1px solid rgba(255,255,255,.1);
  padding-top: 16px;
  padding-bottom: 16px;
  background-position:0%;
  background-position: 0%;
    background-repeat: no-repeat;
    background-size: auto;
    padding-left:40px;
}
.section1 .section1-right{
  max-width: 480px;
  height:calc(100% - 25px);
    background-image: url(../images/image2.jpg);
    background-position: 50%;
    background-size: cover;
    justify-content: center;
    align-items: flex-end;
    padding: 24px;
    display: flex;
    margin-left: auto;
    margin-top: 13px;
    border-radius:15px;
}
.section1 .section1-right img{
  width: 100%;
  border-radius:15px;
}
.section2{
  font-family:thicccboi-regular;
  padding-bottom:70px;
}
.section2 p{
  font-size: 16px;
  font-weight: 400;
}
.section2 .why-choose-item-cover{
 margin-bottom:48px;
}
.section2 .why-choose-item{
 padding:30px;
 background-color:#1e1e1f;
 border-radius:25px;
 height:100%;
}
.section2 .why-choose-item .img-cover{
   width:80px;
   height:80px;
   padding:14px;
   background-color:#0f75bc;
   display: flex;
   align-items: center;
   justify-content: center;
   border-radius:100%;
   margin-bottom:16px;
   background: -webkit-linear-gradient(to right, #0f75bc, #ed1c24);
    background: linear-gradient(to right, #0f75bc, #ed1c24);
    box-shadow: 0 3px 20px #0f75bc;
}
.section2 .why-choose-item img{
  display: block;
  width:100%;
  filter: invert(1) brightness(100%);
}

.section2 .why-choose-item h3{
 font-size:22px;
 font-family:thicccboi-semibold;
 margin-bottom:0px;
 color:#0f75bc;
 color:#ffffff;
}
.section2 .why-choose-item p{
 font-size:16px;
 font-weight: 400;
 color:rgba(255, 255, 255, .7);
}
.cta{
  background-color:#0f75bc;
  padding-top:80px;
  padding-bottom:80px;
  text-align: center;
  background: -webkit-linear-gradient(to right, #0f75bc, #ed1c24);
    background: linear-gradient(to right, #0f75bc, #ed1c24);
}
.cta .banner-buttons a.btn-propostal{
/*border:1px solid #ffffff;*/
margin:0 auto;
}
.cta .banner-buttons a.btn-propostal:hover{
/*  border:1px solid #ed1c24;*/
}
.footer{
  overflow: hidden;
}
.footer-content{
  border-radius:30px 30px 0px 0px;
  position: relative;
  padding:100px 50px 20px;
}
.footer-content .footer-data{
  position: relative;
  z-index:1;
  color:#ffffff;
}
.footer-content::before{
  content:'';
  width:5000px;
  height:100%;
  left:0px;
  bottom:0px;
  background-color:#181b1a;
  position: absolute;
  border-radius:30px 0px 0px 0px;
}
.block-box {
    display: flex;
    border:1px solid #ffffff;
    border-radius: 15px;
    padding: 15px;
    align-items: center;
    height:100%;
}
.block-box .block-content h5 {
    font-weight:500;
    text-transform: capitalize;
    color:#ffffff;
    margin-bottom:0px;
}
.block-box .block-content p {
    font-size: 16px;
    color:rgba(255,255,255,.75);
    font-weight: 400;
    margin-bottom: 0px;
}
.block-box .block-icon i {
    font-size:20px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    width:50px;
    height:50px;
    text-align: center;
    background:#000000;
    color:#ffffff;
    margin-right:30px;
}
.block-box.block-box1 .block-icon i{
   background: #FFB75E;
    background: -webkit-linear-gradient(to right, #0f75bc, #ed1c24);
    background: linear-gradient(to right, #0f75bc, #ed1c24);
    box-shadow: 0 3px 20px #0f75bc;
}
.block-box .block-icon img{
  width:120px;
  margin-right:30px;
}
.copyright{
  margin-top:100px;
  font-size:16px;
}

















@media (min-width: 992px) {
    .custom-navbar .custom-navigation .navigation-link {
        padding-right:12px;
        padding-left: 12px;
    }
    .section0 img {
    border-radius: 30px 0px 0px 0px;
    position: absolute;
    right: 0px;
    bottom: 0px;
    width:450px;
        padding: 10px 0px 0px 10px;
}
.section0{
  position: relative;
  padding-top:120px;
  padding-bottom:120px;
}
.container{
        max-width: 100%;
    }
}
@media (min-width: 1200px) {
    .custom-navbar .custom-navigation .navigation-link {
        padding-right:20px;
        padding-left:20px;
    }
    .section0 img {
      width:550px;
    }
    .container{
        max-width:1140px;
    }
}
@media (min-width: 1400px) {
    .container{
        max-width: 1320px;
    }
}

@media (min-width:768px) and (max-width:1100px) {
.block-box{
  flex-direction: column;
  text-align: center;
}
.block-box.block-box1 .block-icon i{
  margin-bottom:20px;
  margin-right:0px;
}
.block-box .block-icon img{
  margin-bottom:20px;
  margin-right:0px;
}
}
@media (max-width: 992px) {
    .section1 .section1-right {
        background-image: none;
        height: auto;
        width: auto;
        max-width: 100%;
        margin-right: auto;
    }
        .navigation-link{
      padding-top:16px;
      padding-bottom:16px;
      border-bottom:1px solid #000000;
    }
    .custom-navigation{
      align-items:stretch;
      margin-top:20px;
    }
    .nav-buttons a.btn-propostal{
      margin-left:0px;
      margin-top:16px;
    }
}
@media (max-width: 768px) {
  .banner {
    padding-top: 80px;
    padding-bottom: 80px;
}
    .section1 .section1-right {
        padding: 0px;
    }
    .banner .banner-content h1{
      font-size:45px;
      line-height: 55px;
    }
    h2{
      font-size:30px;
      line-height:42px;
    }
    .navigation-link{
      padding-top:16px;
      padding-bottom:16px;
      border-bottom:1px solid #000000;
    }
    .custom-navigation{
      align-items:stretch;
      margin-top:20px;
    }
    .nav-buttons a.btn-propostal{
      margin-left:0px;
      margin-top:16px;
    }
    .block-box{
      height:110px;
    }
    .footer{
      position: relative;
    }
    .footer-content{
          padding: 100px 0px 30px;
          position: static;
    }
    .copyright{
      margin-top:50px;
      text-align: center;
    }
    .footer-content::before{
      width: 100%;
      border-radius:15px 15px 0px 0px;
    }
    .block-box .block-icon i{
      margin-right:20px;
    }
    .block-box .block-icon img{
      margin-right:20px;
    }
    .navbar-logo img{
 height:64px;
}
.custom-navbar.scrolled .navbar-logo img{
  height:54px;
}
}