/* 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: 5rem;
    line-height: 5.5rem;
  }
  .ico {
    width: 80px;
  }
}

/* LG - Desktops */
@media (max-width: 1200px) {
  .swiper-screen-img {
    width: 380px;
  }
  .swiper-txt h1,
  .swiper-txt h2 {
    font-size: 4.3rem;
    line-height: 4.8rem;
  }
  .toggle__label {
    top: 30px;
    right: 44px;
  }
  .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;
    right: 0px;
  }
  .swiper-txt-all {
    position: absolute;
    top: 0px;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
  }
}

/* MD - Tablets */
@media (max-width: 992px) {
  .swiper-screen-img {
    width: 450px;
  }
  .btn-stores {
    width: 130px;
  }
  .mob-img {
    position: absolute;
    bottom: 0;
    right: 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-left: 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-left: 0;
  }
  #footer {
    border-top: 1px solid #efdfe8;
    padding: 40px 0;
  }
}

/* SM - Tablets Portrait */
@media (max-width: 768px) {
  .mob-img {
    position: relative;
    bottom: 0;
    right: 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;
  }
  .swiper-txt-all {
    align-items: flex-end;
  }
  .header-section {
    padding: 15px;
  }
  .toggle__label {
    top: 15px;
    right: 30px;
    width: 50px;
    height: 50px;
  }
  .toggle__label span {
    width: 25px;
    height: 20px;
  }
  .logo {
    width: 100px;
  }
  .right-menu-lng {
    margin-top: 10px;
    margin-right: 60px;
  }
  .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-right: 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 {
    right: 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;
  }
  .inner .discover-pattern{ padding-top: 50px; }
  .mob-heart{ display: inherit; }
  #whoweare{ padding-top: 2rem; }
.scroll-animate{transition: none; }


}

/* XS - Mobile */
@media (max-width: 576px) {
  /* Add your mobile-specific styles here if needed */
}
