/*Media settings*/
@import url("https://assets.mlcdn.com/fonts.css?version=1740044");
:root {
  --fs-xl: clamp(5.25rem, 12vw + 1rem, 3.8vw);
  --fs-600: clamp(4.25rem, 4vw + 1rem, 2.5vw);
  --fs-500: clamp(3.5rem, 3vw + 1rem, 3vw);
  --fs-400: 2.25rem;
  --fs-300: 1.87rem;
  --fs-body-large: 2.25rem;
  --fs-body-medium: 1.5rem //24px;
  --fs-body-small: 1.25rem //20px;
  --fs-body-xsmall: 1rem //16px;
  --section-padding-top-bottom: 12rem;
  --section-padding-left-right: 8rem;
}

.font-light {
  font-weight: 300;
  font-style: normal;
}

.font-regular {
  font-weight: 400;
  font-style: normal;
}

.font-medium {
  font-weight: 500;
  font-style: normal;
}

.font-semibold {
  font-weight: 600;
  font-style: normal;
}

.font-bold {
  font-weight: 700;
  font-style: normal;
}

/* Common styles declaration:
 * Global  */
html,
body {
  color: #000000;
  width: 100%;
  height: 100%;
}
@media only screen and (min-width: 768px) {
  html,
  body {
    background-size: 150%;
    background-position: right 2%;
  }
}
@media only screen and (min-width: 990px) {
  html,
  body {
    background-size: 100%;
    background-position: right 2%;
  }
}
html.menu-active,
body.menu-active {
  overflow: hidden;
}

main {
  position: relative;
  z-index: 10;
}

ul {
  margin: 0;
  padding: 0;
}
ul li {
  list-style-type: none;
}

.mr-auto, .mx-auto {
  margin-right: auto !important;
}

sup {
  top: -0.7em;
}

.hide-in-mob {
  display: none;
}
@media only screen and (min-width: 990px) {
  .hide-in-mob {
    display: block;
  }
}

.show-in-mob {
  display: block;
}
@media only screen and (min-width: 990px) {
  .show-in-mob {
    display: none;
  }
}

button {
  background-color: #DC4C32 !important;
  color: #ffffff !important;
  border-radius: 1rem !important;
  padding: 0.75rem 2.4rem !important;
  cursor: pointer !important;
  border: 0;
}
button p {
  font-size: clamp(1.8rem, 0.6vw + 1rem, 0.8vw);
  padding-bottom: 0 !important;
  padding-top: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
button.secondary {
  background-color: transparent !important;
  border: 2px solid #DC4C32 !important;
  color: #DC4C32 !important;
}
button.white {
  background-color: #ffffff !important;
  border: 2px solid #ffffff !important;
  color: #000000 !important;
}

/*Product card*/
.product-card {
  border-radius: 20px;
  background-color: #ffffff;
  position: relative;
  overflow: hidden;
  margin-bottom: 3rem;
  border: 1px solid #E9E9E9;
}
@media only screen and (min-width: 990px) {
  .product-card {
    -webkit-box-shadow: 0px 12px 24px -9px rgba(0, 0, 0, 0.27);
    box-shadow: 0px 12px 24px -9px rgba(0, 0, 0, 0.27);
  }
}
@media only screen and (min-width: 768px) {
  .product-card {
    margin-bottom: 0;
  }
}
.product-card .product-card-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.product-card .product-card-content h4 {
  font-size: 2.75rem;
  line-height: 1.2;
  font-weight: 600;
}
@media only screen and (min-width: 1024px) {
  .product-card .product-card-content h4 {
    font-size: 3.5rem;
    line-height: 3rem;
  }
}
@media only screen and (max-width: 575px) {
  .product-card .product-card-content h4 {
    font-size: 2.2rem;
    line-height: 1.4;
  }
}
.product-card .product-card-content .card-read-more {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 1.6rem;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-column-gap: 3rem;
     -moz-column-gap: 3rem;
          column-gap: 3rem;
  text-decoration: none;
}
.product-card .product-card-content .card-read-more p {
  font-size: 2rem;
  color: #DC4C32;
}
.product-card .product-card-content .card-read-more p img {
  margin-left: 1rem;
}
.product-card .product-card-content .col-md-6 {
  position: relative;
  z-index: 10;
}
.product-card .product-card-content .col-md-6:first-child .content-holder {
  padding: 4rem 2rem 4rem 4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  gap: 2rem;
}
.product-card .product-card-content .col-md-6:last-child .content-holder {
  padding: 6rem;
}
.product-card .product-card-content .col-md-6:last-child .content-holder img {
  width: 100%;
}
@media only screen and (min-width: 1024px) {
  .product-card .product-card-content .col-md-6:last-child .content-holder img {
    width: auto !important;
    position: absolute;
    right: 0;
    bottom: 5%;
    max-width: 80%;
  }
}
.product-card .product-card-content .col-md-6:last-child .content-holder img.product-logo {
  right: 15%;
  width: auto;
}
.product-card .gradient-blur {
  position: absolute;
  top: 0;
  right: 0;
  width: 200%;
  height: 200%;
}
.product-card .gradient-blur::after {
  content: "";
  position: absolute;
  width: 200%;
  height: 200%;
  background: rgba(234, 31, 37, 0);
  background: radial-gradient(circle, rgba(234, 31, 37, 0.5) 0%, rgba(255, 255, 255, 0) 40%, rgb(255, 255, 255) 100%);
  z-index: 5;
  top: -50%;
  right: -50%;
}
@media only screen and (min-width: 990px) {
  .product-card .gradient-blur::after {
    width: 100%;
    height: 100%;
  }
}

.product-card.main {
  border-radius: 20px;
  background-color: #ffffff;
  position: relative;
  overflow: hidden;
  -webkit-box-shadow: 0px 12px 24px -9px rgba(0, 0, 0, 0.27);
  box-shadow: 0px 12px 24px -9px rgba(0, 0, 0, 0.27);
  margin-bottom: 3rem;
  border: 1px solid #E9E9E9;
}
.product-card.main .top {
  background-color: #ffffff;
}
.product-card.main.flip .row {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
@media only screen and (min-width: 768px) {
  .product-card.main {
    margin-bottom: 0;
  }
}
.product-card.main .product-card-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 20px;
  height: 100%;
}
.product-card.main .product-card-content h4 {
  font-size: 4.75rem;
  line-height: 1.2;
  font-weight: 600;
}
@media only screen and (min-width: 1024px) {
  .product-card.main .product-card-content h4 {
    font-size: 5.5rem;
    line-height: 3rem;
  }
}
@media only screen and (max-width: 575px) {
  .product-card.main .product-card-content h4 {
    font-size: 4.2rem;
    line-height: 1.4;
  }
}
.product-card.main .product-card-content .cta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media only screen and (max-width: 767px) {
  .product-card.main .product-card-content .cta {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 1rem;
  }
  .product-card.main .product-card-content .cta .product-img {
    width: auto;
    max-width: 150px;
    -ms-flex-item-align: end;
        align-self: flex-end;
  }
}
.product-card.main .product-card-content .card-read-more {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 1.6rem;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-column-gap: 3rem;
     -moz-column-gap: 3rem;
          column-gap: 3rem;
  text-decoration: none;
}
.product-card.main .product-card-content .card-read-more p {
  font-size: 2rem;
  color: #DC4C32;
}
.product-card.main .product-card-content .card-read-more p img {
  margin-left: 1rem;
}
.product-card.main .product-card-content .col-lg-6 {
  position: relative;
  z-index: 10;
}
.product-card.main .product-card-content .col-lg-6:first-child .content-holder {
  padding: 4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  gap: 2rem;
}
@media only screen and (min-width: 990px) {
  .product-card.main .product-card-content .col-lg-6:first-child .content-holder {
    padding: 6rem;
  }
}
.product-card.main .product-card-content .col-lg-6:last-child .content-holder {
  padding: 6rem;
  position: relative;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.product-card.main .product-card-content .col-lg-6:last-child .content-holder img {
  position: relative;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 auto;
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .product-card.main .product-card-content .col-lg-6:last-child .content-holder img {
    width: 100%;
  }
}
@media only screen and (min-width: 768px) {
  .product-card.main .product-card-content .col-lg-6:last-child .content-holder img {
    width: auto;
  }
}
.product-card.main .product-card-content .col-lg-6:last-child .content-holder img.product-logo {
  right: 15%;
}
.product-card.main.vertical {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-column-gap: 2rem;
     -moz-column-gap: 2rem;
          column-gap: 2rem;
}
.product-card.main.vertical .col-lg-6 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
}
.product-card.main.vertical .col-lg-6:last-child {
  height: 100%;
}
.product-card.main.vertical .col-lg-6.top, .product-card.main.vertical .col-lg-6.bottom {
  height: 50%;
}

/*Partner slide card*/
.partner-card {
  border-radius: 20px;
  background-color: #ffffff;
  position: relative;
  overflow: hidden;
  -webkit-box-shadow: 0px 12px 24px -9px rgba(0, 0, 0, 0.27) !important;
  box-shadow: 0px 12px 24px -9px rgba(0, 0, 0, 0.27) !important;
  width: 100%;
  border: 1px solid #E9E9E9;
}
.partner-card .partner-card-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media only screen and (min-width: 990px) {
  .partner-card .partner-card-content {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
.partner-card .partner-card-content h4 {
  font-size: 2.75rem;
  line-height: 1.4;
}
@media only screen and (min-width: 1270px) {
  .partner-card .partner-card-content h4 {
    font-size: 4.2rem;
    line-height: 1.2;
  }
}
@media only screen and (max-width: 575px) {
  .partner-card .partner-card-content h4 {
    font-size: 3rem;
    line-height: 1.4;
  }
}
.partner-card .partner-card-content .card-read-more {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 1.6rem;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-column-gap: 3rem;
     -moz-column-gap: 3rem;
          column-gap: 3rem;
  text-decoration: none;
}
.partner-card .partner-card-content .card-read-more p {
  color: #DC4C32;
  font-size: 2rem;
}
.partner-card .partner-card-content .card-read-more p img {
  margin-left: 1rem;
}
.partner-card .partner-card-content .col-md-6 {
  position: relative;
  z-index: 10;
  width: 100%;
}
@media only screen and (min-width: 990px) {
  .partner-card .partner-card-content .col-md-6 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 50%;
  }
}
.partner-card .partner-card-content .col-md-6:first-child {
  padding: 4rem 2rem 4rem 4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  gap: 2rem;
}
.partner-card .partner-card-content .col-md-6:last-child {
  padding: 6rem 6rem 12rem 6rem;
}
@media only screen and (min-width: 990px) {
  .partner-card .partner-card-content .col-md-6:last-child {
    padding: 6rem 6rem 6rem 6rem;
  }
}
.partner-card .partner-card-content .col-md-6:last-child img {
  width: auto !important;
  position: absolute;
  right: 0;
  bottom: 5%;
  max-width: 80%;
}
.partner-card .partner-card-content .col-md-6:last-child img.product-logo {
  right: 15%;
}

/*partner promo card*/
.partner-promo-card {
  border-radius: 20px;
  background-color: #ffffff;
  position: relative;
  overflow: hidden;
  background: -webkit-gradient(linear, left top, left bottom, from(#DC4C32), to(#7D1300));
  background: linear-gradient(180deg, #DC4C32 0%, #7D1300 100%);
  width: 100%;
}
@media only screen and (min-width: 1270px) {
  .partner-promo-card {
    width: calc(50% - 3rem);
  }
}
.partner-promo-card .partner-promo-card-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
}
.partner-promo-card .partner-promo-card-content h3 {
  color: #ffffff !important;
  padding-bottom: 0;
  margin-bottom: 0 !important;
}
.partner-promo-card .partner-promo-card-content h4 {
  font-size: 2.75rem;
  line-height: 1.2;
  font-weight: normal;
  color: #ffffff;
  width: 100%;
}
@media only screen and (min-width: 990px) {
  .partner-promo-card .partner-promo-card-content h4 {
    width: 60%;
  }
}
@media only screen and (min-width: 1024px) {
  .partner-promo-card .partner-promo-card-content h4 {
    font-size: 6.2rem;
    line-height: 1.2;
  }
}
@media only screen and (max-width: 575px) {
  .partner-promo-card .partner-promo-card-content h4 {
    font-size: 2.2rem;
    line-height: 1.4;
  }
}
.partner-promo-card .partner-promo-card-content .card-read-more {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 1.6rem;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-column-gap: 3rem;
     -moz-column-gap: 3rem;
          column-gap: 3rem;
  text-decoration: none;
}
.partner-promo-card .partner-promo-card-content .card-read-more p {
  color: #DC4C32;
  font-size: 2rem;
}
.partner-promo-card .partner-promo-card-content .card-read-more p img {
  margin-left: 1rem;
}
.partner-promo-card .partner-promo-card-content .col-md-12 {
  position: relative;
  z-index: 10;
  padding: 4rem 2rem 8rem 4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  gap: 10rem;
  width: 100%;
}
.partner-promo-card .partner-promo-card-content .col-md-12 .top {
  text-align: right;
}
.partner-promo-card .partner-promo-card-content .col-md-12 .bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  gap: 3rem;
}
.partner-promo-card .partner-promo-card-content img.bg {
  position: absolute;
  width: 100%;
  height: auto;
  left: 0;
  top: 0;
  opacity: 0.5;
}

/*Contact us box*/
.contact-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1rem;
  padding: 3rem 4rem;
  background: #0F0A44;
  background: linear-gradient(156deg, rgb(15, 10, 68) 74%, rgb(226, 112, 84) 100%);
  width: 100%;
  border-radius: 20px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  z-index: 5;
  overflow: hidden;
}
@media only screen and (min-width: 768px) {
  .contact-box {
    padding: 6rem 8rem;
    min-height: 480px;
    gap: 3rem;
  }
}
.contact-box h4 {
  font-size: 3.75rem;
  line-height: 1.2;
  font-weight: normal;
  color: #ffffff;
}
@media only screen and (min-width: 1024px) {
  .contact-box h4 {
    font-size: 6.2rem;
    line-height: 1.2;
  }
}
@media only screen and (max-width: 575px) {
  .contact-box h4 {
    font-size: 3.2rem;
    line-height: 1.4;
    text-align: center;
  }
}
.contact-box p {
  color: #ffffff;
  width: 100%;
}
@media only screen and (min-width: 1024px) {
  .contact-box p {
    width: 60%;
  }
}
.contact-box img {
  position: absolute;
  top: 0;
  right: 0;
  width: auto;
  height: auto;
  z-index: -3;
}
.contact-box button p {
  width: 100%;
}

.tag-large {
  text-transform: uppercase;
  font-size: clamp(2rem, 1.2vw + 1rem, 1.2vw);
  padding-left: 1.5rem;
  border-left: 4px solid #1100CF;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin-bottom: 3rem !important;
}

.link-arrow {
  font-size: clamp(1.8rem, 1.11vw + 1rem, 1.11vw);
  line-height: 1.2;
  color: #1100CF;
  text-decoration: none;
}
.link-arrow img {
  max-width: 25px;
}

#ContactModal .modal-dialog {
  width: clamp(90vw, 65vw + 1rem, 60vw);
  max-width: 85%;
}
@media only screen and (min-width: 990px) {
  #ContactModal .modal-dialog {
    max-width: 65%;
  }
}
#ContactModal .modal-dialog .modal-content {
  padding: 5rem;
  border-radius: 15px;
  background-image: url(../assets/images/catenna-blur-bg-full.png);
  background-position: 200% 93%;
  background-size: 126%;
  background-repeat: repeat-y;
}
#ContactModal .modal-dialog .modal-content h4 {
  font-size: clamp(3.5rem, 3vw + 1rem, 3vw) !important;
  line-height: 1.2 !important;
  font-weight: 500 !important;
  margin-bottom: 1.5rem !important;
  margin-top: 3rem !important;
}
@media only screen and (min-width: 768px) {
  #ContactModal .modal-dialog .modal-content h4 {
    margin-top: 0 !important;
    margin-bottom: 3rem !important;
  }
}
@media only screen and (min-width: 1024px) {
  #ContactModal .modal-dialog .modal-content h4 {
    line-height: 3rem !important;
  }
}
@media only screen and (max-width: 575px) {
  #ContactModal .modal-dialog .modal-content h4 {
    line-height: 1.4 !important;
  }
}
#ContactModal .modal-dialog .modal-content h3 {
  padding-bottom: 2rem;
  width: 70%;
}
#ContactModal .modal-dialog .modal-content p {
  line-height: 1.3 !important;
}
#ContactModal .modal-dialog .modal-content .ml-form-successContent p {
  font-family: "Host Grotesk", serif !important;
  font-size: clamp(2.2rem, 1.8vw + 1rem, 1.8vw) !important;
  line-height: 1.3 !important;
  font-weight: 300 !important;
}
#ContactModal .modal-dialog .modal-content .ml-form-successBody {
  padding: 0 !important;
}
@media only screen and (min-width: 768px) {
  #ContactModal .modal-dialog .modal-content .ml-form-successBody {
    padding: 20px 20px 0 20px !important;
  }
}
#ContactModal .modal-dialog .modal-content input,
#ContactModal .modal-dialog .modal-content textarea {
  padding: 1rem !important;
  border: 1px solid #ccc;
  width: 100% !important;
  border-radius: 5px !important;
  font-size: clamp(2rem, 1.3vw + 1rem, 1.3vw) !important;
}
#ContactModal .modal-dialog .modal-content input::-webkit-input-placeholder,
#ContactModal .modal-dialog .modal-content textarea::-webkit-input-placeholder {
  color: #b5b5b5 !important;
}
#ContactModal .modal-dialog .modal-content input:-ms-input-placeholder,
#ContactModal .modal-dialog .modal-content textarea:-ms-input-placeholder {
  color: #b5b5b5 !important;
}
#ContactModal .modal-dialog .modal-content textarea {
  min-height: 150px !important;
}
#ContactModal .modal-dialog .modal-content ul li {
  margin-bottom: 1rem;
}
#ContactModal .modal-dialog .modal-content .modal-header {
  border: 0;
}
#ContactModal .modal-dialog .modal-content .modal-header button {
  position: absolute;
  right: 25px;
  top: 25px;
  background-color: transparent !important;
  border: 0 !important;
  outline: 0 !important;
  cursor: pointer !important;
}
#ContactModal .modal-dialog .modal-content button:not(.btn-close) {
  width: 100%;
}

