@import url("font-awesome.min.css");
@import url("magnific-popup.min.css");
@import url("slick-theme.min.css");
@import url("slick.min.css");
@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap");
html {
  font-size: 16px;
}

* {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}

body {
  font-family: "Roboto", sans-serif;
  color: #606571;
  margin: 0;
  padding: 0;
  opacity: 0;
  overflow-x: hidden;
}

body.loaded {
  opacity: 1;
}

.container {
  width: 100%;
  padding: 0rem 0.938rem;
  display: block;
  max-width: 85.75rem;
}

h1, h2, h3, h4, h5, h6, p {
  margin: 0;
  padding: 0;
}

h1 {
  font-size: 5.625rem;
}

h2 {
  font-size: 4.25rem;
}

h3 {
  font-size: 3.5rem;
}

h4 {
  font-size: 2.375rem;
}

h5 {
  font-size: 1.5rem;
}

h6 {
  font-size: 1.25rem;
}

* + p {
  margin-top: 0.938rem;
}

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

img {
  max-width: 100%;
  height: auto;
  border: none;
  vertical-align: middle;
}

.bg {
  background-size: cover;
  background-position: center;
  position: relative;
  background-repeat: no-repeat;
}

.noListStyle ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.d-flex {
  display: flex;
  flex-wrap: wrap;
}

.align-center {
  align-items: center;
}

.justify-space-between {
  justify-content: space-between;
}

a {
  text-decoration: none;
  transition: all ease 0.3s;
  -moz-transition: all ease 0.3s;
  -webkit-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
  display: inline-block;
}

.button a, a.button {
  background-color: #FFEF00;
  font-size: 1rem;
  font-family: "Roboto", sans-serif;
  color: #090F20;
  line-height: 1.5;
  transition: all ease 0.3s;
  font-weight: 500;
  border-radius: 0.313rem;
  padding: 0.563rem 1.063rem;
  border: 0.063rem solid #FFEF00;
}
.button a:hover, a.button:hover {
  background-color: #5D85AF;
  border-color: #5D85AF;
}

.button.transparent a,
a.button.transparent {
  background-color: transparent;
  font-size: 1rem;
  font-family: "Roboto", sans-serif;
  color: #fff;
  line-height: 1.5;
  transition: all ease 0.3s;
  font-weight: 500;
  border-radius: 0.313rem;
  padding: 0.625rem 1.125rem;
}
.button.transparent a:hover,
a.button.transparent:hover {
  border-color: #5D85AF;
}

span {
  display: inline-block;
}

svg {
  height: 100%;
  width: 100%;
}

.slick-dots li button {
  width: 1.25rem;
  height: 0.125rem;
}

.slick-dots li button:before {
  display: none;
}

.slick-dots li {
  width: 1.25rem;
  height: 0.125rem;
  background-color: #CED2DC;
}

.slick-dots li.slick-active {
  background-color: #326091;
}

.slick-track {
  display: flex !important;
}

.slick-slide {
  height: auto !important;
}

.staticForm form .tab-col-1 {
  display: flex;
  gap: 0.938rem;
}
.staticForm form .field-box {
  position: relative;
  width: 100%;
  margin-bottom: 0.938rem;
}
.staticForm form .field-box label.error {
  color: #b50404;
  font-size: 0.875rem;
  margin-top: 0.313rem;
}
.staticForm form label.error.valid {
  display: none !important;
}
.staticForm form input[type=text], .staticForm form input[type=email], .staticForm form input[type=tel], .staticForm form textarea {
  border: 0.063rem solid #E2E2E0;
  box-shadow: none;
  outline: none !important;
  width: 100%;
  font-size: 1rem;
  line-height: 1.2;
  background-color: #fff;
  color: #70706D;
  padding: 0.938rem 0.75rem;
}
.staticForm form input[type=text] + label, .staticForm form input[type=email] + label, .staticForm form input[type=tel] + label, .staticForm form textarea + label {
  font-size: 1rem;
  color: #70706D;
  position: absolute;
  left: 0.75rem;
  top: 0.875rem;
  transition: all ease 0.3s;
  display: inline-block;
  background-color: #fff;
  pointer-events: none;
}
.staticForm form input[type=text]:focus + label, .staticForm form input[type=text].valid + label, .staticForm form input[type=text].error + label, .staticForm form input[type=email]:focus + label, .staticForm form input[type=email].valid + label, .staticForm form input[type=email].error + label, .staticForm form input[type=tel]:focus + label, .staticForm form input[type=tel].valid + label, .staticForm form input[type=tel].error + label, .staticForm form textarea:focus + label, .staticForm form textarea.valid + label, .staticForm form textarea.error + label {
  top: -0.625rem;
  font-size: 0.875rem;
}
.staticForm form select {
  -webkit-appearance: none;
  -moz-appearance: none;
  text-indent: 0.063rem;
  text-overflow: "";
  background-image: url("../png/arrow-down-sign-to-navigate.png");
  background-repeat: no-repeat;
  background-size: 0.75rem;
  background-position: 97% 55%;
  border: 0.063rem solid #E2E2E0;
  box-shadow: none;
  outline: none !important;
  width: 100%;
  font-size: 1rem;
  line-height: 1.2;
  background-color: #fff;
  color: #70706D;
  padding: 0.938rem 0.75rem;
}
.staticForm form select + label.error {
  color: #b50404;
  font-size: 0.875rem;
  margin-top: 0.313rem;
}
.staticForm form textarea {
  min-height: 8.125rem;
}
.staticForm form input[type=submit] {
  background-color: #FFEF00;
  color: #090F20;
  font-size: 1rem;
  font-weight: 500;
  transition: all ease 0.3s;
  border: 1px solid #FFEF00;
  border-radius: 0.313rem;
  max-width: 9.688rem;
  display: inline-block;
  width: 100%;
  padding: 1.063rem 1.375rem;
  line-height: 1.2;
}
.staticForm form input[type=submit]:hover {
  background-color: #090F20;
  border-color: #090F20;
  color: #fff;
}

header {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  z-index: 99;
}
header .headerTop {
  padding: 0.375rem 1.125rem;
  background-color: #090F20;
}
header .headerTop .headerTopLogo {
  max-width: 6.25rem;
}
header .headerTop .headerTopLogo .beon {
  width: 3.75rem;
  padding-right: 0.625rem;
}
header .headerTop .headerTopLogo .ntg {
  width: 2.5rem;
  padding-left: 0.625rem;
  border-left: 0.063rem solid #5f7787;
}
header .headerTop .headerTopLogo a {
  display: block;
}
header .headerTop .headerTopLogo a img {
  width: 100%;
  height: auto;
}
header .mainHeader {
  padding: 0rem 1.125rem;
  background-color: #101B3A;
}
header .mainHeader.fixedHeader {
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 99;
}
header .mainHeader .logoBox {
  width: 4.1rem;
}
header .mainHeader .logoBox a {
  display: block;
}
header .mainHeader .logoBox a img {
  width: 100%;
  height: auto;
}
header .mainHeader .headerInner {
  width: 100%;
  max-width: 90rem;
  margin: 0 auto;
}
header .mainHeader .headerMenu {
  width: calc(100% - 21.688rem);
}
header .mainHeader .headerMenu > ul {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
header .mainHeader .headerMenu > ul > li.hasChildren {
  position: relative;
}
header .mainHeader .headerMenu > ul > li.hasChildren > ul {
  position: absolute;
  top: 90%;
  left: 0;
  width: 100%;
  background-color: #090F20;
  transition: all ease 0.3s;
  padding: 1.563rem 1.25rem 2.188rem;
  opacity: 0;
  visibility: hidden;
}
header .mainHeader .headerMenu > ul > li.hasChildren > ul > li:not(:first-child) {
  margin-top: 1.25rem;
}
header .mainHeader .headerMenu > ul > li.hasChildren > ul > li > a {
  font-size: 1rem;
  color: #fff;
  line-height: 1.5;
  transition: all ease 0.3s;
}
header .mainHeader .headerMenu > ul > li.hasChildren > ul > li > a:hover {
  text-decoration: underline;
  color: #5D85AF;
  margin-left: 0.3rem;
}
header .mainHeader .headerMenu > ul > li.hasChildren:hover > ul {
  top: 100%;
  opacity: 1;
  visibility: visible;
}
header .mainHeader .headerMenu > ul > li.hasMegaMenu {
  position: static;
}
header .mainHeader .headerMenu > ul > li {
  padding: 1.63rem 1.375rem;
}
header .mainHeader .headerMenu > ul > li .menuArrow {
  margin-left: 0.3rem;
  display: inline-block;
  width: 0.688rem;
}
header .mainHeader .headerMenu > ul > li:hover {
  background-color: #090F20;
}
header .mainHeader .headerMenu > ul > li:hover .megeMenu {
  opacity: 1;
  visibility: visible;
  top: 100%;
}
header .mainHeader .headerMenu > ul > li:hover .menuArrow path {
  fill: #5D85AF;
}
header .mainHeader .headerMenu > ul > li > a {
  font-size: 1rem;
  color: #fff;
  line-height: 1.5;
}
header .mainHeader .headerMenu .megeMenu {
  position: absolute;
  left: 0;
  width: 100%;
  top: 90%;
  background-color: #090F20;
  z-index: 999;
  opacity: 0;
  visibility: hidden;
  transition: all ease 0.5s;
}
header .mainHeader .headerMenu .megeMenu .megaMenuInner {
  padding: 2.5rem 0rem;
}
header .mainHeader .headerMenu .megeMenu .menuBox {
  width: 100%;
}
header .mainHeader .headerMenu .megeMenu .menuBox .menuList {
  padding: 0rem 0.938rem;
  width: 33.3%;
  min-width: unset;
}
header .mainHeader .headerMenu .megeMenu .menuListTitle {
  font-size: 0.813rem;
  font-weight: 500;
  line-height: 1.23;
  letter-spacing: 1.3px;
  text-transform: uppercase;
  margin-bottom: 1.375rem;
  border-bottom: 1px solid #123E6D;
  padding-bottom: 1.375rem;
  color: #fff;
}
header .mainHeader .headerMenu .megeMenu .menuListTitle:hover a {
  color: #FFEF00 !important;
}
header .mainHeader .headerMenu .megeMenu li:not(:first-child) {
  margin-top: 1.25rem;
}
header .mainHeader .headerMenu .megeMenu li a {
  color: #fff;
  font-size: 1rem;
  font-family: "Roboto", sans-serif;
  transition: all ease 0.3s;
}
header .mainHeader .headerMenu .megeMenu li a:hover {
  text-decoration: none;
  color: #FFEF00;
  margin-left: 0.3rem;
}
header .mainHeader .headerMenu .megeMenu .contentBox {
  width: 35%;
}
header .mainHeader .headerMenu .megeMenu .contentBox .contentInner {
  padding: 2.75rem 3.438rem 2.75rem 2.938rem;
  border-radius: 0.625rem;
}
header .mainHeader .headerMenu .megeMenu .contentBox .contentInner .contentTitle h5 {
  color: #fff;
}
header .mainHeader .headerMenu .megeMenu .contentBox .contentInner .detailBox {
  margin-top: 0.938rem;
  color: #A5ACB7;
  line-height: 1.5;
}
header .mainHeader .headerMenu .megeMenu .contentBox .contentInner .btnBox {
  margin-top: 1.25rem;
}
header .mainHeader .headerMenu .megeMenu .contentBox .contentInner .btnBox a .btnArrow {
  height: 2.938rem;
  width: 2.938rem;
  line-height: 2.625rem;
  text-align: center;
  border: 0.063rem solid #606571;
  border-radius: 0.313rem;
}
header .mainHeader .headerMenu .megeMenu .contentBox .contentInner .btnBox a .btnArrow svg {
  width: 1.063rem;
}
header .mainHeader .headerMenu .megeMenu .contentBox .contentInner .btnBox a .btnText {
  color: #fff;
  letter-spacing: 0.081rem;
  text-transform: uppercase;
  line-height: 1.23;
  font-size: 0.813rem;
  font-weight: 500;
  padding-left: 0.75rem;
}
header .mainHeader .headerMenu .megeMenu .contentBox .contentInner .btnBox a:hover .btnText {
  color: #FFEF00;
}
header .mainHeader .headerButton {
  justify-self: flex-end;
  width: 16.563rem;
}
header .mainHeader .headerButton .btnArrow {
  width: 0.688rem;
}
header .mainHeader .headerButton a + a {
  margin-left: 0.6rem;
}
header .headerSideBar {
  position: fixed;
  right: 0;
  top: 0;
  width: 18.25rem;
  height: 100vh;
  overflow-y: auto;
  background-color: #090F20;
  z-index: 9999;
  padding: 0.9rem;
  transform: translateX(100%);
  transition: all ease 0.5s;
}
header .headerSideBar .sideBarTop {
  justify-content: space-between;
}
header .headerSideBar .sideBarTop .sideBarLogoBox {
  width: calc(100% - 1.5rem);
}
header .headerSideBar .sideBarTop .sideBarLogoBox img {
  width: 4.063rem;
}
header .headerSideBar .sideBarTop .sideBarLogoBox .titleText {
  font-size: 1.3rem;
  font-weight: 500;
  color: #fff;
  line-height: 1.4;
  padding-left: 0.9rem;
}
header .headerSideBar .sideBarTop .crossBtn {
  cursor: pointer;
  height: 1.5rem;
  width: 1.5rem;
}
header .headerSideBar .buttonBoxParent {
  margin-top: 1.875rem;
}
header .headerSideBar .buttonBoxChild {
  border-radius: 0.625rem;
  background-color: #101B3A;
  box-shadow: 0rem 0.3rem 0.3rem 0rem rgba(0, 0, 0, 0.25);
  padding: 1.625rem 1.3rem 1.5rem;
  border: 0.06rem solid #000;
  border-bottom: 0;
  position: relative;
}
header .headerSideBar .buttonBoxChild .buttonBoxInner {
  position: relative;
  z-index: 2;
}
header .headerSideBar .buttonBoxChild .buttonBoxInner .buttonBoxImage {
  max-width: 11.125rem;
}
header .headerSideBar .buttonBoxChild .buttonBoxInner .buttonBoxImage img {
  width: 100%;
  height: auto;
}
header .headerSideBar .buttonBoxChild:not(:first-child) {
  margin-top: 1.3rem;
}
header .headerSideBar .buttonBoxChild .btnBox {
  margin-top: 1.3rem;
}
header .headerSideBar .buttonBoxChild a .btnArrow {
  height: 2.938rem;
  width: 2.938rem;
  line-height: 2.625rem;
  text-align: center;
  border: 0.063rem solid #606571;
  border-radius: 0.313rem;
}
header .headerSideBar .buttonBoxChild a .btnArrow svg {
  width: 1.063rem;
}
header .headerSideBar .buttonBoxChild a .btnText {
  color: #fff;
  letter-spacing: 0.081rem;
  text-transform: uppercase;
  line-height: 1.23;
  font-size: 0.813rem;
  font-weight: 500;
  padding-left: 0.75rem;
  transition: all ease 0.3s;
}
header .headerSideBar .buttonBoxChild a:hover .btnText {
  color: #FFEF00;
}
header .headerSideBar .buttonBoxChild::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  border: 2px solid #000;
  background: radial-gradient(circle at 100% 100%, #101b3a 0, #101b3a 8px, transparent 8px) 0% 0%/10px 10px no-repeat, radial-gradient(circle at 0 100%, #101b3a 0, #101b3a 8px, transparent 8px) 100% 0%/10px 10px no-repeat, radial-gradient(circle at 100% 0, #101b3a 0, #101b3a 8px, transparent 8px) 0% 100%/10px 10px no-repeat, radial-gradient(circle at 0 0, #101b3a 0, #101b3a 8px, transparent 8px) 100% 100%/10px 10px no-repeat, linear-gradient(#101b3a, #101b3a) 50% 50%/calc(100% - 4px) calc(100% - 20px) no-repeat, linear-gradient(#101b3a, #101b3a) 50% 50%/calc(100% - 20px) calc(100% - 4px) no-repeat, repeating-linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, #81beff 30%, #ffef00 120%);
  border-radius: 10px;
  opacity: 0;
  visibility: hidden;
  transition: all ease 0.3s;
}
header .headerSideBar .buttonBoxChild:hover::before {
  opacity: 1;
  visibility: visible;
}
header .headerSideBar .buttonBoxChild:hover .btnText {
  color: #FFEF00;
  padding-left: 0.375rem;
}

#menu-item-168 .menuTitle {
  display: none;
}

