/* XXL - Large Desktops */
@media (max-width: 1699px) {
  .swiper-screen-img {
    width: 500px;
  }
  .swiper-slide img {
    width: auto;
  }
  .swiper-screen-img img {
    width: 100%;
  }
  .swiper-txt h1,
  .swiper-txt h2 {
    font-size: 6rem;
    line-height: 6.3rem;
  }
  .heart-bg {
    background-size: 60% auto;
  }
}

/* XL - Large Screens */
@media (max-width: 1365px) {
  .swiper-screen-img {
    width: 470px;
  }
  .swiper-txt h1,
  .swiper-txt h2 {
    font-size: 4rem;
    line-height: 4.5rem;
  }
  .ico {
    width: 80px;
  }
}

/* LG - Desktops */
@media (max-width: 1200px) {
  .swiper-screen-img {
    width: 380px;
  }
  .swiper-txt h1,
  .swiper-txt h2 {
    font-size: 3rem;
    line-height: 3.5rem;
  }
  .toggle__label {
    top: 30px;
    left: 30px;
  }
  .header-section {
    padding: 26px 30px;
  }
  #discover {
    padding-bottom: auto;
    background-size: 500px auto;
  }
  #discover h3 br {
    display: none;
  }
  h2 {
    font-size: 3.3rem;
  }
  h3 {
    font-size: 2.3rem;
    line-height: 2.8rem;
  }
  #keyfeatures,
  #whoweare,
  #community {
    padding: 6rem 0;
  }
  #community {
    padding-bottom: 0;
  }
  h4 {
    font-size: 5rem;
  }
  .ico {
    width: 80px;
  }
  .btn-stores {
    width: 170px;
  }
  .mob-img {
    display: flex;
    justify-content: flex-end;
    position: absolute;
    left: 0px;
  }
  .swiper-txt-all {
    position: absolute;
    top: 0px;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
  }
  /* .scroll-animate.in-view{ margin-right: -8px; } */

}

/* MD - Tablets */
@media (max-width: 992px) {
  .swiper-screen-img {
    width: 450px;
  }
  .btn-stores {
    width: 130px;
  }
  .mob-img {
    position: absolute;
    bottom: 0;
    left: 0;
  }
  .swiper-txt-all {
    align-items: center;
  }
  .swiper-txt h1,
  .swiper-txt h2 {
    font-size: 3.3rem;
    line-height: 3.8rem;
  }

  .progress-bar-container {
    width: 100%;
  }
  .swiper-txt p {
    font-size: 0.9rem;
    line-height: 1.3rem;
    margin: 5px 0;
  }
  .scroll-downs {
    display: none;
  }
  #discover {
    background-size: 410px auto;
  }
  .ico {
    width: 80px;
  }
  .strategy-bx h3 {
    font-size: 22px;
    line-height: 26px;
    margin-bottom: 10px;
  }
  .conter-bx h1 {
    font-size: 6rem;
  }
  .conter-bx h2 {
    font-size: 1.6rem;
    padding-right: 20px;
  }
  .conter-bx h2 br {
    display: none;
  }
  .conter-bx {
    display: flex;
    justify-content: center;
  }
  .counterside .txt-rig {
    text-align: center;
    padding: 0 0 30px 0;
  }
  .counting {
    border: none;
  }
  #download {
    padding: 3rem 0;
  }
  .logo-ftr {
    margin: 0 auto 20px;
  }
  .txt-right {
    text-align: center;
  }
  .txt-right ul {
    justify-content: center;
    padding-right: 0;
  }
  #footer {
    border-top: 1px solid #efdfe8;
    padding: 40px 0;
  }
}