.gradient-blur {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 20%;
}
.gradient-blur::after {
  content: "";
  position: absolute;
  width: 120%;
  height: 100%;
  background: rgb(221, 239, 254);
  background: radial-gradient(circle, rgb(221, 239, 254) 20%, rgba(255, 255, 250, 0) 48%);
  top: -20%;
  right: -20%;
  z-index: 5;
}
@media only screen and (min-width: 990px) {
  .gradient-blur::after {
    width: 100%;
    height: 145%;
  }
}
.gradient-blur.one::after {
  width: 80%;
  height: 75%;
  background: rgb(209, 235, 255);
  background: radial-gradient(circle, rgb(209, 235, 255) 20%, rgba(255, 255, 250, 0) 48%);
  top: -48%;
  right: -20%;
  z-index: 5;
}
@media only screen and (min-width: 990px) {
  .gradient-blur.one::after {
    width: 100%;
    height: 120%;
  }
}
.gradient-blur.two {
  width: 100%;
  top: 12.5%;
  right: auto;
  left: 0;
}
.gradient-blur.two::after {
  background: rgb(209, 235, 255);
  background: radial-gradient(circle, rgb(209, 235, 255) 5%, rgba(255, 255, 255, 0) 30%);
  height: 80%;
  top: -30%;
  right: auto;
  left: -70%;
  width: 170%;
}
@media only screen and (min-width: 990px) {
  .gradient-blur.two::after {
    top: 0;
  }
}
.gradient-blur.three {
  top: 30%;
  right: 0;
  left: 0;
}
.gradient-blur.three::after {
  background: rgb(209, 235, 255);
  background: radial-gradient(circle, rgb(209, 235, 255) 5%, rgba(255, 255, 255, 0) 30%);
  height: 100%;
  top: -50%;
  left: auto;
  right: -70%;
  width: 170%;
}
@media only screen and (min-width: 990px) {
  .gradient-blur.three::after {
    background: radial-gradient(circle, rgb(209, 235, 255) 10%, rgba(255, 255, 255, 0) 40%);
    top: -25%;
  }
}
@media only screen and (min-width: 1440px) {
  .gradient-blur.three::after {
    top: -10%;
  }
}
.gradient-blur.four {
  top: 40%;
  right: auto;
  left: 0;
}
.gradient-blur.four::after {
  background: rgb(209, 235, 255);
  background: radial-gradient(circle, rgb(209, 235, 255) 5%, rgba(255, 255, 255, 0) 30%);
  height: 65%;
  top: -20%;
  right: auto;
  left: -57%;
  width: 140%;
}
@media only screen and (min-width: 990px) {
  .gradient-blur.four::after {
    background: radial-gradient(circle, rgb(209, 235, 255) 5%, rgba(255, 255, 255, 0) 30%);
    top: -15%;
  }
}
@media only screen and (min-width: 1440px) {
  .gradient-blur.four::after {
    top: 10%;
  }
}
.gradient-blur.five {
  top: 52.5%;
  right: 0;
  left: 0;
}
.gradient-blur.five::after {
  background: rgb(209, 235, 255);
  background: radial-gradient(circle, rgb(209, 235, 255) 26%, rgba(255, 255, 255, 0) 58%);
  height: 70%;
  top: -40%;
  left: auto;
  right: -50%;
  width: 140%;
}
@media only screen and (min-width: 990px) {
  .gradient-blur.five::after {
    background: radial-gradient(circle, rgb(209, 235, 255) 5%, rgba(255, 255, 255, 0) 30%);
    top: -15%;
  }
}
@media only screen and (min-width: 1440px) {
  .gradient-blur.five::after {
    top: 10%;
  }
}
.gradient-blur.six {
  top: 65%;
  right: auto;
  left: 0;
}
.gradient-blur.six::after {
  background: rgb(255, 235, 255);
  background: radial-gradient(circle, rgb(209, 235, 255) 26%, rgba(255, 255, 255, 0) 58%);
  top: 0;
  right: auto;
  left: -25%;
  width: 125%;
}
.gradient-blur.seven {
  top: 70.5%;
  right: 0;
  left: 0;
}
.gradient-blur.seven::after {
  background: rgb(209, 235, 255);
  background: radial-gradient(circle, rgb(209, 235, 255) 26%, rgba(255, 255, 255, 0) 39%);
  height: 90%;
  top: 0;
  right: auto;
  left: -30%;
  width: 130%;
}
.gradient-blur.eight {
  top: auto;
  bottom: -6%;
  right: auto;
  left: 50%;
  -webkit-transform: translateX(-25%);
          transform: translateX(-25%);
}
.gradient-blur.eight::after {
  background: rgb(209, 235, 255);
  background: radial-gradient(circle, rgb(209, 235, 255) 26%, rgba(255, 255, 255, 0) 58%);
  top: 0;
  right: auto;
  left: -25%;
}

@media only screen and (min-width: 990px) {
  @-webkit-keyframes gradient-animation-1 {
    0% {
      top: -58%;
      right: -20%;
    }
    30% {
      top: -25%;
      right: 10%;
    }
    70% {
      top: 10%;
      right: 20%;
    }
    100% {
      top: -58%;
      right: -20%;
    }
  }
  @keyframes gradient-animation-1 {
    0% {
      top: -58%;
      right: -20%;
    }
    30% {
      top: -25%;
      right: 10%;
    }
    70% {
      top: 10%;
      right: 20%;
    }
    100% {
      top: -58%;
      right: -20%;
    }
  }
}
#animation-container {
  width: 100%;
  height: auto;
  max-height: 600px;
  max-width: 600px;
}
@media only screen and (min-width: 1440px) {
  #animation-container {
    width: 100%;
    max-height: 800px;
    max-width: 800px;
  }
}

#animatedPath {
  stroke-dashoffset: 1781px;
  stroke-dasharray: 1781;
}

/*Contact us email plugin related styles*/
/* LOADER */
.ml-form-embedSubmitLoad {
  display: inline-block;
  width: 20px;
  height: 20px;
}

.g-recaptcha {
  transform: scale(1);
  -webkit-transform: scale(1);
  transform-origin: 0 0;
  -webkit-transform-origin: 0 0;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.ml-form-embedSubmitLoad:after {
  content: " ";
  display: block;
  width: 11px;
  height: 11px;
  margin: 5px 1px 1px 1px;
  border-radius: 50%;
  border: 4px solid #fff;
  border-color: #ffffff #ffffff #ffffff transparent;
  -webkit-animation: ml-form-embedSubmitLoad 1.2s linear infinite;
          animation: ml-form-embedSubmitLoad 1.2s linear infinite;
}

@-webkit-keyframes ml-form-embedSubmitLoad {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes ml-form-embedSubmitLoad {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
#mlb2-23214840.ml-form-embedContainer {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: table;
  margin: 0 auto;
  position: static;
  width: 100% !important;
}

#mlb2-23214840.ml-form-embedContainer h4,
#mlb2-23214840.ml-form-embedContainer p,
#mlb2-23214840.ml-form-embedContainer span,
#mlb2-23214840.ml-form-embedContainer button {
  text-transform: none !important;
  letter-spacing: normal !important;
}

#mlb2-23214840.ml-form-embedContainer .ml-form-embedWrapper {
  background-color: #ffffff;
  border-width: 0px;
  border-color: transparent;
  border-radius: 4px;
  border-style: solid;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: inline-block !important;
  margin: 0;
  padding: 0;
  position: relative;
}

#mlb2-23214840.ml-form-embedContainer .ml-form-embedWrapper.embedPopup,
#mlb2-23214840.ml-form-embedContainer .ml-form-embedWrapper.embedDefault {
  width: 400px;
}

#mlb2-23214840.ml-form-embedContainer .ml-form-embedWrapper.embedForm {
  width: 100%;
}

#mlb2-23214840.ml-form-embedContainer .ml-form-align-left {
  text-align: left;
}

#mlb2-23214840.ml-form-embedContainer .ml-form-align-center {
  text-align: center;
}

#mlb2-23214840.ml-form-embedContainer .ml-form-align-default {
  display: table-cell !important;
  vertical-align: middle !important;
  text-align: center !important;
}

#mlb2-23214840.ml-form-embedContainer .ml-form-align-right {
  text-align: right;
}

#mlb2-23214840.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedHeader img {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  height: auto;
  margin: 0 auto !important;
  max-width: 100%;
  width: unset;
}

#mlb2-23214840.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody,
#mlb2-23214840.ml-form-embedContainer .ml-form-embedWrapper .ml-form-successBody {
  padding: 20px 20px 0 20px;
}

#mlb2-23214840.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody.ml-form-embedBodyHorizontal {
  padding-bottom: 0;
}

#mlb2-23214840.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedContent,
#mlb2-23214840.ml-form-embedContainer .ml-form-embedWrapper .ml-form-successBody .ml-form-successContent {
  text-align: left;
  margin: 0 0 20px 0;
}

#mlb2-23214840.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedContent h4,
#mlb2-23214840.ml-form-embedContainer .ml-form-embedWrapper .ml-form-successBody .ml-form-successContent h4 {
  color: #000000;
  font-family: "Ubuntu", sans-serif, serif;
  font-size: 30px;
  font-weight: 400;
  margin: 0 0 10px 0;
  text-align: left;
  word-break: break-word;
}

#mlb2-23214840.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedContent p,
#mlb2-23214840.ml-form-embedContainer .ml-form-embedWrapper .ml-form-successBody .ml-form-successContent p {
  color: #000000;
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  margin: 0 0 10px 0;
  text-align: left;
}

#mlb2-23214840.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedContent ul,
#mlb2-23214840.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedContent ol,
#mlb2-23214840.ml-form-embedContainer .ml-form-embedWrapper .ml-form-successBody .ml-form-successContent ul,
#mlb2-23214840.ml-form-embedContainer .ml-form-embedWrapper .ml-form-successBody .ml-form-successContent ol {
  color: #000000;
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
  font-size: 14px;
}

#mlb2-23214840.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedContent ol ol,
#mlb2-23214840.ml-form-embedContainer .ml-form-embedWrapper .ml-form-successBody .ml-form-successContent ol ol {
  list-style-type: lower-alpha;
}

#mlb2-23214840.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedContent ol ol ol,
#mlb2-23214840.ml-form-embedContainer .ml-form-embedWrapper .ml-form-successBody .ml-form-successContent ol ol ol {
  list-style-type: lower-roman;
}

#mlb2-23214840.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedContent p a,
#mlb2-23214840.ml-form-embedContainer .ml-form-embedWrapper .ml-form-successBody .ml-form-successContent p a {
  color: #000000;
  text-decoration: underline;
}

#mlb2-23214840.ml-form-embedContainer .ml-form-embedWrapper .ml-block-form .ml-field-group {
  text-align: left !important;
}

#mlb2-23214840.ml-form-embedContainer .ml-form-embedWrapper .ml-block-form .ml-field-group label {
  margin-bottom: 5px;
  color: #333333;
  font-size: 14px;
  font-family: "Ubuntu", sans-serif, serif;
  font-weight: bold;
  font-style: normal;
  text-decoration: none;
  display: inline-block;
  line-height: 20px;
}

