:root {
  --color-6: #001231;
  --color-7: #f26322;
  --color: white;
  --color-4: #001231;
  --color-5: #c49399;
  --color-3: #001e44;
  --color-2: #333;
  --white: white;
  --black: black;
}

h1 {
  text-transform: uppercase;
  margin-top: 20px;
  margin-bottom: 10px;
  font-family: itc-avant-garde-gothic-pro, sans-serif;
  font-size: 4.5em;
  font-weight: 500;
  line-height: 1.1em;
}

h2 {
  margin-top: 0;
  margin-bottom: 10px;
  font-family: itc-avant-garde-gothic-pro, sans-serif;
  font-size: 3.5em;
  font-weight: 700;
  line-height: 1.1em;
}

h3 {
  color: var(--color-6);
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 20px;
  font-family: itc-avant-garde-gothic-pro, sans-serif;
  font-size: 2.5em;
  font-weight: 500;
  line-height: 1.2em;
}

h4 {
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-top: 10px;
  margin-bottom: 10px;
  font-family: itc-avant-garde-gothic-pro, sans-serif;
  font-size: 22px;
  font-weight: 500;
  line-height: 1.1em;
}

h6 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 5em;
  font-weight: 700;
  line-height: 1.2em;
}

p {
  margin-bottom: 20px;
}

.body {
  font-family: news-gothic-std, sans-serif;
  font-size: 17px;
  line-height: 1.75em;
}

