.offer-row {
    width: 100%;
    background: #F4F1EC;
  }
  .offer-info-row {
    margin: 35px auto;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    max-width: 1400px;
    width: 95%;
    padding: 25px;
  }
  .offer-info-row h3 {
    margin: 10px 0 0;
    font-size: 1.75em;
    line-height: 1.3;
    font-weight: 700;
    color: #0b2572;
  }
  .offer-info-row p {
    margin: 10px 0 20px;
    font-size: 1.35em;
    line-height: 1.3;
    color: #0b2572;
  }
  .offer-info-img {
    width: 32%;
    padding: 5px;
  }
  .offer-info-img img {
    display: block;
    height: auto;
    max-width: 100%;
    width: 100%;
    border-radius: 8px 8px 0 0;
  }
  .offer-info-img-text {
    margin: auto;
    padding: 8px 16px 16px;
    background: white;
    border-radius: 0 0 8px 8px;
  }
.offer-cta {
  text-align: center;
}
  .offer-cta a.a-btn--primary {
    color: white;
    background-color: #0b2572;
    border: 2px solid #0b2572;
    padding: 0.75em 1.5em;
    width: 100%;
  }
  .offer-cta a.a-btn--primary:hover {
    color: #0b2572;
    background-color: transparent;
  }
  .contacts-cta {
    margin: 0 auto 50px;
    text-align: center;
  }
  .contacts-cta a.a-btn--primary {
    background-color: #004ca3;
    border: 2px solid #004ca3;
    padding: 0.5em 1.5em;
  }
  .contacts-cta a.a-btn--primary:hover {
    color: #004ca3;
    background-color: transparent;
  }
  .lens-brands-header {
    margin: 25px auto 0;
  }
  .lens-brands-header h2 {
    font-size: 2em;
    font-weight: 700;
    color: black;
    text-align: center;
  }
  .lens-brands {
    max-width: 1200px;
    margin: 0 auto 35px;
    padding: 12px 0 0 12px;
  }
  .lens-brands a {
    display: inline-block;
    position: relative;
    z-index: 2;
    margin: 0 6px 6px 0;
    width: 227px;
    height: 80px;
    text-indent: -9999px;
    overflow: hidden;
    border: 1px solid #ccc;
    border-radius: 2px;
  }
  .lens-brands a:hover {
    box-shadow: inset 0 4px 6px rgb(0 0 0 / 0.15);
  }
  @media (max-width: 1240px) {
    .lens-brands {
      max-width: 992px;
    }
    .lens-brands a {
      margin: 0 6px 6px 0;
      width: 186px;
    }
  }
    @media (max-width: 1199px) {
      .offer-info-row h3 {
    font-size: 1.5em;
  }
  .offer-info-row p {
    font-size: 1.2em;
  }
    }
  @media (max-width: 991px) {
    .offer-info-row {
      width: 100%;
    }
    .offer-info-row h3 {
      font-size: 1.4em;
    }
    .offer-info-row p {
      font-size: 1.15em;
    }
  }
  @media (max-width: 767px) {
    .offer-info-row {
      flex-direction: column;
      justify-content: center;
      margin: auto;
      padding: 0;
      width: 95%;
    }
    .offer-info-img {
      width: 95%;
      margin: 25px auto;
    }
    .offer-info-row h3 {
      font-size: 1.9em;
      margin-top: 15px;
    }
    .offer-info-row p {
      font-size: 1.5em;
    }
  }
  @media (max-width: 540px) {
    .offer-info-img-text {
      width: 100%;
    }
  }
  @media (max-width: 480px) {
    .offer-info-row h3,
    .lens-brands-header h2 {
      font-size: 1.5em;
    }
    .offer-info-row p {
      font-size: 1.2em;
    }
  }
  @media (max-width: 1060px) {
    .lens-brands {
      max-width: 900px;
    }
    .lens-brands a {
      width: 168px;
    }
  }
  @media (max-width: 991px) {
    .lens-brands {
      max-width: 820px;
    }
    .lens-brands a {
      width: 153px;
    }
  }
  @media (max-width: 840px) {
    .lens-brands {
      max-width: 760px;
    }
    .lens-brands a {
      width: 140px;
    }
  }
  @media (max-width: 767px) {
    .lens-brands {
      max-width: 610px;
    }
  }
  @media (max-width: 628px) {
    .lens-brands {
      max-width: 345px;
      padding: 10px 0 0 10px;
    }
    .lens-brands a {
      width: 158px;
      height: 70px;
      margin: 0 6px 6px 0;
    }
  }
  @media (max-width: 360px) {
    .lens-brands {
      max-width: 310px;
    }
    .lens-brands a {
      width: 140px;
    }
  }
  
  .lens-brands a.sofmed {
    background: url("../svg/sofmed0736.svg?context=bWFzdGVyfGltYWdlc3w1NDA5fGltYWdlL3N2Zyt4bWx8aDBhL2hlZC85MDY3ODQxNTE5NjQ2L3NvZm1lZC5zdmd8YzljNzFiNWEyYjM3Y2QzZjY2MzlhMmQxODJmMTA1OGRmMDkzNDE2Y2I5ZTdkOTlkNTg5MWQ0ZmViNmIxMDQwMA")
      center center / 74% 80% no-repeat;
  }
  .lens-brands a.acuvue {
    background: url("../svg/acuvuea51f.svg?context=bWFzdGVyfGltYWdlc3wyNjE2fGltYWdlL3N2Zyt4bWx8aDliL2hmNC85MDY3ODQxNzgxNzkwL2FjdXZ1ZS5zdmd8YWQ4M2I5YTE4YTRiZDk0MDQ3NTc5MzMxY2VmYTdmNGRmNzU1MDA2M2Q3NjQ0ODU0ZDRmYjQyNTViNzJmMGEyYQ")
      center center / 80% 80% no-repeat;
  }
  .lens-brands a.air-optix {
    background: url("../svg/air-optix7bbe.svg?context=bWFzdGVyfGltYWdlc3w0OTA0fGltYWdlL3N2Zyt4bWx8aGVhL2hiOS85MDY3ODQyMDQzOTM0L2Fpci1vcHRpeC5zdmd8MDAyY2ZiZWUyOTk5MzQ1MDNkMDRhY2M5ZmU1YWI2NzNlMmI2NjQwNzJkMGIyNDAxMDQ0OTg0ODgyZGQ1NmVkNw")
      center center / 90% 80% no-repeat;
  }
  .lens-brands a.biofinity {
    background: url("../svg/biofinity5953.svg?context=bWFzdGVyfGltYWdlc3wzNDQ4fGltYWdlL3N2Zyt4bWx8aGRmL2hlMS85MDcxMjgxMTQzODM4L2Jpb2Zpbml0eS5zdmd8NDU2Yjc1MTBkZWFjNjkwMWE0ZjAxOGQxODQxMGNhYzQ0NzhkZWIzNTEyMDZhOTU3NDkzMDlmZDQ1MjRmMDI5ZA")
      center center / 74% 80% no-repeat;
  }
  .lens-brands a.biotrue {
    background: url("../svg/biotruecb4f.svg?context=bWFzdGVyfGltYWdlc3w1NDM4fGltYWdlL3N2Zyt4bWx8aGFmL2hlOC85MDcxMjgxMzQwNDQ2L2Jpb3RydWUuc3ZnfDVkMzVhNzQyMmY4YTZlYWRhZjNhZjcxY2M5ZDQ4NTk3Y2IxYjJjYjJhYjUyNGQ2ZWUyNmY0NmFiYzAwZmNhNmU")
      center center / 74% 80% no-repeat;
  }
  .lens-brands a.dailies {
    background: url("../svg/dailies4d63.svg?context=bWFzdGVyfGltYWdlc3w1MDkxfGltYWdlL3N2Zyt4bWx8aDBkL2hmZC85MDcxMjgxOTMwMjcwL2RhaWxpZXMuc3ZnfGU5Nzg4OGY5NDg4N2JlNDI5MDNjMzdhMDJkZGI0MWRjYmI1MjZjZDQwMWU4MTFjNjk3ZDU3YWYyY2E1ZWRiOTg")
      center center / 74% 80% no-repeat;
  }
  .lens-brands a.proclear {
    background: url("../svg/proclear1c6e.svg?context=bWFzdGVyfGltYWdlc3wzMjkxfGltYWdlL3N2Zyt4bWx8aDg5L2hiNC85MDcxMjgyMTI2ODc4L3Byb2NsZWFyLnN2Z3w0OGE3OWJlYWQ4OGI5N2FkZTcwMTAyZjVlYjgzZmUyMjhmMGFjZWE1NWViNmVhMGRmNGIxNmZjN2RhNDcwN2Ni")
      center center / 74% 80% no-repeat;
  }
  .lens-brands a.precision1 {
    background: url("../svg/precision-1bfb7.svg?context=bWFzdGVyfHJvb3R8NDU1OXxpbWFnZS9zdmcreG1sfGhkMS9oMDkvOTM3Mzc5NzEyMjA3OC9QcmVjaXNpb24tMS5zdmd8MDNkZTBkZGExYjNjZGIxMmY1ZjA1ZDM4MWJjMTcyM2UzN2JjODE4ZjY5YTgwYzg1NzQ1NThkYTQ1NzExNTEyZg")
      center center / 90% 90% no-repeat;
  }
  .lens-brands a.ultra {
    background: url("../svg/ultra0c33.svg?context=bWFzdGVyfGltYWdlc3wxNjc1fGltYWdlL3N2Zyt4bWx8aDNkL2hmNi85MDcxMjgxNzMzNjYyL3VsdHJhLnN2Z3w4Y2U3YzFmMDdmYzJiNjIyNzZiMjQwMTBjZGQwNTRjNTZjMDZhNjk0OWJkNjZmZTZmNzgxNGU3MjQ3YTJlNmJj")
      center center / 74% 80% no-repeat;
  }
  .lens-brands a.clariti {
    background: url("../svg/clarityfe92.svg?context=bWFzdGVyfHJvb3R8MjI4NHxpbWFnZS9zdmcreG1sfGg4Mi9oZDIvOTM3Mzc5NTQ4MzY3OC9jbGFyaXR5LnN2Z3w5ZmE5NzdkNjBiMzZhNWUwYzU2ODgyZWM3ZjY0MDA4ZDM1Zjc5Mjk3YmJmZWQ2ZmIyMzc1YWUxYjY1ZTBkNjcw")
      30px center / 80% 100% no-repeat;
  }
  @media (max-width: 1199px) {
    .lens-brands a.clariti {
      background: url("../svg/clarityfe92.svg?context=bWFzdGVyfHJvb3R8MjI4NHxpbWFnZS9zdmcreG1sfGg4Mi9oZDIvOTM3Mzc5NTQ4MzY3OC9jbGFyaXR5LnN2Z3w5ZmE5NzdkNjBiMzZhNWUwYzU2ODgyZWM3ZjY0MDA4ZDM1Zjc5Mjk3YmJmZWQ2ZmIyMzc1YWUxYjY1ZTBkNjcw")
        25px center / 80% 100% no-repeat;
    }
  }