img {
  user-select: none;
  pointer-events: none;
}

@media (max-width: 1200px) {
    .heading-2 {
      font-size: 40px;
      line-height: 48px;
    }
    .hero-section__div_left__siteLogo {
      width: 270px;
    }
    .hero-section__div_left h1 {
      font-size: 54px;
      line-height: 64px;
      margin: 40px 0 10px 0;
    }
    .hero-section__div_left p {
      margin-bottom: 20px;
    }
    .hero-section__div_left__users {
      margin-top: 30px;
    }
    .proceed-section__flex {
      grid-template-columns: 1fr 120px 1fr 120px 1fr;
    }
    .offers-section__div {
      padding: 80px 0;
    }
    .faq_floatImg_1 {
      top: 0;
      width: 170px;
    }
    .subscribe_floatImg_1 {
      width: 160px;
    }
    .subscribe_floatImg_2 {
      top: -100px;
      width: 160px;
    }
  
    .hero__img-main {
      width: 90%;
    }
  
    .hero__img-1 {
      width: 85%;
    }
    /* .hero__img-2 {
      width: 85%;
    } */
    .hero__img-3 {
      width: 85%;
    }
  
    .img-1-container {
      left: -15%;
      top: 5.5%;
    }
  
    .img-2-container {
      left: 77%;
      top: 80%;
    }
  
    .img-3-container {
      left: -10%;
      top: 36%;
    }
  }
  
  @media (max-width: 1100px) {
    .hero__img-main {
      width: 80%;
    }
  
    .hero__img-1 {
      width: 70%;
    }
    /* .hero__img-2 {
      width: 80%;
    } */
    .hero__img-3 {
      width: 70%;
    }
  
    .img-1-container {
      left: -2%;
      top: 12%;
    }
  
    .img-2-container {
      left: 73%;
      top: 75%;
    }
  
    .img-3-container {
      left: 2%;
      top: 38%;
    }
  }
  
  @media (max-width: 1024px) {
    .hero-section__div {
      grid-column-gap: 15px;
      padding: 90px 0 80px 0;
    }
    .hero-section__div_left__siteLogo {
      width: 230px;
    }
    .hero-section__div_left h1 {
      font-size: 43px;
      line-height: 52px;
    }
    .hero-section__div_left p {
      font-size: 17px;
    }
    .hero-section__div_left__inputDiv input {
      height: 58px;
    }
  
    .hero-section__div_left__inputDiv button {
      padding: 0px 26px 0px 26px;
      height: 47px;
    }
  
    .proceed-section-flex > div {
      padding: 45px 20px;
    }
    .proceed-section__flex {
      grid-template-columns: 1fr 100px 1fr 100px 1fr;
      grid-column-gap: 5px;
    }
    .offers-section__div__flex {
      grid-template-columns: repeat(3, 1fr);
      grid-column-gap: 25px;
      grid-row-gap: 25px;
    }
    .offers-section__div {
      padding: 70px 0;
    }
    .heading-2 {
      font-size: 30px;
      line-height: 37px;
    }
    .discount-section__flex {
      display: grid;
      grid-column-gap: 40px;
    }
    .offers-section__div__flex__card a h4 {
      font-size: 22px;
      line-height: 29px;
    }
    .offers-section__div__flex__card a div {
      padding: 36px 18px 24px 18px;
    }
    .accordion-title {
      padding: 15px 0;
    }
  
    /* --------------Legal and other Pages------------------- */
    .terms-section {
      margin: 80px auto;
    }
    .terms-section h2 {
      font-size: 40px;
      line-height: 50px;
    }
  
    .terms-section h3 {
      font-size: 30px;
      line-height: 39px;
    }
    .hero__img-main {
      width: 80%;
    }
  
    .hero__img-1 {
      width: 65%;
    }
  
    .img-1-container {
      left: -2%;
      top: 14%;
    }
    .img-3-container {
      left: 2%;
      top: 42%;
    }
  
    .img-2-container {
      left: 66%;
      top: 75%;
    }
  }
  
  @media (max-width: 800px){
    .modal-subscriptions-succesful {
      width: 90%;
    }
    .modal-subscription-information{
      width: 80%;
    }
    .modal-subscription-information h3{
      font-size: 30px;
    }
  }

  @media (max-width: 768px) {
    .hero-section__div_left__siteLogo {
      width: 210px;
    }
    .hero-section__div {
      display: flex;
      grid-template-columns: none;
      grid-column-gap: 0;
      row-gap: 50px;
      padding: 60px 0;
      flex-direction: column;
      justify-content: flex-start;
      align-items: flex-start;
    }
    .heroImg__web {
      display: none;
    }
    .heroImg__mob {
      display: block;
    }
    .hero-section__div_left h1 {
      font-size: 38px;
      line-height: 47px;
    }
    .hero-section__div_left__inputDiv {
      max-width: 100%;
      width: 100%;
    }
    .hero-section__div_left {
      width: 100%;
    }
    .hero-section__div_right {
      width: 70%;
      margin: 0 auto;
    }
    .proceed-section__flex {
      grid-template-columns: repeat(1, 1fr);
      grid-column-gap: 0;
      grid-row-gap: 17px;
    }
    .arrow__img {
      display: none;
    }
  
    .proceed-section__flex .proceed-section__flex__card p {
      font-size: 17px;
      line-height: 26px;
    }
    .proceed-section__flex .proceed-section__flex__card {
      padding: 35px 25px;
    }
    .offers-section__div__flex {
      grid-template-columns: repeat(2, 1fr);
    }
    .offers-section__div {
      padding: 60px 0;
    }
    .heading-2 {
      font-size: 27px;
      line-height: 34px;
    }
    .footer__copyright {
      font-size: 14px;
      line-height: 18px;
      padding: 15px 10px;
    }
    .discount-section__flex {
      display: flex;
      grid-template-columns: repeat(0, 0);
      grid-column-gap: 0;
      row-gap: 30px;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
    }
    .discount-section {
      height: max-content;
    }
    .discount-section__flex__right {
      margin: 0 auto;
      width: 100%;
      text-align: center;
    }
  
    .discount-section__flex__right img {
      height: 380px;
      width: 380px;
    }
    .discount-section h2 {
      text-align: center;
    }
    .discount-section {
      padding-bottom: 30px;
    }
    .faq-section__div > h2 {
      text-align: center;
      margin-bottom: 35px;
    }
    .offers-section__div__flex__card a h4 {
      font-size: 21px;
      line-height: 29px;
    }
  
    .offers-section__div__flex__card a p {
      margin-top: 2px;
      font-size: 16px;
      line-height: 25.6px;
    }
    .moreOffers__btn {
      padding: 17px 32px 17px 32px;
    }
    .faq_floatImg_1 {
      top: 0;
      width: 120px;
    }
    .subscribe_floatImg_1 {
      width: 110px;
    }
    .subscribe_floatImg_2 {
      top: -70px;
      width: 120px;
    }
    .faq-section {
      padding: 50px 0;
    }
  
    .accordion-title {
      padding: 14px 0;
    }
    .reels-section {
      background-color: #f8f8f8;
      padding: 40px 0;
    }
    .joinInsta_btn2 {
      display: block;
      margin: 0 auto;
    }
    .joinInsta_btn1 {
      display: none;
    }
    .reels-section__heading {
      justify-content: center;
    }
    .reels-section__heading h2 {
      text-align: center;
    }
    .mySwiper {
      margin: 30px 0 30px 0;
    }
    /* --------------Legal and other Pages------------------- */
    .terms-section {
      margin: 70px auto;
    }
    .terms-section h2 {
      font-size: 34px;
      line-height: 44px;
      margin-bottom: 20px;
    }
  
    .terms-section h3 {
      font-size: 26px;
      line-height: 35px;
    }
  
    .hero__img-main {
      width: 100%;
      border-radius: 62.43px 0 62.43px 62.43px;
    }
  
    .hero__img-1 {
      width: 60%;
    }
    /* .hero__img-2 {
      width: 80%;
    } */
    .hero__img-3 {
      width: 60%;
    }
  
    .img-1-container {
      left: -8%;
      top: 80%;
    }
  
    .img-2-container {
      left: 75%;
      top: -8%;
    }
  
    .img-3-container {
      left: -5%;
      top: 100%;
    }
  }
  
  @media (max-width: 576px) {
    .hero-section__div_left__siteLogo {
      width: 160px;
    }
    .hero-section__div_left h1 {
      font-size: 35px;
      line-height: 40px;
      margin-top: 30px;
    }
    .hero-section__div_left p {
      font-size: 16px;
      line-height: 25.6px;
    }
    .hero-section__div_left > p:first-of-type {
      display: none;
    }
    .hero-section__div_left > p:last-of-type {
      display: block;
    }
  
    .hero-section__div_right {
      width: 95%;
      margin: 0 auto;
    }
    .hero-section__div_left__inputDiv input {
      height: 52px;
    }
    .hero-section__div_left__inputDiv button {
      position: relative;
      right: 0;
      top: 0;
      transform: translateY(0);
      margin-top: 10px;
      width: 100%;
      height: 52px;
    }
    .proceed-section h2 {
      margin-bottom: 32px;
    }
    .proceed-section__flex .proceed-section__flex__card p {
      font-size: 16px;
      line-height: 26px;
    }
    .proceed-section__flex .proceed-section__flex__card {
      padding: 30px 30px 30px 20px;
    }
    .offers-section__div__flex {
      grid-template-columns: repeat(1, 1fr);
      grid-column-gap: 0;
      grid-row-gap: 20px;
    }
    .offers-section__div__flex__card a h4 {
      font-size: 20px;
      font-weight: 600;
      line-height: 26px;
    }
    .offers-section__div__flex__card a div {
      padding: 36px 15px 15px 15px;
    }
    .heading-2 {
      font-size: 26px;
      line-height: 34px;
    }
    .discount-section__flex__right img {
      height: 100%;
      width: 100%;
    }
    .faq_floatImg_1 {
      display: none;
    }
    .faq-section__div > h2 {
      margin-bottom: 20px;
    }
    .subscribe_floatImg_1 {
      display: none;
    }
    .subscribe_floatImg_2 {
      display: none;
    }
    .subscribe-section__div {
      padding: 40px 0;
    }
    .swiper-slideReels {
      height: 330px;
    }
    .terms-section {
      margin: 60px auto;
    }
    .terms-section h2 {
      font-size: 30px;
      line-height: 40px;
      margin-bottom: 20px;
    }
  
    .terms-section h3 {
      font-size: 20px;
      line-height: 30px;
      margin-bottom: 10px;
    }
  
    .hero-section__div_right {
      padding: 25px;
    }
  
    .hero__img-main {
      width: 100%;
    }
  
    .hero__img-1 {
      width: 55%;
    }
  
    .hero__img-3 {
      width: 60%;
    }
  
    .img-1-container {
      left: -5%;
      top: 79%;
    }
    .img-2-container {
      left: 70%;
      top: -5%;
    }
  
    .img-3-container {
      left: -3%;
      top: 100%;
    }
  }
  
  @media (max-width: 476px) {
    .hero__img-1 {
      width: 45%;
    }
  
    .hero__img-3 {
      width: 45%;
    }
    .img-3-container {
      left: -3%;
      top: 100%;
    }
    .img-2-container {
      left: 61%;
      top: -4%;
    }
  }
  
  @media (max-width: 376px) {
    .img-3-container {
      left: -3%;
      top: 100%;
    }
    .img-2-container {
      left: 65%;
      top: -5%;
    }
    .img-1-container {
      left: -5%;
      top: 74%;
    }
    .hero__img-2 {
      width: 90px;
    }
  
    .faq-section__div .heading-2 {
      font-size: 20px;
    }
  }
  
  @media (max-width: 250px) {
    .hero__img-2 {
      width: 75px;
    }
  
    .img-2-container {
      left: 62%;
      top: -5%;
    }
  
    .img-1-container {
      left: -5%;
      top: 65%;
    }
  }