.ip-hero {
  background-image: linear-gradient(191deg, #fff0 51%, #000 93%), url('../images/mature-adults-reading-on-couch.jpg');
  background-position: 0 0, 0 40%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  justify-content: flex-start;
  align-items: flex-end;
  height: 95vh;
  padding: 5%;
  display: flex;
}

.ip-hero-wrapper {
  width: 65%;
}

.hero-text {
  color: var(--color);
  letter-spacing: 1px;
  font-size: 1.9em;
  line-height: 1.2em;
}

.pillar-h2-white {
  color: var(--color) !important;
  margin-bottom: 0 !important;
}

.button-container {
  margin-top: 25px;
}

.button-container.center {
  flex-flow: wrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.pillar-button {
  background-color: var(--color-7);
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-bottom: 10px;
  margin-right: 10px;
  padding: 15px 30px;
  font-weight: 700;
}

.pillar-button:hover {
  color: var(--color-7);
  background-color: var(--white) !important;
}

.button.marg {
  color: var(--color);
  margin-bottom: 1%;
  margin-right: 1%;
  font-size: 16px;
  font-weight: 700;
}

.button.marg:hover {
  background-color: var(--color-7);
  color: var(--color);
}

.pillar-button._2 {
  background-color: var(--color-4);
  color: var(--color);
  margin-bottom: 1%;
  font-size: 16px;
  font-weight: 700;
}

.pillar-button._2:hover {
  background-color: var(--color-5);
}

.what-section {
  padding-top: 2%;
  padding-bottom: 4%;
}

.what-wrapper {
  width: 90%;
  max-width: 1600px;
  min-height: auto;
  margin-left: auto;
  margin-right: auto;
}

.breadcrumb-holder {
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 2%;
  display: flex;
}

.breadcrumb-link {
  color: var(--color-6);
}

.breadcrumb-link:hover {
  color: var(--color-7);
}

.breadcrumb-link.current {
  color: var(--color-3);
  text-decoration: none;
}

.breadcrumb-link.current:hover {
  color: var(--color-7);
}

.breadcrumb-arrows {
  margin-left: 10px;
  margin-right: 10px;
  font-size: .6em;
}

.cataract-holder {
  justify-content: space-between;
  display: flex;
}

.what-content {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 50%;
  min-height: 500px;
  padding: 20px 4% 0% 0%;
  display: flex;
}

.what-image {
  object-fit: cover;
  width: 50%;
  min-height: 400px;
}

.image-cover {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.cause-holder {
  justify-content: space-between;
  margin-top: 3%;
  display: flex;
}

.cause-image {
  object-fit: cover;
  width: 50%;
  min-height: 400px;
}

.cause-content {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 50%;
  padding: 20px 0% 0% 4%;
  display: flex;
}

.symptom-section {
  background-color: #001e440d;
  padding-top: 4%;
  padding-bottom: 4%;
}

.symptom-wrapper {
  width: 85%;
  min-height: auto;
  margin-left: auto;
  margin-right: auto;
}

.h3-center, .center-text {
  text-align: center;
}

.tabs {
  justify-content: center;
  align-items: stretch;
  width: 75%;
  height: auto;
  margin-top: 4%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.tabs-menu {
  flex-flow: column;
  width: 40%;
  display: flex;
}

.tab-pane {
  object-fit: cover;
  width: auto;
  height: 100%;
}

.tabs-content {
  width: 60%;
}

.tab-link {
  border-bottom: 1px solid var(--color-7);
  letter-spacing: 1px;
  background-color: #ddd0;
  justify-content: flex-start;
  align-items: center;
  height: 16.66%;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 1.2em;
  line-height: 2em;
  display: flex;
}

.tab-link:hover {
  background-color: var(--color-7);
  color: #fff !important;
}

.tab-link.w--current {
  background-color: var(--color-6);
  color: var(--color);
}

.tab-image {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.cta-section {
  background-image: linear-gradient(#0000008c, #0000008c), url('../images/happy-senior-couple-drinking-coffee.jpg');
  background-position: 0 0, 50% 30%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  background-attachment: scroll, fixed;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  min-height: 0;
  padding-top: 5%;
  padding-bottom: 5%;
  display: flex;
}

.cta-wrapper {
  width: 65%;
  min-height: auto;
}

.cta-title {
  font-family: itc-avant-garde-gothic-pro, sans-serif;
  font-size: 4.5em;
  font-weight: 700;
  line-height: 1.2em;
}

.cta-title.white-center {
  color: var(--color);
  text-align: center;
  margin-bottom: 35px;
  font-size: 3.5em;
  font-weight: 700;
}

.surgery-section {
  padding-top: 4%;
  padding-bottom: 4%;
}

.surgery-wrapper {
  justify-content: space-between;
  align-items: center;
  width: 90%;
  max-width: none;
  min-height: auto;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.type-section {
  background-color: var(--color-3);
  background-image: radial-gradient(circle, #8097b633, #0006);
  padding-top: 4%;
  padding-bottom: 4%;
}

.type-wrapper {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 90%;
  max-width: 1800px;
  min-height: auto;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.h3-white-center {
  color: var(--color);
  text-align: center;
}

.card-icon {
  width: 75px;
  height: 75px;
  margin-bottom: 20px;
}

.card-title {
  color: var(--color-7);
  text-align: left;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-bottom: 20px;
  font-family: itc-avant-garde-gothic-pro, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.4em;
}

.after-section {
  padding-top: 4%;
  padding-bottom: 4%;
}

.after-wrapper {
  justify-content: space-between;
  width: 90%;
  max-width: 1600px;
  min-height: auto;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.iol-section {
  padding-top: 4%;
  padding-bottom: 4%;
}

.iol-wrapper {
  width: 85%;
  min-height: 20px;
  margin-left: auto;
  margin-right: auto;
}

.package-answer-div-2 {
  margin-top: 10px;
  padding: 0;
  overflow: hidden;
}

.iol-block-2 {
  width: 24%;
  min-height: 300px;
}

.iol-block-2.inner-copy {
  margin-left: 15px;
  margin-right: 0;
}

.iol-block-2.inner {
  margin-left: 15px;
  margin-right: 15px;
}

.image-26 {
  float: right;
  margin: 10px;
}

.package-h3 {
  color: #fff;
  text-transform: none;
  background-color: #3330;
  background-image: none;
  justify-content: flex-start;
  width: 80%;
  min-height: 0;
  padding: 10px;
  font-family: itc-avant-garde-gothic-pro, sans-serif;
  font-size: 1em;
  font-weight: 300;
  line-height: 1.2em;
  display: flex;
}

.iol-image {
  background-color: #7385ae0d;
  background-image: url('../images/62f288523ebbede6e041049f_rxsight_LAL-copy.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto 90%;
  min-height: 300px;
}

.iol-image.toric {
  background-image: url('../images/62f288523ebbed1ed74104a4_PanOptix-Lens-Image.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto 90%;
}

.iol-image.apthera {
  background-image: url('../images/apthera_iol.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto 90%;
}

.iol-image.multifocal {
  background-image: url('../images/vivity_iol.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto 90%;
}

.package-accordion-trigger-2 {
  cursor: pointer;
  background-image: linear-gradient(#7385ae, #476394 23%, #2f5186 48%, #012f6b);
  justify-content: space-between;
  align-items: center;
  width: auto;
  height: auto;
  min-height: 55px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: itc-avant-garde-gothic-pro, sans-serif;
  font-size: 18px;
  font-weight: 500;
  display: flex;
}

.package-accordion-item {
  width: auto;
  padding-bottom: 10px;
}

.iol-wrapper-2 {
  justify-content: center;
  align-items: flex-start;
  font-family: Open Sans, sans-serif;
  display: flex;
}

.iol-wrapper-2.top {
  justify-content: center;
  margin-top: 50px;
}

.io-text-wrapper {
  min-height: 0;
  padding: 0;
}

.lal-section {
  background-image: url('../images/abstract-background2.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  padding-top: 4%;
  padding-bottom: 4%;
}

.lal-wrapper {
  justify-content: space-around;
  align-items: stretch;
  width: 85%;
  max-width: 1600px;
  min-height: auto;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.lens-div {
  object-fit: contain;
  width: 20%;
  min-height: 200px;
}

.lal-text-div {
  background-color: #2a314900;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 60%;
  margin-left: 2%;
  display: flex;
}

.subh-text {
  font-size: 22px;
}

.red-bold {
  color: var(--color-4);
}

.expect-content {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 50%;
  display: flex;
}

.expect-image {
  object-fit: cover;
  width: 45%;
}

.cost-section {
  background-image: linear-gradient(268deg, #0000 39%, #ffffffbf 66%, #ffffffbf), url('../images/Seniors-hosting-dinner-party.jpg');
  background-position: 0 0, 0%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  background-attachment: scroll, fixed;
  min-height: 0;
  padding-top: 4%;
  padding-bottom: 4%;
  padding-left: 4%;
  display: flex;
}

.cost-content {
  flex-flow: column;
  justify-content: center;
  align-items: stretch;
  width: 38%;
  display: flex;
}

.faq-section {
  background-color: #001e440d;
  padding-top: 4%;
  padding-bottom: 4%;
}

.faq-wrapper {
  width: 85%;
  max-width: 1600px;
  min-height: auto;
  margin-left: auto;
  margin-right: auto;
}

.schedule-section {
  background-color: var(--color-3);
  background-image: linear-gradient(#0000004d, #0000004d), url('../images/clemsoneye-parallax.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  background-attachment: scroll, fixed;
  justify-content: center;
  align-items: center;
  min-height: 55vh;
  padding-top: 4%;
  padding-bottom: 4%;
  display: flex;
}

.schedule-wrapper {
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  width: 80%;
  min-height: auto;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.decorative-text {
  color: var(--color);
  text-align: center;
  margin-bottom: 20px;
  font-size: 22px;
  line-height: 1.3em;
}

.doc-section {
  padding-top: 4%;
  padding-bottom: 4%;
}

.doc-wrapper {
  justify-content: space-between;
  width: 90%;
  min-height: auto;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.doc-header {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 35%;
  display: flex;
}

.doc-holder {
  justify-content: space-between;
  width: 60%;
  display: flex;
}

.doc-div {
  background-color: var(--color-3);
  width: 47%;
  min-height: 250px;
  max-height: 500px;
  margin-left: 0%;
  margin-right: 0%;
  padding: 5px;
  position: relative;
}

.doc-div:hover {
  box-shadow: 0 2px 7px 5px #0003;
}

.doc-image {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.doc-absolute {
  z-index: 5;
  background-image: linear-gradient(#0000 72%, #012f6b80 89%, #012f6b 102%);
  position: absolute;
  inset: 0%;
}

.doc-name {
  z-index: 6;
  color: var(--color);
  text-align: center;
  padding: 10px 15px;
  font-size: 17px;
  font-weight: 700;
  position: absolute;
  inset: auto 0% 0%;
}

.video-holder-jm {
  float: right;
  width: 48%;
  margin-bottom: 20px;
  margin-left: 20px;
  padding: 0;
  display: block;
  position: relative;
}

.video-div-jm {
  object-fit: contain;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.image-27 {
  z-index: 1;
  width: 100%;
  position: relative;
}

.red-sq {
  background-color: var(--color-4);
  width: 50px;
  height: 50px;
  position: absolute;
  inset: -5px auto auto -5px;
}

.blue-sq {
  background-color: var(--color-6);
  width: 50px;
  height: 50px;
  position: absolute;
  inset: auto -5px -5px auto;
}

.new-difference-div-jm {
  justify-content: space-between;
  width: 100%;
  margin-top: 50px;
  display: flex;
}

.difference-div-jm {
  border-top: 10px solid var(--color-7);
  width: 50%;
  padding-top: 20px;
  padding-left: 10px;
  padding-right: 10px;
  overflow: hidden;
}

.difference-content {
  color: var(--color);
  flex-flow: column;
  align-items: flex-start;
  display: flex;
}

.max-90 {
  width: 90%;
  margin-bottom: 50px;
  margin-left: auto;
  margin-right: auto;
}

.faq2_answer {
  overflow: hidden;
}

.faq2_icon {
  color: var(--color-4);
  align-self: flex-start;
  width: 2rem;
  margin-left: 1.5rem;
}

.container-large {
  width: 100%;
  max-width: none;
  margin-left: 0;
  margin-right: 0;
}

.faq2_component {
  border-bottom: 1px solid #0000;
  margin-bottom: 20px;
}

.section_faq2 {
  width: 100%;
  margin-top: 50px;
}

.padding-global {
  padding-left: 0%;
  padding-right: 0%;
}

.max-width-large {
  width: 100%;
  max-width: none;
  padding-left: 20px;
  padding-right: 20px;
}

.text-size-medium {
  font-size: 1.125rem;
}

.paragraph {
  margin-bottom: 0;
}

.faq2_accordion {
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
}

.padding-section-large {
  padding-top: 0;
  padding-bottom: 0;
}

.margin-bottom {
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
}

.faq2_question {
  color: var(--color-4);
  cursor: pointer;
  background-color: #00467400;
  border-top: 1px #0000;
  border-bottom: 2px solid #00123133;
  border-radius: 0;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
  padding: 10px 20px;
  display: flex;
}

@media screen and (max-width: 991px) {
  h3 {
    font-size: 2em;
  }

  .ip-hero {
    height: 800px;
  }

  .button.marg {
    margin-bottom: 10px;
    margin-right: 10px;
  }

  .cataract-holder {
    flex-flow: column;
  }

  .what-content {
    width: 100%;
    min-height: 0;
    padding-right: 0%;
  }

  .what-image {
    width: 100%;
  }

  .cause-holder {
    flex-flow: column;
  }

  .cause-image {
    display: none;
  }

  .cause-content {
    width: 100%;
    padding-top: 0;
    padding-left: 0%;
  }

  .tabs {
    flex-direction: column;
    justify-content: flex-start;
    width: 100%;
    height: 600px;
  }

  .tabs-menu, .tab-pane, .tabs-content {
    width: 100%;
  }

  .tab-link {
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 1em;
  }

  .cta-section {
    background-image: linear-gradient(#00000087, #00000087), url('../images/happy-senior-couple-drinking-coffee.jpg');
    background-position: 0 0, 50% 30%;
    background-attachment: scroll, scroll;
  }

  .cta-wrapper {
    width: 90%;
  }

  .cta-title.white-center {
    font-size: 2.5em;
  }

  .after-wrapper {
    flex-flow: column;
  }

  .iol-block-2 {
    width: 100%;
  }

  .iol-wrapper-2 {
    flex-wrap: wrap;
  }

  .io-text-wrapper {
    padding: 0 0 10px;
  }

  .lal-section {
    background-attachment: scroll;
  }

  .lal-wrapper {
    justify-content: space-between;
    width: 90%;
  }

  .lens-div {
    width: 25%;
  }

  .lal-text-div {
    width: 70%;
  }

  .expect-content {
    width: 100%;
    padding-top: 20px;
  }

  .expect-image {
    width: 100%;
  }

  .cost-section {
    background-color: #8097b633;
    background-image: none;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto;
    background-attachment: scroll;
    padding: 5%;
  }

  .cost-content {
    width: 100%;
  }

  .schedule-section {
    background-image: linear-gradient(to bottom, null, null), url('../images/clemsoneye-parallax.jpg');
    background-attachment: scroll, scroll;
  }

  .doc-wrapper {
    flex-flow: column;
  }

  .doc-header {
    width: 100%;
    margin-bottom: 20px;
  }

  .doc-holder {
    width: 100%;
  }

  .new-difference-div-jm {
    flex-flow: column;
  }

  .difference-div-jm {
    width: 100%;
  }

  .padding-section-large {
    padding-top: 0;
    padding-bottom: 0;
  }

  .margin-bottom {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }
}

@media screen and (max-width: 767px) {
  .ip-hero {
    height: 500px;
    padding-bottom: 3%;
    padding-left: 3%;
  }

  .ip-hero-wrapper {
    width: 100%;
  }

  .hero-text {
    font-size: 1.5em;
    text-align: center;
  }

  .pillar-h2-white {
    margin-bottom: 0 !important;
    font-size: 2.5em;
    text-align: center;
  }

  .button-container {
    flex-flow: column;
    align-items: stretch;
    margin-top: 10px;
    display: flex;
  }

  .pillar-button {
    text-align: center;
    padding: 12px 20px;
    font-size: .9em;
    font-weight: 700;
    line-height: 1em;
    width: 100%;
  }

  .pillar-button._2 {
    margin-bottom: 0%;
    font-size: .9em;
  }

  .button.btm-marg {
    margin-bottom: 10px;
  }

  .tabs {
    flex-direction: column;
    align-items: stretch;
  }

  .cta-title.white-center {
    margin-bottom: 20px;
    font-size: 2em;
  }

  .iol-block-2 {
    width: 100%;
  }

  .iol-image {
    margin-top: 15px;
  }

  .iol-wrapper-2 {
    flex-wrap: wrap;
  }

  .io-text-wrapper {
    padding-bottom: 0;
  }

  .subh-text {
    font-size: 20px;
  }

  .faq2_icon {
    width: 1.75rem;
  }

  .text-size-medium {
    font-size: 1rem;
  }

  .padding-section-large {
    padding-top: 0;
    padding-bottom: 0;
  }

  .margin-bottom {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .faq2_question {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  
  .button-container {
    text-align: center;
  }
}

@media screen and (max-width: 479px) {
  .pillar-button {
    margin-right: 0;
  }

  h3 {
    letter-spacing: 0;
    font-size: 1.9em;
  }

  .ip-hero {
    background-position: 0 0, 65%;
    height: 600px;
  }

  .hero-text {
    font-size: 1.2em;
  }

  .pillar-h2-white {
    font-size: 1.9em;
  }

  .pillar-button._2 {
    letter-spacing: 0;
  }

  .what-image {
    min-height: 0;
  }

  .tabs {
    height: auto;
    margin-top: 20px;
  }

  .tab-link {
    padding-left: 10px;
    padding-right: 10px;
  }

  .package-answer-div-2 {
    padding-left: 0;
    padding-right: 0;
  }

  .package-h3 {
    padding-left: 5px;
  }

  .iol-image {
    margin-top: 0;
  }

  .package-accordion-trigger-2 {
    font-size: 18px;
    line-height: 21px;
  }

  .io-text-wrapper {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .lal-section {
    padding-top: 12%;
    padding-bottom: 12%;
  }

  .lal-wrapper {
    flex-flow: column;
    justify-content: center;
  }

  .lens-div {
    width: 40%;
    min-height: auto;
    margin-bottom: 15px;
    margin-left: auto;
    margin-right: auto;
  }

  .lal-text-div {
    width: 100%;
    margin-left: 0%;
  }

  .subh-text {
    font-size: 18px;
    line-height: 1.4em;
  }

  .faq-wrapper {
    width: 90%;
  }

  .doc-holder {
    flex-flow: column;
  }

  .doc-div {
    width: 100%;
    margin-bottom: 20px;
  }

  .video-holder-jm {
    width: 100%;
  }

  .max-width-large {
    padding-left: 10px;
    padding-right: 10px;
  }

  .margin-bottom {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .faq2_question {
    padding-left: 10px;
    padding-right: 10px;
  }
}