body,
html {
  overflow-x: clip;
}

* {
  box-sizing: border-box;
}

body {
  margin: 0;
  overflow-y: clip;
}

.header {
  background-color: #2861a5;
  padding: 0 16px;
}

.header-logo-brand-left {
  font-family: 'Caladea', serif;
  font-weight: 700;
  font-size: 35px;
  line-height: 28px;
}

.header-logo-brand-right {
  font-family: 'Big Shoulders', sans-serif;
  font-weight: 300;
  font-size: 17px;
  line-height: 28px;
}

.header-logo {
  display: flex;
  align-items: center;
  gap: 7px;
  color: #ffffff;
}

.header-container {
  padding: 21px 0 19px 0;
  display: flex;
  justify-content: space-between;
  max-width: 1157px;
  margin: 0 auto;
}

.header-flag {
  display: flex;
  gap: 12px;
  align-items: center;
  color: #ffffff;
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  font-size: 15px;
  line-height: 24px;
}

.adventorial-text {
  display: none;
}

.info-update {
  margin-top: 29px;
  padding: 0 16px;
}

.info-update-container {
  max-width: 1157px;
  margin: 0 auto;
  padding: 11px 20px 18px 15px;
  background-color: #fffad5;
  border: 1px solid #f2df7d;
  display: flex;
  gap: 6px;
}

.info-attention-text {
  font-family: 'Roboto', sans-serif;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
}

.info-attention-text-highlight {
  font-weight: 700;
  color: #d60101;
}

.info-attention-icon {
  margin-top: 1px;
}

.d-none-desk-icon {
  display: none;
}

.d-none-desk {
  display: none;
}

