@font-face {
    font-family: 'DINNextLTProRegular';
    src: url('../fonts/DINNextLTPro-Regular.otf') format('woff');
    font-weight: normal;
}

@font-face {
    font-family: 'DINNextLTProBold';
    src: url('../fonts/DINNextLTPro-Bold.otf') format('woff');
    font-weight: normal;
}

@font-face {
    font-family: 'DINNextLTProLight';
    src: url('../fonts/DINNextLTPro-Light.otf') format('woff');
    font-weight: normal;
}

* {
    margin: 0;
    padding: 0;
}

.navbar, .navbarmobile {
    background-color: #FDB515;
}

.navbar-toggler {
    border: none !important;
}

.navbar-toggler:active {
    border: none !important;
}

.textReportNavbar {
    color: #781E77;
    font-size: 20px;
    margin-left: 200px;
}

.language {
    align-self: center;
    color: #91C349;
    font-size: 28px;
}

.language span {
    align-self: center;
    color: #781E77;
    font-size: 18px;
    padding: 0px 10px;
}

.language span:hover {
    font-family: 'DINNextLTProBold';
}

.language span:active {
    font-family: 'DINNextLTProBold';
}

.containerFLex {
    display: flex;
    gap: 30px;
}

.btn-download, .btn-know-more, .btn-know-more-slide {
    background-color: #91C349 !important;
    border: none !important;
    border-radius: 25px !important;
    padding: 9px 35px !important;
    color: #fff !important;
    font-family: 'DINNextLTProBold';
    font-size: 16px;
}
.btn-download a, .btn-know-more a, .btn-know-more-slide a {
    color: #fff !important;
    text-decoration: none;
}

.btn-download a:hover, .btn-know-more a:hover {
    color: #781E77 !important;
}
.btn-know-more {
    margin-top: 50px;
}
.offcanvas {
    background-image: url("../img/fundoheader.png");
}
.nav-link {
    color: #781E77 !important;
    font-size: 36px !important;
    text-align: center !important;
    padding: 30px 0px !important;
}
.offcanvas-body {
margin-top: 100px;
}

.containerBanner {
    background-image: url("../img/banner.png");
    ;
    height: 100vh;
    /* margin-top: 50px; */
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    display: flex;
}

.containerBanner h1 {
    font-family: 'DINNextLTProRegular';
    font-size: 62px;
    color: #fff;
    margin-bottom: -20px;
    margin-left: 50px;
}

.containerBanner span {
    font-family: 'DINNextLTProBold';
    font-size: 107px;
    color: #fff;
    margin-top: -20px;
    margin-left: 50px;
}

.containerElosRaizen,
.differencesText {
    padding: 100px 0px;
}

.containerElosRaizen h2 {
    font-family: 'DINNextLTProBold';
    color: #781E77;
    margin-top: 100px;
}

.containerElosRaizen P,
.differencesText p {
    font-family: 'DINNextLTProLight';
    color: #781E77;
    font-size: 16px;
}

.containerElosRaizen span {
    font-family: 'DINNextLTProBold';
    color: #781E77;
}

.item {
    display: flex;
}

.item-text {
    padding: 0px 20px;
}

.item h3 {
    font-family: 'DINNextLTProBold';
    color: #781E77;
    font-size: 26px;
}

.item p {
    font-family: 'DINNextLTProLight';
    color: #781E77;
    font-size: 16px;
}

.number {
    padding: 100px 0px;
}