#mlb2-23214840.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedContent p:last-child,
#mlb2-23214840.ml-form-embedContainer .ml-form-embedWrapper .ml-form-successBody .ml-form-successContent p:last-child {
  margin: 0;
}

#mlb2-23214840.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody form {
  margin: 0;
  width: 100%;
}

#mlb2-23214840.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-formContent,
#mlb2-23214840.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow {
  margin: 0 0 20px 0;
  width: 100%;
}

#mlb2-23214840.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow {
  float: left;
}

#mlb2-23214840.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-formContent.horozintalForm {
  margin: 0;
  padding: 0 0 20px 0;
  width: 100%;
  height: auto;
  float: left;
}

#mlb2-23214840.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow {
  margin: 0 0 10px 0;
  width: 100%;
}

#mlb2-23214840.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow.ml-last-item {
  margin: 0;
}

#mlb2-23214840.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow.ml-formfieldHorizintal {
  margin: 0;
}

#mlb2-23214840.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow input {
  background-color: #ffffff;
  color: #333333;
  border-color: #cccccc;
  border-radius: 4px;
  border-style: solid;
  border-width: 1px;
  font-family: "Ubuntu", sans-serif, serif;
  font-size: 14px;
  height: auto;
  line-height: 21px;
  margin-bottom: 0;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  padding: 10px 10px;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  max-width: 100%;
}

#mlb2-23214840.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow input::-webkit-input-placeholder,
#mlb2-23214840.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow input::-webkit-input-placeholder {
  color: #b5b5b5;
}

#mlb2-23214840.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow input::-moz-placeholder,
#mlb2-23214840.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow input::-moz-placeholder {
  color: #b5b5b5;
}

#mlb2-23214840.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow input:-ms-input-placeholder,
#mlb2-23214840.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow input:-ms-input-placeholder {
  color: #b5b5b5;
}

#mlb2-23214840.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow input:-moz-placeholder,
#mlb2-23214840.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow input:-moz-placeholder {
  color: #b5b5b5;
}

#mlb2-23214840.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow textarea,
#mlb2-23214840.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow textarea {
  background-color: #ffffff;
  color: #333333;
  border-color: #cccccc;
  border-radius: 4px;
  border-style: solid;
  border-width: 1px;
  font-family: "Ubuntu", sans-serif, serif;
  font-size: 14px;
  height: auto;
  line-height: 21px;
  margin-bottom: 0;
  margin-top: 0;
  padding: 10px 10px;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  max-width: 100%;
}

#mlb2-23214840.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow .custom-radio .custom-control-label::before,
#mlb2-23214840.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow .custom-radio .custom-control-label::before,
#mlb2-23214840.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow .custom-checkbox .custom-control-label::before,
#mlb2-23214840.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow .custom-checkbox .custom-control-label::before,
#mlb2-23214840.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedPermissions .ml-form-embedPermissionsOptionsCheckbox .label-description::before,
#mlb2-23214840.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-interestGroupsRow .ml-form-interestGroupsRowCheckbox .label-description::before,
#mlb2-23214840.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow .label-description::before {
  border-color: #cccccc !important;
  background-color: #ffffff !important;
}

#mlb2-23214840.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow input.custom-control-input[type=checkbox] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0;
  position: absolute;
  z-index: -1;
  opacity: 0;
  margin-top: 5px;
  margin-left: -1.5rem;
  overflow: visible;
}

#mlb2-23214840.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow .custom-checkbox .custom-control-label::before,
#mlb2-23214840.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow .custom-checkbox .custom-control-label::before,
#mlb2-23214840.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedPermissions .ml-form-embedPermissionsOptionsCheckbox .label-description::before,
#mlb2-23214840.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-interestGroupsRow .ml-form-interestGroupsRowCheckbox .label-description::before,
#mlb2-23214840.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow .label-description::before {
  border-radius: 4px !important;
}

#mlb2-23214840.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow input[type=checkbox]:checked ~ .label-description::after,
#mlb2-23214840.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedPermissions .ml-form-embedPermissionsOptionsCheckbox input[type=checkbox]:checked ~ .label-description::after,
#mlb2-23214840.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after,
#mlb2-23214840.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after,
#mlb2-23214840.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-interestGroupsRow .ml-form-interestGroupsRowCheckbox input[type=checkbox]:checked ~ .label-description::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e");
}

#mlb2-23214840.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow .custom-radio .custom-control-input:checked ~ .custom-control-label::after,
#mlb2-23214840.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow .custom-radio .custom-control-input:checked ~ .custom-control-label::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
}

#mlb2-23214840.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow .custom-radio .custom-control-input:checked ~ .custom-control-label::before,
#mlb2-23214840.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow .custom-radio .custom-control-input:checked ~ .custom-control-label::before,
#mlb2-23214840.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow .custom-checkbox .custom-control-input:checked ~ .custom-control-label::before,
#mlb2-23214840.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow .custom-checkbox .custom-control-input:checked ~ .custom-control-label::before,
#mlb2-23214840.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedPermissions .ml-form-embedPermissionsOptionsCheckbox input[type=checkbox]:checked ~ .label-description::before,
#mlb2-23214840.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-interestGroupsRow .ml-form-interestGroupsRowCheckbox input[type=checkbox]:checked ~ .label-description::before,
#mlb2-23214840.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow input[type=checkbox]:checked ~ .label-description::before {
  border-color: #000000 !important;
  background-color: #000000 !important;
}

#mlb2-23214840.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow .custom-radio .custom-control-label::before,
#mlb2-23214840.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow .custom-radio .custom-control-label::before,
#mlb2-23214840.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow .custom-radio .custom-control-label::after,
#mlb2-23214840.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow .custom-radio .custom-control-label::after,
#mlb2-23214840.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow .custom-checkbox .custom-control-label::before,
#mlb2-23214840.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow .custom-checkbox .custom-control-label::after,
#mlb2-23214840.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow .custom-checkbox .custom-control-label::before,
#mlb2-23214840.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow .custom-checkbox .custom-control-label::after {
  top: 2px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

#mlb2-23214840.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedPermissions .ml-form-embedPermissionsOptionsCheckbox .label-description::before,
#mlb2-23214840.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedPermissions .ml-form-embedPermissionsOptionsCheckbox .label-description::after,
#mlb2-23214840.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow .label-description::before,
#mlb2-23214840.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow .label-description::after {
  top: 0px !important;
  -webkit-box-sizing: border-box !important;
          box-sizing: border-box !important;
}

#mlb2-23214840.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow .label-description::before,
#mlb2-23214840.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow .label-description::after {
  top: 0px !important;
  -webkit-box-sizing: border-box !important;
          box-sizing: border-box !important;
}

#mlb2-23214840.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-interestGroupsRow .ml-form-interestGroupsRowCheckbox .label-description::after {
  top: 0px !important;
  -webkit-box-sizing: border-box !important;
          box-sizing: border-box !important;
  position: absolute;
  left: -1.5rem;
  display: block;
  width: 1rem;
  height: 1rem;
  content: "";
}

#mlb2-23214840.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-interestGroupsRow .ml-form-interestGroupsRowCheckbox .label-description::before {
  top: 0px !important;
  -webkit-box-sizing: border-box !important;
          box-sizing: border-box !important;
}

#mlb2-23214840.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .custom-control-label::before {
  position: absolute;
  top: 4px;
  left: -1.5rem;
  display: block;
  width: 16px;
  height: 16px;
  pointer-events: none;
  content: "";
  background-color: #ffffff;
  border: #adb5bd solid 1px;
  border-radius: 50%;
}

#mlb2-23214840.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .custom-control-label::after {
  position: absolute;
  top: 2px !important;
  left: -1.5rem;
  display: block;
  width: 1rem;
  height: 1rem;
  content: "";
}

#mlb2-23214840.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedPermissions .ml-form-embedPermissionsOptionsCheckbox .label-description::before,
#mlb2-23214840.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-interestGroupsRow .ml-form-interestGroupsRowCheckbox .label-description::before,
#mlb2-23214840.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow .label-description::before {
  position: absolute;
  top: 4px;
  left: -1.5rem;
  display: block;
  width: 16px;
  height: 16px;
  pointer-events: none;
  content: "";
  background-color: #ffffff;
  border: #adb5bd solid 1px;
  border-radius: 50%;
}

#mlb2-23214840.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedPermissions .ml-form-embedPermissionsOptionsCheckbox .label-description::after {
  position: absolute;
  top: 0px !important;
  left: -1.5rem;
  display: block;
  width: 1rem;
  height: 1rem;
  content: "";
}

#mlb2-23214840.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow .label-description::after {
  position: absolute;
  top: 0px !important;
  left: -1.5rem;
  display: block;
  width: 1rem;
  height: 1rem;
  content: "";
}

#mlb2-23214840.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .custom-radio .custom-control-label::after {
  background: no-repeat 50%/50% 50%;
}

#mlb2-23214840.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .custom-checkbox .custom-control-label::after,
#mlb2-23214840.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedPermissions .ml-form-embedPermissionsOptionsCheckbox .label-description::after,
#mlb2-23214840.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-interestGroupsRow .ml-form-interestGroupsRowCheckbox .label-description::after,
#mlb2-23214840.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow .label-description::after {
  background: no-repeat 50%/50% 50%;
}

#mlb2-23214840.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow .custom-control,
#mlb2-23214840.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow .custom-control {
  position: relative;
  display: block;
  min-height: 1.5rem;
  padding-left: 1.5rem;
}

#mlb2-23214840.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow .custom-radio .custom-control-input,
#mlb2-23214840.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow .custom-radio .custom-control-input,
#mlb2-23214840.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow .custom-checkbox .custom-control-input,
#mlb2-23214840.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow .custom-checkbox .custom-control-input {
  position: absolute;
  z-index: -1;
  opacity: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0;
}

#mlb2-23214840.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow .custom-radio .custom-control-label,
#mlb2-23214840.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow .custom-radio .custom-control-label,
#mlb2-23214840.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow .custom-checkbox .custom-control-label,
#mlb2-23214840.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow .custom-checkbox .custom-control-label {
  color: #000000;
  font-size: 12px !important;
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
  line-height: 22px;
  margin-bottom: 0;
  position: relative;
  vertical-align: top;
  font-style: normal;
  font-weight: 700;
}

#mlb2-23214840.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow .custom-select,
#mlb2-23214840.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow .custom-select {
  background-color: #ffffff !important;
  color: #333333 !important;
  border-color: #cccccc;
  border-radius: 4px !important;
  border-style: solid !important;
  border-width: 1px !important;
  font-family: "Ubuntu", sans-serif, serif;
  font-size: 14px !important;
  line-height: 20px !important;
  margin-bottom: 0;
  margin-top: 0;
  padding: 10px 28px 10px 12px !important;
  width: 100% !important;
  -webkit-box-sizing: border-box !important;
          box-sizing: border-box !important;
  max-width: 100% !important;
  height: auto;
  display: inline-block;
  vertical-align: middle;
  background: url("https://assets.mlcdn.com/ml/images/default/dropdown.svg") no-repeat right 0.75rem center/8px 10px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

#mlb2-23214840.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow {
  height: auto;
  width: 100%;
  float: left;
}

.ml-form-formContent.horozintalForm .ml-form-horizontalRow .ml-input-horizontal {
  width: 70%;
  float: left;
}

.ml-form-formContent.horozintalForm .ml-form-horizontalRow .ml-button-horizontal {
  width: 30%;
  float: left;
}

.ml-form-formContent.horozintalForm .ml-form-horizontalRow .ml-button-horizontal.labelsOn {
  padding-top: 25px;
}

.ml-form-formContent.horozintalForm .ml-form-horizontalRow .horizontal-fields {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  float: left;
  padding-right: 10px;
}

#mlb2-23214840.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow input {
  background-color: #ffffff;
  color: #333333;
  border-color: #cccccc;
  border-radius: 4px;
  border-style: solid;
  border-width: 1px;
  font-family: "Ubuntu", sans-serif, serif;
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 0;
  margin-top: 0;
  padding: 10px 10px;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow-y: initial;
}

#mlb2-23214840.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow button {
  background-color: #000000;
  border-color: #000000;
  border-style: solid;
  border-width: 1px;
  border-radius: 4px;
  -webkit-box-shadow: none;
          box-shadow: none;
  color: #ffffff;
  cursor: pointer;
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  margin: 0;
  padding: 10px;
  width: 100%;
  height: auto;
}

#mlb2-23214840.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow button:hover {
  background-color: #333333 !important;
  border-color: #333333 !important;
}

#mlb2-23214840.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow input[type=checkbox] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0;
  position: absolute;
  z-index: -1;
  opacity: 0;
  margin-top: 5px;
  margin-left: -1.5rem;
  overflow: visible;
}

#mlb2-23214840.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow .label-description {
  color: #000000;
  display: block;
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
  font-size: 12px;
  text-align: left;
  margin-bottom: 0;
  position: relative;
  vertical-align: top;
}

#mlb2-23214840.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow label {
  font-weight: normal;
  margin: 0;
  padding: 0;
  position: relative;
  display: block;
  min-height: 24px;
  padding-left: 24px;
}

#mlb2-23214840.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow label a {
  color: #000000;
  text-decoration: underline;
}

#mlb2-23214840.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow label p {
  color: #000000 !important;
  font-family: "Open Sans", Arial, Helvetica, sans-serif !important;
  font-size: 12px !important;
  font-weight: normal !important;
  line-height: 18px !important;
  padding: 0 !important;
  margin: 0 5px 0 0 !important;
}

#mlb2-23214840.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow label p:last-child {
  margin: 0;
}

#mlb2-23214840.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedSubmit {
  margin: 0 0 20px 0;
  float: left;
  width: 100%;
}

#mlb2-23214840.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedSubmit button {
  background-color: #000000;
  border: none;
  border-radius: 4px;
  -webkit-box-shadow: none;
          box-shadow: none;
  color: #ffffff;
  cursor: pointer;
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
  font-size: 14px;
  height: auto;
  padding: 10px !important;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer !important;
}

#mlb2-23214840.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedSubmit button.loading {
  display: none;
}

#mlb2-23214840.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedSubmit button:hover {
  background-color: #333333;
}

.ml-subscribe-close {
  width: 30px;
  height: 30px;
  background: url("https://assets.mlcdn.com/ml/images/default/modal_close.png") no-repeat;
  background-size: 30px;
  cursor: pointer;
  margin-top: -10px;
  margin-right: -10px;
  position: absolute;
  top: 0;
  right: 0;
}

