/* FICHIER : comparisonindex.css
   FICHIER DE BASE POUR LE SITE VITRINE
   VERSION 1.0
   DATE DE CRÉATION : 08/04/2025
   DERNIÈRE MISE À JOUR : 20/07/2025
*/

.se-v {
  position: relative;
}

.se-v .text {
  padding: 100px 0 100px 4vw;
}
[dir="rtl"] .se-v .text {
  padding: 100px 4vw 100px 0;
}
.se-v .text .sub-title {
  font-size: 17px;
  font-weight: 500;
  color: var(--darkBlue);
}
.se-v .text .title-1 {
  font-size: 46px;
  color: var(--darkBlue);
}
.se-v .text .para-1 {
  font-size: 16px;
  font-weight: 500;
  color: var(--lightBlue);
}

@media only screen and (max-width: 767.98px) {
  .se-v .text {
    padding: 100px 0 50px 4vw;
  }
  [dir="rtl"] .se-v .text {
    padding: 100px 4vw 50px 0;
  }
}
@media only screen and (max-width: 575.98px) {
  .se-v .text {
    padding: 80px 0 30px 4vw;
  }
  [dir="rtl"] .se-v .text {
    padding: 80px 4vw 30px 0;
  }
}

@media only screen and (min-width: 1200px) {
  .se-v::before {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    right: 50%;
    bottom: 0;
    background-color: var(--primary);
    background-image: url('../../../../images/elements/domain-search2.webp');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 60vh;
  }
  [dir="rtl"] .se-v::before {
    left: 50%;
    right: 0;
  }
}
@media only screen and (max-width: 1199.98px) {
  .se-v .text {
    padding: 100px 0;
  }
}
@media only screen and (max-width: 991.98px) {
  .se-v .text {
    padding: 90px 0;
  }
  .se-v .text .title-1 {
    font-size: 36px;
  }
}
@media only screen and (max-width: 767.98px) {
  .se-v .text {
    padding: 70px 0;
  }
  .se-v .text .sub-title {
    font-size: 16px;
  }
  .se-footer {
    justify-content: center !important;
  }
  .se-footer .line {
    text-align: left;
  }
}