/*

* Prefixed by https://autoprefixer.github.io

* PostCSS: v8.4.14,

* Autoprefixer: v10.4.7

* Browsers: last 4 version

*/



/* =====Document Styles===== */

* {

  margin: 0;

  padding: 0;

  -webkit-box-sizing: border-box;

  box-sizing: border-box;

  list-style: none;

  text-decoration: none;

  /* outline: 1px solid red; */

}

html {

  scroll-behavior: smooth;

}

body {

  font-family: "Avenir", "Lato", sans-serif;

  font-weight: 400;

  font-size: 18px;

  line-height: 1.25;

  color: rgba(2, 4, 4, 0.8);

  background-color: #fff;

  /* min-height: 200vh; */

}

.subhead-text,
.subhead-double_slash {
  display: none;
}



/* Content Style */

h1 {

  font-family: "gelica", sans-serif;

  font-size: 31.25px;

  font-weight: 500;

  font-style: normal;

  color: #020404;

}

h2 {

  font-family: "gelica", sans-serif;

  font-size: 31.25px;

  font-weight: 400;

  font-style: normal;

  color: #020404;

}

h3 {

  font-family: "gelica", sans-serif;

  font-size: 25px;

  font-weight: 400;

  font-style: normal;

  color: rgba(2, 4, 4, 0.8);

}

h4 {

  font-family: "gelica", sans-serif;

  font-size: 18px;

  font-weight: 400;

  font-style: normal;

  color: rgba(2, 4, 4, 0.8);

}

p {

  font-family: "Avenir", "Lato", sans-serif;

  font-weight: 400;

  line-height: 1.25;

  color: rgba(2, 4, 4, 0.8);

  font-style: normal;

  font-size: 18px;

}

.main {

  position: relative;

}

@media (min-width: 1024px) {

  h1 {

    font-size: 48.83px;

  }

  h2 {

    font-size: 39.06px;

  }

  h3 {

    font-size: 31.25px;

  }

  p {

    font-size: 20px;

  }

}

@media (min-width: 1200px) {}



/* Primary Buttons — unified with the .cta_link pill style (see services.css) so every
   primary_btn / dark_purple_btn / service_btn site-wide matches the new service-page look */

.primary_btn {

  padding: 14px 20px 14px 23px;

  background-color: #B1DDF3;

  color: #1D2350;

  font-family: "Avenir", "Lato", sans-serif;

  font-weight: 800;

  font-size: 16px;

  line-height: 1.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;

  gap: 8px;

  border-left: 3px solid #8D91C7;

  -webkit-transition: all 0.3s ease;

  -o-transition: all 0.3s ease;

  transition: all 0.3s ease;

  text-decoration: none;

  white-space: nowrap;

  width: fit-content;

}

.primary_btn .btn_arrow {

  height: 12px;

}

.primary_btn:hover {

  background-color: #020404;

  color: #fff;

}

.primary_btn.header_btn {

  width: unset;

  padding: 10px 12px;

}

@media (min-width: 744px) {

  .primary_btn.header_btn {

    font-size: 16px;

    padding: 10px 12px;

  }

}

@media (min-width: 1200px) {

  .primary_btn.header_btn {

    font-size: 18px;

    padding: 15px;

  }

}

.dark_purple_btn {

  background-color: #1D2350;

  color: #fff;

  border-left-color: #B1DDF3;

}

.dark_purple_btn:hover {

  background-color: #B1DDF3;

  color: #1D2350;

}

.light_purple_btn {

  background-color: #E6E8F4;

}



/* Service Button */

.service_btn {

  padding: 14px 20px 14px 23px;

  background-color: #020404;

  color: #fff;

  font-family: "Avenir", "Lato", sans-serif;

  font-weight: 800;

  font-size: 16px;

  line-height: 1.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;

  gap: 8px;

  border-left: 3px solid #fff;

  -webkit-transition: all 0.3s ease;

  -o-transition: all 0.3s ease;

  transition: all 0.3s ease;

  text-decoration: none;

  white-space: nowrap;

  width: fit-content;

}

.service_btn .btn_arrow {

  height: 12px;

}

.service_btn:hover {

  background-color: #B1DDF3;

  color: #1D2350;

}



/* Text Link — restyled as a filled pill button matching .cta_link-light (see services.css) */

.txt_link {

  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;

  gap: 8px;

  padding: 14px 20px 14px 23px;

  background-color: #B1DDF3;

  border-left: 3px solid #8D91C7;

  width: -webkit-fit-content;

  width: -moz-fit-content;

  width: fit-content;

  -webkit-transition: all 0.3s ease;

  -o-transition: all 0.3s ease;

  transition: all 0.3s ease;

}

.txt_link-content {

  font-family: "Avenir", "Lato", sans-serif;

  font-size: 16px;

  font-weight: 800;

  line-height: 1.2;

  color: #1D2350;

  text-decoration: none;

  white-space: nowrap;

}

.txt_link-arrow {

  height: 12px;

}

.txt_link:hover {

  background-color: #020404;

}

.txt_link:hover .txt_link-content {

  color: #fff;

}



/* =====Banner Text Button (on iCareers Pages)===== */

.banner-txt-button span {

  font-size: 16px;

  text-decoration: underline;

  -webkit-text-decoration-color: rgba(2, 4, 4, 0.25);

  text-decoration-color: rgba(2, 4, 4, 0.25);

  text-underline-offset: 5px;

  color: #020404;

  font-weight: 500;

  -webkit-transition: all 0.2s ease;

  -o-transition: all 0.2s ease;

  transition: all 0.2s ease;

}

.banner-txt-button:hover span {

  -webkit-text-decoration-color: rgba(2, 4, 4, 0.8);

  text-decoration-color: rgba(2, 4, 4, 0.8);



}



/* =====Header Section===== */

.header {

  top: 0;

  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%;

  -webkit-box-pack: justify;

  -ms-flex-pack: justify;

  justify-content: space-between;

  position: sticky;

  z-index: +999;

}

/* Header Mobile */

.header-mob {

  background-color: #fff;

  padding: 15px 12px;

  -webkit-box-shadow: inset 0px -2px 0px 0px rgba(0, 0, 0, 0.05);

  box-shadow: inset 0px -2px 0px 0px rgba(0, 0, 0, 0.05);

  z-index: 1000;

}

.header-mob-container {

  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;

  width: 100%;

}

.header_mob_right_wrap {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  gap: 12px;

}

/* Header Logo */

.header_logo-mob_a {

  height: 40px;

}

.header_logo-mob {

  height: 40px;

}

/* Dark BG */

.header-mob-dark_bg {

  position: fixed;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background-color: #020404;

  opacity: 0;
  /* Initially hidden */

  visibility: hidden;
  /* Ensures it's not interactive when hidden */

  -webkit-transition: opacity 0.3s ease, visibility 0.5s ease;

  -o-transition: opacity 0.3s ease, visibility 0.5s ease;

  transition: opacity 0.3s ease, visibility 0.5s ease;
  /* Smooth transition */

  z-index: 998;
  /* Place it above other elements */



  /* visibility: visible;

  opacity: 0.75; */

}

/* Hamburger */

.header_ham {

  width: 25px;

  height: 25px;

  cursor: pointer;

  position: relative;

}

.header_ham span {

  position: absolute;

  background: #1D2350;

  display: inline-block;

  left: 0;

  height: 3px;

  -webkit-transition: all .4s;

  -o-transition: all .4s;

  transition: all .4s;

  &:nth-of-type(1) {

    top: 4px;

    width: 100%;

  }

  &:nth-of-type(2) {

    top: 11px;

    width: 20px;

  }

  &:nth-of-type(3) {

    top: 18px;

    width: 15px;

  }

}