.ml-error input,
.ml-error textarea,
.ml-error select {
  border-width: 1px !important;
  border-style: solid !important;
  border-color: red !important;
}

.ml-error .custom-checkbox-radio-list {
  border: 1px solid red !important;
  border-radius: 4px;
  padding: 10px;
}

.ml-error .label-description,
.ml-error .label-description p,
.ml-error .label-description p a,
.ml-error label:first-child {
  color: #ff0000 !important;
}

#mlb2-23214840.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow.ml-error .label-description p,
#mlb2-23214840.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow.ml-error .label-description p:first-letter {
  color: #ff0000 !important;
}

@media only screen and (max-width: 400px) {
  .ml-form-embedWrapper.embedDefault,
  .ml-form-embedWrapper.embedPopup {
    width: 100% !important;
  }
  .ml-form-formContent.horozintalForm {
    float: left !important;
  }
  .ml-form-formContent.horozintalForm .ml-form-horizontalRow {
    height: auto !important;
    width: 100% !important;
    float: left !important;
  }
  .ml-form-formContent.horozintalForm .ml-form-horizontalRow .ml-input-horizontal {
    width: 100% !important;
  }
  .ml-form-formContent.horozintalForm .ml-form-horizontalRow .ml-input-horizontal > div {
    padding-right: 0px !important;
    padding-bottom: 10px;
  }
  .ml-form-formContent.horozintalForm .ml-button-horizontal {
    width: 100% !important;
  }
  .ml-form-formContent.horozintalForm .ml-button-horizontal.labelsOn {
    padding-top: 0px !important;
  }
}
.gradient-red, .product-card.main.red .product-card-content {
  background: #EA1F25;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(22%, rgb(234, 31, 37)), color-stop(93%, rgb(115, 0, 3)));
  background: linear-gradient(180deg, rgb(234, 31, 37) 22%, rgb(115, 0, 3) 93%);
}

.gradient-blue, .product-card.main.blue .product-card-content {
  background: #004990;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(18%, rgb(0, 73, 144)), color-stop(84%, rgb(0, 21, 42)));
  background: linear-gradient(180deg, rgb(0, 73, 144) 18%, rgb(0, 21, 42) 84%);
}

.gradient-green, .product-card.main.green .product-card-content {
  background: #36C572;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(23%, rgb(54, 197, 114)), color-stop(93%, rgb(41, 148, 86)));
  background: linear-gradient(180deg, rgb(54, 197, 114) 23%, rgb(41, 148, 86) 93%);
}

.gradient-lightgreen, .product-card.main.lightgreen .product-card-content {
  background: #A0C536;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(23%, rgb(160, 197, 54)), color-stop(93%, rgb(130, 159, 47)));
  background: linear-gradient(180deg, rgb(160, 197, 54) 23%, rgb(130, 159, 47) 93%);
}

.gradient-lightblue, .product-card.main.lightblue .product-card-content {
  background: #007CAD;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(21%, rgb(0, 124, 173)), color-stop(99%, rgb(2, 93, 129)));
  background: linear-gradient(180deg, rgb(0, 124, 173) 21%, rgb(2, 93, 129) 99%);
}

.gradient-skyblue, .product-card.main.skyblue .product-card-content {
  background: #b3dff2;
  background: linear-gradient(18deg, rgb(179, 223, 242) 23%, rgb(255, 255, 255) 87%);
}

.news-read-more {
  display: none !important;
}

/* --------------------------------------------- */
/* --------- Inforgraphic starts here ----------- */
/* --------------------------------------------- */
/*main container styles*/
@media only screen and (max-width: 767px) {
  .container-xxl h1 {
    max-width: 100%;
  }
}

