html {
  background-image: url('/../../assets/backgroundHome.png');
  background-attachment: fixed;
  background-size: cover;
  background-repeat: repeat;
}
html,body {
  height: 100%;
  position:relative;
}
.socialMedia {
  display:flex;
  width:97%;
  justify-content: flex-end;
}

.socialMedia .socialMediaContainer {
  display:flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.socialMedia .socialMediaContainer p {
  color: #e9e9e9;
}

.socialMedia .socialMediaContainer .socialMediaIcons {
  display:flex;
  gap: 1rem;
}

.socialMedia .socialMediaContainer .socialMediaIcons a{
  text-decoration: none;
}

.socialMedia .socialMediaContainer .socialMediaIcons img {
  width:2rem;
}

.welcome {
  margin-top:9%;
  position: absolute;
  /* background-color: green; */
  display:flex;
    /* width:85%; */
    top:4.5rem;
    right:8rem;
    justify-content: flex-end;
  }

  .welcomeContainer h1{
    color: #ffffff;
    font-size: 4rem;
    line-height: 4rem;
  }

  .welcomeContainer h1:nth-of-type(2) {
    color: #feb602;
    /* font-size: 48.3px; */
}

.welcomeContainer h3{
  color: #e9e8e8;
  margin-top:0.5rem;
  font-size: 1.4rem;
  font-weight: normal;
}

.carousel{

  user-select: none;

  position: absolute;
  bottom:1rem;
  width:85%;

}
.swiper {
  /* position: absolute; */
  width: 70%;
  padding-top: 50px;
  padding-bottom: 50px;
  /* margin:0 auto; */
  /* margin-top:9rem; */
  /* background-color: green */
}

.swiper-slide {
  background-position: center;
  background-size: cover;
  /* width: 250px;
  height: 110px; */
  display:flex;
  align-items: center;
  justify-content: center;
  width: 150px;
  height: 140px;

}

.swiper-slide img {
  display: block;
  width: 100%;
  border-radius: 4px;
  max-height:60%;
  object-fit: cover;
  min-height:60%;

}
.swiper-slide .imgDesktop {
  display:initial;
}

.swiper-button-prev, .swiper-button-next{
  color: hsl(43, 99%, 50%);
}
.swiperItemMobile {
  display:none;
}
.approvedSection {
  display:none;
}

.modal .buttonSignHome {
  height: auto;
    position: absolute;
    bottom: 10px;        
    left: 55%;
    transform: translateX(-50%);
    width: 25%;
    text-align: center;
    font-size: 18px;
}

.modal .buttonSignHome a {
  display: flex;
  align-items: center;
  text-decoration: none;
  background-color: #feb602;
  color: black;
  font-weight: bold;
  border-radius: 5px;
  padding: 0.4rem 1.8rem;
  gap: 0.5rem;
}

.carrinhoImage {
  width: 20px;
  height: 20px;
}

@media screen and (max-width:1640px) {
  html {
    background-size: 100% 100%;
  }
  .welcome {
    right:4.5rem;
  }


}
@media screen and (max-width:1280px) {
  .welcome .welcomeContainer h1 {

    font-size: 2.5rem;
    line-height: 2rem;
  }

  .welcomeContainer h3{
    color: #e9e8e8;
    margin-top:0.5rem;
    font-size: 0.879em;
    font-weight: normal;
  }
}
@media screen and (max-width:830px) {
  html {
    background-image: none;
  }

  .carousel{

    user-select: none;

    position: static;
    bottom:1rem;
    width:85%;

  }
  .welcome {
    margin:0;
    position:static;
    height:auto;

    display:flex;
    align-items: flex-start;
    justify-content: flex-start;
  }
  .welcomeContainer {
    margin-top:4rem;


  }
  .welcomeContainer h1 {
    margin:0.5rem 0 1rem 0;
  }
  .navbar {
    margin:0;
    padding:0;
  }
  .navbarMobile {
    padding:0;

    margin:0;
  }

  .container {
    padding:0;
    display:flex;
    flex-direction: column;

    margin:0;
  }
  .mainContent {

    background-image: url('/../../assets/backgroundHome.png');
    margin:0;
    border:0;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  }

  .socialMedia {
    display:none;
  }
  .welcome {

    margin:0 auto;
  }

  .welcomeContainer h1{
    color: #ffffff;
    font-size: 2.5rem;
    line-height: 2.5rem;
  }

  .welcomeContainer h1:nth-of-type(2) {
    color: #feb602;
    /* font-size: 48.3px; */
  }

  .welcomeContainer h3{
    color: #e9e8e8;
    margin-top:0.3rem;
    font-size: 0.85rem;
    font-weight: normal;
  }
  .carousel {
    margin-top:5rem;
    margin-bottom:1.5rem;
    width:100%;
  }
  .mainContent {

    /* height:100vh; */
  }
  .swiper-button-prev, .swiper-button-next {
    display:none;
  }


  .swiperItemMobile {
    display:flex;
    flex-direction: row;
    background-color: #1f2022;
    border-radius:1rem;


  }
  .swiperItemMobile .text  {
    width: 70%;
    display:flex;
    align-items: flex-start;
    flex-direction: column;
    padding: 0.8rem 1rem;

    justify-content: center;
    gap:0.5rem;
  }
  .swiperItemMobile .text span {
    color: #bbbbbb;
    width:100%;
    word-break: keep-all;
  }

  .swiperItemMobile .text a {
    text-decoration: none;
    background-color: #fab919;
    padding:0.3rem;
    border-radius:0.3rem;
    color:black;
    font-weight:bold;
  }
  .swiperItemMobile .img {
    width:30%;
    display:flex;
    border-top-right-radius: 1rem;
    border-bottom-right-radius: 1rem;
    align-items: center;
    flex-direction: column;

    background-color: #121212;
    justify-content: center;
  }

  .swiperItemMobile .img span {
    margin-top:0.5rem;
    text-align: center;

    width:100%;
    font-weight:bold;
    line-height:1.3rem;
  }

  .swiper {
    width:60%;
    /* height:600px; */
  }
  .swiper-slide {
    width:10%;
  }

  .swiper-slide .imgDesktop {
    display:none;
  }

  .welcome {
    margin-left:4rem;
    justify-content: flex-start;

  }
  .approvedSection {
    display:flex;
    background-image: url('/../../assets/Fundo-das-telas.png');
    background-size: auto;
    width:100%;
    background-repeat:repeat;
    padding:3rem 0;
  }
  .approvedContainer {
    margin:0 auto;

    width:100%;
    display:flex;
    align-items: center;
    flex-direction: column;
    background-repeat: repeat;
  }
  .approvedSection .approvedContainer .title h1 {
    color:white;
    font-weight: bold;
  }
  .approvedSection  .approvedContainer .textUnderTitle h3 {
    color:#f6b11f;
    font-weight: 200;
    font-size:0.9rem;
  }

  .approvedSection .photos {
    margin-top:2rem;
    display:flex;
    justify-content: center;
  }
  .approvedSection .photos .boxImg {
    width: 25.33%;

  }
  .approvedSection .photos .boxImg img{
    width:100%;
  }
  .sendPhoto {
    margin:2rem 0 2rem 0;
    border:0;
    outline:0;
    padding:0.5rem;
    border-radius:0.2rem;
    color:#121212;
    font-weight: bold;
    background-color: #feb602;
  }
  .swiper-slide .swiperItemMobile .img span:nth-of-type(1) {
    font-size:1.7rem !important;
  }
  .swiper-slide .swiperItemMobile .img span {
    font-size:1.45rem !important;

  }
}

@media screen and (max-width:640px) {
  html {

    background-position: center;

    background-repeat: no-repeat;
  }
  .welcome {
    width:80%;
  }
  .swiper-slide .swiperItemMobile .img span:nth-of-type(1) {
    font-size:1.3rem !important;

  }
  .swiper-slide .swiperItemMobile .img span {
    font-size:1.11rem !important;

  }

  .modal .buttonSignHome {
    bottom: 5px; /* Aumenta o espaço abaixo em telas menores */
        left: 55%;
        transform: translateX(-50%);
        font-size: 8px;
        width: 50%;
}

.carrinhoImage {
  width: 10px;
  height: 10px;
}

}
@media screen and (max-width:425px) {
  .welcomeContainer {
    margin-top:4rem;
  }
  .swiperItemMobile {

    font-size:0.8rem;
  }
  .swiperItemMobile .img span:nth-of-type(1) {
    font-size:1rem !important;
    margin:0;
  }
  .swiperItemMobile .img span:nth-of-type(2) {
    font-size:0.9rem !important;
    margin:0;

  }
  .welcome {
    /* margin-top:5rem; */
    margin-left:2rem;
    width:70%;

  }
  .welcome .welcomeContainer h1{
    font-size:1.7rem;
    line-height: 1rem;
  }
  .welcome .welcomeContainer h3{
    margin-top:1rem;
    font-size: 0.6rem;
  }

  .carousel {
    margin-top:3rem;

    margin-bottom:2rem;
  }
  .swiper {

    width: 80%;
  }
  .swiper-slide .swiperItemMobile .img span:nth-of-type(1) {
    font-size:1.7rem !important;
    margin-bottom:0.3rem;
  }
  .swiper-slide .swiperItemMobile .img span {
    font-size:1.45rem !important;

  }
/*
  .welcome {
    margin-top: 12rem;
  } */

}


@media screen and (max-width:325px) {
  .swiperItemMobile {

    font-size:0.55rem;
  }
  .swiperItemMobile .img span:nth-of-type(1) {
    font-size:1rem !important;
    margin:0;
  }
  .swiperItemMobile .img span:nth-of-type(2) {
    font-size:0.9rem !important;
    margin:0;

  }
}