/* Global Colors */
@media (min-width: 768px) and (max-width: 991px) {
  .component1 .container,
  .component2 .container {
    max-width: 100%;
  }
}
.component1 .container .section-para p em,
.component2 .container .section-para p em {
  color: black !important;
}
@media (max-width: 991px) {
  .component1 .container .section-para p:last-child, .component1 .container .section-para p:first-child,
  .component2 .container .section-para p:last-child,
  .component2 .container .section-para p:first-child {
    margin-top: 18px;
  }
}
@media (min-width: 992px) {
  .component1 .container .section-para p:last-child, .component1 .container .section-para p:first-child,
  .component2 .container .section-para p:last-child,
  .component2 .container .section-para p:first-child {
    margin-top: 1.389vw;
    margin-bottom: 0.694vw;
  }
}
@media (min-width: 992px) {
  .component1 .container .section-para p em,
  .component2 .container .section-para p em {
    font-size: 1.389vw;
    font-weight: 300;
    line-height: 2.222vw;
    letter-spacing: -0.4px;
    color: black !important;
    margin-bottom: 2.778vw;
    display: inline-block;
  }
}
.component1 .container .sub-note,
.component2 .container .sub-note {
  display: inline-block;
}
.component1 .container .sub-note a,
.component2 .container .sub-note a {
  all: inherit;
  color: #004c99;
  border-bottom: 1px solid #004c99;
  padding-bottom: 2px;
  display: inline;
}
@media (min-width: 1367px) {
  .component1 .container .sub-note a,
  .component2 .container .sub-note a {
    border-bottom: 0.069vw solid #004c99;
    padding-bottom: 0.139vw;
  }
}
@media (min-width: 992px) {
  .component1 .img-wrapper,
  .component2 .img-wrapper {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100vh;
  }
  .component1 .img-wrapper img,
  .component2 .img-wrapper img {
    height: 100%;
  }
}

@media (max-width: 991px) {
  .component2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .component2 .content-wrapper {
    background: white;
  }
  .component2 .without-link {
    margin-top: -60px;
  }
  .component2 .section-link {
    z-index: 999999;
    margin: 40px auto 0;
  }
  .component2 .img-wrapper img {
    height: 100%;
  }
  .component2 .link-content-wrapper {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    z-index: 9999;
    background: white;
  }
}
@media (max-width: 767px) {
  .component2 {
    overflow-x: hidden;
  }
  .component2 .link-content-wrapper {
    padding-top: 20px;
  }
  .component2 .img-wrapper {
    min-height: 200px;
    max-height: 260px;
  }
  .component2 .section-para {
    margin-top: 6.667vw;
  }
  .component2 .sub-heading {
    margin-top: 0;
  }
  .component2 .lead-bg::before {
    top: -15vw !important;
    height: 18.222vw !important;
    bottom: unset;
    rotate: 180deg;
    left: 15.278vw;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .component2 .sub-heading {
    margin-top: 0px;
  }
  .component2 .section-link {
    margin: 40px auto !important;
  }
  .component2 .heading-1 {
    margin-top: 12px !important;
  }
  .component2 .content-wrapper {
    z-index: 999;
    position: relative;
    padding-top: 30px;
  }
  .component2 .img-wrapper {
    -webkit-box-flex: 0.5;
        -ms-flex-positive: 0.5;
            flex-grow: 0.5;
  }
  .component2 .img-wrapper img {
    height: 100%;
  }
  .component2 .lead-bg::before {
    bottom: unset !important;
    height: 98px !important;
    top: -81px;
    left: 0px !important;
    z-index: -1;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTUwIiBoZWlnaHQ9Ijk5IiB2aWV3Qm94PSIwIDAgNTUwIDk5IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMzExLjU2OCAyNy40MzAzQzMxMS41NjggOC4wOTgzMSAzMjMuMDA0IDAuNjk4NDg2IDM0Mi4yNzIgMC42OTg0ODZINTUwVjk4LjIzODhIMFY4MS40NDQ5SDI5MC42OEMzMDIuMjE1IDgxLjQ0NDkgMzExLjU2OCA3Mi43MTkzIDMxMS41NjggNjEuOTU4N1YyNy40MzAzWiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==") !important;
  }
}
@media (min-width: 992px) {
  .component2 .section-link {
    z-index: 999999;
  }
  .component2 .link-content-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 3.542vw 4.444vw 1.875vw 4.583vw;
    max-width: 45.486vw;
  }
  .component2 .section-para {
    margin-top: 1.944vw;
  }
  .component2 .container {
    position: absolute;
    right: 6.458vw;
    bottom: 0;
    background: white;
    z-index: 999;
  }
  .component2 .container .lead-bg::before {
    top: -6.944vw !important;
    height: 8.056vw !important;
    rotate: 180deg;
    background-position: top;
  }
  .component2 .sub-heading {
    margin: 0 0 1.111vw;
  }
  .component2 .content-wrapper {
    max-width: 45.486vw;
  }
  .component2 .section-link {
    margin-top: 4.167vw;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .component2 {
    max-width: 550px;
    margin: 0 auto;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .component2 .link-content-wrapper {
    padding: 51px 64px 50px 66px !important;
  }
}

@media (max-width: 991px) {
  .component1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .component1 .without-link .content-wrapper {
    padding-bottom: 0 !important;
  }
  .component1 .img-wrapper {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }
  .component1 .img-wrapper img {
    height: 100%;
  }
}
@media (max-width: 767px) {
  .component1 .without-link {
    padding-bottom: 8px !important;
  }
  .component1 .section-link {
    margin-bottom: 44px;
    position: absolute;
    z-index: 9999999;
  }
  .component1 .heading-1 {
    margin-bottom: 20px;
  }
  .component1 .content-wrapper {
    padding-bottom: 40px;
  }
  .component1 .content-wrapper::before {
    height: 70px !important;
    bottom: -61px !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .component1 {
    max-width: 550px;
    margin: 0 auto;
  }
  .component1 .lead-bg::before {
    bottom: -88px !important;
  }
  .component1 .without-link {
    padding-bottom: 16px !important;
  }
  .component1 .content-wrapper {
    margin-top: 14px;
    padding-bottom: 10px;
  }
  .component1 .section-link {
    z-index: 999999;
    top: 35px;
  }
}
@media (min-width: 992px) {
  .component1 {
    position: relative;
  }
  .component1 .content-wrapper {
    max-width: 47.95vw;
    padding: 5vw 5.139vw 2.778vw 4.028vw;
    background: white;
  }
  .component1 .img-wrapper {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100vh;
  }
  .component1 .img-wrapper img {
    height: 100%;
  }
  .component1 .heading-1 {
    margin: 1.111vw 0 1.944vw;
  }
  .component1 .content-wrapper {
    z-index: 99;
    position: relative;
  }
  .component1 .section-link {
    display: inline-block;
    margin-top: 1.389vw;
    padding-left: 4.028vw;
    position: relative;
    z-index: 999999;
  }
}