@font-face {
  font-family: "TT-Hoves-Pro-Light";
  src: url("../../../fonts/TTHovesPro/TT-Hoves-Pro-Light.ttf") format("truetype");
}
@font-face {
  font-family: "TT-Hoves-Pro-Regular";
  src: url("../../../fonts/TTHovesPro/TT-Hoves-Pro-Regular.ttf") format("truetype");
}
@font-face {
  font-family: "TT-Hoves-Pro-DemiBold";
  src: url("../../../fonts/TTHovesPro/TT-Hoves-Pro-DemiBold.ttf") format("truetype");
}
@font-face {
  font-family: "TT-Hoves-Pro-Bold";
  src: url("../../../fonts/TTHovesPro/TT-Hoves-Pro-Bold.ttf") format("truetype");
}
@font-face {
  font-family: "Butler_Regular";
  src: url("../../../fonts/Butler/Butler_Regular.otf") format("opentype");
}
@font-face {
  font-family: "Butler_Medium";
  src: url("../../../fonts/Butler/Butler_Medium.otf") format("opentype");
}
@font-face {
  font-family: "Butler_Bold";
  src: url("../../../fonts/Butler/Butler_Bold.otf") format("opentype");
}
@font-face {
  font-family: "Butler_ExtraBold";
  src: url("../../../fonts/Butler/Butler_ExtraBold.otf") format("opentype");
}
:root {
  --primary-regular-font: "TT-Hoves-Pro-Regular", sans-serif;
  --primary-light-font: "TT-Hoves-Pro-Light", sans-serif;
  --primary-bold-font: "TT-Hoves-Pro-Bold", sans-serif;
  --primary-demiBold-font: "TT-Hoves-Pro-DemiBold", sans-serif;
  --secondary-regular-font: "Butler_Regular", sans-serif;
  --secondary-medium-font: "Butler_Medium", sans-serif;
  --secondary-bold-font: "Butler_Bold", sans-serif;
  --secondary-extraBold-font: "Butler_ExtraBold", sans-serif;
}