.header_ham.active span {

  &:nth-of-type(1) {

    width: 25px;

    top: 5px;

    left: 0px;

    -webkit-transform: translateY(6px) rotate(-135deg);

    -ms-transform: translateY(6px) rotate(-135deg);

    transform: translateY(6px) rotate(-135deg);

  }

  &:nth-of-type(2) {

    opacity: 0;

  }

  &:nth-of-type(3) {

    width: 25px;

    top: 17px;

    left: 0;

    -webkit-transform: translateY(-6px) rotate(135deg);

    -ms-transform: translateY(-6px) rotate(135deg);

    transform: translateY(-6px) rotate(135deg);

  }

}

@media (min-width: 1200px) {

  .header {

    top: -40px;

  }

}



/* Header Mobile: SideNav */

.header-mob-sidenav {

  position: fixed;

  top: 0;

  right: -300px;

  width: 300px;

  height: 100%;

  background-color: #fff;

  z-index: 999;

  -webkit-transition: right 0.5s ease;

  -o-transition: right 0.5s ease;

  transition: right 0.5s ease;

}

.header-mob-sidenav-services {

  margin: 90px 20px 20px 20px;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

  gap: 10px;

}

.header-mob-sidenav-services-minitext {

  font-size: 13px;

  font-family: "Avenir";

  font-weight: 300;

  font-style: oblique;

  color: rgba(2, 4, 4, 0.6);

}

.header-mob-sidenav-services-wrap {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

  gap: 10px;

}

.header-mob-sidenav-services-wrap-link {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  gap: 8px;

}

.header-mob-sidenav-services-link-a {

  font-family: "Avenir";

  font-weight: 500;

  font-style: normal;

  font-size: 18px;

  color: #020404;

  text-decoration: underline;

  -webkit-text-decoration-color: rgba(177, 221, 243, 0);

  text-decoration-color: rgba(177, 221, 243, 0);

  text-underline-offset: 4px;

}

.header-mob-sidenav-services-link-a:hover {

  -webkit-text-decoration-color: rgb(177, 221, 243);

  text-decoration-color: rgb(177, 221, 243);

}



.header-mob-sidenav-btns {

  margin: 20px 20px 25px 20px;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

  gap: 12px;

}

.header-mob-sidenav-hr {

  width: 100%;

  height: 1px;

  background-color: rgb(2, 4, 4);

  opacity: 0.15;

}

.header-mob-sidenav .primary_btn {

  font-weight: 500 !important;

}

.header-mob-sidenav-btns-text_link {

  font-family: "Avenir";

  font-weight: 500;

  font-style: normal;

  font-size: 16px;

  color: #020404;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  gap: 8px;

  margin-left: auto;

  margin-right: auto;

  margin-top: 3px;

}

.line-link-special {

  color: #020404;

  text-decoration: none;

  -webkit-text-decoration-color: none;

  text-decoration-color: none;

  text-underline-offset: 4px;

  text-decoration-thickness: 2px;

  -webkit-transition: -webkit-text-decoration-color 0.3s ease;

  transition: -webkit-text-decoration-color 0.3s ease;

  -o-transition: text-decoration-color 0.3s ease;

  transition: text-decoration-color 0.3s ease;

  transition: text-decoration-color 0.3s ease, -webkit-text-decoration-color 0.3s ease;

}

.line-link-special:hover {

  -webkit-text-decoration-color: rgba(29, 35, 80, 0.5);

  text-decoration-color: rgba(29, 35, 80, 0.5);

}

.header-mob-sidenav-btns-text_link_call_icon {

  margin-bottom: 1px;

}



.header-mob-sidenav-links {

  margin: 25px 20px;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

  gap: 15px;

}

.header-mob-sidenav-link {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  gap: 12px;

}

.header-mob-sidenav-link a {

  color: rgba(2, 4, 4, 0.8);

}

.header-desk {

  display: none;

  position: relative;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

  top: 0;

  right: 0;

  left: 0;

}

@media (min-width: 744px) {

  .header-mob {

    padding: 15px 16px;

  }

}

@media (min-width: 1200px) {

  .header-mob {

    display: none;

  }

  .header-desk {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

  }

}



/* Desktop Header: Mini */

.header-desk-mini {

  display: none;

  padding: 10px 40px;

  background-color: #E6E8F4;

  width: 100%;

}

.header-desk-mini-wrap {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  gap: 35px;

  -webkit-box-pack: end;

  -ms-flex-pack: end;

  justify-content: flex-end;

}

.header-desk-mini-a {

  font-family: "Avenir";

  font-weight: 400;

  font-style: normal;

  font-size: 16px;

  color: rgba(2, 4, 4, 0.8);

  text-decoration: underline;

  -webkit-text-decoration-color: rgba(2, 4, 4, 0);

  text-decoration-color: rgba(2, 4, 4, 0);

  text-underline-offset: 3px;

  -webkit-transition: -webkit-text-decoration 0.3s ease;

  transition: -webkit-text-decoration 0.3s ease;

  -o-transition: text-decoration 0.3s ease;

  transition: text-decoration 0.3s ease;

  transition: text-decoration 0.3s ease, -webkit-text-decoration 0.3s ease;

}

.header-desk-mini-a:hover {

  -webkit-text-decoration-color: rgba(2, 4, 4, 0.2);

  text-decoration-color: rgba(2, 4, 4, 0.2);

}

/* Desktop Header: Mega */

.header-desk-mega {

  display: none;

  background-color: #fff;

  width: 100%;

  padding: 0 40px;

  -webkit-box-shadow: inset 0px -2px 0px 0px rgba(0, 0, 0, 0.05);

  box-shadow: inset 0px -2px 0px 0px rgba(0, 0, 0, 0.05);

}

.header-desk-mega .header-container {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: justify;

  -ms-flex-pack: justify;

  justify-content: space-between;

}

.header_logo-desk {

  height: 60px;

}

.header_logo-desk_a {

  height: 60px;

}

.header-desk-mega-left-wrap {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  gap: 60px;

}

.header-desk-mega-left-service-wrap {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

  gap: 6px;

  position: relative;

  top: 12px;

}

.header-desk-mega-left-service-subwrap {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  gap: 30px;

}

.header-desk-mega-left-service-minitext {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  gap: 8px;

}

.header-desk-mega-left-service-minitext p {

  white-space: nowrap;

  font-size: 13px;

  font-family: "Avenir";

  font-weight: 300;

  font-style: oblique;

  color: rgba(2, 4, 4, 0.6);

}

.header-desk-mega-left-service-minitext-line {

  height: 1px;

  background-color: rgba(2, 4, 4, 0.2);

  width: 100%;

}

.header-desk-mega-a {

  font-family: "Avenir";

  font-weight: 500;

  font-style: normal;

  font-size: 18px;

  color: rgb(2, 4, 4);

  -webkit-transition: color 0.2s ease, -webkit-box-shadow 0.3s ease;

  transition: color 0.2s ease, -webkit-box-shadow 0.3s ease;

  -o-transition: color 0.2s ease, box-shadow 0.3s ease;

  transition: color 0.2s ease, box-shadow 0.3s ease;

  transition: color 0.2s ease, box-shadow 0.3s ease, -webkit-box-shadow 0.3s ease;

  padding-bottom: 23px;

}

.header-desk-mega-a:hover,