.differences,
.partner,
.recognition {
    background-image: url("../img/differences.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: 655px;
}

.partner {
    background-image: url("../img/partner.png");
}

.differences h2,
.partner h2,
.recognition H2 {
    font-family: 'DINNextLTProBold';
    color: #781E77;
    font-size: 62px;
    padding-top: 450px;
}

.differencesText p:first-child {
    margin-top: 50px;
}

.recognition {
    background-image: url("../img/recognition.png");
}

/* slide */
.bgImgslide1,
.bgImgslide2,
.bgImgslide3,
.bgImgslide4 {
    background-image: url("../img/leadershipslide1.png");
    background-size: contain;
    background-repeat: no-repeat;
    height: 278px;
    background-position: center;
    margin: auto;
}
.bgImgslide1 p,
.bgImgslide2 p,
.bgImgslide3 p,
.bgImgslide4 p,
.partners-bgImgslide1 p,
.partners-bgImgslide2 p{
    font-size: 18px;
    color: #781E77;
    font-family: DINNextLTProLight;
}
.bgImgSlide {
    align-self: center;
}

.bgImgslide2 {
    background-image: url("../img/leadershipslide2.png");

}

.bgImgslide3 {
    background-image: url("../img/leadershipslide3.png");

}

.bgImgslide4 {
    background-image: url("../img/leadershipslide4.png");

}

.carousel-indicators {
    margin-bottom: -3rem !important;
}

.carousel-indicators [data-bs-target] {
    border: 2px solid #781E77 !important;
    border-radius: 132px !important;
    padding: 7px !important;
    width: 3px !important;

}

.carousel-indicators .active {
    background-color: #781E77 !important;
}

.bgcontainer {
    background-color: #FFE9B8;
    display: flex;
    flex-direction: column;
    padding: 100px 0px;
}

.bgcontainer h2,
.number h2 {
    font-size: 36px;
    color: #781E77;
    font-family: DINNextLTProLight;
    padding-bottom: 30px;
}

.bgcontainer span,
.number span, .font-bold {
    font-family: DINNextLTProBold;
    color: #781E77;
}

#carouselExample {
    margin: auto;
    width: 70%;
}
#carouselExample1 {
    margin: auto;
    width: 70%;
}

.carousel-control-prev {
    margin-left: -200px;
}

.carousel-control-next {
    margin-right: -200px;
}