.article-container {
  max-width: 1157px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.article-left-container {
  /* max-width: 753px; */
}

.text-highlight {
  background-color: #fff281;
  padding: 0 4px;
}

.article-left-hero-title {
  font-family: 'Roboto', sans-serif;
  font-weight: 800;
  font-size: 42px;
  line-height: 50px;
  color: #191919;
}

.article {
  margin-top: 30.86px;
  padding: 0 16px;
}

.article-left {
  padding-top: 15px;
  /* max-width: 753px; */
}

.article-left-hero-subtitle {
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
  font-size: 20px;
  line-height: 32px;
  margin-top: 7px;
}

.article-left-hero-divider {
  width: 749px;
  margin: 0 auto;
  height: 1px;
  background-color: #ebebeb;
  margin-top: 44px;
  margin-bottom: 61px;
}

.hero-divider {
  width: 749px;
  margin: 0 auto;
  height: 1px;
  background-color: #ebebeb;
  margin-top: 61px;
  margin-bottom: 60px;
}

.jet-engine-divider {
  width: 749px;
  margin: 0 auto;
  height: 1px;
  background-color: #ebebeb;
  margin-top: 80px;
  margin-bottom: 76px;
}

.testimonial-divider {
  width: 749px;
  margin: 0 auto;
  height: 1px;
  background-color: #ebebeb;
  margin-top: 55px;
  margin-bottom: 54px;
}

.article-left-hero-author {
  display: flex;
  align-items: center;
  gap: 10px;
}

.article-left-hero-author-text {
  color: #777777;
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-size: 15px;
  line-height: 16px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.article-left-hero-author-comment {
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-size: 17px;
  line-height: 27px;
  color: #707070;
  margin-top: 23.45px;
}

.article-left-hero-author-comment b {
  color: #5f5980;
}

.hero-img {
  /* max-width: 753px; */
  width: 100%;
  height: auto;
  margin-top: 23px;
}

.article-text-hero-body {
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-size: 17px;
  line-height: 27px;
  color: #707070;
  margin-top: 31px;
}

.article-title {
  color: #5f5980;
  font-size: 20px;
  font-weight: 700;
}

.stomach-dropped {
  margin-top: 60px;
}

.article-right {
  position: sticky;
  top: 20px;
  align-self: flex-start;
  padding: 33px 14px 35px 15px;
  border: 1px solid #e3e3e3;
  height: fit-content;
  min-width: 342px;
  max-width: 400px;
  background: #fff;
  z-index: 2;
  margin-bottom: 92px;
}

.article-right-rating-text {
  font-family: 'Inter', sans-serif;
  font-weight: 700;
  font-size: 14px;
  line-height: 14px;
  vertical-align: middle;
  text-transform: uppercase;
  margin-top: 5.66px;
}

.article-right-title {
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
  font-size: 46.65px;
  line-height: 60px;
  text-align: center;
  vertical-align: middle;
  margin-top: 28px;
}

.article-right-subtitle {
  font-family: 'Poppins', sans-serif;
  font-weight: 400;
  font-size: 20.67px;
  line-height: 31.01px;
}

.article-right-img {
  width: 100%;
  height: auto;
  max-width: 311px;
}

.article-right-container {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.cta-btn {
  padding: 14px 6.33px 14px 4.22px;
  background-color: #5f5980;
  font-family: 'Open Sans', sans-serif;
  font-weight: 700;
  font-size: 19px;
  line-height: 32px;
  text-align: center;
  text-decoration: none;
  color: #ffffff;
  border-radius: 4px;
  width: 100%;
  border-bottom: 4px solid #3f3a59;
  margin-top: 27px;
}

.rating-notes {
  width: 100%;
  margin-top: 34px;
  gap: 30px;
  display: flex;
  flex-direction: column;
}

.note {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
  font-size: 13.7px;
  line-height: 14px;
  vertical-align: middle;
}

.by-features {
  margin-top: 20px;
  width: 100%;
}

.by-features-title {
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
  font-size: 18px;
  line-height: 26px;
  text-align: center;
  vertical-align: middle;
}

.features {
  width: 100%;
  margin-top: 20px;
  display: flex;
  flex-direction: column;
  gap: 18px;
}

.feature {
  display: flex;
  justify-content: space-between;
  width: 100%;
}

.feature-name {
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-size: 15px;
  line-height: 26px;
  letter-spacing: 0.5px;
  vertical-align: middle;
}

.feature-rating-note {
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-size: 13.5px;
  line-height: 22px;
  text-align: right;
  vertical-align: middle;
}

.feature-rating {
  display: flex;
  gap: 20px;
  align-items: center;
}

.highest-rated-img {
  /* max-width: 753px; */
  width: 100%;
  height: auto;
  margin-top: 48px;
}

.how-to-get-img {
  /* max-width: 753px; */
  width: 100%;
  height: auto;
  margin-top: 18px;
}

.jet-engine-img {
  /* max-width: 753px; */
  width: 100%;
  height: auto;
  margin-top: 22px;
}

.highest-rated-title {
  font-family: 'Roboto', sans-serif;
  font-weight: 800;
  font-size: 32px;
  line-height: 40px;
  text-transform: capitalize;
}

.highest-rated-description {
  margin-top: 42px;
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-size: 17px;
  line-height: 27px;
  color: #707070;
}

.highest-rated-article-text {
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-size: 17px;
  line-height: 27px;
  color: #707070;
  margin-top: 42px;
}

.jet-engine-title {
  font-family: 'Roboto', sans-serif;
  font-weight: 800;
  font-size: 32px;
  line-height: 40px;
  text-transform: capitalize;
  margin-top: 60px;
}

.jet-engine-article-text {
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-size: 17px;
  line-height: 27px;
  color: #707070;
  margin-top: 51px;
}

.testimonial-main-review {
  font-family: 'Open Sans', sans-serif;
  font-weight: 700;
  font-size: 13px;
  line-height: 14px;
  text-transform: uppercase;
  gap: 12.22px;
  display: flex;
  align-items: center;
  margin-top: 11px;
}

.testimonial-num {
  color: #454545;
}

.testimonial-based {
  color: #9a9a9a;
}

.testimonial-title {
  font-family: 'Roboto', sans-serif;
  font-weight: 800;
  font-size: 32px;
  line-height: 40px;
  text-transform: capitalize;
}

.testimonial-row {
  margin-top: 39.45px;
  display: flex;
  flex-direction: column;
  gap: 38px;
}

.testimonial-profile-name {
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-size: 17px;
  line-height: 27px;
  vertical-align: middle;
}

.testimonial-profile {
  display: flex;
  align-items: center;
}

.testimonial-card {
  padding: 26px 33px 25px 34px;
  background-color: #fafafa;
  border-radius: 10px;
}

.testimonial-rating {
  margin-top: 8px;
  display: flex;
  gap: 13.22px;
  align-items: center;
}

.testimonial-rating-role {
  font-family: 'Roboto', sans-serif;
  font-weight: 600;
  font-size: 20px;
  line-height: 30px;
  vertical-align: middle;
}

.testimonial-date {
  color: #707070;
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  vertical-align: middle;
  margin-top: 5px;
}

.testimonial-verified {
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-size: 17px;
  line-height: 27px;
  vertical-align: middle;
  margin-top: 5px;
  color: #5f5980;
  margin-top: 11.5px;
}

.testimonial-text {
  color: #707070;
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-style: Italic;
  font-size: 17px;
  line-height: 32px;
  vertical-align: middle;
  margin-top: 5.5px;
}

.halo-siren-info {
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-size: 17px;
  line-height: 27px;
  color: #707070;
}

.how-to-get-title {
  font-family: 'Roboto', sans-serif;
  font-weight: 800;
  font-size: 32px;
  line-height: 40px;
}

.how-to-get {
  margin-top: 76px;
}

.how-to-get-description {
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-size: 17px;
  line-height: 27px;
  margin-top: 34px;
  color: #707070;
}

.cta-btn-main {
  padding: 15px 15px 14px 10px;
  background-color: #5f5980;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  color: #ffffff;
  border-radius: 4px;
  font-family: 'Open Sans', sans-serif;
  font-weight: 700;
  font-size: 20px;
  line-height: 32px;
  text-align: center;
  margin-top: 31px;
  /* max-width: 713px; */
  align-self: center;
  margin: 31px 19.5px 30px 19.5px;
  border-bottom: 4px solid #3f3a59;
}

.discount-card {
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-size: 20px;
  line-height: 31px;
  padding: 31px 22px 21px 22px;
  background-color: #fdf0b1;
  border: 3px solid #000000;
  border-style: dashed;
  margin-bottom: 92px;
}

.red-highlight {
  color: #c50303;
}

footer {
  background-color: #5f5980;
  padding: 57.31px 16px 92.72px 16px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

footer .footer-text {
  max-width: 1068px;
  margin: 0 auto;
  font-size: 13px;
  line-height: 17px;
  text-align: center;
  color: #fbfbfb;
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
}

.footer-text a {
  color: #fbfbfb;
}

.dmca-img {
  margin-top: 36px;
}

.floating-bar {
  display: none;
}

.hidden {
  display: none !important;
}

@media only screen and (max-width: 1140px) {
  .article-right {
    display: none;
  }

  .article-container {
    display: block;
  }
}

@media only screen and (max-width: 991px) {
  body,
  html {
    overflow-x: hidden;
  }

  body {
    margin: 0;
    overflow-y: hidden;
  }
  .info-attention-text {
    font-size: 14px;
    line-height: 24px;
  }
  .dmca-img {
    margin-top: 10px;
    width: 94.92px;
    height: 16px;
  }
  footer {
    padding: 15px 57px 21px 48px;
  }

  footer .footer-text {
    font-size: 8px;
    line-height: 10px;
  }
  .discount-card {
    padding: 31px 22px 30px 22px;
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 41px;
  }

  .cta-btn-main {
    padding: 10px 42px 11px 44px;
    font-size: 18px;
    line-height: 22px;
    margin: 17px 0 34px 0;
  }

  .how-to-get-description {
    font-size: 14px;
    line-height: 20px;
    margin-top: 26px;
  }

  .how-to-get-title {
    font-size: 22px;
    line-height: 26px;
  }

  .how-to-get {
    margin-top: 47px;
  }

  .halo-siren-info {
    font-size: 14px;
    line-height: 20px;
  }

  .testimonial-row {
    margin-top: 32.45px;
    gap: 23px;
  }

  .testimonial-title {
    font-size: 22px;
    line-height: 26px;
  }

  .testimonial-main-review {
    gap: 10.22px;
    font-size: 12px;
    line-height: 14px;
    margin-top: 14px;
  }

  .testimonial-profile {
    gap: 13px;
  }

  .testimonial-date {
    font-size: 14px;
    line-height: 24px;
  }

  .testimonial-text {
    font-size: 14px;
    line-height: 20px;
  }

  .testimonial-verified {
    margin-top: 16.5px;
  }

  .testimonial-card {
    padding: 26px 33px 33px 33px;
  }

  .testimonial-rating {
    gap: 8.22px;
  }

  .testimonial-rating-role {
    font-size: 14px;
  }

  .jet-engine-title {
    margin-top: 28px;
    font-size: 22px;
    line-height: 26px;
  }

  .jet-engine-article-text {
    margin-top: 22px;
    font-size: 14px;
    line-height: 20px;
  }

  .highest-rated-title {
    font-size: 22px;
    line-height: 26px;
  }

  .highest-rated-img {
    margin-top: 19px;
  }

  .how-to-get-img {
    margin-top: 13px;
  }

  .highest-rated-description {
    font-size: 14px;
    line-height: 20px;
    margin-top: 25px;
  }

  .highest-rated-article-text {
    font-size: 14px;
    line-height: 20px;
    margin-top: 32px;
  }

  .hero-divider,
  .testimonial-divider,
  .jet-engine-divider {
    width: 100%;
    margin-top: 32px;
    margin-bottom: 32px;
  }

  .article-text-hero-body {
    margin-top: 25px;
    font-size: 14px;
    line-height: 20px;
  }

  .article-title {
    font-size: 14px;
    line-height: 20px;
  }

  .stomach-dropped {
    margin-top: 25px;
  }

  .article-left-hero-author-comment {
    margin-top: 35.45px;
    font-size: 14px;
    line-height: 20px;
  }

  .article-left-hero-author {
    justify-content: center;
  }

  .article-left-hero-subtitle {
    margin-top: 15px;
    font-size: 16px;
    line-height: 24px;
  }

  .article-left-hero-divider {
    margin-top: 35px;
    margin-bottom: 42px;
    width: 100%;
  }

  .article {
    margin-top: 17px;
  }

  .article-left {
    padding-top: 0;
  }

  .article-left-hero-title {
    font-size: 32px;
    line-height: 37px;
    margin-left: -2px;
    margin-right: -2px;
  }

  .info-update {
    margin-top: 15px;
  }

  .d-none-mob {
    display: none;
  }

  .d-none-desk {
    display: block;
  }

  .d-none-desk-icon {
    display: inline;
    margin-bottom: -5px;
  }

  .adventorial {
    background-color: #ececec;
  }
  .adventorial-text {
    display: block;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    color: #464646;
    text-align: center;
  }

  .header-flag {
    display: none;
  }

  .header-container {
    justify-content: center;
    padding-left: 0;
    padding-right: 0;
  }

  .info-update-container {
    padding: 7px 12px;
  }
}

@media only screen and (max-width: 684px) {
  .hero-img,
  .jet-engine-img,
  .how-to-get-img,
  .highest-rated-img {
    margin-left: -16px;
    width: calc(100% + 32px);
  }
}

@media (max-width: 600px) {
  .floating-bar .cta-btn {
    margin-top: 0;
  }

  .floating-bar {
    display: flex;
    justify-content: center;
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    background-color: #ffffff;
    transition: 0.115s ease-in-out;
    padding: 9px 14px 12px 14px;
    z-index: 1000;
  }

  .floating-bar .cta-container {
    margin-top: 0;
    width: 100%;
  }

  .floating-bar .cta-how-it-woks {
    padding: 0;
  }
}