.header-desk-mega-a.current_page {

  color: #8D91C9;

  -webkit-box-shadow: inset 0px -2px 0px 0px #8D91C9;

  box-shadow: inset 0px -2px 0px 0px #8D91C9;

}



.header-desk-mega-right-wrap {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  gap: 40px;

}

.header-desk-mega-right-navlink {

  padding-top: 25px;

  padding-bottom: 25px;

  -webkit-transition: -webkit-box-shadow 0.3s ease;

  transition: -webkit-box-shadow 0.3s ease;

  -o-transition: box-shadow 0.3s ease;

  transition: box-shadow 0.3s ease;

  transition: box-shadow 0.3s ease, -webkit-box-shadow 0.3s ease;

}

.header-desk-mega-right-navlink:hover,

.header-desk-mega-right-navlink.current_page {

  -webkit-box-shadow: inset 0px -2px 0px 0px #8D91C9;

  box-shadow: inset 0px -2px 0px 0px #8D91C9;

}

.header-desk-mega-right-navlink:hover .header-desk-mega-right-navlink-bigtext,

.header-desk-mega-right-navlink.current_page .header-desk-mega-right-navlink-bigtext {

  color: #8D91C9;

}

.header-desk-mega-right-navlink_wrap {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  gap: 35px;

}

.header-desk-mega-right-navlink-minitext {

  font-size: 13px;

  font-family: "Avenir";

  font-weight: 300;

  font-style: oblique;

  color: rgba(2, 4, 4, 0.6);

}

.header-desk-mega-right-navlink-bigtext {

  font-family: "Avenir";

  font-weight: 500;

  font-style: normal;

  font-size: 20px;

  color: #020404;

  -webkit-transition: color 0.2s ease;

  -o-transition: color 0.2s ease;

  transition: color 0.2s ease;

}

.header-desk-mega-right-navlink.header_macair {

  display: none;

}

.header-desk-mini-a.header_macair {

  display: inline;

}

@media (min-width: 1200px) {

  .header-desk-mini,

  .header-desk-mega {

    display: block;

  }



}

@media (min-width: 1512px) {

  .header-desk-mini-a.header_macair {

    display: none;

  }

  .header-desk-mega-right-navlink.header_macair {

    display: block;

  }

}

@media (min-width: 1728px) {

  .header-container {

    max-width: 1600px;

    margin-left: auto;

    margin-right: auto;

  }

  .header-desk-mega {

    padding: 0;

  }

  .header-desk-mini {

    padding-left: 0;

    padding-right: 0;

  }

}



/* =====Footer===== */

.footer {

  background-color: #fff;

  padding-top: 50px;

  padding-bottom: 40px;

  padding-left: 20px;

  padding-right: 20px;

}

.footer-container {

  margin-left: 16px;

  margin-right: 16px;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

  gap: 70px;

}

.footer-top {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

  gap: 40px;

}

.footer-centre_wrap h3 {

  font-weight: 600;

}

.footer-left_wrap {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

  gap: 24px;

  max-width: 260px;

}

.footer_logo_a,

.footer_logo {

  height: 60px;

}

.footer-left_wrap-tagline {

  font-size: 16px;

  font-family: "Avenir";

  font-weight: 400;

  font-style: normal;

  line-height: 1.2;

  color: #4B5083;

}

.footer-contact_wrap {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

  gap: 10px;

}

.footer-contact_wrap-sub {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  gap: 10px;

}

.footer-contact_wrap-sub-text {

  font-size: 16px;

  font-family: "Avenir";

  font-weight: 500;

  font-style: normal;

  color: #4B5083;

}

.footer .line-link-special {

  color: #4B5083;

}

.footer-adminonly {

  display: none;

}

.logged-in .footer-adminonly {

  display: inline-block;

}

@media (min-width: 744px) {

  .footer-container {

    margin-left: 24px;

    margin-right: 24px;

    gap: 50px;

  }

}

@media (min-width: 1024px) {

  .footer-container {

    margin-left: 32px;

    margin-right: 32px;

  }

}

@media (min-width: 1200px) {

  .footer-container {

    margin-left: 0;

    margin-right: 0;

    /* max-width: 1200px; */

    margin-left: auto;

    margin-right: auto;

    padding-left: 30px;
    padding-right: 30px;

    gap: 60px;

  }

  .footer-top {

    -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;

  }

}

@media (min-width: 1512px) {

  .footer-container {

    max-width: 1400px;

  }

}

.footer-centre_wrap {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

  gap: 45px;

}

@media (min-width: 1200px) {

  .footer-centre_wrap {

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

    -ms-flex-direction: row;

    flex-direction: row;

    gap: 80px;

  }

}

.footer-quick_links,

.footer-services {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

  gap: 16px;

}

.footer-quick_links-h,

.footer-services-h {

  font-size: 20px;

  font-weight: 500;

  color: #1B2150;

}

.footer-quick_links-grid,

.footer-services-wrap {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

  gap: 8px;

  -webkit-box-align: start;

  -ms-flex-align: start;

  align-items: flex-start;

}

.footer-quick_links-grid-item,

.footer-services-item {

  font-size: 16px;

  font-family: "Avenir";

  font-weight: 400;

  font-style: normal;

  color: #4B5083;

  -webkit-transition: -webkit-text-decoration 0.3s ease;

  transition: -webkit-text-decoration 0.3s ease;

  -o-transition: text-decoration 0.3s ease;

  transition: text-decoration 0.3s ease;

  transition: text-decoration 0.3s ease, -webkit-text-decoration 0.3s ease;

}

.footer-quick_links-grid-item:hover,

.footer-services-item:hover {

  text-decoration: underline;

}



/* Footer Newsletter */

.footer-newsletter-wrap {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: start;

  -ms-flex-align: start;

  align-items: flex-start;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

  gap: 18px;

  max-width: 100%;

  width: 100%;

  background-color: #EDEEFA;

  border-radius: 4px;

  padding: 20px;

}

@media (min-width: 1200px) {

  .footer-newsletter-wrap {

    -webkit-box-flex: 1;

    -ms-flex: 1 0 0px;

    flex: 1 0 0px;

    padding: 30px;

  }

}

.footer-newsletter-top_text {

  display: inline-block;

  padding: 8px 10px;

  background-color: #B7E0F6;

  border-radius: 6px;

  font-family: "Avenir";

  font-weight: 700;

  font-size: 12px;

  color: #12153A;

  text-transform: uppercase;

  letter-spacing: 1px;

}

.footer-newsletter-content {

  width: 100%;

}

.footer-newsletter-h {

  font-size: 22px;

  margin-bottom: 15px;

  font-weight: 500;

  color: #1B2150;

}

.footer-newsletter-list-item-text {

  font-family: "Avenir", "Lato", sans-serif;

  font-weight: 500;

  color: #4B5083;

  font-style: normal;

  font-size: 14px;

}

.footer-newsletter-list {

  padding-left: 0;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

  gap: 8px;

  margin-bottom: 20px;

}

.footer-newsletter-list-item {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  gap: 12px;

}

.footer-newsletter-list-item-tick {

  margin-top: 0;

}

.footer-newsletter-post_fields {

  font-family: "Avenir", "Lato", sans-serif;

  font-weight: 400;

  color: rgba(2, 4, 4, 0.4);

  font-style: normal;

  font-size: 12px;

  margin-top: 8px;

}

@media (min-width: 1200px) {

  .footer-newsletter-h {

    font-size: 28px;

  }

}

/* Newsletter integration */

.footer-newsletter-fields_wrap .formkit-form[data-uid="36343e14e3"][min-width~="700"] [data-style="clean"],
.formkit-form[data-uid="36343e14e3"][min-width~="800"] [data-style="clean"] {

  padding: 0 !important;

  padding-top: 0 !important;

}

