/* Verbs
 On     : All inside the range of the delimitation.
 To     : All before, but not including me.
 From   : All after the start point, including the interval.
 Beyond : All after the end point, excluding the interval.
 At     : At specific width.
*/
.banner-1 {
  padding: 2.7vw 7.5vw 5.2vw 8.33vw;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.banner-1--hoteleria {
  background-image: url("../../img/banner/image-5.png");
}
.banner-1--oilgas {
  background-image: url("../../img/banner/image-1.jpg");
}
@media (min-width: 1921px) {
  .banner-1 {
    padding: 52px 144px 100px 160px;
  }
}
@media (max-width: 769px) {
  .banner-1 {
    padding: 11.73vw 4.8vw 10.13vw;
  }
}
.banner-1 .banner-container {
  max-width: 1615px;
  width: 100%;
}
@media (max-width: 769px) {
  .banner-1 .banner-container {
    justify-content: center;
  }
}
.banner-1 .banner-info {
  padding: 2.91vw 0 2vw;
}
@media (min-width: 1921px) {
  .banner-1 .banner-info {
    padding: 56px 0 40px;
  }
}
@media (max-width: 769px) {
  .banner-1 .banner-info {
    padding: 0;
    align-items: center;
  }
}
.banner-1 .banner-info h3 {
  font-size: 1.3vw;
  width: 42.9vw;
}
@media (min-width: 1921px) {
  .banner-1 .banner-info h3 {
    font-size: 25px;
    width: 824px;
  }
}
@media (max-width: 769px) {
  .banner-1 .banner-info h3 {
    font-size: 3.2vw;
    width: auto;
    text-align: center;
  }
}
.banner-1 .banner-info h3.description {
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-line-clamp: 7;
  -webkit-box-orient: vertical;
  white-space: initial;
  overflow: hidden;
}
@media (max-width: 769px) {
  .banner-1 .banner-info h3.description {
    display: flex;
  }
}
.banner-1 .banner-info h1 {
  margin: 1vw 0 3.33vw;
  font-size: 2.86vw;
  letter-spacing: 0.46vw;
}
@media (min-width: 1921px) {
  .banner-1 .banner-info h1 {
    margin: 20px 0 64px;
    font-size: 55px;
    letter-spacing: 9px;
  }
}
@media (max-width: 769px) {
  .banner-1 .banner-info h1 {
    margin: 2.66vw 0;
    font-size: 6.933vw;
    letter-spacing: 1vw;
  }
}
.banner-1 .banner-info .buttons {
  gap: 1.25vw;
}
@media (min-width: 1921px) {
  .banner-1 .banner-info .buttons {
    gap: 24px;
  }
}
@media (max-width: 769px) {
  .banner-1 .banner-info .buttons {
    justify-content: space-between;
    gap: 0;
    margin: 13.6vw 0 0;
    width: 100%;
  }
}
.banner-1 .banner-form {
  padding: 1.56vw 2.5vw;
  background: rgba(42, 54, 68, 0.6);
}
@media (min-width: 1921px) {
  .banner-1 .banner-form {
    padding: 32px 48px;
  }
}
@media (max-width: 769px) {
  .banner-1 .banner-form {
    display: none;
  }
}
.banner-1 .banner-form h3 {
  font-size: 1.3vw;
}
@media (min-width: 1921px) {
  .banner-1 .banner-form h3 {
    font-size: 25px;
  }
}
.banner-1 .banner-form p.subtitle {
  margin: 0.41vw 0 0;
  font-size: 1vw;
  width: 100%;
}
@media (min-width: 1921px) {
  .banner-1 .banner-form p.subtitle {
    margin: 8px 0 0;
    font-size: 20px;
  }
}
.banner-1 .banner-form form {
  margin: 1.66vw 0 0;
}
@media (min-width: 1921px) {
  .banner-1 .banner-form form {
    margin: 32px 0 0;
  }
}
.banner-1 .banner-form form label {
  font-size: 1vw;
}
@media (min-width: 1921px) {
  .banner-1 .banner-form form label {
    font-size: 20px;
  }
}
.banner-1 .banner-form .send {
  margin: 0.94vw 0 0;
}
@media (min-width: 1921px) {
  .banner-1 .banner-form .send {
    margin: 18px 0 0;
  }
}

.banner-2 .banner-container {
  padding: 2vw 0 4.375vw 1.56vw;
}
@media (min-width: 1921px) {
  .banner-2 .banner-container {
    padding: 40px 0 84px 30px;
  }
}
@media (max-width: 769px) {
  .banner-2 .banner-container {
    padding: 8.533vw 0 10.13vw 4.8vw;
  }
}
.banner-2 .banner-container p.categorie {
  font-size: 1vw;
  margin: 1.56vw 0 0.1vw;
}
@media (min-width: 1921px) {
  .banner-2 .banner-container p.categorie {
    margin: 32px 0 2px;
    font-size: 20px;
  }
}
@media (max-width: 769px) {
  .banner-2 .banner-container p.categorie {
    font-size: 3.2vw;
    margin: 6.8vw 0 1.6vw;
  }
}
.banner-2 .banner-container h3.name {
  font-size: 1.3vw;
  margin: 0 0 0.416vw;
  width: 16.66vw;
  height: 4.48vw;
}
@media (min-width: 1921px) {
  .banner-2 .banner-container h3.name {
    font-size: 25px;
    margin: 0 0 8px;
    width: 320px;
    height: 86px;
  }
}
@media (max-width: 769px) {
  .banner-2 .banner-container h3.name {
    font-size: 5.33vw;
    margin: 0 0 1.66vw;
    width: 55.466vw;
    height: 23.46vw;
  }
}
.banner-2 .banner-container .view-more {
  padding: 1vw 3.85vw;
}
@media (min-width: 1921px) {
  .banner-2 .banner-container .view-more {
    padding: 20px 74px;
  }
}
@media (max-width: 769px) {
  .banner-2 .banner-container .view-more {
    padding: 3.73vw 14.93vw;
  }
}
.banner-2 .ilustration {
  right: -1vw;
  height: 100%;
}
@media (min-width: 1921px) {
  .banner-2 .ilustration {
    right: -20px;
  }
}
@media (max-width: 769px) {
  .banner-2 .ilustration {
    right: -20vw;
    height: 80%;
  }
}

.card-1 {
  min-width: 18.94vw;
  min-height: 6.56vw;
  border: 0.05vw solid #202020;
}
@media (min-width: 1921px) {
  .card-1 {
    min-width: 363px;
    min-height: 126px;
    border: 1px solid #202020;
  }
}
@media (max-width: 769px) {
  .card-1 {
    width: 44.73vw;
    min-width: auto;
    height: 13.86vw;
    min-height: auto;
    border: 0.26vw solid #202020;
  }
}
.card-1 .card-container {
  padding: 1.45vw 1.56vw 1vw;
}
@media (min-width: 1921px) {
  .card-1 .card-container {
    padding: 28px 30px 20px;
  }
}
@media (max-width: 769px) {
  .card-1 .card-container {
    padding: 2.4vw 1vw 2.4vw 2.4vw;
  }
}

.card-2 {
  gap: 1vw;
}
@media (min-width: 1921px) {
  .card-2 {
    gap: 20px;
  }
}
@media (max-width: 769px) {
  .card-2 {
    gap: 3.2vw;
  }
}
.card-2.selected {
  background: #2A3644;
}
.card-2.selected .focus {
  display: flex;
}
.card-2.selected .no-focus {
  display: none;
}
.card-2.selected p {
  background: linear-gradient(#C29B56 0%, #DDC57B 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.card-2 img {
  height: 3.125vw;
}
@media (min-width: 1921px) {
  .card-2 img {
    height: 60px;
  }
}
@media (max-width: 769px) {
  .card-2 img {
    height: 10.13vw;
  }
}
.card-2 .focus {
  display: none;
}
.card-2 p {
  font-size: 0.933vw;
  color: #2A3644;
}
@media (min-width: 1921px) {
  .card-2 p {
    font-size: 18px;
  }
}
@media (max-width: 769px) {
  .card-2 p {
    font-size: 3.2vw;
  }
}

.card-3 {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 0.41vw 0;
  padding: 1.45vw 1.56vw 1.66vw;
  border: 0.05vw solid #BDBDBD;
}
@media (min-width: 1921px) {
  .card-3 {
    gap: 8px 0;
    padding: 28px 30px 32px;
    border: 1px solid #BDBDBD;
  }
}
@media (max-width: 769px) {
  .card-3 {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 10.13vw 4vw 3.2vw;
  }
}
.card-3.mode-compare .compare-select {
  display: flex;
}
.card-3.mode-compare .save, .card-3.mode-compare .documentation {
  display: none;
}
.card-3 .compare-select {
  display: none;
  grid-column: 2/3;
  grid-row: 2/3;
}
@media (max-width: 769px) {
  .card-3 .compare-select {
    position: absolute;
    align-items: flex-start;
    justify-content: end;
    padding: 3.2vw 4vw;
  }
}
.card-3 .compare-select button {
  gap: 0.41vw;
}
@media (min-width: 1921px) {
  .card-3 .compare-select button {
    gap: 8px;
  }
}
.card-3 .compare-select button i {
  font-size: 1vw;
}
@media (min-width: 1921px) {
  .card-3 .compare-select button i {
    font-size: 20px;
  }
}
@media (max-width: 769px) {
  .card-3 .compare-select button i {
    font-size: 5.33vw;
  }
}
.card-3 .compare-select button p {
  display: block;
}
@media (max-width: 769px) {
  .card-3 .compare-select button p {
    display: none;
  }
}
.card-3 .image {
  grid-column: 1/3;
  grid-row: 1/2;
  margin: 0 0 1.35vw;
  height: 7.81vw;
}
@media (min-width: 1921px) {
  .card-3 .image {
    margin: 0 0 26px;
    height: 150px;
  }
}
@media (max-width: 769px) {
  .card-3 .image {
    height: 23.46vw;
    margin: 0 0 2.66vw;
  }
}
.card-3 p {
  font-size: 0.833vw;
}
@media (min-width: 1921px) {
  .card-3 p {
    font-size: 16px;
  }
}
@media (max-width: 769px) {
  .card-3 p {
    font-size: 3.2vw;
    text-align: center;
  }
}
.card-3 .save {
  grid-column: 2/3;
  grid-row: 2/3;
}
@media (max-width: 769px) {
  .card-3 .save {
    position: absolute;
    top: 3.2vw;
    right: 4vw;
  }
}
.card-3 .save button {
  width: 1.14vw;
}
@media (min-width: 1921px) {
  .card-3 .save button {
    width: 22px;
  }
}
@media (max-width: 769px) {
  .card-3 .save button {
    width: 6.4vw;
  }
}
.card-3 .documentation {
  grid-column: 2/3;
  grid-row: 3/4;
}
.card-3 .documentation button {
  width: 1.14vw;
}
@media (min-width: 1921px) {
  .card-3 .documentation button {
    width: 22px;
  }
}
@media (max-width: 769px) {
  .card-3 .documentation button {
    display: none;
  }
}
.card-3 .name {
  grid-column: 1/2;
  grid-row: 2/3;
}
.card-3 .name .title {
  margin: 0 0 0.2vw;
}
@media (min-width: 1921px) {
  .card-3 .name .title {
    margin: 0 0 4px;
  }
}
@media (max-width: 769px) {
  .card-3 .name .title {
    margin: 0;
  }
}
.card-3 .price {
  grid-column: 1/2;
  grid-row: 3/4;
}
.card-3 .link {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 50%;
  opacity: 0;
}
@media (max-width: 769px) {
  .card-3 .link {
    top: auto;
    bottom: 0;
    height: 80%;
  }
}
.card-3 .link a {
  height: 100%;
}

.line-1 {
  height: 0.05vw;
}
@media (min-width: 1921px) {
  .line-1 {
    height: 1px;
  }
}

.line-2 {
  height: 0.1vw;
}
@media (min-width: 1921px) {
  .line-2 {
    height: 2.3px;
  }
}

.vertical-line-1 {
  width: 0.05vw;
}
@media (min-width: 1921px) {
  .vertical-line-1 {
    width: 1px;
  }
}

.slider-1 {
  height: 23.125vw;
}
@media (min-width: 1921px) {
  .slider-1 {
    height: 444px;
  }
}
@media (max-width: 769px) {
  .slider-1 {
    height: 60.8vw;
  }
}
.slider-1 .splide__list {
  gap: 0.5vw;
}
@media (min-width: 1921px) {
  .slider-1 .splide__list {
    gap: 9.6px;
  }
}
@media (max-width: 769px) {
  .slider-1 .splide__list {
    gap: 3.73vw;
  }
}
.slider-1 .item {
  margin: 0 1.66vw 0 0;
  padding: 1vw;
  width: 10.4vw;
  height: 16.15vw;
  filter: drop-shadow(0.1875vw 0.1875vw 0.3645vw rgba(0, 0, 0, 0.5));
}
@media (min-width: 1921px) {
  .slider-1 .item {
    margin: 0 23px 0 0;
    padding: 20px;
    width: 200px;
    height: 310px;
    filter: drop-shadow(3.6px 3.6px 7px rgba(0, 0, 0, 0.5));
  }
}
@media (max-width: 769px) {
  .slider-1 .item {
    margin: 0;
    padding: 5.33vw 1vw;
    width: 25.6vw;
    height: 38.93vw;
    filter: drop-shadow(0.42vw 0.42vw 0.8533vw rgba(0, 0, 0, 0.5));
  }
}
.slider-1 .item.selected {
  width: 11.979vw;
  height: 18.33vw;
  filter: drop-shadow(0.1875vw 0.1875vw 0.3645vw rgba(255, 255, 255, 0.2));
}
@media (min-width: 1921px) {
  .slider-1 .item.selected {
    width: 230px;
    height: 352px;
    filter: drop-shadow(3.6px 3.6px 7px rgba(255, 255, 255, 0.2));
  }
}
@media (max-width: 769px) {
  .slider-1 .item.selected {
    width: 28.26vw;
    height: 42.66vw;
    filter: drop-shadow(0.48vw 0.48vw 0.96vw rgba(255, 255, 255, 0.2));
  }
}
.slider-1 .item.selected .name {
  font-size: 1vw;
}
@media (min-width: 1921px) {
  .slider-1 .item.selected .name {
    font-size: 20px;
  }
}
@media (max-width: 769px) {
  .slider-1 .item.selected .name {
    font-size: 4vw;
  }
}
.slider-1 .item.selected .desc {
  font-size: 0.73vw;
}
@media (min-width: 1921px) {
  .slider-1 .item.selected .desc {
    font-size: 14px;
  }
}
@media (max-width: 769px) {
  .slider-1 .item.selected .desc {
    font-size: 3.2vw;
  }
}
.slider-1 .item p .name {
  font-size: 0.83vw;
}
@media (min-width: 1921px) {
  .slider-1 .item p .name {
    font-size: 16px;
  }
}
@media (max-width: 769px) {
  .slider-1 .item p .name {
    font-size: 3.2vw;
  }
}
.slider-1 .item p .desc {
  font-size: 0.651vw;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  white-space: initial;
  overflow: hidden;
}
@media (min-width: 1921px) {
  .slider-1 .item p .desc {
    font-size: 12.5px;
  }
}
@media (max-width: 769px) {
  .slider-1 .item p .desc {
    font-size: 2.66vw;
  }
}
.slider-1 .splide__arrows {
  position: absolute;
  left: 0;
  bottom: 0;
  gap: 1.66vw;
}
@media (min-width: 1921px) {
  .slider-1 .splide__arrows {
    gap: 32px;
  }
}
@media (max-width: 769px) {
  .slider-1 .splide__arrows {
    right: 0;
    justify-content: center;
    gap: 8.533vw;
  }
}
.slider-1 .splide__arrows button {
  position: relative;
  top: auto;
  left: auto;
  right: auto;
  transform: none;
  opacity: 1;
  width: 2vw;
  height: auto;
}
@media (min-width: 1921px) {
  .slider-1 .splide__arrows button {
    width: 40px;
  }
}
@media (max-width: 769px) {
  .slider-1 .splide__arrows button {
    width: 10.66vw;
  }
}
.slider-1 .line {
  left: 7.4vw;
  bottom: 0.7vw;
  width: 74%;
}
@media (min-width: 1921px) {
  .slider-1 .line {
    left: 142px;
    bottom: 13.44px;
  }
}
@media (max-width: 769px) {
  .slider-1 .line {
    display: none;
  }
}
.slider-1 .splide__pagination {
  position: absolute;
  left: auto;
  right: 1vw;
  bottom: -0.5vw;
  padding: 0;
}
@media (min-width: 1921px) {
  .slider-1 .splide__pagination {
    gap: 40px;
  }
}
.slider-1 .splide__pagination .splide__pagination__page {
  font-size: 1.822vw;
  font-weight: 700;
  width: auto;
  height: auto;
  color: #E2E0E0;
  background: none;
}
@media (min-width: 1921px) {
  .slider-1 .splide__pagination .splide__pagination__page {
    font-size: 35px;
  }
}
@media (max-width: 769px) {
  .slider-1 .splide__pagination {
    display: none;
  }
}

.slider-2 .splide__arrow {
  width: 1.56vw;
}
@media (min-width: 1921px) {
  .slider-2 .splide__arrow {
    width: 30px;
  }
}
@media (max-width: 769px) {
  .slider-2 .splide__arrow {
    display: none;
  }
}
.slider-2 .splide__slide {
  font-size: 1vw;
  margin: 0 3.5vw;
}
@media (min-width: 1921px) {
  .slider-2 .splide__slide {
    font-size: 20px;
    margin: 0 65px;
  }
}
@media (max-width: 769px) {
  .slider-2 .splide__slide {
    font-size: 4vw;
    margin: 0 4vw;
  }
}
.slider-2 .splide__slide img {
  margin: 0 0 0.5vw;
  height: 8.33vw;
}
@media (min-width: 1921px) {
  .slider-2 .splide__slide img {
    margin: 0 0 10px;
    height: 160px;
  }
}
@media (max-width: 769px) {
  .slider-2 .splide__slide img {
    margin: 0 0 2.66vw;
    height: 26.66vw;
  }
}
.slider-2 .splide__slide .desc {
  margin: 0 0 0.5vw;
}
@media (min-width: 1921px) {
  .slider-2 .splide__slide .desc {
    margin: 0 0 10px;
  }
}
@media (max-width: 769px) {
  .slider-2 .splide__slide .desc {
    margin: 0 0 4vw;
  }
}
.slider-2 .splide__slide .view-more {
  margin: 1.14vw 0 0;
  padding: 1vw 3.95vw;
}
@media (min-width: 1921px) {
  .slider-2 .splide__slide .view-more {
    margin: 22px 0 0;
    padding: 20px 76px;
  }
}
@media (max-width: 769px) {
  .slider-2 .splide__slide .view-more {
    margin: 5.866vw 0 0;
    padding: 3.733vw 14.4vw;
  }
}

.slider-thumbnails {
  display: flex;
  flex-direction: column;
  gap: 3.85vw;
}
@media (min-width: 1921px) {
  .slider-thumbnails {
    gap: 74px;
  }
}
.slider-thumbnails .thumbnails .splide__arrow {
  width: 1.66vw;
}
@media (min-width: 1921px) {
  .slider-thumbnails .thumbnails .splide__arrow {
    width: 32px;
  }
}
.slider-thumbnails .thumbnails .splide__arrow.splide__arrow--prev {
  left: -3vw;
}
@media (min-width: 1921px) {
  .slider-thumbnails .thumbnails .splide__arrow.splide__arrow--prev {
    left: -57.6px;
  }
}
.slider-thumbnails .thumbnails .splide__arrow.splide__arrow--next {
  right: -3vw;
}
@media (min-width: 1921px) {
  .slider-thumbnails .thumbnails .splide__arrow.splide__arrow--next {
    right: -57.6px;
  }
}
.slider-thumbnails .thumbnails .splide__track {
  height: 10vw;
}
@media (min-width: 1921px) {
  .slider-thumbnails .thumbnails .splide__track {
    height: 192px;
  }
}
.slider-thumbnails .thumbnails .splide__list {
  display: flex;
  align-items: center;
  gap: 0.933vw;
}
@media (min-width: 1921px) {
  .slider-thumbnails .thumbnails .splide__list {
    gap: 18px;
  }
}
.slider-thumbnails .thumbnails .splide__slide {
  padding: 0.933vw;
  min-width: 9.8vw;
  height: 9.27vw;
  border: 0.05vw solid #C29B56;
  border-radius: 0.26vw;
}
@media (min-width: 1921px) {
  .slider-thumbnails .thumbnails .splide__slide {
    padding: 18px;
    min-width: 188px;
    height: 178px;
    border: 1px solid #C29B56;
    border-radius: 5px;
  }
}
.slider-thumbnails .thumbnails .splide__slide.selected {
  border: 0.15vw solid #C29B56;
}
@media (min-width: 1921px) {
  .slider-thumbnails .thumbnails .splide__slide.selected {
    border: 3px solid #C29B56;
  }
}

.badge-1 {
  padding: 0.41vw 0.833vw;
}
@media (min-width: 1921px) {
  .badge-1 {
    padding: 8px 15px;
  }
}
@media (max-width: 769px) {
  .badge-1 {
    padding: 1.6vw 5.866vw;
  }
}
.badge-1 p {
  font-size: 0.933vw;
  letter-spacing: 0.125vw;
}
@media (min-width: 1921px) {
  .badge-1 p {
    font-size: 18px;
    letter-spacing: 2.4px;
  }
}
@media (max-width: 769px) {
  .badge-1 p {
    font-size: 3.2vw;
    letter-spacing: 130%;
  }
}

.table-1 {
  display: flex;
  align-items: center;
  padding: 0.3125vw 1.77vw;
  border: 0.05vw solid #BDBDBD;
}
@media (min-width: 1921px) {
  .table-1 {
    padding: 6px 34px;
    border: 1px solid #BDBDBD;
  }
}
@media (max-width: 769px) {
  .table-1 {
    padding: 5.33vw 4.8vw;
    border: 0.266vw solid #BDBDBD;
  }
}
.table-1.mode-compare .compare-select {
  display: flex;
}
@media (max-width: 769px) {
  .table-1.mode-compare .image {
    margin: 0 0 0 10vw;
  }
}
@media (max-width: 769px) {
  .table-1.mode-compare .documentation, .table-1.mode-compare .save, .table-1.mode-compare .link {
    display: none;
  }
}
.table-1 .image {
  width: 15%;
  aspect-ratio: 16/9;
}
@media (min-width: 1921px) {
  .table-1 .image {
    width: 124px;
    height: 126px;
  }
}
@media (max-width: 769px) {
  .table-1 .image {
    width: 26.66vw;
    height: 13.33vw;
  }
}
.table-1 .name {
  width: 100%;
}
.table-1 .name p {
  font-size: 1rem;
  padding: 15px;
}
@media (min-width: 1921px) {
  .table-1 .name p {
    font-size: 18px;
    margin: 0 10px 0 30px;
  }
}
@media (max-width: 769px) {
  .table-1 .name p {
    font-size: 3.2vw;
    margin: 0 0 0 4vw;
  }
}
.table-1 .price {
  max-width: 15%;
  width: 100%;
  text-align: center;
}
.table-1 .price p {
  font-size: 0.8rem;
  font-weight: 500;
}
@media (min-width: 1921px) {
  .table-1 .price p {
    font-size: 16px;
  }
}
.table-1 .icon {
  padding: 0 0.4166vw;
}
@media (min-width: 1921px) {
  .table-1 .icon {
    padding: 0 8px;
  }
}
@media (max-width: 769px) {
  .table-1 .icon {
    margin: 0 0 0 auto;
    padding: 1vw;
  }
}
.table-1 .icon button {
  width: 1vw;
}
@media (min-width: 1921px) {
  .table-1 .icon button {
    width: 20px;
  }
}
@media (max-width: 769px) {
  .table-1 .icon button {
    width: 5.83vw;
  }
}
.table-1 .action {
  width: 180px;
  margin: 14px 20px;
}
@media (min-width: 1921px) {
  .table-1 .action {
    margin: 0 22px;
  }
}
@media (max-width: 769px) {
  .table-1 .action {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    margin: 0;
    width: 80%;
    z-index: 5;
  }
}
.table-1 .action .view-more {
  min-width: auto;
  min-height: auto;
  font-size: 0.625vw;
  width: 100%;
  height: 0.3vw;
}
@media (min-width: 1921px) {
  .table-1 .action .view-more {
    font-size: 12px;
    height: 10px;
  }
}
@media (max-width: 769px) {
  .table-1 .action .view-more {
    padding: 0;
    opacity: 0;
    height: 100%;
  }
}
@media (max-width: 769px) {
  .table-1 .documentation {
    display: none;
  }
}
.table-1 .compare-select {
  display: none;
  margin: 0 1.35vw 0 0;
}
@media (min-width: 1921px) {
  .table-1 .compare-select {
    margin: 0 26px 0 0;
  }
}
@media (max-width: 769px) {
  .table-1 .compare-select {
    margin: 0 0 0 5.866vw;
  }
}
.table-1 .compare-select button i {
  font-size: 1.3vw;
}
@media (min-width: 1921px) {
  .table-1 .compare-select button i {
    font-size: 26px;
  }
}
@media (max-width: 769px) {
  .table-1 .compare-select button i {
    font-size: 5.33vw;
  }
}
.table-1 .compare-select button p {
  display: none;
}

.pagination-1 {
  display: flex;
  gap: 0.05vw;
  border: 0.05vw solid #E2E0E0;
  background: #E2E0E0;
}
@media (min-width: 1921px) {
  .pagination-1 {
    border: 1px solid #E2E0E0;
    gap: 1px;
  }
}
@media (max-width: 769px) {
  .pagination-1 {
    gap: 0.266vw;
    justify-content: space-between;
    width: 100%;
    border: 0.266vw solid #E2E0E0;
  }
}

.page-1 {
  display: flex;
  align-self: center;
  justify-content: center;
  width: 4.166vw;
  height: 4.166vw;
  font-size: 0.933vw;
  background: #FFFFFF;
  border: none;
  cursor: pointer;
}
@media (min-width: 1921px) {
  .page-1 {
    width: 80px;
    height: 80px;
    font-size: 18px;
  }
}
@media (max-width: 769px) {
  .page-1 {
    height: 16vw;
    font-size: 3.733vw;
    width: inherit;
  }
}
.page-1:hover {
  background: rgb(224, 224, 224);
}
.page-1.selected {
  color: #C29B56;
  background: #2A3644;
}

.action-page {
  width: 100%;
}
@media (max-width: 769px) {
  .action-page img {
    width: 5.33vw;
  }
}

.paginaArrow {
  height: 100%;
  width: 100%;
  border: 0px;
}
.paginaArrow:hover {
  background-color: rgb(29, 56, 103);
}

.scrolleo {
  overflow-y: auto;
  max-height: 40vh;
}

.display-products .sidebar-filter {
  max-height: 96%;
}

.paginacion {
  display: flex;
}
@media (max-width: 769px) {
  .paginacion {
    margin: auto;
  }
  .paginacion a button {
    width: 10vw;
  }
}

.commentary-1 {
  display: grid;
  grid-template-columns: auto auto 1fr;
  grid-auto-flow: row;
  gap: 0.5vw 1vw;
}
@media (min-width: 1921px) {
  .commentary-1 {
    gap: 10px 20px;
  }
}
@media (max-width: 769px) {
  .commentary-1 {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2.33vw;
  }
}
.commentary-1 .user-img {
  width: 2.86vw;
}
@media (min-width: 1921px) {
  .commentary-1 .user-img {
    width: 55px;
  }
}
@media (max-width: 769px) {
  .commentary-1 .user-img {
    display: none;
  }
}
.commentary-1 .name, .commentary-1 .description {
  font-size: 1vw;
}
@media (min-width: 1921px) {
  .commentary-1 .name, .commentary-1 .description {
    font-size: 20px;
  }
}
@media (max-width: 769px) {
  .commentary-1 .name, .commentary-1 .description {
    font-size: 4vw;
    text-align: center;
  }
}
.commentary-1 .stars {
  gap: 0.625vw;
}
@media (min-width: 1921px) {
  .commentary-1 .stars {
    gap: 12px;
  }
}
@media (max-width: 769px) {
  .commentary-1 .stars {
    gap: 2.33vw;
  }
}
.commentary-1 .star {
  width: 1.35vw;
}
@media (min-width: 1921px) {
  .commentary-1 .star {
    width: 26px;
  }
}
@media (max-width: 769px) {
  .commentary-1 .star {
    width: 4.48vw;
  }
}

.menu-1 {
  justify-content: space-between;
}
@media (min-width: 1921px) {
  .menu-1 {
    justify-content: start;
  }
}
.menu-1 .menu-item {
  display: flex;
  align-items: center;
  padding: 1.45vw;
  border: 0.05vw solid #BDBDBD;
}
@media (min-width: 1921px) {
  .menu-1 .menu-item {
    padding: 27.48px;
    border: 1px solid #BDBDBD;
  }
}
@media (max-width: 769px) {
  .menu-1 .menu-item {
    padding: 4.8vw;
    border: 0.266vw solid #BDBDBD;
  }
}
.menu-1 .menu-item.item-hover:hover {
  background: rgba(189, 189, 189, 0.15);
}
.menu-1 .menu-item.menu-title {
  min-width: 11vw;
}
@media (min-width: 1921px) {
  .menu-1 .menu-item.menu-title {
    min-width: 270px;
  }
}
.menu-1 .menu-item.menu-title p {
  font-size: 1vw;
  margin: 0 0 0 1.6vw;
}
@media (min-width: 1921px) {
  .menu-1 .menu-item.menu-title p {
    font-size: 20px;
    margin: 0 0 0 30.72px;
  }
}
.menu-1 .menu-item.reload {
  font-size: 1.56vw;
}
@media (min-width: 1921px) {
  .menu-1 .menu-item.reload {
    font-size: 30px;
  }
}
.menu-1 .menu-item.order-by {
  width: 18.9vw;
}
@media (min-width: 1921px) {
  .menu-1 .menu-item.order-by {
    width: 342px;
  }
}
@media (max-width: 769px) {
  .menu-1 .menu-item.order-by {
    width: auto;
  }
}
.menu-1 .menu-item.view-quantity {
  width: 18.75vw;
}
@media (min-width: 1921px) {
  .menu-1 .menu-item.view-quantity {
    width: 344px;
  }
}
@media (max-width: 769px) {
  .menu-1 .menu-item.view-quantity {
    width: auto;
  }
}
.menu-1 .menu-item.order-style.selected .focus {
  display: flex;
}
.menu-1 .menu-item.order-style.selected .no-focus {
  display: none;
}
.menu-1 .menu-item.order-style:not(.selected) .focus {
  display: none;
}
.menu-1 .menu-item.order-style:not(.selected) .no-focus {
  display: flex;
}
.menu-1 .menu-item.order-style .icon {
  width: 1.56vw;
}
@media (min-width: 1921px) {
  .menu-1 .menu-item.order-style .icon {
    width: 30px;
  }
}
.menu-1 .menu-item.compare.selected {
  background: #2A3644;
  color: #E2E0E0;
}
.menu-1 .menu-item.compare, .menu-1 .menu-item.display-style {
  gap: 1.56vw;
  width: 12.8vw;
  font-size: 0.933vw;
}
@media (min-width: 1921px) {
  .menu-1 .menu-item.compare, .menu-1 .menu-item.display-style {
    gap: 30px;
    width: 228px;
    font-size: 18px;
  }
}
@media (max-width: 769px) {
  .menu-1 .menu-item.compare, .menu-1 .menu-item.display-style {
    width: auto;
  }
}
.menu-1 .menu-item.compare .icon, .menu-1 .menu-item.display-style .icon {
  width: 1vw;
}
@media (min-width: 1921px) {
  .menu-1 .menu-item.compare .icon, .menu-1 .menu-item.display-style .icon {
    width: 20px;
  }
}
@media (max-width: 769px) {
  .menu-1 .menu-item.compare .icon, .menu-1 .menu-item.display-style .icon {
    width: 4.8vw;
  }
}
.menu-1 .menu-item.reload.fix-01 {
  font-size: 4vw;
}

.menu-2 {
  position: relative;
  border-bottom: 0.15vw solid #2A3644;
}
@media (min-width: 1921px) {
  .menu-2 {
    border-bottom: 3px solid #2A3644;
  }
}
@media (max-width: 769px) {
  .menu-2 {
    border: none;
  }
}
.menu-2 .selected {
  display: none;
  font-size: 3.2vw;
}
@media (max-width: 769px) {
  .menu-2 .selected {
    display: flex;
    padding: 5.33vw 5.866vw;
    border-radius: 2.66vw;
  }
}
.menu-2 .options {
  display: flex;
}
@media (max-width: 769px) {
  .menu-2 .options {
    position: absolute;
    top: 100%;
    display: none;
    flex-direction: column;
  }
}
.menu-2 .item {
  font-size: 1.3vw;
  font-weight: 500;
  padding: 1vw 2.6vw;
  color: #2A3644;
  background: none;
  border-top-left-radius: 0.5vw;
  border-top-right-radius: 0.5vw;
}
@media (min-width: 1921px) {
  .menu-2 .item {
    font-size: 25px;
    padding: 20px 50px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
  }
}
@media (max-width: 769px) {
  .menu-2 .item {
    font-size: 3.2vw;
    padding: 4.8vw 0;
    width: 100%;
    color: #E2E0E0;
    background: #2A3644;
    border: 0.266vw solid #E2E0E0;
    border-radius: 0;
  }
}
.menu-2 .item.active {
  font-weight: 700;
  color: #E2E0E0;
  background: #2A3644;
}
@media (max-width: 769px) {
  .menu-2 .item.active {
    display: none;
  }
}

.popup {
  position: fixed;
  top: 0;
  left: 0;
  display: none;
  align-items: center;
  justify-content: center;
  width: 100vw;
  height: 100vh;
  z-index: 1001;
}
.popup .popup-container {
  padding: 3.125vw;
  max-height: calc(98vh - 6.25vw);
  overflow-y: auto;
  z-index: 1002;
}
@media (min-width: 1921px) {
  .popup .popup-container {
    padding: 60px;
    max-height: calc(98vh - 120px);
  }
}
@media (max-width: 769px) {
  .popup .popup-container {
    padding: 5.866vw 2.133vw;
    max-height: calc(98vh - 11.732vw);
  }
}
.popup .popup-padding-none {
  padding: 0 !important;
}
.popup .popup-background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  z-index: 1001;
  cursor: pointer;
}
.popup .close-icon {
  top: 1vw;
  right: 1vw;
}
@media (min-width: 1921px) {
  .popup .close-icon {
    top: 20px;
    right: 20px;
  }
}
@media (max-width: 769px) {
  .popup .close-icon {
    top: 2.133vw;
    right: 2.133vw;
    padding: 2vw;
  }
}
.popup .close-icon i {
  font-size: 2.18vw;
}
@media (min-width: 1921px) {
  .popup .close-icon i {
    font-size: 42px;
  }
}
@media (max-width: 769px) {
  .popup .close-icon i {
    font-size: 6vw;
  }
}

.popup-view-product img {
  width: 90vw;
}

.popup-request-product .title,
.popup-consult-product .title {
  grid-column: 1/3;
  font-size: 1vw;
  margin: 0 0 1.66vw;
}
@media (min-width: 1921px) {
  .popup-request-product .title,
  .popup-consult-product .title {
    font-size: 20px;
    margin: 0 0 32px;
  }
}
@media (max-width: 769px) {
  .popup-request-product .title,
  .popup-consult-product .title {
    grid-column: 1/2;
    font-size: 3.2vw;
    margin: 0 auto 3.2vw;
    width: 60vw;
  }
}
.popup-request-product .sub-title,
.popup-consult-product .sub-title {
  grid-column: 1/3;
  font-size: 1vw;
  margin: 1.35vw 0 0.78vw;
}
@media (min-width: 1921px) {
  .popup-request-product .sub-title,
  .popup-consult-product .sub-title {
    font-size: 20px;
    margin: 26px 0 15px;
  }
}
@media (max-width: 769px) {
  .popup-request-product .sub-title,
  .popup-consult-product .sub-title {
    grid-column: 1/2;
    font-size: 3.2vw;
    margin: 5.866vw 0 3.2vw;
  }
}
.popup-request-product .grid,
.popup-consult-product .grid {
  grid-template-columns: repeat(2, 17.7vw);
  gap: 0.933vw 1.98vw;
}
@media (min-width: 1921px) {
  .popup-request-product .grid,
  .popup-consult-product .grid {
    grid-template-columns: repeat(2, 340px);
    gap: 18px 38px;
  }
}
@media (max-width: 769px) {
  .popup-request-product .grid,
  .popup-consult-product .grid {
    grid-template-columns: 90.66vw;
    gap: 2.133vw;
  }
}
.popup-request-product .gc-left,
.popup-consult-product .gc-left {
  grid-column: 1/2;
}
@media (max-width: 769px) {
  .popup-request-product .gc-left,
  .popup-consult-product .gc-left {
    grid-column: 1/2;
  }
}
.popup-request-product .gc-right,
.popup-consult-product .gc-right {
  grid-column: 2/3;
}
@media (max-width: 769px) {
  .popup-request-product .gc-right,
  .popup-consult-product .gc-right {
    grid-column: 1/2;
  }
}
.popup-request-product .gc-all,
.popup-consult-product .gc-all {
  grid-column: 1/3;
}
@media (max-width: 769px) {
  .popup-request-product .gc-all,
  .popup-consult-product .gc-all {
    grid-column: 1/2;
  }
}
.popup-request-product .send,
.popup-consult-product .send {
  padding: 1.14vw 4.375vw;
}
@media (min-width: 1921px) {
  .popup-request-product .send,
  .popup-consult-product .send {
    padding: 22px 84px;
  }
}
@media (max-width: 769px) {
  .popup-request-product .send,
  .popup-consult-product .send {
    padding: 3.733vw 16vw;
  }
}

@media (max-width: 769px) {
  .popup-attention .popup-container {
    gap: 2.133vw;
  }
}
@media (max-width: 769px) {
  .popup-attention .title {
    font-size: 4vw;
  }
}
@media (max-width: 769px) {
  .popup-attention .description {
    font-size: 3.2vw;
  }
}
@media (max-width: 769px) {
  .popup-attention form {
    gap: 2.133vw;
  }
}
@media (max-width: 769px) {
  .popup-attention .send {
    margin: 1vw auto 0;
    font-size: 3.2vw;
    width: 42.66vw;
    height: 11.73vw;
  }
}

@media (max-width: 769px) {
  .popup-compare .popup-container {
    width: 100%;
  }
}
.popup-compare .grid {
  grid-template-columns: auto 1fr;
  grid-gap: 2vw 1.14vw;
}
@media (min-width: 1921px) {
  .popup-compare .grid {
    gap: 40px 22px;
  }
}
@media (max-width: 769px) {
  .popup-compare .grid {
    grid-template-columns: auto;
    gap: 12.26vw;
  }
}
.popup-compare .title {
  grid-column: 1/2;
  grid-row: 1/2;
  gap: 2.3vw;
}
@media (min-width: 1921px) {
  .popup-compare .title {
    gap: 44px;
  }
}
@media (max-width: 769px) {
  .popup-compare .title {
    margin: 0 auto;
  }
}
.popup-compare .title .icon {
  width: 2.7vw;
}
@media (min-width: 1921px) {
  .popup-compare .title .icon {
    width: 52px;
  }
}
@media (max-width: 769px) {
  .popup-compare .title .icon {
    display: none;
  }
}
.popup-compare .title p {
  font-size: 0.933vw;
}
@media (min-width: 1921px) {
  .popup-compare .title p {
    font-size: 18px;
  }
}
@media (max-width: 769px) {
  .popup-compare .title p {
    font-size: 3.2vw;
  }
}
.popup-compare .view-products {
  grid-column: 2/3;
  grid-row: 1/2;
  gap: 0.085vw;
}
@media (min-width: 1921px) {
  .popup-compare .view-products {
    gap: 1.632px;
  }
}
@media (max-width: 769px) {
  .popup-compare .view-products {
    grid-column: 1/2;
    grid-row: 2/3;
    gap: 0.266vw;
    width: 100%;
    overflow: hidden;
  }
}
.popup-compare .item {
  padding: 0 6vw 0 3vw;
  width: 14.58vw;
  gap: 1vw;
}
@media (min-width: 1921px) {
  .popup-compare .item {
    padding: 0 116px 0 58px;
    width: 280px;
    gap: 20px;
  }
}
@media (max-width: 769px) {
  .popup-compare .item {
    padding: 0;
    width: 32vw;
    gap: 1.6vw;
  }
}
.popup-compare .item .delete {
  right: 3vw;
}
@media (min-width: 1921px) {
  .popup-compare .item .delete {
    right: 60px;
  }
}
@media (max-width: 769px) {
  .popup-compare .item .delete {
    display: none;
  }
}
.popup-compare .item .delete .icon {
  font-size: 1.979vw;
}
@media (min-width: 1921px) {
  .popup-compare .item .delete .icon {
    font-size: 38px;
  }
}
@media (max-width: 769px) {
  .popup-compare .item .delete .icon {
    font-size: 4.266vw;
  }
}
.popup-compare .item .preview {
  width: 100%;
  height: 13vw;
}
@media (min-width: 1921px) {
  .popup-compare .item .preview {
    height: 250px;
  }
}
@media (max-width: 769px) {
  .popup-compare .item .preview {
    height: 26.133vw;
  }
}
.popup-compare .item p {
  font-size: 1vw;
  gap: 0.73vw;
}
@media (min-width: 1921px) {
  .popup-compare .item p {
    font-size: 20px;
    gap: 14px;
  }
}
@media (max-width: 769px) {
  .popup-compare .item p {
    font-size: 3.2vw;
    gap: 1.6vw;
  }
}
.popup-compare .item .stars {
  gap: 0.625vw;
}
@media (min-width: 1921px) {
  .popup-compare .item .stars {
    gap: 12px;
  }
}
@media (max-width: 769px) {
  .popup-compare .item .stars {
    gap: 0.53vw;
  }
}
.popup-compare .item .star {
  width: 1.35vw;
}
@media (min-width: 1921px) {
  .popup-compare .item .star {
    width: 26px;
  }
}
@media (max-width: 769px) {
  .popup-compare .item .star {
    width: 3.73vw;
  }
}
.popup-compare .atributes {
  grid-column: 1/3;
  grid-row: 2/3;
}
@media (max-width: 769px) {
  .popup-compare .atributes {
    grid-column: 1/2;
    grid-row: 3/4;
  }
}
.popup-compare .atributes h4 {
  font-size: 0.933vw;
  margin: 0 0 1.56vw;
}
@media (min-width: 1921px) {
  .popup-compare .atributes h4 {
    font-size: 18px;
    margin: 0 0 30px;
  }
}
@media (max-width: 769px) {
  .popup-compare .atributes h4 {
    font-size: 3.2vw;
    margin: 0 0 5.33vw;
    text-align: center;
  }
}
.popup-compare .atributes table.two tr.titles {
  width: 8vw;
}
@media (max-width: 769px) {
  .popup-compare .atributes table.two tr.titles {
    width: 152px;
  }
}
@media (max-width: 769px) {
  .popup-compare .atributes table.two tr.titles {
    width: 30vw;
  }
}
.popup-compare .atributes table.two tr:not(.titles) {
  width: 18vw;
}
@media (max-width: 769px) {
  .popup-compare .atributes table.two tr:not(.titles) {
    width: 304px;
  }
}
@media (max-width: 769px) {
  .popup-compare .atributes table.two tr:not(.titles) {
    width: 30vw;
  }
}
.popup-compare .atributes table.three tr.titles {
  width: 8vw;
}
@media (min-width: 1921px) {
  .popup-compare .atributes table.three tr.titles {
    width: 152px;
  }
}
@media (max-width: 769px) {
  .popup-compare .atributes table.three tr.titles {
    width: auto;
  }
}
.popup-compare .atributes table.three tr:not(.titles) {
  width: 18vw;
}
@media (min-width: 1921px) {
  .popup-compare .atributes table.three tr:not(.titles) {
    width: 344px;
  }
}
@media (max-width: 769px) {
  .popup-compare .atributes table.three tr:not(.titles) {
    width: auto;
  }
}
.popup-compare .atributes table thead {
  display: none;
}
@media (max-width: 769px) {
  .popup-compare .atributes table thead {
    display: table-header-group;
  }
}
.popup-compare .atributes table thead tr {
  display: table-row;
}
.popup-compare .atributes table thead tr th {
  font-size: 3.2vw;
}
.popup-compare .atributes table tbody tr {
  display: table-cell;
}
.popup-compare .atributes table tbody tr:not(.titles) {
  text-align: center;
}
.popup-compare .atributes table tbody tr td {
  display: block;
  padding: 0.4166vw 0;
  border-bottom: 0.05vw solid #2A3644;
}
@media (min-width: 1921px) {
  .popup-compare .atributes table tbody tr td {
    padding: 8px 0;
    border-bottom: 1px solid #2A3644;
  }
}
@media (max-width: 769px) {
  .popup-compare .atributes table tbody tr td {
    padding: 2.66vw 0;
    border-bottom: 0.266vw solid #2A3644;
  }
}
.popup-compare .atributes table tbody tr p {
  font-size: 0.933vw;
}
@media (min-width: 1921px) {
  .popup-compare .atributes table tbody tr p {
    font-size: 18px;
  }
}
@media (max-width: 769px) {
  .popup-compare .atributes table tbody tr p {
    font-size: 3.2vw;
  }
}
.popup-compare .send {
  grid-column: 1/3;
  padding: 1.14vw 5.2vw;
}
@media (min-width: 1921px) {
  .popup-compare .send {
    padding: 22px 100px;
  }
}
@media (max-width: 769px) {
  .popup-compare .send {
    grid-column: 1/2;
    grid-row: 4/5;
    padding: 3.73vw 17vw;
  }
}

.popup-error-compare .popup-container {
  gap: 2.3vw 0;
}
@media (min-width: 1921px) {
  .popup-error-compare .popup-container {
    gap: 44px 0;
  }
}
@media (max-width: 769px) {
  .popup-error-compare .popup-container {
    padding: 11.2vw;
    gap: 10.66vw;
  }
}
.popup-error-compare .alert {
  width: 4vw;
}
@media (min-width: 1921px) {
  .popup-error-compare .alert {
    width: 77px;
  }
}
@media (max-width: 769px) {
  .popup-error-compare .alert {
    margin: 0 auto;
    width: 14vw;
  }
}
.popup-error-compare p {
  font-size: 0.833vw;
  width: 38.5vw;
}
@media (min-width: 1921px) {
  .popup-error-compare p {
    font-size: 18px;
    width: 740px;
  }
}
@media (max-width: 769px) {
  .popup-error-compare p {
    font-size: 4.266vw;
    width: 72vw;
  }
}
.popup-error-compare .icon {
  font-size: 1vw;
}
@media (min-width: 1921px) {
  .popup-error-compare .icon {
    font-size: 20vw;
  }
}
@media (max-width: 769px) {
  .popup-error-compare .icon {
    font-size: 4vw;
  }
}
.popup-error-compare .send {
  padding: 1.14vw 3.75vw;
}
@media (min-width: 1921px) {
  .popup-error-compare .send {
    padding: 22px 72px;
  }
}
@media (max-width: 769px) {
  .popup-error-compare .send {
    padding: 3.733vw 13.33vw;
  }
}

.popup-login {
  background: white;
  display: none;
  position: absolute;
  padding: 2vw;
  box-shadow: 0 0.5vw 0.5vw rgba(0, 0, 0, 0.25);
  border-radius: 0.5vw;
  flex-direction: column;
  transform: translateX(-50%);
  border-radius: 5%;
}
.popup-login__label {
  font-weight: 600;
  font-size: 0.8rem;
  text-align: center;
}
.popup-login__cta:hover {
  background-color: rgb(26, 52, 181) !important;
}

.image-animation-1 {
  position: relative;
  justify-content: center;
}
.image-animation-1 .hover-animation {
  position: absolute;
  top: 0;
  opacity: 0;
  transition: 0.3s all ease;
  font-size: 1vw;
}
@media (min-width: 1921px) {
  .image-animation-1 .hover-animation {
    font-size: 20px;
  }
}
@media (max-width: 769px) {
  .image-animation-1 .hover-animation {
    font-size: 3.2vw;
  }
}
.image-animation-1:hover .hover-animation {
  top: 100%;
  opacity: 1;
  transition: 0.3s all ease;
}

.search-bar {
  position: absolute;
  inset: 0px;
  width: 100%;
  z-index: 11;
  background-color: #2a3644;
  display: none;
  align-items: center;
  justify-content: center;
}
.search-bar__bar-container {
  display: flex;
  background-color: transparent;
  height: 46%;
  -moz-column-gap: 14px;
       column-gap: 14px;
  max-width: 1625px;
  width: 75%;
}
@media (max-width: 769px) {
  .search-bar__bar-container {
    height: 75%;
    width: 90%;
  }
}
@media (min-width: 280px) and (max-width: 420px) {
  .search-bar__bar-container {
    height: 90%;
    width: 97%;
  }
}
.search-bar__cta-container {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0px 5px;
}
.search-bar__search-icon {
  height: 69%;
  align-self: center;
}
.search-bar__search-bar {
  border-radius: 12px;
  border: 0px;
  width: 100%;
  padding: 0px 7%;
  font-size: 1rem;
  font-weight: 500;
  color: #2b2d40;
}
.search-bar__search-bar::-moz-placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: rgba(25, 24, 24, 0.871);
  opacity: 0.5; /* Firefox */
  text-transform: capitalize;
  font-weight: 500;
}
.search-bar__search-bar::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: rgba(25, 24, 24, 0.871);
  opacity: 0.5; /* Firefox */
  text-transform: capitalize;
  font-weight: 500;
}
@media (min-width: 1921px) {
  .search-bar__search-bar {
    font-size: 1.9rem;
  }
}