/*start content styling*/
.eport-content .top-wrapper {
  position: relative;
}
.eport-content .top-wrapper .line-holder {
  position: absolute;
  right: 125px;
  padding-left: 4rem;
  top: 5%;
  width: 85vw;
  height: 100%;
  left: auto;
  display: none;
}
@media only screen and (min-width: 990px) {
  .eport-content .top-wrapper .line-holder {
    display: block;
  }
}
@media only screen and (min-width: 1440px) {
  .eport-content .top-wrapper .line-holder {
    right: 175px;
    padding-left: 8rem;
    top: 5%;
  }
}
.eport-content .top-wrapper .line-holder svg {
  width: 100%;
  height: auto;
}
.eport-content .top-wrapper .line-holder #trigger-point {
  position: absolute;
  right: 0;
  top: 100%;
  width: 100%;
  height: 15%;
  border: 1px solid red;
  display: none;
}
.eport-content .top-wrapper .bottom-strip {
  background-color: #000000;
  text-align: center;
  padding: 2rem 0;
  position: relative;
}
.eport-content .top-wrapper .bottom-strip .inner {
  position: relative;
}
.eport-content .top-wrapper .bottom-strip p {
  font-size: clamp(1.25rem, 0.6vw + 1rem, 2vw);
  text-transform: uppercase;
  color: #DC4C32;
  font-weight: normal;
  padding: 0;
  margin: 0;
  letter-spacing: 0.5rem;
}
.eport-content header {
  position: absolute;
  z-index: 10;
  padding-top: 5rem;
  padding-bottom: 0;
  width: 100%;
  z-index: 100;
}
.eport-content header .left {
  width: 25% !important;
}
.eport-content header .right {
  width: 75% !important;
}
.eport-content header img.logo {
  width: clamp(25vw, 3.333vw + 1rem, 100%);
  height: auto;
}
@media only screen and (min-width: 768px) {
  .eport-content header img.logo {
    width: clamp(20vw, 3.333vw + 1rem, 100%);
  }
}
@media only screen and (min-width: 990px) {
  .eport-content header img.logo {
    width: clamp(15vw, 3.333vw + 1rem, 100%);
  }
}
@media only screen and (min-width: 1440px) {
  .eport-content header img.logo {
    width: clamp(10vw, 3.333vw + 1rem, 100%);
  }
}
.eport-content header .header-right {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media only screen and (min-width: 990px) {
  .eport-content header .header-right {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: end;
  }
}
.eport-content header .header-right p {
  padding-bottom: 0;
  margin-bottom: 0;
  font-size: clamp(1.8rem, 0.6vw + 1rem, 0.8vw);
}
.eport-content header .header-right .mobile-menu {
  display: block;
  float: right;
  cursor: pointer;
}
@media only screen and (min-width: 990px) {
  .eport-content header .header-right .mobile-menu {
    display: none;
  }
}
.eport-content header .header-right ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-column-gap: 2rem;
     -moz-column-gap: 2rem;
          column-gap: 2rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: none;
}
@media only screen and (min-width: 990px) {
  .eport-content header .header-right ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
@media only screen and (min-width: 1024px) {
  .eport-content header .header-right ul {
    -webkit-column-gap: 4rem;
       -moz-column-gap: 4rem;
            column-gap: 4rem;
  }
}
.eport-content header .header-right ul li p {
  color: #ffffff;
}
.eport-content header .header-right ul li p a {
  text-decoration: none;
  color: #ffffff;
}
.eport-content header .header-right ul li.contact {
  display: none;
}
@media only screen and (min-width: 990px) {
  .eport-content header .header-right ul li.contact {
    display: block;
  }
}
.eport-content header .header-right ul li.contact.mobile {
  display: block;
}
@media only screen and (min-width: 990px) {
  .eport-content header .header-right ul li.contact.mobile {
    display: none;
  }
}
.eport-content header.mobile-active {
  position: fixed;
  background-color: rgba(0, 0, 0, 0.8);
  padding-top: 3rem;
  padding-bottom: 3rem;
  width: 100%;
}
.eport-content header.mobile-active .header-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
  /* Mobile menu list styles */
}
.eport-content header.mobile-active .header-right nav {
  padding-top: 5rem;
  position: absolute;
  width: 100%;
  height: 100vh;
  left: auto;
  right: -100%;
  top: 0;
  background: #333;
  opacity: 0;
  -webkit-transition: all 0.8s ease-in-out;
  transition: all 0.8s ease-in-out;
  overflow-y: scroll;
}
@media only screen and (min-width: 768px) {
  .eport-content header.mobile-active .header-right nav {
    width: 50%;
  }
}
.eport-content header.mobile-active .header-right nav .close-menu {
  position: absolute;
  right: 2rem;
  top: 2rem;
  width: 25px;
  height: 25px;
  background-color: #ccc;
  border-radius: 5px;
  padding: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
}
.eport-content header.mobile-active .header-right nav .close-menu img {
  fill: #ffffff;
}
.eport-content header.mobile-active .header-right nav.open {
  right: 0;
  left: auto;
  opacity: 1;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.eport-content header.mobile-active .header-right .menu-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: block;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: column;
  gap: 1rem;
}
.eport-content header.mobile-active .header-right .menu-list li {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2) !important;
}
@media only screen and (min-width: 768px) {
  .eport-content header.mobile-active .header-right .menu-list li p {
    padding-left: 3rem;
  }
}
.eport-content header.mobile-active .header-right .menu-list li p a {
  text-align: center;
}
@media only screen and (min-width: 768px) {
  .eport-content header.mobile-active .header-right .menu-list li p a {
    text-align: left;
  }
}
.eport-content header.mobile-active .header-right .menu-list li a,
.eport-content header.mobile-active .header-right .menu-list li button {
  color: white;
  text-decoration: none;
  display: block;
  padding: 1rem;
  background: transparent;
  border: none;
  width: 100%;
  text-align: left;
}
.eport-content header.mobile-active .header-right .menu-list li p {
  margin: 0;
}
.eport-content .hero-wrapper .carousel-inner {
  position: relative;
}
.eport-content .hero-wrapper .carousel-inner a {
  text-decoration: none;
  cursor: pointer;
}
.eport-content .hero-wrapper .carousel-inner .hero-carousal-nav-wrap {
  position: absolute;
  width: 100%;
  max-width: 1980px;
  padding-left: 8rem;
  padding-right: 8rem;
  left: 50%;
  -webkit-transform: translate(-50%);
          transform: translate(-50%);
  z-index: 10;
  bottom: 90px;
}
@media only screen and (min-width: 768px) {
  .eport-content .hero-wrapper .carousel-inner .hero-carousal-nav-wrap {
    bottom: 75px;
  }
}
@media only screen and (min-width: 1024px) {
  .eport-content .hero-wrapper .carousel-inner .hero-carousal-nav-wrap {
    bottom: 100px;
  }
}
@media only screen and (min-width: 1440px) {
  .eport-content .hero-wrapper .carousel-inner .hero-carousal-nav-wrap {
    bottom: 100px;
  }
}
.eport-content .hero-wrapper .carousel-inner .carousel-indicators {
  left: 0;
  right: auto;
  bottom: auto;
  margin-right: auto;
  margin-bottom: auto;
  margin-left: auto;
  padding-right: 2rem;
  padding-left: 3rem;
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .eport-content .hero-wrapper .carousel-inner .carousel-indicators {
    width: 65%;
    padding-right: 2rem;
    padding-left: 4%;
  }
}
@media only screen and (min-width: 1024px) {
  .eport-content .hero-wrapper .carousel-inner .carousel-indicators {
    width: 50%;
    padding-right: 2rem;
    padding-left: 2.5%;
  }
}
@media only screen and (min-width: 1440px) {
  .eport-content .hero-wrapper .carousel-inner .carousel-indicators {
    padding-left: 4.5%;
  }
}
.eport-content .hero-wrapper .carousel-inner .carousel-indicators li {
  position: relative;
  width: 25%;
  margin-right: 2rem;
  text-indent: 0% !important;
}
.eport-content .hero-wrapper .carousel-inner .carousel-indicators li .progress-bar {
  display: block;
  width: 0%;
  height: 100%;
  background-color: #DC4C32;
  -webkit-animation: none;
  animation: none;
  margin-bottom: 1rem;
}
.eport-content .hero-wrapper .carousel-inner .carousel-indicators li p {
  font-size: 1.6rem;
  position: absolute;
  color: #ffffff !important;
  opacity: 0.8;
  width: 100%;
  left: 0;
  bottom: -50px;
  display: block;
  text-transform: uppercase;
  text-align: left;
  letter-spacing: normal;
}
@media only screen and (max-width: 575px) {
  .eport-content .hero-wrapper .carousel-inner .carousel-indicators li p {
    font-size: 1.2rem;
    opacity: 1;
  }
}
.eport-content .hero-wrapper .carousel-inner .carousel-indicators li.active p {
  opacity: 1;
}
.eport-content .hero-wrapper .carousel-inner .carousel-indicators .active .progress-bar {
  -webkit-animation: fillProgress 3s linear forwards;
          animation: fillProgress 3s linear forwards;
}
@-webkit-keyframes fillProgress {
  0% {
    width: 0%;
  }
  50% {
    width: 50%;
  }
  100% {
    width: 100%;
  }
}
@keyframes fillProgress {
  0% {
    width: 0%;
  }
  50% {
    width: 50%;
  }
  100% {
    width: 100%;
  }
}
.eport-content .hero-wrapper .carousel-inner .carousel-item {
  background-image: url(../assets/images/eport-hero-bg-red.webp);
  background-repeat: no-repeat;
  padding-bottom: 100rem !important;
  min-height: 1020px;
  max-height: 1020px;
}
@media only screen and (min-width: 768px) {
  .eport-content .hero-wrapper .carousel-inner .carousel-item {
    padding-bottom: 93rem !important;
    min-height: 760px;
    max-height: 760px;
  }
}
@media only screen and (min-width: 1024px) {
  .eport-content .hero-wrapper .carousel-inner .carousel-item {
    padding-bottom: 83rem !important;
  }
}
@media only screen and (min-width: 1440px) {
  .eport-content .hero-wrapper .carousel-inner .carousel-item {
    padding-bottom: 20rem !important;
  }
}
@media only screen and (min-width: 1920px) {
  .eport-content .hero-wrapper .carousel-inner .carousel-item {
    min-height: 930px;
    max-height: 930px;
  }
}
@media only screen and (min-width: 768px) {
  .eport-content .hero-wrapper .carousel-inner .carousel-item.h3c {
    padding-bottom: 15rem;
  }
}
.eport-content .hero-wrapper .carousel-inner .carousel-item.h3c .hero-img {
  top: 5%;
  height: auto;
  width: 50%;
}
@media only screen and (min-width: 768px) {
  .eport-content .hero-wrapper .carousel-inner .carousel-item.h3c .hero-img {
    top: 20%;
    width: 80%;
    right: 5%;
  }
}
@media only screen and (min-width: 1024px) {
  .eport-content .hero-wrapper .carousel-inner .carousel-item.h3c .hero-img {
    width: 70%;
  }
}
@media only screen and (min-width: 1440px) {
  .eport-content .hero-wrapper .carousel-inner .carousel-item.h3c .hero-img {
    width: 60%;
  }
}
.eport-content .hero-wrapper .carousel-inner .carousel-item.eagle-eye {
  background-image: url(../assets/images/eport-hero-bg-blue.webp);
}
@media only screen and (min-width: 768px) {
  .eport-content .hero-wrapper .carousel-inner .carousel-item.eagle-eye {
    padding-bottom: 15rem;
  }
}
.eport-content .hero-wrapper .carousel-inner .carousel-item.eagle-eye .hero-img {
  top: 5%;
  height: auto;
  width: 70%;
}
@media only screen and (min-width: 768px) {
  .eport-content .hero-wrapper .carousel-inner .carousel-item.eagle-eye .hero-img {
    top: 20%;
    width: 100%;
    right: 5%;
  }
}
@media only screen and (min-width: 1024px) {
  .eport-content .hero-wrapper .carousel-inner .carousel-item.eagle-eye .hero-img {
    width: 90%;
  }
}
@media only screen and (min-width: 1440px) {
  .eport-content .hero-wrapper .carousel-inner .carousel-item.eagle-eye .hero-img {
    width: 80%;
  }
}
.eport-content .hero-wrapper .carousel-inner .carousel-item.belden {
  background-image: url(../assets/images/eport-hero-bg-purple.webp);
}
@media only screen and (min-width: 768px) {
  .eport-content .hero-wrapper .carousel-inner .carousel-item.belden {
    padding-bottom: 15rem;
  }
}
.eport-content .hero-wrapper .carousel-inner .carousel-item.belden .col-md-6:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
  position: unset;
}
.eport-content .hero-wrapper .carousel-inner .carousel-item.belden .hero-img {
  position: absolute;
  height: auto;
  top: auto;
  bottom: 0;
  right: auto;
  width: 70%;
}
@media only screen and (min-width: 768px) {
  .eport-content .hero-wrapper .carousel-inner .carousel-item.belden .hero-img {
    width: 50%;
    right: 0;
  }
}
@media only screen and (min-width: 1024px) {
  .eport-content .hero-wrapper .carousel-inner .carousel-item.belden .hero-img {
    width: 40%;
    right: 5%;
  }
}
@media only screen and (min-width: 1440px) {
  .eport-content .hero-wrapper .carousel-inner .carousel-item.belden .hero-img {
    width: 30%;
    right: 15%;
  }
}
.eport-content .hero-wrapper .carousel-inner .carousel-item section.hero {
  position: unset;
}
.eport-content .hero-wrapper .carousel-inner .carousel-item.catenaa {
  background-image: url(../assets/images/eport-hero-bg-blue-catenna-trans.webp);
  background-color: #000000;
  position: relative;
  background-size: cover;
  background-position-x: -350px;
  background-position-y: -550px;
}
@media only screen and (min-width: 1024px) {
  .eport-content .hero-wrapper .carousel-inner .carousel-item.catenaa {
    background-position-y: 0;
  }
}
@media only screen and (min-width: 1270px) {
  .eport-content .hero-wrapper .carousel-inner .carousel-item.catenaa {
    background-position-x: -150px;
  }
}
@media only screen and (min-width: 768px) {
  .eport-content .hero-wrapper .carousel-inner .carousel-item.catenaa {
    padding-bottom: 15rem;
  }
}
.eport-content .hero-wrapper .carousel-inner .carousel-item.catenaa .col-md-6:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
  position: unset;
}
.eport-content .hero-wrapper .carousel-inner .carousel-item.catenaa .hero-img {
  position: absolute;
  height: auto;
  bottom: 0;
  top: 50%;
  right: auto;
  width: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media only screen and (min-width: 768px) {
  .eport-content .hero-wrapper .carousel-inner .carousel-item.catenaa .hero-img {
    width: 50%;
    right: 0;
  }
}
@media only screen and (min-width: 1024px) {
  .eport-content .hero-wrapper .carousel-inner .carousel-item.catenaa .hero-img {
    width: 40%;
    right: 5%;
  }
}
@media only screen and (min-width: 1440px) {
  .eport-content .hero-wrapper .carousel-inner .carousel-item.catenaa .hero-img {
    width: 30%;
    right: 15%;
  }
}
.eport-content .hero-wrapper .carousel-img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.eport-content .hero-wrapper .carousel-indicators .progress-bar {
  display: block;
  width: 0%;
  height: 100%;
  background-color: #DC4C32;
  -webkit-animation: none;
          animation: none;
  margin-bottom: 1rem;
}
.eport-content .hero-wrapper.sub-page {
  background-color: #0F0A44;
}
.eport-content .hero-wrapper.sub-page.about, .eport-content .hero-wrapper.sub-page.news {
  background-color: #000000;
}
.eport-content .hero-wrapper.sub-page .hero {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  position: relative;
}
.eport-content .hero-wrapper.sub-page .hero img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.eport-content .hero-wrapper.sub-page .hero .inner {
  padding-top: 16rem;
  padding-bottom: 6rem;
}
@media only screen and (min-width: 1440px) {
  .eport-content .hero-wrapper.sub-page .hero .inner {
    padding-top: 20rem;
    padding-bottom: 12rem;
  }
}
.eport-content .hero-wrapper.sub-page h1 {
  padding-top: 0;
  padding-bottom: 1rem;
  position: relative;
  z-index: 100;
}
.eport-content .hero-wrapper.sub-page p {
  width: 100% !important;
  position: relative;
  z-index: 100;
}
@media only screen and (min-width: 768px) {
  .eport-content .hero-wrapper.sub-page p {
    width: 80% !important;
  }
}
@media only screen and (min-width: 1440px) {
  .eport-content .hero-wrapper.sub-page p {
    width: 40% !important;
  }
}
.eport-content section {
  padding-left: 0;
  padding-right: 0;
}
.eport-content section p {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.eport-content section p.body-medium {
  background: #1100CF;
  background: -webkit-gradient(linear, left top, right top, from(#1100CF), color-stop(50%, #FF0080));
  background: linear-gradient(to right, #1100CF 0%, #FF0080 50%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.eport-content section.content .row.inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 5rem;
}
.eport-content section .coming-soon {
  color: #AFAFAF;
  font-size: clamp(1.8rem, 0.8vw + 1rem, 0.8vw);
  line-height: 1.2;
  border-radius: 4px;
  border: 1px solid #AFAFAF;
  padding: 0.2rem 0.5rem;
  margin-left: 0.5rem;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}
.eport-content section .tag {
  font-size: 3rem;
  color: #DC4C32;
  text-transform: uppercase;
  margin-bottom: 3rem;
}
.eport-content section img.section-img {
  width: clamp(100%, 3.333vw + 1rem, 100%);
  padding-top: 5%;
  width: 100%;
  height: auto;
}
.eport-content section img.section-img.small {
  display: block;
}
.eport-content section img.section-img.medium {
  display: none;
}
.eport-content section img.section-img.large {
  display: none;
}
@media only screen and (min-width: 768px) {
  .eport-content section img.section-img {
    padding-top: unset;
  }
}
@media only screen and (min-width: 990px) {
  .eport-content section img.section-img.small {
    display: none;
  }
  .eport-content section img.section-img.medium {
    display: block;
  }
}
@media only screen and (min-width: 1440px) {
  .eport-content section img.section-img.medium {
    display: none;
  }
  .eport-content section img.section-img.large {
    display: block;
  }
}
.eport-content section h2 {
  padding-bottom: clamp(2rem, 0.6vw + 1rem, 2rem);
}
@media only screen and (min-width: 1440px) {
  .eport-content section h2 {
    padding-bottom: clamp(2rem, 4.339vw + 1rem, 2rem);
  }
}
.eport-content section.hero {
  z-index: 10;
  position: relative;
  padding-top: 8rem;
}
@media only screen and (min-width: 990px) {
  .eport-content section.hero {
    border-bottom: 0;
  }
}
.eport-content section.hero h1 {
  padding-right: 0%;
  position: relative;
  z-index: 10;
  padding-top: clamp(6rem, 5.639vw + 1rem, 20rem);
  color: #ffffff;
  line-height: 1;
}
.eport-content section.hero h1 span {
  color: #ffffff;
}
.eport-content section.hero button {
  display: block;
}
.eport-content section.hero .col-md-6 {
  position: relative;
  margin-bottom: 3rem;
}
@media only screen and (min-width: 990px) {
  .eport-content section.hero .col-md-6 {
    margin-bottom: 8rem;
  }
}
.eport-content section.hero .col-md-6:first-child {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 2rem;
}
.eport-content section.hero .col-md-6:last-child {
  margin-bottom: 12rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.eport-content section.hero p.hero-text {
  color: #ffffff;
  width: 100%;
}
@media only screen and (min-width: 990px) {
  .eport-content section.hero p.hero-text {
    width: 75%;
  }
}
.eport-content section.hero .hero-img,
.eport-content section.hero .server-2,
.eport-content section.hero .h3c-logo {
  position: absolute;
}
.eport-content section.hero .hero-img {
  width: 80%;
  height: auto;
  margin: 0 auto;
  position: relative !important;
}
@media only screen and (min-width: 768px) {
  .eport-content section.hero .hero-img {
    position: absolute !important;
    right: 0;
    top: 5%;
    width: 80%;
    height: auto;
  }
}
.eport-content section.hero .server-2 {
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  bottom: -15%;
  width: 80%;
  height: auto;
}
.eport-content section.hero .h3c-logo {
  left: 10%;
  top: 40%;
}
.eport-content section.products {
  padding-top: calc(var(--section-padding-top-bottom) / 2);
  padding-bottom: calc(var(--section-padding-top-bottom) / 2);
  /*products carousel*/
}
@media only screen and (min-width: 768px) {
  .eport-content section.products {
    padding: var(--section-padding-top-bottom) 0 var(--section-padding-top-bottom) 0;
  }
}
.eport-content section.products .card-holder {
  margin-bottom: 5rem;
}
.eport-content section.products .card-holder.double {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media only screen and (min-width: 990px) {
  .eport-content section.products .card-holder.double {
    -webkit-column-gap: 2rem;
       -moz-column-gap: 2rem;
            column-gap: 2rem;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
.eport-content section.products .card-holder.double .product-card {
  width: 100%;
}
@media only screen and (min-width: 990px) {
  .eport-content section.products .card-holder.double .product-card {
    width: 50%;
  }
}
.eport-content section.products .row.two-cards {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-column-gap: 3rem;
     -moz-column-gap: 3rem;
          column-gap: 3rem;
  margin-bottom: 5rem;
}
.eport-content section.products .row.more-cards {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-column-gap: 3rem;
     -moz-column-gap: 3rem;
          column-gap: 3rem;
  row-gap: 3rem;
  display: none;
}
@media only screen and (min-width: 1270px) {
  .eport-content section.products .row.more-cards {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.eport-content section.products .row.more-cards .carousel-item:nth-child(2) .gradient-blur::after {
  background: radial-gradient(circle, rgba(40, 119, 226, 0.5) 0%, rgba(255, 255, 255, 0) 40%, rgb(255, 255, 255) 100%) !important;
}
.eport-content section.products .row.more-cards .carousel-item:nth-child(2) .product-img {
  right: 25%;
  bottom: 0;
}
.eport-content section.products .row.more-cards .carousel-item:nth-child(3) .gradient-blur::after {
  background: radial-gradient(circle, rgba(0, 124, 173, 0.5) 0%, rgba(255, 255, 255, 0) 40%, rgb(255, 255, 255) 100%) !important;
}
.eport-content section.products .row.more-cards .carousel-item:nth-child(3) .product-img {
  right: 25%;
  bottom: 0;
}
.eport-content section.products .row.more-cards .carousel-item:nth-child(5) .gradient-blur::after {
  background: radial-gradient(circle, rgba(160, 197, 54, 0.5) 0%, rgba(255, 255, 255, 0) 40%, rgb(255, 255, 255) 100%) !important;
}
.eport-content section.products .row.more-cards .product-card {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%; /* Two per row = 50% each by default */
  /* First row: 2 items with 3rem gap between them */
  /* Second row: 3 items with 2 gaps (3rem * 2) between them */
}
.eport-content section.products .row.more-cards .product-card:nth-child(n+3) {
  padding-right: 6rem;
}
.eport-content section.products .row.more-cards .product-card:nth-child(n+3) .product-logo {
  position: absolute !important;
  bottom: 10%;
}
.eport-content section.products .row.more-cards .product-card:nth-child(2) .gradient-blur::after {
  background: radial-gradient(circle, rgba(40, 119, 226, 0.5) 0%, rgba(255, 255, 255, 0) 40%, rgb(255, 255, 255) 100%) !important;
}
.eport-content section.products .row.more-cards .product-card:nth-child(2) .product-img {
  right: 25%;
  bottom: 0;
}
.eport-content section.products .row.more-cards .product-card:nth-child(3) .gradient-blur::after {
  background: radial-gradient(circle, rgba(0, 124, 173, 0.5) 0%, rgba(255, 255, 255, 0) 40%, rgb(255, 255, 255) 100%) !important;
}
.eport-content section.products .row.more-cards .product-card:nth-child(3) .col-md-6:last-child {
  padding-bottom: 10% !important;
}
.eport-content section.products .row.more-cards .product-card:nth-child(3) .product-img {
  position: absolute !important;
  right: 0;
  bottom: 0;
}
.eport-content section.products .row.more-cards .product-card:nth-child(4) .col-md-6:last-child {
  padding-bottom: 10% !important;
}
.eport-content section.products .row.more-cards .product-card:nth-child(4) .product-img {
  position: absolute !important;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  bottom: 0;
}
.eport-content section.products .row.more-cards .product-card:nth-child(5) .gradient-blur::after {
  background: radial-gradient(circle, rgba(160, 197, 54, 0.5) 0%, rgba(255, 255, 255, 0) 40%, rgb(255, 255, 255) 100%) !important;
}
@media only screen and (max-width: 767px) {
  .eport-content section.products .row.more-cards .product-card .product-card-content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .eport-content section.products .row.more-cards .product-card .product-card-content .col-md-6 {
    width: 100% !important;
  }
  .eport-content section.products .row.more-cards .product-card .product-card-content .col-md-6:last-child {
    padding-bottom: 40%;
  }
  .eport-content section.products .row.more-cards .product-card .product-card-content .col-md-6 .product-img {
    max-width: 60%;
    position: absolute;
    right: 0;
    bottom: 0;
  }
  .eport-content section.products .row.more-cards .product-card .product-card-content .col-md-6 .product-logo {
    position: absolute;
    bottom: 35%;
    right: 5%;
  }
}
@media only screen and (min-width: 1024px) {
  .eport-content section.products .row.more-cards .product-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%; /* Two per row = 50% each by default */
    /* Second row: 3 items with 2 gaps (3rem * 2) between them */
    /* First row: 2 items with 3rem gap between them */
    /* Second row: 3 items with 2 gaps (3rem * 2) between them */
  }
  .eport-content section.products .row.more-cards .product-card:nth-child(-n+2) {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc((100% - 3rem) / 2);
            flex: 0 0 calc((100% - 3rem) / 2);
  }
  .eport-content section.products .row.more-cards .product-card:nth-child(-n+2) .product-logo {
    right: 30%;
  }
  .eport-content section.products .row.more-cards .product-card:nth-child(n+3) {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc((100% - 6rem) / 3);
            flex: 0 0 calc((100% - 6rem) / 3);
  }
  .eport-content section.products .row.more-cards .product-card:nth-child(-n+2) {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc((100% - 3rem) / 2);
            flex: 0 0 calc((100% - 3rem) / 2);
  }
  .eport-content section.products .row.more-cards .product-card:nth-child(n+3) {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc((100% - 6rem) / 3);
            flex: 0 0 calc((100% - 6rem) / 3);
  }
  .eport-content section.products .row.more-cards .product-card:nth-child(n+3) .product-card-content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .eport-content section.products .row.more-cards .product-card:nth-child(n+3) .product-card-content .col-md-6 {
    width: 100% !important;
  }
  .eport-content section.products .row.more-cards .product-card:nth-child(n+3) .product-card-content .col-md-6:last-child {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    padding-right: 0;
    padding-bottom: 2rem;
  }
  .eport-content section.products .row.more-cards .product-card:nth-child(n+3) .product-card-content .col-md-6:last-child img {
    position: relative;
    float: right;
  }
}
.eport-content section.products .padding-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media only screen and (min-width: 768px) {
  .eport-content section.products .padding-right {
    padding-right: 5%;
  }
}
.eport-content section.products h2 {
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .eport-content section.products h2 {
    width: 60%;
  }
}
.eport-content section.products p {
  width: auto;
}
.eport-content section.products #productsCarousel {
  display: block;
}
@media only screen and (min-width: 768px) {
  .eport-content section.products #productsCarousel {
    padding-bottom: 5rem;
  }
}
@media only screen and (min-width: 1270px) {
  .eport-content section.products #productsCarousel {
    display: none;
    padding-bottom: 5rem;
  }
}
.eport-content section.products #productsCarousel .carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 2rem;
     -moz-column-gap: 2rem;
          column-gap: 2rem;
}
.eport-content section.products #productsCarousel .carousel-inner .carousel-item:first-child .product-img {
  max-width: 70%;
  right: 0;
  position: absolute;
}
.eport-content section.products #productsCarousel .carousel-indicators {
  width: 97%;
  left: 0;
  margin: 0 10px;
  top: auto;
  bottom: -2rem;
}
.eport-content section.products #productsCarousel .carousel-indicators li {
  width: 20% !important;
  background-color: #ccc;
  height: 5px;
}
.eport-content section.products #productsCarousel .carousel-indicators li::marker {
  color: #ffffff !important;
  opacity: 0 !important;
}
.eport-content section.products #productsCarousel .carousel-indicators li.active {
  background-color: #DC4C32;
}
.eport-content section.services {
  padding-top: calc(var(--section-padding-top-bottom) / 2);
  padding-bottom: calc(var(--section-padding-top-bottom) / 2);
  background: -webkit-gradient(linear, left top, left bottom, from(#F1F1F1), to(rgba(255, 255, 255, 0)));
  background: linear-gradient(180deg, #F1F1F1 0%, rgba(255, 255, 255, 0) 100%);
}
@media only screen and (min-width: 768px) {
  .eport-content section.services {
    padding: var(--section-padding-top-bottom) 0 var(--section-padding-top-bottom) 0;
  }
}
.eport-content section.services .row {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
}
@media only screen and (min-width: 990px) {
  .eport-content section.services .row {
    -webkit-box-orient: unset;
    -webkit-box-direction: unset;
        -ms-flex-direction: unset;
            flex-direction: unset;
  }
}
.eport-content section.services .service-card-content {
  opacity: 1;
}
.eport-content section.services h2 {
  width: 100%;
}
@media only screen and (min-width: 1024px) {
  .eport-content section.services h2 {
    width: 60%;
  }
}
.eport-content section.services p {
  width: auto;
}
.eport-content section.services .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding: 0;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media only screen and (min-width: 990px) {
  .eport-content section.services .container {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
.eport-content section.services .choice {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0;
  overflow: hidden;
  float: left;
  -webkit-box-align: left;
      -ms-flex-align: left;
          align-items: left;
  -webkit-transition: width 0.2s;
  transition: width 0.2s;
  border-radius: 3px;
  width: 20% !important;
  margin-bottom: 2rem;
}
.eport-content section.services .expand {
  width: 100% !important;
  background-color: #0F0A44 !important;
}
@media only screen and (min-width: 990px) {
  .eport-content section.services .expand {
    width: 50% !important;
  }
}
.eport-content section.services .expand.unset {
  background-color: #0F0A44 !important;
}
.eport-content section.services .expand .service-card-content {
  opacity: 1;
}
.eport-content section.services .expand .service-card-content .top h4 {
  color: #ffffff !important;
}
.eport-content section.services .expand .service-card-content .top img {
  display: block !important;
}
.eport-content section.services .expand .service-card-content .bottom p, .eport-content section.services .expand .service-card-content .bottom img {
  display: block !important;
}
.eport-content section.services .expand .service-card-content .bottom .indicator {
  border-color: #DC4C32 !important;
}
.eport-content section.services .expand .service-card-content .bottom .indicator i {
  display: block !important;
}
.eport-content section.services .unset, .eport-content section.services .small {
  width: 16%;
  color: black !important;
  background-color: #ffffff !important;
}
.eport-content section.services .unset .service-card-content .top h4, .eport-content section.services .small .service-card-content .top h4 {
  color: #000000;
}
.eport-content section.services .unset .service-card-content .top img, .eport-content section.services .small .service-card-content .top img {
  display: none;
}
.eport-content section.services .unset .service-card-content .bottom p, .eport-content section.services .unset .service-card-content .bottom img, .eport-content section.services .small .service-card-content .bottom p, .eport-content section.services .small .service-card-content .bottom img {
  display: none;
}
.eport-content section.services .unset .service-card-content .bottom .indicator, .eport-content section.services .small .service-card-content .bottom .indicator {
  border-color: #000000;
}
.eport-content section.services .unset .service-card-content .bottom .indicator i, .eport-content section.services .small .service-card-content .bottom .indicator i {
  display: none;
}
.eport-content section.services .unset.expand, .eport-content section.services .small.expand {
  background-color: #0F0A44 !important;
}
.eport-content section.services .small {
  width: 5%;
}
.eport-content section.services .expand > div {
  -webkit-transition-delay: 200ms;
          transition-delay: 200ms;
  opacity: 1;
}
.eport-content section.solutions {
  padding-top: calc(var(--section-padding-top-bottom) / 2);
  padding-bottom: calc(var(--section-padding-top-bottom) / 2);
  background: #000000;
}
@media only screen and (min-width: 768px) {
  .eport-content section.solutions {
    padding: var(--section-padding-top-bottom) 0 var(--section-padding-top-bottom) 0;
  }
}
.eport-content section.solutions .nav-tabs {
  width: 100%;
  border: 0;
}
@media only screen and (min-width: 990px) {
  .eport-content section.solutions .nav-tabs {
    width: 80%;
  }
}
.eport-content section.solutions .nav-item a {
  background-color: transparent !important;
  color: #ffffff;
  border: 0;
  padding-top: 5rem;
  border-top: 1px solid #999999;
}
.eport-content section.solutions .nav-item a h4 {
  font-size: 4.2rem;
  padding-bottom: 15px;
  color: #ccc;
  opacity: 0.5;
}
.eport-content section.solutions .nav-item a p {
  display: none;
}
.eport-content section.solutions .nav-item a img {
  display: none;
}
.eport-content section.solutions .nav-item a.active {
  padding-top: 5rem;
  border-top: 4px solid #DC4C32;
}
.eport-content section.solutions .nav-item a.active img {
  display: block;
}
@media only screen and (min-width: 990px) {
  .eport-content section.solutions .nav-item a.active img {
    display: none;
  }
}
.eport-content section.solutions .nav-item a.active h4 {
  color: #ffffff;
  opacity: 1;
}
.eport-content section.solutions .nav-item a.active p {
  display: block;
}
.eport-content section.solutions .nav-item img {
  display: block;
  width: 100%;
}
@media only screen and (min-width: 990px) {
  .eport-content section.solutions .nav-item img {
    display: none;
  }
}
.eport-content section.solutions .tab-content {
  display: none;
}
@media only screen and (min-width: 990px) {
  .eport-content section.solutions .tab-content {
    display: block;
  }
}
.eport-content section.solutions .tab-content .tab-pane img {
  width: 100%;
}
.eport-content section.solutions h2 {
  width: 100%;
  color: #ffffff;
}
@media only screen and (min-width: 1024px) {
  .eport-content section.solutions h2 {
    width: 60%;
  }
}
.eport-content section.solutions p {
  width: auto;
}
.eport-content section.partners {
  padding-top: calc(var(--section-padding-top-bottom) / 2);
}
@media only screen and (min-width: 768px) {
  .eport-content section.partners {
    padding: var(--section-padding-top-bottom) 0 0 0;
  }
}
.eport-content section.partners .row {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
}
@media only screen and (min-width: 768px) {
  .eport-content section.partners .row {
    -webkit-box-orient: unset;
    -webkit-box-direction: unset;
        -ms-flex-direction: unset;
            flex-direction: unset;
  }
}
.eport-content section.partners .middle-section {
  padding-bottom: 3rem;
}
@media only screen and (min-width: 768px) {
  .eport-content section.partners .middle-section {
    padding-bottom: 8rem;
  }
}
.eport-content section.partners .carousel-inner {
  overflow: visible;
}
.eport-content section.partners .carousel-indicators {
  bottom: -15%;
  margin-left: 0;
  margin-right: 0;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
@media only screen and (min-width: 1440px) {
  .eport-content section.partners .carousel-indicators {
    bottom: -25%;
  }
}
.eport-content section.partners .carousel-indicators li {
  position: relative;
  padding-top: 2rem;
  border-top: 3px solid #ccc;
}
@media only screen and (max-width: 991px) {
  .eport-content section.partners .carousel-indicators li {
    border-top: 5px solid #ccc;
  }
}
.eport-content section.partners .carousel-indicators li::marker {
  color: #ffffff !important;
  opacity: 0 !important;
}
.eport-content section.partners .carousel-indicators li img {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  display: none;
}
@media only screen and (min-width: 990px) {
  .eport-content section.partners .carousel-indicators li img {
    display: block;
  }
}
.eport-content section.partners .carousel-indicators li.active {
  border-top-color: #DC4C32;
}
.eport-content section.partners .carousel-indicators [data-bs-target] {
  width: 90%;
}
.eport-content section.partners .partner-card h4 {
  width: 100%;
}
@media only screen and (min-width: 1270px) {
  .eport-content section.partners .partner-card h4 {
    width: 60%;
  }
}
.eport-content section.partners .partner-card p {
  width: 100%;
}
@media only screen and (min-width: 1024px) {
  .eport-content section.partners .partner-card p {
    display: block;
    width: 80%;
  }
}
.eport-content section.partners .partner-card .col-md-6 {
  position: relative;
}
.eport-content section.partners .partner-card .col-md-6:last-child {
  background-repeat: no-repeat;
  background-size: contain !important;
  background-position: 50%;
}
.eport-content section.partners .partner-card .col-md-6:last-child img {
  position: absolute;
  bottom: 5%;
  left: 5%;
}
.eport-content section.partners .partner-card.h3c .col-md-6 {
  position: relative;
}
.eport-content section.partners .partner-card.h3c .col-md-6:last-child {
  background-image: url(../assets/images/eport-slide-h3c-img.webp);
  background-size: cover !important;
}
.eport-content section.partners .partner-card.belden .col-md-6 {
  position: relative;
}
.eport-content section.partners .partner-card.belden .col-md-6:last-child {
  background-image: url(../assets/images/eport-hero-belden.webp);
}
.eport-content section.partners .partner-card.eagle-eye .col-md-6 {
  position: relative;
}
.eport-content section.partners .partner-card.eagle-eye .col-md-6:last-child {
  background-image: url(../assets/images/eport-hero-eagleeye.webp);
}
.eport-content section.partners .partner-card.nuuo .col-md-6 {
  position: relative;
}
.eport-content section.partners .partner-card.nuuo .col-md-6:last-child {
  background-image: url(../assets/images/product-card-nuuo-img.png);
  background-size: 35% !important;
}
.eport-content section.partners .partner-card.mobotix .col-md-6 {
  position: relative;
}
.eport-content section.partners .partner-card.mobotix .col-md-6:last-child {
  background-color: #000000;
  background-image: url(../assets/images/mobotix.png);
}
.eport-content section.partners .partner-card.optichina .col-md-6 {
  position: relative;
}
.eport-content section.partners .partner-card.optichina .col-md-6:last-child {
  background-image: url(../assets/images/product-main-optichina.webp);
}
.eport-content section.partners .partner-sub-section {
  padding-top: calc(var(--section-padding-top-bottom) / 2);
}
@media only screen and (min-width: 990px) {
  .eport-content section.partners .partner-sub-section {
    padding: var(--section-padding-top-bottom) 0 0 0;
  }
}
.eport-content section.partners .partner-sub-section .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 3rem;
}
@media only screen and (min-width: 990px) {
  .eport-content section.partners .partner-sub-section .row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
.eport-content section.partners .partner-sub-section .row .partner-promo-card:last-child {
  background: -webkit-gradient(linear, left top, left bottom, from(#0F0A44), to(#030021));
  background: linear-gradient(180deg, #0F0A44 0%, #030021 100%);
}
.eport-content section.partners .partner-sub-section .row .partner-promo-card:last-child h3 {
  color: #DC4C32 !important;
}
.eport-content section.brands {
  padding-top: calc(var(--section-padding-top-bottom) / 2);
  padding-bottom: calc(var(--section-padding-top-bottom) / 2);
}
@media only screen and (min-width: 1024px) {
  .eport-content section.brands {
    padding: var(--section-padding-top-bottom) 0 var(--section-padding-top-bottom) 0;
  }
}
.eport-content section.brands .mobile-copy,
.eport-content section.brands .mobile-logo {
  display: block;
}
@media only screen and (min-width: 990px) {
  .eport-content section.brands .mobile-copy,
  .eport-content section.brands .mobile-logo {
    display: block;
  }
}
.eport-content section.brands .top .desktop-logo {
  display: none;
}
@media only screen and (min-width: 990px) {
  .eport-content section.brands .top .desktop-logo {
    display: none;
  }
}
.eport-content section.brands .mobile-logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  list-style: none;
  padding: 0;
  margin: 0;
  gap: 1rem !important; /* Optional spacing between items */
  -webkit-box-pack: unset !important;
      -ms-flex-pack: unset !important;
          justify-content: unset !important;
  padding-top: 5rem;
}
@media only screen and (min-width: 990px) {
  .eport-content section.brands .mobile-logo {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
}
.eport-content section.brands .mobile-logo li {
  width: calc(50% - 1rem);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: center;
}
@media only screen and (min-width: 768px) {
  .eport-content section.brands .mobile-logo li {
    width: calc(25% - 1rem);
  }
}
@media only screen and (min-width: 1440px) {
  .eport-content section.brands .mobile-logo li {
    width: calc(16.6666666667% - 1rem);
  }
}
.eport-content section.brands .mobile-logo li img {
  width: auto;
  height: 100%;
}
.eport-content section.brands .desktop-logo {
  display: none;
}
@media only screen and (min-width: 990px) {
  .eport-content section.brands .desktop-logo {
    display: none;
  }
}
.eport-content section.brands .row.inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 5rem;
}
.eport-content section.brands .top ul,
.eport-content section.brands .bottom ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 2rem;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.eport-content section.brands .middle {
  text-align: center;
}
.eport-content section.brands .middle .col-md-2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.eport-content section.brands .middle .col-md-8 {
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 3rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.eport-content section.brands .middle h3 {
  color: #DC4C32 !important;
  padding-bottom: 0;
  margin-bottom: 0 !important;
}
.eport-content section.brands .middle h4 {
  font-size: 2.75rem;
  line-height: 1.2;
  font-weight: normal;
  color: #000000;
  width: 100%;
}
@media only screen and (min-width: 1024px) {
  .eport-content section.brands .middle h4 {
    font-size: 6.2rem;
    line-height: 1.2;
    width: 80%;
  }
}
@media only screen and (min-width: 1440px) {
  .eport-content section.brands .middle h4 {
    width: 60%;
  }
}
@media only screen and (max-width: 575px) {
  .eport-content section.brands .middle h4 {
    font-size: 2.2rem;
    line-height: 1.4;
  }
}
.eport-content section.brands .bottom {
  display: none;
}
@media only screen and (min-width: 990px) {
  .eport-content section.brands .bottom {
    display: none;
  }
}
.eport-content section.contact-us {
  position: relative;
}
.eport-content section.contact-us::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 150px;
  background-color: #000000;
}
.eport-content footer {
  padding: 6rem 2rem;
  background-color: #000000;
}
@media only screen and (min-width: 1270px) {
  .eport-content footer {
    padding: 8rem;
  }
}
.eport-content footer p {
  color: #ffffff;
  font-size: clamp(1.8rem, 1.8vw + 1rem, 0.7vw) !important;
}
.eport-content footer p.head {
  font-weight: 400;
  text-transform: uppercase;
  color: #ffffff;
  opacity: 0.6;
}
.eport-content footer a {
  text-decoration: none;
}
.eport-content footer .row {
  row-gap: 4rem;
}
@media only screen and (min-width: 990px) {
  .eport-content footer .row {
    row-gap: unset;
  }
}
.eport-content footer .row .col-lg-2:nth-child(1) img.logo {
  height: auto;
  width: clamp(30%, 3.333vw + 1rem, 100%);
  margin-top: 3rem;
}
@media only screen and (min-width: 990px) {
  .eport-content footer .row .col-lg-2:nth-child(1) img.logo {
    margin-top: 0;
    width: clamp(8vw, 3.333vw + 1rem, 100%);
  }
}
@media only screen and (min-width: 990px) {
  .eport-content footer .row .col-lg-3 {
    padding-left: 4%;
  }
}
.eport-content footer .row .col-lg-3 a {
  text-decoration: none;
  color: #000000;
}
.eport-content footer .row .col-lg-3.address ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1rem;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.eport-content footer .row .col-lg-3.address .address,
.eport-content footer .row .col-lg-3.address .email,
.eport-content footer .row .col-lg-3.address .phone {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-column-gap: 1rem;
     -moz-column-gap: 1rem;
          column-gap: 1rem;
}
.eport-content footer .row .col-lg-3.address .address img,
.eport-content footer .row .col-lg-3.address .email img,
.eport-content footer .row .col-lg-3.address .phone img {
  min-width: 25px;
  margin-top: 1rem;
  margin-right: 1rem;
}
.eport-content footer .row .col-lg-3.address .email img,
.eport-content footer .row .col-lg-3.address .phone img {
  margin-top: 0;
  margin-right: 1rem;
}
.eport-content footer .row .col-lg-3.address .address p {
  max-width: 70%;
}
.eport-content footer .row .col-lg-3.address .email a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-column-gap: 1rem;
     -moz-column-gap: 1rem;
          column-gap: 1rem;
}
.eport-content footer .row .col-lg-2.social ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1rem;
}
.eport-content footer .row .col-lg-2.social ul li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 2rem;
  text-decoration: none;
}

ol {
  list-style: none;
}

ol li::marker {
  display: none;
  opacity: 0;
  list-style: none;
}

.page-template-contact-us-template section.contact-us {
  display: none;
}

/*Service card*/
.service-card {
  border-radius: 20px !important;
  background-color: #0F0A44;
  position: relative;
  overflow: hidden;
  width: calc(25% - 3rem);
}
@media only screen and (min-width: 990px) {
  .service-card {
    min-height: 450px;
  }
}
.service-card .service-card-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 2.5rem;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: 100%;
}
.service-card .service-card-content .top, .service-card .service-card-content .bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 2rem;
}
.service-card .service-card-content .bottom-cta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.service-card .service-card-content .bottom-cta .indicator {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  border: 1px solid #DC4C32;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.service-card .service-card-content .bottom-cta .indicator i {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #DC4C32;
}
.service-card .service-card-content img {
  width: auto;
  max-width: 30px;
}
.service-card .service-card-content h4 {
  font-size: 3rem;
  line-height: 1.6;
  color: #ffffff;
}
@media only screen and (min-width: 990px) {
  .service-card .service-card-content h4 {
    font-size: 2rem;
    line-height: 1.2;
  }
}
@media only screen and (min-width: 1440px) {
  .service-card .service-card-content h4 {
    font-size: 2.8rem;
    line-height: 1.2;
  }
}
@media only screen and (max-width: 767px) {
  .service-card .service-card-content h4 {
    font-size: 3.5rem !important;
    line-height: 1.4;
  }
}
.service-card .service-card-content p {
  color: #ffffff;
  font-size: 1.8rem;
}
.service-card .service-card-content .card-read-more {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 1.6rem;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-column-gap: 3rem;
     -moz-column-gap: 3rem;
          column-gap: 3rem;
  text-decoration: none;
}
.service-card .service-card-content .card-read-more p {
  font-size: 2rem;
  color: #DC4C32;
}
.service-card .service-card-content .card-read-more p img {
  margin-left: 1rem;
}

/*Partner slide card*/
.partner-card {
  border-radius: 20px;
  background-color: #ffffff;
  position: relative;
  overflow: hidden;
  -webkit-box-shadow: 0px 12px 24px -9px rgba(0, 0, 0, 0.27) !important;
  box-shadow: 0px 12px 24px -9px rgba(0, 0, 0, 0.27) !important;
  width: 100%;
  border: 1px solid #E9E9E9;
}
.partner-card .partner-card-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media only screen and (min-width: 990px) {
  .partner-card .partner-card-content {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
.partner-card .partner-card-content h4 {
  font-size: 2.75rem;
  line-height: 1.4;
}
@media only screen and (min-width: 1270px) {
  .partner-card .partner-card-content h4 {
    font-size: 4.2rem;
    line-height: 1.2;
  }
}
@media only screen and (max-width: 575px) {
  .partner-card .partner-card-content h4 {
    font-size: 3rem;
    line-height: 1.4;
  }
}
.partner-card .partner-card-content .card-read-more {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 1.6rem;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-column-gap: 3rem;
     -moz-column-gap: 3rem;
          column-gap: 3rem;
  text-decoration: none;
}
.partner-card .partner-card-content .card-read-more p {
  color: #DC4C32;
  font-size: 2rem;
}
.partner-card .partner-card-content .card-read-more p img {
  margin-left: 1rem;
}
.partner-card .partner-card-content .col-md-6 {
  position: relative;
  z-index: 10;
  width: 100%;
}
@media only screen and (min-width: 990px) {
  .partner-card .partner-card-content .col-md-6 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 50%;
  }
}
.partner-card .partner-card-content .col-md-6:first-child {
  padding: 4rem 2rem 4rem 4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  gap: 2rem;
}
.partner-card .partner-card-content .col-md-6:last-child {
  padding: 6rem 6rem 12rem 6rem;
}
@media only screen and (min-width: 990px) {
  .partner-card .partner-card-content .col-md-6:last-child {
    padding: 6rem 6rem 6rem 6rem;
  }
}
.partner-card .partner-card-content .col-md-6:last-child img {
  width: auto !important;
  position: absolute;
  right: 0;
  bottom: 5%;
  max-width: 80%;
}
.partner-card .partner-card-content .col-md-6:last-child img.product-logo {
  right: 15%;
}

/*partner promo card*/
.partner-promo-card {
  border-radius: 20px;
  background-color: #ffffff;
  position: relative;
  overflow: hidden;
  background: -webkit-gradient(linear, left top, left bottom, from(#DC4C32), to(#7D1300));
  background: linear-gradient(180deg, #DC4C32 0%, #7D1300 100%);
  width: 100%;
}
@media only screen and (min-width: 1270px) {
  .partner-promo-card {
    width: calc(50% - 3rem);
  }
}
.partner-promo-card .partner-promo-card-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
}
.partner-promo-card .partner-promo-card-content h3 {
  color: #ffffff !important;
  padding-bottom: 0;
  margin-bottom: 0 !important;
}
.partner-promo-card .partner-promo-card-content h4 {
  font-size: 2.75rem;
  line-height: 1.2;
  font-weight: normal;
  color: #ffffff;
  width: 100%;
}
@media only screen and (min-width: 990px) {
  .partner-promo-card .partner-promo-card-content h4 {
    width: 60%;
  }
}
@media only screen and (min-width: 1024px) {
  .partner-promo-card .partner-promo-card-content h4 {
    font-size: 6.2rem;
    line-height: 1.2;
  }
}
@media only screen and (max-width: 575px) {
  .partner-promo-card .partner-promo-card-content h4 {
    font-size: 2.2rem;
    line-height: 1.4;
  }
}
.partner-promo-card .partner-promo-card-content .card-read-more {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 1.6rem;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-column-gap: 3rem;
     -moz-column-gap: 3rem;
          column-gap: 3rem;
  text-decoration: none;
}
.partner-promo-card .partner-promo-card-content .card-read-more p {
  color: #DC4C32;
  font-size: 2rem;
}
.partner-promo-card .partner-promo-card-content .card-read-more p img {
  margin-left: 1rem;
}
.partner-promo-card .partner-promo-card-content .col-md-12 {
  position: relative;
  z-index: 10;
  padding: 4rem 2rem 8rem 4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  gap: 10rem;
  width: 100%;
}
.partner-promo-card .partner-promo-card-content .col-md-12 .top {
  text-align: right;
}
.partner-promo-card .partner-promo-card-content .col-md-12 .bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  gap: 3rem;
}
.partner-promo-card .partner-promo-card-content img.bg {
  position: absolute;
  width: 100%;
  height: auto;
  left: 0;
  top: 0;
  opacity: 0.5;
}

/* --------------------------------------------- */
/* --------- Our Services Styles ----------- */
/* --------------------------------------------- */
section.services-main {
  padding-top: calc(var(--section-padding-top-bottom) / 2);
  padding-bottom: calc(var(--section-padding-top-bottom) / 2);
}
@media only screen and (min-width: 768px) {
  section.services-main {
    padding: var(--section-padding-top-bottom) 0 var(--section-padding-top-bottom) 0;
  }
}
section.services-main .services-accordion {
  width: 100% !important;
}
section.services-main .services-accordion .d-flex, section.services-main .services-accordion .nav-tabs {
  width: 100% !important;
}
@media only screen and (max-width: 575px) {
  section.services-main .services-accordion .d-flex, section.services-main .services-accordion .nav-tabs {
    -webkit-box-orient: unset !important;
    -webkit-box-direction: unset !important;
        -ms-flex-direction: unset !important;
            flex-direction: unset !important;
  }
}
section.services-main .services-accordion .nav-link {
  border: 0 !important;
  color: black;
}
section.services-main .services-accordion .nav-link .heading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 3rem;
  border-color: #dee2e6;
  border-style: solid;
  border-width: 2px 0 0;
  border-radius: 0;
}
section.services-main .services-accordion .nav-link .heading h4 {
  font-weight: 600;
  font-size: 4.2rem;
  line-height: 1.2;
}
@media only screen and (max-width: 575px) {
  section.services-main .services-accordion .nav-link .heading h4 {
    font-size: 3rem !important;
  }
}
section.services-main .services-accordion .nav-link .heading .left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 3rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
section.services-main .services-accordion .nav-link .heading .left span {
  background-color: #0F0A44;
  width: 70px;
  min-width: 70px;
  height: 70px;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
section.services-main .services-accordion .nav-link .heading .right {
  margin-left: 20px;
}
section.services-main .services-accordion .nav-link .navlink-close {
  display: none;
}
section.services-main .services-accordion .nav-link .open {
  display: block;
}
section.services-main .services-accordion .nav-link .tab-content {
  display: none;
  padding: 5rem 3rem 3rem 3rem;
  border-width: 0 1px 1px 1px;
  border-radius: 0 0 5px 5px;
  border-color: #dee2e6;
  border-style: solid;
  margin-top: -10px;
  margin-bottom: 5rem;
  -webkit-box-shadow: 0 -8px 10px -4px rgb(255, 255, 255), 0 4px 6px -4px rgba(0, 0, 0, 0.2), -4px 0 6px -4px rgba(0, 0, 0, 0.2), 4px 0 6px -4px rgba(0, 0, 0, 0.2);
          box-shadow: 0 -8px 10px -4px rgb(255, 255, 255), 0 4px 6px -4px rgba(0, 0, 0, 0.2), -4px 0 6px -4px rgba(0, 0, 0, 0.2), 4px 0 6px -4px rgba(0, 0, 0, 0.2); /* Right */
}
section.services-main .services-accordion .nav-link.active .heading {
  border-style: solid;
  border-color: #dee2e6;
  border-width: 1px 1px 0 1px;
  border-radius: 5px 5px 0 0;
  -webkit-box-shadow: 0 -4px 6px -4px rgba(0, 0, 0, 0.2), -4px 0 6px -4px rgba(0, 0, 0, 0.2), 4px 0 6px -4px rgba(0, 0, 0, 0.2), 0 8px 10px -4px rgb(255, 255, 255);
          box-shadow: 0 -4px 6px -4px rgba(0, 0, 0, 0.2), -4px 0 6px -4px rgba(0, 0, 0, 0.2), 4px 0 6px -4px rgba(0, 0, 0, 0.2), 0 8px 10px -4px rgb(255, 255, 255); /* white shadow at bottom */
}
section.services-main .services-accordion .nav-link.active .navlink-close {
  display: block;
}
section.services-main .services-accordion .nav-link.active .open {
  display: none;
}
section.services-main .services-accordion .nav-link.active .tab-content {
  display: block;
}
section.services-main .services-accordion .nav-link .service-block-holder {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 3rem;
  margin-bottom: 3rem;
}
@media only screen and (min-width: 990px) {
  section.services-main .services-accordion .nav-link .service-block-holder {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
section.services-main .services-accordion .nav-link .service-block-holder h4 {
  font-size: 2.75rem;
  line-height: 1.2;
  font-weight: 500;
  margin-bottom: 3rem;
}
@media only screen and (min-width: 1024px) {
  section.services-main .services-accordion .nav-link .service-block-holder h4 {
    font-size: 3.5rem;
    line-height: 3rem;
  }
}
@media only screen and (max-width: 575px) {
  section.services-main .services-accordion .nav-link .service-block-holder h4 {
    font-size: 2.2rem;
    line-height: 1.4;
  }
}
section.services-main .services-accordion .nav-link .service-block-holder .service-block {
  width: 100%;
}
@media only screen and (min-width: 990px) {
  section.services-main .services-accordion .nav-link .service-block-holder .service-block {
    width: 50%;
  }
}
section.services-main .services-accordion .nav-link .service-block-holder .service-block li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 2rem;
}

/* --------------------------------------------- */
/* --------- Our Services Styles ----------- */
/* --------------------------------------------- */
section.about-us {
  padding-top: calc(var(--section-padding-top-bottom) / 2);
  padding-bottom: calc(var(--section-padding-top-bottom) / 2);
}
@media only screen and (min-width: 990px) {
  section.about-us {
    padding: var(--section-padding-top-bottom) 0 var(--section-padding-top-bottom) 0;
  }
}
section.about-us .intro {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 5rem;
  margin-bottom: 3rem;
}
@media only screen and (min-width: 990px) {
  section.about-us .intro {
    margin-bottom: 12rem;
  }
}
section.about-us .intro.flip {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
section.about-us .intro > div {
  width: 100%;
}
@media only screen and (min-width: 990px) {
  section.about-us .intro > div {
    width: 50%;
  }
}
section.about-us .intro > div.left {
  display: none;
}
@media only screen and (min-width: 990px) {
  section.about-us .intro > div.left {
    display: block;
  }
}
section.about-us .intro h4 {
  font-weight: 600;
  font-size: 4.2rem;
  line-height: 1.2;
}
section.about-us .intro p {
  width: 100%;
}
@media only screen and (min-width: 990px) {
  section.about-us .intro p {
    width: 75%;
  }
}
section.about-us .intro img {
  width: 100%;
}
section.about-us .brands-we-carry h2 {
  font-weight: 500;
  font-size: 6.2rem;
  line-height: 1.2;
  margin-bottom: 2rem;
}
@media only screen and (min-width: 990px) {
  section.about-us .brands-we-carry h2 {
    margin-bottom: 5rem;
  }
}
section.about-us .brands-we-carry .brands-block h4 {
  font-size: 2.75rem;
  line-height: 1.2;
  font-weight: 500;
  margin-bottom: 5rem;
}
@media only screen and (min-width: 1024px) {
  section.about-us .brands-we-carry .brands-block h4 {
    font-size: 3.5rem;
    line-height: 3rem;
  }
}
@media only screen and (max-width: 575px) {
  section.about-us .brands-we-carry .brands-block h4 {
    font-size: 3.2rem;
    line-height: 1.4;
  }
}
section.about-us .brands-we-carry .brands-block .brands-list {
  margin-bottom: 8rem;
}
section.about-us .brands-we-carry .brands-block .brands-list ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 2rem;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
section.about-us .brands-we-carry .brands-block .brands-list ul li {
  width: calc(50% - 2rem);
  border: 1px solid #dee2e6;
  padding: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media only screen and (min-width: 576px) {
  section.about-us .brands-we-carry .brands-block .brands-list ul li {
    width: calc(25% - 2rem);
  }
}
@media only screen and (min-width: 990px) {
  section.about-us .brands-we-carry .brands-block .brands-list ul li {
    width: calc(16.6666666667% - 2rem);
  }
}

/* --------------------------------------------- */
/* --------- Our Services Styles ----------- */
/* --------------------------------------------- */
section.news {
  padding-top: calc(var(--section-padding-top-bottom) / 2);
  padding-bottom: calc(var(--section-padding-top-bottom) / 2);
}
@media only screen and (min-width: 990px) {
  section.news {
    padding: var(--section-padding-top-bottom) 0 var(--section-padding-top-bottom) 0;
  }
}
section .news-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 5rem;
  margin-bottom: 3rem;
}
@media only screen and (min-width: 990px) {
  section .news-block {
    margin-bottom: 12rem;
  }
}
section .news-block.flip {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
section .news-block .news-read-more {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 1.6rem;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-column-gap: 3rem;
     -moz-column-gap: 3rem;
          column-gap: 3rem;
  text-decoration: none;
}
section .news-block .news-read-more p {
  font-size: 2rem;
  color: #DC4C32;
}
section .news-block .news-read-more p img {
  margin-left: 1rem;
  width: auto;
}
section .news-block > div {
  width: 100%;
}
section .news-block > div.left {
  display: none;
}
@media only screen and (min-width: 990px) {
  section .news-block > div.left {
    display: block;
    width: calc(20% - 1rem);
  }
}
section .news-block > div.left img {
  width: 100%;
}
section .news-block > div.right {
  width: 100%;
}
@media only screen and (min-width: 990px) {
  section .news-block > div.right {
    width: calc(80% - 1rem);
  }
}
section .news-block h4 {
  font-weight: 600;
  font-size: 4.2rem;
  line-height: 1.2;
}
section .news-block h4 a {
  color: #000000 !important;
  text-decoration: none !important;
}
section .news-block p {
  width: 100%;
}
@media only screen and (min-width: 990px) {
  section .news-block p {
    width: 75%;
  }
}
section .news-block img {
  width: auto;
}
section .news-block .news-content {
  color: #000000 !important;
  text-decoration: none !important;
}
section .brands-we-carry h2 {
  font-weight: 500;
  font-size: 6.2rem;
  line-height: 1.2;
  margin-bottom: 5rem;
}
section .brands-we-carry .brands-block h4 {
  font-size: 2.75rem;
  line-height: 1.2;
  font-weight: 500;
  margin-bottom: 5rem;
}
@media only screen and (min-width: 1024px) {
  section .brands-we-carry .brands-block h4 {
    font-size: 3.5rem;
    line-height: 3rem;
  }
}
@media only screen and (max-width: 575px) {
  section .brands-we-carry .brands-block h4 {
    font-size: 2.2rem;
    line-height: 1.4;
  }
}
section .brands-we-carry .brands-block .brands-list {
  margin-bottom: 8rem;
}
section .brands-we-carry .brands-block .brands-list ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 2rem;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
section .brands-we-carry .brands-block .brands-list ul li {
  width: calc(50% - 2rem);
  border: 1px solid #dee2e6;
  padding: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media only screen and (min-width: 576px) {
  section .brands-we-carry .brands-block .brands-list ul li {
    width: calc(25% - 2rem);
  }
}
@media only screen and (min-width: 990px) {
  section .brands-we-carry .brands-block .brands-list ul li {
    width: calc(16.6666666667% - 2rem);
  }
}

/* --------------------------------------------- */
/* --------- Our Services Styles ----------- */
/* --------------------------------------------- */
.sub-page.contact .col-md-6:first-child p {
  width: 100% !important;
}
.sub-page.contact .form-holder {
  width: 100% !important;
  padding: 5rem;
  background-color: #ffffff;
  position: relative;
  z-index: 100;
}
.sub-page.contact .form-holder .notice-success {
  font-size: 2rem;
  color: #333333;
  padding: 1rem 0;
}
.sub-page.contact .form-holder input, .sub-page.contact .form-holder textarea {
  background-color: #ffffff;
  color: #333333;
  border-color: #cccccc;
  border-radius: 4px;
  border-style: solid;
  border-width: 1px;
  font-family: "Ubuntu", sans-serif, serif;
  font-size: 2rem;
  height: auto;
  line-height: 21px;
  margin-bottom: 0;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  padding: 10px 10px;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  max-width: 100%;
  margin-bottom: 3rem;
}
.sub-page.contact .form-holder input::-webkit-input-placeholder, .sub-page.contact .form-holder textarea::-webkit-input-placeholder {
  color: #cccccc;
}
.sub-page.contact .form-holder input::-moz-placeholder, .sub-page.contact .form-holder textarea::-moz-placeholder {
  color: #cccccc;
}
.sub-page.contact .form-holder input:-ms-input-placeholder, .sub-page.contact .form-holder textarea:-ms-input-placeholder {
  color: #cccccc;
}
.sub-page.contact .form-holder input::-ms-input-placeholder, .sub-page.contact .form-holder textarea::-ms-input-placeholder {
  color: #cccccc;
}
.sub-page.contact .form-holder input::placeholder, .sub-page.contact .form-holder textarea::placeholder {
  color: #cccccc;
}
.sub-page.contact .form-holder textarea {
  min-height: 250px;
}
.sub-page.contact .form-holder button {
  font-size: 2rem;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
  width: 100% !important;
}

/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on January 22, 2024 */
@font-face {
  font-family: "Ubuntu Bold";
  src: url("../assets/fonts/Ubuntu-Bold.woff2") format("woff2"), url("../assets/fonts/Ubuntu-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Ubuntu Light";
  src: url("../assets/fonts/Ubuntu-Light.woff2") format("woff2"), url("../assets/fonts/Ubuntu-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Ubuntu Medium";
  src: url("../assets/fonts/Ubuntu-Medium.woff2") format("woff2"), url("../assets/fonts/Ubuntu-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Ubuntu Regular";
  src: url("../assets/fonts/Ubuntu.woff2") format("woff2"), url("../assets/fonts/Ubuntu.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Host Grotesk";
  src: url("../assets/fonts/HostGrotesk-Light.woff2") format("woff2"), url("../assets/fonts/HostGrotesk-Light.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Urbanist Light";
  src: url("../assets/fonts/Urbanist-Light.woff2") format("woff2"), url("../assets/fonts/Urbanist-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Urbanist Regular";
  src: url("../assets/fonts/Urbanist-Regular.woff2") format("woff2"), url("../assets/fonts/Urbanist-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
.Urbanist-Light, h4, h2, h1 {
  font-family: "Urbanist Light", serif;
}

.Urbanist-Regular {
  font-family: "Urbanist Regular", serif;
}

.ubuntu-light {
  font-family: "Ubuntu Light", serif;
}

.ubuntu-regular, html,
body {
  font-family: "Ubuntu Regular", serif;
}

.ubuntu-medium, h3, #ContactModal .modal-dialog .modal-content h4, #ContactModal .modal-dialog .modal-content h3 {
  font-family: "Ubuntu Medium", serif;
}

.ubuntu-bold {
  font-family: "Ubuntu bold", serif;
}

.ubuntu-light-italic {
  font-family: "Ubuntu Light", serif;
  font-style: italic;
}

.ubuntu-regular-italic {
  font-family: "Ubuntu Regular", serif;
  font-style: italic;
}

.ubuntu-medium-italic {
  font-family: "Ubuntu Medium", serif;
  font-style: italic;
}

.ubuntu-bold-italic {
  font-family: "Ubuntu bold", serif;
  font-style: italic;
}

.host-grotesk, p.large, p, .link-arrow, .eport-content section .coming-soon {
  font-family: "Host Grotesk", serif;
  font-weight: 300;
  font-style: normal;
}

h1 {
  font-size: var(--fs-xl);
  line-height: 1;
}

h2 {
  text-transform: none;
  font-weight: normal;
  font-size: var(--fs-600);
  line-height: 1.2;
}
@media only screen and (min-width: 1024px) {
  h2 {
    line-height: 1.1;
  }
}
h2:after {
  content: none;
}

h3 {
  font-size: var(--fs-500);
  line-height: 1;
}
h4 {
  font-size: 2.75rem;
  line-height: 1.2;
  font-weight: 500;
}
@media only screen and (min-width: 1024px) {
  h4 {
    font-size: 3rem;
    line-height: 3rem;
  }
}
@media only screen and (max-width: 575px) {
  h4 {
    font-size: 2.2rem;
    line-height: 1.4;
  }
}
@media only screen and (min-width: 768px) {
  h4 .grey-text,
  h4 .block-ele {
    display: block;
  }
}

p {
  font-size: clamp(2.2rem, 1.8vw + 1rem, 0.8vw);
}
p.large {
  font-size: clamp(2.6rem, 2.1vw + 1rem, 1.1vw);
}

@-webkit-keyframes h1-fadeIn {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-100px);
            transform: translateY(-100px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

@keyframes h1-fadeIn {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-100px);
            transform: translateY(-100px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
/*Base font-size settings (not affecting global styles)*/
html {
  font-size: 62.5%;
}

/*Overidding global styles */
main {
  margin: 0 !important;
  overflow: hidden;
}
main .main-content {
  position: relative;
  z-index: 10;
}

.container-xl {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

@media only screen and (min-width: 768px) {
  .container-xl {
    max-width: 100%;
    padding: 0;
  }
}
.container-xxl {
  padding: 0;
}

.inner {
  padding-right: 2rem;
  padding-left: 2rem;
  margin: 0;
  max-width: 1980px;
  margin: 0 auto;
}
@media only screen and (min-width: 990px) {
  .inner {
    padding-right: 3rem;
    padding-left: 3rem;
  }
}
@media only screen and (min-width: 1440px) {
  .inner {
    padding-right: 8rem;
    padding-left: 8rem;
  }
}

.bg-img {
  z-index: 0;
  width: 100%;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: 0;
  right: auto;
}

/*End Overidding global styles */