.footer-newsletter-fields_wrap .formkit-powered-by-convertkit-container {

  display: none !important;

}

.footer-newsletter-fields_wrap .formkit-form[data-uid="36343e14e3"][min-width~="700"] .formkit-fields[data-stacked="false"] .formkit-field,
.formkit-form[data-uid="36343e14e3"][min-width~="800"] .formkit-fields[data-stacked="false"] .formkit-field,
.formkit-form[data-uid="36343e14e3"][min-width~="700"] .formkit-fields[data-stacked="false"] .formkit-submit,
.formkit-form[data-uid="36343e14e3"][min-width~="800"] .formkit-fields[data-stacked="false"] .formkit-submit {

  margin: 0 !important;

}

.footer-newsletter-fields_wrap .formkit-form[data-uid="36343e14e3"][min-width~="700"] .formkit-fields[data-stacked="false"],
.formkit-form[data-uid="36343e14e3"][min-width~="800"] .formkit-fields[data-stacked="false"] {

  margin-left: 0 !important;

  margin-right: 0 !important;

}

.footer-newsletter-fields_wrap .formkit-form[data-uid="36343e14e3"] .formkit-fields {

  display: -webkit-box !important;

  display: -ms-flexbox !important;

  display: flex !important;

  -ms-flex-wrap: nowrap !important;

  flex-wrap: nowrap !important;

  background-color: #fff;

  border: 1px solid #E3E4F0;

  border-radius: 4px;

  overflow: hidden;

  position: static !important;

}

.footer-newsletter-fields_wrap .formkit-form[data-uid="36343e14e3"] .formkit-input {

  font-size: 14px !important;

  padding: 13px 15px !important;

  border: none !important;

  background-color: transparent !important;

  -webkit-box-flex: 1;

  -ms-flex: 1 1 auto;

  flex: 1 1 auto;

  line-height: unset !important;

  color: rgba(2, 4, 4, 0.8) !important;

  font-family: "Avenir", "Lato", sans-serif !important;

  font-weight: 400 !important;

  font-style: normal !important;

  border-radius: 0 !important;

}

.footer-newsletter-fields_wrap .formkit-submit {

  font-family: "Avenir", "Lato", sans-serif !important;

  font-weight: 500 !important;

  font-style: normal !important;

  font-size: 14px !important;

  border-radius: 0 !important;

  background-color: #1D2350 !important;

  white-space: nowrap;

  position: static !important;

  -webkit-box-flex: 0;

  -ms-flex: 0 0 auto;

  flex: 0 0 auto;

  -webkit-transition: opacity 0.3s ease;

  -o-transition: opacity 0.3s ease;

  transition: opacity 0.3s ease;

}

.footer-newsletter-fields_wrap .formkit-submit:hover {

  opacity: 0.9;

}

.footer-newsletter-fields_wrap .formkit-form[data-uid="36343e14e3"] .formkit-button>span,
.footer-newsletter-fields_wrap .formkit-form[data-uid="36343e14e3"] .formkit-submit>span {

  padding: 13px 16px !important;

}

@media (min-width: 1200px) {

  .footer-newsletter-fields_wrap .formkit-form[data-uid="36343e14e3"] .formkit-button>span,
  .footer-newsletter-fields_wrap .formkit-form[data-uid="36343e14e3"] .formkit-submit>span {

    padding: 14px 20px !important;

  }

  .footer-newsletter-fields_wrap .formkit-form[data-uid="36343e14e3"] .formkit-input {

    padding: 14px 15px !important;

    font-size: 15px !important;

  }

  .footer-newsletter-fields_wrap .formkit-submit {

    font-size: 15px !important;

    line-height: 22px !important;

  }

}



/* Footer Bottom */

.footer-bottom {

  border-top: 1px solid #E3E4F0;

  padding-top: 26px;

}

.footer-bottom-bottom {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  gap: 15px;

}

.footer-bottom-bottom-copyright {

  font-family: "Avenir";

  font-weight: 400;

  font-style: normal;

  color: #6C7099;

  font-size: 16px;

  text-align: center;

}

.footer-bottom-bottom-wrap {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  gap: 22px;

}

.footer-bottom-bottom-wrap-p {

  font-family: "Avenir";

  font-weight: 400;

  font-style: normal;

  color: #6C7099;

  font-size: 16px;

}

.footer-bottom-socials {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  gap: 14px;

}

.footer-bottom-socials-social_icons-a {

  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;

  width: 40px;

  height: 40px;

  border-radius: 24px;

  background-color: #F1F1F9;

}

.footer-bottom-socials-social_icons {

  height: 24px;

  width: 24px;

}

@media (min-width: 1024px) {

  .footer-bottom-bottom {

    -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;

  }

  .footer-bottom-bottom-copyright {

    text-align: unset;

  }

}



/* =====Pre-footer===== */

.pre_foot {

  position: relative;

  padding-bottom: 50px;

}

.pre_foot-container {

  margin-left: 16px;

  margin-right: 16px;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  gap: 30px;

}

.pre_foot-img_effect_container {

  height: 300px;

  width: 100%;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  gap: 10px;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: justify;

  -ms-flex-pack: justify;

  justify-content: space-between;

}

.pre_foot-img_effect-panel {

  position: relative;

  width: 100%;

  height: 100%;

  -webkit-box-flex: 0.5;

  -ms-flex: 0.5;

  flex: 0.5;

  cursor: pointer;



  background-size: auto 100%;

  background-position: center;

  background-repeat: no-repeat;



  -webkit-transition: -webkit-box-flex 0.3s ease-in;



  transition: -webkit-box-flex 0.3s ease-in;



  -o-transition: flex 0.3s ease-in;



  transition: flex 0.3s ease-in;



  transition: flex 0.3s ease-in, -webkit-box-flex 0.3s ease-in, -ms-flex 0.3s ease-in;

}

.pre_foot-img_effect-panel::before {

  content: "";

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  height: 5px;

  background-color: #8D91C7;

  z-index: 1;

}

.pre_foot-img_effect-panel::after {

  content: "";

  position: absolute;

  bottom: 0;

  left: 0;

  right: 0;

  height: 5px;

  background-color: #8D91C7;

  z-index: 1;

}

.pre_foot-img_effect-panel.pre_foot-active {

  -webkit-box-flex: 1.5;

  -ms-flex: 1.5;

  flex: 1.5;

}

.pre_foot-content_wrap {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

}

.pre_foot-content-h {

  font-size: 31.25px;

  margin-bottom: 10px;

  color: #fff;

  font-weight: 500;

}

.pre_foot-content-p {

  font-family: "Avenir";

  font-size: 18px;

  line-height: 25px;

  margin-bottom: 20px;

  color: rgba(255, 255, 255, 0.8);

  font-weight: 400;

  font-style: normal;

}

.pre_foot-content-cta {

  border-left: 0;

}



/* BG */

.pre_foot-bg {

  position: absolute;

  background-color: #1D2350;

  top: 80px;

  /* top: 0; */

  bottom: 0;

  left: 0;

  right: 0;

  z-index: -5;

  width: 100%;

  height: 100%;

}

.pre_foot-bg_pattern {

  position: relative;

  top: 0;

  right: 0;

  left: 0;

  bottom: 0;

  z-index: -4;

  -o-object-fit: cover;

  object-fit: cover;

  -o-object-position: center;

  object-position: center;

  width: 100%;

  height: 100%;

}

.pre_foot-bg_pattern.desk {

  display: none;

}