.whathsapp-cta {
  position: fixed;
  bottom: 1.7vw;
  right: 2.3vw;
  z-index: 100;
  width: 3.9vw;
}
.whathsapp-cta__image {
  max-width: 100%;
  max-height: 100%;
}
@media (max-width: 769px) {
  .whathsapp-cta {
    bottom: 1.6vw;
    right: 2.1vw;
    width: 14vw;
  }
}
@media (min-width: 769px) and (max-width: 1051px) {
  .whathsapp-cta {
    width: 5vw;
  }
}
@media (min-width: 1921px) {
  .whathsapp-cta {
    bottom: 42px;
    right: 49px;
    width: 75px;
  }
}

.carrito {
  background: white;
  display: none;
  position: absolute;
  padding: 0.7vw 2.4vw;
  box-shadow: 0 0.5vw 0.5vw rgba(0, 0, 0, 0.25);
  border-radius: 0.5vw;
  border-radius: 5px;
  text-align: center;
}
@media (min-width: 1921px) {
  .carrito {
    padding: 13px 45px;
  }
}
@media (max-width: 769px) {
  .carrito {
    left: 50% !important;
    transform: translateX(-50%);
    width: 90%;
  }
}

.carrito p {
  margin: 1vw 0;
}

.carrito-container {
  list-style-type: none;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-around;
}