:root {
  --primary-color: #0040BA;
  --primary-color-withOpacity2: rgba(0, 64, 186, 0.2);
  --secondary-color: #00122B;
  --secondary-color-WithOpacity: rgba(0, 18, 43, 0.7);
  --secondary-color-WithOpacity2: rgba(0, 18, 43, 0.6);
  --secondary-color-WithOpacity5: rgba(0, 18, 43, 0.5);
  --ternary-color: #A4C3FF;
  --ternary-color-withOpacity1: rgba(164, 195, 255, 0.1);
  --ternary-color-withOpacity2: rgba(164, 195, 255, 0.2);
  --ternary-color-withOpacity: rgba(197, 179, 244, 0.7);
  --ternary-color-2: #EEF4FF;
  --quaternary-color: #04C49E;
  --quaternary-color-withOpacity: rgba(4, 196, 158, 0.8);
  --quaternary-color-withOpacity40: rgba(4, 196, 158, 0.4);
  --quaternary-color-withOpacity60: rgba(4, 196, 158, 0.6);
  --quaternary-color-2: #B0ECDF;
  --quinary-color: #00A6DC;
  --senary-color: #94B4FE;
  --septenary-color: #A3E9D7;
  --menu-link-color: #ffffff;
  --subMenu-link-color: #ffffff;
  --help-text: rgba(255, 255, 255, 0.5);
  --white-with-opacity: rgba(255, 255, 255, 0.70);
  --white: #ffffff;
  --whiteWithOpacity: rgba(255, 255, 255, 0.50);
  --black: #000000;
  --black-with-opacity1: rgba(0, 0, 0, 0.8);
  --grey: #808895;
  --grey2: #D9D9D9;
  --brand-red: #F00000;
  --whatsapp: #4dc95c;
  --primary-gradient: linear-gradient(72deg, #00122B 35.42%, #0040BA 100%);
  --secondary-gradient: linear-gradient(72deg, #00122B 0%, #04C49E 100%);
  --primary-shadow: rgba(4, 89, 203, 0.25);
  --primary-shadow2: rgba(4, 89, 203, 0.15);
  --transition--default: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);
}

/*=============================================
=          1. General CSS            =
=============================================*/
@font-face {
  font-family: "TT-Hoves-Pro-Light";
  src: url("../../../fonts/TTHovesPro/TT-Hoves-Pro-Light.ttf") format("truetype");
}
@font-face {
  font-family: "TT-Hoves-Pro-Regular";
  src: url("../../../fonts/TTHovesPro/TT-Hoves-Pro-Regular.ttf") format("truetype");
}
@font-face {
  font-family: "TT-Hoves-Pro-DemiBold";
  src: url("../../../fonts/TTHovesPro/TT-Hoves-Pro-DemiBold.ttf") format("truetype");
}
@font-face {
  font-family: "TT-Hoves-Pro-Bold";
  src: url("../../../fonts/TTHovesPro/TT-Hoves-Pro-Bold.ttf") format("truetype");
}
@font-face {
  font-family: "Butler_Regular";
  src: url("../../../fonts/Butler/Butler_Regular.otf") format("opentype");
}
@font-face {
  font-family: "Butler_Medium";
  src: url("../../../fonts/Butler/Butler_Medium.otf") format("opentype");
}
@font-face {
  font-family: "Butler_Bold";
  src: url("../../../fonts/Butler/Butler_Bold.otf") format("opentype");
}
@font-face {
  font-family: "Butler_ExtraBold";
  src: url("../../../fonts/Butler/Butler_ExtraBold.otf") format("opentype");
}
:root {
  --primary-regular-font: "TT-Hoves-Pro-Regular", sans-serif;
  --primary-light-font: "TT-Hoves-Pro-Light", sans-serif;
  --primary-bold-font: "TT-Hoves-Pro-Bold", sans-serif;
  --primary-demiBold-font: "TT-Hoves-Pro-DemiBold", sans-serif;
  --secondary-regular-font: "Butler_Regular", sans-serif;
  --secondary-medium-font: "Butler_Medium", sans-serif;
  --secondary-bold-font: "Butler_Bold", sans-serif;
  --secondary-extraBold-font: "Butler_ExtraBold", sans-serif;
}

:root {
  --primary-color: #0040BA;
  --primary-color-withOpacity2: rgba(0, 64, 186, 0.2);
  --secondary-color: #00122B;
  --secondary-color-WithOpacity: rgba(0, 18, 43, 0.7);
  --secondary-color-WithOpacity2: rgba(0, 18, 43, 0.6);
  --secondary-color-WithOpacity5: rgba(0, 18, 43, 0.5);
  --ternary-color: #A4C3FF;
  --ternary-color-withOpacity1: rgba(164, 195, 255, 0.1);
  --ternary-color-withOpacity2: rgba(164, 195, 255, 0.2);
  --ternary-color-withOpacity: rgba(197, 179, 244, 0.7);
  --ternary-color-2: #EEF4FF;
  --quaternary-color: #04C49E;
  --quaternary-color-withOpacity: rgba(4, 196, 158, 0.8);
  --quaternary-color-withOpacity40: rgba(4, 196, 158, 0.4);
  --quaternary-color-withOpacity60: rgba(4, 196, 158, 0.6);
  --quaternary-color-2: #B0ECDF;
  --quinary-color: #00A6DC;
  --senary-color: #94B4FE;
  --septenary-color: #A3E9D7;
  --menu-link-color: #ffffff;
  --subMenu-link-color: #ffffff;
  --help-text: rgba(255, 255, 255, 0.5);
  --white-with-opacity: rgba(255, 255, 255, 0.70);
  --white: #ffffff;
  --whiteWithOpacity: rgba(255, 255, 255, 0.50);
  --black: #000000;
  --black-with-opacity1: rgba(0, 0, 0, 0.8);
  --grey: #808895;
  --grey2: #D9D9D9;
  --brand-red: #F00000;
  --whatsapp: #4dc95c;
  --primary-gradient: linear-gradient(72deg, #00122B 35.42%, #0040BA 100%);
  --secondary-gradient: linear-gradient(72deg, #00122B 0%, #04C49E 100%);
  --primary-shadow: rgba(4, 89, 203, 0.25);
  --primary-shadow2: rgba(4, 89, 203, 0.15);
  --transition--default: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);
}

*,
*::after,
*::before {
  box-sizing: border-box;
}

html > * {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  box-sizing: border-box;
  font-family: var(--primary-regular-font);
}

body {
  overflow: hidden scroll;
  position: relative;
}

@media only screen and (min-width: 1200px) and (max-width: 1499px), only screen and (min-width: 1500px) and (max-width: 1599px), only screen and (min-width: 1600px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-xxl {
    max-width: 1200px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-xxl {
    max-width: 960px !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-xxl {
    max-width: 640px !important;
  }
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: var(--secondary-color);
  margin-top: 0;
  margin-bottom: 0;
  line-height: 1.3;
}

h1 {
  font-size: 52.5px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  h1 {
    font-size: 28px;
  }
}
@media only screen and (max-width: 767px) {
  h1 {
    font-size: 26px;
  }
}

h3 {
  font-size: 40px;
}

p,
.badgeItem,
.list-point,
.testimonialSectionSwiper .testimonial-box .detailed-response,
.getCapitalFastContainerApplyPage .subTitleList {
  color: var(--secondary-color);
  font-family: var(--primary-regular-font);
  font-size: 16px !important;
  font-style: normal;
  font-weight: 400;
  line-height: 18.75px !important;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  p,
  .badgeItem,
  .list-point,
  .testimonialSectionSwiper .testimonial-box .detailed-response,
  .getCapitalFastContainerApplyPage .subTitleList {
    font-size: 14px !important;
    line-height: 1.5 !important;
  }
}
@media only screen and (max-width: 767px) {
  p,
  .badgeItem,
  .list-point,
  .testimonialSectionSwiper .testimonial-box .detailed-response,
  .getCapitalFastContainerApplyPage .subTitleList {
    font-size: 14px !important;
    line-height: 1.5 !important;
  }
}

figure img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.special-text {
  color: var(--ternary-color);
  font-family: var(--secondary-medium-font);
}

.important-note {
  font-family: var(--primary-regular-font);
  color: var(--white);
  opacity: 0.5;
  font-size: 15px !important;
  font-style: normal;
  font-weight: 400;
  line-height: 19px;
  margin-bottom: 0;
  text-align: left;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 1200px) and (max-width: 1499px), only screen and (min-width: 1500px) and (max-width: 1599px), only screen and (min-width: 1600px) {
  .important-note {
    width: 468.75px;
    font-size: 12px !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .important-note {
    width: 312.5px;
  }
}

.important-note2 {
  font-family: var(--primary-regular-font);
  color: var(--white);
  opacity: 0.5;
  font-size: 19px;
  line-height: 100%;
  /* 18.75px */
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  margin-bottom: 0;
  text-align: center;
}
.important-note2 .outlined-text {
  font-family: var(--primary-bold-font);
  font-weight: 700;
  color: var(--white);
  /* Set the inside color of the text */
  /* Width and color of the outline */
  /* For browsers that support the standard property */
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .important-note,
  .important-note2 {
    font-size: 10px !important;
    line-height: normal !important;
    text-align: left !important;
  }
}
@media only screen and (max-width: 767px) {
  .important-note,
  .important-note2 {
    font-size: 10px !important;
    line-height: normal !important;
    text-align: center !important;
  }
}

.contentArea {
  padding-top: 8.789375rem;
  padding-bottom: 7.039375rem;
  height: 100%;
  width: 100%;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .contentArea {
    padding-top: 4.539375rem;
    padding-bottom: 3.375rem;
  }
}
@media only screen and (max-width: 767px) {
  .contentArea {
    padding-top: 4.5rem;
    padding-bottom: 3.25rem;
  }
}

@media only screen and (max-width: 767px) {
  .common-area-padding {
    padding-left: 21px;
    padding-right: 21px;
  }
}

.sectionHeadWrapper {
  margin-bottom: 78.25px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .sectionHeadWrapper {
    margin-bottom: 64px;
  }
}
@media only screen and (max-width: 767px) {
  .sectionHeadWrapper {
    margin-bottom: 62px;
  }
}

.section-head {
  color: var(--secondary-color);
  text-align: center;
  font-family: var(--primary-bold-font);
  font-size: 45px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
  /* 45px */
  margin-bottom: 0px;
}
.section-head.primary-head {
  color: var(--primary-color);
}
.section-head.white-title {
  color: var(--white);
}
.section-head .specialText1 {
  color: var(--quaternary-color-2);
}
.section-head .specialText2 {
  color: var(--ternary-color);
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .section-head {
    font-size: 24px;
    line-height: 30px;
  }
}

.specialFont1 {
  font-family: var(--secondary-regular-font);
}

.section-subText {
  color: var(--secondary-color);
  text-align: center;
  font-family: var(--primary-regular-font);
  font-size: 22.5px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
  /* 22.5px */
  margin-top: 22.5px;
  margin-bottom: 0;
}
.section-subText.white-subText {
  color: var(--white);
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .section-subText {
    font-size: 14px;
    margin-top: 12px;
  }
}

.feature-link {
  color: var(--primary-color);
  font-family: var(--primary-regular-font);
  font-size: 18.75px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%;
  /* 22.5px */
  text-decoration-line: underline;
  text-transform: capitalize;
}
.feature-link:hover {
  color: var(--primary-color);
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .feature-link {
    font-size: 14px;
  }
}

.wrapperListInfo {
  margin-bottom: 27px;
}
@media only screen and (max-width: 767px) {
  .wrapperListInfo {
    margin-bottom: 20px;
  }
}
.wrapperListInfo:last-of-type {
  margin-bottom: 0 !important;
}
.wrapperListInfo .caption p {
  color: var(--ternary-color);
  margin-bottom: 18.25px;
  font-family: var(--primary-bold-font);
  font-weight: 700;
}
.wrapperListInfo .title h2 {
  color: var(--secondary-color);
  margin-bottom: 16.5px;
  font-family: var(--primary-regular-font);
  color: var(--secondary-color);
}
@media only screen and (max-width: 767px) {
  .wrapperListInfo .title h2 {
    font-size: 22px;
    line-height: 28px;
  }
}
.wrapperListInfo .description p {
  color: var(--secondary-color-WithOpacity);
  margin-bottom: 0;
  font-family: var(--primary-regular-font);
}

.getStartedCTA {
  background-color: var(--primary-color);
  color: var(--white);
  padding: 15px 30px;
  border-radius: 90px;
  font-family: var(--primary-demiBold-font);
  font-size: 22.5px;
  font-style: normal;
  line-height: normal;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 15px;
  text-decoration: none;
  transition: all 0.5s ease-in-out;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .getStartedCTA {
    font-size: 12px;
  }
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .getStartedCTA {
    padding: 8px 16px;
    gap: 8px;
  }
}
@media only screen and (max-width: 767px) {
  .getStartedCTA {
    font-size: 16px;
  }
}
.getStartedCTA.getCapitalBtn {
  background-color: var(--secondary-color);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .getStartedCTA.getCapitalBtn {
    font-size: 10px !important;
    line-height: normal !important;
  }
}
.getStartedCTA figure {
  margin-bottom: 0;
  height: 30px;
  width: 30px;
  overflow: hidden;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .getStartedCTA figure {
    height: 16px;
    width: 16px;
  }
}
@media only screen and (max-width: 767px) {
  .getStartedCTA figure {
    height: auto;
    width: 16px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
  }
}
.getStartedCTA figure img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.getStartedCTA:hover {
  background-color: var(--primary-color);
  color: var(--white);
  box-shadow: inset 12em 0 0 0 rgba(0, 18, 43, 0.25);
}

.primaryBtn {
  background: var(--primary-color);
  color: var(--white);
  padding: 12px 30px;
  border-radius: 48px;
  border: none;
  font-family: var(--primary-demiBold-font);
  font-size: 22.5px;
  font-style: normal;
  line-height: normal;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 15px;
  text-decoration: none;
  transition: all 0.5s ease-in-out;
  width: 250px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .primaryBtn {
    font-size: 16px;
    width: 170px;
    padding: 10px 30px;
  }
}
@media only screen and (max-width: 767px) {
  .primaryBtn {
    padding: 8px 16px;
    gap: 8px;
  }
}
@media only screen and (max-width: 767px) {
  .primaryBtn {
    font-size: 16px;
  }
}
.primaryBtn:hover {
  transform: translateY(-8px);
}
.primaryBtn.applyBtn {
  background-color: var(--quaternary-color);
  color: var(--secondary-color);
  border-radius: 60px;
  height: 50px;
}
.primaryBtn.applyBtn:hover {
  background-color: var(--quaternary-color-withOpacity);
}
.primaryBtn.getStartedBtnHome {
  background: var(--primary-color);
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (max-width: 767px) {
  .primaryBtn.getStartedBtnHome {
    width: 100%;
  }
}
.primaryBtn.getStartedBtnHome:hover {
  color: var(--white);
  transform: translateY(-8px);
  background: linear-gradient(180deg, var(--secondary-color) 0%, var(--primary-color) 100%);
  box-shadow: 0px 4px 4px 0px var(--primary-shadow2);
}
.primaryBtn.getStartedBtn {
  background-color: var(--secondary-color);
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (max-width: 767px) {
  .primaryBtn.getStartedBtn {
    width: 100%;
  }
}
.primaryBtn.getStartedBtn:hover {
  color: var(--white);
  transform: translateY(-8px);
}
.primaryBtn.getStartedBtn.greenBtn {
  background-color: var(--quaternary-color);
  color: var(--secondary-color);
}
.primaryBtn.getCapitalFastCta {
  background: var(--secondary-color);
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (max-width: 767px) {
  .primaryBtn.getCapitalFastCta {
    width: 100%;
  }
}
.primaryBtn.getCapitalFastCta:hover {
  color: var(--white);
  background: linear-gradient(180deg, var(--secondary-color) 0%, var(--primary-color) 100%);
  box-shadow: 0px 4px 4px 0px var(--primary-shadow2);
  transform: translateY(0);
}
.primaryBtn.blueBgFormBtn {
  background: var(--quaternary-color);
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (max-width: 767px) {
  .primaryBtn.blueBgFormBtn {
    width: 100%;
  }
}
.primaryBtn.blueBgFormBtn:hover {
  transform: translateY(0);
  background: linear-gradient(180deg, var(--secondary-color) 0%, var(--quaternary-color) 100%);
  color: var(--white);
  box-shadow: 0px 4px 4px 0px var(--quaternary-color);
}
.primaryBtn.noHoverTransition {
  transform: translateY(0) !important;
}
.primaryBtn figure {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  height: 30px;
  width: 30px;
  overflow: hidden;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .primaryBtn figure {
    height: 16px;
    width: 16px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .primaryBtn figure {
    height: 16px;
    width: 16px;
  }
}
@media only screen and (max-width: 767px) {
  .primaryBtn figure {
    height: auto;
    width: 16px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
  }
}
.primaryBtn figure img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.swiper {
  width: 100%;
  height: 100%;
}

.swiper-slide {
  text-align: center;
  font-size: 18px;
  background: transparent;
  display: flex;
  justify-content: center;
  align-items: center;
}

.swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.swiper-pagination {
  position: relative;
  left: 0;
  bottom: 45px;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  gap: 15px;
}
@media only screen and (max-width: 767px) {
  .swiper-pagination {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
  }
}
.swiper-pagination .swiper-pagination-bullet {
  background: var(--grey) !important;
  opacity: 1 !important;
  margin: 0 !important;
  height: 15px;
  width: 15px;
}
.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: var(--quaternary-color) !important;
}
@media only screen and (max-width: 767px) {
  .swiper-pagination .swiper-pagination-bullet {
    height: 8px;
    width: 8px;
  }
}

hr {
  color: var(--ternary-color);
  width: 100%;
  margin: 3.375rem auto 56px;
}
@media only screen and (max-width: 767px) {
  hr {
    margin: 3.75rem auto;
  }
}

.extraPadTop60 {
  padding-top: 1.875rem !important;
}
@media (min-width: 1900px) {
  .extraPadTop60 {
    padding-top: 2.5rem !important;
  }
}

@media only screen and (max-width: 767px) {
  .mob-display-none {
    display: none;
  }
}

.overlappedSection .contentArea {
  padding-bottom: 180px !important;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 1200px) and (max-width: 1499px), only screen and (min-width: 1500px) and (max-width: 1599px) {
  .overlappedSection .contentArea {
    padding-top: 80px !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .overlappedSection .contentArea {
    padding-top: 80px !important;
    padding-bottom: 130px !important;
  }
}
@media only screen and (max-width: 767px) {
  .overlappedSection .contentArea {
    padding-bottom: 110px !important;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .mobpad0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}
@media only screen and (max-width: 767px) {
  .mobbpad0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}
/*=============================================
   - Scroll top         
=============================================*/
.scroll-top {
  position: fixed;
  right: 18px;
  bottom: -60px;
  z-index: 999;
  box-shadow: 0 30px 50px var(--primary-shadow);
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  text-align: center;
  font-size: 25px;
  line-height: 60px;
  cursor: pointer;
  opacity: 0;
  visibility: hidden;
  background-color: var(--primary-color);
  background-size: 200% auto;
  background-position: center center;
  color: var(--white);
  transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
  overflow: hidden;
}
@media only screen and (max-width: 479px) {
  .scroll-top {
    width: 60px;
    height: 60px;
    line-height: 50px;
    font-size: 20px;
  }
}
.scroll-top.show {
  visibility: visible;
  opacity: 1;
  bottom: 88px;
}
.scroll-top .icon {
  position: absolute;
  top: 50%;
  left: 50%;
  color: var(--white);
  transition: var(--transition--default);
}
.scroll-top .icon svg {
  fill: var(--white);
  width: 21.88px;
  height: 25px;
  margin-bottom: 5px;
}
.scroll-top .arrow-top {
  transform: translate(-50%, -50%);
  margin-bottom: 0;
}
.scroll-top .arrow-bottom {
  transform: translate(-50%, 80px);
}
.scroll-top:hover {
  background-position: right center;
  text-decoration: none;
}
.scroll-top:hover .arrow-top {
  transform: translate(-50%, -80px);
}
.scroll-top:hover .arrow-bottom {
  transform: translate(-50%, -50%);
}

/*=============================================
=            Form Section CSS            =
=============================================*/
.formHeroSection {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-origin: content-box;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0rem 0rem;
  border-radius: 0rem;
  height: 100%;
  width: 100%;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 1200px) and (max-width: 1499px), only screen and (min-width: 1500px) and (max-width: 1599px), only screen and (min-width: 1600px) {
  .formHeroSection {
    background-size: cover;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .formHeroSection {
    min-height: 40vh;
  }
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .formHeroSection {
    background-position: 60%;
    min-height: 77vh;
  }
}
.formHeroSection .contentArea {
  padding-bottom: 50px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 1200px) and (max-width: 1499px), only screen and (min-width: 1500px) and (max-width: 1599px) {
  .formHeroSection .contentArea {
    padding-top: 190px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .formHeroSection .contentArea {
    padding-top: 8.125rem;
  }
}
@media only screen and (max-width: 767px) {
  .formHeroSection .contentArea {
    padding-top: 5.3125rem;
    padding-bottom: 10px;
  }
}
.formHeroSection .contentArea .bannerContent {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  gap: 0;
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .formHeroSection .contentArea .bannerContent {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
}
.formHeroSection .contentArea .bannerContent .leftSide {
  padding-right: 30px;
}
@media only screen and (min-width: 1200px) and (max-width: 1499px), only screen and (min-width: 1500px) and (max-width: 1599px), only screen and (min-width: 1600px) {
  .formHeroSection .contentArea .bannerContent .leftSide {
    width: 50%;
  }
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .formHeroSection .contentArea .bannerContent .leftSide {
    width: 100%;
    padding-left: 0px;
    padding-right: 0;
    padding-top: 30px;
  }
}
.formHeroSection .contentArea .bannerContent .rightSide {
  padding-left: 55.75px;
}
@media only screen and (min-width: 1200px) and (max-width: 1499px), only screen and (min-width: 1500px) and (max-width: 1599px), only screen and (min-width: 1600px) {
  .formHeroSection .contentArea .bannerContent .rightSide {
    width: 50%;
  }
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .formHeroSection .contentArea .bannerContent .rightSide {
    width: 100%;
    padding-left: 0px;
    padding-top: 30px;
  }
}
.formHeroSection .contentArea .bannerContent .bannerMainText {
  color: var(--white);
  font-family: var(--primary-regular-font);
  font-size: 48px;
  line-height: normal;
  text-align: left;
  text-transform: capitalize;
  margin-bottom: 33px;
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .formHeroSection .contentArea .bannerContent .bannerMainText {
    font-size: 25.6px;
    line-height: normal;
  }
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .formHeroSection .contentArea .bannerContent .bannerMainText {
    margin-bottom: 10px !important;
  }
}
.formHeroSection .contentArea .bannerContent .bannerPara {
  font-size: 19px;
  line-height: 24px;
  margin-bottom: 41.45px;
  color: var(--white);
}
@media only screen and (max-width: 767px) {
  .formHeroSection .contentArea .bannerContent .bannerPara {
    margin-bottom: 25px;
  }
}
.formHeroSection .contentArea .bannerContent .important-note {
  width: auto;
}
.formHeroSection .contentArea .bannerContent .form .form-group {
  margin-bottom: 17px;
  /*style the arrow inside the select element:*/
  /*point the arrow upwards when the select box is open (active):*/
  /*style the items (options), including the selected item:*/
  /*style items (options):*/
  /*hide the items when the select box is closed:*/
}
@media only screen and (max-width: 767px) {
  .formHeroSection .contentArea .bannerContent .form .form-group {
    text-align: left;
  }
}
.formHeroSection .contentArea .bannerContent .form .form-group label,
.formHeroSection .contentArea .bannerContent .form .form-group .formInput {
  color: var(--ternary-color);
  font-size: 16px;
  line-height: 15px;
  font-family: var(--primary-regular-font);
}
.formHeroSection .contentArea .bannerContent .form .form-group .formInput,
.formHeroSection .contentArea .bannerContent .form .form-group .formInputSelect {
  background-color: transparent;
  border: 0;
  border-bottom: 1px solid var(--ternary-color);
  color: var(--white);
  border-radius: 0;
  outline: none;
  caret-color: var(--whiteWithOpacity);
  font-family: var(--primary-regular-font);
  font-style: normal;
  text-align: left;
  padding: 9.5px 0 12.5px;
  font-size: 16px;
  line-height: 15px;
}
@media only screen and (max-width: 767px) {
  .formHeroSection .contentArea .bannerContent .form .form-group .formInput,
  .formHeroSection .contentArea .bannerContent .form .form-group .formInputSelect {
    font-size: 14px;
    line-height: 12.5px;
    text-align: left;
    padding: 12px 0;
  }
}
.formHeroSection .contentArea .bannerContent .form .form-group .formInput:focus, .formHeroSection .contentArea .bannerContent .form .form-group .formInput:focus-visible, .formHeroSection .contentArea .bannerContent .form .form-group .formInput:focus-within,
.formHeroSection .contentArea .bannerContent .form .form-group .formInputSelect:focus,
.formHeroSection .contentArea .bannerContent .form .form-group .formInputSelect:focus-visible,
.formHeroSection .contentArea .bannerContent .form .form-group .formInputSelect:focus-within {
  outline: none;
  box-shadow: none;
}
.formHeroSection .contentArea .bannerContent .form .form-group .formInput::-moz-placeholder, .formHeroSection .contentArea .bannerContent .form .form-group .formInputSelect::-moz-placeholder {
  color: var(--whiteWithOpacity);
}
.formHeroSection .contentArea .bannerContent .form .form-group .formInput::placeholder,
.formHeroSection .contentArea .bannerContent .form .form-group .formInputSelect::placeholder {
  color: var(--whiteWithOpacity);
}
.formHeroSection .contentArea .bannerContent .form .form-group .formInputSelect {
  margin-top: 10px;
  border: 1px solid var(--ternary-color);
  border-radius: 30px;
  background-size: 30px 28px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding-right: 10px;
  padding-left: 20px;
  padding-top: 12px;
  padding-bottom: 12px;
}
.formHeroSection .contentArea .bannerContent .form .form-group .custom-select {
  position: relative;
  font-family: Arial;
}
.formHeroSection .contentArea .bannerContent .form .form-group .custom-select select {
  display: none;
  /*hide original SELECT element:*/
}
.formHeroSection .contentArea .bannerContent .form .form-group .select-selected {
  background-color: transparent;
  position: relative;
  background-image: url("../../../../assets/img/icons/right_arrow.svg");
  background-position: right 0px center;
  background-repeat: no-repeat;
  background-size: 40px 50px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  transition: all 0.5s ease-in-out;
}
.formHeroSection .contentArea .bannerContent .form .form-group .select-selected.select-arrow-active {
  background-image: url("../../../../assets/img/icons/down_arrow.svg");
}
.formHeroSection .contentArea .bannerContent .form .form-group .select-items div {
  padding: 15px 20px;
}
.formHeroSection .contentArea .bannerContent .form .form-group .select-items div,
.formHeroSection .contentArea .bannerContent .form .form-group .select-selected {
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.formHeroSection .contentArea .bannerContent .form .form-group .select-items div {
  color: var(--secondary-color);
}
.formHeroSection .contentArea .bannerContent .form .form-group .select-items {
  position: absolute;
  background-color: var(--white);
  top: 110%;
  left: 0;
  right: 0;
  z-index: 99;
  border-radius: 5px;
  max-height: 400px;
  overflow-x: hidden;
  overflow-y: scroll;
}
.formHeroSection .contentArea .bannerContent .form .form-group .select-items::-webkit-scrollbar {
  width: 0.2em;
}
.formHeroSection .contentArea .bannerContent .form .form-group .select-items::-webkit-scrollbar-track {
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}
.formHeroSection .contentArea .bannerContent .form .form-group .select-items::-webkit-scrollbar-thumb {
  background-color: var(--secondary-color);
  outline: 1px solid var(--ternary-color);
}
.formHeroSection .contentArea .bannerContent .form .form-group .select-hide {
  display: none;
}
.formHeroSection .contentArea .bannerContent .form .form-group .select-items div:hover,
.formHeroSection .contentArea .bannerContent .form .form-group .same-as-selected {
  background-color: var(--ternary-color-withOpacity2);
  color: var(--secondary-color);
}
.formHeroSection .contentArea .bannerContent .form .form-group .helpText {
  font-family: var(--primary-regular-font);
  font-style: normal;
  font-size: 16px;
  line-height: 15px;
}
@media only screen and (max-width: 767px) {
  .formHeroSection .contentArea .bannerContent .form .form-group .helpText {
    font-size: 14px;
    line-height: 12.5px;
    text-align: center;
  }
}
.formHeroSection .contentArea .bannerContent .form .applyBtnContainer {
  margin-top: 20px;
  width: 100%;
  text-align: center;
}
.formHeroSection .contentArea .bannerContent .form .applyBtnContainer .btn {
  margin: 0 auto;
}
.formHeroSection .contentArea .bannerContent .shortInfo {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 0px;
}
@media only screen and (max-width: 767px) {
  .formHeroSection .contentArea .bannerContent .shortInfo {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
}
.formHeroSection .contentArea .bannerContent .shortInfo .item {
  position: relative;
}
.formHeroSection .contentArea .bannerContent .shortInfo .item p {
  margin: 0;
  color: var(--white);
  padding: 0 20px;
  font-family: var(--primary-regular-font);
  font-size: 13.5px;
  line-height: 13.5px;
  text-transform: uppercase;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .formHeroSection .contentArea .bannerContent .shortInfo .item p {
    font-family: var(--primary-bold-font);
    font-weight: 700;
    font-size: 7.2px;
    line-height: normal;
  }
}
@media only screen and (max-width: 767px) {
  .formHeroSection .contentArea .bannerContent .shortInfo .item p {
    font-family: var(--primary-bold-font);
    font-weight: 700;
    font-size: 9.095px;
    line-height: normal;
    padding: 11.37px 0px;
  }
}
.formHeroSection .contentArea .bannerContent .shortInfo .item:not(:first-of-type):before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(-50%, -50%);
  background-color: var(--quaternary-color);
  width: 1.5px;
  height: 15px;
  border-radius: 0%;
  z-index: 1;
}
@media only screen and (max-width: 767px) {
  .formHeroSection .contentArea .bannerContent .shortInfo .item:not(:first-of-type):before {
    top: 0%;
    left: 50%;
    height: 1.5px;
    width: 15px;
  }
}
.formHeroSection.applyPageForm {
  background: transparent linear-gradient(72deg, #010F21 0%, #0127A5 100%) 0% 0% no-repeat padding-box;
}
@media only screen and (min-width: 1200px) and (max-width: 1499px), only screen and (min-width: 1500px) and (max-width: 1599px), only screen and (min-width: 1600px) {
  .formHeroSection.applyPageForm .contentArea .bannerContent .leftSide {
    width: 50%;
    border-right: 1px solid var(--quaternary-color);
  }
}
.formHeroSection.applyPageForm .contentArea .bannerContent .leftSide .bannerMainText.specialHeading {
  font-family: var(--secondary-medium-font);
  color: var(--senary-color);
  margin-bottom: 44px;
}
.formHeroSection.contactPageForm {
  background: var(--secondary-color);
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 1200px) and (max-width: 1499px), only screen and (min-width: 1500px) and (max-width: 1599px), only screen and (min-width: 1600px) {
  .formHeroSection.contactPageForm .contentArea .bannerContent .leftSide {
    width: 38%;
    border-right: 1px solid var(--quaternary-color);
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 1200px) and (max-width: 1499px), only screen and (min-width: 1500px) and (max-width: 1599px), only screen and (min-width: 1600px) {
  .formHeroSection.contactPageForm .contentArea .bannerContent .rightSide {
    width: 62%;
  }
}
.formHeroSection.contactPageForm .bannerMainText .specialHeading {
  color: var(--quaternary-color-2);
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 1200px) and (max-width: 1499px), only screen and (min-width: 1500px) and (max-width: 1599px), only screen and (min-width: 1600px) {
  .formHeroSection.contactPageForm .ctaButtonContainer .btn {
    margin-left: 0;
  }
}

/*=============================================
=            FAQ Section CSS            =
=============================================*/
.faqSection {
  background-position: top 255px left -10% !important;
  background-size: 25% !important;
  background-repeat: no-repeat !important;
  background-origin: content-box !important;
  height: 100%;
  width: 100%;
  overflow: hidden;
}
@media only screen and (max-width: 767px) {
  .faqSection {
    background-position: top 200px left -30% !important;
    padding: 1.75rem 0 0rem !important;
    background-size: 50% !important;
  }
}
.faqSection.productFAQ {
  background: var(--secondary-color) url("../../../../assets/img/bgSVG/bannerOverlayCurve_green.svg");
}
.faqSection.productFAQ .sectionHeadWrapper .section-head,
.faqSection.productFAQ .accordion-header .accordion-button,
.faqSection.productFAQ .accordion-body .section-para {
  color: var(--white);
}
.faqSection.productFAQ .accordion-item {
  border-bottom: 3px solid var(--white) !important;
}
.faqSection.productFAQ .accordion-item .accordion-header .accordion-button::after {
  background-image: url("../../../../assets/img/icons/down_arrow.svg");
}
.faqSection.blogFAQ {
  background: var(--primary-color-withOpacity2) url("../../../../assets/img/bgSVG/bannerOverlayCurve_gray.svg");
}
.faqSection.blogFAQ .sectionHeadWrapper .section-head,
.faqSection.blogFAQ .accordion-header .accordion-button,
.faqSection.blogFAQ .accordion-body .section-para {
  color: var(--secondary-color);
}
.faqSection.blogFAQ .accordion-item {
  border-bottom: 3px solid var(--secondary-color) !important;
}
.faqSection.blogFAQ .accordion-item .accordion-header .accordion-button::after {
  background-image: url("../../../../assets/img/icons/down_arrow_dark.svg");
}
@media only screen and (max-width: 767px) {
  .faqSection .accordion {
    width: 90%;
    margin: 0 auto;
  }
}
.faqSection .accordion .accordion-item {
  margin-bottom: 0.6875rem;
  box-shadow: none;
  border-radius: 0rem;
  border: none;
  border-bottom: 3px solid var(--white);
  opacity: 1;
  background-color: transparent;
}
.faqSection .accordion .accordion-item .accordion-header .accordion-button {
  font-family: var(--primary-bold-font);
  font-weight: 700;
  font-size: 1.25rem;
  font-style: normal;
  font-variant: normal;
  border-top-left-radius: 0rem;
  border-top-right-radius: 0rem;
  background-color: transparent;
  box-shadow: none;
  padding-top: 0.9375rem;
  padding-bottom: 0.9375rem;
}
@media only screen and (max-width: 767px) {
  .faqSection .accordion .accordion-item .accordion-header .accordion-button {
    font-size: 1rem;
  }
}
.faqSection .accordion .accordion-item .accordion-header .accordion-button.collapsed {
  border-radius: 0.75rem;
}
.faqSection .accordion .accordion-item .accordion-header .accordion-button:focus {
  outline: 0;
  box-shadow: none;
}
.faqSection .accordion .accordion-item .accordion-header .accordion-button::after {
  background-position: center;
  background-size: 40px;
}
.faqSection .accordion .accordion-item .accordion-body {
  padding-top: 0.9375rem;
  padding-bottom: 0.9375rem;
}
.faqSection .accordion .accordion-item .accordion-body .section-para {
  margin-bottom: 0;
  font-family: var(--primary-regular-font);
}
.faqSection .accordion .accordion-item .accordion-body .section-para:not(:last-of-type) {
  margin-bottom: 20px;
}
@media only screen and (max-width: 767px) {
  .faqSection .accordion .accordion-item .accordion-body .section-para {
    font-size: 0.875rem;
  }
}
.faqSection .accordion .accordion-item .accordion-header .accordion-button,
.faqSection .accordion .accordion-item .accordion-body {
  padding-left: 0rem;
  padding-right: 0rem;
}
.faqSection.careersFaq {
  background: var(--secondary-color);
}
.faqSection.careersFaq .sectionHeadWrapper .section-head,
.faqSection.careersFaq .accordion-header .accordion-button,
.faqSection.careersFaq .accordion-body .section-para {
  color: var(--white);
}
.faqSection.careersFaq .accordion-item {
  border: none !important;
  background-color: var(--white) !important;
}
.faqSection.careersFaq .accordion-item .accordion-header .accordion-button {
  color: var(--secondary-color) !important;
  padding-top: 18.75px !important;
  padding-top: 18.75px !important;
  padding-left: 18.75px !important;
  padding-right: 18.75px !important;
}
.faqSection.careersFaq .accordion-item .accordion-header .accordion-button::after {
  background-image: url("../../../../assets/img/icons/down_arrow_dark.svg");
}

/*=============================================
=          2. Landing Page CSS            =
=============================================*/
/* 1. Herobanner Section CSS */
.herobannerSection {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  background-color: var(--secondary-color);
  position: relative;
  overflow: hidden;
}
.herobannerSection .contentArea {
  padding-top: 0;
  padding-bottom: 0;
}
.herobannerSection .contentArea .swiper {
  overflow: visible;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .herobannerSection .contentArea .swiper .left-side .important-note {
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .herobannerSection .contentArea .swiper .left-side .important-note {
    margin-top: 0px;
    text-align: center;
  }
}
.herobannerSection .contentArea .swiper .right-side {
  position: relative;
}
.herobannerSection .contentArea .swiper .swiper-slide {
  height: 100%;
  width: 100%;
  min-height: 820px !important;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 1200px) and (max-width: 1499px) {
  .herobannerSection .contentArea .swiper .swiper-slide {
    min-height: 1000px !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .herobannerSection .contentArea .swiper .swiper-slide {
    min-height: 600px !important;
    padding-left: 63px;
    padding-right: 63px;
  }
}
@media only screen and (max-width: 767px) {
  .herobannerSection .contentArea .swiper .swiper-slide {
    min-height: 750px !important;
  }
}
.herobannerSection .contentArea .swiper .swiper-slide .slider-content {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
@media only screen and (min-width: 1200px) and (max-width: 1499px), only screen and (min-width: 1500px) and (max-width: 1599px), only screen and (min-width: 1600px) {
  .herobannerSection .contentArea .swiper .swiper-slide .slider-content {
    gap: 150px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .herobannerSection .contentArea .swiper .swiper-slide .slider-content {
    gap: 90px;
  }
}
@media only screen and (max-width: 767px) {
  .herobannerSection .contentArea .swiper .swiper-slide .slider-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
}
.herobannerSection .contentArea .swiper .swiper-slide .slider-content .left-side,
.herobannerSection .contentArea .swiper .swiper-slide .slider-content .right-side {
  height: 820px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .herobannerSection .contentArea .swiper .swiper-slide .slider-content .left-side,
  .herobannerSection .contentArea .swiper .swiper-slide .slider-content .right-side {
    height: 432px;
  }
}
@media only screen and (max-width: 767px) {
  .herobannerSection .contentArea .swiper .swiper-slide .slider-content .left-side,
  .herobannerSection .contentArea .swiper .swiper-slide .slider-content .right-side {
    height: auto;
  }
}
.herobannerSection .contentArea .swiper .swiper-slide .slider-content .left-side {
  padding-top: 228px;
  margin-bottom: 50px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 45px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .herobannerSection .contentArea .swiper .swiper-slide .slider-content .left-side {
    padding-top: 120px;
    gap: 27px;
  }
}
@media only screen and (max-width: 767px) {
  .herobannerSection .contentArea .swiper .swiper-slide .slider-content .left-side {
    order: 2;
    padding-top: 92px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    gap: 25px;
  }
}
.herobannerSection .contentArea .swiper .swiper-slide .slider-content .left-side .bannerMainText {
  color: var(--white);
  text-align: left;
}
@media only screen and (min-width: 1500px) and (max-width: 1599px), only screen and (min-width: 1600px) {
  .herobannerSection .contentArea .swiper .swiper-slide .slider-content .left-side .bannerMainText {
    width: 615px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1499px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .herobannerSection .contentArea .swiper .swiper-slide .slider-content .left-side .bannerMainText {
    width: 400px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .herobannerSection .contentArea .swiper .swiper-slide .slider-content .left-side .bannerMainText {
    width: 328px;
  }
}
@media only screen and (max-width: 767px) {
  .herobannerSection .contentArea .swiper .swiper-slide .slider-content .left-side .bannerMainText {
    text-align: center;
  }
}
.herobannerSection .contentArea .swiper .swiper-slide .slider-content .right-side {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
}
@media only screen and (max-width: 767px) {
  .herobannerSection .contentArea .swiper .swiper-slide .slider-content .right-side {
    order: 1;
    padding-top: 128px;
  }
}
.herobannerSection .contentArea .swiper .swiper-slide .slider-content .right-side figure {
  margin-bottom: 0;
  width: 417.594px;
  height: auto;
  z-index: 99;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .herobannerSection .contentArea .swiper .swiper-slide .slider-content .right-side figure {
    width: 222.717px;
  }
}
@media only screen and (max-width: 767px) {
  .herobannerSection .contentArea .swiper .swiper-slide .slider-content .right-side figure {
    width: 100%;
    padding-left: 52px;
    padding-right: 52px;
  }
}
.herobannerSection .contentArea .swiper .swiper-slide .slider-content .right-side figure img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.herobannerSection .contentArea .swiper .swiper-slide.slide2 {
  background: linear-gradient(78deg, rgba(0, 18, 43, 0.85) 31.39%, rgba(0, 18, 43, 0) 72.28%), url("../../img/landingPage/herobanner2.jpg"), lightgray 50%/cover no-repeat;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
}
.herobannerSection .contentArea .swiper .swiper-slide.slide3 {
  background: linear-gradient(78deg, rgba(0, 18, 43, 0.85) 31.39%, rgba(0, 18, 43, 0) 72.28%), url("../../img/landingPage/herobanner3.jpg"), lightgray 50%/cover no-repeat;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
}
.herobannerSection .contentArea .swiper .swiper-slide.slide4 {
  background: linear-gradient(78deg, rgba(0, 18, 43, 0.85) 31.39%, rgba(0, 18, 43, 0) 72.28%), url("../../img/landingPage/herobanner4.jpg"), lightgray 50%/cover no-repeat;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
}
.herobannerSection .contentArea .swiper .swiper-pagination {
  position: relative;
  left: 0;
  bottom: 45px;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  gap: 15px;
}
@media only screen and (max-width: 767px) {
  .herobannerSection .contentArea .swiper .swiper-pagination {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
  }
}
.herobannerSection .contentArea .swiper .swiper-pagination .swiper-pagination-bullet {
  background: var(--grey) !important;
  opacity: 1 !important;
  margin: 0 !important;
  height: 15px;
  width: 15px;
}
.herobannerSection .contentArea .swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: var(--quaternary-color) !important;
}
@media only screen and (max-width: 767px) {
  .herobannerSection .contentArea .swiper .swiper-pagination .swiper-pagination-bullet {
    height: 8px;
    width: 8px;
  }
}
.herobannerSection .bgVector {
  width: 456.87px;
  height: 600px;
  position: absolute;
  top: 50%;
  right: 16%;
  transform: translate(50%, -50%);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .herobannerSection .bgVector.image1 {
    width: 243.664px;
    height: 320px;
  }
}
.herobannerSection .bgVector.image2 {
  width: 100%;
  height: 80%;
  -o-object-fit: fill;
     object-fit: fill;
  position: absolute;
  top: 49%;
  right: 18.5%;
  transform: translate(50%, -50%);
}
.herobannerSection .bgVector.image4 {
  width: 100%;
  height: 55%;
  -o-object-fit: fill;
     object-fit: fill;
  position: absolute;
  top: 49%;
  right: 18.5%;
  transform: translate(50%, -50%);
}
@media only screen and (max-width: 767px) {
  .herobannerSection .bgVector {
    display: none;
  }
}

.bannerSubtext {
  color: var(--white);
  width: 50%;
  margin-bottom: 0;
  text-align: left;
}
@media only screen and (max-width: 767px) {
  .bannerSubtext {
    width: 100%;
  }
}

/* 2. Metric Section CSS */
@media only screen and (min-width: 1200px) and (max-width: 1499px), only screen and (min-width: 1500px) and (max-width: 1599px), only screen and (min-width: 1600px) {
  .metric-section .contentArea .container,
  .uniqueFeature-section .contentArea .container {
    max-width: 1000px !important;
  }
}

.metric-section {
  background-image: url("../../../../assets/img/landingPage/metricSection.png");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden;
}
.metric-section.aboutMetricSection {
  background-image: url("../../../../assets/img/productPage/metricSection.png");
}
.metric-section .contentArea {
  padding: 52.5px 221.25px 63px 221.25px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .metric-section .contentArea {
    padding: 28px 118px 34px;
  }
}
@media only screen and (max-width: 767px) {
  .metric-section .contentArea {
    padding: 31px 0px;
    overflow-x: scroll;
  }
}
.metric-section .contentArea .metric-row {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: nowrap;
}
@media only screen and (max-width: 767px) {
  .metric-section .contentArea .metric-row {
    gap: 48.5px;
  }
}
.metric-section .contentArea .metric-row .metric-item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 7.5px;
}
.metric-section .contentArea .metric-row .metric-item .value,
.metric-section .contentArea .metric-row .metric-item .title {
  color: var(--white);
  margin-bottom: 0;
}
.metric-section .contentArea .metric-row .metric-item .value {
  font-family: var(--primary-demiBold-font) !important;
  text-align: center !important;
  font-size: 52.5px !important;
  font-style: normal !important;
  font-weight: 600 !important;
  line-height: 100% !important;
  /* 52.5px */
}
.metric-section .contentArea .metric-row .metric-item .value span.special-symbol {
  color: var(--quaternary-color);
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .metric-section .contentArea .metric-row .metric-item .value {
    font-size: 28px !important;
  }
}
.metric-section .contentArea .metric-row .metric-item .title {
  font-family: var(--primary-regular-font);
  text-align: center;
  font-size: 18.75px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
  /* 18.75px */
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .metric-section .contentArea .metric-row .metric-item .title {
    font-size: 10px;
  }
}

/* 3. Unique Feature Section CSS */
.uniqueFeature-section .featuresList {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
  flex-wrap: wrap;
  row-gap: 74.19px;
  -moz-column-gap: 74.19px;
       column-gap: 74.19px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .uniqueFeature-section .featuresList {
    row-gap: 40px;
    -moz-column-gap: 39.5px;
         column-gap: 39.5px;
  }
}
@media only screen and (max-width: 767px) {
  .uniqueFeature-section .featuresList {
    row-gap: 55px;
    -moz-column-gap: 38.1px;
         column-gap: 38.1px;
  }
}
.uniqueFeature-section .featuresList .featureItem {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  flex-basis: 21%;
  gap: 47px;
  padding-left: 0px;
  padding-right: 0px;
  flex-grow: 1;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .uniqueFeature-section .featuresList .featureItem {
    gap: 26px;
    flex-basis: 24%;
  }
}
@media only screen and (max-width: 767px) {
  .uniqueFeature-section .featuresList .featureItem {
    flex-basis: 100%;
    gap: 12.5px;
    padding: 0;
  }
}
.uniqueFeature-section .featuresList .featureItem .content {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  flex-basis: 33.3%;
  gap: 30px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .uniqueFeature-section .featuresList .featureItem .content {
    flex-basis: 100%;
    gap: 16px;
  }
}
@media only screen and (max-width: 767px) {
  .uniqueFeature-section .featuresList .featureItem .content {
    gap: 14px;
  }
}
.uniqueFeature-section .featuresList .featureItem .iconBox {
  width: 90px;
  height: 90px;
  overflow: hidden;
}
.uniqueFeature-section .featuresList .featureItem .iconBox svg {
  width: 100% !important;
  height: 100% !important;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .uniqueFeature-section .featuresList .featureItem .iconBox {
    width: 48px;
    height: 48px;
  }
}
@media only screen and (max-width: 767px) {
  .uniqueFeature-section .featuresList .featureItem .iconBox {
    width: 60px;
    height: 60px;
    margin-bottom: 10.78px;
  }
}
.uniqueFeature-section .featuresList .featureItem .title {
  color: var(--secondary-color);
  font-family: var(--primary-bold-font);
  font-size: 18.75px;
  font-weight: 700;
  line-height: 120%;
  /* 22.5px */
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .uniqueFeature-section .featuresList .featureItem .title {
    font-size: 15px;
    line-height: 13px;
  }
}
@media only screen and (max-width: 767px) {
  .uniqueFeature-section .featuresList .featureItem .title {
    font-size: 18px;
  }
}
.uniqueFeature-section .featuresList .featureItem .sub-title {
  font-family: var(--primary-regular-font);
  line-height: 125%;
  color: var(--secondary-color-WithOpacity5);
  /* 18.75px */
}
@media only screen and (max-width: 767px) {
  .uniqueFeature-section .featuresList .featureItem .sub-title {
    font-size: 14px;
  }
}
.uniqueFeature-section .featuresList .featureItem .title,
.uniqueFeature-section .featuresList .featureItem .sub-title {
  text-align: left;
  font-style: normal;
  margin-bottom: 0;
  width: 100%;
}
.uniqueFeature-section .ctaButtonContainer {
  margin-top: 140.5px;
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .uniqueFeature-section .ctaButtonContainer {
    margin-top: 75px;
  }
}
@media only screen and (max-width: 767px) {
  .uniqueFeature-section .ctaButtonContainer {
    width: 52%;
    margin-top: 80px;
  }
}
.uniqueFeature-section .ctaButtonContainer .getStartedCTA {
  width: 100%;
}
.uniqueFeature-section .helper-text-container .text {
  color: var(--secondary-color);
  font-family: var(--primary-regular-font);
  text-align: center;
  font-size: 11.25px;
  font-style: normal;
  font-weight: 400;
  line-height: 115%;
  /* 12.937px */
  opacity: 0.5;
  margin: 5.25px auto 0;
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .uniqueFeature-section .helper-text-container .text {
    font-size: 12px;
    margin-top: 9px;
  }
}

.testimonial-section {
  background-image: url("../../../../assets/img/landingPage/testimonialSection.png");
  background-position: left 90%;
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .testimonial-section {
    background-position: right bottom;
    background-size: 150%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .testimonial-section {
    background-position: right bottom !important;
    background-size: 125% !important;
  }
}
@media only screen and (max-width: 767px) {
  .testimonial-section {
    background-position: 70% center;
  }
}
@media only screen and (max-width: 767px) {
  .testimonial-section .sectionHeadWrapper {
    margin-bottom: 33px;
  }
}
.testimonial-section .testimonial-container {
  margin-bottom: 59.67px;
}
@media only screen and (max-width: 767px) {
  .testimonial-section .testimonial-container {
    margin-bottom: 5.9px;
  }
}
.testimonial-section .testimonial-container .testimonials {
  margin-bottom: 45px;
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .testimonial-section .testimonial-container .testimonials {
    margin-bottom: 24px;
  }
}
.testimonial-section .testimonial-container .testimonialSectionSwiper {
  padding-left: 15px;
  padding-right: 15px;
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .testimonial-section .testimonial-container .testimonialSectionSwiper {
    padding-left: 10px;
    padding-right: 10px;
  }
}
.testimonial-section .testimonial-container .testimonialSectionSwiper .testimonial-box {
  border-radius: 7.5px;
  border: 0.938px solid var(--quaternary-color-2);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 18.75px;
  padding: 29.5px 42.19px;
  min-height: 195px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .testimonial-section .testimonial-container .testimonialSectionSwiper .testimonial-box {
    padding: 15.5px 12px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .testimonial-section .testimonial-container .testimonialSectionSwiper .testimonial-box {
    gap: 10px;
    padding: 15.5px 30.19px;
  }
}
@media only screen and (max-width: 767px) {
  .testimonial-section .testimonial-container .testimonialSectionSwiper .testimonial-box {
    gap: 14.68px;
    padding: 15.5px 15px;
  }
}
@media only screen and (max-width: 300px) {
  .testimonial-section .testimonial-container .testimonialSectionSwiper .testimonial-box {
    padding: 15.5px 5px;
  }
}
.testimonial-section .testimonial-container .testimonialSectionSwiper .testimonial-box .rating {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 15px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .testimonial-section .testimonial-container .testimonialSectionSwiper .testimonial-box .rating {
    gap: 8px;
  }
}
@media only screen and (max-width: 767px) {
  .testimonial-section .testimonial-container .testimonialSectionSwiper .testimonial-box .rating {
    margin-bottom: 2.5px;
  }
}
.testimonial-section .testimonial-container .testimonialSectionSwiper .testimonial-box .rating .star-rating-container {
  width: 22.5px;
  height: 22.5px;
  overflow: hidden;
  margin-bottom: 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .testimonial-section .testimonial-container .testimonialSectionSwiper .testimonial-box .rating .star-rating-container {
    width: 12px;
    height: 12px;
  }
}
@media only screen and (max-width: 767px) {
  .testimonial-section .testimonial-container .testimonialSectionSwiper .testimonial-box .rating .star-rating-container {
    width: 17.614px;
    height: 17.614px;
  }
}
.testimonial-section .testimonial-container .testimonialSectionSwiper .testimonial-box .rating .star-rating-container .star {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.testimonial-section .testimonial-container .testimonialSectionSwiper .testimonial-box .response-title,
.testimonial-section .testimonial-container .testimonialSectionSwiper .testimonial-box .detailed-response {
  text-align: center;
  margin-bottom: 0;
}
.testimonial-section .testimonial-container .testimonialSectionSwiper .testimonial-box .response-title {
  font-family: var(--primary-demiBold-font);
  font-size: 19px;
  color: var(--white);
  font-style: normal;
  line-height: 24px;
  opacity: 1;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .testimonial-section .testimonial-container .testimonialSectionSwiper .testimonial-box .response-title {
    font-size: 10px;
    line-height: 100%;
    /* 10px */
  }
}
@media only screen and (max-width: 767px) {
  .testimonial-section .testimonial-container .testimonialSectionSwiper .testimonial-box .response-title {
    font-size: 14px;
    line-height: 100%;
    /* 14.678px */
  }
}
.testimonial-section .testimonial-container .testimonialSectionSwiper .testimonial-box .detailed-response {
  font-family: var(--primary-regular-font);
  font-size: 16px;
  font-style: normal;
  line-height: 19px;
  color: var(--white-with-opacity) !important;
}
.testimonial-section .testimonial-container .testimonialSectionSwiper .swiper-button-prev,
.testimonial-section .testimonial-container .testimonialSectionSwiper .swiper-button-next {
  background-size: 100% !important;
  background-position: center !important;
  height: 30px;
  width: 30px;
}
.testimonial-section .testimonial-container .testimonialSectionSwiper .swiper-button-prev::after,
.testimonial-section .testimonial-container .testimonialSectionSwiper .swiper-button-next::after {
  content: "";
}
.testimonial-section .testimonial-container .testimonialSectionSwiper .swiper-button-prev {
  background: url("../../../../assets/img/icons/left_arrow_green.svg") no-repeat;
  left: 0 !important;
}
@media only screen and (max-width: 767px) {
  .testimonial-section .testimonial-container .testimonialSectionSwiper .swiper-button-prev {
    left: -0.5px !important;
  }
}
@media only screen and (max-width: 479px) {
  .testimonial-section .testimonial-container .testimonialSectionSwiper .swiper-button-prev {
    left: 0 !important;
  }
}
.testimonial-section .testimonial-container .testimonialSectionSwiper .swiper-button-next {
  background: url("../../../../assets/img/icons/right_arrow_green.svg") no-repeat;
  right: 0 !important;
}
@media only screen and (max-width: 767px) {
  .testimonial-section .testimonial-container .testimonialSectionSwiper .swiper-button-next {
    right: -0.5px !important;
  }
}
@media only screen and (max-width: 479px) {
  .testimonial-section .testimonial-container .testimonialSectionSwiper .swiper-button-next {
    right: 0 !important;
  }
}
.testimonial-section .trustpilotLogo {
  width: 100%;
  margin-bottom: 0;
  text-align: center;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .testimonial-section .trustpilotLogo {
    margin-bottom: 47px;
  }
}
@media only screen and (max-width: 767px) {
  .testimonial-section .trustpilotLogo {
    margin-bottom: 64px;
  }
}
.testimonial-section .trustpilotLogo svg {
  width: 244.399px;
  height: 60px;
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .testimonial-section .trustpilotLogo svg {
    width: 130.346px;
    height: 32px;
  }
}

.getCapitalFastContainer {
  border-radius: 15px;
  border: 1.875px solid var(--primary-color);
  background: var(--quaternary-color);
  box-shadow: 0px 7.5px 75px 0px var(--primary-shadow);
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: stretch;
  overflow: hidden;
  position: relative;
  z-index: 100;
}
@media only screen and (max-width: 767px) {
  .getCapitalFastContainer {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
}
.getCapitalFastContainer .imgContainer,
.getCapitalFastContainer .contentContainer {
  flex-basis: 50%;
}
.getCapitalFastContainer .imgContainer {
  position: relative;
  overflow: hidden;
}
@media only screen and (max-width: 767px) {
  .getCapitalFastContainer .imgContainer {
    width: 100%;
  }
}
.getCapitalFastContainer .imgContainer .overlayLogo,
.getCapitalFastContainer .imgContainer .overlayCurve {
  position: absolute;
}
.getCapitalFastContainer .imgContainer .overlayLogo {
  top: 20px;
  left: 20px;
  transform: translate(0, 0);
  width: 22% !important;
  height: auto !important;
  -o-object-fit: contain;
     object-fit: contain;
}
@media only screen and (max-width: 767px) {
  .getCapitalFastContainer .imgContainer .overlayLogo {
    bottom: 20px;
    top: unset;
    left: 50%;
    transform: translate(-50%, 0px);
    width: 38%;
  }
}
.getCapitalFastContainer .imgContainer .overlayCurve {
  bottom: 50%;
  right: 0;
  transform: translate(0, 50%);
  width: 40%;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
}
@media only screen and (max-width: 767px) {
  .getCapitalFastContainer .imgContainer .overlayCurve {
    width: 30%;
  }
}
.getCapitalFastContainer .imgContainer .subscribeImg {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-fit: cover;
     object-fit: cover;
}
.getCapitalFastContainer .contentContainer {
  padding: 51px 35.5px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}
.getCapitalFastContainer .contentContainer:nth-of-type(1) {
  padding: 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .getCapitalFastContainer .contentContainer {
    padding: 15px 20px;
  }
}
@media only screen and (max-width: 767px) {
  .getCapitalFastContainer .contentContainer {
    padding: 50.5px 29px 51px;
  }
}
.getCapitalFastContainer .contentContainer .title {
  color: var(--secondary-color);
  font-family: var(--primary-regular-font);
  font-size: 33.75px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
  /* 33.75px */
  margin-bottom: 9.5px;
}
.getCapitalFastContainer .contentContainer .title span {
  font-family: var(--primary-bold-font);
  font-weight: 700;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .getCapitalFastContainer .contentContainer .title {
    font-size: 20px;
    line-height: 1.3;
    margin-bottom: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .getCapitalFastContainer .contentContainer .title {
    font-size: 24px;
    line-height: 24px;
    margin-bottom: 20px;
    text-align: center;
  }
}
.getCapitalFastContainer .contentContainer .subTitle {
  color: var(--secondary-color);
  font-family: var(--primary-regular-font);
  font-size: 18.75px;
  font-style: normal;
  font-weight: 400;
  line-height: 125%;
  /* 23.438px */
  margin-bottom: 32.25px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .getCapitalFastContainer .contentContainer .subTitle {
    font-size: 10px;
    line-height: 16px;
    margin-bottom: 22px;
  }
}
@media only screen and (max-width: 767px) {
  .getCapitalFastContainer .contentContainer .subTitle {
    font-size: 12px;
    line-height: 15px;
    margin-bottom: 33.5px;
    text-align: center;
  }
}
.getCapitalFastContainer .contentContainer .form {
  margin-top: 35.62px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .getCapitalFastContainer .contentContainer .form {
    margin-top: 19px;
  }
}
@media only screen and (max-width: 767px) {
  .getCapitalFastContainer .contentContainer .form .form-group {
    text-align: center;
  }
}
.getCapitalFastContainer .contentContainer .form .form-group .formInput {
  background-color: transparent;
  border: 0;
  border-bottom: 1px solid var(--white);
  color: var(--white);
  border-radius: 0;
  outline: none;
  caret-color: var(--whiteWithOpacity);
  font-family: var(--primary-regular-font);
  font-style: normal;
  font-size: 15px;
  line-height: 15px;
  text-align: left;
  padding: 17.5px 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .getCapitalFastContainer .contentContainer .form .form-group .formInput {
    font-size: 8px;
    line-height: 8px;
    padding: 7px 0;
  }
}
@media only screen and (max-width: 767px) {
  .getCapitalFastContainer .contentContainer .form .form-group .formInput {
    font-size: 10px;
    line-height: 12.5px;
    text-align: center;
    padding: 12px 0;
  }
}
.getCapitalFastContainer .contentContainer .form .form-group .formInput:focus, .getCapitalFastContainer .contentContainer .form .form-group .formInput:focus-visible, .getCapitalFastContainer .contentContainer .form .form-group .formInput:focus-within {
  outline: none;
  box-shadow: none;
}
.getCapitalFastContainer .contentContainer .form .form-group .formInput::-moz-placeholder {
  color: var(--whiteWithOpacity);
}
.getCapitalFastContainer .contentContainer .form .form-group .formInput::placeholder {
  color: var(--whiteWithOpacity);
}
.getCapitalFastContainer .contentContainer .form .form-group .helpText {
  font-family: var(--primary-regular-font);
  font-style: normal;
  font-size: 15px;
  line-height: 15px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .getCapitalFastContainer .contentContainer .form .form-group .helpText {
    font-size: 8px;
    line-height: 8px;
  }
}
@media only screen and (max-width: 767px) {
  .getCapitalFastContainer .contentContainer .form .form-group .helpText {
    font-size: 10px;
    line-height: 12.5px;
    text-align: center;
  }
}
.getCapitalFastContainer .contentContainer .ctaButtonContainer {
  margin: 10px auto 0;
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .getCapitalFastContainer .contentContainer .ctaButtonContainer {
    width: 72%;
  }
}
.getCapitalFastContainer .contentContainer .getCapitalBtn {
  width: 50%;
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (max-width: 767px) {
  .getCapitalFastContainer .contentContainer .getCapitalBtn {
    width: 75% !important;
    margin-top: 26px;
  }
}

/* Footer*/
.footer .contentArea {
  padding-top: 350px !important;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .footer .contentArea {
    padding-top: 290px !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer .contentArea {
    padding-top: 100px !important;
  }
}
@media only screen and (max-width: 767px) {
  .footer .contentArea {
    padding-top: 440px !important;
  }
}

/*=============================================
=          3. Blog Page CSS            =
=============================================*/
/* 1. Herobanner Section CSS */
.blogHerobannerSection {
  background-image: url("../../../../assets/img/businessBankAccount/bannerBG.png");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  background-origin: content-box;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0rem 0rem;
  border-radius: 0rem;
  height: 90vh;
  width: 100%;
  overflow: hidden;
}
.blogHerobannerSection.articlePage_bannerSection {
  background-image: url(../../../../assets/img/aboutUs/aboutBgWeb.png) !important;
}
.blogHerobannerSection.articlePage_bannerSection .infoSection {
  background-image: url(../../../../assets/img/applyPage/bgImg3.svg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100%;
  overflow: hidden;
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 1200px) and (max-width: 1499px), only screen and (min-width: 1500px) and (max-width: 1599px), only screen and (min-width: 1600px) {
  .blogHerobannerSection {
    background-size: cover;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .blogHerobannerSection {
    height: 40vh;
  }
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .blogHerobannerSection {
    background-position: 60%;
    height: auto;
  }
}
.blogHerobannerSection .contentArea {
  padding-top: 135px;
  padding-bottom: 135px;
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .blogHerobannerSection .contentArea {
    padding-top: 160px;
    padding-bottom: 150px;
  }
}
@media only screen and (max-width: 767px) {
  .blogHerobannerSection .contentArea {
    padding-top: 150px;
    padding-bottom: 90px;
  }
}
.blogHerobannerSection .contentArea .bannerContent {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 67.5px;
  width: 80%;
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .blogHerobannerSection .contentArea .bannerContent {
    gap: 36px;
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .blogHerobannerSection .contentArea .bannerContent {
    width: 100%;
  }
}
.blogHerobannerSection .contentArea .bannerContent .bannerMainText {
  color: var(--white);
  font-family: var(--primary-regular-font);
  font-size: 48px;
  line-height: normal;
  text-align: center;
  text-transform: capitalize;
}
@media only screen and (min-width: 1600px) {
  .blogHerobannerSection .contentArea .bannerContent .bannerMainText {
    font-size: 64px;
    line-height: 81px;
  }
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .blogHerobannerSection .contentArea .bannerContent .bannerMainText {
    font-size: 25.6px;
    line-height: normal;
  }
}
.blogHerobannerSection .contentArea .bannerContent .blogDescription {
  font-size: 18px !important;
  font-family: var(--primary-regular-font);
  font-weight: normal;
  line-height: 1.5 !important;
  color: var(--white);
  text-align: center;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  max-width: 800px;
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .blogHerobannerSection .contentArea .bannerContent .blogDescription {
    font-size: 16px !important;
  }
}
.blogHerobannerSection .contentArea .bannerContent .shortInfo {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 0px;
}
@media only screen and (max-width: 767px) {
  .blogHerobannerSection .contentArea .bannerContent .shortInfo {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
}
.blogHerobannerSection .contentArea .bannerContent .shortInfo .item {
  position: relative;
}
.blogHerobannerSection .contentArea .bannerContent .shortInfo .item p {
  margin: 0;
  color: var(--white);
  padding: 0 20px;
  font-family: var(--primary-regular-font);
  font-size: 18px !important;
  line-height: 1.5 !important;
  text-transform: uppercase;
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .blogHerobannerSection .contentArea .bannerContent .shortInfo .item p {
    font-family: var(--primary-bold-font);
    font-weight: 700;
    font-size: 16px !important;
    line-height: 1.5;
  }
}
@media only screen and (max-width: 767px) {
  .blogHerobannerSection .contentArea .bannerContent .shortInfo .item p {
    padding: 11.37px 0px;
  }
}
.blogHerobannerSection .contentArea .bannerContent .shortInfo .item:not(:first-of-type):before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(-50%, -50%);
  background-color: var(--quaternary-color);
  width: 1.5px;
  height: 15px;
  border-radius: 0%;
  z-index: 1;
}
@media only screen and (max-width: 767px) {
  .blogHerobannerSection .contentArea .bannerContent .shortInfo .item:not(:first-of-type):before {
    top: 0%;
    left: 50%;
    height: 1.5px;
    width: 15px;
  }
}

/* 2. Blog Page Content CSS */
.blogPageContentWrapper .contentArea {
  padding-top: 79px;
  padding-bottom: 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .blogPageContentWrapper .contentArea {
    padding-top: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .blogPageContentWrapper .contentArea {
    padding-top: 24px;
  }
}
.blogPageContentWrapper .blogSectionHead {
  color: var(--secondary-color);
  font-family: var(--primary-demiBold-font);
  font-style: normal;
  font-weight: normal;
  font-size: 2.25rem;
  line-height: 1;
  margin-bottom: 1.71875rem;
  opacity: 1;
}
.blogPageContentWrapper .blogSectionHead.withImage {
  margin-bottom: 55px;
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .blogPageContentWrapper .blogSectionHead.withImage {
    margin-bottom: 25px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .blogPageContentWrapper .blogSectionHead {
    font-size: 32px;
    line-height: 1;
    margin-bottom: 0.625rem;
  }
}
@media only screen and (max-width: 767px) {
  .blogPageContentWrapper .blogSectionHead {
    font-family: var(--primary-bold-font);
    font-weight: 700;
    font-size: 32px;
    line-height: 1;
    margin-bottom: 0.625rem;
  }
}
.blogPageContentWrapper .blogSectionHead.sub {
  font-family: var(--primary-regular-font);
  font-size: 1.6875rem;
  line-height: 1.15;
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .blogPageContentWrapper .blogSectionHead.sub {
    font-size: 24px;
    line-height: 1.15;
  }
}
.blogPageContentWrapper .blogSectionPara {
  color: var(--secondary-color-WithOpacity);
  font-family: var(--primary-regular-font);
  font-size: 15px;
  line-height: 18.75px;
  margin-bottom: 30px;
}
@media only screen and (max-width: 767px) {
  .blogPageContentWrapper .blogSectionPara {
    font-size: 10px;
    line-height: 12.5px;
  }
}
.blogPageContentWrapper .blogSectionPara span {
  font-weight: bold;
}
.blogPageContentWrapper .anchor-list {
  list-style-type: none;
  padding: 0;
  position: sticky;
  top: 5.3125rem;
  padding-right: 6.25rem;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .blogPageContentWrapper .anchor-list {
    padding-right: 0;
  }
}
.blogPageContentWrapper .anchor-list .anchor-list-item {
  scroll-margin-top: 5.625rem;
}
.blogPageContentWrapper .anchor-list .anchor-list-item:first-of-type .anchor-list-item-link {
  padding-top: 0rem !important;
}
.blogPageContentWrapper .anchor-list .anchor-list-item .anchor-list-item-link {
  display: block;
  color: var(--secondary-color);
  font-family: var(--primary-regular-font);
  font-weight: normal;
  font-style: normal;
  text-decoration: none;
  position: relative;
  padding: 1.21875rem 0 0;
  opacity: 1;
  font-size: 1rem;
  line-height: 1.5;
  transition: all 0.5s ease-in-out;
}
.blogPageContentWrapper .anchor-list .anchor-list-item .anchor-list-item-link.active {
  color: var(--primary-color);
  text-decoration: underline;
  font-family: var(--primary-bold-font);
  font-weight: 700;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .blogPageContentWrapper .anchor-list .anchor-list-item .anchor-list-item-link {
    font-size: 14px;
    line-height: 1.5;
  }
}
.blogPageContentWrapper .infoItem {
  margin-bottom: 1.875rem;
  scroll-margin-top: 7.5rem;
}
.blogPageContentWrapper .infoItem#intro {
  padding-top: 30px;
}
@media only screen and (max-width: 767px) {
  .blogPageContentWrapper .infoItem {
    scroll-margin-top: 10rem;
    padding-top: 0;
    margin-top: 0;
    margin-bottom: 35px;
  }
}
.blogPageContentWrapper .infoItem.anchor-link-item:last-of-type {
  margin-bottom: 2.5rem;
}
@media only screen and (max-width: 767px) {
  .blogPageContentWrapper .infoItem.anchor-link-item:last-of-type {
    margin-bottom: 1.25rem;
  }
}
.blogPageContentWrapper .infoItem.anchor-link-item figure {
  border-radius: 9.375px;
  overflow: hidden;
  margin-bottom: 2.8125rem;
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .blogPageContentWrapper .infoItem.anchor-link-item figure {
    margin-bottom: 1.375rem;
  }
}
.blogPageContentWrapper .infoItem.anchor-link-item figure.innerParaImg {
  margin-bottom: 1.875rem;
}
.blogPageContentWrapper .infoItem.anchor-link-item figure.innerParaImg.innerParaImgSmallBusinessFinance {
  margin-top: 2.5rem;
}
@media only screen and (max-width: 767px) {
  .blogPageContentWrapper .infoItem.anchor-link-item figure.innerParaImg.innerParaImgSmallBusinessFinance {
    margin-top: 1.375rem;
  }
}
.blogPageContentWrapper .infoItem.anchor-link-item figure.innerParaImg.sectionHeadingShortImg {
  width: 25%;
  margin-bottom: 0.9375rem;
}
.blogPageContentWrapper .infoItem .pointers {
  padding-left: 25px;
  margin-bottom: 40px;
}
@media only screen and (max-width: 767px) {
  .blogPageContentWrapper .infoItem .pointers {
    padding-left: 18px;
    margin-bottom: 25px;
  }
}
.blogPageContentWrapper .infoItem .pointers .list-point:last-of-type {
  margin-bottom: 0;
}
.blogPageContentWrapper .infoItem .infoItemForm.innerForm, .blogPageContentWrapper .infoItem .infoItemForm.innerForm2 {
  box-shadow: 0 0 10px 0 var(--black-opacity2);
  margin-bottom: 3.75rem;
  margin-top: 3.75rem;
}
@media (min-width: 1900px) {
  .blogPageContentWrapper .infoItem .infoItemForm.innerForm, .blogPageContentWrapper .infoItem .infoItemForm.innerForm2 {
    margin-bottom: 5rem;
    margin-top: 5rem;
  }
}
@media (max-width: 767px) {
  .blogPageContentWrapper .infoItem .infoItemForm.innerForm, .blogPageContentWrapper .infoItem .infoItemForm.innerForm2 {
    margin-bottom: 1.375rem;
    margin-top: 1.375rem;
  }
}
.blogPageContentWrapper .infoItem .infoItemForm.innerForm {
  background-image: url("../images/formBg.webp");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-origin: content-box;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0rem 0rem;
  border-radius: 0.625rem;
  height: 100%;
  width: 100%;
}
@media (min-width: 992px) {
  .blogPageContentWrapper .infoItem .infoItemForm.innerForm {
    background-size: 100% 100%;
  }
}
@media (max-width: 991px) {
  .blogPageContentWrapper .infoItem .infoItemForm.innerForm {
    background-position: 100%;
  }
}
.blogPageContentWrapper .infoItem .infoItemForm.innerForm .formContent {
  padding: 1.875rem 1.25rem;
}
@media (max-width: 767px) {
  .blogPageContentWrapper .infoItem .infoItemForm.innerForm .formContent {
    padding: 1.1875rem 0.625rem;
    width: 75%;
  }
}
@media (max-width: 451px) {
  .blogPageContentWrapper .infoItem .infoItemForm.innerForm .formContent {
    width: 90%;
  }
}
.blogPageContentWrapper .infoItem .infoItemForm.innerForm .formContent .section-heading,
.blogPageContentWrapper .infoItem .infoItemForm.innerForm .formContent .section-para {
  color: var(--white);
  text-align: left;
}
@media (max-width: 767px) {
  .blogPageContentWrapper .infoItem .infoItemForm.innerForm .formContent .section-heading {
    font-size: 1.25rem;
    line-height: 0.625rem;
  }
}
.blogPageContentWrapper .infoItem .infoItemForm.innerForm .formContent .section-para {
  font-size: 0.8125em;
}
@media (min-width: 1600px) {
  .blogPageContentWrapper .infoItem .infoItemForm.innerForm .formContent .section-para {
    font-size: 1rem;
  }
}
@media (max-width: 767px) {
  .blogPageContentWrapper .infoItem .infoItemForm.innerForm .formContent .section-para {
    font-size: 0.8125rem;
    line-height: 0.9375rem;
  }
}
.blogPageContentWrapper .infoItem .infoItemForm.innerForm .formContent .inputLabel {
  display: none;
}
.blogPageContentWrapper .infoItem .infoItemForm.innerForm .formContent .inputField,
.blogPageContentWrapper .infoItem .infoItemForm.innerForm .formContent .infoItemSubmitBtn {
  height: 2.5rem;
  width: 100%;
  border: none;
  outline: none;
  border-radius: 0.3125rem;
}
@media (min-width: 1900px) {
  .blogPageContentWrapper .infoItem .infoItemForm.innerForm .formContent .inputField,
  .blogPageContentWrapper .infoItem .infoItemForm.innerForm .formContent .infoItemSubmitBtn {
    height: 3.125rem !important;
    width: 100% !important;
  }
}
.blogPageContentWrapper .infoItem .infoItemForm.innerForm .formContent .inputField {
  display: block;
  padding: 0.9375rem;
  margin-bottom: 0.9375rem;
  font-size: 1rem;
  font-style: normal;
  font-weight: normal;
}
@media (max-width: 767px) {
  .blogPageContentWrapper .infoItem .infoItemForm.innerForm .formContent .inputField {
    font-size: 0.875rem;
    line-height: 0.625rem;
    height: 2.1875rem;
  }
}
.blogPageContentWrapper .infoItem .infoItemForm.innerForm .formContent .inputField:focus {
  outline: 0.125rem solid var(--blue);
  border: none;
}
.blogPageContentWrapper .infoItem .infoItemForm.innerForm .formContent .inputField::-moz-placeholder {
  color: var(--grey-light2);
}
.blogPageContentWrapper .infoItem .infoItemForm.innerForm .formContent .inputField::placeholder {
  color: var(--grey-light2);
}
.blogPageContentWrapper .infoItem .infoItemForm.innerForm .formContent .infoItemSubmitBtn {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  height: 2.5rem;
  width: 100%;
  border: none;
  outline: none;
  border-radius: 0.3125rem;
  background-color: var(--orange);
  color: var(--white);
  text-decoration: underline;
  font-size: 1rem;
}
@media (max-width: 767px) {
  .blogPageContentWrapper .infoItem .infoItemForm.innerForm .formContent .infoItemSubmitBtn {
    font-size: 0.875rem;
    line-height: 0.3125rem;
    height: 2.1875rem;
  }
}
.blogPageContentWrapper .infoItem .infoItemForm.innerForm .formContent .infoItemSubmitBtn:focus {
  outline: none;
  border: none;
}
.blogPageContentWrapper .infoItem .infoItemForm.innerForm .formContent .infoItemSubmitBtn:hover {
  text-decoration: underline;
}
.blogPageContentWrapper .infoItem .infoItemForm.innerForm2 {
  background-image: url("../images/formBg2.webp");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-origin: content-box;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  padding: 0rem 0rem;
  border-radius: 0.625rem;
  height: 100%;
  width: 100%;
  outline: 0rem solid var(--black-opacity);
  margin-bottom: 0 !important;
}
@media (max-width: 991px) {
  .blogPageContentWrapper .infoItem .infoItemForm.innerForm2 {
    background-position: right bottom;
  }
}
.blogPageContentWrapper .infoItem .infoItemForm.innerForm2 .formContent {
  padding: 4.375rem 2.625rem;
  width: 80%;
}
@media (max-width: 991px) {
  .blogPageContentWrapper .infoItem .infoItemForm.innerForm2 .formContent {
    width: 100%;
    padding: 2.5rem 1.25rem;
  }
}
.blogPageContentWrapper .infoItem .infoItemForm.innerForm2 .formContent .section-heading,
.blogPageContentWrapper .infoItem .infoItemForm.innerForm2 .formContent .section-para {
  color: var(--black);
  text-align: left;
}
.blogPageContentWrapper .infoItem .infoItemForm.innerForm2 .formContent .section-heading {
  margin-bottom: 1.25rem;
}
@media (max-width: 767px) {
  .blogPageContentWrapper .infoItem .infoItemForm.innerForm2 .formContent .section-heading {
    font-size: 1.25rem;
    line-height: 0.625rem;
  }
}
.blogPageContentWrapper .infoItem .infoItemForm.innerForm2 .formContent .section-para {
  font-size: 0.8125em;
}
.blogPageContentWrapper .infoItem .infoItemForm.innerForm2 .formContent .formElements {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
@media only screen and (max-width: 767px) {
  .blogPageContentWrapper .infoItem .infoItemForm.innerForm2 .formContent .formElements {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
}
.blogPageContentWrapper .infoItem .infoItemForm.innerForm2 .formContent .formElements .inputLabel {
  display: none;
}
.blogPageContentWrapper .infoItem .infoItemForm.innerForm2 .formContent .formElements .inputField,
.blogPageContentWrapper .infoItem .infoItemForm.innerForm2 .formContent .formElements .infoItemSubmitBtn {
  outline: none;
  border-radius: 0rem !important;
}
@media (min-width: 1900px) {
  .blogPageContentWrapper .infoItem .infoItemForm.innerForm2 .formContent .formElements .inputField,
  .blogPageContentWrapper .infoItem .infoItemForm.innerForm2 .formContent .formElements .infoItemSubmitBtn {
    height: 3.0625rem !important;
  }
}
.blogPageContentWrapper .infoItem .infoItemForm.innerForm2 .formContent .formElements .input-group {
  width: 50%;
}
@media only screen and (max-width: 767px) {
  .blogPageContentWrapper .infoItem .infoItemForm.innerForm2 .formContent .formElements .input-group {
    width: 100%;
    margin-bottom: 1.25rem;
  }
}
.blogPageContentWrapper .infoItem .infoItemForm.innerForm2 .formContent .formElements .input-group .symbolBox {
  width: 10%;
}
.blogPageContentWrapper .infoItem .infoItemForm.innerForm2 .formContent .formElements .input-group .symbolBox #symbol {
  height: 2.5rem;
  background-color: var(--white);
  border: 0.0625rem solid var(--black);
  border-right: none;
  border-radius: 0rem;
  padding: 0.9375rem 0.625rem;
  font-size: 1rem;
}
@media (max-width: 767px) {
  .blogPageContentWrapper .infoItem .infoItemForm.innerForm2 .formContent .formElements .input-group .symbolBox #symbol {
    height: 2.1875rem;
  }
}
@media (min-width: 1900px) {
  .blogPageContentWrapper .infoItem .infoItemForm.innerForm2 .formContent .formElements .input-group .symbolBox #symbol {
    height: 3.0625rem !important;
  }
}
.blogPageContentWrapper .infoItem .infoItemForm.innerForm2 .formContent .formElements .inputField {
  display: block;
  padding: 0.9375rem;
  margin-bottom: 0rem;
  font-size: 1rem;
  font-style: normal;
  font-weight: normal;
  border: 0.0625rem solid var(--black);
  border-left: 0;
  height: 2.5rem;
  width: 85%;
  padding-left: 0;
}
@media (max-width: 767px) {
  .blogPageContentWrapper .infoItem .infoItemForm.innerForm2 .formContent .formElements .inputField {
    font-size: 0.875rem;
    line-height: 0.625rem;
    height: 2.1875rem;
    width: 90%;
  }
}
.blogPageContentWrapper .infoItem .infoItemForm.innerForm2 .formContent .formElements .inputField:focus {
  outline: none;
  border: 0.0625rem solid var(--black);
  border-left: 0;
}
.blogPageContentWrapper .infoItem .infoItemForm.innerForm2 .formContent .formElements .inputField::-moz-placeholder {
  color: var(--grey-light2);
}
.blogPageContentWrapper .infoItem .infoItemForm.innerForm2 .formContent .formElements .inputField::placeholder {
  color: var(--grey-light2);
}
.blogPageContentWrapper .infoItem .infoItemForm.innerForm2 .formContent .formElements .infoItemSubmitBtn {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  border: 0.0625rem solid var(--orange);
  outline: none;
  background-color: var(--orange);
  color: var(--white);
  height: 2.5rem;
  width: 50%;
  font-size: 1rem;
  text-decoration: underline;
}
@media only screen and (max-width: 767px) {
  .blogPageContentWrapper .infoItem .infoItemForm.innerForm2 .formContent .formElements .infoItemSubmitBtn {
    height: 2.5rem;
    width: 100%;
  }
}
@media (max-width: 767px) {
  .blogPageContentWrapper .infoItem .infoItemForm.innerForm2 .formContent .formElements .infoItemSubmitBtn {
    font-size: 0.875rem;
    line-height: 0.3125rem;
    height: 2.1875rem;
  }
}
.blogPageContentWrapper .infoItem .infoItemForm.innerForm2 .formContent .formElements .infoItemSubmitBtn:focus {
  outline: none;
  border: 0.0625rem solid var(--orange);
}
.blogPageContentWrapper .infoItem .infoItemForm.innerForm2 .formContent .formElements .infoItemSubmitBtn:hover {
  text-decoration: underline;
}
.blogPageContentWrapper .infoItem .bgImageContentNum .withBgImage1 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: stretch;
}
.blogPageContentWrapper .infoItem .bgImageContentNum .withBgImage1 .numberContainer {
  width: 10%;
  position: relative;
}
@media (max-width: 767px) {
  .blogPageContentWrapper .infoItem .bgImageContentNum .withBgImage1 .numberContainer {
    width: 15%;
  }
}
.blogPageContentWrapper .infoItem .bgImageContentNum .withBgImage1 .numberContainer .number {
  background-image: url("../images/pointer1.png");
  background-position: center center;
  background-repeat: no-repeat;
  height: 72px;
  width: 100%;
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  color: var(--white);
  font-family: "Gotham book", sans-serif;
}
@media (max-width: 767px) {
  .blogPageContentWrapper .infoItem .bgImageContentNum .withBgImage1 .numberContainer .number {
    height: 45px;
    background-size: contain;
  }
}
.blogPageContentWrapper .infoItem .bgImageContentNum .withBgImage1:not(:last-of-type) .numberContainer:after {
  content: "";
  border: 1px dashed var(--yellow2);
  position: absolute;
  top: 50px;
  left: 49%;
  transform: translate(0, 0);
  width: 0%;
  height: 100%;
  z-index: -2;
}
@media (max-width: 767px) {
  .blogPageContentWrapper .infoItem .bgImageContentNum .withBgImage1:not(:last-of-type) .numberContainer:after {
    top: 25px;
  }
}
.blogPageContentWrapper .infoItem .bgImageContentNum .withBgImage1 .contentContainer {
  width: 90%;
  padding-left: 20px;
}
@media (max-width: 767px) {
  .blogPageContentWrapper .infoItem .bgImageContentNum .withBgImage1 .contentContainer {
    padding-left: 10px;
    width: 85%;
  }
}
.blogPageContentWrapper .infoItem .bgImageContentNum .withBgImage1 .contentContainer .content {
  font-weight: normal;
}
.blogPageContentWrapper .infoItem .imgPointers {
  padding-left: 5rem;
  overflow: hidden;
}
@media (max-width: 767px) {
  .blogPageContentWrapper .infoItem .imgPointers {
    padding-left: 4.375rem;
  }
}
@media (max-width: 300px) {
  .blogPageContentWrapper .infoItem .imgPointers {
    padding-left: 3.75rem;
  }
}
.blogPageContentWrapper .infoItem .imgPointers .sub-points {
  position: relative;
}
.blogPageContentWrapper .infoItem .imgPointers .sub-points:before {
  content: "";
  position: absolute;
  top: -10px;
  left: -75px;
  transform: translate(0%, 0%);
  background-repeat: no-repeat;
  background-position: center;
  width: 50px;
  height: 100%;
  max-height: 50px;
}
@media (max-width: 767px) {
  .blogPageContentWrapper .infoItem .imgPointers .sub-points:before {
    top: -8px;
    left: -70px;
  }
}
@media (max-width: 300px) {
  .blogPageContentWrapper .infoItem .imgPointers .sub-points:before {
    left: -65px;
  }
}
.blogPageContentWrapper .infoItem .imgPointers.factorsForChoosingBank .sub-points:nth-of-type(1)::before {
  background-image: url("../../img/businessBankAccount/icons/Factors-To-Consider-1-Fees.svg");
}
.blogPageContentWrapper .infoItem .imgPointers.factorsForChoosingBank .sub-points:nth-of-type(2)::before {
  background-image: url("../../img/businessBankAccount/icons/Factors-To-Consider-2-Services.svg");
}
.blogPageContentWrapper .infoItem .imgPointers.factorsForChoosingBank .sub-points:nth-of-type(3)::before {
  background-image: url("../../img/businessBankAccount/icons/Factors-To-Consider-3-Customer-Services.svg");
}
.blogPageContentWrapper .infoItem .imgPointers.factorsForChoosingBank .sub-points:nth-of-type(4)::before {
  background-image: url("../../img/businessBankAccount/icons/Factors-To-Consider-4-Location.svg");
}
.blogPageContentWrapper .infoItem .imgPointers.factorsForChoosingBank .sub-points:nth-of-type(5)::before {
  background-image: url("../../img/businessBankAccount/icons/Factors-To-Consider-5-Reputation.svg");
}
.blogPageContentWrapper .infoItem .bestBanksSection .withBgImage1 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: stretch;
}
.blogPageContentWrapper .infoItem .bestBanksSection .withBgImage1 .bestBanksLogo {
  margin: 0 auto;
  width: 25%;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .blogPageContentWrapper .infoItem .bestBanksSection .withBgImage1 .bestBanksLogo {
    width: 40%;
  }
}
.blogPageContentWrapper .infoItem .bestBanksSection .withBgImage1 .bestBanksLogo img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.blogPageContentWrapper .infoItem .bestBanksSection .withBgImage1 .bestBanksContentContainer {
  width: 75%;
  padding-left: 0px;
}
@media (max-width: 767px) {
  .blogPageContentWrapper .infoItem .bestBanksSection .withBgImage1 .bestBanksContentContainer {
    padding-left: 10px;
  }
}
.blogPageContentWrapper .infoItem .bestBanksSection .withBgImage1 .bestBanksContentContainer .content {
  font-weight: normal;
}
@media only screen and (max-width: 767px) {
  .blogPageContentWrapper .infoItem .bestBanksSection .withBgImage1 {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }
  .blogPageContentWrapper .infoItem .bestBanksSection .withBgImage1 .bestBanksContentContainer {
    width: 100%;
    padding: 0;
  }
}
.blogPageContentWrapper .infoItem .imgBox {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}
.blogPageContentWrapper .infoItem .imgBox figure {
  width: 45%;
  margin: 0 auto 10px;
}
@media (min-width: 1600px) {
  .blogPageContentWrapper .infoItem .imgBox figure {
    width: 45%;
  }
}
.blogPageContentWrapper .infoItem .imgBox figure.understandingBusinessImg {
  width: 40%;
}
@media (max-width: 991px) {
  .blogPageContentWrapper .infoItem .imgBox figure.understandingBusinessImg {
    width: 100%;
  }
}
.blogPageContentWrapper .infoItem .imgBox figure.creditTypesImg {
  width: 38%;
}
@media (max-width: 991px) {
  .blogPageContentWrapper .infoItem .imgBox figure.creditTypesImg {
    width: 60%;
  }
}
.blogPageContentWrapper .infoItem .imgBox figure.circularImg {
  width: 15%;
  height: auto;
  margin-bottom: 20px;
}
@media (min-width: 1600px) {
  .blogPageContentWrapper .infoItem .imgBox figure.circularImg {
    width: 20%;
  }
}
@media (max-width: 991px) {
  .blogPageContentWrapper .infoItem .imgBox figure.circularImg {
    width: 40%;
  }
}
.blogPageContentWrapper .infoItem .imgBox figure.creditScoreImg {
  width: 34%;
}
@media (max-width: 991px) {
  .blogPageContentWrapper .infoItem .imgBox figure.creditScoreImg {
    width: 50%;
  }
}
.blogPageContentWrapper .infoItem .imgBox .section-para {
  width: 60%;
  padding-left: 30px;
}
@media (min-width: 1600px) {
  .blogPageContentWrapper .infoItem .imgBox .section-para {
    width: 55%;
  }
}
.blogPageContentWrapper .infoItem .imgBox .section-para.understandingBusinessContent {
  width: 60%;
}
@media (max-width: 991px) {
  .blogPageContentWrapper .infoItem .imgBox .section-para.understandingBusinessContent {
    width: 100%;
  }
}
.blogPageContentWrapper .infoItem .imgBox .section-para.strategyContent {
  padding-left: 15px;
}
.blogPageContentWrapper .infoItem .imgBox .section-para.circularImgContent {
  width: 80%;
}
@media (max-width: 991px) {
  .blogPageContentWrapper .infoItem .imgBox .section-para.circularImgContent {
    width: 100%;
  }
}
.blogPageContentWrapper .infoItem .imgBox .section-para.creditScoreImgContent {
  width: 66%;
}
@media (max-width: 991px) {
  .blogPageContentWrapper .infoItem .imgBox .section-para.creditScoreImgContent {
    width: 100%;
  }
}
.blogPageContentWrapper .infoItem .imgBox.specialCasesExtraPad .section-para {
  padding-left: 35px;
}
@media (max-width: 991px) {
  .blogPageContentWrapper .infoItem .imgBox {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .blogPageContentWrapper .infoItem .imgBox figure,
  .blogPageContentWrapper .infoItem .imgBox .section-para {
    width: 100%;
    padding: 0 !important;
  }
}

/* 3. Related articles CSS */
.relatedArticles-section .section-head {
  margin-bottom: 87px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .relatedArticles-section .section-head {
    margin-bottom: 46px;
  }
}
@media only screen and (max-width: 767px) {
  .relatedArticles-section .section-head {
    margin-bottom: 36px;
  }
}
.relatedArticles-section .relatedArticlesSwiper {
  overflow: hidden;
}
.relatedArticles-section .relatedArticlesSwiper .swiper-wrapper {
  padding: 0 0 45px 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .relatedArticles-section .relatedArticlesSwiper .swiper-wrapper {
    padding: 0 0 24px 0;
  }
}
.relatedArticles-section .relatedArticlesSwiper .swiper-scrollbar {
  --swiper-scrollbar-drag-bg-color: var(--ternary-color) !important;
  --swiper-scrollbar-bg-color: var(--ternary-color-withOpacity) !important;
}
.relatedArticles-section .relatedArticlesSwiper .articleLink {
  text-decoration: none;
  height: 100%;
}
.relatedArticles-section .relatedArticlesSwiper .articleLink .article {
  background-color: var(--ternary-color-2);
  border-radius: 25px;
  padding: 20px;
  overflow: hidden;
}
.relatedArticles-section .relatedArticlesSwiper .articleLink .article figure {
  margin-bottom: 26.25px;
}
.relatedArticles-section .relatedArticlesSwiper .articleLink .article figure img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.relatedArticles-section .relatedArticlesSwiper .articleLink .article .articleContent .title,
.relatedArticles-section .relatedArticlesSwiper .articleLink .article .articleContent .para {
  font-style: normal;
  font-variant: normal;
  font-family: var(--primary-regular-font);
  text-align: left;
  color: var(--secondary-color);
}
.relatedArticles-section .relatedArticlesSwiper .articleLink .article .articleContent .title {
  font-size: 26.25px;
  line-height: 26.25px;
  margin-bottom: 11.25px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .relatedArticles-section .relatedArticlesSwiper .articleLink .article .articleContent .title {
    font-size: 14px;
    line-height: 14px;
    margin-bottom: 6px;
  }
}
@media only screen and (max-width: 767px) {
  .relatedArticles-section .relatedArticlesSwiper .articleLink .article .articleContent .title {
    font-size: 22.356px;
    line-height: 26px;
  }
}
.relatedArticles-section .relatedArticlesSwiper .articleLink .article .articleContent .para {
  font-size: 15px;
  line-height: 18.75px;
  margin-bottom: 0;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .relatedArticles-section .relatedArticlesSwiper .articleLink .article .articleContent .para {
    font-size: 8px;
    line-height: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .relatedArticles-section .relatedArticlesSwiper .articleLink .article .articleContent .para {
    font-size: 12.775px;
    line-height: 15.968px;
  }
}

/* 4. Subscribe Section CSS */
.subscribeSection .getCapitalFastContainer {
  background: var(--primary-color);
}
.subscribeSection .getCapitalFastContainer .imgContainer {
  position: relative;
  overflow: hidden;
}
@media only screen and (max-width: 767px) {
  .subscribeSection .getCapitalFastContainer .imgContainer {
    width: 100%;
  }
}
.subscribeSection .getCapitalFastContainer .imgContainer .overlayLogo,
.subscribeSection .getCapitalFastContainer .imgContainer .overlayCurve {
  position: absolute;
}
.subscribeSection .getCapitalFastContainer .imgContainer .overlayLogo {
  top: 20px;
  left: 20px;
  transform: translate(0, 0);
  width: 22%;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
}
@media only screen and (max-width: 767px) {
  .subscribeSection .getCapitalFastContainer .imgContainer .overlayLogo {
    bottom: 20px;
    top: unset;
    left: 50%;
    transform: translate(-50%, 0px);
    width: 38%;
  }
}
.subscribeSection .getCapitalFastContainer .imgContainer .overlayCurve {
  bottom: 50%;
  right: 0;
  transform: translate(0, 50%);
  width: 40%;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
}
@media only screen and (max-width: 767px) {
  .subscribeSection .getCapitalFastContainer .imgContainer .overlayCurve {
    width: 30%;
  }
}
.subscribeSection .getCapitalFastContainer .imgContainer .subscribeImg {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-fit: cover;
     object-fit: cover;
}
.subscribeSection .getCapitalFastContainer .contentContainer .title,
.subscribeSection .getCapitalFastContainer .contentContainer .subTitle {
  color: var(--white);
}
.subscribeSection .getCapitalFastContainer .contentContainer .title {
  font-size: 26.25px;
  line-height: 30.187px;
}
@media only screen and (max-width: 767px) {
  .subscribeSection .getCapitalFastContainer .contentContainer .title {
    font-size: 14px;
    line-height: 16.1px;
    margin-bottom: 32px;
    text-align: center;
  }
}
.subscribeSection .getCapitalFastContainer .contentContainer .getCapitalBtn {
  margin-top: 20.63px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .subscribeSection .getCapitalFastContainer .contentContainer .getCapitalBtn {
    margin-top: 11px;
  }
}

/*=============================================
=          4. Apply Page CSS            =
=============================================*/
/* 1. Form Banner Section CSS */
.applyFormBannerSwiper {
  padding-bottom: 60px;
}
.applyFormBannerSwiper .swiper-wrapper .swiper-slide {
  width: 100% !important;
}
.applyFormBannerSwiper .swiper-wrapper .swiper-slide .applyForm {
  width: 100%;
  text-align: left;
}
.applyFormBannerSwiper .swiper-pagination {
  bottom: -30px;
  z-index: 0;
  justify-content: center;
}

/* 3. applySliderSection  */
.applySliderSection {
  background-color: var(--secondary-color);
}
.applySliderSection .contentArea {
  padding-top: 50px;
  padding-bottom: 50px;
}
.applySliderSection .contentArea .infoSection {
  background-image: url("../../../../assets/img/applyPage/bgImg3.svg");
  background-position: center 15%;
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden;
  padding: 0px 0 55px;
}
@media only screen and (max-width: 767px) {
  .applySliderSection .contentArea .infoSection {
    padding: 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 1200px) and (max-width: 1499px), only screen and (min-width: 1500px) and (max-width: 1599px), only screen and (min-width: 1600px) {
  .applySliderSection .contentArea .infoSection .sectionHeadWrapper {
    padding: 0 80px;
  }
}
.applySliderSection .contentArea .infoSection .sectionHeadWrapper .section-head {
  font-family: var(--primary-regular-font);
}
.applySliderSection .contentArea .infoSection .sectionHeadWrapper .section-subText {
  margin-top: 34px;
}
.applySliderSection .contentArea .applySliders {
  padding-top: 50px;
}
.applySliderSection .contentArea .applySliders .applySlidersSwiper .swiper-slide figure {
  margin: 0;
}

/* 4. Info section*/
.applyInfoSection .infoWrapper {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: stretch;
  gap: 75.5px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 1200px) and (max-width: 1499px) {
  .applyInfoSection .infoWrapper {
    gap: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .applyInfoSection .infoWrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 20px;
  }
}
.applyInfoSection .infoWrapper .leftSide {
  width: 40%;
  flex-grow: 1;
}
.applyInfoSection .infoWrapper .leftSide .imgBox figure {
  margin: 0;
}
.applyInfoSection .infoWrapper .rightSide {
  width: 60%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  flex-grow: 1;
  height: 100%;
  padding-top: 24.75px;
}
.applyInfoSection .infoWrapper .rightSide .wrapper {
  margin-bottom: 48.25px;
}
@media only screen and (max-width: 767px) {
  .applyInfoSection .infoWrapper .rightSide .wrapper {
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .applyInfoSection .infoWrapper .leftSide,
  .applyInfoSection .infoWrapper .rightSide {
    width: 100%;
  }
}

.applyTestimonial {
  background-image: url("../../../../assets/img/landingPage/testimonialSection.png");
  background-position: left 90%;
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden;
}
@media only screen and (max-width: 767px) {
  .applyTestimonial {
    background-image: url("../../../../assets/img/landingPage/testimonialSection.png");
    background-color: lightgray;
    background-position-x: -250px;
    background-position-y: 0;
    background-size: cover;
  }
}
@media only screen and (max-width: 767px) {
  .applyTestimonial .section-subText {
    margin-bottom: 48px;
  }
}
.applyTestimonial .testimonial-container {
  margin-bottom: 59.75px;
}
@media only screen and (max-width: 767px) {
  .applyTestimonial .testimonial-container {
    margin-bottom: 80px;
  }
}
.applyTestimonial .testimonial-container .testimonials {
  margin-bottom: 45px;
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .applyTestimonial .testimonial-container .testimonials {
    margin-bottom: 24px;
  }
}
@media only screen and (max-width: 767px) {
  .applyTestimonial .testimonial-container .testimonials {
    margin-bottom: 0;
  }
}
.applyTestimonial .testimonial-container .testimonialSectionSwiper {
  padding-left: 15px;
  padding-right: 15px;
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .applyTestimonial .testimonial-container .testimonialSectionSwiper {
    padding-left: 10px;
    padding-right: 10px;
  }
}
.applyTestimonial .testimonial-container .testimonialSectionSwiper .testimonial-box {
  border-radius: 7.5px;
  border: 0.938px solid var(--quaternary-color-2);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 0px;
  padding: 29.5px 42.19px;
  min-height: 195px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .applyTestimonial .testimonial-container .testimonialSectionSwiper .testimonial-box {
    padding: 15.5px 12px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .applyTestimonial .testimonial-container .testimonialSectionSwiper .testimonial-box {
    padding: 15.5px 30.19px;
  }
}
@media only screen and (max-width: 767px) {
  .applyTestimonial .testimonial-container .testimonialSectionSwiper .testimonial-box {
    padding: 15.5px 15px;
  }
}
@media only screen and (max-width: 300px) {
  .applyTestimonial .testimonial-container .testimonialSectionSwiper .testimonial-box {
    padding: 15.5px 5px;
  }
}
.applyTestimonial .testimonial-container .testimonialSectionSwiper .testimonial-box .rating {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 15px;
  margin-bottom: 15px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .applyTestimonial .testimonial-container .testimonialSectionSwiper .testimonial-box .rating {
    gap: 8px;
  }
}
.applyTestimonial .testimonial-container .testimonialSectionSwiper .testimonial-box .rating .star-rating-container {
  width: 22.5px;
  height: 22.5px;
  overflow: hidden;
  margin-bottom: 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .applyTestimonial .testimonial-container .testimonialSectionSwiper .testimonial-box .rating .star-rating-container {
    width: 12px;
    height: 12px;
  }
}
@media only screen and (max-width: 767px) {
  .applyTestimonial .testimonial-container .testimonialSectionSwiper .testimonial-box .rating .star-rating-container {
    width: 17.614px;
    height: 17.614px;
  }
}
.applyTestimonial .testimonial-container .testimonialSectionSwiper .testimonial-box .rating .star-rating-container .star {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.applyTestimonial .testimonial-container .testimonialSectionSwiper .testimonial-box .response-title,
.applyTestimonial .testimonial-container .testimonialSectionSwiper .testimonial-box .detailed-response {
  color: var(--white);
  text-align: center;
}
.applyTestimonial .testimonial-container .testimonialSectionSwiper .testimonial-box .response-title {
  font-family: var(--primary-demiBold-font);
  font-size: 19px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  opacity: 1;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .applyTestimonial .testimonial-container .testimonialSectionSwiper .testimonial-box .response-title {
    font-size: 10px;
    line-height: 100%;
    /* 10px */
  }
}
@media only screen and (max-width: 767px) {
  .applyTestimonial .testimonial-container .testimonialSectionSwiper .testimonial-box .response-title {
    font-size: 14.678px;
    line-height: 100%;
    /* 14.678px */
  }
}
.applyTestimonial .testimonial-container .testimonialSectionSwiper .testimonial-box .detailed-response {
  font-family: var(--primary-regular-font);
  font-style: normal;
  font-weight: 400;
  line-height: 19px;
  opacity: 0.7;
  margin-bottom: 15px;
}
.applyTestimonial .testimonial-container .testimonialSectionSwiper .swiper-button-prev,
.applyTestimonial .testimonial-container .testimonialSectionSwiper .swiper-button-next {
  background-size: 100% !important;
  background-position: center !important;
  height: 30px;
  width: 30px;
}
.applyTestimonial .testimonial-container .testimonialSectionSwiper .swiper-button-prev::after,
.applyTestimonial .testimonial-container .testimonialSectionSwiper .swiper-button-next::after {
  content: "";
}
.applyTestimonial .testimonial-container .testimonialSectionSwiper .swiper-button-prev {
  background: url("../../../../assets/img/icons/left_arrow_green.svg") no-repeat;
  left: 0 !important;
}
@media only screen and (max-width: 767px) {
  .applyTestimonial .testimonial-container .testimonialSectionSwiper .swiper-button-prev {
    left: -0.5px !important;
  }
}
@media only screen and (max-width: 479px) {
  .applyTestimonial .testimonial-container .testimonialSectionSwiper .swiper-button-prev {
    left: 0 !important;
  }
}
.applyTestimonial .testimonial-container .testimonialSectionSwiper .swiper-button-next {
  background: url("../../../../assets/img/icons/right_arrow_green.svg") no-repeat;
  right: 0 !important;
}
@media only screen and (max-width: 767px) {
  .applyTestimonial .testimonial-container .testimonialSectionSwiper .swiper-button-next {
    right: -0.5px !important;
  }
}
@media only screen and (max-width: 479px) {
  .applyTestimonial .testimonial-container .testimonialSectionSwiper .swiper-button-next {
    right: 0 !important;
  }
}
.applyTestimonial .testimonialLogo figure {
  width: auto;
  height: 31px;
  margin-top: 20px;
  margin-bottom: 0px;
  text-align: center;
}
.applyTestimonial .testimonialLogo figure svg {
  width: 244.399px;
  height: 60px;
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .applyTestimonial .testimonialLogo figure svg {
    width: 130.346px;
    height: 32px;
  }
}
.applyTestimonial .testimonialLogo figure img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.getCapitalFastContainerApplyPage {
  border-radius: 15px;
  border: 1.875px solid var(--primary-color);
  background: var(--quaternary-color);
  box-shadow: 0px 7.5px 75px 0px var(--primary-shadow);
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: stretch;
  overflow: hidden;
  position: relative;
  z-index: 100;
  background-color: var(--quaternary-color) !important;
  background-image: url("../../../../assets/img/applyPage/bgImg.png") !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  overflow: hidden !important;
}
@media only screen and (max-width: 767px) {
  .getCapitalFastContainerApplyPage {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-position: left !important;
  }
}
.getCapitalFastContainerApplyPage .imgContainer,
.getCapitalFastContainerApplyPage .contentContainer {
  flex-basis: 50%;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .getCapitalFastContainerApplyPage .imgContainer img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
    -o-object-fit: cover;
       object-fit: cover;
  }
}
.getCapitalFastContainerApplyPage .imgContainer img.webImg {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-fit: cover;
     object-fit: cover;
}
@media only screen and (max-width: 767px) {
  .getCapitalFastContainerApplyPage .imgContainer img.webImg {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 1200px) and (max-width: 1499px), only screen and (min-width: 1500px) and (max-width: 1599px), only screen and (min-width: 1600px) {
  .getCapitalFastContainerApplyPage .imgContainer img.mobImg {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .getCapitalFastContainerApplyPage .imgContainer {
    flex-basis: unset;
    height: 311px;
  }
  .getCapitalFastContainerApplyPage .imgContainer img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center;
       object-position: center;
  }
}
.getCapitalFastContainerApplyPage .contentContainer {
  padding: 51px 35.5px !important;
}
.getCapitalFastContainerApplyPage .contentContainer:first-of-type {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .getCapitalFastContainerApplyPage .contentContainer {
    padding: 15px 20px !important;
  }
}
@media only screen and (max-width: 767px) {
  .getCapitalFastContainerApplyPage .contentContainer {
    padding: 20.5px 29px !important;
  }
  .getCapitalFastContainerApplyPage .contentContainer:last-of-type {
    padding-top: 0 !important;
  }
}
.getCapitalFastContainerApplyPage .contentContainer .title {
  color: var(--secondary-color);
  font-family: var(--primary-regular-font);
  font-size: 33.75px;
  font-style: normal;
  font-weight: 400;
  line-height: 34.75px;
  margin-bottom: 9.5px;
}
.getCapitalFastContainerApplyPage .contentContainer .title span {
  font-family: var(--primary-bold-font);
  font-weight: 700;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .getCapitalFastContainerApplyPage .contentContainer .title {
    font-size: 14px;
    line-height: 16.1px;
    margin-bottom: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .getCapitalFastContainerApplyPage .contentContainer .title {
    font-size: 24px;
    line-height: 24px;
    margin-bottom: 0px;
    text-align: center;
  }
}
.getCapitalFastContainerApplyPage .contentContainer .subTitle,
.getCapitalFastContainerApplyPage .contentContainer .subTitleList {
  color: var(--secondary-color);
  font-family: var(--primary-regular-font);
  /* 23.438px */
  margin-bottom: 32.25px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .getCapitalFastContainerApplyPage .contentContainer .subTitle,
  .getCapitalFastContainerApplyPage .contentContainer .subTitleList {
    margin-bottom: 22px;
  }
}
@media only screen and (max-width: 767px) {
  .getCapitalFastContainerApplyPage .contentContainer .subTitle,
  .getCapitalFastContainerApplyPage .contentContainer .subTitleList {
    margin-bottom: 32px;
    text-align: center;
  }
}
.getCapitalFastContainerApplyPage .contentContainer .subTitle {
  font-size: 18.75px;
  font-style: normal;
  font-weight: 400;
  line-height: 125%;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .getCapitalFastContainerApplyPage .contentContainer .subTitle {
    font-size: 10px;
    line-height: 16px;
  }
}
@media only screen and (max-width: 767px) {
  .getCapitalFastContainerApplyPage .contentContainer .subTitle {
    font-size: 12px;
    line-height: 15px;
  }
}
.getCapitalFastContainerApplyPage .contentContainer .form {
  margin-top: 35.62px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .getCapitalFastContainerApplyPage .contentContainer .form {
    margin-top: 19px;
  }
}
@media only screen and (max-width: 767px) {
  .getCapitalFastContainerApplyPage .contentContainer .form .form-group {
    text-align: center;
  }
}
.getCapitalFastContainerApplyPage .contentContainer .form .form-group .formInput {
  background-color: transparent;
  border: 0;
  border-bottom: 1px solid var(--white);
  color: var(--white);
  border-radius: 0;
  outline: none;
  caret-color: var(--whiteWithOpacity);
  font-family: var(--primary-regular-font);
  font-style: normal;
  font-size: 15px;
  line-height: 15px;
  text-align: left;
  padding: 17.5px 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .getCapitalFastContainerApplyPage .contentContainer .form .form-group .formInput {
    font-size: 8px;
    line-height: 8px;
    padding: 7px 0;
  }
}
@media only screen and (max-width: 767px) {
  .getCapitalFastContainerApplyPage .contentContainer .form .form-group .formInput {
    font-size: 10px;
    line-height: 12.5px;
    text-align: left;
    padding: 12px 0;
  }
}
.getCapitalFastContainerApplyPage .contentContainer .form .form-group .formInput:focus, .getCapitalFastContainerApplyPage .contentContainer .form .form-group .formInput:focus-visible, .getCapitalFastContainerApplyPage .contentContainer .form .form-group .formInput:focus-within {
  outline: none;
  box-shadow: none;
}
.getCapitalFastContainerApplyPage .contentContainer .form .form-group .formInput::-moz-placeholder {
  color: var(--whiteWithOpacity);
}
.getCapitalFastContainerApplyPage .contentContainer .form .form-group .formInput::placeholder {
  color: var(--whiteWithOpacity);
}
.getCapitalFastContainerApplyPage .contentContainer .form .form-group .helpText {
  font-family: var(--primary-regular-font);
  font-style: normal;
  font-size: 15px;
  line-height: 15px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .getCapitalFastContainerApplyPage .contentContainer .form .form-group .helpText {
    font-size: 8px;
    line-height: 8px;
  }
}
@media only screen and (max-width: 767px) {
  .getCapitalFastContainerApplyPage .contentContainer .form .form-group .helpText {
    font-size: 10px;
    line-height: 12.5px;
    text-align: center;
  }
}
.getCapitalFastContainerApplyPage .contentContainer .contentContainerList .subTitleList {
  margin-bottom: 20px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .getCapitalFastContainerApplyPage .contentContainer .contentContainerList .subTitleList {
    margin-bottom: 5px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .getCapitalFastContainerApplyPage .contentContainer .contentContainerList .subTitleList {
    margin-bottom: 0;
  }
}
.getCapitalFastContainerApplyPage .contentContainer .contentContainerList .subTitleList::marker {
  color: var(--secondary-color-WithOpacity2);
  font-size: 1.5em;
}
.getCapitalFastContainerApplyPage .contentContainer .getStartedBtn {
  width: 50%;
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .getCapitalFastContainerApplyPage .contentContainer .getStartedBtn {
    width: 80%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .getCapitalFastContainerApplyPage .contentContainer .getStartedBtn {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .getCapitalFastContainerApplyPage .contentContainer .getStartedBtn {
    width: 100% !important;
    margin-top: 26px;
  }
  .getCapitalFastContainerApplyPage .contentContainer .getStartedBtn figure {
    width: 20px;
    height: auto;
  }
}

@media only screen and (max-width: 767px) {
  .footer.applyPageFooter .contentArea {
    padding-top: 200px !important;
  }
}

/*=============================================
=          5. About Page CSS            =
=============================================*/
@media only screen and (max-width: 767px) {
  .about_header-area {
    background-image: url("../../../../assets/img/aboutUs/aboutBg.png") !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-origin: padding-box !important;
  }
}

/* 1. Herobanner Section CSS */
.aboutHerobannerSection {
  background-image: url("../../../../assets/img/aboutUs/aboutBg.png");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  background-origin: padding-box;
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0rem 0rem;
  border-radius: 0rem;
  min-height: 90vh;
  height: 100%;
  width: 100%;
  overflow: hidden;
}
.aboutHerobannerSection .bannerOverlayCurve {
  position: absolute;
  z-index: 0;
  top: 50%;
  left: 0px;
  transform: translate(0%, -50%);
  width: 22%;
  height: auto;
}
@media only screen and (max-width: 767px) {
  .aboutHerobannerSection .bannerOverlayCurve {
    top: 99%;
    left: -3%;
    width: 55%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 1200px) and (max-width: 1499px), only screen and (min-width: 1500px) and (max-width: 1599px), only screen and (min-width: 1600px) {
  .aboutHerobannerSection {
    background-size: cover;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .aboutHerobannerSection {
    min-height: 40vh;
  }
}
@media only screen and (max-width: 767px) {
  .aboutHerobannerSection {
    background-position: bottom center;
    min-height: 77vh;
  }
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .aboutHerobannerSection .contentArea {
    padding-top: 5.3125rem;
  }
}
.aboutHerobannerSection .contentArea .bannerContent {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 35px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .aboutHerobannerSection .contentArea .bannerContent {
    gap: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .aboutHerobannerSection .contentArea .bannerContent {
    gap: 24px;
  }
}
.aboutHerobannerSection .contentArea .bannerContent .titleWrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 27px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .aboutHerobannerSection .contentArea .bannerContent .titleWrapper {
    gap: 22px;
  }
}
@media only screen and (max-width: 767px) {
  .aboutHerobannerSection .contentArea .bannerContent .titleWrapper {
    gap: 0;
  }
}
.aboutHerobannerSection .contentArea .bannerContent .titleWrapper .bannerMainText {
  color: var(--white);
  font-family: var(--primary-regular-font);
  font-size: 48px;
  line-height: normal;
  text-align: center;
  text-transform: capitalize;
}
@media only screen and (min-width: 1600px) {
  .aboutHerobannerSection .contentArea .bannerContent .titleWrapper .bannerMainText {
    font-size: 64px;
    line-height: 81px;
  }
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .aboutHerobannerSection .contentArea .bannerContent .titleWrapper .bannerMainText {
    font-size: 26px;
    line-height: 33px;
  }
}
.aboutHerobannerSection .contentArea .bannerContent .titleWrapper .bannerMainText.specialText {
  color: var(--quaternary-color);
  font-family: var(--secondary-regular-font);
}
.aboutHerobannerSection .contentArea .bannerContent .shortInfo {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 0px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 1200px) and (max-width: 1499px), only screen and (min-width: 1500px) and (max-width: 1599px), only screen and (min-width: 1600px) {
  .aboutHerobannerSection .contentArea .bannerContent .shortInfo {
    width: 70%;
  }
}
@media only screen and (max-width: 767px) {
  .aboutHerobannerSection .contentArea .bannerContent .shortInfo {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
}
.aboutHerobannerSection .contentArea .bannerContent .shortInfo .item {
  position: relative;
}
.aboutHerobannerSection .contentArea .bannerContent .shortInfo .item p {
  margin: 0;
  color: var(--white);
  padding: 0 20px;
  font-family: var(--primary-regular-font);
  font-size: 18px !important;
  line-height: 1.5 !important;
  text-transform: none;
  text-align: center;
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .aboutHerobannerSection .contentArea .bannerContent .shortInfo .item p {
    font-size: 16px !important;
    padding: 0px;
  }
}

/* 2. Info Section */
@media only screen and (max-width: 767px) {
  .aboutInfo-section .contentArea {
    padding-top: 58.89px;
    padding-bottom: 58.89px;
  }
}
.aboutInfo-section .contentArea .contentWrapper {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  gap: 60px;
}
@media only screen and (min-width: 1600px) {
  .aboutInfo-section .contentArea .contentWrapper {
    gap: 79.96px;
    width: 86%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 1200px) and (max-width: 1499px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 1500px) and (max-width: 1599px) {
  .aboutInfo-section .contentArea .contentWrapper {
    gap: 40px;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media only screen and (max-width: 767px) {
  .aboutInfo-section .contentArea .contentWrapper {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    gap: 30px;
  }
}
.aboutInfo-section .contentArea .contentWrapper .logoBox {
  flex: 0.4;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 1200px) and (max-width: 1499px) {
  .aboutInfo-section .contentArea .contentWrapper .logoBox {
    width: 35%;
    margin-right: 0;
  }
}
.aboutInfo-section .contentArea .contentWrapper .logoBox figure {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0;
}
@media only screen and (max-width: 767px) {
  .aboutInfo-section .contentArea .contentWrapper .logoBox figure {
    width: 100px;
  }
}
.aboutInfo-section .contentArea .contentWrapper .logoBox figure img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.aboutInfo-section .contentArea .contentWrapper .contentBox {
  flex: 1;
  padding-top: 5px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 1200px) and (max-width: 1499px) {
  .aboutInfo-section .contentArea .contentWrapper .contentBox {
    width: 65%;
  }
}
.aboutInfo-section .contentArea .contentWrapper .contentBox .sectionHeadWrapper {
  margin-bottom: 40px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 1200px) and (max-width: 1499px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 1500px) and (max-width: 1599px) {
  .aboutInfo-section .contentArea .contentWrapper .contentBox .sectionHeadWrapper {
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .aboutInfo-section .contentArea .contentWrapper .contentBox .sectionHeadWrapper {
    margin-bottom: 9.46px;
  }
}
.aboutInfo-section .contentArea .contentWrapper .contentBox .sectionHeadWrapper .section-head {
  text-align: left;
}
@media only screen and (max-width: 767px) {
  .aboutInfo-section .contentArea .contentWrapper .logoBox,
  .aboutInfo-section .contentArea .contentWrapper .contentBox {
    width: 100%;
  }
}

/* 3. Team Section */
.teamSection {
  background: linear-gradient(84deg, var(--secondary-color) 0%, var(--secondary-color) 100%) 0% 0% no-repeat padding-box;
  position: relative;
  overflow: hidden;
}
.teamSection .footerSvg {
  position: absolute;
  z-index: 0;
  left: 0;
  left: -210px;
  transform: rotate(180deg);
  width: 310px;
  height: auto;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .teamSection .footerSvg {
    left: -240px;
    width: 60%;
    height: auto;
  }
}
@media only screen and (max-width: 767px) {
  .teamSection .footerSvg {
    top: -60px;
    left: 50%;
    transform: translate(50%, 0);
  }
}
.teamSection .contentArea {
  padding-top: 72.5px;
  padding-bottom: 100px;
}
.teamSection .contentArea .sectionHeadWrapper .section-head {
  font-family: var(--primary-regular-font);
}
.teamSection .contentArea .contentWrapper .item {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  gap: 50px;
  padding-bottom: 50px;
}
@media only screen and (max-width: 767px) {
  .teamSection .contentArea .contentWrapper .item {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 30px;
    padding-bottom: 63.24px;
  }
}
.teamSection .contentArea .contentWrapper .item:not(:first-of-type) {
  padding-top: 50px;
}
@media only screen and (max-width: 767px) {
  .teamSection .contentArea .contentWrapper .item:not(:first-of-type) {
    padding-top: 0;
  }
}
.teamSection .contentArea .contentWrapper .item:not(:last-of-type) {
  border-bottom: 1px solid var(--ternary-color);
}
@media only screen and (max-width: 767px) {
  .teamSection .contentArea .contentWrapper .item:not(:last-of-type) {
    border-color: transparent !important;
  }
}
.teamSection .contentArea .contentWrapper .item:last-of-type {
  padding-bottom: 0;
  border-bottom: none;
}
.teamSection .contentArea .contentWrapper .item .imgBox {
  flex: 0.3;
}
.teamSection .contentArea .contentWrapper .item .imgBox figure {
  margin: 0 auto;
  height: 100%;
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .teamSection .contentArea .contentWrapper .item .imgBox figure {
    width: 50%;
    height: auto;
  }
}
.teamSection .contentArea .contentWrapper .item .imgBox figure img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.teamSection .contentArea .contentWrapper .item .contentBox {
  flex: 1;
}
.teamSection .contentArea .contentWrapper .item .contentBox .titleWrapper .title {
  color: var(--ternary-color);
  font-size: 25px;
  line-height: 35px;
  margin-bottom: 33.5px;
  text-align: left;
  font-family: var(--primary-bold-font);
  font-weight: 700;
}
@media only screen and (max-width: 767px) {
  .teamSection .contentArea .contentWrapper .item .contentBox .titleWrapper .title {
    margin-bottom: 12px;
    font-size: 22px;
    text-align: center;
  }
}
.teamSection .contentArea .contentWrapper .item .contentBox .descriptionWrapper .descriptionText {
  color: var(--white);
  font-size: 16px;
  line-height: 20px;
  text-align: left;
}
.teamSection .contentArea .contentWrapper .item .contentBox .descriptionWrapper .descriptionText:last-of-type {
  margin-bottom: 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 1200px) and (max-width: 1499px), only screen and (min-width: 1500px) and (max-width: 1599px), only screen and (min-width: 1600px) {
  .teamSection .contentArea .contentWrapper .item:nth-of-type(2n+1) .imgBox {
    order: 2;
  }
  .teamSection .contentArea .contentWrapper .item:nth-of-type(2n+1) .contentBox {
    order: 1;
  }
  .teamSection .contentArea .contentWrapper .item:nth-of-type(2n) .imgBox {
    order: 1;
  }
  .teamSection .contentArea .contentWrapper .item:nth-of-type(2n) .contentBox {
    order: 2;
  }
}

/* 4. InfoSection2 */
.aboutInfo-section2 {
  background-image: url("../../../../assets/img/aboutUs/aboutBgWeb.png");
  background-repeat: no-repeat;
  background-position: bottom;
  background-size: cover;
  background-origin: padding-box;
}
@media only screen and (max-width: 767px) {
  .aboutInfo-section2 {
    background-image: url("../../../../assets/img/aboutUs/aboutBgMob.png");
  }
}
@media only screen and (max-width: 767px) {
  .aboutInfo-section2 .contentArea {
    background-image: url("../../../../assets/img/bgSVG/sectionBgGreen.png");
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: contain;
    background-origin: padding-box;
    padding-bottom: 140px;
  }
}
.aboutInfo-section2 .infoSection {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
@media only screen and (min-width: 1200px) and (max-width: 1499px), only screen and (min-width: 1500px) and (max-width: 1599px), only screen and (min-width: 1600px) {
  .aboutInfo-section2 .infoSection {
    min-height: 40vh;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 1200px) and (max-width: 1499px), only screen and (min-width: 1500px) and (max-width: 1599px), only screen and (min-width: 1600px) {
  .aboutInfo-section2 .infoSection {
    background-image: url("../../../../assets/img/applyPage/bgImg3.svg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100%;
    overflow: hidden;
  }
}
.aboutInfo-section2 .infoSection .sectionHeadWrapper {
  margin-bottom: 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 1200px) and (max-width: 1499px), only screen and (min-width: 1500px) and (max-width: 1599px), only screen and (min-width: 1600px) {
  .aboutInfo-section2 .infoSection .sectionHeadWrapper {
    padding: 0 7%;
  }
}
.aboutInfo-section2 .infoSection .sectionHeadWrapper .section-head.specialFont1 {
  margin-top: 15px;
  font-size: 34px;
  line-height: 36px;
  font-weight: normal;
}
@media only screen and (max-width: 767px) {
  .aboutInfo-section2 .infoSection .sectionHeadWrapper .section-head {
    font-size: 24px !important;
    line-height: 1.5 !important;
    margin-top: 0 !important;
  }
}
.aboutInfo-section2 .infoSection .section-subText {
  margin-top: 34px;
  font-size: 20px;
}
@media only screen and (max-width: 767px) {
  .aboutInfo-section2 .infoSection .section-subText {
    margin-top: 28.5px;
  }
}

/* 5. Core Value Section */
@media only screen and (max-width: 767px) {
  .coreValueInfoSection .contentArea .row .col-12:last-of-type {
    padding: 0;
  }
}
@media only screen and (max-width: 767px) {
  .coreValueInfoSection .sectionHeadWrapper {
    margin-bottom: 30px;
  }
}
.coreValueInfoSection .infoWrapper {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: stretch;
  gap: 75.5px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 1200px) and (max-width: 1499px) {
  .coreValueInfoSection .infoWrapper {
    gap: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .coreValueInfoSection .infoWrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
}
.coreValueInfoSection .infoWrapper .leftSide {
  width: 40%;
  flex-grow: 1;
}
.coreValueInfoSection .infoWrapper .leftSide .imgBox figure {
  margin: 0;
}
@media only screen and (max-width: 767px) {
  .coreValueInfoSection .infoWrapper .leftSide {
    display: none;
  }
}
.coreValueInfoSection .infoWrapper .rightSide {
  width: 60%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  flex-grow: 1;
  height: 100%;
  padding-top: 24.75px;
}
.coreValueInfoSection .infoWrapper .rightSide .wrapper {
  border: 1px solid var(--ternary-color);
  padding: 17px 25px;
}
@media only screen and (max-width: 767px) {
  .coreValueInfoSection .infoWrapper .rightSide .wrapper {
    padding: 17px 15px;
  }
}
@media only screen and (max-width: 767px) {
  .coreValueInfoSection .infoWrapper .leftSide,
  .coreValueInfoSection .infoWrapper .rightSide {
    width: 100%;
    padding-top: 0;
  }
}

/* 6. Testimonial Section*/
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .aboutTestimonialSection {
    background-position: right bottom;
    background-size: 150%;
  }
}
.aboutTestimonialSection .imgContainer {
  position: relative;
  overflow: hidden;
}
@media only screen and (max-width: 767px) {
  .aboutTestimonialSection .imgContainer {
    width: 100%;
  }
}
.aboutTestimonialSection .imgContainer .overlayLogo,
.aboutTestimonialSection .imgContainer .overlayCurve {
  position: absolute;
}
.aboutTestimonialSection .imgContainer .overlayLogo {
  top: 20px;
  left: 20px;
  transform: translate(0, 0);
  width: 22% !important;
  height: auto !important;
  -o-object-fit: contain;
     object-fit: contain;
}
@media only screen and (max-width: 767px) {
  .aboutTestimonialSection .imgContainer .overlayLogo {
    bottom: 20px;
    top: unset;
    left: 50%;
    transform: translate(-50%, 0px);
    width: 38%;
  }
}
.aboutTestimonialSection .imgContainer .overlayCurve {
  bottom: 50%;
  right: 0;
  transform: translate(0, 50%);
  width: 40%;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
}
@media only screen and (max-width: 767px) {
  .aboutTestimonialSection .imgContainer .overlayCurve {
    width: 30%;
  }
}
.aboutTestimonialSection .imgContainer .subscribeImg {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-fit: cover;
     object-fit: cover;
}

/*=============================================
=          6. Contact Page CSS            =
=============================================*/
.contactMain {
  background: var(--secondary-color);
}

/* 1. Herobanner Section CSS */
.contactHerobannerSection {
  background: linear-gradient(78deg, rgba(0, 18, 43, 0.85) 31.39%, rgba(0, 18, 43, 0) 72.28%), url("../../img/landingPage/herobanner2.jpg"), lightgray 50%/cover no-repeat;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0rem 0rem;
  border-radius: 0rem;
  min-height: 90vh;
  height: 100%;
  width: 100%;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 1200px) and (max-width: 1499px), only screen and (min-width: 1500px) and (max-width: 1599px), only screen and (min-width: 1600px) {
  .contactHerobannerSection {
    background-size: cover;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .contactHerobannerSection {
    min-height: 40vh;
  }
}
@media only screen and (max-width: 767px) {
  .contactHerobannerSection {
    background-position: right 35% top 30% !important;
    min-height: 65vh;
  }
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .contactHerobannerSection .contentArea {
    padding-top: 5.3125rem;
  }
}
.contactHerobannerSection .contentArea .bannerContent {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 35px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .contactHerobannerSection .contentArea .bannerContent {
    gap: 30px;
  }
}
.contactHerobannerSection .contentArea .bannerContent .titleWrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 27px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .contactHerobannerSection .contentArea .bannerContent .titleWrapper {
    gap: 22px;
  }
}
@media only screen and (max-width: 767px) {
  .contactHerobannerSection .contentArea .bannerContent .titleWrapper {
    gap: 8px;
  }
}
.contactHerobannerSection .contentArea .bannerContent .titleWrapper .bannerMainText {
  color: var(--white);
  font-family: var(--primary-regular-font);
  font-size: 48px;
  line-height: normal;
  text-align: center;
  text-transform: capitalize;
}
@media only screen and (min-width: 1600px) {
  .contactHerobannerSection .contentArea .bannerContent .titleWrapper .bannerMainText {
    font-size: 64px;
    line-height: 81px;
  }
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .contactHerobannerSection .contentArea .bannerContent .titleWrapper .bannerMainText {
    font-size: 25.6px;
    line-height: normal;
  }
}
.contactHerobannerSection .contentArea .bannerContent .titleWrapper .bannerMainText.specialText {
  color: var(--quaternary-color);
  font-family: var(--secondary-regular-font);
}
.contactHerobannerSection .contentArea .bannerContent .shortInfo {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 0px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 1200px) and (max-width: 1499px), only screen and (min-width: 1500px) and (max-width: 1599px), only screen and (min-width: 1600px) {
  .contactHerobannerSection .contentArea .bannerContent .shortInfo {
    width: 70%;
  }
}
@media only screen and (max-width: 767px) {
  .contactHerobannerSection .contentArea .bannerContent .shortInfo {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
}
.contactHerobannerSection .contentArea .bannerContent .shortInfo .item {
  position: relative;
}
.contactHerobannerSection .contentArea .bannerContent .shortInfo .item p {
  margin: 0;
  color: var(--white);
  padding: 0 20px;
  font-family: var(--primary-regular-font);
  font-size: 13.5px;
  line-height: 13.5px;
  text-transform: none;
  text-align: center;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .contactHerobannerSection .contentArea .bannerContent .shortInfo .item p {
    font-family: var(--primary-bold-font);
    font-weight: 700;
    font-size: 7.2px;
    line-height: normal;
  }
}
@media only screen and (max-width: 767px) {
  .contactHerobannerSection .contentArea .bannerContent .shortInfo .item p {
    font-family: var(--primary-bold-font);
    font-weight: 700;
    font-size: 9.095px;
    line-height: normal;
    padding: 11.37px 0px;
  }
}

.contactPageForm .leftSide .ctaButtonContainer .primaryBtn {
  color: var(--secondary-color);
}

/*=============================================
=          7. Product Page CSS            =
=============================================*/
.productPageHeroSection {
  background: var(--secondary-color) !important;
}
.productPageHeroSection .contentArea .bannerContent {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.productPageHeroSection .contentArea .bannerContent .leftSide {
  position: relative;
  border: none !important;
  padding: 0;
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 1200px) and (max-width: 1499px) {
  .productPageHeroSection .contentArea .bannerContent .leftSide {
    display: none;
  }
}
.productPageHeroSection .contentArea .bannerContent .leftSide .bgVector {
  width: 536px;
  height: auto;
  position: absolute;
  top: -10%;
  left: -22%;
  transform: translate(0%, -50%);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .productPageHeroSection .contentArea .bannerContent .leftSide .bgVector.image1 {
    width: 243.664px;
    height: 320px;
  }
}
@media only screen and (max-width: 767px) {
  .productPageHeroSection .contentArea .bannerContent .leftSide .bgVector {
    display: none;
  }
}
.productPageHeroSection .contentArea .bannerContent .leftSide figure {
  margin-bottom: 0;
  width: 417.594px;
  height: auto;
  z-index: 99;
  display: block;
  position: relative;
  top: -100px;
  left: -23%;
  transform: translate(50%, 0);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .productPageHeroSection .contentArea .bannerContent .leftSide figure {
    width: 222.717px;
  }
}
@media only screen and (max-width: 767px) {
  .productPageHeroSection .contentArea .bannerContent .leftSide figure {
    width: 100%;
    padding-left: 52px;
    padding-right: 52px;
  }
}
.productPageHeroSection .contentArea .bannerContent .leftSide figure img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 1200px) and (max-width: 1499px) {
  .productPageHeroSection .contentArea .bannerContent .rightSide {
    width: 100%;
    padding-top: 60px;
    padding-left: 60px;
    padding-right: 60px;
  }
}
.productPageHeroSection .contentArea .bannerContent .bannerMainText {
  margin-bottom: 15px;
  color: var(--ternary-color);
}
.productPageHeroSection .contentArea .bannerContent .applyBtnContainer .btn {
  width: 136px;
}
@media only screen and (max-width: 767px) {
  .productPageHeroSection .contentArea .bannerContent .applyBtnContainer .btn {
    width: 50%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 1200px) and (max-width: 1499px), only screen and (min-width: 1500px) and (max-width: 1599px) {
  .productInfoSection .contentArea {
    padding-top: 70px;
    padding-bottom: 120px;
  }
}
.productInfoSection .contentArea .iconWrapper {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  gap: 126px;
  margin-bottom: 87px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .productInfoSection .contentArea .iconWrapper {
    gap: 45px;
  }
}
@media only screen and (max-width: 767px) {
  .productInfoSection .contentArea .iconWrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 30px;
    margin-bottom: 50px;
  }
}
.productInfoSection .contentArea .iconWrapper .iconBox {
  text-align: center;
}
.productInfoSection .contentArea .iconWrapper .iconBox figure {
  margin-bottom: 0;
  text-align: center;
  width: 91px;
  height: 91px;
  margin: 0 auto;
}
@media only screen and (max-width: 767px) {
  .productInfoSection .contentArea .iconWrapper .iconBox figure {
    width: 90px;
    height: 90px;
  }
}
.productInfoSection .contentArea .iconWrapper .iconBox figure img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.productInfoSection .contentArea .iconWrapper .iconBox .figcaption {
  font-size: 18px;
  line-height: 22px;
  margin-top: 5px;
  margin-bottom: 0;
  color: var(--secondary-color);
  width: 138px;
}
@media only screen and (max-width: 767px) {
  .productInfoSection .contentArea .iconWrapper .iconBox .figcaption {
    width: 100%;
  }
}
.productInfoSection .contentArea .infoGridWrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 80px;
}
@media only screen and (max-width: 767px) {
  .productInfoSection .contentArea .infoGridWrapper {
    gap: 60px;
  }
}
.productInfoSection .contentArea .infoGridWrapper .infoItemWrapper {
  gap: 104px;
}
.productInfoSection .contentArea .infoGridWrapper .infoItemWrapper:nth-of-type(2n+1) {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
}
.productInfoSection .contentArea .infoGridWrapper .infoItemWrapper:nth-of-type(2n+1) .infoItem2 .contentBox {
  margin-right: 0;
  margin-left: auto;
}
.productInfoSection .contentArea .infoGridWrapper .infoItemWrapper:nth-of-type(2n+1) .infoItem2 .contentBox .title,
.productInfoSection .contentArea .infoGridWrapper .infoItemWrapper:nth-of-type(2n+1) .infoItem2 .contentBox .sub-title,
.productInfoSection .contentArea .infoGridWrapper .infoItemWrapper:nth-of-type(2n+1) .infoItem2 .contentBox .feature-link {
  text-align: right;
}
.productInfoSection .contentArea .infoGridWrapper .infoItemWrapper:nth-of-type(2n) {
  display: flex;
  flex-direction: row-reverse;
  justify-content: center;
  align-items: flex-start;
}
.productInfoSection .contentArea .infoGridWrapper .infoItemWrapper:nth-of-type(2n) .infoItem2 .contentBox {
  margin-left: 0;
  margin-right: auto;
}
.productInfoSection .contentArea .infoGridWrapper .infoItemWrapper:nth-of-type(2n) .infoItem2 .contentBox .title,
.productInfoSection .contentArea .infoGridWrapper .infoItemWrapper:nth-of-type(2n) .infoItem2 .contentBox .sub-title,
.productInfoSection .contentArea .infoGridWrapper .infoItemWrapper:nth-of-type(2n) .infoItem2 .contentBox .feature-link {
  text-align: left;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 1200px) and (max-width: 1499px) {
  .productInfoSection .contentArea .infoGridWrapper .infoItemWrapper {
    gap: 60px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .productInfoSection .contentArea .infoGridWrapper .infoItemWrapper {
    gap: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .productInfoSection .contentArea .infoGridWrapper .infoItemWrapper {
    display: flex;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 20px;
  }
}
.productInfoSection .contentArea .infoGridWrapper .infoItemWrapper .infoItem1 figure {
  margin: 0 auto;
  width: 482px;
  height: auto;
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 1200px) and (max-width: 1499px) {
  .productInfoSection .contentArea .infoGridWrapper .infoItemWrapper .infoItem1 figure {
    width: 100%;
  }
}
.productInfoSection .contentArea .infoGridWrapper .infoItemWrapper .infoItem1 figure img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.productInfoSection .contentArea .infoGridWrapper .infoItemWrapper .infoItem2 .contentBox {
  padding-top: 10px;
  width: 83%;
}
.productInfoSection .contentArea .infoGridWrapper .infoItemWrapper .infoItem2 .contentBox .title,
.productInfoSection .contentArea .infoGridWrapper .infoItemWrapper .infoItem2 .contentBox .sub-title,
.productInfoSection .contentArea .infoGridWrapper .infoItemWrapper .infoItem2 .contentBox .feature-link {
  display: block;
  color: var(--secondary-color);
}
@media only screen and (max-width: 767px) {
  .productInfoSection .contentArea .infoGridWrapper .infoItemWrapper .infoItem2 .contentBox .title,
  .productInfoSection .contentArea .infoGridWrapper .infoItemWrapper .infoItem2 .contentBox .sub-title,
  .productInfoSection .contentArea .infoGridWrapper .infoItemWrapper .infoItem2 .contentBox .feature-link {
    text-align: left !important;
  }
}
.productInfoSection .contentArea .infoGridWrapper .infoItemWrapper .infoItem2 .contentBox .title {
  font-size: 25px;
  line-height: 35px;
  margin-bottom: 30px;
  font-family: var(--primary-bold-font);
  font-weight: 700;
}
@media only screen and (max-width: 767px) {
  .productInfoSection .contentArea .infoGridWrapper .infoItemWrapper .infoItem2 .contentBox .title {
    margin-bottom: 12px;
    font-size: 22px;
  }
}
.productInfoSection .contentArea .infoGridWrapper .infoItemWrapper .infoItem2 .contentBox .sub-title {
  font-size: 16px;
  line-height: 18px;
  margin-bottom: 20px;
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .productInfoSection .contentArea .infoGridWrapper .infoItemWrapper .infoItem2 .contentBox {
    width: 100%;
  }
}
.productInfoSection .contentArea .ctaButtonContainer {
  margin-top: 121px;
  width: 50%;
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (max-width: 767px) {
  .productInfoSection .contentArea .ctaButtonContainer {
    margin-top: 60px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 1200px) and (max-width: 1499px), only screen and (min-width: 1500px) and (max-width: 1599px) {
  .testimonial-section .contentArea,
  .relatedArticles-section .contentArea {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}

.testimonial-section.productPageTestimonial {
  margin-bottom: 0px !important;
}
.testimonial-section.productPageTestimonial .contentArea .trustpilotLogo {
  margin-bottom: 0;
}

.articlePage_ContentWrapper .contentArea {
  padding-bottom: 180px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 1200px) and (max-width: 1499px), only screen and (min-width: 1500px) and (max-width: 1599px) {
  .articlePage_ContentWrapper .contentArea {
    padding-top: 80px;
  }
}
@media only screen and (max-width: 767px) {
  .articlePage_ContentWrapper .contentArea {
    padding-top: 67px;
    padding-bottom: 110px;
  }
}
.articlePage_ContentWrapper .contentArea .infoItem {
  margin-bottom: 60px;
  padding-top: 0 !important;
}
.articlePage_ContentWrapper .contentArea .infoItem .blogSectionHead {
  font-family: var(--primary-bold-font) !important;
  margin-bottom: 25px !important;
  font-weight: 700;
}
.articlePage_ContentWrapper .contentArea .columnWrapper {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  gap: 142px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .articlePage_ContentWrapper .contentArea .columnWrapper {
    gap: 80px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .articlePage_ContentWrapper .contentArea .columnWrapper {
    gap: 55px;
  }
}
@media only screen and (max-width: 767px) {
  .articlePage_ContentWrapper .contentArea .columnWrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 40px;
  }
}
.articlePage_ContentWrapper .contentArea .columnWrapper .infoArea {
  flex: 1;
}
.articlePage_ContentWrapper .contentArea .columnWrapper .actionArea {
  flex: 0.6;
}
.articlePage_ContentWrapper .contentArea .columnWrapper .actionArea .actionAreaTitle .title {
  font-family: var(--primary-regular-font);
  font-size: 18px;
  line-height: 23px;
  margin-bottom: 28px;
  text-transform: uppercase;
}
.articlePage_ContentWrapper .contentArea .columnWrapper .actionArea .badgeContainer {
  margin-bottom: 60px;
}
@media only screen and (max-width: 767px) {
  .articlePage_ContentWrapper .contentArea .columnWrapper .actionArea .badgeContainer {
    margin-bottom: 40px;
  }
}
.articlePage_ContentWrapper .contentArea .columnWrapper .actionArea .badgeContainer .badgeWrapper {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 15px 10.5px;
}
.articlePage_ContentWrapper .contentArea .columnWrapper .actionArea .badgeContainer .badgeWrapper .badgeItem {
  font-family: var(--primary-regular-font);
  font-size: 18px;
  line-height: 22px;
  letter-spacing: 0px;
  color: var(--primary-color);
  border: 1px solid var(--primary-color);
  border-radius: 50px;
  padding: 8px 18px;
  opacity: 1;
  text-decoration: none;
  transition: all 0.5s ease-in-out;
}
.articlePage_ContentWrapper .contentArea .columnWrapper .actionArea .badgeContainer .badgeWrapper .badgeItem:hover {
  background-color: var(--primary-color);
  color: var(--white);
}
.articlePage_ContentWrapper .contentArea .columnWrapper .actionArea .relatedArticlesContainer {
  margin-bottom: 100px;
}
@media only screen and (max-width: 767px) {
  .articlePage_ContentWrapper .contentArea .columnWrapper .actionArea .relatedArticlesContainer {
    margin-bottom: 40px;
  }
}
.articlePage_ContentWrapper .contentArea .columnWrapper .actionArea .relatedArticlesContainer .articleItem:not(:last-of-type) {
  margin-bottom: 30px;
}
.articlePage_ContentWrapper .contentArea .columnWrapper .actionArea .relatedArticlesContainer .articleItem .articleName {
  font-family: var(--primary-regular-font);
  font-size: 28px;
  line-height: 35px;
  margin-bottom: 13px;
}
@media only screen and (max-width: 767px) {
  .articlePage_ContentWrapper .contentArea .columnWrapper .actionArea .relatedArticlesContainer .articleItem .articleName {
    font-size: 18px;
    line-height: 25px;
  }
}
.articlePage_ContentWrapper .contentArea .columnWrapper .actionArea .infoIconCardContainer {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 30px;
}
.articlePage_ContentWrapper .contentArea .columnWrapper .actionArea .infoIconCardContainer .infoIconCard {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  background-origin: content-box;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  border-radius: 1.875rem;
  width: 100%;
  height: 574px;
}
.articlePage_ContentWrapper .contentArea .columnWrapper .actionArea .infoIconCardContainer .infoIconCard.card1 {
  background-image: url("../../../../assets/img/blogPage/cardBg1.png");
}
.articlePage_ContentWrapper .contentArea .columnWrapper .actionArea .infoIconCardContainer .infoIconCard.card2 {
  background-image: url("../../../../assets/img/blogPage/cardBg2.png");
}
.articlePage_ContentWrapper .contentArea .columnWrapper .actionArea .infoIconCardContainer .infoIconCard.card2 .wrapper .imgBox figure {
  width: 50%;
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (max-width: 767px) {
  .articlePage_ContentWrapper .contentArea .columnWrapper .actionArea .infoIconCardContainer .infoIconCard {
    height: auto;
  }
}
.articlePage_ContentWrapper .contentArea .columnWrapper .actionArea .infoIconCardContainer .infoIconCard .wrapper {
  padding: 4.5rem 2.8125rem 3.25rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
@media only screen and (max-width: 767px) {
  .articlePage_ContentWrapper .contentArea .columnWrapper .actionArea .infoIconCardContainer .infoIconCard .wrapper {
    padding: 4.5rem 2.8125rem 3.25rem;
  }
}
.articlePage_ContentWrapper .contentArea .columnWrapper .actionArea .infoIconCardContainer .infoIconCard .wrapper .imgBox {
  margin-bottom: 35px;
}
.articlePage_ContentWrapper .contentArea .columnWrapper .actionArea .infoIconCardContainer .infoIconCard .wrapper .imgBox figure {
  margin-bottom: 0;
}
.articlePage_ContentWrapper .contentArea .columnWrapper .actionArea .infoIconCardContainer .infoIconCard .wrapper .imgBox figure img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.articlePage_ContentWrapper .contentArea .columnWrapper .actionArea .infoIconCardContainer .infoIconCard .wrapper .contentBox .title,
.articlePage_ContentWrapper .contentArea .columnWrapper .actionArea .infoIconCardContainer .infoIconCard .wrapper .contentBox .description {
  color: var(--white);
  text-align: center;
}
.articlePage_ContentWrapper .contentArea .columnWrapper .actionArea .infoIconCardContainer .infoIconCard .wrapper .contentBox .title {
  font-family: var(--primary-bold-font);
  font-weight: 700;
  font-size: 28px;
  line-height: 35px;
}
@media only screen and (max-width: 767px) {
  .articlePage_ContentWrapper .contentArea .columnWrapper .actionArea .infoIconCardContainer .infoIconCard .wrapper .contentBox .title {
    font-size: 22px;
    line-height: 28px;
  }
}
.articlePage_ContentWrapper .contentArea .columnWrapper .actionArea .infoIconCardContainer .infoIconCard .wrapper .contentBox .description {
  font-family: var(--primary-regular-font);
  font-size: 18px;
  line-height: 25px;
}
.articlePage_ContentWrapper .contentArea .columnWrapper .actionArea .infoIconCardContainer .infoIconCard .wrapper .contentBox .ctaButtonContainer {
  margin-top: 30px;
}
.articlePage_ContentWrapper .contentArea .columnWrapper .actionArea .infoIconCardContainer .infoIconCard .wrapper .contentBox .ctaButtonContainer .blueBgFormBtn,
.articlePage_ContentWrapper .contentArea .columnWrapper .actionArea .infoIconCardContainer .infoIconCard .wrapper .contentBox .ctaButtonContainer .getStartedBtnHome {
  width: -moz-fit-content;
  width: fit-content;
}

.partnerPageHeader {
  position: absolute !important;
  background: transparent !important;
  left: 0 !important;
  padding-top: 21px !important;
  padding-bottom: 21px;
}
.partnerPageHeader .headerContainer {
  background: none !important;
  -webkit-backdrop-filter: none !important;
          backdrop-filter: none !important;
  border-radius: 0 !important;
  padding-left: 0 !important;
}
.partnerPageHeader .headerContainer .header_logo {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 25px;
}
@media only screen and (max-width: 767px) {
  .partnerPageHeader .headerContainer .header_logo {
    gap: 23px;
  }
}
.partnerPageHeader .headerContainer .header_logo figure {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.partnerPageHeader .headerContainer .menu-container {
  display: none !important;
}

.partnerInfoSection {
  background: transparent linear-gradient(180deg, rgba(164, 195, 255, 0.1019607843) 0%, rgba(82, 98, 128, 0.1019607843) 100%) 0% 0% no-repeat padding-box;
}
.partnerInfoSection .contentArea {
  padding-left: 47px;
  padding-right: 47px;
  padding-top: 60px;
  padding-bottom: 60px;
}
.partnerInfoSection .contentArea .cardWrapper {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: stretch;
  gap: 27px;
  flex-wrap: wrap;
}
.partnerInfoSection .contentArea .cardWrapper .infoCard {
  padding: 55px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  background-color: var(--white);
  border-radius: 37px;
}
@media only screen and (min-width: 1200px) and (max-width: 1499px), only screen and (min-width: 1500px) and (max-width: 1599px), only screen and (min-width: 1600px) {
  .partnerInfoSection .contentArea .cardWrapper .infoCard {
    width: 431px !important;
    height: 284px !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .partnerInfoSection .contentArea .cardWrapper .infoCard {
    width: 30%;
    padding: 25px;
  }
}
@media only screen and (max-width: 767px) {
  .partnerInfoSection .contentArea .cardWrapper .infoCard {
    width: 100%;
    padding: 25px;
  }
}
.partnerInfoSection .contentArea .cardWrapper .infoCard figure {
  margin-bottom: 25px;
  height: 80px;
  width: 80px;
}
.partnerInfoSection .contentArea .cardWrapper .infoCard figure img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.partnerInfoSection .contentArea .cardWrapper .infoCard .title {
  margin-bottom: 5px !important;
  color: var(--primary-color);
  font-size: 28px;
  line-height: 1.5;
  font-family: var(--primary-demiBold-font);
  text-align: center;
}
.partnerInfoSection .contentArea .cardWrapper .infoCard .description {
  margin-bottom: 0 !important;
  text-align: center;
}

.partnerInfoSection2 {
  background: transparent linear-gradient(90deg, var(--ternary-color) 0%, var(--white) 100%) 0% 0% no-repeat padding-box;
  height: 100%;
  width: 100%;
  overflow: hidden;
}
.partnerInfoSection2 .contentArea {
  background-image: url("../../../../assets/img/bgSVG/ArtworkCurve.svg");
  background-position: top 0px left -13% !important;
  background-size: 25% !important;
  background-repeat: no-repeat !important;
  background-origin: content-box !important;
  padding-top: 61px;
  padding-bottom: 61px;
}
.partnerInfoSection2 .contentArea .sectionHeadWrapper .section-head {
  font-family: var(--primary-demiBold-font);
}
.partnerInfoSection2 .contentArea .partnerInfoSection2Wrapper {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: stretch;
  gap: 27px;
  flex-wrap: nowrap;
}
@media only screen and (max-width: 767px) {
  .partnerInfoSection2 .contentArea .partnerInfoSection2Wrapper {
    flex-wrap: wrap;
  }
}
.partnerInfoSection2 .contentArea .partnerInfoSection2Wrapper .item {
  border-radius: 40px;
  overflow: hidden;
}
@media only screen and (min-width: 1200px) and (max-width: 1499px), only screen and (min-width: 1500px) and (max-width: 1599px), only screen and (min-width: 1600px) {
  .partnerInfoSection2 .contentArea .partnerInfoSection2Wrapper .item {
    width: 583px;
    height: 491px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .partnerInfoSection2 .contentArea .partnerInfoSection2Wrapper .item {
    width: 50%;
    height: auto;
  }
}
.partnerInfoSection2 .contentArea .partnerInfoSection2Wrapper .item figure {
  margin: 0 auto;
  height: 266px;
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .partnerInfoSection2 .contentArea .partnerInfoSection2Wrapper .item figure {
    height: 200px;
  }
}
.partnerInfoSection2 .contentArea .partnerInfoSection2Wrapper .item figure img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-fit: cover;
     object-fit: cover;
}
.partnerInfoSection2 .contentArea .partnerInfoSection2Wrapper .item .contentWrapper {
  background-color: var(--quaternary-color);
  padding: 40px;
  height: 100%;
  min-height: 255px;
}
@media only screen and (max-width: 767px) {
  .partnerInfoSection2 .contentArea .partnerInfoSection2Wrapper .item .contentWrapper {
    padding: 25px;
  }
}
.partnerInfoSection2 .contentArea .partnerInfoSection2Wrapper .item .contentWrapper .title {
  margin-bottom: 18px !important;
  color: var(--secondary-color);
  font-size: 28px;
  line-height: 1.5;
  font-family: var(--primary-demiBold-font);
  text-align: center;
}
.partnerInfoSection2 .contentArea .partnerInfoSection2Wrapper .item .contentWrapper .description {
  margin-bottom: 0 !important;
  text-align: center;
}

.partnerUniqueFeatureSection .contentArea {
  padding-top: 108px;
  padding-bottom: 108px;
}

.requirementsSection {
  background-image: url("../../../../assets/img/partnerPage/BCGGradient.png");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden;
}
.requirementsSection .contentArea {
  padding-top: 57px;
}
@media only screen and (max-width: 767px) {
  .requirementsSection .contentArea {
    padding-bottom: 150px !important;
  }
}
.requirementsSection .contentArea .sectionHeadWrapper .section-head {
  color: var(--white);
  font-family: var(--primary-demiBold-font);
}
.requirementsSection .contentArea .requirementsListWrapper {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: stretch;
  gap: 0px;
  flex-wrap: nowrap;
}
@media only screen and (max-width: 767px) {
  .requirementsSection .contentArea .requirementsListWrapper {
    flex-wrap: wrap;
    gap: 35px;
  }
}
.requirementsSection .contentArea .requirementsListWrapper .requirementsListItem {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding-left: 40px;
  padding-right: 40px;
  position: relative;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 1200px) and (max-width: 1499px), only screen and (min-width: 1500px) and (max-width: 1599px), only screen and (min-width: 1600px) {
  .requirementsSection .contentArea .requirementsListWrapper .requirementsListItem:not(:last-of-type):after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(0, -50%);
    width: 2px;
    height: 100%;
    background-color: var(--quaternary-color);
  }
}
.requirementsSection .contentArea .requirementsListWrapper .requirementsListItem .title {
  margin-bottom: 19px !important;
  color: var(--white);
  font-size: 28px;
  line-height: 1.5;
  font-family: var(--primary-demiBold-font);
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .requirementsSection .contentArea .requirementsListWrapper .requirementsListItem .title {
    margin-bottom: 12px !important;
  }
}
.requirementsSection .contentArea .requirementsListWrapper .requirementsListItem .description {
  margin-bottom: 0 !important;
  text-align: center;
  color: var(--white);
}

.blogHeroSection {
  background-image: url("../../../../assets/img/pageBackgrounds/newBlog.jpg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  background-origin: content-box;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: stretch;
  padding: 0rem 0rem;
  border-radius: 0rem;
  min-height: 540px;
  width: 100%;
  overflow: hidden;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 1200px) and (max-width: 1499px), only screen and (min-width: 1500px) and (max-width: 1599px), only screen and (min-width: 1600px) {
  .blogHeroSection {
    background-size: cover;
  }
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .blogHeroSection {
    background-position: 60%;
    height: auto;
  }
}
.blogHeroSection .infoSection {
  height: auto;
  width: 100%;
}
.blogHeroSection .infoSection .contentArea {
  padding-top: 207px;
  padding-bottom: 135px;
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .blogHeroSection .infoSection .contentArea {
    padding-top: 160px;
    padding-bottom: 150px;
  }
}
@media only screen and (max-width: 767px) {
  .blogHeroSection .infoSection .contentArea {
    padding-top: 150px;
    padding-bottom: 90px;
  }
}
.blogHeroSection .infoSection .contentArea .bannerContent {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 25px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .blogHeroSection .infoSection .contentArea .bannerContent {
    gap: 36px;
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .blogHeroSection .infoSection .contentArea .bannerContent {
    width: 100%;
  }
}
.blogHeroSection .infoSection .contentArea .bannerContent .bannerMainText {
  color: var(--secondary-color);
  font-family: var(--primary-demiBold-font);
  font-size: 64px;
  line-height: normal;
  text-align: left;
  text-transform: capitalize;
  width: 100%;
}
@media only screen and (min-width: 1600px) {
  .blogHeroSection .infoSection .contentArea .bannerContent .bannerMainText {
    font-size: 64px;
    line-height: 81px;
  }
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .blogHeroSection .infoSection .contentArea .bannerContent .bannerMainText {
    font-size: 25.6px;
    line-height: normal;
  }
}
.blogHeroSection .infoSection .contentArea .bannerContent .blogDescription {
  font-size: 16px !important;
  font-family: var(--primary-regular-font);
  font-weight: normal;
  line-height: 1.5 !important;
  color: var(--secondary-color);
  text-align: left;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: auto;
  max-width: 820px;
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .blogHeroSection .infoSection .contentArea .bannerContent .blogDescription {
    font-size: 16px !important;
  }
}
.blogHeroSection .infoSection .contentArea .bannerContent .shortInfo {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  margin-top: 53px;
  gap: 20px;
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .blogHeroSection .infoSection .contentArea .bannerContent .shortInfo {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
}
.blogHeroSection .infoSection .contentArea .bannerContent .shortInfo .tagWrapper {
  position: relative;
  background-color: var(--primary-color);
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  height: 61px;
  border-radius: 37.5px;
}
.blogHeroSection .infoSection .contentArea .bannerContent .shortInfo .tagWrapper .tag {
  padding: 7.5px 75px;
  margin: 0;
  color: var(--white);
  font-family: var(--primary-bold-font);
  font-size: 15px !important;
  line-height: 1.5 !important;
  text-transform: capitalize;
  text-decoration: none;
  display: block;
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .blogHeroSection .infoSection .contentArea .bannerContent .shortInfo .tagWrapper .tag {
    font-family: var(--primary-bold-font);
    font-weight: 700;
    font-size: 16px !important;
    line-height: 1.5;
  }
}
@media only screen and (max-width: 767px) {
  .blogHeroSection .infoSection .contentArea .bannerContent .shortInfo .tagWrapper .tag {
    padding: 11.37px 0px;
  }
}

.recentPostsSection .sectionHeadWrapper {
  padding-left: 17px;
  margin-bottom: 33px;
}
.recentPostsSection .sectionHeadWrapper .section-head {
  color: var(--primary-color);
  font-family: var(--primary-demiBold-font);
  text-align: left;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 18px;
  letter-spacing: 1.8px;
  text-transform: uppercase;
  margin-bottom: 0px;
}

.recentPostsSection {
  background: linear-gradient(90deg, rgba(164, 195, 255, 0.21) 5.78%, rgba(164, 195, 255, 0) 96.27%);
  background-image: url("../../../../assets/img/blogPage/bgCurve.svg");
  background-position: left center;
  background-repeat: no-repeat;
  background-size: 20%;
  padding: 0 0 0 0;
  border-radius: 0 0 0 0;
  position: relative;
  overflow: hidden;
}
.recentPostsSection .contentArea {
  padding-top: 33px;
  position: relative;
  z-index: 2;
}
.recentPostsSection .contentArea .postWrapper {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: stretch;
  gap: 51px;
}
.recentPostsSection .contentArea .postWrapper .mainPost {
  width: 67.5%;
}
.recentPostsSection .contentArea .postWrapper .mainPost .postImg {
  border-radius: 19px;
  background: var(--grey2);
  width: 100%;
  height: 416px;
  margin-bottom: 25px;
}
.recentPostsSection .contentArea .postWrapper .mainPost .postContent .title,
.recentPostsSection .contentArea .postWrapper .mainPost .postContent .description {
  text-align: left;
}
.recentPostsSection .contentArea .postWrapper .mainPost .postContent .title {
  color: var(--secondary-color);
  font-family: var(--primary-demiBold-font);
  font-size: 36px;
  font-style: normal;
  font-weight: 600;
  line-height: 1.5;
  margin-bottom: 25px;
}
.recentPostsSection .contentArea .postWrapper .mainPost .postContent .description {
  color: var(--secondary-color);
  font-family: var(--primary-regular-font);
  font-size: 16px;
  line-height: 20px;
  font-style: normal;
  font-weight: 400;
  margin-bottom: 0;
}
@media only screen and (max-width: 767px) {
  .recentPostsSection .contentArea .postWrapper .mainPost .postContent .description {
    line-height: 1.5;
  }
}
.recentPostsSection .contentArea .postWrapper .postListWrapper {
  width: 32.5%;
}
.recentPostsSection .contentArea .postWrapper .postListWrapper .postListItem {
  padding: 30px 0px;
}
.recentPostsSection .contentArea .postWrapper .postListWrapper .postListItem:first-of-type {
  padding-top: 0px;
}
.recentPostsSection .contentArea .postWrapper .postListWrapper .postListItem:last-of-type {
  padding-bottom: 0px;
}
/* 1. Herobanner Section CSS */
.resourcesHerobannerSection {
  background-image: url("../../../../assets/img/resources/resourcesBg.png");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  background-origin: padding-box;
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0rem 0rem;
  border-radius: 0rem;
  min-height: 90vh;
  height: 100%;
  width: 100%;
  overflow: hidden;
}
.resourcesHerobannerSection .bannerOverlayCurve {
  position: absolute;
  z-index: 0;
  top: 50%;
  right: 0px;
  transform: translate(0%, -50%);
  width: 22%;
  height: auto;
}
@media only screen and (max-width: 767px) {
  .resourcesHerobannerSection .bannerOverlayCurve {
    transform: unset;
    top: unset;
    bottom: 12px;
    width: 47%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 1200px) and (max-width: 1499px), only screen and (min-width: 1500px) and (max-width: 1599px), only screen and (min-width: 1600px) {
  .resourcesHerobannerSection {
    background-size: cover;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .resourcesHerobannerSection {
    min-height: 40vh;
  }
}
@media only screen and (max-width: 767px) {
  .resourcesHerobannerSection {
    background-position: bottom center;
    min-height: 77vh;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .resourcesHerobannerSection .contentArea {
    padding-top: 5.3125rem;
  }
}
@media only screen and (max-width: 767px) {
  .resourcesHerobannerSection .contentArea {
    padding-top: 0;
    margin-top: -40px;
  }
}
.resourcesHerobannerSection .contentArea .bannerContent {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 35px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .resourcesHerobannerSection .contentArea .bannerContent {
    gap: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .resourcesHerobannerSection .contentArea .bannerContent {
    gap: 24px;
  }
}
.resourcesHerobannerSection .contentArea .bannerContent .titleWrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 27px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .resourcesHerobannerSection .contentArea .bannerContent .titleWrapper {
    gap: 22px;
  }
}
@media only screen and (max-width: 767px) {
  .resourcesHerobannerSection .contentArea .bannerContent .titleWrapper {
    gap: 0;
  }
}
.resourcesHerobannerSection .contentArea .bannerContent .titleWrapper .bannerMainText {
  color: var(--white);
  font-family: var(--primary-regular-font);
  font-size: 48px;
  line-height: normal;
  text-align: center;
  text-transform: capitalize;
}
@media only screen and (min-width: 1600px) {
  .resourcesHerobannerSection .contentArea .bannerContent .titleWrapper .bannerMainText {
    font-size: 64px;
    line-height: 81px;
  }
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .resourcesHerobannerSection .contentArea .bannerContent .titleWrapper .bannerMainText {
    font-size: 26px;
    line-height: 33px;
  }
}
.resourcesHerobannerSection .contentArea .bannerContent .titleWrapper .bannerMainText.specialText {
  color: var(--quaternary-color);
  font-family: var(--secondary-regular-font);
}
.resourcesHerobannerSection .contentArea .bannerContent .shortInfo {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 0px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 1200px) and (max-width: 1499px), only screen and (min-width: 1500px) and (max-width: 1599px), only screen and (min-width: 1600px) {
  .resourcesHerobannerSection .contentArea .bannerContent .shortInfo {
    width: 70%;
  }
}
@media only screen and (max-width: 767px) {
  .resourcesHerobannerSection .contentArea .bannerContent .shortInfo {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
}
.resourcesHerobannerSection .contentArea .bannerContent .shortInfo .item {
  position: relative;
}
.resourcesHerobannerSection .contentArea .bannerContent .shortInfo .item p {
  margin: 0;
  color: var(--white);
  padding: 0 20px;
  font-family: var(--primary-regular-font);
  font-size: 18px !important;
  line-height: 1.5 !important;
  text-transform: none;
  text-align: center;
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .resourcesHerobannerSection .contentArea .bannerContent .shortInfo .item p {
    font-size: 16px !important;
    padding: 0px;
  }
}

.gridSection {
  background-color: var(--secondary-color);
}
.gridSection .contentArea .cardGrid {
  display: flex;
  flex-wrap: wrap;
  margin: 0 auto;
  /* Center the grid horizontally */
  width: 100%;
  /* Adjust width as needed */
  gap: 27px;
}
@media only screen and (max-width: 767px) {
  .gridSection .contentArea .cardGrid {
    gap: 22px;
  }
}
.gridSection .contentArea .cardGrid .column {
  flex: 1 0 31.5%;
  gap: 30px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}
@media only screen and (max-width: 767px) {
  .gridSection .contentArea .cardGrid .column {
    gap: 22px;
  }
}
.gridSection .contentArea .cardGrid .column .cardItem {
  background-color: var(--white);
  border-radius: 20px;
  width: 100%;
  position: relative;
  overflow: hidden;
}
.gridSection .contentArea .cardGrid .column .cardItem .downloadIcon {
  width: 25px;
  height: auto;
  position: absolute;
  right: 20px;
  top: 27px;
  transform: translate(0, 0);
  z-index: 2;
}
@media only screen and (min-width: 1200px) and (max-width: 1499px), only screen and (min-width: 1500px) and (max-width: 1599px), only screen and (min-width: 1600px) {
  .gridSection .contentArea .cardGrid .column .cardItem .imgBox {
    height: 38%;
  }
}
.gridSection .contentArea .cardGrid .column .cardItem .imgBox figure {
  margin: 0 auto;
  height: 100%;
}
.gridSection .contentArea .cardGrid .column .cardItem .imgBox figure img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-fit: cover;
     object-fit: cover;
}
.gridSection .contentArea .cardGrid .column .cardItem .contentWrapper {
  padding: 20px 24px 35px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}
@media only screen and (min-width: 1200px) and (max-width: 1499px), only screen and (min-width: 1500px) and (max-width: 1599px), only screen and (min-width: 1600px) {
  .gridSection .contentArea .cardGrid .column .cardItem .contentWrapper {
    height: 62%;
  }
}
.gridSection .contentArea .cardGrid .column .cardItem .contentWrapper .content .category,
.gridSection .contentArea .cardGrid .column .cardItem .contentWrapper .content .title,
.gridSection .contentArea .cardGrid .column .cardItem .contentWrapper .content .description {
  font-variant: normal;
  font-style: normal;
  opacity: 1;
}
.gridSection .contentArea .cardGrid .column .cardItem .contentWrapper .content .category {
  margin-bottom: 11.75px;
  font-size: 16px !important;
  line-height: 20px !important;
  font-weight: 600;
  font-family: var(--primary-demiBold-font);
  color: var(--ternary-color);
  text-transform: uppercase;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
@media only screen and (max-width: 767px) {
  .gridSection .contentArea .cardGrid .column .cardItem .contentWrapper .content .category {
    font-size: 12px;
    line-height: 15px;
  }
}
.gridSection .contentArea .cardGrid .column .cardItem .contentWrapper .content .title {
  margin-bottom: 18.75px;
  color: var(--secondary-color);
  font-family: var(--primary-bold-font);
  font-size: 25px !important;
  font-weight: 32px !important;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
@media only screen and (max-width: 767px) {
  .gridSection .contentArea .cardGrid .column .cardItem .contentWrapper .content .title {
    font-size: 18px;
    line-height: 23px;
  }
}
.gridSection .contentArea .cardGrid .column .cardItem .contentWrapper .content .description {
  margin-bottom: 33.75px;
  font-size: 20px !important;
  line-height: 25px !important;
  font-family: var(--primary-regular-font);
  letter-spacing: 0px;
  color: var(--secondary-color-WithOpacity5);
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
@media only screen and (max-width: 767px) {
  .gridSection .contentArea .cardGrid .column .cardItem .contentWrapper .content .description {
    font-size: 14px;
    line-height: 18px;
  }
}
.gridSection .contentArea .cardGrid .column .cardItem .contentWrapper .ctaButtonContainer {
  width: 100%;
}
.gridSection .contentArea .cardGrid .column .cardItem .contentWrapper .ctaButtonContainer .primaryBtn {
  width: 100%;
  border: 1px solid var(--quaternary-color);
  color: var(--quaternary-color);
  background-color: var(--white);
  padding: 10px;
  border-radius: 50px;
  font-size: 20px;
  line-height: 25px;
  opacity: 1;
  font-family: var(--primary-regular-font);
}
.gridSection .contentArea .cardGrid .column .cardItem .contentWrapper .ctaButtonContainer .primaryBtn:hover {
  background-color: var(--quaternary-color) !important;
  color: var(--white) !important;
}
.gridSection .contentArea .cardGrid .column .cardItem.normal {
  flex: 1 0 auto;
  clear: both;
}
.gridSection .contentArea .cardGrid .column .cardItem.normal .contentWrapper {
  padding: 37.5px 24px 35px;
  height: 100%;
}
.gridSection .contentArea .cardGrid .column .cardItem.normal .contentWrapper .content .category {
  width: 90%;
}

/* Footer Section CSS */
.resourcesFooter .getCapitalFastContainer {
  background: var(--primary-color);
}

/* 1. Herobanner Section CSS */
.marketHerobannerSection {
  background-image: url("../../../../assets/img/marketplace/marketBg.png");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  background-origin: padding-box;
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0rem 0rem;
  border-radius: 0rem;
  min-height: 460px;
  height: 100%;
  width: 100%;
  overflow: hidden;
}
.marketHerobannerSection .bannerOverlayCurve {
  position: absolute;
  z-index: 0;
  left: 0px;
  bottom: 0;
  transform: translate(0%, 0%);
  width: 22%;
  height: auto;
}
@media only screen and (max-width: 767px) {
  .marketHerobannerSection .bannerOverlayCurve {
    display: none;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 1200px) and (max-width: 1499px), only screen and (min-width: 1500px) and (max-width: 1599px), only screen and (min-width: 1600px) {
  .marketHerobannerSection {
    background-size: cover;
  }
}
@media only screen and (max-width: 767px) {
  .marketHerobannerSection {
    background-position: bottom center;
    min-height: 330px;
    margin-top: 72px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .marketHerobannerSection .contentArea {
    padding-top: 5.3125rem;
  }
}
@media only screen and (max-width: 767px) {
  .marketHerobannerSection .contentArea {
    padding-top: 0;
    padding-bottom: 0;
  }
}
.marketHerobannerSection .contentArea .bannerContent {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 35px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .marketHerobannerSection .contentArea .bannerContent {
    gap: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .marketHerobannerSection .contentArea .bannerContent {
    gap: 24px;
  }
}
.marketHerobannerSection .contentArea .bannerContent .titleWrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 27px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .marketHerobannerSection .contentArea .bannerContent .titleWrapper {
    gap: 22px;
  }
}
@media only screen and (max-width: 767px) {
  .marketHerobannerSection .contentArea .bannerContent .titleWrapper {
    gap: 0;
  }
}
.marketHerobannerSection .contentArea .bannerContent .titleWrapper .bannerMainText {
  color: var(--white);
  font-family: var(--primary-regular-font);
  font-size: 48px;
  line-height: normal;
  text-align: center;
  text-transform: capitalize;
}
@media only screen and (min-width: 1600px) {
  .marketHerobannerSection .contentArea .bannerContent .titleWrapper .bannerMainText {
    font-size: 64px;
    line-height: 81px;
  }
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .marketHerobannerSection .contentArea .bannerContent .titleWrapper .bannerMainText {
    font-size: 26px;
    line-height: 33px;
  }
}
.marketHerobannerSection .contentArea .bannerContent .titleWrapper .bannerMainText.specialText {
  color: var(--quaternary-color);
  font-family: var(--secondary-regular-font);
}
.marketHerobannerSection .contentArea .bannerContent .shortInfo {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 0px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 1200px) and (max-width: 1499px), only screen and (min-width: 1500px) and (max-width: 1599px), only screen and (min-width: 1600px) {
  .marketHerobannerSection .contentArea .bannerContent .shortInfo {
    width: 70%;
  }
}
@media only screen and (max-width: 767px) {
  .marketHerobannerSection .contentArea .bannerContent .shortInfo {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
}
.marketHerobannerSection .contentArea .bannerContent .shortInfo .item {
  position: relative;
}
.marketHerobannerSection .contentArea .bannerContent .shortInfo .item p {
  margin: 0;
  color: var(--white);
  padding: 0 20px;
  font-family: var(--primary-regular-font);
  font-size: 18px !important;
  line-height: 1.5 !important;
  text-transform: none;
  text-align: center;
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .marketHerobannerSection .contentArea .bannerContent .shortInfo .item p {
    font-size: 16px !important;
    padding: 0px;
  }
}

.clientSection {
  background-color: var(--ternary-color-2);
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .clientSection {
    overflow-y: scroll;
  }
}
.clientSection .contentArea {
  padding-top: 36px;
  padding-bottom: 41px;
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .clientSection .contentArea {
    padding-top: 24px;
    padding-bottom: 24px;
  }
}
.clientSection .contentArea .wrapper {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
@media only screen and (max-width: 767px) {
  .clientSection .contentArea .wrapper {
    gap: 40px;
  }
}
.clientSection .contentArea .clientItem figure {
  margin-bottom: 0;
  width: 100%;
  min-width: 80px;
  height: auto;
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .clientSection .contentArea .clientItem figure {
    min-width: 50px;
  }
}

.newBusiness .contentArea {
  padding-top: 40px;
  padding-bottom: 40px;
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .newBusiness .contentArea {
    padding-bottom: 68px;
  }
}
.newBusiness .contentArea .newBusinessRow {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 20px;
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .newBusiness .contentArea .newBusinessRow {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 0px;
  }
}
.newBusiness .contentArea .newBusinessRow .imgBox,
.newBusiness .contentArea .newBusinessRow .contentBox {
  width: 50%;
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .newBusiness .contentArea .newBusinessRow .imgBox,
  .newBusiness .contentArea .newBusinessRow .contentBox {
    width: 100%;
  }
}
.newBusiness .contentArea .newBusinessRow .imgBox figure {
  margin-bottom: 0;
}
.newBusiness .contentArea .newBusinessRow .contentBox {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 45px;
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 1200px) and (max-width: 1499px), only screen and (min-width: 1500px) and (max-width: 1599px) {
  .newBusiness .contentArea .newBusinessRow .contentBox {
    gap: 23px;
  }
}
.newBusiness .contentArea .newBusinessRow .contentBox .description {
  margin-bottom: 0;
  color: var(--secondary-color);
  font-size: 30px !important;
  font-family: var(--primary-regular-font) !important;
  line-height: 45px !important;
  text-align: left;
}
.newBusiness .contentArea .newBusinessRow .contentBox .description span {
  color: var(--primary-color);
  font-family: var(--primary-demiBold-font);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .newBusiness .contentArea .newBusinessRow .contentBox .description {
    font-size: 25px !important;
  }
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .newBusiness .contentArea .newBusinessRow .contentBox .description {
    width: 100%;
    font-size: 22px !important;
    line-height: 28px !important;
  }
}

.marketplaceGrid {
  background-color: var(--secondary-color);
  position: relative;
}
.marketplaceGrid .bannerOverlayCurve {
  position: absolute;
  z-index: 0;
  left: 0px;
  top: 16%;
  transform: translate(0%, 0%);
  width: 30%;
  height: auto;
}
@media only screen and (max-width: 767px) {
  .marketplaceGrid .bannerOverlayCurve {
    display: none;
  }
}
.marketplaceGrid .gridCard {
  z-index: 1;
  position: relative;
}
.marketplaceGrid .gridCard .card-body {
  padding: 0 16.3px;
}
.marketplaceGrid .gridCard .card-body .filterWrapper {
  text-align: left;
  margin-bottom: 63.75px;
}
@media screen and (min-width: 768px) {
  .marketplaceGrid .gridCard .card-body .filterWrapper {
    text-align: right;
  }
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .marketplaceGrid .gridCard .card-body .filterWrapper {
    margin-bottom: 30.63px;
  }
}
.marketplaceGrid .gridCard .card-body .filterWrapper .filter {
  width: 100%;
  margin-right: 0;
  margin-left: auto;
}
@media screen and (max-width: 767px) {
  .marketplaceGrid .gridCard .card-body .filterWrapper .filter {
    width: 100%;
  }
}
.marketplaceGrid .gridCard .card-body .filterWrapper .filter .filterTitle {
  font-family: var(--primary-regular-font);
  font-size: 12px;
  margin-bottom: 5px;
  font-weight: normal;
  color: var(--secondary-color);
  text-align: left;
  display: none;
}
.marketplaceGrid .gridCard .card-body .filterWrapper .filter .categorySelection {
  cursor: pointer;
  width: 389px;
  text-align: left;
  border-radius: 30px;
  border: 1px solid var(--ternary-color);
  height: 43px;
  padding: 0 15px;
  color: var(--ternary-color);
  font-size: 18px;
  line-height: 23px;
  font-family: var(--primary-regular-font);
  background-color: transparent;
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  position: relative;
  background-image: url("../../../../assets/img/marketplace/downArrowWhite.svg");
  background-repeat: no-repeat;
  background-position: right 21.25px center;
  background-size: 15px;
}
.marketplaceGrid .gridCard .card-body .filterWrapper .filter .categorySelection:hover, .marketplaceGrid .gridCard .card-body .filterWrapper .filter .categorySelection:focus {
  outline: none;
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .marketplaceGrid .gridCard .card-body .filterWrapper .filter .categorySelection {
    font-size: 16px;
    width: 100%;
    height: 34.75px;
    border-radius: 18px;
  }
}
.marketplaceGrid .gridCard .card-body .perksWrapper {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: stretch;
  flex-wrap: wrap;
  gap: 27px;
}
.marketplaceGrid .gridCard .card-body .perksWrapper .item {
  width: 31.5%;
  display: flex;
  flex-direction: column;
  justify-content: stretch;
  align-items: flex-start;
}
@media screen and (max-width: 1199px) {
  .marketplaceGrid .gridCard .card-body .perksWrapper .item {
    width: 31.2%;
  }
}
@media screen and (max-width: 991px) {
  .marketplaceGrid .gridCard .card-body .perksWrapper .item {
    width: 47.5%;
  }
}
@media screen and (max-width: 767px) {
  .marketplaceGrid .gridCard .card-body .perksWrapper .item {
    width: 100%;
  }
}
.marketplaceGrid .gridCard .card-body .perksWrapper .item .itemCategory,
.marketplaceGrid .gridCard .card-body .perksWrapper .item .content,
.marketplaceGrid .gridCard .card-body .perksWrapper .item .actionBtn {
  padding: 0 24px;
}
@media only screen and (max-width: 767px) {
  .marketplaceGrid .gridCard .card-body .perksWrapper .item .itemCategory,
  .marketplaceGrid .gridCard .card-body .perksWrapper .item .content,
  .marketplaceGrid .gridCard .card-body .perksWrapper .item .actionBtn {
    padding: 0 18.4px;
  }
}
.marketplaceGrid .gridCard .card-body .perksWrapper .item .itemCategory {
  width: 100%;
  padding-top: 19.75px !important;
}
.marketplaceGrid .gridCard .card-body .perksWrapper .item .itemCategory .categoryName {
  font-family: var(--primary-demiBold-font);
  line-height: 20px;
  letter-spacing: 1.8px;
  color: var(--primary-color);
  margin-bottom: 10px;
  font-style: normal;
  text-transform: uppercase;
}
.marketplaceGrid .gridCard .card-body .perksWrapper .item .itemCategory .categoryName {
  font-size: 16px;
}
@media screen and (max-width: 1199px) {
  .marketplaceGrid .gridCard .card-body .perksWrapper .item .itemCategory .categoryName {
    font-size: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .marketplaceGrid .gridCard .card-body .perksWrapper .item .itemCategory .categoryName {
    font-size: 12px;
  }
}
.marketplaceGrid .gridCard .card-body .perksWrapper .item .card {
  border-radius: 15px;
  border: none;
  background-color: var(--white);
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  padding-bottom: 34px;
  overflow: hidden;
  transition: all 0.5s ease-in-out;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  gap: 0;
}
.marketplaceGrid .gridCard .card-body .perksWrapper .item .card:hover {
  box-shadow: 0px 8px 10px 0px rgba(0, 0, 0, 0.3);
}
.marketplaceGrid .gridCard .card-body .perksWrapper .item .card .itemImage {
  width: 100%;
  max-height: 245px;
}
.marketplaceGrid .gridCard .card-body .perksWrapper .item .card .itemImage figure {
  margin: 0;
  width: 100%;
}
.marketplaceGrid .gridCard .card-body .perksWrapper .item .card .itemImage figure img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-fit: cover;
     object-fit: cover;
}
.marketplaceGrid .gridCard .card-body .perksWrapper .item .card .contentWrapper {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  padding-top: 0px;
  gap: 30px;
}
.marketplaceGrid .gridCard .card-body .perksWrapper .item .card .content {
  margin-bottom: 15px;
}
.marketplaceGrid .gridCard .card-body .perksWrapper .item .card .content .title {
  margin-top: 0;
  margin-bottom: 15px;
  font-size: 23px;
  color: var(--secondary-color);
  font-family: var(--primary-bold-font);
  line-height: 29px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
@media only screen and (max-width: 767px) {
  .marketplaceGrid .gridCard .card-body .perksWrapper .item .card .content .title {
    font-size: 18px;
    line-height: 23px;
    margin-bottom: 13px;
  }
}
.marketplaceGrid .gridCard .card-body .perksWrapper .item .card .content .description {
  margin-bottom: 0;
  font-size: 18px;
  color: var(--secondary-color-WithOpacity5);
  font-family: var(--primary-regular-font);
  line-height: 23;
  display: -webkit-box;
  -webkit-line-clamp: 7;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
@media screen and (max-width: 1199px) {
  .marketplaceGrid .gridCard .card-body .perksWrapper .item .card .content .description {
    font-size: 13px;
  }
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .marketplaceGrid .gridCard .card-body .perksWrapper .item .card .content .description {
    font-size: 14px;
    line-height: 18px;
  }
}
.marketplaceGrid .gridCard .card-body .perksWrapper .item .card .actionBtn {
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  gap: 20px;
}
.marketplaceGrid .gridCard .card-body .perksWrapper .item .card .actionBtn .link {
  padding: 10px 20px;
  border-radius: 50px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 49px;
  font-size: 20px;
  line-height: 25px;
  font-style: normal;
  font-family: var(--primary-regular-font);
  text-align: center;
  color: var(--quaternary-color);
  background-color: var(--white);
  box-shadow: none;
  transition: all 0.3s ease;
  gap: 8px;
  --bs-btn-border-color: var(--quaternary-color);
}
.marketplaceGrid .gridCard .card-body .perksWrapper .item .card .actionBtn .link:hover {
  background-color: var(--quaternary-color);
  color: var(--white);
  --bs-btn-hover-bg: var(--quaternary-color);
  --bs-btn-hover-border-color: var(--quaternary-color);
}
@media only screen and (max-width: 767px) {
  .marketplaceGrid .gridCard .card-body .perksWrapper .item .card .actionBtn .link {
    width: 177px;
    font-size: 16px;
    line-height: 20px;
  }
}
@media only screen and (max-width: 300px) {
  .marketplaceGrid .gridCard .card-body .perksWrapper .item .card .actionBtn .link {
    width: 100%;
  }
}
.marketplaceGrid .gridCard .card-body .perksWrapper .item .card .actionBtn .downloadBtnLink {
  text-decoration: none;
}
.marketplaceGrid .gridCard .card-body .perksWrapper .item .card .actionBtn .downloadBtn {
  width: 20px;
  height: 20px;
}
.marketplaceGrid .gridCard .card-body .perksWrapper.singleItem {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.marketplaceGrid .gridCard .card-body .perksWrapper.singleItem .item {
  width: 55%;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 991px) {
  .marketplaceGrid .gridCard .card-body .perksWrapper.singleItem .item {
    width: 540px;
  }
}
@media screen and (max-width: 767px) {
  .marketplaceGrid .gridCard .card-body .perksWrapper.singleItem .item {
    width: 100%;
  }
}
.marketplaceGrid .gridCard .card-body .perksWrapper.singleItem .item .card {
  width: 100%;
}
.marketplaceGrid .gridCard .card-body .perksWrapper.singleItem .item .card .contentWrapper {
  width: 85%;
}
@media screen and (max-width: 767px) {
  .marketplaceGrid .gridCard .card-body .perksWrapper.singleItem .item .card .contentWrapper {
    width: 100%;
  }
}
.marketplaceGrid .gridCard .card-body .perksWrapper.singleItem .item .card .contentWrapper .content {
  width: 100%;
}
.marketplaceGrid .gridCard .card-body .perksWrapper.double {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
}
@media screen and (max-width: 1299px) {
  .marketplaceGrid .gridCard .card-body .perksWrapper.double {
    gap: 15px;
  }
}
.marketplaceGrid .gridCard .card-body .perksWrapper.double .item {
  width: 49%;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 991px) {
  .marketplaceGrid .gridCard .card-body .perksWrapper.double .item {
    width: 540px;
  }
}
@media screen and (max-width: 767px) {
  .marketplaceGrid .gridCard .card-body .perksWrapper.double .item {
    width: 100%;
  }
}
.marketplaceGrid .gridCard .card-body .perksWrapper.double .item .card {
  width: 100%;
}
.marketplaceGrid .gridCard .card-body .perksWrapper.double .item .card .contentWrapper {
  width: 85%;
}
@media screen and (max-width: 767px) {
  .marketplaceGrid .gridCard .card-body .perksWrapper.double .item .card .contentWrapper {
    width: 100%;
  }
}
.marketplaceGrid .gridCard .card-body .perksWrapper.double .item .card .contentWrapper .content {
  width: 100%;
}
.marketplaceGrid .gridCard .card-body .noDataWrapper {
  min-height: 30vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: var(--white);
  border-radius: 10px;
}
.marketplaceGrid .gridCard .card-body .noDataWrapper .noData {
  text-align: center;
}
.marketplaceGrid .gridCard .card-body .noDataWrapper .noData figure {
  width: 60px;
  height: auto;
  margin-left: auto;
  margin-right: auto;
}
.marketplaceGrid .gridCard .card-body .noDataWrapper .noData figure img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.marketplaceGrid .gridCard .card-body .noDataWrapper .noData .noDataText {
  font-family: var(--primary-bold-font);
  font-size: 16px;
  color: var(--secondary-color);
  margin-top: 20px;
  margin-bottom: 0;
}

@font-face {
  font-family: "TT-Hoves-Pro-Light";
  src: url("../../../fonts/TTHovesPro/TT-Hoves-Pro-Light.ttf") format("truetype");
}
@font-face {
  font-family: "TT-Hoves-Pro-Regular";
  src: url("../../../fonts/TTHovesPro/TT-Hoves-Pro-Regular.ttf") format("truetype");
}
@font-face {
  font-family: "TT-Hoves-Pro-DemiBold";
  src: url("../../../fonts/TTHovesPro/TT-Hoves-Pro-DemiBold.ttf") format("truetype");
}
@font-face {
  font-family: "TT-Hoves-Pro-Bold";
  src: url("../../../fonts/TTHovesPro/TT-Hoves-Pro-Bold.ttf") format("truetype");
}
@font-face {
  font-family: "Butler_Regular";
  src: url("../../../fonts/Butler/Butler_Regular.otf") format("opentype");
}
@font-face {
  font-family: "Butler_Medium";
  src: url("../../../fonts/Butler/Butler_Medium.otf") format("opentype");
}
@font-face {
  font-family: "Butler_Bold";
  src: url("../../../fonts/Butler/Butler_Bold.otf") format("opentype");
}
@font-face {
  font-family: "Butler_ExtraBold";
  src: url("../../../fonts/Butler/Butler_ExtraBold.otf") format("opentype");
}
:root {
  --primary-regular-font: "TT-Hoves-Pro-Regular", sans-serif;
  --primary-light-font: "TT-Hoves-Pro-Light", sans-serif;
  --primary-bold-font: "TT-Hoves-Pro-Bold", sans-serif;
  --primary-demiBold-font: "TT-Hoves-Pro-DemiBold", sans-serif;
  --secondary-regular-font: "Butler_Regular", sans-serif;
  --secondary-medium-font: "Butler_Medium", sans-serif;
  --secondary-bold-font: "Butler_Bold", sans-serif;
  --secondary-extraBold-font: "Butler_ExtraBold", sans-serif;
}

:root {
  --primary-color: #0040BA;
  --primary-color-withOpacity2: rgba(0, 64, 186, 0.2);
  --secondary-color: #00122B;
  --secondary-color-WithOpacity: rgba(0, 18, 43, 0.7);
  --secondary-color-WithOpacity2: rgba(0, 18, 43, 0.6);
  --secondary-color-WithOpacity5: rgba(0, 18, 43, 0.5);
  --ternary-color: #A4C3FF;
  --ternary-color-withOpacity1: rgba(164, 195, 255, 0.1);
  --ternary-color-withOpacity2: rgba(164, 195, 255, 0.2);
  --ternary-color-withOpacity: rgba(197, 179, 244, 0.7);
  --ternary-color-2: #EEF4FF;
  --quaternary-color: #04C49E;
  --quaternary-color-withOpacity: rgba(4, 196, 158, 0.8);
  --quaternary-color-withOpacity40: rgba(4, 196, 158, 0.4);
  --quaternary-color-withOpacity60: rgba(4, 196, 158, 0.6);
  --quaternary-color-2: #B0ECDF;
  --quinary-color: #00A6DC;
  --senary-color: #94B4FE;
  --septenary-color: #A3E9D7;
  --menu-link-color: #ffffff;
  --subMenu-link-color: #ffffff;
  --help-text: rgba(255, 255, 255, 0.5);
  --white-with-opacity: rgba(255, 255, 255, 0.70);
  --white: #ffffff;
  --whiteWithOpacity: rgba(255, 255, 255, 0.50);
  --black: #000000;
  --black-with-opacity1: rgba(0, 0, 0, 0.8);
  --grey: #808895;
  --grey2: #D9D9D9;
  --brand-red: #F00000;
  --whatsapp: #4dc95c;
  --primary-gradient: linear-gradient(72deg, #00122B 35.42%, #0040BA 100%);
  --secondary-gradient: linear-gradient(72deg, #00122B 0%, #04C49E 100%);
  --primary-shadow: rgba(4, 89, 203, 0.25);
  --primary-shadow2: rgba(4, 89, 203, 0.15);
  --transition--default: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);
}

@media only screen and (max-width: 767px) {
  .affiliatePagePrimaryBtn, .whoIsThisFor .contentArea .actionWrapper .ctaButtonContainer .primaryBtn, .affiliateHerobannerSection .contentArea .bannerContent .ctaButtonContainer .primaryBtn {
    width: 91px !important;
    font-size: 1rem;
    line-height: 1.25rem;
  }
}

/* begin:: Herobanner Section CSS */
.affiliateHerobannerSection {
  background: linear-gradient(92.87deg, #000000 -1.88%, #0040BA 97.21%);
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0rem 0rem;
  border-radius: 0rem;
  min-height: 760px;
  height: 100%;
  width: 100%;
  overflow: hidden;
}
.affiliateHerobannerSection .bannerOverlayCurve {
  position: absolute;
  z-index: 0;
  top: 54%;
  transform: translate(0%, -50%);
  width: 402px;
  height: 540px;
  right: 0;
}
@media only screen and (max-width: 991px) {
  .affiliateHerobannerSection .bannerOverlayCurve {
    width: 165px;
    height: 222px;
    top: 220px;
  }
}
.affiliateHerobannerSection .bannerImageWrapper {
  order: 1;
}
.affiliateHerobannerSection .bannerPerson {
  z-index: 1;
  position: relative;
  max-width: 1097px;
}
@media only screen and (min-width: 1200px) {
  .affiliateHerobannerSection .bannerPerson {
    width: 100% !important;
  }
}
@media only screen and (min-width: 992px) {
  .affiliateHerobannerSection .bannerPerson {
    position: absolute;
    bottom: 0%;
    right: 0;
    transform: translate(0%, 0%);
    width: 65%;
  }
}
@media only screen and (max-width: 991px) {
  .affiliateHerobannerSection {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background: var(--secondary-color);
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .affiliateHerobannerSection {
    min-height: 620px;
  }
}
@media only screen and (max-width: 991px) {
  .affiliateHerobannerSection .contentArea {
    padding-top: 0px;
    padding-bottom: 48px;
    padding-left: 12px;
    padding-right: 12px;
    margin: 40px auto 0;
    order: 2;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .affiliateHerobannerSection .contentArea {
    padding-bottom: 0 !important;
  }
}
.affiliateHerobannerSection .contentArea .bannerContent .titleWrapper .bannerMainText {
  color: var(--white);
  font-family: var(--primary-regular-font);
  font-size: 52.5px;
  line-height: normal;
  text-align: left;
  text-transform: none;
}
@media only screen and (max-width: 991px) {
  .affiliateHerobannerSection .contentArea .bannerContent .titleWrapper .bannerMainText {
    font-size: 2rem;
    line-height: 2.2rem;
    text-align: center;
  }
}
.affiliateHerobannerSection .contentArea .bannerContent .titleWrapper .bannerMainText.specialText {
  color: var(--quaternary-color);
  font-family: var(--secondary-bold-font);
  margin-bottom: 30px;
}
@media only screen and (max-width: 991px) {
  .affiliateHerobannerSection .contentArea .bannerContent .titleWrapper .bannerMainText.specialText {
    margin-bottom: 20px;
  }
}
.affiliateHerobannerSection .contentArea .bannerContent .shortInfo .item {
  position: relative;
}
.affiliateHerobannerSection .contentArea .bannerContent .shortInfo .item p {
  margin: 0 0 30px;
  color: var(--white);
  padding: 0px;
  font-family: var(--primary-regular-font);
  font-size: 38.89px !important;
  line-height: 49px !important;
  text-transform: none;
  text-align: left;
}
@media only screen and (max-width: 991px) {
  .affiliateHerobannerSection .contentArea .bannerContent .shortInfo .item p {
    font-size: 14px !important;
    line-height: 17.64px !important;
    padding: 0px;
    text-align: center;
  }
}
@media only screen and (min-width: 992px) {
  .affiliateHerobannerSection .contentArea .bannerContent .ctaButtonContainer .primaryBtn {
    margin-left: 0 !important;
    margin-right: auto !important;
  }
}

/* end:: Herobanner Section CSS */
/* begin:: Who is this for */
.whoIsThisFor {
  background-color: var(--ternary-color-withOpacity1);
}
.whoIsThisFor .contentArea {
  padding-top: 30px !important;
  padding-bottom: 30px !important;
}
.whoIsThisFor .contentArea .actionWrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  height: 100%;
}
@media only screen and (min-width: 992px) {
  .whoIsThisFor .contentArea .actionWrapper {
    padding-left: 105px;
  }
}
@media only screen and (min-width: 768px) {
  .whoIsThisFor .contentArea .actionWrapper {
    padding-left: 60px;
  }
}
@media only screen and (max-width: 767px) {
  .whoIsThisFor .contentArea .actionWrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
}
.whoIsThisFor .contentArea .actionWrapper .sectionHeadWrapper {
  margin-bottom: 25px;
}
@media only screen and (max-width: 767px) {
  .whoIsThisFor .contentArea .actionWrapper .sectionHeadWrapper {
    margin-top: 50px;
  }
}
.whoIsThisFor .contentArea .actionWrapper .sectionHeadWrapper .section-head {
  font-size: 2.25rem;
  line-height: 2.5875rem;
  text-align: left;
}
@media only screen and (max-width: 767px) {
  .whoIsThisFor .contentArea .actionWrapper .sectionHeadWrapper .section-head {
    text-align: center;
  }
}
.whoIsThisFor .contentArea .actionWrapper .description {
  line-height: 1.25rem !important;
  margin-bottom: 32px !important;
}
@media only screen and (max-width: 767px) {
  .whoIsThisFor .contentArea .actionWrapper .description {
    text-align: center;
    margin-bottom: 26px;
  }
}
.whoIsThisFor .contentArea .actionWrapper .ctaButtonContainer .primaryBtn {
  width: 170px;
}

/* end:: Who is this for */
@media only screen and (max-width: 767px) {
  .howItWorks .sectionHeadWrapper .section-head,
  .networkBenefitsSection .sectionHeadWrapper .section-head {
    font-size: 2rem;
    line-height: 2rem;
  }
}

/* begin:: How it works */
.howItWorks .contentArea {
  padding-top: 60px;
  padding-bottom: 80px;
}
@media only screen and (max-width: 767px) {
  .howItWorks .contentArea {
    padding-bottom: 60px;
  }
}
@media only screen and (max-width: 767px) {
  .howItWorks .contentArea .featuresList {
    padding-left: 46px;
    padding-right: 46px;
  }
}
.howItWorks .contentArea .featuresList .featureItem .content {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  flex-basis: 33.3%;
  gap: 30px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .howItWorks .contentArea .featuresList .featureItem .content {
    flex-basis: 100%;
    gap: 16px;
  }
}
@media only screen and (max-width: 767px) {
  .howItWorks .contentArea .featuresList .featureItem .content {
    gap: 14px;
  }
}
.howItWorks .contentArea .featuresList .featureItem .content .title {
  color: var(--quaternary-color);
  font-size: 4rem;
  line-height: 4rem;
  font-family: var(--secondary-medium-font);
  margin-bottom: 2px;
}
@media only screen and (max-width: 767px) {
  .howItWorks .contentArea .featuresList .featureItem .content .title {
    text-align: center;
  }
}
.howItWorks .contentArea .featuresList .featureItem .content .sub-title {
  color: var(--black);
  font-size: 1rem !important;
  line-height: 1.25rem !important;
  margin-bottom: 0;
  margin-top: 0;
}
@media only screen and (max-width: 767px) {
  .howItWorks .contentArea .featuresList .featureItem .content .sub-title {
    text-align: center;
  }
}
.howItWorks .contentArea .ctaButtonContainer {
  margin-top: 0;
}

/* end:: How it works */
/* begin:: Network Benefits */
.networkBenefitsSection {
  background-color: var(--ternary-color-withOpacity1);
}
.networkBenefitsSection .contentArea {
  padding-top: 80px;
  padding-bottom: 80px;
}
@media only screen and (max-width: 767px) {
  .networkBenefitsSection .contentArea {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}
.networkBenefitsSection .contentArea .sectionHeadWrapper {
  margin-bottom: 60px;
}
.networkBenefitsSection .contentArea .contentWrapper {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 40px;
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .networkBenefitsSection .contentArea .contentWrapper {
    margin-left: auto;
    margin-right: auto;
  }
}
@media only screen and (max-width: 767px) {
  .networkBenefitsSection .contentArea .contentWrapper {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
  }
}
.networkBenefitsSection .contentArea .contentWrapper .logoBox {
  flex: 0.9;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 1200px) and (max-width: 1499px) {
  .networkBenefitsSection .contentArea .contentWrapper .logoBox {
    width: 35%;
    margin-right: 0;
  }
}
.networkBenefitsSection .contentArea .contentWrapper .logoBox picture {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0;
}
@media only screen and (max-width: 767px) {
  .networkBenefitsSection .contentArea .contentWrapper .logoBox picture {
    width: 100px;
  }
}
.networkBenefitsSection .contentArea .contentWrapper .logoBox picture img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.networkBenefitsSection .contentArea .contentWrapper .contentBox {
  flex: 1;
  padding-top: 5px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 1200px) and (max-width: 1499px) {
  .networkBenefitsSection .contentArea .contentWrapper .contentBox {
    width: 65%;
  }
}
.networkBenefitsSection .contentArea .contentWrapper .contentBox .description .para1 {
  font-size: 1.25rem !important;
  line-height: 1.5625rem !important;
  color: var(--black);
  text-align: left;
}
@media only screen and (max-width: 767px) {
  .networkBenefitsSection .contentArea .contentWrapper .contentBox .description .para1 {
    text-align: center;
  }
}
.networkBenefitsSection .contentArea .contentWrapper .contentBox .description .para2 {
  font-size: 1rem !important;
  line-height: 1.25rem !important;
  color: var(--black-with-opacity1);
  text-align: left;
}
@media only screen and (max-width: 767px) {
  .networkBenefitsSection .contentArea .contentWrapper .contentBox .description .para2 {
    text-align: center;
  }
}
@media only screen and (max-width: 767px) {
  .networkBenefitsSection .contentArea .contentWrapper .logoBox,
  .networkBenefitsSection .contentArea .contentWrapper .contentBox {
    width: 100%;
  }
}

/* end:: Network Benefits */
/* begin:: Join Affiliate Section */
.joinAffiliateSection {
  background-image: url("../../../../assets/img/affiliateMarketing/backgroundGraphics.webp");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden;
}
.joinAffiliateSection .contentArea {
  padding-top: 51px;
  padding-bottom: 51px;
}
@media only screen and (max-width: 767px) {
  .joinAffiliateSection .contentArea.common-area-padding {
    padding-left: 16.5px;
    padding-right: 16.5px;
  }
}
.joinAffiliateSection .contentArea .contentWrapper {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 60px;
  width: 88%;
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (min-width: 768px) {
  .joinAffiliateSection .contentArea .contentWrapper {
    background-color: var(--ternary-color-withOpacity2);
    padding: 35px;
    border: 2px solid var(--quaternary-color);
    border-radius: 25px;
  }
}
@media only screen and (max-width: 767px) {
  .joinAffiliateSection .contentArea .contentWrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 47px;
    width: 100%;
  }
}
.joinAffiliateSection .contentArea .contentWrapper .title {
  font-size: 2.25rem !important;
  line-height: 1.5 !important;
  font-family: var(--primary-demiBold-font);
  color: var(--white);
  margin-bottom: 0;
  text-align: left;
}
@media only screen and (max-width: 767px) {
  .joinAffiliateSection .contentArea .contentWrapper .title {
    background-color: var(--ternary-color-withOpacity2);
    border: 2px solid var(--quaternary-color);
    border-radius: 25px;
    text-align: center;
    font-size: 2rem !important;
    padding: 28px 29.5px;
  }
}
.joinAffiliateSection .contentArea .contentWrapper .ctaButtonContainer .applyBtn {
  width: 170px;
  font-size: 1.40625rem;
  line-height: 1.76875rem;
}

/* end:: Join Affiliate Section */
.affiliatePageFooter {
  margin-top: -1px;
}
.affiliatePageFooter .getCapitalFastContainer {
  margin-top: 51px !important;
}/*# sourceMappingURL=styles.css.map */