@media (min-width: 744px) {

  .pre_foot-container {

    margin-left: 24px;

    margin-right: 24px;

  }

  .pre_foot-img_effect_container {

    height: 520px;

  }

  .pre_foot-bg {

    top: 200px;

  }

  .pre_foot-content_wrap {

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

  }

  .pre_foot-content-p {

    text-align: center;

    max-width: 480px;

  }

}

@media (min-width: 1024px) {

  .pre_foot {

    padding-bottom: 80px;

  }

  .pre_foot-container {

    max-width: 560px;

    margin-left: auto;

    margin-right: auto;

    gap: 35px;

  }

  .pre_foot-content-h {

    font-size: 48px;

    margin-bottom: 20px;

  }

  .pre_foot-content-p {

    font-size: 20px;

    margin-bottom: 25px;

    text-align: left;

  }

  .pre_foot-content_wrap {

    -webkit-box-align: start;

    -ms-flex-align: start;

    align-items: flex-start;

  }

  .pre_foot-bg {

    top: 150px;

  }

}

@media (min-width: 1200px) {

  .pre_foot {

    padding-bottom: 55px;

  }

  .pre_foot-bg_pattern.mob {

    display: none;

  }

  .pre_foot-bg_pattern.desk {

    display: unset;

  }

  .pre_foot-container {

    max-width: 1200px;

    gap: 35px;



    -webkit-box-orient: horizontal;



    -webkit-box-direction: normal;



    -ms-flex-flow: row;



    flex-flow: row;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;



    -webkit-box-align: end;



    -ms-flex-align: end;



    align-items: flex-end;

  }

  .pre_foot-content_wrap {

    margin-bottom: 50px;

  }

  .pre_foot-content-p {

    margin-bottom: 30px;

    max-width: 535px;

  }



  .pre_foot-bg {

    top: 60px;

    right: 40px;

    left: unset;

  }

  .pre_foot-img_effect_container {

    height: 450px;

    max-width: 530px;

  }

}

@media (min-width: 1512px) {

  .pre_foot-container {

    max-width: 1280px;

    gap: 60px;

  }

  .pre_foot-bg {

    right: 100px;

  }

  .pre_foot-content-p {

    max-width: 545px;

  }

}



/* =====Portfolio: Pre-footer===== */

.pflio_prefoot {

  position: relative;

  margin-top: 50px;

  padding-bottom: 60px;

}

.pflio_prefoot-h {

  margin-bottom: 30px;

}

/* BG */

.pflio_prefoot-bg {

  position: absolute;

  z-index: -10;

  background-color: #1D2350;

  height: 200px;

  left: 0;

  right: 0;

  bottom: 0;

  width: 100%;

}

.pflio_prefoot-bg_pattern {

  position: absolute;

  top: 0;

  bottom: 0;

  left: 0;

  right: 0;

  z-index: -9;

  height: 100%;

  width: 100%;

  -o-object-fit: cover;

  object-fit: cover;

  -o-object-position: center;

  object-position: center;

}

.pflio_prefoot-bg_pattern.desk {

  display: none;

}

.pflio_prefoot-box_wrap {

  display: -ms-grid;

  display: grid;

  -ms-grid-columns: (1fr)[1];

  grid-template-columns: repeat(1, 1fr);

  row-gap: 25px;

}

@media(min-width: 1024px) {

  .pflio_prefoot-bg_pattern.mob {

    display: none;

  }

  .pflio_prefoot-bg_pattern.desk {

    display: block;

  }

}

/* Box */

.pflio_prefoot-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: 0;

}

.pflio_prefoot-box-img_wrap {

  position: relative;

  height: 300px;

  width: 100%;

  overflow: hidden;

}

.pflio_prefoot-box-img {

  position: absolute;

  z-index: 0;

  top: 0;

  bottom: 0;

  left: 0;

  right: 0;

  height: 100%;

  width: 100%;

  -o-object-fit: cover;

  object-fit: cover;

  -o-object-position: center;

  object-position: center;

  -webkit-transform: scale(1);

  -ms-transform: scale(1);

  transform: scale(1);

  -webkit-transition: -webkit-transform 0.3s ease;

  transition: -webkit-transform 0.3s ease;

  -o-transition: transform 0.3s ease;

  transition: transform 0.3s ease;

  transition: transform 0.3s ease, -webkit-transform 0.3s ease;

}

.pflio_prefoot-box-img_wrap:hover .pflio_prefoot-box-img {

  -webkit-transform: scale(1.1);

  -ms-transform: scale(1.1);

  transform: scale(1.1);

}

.pflio_prefoot-box-foot {

  background-color: #020404;

  padding: 15px 15px 20px 15px;

  width: 100%;

  height: 100%;

}

.pflio_prefoot-box-foot-h {

  font-size: 20px;

  color: #fff;

  font-weight: 400;



  text-decoration: underline;

  -webkit-text-decoration-color: rgba(255, 255, 255, 0);

  text-decoration-color: rgba(255, 255, 255, 0);

  text-underline-offset: 5px;

}

.pflio_prefoot-box-foot-h:hover {

  -webkit-text-decoration-color: rgba(255, 255, 255, 0.25);

  text-decoration-color: rgba(255, 255, 255, 0.25);

}

.pflio_prefoot-box-arrow {

  display: none;

  height: 18px;

  margin-left: 12px;

  position: relative;

  -webkit-transition: left 0.3s ease;

  -o-transition: left 0.3s ease;

  transition: left 0.3s ease;

  left: 0;

  top: 2px;

}

.pflio_prefoot-box-foot-h-a:hover .pflio_prefoot-box-arrow {

  left: 5px;

}

.pflio_prefoot-box_wrap .pflio_prefoot-box:nth-of-type(3) {

  display: none;

}

@media(min-width: 744px) {

  .pflio_prefoot-box_wrap {

    -ms-grid-columns: 1fr 16px 1fr;

    grid-template-columns: repeat(2, 1fr);

    -webkit-column-gap: 16px;

    -moz-column-gap: 16px;

    column-gap: 16px;

    row-gap: 15px;

  }

  .pflio_prefoot {

    padding-bottom: 50px;

  }

  .pflio_prefoot-bg {

    height: 300px;

  }

}

@media(min-width: 1024px) {

  .pflio_prefoot-box_wrap {

    margin-top: 50px;

    row-gap: 20px;

  }

  .pflio_prefoot-box-img_wrap {

    height: 400px;

  }

  .pflio_prefoot-box-foot {

    padding: 20px 20px 25px;

    gap: 12px;

  }

  .pflio_prefoot-box-foot-h {

    font-size: 25px;

  }

}

@media(min-width: 1200px) {

  .pflio_prefoot-box-foot {

    padding: 12px 15px;

  }

  .pflio_prefoot-box_wrap {

    -ms-grid-columns: 1fr 16px 1fr 16px 1fr;

    grid-template-columns: repeat(3, 1fr);

    -webkit-column-gap: 16px;

    -moz-column-gap: 16px;

    column-gap: 16px;

    margin-top: 40px;

  }

  .pflio_prefoot-box_wrap .pflio_prefoot-box:nth-of-type(3) {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

  }

  .pflio_prefoot-box-img_wrap {

    height: 350px;

  }

  .pflio_prefoot-box-arrow {

    display: inline-block;

  }

  .pflio_prefoot-box-foot-h {

    font-size: 20px;

  }

}