.carrito-container li {
  width: 100%;
}

.carrito-contents {
  list-style-type: none;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 1vw;
  border-bottom: solid 1px #2A3644;
  justify-content: space-between;
}

.carrito-contents li {
  margin: 0.4vw;
}

.carrito-contents li img {
  max-height: 3vw;
}

.carrito-contents li:nth-child(1) {
  width: 20%;
}

.carrito-contents li:nth-child(2) {
  width: 50%;
}
@media (max-width: 769px) {
  .carrito-contents li:nth-child(2) {
    font-size: 0.8rem;
  }
}
@media (min-width: 769px) {
  .carrito-contents li:nth-child(2) {
    font-size: 1.2rem;
  }
}

.carrito-contents li:nth-child(3) {
  width: 20%;
  text-align: right;
}
@media (max-width: 769px) {
  .carrito-contents li:nth-child(3) {
    font-size: 0.9rem;
  }
}
@media (min-width: 769px) {
  .carrito-contents li:nth-child(3) {
    font-size: 1.3rem;
  }
}

.carrito-contents li:nth-child(4) {
  width: 10%;
  color: #2A3644;
}

@media (max-width: 769px) {
  .carrito .carrito-label {
    font-size: 1.5rem;
    font-weight: 700;
  }
}
@media (min-width: 769px) {
  .carrito .carrito-label {
    font-size: 1.3rem;
    font-weight: 600;
  }
}