/* SM - Tablets Portrait */
@media (max-width: 768px) {
  html,
body {
  height: 100%;
  margin: 0;
  padding: 0;
  overflow-x: hidden;
}
  .mob-img {
    position: relative;
    bottom: 0;
    left: 0;
  }
  .swiper-screen-img {
    width: 230px;
    margin: 0 auto;
  }
  .swiper-txt h1,
  .swiper-txt h2 {
    font-size: 2rem;
    line-height: 2.2rem;
    text-align: center;
  }
  .swiper-txt p {
    font-size: 0.9rem;
    line-height: 1.3rem;
    margin: 5px 0;
    text-align: center;
  }
  .swiper-txt br {
    display: none;
  }
  .text-cent,
  .swiper-txt-all {
    align-items: center;
  }
  .btn-stores {
    padding: 8px 15px;
    width: 120px;
    margin-top: 0px;        margin-right: -6px;
  }
  .swiper-txt-all {
    align-items: flex-end;
  }
  .header-section {
    padding: 15px;
  }
  .toggle__label {
    top: 15px;
    left: 30px;
    width: 50px;
    height: 50px;
  }
  .toggle__label span {
    width: 25px;
    height: 20px;
  }
  .logo {
    width: 100px;
  }
.right-menu-lng {
    margin-top: 10px;
            margin-left: 75px;
  }
  .nav__item a {
    height: 45px;
    line-height: 45px;
  }
  .txt-rig {
    text-align: center;
  }
  #discover {
    text-align: center;
    padding: 6rem 0 11rem;
    background-size: 300px auto;
  }
  .discover-pattern {
    background-size: 640px auto;
  }
  .about-title {
    font-size: 3rem;
  }
  .carousel-container {
    margin-top: -110px;
  }
  .card {
    width: 200px;
  }

.card.left-2 {
  transform: translateX(250px) scale(0.8) translateZ(-300px);
}
.card.left-1 {
  transform: translateX(120px) scale(0.9) translateZ(-100px);
}
.card.right-1 {
  transform: translateX(-120px) scale(0.9) translateZ(-100px);
}
.card.right-2 {
  transform: translateX(-250px) scale(0.8) translateZ(-300px);
}

  .member-name {
    font-size: 1.5rem;
  }
  .member-role {
    font-size: 1.2rem;
  }
  .member-name::before,
  .member-name::after {
    width: 50px;
  }
  .member-name::before {
    left: -70px;
  }
  .member-name::after {
    right: -70px;
  }
  .member-info {
    margin-top: -50px;
  }
  .strategy-bx .col-lg-3 {
    border-left: none;
    border-bottom: 1px solid #efdfe8;
  }
  .heart-bg {
    background: none;
    background-size: 60% auto;
    text-align: center;
  }
  .heart-bg h2 {
    font-size: 2rem;
    margin-top: -30px;
  }
  .mrg-top {
    margin-top: -63px;
  }
  .pad-cut {
    padding-bottom: 0 !important;
  }
  #mark h1 {
    font-size: 3rem;
  }
  .txt-right ul li {
    padding-left: 0;
    margin-bottom: 10px;
  }
  .txt-right ul {
    flex-direction: column;
  }
  .txt-right p {
    border-top: 1px solid #efdfe8;
    padding-top: 10px;
  }
  h2 {
    font-size: 2rem;
  }
  h3 {
    font-size: 1.9rem;
    line-height: 2.1rem;
  }
  .conter-bx h1 {
    font-size: 4rem;
  }
  .toggle__label {
    left: 15px;
  }
  .swiper,
  .swiper-slide {
    height: 90vh;
  }
  .text-cent {
    margin-bottom: -10px;
  }
  .btn-store {
    width: 100%;
    justify-content: center;
    margin-top: 12px;
  }
  .btn-stores {
    margin-right: -5px;
    width: 115px;
  }
  .swiper-txt h1,
  .swiper-txt h2 {
    margin-bottom: 8px;
  }
  .nav-arrow {
    display: none;
  }
  h5 {
    font-size: 2.5rem;
  }
  .counterside .txt-rig {
    padding: 0px 15px;
  }
  #download h2 {
    font-size: 2rem;
  }
  .conter-bx h2 {
    font-size: 1rem;
    padding-left: 20px;
  }
  .nav {
    padding-top: 70px;
  }
  .header-section{ padding-left: 0px; }

    .inner .discover-pattern{ padding-top: 50px; }
      .mob-heart{ display: inherit; }
  #whoweare{ padding-top: 2rem; }
  .scroll-animate{transition: none; }

.txt-right ul li{ padding-right: 0px; }

  #keyfeatures .container {--bs-gutter-x: 0rem;}  

.marquee-block {
  animation-duration: 8s;


}

.marquee-row {
    width: 200%;


}
}
/* XS - Mobile */
@media (max-width: 576px) {
  /* Add your mobile-specific styles here if needed */
}