@media(min-width: 1512px) {

  .pflio_prefoot .container {

    max-width: 1350px;

  }

  .pflio_prefoot-box_wrap {

    -webkit-column-gap: 24px;

    -moz-column-gap: 24px;

    column-gap: 24px;

  }

  .pflio_prefoot-box-img_wrap {

    height: 400px;

  }

}





/* ////////// Main Content Stylings ////////// */



/* =====Container===== */

/* Adjusting container for small device */

.container-small_device {

  margin-left: 16px;

  margin-right: 16px;

}

@media (min-width: 744px) {

  .container-small_device {

    margin-left: 24px;

    margin-right: 24px;

  }

}

@media (min-width: 1024px) {

  .container-small_device {

    margin-left: 32px;

    margin-right: 32px;

  }

}

@media (min-width: 1200px) {

  .container-small_device {

    margin-left: 0;

    margin-right: 0;

  }

}

/* Device size 1200px */

@media (min-width: 1200px) {

  .container_1200 {

    max-width: 1200px;

    margin-left: auto;

    margin-right: auto;

  }

}



/* =====Sub Headline===== */

/* subhead-ctoc: Centre in mobile device to centre in desktop devices */

.subhead {

  margin-bottom: 3px;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  gap: 5px;

}

.subhead-double_slash {

  height: 12px;

  width: 18px;

}

.subhead-text {

  font-size: 14px;

  font-family: "Avenir", "Lato", sans-serif;

  font-weight: 300;

  line-height: 1.25;

  color: rgba(2, 4, 4, 0.6);

  font-style: normal;

}

@media (min-width: 1024px) {

  .subhead-text {

    font-size: 18px;

  }

  .subhead-double_slash {

    height: 14px;

    width: 21px;

  }

  .subhead {

    margin-bottom: 5px;

  }

}

/* subhead-ltol  */

.subhead-ltol .subhead-double_slash:first-of-type {

  display: none;

}

/* subhead-ltoc  */

.subhead-ltoc .subhead-double_slash:first-of-type {

  display: none;

}

@media (min-width: 1024px) {

  .subhead-ltoc .subhead-double_slash:first-of-type {

    display: unset;

  }

}



/* Review Section */

.section-review {

  margin-bottom: 60px;

}

.section-review .container {

  padding: 35px 20px 25px 20px;

  background-color: rgba(2, 4, 4, 0.8);



  display: -webkit-box;



  display: -ms-flexbox;



  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

  gap: 35px;



  position: relative;

}

.section-review-text,

.section-review-text p {

  font-family: "Avenir", "Lato", sans-serif;

  font-weight: 300;

  line-height: 1.25;

  color: #fff;

  font-style: normal;

  font-size: 28px;



  position: relative;

  z-index: 5;

}

.section-review-text strong,

.section-review-text p strong {

  font-weight: 900;

}

.section-review-reviewer_wrap {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

  gap: 5px;

}

.section-review-reviewer-name {

  font-family: "Avenir", "Lato", sans-serif;

  font-weight: 900;

  line-height: 1.25;

  color: #fff;

  font-style: normal;

  font-size: 20px;

}

.section-review-reviewer-designation {

  position: relative;

  font-family: "Avenir", "Lato", sans-serif;

  font-weight: 400;

  line-height: 1.25;

  color: rgba(255, 255, 255, 0.8);

  font-style: normal;

  font-size: 15px;



  padding-left: 7px;

}

.section-review-reviewer-designation::before {

  content: "";

  position: absolute;

  top: 0;

  bottom: 0;

  left: 0;

  width: 2px;

  background-color: #8D91C7;

}

.section-review-quote {

  position: absolute;

  top: 15px;

  left: 10px;

  height: 40px;

  width: 50px;

}

@media (min-width: 1024px) {

  .section-review .container {

    padding: 60px 50px 50px;

    gap: 50px;

  }

  .section-review-quote {

    top: 20px;

    left: 30px;

    height: 60px;

    width: 75px;

  }

  .section-review-text,

  .section-review-text p {

    font-size: 39.06px;

  }

  .section-review-reviewer-name {

    font-size: 22px;

  }

  .section-review-reviewer-designation {

    font-size: 18px;

    padding-left: 11px;

  }

  .section-review-reviewer-designation::before {

    top: 2px;

    bottom: 2px;

    width: 3px;

  }

}

@media (min-width: 1200px) {

  .section-review .container {

    padding: 60px 50px 50px 100px;

  }

  .section-review-quote {

    top: 40px;

    left: 50px;

  }

}



/* =====Breadcrmb===== */

.banner-breadcrumb {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  gap: 10px;

  margin-bottom: 8px;

}

.banner-breadcrumb-link {

  font-family: "Avenir";

  font-size: 14px;

  font-weight: 400;

  font-style: normal;

  color: #AFB3E6;



  text-decoration: none;

  -webkit-text-decoration-color: rgba(255, 255, 255, 0.25);

  text-decoration-color: rgba(255, 255, 255, 0.25);

  text-underline-offset: 6px;



  -webkit-transition: -webkit-text-decoration-color 0.3s ease;



  transition: -webkit-text-decoration-color 0.3s ease;



  -o-transition: text-decoration-color 0.3s ease;



  transition: text-decoration-color 0.3s ease;



  transition: text-decoration-color 0.3s ease, -webkit-text-decoration-color 0.3s ease;

}

.banner-breadcrumb-link:hover {

  -webkit-text-decoration-color: rgba(255, 255, 255, 0.5);

  text-decoration-color: rgba(255, 255, 255, 0.5);

}

.banner-breadcrumb-slash {
  content: url(/staging/1428/wp-content/themes/lupinetheme/img/slashvector.svg);
}

.banner-breadcrumb-slash {

  height: 12px;

}

.banner-breadcrumb-current {

  font-family: "Avenir";

  font-size: 14px;

  font-weight: 400;

  font-style: normal;

  color: #fff;

}

.banner-breadcrumb.white-theme .banner-breadcrumb-link {

  color: #020404;

}

.banner-breadcrumb.white-theme .banner-breadcrumb-current {

  color: rgba(2, 4, 4, 0.8);

}

.banner-breadcrumb.white-theme .banner-breadcrumb-link {

  -webkit-text-decoration-color: rgba(2, 4, 4, 0.25);

  text-decoration-color: rgba(2, 4, 4, 0.25);

}

@media(min-width: 1024px) {

  .banner-breadcrumb {

    margin-bottom: 20px;

  }

  .banner-breadcrumb-link,

  .banner-breadcrumb-current {

    font-size: 15px;

  }

  .banner-breadcrumb-slash {

    height: 14px;

  }

}



/* =====Lead Magnet: Pre Foot===== */

.lead_prefoot {

  position: relative;

}

.lead_prefoot-bg-color1,

.lead_prefoot-bg-color2 {

  background-color: rgba(2, 4, 4, 0.8);

  z-index: -6;

  position: absolute;

  top: 0;

  bottom: 0;

  left: 0;

  right: 0;

  height: 100%;

  width: 100%;

}

.lead_prefoot-bg-color2 {

  display: none;

}

.lead_prefoot-bg_pattern {

  position: absolute;

  z-index: -5;

  top: 0;

  bottom: 0;

  left: 0;

  right: 0;

  height: 100%;

  width: 100%;

  -o-object-fit: cover;

  object-fit: cover;

  -o-object-position: center;

  object-position: center;

}

.lead_prefoot-bg_pattern.desk {

  display: none;

}

.lead_prefoot-content {

  padding-top: 60px;

  padding-bottom: 350px;

}

.lead_prefoot-content .subhead-text {

  color: rgba(255, 255, 255, 0.6);

}