@media (max-width: 769px) {
  .carrito .carrito-checkout-label {
    font-size: 0.9rem;
    font-weight: 700;
    margin: 10px;
  }
}
@media (min-width: 769px) {
  .carrito .carrito-checkout-label {
    font-size: 0.8rem;
    font-weight: 600;
  }
}

.checkout-confirmation {
  text-align: center;
  padding: 20px;
  color: cadetblue;
}

.checkout-container {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
  padding: 4% 10% 4% 10%;
  min-height: 30vw;
}

.checkout-detail {
  width: 50%;
}

.checkout-paid {
  padding: 0 10%;
  display: flex;
  align-self: center;
}

.checkout-paid input {
  margin-bottom: 1vw;
}

.carrito-container-checkout {
  list-style-type: none;
}

.checkout-item {
  margin: 5px;
}

.checkout-row-container {
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
}
.checkout-row-container img {
  max-width: 13%;
}
.checkout-row-container .checkout-row-description {
  flex-grow: 1;
  text-transform: capitalize;
  font-weight: 600;
}
@media (max-width: 769px) {
  .checkout-row-container .checkout-row-description {
    font-weight: 500;
    font-size: 0.9rem;
  }
}
.checkout-row-container .checkout-row-cta-remove {
  cursor: pointer;
}
.checkout-row-container .checkout-row-icon-close {
  font-size: 2rem;
}
.checkout-row-container .checkout-row-price {
  font-weight: 300;
}
@media (max-width: 769px) {
  .checkout-row-container .checkout-row-price {
    font-size: 0.8rem;
  }
}

.carrito-contents {
  border-bottom: solid 1px #2A3644;
}

.carrito-contents li:nth-child(1) {
  width: 15%;
}

.carrito-contents li:nth-child(2) {
  width: 50%;
}

.carrito-contents li:nth-child(3) {
  width: 20%;
  text-align: right;
}

.carrito-contents li:nth-child(4) {
  width: 15%;
}

.checkout-title {
  margin-bottom: 5vw;
  text-transform: uppercase;
  text-align: center;
  font-weight: 700;
}

.checkout-totales {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  margin-top: 6vw;
  font-weight: 800;
  align-items: center;
}

@media (max-width: 768px) {
  .checkout-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 5% 5% 5% 5%;
    justify-content: space-between;
  }
  .checkout-detail {
    width: 100%;
  }
  .checkout-paid {
    justify-content: center;
    width: 90%;
    padding: 20% 10%;
  }
}
.consulta {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
  padding: 10% 10% 10% 10%;
}
.consulta--exitosa {
  color: cadetblue;
  font-weight: 700;
}
.consulta--failed {
  color: rgb(112, 22, 37);
  font-weight: 700;
}

header {
  position: relative;
  display: flex;
  align-items: center;
  background: #2A3644;
  box-shadow: 0 0.5vw 0.5vw rgba(0, 0, 0, 0.25);
  z-index: 1000;
}
@media (min-width: 1921px) {
  header {
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.25);
  }
}
@media (max-width: 769px) {
  header {
    box-shadow: none;
  }
}

#sub-menu {
  display: none;
}
#sub-menu:checked ~ .nav-1 {
  display: flex;
}
#sub-menu:checked ~ label .bar {
  transition: 0.3s all ease-in-out;
}
#sub-menu:checked ~ label .bar#bar1 {
  transform: rotate(-45deg) translate(-1.25vw, 1.25vw);
}
#sub-menu:checked ~ label .bar#bar2 {
  opacity: 0;
}
#sub-menu:checked ~ label .bar#bar3 {
  transform: rotate(45deg) translate(-0.75vw, -0.75vw);
}

.sub-menu {
  display: none;
  flex-direction: column;
  justify-content: center;
  z-index: 8;
}
@media (max-width: 769px) {
  .sub-menu {
    display: flex;
  }
}
.sub-menu .bar {
  width: 8vw;
  height: 0.55vw;
  background: #FFFFFF;
  transition: 0.3s all ease-in-out;
}
.sub-menu .bar#bar1 {
  transform: rotate(0deg) translate(0);
}
.sub-menu .bar#bar2 {
  display: block;
  margin: 0.83vw 0;
}
.sub-menu .bar#bar3 {
  transform: rotate(0deg) translate(0);
}

.bounds {
  padding: 0 8.33vw;
  height: 6.77vw;
}
@media (min-width: 1921px) {
  .bounds {
    padding: 0;
    max-width: 1615px;
    height: 130px;
  }
}
@media (max-width: 769px) {
  .bounds {
    padding: 0 5.866vw;
    height: 12.8vw;
  }
}

.logo {
  margin: 8px 5vw 0 0;
  height: 73%;
  display: flex;
}
@media (min-width: 1921px) {
  .logo {
    margin: 0 90px 0 0;
    width: 96px;
  }
}
@media (max-width: 769px) {
  .logo {
    display: none;
  }
}
.logo img {
  width: 100%;
}