.menuListTitle {
  cursor: auto;
}

header .mainHeader .headerMenu .megeMenu .menuListTitle span, header .mainHeader .headerMenu .megeMenu .menuListTitle a {
  position: relative;
  color: #fff;
}

header .mainHeader .headerMenu .megeMenu .menuListTitle:hover a:after {
  content: "";
  background-image: url(../svg/arrow-1.svg);
  position: absolute;
  right: -14px;
  top: 0.22rem;
  background-size: contain;
  height: 0.625rem;
  width: 0.625rem;
  background-repeat: no-repeat;
}

header .mainHeader .headerMenu > ul > li.hasChildren > ul > li > a {
  text-decoration: none !important;
}

header .mainHeader .headerMenu > ul > li.hasChildren > ul > li > a:hover {
  color: #FFEF00 !important;
}

body.sideMenuOpen .headerSideBar {
  transform: translateX(0);
}

.bannerSection {
  padding: 9.063rem 0rem 5rem;
  background-attachment: fixed;
}
.bannerSection .bannerTitle {
  max-width: 66rem;
}
.bannerSection .bannerTitle h1 {
  color: #fff;
  font-weight: 400;
}
.bannerSection .bottomContentBox {
  margin-top: 5rem;
}
.bannerSection .bottomContentBox .button {
  width: 9.063rem;
}
.bannerSection .bottomContentBox .bottomContent {
  padding-left: 1.313rem;
  color: #F1F4FA;
  font-size: 1rem;
  line-height: 1.5;
  max-width: 32.75rem;
}

:root {
  --color-text: navy;
  --color-bg: papayawhip;
  --color-bg-accent: #ecdcc0;
  --size: clamp(10rem, 1rem + 40vmin, 30rem);
  --gap: calc(var(--size) / 14);
  --duration: 30s;
  --scroll-start: 0;
  --scroll-end: calc(-100% - var(--gap));
}

body.home .clientSection {
  border-bottom: 1px solid #CED2DC;
}

.clientSection {
  overflow: hidden;
}
.clientSection .marqueeParent {
  background-color: #F1F4FA;
}
.clientSection .titleBox {
  background-color: #202A47;
  color: #fff;
  font-size: 0.813rem;
  font-weight: 500;
  line-height: 1.6;
  letter-spacing: 0.081rem;
  text-transform: uppercase;
  padding: 1.688rem 0rem;
}
.clientSection .marquee {
  display: flex;
  overflow: hidden;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  gap: var(--gap);
  padding: 1.688rem 0rem;
  background-color: #F1F4FA;
  max-width: 90rem;
  margin: 0 auto;
}
.clientSection .marquee .marquee__group {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: space-around;
  gap: var(--gap);
  min-width: 100%;
  animation: scroll-x var(--duration) linear infinite;
}
.clientSection .marquee .logo-img {
  margin: 0 auto;
  padding: 0rem 0.938rem;
}
.clientSection .marquee .logo-img img {
  width: auto;
  height: 1.688rem;
}
.clientSection .marquee--reverse .marquee__group {
  animation-direction: reverse;
  animation-delay: -3s;
}

@media (prefers-reduced-motion: reduce) {
  .clientSection .marquee__group {
    animation-play-state: paused;
  }
}
@keyframes scroll-x {
  from {
    transform: translateX(var(--scroll-start));
  }
  to {
    transform: translateX(var(--scroll-end));
  }
}
@keyframes scroll-y {
  from {
    transform: translateY(var(--scroll-start));
  }
  to {
    transform: translateY(var(--scroll-end));
  }
}
.fourColumnCardSection {
  background-color: #F1F4FA;
  padding: 6.25rem 0rem;
}
.fourColumnCardSection .titleBox {
  margin-bottom: 3.75rem;
}
.fourColumnCardSection .titleBox h2 {
  color: #101B3A;
}
.fourColumnCardSection .titleBox p {
  font-size: 1.125rem;
  margin-top: 1.563rem;
}
.fourColumnCardSection .cardInner {
  padding: 1.25rem 1.5rem 3.125rem;
  border-radius: 10px;
  background: radial-gradient(67.01% 75.57% at 12.15% 11.74%, #FFF9A7 0%, rgba(255, 255, 255, 0.6) 100%);
  height: 100%;
  position: relative;
  border: 1px solid;
  border-image-slice: 1;
  border-width: 1px;
  border-bottom: 0;
  border-image-source: linear-gradient(to right bottom, #FFEF00 20%, #81BEFF 50%, transparent 100%, #81BEFF 80%);
  overflow: hidden;
}
.fourColumnCardSection .cardInner .iconBox {
  width: 3.438rem;
  height: 3.438rem;
  border-radius: 50%;
}
.fourColumnCardSection .cardInner .iconBox img {
  width: 100%;
  height: auto;
}
.fourColumnCardSection .cardInner .cardTitle {
  color: #090F20;
  margin-top: 3.125rem;
}
.fourColumnCardSection .cardInner .cardContent {
  margin-top: 1.25rem;
}

.home .tabbingSection {
  padding-bottom: 6.25rem;
}

.tabbingSection {
  padding-bottom: 0;
  overflow: hidden;
}
.tabbingSection .tabLeft {
  padding-top: 5.625rem;
  padding-bottom: 5rem;
}
.tabbingSection .tabLeft .titleBox {
  color: #101B3A;
}
.tabbingSection .tabs {
  margin-top: 2.813rem;
}
.tabbingSection .tabs #tabs-nav {
  position: relative;
  border-top: 0.06rem solid #CED2DC;
}
.tabbingSection .tabs #tabs-nav li {
  font-size: 1rem;
  line-height: 1.37;
  font-weight: 500;
}
.tabbingSection .tabs #tabs-nav li a {
  padding: 1.25rem 0.938rem;
  color: #9298A5;
}
.tabbingSection .tabs #tabs-nav li.active a {
  color: #326091;
}
.tabbingSection .tabs .slider {
  display: inline-block;
  width: 1.875rem;
  height: 0.188rem;
  border-radius: 0.188rem;
  background-color: #326091;
  position: absolute;
  z-index: 9;
  top: 0;
  transition: all 0.4s linear;
}
.tabbingSection .tabs #tabs-content {
  margin-top: 2.813rem;
}
.tabbingSection .tabs .tab-content .tabImg {
  display: none;
}
.tabbingSection .tabs .tab-content li {
  position: relative;
  padding-left: 2.5rem;
  letter-spacing: 0.72px;
  font-size: 1.125rem;
  line-height: 1.4;
}
.tabbingSection .tabs .tab-content li:not(:first-child) {
  margin-top: 0.625rem;
}
.tabbingSection .tabs .tab-content li::before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' viewBox='0 0 26 26' fill='none'%3E%3Cg id='Check Box'%3E%3Crect id='Rectangle 7836' x='2' y='2.03516' width='22' height='19.1334' fill='%23202A47'/%3E%3Cpath id='Vector' d='M23 0H3C1.35 0 0 1.35 0 3V23C0 24.65 1.35 26 3 26H23C24.65 26 26 24.65 26 23V3C26 1.35 24.65 0 23 0ZM19.71 9.71L11.71 17.71C11.51 17.9 11.26 18 11 18C10.74 18 10.49 17.9 10.29 17.71L6.29 13.71C5.9 13.32 5.9 12.68 6.29 12.29C6.68 11.9 7.32 11.9 7.71 12.29L11 15.59L18.29 8.29C18.68 7.9 19.32 7.9 19.71 8.29C20.1 8.68 20.1 9.32 19.71 9.71Z' fill='%23FFEF00'/%3E%3C/g%3E%3C/svg%3E");
  height: 1.625rem;
  width: 1.625rem;
  border-radius: 0.188rem;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  left: 0;
}
.tabbingSection .tabRight {
  position: relative;
}
.tabbingSection .tabRight .rightImgBox {
  border-radius: 0.625rem 0rem 0rem 0.625rem;
  overflow: hidden;
}
.tabbingSection .tabRight .rightImgBox .tab-img-box {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  visibility: hidden;
  transition: all ease 0.7s;
  left: auto;
  max-width: 42rem;
}
.tabbingSection .tabRight .rightImgBox .tab-img-box.active {
  opacity: 1;
  visibility: visible;
}
.tabbingSection .tabRight .rightImgBox img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  border-radius: 0.625rem 0rem 0rem 0.625rem;
}

.tabbingSection.v2 {
  padding: 4.312rem 0rem 6.25rem;
  background-color: #F1F4FA;
  overflow: hidden;
}
.tabbingSection.v2 .tabLeft {
  padding-top: 0;
  padding-bottom: 0;
}
.tabbingSection.v2 .tabLeft .tabContentInner {
  padding-left: 2.9rem;
}
.tabbingSection.v2 .tabs {
  margin: 0;
}
.tabbingSection.v2 .tabs #tabs-nav {
  border-top: 0;
  border-bottom: 0.06rem solid;
  border-color: #CED2DC;
  justify-content: center;
}
.tabbingSection.v2 .tabs #tabs-nav li a {
  padding: 1.25rem;
}
.tabbingSection.v2 .tabs .slider {
  top: inherit;
  bottom: 0;
  height: 0.313rem;
  border-radius: 0.625rem 0.625rem 0rem 0rem;
}
.tabbingSection.v2 .tabs .tab-content h3 {
  color: #101B3A;
}
.tabbingSection.v2 .tabs .tab-content .button {
  margin-top: 1.875rem;
}
.tabbingSection.v2 .tabs .tab-content .tabImg {
  display: block;
}
.tabbingSection.v2 .tabs .tab-content .tabImg img {
  width: 100%;
  height: auto;
  border-radius: 0.625rem;
  overflow: hidden;
  opacity: 0;
  transition: all ease 0.5s;
  transform: translateX(-50%);
}
.tabbingSection.v2 .tabs .tab-content.active .tabImg img {
  opacity: 1;
  transform: translateX(0);
}

.home .accordianSection {
  padding: 6.25rem 0rem;
}