.lead_prefoot-h {

  color: #fff;

  margin-bottom: 15px;

  font-size: 31.25px;

}

.lead_prefoot-p {

  line-height: 25px;

  margin-bottom: 25px;

  color: rgba(255, 255, 255, 0.8);

}

.lead_prefoot-book-img-wrap {

  position: absolute;

  overflow: hidden;

  height: 300px;

  bottom: 0;

  left: 0;

  right: 20px;

}

.lead_prefoot-book-img {

  position: absolute;

  height: 390px;

  top: 0;

  right: 0;

}

@media(min-width: 744px) {

  .lead_prefoot .container {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: end;

    -ms-flex-pack: end;

    justify-content: flex-end;

  }

  .lead_prefoot-book-img-wrap {

    height: 335px;

    width: 45%;

    right: unset;

  }

  .lead_prefoot-content {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    -webkit-box-align: start;

    -ms-flex-align: start;

    align-items: flex-start;

    max-width: 350px;

    padding-top: 50px;

    padding-bottom: 60px;

  }

  .lead_prefoot-p {

    margin-right: 20px;

  }

}

@media(min-width: 850px) {

  .lead_prefoot-content {

    max-width: 50%;

  }

}

@media(min-width: 1024px) {

  .lead_prefoot .container {

    position: relative;

  }

  .lead_prefoot-content {

    max-width: 445px;

    padding-top: 80px;

    padding-bottom: 80px;

    margin-right: 25px;

  }

  .lead_prefoot-h {

    font-size: 39.06px;

    margin-bottom: 20px;

  }

  .lead_prefoot-p {

    line-height: 27px;

  }

  .lead_prefoot-book-img-wrap {

    height: 415px;

    width: 440px;

  }

  .lead_prefoot-book-img {

    height: 500px;

  }

  .lead_prefoot-bg_pattern.mob {

    display: none;

  }

  .lead_prefoot-bg_pattern.desk {

    display: block;

  }

  .lead_prefoot-bg-color1 {

    display: none;

  }

  .lead_prefoot-bg-color2 {

    display: block;

  }

}

@media (min-width: 1110px) {

  .lead_prefoot-book-img-wrap {

    width: 480px;

  }

  .lead_prefoot-content {

    max-width: 470px;

  }

}

@media (min-width: 1200px) {

  .lead_prefoot-content {

    max-width: 535px;

    padding-top: 90px;

    padding-bottom: 85px;

    margin-right: 60px;

  }

  .lead_prefoot-h {

    font-size: 48.83px;

  }

  .lead_prefoot-p {

    margin-right: 40px;

    margin-bottom: 30px;

  }

  .lead_prefoot-book-img-wrap {

    height: 430px;

    width: 520px;

  }

}

@media (min-width: 1512px) {

  .lead_prefoot .container {

    max-width: 1350px;

  }

  .lead_prefoot-content {

    max-width: 585px;

    margin-right: 80px;

  }

  .lead_prefoot-book-img-wrap {

    width: 600px;

  }

}



/* =====Blog Prefoot: iBlog===== */

.blog-prefoot {

  margin-top: 40px;

  margin-bottom: 80px;

}

.blog-prefoot-h {

  font-size: 25px;

  margin-bottom: 30px;

  font-weight: 500;

}

.blog-prefoot-boxes {

  position: relative;

  display: -ms-grid;

  display: grid;

  -ms-grid-columns: 1fr;

  grid-template-columns: repeat(1, 1fr);

  row-gap: 30px;

  -webkit-column-gap: 25px;

  -moz-column-gap: 25px;

  column-gap: 25px;

}

.blog-prefoot-box-img-wrap {

  height: 220px;

  width: 100%;

  position: relative;

  overflow: hidden;

  margin-bottom: 12px;

}

.blog-prefoot-box-img {

  position: absolute;

  height: 100%;

  width: 100%;

  top: 0;

  bottom: 0;

  right: 0;

  left: 0;

  -o-object-fit: cover;

  object-fit: cover;

  -o-object-position: center;

  object-position: center;

  -webkit-transform: scale(1);

  -ms-transform: scale(1);

  transform: scale(1);

  -webkit-transition: -webkit-transform 0.3s ease;

  transition: -webkit-transform 0.3s ease;

  -o-transition: transform 0.3s ease;

  transition: transform 0.3s ease;

  transition: transform 0.3s ease, -webkit-transform 0.3s ease;

}

.blog-prefoot-box-img:hover {

  -webkit-transform: scale(1.1);

  -ms-transform: scale(1.1);

  transform: scale(1.1);

}

.blog-prefoot-box-h {

  font-size: 20px;

  font-weight: 400;

  margin-bottom: 10px;



  text-decoration: underline;

  -webkit-text-decoration-color: rgba(2, 4, 4, 0);

  text-decoration-color: rgba(2, 4, 4, 0);

  text-underline-offset: 3px;

}

.blog-prefoot-box-h:hover {

  -webkit-text-decoration-color: rgba(2, 4, 4, 0.25);

  text-decoration-color: rgba(2, 4, 4, 0.25);

}

.blog-prefoot-box-foot {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  gap: 8px;

}

.blog-prefoot-box-foot-dot {

  height: 2px;

  width: 2px;

  background-color: #020404;

  border-radius: 5px;

}

.blog-prefoot-box-foot-date,

.blog-prefoot-box-foot-time_to_read {

  font-size: 14px;

  color: rgba(2, 4, 4, 0.6);

}

.blog-prefoot-boxes .blog-prefoot-box:nth-of-type(3) {

  display: none;

}

@media(min-width: 744px) {

  .blog-prefoot-boxes {

    -ms-grid-columns: (1fr)[2];

    grid-template-columns: repeat(2, 1fr);

  }

}

@media(min-width: 1024px) {

  .blog-prefoot {

    margin-top: 60px;

    margin-bottom: 100px;

  }

  .blog-prefoot-h {

    font-size: 31.25px;

    margin-bottom: 40px;

  }

  .blog-prefoot-boxes {

    -webkit-column-gap: 30px;

    -moz-column-gap: 30px;

    column-gap: 30px;

  }

  .blog-prefoot-box-img-wrap {

    height: 250px;

  }

  .blog-prefoot-box-h {

    font-size: 22px;

    margin-bottom: 12px;

  }

  .blog-prefoot-box-foot-date,

  .blog-prefoot-box-foot-time_to_read {

    font-size: 15px;

  }

}

@media(min-width: 1200px) {

  .blog-prefoot-boxes {

    -ms-grid-columns: 1fr 28px 1fr 28px 1fr;

    grid-template-columns: repeat(3, 1fr);

    row-gap: 40px;

    -webkit-column-gap: 28px;

    -moz-column-gap: 28px;

    column-gap: 28px;

  }

  .blog-prefoot-boxes .blog-prefoot-box:nth-of-type(3) {

    display: unset;

  }

}

@media(min-width: 1512px) {

  .blog-prefoot .container {

    max-width: 1280px;

  }

}



/* =====Page Banner===== */