.nav-1 {
  align-items: center;
}
@media (max-width: 769px) {
  .nav-1 {
    display: none;
  }
}
.nav-1 ul {
  gap: 3.125vw;
}
@media (min-width: 1921px) {
  .nav-1 ul {
    gap: 60px;
  }
}
@media (max-width: 769px) {
  .nav-1 ul {
    position: absolute;
    top: 100%;
    left: 0;
    flex-direction: column;
    gap: 0;
    background: #2A3644;
  }
}
.nav-1 li {
  display: flex;
}
.nav-1 li a {
  font-size: 1vw;
  font-weight: 400;
  color: #E2E0E0;
}
.nav-1 li a:hover {
  color: rgba(226, 224, 224, 0.6);
}
@media (min-width: 1921px) {
  .nav-1 li a {
    font-size: 20px;
  }
}
@media (max-width: 769px) {
  .nav-1 li a {
    font-size: 4vw;
    padding: 4.8vw;
    min-width: 48vw;
  }
}
.nav-1 li a.selected {
  font-weight: 700;
  background: linear-gradient(#C29B56 0%, #DDC57B 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
@media (max-width: 769px) {
  .nav-1 li a.selected {
    color: #FFFFFF;
    background: none;
    -webkit-background-clip: initial;
    -webkit-text-fill-color: initial;
  }
}

.nav-2 ul {
  gap: 2.6vw;
}
@media (min-width: 1921px) {
  .nav-2 ul {
    gap: 50px;
  }
}
@media (max-width: 769px) {
  .nav-2 ul {
    gap: 8vw;
  }
}
.nav-2 li {
  height: 1.56vw;
}
@media (min-width: 1921px) {
  .nav-2 li {
    height: 30px;
  }
}
@media (max-width: 769px) {
  .nav-2 li {
    height: 5.33vw;
  }
}
.nav-2 li a {
  height: 100%;
}

footer {
  background: #2A3644;
}
@media (min-width: 1921px) {
  footer {
    padding: 72px 0 60px;
  }
}
@media (max-width: 769px) {
  footer {
    padding: 14.933vw 0 26.66vw;
  }
}

.footer-container {
  grid-template-columns: repeat(4, auto);
  gap: 1.979vw 4.27vw;
  padding: 3.7vw 4.3vw 1.6vw 4.3vw;
}
@media (min-width: 1921px) {
  .footer-container {
    gap: 38px 82px;
    max-width: 1615px;
  }
}
@media (max-width: 769px) {
  .footer-container {
    grid-template-columns: auto;
    gap: 16vw;
  }
}
.footer-container .item {
  display: flex;
  flex-direction: column;
}
@media (max-width: 769px) {
  .footer-container .item {
    align-items: center;
  }
}
.footer-container .item h3 {
  font-size: 1.3vw;
  letter-spacing: 0.15em;
  margin: 0 0 1.56vw;
}
@media (min-width: 1921px) {
  .footer-container .item h3 {
    font-size: 25px;
    margin: 0 0 30px;
  }
}
@media (max-width: 769px) {
  .footer-container .item h3 {
    font-size: 4vw;
    letter-spacing: 1.33vw;
    margin: 0 0 8.533vw;
  }
}
.footer-container .item p {
  font-size: 1vw;
}
@media (min-width: 1921px) {
  .footer-container .item p {
    font-size: 20px;
  }
}
@media (max-width: 769px) {
  .footer-container .item p {
    font-size: 4vw;
  }
}
.footer-container .map {
  grid-row: 1/3;
  width: 22vw;
  height: 10.833vw;
}
@media (min-width: 1921px) {
  .footer-container .map {
    width: 424px;
    height: 208px;
  }
}
@media (max-width: 769px) {
  .footer-container .map {
    display: none;
  }
}
.footer-container .contact {
  grid-row: 1/3;
}
@media (max-width: 769px) {
  .footer-container .contact {
    grid-row: auto;
  }
}
.footer-container .contact .data {
  gap: 1.56vw;
}
@media (min-width: 1921px) {
  .footer-container .contact .data {
    gap: 30px;
  }
}
@media (max-width: 769px) {
  .footer-container .contact .data {
    gap: 8.533vw;
  }
}
.footer-container .contact img {
  width: 1.25vw;
  height: 1.25vw;
}
@media (min-width: 1921px) {
  .footer-container .contact img {
    width: 24px;
    height: 24px;
  }
}
@media (max-width: 769px) {
  .footer-container .contact img {
    width: 5.866vw;
    height: 5.866vw;
  }
}
.footer-container .contact div {
  gap: 1.25vw;
}
@media (min-width: 1921px) {
  .footer-container .contact div {
    gap: 24px;
  }
}
@media (max-width: 769px) {
  .footer-container .contact div {
    gap: 3.75vw;
  }
}
.footer-container .payments {
  grid-row: 1/3;
}
@media (max-width: 769px) {
  .footer-container .payments {
    grid-row: auto;
    order: 3;
  }
}
.footer-container .payments .grid {
  grid-template-columns: repeat(3, min-content);
  grid-template-rows: none;
  grid-auto-flow: row;
  gap: 1vw;
}
@media (min-width: 1921px) {
  .footer-container .payments .grid {
    gap: 20px;
  }
}
@media (max-width: 769px) {
  .footer-container .payments .grid {
    grid-template-columns: none;
    grid-template-rows: auto;
    grid-auto-flow: column;
    gap: 2.13vw;
  }
}
.footer-container .payments img {
  height: 3.125vw;
}
@media (min-width: 1921px) {
  .footer-container .payments img {
    height: 60px;
  }
}
@media (max-width: 769px) {
  .footer-container .payments img {
    height: 8.53vw;
  }
}
.footer-container .social {
  grid-row: 1/2;
}
@media (max-width: 769px) {
  .footer-container .social {
    order: 2;
  }
}
.footer-container .date {
  grid-row: 2/3;
}
@media (max-width: 769px) {
  .footer-container .social, .footer-container .date {
    grid-row: auto;
  }
}
.footer-container .social div, .footer-container .date div {
  gap: 1.56vw;
}
@media (min-width: 1921px) {
  .footer-container .social div, .footer-container .date div {
    gap: 30px;
  }
}
@media (max-width: 769px) {
  .footer-container .social div, .footer-container .date div {
    gap: 10.13vw;
  }
}
.footer-container .social i, .footer-container .date i {
  font-size: 1.45vw;
}
@media (min-width: 1921px) {
  .footer-container .social i, .footer-container .date i {
    font-size: 28px;
  }
}
@media (max-width: 769px) {
  .footer-container .social i, .footer-container .date i {
    font-size: 9.6vw;
  }
}

.form-1 {
  gap: 0.41vw;
}
@media (min-width: 1921px) {
  .form-1 {
    gap: 8px;
  }
}
.form-1 label {
  gap: 0.1vw;
}
@media (min-width: 1921px) {
  .form-1 label {
    gap: 2px;
  }
}

.input-gold {
  font-size: 1vw;
  padding: 0.78vw 1vw;
  border: 0.05vw solid #DDC57B;
}
@media (min-width: 1921px) {
  .input-gold {
    font-size: 20px;
    padding: 15px 20px;
    border: 1px solid #DDC57B;
  }
}
@media (max-width: 769px) {
  .input-gold {
    font-size: 3.2vw;
    padding: 4.266vw;
    border: 0.266vw solid #DDC57B;
  }
  .input-gold::-moz-placeholder {
    color: #FFFFFF;
  }
  .input-gold::placeholder {
    color: #FFFFFF;
  }
}

.input-rounded {
  align-items: center;
  gap: 0.5vw;
  font-size: 0.933vw;
  font-weight: 400;
  padding: 1vw 2.3vw;
  background: none;
  border-width: 0.05vw;
  border-style: solid;
  border-radius: 100px;
}
@media (min-width: 1921px) {
  .input-rounded {
    gap: 10px;
    font-size: 18px;
    padding: 20px 44px;
    border-width: 1px;
  }
}
@media (max-width: 769px) {
  .input-rounded {
    align-items: stretch;
    gap: 0;
    font-size: 3.2vw;
    padding: 0;
    border-width: 0.266vw;
  }
}
.input-rounded input {
  font-size: 0.933vw;
  font-weight: 400;
  border: none;
  border-radius: 100px;
}
@media (min-width: 1921px) {
  .input-rounded input {
    font-size: 18px;
    padding: 10px 14px;
  }
}
@media (max-width: 769px) {
  .input-rounded input {
    font-size: 3.2vw;
    padding: 4.266vw 6.933vw;
  }
}
.input-rounded .icon {
  width: 1.56vw;
}
@media (min-width: 1921px) {
  .input-rounded .icon {
    width: 30px;
  }
}
@media (max-width: 769px) {
  .input-rounded button {
    font-size: 3.2vw;
    padding: 0 2vw;
    min-width: 29.866vw;
    border-top-right-radius: 100px;
    border-bottom-right-radius: 100px;
  }
}

.input-1 {
  display: flex;
  align-items: center;
}
.input-1 input {
  font-size: 1vw;
  padding: 0 1.35vw;
  background: none;
  border: none;
}
@media (min-width: 1921px) {
  .input-1 input {
    font-size: 20px;
    padding: 0 26px;
  }
}

.input-2 {
  font-size: 1vw;
  padding: 0.933vw 1.77vw;
  background: none;
  border: 0.05vw solid;
}
@media (min-width: 1921px) {
  .input-2 {
    font-size: 20px;
    padding: 18px 34px;
    border: 1px solid;
  }
}
@media (max-width: 769px) {
  .input-2 {
    font-size: 3.2vw;
    padding: 4.266vw;
    border: 0.266vw solid;
  }
}

.input-label-1 {
  gap: 0.3125vw;
}
@media (min-width: 1921px) {
  .input-label-1 {
    gap: 6px;
  }
}
@media (max-width: 769px) {
  .input-label-1 {
    gap: 0;
  }
}
.input-label-1 p {
  font-size: 1vw;
}
@media (min-width: 1921px) {
  .input-label-1 p {
    font-size: 20px;
  }
}
@media (max-width: 769px) {
  .input-label-1 p {
    display: none;
  }
}
.input-label-1 input, .input-label-1 textarea {
  font-size: 0.933vw;
  padding: 0.5vw 1vw;
}
@media (min-width: 1921px) {
  .input-label-1 input, .input-label-1 textarea {
    font-size: 18px;
    padding: 10px 20px;
  }
}
@media (max-width: 769px) {
  .input-label-1 input, .input-label-1 textarea {
    font-size: 3.2vw;
    padding: 4.266vw;
    border: 0.266vw solid #2A3644;
  }
  .input-label-1 input::-moz-placeholder, .input-label-1 textarea::-moz-placeholder {
    color: #2A3644;
  }
  .input-label-1 input::placeholder, .input-label-1 textarea::placeholder {
    color: #2A3644;
  }
}

.btn-gradient-gold {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1.1vw 1.14vw;
  font-size: 1vw;
  font-weight: 700;
  color: #202020;
  background: linear-gradient(#C29B56 0%, #DDC57B 100%);
  border: none;
  text-decoration: none;
  cursor: pointer;
}
.btn-gradient-gold:hover {
  filter: brightness(0.95);
}
@media (min-width: 1921px) {
  .btn-gradient-gold {
    padding: 21px 22px;
    min-width: 236px;
    min-height: 66px;
    font-size: 20px;
  }
}
@media (max-width: 769px) {
  .btn-gradient-gold {
    font-size: 3.2vw;
    padding: 3.733vw 2.66vw;
  }
}

.btn-blue-1 {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1.1vw 1.14vw;
  font-size: 1vw;
  background: #2A3644;
  border: none;
  text-decoration: none;
  cursor: pointer;
}
.btn-blue-1:hover {
  background: #212B37;
}
@media (min-width: 1921px) {
  .btn-blue-1 {
    padding: 21px 22px;
    min-width: 236px;
    min-height: 66px;
    font-size: 20px;
  }
}
@media (max-width: 769px) {
  .btn-blue-1 {
    font-size: 3.2vw;
    padding: 2.66vw 4vw;
  }
}

.btn-blue-secondary-1 {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1.1vw 1.14vw;
  font-size: 1vw;
  background: none;
  border: 0.05vw solid #2A3644;
  text-decoration: none;
  cursor: pointer;
}
.btn-blue-secondary-1:hover {
  background: rgba(0, 0, 0, 0.05);
}
@media (min-width: 1921px) {
  .btn-blue-secondary-1 {
    padding: 21px 22px;
    min-width: 236px;
    min-height: 66px;
    font-size: 20px;
    border: 1px solid #2A3644;
  }
}
@media (max-width: 769px) {
  .btn-blue-secondary-1 {
    font-size: 3.2vw;
    padding: 2.66vw 4vw;
    border: 0.266vw solid #2A3644;
  }
}

.select-1 .selected {
  padding: 0.5vw 0.83vw;
  border: 0.05vw solid #2A3644;
}
@media (min-width: 1921px) {
  .select-1 .selected {
    padding: 10px 16px;
    border: 1px solid #2A3644;
  }
}
.select-1 .selected p {
  font-size: 0.83vw;
}
@media (min-width: 1921px) {
  .select-1 .selected p {
    font-size: 16px;
  }
}
.select-1 .selected img {
  width: 1.177vw;
}
@media (min-width: 1921px) {
  .select-1 .selected img {
    width: 22.6px;
  }
}
.select-1 .options {
  display: none;
}

.options-1 {
  border: 0.05vw solid #2A3644;
}
@media (min-width: 1921px) {
  .options-1 {
    border: 1px solid #2A3644;
  }
}
@media (max-width: 769px) {
  .options-1 {
    border: 0.266vw solid #2A3644;
  }
}
.options-1 .item {
  padding: 0.729vw 1.66vw;
}
@media (min-width: 1921px) {
  .options-1 .item {
    padding: 14px 32px;
  }
}
@media (max-width: 769px) {
  .options-1 .item {
    padding: 5.33vw 4vw;
  }
}
.options-1 .item:hover {
  background: rgba(0, 0, 0, 0.07);
}
.options-1 .item p {
  font-size: 0.83vw;
}
@media (min-width: 1921px) {
  .options-1 .item p {
    font-size: 16px;
  }
}
@media (max-width: 769px) {
  .options-1 .item p {
    font-size: 4.266vw;
  }
}
.options-1 .item img {
  width: 1.14vw;
}
@media (min-width: 1921px) {
  .options-1 .item img {
    width: 22px;
  }
}
@media (max-width: 769px) {
  .options-1 .item img {
    width: 5.866vw;
  }
}

.select-2 {
  display: flex;
  align-items: center;
}
.select-2 .title {
  margin: 0 0.73vw 0 0;
}
@media (min-width: 1921px) {
  .select-2 .title {
    margin: 0 14px 0 0;
  }
}
.select-2 .title, .select-2 .selected, .select-2 .icon {
  font-size: 0.9375vw;
}
@media (min-width: 1921px) {
  .select-2 .title, .select-2 .selected, .select-2 .icon {
    font-size: 18px;
  }
}
@media (max-width: 769px) {
  .select-2 .title, .select-2 .selected, .select-2 .icon {
    font-size: 4vw;
  }
}
.select-2 .options {
  display: none;
}

.options-2 {
  border: 0.1vw solid;
}
@media (min-width: 1921px) {
  .options-2 {
    border: 2px solid;
  }
}
.options-2 .item {
  font-size: 0.833vw;
  padding: 0.833vw 1vw;
}
@media (min-width: 1921px) {
  .options-2 .item {
    font-size: 16px;
    padding: 16px 20px;
  }
}
.options-2 .item:hover {
  background: rgba(0, 0, 0, 0.025);
}

.select-3 {
  gap: 1.14vw;
}
@media (min-width: 1921px) {
  .select-3 {
    gap: 22px;
  }
}
.select-3 .title {
  display: flex;
  align-items: center;
}
.select-3 .title .icon {
  font-size: 1.25vw;
  margin: 0 0.73vw 0 0;
}
@media (min-width: 1921px) {
  .select-3 .title .icon {
    font-size: 24px;
    margin: 0 14px 0 0;
  }
}
.select-3 .title p {
  font-size: 0.9375vw;
}
@media (min-width: 1921px) {
  .select-3 .title p {
    font-size: 18px;
  }
}
.select-3 .options {
  display: flex;
  flex-direction: column;
  padding: 0px 13px 0px 4px;
}
.select-3 .options .option {
  padding: 0.5vw 0px;
}
@media (min-width: 1921px) {
  .select-3 .options .option {
    padding: 10px 0px;
  }
}
.select-3 .options p {
  font-size: 0.9375vw;
}
@media (min-width: 1921px) {
  .select-3 .options p {
    font-size: 18px;
  }
}

.options-3 {
  min-width: vw;
}
@media (min-width: 1921px) {
  .options-3 {
    min-width: px;
  }
}
@media (max-width: 769px) {
  .options-3 {
    min-width: 70vw;
  }
}
.options-3 .title {
  padding: vw vw;
}
@media (min-width: 1921px) {
  .options-3 .title {
    padding: px px;
  }
}
@media (max-width: 769px) {
  .options-3 .title {
    padding: 4.8vw;
  }
}
.options-3 .title p {
  font-size: vw;
}
@media (max-width: 769px) {
  .options-3 .title p {
    font-size: px;
  }
}
@media (max-width: 769px) {
  .options-3 .title p {
    font-size: 4vw;
  }
}
.options-3 .title .icon {
  width: vw;
}
@media (min-width: 1921px) {
  .options-3 .title .icon {
    width: px;
  }
}
@media (max-width: 769px) {
  .options-3 .title .icon {
    width: 5.33vw;
  }
}
.options-3 .item-container {
  display: none;
}
.options-3 .item {
  padding: vw;
}
@media (min-width: 1921px) {
  .options-3 .item {
    padding: px;
  }
}
@media (max-width: 769px) {
  .options-3 .item {
    padding: 4.8vw;
  }
}
.options-3 .item:hover {
  background: rgba(0, 0, 0, 0.025);
}
.options-3 .item.selected .icon.focus {
  display: flex;
}
.options-3 .item.selected .icon:not(.focus) {
  display: none;
}
.options-3 .item p {
  font-size: 0.833vw;
}
@media (min-width: 1921px) {
  .options-3 .item p {
    font-size: 16px;
  }
}
@media (max-width: 769px) {
  .options-3 .item p {
    font-size: 4vw;
  }
}
.options-3 .item .icon {
  font-size: vw;
}
@media (min-width: 1921px) {
  .options-3 .item .icon {
    font-size: px;
  }
}
@media (max-width: 769px) {
  .options-3 .item .icon {
    font-size: 5.33vw;
  }
}
.options-3 .item .icon.focus {
  display: none;
}
.options-3 .item .icon:not(.focus) {
  display: flex;
}

/* Range */
.range-1 {
  gap: 1.14vw;
}
@media (min-width: 1921px) {
  .range-1 {
    gap: 22px;
  }
}
.range-1 .inputs {
  gap: 0.833vw;
}
@media (min-width: 1921px) {
  .range-1 .inputs {
    gap: 16px;
  }
}
@media (max-width: 769px) {
  .range-1 .inputs {
    gap: 2.133vw;
  }
}
.range-1 input {
  padding: 0.41vw 0.72vw;
  font-size: 0.933vw;
}
@media (min-width: 1921px) {
  .range-1 input {
    padding: 8px 14px;
    font-size: 18px;
  }
}
@media (max-width: 769px) {
  .range-1 input {
    padding: 1.6vw 3.2vw;
    font-size: 3.2vw;
    width: 21.66vw;
  }
}
@media (max-width: 769px) {
  .range-1 .range-selector {
    display: none;
  }
}
.range-1 .ui-widget-content {
  display: flex;
  align-items: center;
  height: 0.3125vw;
  background: #D9D9D9;
  border: none;
  border-radius: 0;
}
@media (min-width: 1921px) {
  .range-1 .ui-widget-content {
    height: 6px;
  }
}
.range-1 .ui-slider-range {
  top: auto;
  bottom: auto;
  background: #2A3644;
  height: 0.3125vw;
}
@media (min-width: 1921px) {
  .range-1 .ui-slider-range {
    height: 6px;
  }
}
.range-1 .ui-slider-handle {
  top: auto;
  bottom: auto;
  width: 1vw;
  height: 1vw;
  background: #FFFFFF;
  border: none;
  border-radius: 100px;
  box-shadow: 0.2vw 0.2vw 0.2vw rgba(0, 0, 0, 0.25);
}
@media (min-width: 1921px) {
  .range-1 .ui-slider-handle {
    width: 20px;
    height: 20px;
    box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.25);
  }
}

/* Quantity selector */
.quantity-select-1 {
  width: 8.85vw;
  height: 2.6vw;
  border: 0.1vw solid #2A3644;
}
@media (min-width: 1921px) {
  .quantity-select-1 {
    width: 170px;
    height: 50px;
    border: 2px solid #2A3644;
  }
}
@media (max-width: 769px) {
  .quantity-select-1 {
    width: 42.66vw;
    height: 12.8vw;
    border: 0.4vw solid #2A3644;
  }
}
.quantity-select-1 button {
  font-size: 1.3vw;
  padding: 0 0.833vw;
  min-width: auto;
  min-height: auto;
}
@media (min-width: 1921px) {
  .quantity-select-1 button {
    font-size: 25px;
    padding: 0 16px;
  }
}
@media (max-width: 769px) {
  .quantity-select-1 button {
    font-size: 9vw;
    padding: 0 4.8vw;
  }
}
.quantity-select-1 input {
  font-size: 0.833vw;
  text-align: center;
  padding: 0 0.729vw;
  min-width: auto;
  width: 100%;
  min-height: auto;
  height: 100%;
}
@media (min-width: 1921px) {
  .quantity-select-1 input {
    font-size: 16px;
    padding: 0 14px;
  }
}
@media (max-width: 769px) {
  .quantity-select-1 input {
    font-size: 3.733vw;
    padding: 0 2.66vw;
  }
}

.horizontal-bar.hb-home {
  padding: 2vw 0;
}
@media (min-width: 1921px) {
  .horizontal-bar.hb-home {
    padding: 40px 0;
  }
}
@media (max-width: 769px) {
  .horizontal-bar.hb-home {
    padding: 8;
  }
}
.horizontal-bar.hb-home .horizontal-container {
  justify-content: space-between;
  gap: 1.77vw 0;
  width: 84.73vw;
}
@media (min-width: 1921px) {
  .horizontal-bar.hb-home .horizontal-container {
    gap: 34px 0;
    max-width: 1615px;
  }
}
@media (max-width: 769px) {
  .horizontal-bar.hb-home .horizontal-container {
    justify-content: center;
    flex-wrap: wrap;
    margin: 0 auto;
    width: 100%;
    gap: 3.73vw;
  }
}
.horizontal-bar.hb-home .card-1 .card-container {
  gap: 1.35vw;
}
@media (min-width: 1921px) {
  .horizontal-bar.hb-home .card-1 .card-container {
    gap: 26px;
  }
}
@media (max-width: 769px) {
  .horizontal-bar.hb-home .card-1 .card-container {
    gap: 1.33vw;
  }
}
.horizontal-bar.hb-home .card-1 img.icon {
  height: 2.81vw;
}
@media (min-width: 1921px) {
  .horizontal-bar.hb-home .card-1 img.icon {
    height: 54px;
  }
}
@media (max-width: 769px) {
  .horizontal-bar.hb-home .card-1 img.icon {
    height: 5.33vw;
  }
}
.horizontal-bar.hb-home .card-1 p {
  font-size: 0.93vw;
}
@media (min-width: 1921px) {
  .horizontal-bar.hb-home .card-1 p {
    font-size: 18px;
  }
}
@media (max-width: 769px) {
  .horizontal-bar.hb-home .card-1 p {
    font-size: 2.66vw;
  }
}
.horizontal-bar.hb-home .card-1 p .title {
  font-size: 1vw;
  margin: 0 0 0.28vw;
}
@media (min-width: 1921px) {
  .horizontal-bar.hb-home .card-1 p .title {
    font-size: 20px;
    margin: 0 0 5.4px;
  }
}
@media (max-width: 769px) {
  .horizontal-bar.hb-home .card-1 p .title {
    font-size: 3.2vw;
    margin: 0 0 1.33vw;
  }
}

.slider-home {
  padding: 3vw 0 6.125vw;
  background: #0f0f0f;
}
@media (min-width: 1921px) {
  .slider-home {
    padding: 116px 0 60px;
  }
}
@media (max-width: 769px) {
  .slider-home {
    padding: 14.4vw 0 3.2vw;
  }
}
.slider-home .slider-container {
  max-width: 1615px;
  gap: 0 5.2vw;
}
@media (min-width: 1921px) {
  .slider-home .slider-container {
    gap: 0 100px;
  }
}
@media (max-width: 769px) {
  .slider-home .slider-container {
    flex-direction: column;
    max-width: 100%;
    gap: 12.8vw;
  }
}
.slider-home .info {
  gap: 1.35vw;
}
@media (min-width: 1921px) {
  .slider-home .info {
    gap: 26px;
  }
}
@media (max-width: 769px) {
  .slider-home .info {
    gap: 6.933vw;
  }
}
.slider-home .info .title {
  font-size: 3.9vw;
}
@media (min-width: 1921px) {
  .slider-home .info .title {
    font-size: 75px;
  }
}
@media (max-width: 769px) {
  .slider-home .info .title {
    font-size: 6.933vw;
    text-align: center;
  }
}
.slider-home .info .description {
  font-size: 1vw;
  width: 60vw;
}
@media (min-width: 1921px) {
  .slider-home .info .description {
    font-size: 20px;
    width: 568px;
  }
}
@media (max-width: 769px) {
  .slider-home .info .description {
    font-size: 3.2vw;
    width: 91.2vw;
    text-align: center;
  }
}
@media (min-width: 1921px) {
  .slider-home .splide {
    width: 979.2px;
  }
}
@media (max-width: 769px) {
  .slider-home .splide {
    width: 100%;
  }
}
.slider-home .background {
  filter: brightness(0.7) contrast(1.1);
}

.categories {
  padding: 0 0 3.33vw;
  background: #F3F4F7;
}
@media (min-width: 1921px) {
  .categories {
    padding: 0 0 64px 270px;
  }
}
@media (max-width: 769px) {
  .categories {
    padding: 0 0 18.66vw;
  }
}
.categories .categories-container {
  padding: 5.31vw 0 0 8.33vw;
}
@media (min-width: 1921px) {
  .categories .categories-container {
    margin: 0 0 0 auto;
    padding: 102px 0 0;
  }
}
@media (max-width: 769px) {
  .categories .categories-container {
    padding: 10.66vw 0 0 5.33vw;
  }
}
.categories .title {
  font-size: 1.3vw;
  margin: 1vw 0;
}
@media (min-width: 1921px) {
  .categories .title {
    font-size: 25px;
    margin: 20px 0;
  }
}
@media (max-width: 769px) {
  .categories .title {
    font-size: 4vw;
    margin: 3.733vw 0;
  }
}
.categories .subtitle, .categories .description {
  font-size: 1vw;
}
@media (min-width: 1921px) {
  .categories .subtitle, .categories .description {
    font-size: 20px;
  }
}
@media (max-width: 769px) {
  .categories .subtitle {
    font-size: 4vw;
  }
}
.categories .description {
  width: 37.81vw;
}
@media (min-width: 1921px) {
  .categories .description {
    width: 726px;
  }
}
@media (max-width: 769px) {
  .categories .description {
    font-size: 3.733vw;
    width: 42.66vw;
  }
}
.categories .grid {
  grid-template-columns: repeat(3, min-content);
  gap: 2.18vw 2.6vw;
  margin: 2.6vw 0 0;
}
@media (min-width: 1921px) {
  .categories .grid {
    gap: 42px 50px;
    margin: 50px 0 0;
  }
}
@media (max-width: 769px) {
  .categories .grid {
    gap: 6.4vw 2.13vw;
    margin: 15.46vw 0 0;
  }
}
.categories .card-2 {
  width: 8.95vw;
  height: 8.95vw;
}
@media (min-width: 1921px) {
  .categories .card-2 {
    width: 172px;
    height: 172px;
  }
}
@media (max-width: 769px) {
  .categories .card-2 {
    width: 28.8vw;
    height: 28.8vw;
  }
}
.categories .ilustrations {
  position: relative;
}
@media (max-width: 769px) {
  .categories .ilustrations {
    position: absolute;
    top: 0;
    right: 0;
  }
}
.categories .ilustrations .image {
  left: -5vw;
  bottom: 6vw;
  width: 34.9vw;
}
@media (min-width: 1921px) {
  .categories .ilustrations .image {
    left: -96px;
    bottom: 115.2px;
    width: 670px;
  }
}
@media (max-width: 769px) {
  .categories .ilustrations .image {
    width: 48vw;
  }
}
.categories .ilustrations .bkgr {
  margin: -6vw 0 0;
  width: 45.67vw;
  filter: drop-shadow(0 0.2vw 0.93vw rgba(0, 0, 0, 0.5));
}
@media (min-width: 1921px) {
  .categories .ilustrations .bkgr {
    margin: -115px 0 0;
    width: 877px;
    filter: drop-shadow(0 4px 18px rgba(0, 0, 0, 0.5));
  }
}
@media (max-width: 769px) {
  .categories .ilustrations .bkgr {
    margin: 0;
    width: 45.33vw;
    height: 70vw;
    filter: drop-shadow(-2.66vw 2.66vw 4.8vw rgba(0, 0, 0, 0.5));
  }
}

.card-container-fixer {
  display: flex;
  flex-direction: column;
}

.button-fix {
  width: 80%;
  margin: 15px 0px;
  align-self: center;
  /* height: 5px; */
  min-width: 90%;
}

.showing {
  display: flex !important;
}

.hidden-button {
  display: none;
}

.industry-banner {
  display: flex;
  align-items: center;
  min-height: 32vw;
  background-position: center;
  background-size: cover;
}
@media (max-width: 1051px) {
  .industry-banner {
    flex-direction: column;
  }
}
@media (min-width: 1051px) {
  .industry-banner {
    flex-direction: row;
  }
}
.industry-banner--hotelery {
  background-image: url("../../../img/banner/image-3.jpg");
}
.industry-banner--oilgas {
  background-image: url("../../../img/banner/image-2.jpg");
}
.industry-banner__text-container {
  display: flex;
  flex-direction: column;
  margin: 0px 2.5rem;
}
@media (max-width: 1051px) {
  .industry-banner__text-container {
    margin: 2.5rem 2.3rem 1rem 2.3rem;
    text-align: center;
    gap: 2.5rem;
    align-items: center;
  }
}
.industry-banner__title {
  color: #FFF;
  font-variant-numeric: lining-nums proportional-nums;
  font-family: Inter;
  font-size: 4.6rem;
  font-style: normal;
  font-weight: 700;
}
@media (max-width: 1051px) {
  .industry-banner__title {
    font-size: 3rem;
  }
}
.industry-banner__desc {
  color: #E2E0E0;
  font-family: Inter;
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
@media (max-width: 1051px) {
  .industry-banner__desc {
    font-size: 1rem;
    text-shadow: 2px 3px black;
  }
}
.industry-banner__picture {
  width: 90%;
}

.home-chooser {
  display: flex;
}
@media (min-width: 280px) and (max-width: 420px) {
  .home-chooser {
    font-size: 10px;
    flex-direction: column;
  }
}
@media (min-width: 421px) and (max-width: 769px) {
  .home-chooser {
    font-size: 12px;
  }
}
@media (max-width: 280px) {
  .home-chooser {
    font-size: 9px;
    flex-direction: column;
  }
}
.home-chooser__panel {
  width: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (min-width: 280px) and (max-width: 420px) {
  .home-chooser__panel {
    width: 100%;
  }
}
@media (max-width: 280px) {
  .home-chooser__panel {
    width: 100%;
  }
}
.home-chooser__cta-button {
  height: 24px;
  flex-shrink: 0;
  color: #E5E5E5;
  text-align: center;
  font-family: Inter;
  font-size: 1.1rem;
  font-style: normal;
  padding: 11px;
  font-weight: 700;
  line-height: normal;
  background-color: #2A3644;
  width: 80%;
  text-align: center;
  display: flex;
  justify-content: center;
  margin: 3.8rem auto 0px auto;
}
.home-chooser__cta-container {
  position: absolute;
  text-align: center;
  pointer-events: none;
  -webkit-user-drag: none;
}
.home-chooser__cta-icon {
  width: 4rem;
  filter: drop-shadow(4px 4px 4px #222);
}
.home-chooser__cta-label {
  color: #FFF;
  font-family: Inter;
  font-size: 1rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 12.4px;
  filter: drop-shadow(4px 3px 5px #222);
}
.home-chooser__img-bg {
  position: relative;
  max-height: 685px;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.7) 100%), lightgray -1.15px 0px/124.086% 100% no-repeat;
}
@media (min-width: 769px) {
  .home-chooser__img-bg {
    filter: blur(5.5px);
  }
  .home-chooser__img-bg:hover {
    filter: none;
    cursor: pointer;
  }
}

.banners {
  height: 20vw;
}
@media (min-width: 1921px) {
  .banners {
    height: 384px;
  }
}
@media (max-width: 769px) {
  .banners {
    height: 76.88vw;
  }
}
.banners .item-1 {
  flex: 0.62;
}
@media (max-width: 769px) {
  .banners .item-1 {
    flex: none;
    width: 100vw;
  }
}
.banners .item-1 .banner-container {
  margin: 0 0 0 auto;
  width: 48.166vw;
}
@media (min-width: 1921px) {
  .banners .item-1 .banner-container {
    width: 944px;
  }
}
@media (max-width: 769px) {
  .banners .item-1 .banner-container {
    margin: 0;
    width: auto;
  }
}
.banners .item-2 {
  flex: 0.48;
}
@media (max-width: 769px) {
  .banners .item-2 {
    flex: none;
    width: 100vw;
  }
}
@media (max-width: 769px) {
  .banners .item-2 .ilustration {
    bottom: 0;
  }
}

.display-products {
  padding: 0 0 5.833vw;
  box-shadow: -0.31vw 0 1.25vw rgba(0, 0, 0, 0.25), 0.31vw 0.31vw 1.25vw rgba(0, 0, 0, 0.25);
}
@media (min-width: 1921px) {
  .display-products {
    padding: 0 0 112px;
    box-shadow: -6px 0 24px rgba(0, 0, 0, 0.25), 6px 6px 24px rgba(0, 0, 0, 0.25);
  }
}
@media (max-width: 769px) {
  .display-products {
    padding: 0;
    box-shadow: none;
  }
}
.display-products .d-p-container {
  grid-template-columns: auto 1fr;
  gap: 0;
  width: 84.11vw;
}
@media (min-width: 1921px) {
  .display-products .d-p-container {
    width: 1615px;
  }
}
@media (max-width: 769px) {
  .display-products .d-p-container {
    width: 100%;
  }
}
.display-products .menu-1 {
  grid-column: 1/3;
}
.display-products .sidebar-filter {
  grid-column: 1/2;
  gap: 2vw;
  padding: 1.45vw 0;
  min-width: 18.43vw;
  border: 0.05vw solid #BDBDBD;
}
@media (min-width: 1921px) {
  .display-products .sidebar-filter {
    gap: 40px;
    padding: 28px 0;
    min-width: 354px;
    border: 1px solid #BDBDBD;
  }
}
.display-products .sidebar-filter .sidebar-item {
  margin: 0 1.25vw;
}
@media (min-width: 1921px) {
  .display-products .sidebar-filter .sidebar-item {
    margin: 0 24px;
  }
}
.display-products .sidebar-filter .filter-price .options {
  padding: 0 0 0 1.8vw;
}
@media (min-width: 1921px) {
  .display-products .sidebar-filter .filter-price .options {
    padding: 0 0 0 34.5px;
  }
}
.display-products .sidebar-filter .filter-price .options .inputs input {
  width: 5vw;
}
@media (min-width: 1921px) {
  .display-products .sidebar-filter .filter-price .options .inputs input {
    width: 126px;
  }
}
.display-products .products-list {
  grid-column: 2/3;
}
.display-products .products-list.grid-style {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-auto-rows: min-content;
  grid-auto-flow: row;
  gap: 0;
}
@media (max-width: 769px) {
  .display-products .products-list.grid-style {
    grid-template-columns: repeat(2, 1fr);
  }
}
.display-products .pagination {
  grid-column: 1/3;
  margin: 3.125vw auto 0;
}
@media (min-width: 1921px) {
  .display-products .pagination {
    margin: 60px auto 0;
  }
}
@media (max-width: 769px) {
  .display-products .pagination {
    margin: 0 auto;
  }
}

.newsletter-products {
  margin: 3.95vw 0 7.5vw;
}
@media (min-width: 1921px) {
  .newsletter-products {
    margin: 76px 0 144px;
  }
}
@media (max-width: 769px) {
  .newsletter-products {
    margin: 20.8vw 0;
    padding: 0 2vw;
  }
}
.newsletter-products .title {
  font-size: 1.3vw;
  letter-spacing: 0.1vw;
}
@media (min-width: 1921px) {
  .newsletter-products .title {
    font-size: 25px;
    letter-spacing: 2px;
  }
}
@media (max-width: 769px) {
  .newsletter-products .title {
    text-align: center;
    font-size: 4vw;
    letter-spacing: 0.3vw;
  }
}
.newsletter-products .description {
  margin: 1.14vw 0 3.125vw;
  font-size: 0.933vw;
  text-align: center;
  width: 48vw;
}
@media (min-width: 1921px) {
  .newsletter-products .description {
    margin: 22px 0 60px;
    font-size: 18px;
    width: 920px;
  }
}
@media (max-width: 769px) {
  .newsletter-products .description {
    margin: 7.466vw 0;
    font-size: 3.2vw;
    width: 100%;
  }
}
.newsletter-products label {
  width: 28.125vw;
}
@media (min-width: 1921px) {
  .newsletter-products label {
    width: 540px;
  }
}
@media (max-width: 769px) {
  .newsletter-products label {
    width: 100%;
  }
}

.detail {
  margin: 8.33vw auto 9.166vw;
  width: 84.11vw;
  gap: 2.3vw;
}
@media (min-width: 1921px) {
  .detail {
    margin: 160px auto 176px;
    max-width: 1615px;
    width: auto;
    gap: 44px;
  }
}
@media (max-width: 769px) {
  .detail {
    flex-direction: column;
    margin: 14.66vw 0 12.26vw;
    width: 100%;
    gap: 8vw;
    box-shadow: 0 1vw 1vw rgba(0, 0, 0, 0.3);
  }
}
.detail .vertical-line-1 {
  height: 23.95vw;
}
@media (min-width: 1921px) {
  .detail .vertical-line-1 {
    height: 460px;
  }
}
@media (max-width: 769px) {
  .detail .vertical-line-1 {
    display: none;
  }
}
.detail .display {
  margin: 0 3.22vw 0 0;
  width: 41.66vw;
}
@media (min-width: 1921px) {
  .detail .display {
    margin: 0 62px 0 0;
    width: 800px;
  }
}
@media (max-width: 769px) {
  .detail .display {
    width: 100%;
  }
}
@media (max-width: 769px) {
  .detail .display .main .splide__arrow {
    position: absolute;
    top: auto;
    bottom: -15vw;
    width: 5.33vw;
    height: 10vw;
    background: none;
  }
}
@media (max-width: 769px) {
  .detail .display .main .splide__arrow.splide__arrow--prev {
    left: 4.8vw;
  }
}
@media (max-width: 769px) {
  .detail .display .main .splide__arrow.splide__arrow--next {
    right: 4.8vw;
  }
}
@media (max-width: 769px) {
  .detail .display .main .image {
    display: flex;
    justify-content: center;
    align-items: center;
  }
}
@media (max-width: 769px) {
  .detail .display .main .image img {
    width: 80vw;
  }
}
.detail .display .main .splide__pagination {
  bottom: -7.5vw;
}
.detail .display .main .splide__pagination__page {
  background: none;
  width: auto;
  height: auto;
}
.detail .display .main .splide__pagination__page.is-active .no-focus {
  display: none;
}
.detail .display .main .splide__pagination__page.is-active .focus {
  display: flex;
}
.detail .display .main .splide__pagination__page i {
  font-size: 3.2vw;
}
@media (max-width: 769px) {
  .detail .display .thumbnails {
    display: none;
  }
}
.detail .data {
  grid-template-columns: repeat(3, auto);
  grid-auto-flow: row;
  align-items: center;
  gap: 1vw;
}
@media (min-width: 1921px) {
  .detail .data {
    gap: 20px;
  }
}
@media (max-width: 769px) {
  .detail .data {
    grid-template-columns: 1fr 1fr auto;
    padding: 7.466vw 5.866vw 5.33vw;
    gap: 2.66vw;
  }
}
.detail .name-product, .detail .price {
  grid-column: 1/4;
  font-size: 2.89vw;
}
@media (min-width: 1921px) {
  .detail .name-product, .detail .price {
    font-size: 55px;
  }
}
@media (max-width: 769px) {
  .detail .name-product, .detail .price {
    font-size: 5.33vw;
    text-align: center;
  }
}
.detail .description {
  grid-column: 1/4;
  max-width: 26.56vw;
}
@media (min-width: 1921px) {
  .detail .description {
    max-width: 510px;
  }
}
@media (max-width: 769px) {
  .detail .description {
    grid-row: 3/4;
    text-align: center;
    max-width: 100%;
  }
}
.detail .description, .detail .review, .detail .brand, .detail .code, .detail .stock, .detail .quantity {
  font-size: 0.933vw;
  gap: 0.625vw;
}
@media (min-width: 1921px) {
  .detail .description, .detail .review, .detail .brand, .detail .code, .detail .stock, .detail .quantity {
    font-size: 18px;
    gap: 12px;
  }
}
@media (max-width: 769px) {
  .detail .description, .detail .review, .detail .brand, .detail .code, .detail .stock, .detail .quantity {
    font-size: 4vw;
    gap: 2.66vw;
  }
}
@media (max-width: 769px) {
  .detail .review {
    grid-row: 3/4;
  }
}
.detail .brand, .detail .price {
  grid-column: 1/4;
}
@media (max-width: 769px) {
  .detail .brand, .detail .price {
    display: none;
  }
}
.detail .code {
  grid-column: 1/4;
}
@media (max-width: 769px) {
  .detail .code {
    grid-column: 1/3;
    grid-row: 4/5;
    margin: 8vw 0 0;
  }
}
.detail .stock {
  grid-column: 1/4;
}
@media (max-width: 769px) {
  .detail .stock {
    grid-column: 1/3;
    grid-row: 5/6;
  }
}
.detail .favourite {
  grid-column: 3/4;
  width: 1.979vw;
}
@media (min-width: 1921px) {
  .detail .favourite {
    width: 38px;
  }
}
@media (max-width: 769px) {
  .detail .favourite {
    grid-column: 3/4;
    grid-row: 4/5;
    margin: 8vw 0 0 auto;
    width: 7.466vw;
  }
}
.detail .stars {
  grid-column: 1/4;
  margin: 0.26vw 0;
  gap: 0.625vw;
}
@media (min-width: 1921px) {
  .detail .stars {
    margin: 5px 0;
    gap: 12px;
  }
}
@media (max-width: 769px) {
  .detail .stars {
    grid-row: 2/3;
    margin: 0.8vw auto 2.133vw;
    gap: 2.133vw;
  }
}
.detail .star {
  width: 1.35vw;
}
@media (min-width: 1921px) {
  .detail .star {
    width: 26px;
  }
}
@media (max-width: 769px) {
  .detail .star {
    width: 4.4vw;
  }
}
.detail .quantity {
  grid-column: 1/2;
  margin: 0.41vw 0 0.933vw;
}
@media (min-width: 1921px) {
  .detail .quantity {
    margin: 8px 0 18px;
  }
}
@media (max-width: 769px) {
  .detail .quantity {
    grid-column: 1/3;
    grid-row: 6/7;
    margin: 0;
  }
}
.detail .quantity-select-1 {
  grid-column: 2/3;
}
@media (max-width: 769px) {
  .detail .quantity-select-1 {
    grid-column: 2/4;
    grid-row: 6/7;
    margin: 8vw 0 8vw auto;
  }
}
.detail .buttons {
  grid-column: 1/4;
  gap: 0.73vw;
}
@media (min-width: 1921px) {
  .detail .buttons {
    gap: 14px;
  }
}
@media (max-width: 769px) {
  .detail .buttons {
    gap: 1.6vw;
  }
}
.detail .buttons .action {
  min-width: 12.3vw;
}
@media (min-width: 1921px) {
  .detail .buttons .action {
    min-width: 236px;
  }
}
@media (max-width: 769px) {
  .detail .buttons .action {
    padding: 3.733vw 5.33vw;
    width: 100%;
    min-width: auto;
  }
}

.information-product {
  margin: 0 auto;
  width: 84.11vw;
  gap: 2.18vw;
}
@media (min-width: 1921px) {
  .information-product {
    max-width: 1615px;
    width: auto;
    gap: 42px;
  }
}
@media (max-width: 769px) {
  .information-product {
    padding: 0 4.8vw;
    width: auto;
    gap: 11.73vw;
  }
}
.information-product .info-container {
  padding: 0 3.125vw;
}
@media (min-width: 1921px) {
  .information-product .info-container {
    padding: 0 60px;
  }
}
@media (max-width: 769px) {
  .information-product .info-container {
    padding: 0;
  }
}
.information-product .info-container .item {
  display: none;
}
.information-product .info-container .description {
  font-size: 1vw;
}
@media (min-width: 1921px) {
  .information-product .info-container .description {
    font-size: 20px;
  }
}
@media (max-width: 769px) {
  .information-product .info-container .description {
    font-size: 4vw;
  }
}
.information-product .info-container .documentation {
  gap: 1.77vw;
}
@media (min-width: 1921px) {
  .information-product .info-container .documentation {
    gap: 34px;
  }
}
@media (max-width: 769px) {
  .information-product .info-container .documentation {
    gap: 4vw;
  }
}
.information-product .info-container .documentation p {
  font-size: 1vw;
}
@media (min-width: 1921px) {
  .information-product .info-container .documentation p {
    font-size: 20px;
  }
}
@media (max-width: 769px) {
  .information-product .info-container .documentation p {
    font-size: 4vw;
    text-align: center;
  }
}
.information-product .info-container .documentation > div {
  gap: 2.5vw;
}
@media (min-width: 1921px) {
  .information-product .info-container .documentation > div {
    gap: 48px;
  }
}
@media (max-width: 769px) {
  .information-product .info-container .documentation > div {
    justify-content: center;
    gap: 6.933vw;
  }
}
.information-product .info-container .documentation a {
  width: 6.45vw;
  gap: 0.5vw;
}
@media (min-width: 1921px) {
  .information-product .info-container .documentation a {
    width: 124px;
    gap: 10px;
  }
}
@media (max-width: 769px) {
  .information-product .info-container .documentation a {
    gap: 1.6vw;
    width: 26.66vw;
  }
}
.information-product .info-container .reviews {
  gap: 1.77vw;
}
@media (min-width: 1921px) {
  .information-product .info-container .reviews {
    gap: 34px;
  }
}
@media (max-width: 769px) {
  .information-product .info-container .reviews {
    gap: 4.8vw;
  }
}

.newsletter-product {
  margin: 4.68vw 0 8.33vw;
  padding: 1.77vw 0;
  gap: 1.35vw;
}
@media (min-width: 1921px) {
  .newsletter-product {
    margin: 90px 0 160px;
    padding: 34px 0;
    gap: 26px;
  }
}
@media (max-width: 769px) {
  .newsletter-product {
    flex-direction: column;
    margin: 14.66vw 0 18.66vw;
    padding: 4.8vw;
    gap: 4.8vw;
  }
}
.newsletter-product .title {
  font-size: 1vw;
}
@media (min-width: 1921px) {
  .newsletter-product .title {
    font-size: 20px;
  }
}
@media (max-width: 769px) {
  .newsletter-product .title {
    font-size: 4vw;
  }
}
@media (max-width: 769px) {
  .newsletter-product label {
    align-items: stretch;
  }
}
@media (max-width: 769px) {
  .newsletter-product label input {
    font-size: 3.2vw;
    padding: 4.266vw 6.933vw;
  }
}
.newsletter-product label .send {
  padding: 0.72vw 1.77vw;
  min-width: auto;
  min-height: auto;
}
@media (min-width: 1921px) {
  .newsletter-product label .send {
    padding: 14px 34px;
  }
}
@media (max-width: 769px) {
  .newsletter-product label .send {
    padding: 1vw 9.6vw;
  }
}

.related-product {
  margin: 0 auto 11.25vw;
  width: 75.47vw;
}
@media (min-width: 1921px) {
  .related-product {
    margin: 0 auto 216px;
    max-width: 1480px;
    width: auto;
  }
}
@media (max-width: 769px) {
  .related-product {
    margin: 0 auto 18.66vw;
    width: auto;
  }
}
.related-product .title {
  font-size: 1.3vw;
  margin: 0 0 1.25vw;
}
@media (min-width: 1921px) {
  .related-product .title {
    font-size: 25px;
    margin: 0 0 24px;
  }
}
@media (max-width: 769px) {
  .related-product .title {
    font-size: 4vw;
    margin: 0 0 6.933vw;
  }
}
.related-product .description {
  font-size: 1vw;
  width: 42.5vw;
}
@media (min-width: 1921px) {
  .related-product .description {
    font-size: 20px;
    width: 816px;
  }
}
@media (max-width: 769px) {
  .related-product .description {
    font-size: 4vw;
    width: 90.13vw;
  }
}
.related-product .slider {
  margin: 6.45vw 0 0;
  width: 100%;
}
@media (min-width: 1921px) {
  .related-product .slider {
    margin: 124px 0 0;
  }
}
@media (max-width: 769px) {
  .related-product .slider {
    margin: 14.933vw 0 0;
  }
}
.related-product .request {
  font-size: 1vw;
  margin: 7.3vw 0 0;
  padding: 1.25vw 5.52vw;
}
@media (min-width: 1921px) {
  .related-product .request {
    font-size: 20px;
    margin: 140px 0 0;
    padding: 24px 106px;
  }
}
@media (max-width: 769px) {
  .related-product .request {
    font-size: 4vw;
    margin: 19.733vw 0 0;
    padding: 2.66vw 3.733vw;
  }
}

.us-container {
  padding-top: 3.25rem;
  padding-bottom: 1.75rem;
  gap: 1.75rem;
}
@media (min-width: 1921px) {
  .us-container {
    padding: 112px 0 190px;
    gap: 44px;
  }
}
@media (max-width: 769px) {
  .us-container {
    padding: 10.66vw 0 16vw;
    gap: 4.266vw;
  }
}
.us-container .title {
  font-size: 2.3vw;
}
@media (min-width: 1921px) {
  .us-container .title {
    font-size: 44px;
  }
}
@media (max-width: 769px) {
  .us-container .title {
    font-size: 5.33vw;
  }
}
.us-container .description {
  font-size: 1vw;
  margin: 0 0 4.79vw;
  width: 70.3vw;
}
@media (min-width: 1921px) {
  .us-container .description {
    font-size: 20px;
    margin: 0 0 86px;
    width: 1350px;
  }
}
@media (max-width: 769px) {
  .us-container .description {
    font-size: 3.2vw;
    margin: 0 0 5.33vw;
    width: 86.933vw;
  }
}

.information-us > div {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 5.2vw;
  width: 84.11vw;
}
@media (min-width: 1921px) {
  .information-us > div {
    gap: 100px;
    width: 1615px;
  }
}
@media (max-width: 769px) {
  .information-us > div {
    display: grid;
    grid-template-columns: repeat(2, auto);
    grid-auto-flow: row;
    gap: 10.66vw 3.73vw;
    width: 100%;
  }
}
.information-us .item .image {
  width: 4.79vw;
  height: 4.79vw;
  border: 0.05vw solid #2A3644;
  margin: 0 0 2.3vw;
}
@media (min-width: 1921px) {
  .information-us .item .image {
    width: 92px;
    height: 92px;
    border: 1px solid #2A3644;
    margin: 0 0 44px;
  }
}
@media (max-width: 769px) {
  .information-us .item .image {
    width: 16.533vw;
    height: 16.533vw;
    border: 0.4vw solid #2A3644;
    margin: 0 0 6.93vw;
  }
}
.information-us .item img {
  width: 1.66vw;
}
@media (min-width: 1921px) {
  .information-us .item img {
    width: 32px;
  }
}
@media (max-width: 769px) {
  .information-us .item img {
    width: 6.93vw;
  }
}
.information-us .item p {
  font-size: 1.14vw;
  letter-spacing: 0.025vw;
  gap: 0.625vw;
}
@media (min-width: 1921px) {
  .information-us .item p {
    font-size: 22px;
    letter-spacing: 0.28px;
    gap: 12px;
  }
}
@media (max-width: 769px) {
  .information-us .item p {
    font-size: 3.2vw;
    letter-spacing: 0.07vw;
    gap: 0.07vw;
    text-align: center;
  }
}

.team-us {
  box-shadow: 0 0.26vw 1vw rgba(0, 0, 0, 0.25);
}
@media (min-width: 1921px) {
  .team-us {
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.25);
  }
}
@media (max-width: 769px) {
  .team-us {
    box-shadow: 0 1.33 5.33vw rgba(0, 0, 0, 0.25);
  }
}
.team-us .team-us-container {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 6.45vw;
  width: 84.11vw;
}
@media (min-width: 1921px) {
  .team-us .team-us-container {
    gap: 124px;
    width: 1615px;
  }
}
@media (max-width: 769px) {
  .team-us .team-us-container {
    display: flex;
    justify-content: start;
    flex-wrap: initial;
    gap: 3.2vw;
    width: 100%;
  }
}
.team-us .splide__list {
  gap: 3.2vw;
}
.team-us .item img {
  margin: 0 0 2vw;
  width: 10.41vw;
}
@media (min-width: 1921px) {
  .team-us .item img {
    margin: 0 0 40px;
    width: 200px;
  }
}
@media (max-width: 769px) {
  .team-us .item img {
    margin: 0 0 4.8vw;
    width: 32.533vw;
  }
}
.team-us .item p {
  gap: 0.625vw;
}
@media (min-width: 1921px) {
  .team-us .item p {
    gap: 12px;
  }
}
@media (max-width: 769px) {
  .team-us .item p {
    gap: 1.6vw;
  }
}
.team-us .item p .name {
  font-size: 1.3vw;
}
@media (min-width: 1921px) {
  .team-us .item p .name {
    font-size: 25px;
  }
}
@media (max-width: 769px) {
  .team-us .item p .name {
    font-size: 4vw;
  }
}
.team-us .item p .ocupation, .team-us .item p .desc {
  font-size: 1vw;
}
@media (min-width: 1921px) {
  .team-us .item p .ocupation, .team-us .item p .desc {
    font-size: 20px;
  }
}
@media (max-width: 769px) {
  .team-us .item p .ocupation, .team-us .item p .desc {
    font-size: 3.2vw;
  }
}

.contact-us .grid {
  grid-template-columns: repeat(2, 36.45vw);
  gap: 1vw;
}
@media (min-width: 1921px) {
  .contact-us .grid {
    grid-template-columns: repeat(2, 700px);
    gap: 20px;
  }
}
@media (max-width: 769px) {
  .contact-us .grid {
    grid-template-columns: auto;
    gap: 2.13vw;
    width: 90.66vw;
  }
}
.contact-us .input-2 {
  border-color: #2A3644;
}
.contact-us .input-2::-moz-placeholder {
  color: #2A3644;
}
.contact-us .input-2::placeholder {
  color: #2A3644;
}
.contact-us *[name=name], .contact-us *[name=mail] {
  grid-column: 1/2;
}
.contact-us *[name=phone], .contact-us *[name=enterprise] {
  grid-column: 2/3;
}
@media (max-width: 769px) {
  .contact-us *[name=phone], .contact-us *[name=enterprise] {
    grid-column: 1/2;
  }
}
.contact-us *[name=commentary], .contact-us .send {
  grid-column: 1/3;
}
@media (max-width: 769px) {
  .contact-us *[name=commentary], .contact-us .send {
    grid-column: 1/2;
  }
}
.contact-us .send {
  font-size: 1vw;
  margin: 0 auto;
  padding: 1vw 4.47vw;
}
@media (min-width: 1921px) {
  .contact-us .send {
    font-size: 20px;
    padding: 20px 86px;
  }
}
@media (max-width: 769px) {
  .contact-us .send {
    font-size: 3.2vw;
    margin: 6.4vw auto 0;
    padding: 3.73vw 16vw;
  }
}

.login-form {
  position: fixed;
  inset: 0px;
  background: #2A3644;
  display: flex;
  align-items: center;
  justify-content: center;
}
.login-form__login {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 80%;
}
.login-form__logo-lg {
  display: flex;
  gap: 1rem;
  padding: 1vw;
  align-items: center;
  justify-content: space-between;
  color: #FFFFFF;
}
.login-form__login-input {
  margin: 15px 0;
  padding: 10px 20px;
  max-width: 100%;
  cursor: text;
  text-align: center;
}
.login-form__login-input--main-cta {
  width: 70%;
}
.login-form__login-anchor {
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 17px;
  color: #FFFFFF;
  text-decoration: none;
}
.login-form__form {
  display: flex;
  flex-direction: column;
  margin: 2vw;
  align-items: center;
}
.login-form__alerta {
  color: red;
  text-align: -webkit-center;
  font-size: 0.8rem;
  margin: 1.2rem;
}

/* Position */
.pos-abs {
  position: absolute;
}

.pos-rel {
  position: relative;
}

.pos-static {
  position: static;
}

.pos-initial {
  position: initial;
}

.pos-fixed {
  position: fixed;
}

.pos-y-0 {
  top: 0;
  bottom: 0;
}

.pos-x-0 {
  left: 0;
  right: 0;
}

/* Top */
.top-0 {
  top: 0;
}

.top-full {
  top: 100%;
}

/* Left */
.left-0 {
  left: 0;
}

/* Right */
.right-0 {
  right: 0;
}

/* Bottom */
.bottom-0 {
  bottom: 0;
}

/* z-index */
.z-index-1 {
  z-index: 1;
}

.z-index-2 {
  z-index: 2;
}

.z-index-3 {
  z-index: 3;
}

.z-index-4 {
  z-index: 4;
}

.z-index-5 {
  z-index: 5;
}

.z-index-5 {
  z-index: 5;
}

.z-index-6 {
  z-index: 6;
}

.z-index-7 {
  z-index: 7;
}

.z-index-8 {
  z-index: 8;
}

.z-index-9 {
  z-index: 9;
}

.z-index-10 {
  z-index: 10;
}

/* Flex */
.none {
  display: none;
}

.flex {
  display: flex;
}

.flex-d-column {
  flex-direction: column;
}

.flex-d-column-r {
  flex-direction: column-reverse;
}

.flex-d-row {
  flex-direction: row;
}

.flex-d-row-r {
  flex-direction: row-reverse;
}

.align-items-initial {
  align-items: initial;
}

.align-items-start {
  align-items: flex-start;
}

.align-items-center {
  align-items: center;
}

.align-items-end {
  align-items: flex-end;
}

.justify-content-start {
  justify-content: start;
}

.justify-content-center {
  justify-content: center;
}

.justify-content-end {
  justify-content: end;
}

.justify-content-btwn {
  justify-content: space-between;
}

.justify-content-around {
  justify-content: space-around;
}

.justify-content-evenly {
  justify-content: space-evenly;
}

.flex-wrap-wrap {
  flex-wrap: wrap;
}

.flex-wrap-nowrap {
  flex-wrap: nowrap;
}

/* Grid */
.grid {
  display: grid;
}

.auto-flow-columns {
  grid-auto-flow: column;
}

.auto-flow-row {
  grid-auto-flow: row;
}

.auto-flow-column {
  grid-auto-flow: column;
}

.grid-gap-0 {
  grid-gap: 0;
}

.grid-tall-1 {
  grid-row: auto/span 2;
}

.grid-tall-2 {
  grid-row: auto/span 3;
}

.grid-wide-1 {
  grid-column: auto/span 2;
}

.grid-wide-2 {
  grid-column: auto/span 3;
}

.gc-1-2 {
  grid-column: 1/2;
}

.gc-2-3 {
  grid-column: 2/3;
}

.gc-1-3 {
  grid-column: 1/3;
}

.gc-2-4 {
  grid-column: 2/4;
}

.gc-3-4 {
  grid-column: 3/4;
}

.gc-1-4 {
  grid-column: 1/4;
}

.gr-1-2 {
  grid-row: 1/2;
}

.gr-2-3 {
  grid-row: 2/3;
}

.gr-1-3 {
  grid-row: 1/3;
}

.gr-1-4 {
  grid-row: 1/4;
}

.gr-2-4 {
  grid-row: 2/4;
}

.gr-3-4 {
  grid-row: 3/4;
}

/* List style */
.list-style-none {
  list-style: none;
}

/* Margin */
.m-t-auto {
  margin-top: auto;
}

.m-l-auto {
  margin-left: auto;
}

.m-r-auto {
  margin-right: auto;
}

.m-b-auto {
  margin-bottom: auto;
}

.m-y-auto {
  margin: auto 0;
}

.m-x-auto {
  margin: 0 auto;
}

.m-auto {
  margin: auto;
}

/* Width */
.w-full {
  width: 100%;
}

/* Height */
.h-full {
  height: 100%;
}

/* Background */
.bkgr-none {
  background: none;
}

.bkgr-white {
  background: #FFFFFF;
}

.bkgr-blue-1 {
  background: #2A3644;
}

.bkgr-gray-1 {
  background: #E2E0E0;
}

.bkgr-gray-2 {
  background: #BDBDBD;
}

.bkgr-gray-3 {
  background: #D9D9D9;
}

.bkgr-gray-4 {
  background: #F3F4F7;
}

.bkgr-dark-1 {
  background: #202020;
}

.bkgr-dark-2 {
  background: #0f0f0f;
}

.bkgr-gradient-gold {
  background: linear-gradient(0deg, #C29B56 -18.33%, #DDC57B 91.74%);
}

.grad-blue-1-none {
  background: linear-gradient(0deg, #2A3644 4%, rgba(0, 0, 0, 0) 50%);
}

.bkgr-gradient-blue {
  background: linear-gradient(270deg, #7DB3F9 2.4%, #114A96 98%);
}

.bkgr-gradient-violet {
  background: linear-gradient(270deg, #8674EA 2.4%, #503FDB 98%);
}

/* Border */
.border-solid {
  border-style: solid;
}

.border-dashed {
  border-style: dashed;
}

.border-dotted {
  border-style: dotted;
}

.border-none {
  border: none;
}

.border-tl-none {
  border-top: none;
  border-left: none;
}

.border-tr-none {
  border-top: none;
  border-right: none;
}

.border-tlr-none {
  border-top: none;
  border-left: none;
  border-right: none;
}

.border-tlb-none {
  border-top: none;
  border-left: none;
  border-bottom: none;
}

.border-trb-none {
  border-top: none;
  border-right: none;
  border-bottom: none;
}

.border-lrb-none {
  border-left: none;
  border-right: none;
  border-bottom: none;
}

.border-lb-none {
  border-left: none;
  border-bottom: none;
}

.border-rb-none {
  border-right: none;
  border-bottom: none;
}

.border-y-none {
  border-top: none;
  border-bottom: none;
}

.border-x-none {
  border-left: none;
  border-right: none;
}

.rounded {
  border-radius: 1000px;
}

.border-rad-10 {
  border-radius: 0.5vw;
}
@media (min-width: 1921px) {
  .border-rad-10 {
    border-radius: 10px;
  }
}
@media (max-width: 769px) {
  .border-rad-10 {
    border-radius: 1.866vw;
  }
}

.border-rad-top-left-10 {
  border-top-left-radius: 0.5vw;
}

.border-rad-top-right-10 {
  border-top-right-radius: 0.5vw;
}

.border-rad-bottom-left-10 {
  border-bottom-left-radius: 0.5vw;
}

.border-rad-bottom-right-10 {
  border-bottom-right-radius: 0.5vw;
}

.border-t-none {
  border-top: none;
}

.border-t-1 {
  border-top-width: 0.01vw;
  border-top-style: solid;
}

.border-t-9 {
  border-top-width: 0.5vw;
  border-top-style: solid;
}

.border-l-none {
  border-left: none;
}

.border-l-1 {
  border-left-width: 0.01vw;
  border-left-style: solid;
}

.border-r-none {
  border-right: none;
}

.border-r-1 {
  border-right-width: 0.01vw;
  border-right-style: solid;
}

.border-b-none {
  border-bottom: none;
}

.border-b-1 {
  border-bottom-width: 0.01vw;
  border-bottom-style: solid;
}

.border-white {
  border-color: #FFFFFF;
}

.border-gray-1 {
  border-color: #E2E0E0;
}

.border-gray-2 {
  border-color: #BDBDBD;
}

.border-gold-5 {
  border: 0.26vw solid #DDC57B;
}
@media (min-width: 1921px) {
  .border-gold-5 {
    border: 5px solid #DDC57B;
  }
}

/* Text */
.txt-trans-uppercase {
  text-transform: uppercase;
}

.f-l-uppercase::first-letter {
  text-transform: uppercase;
}

.txt-trans-capitalize {
  text-transform: capitalize;
}

.txt-deco-none {
  text-decoration: none;
}

.txt-align-start {
  text-align: start;
}

.txt-align-center {
  text-align: center;
}

.txt-align-end {
  text-align: end;
}

/* Font weight */
.font-w-100 {
  font-weight: 100;
}

.font-w-200 {
  font-weight: 200;
}

.font-w-300 {
  font-weight: 300;
}

.font-w-400 {
  font-weight: 400;
}

.font-w-500 {
  font-weight: 500;
}

.font-w-600 {
  font-weight: 600;
}

.font-w-700 {
  font-weight: 700;
}

.font-w-800 {
  font-weight: 800;
}

.font-w-900 {
  font-weight: 900;
}

/* Color */
.c-white {
  color: #FFFFFF;
}

.c-black {
  color: #000000;
}

.c-gray-1 {
  color: #E2E0E0;
}

.c-gray-2 {
  color: #BDBDBD;
}

.c-gray-3 {
  color: #D9D9D9;
}

.c-gray-4 {
  color: #F3F4F7;
}

.c-gray-5 {
  color: #737373;
}

.c-blue-1 {
  color: #2A3644;
}

.c-green-1 {
  color: #33C200;
}

.c-gold-1 {
  color: #C29B56;
}

.c-gold-2 {
  color: #DDC57B;
}

.c-red-1 {
  color: #d71616;
}

.c-red-2 {
  color: #9a2626;
}

.c-gradient-gold {
  background: linear-gradient(#C29B56 0%, #DDC57B 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* Cursor */
.cursor-pointer {
  cursor: pointer;
}

/* Object fit */
.obj-fit-cover {
  -o-object-fit: cover;
     object-fit: cover;
}

.obj-fit-contain {
  -o-object-fit: contain;
     object-fit: contain;
}

.obj-pos-top {
  -o-object-position: top;
     object-position: top;
}

.obj-pos-left {
  -o-object-position: left;
     object-position: left;
}

.obj-pos-right {
  -o-object-position: right;
     object-position: right;
}

.obj-pos-bottom {
  -o-object-position: bottom;
     object-position: bottom;
}

.obj-pos-center {
  -o-object-position: center;
     object-position: center;
}

/* White space */
.white-sp-nowrap {
  white-space: nowrap;
}

/* Outline */
.outline-none {
  outline: none;
}

/* User select */
.user-select-none {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

/* Resize */
.resize-none {
  resize: none;
}

/* Overflow */
.overflow-hidden {
  overflow: hidden;
}

.overflow-auto {
  overflow: auto;
}

.overflow-x-auto {
  overflow-x: auto;
}

.overflow-y-auto {
  overflow-y: auto;
}

/* Rotate */
.rotate-90 {
  transform: rotate(90deg);
}

.rotate-x-90 {
  transform: rotateX(90deg);
}

.rotate-y-90 {
  transform: rotateY(90deg);
}

.rotate-180 {
  transform: rotate(180deg);
}

.rotate-x-180 {
  transform: rotateX(180deg);
}

.rotate-y-180 {
  transform: rotateY(180deg);
}

.rotate-270 {
  transform: rotate(270deg);
}

.rotate-x-270 {
  transform: rotateX(270deg);
}

.rotate-y-270 {
  transform: rotateY(270deg);
}

/* Only in resolutions */
@media (max-width: 769px) {
  .only-desktop {
    display: none !important;
  }
}

@media (max-width: 1921px) {
  .only-mobile {
    display: none !important;
  }
}
@media (min-width: 1921px) {
  .only-mobile {
    display: none !important;
  }
}
@media (max-width: 769px) {
  .only-mobile {
    display: flex !important;
  }
}

* {
  margin: 0;
  padding: 0;
  font-family: "Inter", sans-serif;
  outline: none;
  -webkit-user-select: none; /* Safari */ /* IE 10 and IE 11 */
  -moz-user-select: none;
       user-select: none; /* Standard syntax */
}

input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
}

input[type=number] {
  -moz-appearance: textfield;
}

:not(.selected) > .no-focus {
  display: flex;
}

:not(.selected) > .focus {
  display: none;
}

*.selected .no-focus {
  display: none;
}
*.selected .focus {
  display: flex;
}/*# sourceMappingURL=style.css.map */