@font-face {
    font-family: "angelo";
    src:
      url("../../assets/fonts/Angello/Angello.otf") format("OpenType"),
      url("../../assets/fonts/Angello/Angello.ttf") format("truetype");
}

:root{
    --angelo: "angelo";
}
.font-angelo{
    font-family: var(--angelo);    
    font-weight: 100;
}

.raleway-regular {
    font-family: "Raleway", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400; /* Regular */
    font-style: normal;
    word-break: break-word;
  }
  .raleway-bold {
    font-family: "Raleway", sans-serif;
    font-optical-sizing: auto;
    font-weight: 700; /* Bold */
    font-style: normal;
    word-break: break-word;
  }
  .raleway-light {
    font-family: "Raleway", sans-serif;
    font-optical-sizing: auto;
    font-weight: 300; /* Light */
    font-style: normal;
    word-break: break-word;
  }
  .raleway-extrabold {
    font-family: "Raleway", sans-serif;
    font-optical-sizing: auto;
    font-weight: 800; /* Extra Bold */
    font-style: normal;
    word-break: break-word;
  }
.fs-1rem{
    font-size: 1rem;
}
.fs-2rem{
    font-size: 2rem;
}
.fs-3rem{
    font-size: 3rem;
}
.fs-4rem{
    font-size: 4rem;
}
.fs-5rem{
    font-size: 5rem;
}

.min-height-450{
    min-height: 450px;
}
.max-width-400{
    max-width: 400px;
}
.max-width-450{
    max-width: 450px;
}

.swiper-satoife-carrousel {
    width: 100%;
    max-width: 500px;
    margin: 0 auto;
}
.swiper-satoife-carrousel-video {
    width: 100%;
    max-width: 700px;
    margin: 0 auto;
}
.swiper-satoife-carrousel-video video{
    max-width: 700px;
    margin: 0 auto;
}
.swiper-satoife-carrousel-apresentacao{
    width: 100%;
    max-width: 700px;
    margin: 0 auto;
}
.swiper-satoife-carrousel-apresentacao img{
    max-width: 700px;
    margin: 0 auto;
}
.swiper-satoife-carrousel-img-video{
    width: 100%;
    max-width: 450px;
    margin: 0 auto;
}
.swiper-satoife-carrousel-img-video img,
.swiper-satoife-carrousel-img-video video{
    max-width: 450px;
    margin: 0 auto;
}
.depoimentos br {
    display: block !important;
}
@media (max-width: 1249.85px){
    .satoife-hero h1,
    .satoife-section-3 h2,
    .satoife-section-4 h2,
    .satoife-section-5 h2  {
        font-size: 2.5rem;
    }
    .swiper-satoife-carrousel-img-video {
        max-width: 400px;
    }
    .swiper-satoife-carrousel-img-video video,
    .swiper-satoife-carrousel-img-video img {
        max-width: 400px;
    }
}
@media (max-width: 991.85px){
    .satoife-hero img,
    .satoife-section-1 img,
    .satoife-section-5 img {
        margin: 0 auto;
        max-width: 450px;
    }
    .gap-md-20{
        gap: 20px !important;
    }
    .flex-wrap.--start{
        justify-content: start !important;
    }
    .satoife-section-7 img {
        max-width: 100%;
    }
    .satoife-section-1 .box-ver-mais-informacao,
    .satoife-section-5 .box-ver-mais-informacao{
        width: 100%;
    }
    .satoife-section-1 .box-ver-mais-informacao span.raleway-regular,
    .satoife-section-1 .box-ver-mais-informacao span.font-angelo {
        font-size: 1rem;
    }
    .satoife-section-1 .box-ver-mais-informacao h3.raleway-regular,
    .satoife-section-1 .box-ver-mais-informacao h3.font-angelo{
        font-size: 2rem;
    }
}
@media (max-width: 849.85px){
    .satoife-section-3 .swiper-satoife-carrousel-video video,
    .satoife-section-4 video {
        max-width: 100% !important;
        margin: 0 auto;
    }
}
@media (max-width: 767.85px){
    
}
@media (max-width: 680px){
    .satoife-hero img,
    .satoife-section-1 img,
    .satoife-section-5 img {
        max-width: 100%;
    } 
    .satoife-section-1 .head-box-ver-mais,
    .satoife-section-5 .head-box-ver-mais {
        width: 100%;
        flex-direction: column;
        text-align: center;
    }
}
@media (max-width: 567.86px){
    .satoife-hero h1 {
        font-size: 2rem;
    }
    .satoife-section-1 h2,
    .satoife-section-2 h2,
    .satoife-section-3 h2,
    .satoife-section-4 h2,
    .satoife-section-5 h2,
    .satoife-section-6 h2,
    .satoife-section-7 h2 {
        font-size: 2rem;
    }
    .swiper-satoife-carrousel-img-video video, .swiper-satoife-carrousel-img-video img {
        max-width: 100%;
    }
}