.page-banner {

  padding-top: 50px;

  padding-bottom: 30px;

  margin-bottom: 30px;

  background: -o-linear-gradient(left, #1D2350, #303872);

  background: -webkit-gradient(linear, left top, right top, from(#1D2350), to(#303872));

  background: linear-gradient(to right, #1D2350, #303872);

}

.page-banner-h {

  color: #fff;

  font-weight: 400;

}

.page-banner-p {

  font-size: 14px;

  margin-top: 15px;

  color: rgba(255, 255, 255, 0.8);

}

.page-content.blog-content {

  border-bottom: 0;

  margin-bottom: 0;

}

.page-content .blog-side_cta-wrap {

  padding-bottom: 70px;

}

@media(min-width: 744px) {

  .page-banner-h {

    max-width: 607px;

  }

  .page-banner-p {

    max-width: 518px;

  }

}

@media(min-width: 1024px) {

  .page-banner {

    padding-top: 70px;

    padding-bottom: 50px;

    margin-bottom: 50px;

  }

  .page-banner-h {

    margin-top: 40px;

    font-size: 31.25px;

  }

  .page-banner-p {

    color: rgba(255, 255, 255, 0.6);

    font-size: 15px;

  }

}

@media(min-width: 1200px) {

  .page-banner-h {

    font-size: 39.06px;

  }

}



/* =====Exit-intent popup===== */

.exitintent {

  display: none;

  position: fixed;

  top: 0;

  bottom: 0;

  left: 0;

  right: 0;

  width: 100%;

  height: 100%;

  z-index: 2000;

  background-color: rgba(2, 4, 4, 0.8);

  /* display: flex; */

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

}

body.no-scroll {

  overflow: hidden;

}

.exitintent-box {

  position: relative;

  margin-left: 16px;

  margin-right: 16px;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

  gap: 0;

}

.exitintent-box-content {

  background-color: #fff;

  padding: 25px 15px 25px;

}

.exitintent-box-h {

  font-size: 25px;

  font-weight: 500;

  color: #1D2350;

  margin-bottom: 15px;

}

.exitintent-box-p {

  margin-bottom: 25px;

  font-size: 18px;

  line-height: 25px;

}

.exitintent-box-note {

  font-size: 12.8px;

  font-weight: 300;

  width: 100%;

  color: rgba(2, 4, 4, 0.6);

  text-align: center;

  margin-top: 8px;

}

@media(min-width: 744px) {

  .exitintent-box {

    max-width: 408px;

  }

}

@media(min-width: 1024px) {

  .exitintent-box {

    max-width: 480px;

  }

  .exitintent-box-content {

    padding: 50px 40px 40px;

  }

  .exitintent-box-h {

    font-size: 31.25px;

  }

  .exitintent-box-p {

    margin-bottom: 30px;

  }

}

@media(min-width: 1200px) {

  .exitintent-box {

    max-width: unset;

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

    -ms-flex-direction: row;

    flex-direction: row;

    margin-left: unset;

    margin-right: unset;

  }

}

.formkit-form[data-uid="4dd604d970"][min-width~="700"] [data-style="clean"],
.formkit-form[data-uid="4dd604d970"][min-width~="800"] [data-style="clean"] {

  padding: 0 !important;

  padding-top: 0 !important;

}

.formkit-form[data-uid="4dd604d970"][min-width~="700"] .formkit-fields[data-stacked="false"] .formkit-field,
.formkit-form[data-uid="4dd604d970"][min-width~="800"] .formkit-fields[data-stacked="false"] .formkit-field,
.formkit-form[data-uid="4dd604d970"][min-width~="700"] .formkit-fields[data-stacked="false"] .formkit-submit,
.formkit-form[data-uid="4dd604d970"][min-width~="800"] .formkit-fields[data-stacked="false"] .formkit-submit {

  margin: 0 !important;

}



/* Form */

.formkit-powered-by-convertkit {

  display: none !important;

}

.exitintent-box-fields .formkit-field {

  -webkit-box-flex: 1 !important;

  -ms-flex: 1 0 100% !important;

  flex: 1 0 100% !important;

}

.exitintent-box-fields .formkit-submit {

  margin-bottom: 0 !important;

  color: #1D2350 !important;

  background-color: #B1DDF3 !important;

  border-radius: 0 !important;

  font-weight: 700 !important;

  font-size: 16px !important;

}

.exitintent-box-fields .footer-newsletter-fields_wrap .formkit-form[data-uid="36343e14e3"] .formkit-button>span,

.exitintent-box-fields .formkit-form[data-uid="36343e14e3"] .formkit-submit>span {

  padding: 13px 12px !important;

}

.exitintent-box-fields .formkit-powered-by-convertkit-container {

  display: none !important;

}

.exitintent-box-fields .formkit-input {

  font-size: 16px !important;

  color: #020404 !important;

  border-color: #8D91C9 !important;

  border-radius: 0 !important;

  margin-bottom: 8px !important;

}

.exitintent-box-fields .formkit-input::-webkit-input-placeholder {

  color: rgba(2, 4, 4, 0.6) !important;

}

.exitintent-box-fields .formkit-input::-moz-placeholder {

  color: rgba(2, 4, 4, 0.6) !important;

}

.exitintent-box-fields .formkit-input:-ms-input-placeholder {

  color: rgba(2, 4, 4, 0.6) !important;

}

.exitintent-box-fields .formkit-input::-ms-input-placeholder {

  color: rgba(2, 4, 4, 0.6) !important;

}

.exitintent-box-fields .formkit-input::placeholder {

  color: rgba(2, 4, 4, 0.6) !important;

}

.exitintent-box-fields .formkit-form[data-uid="36343e14e3"] .formkit-field,

.exitintent-box-fields .formkit-form[data-uid="36343e14e3"] .formkit-submit {

  margin: 0 !important;

}

.exitintent-box-fields .formkit-form[data-uid="36343e14e3"] .formkit-button:hover>span,

.exitintent-box-fields .formkit-form[data-uid="36343e14e3"] .formkit-submit:hover>span,

.exitintent-box-fields .formkit-form[data-uid="36343e14e3"] .formkit-button:focus>span,

.exitintent-box-fields .formkit-form[data-uid="36343e14e3"] .formkit-submit:focus>span {

  background-color: transparent !important;

}

.exitintent-box-fields .formkit-submit:hover {

  opacity: 0.9 !important;

}



/* Image */

.exitintent-box-img_wrap {

  position: relative;

  height: 180px;

  width: 100%;

}

.exitintent-box-img {

  position: absolute;

  -o-object-fit: cover;

  object-fit: cover;

  -o-object-position: center;

  object-position: center;

  left: 0;

  right: 0;

  top: 0;

  bottom: 0;

  height: 100%;

  width: 100%;

}

@media(min-width: 745px) and (max-width: 1200px) {
  .footer-top {
    flex-direction: row;
    flex-wrap: wrap;
  }

  .footer-left_wrap,
  .footer-centre_wrap,
  .footer-newsletter-wrap {
    max-width: unset;
    width: 40%;
    flex-grow: 1;
  }

  .footer-centre_wrap {
    flex-direction: row;
  }
}

@media(min-width: 744px) {

  .exitintent-box-img_wrap {

    height: 220px;

  }

}

@media(min-width: 1024px) {

  .exitintent-box-img_wrap {

    height: 300px;

  }

}

@media(min-width: 1200px) {

  .exitintent-box-img_wrap {

    height: unset;

    max-width: 420px;

  }

}

/* Cross */

.exitintent-box {

  -webkit-box-shadow: 0 0 100px rgba(2, 4, 4, 0.8);

  box-shadow: 0 0 100px rgba(2, 4, 4, 0.8);

}

.exitintent-cross {

  position: absolute;

  top: 20px;

  right: 20px;

  -webkit-transform: translate(40%, -40%);

  -ms-transform: translate(40%, -40%);

  transform: translate(40%, -40%);

  -webkit-box-shadow: 0 0 4px rgba(2, 4, 4, 0.25);

  box-shadow: 0 0 4px rgba(2, 4, 4, 0.25);

  border-radius: 50%;

  cursor: pointer;

  width: 30px;

}