.colflex {
    display: flex;
}
.partners-bgImgslide1, .partners-bgImgslide2{
    background-image: url("../img/partnersSlide1.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    height: 278px;
    margin: auto;
}
.partners-bgImgslide2 {
    background-image: url("../img/partnersSlide2.png");
}
.recognition-content {
    padding: 100px 0px;
}
.recognition-content h3 {
    color: #781E77;
    font-family: DINNextLTProBold;
    font-size: 26px;
}
.recognition-content p {
    color: #781E77;
    font-family: DINNextLTProLight;
    font-size: 16px;
}

.footer-download {
    background-image: url("../img/footerdownload.png");
    background-size: cover;
    background-repeat: no-repeat;
    height: 370px;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-content: stretch;
    justify-content: center;
    align-items: center;
}

.footer-download h2 {
    color: #fff;
    font-family: DINNextLTProBold;
    padding-bottom: 20px;
}

footer {
    padding: 20px 0px;
}

.textSocialMedia {
    text-align: end;
    color: #fff;
    margin-top: 20px;
}

.list-inline-item:not(:last-child) {
    margin-right: 1.5rem !important;
}
.item {
    margin-top: 10px;
} 
.item p {
    margin-bottom: 0px;
    margin-top: 0px;
  }
  .item-text {
    margin-top: 11px;
  }
  .partner-img {
    width: -moz-available;
  }
  .partnertext {
    margin-left: 200px;
  }
.btn-know-more-slide {
    width: fit-content !important;
    margin-left: 350px;
    margin-top: 20px;
  }
@media (max-width:1400px) {
    .containerBanner h1 {
       
        margin-left: 140px;
    }
    
    .containerBanner span {
        
        margin-left: 140px;
    }
    .differences {
        height: 435px;
    }

    .differences h2 {
        padding-top: 282px;
        margin-left: 70px;
    }
    .bgImgslide1 p,
.bgImgslide2 p,
.bgImgslide3 p,
.bgImgslide4 p,
.partners-bgImgslide1 p,
.partners-bgImgslide2 p{
    font-size: 16px;
    color: #781E77;
    font-family: DINNextLTProLight;
}
.carousel-control-prev {
    margin-left: -120px;
}

.carousel-control-next {
    margin-right: -120px;
}
#carouselExample {
    margin: auto;
    width: 75%;
}
#carouselExample1 {
    margin: auto;
    width: 75%;
}
.footer-download {
    height: 283px;
}
.partnertext {
    margin-left: 100px;
  }
  .btn-know-more-slide {
    width: fit-content !important;
    margin-left: 150px;
    margin-top: 20px;
  }
}
@media (min-width: 768px) {
 
    .navmobile {
        display: none !important;
    }
}
@media (max-width: 768px) {
    #navdesktop {
        display: none !important;
    }
    .textReportNavbar {
        margin-left: 0px;
        font-size: 14px;
    }
    .containerBanner h1 {
        margin-top: 0px;
        margin-left: 10px;
        font-size: 30px;
    }
    
    .containerBanner span {
        margin-top: 0px;
        margin-left: 10px;
        font-size: 50px;
    }
    .containerElosRaizen, .differencesText {
        padding: 20px 0px;
    }
    .containerElosRaizen span {
       padding: -100px !important;
    }
    .bgcontainer {
        margin-top: 100px;
    }
    .carousel-control-next, .carousel-control-prev  {
        display: none !important;
    }
    .differences h2, .partner h2, .recognition h2 {
        padding-top: 96px;
        margin-left: 15px;
        font-size: 23px;
    }
    .differences, .partner, .recognition {
        height: 155px;
    }
    .footer-download {
        height: 114px;
        background-position: center;
    }
    .footer-download h2 {
        font-size: 18px;
    }
    .textSocialMedia {
        text-align: start;
    }
    .containerBanner {
        height: 50vh;
    }
    .ButtonNav {
        display: flex;
    }
    .bgImgslide1 {
        background-image: url("../img/slide1mobile.png");
        background-size: cover;
    height: 790px;
    
    }
    .bgImgslide2 {
        background-image: url("../img/slide2mobile.png");
        background-size: cover;
        height: 790px;
    }
      
    .bgImgslide3 {
        background-image: url("../img/slide3mobile.png");
        background-size: cover;
        height: 790px;
    }
    
    .bgImgslide4 {
        background-image: url("../img/slide4mobile.png");
        background-size: cover;
        height: 790px;
    }
    .bgcontainer span {
       
        padding: 0px 50px;
    }
    .bgImgslide1 p, .bgImgslide2 p, .bgImgslide3 p, .bgImgslide4 p, .partners-bgImgslide1 p, .partners-bgImgslide2 p {
        padding: 0px 50px;
  }
  .partners-bgImgslide1{
    background-image: url("../img/partnerslide1mobile.png");
    background-size: cover;
    height: 790px;
}
.partners-bgImgslide2 {
    background-image: url("../img/partnerslide2mobile.png");
        background-size: cover;
        height: 790px;
}
.partnertext {
    margin-left: 0px;
 .btn-know-more-slide {
    width: fit-content !important;
    margin-left: 80px;
    margin-top: 20px;
  }  }
  .btn-know-more-slide {
    width: fit-content !important;
    margin-left: 80px;
    margin-top: 20px;
  }
}
@media (max-width: 450px) {
    .bgImgSlide {
        align-self: flex-end !important;
    }
    .btn-know-more-slide {
        width: fit-content !important;
        margin-left: 120px;
        margin-top: 80px;
      }
      footer .col-md-5 {
        width: 35%;
      }
      footer .col-md-7 {
        width: 65%;
        display: flex;
    flex-direction: row-reverse;
}
      
      .btn-know-more {
        display: flex;
        margin: auto;
      }
      .bgcontainer span {
       
        padding: 0px 30px;
    }
    .bgImgslide1 p, .bgImgslide2 p, .bgImgslide3 p, .bgImgslide4 p, .partners-bgImgslide1 p, .partners-bgImgslide2 p {
        padding: 0px 30px;
    }
    .bgcontainer h2{
        text-align: center;
    }
    .containerElosRaizen h2 {
        margin-top: 20px;
    }
    .containerElosRaizen img {
        margin-top: 50px;
    }
    .bgcontainer {
        margin-top: 20px;
    }
    .differences h2, .partner h2, .recognition h2 {
        padding-top: 101px;
        margin-left: 0px;
       
    }
    .differencesText {
       text-align: center;
    }
    .differencesText p:first-child {
        text-align: initial;
    }
    .containerElosRaizen P, .differencesText p {
        text-align: initial;
    }
}
@media (max-width: 398px) { 
    .btn-know-more-slide {
        margin-left: 104px;
    }
}
@media (max-width: 378px) {
    .recognition-content h3 {
        font-size: 22px;
    }
    .differences h2, .partner h2, .recognition h2 {
      
        margin-left: 0px;
       
    }
    .partners-bgImgslide1 {
        align-self: center;
    }
    .bgImgSlide:nth-child(1) {
        align-self: flex-end !important;
    }
    .bgImgslide1 p, .bgImgslide2 p, .bgImgslide3 p, .bgImgslide4 p, .partners-bgImgslide1 p, .partners-bgImgslide2 p {
        font-size: 15px;
        padding: 0px 20px;
  }
  .btn-know-more-slide {
    width: fit-content !important;
    margin-left: 90px;
    margin-top: 80px;
  }
  .bgcontainer span {
       
    padding: 0px 20px;
}

}