.accordianSection {
  padding: 6.25rem 0rem 0;
  background: radial-gradient(104.48% 77.38% at 2.58% 85.24%, #233468 0%, #090F20 100%), #0D162E;
  overflow: hidden;
}
.accordianSection .titleBox {
  margin-bottom: 3.125rem;
  color: #fff;
}
.accordianSection .titleBox h2 {
  font-weight: 400;
}
.accordianSection .leftContentBox {
  padding-bottom: 7.875rem;
}
.accordianSection .accordianBox {
  max-width: 32rem;
  padding: 1.625rem;
  border-radius: 0.625rem;
  border: 1px solid var(--Linear, rgba(93, 133, 175, 0.5));
  background: var(--Linear, linear-gradient(102deg, #090F20 3.49%, rgba(9, 15, 32, 0.05) 84.92%));
}
.accordianSection .accordianBox:not(:first-child) {
  margin-top: 0.625rem;
}
.accordianSection .accordianBox.active {
  box-shadow: 0px 4px 55px 0px #264192;
}
.accordianSection .accordianBox .accordianContentBox {
  display: none;
}
.accordianSection .accordianBox:first-child .accordianContentBox {
  display: block;
}
.accordianSection .accordianBox .contentTitle {
  justify-content: space-between;
  cursor: pointer;
}
.accordianSection .accordianBox .contentTitle h4 {
  color: #fff;
  font-weight: 400;
}
.accordianSection .accordianBox .contentTitle .numberBox {
  color: #FFEF00;
  letter-spacing: 1.3px;
  text-transform: uppercase;
  line-height: 1.6;
  font-size: 0.813rem;
  font-weight: 500;
}
.accordianSection .accordianBox .detailBox {
  margin-top: 1.625rem;
  font-size: 1rem;
  line-height: 1.5;
  color: #A5ACB7;
}
.accordianSection .accordianBox .btnBox {
  margin-top: 1.25rem;
}
.accordianSection .accordianBox .btnBox a .btnArrow {
  height: 2.938rem;
  width: 2.938rem;
  line-height: 2.625rem;
  text-align: center;
  border: 0.063rem solid #606571;
  border-radius: 0.313rem;
}
.accordianSection .accordianBox .btnBox a .btnArrow svg {
  width: 1.063rem;
}
.accordianSection .accordianBox .btnBox a .btnText {
  color: #fff;
  letter-spacing: 0.081rem;
  text-transform: uppercase;
  line-height: 1.23;
  font-size: 0.813rem;
  font-weight: 500;
  padding-left: 0.75rem;
}
.accordianSection .accordianBox .btnBox a:hover .btnText {
  color: #FFEF00;
}
.accordianSection .rightImgBox {
  position: relative;
}
.accordianSection .rightImgBox .accordianImg {
  position: absolute;
  top: 0;
  right: auto;
  height: 100%;
  width: 100%;
  transform: inherit;
  opacity: 0;
  visibility: hidden;
  transition: all ease 0.7s;
  left: 0;
  max-width: 59rem;
}
.accordianSection .rightImgBox .accordianImg img {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.accordianSection .rightImgBox .accordianImg.active {
  opacity: 1;
  visibility: visible;
}

/***** Slide Left *****/
@keyframes slide-left {
  from {
    margin-left: 100%;
  }
  to {
    margin-left: 0%;
  }
}
.twoColumnCard {
  padding: 6.25rem 0rem;
  background-color: #090F20;
}
.twoColumnCard .cardParent:nth-child(2) .cardChild {
  border-image-source: linear-gradient(to right bottom, #5D85AF 0%, #5D85AF 50%, transparent 100%, #5D85AF 80%);
}
.twoColumnCard .cardParent .cardChild {
  position: relative;
  padding: 5rem 3.125rem 6.875rem;
  background-color: #090F20;
  border: 1px solid;
  border-image-slice: 1;
  border-width: 1px;
  border-bottom: 0;
  border-image-source: linear-gradient(to right bottom, #FFEF00 20%, #81BEFF 50%, transparent 100%, #81BEFF 80%);
  transition: all ease 0.3s;
}
.twoColumnCard .cardParent .cardChild:hover {
  background-image: url("../png/card-hover-bg.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top;
  box-shadow: 0px 4px 65px 0px #233468;
  border-image-slice: 0;
  border-image-source: none;
}
.twoColumnCard .cardParent .cardChild:hover .dotsImg img.largDots {
  opacity: 0;
  visibility: hidden;
}
.twoColumnCard .cardParent .cardChild:hover .dotsImg img.smallDots {
  opacity: 1;
  visibility: visible;
}
.twoColumnCard .cardParent .cardChild .dotsImg {
  position: absolute;
  right: 3.125rem;
  top: 1.875rem;
  height: 3.125rem;
  width: 3.125rem;
}
.twoColumnCard .cardParent .cardChild .dotsImg img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: all ease 0.7s;
}
.twoColumnCard .cardParent .cardChild .dotsImg img.largDots {
  opacity: 1;
  visibility: visible;
}
.twoColumnCard .cardParent .cardChild .dotsImg img.smallDots {
  opacity: 0;
  visibility: hidden;
}
.twoColumnCard .cardParent .cardChild .cardTitle h2 {
  color: #fff;
}
.twoColumnCard .cardParent .cardChild .cardContent {
  margin-top: 0.625rem;
}
.twoColumnCard .cardParent .cardChild .cardContent ul {
  margin-top: 2.25rem;
}
.twoColumnCard .cardParent .cardChild .cardContent ul li {
  position: relative;
  font-size: 1.5rem;
  color: #fff;
  line-height: 1.3;
  padding: 0.938rem 1.125rem 0.938rem 0rem;
  border-bottom: 0.063rem solid #515761;
}
.twoColumnCard .cardParent .cardChild .cardContent ul li a {
  color: #fff;
}
.twoColumnCard .cardParent .cardChild .cardContent ul li a:hover {
  color: #FFEF00;
}
.twoColumnCard .cardParent .cardChild .cardContent ul li a::before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='20' viewBox='0 0 18 20' fill='none'%3E%3Cpath d='M16.0263 8.02506L8.50119 0.5L6.52483 2.47637L12.6398 8.58851H0.275391V11.3829H12.6684L6.52483 17.5265L8.50119 19.5L16.0263 11.9749L17.9998 10.0014L16.0263 8.02506Z' fill='%23FFEF00'/%3E%3C/svg%3E");
  width: 1.063rem;
  height: 1.188rem;
  position: absolute;
  right: 0;
  top: 1.25rem;
  transition: all ease 0.3s;
  transition: all ease 0.3s;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.twoColumnCard .cardParent .cardChild .cardContent ul li a:hover::before {
  transform: rotate(-45deg);
}

.fullWidthContent {
  padding: 10.75rem 0rem;
  background-attachment: fixed;
}
.fullWidthContent .mobile-bg {
  display: none;
}
.fullWidthContent .contentParent .smallTitle {
  font-size: 0.813rem;
  font-weight: 500;
  color: #fff;
  letter-spacing: 1.3px;
  text-transform: uppercase;
  line-height: 1.5;
}
.fullWidthContent .contentParent .titleBox {
  color: #fff;
  margin: 1.25rem 0rem 2rem;
}

.leftContent_rightImage {
  padding: 6.25rem 0rem;
}
.leftContent_rightImage .titleBox h4 {
  color: #101B3A;
  font-weight: 400;
  line-height: 1.2;
}
.leftContent_rightImage .titleBox h4 + p {
  margin-top: 1.438rem;
  font-size: 1rem;
  line-height: 1.5;
}
.leftContent_rightImage .counterParent {
  margin-top: 3.125rem;
}
.leftContent_rightImage .counterParent .contentList {
  padding-bottom: 0.938rem;
  border-bottom: 0.063rem solid #CED2DC;
}
.leftContent_rightImage .counterParent .contentList:not(:first-child) {
  margin-top: 3.125rem;
}
.leftContent_rightImage .counterParent .numberText h3 {
  color: #123E6D;
  font-weight: 500;
  line-height: 1.14;
}
.leftContent_rightImage .counterParent .numberContent {
  padding-left: 1.75rem;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.4;
}
.leftContent_rightImage .rightImage {
  position: relative;
}
.leftContent_rightImage .rightImage .imgBox {
  border-radius: 0.625rem;
  overflow: hidden;
  margin-left: 2.688rem;
}
.leftContent_rightImage .rightImage .imgBox img {
  width: 100%;
  height: auto;
}
.leftContent_rightImage .rightImage .rightContentBox {
  border-radius: 0.625rem;
  display: inline-block;
  padding: 2.5rem 4.375rem 2.5rem 1.875rem;
  max-width: 25.375rem;
  position: absolute;
  bottom: -2.063rem;
  left: 0;
  z-index: 9;
  animation: float 4s ease-in-out infinite;
}
.leftContent_rightImage .rightImage .rightContentBox .title h5 {
  color: #fff;
}
.leftContent_rightImage .rightImage .btnBox {
  margin-top: 1.25rem;
}
.leftContent_rightImage .rightImage .btnBox a .btnArrow {
  height: 2.938rem;
  width: 2.938rem;
  line-height: 2.625rem;
  text-align: center;
  border: 0.063rem solid #606571;
  border-radius: 0.313rem;
}
.leftContent_rightImage .rightImage .btnBox a .btnArrow svg {
  width: 1.063rem;
}
.leftContent_rightImage .rightImage .btnBox a .btnText {
  color: #fff;
  letter-spacing: 0.081rem;
  text-transform: uppercase;
  line-height: 1.23;
  font-size: 0.813rem;
  font-weight: 500;
  padding-left: 0.75rem;
}
.leftContent_rightImage .rightImage .btnBox a:hover .btnText {
  color: #FFEF00;
}

.recentPostSection {
  padding: 6.25rem 0rem;
  background-color: #F1F4FA;
}
.recentPostSection .titleBox h3 {
  color: #101B3A;
}
.recentPostSection .postParent {
  margin-top: 2.5rem;
  border-radius: 0.625rem;
  overflow: hidden;
  transition: all ease 0.3s;
}
.recentPostSection .postParent:hover {
  box-shadow: 0px 4px 30px 0px rgba(32, 42, 71, 0.07);
}
.recentPostSection .postParent .postImg {
  height: 14.375rem;
  overflow: hidden;
}
.recentPostSection .postParent .postImg a {
  display: block;
  height: 100%;
}
.recentPostSection .postParent .postImg img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
.recentPostSection .postParent .postContentBox {
  padding: 1.25rem 1.25rem 2.813rem;
  background-color: #fff;
}
.recentPostSection .postParent .postContentBox .postTag a {
  letter-spacing: 1.3px;
  text-transform: uppercase;
  background-color: #FFEF00;
  color: #101B3A;
  font-size: 0.813rem;
  font-weight: 500;
  line-height: 1;
  display: inline-block;
  padding: 0.438rem 0.313rem;
}
.recentPostSection .postParent .postContentBox .readTime {
  padding-left: 0.938rem;
  font-size: 1rem;
  line-height: 1.5;
}
.recentPostSection .postParent .postContentBox .postTitle {
  margin-top: 1.25rem;
}
.recentPostSection .postParent .postContentBox .postTitle a {
  line-height: 1.4;
  color: #101B3A;
}

.newsletterSection {
  padding: 2.5rem 0rem 3.75rem;
}
.newsletterSection .titleBox {
  margin-bottom: 1.25rem;
}
.newsletterSection .titleBox h3, .newsletterSection .titleBox h5, .newsletterSection .titleBox p {
  color: #fff;
}
.newsletterSection.v2 .titleBox {
  margin-bottom: 0rem;
}
.newsletterSection.v2 .titleBox * + p {
  margin-top: 0.625rem;
}
.newsletterSection.v2 .formInner {
  width: 100%;
}
.newsletterSection.v2 .formInner form input[type=email] {
  font-size: 1rem;
  color: #70706D;
  padding: 0.75rem 5.625rem 0.75rem 0.75rem;
}
.newsletterSection.v2 .formInner form input[type=submit] {
  max-width: inherit;
  padding: 0.625rem 1.188rem;
  width: auto;
}
.newsletterSection .formInner {
  width: 25.5rem;
}
.newsletterSection .formInner form {
  position: relative;
}
.newsletterSection .formInner form .custom-field {
  position: absolute !important;
  left: -9999px;
  width: 0px !important;
  height: 0px !important;
  opacity: 0;
}
.newsletterSection .formInner form label, .newsletterSection .formInner form input[type=hidden] + label {
  display: none;
}
.newsletterSection .formInner form label.error {
  margin-top: 0.625rem;
  color: #c02f2f;
}
.newsletterSection .formInner form input[type=email] {
  border: 0.063rem solid #E2E2E0;
  border-radius: 0.25rem;
  background-color: #fff;
  width: 100%;
  color: #70706D;
  font-size: 1rem;
  line-height: 1.5;
  padding: 1rem;
  outline: none !important;
  box-shadow: none !important;
}
.newsletterSection .formInner form input[type=submit] {
  border-radius: 0.313rem;
  background-color: #FFEF00;
  border: 0;
  box-shadow: none;
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 500;
  color: #090F20;
  padding: 1.063rem;
  position: absolute;
  right: 0;
  z-index: 2;
  top: 0;
  max-width: 7.375rem;
  width: 100%;
  text-align: center;
  transition: all ease 0.3s;
}
.newsletterSection .formInner form input[type=submit]:hover {
  background-color: #5D85AF;
}
.newsletterSection .formInner .thank-you-box {
  color: #fff;
  padding: 0.625rem 0rem;
  display: none;
}
.newsletterSection .formBox_rightContent {
  color: #fff;
  font-size: 1rem;
  line-height: 1.5;
  padding-left: 2.5rem;
  width: calc(100% - 25.5rem);
}
.newsletterSection .formBottomContent {
  font-size: 0.875rem;
  line-height: 1.2;
  margin-top: 0.938rem;
  color: #606571;
}
.newsletterSection .formBottomContent a {
  color: #606571;
  text-decoration: underline;
}
.newsletterSection .formBottomContent a:hover {
  color: #5D85AF;
}

footer {
  background-color: #090F20;
  padding: 4.125rem 0rem 2.125rem;
}
footer .footerLeft .footerLogo {
  width: 3.875rem;
}
footer .footerLeft .footerLogo img {
  width: 100%;
  height: auto;
  min-width: 8.188rem;
}
footer .footerLeft .infoBox {
  margin-top: 2.5rem;
  font-size: 1rem;
  color: #fff;
  line-height: 1.5;
}
footer .footerLeft .infoBox .phone a, footer .footerLeft .infoBox .email a {
  font-size: 1rem;
  color: #fff;
  line-height: 1.5;
  margin-left: 0.625rem;
  text-decoration: underline;
}
footer .footerLeft .infoBox .phone a:hover, footer .footerLeft .infoBox .email a:hover {
  color: #5D85AF;
}
footer .footerLeft .infoBox .phone, footer .footerLeft .infoBox .email, footer .footerLeft .infoBox .address, footer .footerLeft .infoBox .socialLinks {
  margin-top: 0.625rem;
}
footer .footerLeft .infoBox .socialLinks a:not(:first-child) {
  margin-left: 1.188rem;
}
footer .footerLeft .infoBox .socialLinks a svg {
  height: 1.438rem !important;
  width: auto !important;
}
footer .footerLeft .infoBox .socialLinks a:hover svg path {
  fill: #FFEF00 !important;
}
footer .footerLeft .infoBox .footerBtn {
  margin-top: 1.875rem;
}
footer .footerRight {
  margin: 0rem -0.938rem;
}
footer .footerRight .menuColumn {
  padding: 0rem 0.938rem;
}
footer .footerRight .menuTitle {
  letter-spacing: 1.3px;
  text-transform: uppercase;
  line-height: 1.6;
  font-size: 0.813rem;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.35);
}
footer .footerRight .footerMenu {
  margin-top: 3.125rem;
}
footer .footerRight .footerMenu li:not(:first-child) {
  margin-top: 1.25rem;
}
footer .footerRight .footerMenu a {
  font-size: 1rem;
  color: #fff;
  line-height: 1.5;
  text-transform: capitalize;
}
footer .footerRight .footerMenu a:hover {
  color: #5D85AF;
  text-decoration: underline;
}
footer .footerBottomBox {
  margin-top: 6.25rem;
}
footer .footerBottomBox .footerBottomLogo {
  max-width: 12.188rem;
}
footer .footerBottomBox .footerBottomLogo img {
  width: 100%;
  height: auto;
}
footer .footerBottomBox .bottomRightBox ul {
  display: flex;
  flex-wrap: wrap;
  margin: 0rem -0.5rem;
}
footer .footerBottomBox .bottomRightBox ul li {
  padding: 0rem 0.5rem;
}
footer .footerBottomBox .bottomRightBox ul li a {
  letter-spacing: 1.3px;
  text-transform: uppercase;
  line-height: 1.6;
  font-size: 0.813rem;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.35);
}
footer .footerBottomBox .bottomRightBox ul li a:hover {
  color: #5D85AF;
  text-decoration: underline;
}
footer .footerBottomBox .copyRightText {
  padding-left: 1.563rem;
  text-transform: uppercase;
}
footer .footerBottomBox .copyRightText a {
  color: #606571;
  text-decoration: underline;
}

.beon-insight-banner {
  padding: 6.25rem 0rem 0rem;
  background: radial-gradient(75.13% 67.97% at 26.75% 68.76%, #233468 0%, #090F20 100%), #0D162E;
}
.beon-insight-banner .parentBox.row {
  margin: 0;
  align-items: inherit;
}
.beon-insight-banner .bannerLeftBox {
  padding: 0rem 0rem 2rem 0rem;
}
.beon-insight-banner .banner-logo {
  opacity: 0.75;
  max-width: 11.75rem;
  margin-bottom: 0.938rem;
}
.beon-insight-banner .banner-title h1 {
  color: #fff;
  font-weight: 500;
  font-size: 3.5rem;
}
.beon-insight-banner .banner-content {
  margin-top: 1.25rem;
  color: #A5ACB7;
}
.beon-insight-banner .btnBox {
  margin-top: 2.813rem;
}
.beon-insight-banner .btnBox .loginBox {
  padding-left: 1.25rem;
  color: #A5ACB7;
}
.beon-insight-banner .btnBox .loginBox a {
  text-decoration: underline;
  font-size: 0.875rem;
  line-height: 1.57;
  font-weight: 400;
  color: inherit;
}
.beon-insight-banner .btnBox .loginBox a:hover {
  color: #5D85AF;
}
.beon-insight-banner .bannerRightBox {
  position: relative;
}
.beon-insight-banner .bannerRightBox .banner-image {
  position: absolute;
  width: 100%;
  z-index: 2;
  top: inherit;
  bottom: -35%;
  right: 0;
  max-width: 56rem;
}
.beon-insight-banner img {
  width: 100%;
  height: auto;
}

.beon-insight .beon-insight-banner .bannerLeftBox {
  padding-bottom: 5rem;
}
.beon-insight .beon-insight-banner .bannerRightBox .banner-image {
  top: 7.625rem;
  right: -5.625rem;
  transform: scale(1.2);
}

.banner-bottom-Section {
  background-color: #101B3A;
  padding: 1.563rem 0rem;
}
.banner-bottom-Section .smallTitle {
  font-size: 0.813rem;
  line-height: 1.61;
  letter-spacing: 1.3px;
  text-transform: uppercase;
  font-weight: 500;
  margin-bottom: 0.625rem;
}
.banner-bottom-Section .contentParent {
  flex-wrap: inherit;
}
.banner-bottom-Section .numberBox h2 {
  color: #FFEF00;
  font-weight: 400;
}
.banner-bottom-Section .contentBox {
  width: calc(100% - 9.375rem);
  font-size: 1.25rem;
  line-height: 1.4;
  font-weight: 500;
  padding-left: 1.25rem;
}

body.beon-insight .fourColumnCardSection {
  padding: 6.25rem 0rem 1.875rem;
  background-color: #fff;
}
body.beon-insight .fourColumnCardSection .childCard {
  margin-bottom: 1.875rem;
}

.leftImage_rightQuote {
  padding: 5.625rem 0rem;
}
.leftImage_rightQuote .leftImgBox {
  height: 100%;
  border-radius: 0.625rem;
  overflow: hidden;
  padding: 1.25rem;
  position: relative;
  border: 1px solid #CED2DC;
}
.leftImage_rightQuote .leftImgBox .leftLogoImg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  max-width: 17.5rem;
  width: 100%;
  text-align: center;
}
.leftImage_rightQuote .leftImgBox .leftLogoImg img {
  width: 100%;
  height: auto;
}
.leftImage_rightQuote .quoteBox {
  background-color: #F1F4FA;
  height: 100%;
  border-radius: 0.625rem;
  padding: 5.75rem 0rem;
  position: relative;
}
.leftImage_rightQuote .quoteBox .quoteShape {
  position: absolute;
  z-index: 2;
  bottom: 1.875rem;
  right: 1.875rem;
  filter: drop-shadow(0px 4px 30px rgba(32, 42, 71, 0.07));
  width: 5.938rem;
  height: 4.688rem;
}
.leftImage_rightQuote .quoteBox .quoteShape img {
  width: 100%;
  height: auto;
}
.leftImage_rightQuote .quoteBox > .row {
  justify-content: flex-end;
  margin: 0;
}
.leftImage_rightQuote .quoteBox .quoteContent .quoteInnerBox {
  max-width: 34.25rem;
}
.leftImage_rightQuote .quoteBox .quoteContent h4 {
  color: #101B3A;
  font-weight: 400;
}
.leftImage_rightQuote .quoteBox .quoteContent .userBox {
  margin-top: 1.25rem;
}
.leftImage_rightQuote .quoteBox .quoteContent .userImage {
  height: 2.875rem;
  width: 2.875rem;
  border-radius: 50%;
  overflow: hidden;
}
.leftImage_rightQuote .quoteBox .quoteContent .userInfo {
  width: calc(100% - 2.875rem);
  padding-left: 0.938rem;
}
.leftImage_rightQuote .quoteBox .quoteContent .userInfo .userName {
  font-size: 1.25rem;
  color: #101B3A;
  font-weight: 500;
}
.leftImage_rightQuote .quoteBox .quoteContent .userInfo .userDesignation {
  font-size: 0.813rem;
  letter-spacing: 1.3px;
  text-transform: uppercase;
  font-weight: 500;
  color: #9298A5;
}

/* Testimonial Version 2*/
.leftImage_rightQuote.testimonial-v2 .leftImgBox {
  border-radius: 1.25rem;
  background-color: #F1F4FA;
  border: none;
}
.leftImage_rightQuote.testimonial-v2 .leftImgBox .leftLogoImg {
  text-align: center;
}
.leftImage_rightQuote.testimonial-v2 .leftImgBox .leftLogoImg img {
  max-width: 9.75rem;
}
.leftImage_rightQuote.testimonial-v2 .quoteBox {
  background-color: #F1F4FA;
  height: 100%;
  border-radius: 1.25rem;
  padding: 4.375rem 3.75rem;
}
.leftImage_rightQuote.testimonial-v2 .quoteBox .quoteShape {
  right: 4.25rem;
  bottom: 2rem;
}
.leftImage_rightQuote.testimonial-v2 .quoteBox .quoteContent .quoteInnerBox {
  max-width: 54.5rem;
}
.leftImage_rightQuote.testimonial-v2 .quoteBox .quoteContent h4 {
  font-size: 1.5rem;
  line-height: 150%;
  font-style: italic;
  font-weight: 600;
}
.leftImage_rightQuote.testimonial-v2 .quoteBox .quoteContent .userBox {
  margin-top: 1.25rem;
}
.leftImage_rightQuote.testimonial-v2 .quoteBox .quoteContent .userImage {
  height: 2.875rem;
  width: 2.875rem;
}
.leftImage_rightQuote.testimonial-v2 .quoteBox .quoteContent .userInfo {
  width: calc(100% - 6.875rem);
  padding-left: 0;
}
.leftImage_rightQuote.testimonial-v2 .quoteBox .quoteContent .userInfo .userName {
  font-size: 1.25rem;
  line-height: 1.75rem;
  color: #101B3A;
  font-weight: 500;
}
.leftImage_rightQuote.testimonial-v2 .quoteBox .quoteContent .userInfo .userDesignation {
  font-weight: 600;
  line-height: 1.313rem;
}

.solutionSection {
  padding: 4.375rem 0rem 6.25rem;
}
.solutionSection .titleBox {
  margin-bottom: 5rem;
}
.solutionSection .titleBox h3 {
  color: #101B3A;
  font-weight: 500;
}
.solutionSection .columnParent {
  background-color: #F1F4FA;
  padding: 3.125rem;
  border-radius: 0.625rem;
  border: 1px solid;
  border-image-slice: 1;
  border-width: 1px;
  border-bottom: 0;
  border-image-source: linear-gradient(to right bottom, #FFEF00 20%, #81BEFF 50%, transparent 100%, #81BEFF 80%);
}
.solutionSection .columnParent .columnContent h4 {
  color: #101B3A;
  font-weight: 400;
}
.solutionSection .columnParent .columnContent .btnBox {
  margin-top: 0.938rem;
}
.solutionSection .columnParent .columnImg {
  margin-top: 4.125rem;
}
.solutionSection .columnParent .columnImg img {
  width: 100%;
  height: auto;
}

/* Solution Section Cards */
.solutionSection.solutionsCards {
  padding: 6.25rem 0;
}
.solutionSection.solutionsCards .titleBox h2 {
  font-size: 3.5rem;
  line-height: 4rem;
  color: #101B3A;
  font-weight: 500;
}
.solutionSection.solutionsCards .columnParent {
  background: #fff !important;
  padding: 3.125rem 2.25rem 3.125rem 2.625rem;
  height: 100%;
}
.solutionSection.solutionsCards .columnParent::before {
  background: linear-gradient(327.8deg, #FFEF00 0%, #81BEFF 97.12%) !important;
}
.solutionSection.solutionsCards .columnParent .columnContent {
  height: 100%;
  padding-bottom: 2.75rem;
}
.solutionSection.solutionsCards .columnParent .columnContent h3 {
  font-size: 2.375rem;
  line-height: 2.875rem;
  font-weight: 400;
  color: #101B3A;
}
.solutionSection.solutionsCards .columnParent .columnContent img {
  margin-bottom: 1.563rem;
  height: 3.497rem;
  width: 3.497rem;
}
.solutionSection.solutionsCards .columnParent .columnContent p {
  margin-bottom: 1.563rem;
}
.solutionSection.solutionsCards .columnParent .columnContent a {
  position: absolute;
  bottom: 0;
}

/* Solution Section Cards Version 2*/
.solutionSection.solutionsCardsV2 .columnParent .columnContent img {
  height: 14rem;
  width: 36.375rem;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 8px;
}
.solutionSection.solutionsCardsV2 .columnParent.column-parent-50 {
  height: calc(50% - 0.625rem);
  width: calc(100% + 0.3rem);
  margin-left: -0.3rem;
}
.solutionSection.solutionsCardsV2 .columnParent.column-parent-50:first-child {
  margin-bottom: 1.25rem;
}
.aboutBanner {
  padding: 6.25rem 0rem 0rem;
  background-position: center;
}
.aboutBanner .mobile-bg {
  display: none;
}
.aboutBanner .bannerParent {
  position: relative;
}
.aboutBanner .bannerContent {
  padding-bottom: 7.938rem;
}
.aboutBanner .bannerContent .smallTitle {
  font-size: 1.25rem;
  color: #FFEF00;
  font-weight: 500;
}
.aboutBanner .bannerContent h1 {
  font-size: 4.25rem;
  color: #fff;
  font-weight: 400;
}
.aboutBanner .bannerContent .button {
  margin-top: 3rem;
}
.aboutBanner .bannerRightImage {
  position: absolute;
  max-width: 46.688rem;
  bottom: -31%;
  right: -8.3%;
  width: 100%;
}
.aboutBanner .bannerRightImage img {
  width: 100%;
  height: auto;
}

.aboutTwoColumn {
  padding: 13.938rem 0rem 0rem;
  background-color: #F1F4FA;
}
.aboutTwoColumn .titleBox {
  color: #101B3A;
  font-weight: 500;
  margin-bottom: 3rem;
}
.aboutTwoColumn .contentPatrent {
  position: relative;
  z-index: 2;
}
.aboutTwoColumn .contentBox strong {
  color: #101B3A;
  font-size: 1.125rem;
  line-height: 1.44;
}
.aboutTwoColumn .bottomImage {
  margin-top: -6.25rem;
}
.aboutTwoColumn .bottomImage .mobile-img {
  display: none;
}
.aboutTwoColumn .bottomImage img {
  width: 100%;
  height: auto;
}

.leftContent_rightImage.slider_option {
  padding: 0 0 8.5rem;
}
.leftContent_rightImage.slider_option .rightContentBox {
  background-color: #202A47;
  padding: 1.25rem 1.25rem;
  max-width: 36.625rem;
  width: 100%;
}
.leftContent_rightImage.slider_option .rightContentBox .contentSliderParent {
  margin: 0;
  padding-top: 3.125rem;
}
.leftContent_rightImage.slider_option .rightContentBox .logoBox {
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  border-radius: 0.188rem;
}
.leftContent_rightImage.slider_option .rightContentBox .sliderQuote {
  font-size: 1rem;
  line-height: 1.37;
  font-weight: 500;
  color: #CED2DC;
}
.leftContent_rightImage.slider_option .rightContentBox .quoteUser {
  margin-top: 1.25rem;
}
.leftContent_rightImage.slider_option .rightContentBox .quoteUser .userName {
  font-size: 1rem;
  line-height: 1.37;
  font-weight: 500;
  color: #fff;
}
.leftContent_rightImage.slider_option .rightContentBox .quoteUser .userDesignation {
  font-size: 0.813rem;
  letter-spacing: 1.3px;
  font-weight: 500;
  text-transform: uppercase;
  color: #9298A5;
}
.leftContent_rightImage.slider_option .rightImage {
  margin-top: -8.75rem;
}
.leftContent_rightImage.slider_option .slick-dots {
  bottom: 0.313rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
}
.leftContent_rightImage.slider_option .slick-dots li {
  background-color: #101B3A;
}
.leftContent_rightImage.slider_option .slick-dots li.slick-active {
  background-color: #5D85AF;
}

.fullWidthContent.v2 {
  padding: 14.375rem 0rem;
}
.fullWidthContent.v2 .titleBox h4 {
  font-weight: 400;
}

.blogBanner {
  padding: 6.813rem 0rem 6rem;
}
.blogBanner .bannerContent .smallTitle {
  font-size: 1.25rem;
  color: #FFEF00;
  font-weight: 500;
  line-height: 1.4;
}
.blogBanner .bannerContent h1 {
  font-size: 4.25rem;
  color: #fff;
  font-weight: 400;
}
.blogBanner .bannerContent h1 + p {
  color: #B8BEC9;
  font-size: 1.125rem;
}

.featureArtical {
  padding: 3.75rem 0rem;
  background-color: #F1F4FA;
}
.featureArtical .featurePostInner {
  border-radius: 0.625rem;
  background-color: #fff;
  overflow: hidden;
  height: 100%;
}
.featureArtical .featurePostInner:hover {
  cursor: pointer;
}
.featureArtical .featurePostInner:hover .postTitle a {
  text-decoration: underline;
}
.featureArtical .featurePostInner .postTitle {
  max-width: 33.063rem;
}
.featureArtical .featurePostInner .postImage {
  height: 27.313rem;
  overflow: hidden;
}
.featureArtical .featurePostInner .postImage a {
  display: block;
  height: 100%;
}
.featureArtical .featurePostInner .postImage img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
}
.featureArtical .featurePostInner .postContentBox {
  padding: 1.5rem 1.25rem 4.375rem;
}
.featureArtical .featureListInner .listTitle h4 {
  color: #101B3A;
}
.featureArtical .featurePostBoxes {
  background-color: #fff;
  border-radius: 0.625rem;
  overflow: hidden;
  margin-top: 1.25rem;
}
.featureArtical .featurePostBoxes:hover {
  cursor: pointer;
}
.featureArtical .featurePostBoxes:hover .postTitle a {
  text-decoration: underline;
}
.featureArtical .featurePostBoxes .postImg {
  width: 12.875rem;
  overflow: hidden;
  max-height: 9.31rem;
}
.featureArtical .featurePostBoxes .postImg a {
  display: block;
  height: 100%;
}
.featureArtical .featurePostBoxes .postImg img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
.featureArtical .featurePostBoxes .postContentBox {
  width: calc(100% - 12.875rem);
  padding: 1.5rem 1.375rem;
}
.featureArtical .postContentBox .postTag {
  padding-right: 0.938rem;
}
.featureArtical .postContentBox .postTag a {
  letter-spacing: 1.3px;
  text-transform: uppercase;
  background-color: #FFEF00;
  color: #101B3A;
  font-size: 0.813rem;
  font-weight: 500;
  line-height: 1;
  display: inline-block;
  padding: 0.438rem 0.313rem;
}
.featureArtical .postContentBox .readTime {
  font-size: 1rem;
  line-height: 1.5;
}
.featureArtical .postContentBox .postTitle {
  margin-top: 1.25rem;
}
.featureArtical .postContentBox .postTitle a {
  line-height: 1.27;
  color: #101B3A;
  font-weight: 400;
}
.featureArtical .featureFirstPost .postTitle h3 {
  font-size: 2.375rem;
}
.featureArtical .featurePostList .listTitle h2 {
  font-size: 2.375rem;
  color: #101B3A;
  font-weight: 400;
}
.featureArtical .featurePostList .postTitle h3 {
  font-size: 1.25rem;
}

.blogPostList {
  padding: 3.75rem 0rem 6.25rem;
}
.blogPostList .postSideBar {
  padding-right: 1.25rem;
}
.blogPostList .postSideBar .filterListBox {
  padding: 0;
  background: transparent;
  border-radius: inherit;
}
.blogPostList .postSideBar .filterListBox .filterListTitle {
  color: #101B3A;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.3;
  margin-bottom: 0.938rem;
}
.blogPostList .postSideBar .filterListBox li {
  color: #101B3A;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  position: relative;
  margin-bottom: 0.75rem;
  cursor: pointer;
}
.blogPostList .postSideBar .filterListBox li input[type=checkbox] {
  width: 0;
  position: absolute;
  z-index: -1;
}
.blogPostList .postSideBar .filterListBox li input[type=checkbox] + label {
  position: relative;
  display: block;
  padding-left: 1.688rem;
  cursor: pointer;
}
.blogPostList .postSideBar .filterListBox li input[type=checkbox] + label::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.188rem;
  width: 1.125rem;
  height: 1.125rem;
  border-radius: 50%;
  display: block;
  border: 0.063rem solid #101B3A;
  transition: all ease 0.3s;
  -webkit-transition: all ease 0.3s;
  text-align: center;
}
.blogPostList .postSideBar .filterListBox li input[type=checkbox] + label::after {
  content: "";
  height: 0.875rem;
  width: 0.875rem;
  background-color: #101B3A;
  position: absolute;
  border-radius: 50%;
  left: 2px;
  top: 5px;
  opacity: 0;
  visibility: hidden;
  transition: all ease 0.3s;
}
.blogPostList .postSideBar .filterListBox li input[type=checkbox]:checked + label:after {
  opacity: 1;
  visibility: visible;
}
.blogPostList .postListBox {
  position: relative;
}
.blogPostList .postListBox::before {
  content: "";
  width: 1px;
  height: 100%;
  background-color: #CED2DC;
  position: absolute;
  top: 0;
  left: -13px;
}
.blogPostList .postListBox .postListTitle {
  margin-bottom: 2.5rem;
}
.blogPostList .postListBox .postListTitle h2 {
  color: #101B3A;
  font-weight: 400;
  font-size: 2.375rem;
}
.blogPostList .postInner {
  border-radius: 0.625rem;
  background-color: #fff;
  overflow: hidden;
  height: 100%;
  border: 2px solid #F1F4FA;
  margin-bottom: 1.25rem;
}
.blogPostList .postInner:hover {
  cursor: pointer;
}
.blogPostList .postInner:hover .postTitle a {
  text-decoration: underline;
}
.blogPostList .postInner .postTitle h3 {
  font-size: 1.25rem;
}
.blogPostList .postInner .postTitle h3 a {
  color: #101B3A;
}
.blogPostList .postInner .postImage {
  height: 14.563rem;
  overflow: hidden;
}
.blogPostList .postInner .postImage a {
  display: block;
  height: 100%;
}
.blogPostList .postInner .postImage img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
}
.blogPostList .postInner .postContentBox {
  padding: 1.25rem 1.25rem 2.5rem;
}
.blogPostList .postInner .postContentBox .postTag {
  padding-right: 0.938rem;
}
.blogPostList .postInner .postContentBox .postTag a {
  letter-spacing: 1.3px;
  text-transform: uppercase;
  background-color: #FFEF00;
  color: #101B3A;
  font-size: 0.813rem;
  font-weight: 500;
  line-height: 1;
  display: inline-block;
  padding: 0.438rem 0.313rem;
}
.blogPostList .postInner .postContentBox .readTime {
  font-size: 1rem;
  line-height: 1.5;
}
.blogPostList .postInner .postContentBox .postTitle {
  margin-top: 1.25rem;
}
.blogPostList .postInner .postContentBox .postTitle a {
  line-height: 1.4;
  color: #101B3A;
}
.blogPostList .loadMore {
  margin-top: 4.375rem;
}
.blogPostList .loadMore a {
  color: #090F20;
  font-size: 1rem;
  line-height: 1.2;
  font-weight: 500;
  border: 1px solid #FFEF00;
  border-radius: 0.313rem;
  padding: 0.688rem 1.125rem;
  display: inline-block;
}
.blogPostList .loadMore a:hover {
  background-color: #FFEF00;
}

.postDetail {
  padding: 3.75rem 0rem 6.25rem;
}
.postDetail .breadcrumBox {
  margin-bottom: 3rem;
}
.postDetail .breadcrumBox ul {
  display: block !important;
}
.postDetail .breadcrumBox li {
  font-size: 1rem;
  color: #606571;
  word-break: break-word;
  display: inline;
}
.postDetail .breadcrumBox li a {
  color: inherit;
  text-decoration: underline;
  position: relative;
}
.postDetail .breadcrumBox li a::before {
  content: "/";
  color: #606571;
  position: absolute;
  right: -0.688rem;
}
.postDetail .breadcrumBox li:not(:first-child) {
  padding-left: 0.938rem;
}
.postDetail .postParent .postTag {
  letter-spacing: 1.3px;
  text-transform: uppercase;
  background-color: #FFEF00;
  color: #101B3A;
  font-size: 0.813rem;
  font-weight: 500;
  line-height: 1;
  display: inline-block;
  padding: 0.438rem 0.313rem;
  margin-bottom: 1.563rem;
}
.postDetail .postParent .postTitle h1 {
  font-weight: 500;
  color: #101B3A;
  font-size: 3.5rem;
}
.postDetail .postParent .titleBottomBox {
  margin-top: 2.813rem;
  margin-bottom: 1.25rem;
}
.postDetail .postParent .titleBottomBox .dateBox, .postDetail .postParent .titleBottomBox .readTime {
  font-size: 1.125rem;
  color: #606571;
  letter-spacing: 0.72px;
}
.postDetail .postParent .titleBottomBox .readTime {
  position: relative;
  padding-left: 1.5rem;
}
.postDetail .postParent .titleBottomBox .readTime::before {
  content: "";
  height: 0.25rem;
  width: 0.25rem;
  border-radius: 50%;
  background-color: #CED2DC;
  position: absolute;
  left: 0.625rem;
  top: 0.688rem;
}
.postDetail .postParent .titleBottomBox .socialLinks li {
  padding: 0rem 0.5rem;
}
.postDetail .postParent .titleBottomBox .socialLinks li:first-child {
  padding-left: 0;
}
.postDetail .postParent .titleBottomBox .socialLinks li:last-child {
  padding-right: 0;
}
.postDetail .postParent .titleBottomBox .socialLinks li img {
  height: 1.375rem;
  width: auto;
}
.postDetail .postParent .postInfo {
  margin-bottom: 2.5rem;
}
.postDetail .postParent .postInfo .featureImg {
  min-height: 18.938rem;
  border-radius: 0.625rem 0.625rem 0 0;
}
.postDetail .postParent .postInfo .blogContent {
  padding: 2.5rem 3.125rem;
  border: 0.063rem solid #CED2DC;
  border-radius: 0 0 0.625rem 0.625rem;
}
.postDetail .postParent .postInfo .blogContent h5 {
  color: #101B3A;
  font-weight: 500;
}
.postDetail .postParent .postInfo .blogContent * + p {
  font-size: 1.125rem;
  letter-spacing: 0.72px;
  line-height: 1.4;
}
.postDetail .postParent .postcontent p:empty,
.postDetail .postParent .postcontent h1:empty, .postDetail .postParent .postcontent h2:empty, .postDetail .postParent .postcontent h3:empty, .postDetail .postParent .postcontent h4:empty, .postDetail .postParent .postcontent h5:empty, .postDetail .postParent .postcontent h6:empty {
  display: none;
}
.postDetail .postParent .postcontent h2, .postDetail .postParent .postcontent h3, .postDetail .postParent .postcontent h4 {
  font-size: 2.375rem;
  margin-top: 2.5rem;
  margin-bottom: 1.25rem;
  font-weight: 400;
  color: #101B3A;
}
.postDetail .postParent .postcontent h2 b, .postDetail .postParent .postcontent h2 strong, .postDetail .postParent .postcontent h3 b, .postDetail .postParent .postcontent h3 strong, .postDetail .postParent .postcontent h4 b, .postDetail .postParent .postcontent h4 strong {
  font-weight: 400;
}
.postDetail .postParent .postcontent p, .postDetail .postParent .postcontent ul li, .postDetail .postParent .postcontent ol li, .postDetail .postParent .postcontent blockquote {
  font-size: 1.125rem;
  line-height: 1.4;
}
.postDetail .postParent .postcontent * + ul, .postDetail .postParent .postcontent * + ol {
  margin-top: 0.938rem;
}
.postDetail .postParent .postcontent * + ul li, .postDetail .postParent .postcontent * + ol li {
  margin-bottom: 0.313rem;
}
.postDetail .postParent .postcontent * + ul li ul, .postDetail .postParent .postcontent * + ul li ol, .postDetail .postParent .postcontent * + ol li ul, .postDetail .postParent .postcontent * + ol li ol {
  margin-top: 0.938rem;
}
.postDetail .postParent .postcontent * + ul li a, .postDetail .postParent .postcontent * + ol li a {
  display: inline !important;
}
.postDetail .postParent .postcontent * + p {
  letter-spacing: 0.72px;
  line-height: 1.4;
}
.postDetail .postParent .postcontent p a {
  display: inline !important;
  color: #101B3A;
  text-decoration: underline;
  font-weight: 500;
}
.postDetail .postParent .postcontent blockquote {
  margin: 1rem 0rem;
  letter-spacing: 0.72px;
}
.postDetail .postParent .postcontent blockquote cite {
  margin-top: 0.625rem;
  letter-spacing: 0.72px;
}
.postDetail .postParent .postcontent figure {
  text-align: center;
  width: 100%;
  margin: 1rem 0rem;
}
.postDetail .postParent .postcontent img {
  margin: 0.938rem auto;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  max-width: 100%;
}
.postDetail .postParent .postcontent figure + img {
  width: 200px;
  height: auto;
}
.postDetail .postParent .postcontent iframe {
  display: flex;
  justify-content: center;
  margin: 1.25rem auto !important;
  max-width: 35rem !important;
  width: 100% !important;
  height: 19.688rem !important;
}
.postDetail .postParent .postcontent .fl-module iframe {
  width: 50%;
  vertical-align: middle;
  margin: 0rem -0.313rem;
  margin-bottom: 0.938rem;
  padding: 0rem 0.625rem;
}

body.blog-post .newsletterSection {
  padding: 3.75rem;
  border-radius: 0.625rem;
  margin-top: 6.25rem;
}

.leftContent_rightForm {
  background-color: #F1F4FA;
  padding: 3.125rem 0rem;
}
.leftContent_rightForm .contentParent {
  background-color: #101B3A;
  border: 1px solid #CED2DC;
  border-radius: 10px;
  padding: 3.125rem 3.125rem 4.25rem;
  height: 100%;
}
.leftContent_rightForm .contentParent .logoBox {
  max-width: 4.313rem;
  margin-bottom: 1.25rem;
}
.leftContent_rightForm .contentParent .logoBox img {
  width: 100%;
  height: auto;
}
.leftContent_rightForm .contentParent .contentTitle h1 {
  font-weight: 500;
  color: #fff;
}
.leftContent_rightForm .contentParent .contentBox {
  margin-top: 1.25rem;
}
.leftContent_rightForm .contentParent .contentBox li {
  position: relative;
  font-size: 1rem;
  color: #fff;
  line-height: 1.5;
  padding-left: 2.813rem;
}
.leftContent_rightForm .contentParent .contentBox li::before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='25' viewBox='0 0 25 25' fill='none'%3E%3Crect x='1.9231' y='1.99219' width='21.1538' height='18.7218' fill='white'/%3E%3Cpath d='M22.1154 0H2.88462C1.29808 0 0 1.29808 0 2.88462V22.1154C0 23.7019 1.29808 25 2.88462 25H22.1154C23.7019 25 25 23.7019 25 22.1154V2.88462C25 1.29808 23.7019 0 22.1154 0ZM18.9519 9.33654L11.2596 17.0288C11.0673 17.2115 10.8269 17.3077 10.5769 17.3077C10.3269 17.3077 10.0865 17.2115 9.89423 17.0288L6.04808 13.1827C5.67308 12.8077 5.67308 12.1923 6.04808 11.8173C6.42308 11.4423 7.03846 11.4423 7.41346 11.8173L10.5769 14.9904L17.5865 7.97115C17.9615 7.59615 18.5769 7.59615 18.9519 7.97115C19.3269 8.34615 19.3269 8.96154 18.9519 9.33654Z' fill='%23202A47'/%3E%3C/svg%3E");
  height: 1.563rem;
  width: 1.563rem;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  position: absolute;
  left: 0;
  top: -0.063rem;
}
.leftContent_rightForm .contentParent .contentBox li:not(:first-child) {
  margin-top: 0.625rem;
}
.leftContent_rightForm .contentParent .quoteSlider {
  padding: 1.25rem;
  border-radius: 0.375rem;
  background-color: #202A47;
  margin-top: 1.875rem;
}
.leftContent_rightForm .contentParent .quoteSlider .leftImgBox {
  min-height: 10.375rem;
  border-radius: 0.188rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.leftContent_rightForm .contentParent .quoteSlider .leftLogoImg {
  max-width: 7rem;
  margin: 0 auto;
}
.leftContent_rightForm .contentParent .quoteSlider .leftLogoImg img {
  width: 100%;
  height: auto;
}
.leftContent_rightForm .contentParent .quoteSlider .quoteBox {
  padding-top: 1.25rem;
  margin-bottom: 0;
}
.leftContent_rightForm .contentParent .quoteSlider .quoteBox p {
  color: #CED2DC;
  font-size: 1rem;
  font-weight: 500;
}
.leftContent_rightForm .contentParent .quoteSlider .quoteBox .userBox {
  margin-top: 1.563rem;
}
.leftContent_rightForm .contentParent .quoteSlider .quoteBox .userName {
  font-weight: 500;
  color: #fff;
}
.leftContent_rightForm .contentParent .quoteSlider .quoteBox .userDesignation {
  font-size: 0.813rem;
  font-weight: 500;
  letter-spacing: 1.3px;
  text-transform: uppercase;
}
.leftContent_rightForm .contentParent .quoteSlider .quoteBox .slick-dots {
  bottom: 0;
  right: 0;
  width: auto;
  line-height: 1;
}
.leftContent_rightForm .contentParent .quoteSlider .quoteBox .slick-dots li {
  background-color: #090F20;
}
.leftContent_rightForm .contentParent .quoteSlider .quoteBox .slick-dots li.slick-active {
  background-color: #326091;
}
.leftContent_rightForm .rightFormBox .staticForm {
  padding: 3.125rem 3.125rem 4.25rem 3.125rem;
  background-color: #fff;
  border-radius: 0.625rem;
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}
.leftContent_rightForm .rightFormBox .staticForm .custom-field {
  position: absolute !important;
  left: -9999px;
  width: 0px !important;
  height: 0px !important;
  opacity: 0;
}
.leftContent_rightForm .rightFormBox .staticForm input[type=hidden] + label {
  display: none;
}
.leftContent_rightForm .rightFormBox .staticForm label.error {
  margin-top: 0.625rem;
  color: #c02f2f;
}
.leftContent_rightForm .rightFormBox .formContent h4 {
  color: #101B3A;
  font-weight: 400;
}
.leftContent_rightForm .rightFormBox .formContent a {
  color: #326091;
  text-decoration: underline;
}
.leftContent_rightForm .rightFormBox .formTitle {
  font-size: 0.813rem;
  letter-spacing: 1.3px;
  text-transform: uppercase;
  font-weight: 500;
  margin: 2.188rem 0rem 0.938rem;
  color: #000;
}
.leftContent_rightForm .rightFormBox .formBottomBox .bottomContent {
  width: calc(100% - 9.688rem);
  color: #606571;
  font-size: 0.875rem;
  padding-right: 1.25rem;
}
.leftContent_rightForm .rightFormBox .formBottomBox .bottomContent a {
  text-decoration: underline;
  color: inherit;
}
.leftContent_rightForm .rightFormBox .formBottomBox .submitBox {
  width: 9.688rem;
}
.leftContent_rightForm .rightFormBox .thankyouBox {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  display: none;
}
.leftContent_rightForm .rightFormBox .thankyouBox .thankyouLogo {
  width: 3.438rem;
  margin: 0 auto;
}
.leftContent_rightForm .rightFormBox .thankyouBox .thankyouLogo img {
  width: 100%;
  height: auto;
}
.leftContent_rightForm .rightFormBox .thankyouBox .thankyouMessage h3 {
  color: #101B3A;
  font-weight: 500;
}
.leftContent_rightForm .rightFormBox .thankyouBox .button {
  margin-top: 1.25rem;
}

.multiStepFormSection {
  padding: 6.25rem 0rem 9.375rem;
  background-color: #F1F4FA;
}
.multiStepFormSection .stepChildBox {
  padding: 3.125rem;
  border: 0.063rem solid #CED2DC;
  border-radius: 0.625rem;
  background-color: #fff;
}
.multiStepFormSection .stepBox:not(:first-child) {
  display: none;
}
.multiStepFormSection .stepBox .titleBox {
  max-width: 26.063rem;
  margin: 0 auto;
}
.multiStepFormSection .stepBox .titleBox h4 {
  font-weight: 400;
  color: #101B3A;
}
.multiStepFormSection .stepBox .title-hide {
  display: none;
}
.multiStepFormSection .stepBox .topicCard {
  margin-top: 3.125rem;
}
.multiStepFormSection .stepBox .topicCard .topicCardBox {
  font-size: 1.125rem;
  letter-spacing: 0.72px;
  line-height: 1.4;
  border-radius: 0.25rem;
  border: 0.063rem solid #FFEF00;
  background: rgba(255, 239, 0, 0.1);
  padding: 2rem 0.75rem;
  margin-bottom: 1.25rem;
  transition: all ease 0.3s;
  cursor: pointer;
}
.multiStepFormSection .stepBox .topicCard .topicCardBox:hover, .multiStepFormSection .stepBox .topicCard .topicCardBox.active {
  background: #FFEF00;
}
.multiStepFormSection .stepBox .topicCard .nextBtn {
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 500;
  color: #090F20;
  background-color: #FFEF00;
  max-width: 9.688rem;
  text-align: center;
  padding: 0.969rem 1.25rem;
  width: 100%;
  display: block;
  margin-top: 1.25rem;
  cursor: pointer;
  transition: all ease 0.3s;
  display: none;
}
.multiStepFormSection .stepBox .topicCard .nextBtn:hover {
  background-color: #090F20;
  color: #fff;
}
.multiStepFormSection .stepBox .staticForm .custom-field {
  position: absolute !important;
  left: -9999px;
  width: 0px !important;
  height: 0px !important;
  opacity: 0;
}
.multiStepFormSection .stepBox .staticForm input[type=hidden] + label {
  display: none;
}
.multiStepFormSection .stepBox .staticForm label.error {
  margin-top: 0.625rem;
  color: #c02f2f;
}
.multiStepFormSection .stepBox .staticForm .formTitle {
  font-size: 0.813rem;
  letter-spacing: 1.3px;
  text-transform: uppercase;
  font-weight: 500;
  margin: 2.188rem 0rem 0.938rem;
  color: #000;
}
.multiStepFormSection .stepBox .staticForm .field-box.select_box label {
  margin-bottom: 0.313rem;
  color: #70706D;
  font-size: 1rem;
  line-height: 1.2;
}
.multiStepFormSection .stepBox .staticForm .field-box.select_box label.error {
  color: #b50404;
  font-size: 0.875rem;
  margin-top: 0.313rem;
}
.multiStepFormSection .stepBox .staticForm .formBottomBox .bottomContent {
  width: 100%;
  color: #606571;
  font-size: 0.875rem;
  padding-right: 0;
}
.multiStepFormSection .stepBox .staticForm .formBottomBox .bottomContent a {
  text-decoration: underline;
  color: inherit;
}
.multiStepFormSection .stepBox .staticForm .formBottomBox .submitBox {
  width: 9.688rem;
}
.multiStepFormSection .stepBox .staticForm .thankyouBox {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  display: none;
  margin-top: 2.5rem;
}
.multiStepFormSection .stepBox .staticForm .thankyouBox .thankyouLogo {
  width: 3.438rem;
  margin: 0 auto;
}
.multiStepFormSection .stepBox .staticForm .thankyouBox .thankyouLogo img {
  width: 100%;
  height: auto;
}
.multiStepFormSection .stepBox .staticForm .thankyouBox .thankyouMessage h3 {
  color: #101B3A;
  font-weight: 500;
}
.multiStepFormSection .stepBox .staticForm .thankyouBox .button {
  margin-top: 1.25rem;
}
.multiStepFormSection .stepBox .formBox {
  display: none;
}
.multiStepFormSection .stepBox .formBox.active {
  display: block;
}
.multiStepFormSection .companyInfo {
  padding: 3.125rem;
  background-color: #202A47;
  border-radius: 0 0.625rem 0.625rem 0;
}
.multiStepFormSection .companyInfo .smallTitle {
  color: #A5ACB7;
  font-size: 0.813rem;
  letter-spacing: 1.3px;
  text-transform: uppercase;
  line-height: 1.5;
  margin-bottom: 1.563rem;
}
.multiStepFormSection .companyInfo .infoBox {
  color: #fff;
}
.multiStepFormSection .companyInfo .infoBox .phone a, .multiStepFormSection .companyInfo .infoBox .email a {
  font-size: 1rem;
  color: #fff;
  line-height: 1.5;
  margin-left: 0.625rem;
  text-decoration: underline;
}
.multiStepFormSection .companyInfo .infoBox .phone a:hover, .multiStepFormSection .companyInfo .infoBox .email a:hover {
  color: #5D85AF;
  text-decoration: underline;
}
.multiStepFormSection .companyInfo .infoBox .phone, .multiStepFormSection .companyInfo .infoBox .email, .multiStepFormSection .companyInfo .infoBox .address, .multiStepFormSection .companyInfo .infoBox .socialLinks {
  margin-top: 0.625rem;
}
.multiStepFormSection .companyInfo .infoBox .socialLinks {
  margin-top: 1.25rem;
}
.multiStepFormSection .companyInfo .infoBox .socialLinks a:not(:first-child) {
  margin-left: 1.188rem;
}
.multiStepFormSection .companyInfo .infoBox .socialLinks a:hover svg path {
  fill: #FFEF00;
}

.enterprise-banner {
  background: radial-gradient(75.13% 67.97% at 26.75% 68.76%, #233468 0%, #090F20 100%), #0D162E;
}
.enterprise-banner .bannerRightBox .banner-image {
  bottom: -5.625rem;
}

.enterprise-page .fourColumnCardSection {
  padding: 11.875rem 0rem 6.25rem;
}

.faq-with-slide-image {
  padding: 6.25rem 0rem 8rem;
  overflow: hidden;
}
.faq-with-slide-image .accordian-list {
  border: 0.063rem solid #6F7682;
  border-radius: 0.625rem;
  padding: 1.625rem;
}
.faq-with-slide-image .accordian-list .accordian-title {
  position: relative;
  cursor: pointer;
  padding-right: 1.563rem;
}
.faq-with-slide-image .accordian-list .accordian-title h5 {
  color: #101B3A;
  line-height: 1.33;
}
.faq-with-slide-image .accordian-list .accordian-title .plusminus {
  position: absolute;
  width: 1.563rem;
  height: 1.563rem;
  cursor: pointer;
  right: 0;
  top: 0.188rem;
  z-index: -1;
}
.faq-with-slide-image .accordian-list .accordian-title .plusminus::before, .faq-with-slide-image .accordian-list .accordian-title .plusminus::after {
  content: "";
  display: block;
  background-color: #333;
  position: absolute;
  top: 50%;
  left: 0;
  transition: 0.35s;
  width: 100%;
  height: 0.188rem;
}
.faq-with-slide-image .accordian-list .accordian-title .plusminus::before {
  transform: translatey(-50%);
}
.faq-with-slide-image .accordian-list .accordian-title .plusminus::after {
  transform: translatey(-50%) rotate(90deg);
}
.faq-with-slide-image .accordian-list:not(:first-child) {
  margin-top: 0.938rem;
}
.faq-with-slide-image .accordian-list.active .plusminus::before {
  transform: translatey(-50%) rotate(-90deg);
  opacity: 0;
}
.faq-with-slide-image .accordian-list.active .plusminus::after {
  transform: translatey(-50%) rotate(0);
}
.faq-with-slide-image .accordian-content {
  display: none;
  color: #6F7682;
  font-size: 1rem;
  line-height: 1.5;
  margin-top: 1.25rem;
}
.faq-with-slide-image .accordian-content a {
  color: #326091;
  font-weight: 600;
  text-decoration: underline;
}
.faq-with-slide-image .rightImgBox {
  position: relative;
}
.faq-with-slide-image .rightImgBox .accordianImg {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 100%;
  transform: translateX(50%);
  opacity: 0;
  visibility: hidden;
  transition: all ease 0.7s;
}
.faq-with-slide-image .rightImgBox .accordianImg img {
  width: 100%;
  height: auto;
}
.faq-with-slide-image .rightImgBox .accordianImg.active {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}
.faq-with-slide-image .rightImgBox .rightContentBox {
  border-radius: 0.625rem;
  display: inline-block;
  padding: 2.5rem 4.375rem 2.5rem 1.875rem;
  max-width: 25.375rem;
  position: absolute;
  bottom: -8rem;
  left: -2.375rem;
  z-index: 9;
  animation: float 4s ease-in-out infinite;
}
.faq-with-slide-image .rightImgBox .rightContentBox .title h5 {
  color: #fff;
}
.faq-with-slide-image .rightImgBox .btnBox {
  margin-top: 1.25rem;
}
.faq-with-slide-image .rightImgBox .btnBox a .btnArrow {
  height: 2.938rem;
  width: 2.938rem;
  line-height: 2.625rem;
  text-align: center;
  border: 0.063rem solid #606571;
  border-radius: 0.313rem;
}
.faq-with-slide-image .rightImgBox .btnBox a .btnArrow svg {
  width: 1.063rem;
}
.faq-with-slide-image .rightImgBox .btnBox a .btnText {
  color: #fff;
  letter-spacing: 0.081rem;
  text-transform: uppercase;
  line-height: 1.23;
  font-size: 0.813rem;
  font-weight: 500;
  padding-left: 0.75rem;
}
.faq-with-slide-image .rightImgBox .btnBox a:hover .btnText {
  color: #FFEF00;
}

body.freight-bill .faq-with-slide-image {
  padding-top: 0rem;
}

.enterprise-page .leftImage_rightQuote {
  padding: 4.25rem 0rem;
}

.cta-strip-section {
  padding: 3.75rem 0rem;
}
.cta-strip-section h3 {
  color: #fff;
}
.cta-strip-section .content-parent {
  margin-top: 1.25rem;
}
.cta-strip-section .content-box {
  font-size: 1.125rem;
  color: #fff;
  max-width: 29.375rem;
  margin-left: 1.25rem;
}

.beon-commerce .leftImage_rightQuote {
  padding: 6.25rem 0rem 0rem;
}

.banner-with-rounded-image {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center bottom;
  min-height: 48.75rem;
  display: flex;
  align-items: center;
}
.banner-with-rounded-image .mobile-bg, .banner-with-rounded-image .desktop-bg {
  display: none;
}
.banner-with-rounded-image .banner-right-content {
  position: relative;
}
.banner-with-rounded-image .bannerLeftBox {
  padding: 2rem 0.75rem;
}
.banner-with-rounded-image .small-title h6 {
  color: #FFEF00;
  font-weight: 500;
  margin-bottom: 1.25rem;
}
.banner-with-rounded-image .banner-title h1 {
  font-size: 3.5rem;
  color: #fff;
  font-weight: 500;
  line-height: 1.14;
  margin-bottom: 1.5rem;
}
.banner-with-rounded-image .banner-content p {
  color: #fff;
  font-size: 1rem;
  line-height: 1.5;
}
.banner-with-rounded-image .banner-content a.button {
  margin-top: 4rem;
}
.banner-with-rounded-image .rightContentBox {
  border-radius: 0.625rem;
  display: inline-block;
  padding: 2.063rem;
  max-width: 23.063rem;
  position: absolute;
  bottom: -14.3rem;
  right: 0;
  z-index: 9;
}
.banner-with-rounded-image .rightContentBox .title h5 {
  color: #fff;
}
.banner-with-rounded-image .rightContentBox .btnBox {
  margin-top: 1.25rem;
}
.banner-with-rounded-image .rightContentBox .btnBox a .btnArrow {
  height: 2.938rem;
  width: 2.938rem;
  line-height: 2.625rem;
  text-align: center;
  border: 0.063rem solid #606571;
  border-radius: 0.313rem;
}
.banner-with-rounded-image .rightContentBox .btnBox a .btnArrow svg {
  width: 1.063rem;
}
.banner-with-rounded-image .rightContentBox .btnBox a .btnText {
  color: #fff;
  letter-spacing: 0.081rem;
  text-transform: uppercase;
  line-height: 1.23;
  font-size: 0.813rem;
  font-weight: 500;
  padding-left: 0.75rem;
}
.banner-with-rounded-image .rightContentBox .btnBox a:hover .btnText {
  color: #FFEF00;
}

body.parcel-contract .clientSection {
  border-bottom: 0;
}
body.parcel-contract .clientSection .marquee {
  background-color: #fff;
}

body.parcel-contract .tabbingSection.v2 {
  background-color: #fff;
}
body.parcel-contract .tabbingSection.v2 .tabContentInner {
  max-width: 34.25rem;
  padding-left: 3rem;
}
body.parcel-contract .tabbingSection.v2 .counter-content {
  padding: 1.5rem;
  background-color: #F1F4FA;
  border-radius: 0.625rem;
  max-width: inherit;
  margin-top: 2.5rem;
  display: flex;
  gap: 8px;
  align-items: center;
}
body.parcel-contract .tabbingSection.v2 .counter-content h2 {
  margin-bottom: 0.5rem;
  font-weight: 400;
  color: #326091;
  line-height: 1.1;
  margin: 0;
}
body.parcel-contract .tabbingSection.v2 .counter-content p {
  font-size: 0.813rem;
  font-weight: 500;
  line-height: 1.6;
  letter-spacing: 1.3px;
  text-transform: uppercase;
  margin: 0;
}

body.parcel-contract .fourColumnCardSection {
  background-color: #fff;
}

body.parcel-contract .leftImage_rightQuote {
  padding: 0rem 0rem 6.25rem;
}

.solutionSection.v2 {
  background-color: #F1F4FA;
}
.solutionSection.v2 .titleBox {
  margin-bottom: 3.125rem;
}
.solutionSection.v2 .columnParent {
  border-radius: 0.625rem;
  background: radial-gradient(483.44% 152.68% at 8.69% -29.06%, rgba(129, 190, 255, 0.21) 0%, rgba(129, 190, 255, 0) 100%);
  position: relative;
  border: 0;
}
.solutionSection.v2 .columnParent::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 0.625rem;
  padding: 0.063rem;
  background: linear-gradient(45deg, #FFEF00, #81BEFF);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}
.solutionSection.v2 .columnParent .columnContent {
  position: relative;
}

.content-section {
  background-color: #F1F4FA;
  padding: 6.25rem 0rem;
}
.content-section h3 {
  color: #101B3A;
}
.content-section p {
  font-size: 1.125rem;
  line-height: 1.4;
  letter-spacing: 0.72px;
  color: #606571;
}

body.payment-spend-managment .leftImage_rightQuote {
  padding: 6.25rem 0rem;
}

body.payment-spend-managment .fourColumnCardSection {
  background-color: #fff;
}

.two-column-content-section {
  padding: 6.25rem 0rem;
}
.two-column-content-section .cardInner {
  padding: 2.5rem 2.813rem 2.188rem 2.5rem;
  border: 0.063rem solid #FFEF00;
  background: var(--Radial, radial-gradient(67.01% 75.57% at 12.15% 11.74%, #FFF9A7 0%, rgba(255, 255, 255, 0.6) 100%));
  box-shadow: 0px 4px 30px 0px rgba(32, 42, 71, 0.07);
  position: relative;
  border-radius: 0.938rem;
  height: 100%;
}
.two-column-content-section .cardInner h5 {
  color: #090F20;
  margin-bottom: 0.938rem;
}
.two-column-content-section .cardInner::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 0.938rem;
  padding: 0.063rem;
  background: linear-gradient(45deg, #FFEF00, #81BEFF);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}

body.freight-bill .clientSection .marqueeSlider {
  background-color: #fff;
}
body.freight-bill .clientSection .marquee {
  background-color: #fff;
}

body.freight-bill .content-section, body.freight-bill .tabbingSection.v2 {
  background-color: #fff;
}

/*=== FADE IN  ===*/
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.fadeIn {
  animation-name: fadeIn;
  animation-delay: 4.5s;
}
@keyframes float {
  0% {
    box-shadow: 0 5px 15px 0px rgba(0, 0, 0, 0.6);
    transform: translatey(0px);
  }
  50% {
    box-shadow: 0 25px 15px 0px rgba(0, 0, 0, 0.2);
    transform: translatey(-20px);
  }
  100% {
    box-shadow: 0 5px 15px 0px rgba(0, 0, 0, 0.6);
    transform: translatey(0px);
  }
}
.privacy-banner {
  padding: 5.625rem 0 6.25rem;
}
.privacy-banner .banner-title {
  color: #fff;
}
.privacy-banner .banner-title h1 {
  font-size: 4.25rem;
}
.privacy-banner .date-box {
  margin-top: 1.25rem;
}
.privacy-banner .tag {
  font-size: 0.813rem;
  color: #101B3A;
  line-height: 1;
  background-color: #FFEF00;
  font-weight: 500;
  text-transform: capitalize;
  border-radius: 0.188rem;
  padding: 0.313rem;
}
.privacy-banner .date {
  line-height: 1;
  color: #CED2DC;
  font-size: 1rem;
  font-weight: 400;
  padding: 0.25rem 0 0 0.938rem;
}

.privacy-content-section {
  padding: 6.25rem 0rem 3rem;
}
.privacy-content-section .privacy-content h5 {
  font-size: 1.5rem;
}
.privacy-content-section .privacy-content h6, .privacy-content-section .privacy-content p {
  font-size: 1rem;
}
.privacy-content-section .privacy-content h5, .privacy-content-section .privacy-content h6 {
  color: #1E1E1E;
  font-weight: 500;
}
.privacy-content-section .privacy-content p, .privacy-content-section .privacy-content ul li, .privacy-content-section .privacy-content ol li {
  color: #1E1E1E;
  margin: 0;
}
.privacy-content-section .privacy-content li + li {
  margin-top: 0.313rem;
}
.privacy-content-section .privacy-content * + h5, .privacy-content-section .privacy-content * + h6, .privacy-content-section .privacy-content * + p {
  margin-top: 1.25rem;
}
.privacy-content-section .privacy-content * + ul, .privacy-content-section .privacy-content * + ol {
  margin-top: 0.625rem;
}

.table-of-content {
  margin-bottom: 1.875rem;
}
.table-of-content .bannerContent h5 {
  font-size: 1.5rem;
}
.table-of-content .bannerContent h6, .table-of-content .bannerContent p {
  font-size: 1rem;
}
.table-of-content .bannerContent h5, .table-of-content .bannerContent h6 {
  color: #1E1E1E;
  font-weight: 500;
  margin-bottom: 1rem;
}
.table-of-content .bannerContent p, .table-of-content .bannerContent ul li {
  color: #1E1E1E;
  margin: 0;
}
.table-of-content .bannerContent li + li {
  margin-top: 0.313rem;
}
.table-of-content .bannerContent * + h5, .table-of-content .bannerContent * + h6, .table-of-content .bannerContent * + p {
  margin-top: 1.25rem;
}
.table-of-content .bannerContent * + ul {
  margin-top: 0.625rem;
}
.table-of-content .bannerContent table th, .table-of-content .bannerContent table td {
  color: #231F20;
  font-size: 1rem;
  font-weight: 400;
  padding: 0.938rem 0rem;
}
.table-of-content .bannerContent table th {
  font-weight: 700;
}
.table-of-content .bannerContent table th:nth-child(-n+3),
.table-of-content .bannerContent table td:nth-child(-n+3) {
  width: 20%;
}
.table-of-content .bannerContent table th:last-child,
.table-of-content .bannerContent table td:last-child {
  width: 40%;
}

.table-of-content + .privacy-content-section {
  padding-top: 0;
}

.fourColumnCardSection .cardInner {
  background: radial-gradient(67.01% 75.57% at 12.15% 11.74%, #FFF9A7 0%, rgb(255, 255, 255) 100%) padding-box, linear-gradient(to right bottom, #FFEF00 20%, #81BEFF 50%, transparent 100%, #81BEFF 80%) border-box;
  border-bottom: solid;
}

.twoColumnCard .cardParent .cardChild {
  background: radial-gradient(67.01% 75.57% at 12.15% 11.74%, #090F20 0%, #090F20 100%) padding-box, linear-gradient(to right bottom, #FFEF00 20%, #81BEFF 50%, transparent 100%, #81BEFF 80%) border-box;
  border-radius: 10px;
  overflow: hidden;
  border-bottom: solid;
}

.twoColumnCard .cardParent:nth-child(2) .cardChild {
  background: radial-gradient(67.01% 75.57% at 12.15% 11.74%, #090F20 0%, #090F20 100%) padding-box, linear-gradient(to right bottom, #5D85AF 0%, #5D85AF 50%, transparent 100%, #5D85AF 80%) border-box;
  border-bottom: solid;
}

.twoColumnCard .cardParent:nth-child(2) .cardChild:hover {
  background-image: url(../png/card-hover-bg.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  box-shadow: 0px 4px 65px 0px #233468;
  border-image-slice: 0;
  border-image-source: none;
}

.postDetail .postParent .postcontent li, .postDetail .postParent .postcontent p,
.postDetail .postParent .postInfo .blogContent * + p, .postDetail .postParent .postcontent blockquote {
  color: #606571;
}

.solutionSection .columnParent {
  background: radial-gradient(67.01% 75.57% at 12.15% 11.74%, #F1F4FA 0%, #F1F4FA 100%) padding-box, linear-gradient(to right bottom, #FFEF00 20%, #81BEFF 50%, transparent 100%, #81BEFF 80%) border-box;
  border-bottom: solid;
}

.enterprise-page .beon-insight-banner .bannerRightBox .banner-image {
  top: 4.5rem;
  right: 0;
  transform: scale(1.2);
}

.featureFirstPost {
  position: relative;
}

.featureFirstPost::before {
  content: "";
  width: 1px;
  height: 100%;
  background-color: #CED2DC;
  position: absolute;
  top: 0px;
  right: 0px;
}

.postDetail .postParent .postcontent * + ul, .postDetail .postParent .postcontent * + ol {
  margin-top: 0.938rem;
}

.postDetail .postParent .postcontent * + ul li, .postDetail .postParent .postcontent * + ol li {
  margin-bottom: 0.938rem;
}

.single-resource .postDetail .postParent .postcontent h3 {
  margin-top: 2rem;
  margin-bottom: 1rem;
  font-size: 1.5rem;
  line-height: 130%;
  font-weight: 600;
}

.enterprise-page .solutionSection {
  padding-top: 2.25rem;
}

.postListTitle-mobile h4 {
  text-align: center;
  color: #101B3A;
  font-weight: 400;
  margin-bottom: 1.25rem;
}

.postListTitle-mobile {
  display: none;
}

.blogPostList .postListBox .postListTitle h4 {
  font-weight: 400;
}

div#page-loader {
  background: #0f1b3a;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 11111;
}

body {
  opacity: 1;
  background: #0f1b3a;
}

body.loaded {
  background: #fff;
}

.card-v1 {
  margin-bottom: 6.25rem;
}
.card-v1 .cardInner {
  box-shadow: 0px 40px 75px -25px rgba(36, 66, 59, 0.0509803922);
  border: 1px solid rgba(46, 46, 31, 0.1215686275);
  border-radius: 0.75rem;
  overflow: hidden;
  height: 100%;
}
.card-v1 .cardInner .iconBox {
  height: 16.688rem;
  width: 100%;
  overflow: hidden;
}
.card-v1 .cardInner .iconBox img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.card-v1 .cardInner .cardTitle {
  padding: 1.875rem 1.25rem;
}
.card-v1 .cardInner .cardTitle h5 {
  color: #101B3A;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 600;
  margin: 0 0 1rem;
}
.card-v1 .cardInner .cardTitle p {
  margin: 0;
  color: #606571;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 400;
}

.card-v2 {
  padding: 6.25rem 0;
  margin-bottom: 6.25rem;
  background: #F1F4FA;
}
.card-v2 .cardInner {
  position: relative;
  border: 1px solid transparent;
  border-radius: 1rem;
  background: linear-gradient(white, white) padding-box, linear-gradient(150.64deg, #FFEF00 9.74%, #81BEFF 36.98%, rgba(255, 239, 0, 0) 64.66%) border-box;
  padding: 1rem;
  cursor: pointer;
  transform-style: preserve-3d;
  transition: transform 0.6s ease-in-out;
}
.card-v2 .cardInner .iconBox {
  height: 16.813rem;
  position: relative;
  overflow: hidden;
  border-radius: 1rem;
}
.card-v2 .cardInner .iconBox:after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: linear-gradient(180deg, rgba(16, 27, 58, 0) 0%, rgba(16, 27, 58, 0.7) 100%);
}
.card-v2 .cardInner .iconBox img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.card-v2 .cardInner .iconBox h3 {
  position: absolute;
  bottom: 1rem;
  color: #fff;
  font-size: 1.5rem;
  line-height: 2rem;
  left: 1rem;
  font-weight: 600;
  z-index: 1;
  width: calc(100% - 1rem);
}
.card-v2 .cardInner .iconBox h3::after {
  content: "";
  display: none;
  background: url(../flip.html) no-repeat;
  width: 50px;
  height: 50px;
  background-size: contain;
  background-position: center;
  position: absolute;
  right: 0;
  bottom: 0;
}
.card-v2 .cardInner .cardTitle {
  position: absolute;
  top: 0;
  left: 0;
  padding: 2rem;
  background: #fff;
  transform: rotateY(180deg);
  border-radius: 1rem;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: baseline;
  text-align: left;
}
.card-v2 .cardInner .cardTitle img {
  max-height: 2rem;
  width: auto;
  margin-bottom: 1.25rem;
  height: 2rem;
}
.card-v2 .cardInner .cardTitle h5 {
  color: #101B3A;
  font-weight: 600;
  font-size: 1.5rem;
  line-height: 2rem;
  margin: 0 0 1.25rem;
}
.card-v2 .cardInner .cardTitle p {
  color: #606571;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 400;
  margin: 0;
}

.card-v2 .childCard:hover .cardInner {
  transform: rotateY(180deg);
}

body.parcel-contract .bg-white .marqueeParent {
  background-color: #fff;
}

.page-id-337 .banner-with-rounded-image .rightContentBox {
  bottom: -11.5rem;
}

.page-id-319 .beon-insight-banner .bannerRightBox .banner-image {
  top: inherit;
  right: -5.625rem;
  transform: scale(1.2);
  bottom: -27%;
}

.page.beon-insight {
  overflow-x: hidden;
}

.page.page-id-418 .banner-with-rounded-image .rightContentBox {
  bottom: auto;
  top: 5rem;
}

.page-id-350 .beon-insight-banner .bannerRightBox .banner-image {
  transform: scale(1.1);
}

.page-id-350 .beon-insight-banner .bannerLeftBox {
  padding-bottom: 5rem;
}

article.page {
  overflow-x: hidden;
}

/* Sendflex Block */
.sendflex-block .sendflex-order-2 {
  padding-top: 7.5rem;
  padding-bottom: 7.5rem;
  padding-left: 7.813rem;
  padding-right: 7rem;
  background-image: url(../webp/sendflex-bg.webp);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: left center;
}
.sendflex-block h4 {
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 135%;
  margin: 0 0 1.25rem;
  color: #fff;
}
.sendflex-block p {
  color: #D9D9D9;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 140%;
  margin: 0;
}

.sendflex-order-1 {
  position: relative;
}

.sendflex-order-1:after {
  content: "";
  display: inline-block;
  background: radial-gradient(50% 50% at 50% 50%, rgba(0, 0, 0, 0.7) 30.77%, rgba(0, 0, 0, 0.28) 100%);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.sendflex-order-1 img {
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-height: 5.125rem;
}

.sendflex-block .sendflex-order-2 {
  display: inline-flex;
  flex-wrap: wrap;
  justify-content: flex-end;
}

.sendflex-block-inner {
  max-width: 31.563rem;
}

.blogPostList .postSideBar .searchandfilter ul li.sf-field-search {
  margin: 0 0 1rem;
  color: #6f6f6f;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 2rem;
}

.sf-field-search label {
  width: 100%;
}

.searchandfilter input.sf-input-text::-moz-placeholder {
  color: #6F6F6F;
  font-size: 1rem;
}

.searchandfilter input.sf-input-text::placeholder {
  color: #6F6F6F;
  font-size: 1rem;
}

.searchandfilter input.sf-input-text {
  padding: 1rem;
  padding-left: 2.5rem;
  width: 100%;
  position: relative;
  color: #101B3A;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1rem;
  border-radius: 8px;
  border: 1px solid #C6C6C6;
  background: #fff;
}

.searchandfilter[data-sf-form-id="282"] li.sf-field-search label::after {
  content: "";
  display: inline-block;
  width: 1rem;
  height: 100%;
  line-height: inherit;
  text-align: center;
  color: #6f6f6f;
  position: absolute;
  top: 0;
  cursor: default;
  left: 1rem;
  background: url(../svg/magnifying-glass.svg) no-repeat;
  background-size: contain;
  background-position: center;
}

body .blogPostList .postSideBar .filterListBox li.sf-field-taxonomy-resource-category {
  background-color: #F1F4FA;
  border-radius: 0.625rem;
  padding: 1.563rem 1.25rem 1.875rem;
}

.custom-multi-select {
  position: relative;
  width: 100%;
}

.freight_modes_used, .estimated_freight_spend_ppc {
  margin-top: -25px;
}

.freight_modes_used label, .estimated_freight_spend_ppc label {
  display: inline-block;
  z-index: 1;
  position: relative;
  transform: translate(0.875rem, 0.875rem);
  padding: 0 0px;
  background: #fff;
  font-weight: 400 !important;
  font-size: 0.875rem;
  color: #70706D;
  margin-bottom: 2px;
}

.custom-multi-select .selected-box {
  border: 0.063rem solid #E2E2E0;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  text-indent: 0.063rem;
  text-overflow: "";
  background-image: url(../png/arrow-down-sign-to-navigate.png);
  background-repeat: no-repeat;
  background-size: 0.75rem;
  background-position: 97% 55%;
  box-shadow: none;
  outline: none !important;
  width: 100%;
  font-size: 1rem;
  line-height: 1.2;
  background-color: #fff;
  color: #70706D;
  padding: 0.938rem 0.75rem;
}

.custom-multi-select .options {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  background: #fff;
  border: 1px solid #ccc;
  border-top: none;
  max-height: 200px;
  overflow-y: auto;
  display: none;
  z-index: 10;
}

.custom-multi-select .options div {
  display: flex;
  align-items: center;
  padding: 6px 10px;
  cursor: pointer;
}

.custom-multi-select .options div:hover {
  background: #f1f1f1;
}

.custom-multi-select input[type=checkbox] {
  margin-right: 8px;
}

.custom-multi-select.active .options {
  display: block;
}

.freight_modes_used {
  position: relative;
  display: inline-block;
  font-family: inherit;
}

/* Visible box the user clicks */
.freight_modes_used .multi_check_box {
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  display: inline-block;
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
  text-indent: 0.063rem;
  text-overflow: "";
  background-image: url(../png/arrow-down-sign-to-navigate.png);
  background-repeat: no-repeat;
  background-size: 0.75rem;
  background-position: 97% 55%;
  border: 0.063rem solid #E2E2E0;
  box-shadow: none;
  outline: none !important;
  width: 100%;
  font-size: 1rem;
  line-height: 1.2;
  background-color: #fff;
  color: #70706D;
  padding: 0.938rem 0.75rem;
}

.freight_modes_used .multi_check_box:focus {
  outline: 2px solid rgba(0, 120, 212, 0.12);
  outline-offset: 2px;
}

/* Dropdown */
.freight_modes_used .options {
  display: none; /* hidden by default; JS toggles inline style too */
  position: absolute;
  left: 0;
  top: calc(100% + 8px);
  z-index: 1100;
  width: max(220px, 100%); /* expand at least to width */
  max-height: 220px;
  overflow: auto;
  border: 1px solid #e0e0e0;
  background: #fff;
  padding: 8px;
  box-shadow: 0 8px 24px rgba(11, 22, 40, 0.08);
  border-radius: 6px;
  box-sizing: border-box;
}

/* show when active */
.freight_modes_used.active .options,
.freight_modes_used .options.show {
  display: block;
}

/* option row */
.freight_modes_used .options > div {
  padding: 6px 8px;
  display: flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
  white-space: nowrap;
}

.freight_modes_used .options > div:hover {
  background: rgba(0, 0, 0, 0.03);
}

/* ensure the checkbox isn't swallowed visually */
.freight_modes_used .options input[type=checkbox] {
  pointer-events: auto;
  margin: 0;
  transform: translateY(0.5px);
}

/* Client Logos */
.clientSection.v2:after {
  content: "";
  display: inline-block;
  width: 100%;
  height: 100%;
  background: linear-gradient(199deg, rgba(16, 27, 58, 0) -9.26%, rgb(8, 15, 35) 83.43%);
  position: absolute;
  top: 0;
  left: 0;
  inset: 0;
  z-index: 0;
}

.clientSection.v2 .titleBox {
  background: transparent;
  text-transform: inherit;
  padding: 0;
  position: relative;
  z-index: 1;
  max-width: 60%;
  margin: 0 auto;
}

.clientSection.v2 .marqueeParent {
  background: none;
  position: relative;
}

/* .clientSection.v2 .marqueeParent:before {
  content: "";
  background: linear-gradient(90deg, #101B3A 0%, rgba(16, 27, 58, 0) 24.52%, rgba(16, 27, 58, 0) 75%, #101B3A 100%);
  height: 100%;
  width: 100%;
  position: absolute;
  inset: 0;
  z-index: 2;
} */

.clientSection.v2 .marquee .logo-img img {
  height: 2rem;
  filter: contrast(0);
}

.clientSection.v2 .marquee {
  background: transparent;
  position: relative;
  z-index: 1;
  padding: 54px 0;
  /* background: linear-gradient(90deg, #101B3A 0%, rgba(16, 27, 58, 0) 24.52%, rgba(16, 27, 58, 0) 75%, #101B3A 100%); */
}

.clientSection.v2 {
  position: relative;
  padding: 100px 0;
  margin: 0 0 0;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.clientSection.v2 h2 {
  color: rgb(255, 255, 255);
  text-align: center;
  font-family: Roboto;
  font-size: 56px;
  font-style: normal;
  font-weight: 500;
  line-height: 64px;
  margin: 0 0 50px;
}

.clientSection.v2 p {
  overflow: hidden;
  color: rgb(255, 255, 255);
  text-align: center;
  text-overflow: ellipsis;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px;
  letter-spacing: 0.72px;
  margin: 0 0 80px;
}

/*PPC HS Form*/
.hs-form .formInnerBox > p {
  margin: 0;
}

.hs-form-field {
  position: relative;
  padding-bottom: 2.5rem;
}

.hs-form .hs-form-field > label {
  display: none;
}

.hs-error-msgs {
  list-style-type: none;
  padding-left: 0;
  margin: 0 0 0.625rem 0;
  color: #c02f2f;
  font-size: 0.875rem;
  position: absolute;
  bottom: 0;
}

.hs-form .form-columns-1 input, .hs-form textarea {
  width: 100% !important;
}

.hs-form .form-columns-2, .form-columns-1 {
  max-width: 800px !important;
}

.hs-form .hs_estimated_freight_spend_ppc, .hs-form .hs_freight_modes_used, .hs-form .hs_message {
  width: 100% !important;
  padding-bottom: 1.2rem;
}

.hs-form .hs_freight_modes_used > label, .hs-form .hs-fieldtype-textarea label {
  display: block;
  margin: 0 0 10px 0;
}

.hs-form .hs_freight_modes_used ul {
  list-style: none !important;
  padding-left: 0;
}

.hs-form .hs_freight_modes_used .hs-form-checkbox span {
  padding-left: 10px !important;
  display: inline-block;
}

.hs-form .legal-consent-container {
  color: #606571;
  font-size: 0.875rem;
  padding-right: 1.25rem;
}

.hs-form .legal-consent-container a {
  display: inline !important;
  color: #101B3A;
  text-decoration: underline;
  font-weight: 500;
}

.hs-form .hs_submit {
  margin-top: 10px;
}

.hs-form .hs-form-field {
  position: relative;
}

.hs-form .hs-form-field > label, .hs-form .hs-form-field > label {
  display: inline-block;
  position: absolute;
  left: 6px;
  top: 13px;
  background: #fff;
  padding: 0 4px;
  transition: all 0.18s ease;
  pointer-events: none;
  font-size: 1rem;
  color: rgb(112, 112, 109);
}

.hs-form .hs-form-field:focus-within > label {
  top: -0.625rem;
  font-size: 0.875rem;
  font-weight: 400;
}/*# sourceMappingURL=style.css.map */