@charset "UTF-8";
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
}

body {
  letter-spacing: 0.03em;
  line-height: 1.4;
  margin: 0;
}

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

pre {
  font-family: monospace, monospace;
  font-size: 1em;
}

a {
  background-color: transparent;
}

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted;
}

b,
strong {
  font-weight: bolder;
}

code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

img {
  border-style: none;
}

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  margin: 0;
}

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

[type=button],
[type=reset],
[type=submit],
button {
  --webkit-appearance: button ;
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/*fieldset{padding:.35em .75em .625em}*/
legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}

progress {
  vertical-align: baseline;
}

textarea {
  overflow: auto;
}

[type=checkbox],
[type=radio] {
  box-sizing: border-box;
  padding: 0;
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

[type=search] {
  --webkit-appearance: textfield;
  outline-offset: -2px;
}

[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

details {
  display: block;
}

summary {
  display: list-item;
}

template {
  display: none;
}

[hidden] {
  display: none;
}

* {
  margin: 0;
  padding: 0;
  border: 0;
  box-sizing: border-box;
  line-height: 1.3;
  outline: none;
  color: #18191F;
}

html,
body {
  background: #ffffff;
  scroll-behavior: smooth;
}

/*body{opacity: 0;}*/
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
a,
p {
  text-decoration: none;
  list-style: none;
  margin: 0;
  outline: none;
}

img {
  max-width: 100%;
  display: block;
}

a:hover {
  text-decoration: none;
  outline: none;
}

button {
  outline: none;
}

/************************************************ Fonts **************************************************/
/************************************************ Common CSS **************************************************/
body {
  font-family: "verdana-pro", sans-serif;
  font-weight: 400;
}

.ctaYellow {
  font-family: "termina", sans-serif;
  font-weight: 600;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: -0.64px;
  background: #F5F75E;
  border-style: none;
  padding: 20px 32px;
  border-radius: 100px;
  cursor: pointer;
  transition: all 0.3s ease-out;
  position: relative;
  overflow: hidden;
  text-align: left;
  display: inline-block;
  border: 1px solid #F5F75E;
}
@media screen and (max-width: 1600px) {
  .ctaYellow {
    font-size: 14px;
  }
}
@media screen and (max-width: 1440px) {
  .ctaYellow {
    font-size: 12px;
  }
}
.ctaYellow::before {
  content: "\e80a";
  font-family: "fontello";
  font-size: 16px;
  font-weight: 400;
  position: absolute;
  width: 16px;
  top: 50%;
  transform: translateY(-50%);
  right: 32px;
  opacity: 0;
  transition: transform 0.3s ease-out, opacity 0.3s ease-out;
}
@media screen and (max-width: 1600px) {
  .ctaYellow::before {
    font-size: 14px;
  }
}
@media screen and (max-width: 1440px) {
  .ctaYellow::before {
    font-size: 12px;
  }
}
.ctaYellow:hover {
  padding-right: 66px;
}
.ctaYellow:hover::before {
  opacity: 1;
}
@media screen and (max-width: 1600px) {
  .ctaYellow {
    padding: 16px 32px;
  }
}
@media screen and (max-width: 1440px) {
  .ctaYellow {
    padding: 14px 32px;
  }
}
@media screen and (max-width: 1024px) {
  .ctaYellow {
    padding: 18px 32px;
    line-height: 15px;
    font-size: 14px;
  }
  .ctaYellow::before {
    font-size: 14px;
  }
}
@media screen and (max-width: 820px) {
  .ctaYellow {
    padding-right: 62px;
    line-height: normal;
    font-size: 12px;
  }
  .ctaYellow::before {
    opacity: 1;
    font-size: 12px;
  }
}

.ctaYellowBlack {
  font-family: "termina", sans-serif;
  font-weight: 600;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: -0.64px;
  color: #000;
  background: #F5F75E;
  border-style: none;
  padding: 20px 32px;
  border-radius: 100px;
  cursor: pointer;
  transition: all 0.3s ease-out;
  position: relative;
  overflow: hidden;
  text-align: left;
  border: 1px solid #1E1E1E;
  display: inline-block;
}
@media screen and (max-width: 1600px) {
  .ctaYellowBlack {
    font-size: 14px;
  }
}
@media screen and (max-width: 1440px) {
  .ctaYellowBlack {
    font-size: 12px;
  }
}
.ctaYellowBlack::before {
  content: "\e80a";
  font-family: "fontello";
  font-size: 16px;
  font-weight: 400;
  position: absolute;
  width: 16px;
  top: 50%;
  transform: translateY(-50%);
  right: 32px;
  opacity: 0;
  transition: transform 0.3s ease-out, opacity 0.3s ease-out;
}
@media screen and (max-width: 1600px) {
  .ctaYellowBlack::before {
    font-size: 14px;
  }
}
@media screen and (max-width: 1440px) {
  .ctaYellowBlack::before {
    font-size: 12px;
  }
}
.ctaYellowBlack:hover {
  padding-right: 66px;
}
.ctaYellowBlack:hover::before {
  opacity: 1;
}
@media screen and (max-width: 1600px) {
  .ctaYellowBlack {
    padding: 16px 32px;
  }
}
@media screen and (max-width: 1440px) {
  .ctaYellowBlack {
    padding: 14px 32px;
  }
}
@media screen and (max-width: 1024px) {
  .ctaYellowBlack {
    padding: 18px 32px;
    line-height: 15px;
    font-size: 14px;
  }
  .ctaYellowBlack::before {
    font-size: 14px;
  }
}
@media screen and (max-width: 820px) {
  .ctaYellowBlack {
    padding-right: 62px;
    line-height: normal;
    font-size: 12px;
  }
  .ctaYellowBlack::before {
    opacity: 1;
    font-size: 12px;
  }
}

.ctaWhiteBlack {
  font-family: "termina", sans-serif;
  font-weight: 600;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: -0.64px;
  color: #000;
  background: transparent;
  border-style: none;
  padding: 20px 32px;
  border-radius: 100px;
  cursor: pointer;
  transition: all 0.3s ease-out;
  position: relative;
  overflow: hidden;
  text-align: left;
  border: 1px solid #4B4B4B;
  display: inline-block;
}
@media screen and (max-width: 1600px) {
  .ctaWhiteBlack {
    font-size: 14px;
  }
}
@media screen and (max-width: 1440px) {
  .ctaWhiteBlack {
    font-size: 12px;
  }
}
.ctaWhiteBlack::before {
  content: "\e80a";
  font-family: "fontello";
  font-size: 16px;
  font-weight: 400;
  position: absolute;
  width: 16px;
  top: 50%;
  transform: translateY(-50%);
  right: 32px;
  opacity: 0;
  transition: transform 0.3s ease-out, opacity 0.3s ease-out;
}
@media screen and (max-width: 1600px) {
  .ctaWhiteBlack::before {
    font-size: 14px;
  }
}
@media screen and (max-width: 1440px) {
  .ctaWhiteBlack::before {
    font-size: 12px;
  }
}
.ctaWhiteBlack:hover {
  padding-right: 66px;
}
.ctaWhiteBlack:hover::before {
  opacity: 1;
}
@media screen and (max-width: 1600px) {
  .ctaWhiteBlack {
    padding: 16px 32px;
  }
}
@media screen and (max-width: 1440px) {
  .ctaWhiteBlack {
    padding: 14px 32px;
  }
}
@media screen and (max-width: 1024px) {
  .ctaWhiteBlack {
    padding: 18px 32px;
    line-height: 15px;
    font-size: 14px;
  }
  .ctaWhiteBlack::before {
    font-size: 14px;
  }
}
@media screen and (max-width: 820px) {
  .ctaWhiteBlack {
    padding-right: 62px;
    line-height: normal;
    font-size: 12px;
  }
  .ctaWhiteBlack::before {
    opacity: 1;
    font-size: 12px;
  }
}

.ctaBlack {
  font-family: "termina", sans-serif;
  font-weight: 600;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: -0.64px;
  color: #F5F75E;
  background: #1E1E1E;
  border: 1px solid #1E1E1E;
  border-style: none;
  padding: 20px 32px;
  border-radius: 100px;
  cursor: pointer;
  transition: all 0.3s ease-out;
  position: relative;
  overflow: hidden;
  text-align: left;
  display: inline-block;
}
@media screen and (max-width: 1600px) {
  .ctaBlack {
    font-size: 14px;
  }
}
@media screen and (max-width: 1440px) {
  .ctaBlack {
    font-size: 12px;
  }
}
.ctaBlack::before {
  content: "\e80a";
  font-family: "fontello";
  font-size: 16px;
  font-weight: 400;
  position: absolute;
  width: 16px;
  top: 50%;
  transform: translateY(-50%);
  right: 32px;
  opacity: 0;
  transition: transform 0.3s ease-out, opacity 0.3s ease-out;
}
@media screen and (max-width: 1600px) {
  .ctaBlack::before {
    font-size: 14px;
  }
}
@media screen and (max-width: 1440px) {
  .ctaBlack::before {
    font-size: 12px;
  }
}
.ctaBlack:hover {
  padding-right: 66px;
}
.ctaBlack:hover::before {
  opacity: 1;
}
@media screen and (max-width: 1600px) {
  .ctaBlack {
    padding: 16px 32px;
  }
}
@media screen and (max-width: 1440px) {
  .ctaBlack {
    padding: 14px 32px;
  }
}
@media screen and (max-width: 1024px) {
  .ctaBlack {
    padding: 18px 32px;
    line-height: 15px;
    font-size: 14px;
  }
  .ctaBlack::before {
    font-size: 14px;
  }
}
@media screen and (max-width: 820px) {
  .ctaBlack {
    padding-right: 62px;
    line-height: normal;
    font-size: 12px;
  }
  .ctaBlack::before {
    opacity: 1;
    font-size: 12px;
  }
}

.ctaWhite {
  font-family: "termina", sans-serif;
  font-weight: 600;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: -0.64px;
  color: #1E1E1E;
  background: #fff;
  border: 1px solid #fff;
  border-style: none;
  border: 1px solid #4B4B4B;
  padding: 20px 32px;
  border-radius: 100px;
  cursor: pointer;
  transition: all 0.3s ease-out;
  position: relative;
  overflow: hidden;
  text-align: left;
  display: inline-block;
}
@media screen and (max-width: 1600px) {
  .ctaWhite {
    font-size: 14px;
  }
}
@media screen and (max-width: 1440px) {
  .ctaWhite {
    font-size: 12px;
  }
}
.ctaWhite::before {
  content: "\e80a";
  font-family: "fontello";
  font-size: 16px;
  font-weight: 400;
  position: absolute;
  width: 16px;
  top: 50%;
  transform: translateY(-50%);
  right: 32px;
  opacity: 0;
  transition: transform 0.3s ease-out, opacity 0.3s ease-out;
}
@media screen and (max-width: 1600px) {
  .ctaWhite::before {
    font-size: 14px;
  }
}
@media screen and (max-width: 1440px) {
  .ctaWhite::before {
    font-size: 12px;
  }
}
.ctaWhite:hover {
  padding-right: 66px;
  border-color: #4B4B4B;
}
.ctaWhite:hover::before {
  opacity: 1;
}
@media screen and (max-width: 1600px) {
  .ctaWhite {
    padding: 16px 32px;
  }
}
@media screen and (max-width: 1440px) {
  .ctaWhite {
    padding: 14px 32px;
  }
}
@media screen and (max-width: 1024px) {
  .ctaWhite {
    padding: 18px 32px;
    line-height: 15px;
    font-size: 14px;
  }
  .ctaWhite::before {
    font-size: 14px;
  }
}
@media screen and (max-width: 820px) {
  .ctaWhite {
    padding-right: 62px;
    line-height: normal;
    font-size: 12px;
  }
  .ctaWhite::before {
    opacity: 1;
    font-size: 12px;
  }
}

.hideScrollbarhtml, .hideScrollbar {
  overflow: hidden !important;
}

@font-face {
  font-family: "fontello";
  src: url("./fonts/fontello.eot?84931638");
  src: url("./fonts/fontello.eot?84931638#iefix") format("embedded-opentype"), url("./fonts/fontello.woff2?84931638") format("woff2"), url("./fonts/fontello.woff?84931638") format("woff"), url("./fonts/fontello.ttf?84931638") format("truetype"), url("./fonts/fontello.svg?84931638#fontello") format("svg");
  font-weight: normal;
  font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'fontello';
    src: url('../font/fontello.svg?84931638#fontello') format('svg');
  }
}
*/
[class^=icon-]:before, [class*=" icon-"]:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: never;
  display: inline-block;
  text-decoration: inherit;
  width: auto;
  margin-right: 0;
  text-align: center;
  /* opacity: .8; */
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: 0;
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

.icon-briefcase:before {
  content: "\e800";
} /* '' */
.icon-cross:before {
  content: "\e801";
} /* '' */
.icon-down-arrow:before {
  content: "\e802";
} /* '' */
.icon-double-arrow:before {
  content: "\e803";
} /* '' */
.icon-download:before {
  content: "\e804";
} /* '' */
.icon-dquotes:before {
  content: "\e805";
} /* '' */
.icon-facebook:before {
  content: "\e806";
} /* '' */
.icon-globe:before {
  content: "\e807";
} /* '' */
.icon-instagram:before {
  content: "\e808";
} /* '' */
.icon-pdfile:before {
  content: "\e809";
} /* '' */
.icon-right-arrow:before {
  content: "\e80a";
} /* '' */
.icon-left-arrow:before {
  content: "\e80b";
} /* '' */
.icon-locat:before {
  content: "\e80c";
} /* '' */
.icon-linkedin:before {
  content: "\e80d";
} /* '' */
.icon-search:before {
  content: "\e80e";
} /* '' */
.icon-twitter:before {
  content: "\e80f";
} /* '' */
.icon-youtube:before {
  content: "\e810";
} /* '' */
.slick-track {
  display: flex !important;
}

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

header {
  position: fixed;
  width: 100%;
  top: 0;
  z-index: 9;
  transition: top 0.5s ease-in-out;
}
header.nav-up {
  top: -150px;
}
header .headerWrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 18px 120px;
  background: #FFF;
}
header .headerWrapper .headerMenu .navMenu .navLinks .navLists ul {
  display: flex;
  align-items: center;
  gap: 56px;
}
header .headerWrapper .headerMenu .navMenu .navLinks .navLists ul li {
  display: flex;
  gap: 10px;
  padding: 15px 0px;
  position: relative;
  padding-right: 7px;
}
header .headerWrapper .headerMenu .navMenu .navLinks .navLists ul li:hover::before {
  width: 100%;
}
header .headerWrapper .headerMenu .navMenu .navLinks .navLists ul li::before {
  position: absolute;
  content: "";
  bottom: 0;
  left: 0;
  width: 0;
  height: 5px;
  background: #F5F75E;
  transition: 0.3s all ease-in-out;
}
header .headerWrapper .headerMenu .navMenu .navLinks .navLists ul li .mainManu {
  font-size: 20px;
  line-height: 150%;
  color: #1E1E1E;
  transition: 0.3s all ease-in-out;
  font-weight: 400;
}
@media screen and (max-width: 1600px) {
  header .headerWrapper .headerMenu .navMenu .navLinks .navLists ul li .mainManu {
    font-size: 18px;
  }
}
@media screen and (max-width: 1440px) {
  header .headerWrapper .headerMenu .navMenu .navLinks .navLists ul li .mainManu {
    font-size: 16px;
  }
}
@media screen and (max-width: 720px) {
  header .headerWrapper .headerMenu .navMenu .navLinks .navLists ul li .mainManu {
    font-size: 12px;
  }
}
header .headerWrapper .headerMenu .navMenu .navLinks .navLists ul li .arrowImage {
  transition: 0.3s all ease-in-out;
  font-size: 8px;
  line-height: normal;
}
header .headerWrapper .headerMenu .navMenu .navLinks .navLists ul li .fonelloGlobeIcon {
  font-size: 24px;
}
header .headerWrapper .headerMenu .navMenu .navLinks .navLists ul li .accordian-icon-wrapper {
  display: none;
}
header .headerWrapper .headerMenu .navMenu .navLinks .navLists ul li.dropdown {
  transition: 0.3s all ease-in-out;
  align-items: center;
}
header .headerWrapper .headerMenu .navMenu .navLinks .navLists ul li.dropdown::before {
  position: absolute;
  content: "";
  bottom: 0;
  left: 0;
  width: 0;
  height: 5px;
  background: #F5F75E;
  transition: 0.3s all ease-in-out;
}
header .headerWrapper .headerMenu .navMenu .navLinks .navLists ul li.dropdown .mainManu {
  cursor: default;
  pointer-events: none;
}
header .headerWrapper .headerMenu .navMenu .navLinks .navLists ul li.dropdown.active::before {
  width: calc(100% - 7px);
}
header .headerWrapper .headerMenu .navMenu .navLinks .navLists ul li.dropdown.active .arrowImage {
  transform: rotate(180deg);
}
header .headerWrapper .headerMenu .navMenu .navLinks .navLists ul li.dropdown.active .dropdownMenu {
  opacity: 1;
  visibility: visible;
}
header .headerWrapper .headerMenu .navMenu .navLinks .navLists ul li .dropdownMenu {
  position: absolute;
  top: 100%;
  left: -40px;
  padding-top: 20px;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
}
header .headerWrapper .headerMenu .navMenu .navLinks .navLists ul li .dropdownMenu ul {
  background: #ffffff;
  min-width: 320px;
  display: flex;
  flex-direction: column;
  align-items: start;
  gap: 40px;
  border: 1px solid #1E1E1E;
  padding: 24px 0px;
}
header .headerWrapper .headerMenu .navMenu .navLinks .navLists ul li .dropdownMenu ul li {
  display: flex;
  flex-direction: column;
  gap: 0;
  width: 100%;
  padding: 0px;
}
header .headerWrapper .headerMenu .navMenu .navLinks .navLists ul li .dropdownMenu ul li::before {
  content: none;
}
header .headerWrapper .headerMenu .navMenu .navLinks .navLists ul li .dropdownMenu ul li p {
  font-size: 20px;
  color: #323232;
  padding: 12px 40px;
  font-weight: 700;
  font-family: "termina", sans-serif;
}
@media screen and (max-width: 1600px) {
  header .headerWrapper .headerMenu .navMenu .navLinks .navLists ul li .dropdownMenu ul li p {
    font-size: 18px;
  }
}
@media screen and (max-width: 1440px) {
  header .headerWrapper .headerMenu .navMenu .navLinks .navLists ul li .dropdownMenu ul li p {
    font-size: 16px;
  }
}
@media screen and (max-width: 720px) {
  header .headerWrapper .headerMenu .navMenu .navLinks .navLists ul li .dropdownMenu ul li p {
    font-size: 12px;
  }
}
header .headerWrapper .headerMenu .navMenu .navLinks .navLists ul li .dropdownMenu ul li a {
  font-size: 20px;
  color: #323232;
  padding: 12px 40px;
  font-weight: 400;
}
@media screen and (max-width: 1600px) {
  header .headerWrapper .headerMenu .navMenu .navLinks .navLists ul li .dropdownMenu ul li a {
    font-size: 18px;
  }
}
@media screen and (max-width: 1440px) {
  header .headerWrapper .headerMenu .navMenu .navLinks .navLists ul li .dropdownMenu ul li a {
    font-size: 16px;
  }
}
@media screen and (max-width: 720px) {
  header .headerWrapper .headerMenu .navMenu .navLinks .navLists ul li .dropdownMenu ul li a {
    font-size: 12px;
  }
}
header .headerWrapper .headerMenu .navMenu .navLinks .navLists ul li .dropdownMenu ul li a:hover {
  background: #F5F75E;
}
header .headerWrapper .headerMenu .navMenu .navLinks .navLists ul li .dropdownMenu ul li a.active {
  background: #F5F75E;
}
header .headerWrapper .headerMenu .navMenu .navLinks .navLists ul li .languageMenu ul {
  min-width: 115px;
  gap: 0 !important;
}
header .headerWrapper .headerMenu .navMenu .navLinks .navLists ul li .languageMenu ul li a {
  cursor: pointer;
  padding: 12px 40px;
}
header .headerWrapper .headerMenu .navMenu .navLinks .navLists ul li .languageMenu ul li a:hover {
  background: #F5F75E;
}
header .headerWrapper .headerMenu .navMenu .navLinks .navLists ul .ctaContact {
  padding: 0px;
}
header .headerWrapper .headerMenu .navMenu .navLinks .navLists ul .ctaContact::before {
  content: none;
}
header .headerWrapper .headerMenu .navMenu .navLinks .navLists ul .ctaContact a {
  padding: 20px 32px;
  color: #F5F75E;
  font-size: 16px;
  font-family: "termina", sans-serif;
  letter-spacing: -0.64px;
  background: #1E1E1E;
  border-radius: 100px;
  transition: 0.3s all ease-in-out;
  line-height: 100%;
  font-weight: 600;
}
@media screen and (max-width: 1600px) {
  header .headerWrapper .headerMenu .navMenu .navLinks .navLists ul .ctaContact a {
    font-size: 14px;
  }
}
@media screen and (max-width: 1440px) {
  header .headerWrapper .headerMenu .navMenu .navLinks .navLists ul .ctaContact a {
    font-size: 12px;
  }
}
header .headerWrapper .headerMenu .navMenu .navLinks .navLists ul .ctaContact a:hover {
  color: #1E1E1E;
  background: #F5F75E;
}
header .headerWrapper .headerMenu .languageTranslatorMbl {
  display: none;
}
header .headerWrapper .headerMenu .languageTranslatorMbl .fonelloGlobeIconMbl {
  font-size: 24px;
}
header .headerWrapper .headerMenu .hamburger-menu {
  display: none;
}
@media all and (max-width: 1800px) {
  header .headerWrapper {
    padding: 18px 120px;
  }
  header .headerWrapper .headerMenu .navMenu .navLinks .navLists ul {
    gap: 54px;
  }
  header .headerWrapper .headerMenu .navMenu .navLinks .navLists ul li {
    gap: 10px;
  }
  header .headerWrapper .headerMenu .navMenu .navLinks .navLists ul li .dropdownMenu {
    left: -40px;
    padding-top: 19px;
  }
  header .headerWrapper .headerMenu .navMenu .navLinks .navLists ul li .dropdownMenu ul {
    min-width: 320px;
    gap: 36px;
  }
  header .headerWrapper .headerMenu .navMenu .navLinks .navLists ul li .languageMenu ul {
    min-width: 110px;
  }
  header .headerWrapper .headerMenu .navMenu .navLinks .navLists ul li .languageMenu ul li a {
    padding: 10px 36px;
  }
}
@media all and (max-width: 1600px) {
  header .headerWrapper {
    padding: 16px 90px;
  }
  header .headerWrapper .headerMenu .navMenu .navLinks .navLists ul {
    gap: 50px;
  }
  header .headerWrapper .headerMenu .navMenu .navLinks .navLists ul li .dropdownMenu {
    left: -36px;
    padding-top: 16px;
  }
  header .headerWrapper .headerMenu .navMenu .navLinks .navLists ul li .dropdownMenu ul {
    gap: 32px;
    padding: 20px 0px;
    min-width: 300px;
  }
  header .headerWrapper .headerMenu .navMenu .navLinks .navLists ul li .dropdownMenu ul li p {
    padding: 10px 36px;
  }
  header .headerWrapper .headerMenu .navMenu .navLinks .navLists ul li .dropdownMenu ul li a {
    padding: 10px 36px;
  }
  header .headerWrapper .headerMenu .navMenu .navLinks .navLists ul li .languageMenu ul {
    min-width: 100px;
  }
  header .headerWrapper .headerMenu .navMenu .navLinks .navLists ul li .languageMenu ul li a {
    padding: 9px 32px;
  }
  header .headerWrapper .headerMenu .navMenu .navLinks .navLists ul .ctaContact a {
    padding: 16px 32px;
  }
}
@media all and (max-width: 1440px) {
  header .headerWrapper {
    padding: 14px 80px;
  }
  header .headerWrapper .headerMenu .navMenu .navLinks .navLists ul {
    gap: 40px;
  }
  header .headerWrapper .headerMenu .navMenu .navLinks .navLists ul li .arrowImage {
    font-size: 6px;
  }
  header .headerWrapper .headerMenu .navMenu .navLinks .navLists ul li .fonelloGlobeIcon {
    font-size: 18px;
  }
  header .headerWrapper .headerMenu .navMenu .navLinks .navLists ul li .dropdownMenu {
    left: -32px;
  }
  header .headerWrapper .headerMenu .navMenu .navLinks .navLists ul li .dropdownMenu ul {
    gap: 28px;
    padding: 18px 0px;
  }
  header .headerWrapper .headerMenu .navMenu .navLinks .navLists ul li .dropdownMenu ul li p {
    padding: 9px 32px;
  }
  header .headerWrapper .headerMenu .navMenu .navLinks .navLists ul li .dropdownMenu ul li a {
    padding: 9px 32px;
  }
  header .headerWrapper .headerMenu .navMenu .navLinks .navLists ul li .languageMenu ul {
    min-width: 90px;
  }
  header .headerWrapper .headerMenu .navMenu .navLinks .navLists ul li .languageMenu ul li a {
    padding: 8px 28px;
  }
  header .headerWrapper .headerMenu .navMenu .navLinks .navLists ul .ctaContact a {
    padding: 14px 32px;
    letter-spacing: -0.64px;
  }
}
@media all and (max-width: 1280px) {
  header .headerWrapper {
    padding: 12px 80px;
  }
  header .headerWrapper .headerMenu .navMenu .navLinks .navLists ul {
    gap: 36px;
  }
  header .headerWrapper .headerMenu .navMenu .navLinks .navLists ul li {
    gap: 8px;
  }
  header .headerWrapper .headerMenu .navMenu .navLinks .navLists ul li .dropdownMenu {
    left: -28px;
    padding-top: 12px;
  }
  header .headerWrapper .headerMenu .navMenu .navLinks .navLists ul li .dropdownMenu ul {
    gap: 20px;
    padding: 16px 0px;
    min-width: 280px;
  }
  header .headerWrapper .headerMenu .navMenu .navLinks .navLists ul li .dropdownMenu ul li p {
    padding: 8px 28px;
  }
  header .headerWrapper .headerMenu .navMenu .navLinks .navLists ul li .dropdownMenu ul li a {
    padding: 8px 28px;
  }
  header .headerWrapper .headerMenu .navMenu .navLinks .navLists ul li .languageMenu ul {
    min-width: 80px;
  }
}
@media all and (max-width: 1180px) {
  header .headerWrapper {
    padding: 10px 80px;
  }
  header .headerWrapper .headerMenu .navMenu .navLinks .navLists ul {
    gap: 32px;
  }
  header .headerWrapper .headerMenu .navMenu .navLinks .navLists ul li {
    gap: 8px;
  }
  header .headerWrapper .headerMenu .navMenu .navLinks .navLists ul li.dropdown .mainManu {
    cursor: pointer;
    pointer-events: auto;
  }
  header .headerWrapper .headerMenu .navMenu .navLinks .navLists ul li .dropdownMenu {
    left: -20px;
    padding-top: 10px;
  }
  header .headerWrapper .headerMenu .navMenu .navLinks .navLists ul li .dropdownMenu ul {
    gap: 14px;
    padding: 14px 0px;
    min-width: 250px;
  }
  header .headerWrapper .headerMenu .navMenu .navLinks .navLists ul li .dropdownMenu ul li p {
    padding: 7px 20px;
  }
  header .headerWrapper .headerMenu .navMenu .navLinks .navLists ul li .dropdownMenu ul li a {
    padding: 7px 20px;
  }
  header .headerWrapper .headerMenu .navMenu .navLinks .navLists ul li .languageMenu ul {
    min-width: 80px;
  }
}
@media all and (max-width: 1024px) {
  header .headerWrapper {
    padding: 10px 40px;
  }
  header .headerWrapper .headerMenu .navMenu .navLinks .navLists ul .ctaContact a {
    padding: 18px 32px;
  }
}
@media all and (max-width: 820px) {
  header .headerWrapper {
    padding: 20px 40px;
    z-index: 99;
  }
  header .headerWrapper .headerLogo img {
    position: relative;
    height: 20px;
    width: 90px;
    z-index: 99;
  }
  header .headerWrapper .headerMenu .navMenu {
    position: absolute;
    top: 0;
    right: -110%;
    width: 100%;
    transition: 0.4s all ease-in-out;
    overflow: hidden;
    height: 100vh;
  }
  header .headerWrapper .headerMenu .navMenu.open {
    right: 0;
    background: #ffffff;
    flex-direction: column;
  }
  header .headerWrapper .headerMenu .navMenu .navLinks {
    height: calc(100% - 250px);
    overflow-y: auto;
    margin-top: 113px;
  }
  header .headerWrapper .headerMenu .navMenu .navLinks .navLists ul {
    display: flex;
    flex-direction: column;
    align-items: start;
    padding: 0px 20px;
    gap: 24px;
  }
  header .headerWrapper .headerMenu .navMenu .navLinks .navLists ul li {
    padding: 0px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    flex-wrap: wrap;
    gap: 0px;
  }
  header .headerWrapper .headerMenu .navMenu .navLinks .navLists ul li::before {
    content: none;
  }
  header .headerWrapper .headerMenu .navMenu .navLinks .navLists ul li.dropdown {
    transition: 0.3s all ease-in-out;
  }
  header .headerWrapper .headerMenu .navMenu .navLinks .navLists ul li.dropdown::before {
    content: none;
  }
  header .headerWrapper .headerMenu .navMenu .navLinks .navLists ul li.dropdown .mainManu {
    font-size: 16px;
    font-family: "termina", sans-serif;
    font-weight: 700;
  }
  header .headerWrapper .headerMenu .navMenu .navLinks .navLists ul li.dropdown.active::before {
    width: 100%;
  }
  header .headerWrapper .headerMenu .navMenu .navLinks .navLists ul li.dropdown.active .mainManu {
    font-family: "termina", sans-serif;
    font-weight: 700;
  }
  header .headerWrapper .headerMenu .navMenu .navLinks .navLists ul li.dropdown.active .accordian-icon-wrapper {
    background: #F5F75E;
  }
  header .headerWrapper .headerMenu .navMenu .navLinks .navLists ul li.dropdown.active .accordian-icon-wrapper .accordion-icon::after {
    transform: rotate(90deg);
    transition: 0.5s all ease-in-out;
    width: 0px;
  }
  header .headerWrapper .headerMenu .navMenu .navLinks .navLists ul li.dropdown.active .dropdownMenu {
    height: auto;
    opacity: 1;
    transition: 0.5s all ease-in-out;
    margin-top: 16px;
  }
  header .headerWrapper .headerMenu .navMenu .navLinks .navLists ul li .mainManu {
    font-size: 16px;
    font-family: "termina", sans-serif;
    font-weight: 700;
  }
  header .headerWrapper .headerMenu .navMenu .navLinks .navLists ul li .arrowImage {
    display: none;
  }
  header .headerWrapper .headerMenu .navMenu .navLinks .navLists ul li .accordian-icon-wrapper {
    display: block;
    padding: 3px;
    transition: 0.3s all ease-in-out;
  }
  header .headerWrapper .headerMenu .navMenu .navLinks .navLists ul li .accordian-icon-wrapper .accordion-icon {
    position: relative;
    transition: 0.5s all ease-in-out;
    width: 21px;
    height: 21px;
  }
  header .headerWrapper .headerMenu .navMenu .navLinks .navLists ul li .accordian-icon-wrapper .accordion-icon::after {
    content: "";
    position: absolute;
    left: 50%;
    background: #343330;
    height: 100%;
    width: 2px;
    transform: translateX(-50%);
    transition: 0.3s all ease-in-out;
  }
  header .headerWrapper .headerMenu .navMenu .navLinks .navLists ul li .accordian-icon-wrapper .accordion-icon::before {
    content: "";
    position: absolute;
    top: 50%;
    background: #343330;
    width: 100%;
    height: 2px;
    transform: translateY(-50%) rotate(180deg);
  }
  header .headerWrapper .headerMenu .navMenu .navLinks .navLists ul li .dropdownMenu {
    position: relative;
    width: 100%;
    padding: 0px 20px;
    transition: 0.5s all ease-in-out;
    height: 0;
    opacity: 0;
  }
  header .headerWrapper .headerMenu .navMenu .navLinks .navLists ul li .dropdownMenu ul {
    background: transparent;
    min-width: 100%;
    gap: 32px;
    padding-left: 20px;
    border: none;
    border-left: 4px solid #F5F75E !important;
  }
  header .headerWrapper .headerMenu .navMenu .navLinks .navLists ul li .dropdownMenu ul li {
    display: flex;
    flex-direction: column;
    gap: 12px;
    align-items: start;
  }
  header .headerWrapper .headerMenu .navMenu .navLinks .navLists ul li .dropdownMenu ul li p {
    font-family: "termina", sans-serif;
    font-size: 16px;
    color: #909090;
    padding: 0px;
    font-weight: 400;
  }
  header .headerWrapper .headerMenu .navMenu .navLinks .navLists ul li .dropdownMenu ul li a {
    font-size: 16px;
    line-height: 28px;
    color: #000;
    padding: 0px;
    pointer-events: unset;
  }
  header .headerWrapper .headerMenu .navMenu .navLinks .navLists ul li .dropdownMenu ul li a:hover {
    background: unset;
  }
  header .headerWrapper .headerMenu .navMenu .navLinks .navLists ul li .dropdownMenu ul li a.active {
    background: unset;
    font-weight: 700;
  }
  header .headerWrapper .headerMenu .navMenu .navLinks .navLists ul .dropdown a {
    cursor: default;
    pointer-events: none;
  }
  header .headerWrapper .headerMenu .navMenu .navLinks .navLists ul .languageTranslator {
    display: none;
  }
  header .headerWrapper .headerMenu .navMenu .navLinks .navLists ul .ctaContact {
    position: fixed;
    bottom: 30px;
  }
  header .headerWrapper .headerMenu .navMenu .navLinks .navLists ul .ctaContact .accordian-icon-wrapper {
    display: none;
  }
  header .headerWrapper .headerMenu .navMenu .navLinks .navLists ul .ctaContact a {
    padding: 20px 32px;
    letter-spacing: -0.48px;
    font-size: 12px;
    background: #F5F75E;
    color: #1E1E1E;
    position: relative;
    padding-right: 66px;
  }
  header .headerWrapper .headerMenu .navMenu .navLinks .navLists ul .ctaContact a::before {
    content: "\e80a";
    font-family: "fontello";
    font-size: 12px;
    position: absolute;
    width: 16px;
    top: 48%;
    transform: translateY(-50%);
    right: 32px;
    opacity: 1;
    transition: transform 0.3s ease-out, opacity 0.3s ease-out;
  }
  header .headerWrapper .headerMenu .hamburger-menu {
    display: block;
    margin-left: auto;
  }
  header .headerWrapper .headerMenu .hamburger-menu .button_toggle {
    position: relative;
    height: 10px;
    cursor: pointer;
    z-index: 1;
    transition: opacity 0.3s ease;
    right: 20px;
  }
  header .headerWrapper .headerMenu .hamburger-menu .button_toggle.active .spanParent {
    position: absolute;
    right: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
  }
  header .headerWrapper .headerMenu .hamburger-menu .button_toggle.active .spanParent span {
    width: 26px;
  }
  header .headerWrapper .headerMenu .hamburger-menu .button_toggle.active .spanParent .top {
    transform: translateY(-50%) translateX(-50%) rotate(45deg);
    background: #343434;
    right: 50%;
    top: 50%;
  }
  header .headerWrapper .headerMenu .hamburger-menu .button_toggle.active .spanParent .middle {
    opacity: 0;
    background: #FFF;
  }
  header .headerWrapper .headerMenu .hamburger-menu .button_toggle.active .spanParent .bottom {
    transform: translateY(-50%) translateX(-50%) rotate(-45deg);
    background: #343434;
    right: 50%;
    top: 50%;
  }
  header .headerWrapper .headerMenu .hamburger-menu .button_toggle .spanParent span {
    background: #000;
    border: none;
    height: 2px;
    width: 20px;
    position: absolute;
    top: -4px;
    left: 0;
    transition: all 0.3s ease;
    cursor: pointer;
  }
  header .headerWrapper .headerMenu .hamburger-menu .button_toggle .spanParent span:nth-of-type(2) {
    top: 4px;
    right: -20px;
    width: 15px;
    left: unset;
  }
  header .headerWrapper .headerMenu .hamburger-menu .button_toggle .spanParent span:nth-of-type(3) {
    top: 12px;
  }
  header .headerWrapper .headerMenu .languageTranslatorMbl {
    display: block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 100px;
  }
  header .headerWrapper .headerMenu .languageTranslatorMbl.active .languageMenuMbl {
    opacity: 1;
    visibility: visible;
  }
  header .headerWrapper .headerMenu .languageTranslatorMbl .languageMenuMbl {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: 100%;
    left: -20px;
    padding-top: 15px;
    transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
  }
  header .headerWrapper .headerMenu .languageTranslatorMbl .languageMenuMbl ul {
    background: #ffffff;
    min-width: 64px;
    display: flex;
    flex-direction: column;
    align-items: start;
    gap: 12px;
    border: 1px solid #1E1E1E;
    padding: 12px 20px;
  }
  header .headerWrapper .headerMenu .languageTranslatorMbl .languageMenuMbl ul li:first-child a {
    text-decoration: underline;
  }
  header .headerWrapper .headerMenu .languageTranslatorMbl .languageMenuMbl ul li a {
    font-family: "termina", sans-serif;
    font-size: 12px;
    color: #323232;
    font-weight: 600;
    line-height: 16px;
  }
}
@media all and (max-width: 680px) {
  header .headerWrapper {
    padding: 20px;
  }
  header .headerWrapper .headerMenu .languageTranslatorMbl {
    right: 68px;
  }
}

.contactFormContainer {
  opacity: 0;
  visibility: hidden;
  position: fixed;
  width: 100%;
  height: 100vh;
  top: 0;
  left: 0;
  right: 0;
  transition: 0.6s all ease-in-out;
  z-index: 99;
}
.contactFormContainer.open {
  opacity: 1;
  visibility: visible;
  background: rgba(0, 0, 0, 0.6);
}
.contactFormContainer.open .contactForm {
  right: 0;
}
.contactFormContainer .contactForm {
  position: fixed;
  top: 0;
  right: -110%;
  transition: 0.6s all ease-in-out;
  z-index: 99;
  width: 1300px;
  height: 100%;
}
.contactFormContainer .contactForm .contactFormWrapper {
  padding: 72px;
  background: #FFFFFF;
  border: 12px solid #F5F75E;
  overflow-y: auto !important;
  height: 100% !important;
  -ms-overflow-style: none; /* IE/Edge */
  /* Custom scrollbar for WebKit-based browsers */
  scrollbar-width: thin;
  scrollbar-color: #1E1E1E #f4f4f4;
}
.contactFormContainer .contactForm .contactFormWrapper::-webkit-scrollbar {
  width: 10px; /* Width of vertical scrollbar */
  height: 10px; /* Height of horizontal scrollbar */
}
.contactFormContainer .contactForm .contactFormWrapper::-webkit-scrollbar-thumb {
  background: #F5F75E; /* Color of the scrollbar thumb */
  border-radius: 20px; /* Rounded corners */
}
.contactFormContainer .contactForm .contactFormWrapper::-webkit-scrollbar-track {
  background: #f4f4f4; /* Color of the scrollbar track */
  border-radius: 20px; /* Rounded corners */
}
.contactFormContainer .contactForm .contactFormWrapper .contactHeading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 36px;
}
.contactFormContainer .contactForm .contactFormWrapper .contactHeading h2 {
  font-family: "termina", sans-serif;
  font-size: 48px;
  line-height: 160%;
  text-transform: uppercase;
  color: #1E1E1E;
  font-weight: 600;
}
@media screen and (max-width: 1600px) {
  .contactFormContainer .contactForm .contactFormWrapper .contactHeading h2 {
    font-size: 40px;
  }
}
@media screen and (max-width: 1440px) {
  .contactFormContainer .contactForm .contactFormWrapper .contactHeading h2 {
    font-size: 36px;
  }
}
@media screen and (max-width: 820px) {
  .contactFormContainer .contactForm .contactFormWrapper .contactHeading h2 {
    font-size: 30px;
  }
}
@media screen and (max-width: 720px) {
  .contactFormContainer .contactForm .contactFormWrapper .contactHeading h2 {
    font-size: 24px;
  }
}
.contactFormContainer .contactForm .contactFormWrapper .contactHeading .closeBtn {
  cursor: pointer;
}
.contactFormContainer .contactForm .contactFormWrapper .contactTop {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 38px;
  margin-bottom: 48px;
}
.contactFormContainer .contactForm .contactFormWrapper .contactTop .formFields {
  flex-basis: calc(50% - 19px);
  display: flex;
  flex-direction: column;
  gap: 17px;
  /* &:last-child{flex-basis: 100%;} */
}
.contactFormContainer .contactForm .contactFormWrapper .contactTop .formFields label {
  text-transform: capitalize;
  font-family: "termina", sans-serif;
  font-size: 18px;
  line-height: 140%;
  font-weight: 600;
  color: #1E1E1E;
}
@media screen and (max-width: 1600px) {
  .contactFormContainer .contactForm .contactFormWrapper .contactTop .formFields label {
    font-size: 16px;
  }
}
@media screen and (max-width: 1440px) {
  .contactFormContainer .contactForm .contactFormWrapper .contactTop .formFields label {
    font-size: 14px;
  }
}
.contactFormContainer .contactForm .contactFormWrapper .contactTop .formFields input {
  border-bottom: 1px solid #A5A5A5;
  font-size: 16px;
  line-height: 175%;
  color: #1E1E1E;
  padding: 7px 0px 14px 0px;
  width: 100%;
  font-weight: 400;
}
@media screen and (max-width: 1600px) {
  .contactFormContainer .contactForm .contactFormWrapper .contactTop .formFields input {
    font-size: 14px;
  }
}
@media screen and (max-width: 1440px) {
  .contactFormContainer .contactForm .contactFormWrapper .contactTop .formFields input {
    font-size: 12px;
  }
}
.contactFormContainer .contactForm .contactFormWrapper .contactTop .formFields input::placeholder {
  font-size: 16px;
  line-height: 175%;
  color: #A5A5A5;
  font-weight: 400;
}
@media screen and (max-width: 1600px) {
  .contactFormContainer .contactForm .contactFormWrapper .contactTop .formFields input::placeholder {
    font-size: 14px;
  }
}
@media screen and (max-width: 1440px) {
  .contactFormContainer .contactForm .contactFormWrapper .contactTop .formFields input::placeholder {
    font-size: 12px;
  }
}
.contactFormContainer .contactForm .contactFormWrapper .contactTop .formFields input::-webkit-input-placeholder {
  font-size: 16px;
  line-height: 175%;
  color: #A5A5A5;
  font-weight: 400;
}
@media screen and (max-width: 1600px) {
  .contactFormContainer .contactForm .contactFormWrapper .contactTop .formFields input::-webkit-input-placeholder {
    font-size: 14px;
  }
}
@media screen and (max-width: 1440px) {
  .contactFormContainer .contactForm .contactFormWrapper .contactTop .formFields input::-webkit-input-placeholder {
    font-size: 12px;
  }
}
.contactFormContainer .contactForm .contactFormWrapper .contactTop .formFields .selected-flag {
  background: transparent;
  padding: 0px;
}
.contactFormContainer .contactForm .contactFormWrapper .contactTop .formFields .selected-flag:hover {
  background: transparent;
}
.contactFormContainer .contactForm .contactFormWrapper .contactTop .formFields .wpcf7-not-valid-tip {
  font-size: 16px;
  margin-top: 8px;
  font-weight: 400;
}
@media screen and (max-width: 1600px) {
  .contactFormContainer .contactForm .contactFormWrapper .contactTop .formFields .wpcf7-not-valid-tip {
    font-size: 14px;
  }
}
@media screen and (max-width: 1440px) {
  .contactFormContainer .contactForm .contactFormWrapper .contactTop .formFields .wpcf7-not-valid-tip {
    font-size: 12px;
  }
}
.contactFormContainer .contactForm .contactFormWrapper .contactTop .formFields .selected-dial-code {
  font-size: 16px;
  line-height: 175%;
  padding-bottom: 8px;
  font-weight: 400;
}
@media screen and (max-width: 1600px) {
  .contactFormContainer .contactForm .contactFormWrapper .contactTop .formFields .selected-dial-code {
    font-size: 14px;
  }
}
@media screen and (max-width: 1440px) {
  .contactFormContainer .contactForm .contactFormWrapper .contactTop .formFields .selected-dial-code {
    font-size: 12px;
  }
}
.contactFormContainer .contactForm .contactFormWrapper .contactTop .formFields .iti-arrow {
  margin-top: -5px;
}
.contactFormContainer .contactForm .contactFormWrapper .contactTop .formFields .iti-flag {
  margin-bottom: 20px;
}
.contactFormContainer .contactForm .contactFormWrapper .contactBottom h3 {
  font-family: "termina", sans-serif;
  font-size: 24px;
  line-height: 120%; /* margin-bottom: 36px; */
  font-weight: 600;
  color: #1E1E1E;
  font-weight: 600;
}
@media screen and (max-width: 1600px) {
  .contactFormContainer .contactForm .contactFormWrapper .contactBottom h3 {
    font-size: 20px;
  }
}
@media screen and (max-width: 1440px) {
  .contactFormContainer .contactForm .contactFormWrapper .contactBottom h3 {
    font-size: 16px;
  }
}
.contactFormContainer .contactForm .contactFormWrapper .contactBottom .contactTab {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 48px;
}
.contactFormContainer .contactForm .contactFormWrapper .contactBottom .contactTab .contact-tab-btn {
  font-size: 20px;
  line-height: 160%;
  background: #FFFFFF;
  border: 1px solid #A5A5A5;
  padding: 14px 56px;
  color: #1E1E1E;
  border-radius: 100px;
  cursor: pointer;
  font-weight: 400;
}
@media screen and (max-width: 1600px) {
  .contactFormContainer .contactForm .contactFormWrapper .contactBottom .contactTab .contact-tab-btn {
    font-size: 18px;
  }
}
@media screen and (max-width: 1440px) {
  .contactFormContainer .contactForm .contactFormWrapper .contactBottom .contactTab .contact-tab-btn {
    font-size: 16px;
  }
}
@media screen and (max-width: 720px) {
  .contactFormContainer .contactForm .contactFormWrapper .contactBottom .contactTab .contact-tab-btn {
    font-size: 12px;
  }
}
.contactFormContainer .contactForm .contactFormWrapper .contactBottom .contactTab .contact-tab-btn.active {
  color: #F5F75E;
  background: #1E1E1E;
}
.contactFormContainer .contactForm .contactFormWrapper .contactBottom .contact-tab-content {
  display: none;
  margin-bottom: 38px;
}
.contactFormContainer .contactForm .contactFormWrapper .contactBottom .contact-tab-content.active {
  display: block;
}
.contactFormContainer .contactForm .contactFormWrapper .contactBottom .contact-tab-content .contact-tab-wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 38px;
}
.contactFormContainer .contactForm .contactFormWrapper .contactBottom .contact-tab-content .contact-tab-wrapper .formFields {
  flex-basis: calc(50% - 19px);
  display: flex;
  flex-direction: column;
  gap: 17px;
}
.contactFormContainer .contactForm .contactFormWrapper .contactBottom .contact-tab-content .contact-tab-wrapper .formFields label {
  text-transform: capitalize;
  font-family: "termina", sans-serif;
  font-size: 18px;
  line-height: 140%;
  font-weight: 600;
  color: #1E1E1E;
}
@media screen and (max-width: 1600px) {
  .contactFormContainer .contactForm .contactFormWrapper .contactBottom .contact-tab-content .contact-tab-wrapper .formFields label {
    font-size: 16px;
  }
}
@media screen and (max-width: 1440px) {
  .contactFormContainer .contactForm .contactFormWrapper .contactBottom .contact-tab-content .contact-tab-wrapper .formFields label {
    font-size: 14px;
  }
}
.contactFormContainer .contactForm .contactFormWrapper .contactBottom .contact-tab-content .contact-tab-wrapper .formFields input {
  border-bottom: 1px solid #A5A5A5;
  font-size: 16px;
  line-height: 175%;
  color: #1E1E1E;
  padding: 7px 0px 14px 0px;
  width: 100%;
  font-weight: 400;
}
@media screen and (max-width: 1600px) {
  .contactFormContainer .contactForm .contactFormWrapper .contactBottom .contact-tab-content .contact-tab-wrapper .formFields input {
    font-size: 14px;
  }
}
@media screen and (max-width: 1440px) {
  .contactFormContainer .contactForm .contactFormWrapper .contactBottom .contact-tab-content .contact-tab-wrapper .formFields input {
    font-size: 12px;
  }
}
.contactFormContainer .contactForm .contactFormWrapper .contactBottom .contact-tab-content .contact-tab-wrapper .formFields input::placeholder {
  font-size: 16px;
  line-height: 175%;
  color: #A5A5A5;
  font-weight: 400;
}
@media screen and (max-width: 1600px) {
  .contactFormContainer .contactForm .contactFormWrapper .contactBottom .contact-tab-content .contact-tab-wrapper .formFields input::placeholder {
    font-size: 14px;
  }
}
@media screen and (max-width: 1440px) {
  .contactFormContainer .contactForm .contactFormWrapper .contactBottom .contact-tab-content .contact-tab-wrapper .formFields input::placeholder {
    font-size: 12px;
  }
}
.contactFormContainer .contactForm .contactFormWrapper .contactBottom .contact-tab-content .contact-tab-wrapper .formFields input::-webkit-input-placeholder {
  font-size: 16px;
  line-height: 175%;
  color: #A5A5A5;
  font-weight: 400;
}
@media screen and (max-width: 1600px) {
  .contactFormContainer .contactForm .contactFormWrapper .contactBottom .contact-tab-content .contact-tab-wrapper .formFields input::-webkit-input-placeholder {
    font-size: 14px;
  }
}
@media screen and (max-width: 1440px) {
  .contactFormContainer .contactForm .contactFormWrapper .contactBottom .contact-tab-content .contact-tab-wrapper .formFields input::-webkit-input-placeholder {
    font-size: 12px;
  }
}
.contactFormContainer .contactForm .contactFormWrapper .contactBottom .contact-tab-content .contact-tab-wrapper .formFields .wpcf7-not-valid-tip {
  font-size: 16px;
  margin-top: 8px;
}
@media screen and (max-width: 1600px) {
  .contactFormContainer .contactForm .contactFormWrapper .contactBottom .contact-tab-content .contact-tab-wrapper .formFields .wpcf7-not-valid-tip {
    font-size: 14px;
  }
}
@media screen and (max-width: 1440px) {
  .contactFormContainer .contactForm .contactFormWrapper .contactBottom .contact-tab-content .contact-tab-wrapper .formFields .wpcf7-not-valid-tip {
    font-size: 12px;
  }
}
.contactFormContainer .contactForm .contactFormWrapper .contactBottom .contact-tab-content .contact-tab-wrapper .formFields .lowercase {
  text-transform: none;
}
.contactFormContainer .contactForm .contactFormWrapper .contactBottom .contact-tab-content .contact-tab-wrapper .formFields textarea {
  border: 1px solid #A5A5A5;
  font-size: 16px;
  line-height: 175%;
  color: #1E1E1E;
  padding: 24px;
  width: 100%;
  height: 148px;
  resize: none;
}
@media screen and (max-width: 1600px) {
  .contactFormContainer .contactForm .contactFormWrapper .contactBottom .contact-tab-content .contact-tab-wrapper .formFields textarea {
    font-size: 14px;
  }
}
@media screen and (max-width: 1440px) {
  .contactFormContainer .contactForm .contactFormWrapper .contactBottom .contact-tab-content .contact-tab-wrapper .formFields textarea {
    font-size: 12px;
  }
}
.contactFormContainer .contactForm .contactFormWrapper .contactBottom .contact-tab-content .contact-tab-wrapper .formFields .customSelect {
  position: relative;
}
.contactFormContainer .contactForm .contactFormWrapper .contactBottom .contact-tab-content .contact-tab-wrapper .formFields .customSelect .selectBtn {
  width: 100%;
  background: transparent;
  display: flex;
  cursor: pointer;
  border-bottom: 1px solid #A5A5A5;
  padding: 7px 0px 14px 0px;
  position: relative;
  justify-content: space-between;
}
.contactFormContainer .contactForm .contactFormWrapper .contactBottom .contact-tab-content .contact-tab-wrapper .formFields .customSelect .selectBtn .sBtntext {
  color: #1E1E1E;
  font-size: 16px;
  font-weight: 400;
}
@media screen and (max-width: 1600px) {
  .contactFormContainer .contactForm .contactFormWrapper .contactBottom .contact-tab-content .contact-tab-wrapper .formFields .customSelect .selectBtn .sBtntext {
    font-size: 14px;
  }
}
@media screen and (max-width: 1440px) {
  .contactFormContainer .contactForm .contactFormWrapper .contactBottom .contact-tab-content .contact-tab-wrapper .formFields .customSelect .selectBtn .sBtntext {
    font-size: 12px;
  }
}
.contactFormContainer .contactForm .contactFormWrapper .contactBottom .contact-tab-content .contact-tab-wrapper .formFields .customSelect .selectBtn .img {
  display: block;
}
.contactFormContainer .contactForm .contactFormWrapper .contactBottom .contact-tab-content .contact-tab-wrapper .formFields .customSelect .options {
  position: absolute;
  width: 100%;
  overflow-y: auto;
  max-height: 295px;
  margin-top: 10px;
  display: none;
  background: #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  animation-name: fadeInDown;
  -webkit-animation-name: fadeInDown;
  animation-duration: 0.35s;
  animation-fill-mode: both;
  -webkit-animation-duration: 0.35s;
  -webkit-animation-fill-mode: both;
}
.contactFormContainer .contactForm .contactFormWrapper .contactBottom .contact-tab-content .contact-tab-wrapper .formFields .customSelect .options .option {
  display: flex;
  height: 55px;
  cursor: pointer;
  padding: 0 16px;
  align-items: center;
  background: #fff;
  font-size: 16px;
  font-weight: 400;
  text-align: left;
  color: #787878;
  border-bottom: 1px solid #CCCCCC;
}
@media screen and (max-width: 1600px) {
  .contactFormContainer .contactForm .contactFormWrapper .contactBottom .contact-tab-content .contact-tab-wrapper .formFields .customSelect .options .option {
    font-size: 14px;
  }
}
@media screen and (max-width: 1440px) {
  .contactFormContainer .contactForm .contactFormWrapper .contactBottom .contact-tab-content .contact-tab-wrapper .formFields .customSelect .options .option {
    font-size: 12px;
  }
}
.contactFormContainer .contactForm .contactFormWrapper .contactBottom .contact-tab-content .contact-tab-wrapper .formFields .customSelect .options .option:last-child {
  border: none;
}
.contactFormContainer .contactForm .contactFormWrapper .contactBottom .contact-tab-content .contact-tab-wrapper .formFields .customSelect .options::-webkit-scrollbar {
  width: 6px;
}
.contactFormContainer .contactForm .contactFormWrapper .contactBottom .contact-tab-content .contact-tab-wrapper .formFields .customSelect .options::-webkit-scrollbar-thumb {
  background-color: #787878;
  border-radius: 5px;
}
.contactFormContainer .contactForm .contactFormWrapper .contactBottom .contact-tab-content .contact-tab-wrapper .formFields .customSelect.active .selectBtn img {
  transform: rotate(-180deg);
}
.contactFormContainer .contactForm .contactFormWrapper .contactBottom .contact-tab-content .contact-tab-wrapper .formFields .customSelect.active .options {
  display: block;
  opacity: 0;
  z-index: 10;
  animation-name: fadeInUp;
  -webkit-animation-name: fadeInUp;
  animation-duration: 0.4s;
  animation-fill-mode: both;
  -webkit-animation-duration: 0.4s;
  -webkit-animation-fill-mode: both;
}
.contactFormContainer .contactForm .contactFormWrapper .contactBottom .contact-tab-content .contact-tab-wrapper .formFields select {
  padding: 7px 0px 18px 0px;
  width: 100%;
  border-bottom: 1px solid #A5A5A5;
  color: #1E1E1E;
  font-size: 16px;
  line-height: 175%;
  background: transparent;
}
@media screen and (max-width: 1600px) {
  .contactFormContainer .contactForm .contactFormWrapper .contactBottom .contact-tab-content .contact-tab-wrapper .formFields select {
    font-size: 14px;
  }
}
@media screen and (max-width: 1440px) {
  .contactFormContainer .contactForm .contactFormWrapper .contactBottom .contact-tab-content .contact-tab-wrapper .formFields select {
    font-size: 12px;
  }
}
.contactFormContainer .contactForm .contactFormWrapper .contactBottom .contact-tab-content .contact-tab-wrapper .formFields select option {
  font-size: 16px;
  text-align: left;
  line-height: 175%;
  color: #787878;
  border-bottom: 1px solid #CCCCCC;
}
@media screen and (max-width: 1600px) {
  .contactFormContainer .contactForm .contactFormWrapper .contactBottom .contact-tab-content .contact-tab-wrapper .formFields select option {
    font-size: 14px;
  }
}
@media screen and (max-width: 1440px) {
  .contactFormContainer .contactForm .contactFormWrapper .contactBottom .contact-tab-content .contact-tab-wrapper .formFields select option {
    font-size: 12px;
  }
}
.contactFormContainer .contactForm .contactFormWrapper .contactBottom .contact-tab-content .contact-tab-wrapper .formFields select option:hover {
  background-color: #f1f1f1;
}
.contactFormContainer .contactForm .contactFormWrapper .contactBottom .contact-tab-content .contact-tab-wrapper .formFields .charges {
  display: flex;
  gap: 20px;
}
.contactFormContainer .contactForm .contactFormWrapper .contactBottom .contact-tab-content .contact-tab-wrapper .formFields .charges .chargesCount {
  flex: 1;
}
.contactFormContainer .contactForm .contactFormWrapper .contactBottom .contact-tab-content .contact-tab-wrapper .formFields .charges .chargesCount label {
  width: 100%;
}
.contactFormContainer .contactForm .contactFormWrapper .contactBottom .contact-tab-content .contact-tab-wrapper .formFields .charges .chargesCount label input {
  visibility: hidden;
  height: 0;
  display: block;
}
.contactFormContainer .contactForm .contactFormWrapper .contactBottom .contact-tab-content .contact-tab-wrapper .formFields .charges .chargesCount label input:checked + span {
  color: #FFFFFF;
  background: #1E1E1E;
  color: #F5F75E;
}
.contactFormContainer .contactForm .contactFormWrapper .contactBottom .contact-tab-content .contact-tab-wrapper .formFields .charges .chargesCount label span {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  border: 1px solid #A5A5A5;
  border-radius: 100px;
  font-size: 16px;
  line-height: 175%;
  padding: 6px;
  width: 100%;
}
@media screen and (max-width: 1600px) {
  .contactFormContainer .contactForm .contactFormWrapper .contactBottom .contact-tab-content .contact-tab-wrapper .formFields .charges .chargesCount label span {
    font-size: 14px;
  }
}
@media screen and (max-width: 1440px) {
  .contactFormContainer .contactForm .contactFormWrapper .contactBottom .contact-tab-content .contact-tab-wrapper .formFields .charges .chargesCount label span {
    font-size: 12px;
  }
}
.contactFormContainer .contactForm .contactFormWrapper .contactBottom .contact-tab-content.contact-select-content .contact-tab-wrapper .formFields {
  flex-basis: 100%;
}
.contactFormContainer .contactForm .contactFormWrapper .contactBottom .formFields {
  display: flex;
  flex-direction: column;
  gap: 17px;
}
.contactFormContainer .contactForm .contactFormWrapper .contactBottom .formFields label {
  text-transform: capitalize;
  font-family: "termina", sans-serif;
  font-size: 18px;
  line-height: 140%;
  font-weight: 600;
  color: #1E1E1E;
}
@media screen and (max-width: 1600px) {
  .contactFormContainer .contactForm .contactFormWrapper .contactBottom .formFields label {
    font-size: 16px;
  }
}
@media screen and (max-width: 1440px) {
  .contactFormContainer .contactForm .contactFormWrapper .contactBottom .formFields label {
    font-size: 14px;
  }
}
.contactFormContainer .contactForm .contactFormWrapper .contactBottom .formFields textarea {
  border: 1px solid #A5A5A5;
  font-size: 16px;
  line-height: 175%;
  color: #1E1E1E;
  padding: 24px;
  width: 100%;
  height: 148px;
  resize: none;
}
@media screen and (max-width: 1600px) {
  .contactFormContainer .contactForm .contactFormWrapper .contactBottom .formFields textarea {
    font-size: 14px;
  }
}
@media screen and (max-width: 1440px) {
  .contactFormContainer .contactForm .contactFormWrapper .contactBottom .formFields textarea {
    font-size: 12px;
  }
}
.contactFormContainer .contactForm .contactFormWrapper .contactBottom .formFields .wpcf7-not-valid-tip {
  font-size: 16px;
  margin-top: 8px;
}
@media screen and (max-width: 1600px) {
  .contactFormContainer .contactForm .contactFormWrapper .contactBottom .formFields .wpcf7-not-valid-tip {
    font-size: 14px;
  }
}
@media screen and (max-width: 1440px) {
  .contactFormContainer .contactForm .contactFormWrapper .contactBottom .formFields .wpcf7-not-valid-tip {
    font-size: 12px;
  }
}
.contactFormContainer .contactForm .contactFormWrapper .contactBottom .submitDiv {
  margin-top: 32px;
  display: flex;
  justify-content: end;
  align-items: center;
}
.contactFormContainer .contactForm .contactFormWrapper .contactBottom .submitDiv input {
  order: 2;
  font-family: "termina", sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 100%;
  letter-spacing: -0.64px;
  color: #1E1E1E;
  background: #F5F75E;
  border-style: none;
  padding: 20px 32px;
  border-radius: 100px;
  cursor: pointer;
  transition: all 0.3s ease-out;
  position: relative;
  overflow: hidden;
  text-align: left;
  display: inline-block;
}
@media screen and (max-width: 1600px) {
  .contactFormContainer .contactForm .contactFormWrapper .contactBottom .submitDiv input {
    font-size: 14px;
  }
}
@media screen and (max-width: 1440px) {
  .contactFormContainer .contactForm .contactFormWrapper .contactBottom .submitDiv input {
    font-size: 12px;
  }
}
.contactFormContainer .contactForm .contactFormWrapper .contactBottom .submitDiv .wpcf7-spinner {
  display: block;
  order: 1;
}
.contactFormContainer .contactForm .thankyouPopup {
  padding: 72px;
  background: #F5F75E;
  border: 12px solid #F5F75E;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.contactFormContainer .contactForm .thankyouPopup .closeBtn {
  position: absolute;
  right: 96px;
  top: 96px;
  cursor: pointer;
}
.contactFormContainer .contactForm .thankyouPopup .thankyouContent {
  margin-top: 220px;
}
.contactFormContainer .contactForm .thankyouPopup .thankyouContent .icon {
  width: 228px;
  height: 228px;
  overflow: hidden;
  border: 2px solid #1E1E1E;
  border-radius: 50%;
  margin-bottom: 48px;
  padding: 50px 30px;
}
.contactFormContainer .contactForm .thankyouPopup .thankyouContent .icon img {
  width: 100%;
  height: 100%;
}
.contactFormContainer .contactForm .thankyouPopup .thankyouContent h2 {
  font-family: "termina", sans-serif;
  font-size: 42px;
  line-height: 160%;
  margin-bottom: 24px;
  font-weight: 600;
  text-transform: uppercase;
  color: #1E1E1E;
}
@media screen and (max-width: 1800px) {
  .contactFormContainer .contactForm .thankyouPopup .thankyouContent h2 {
    font-size: 36px;
  }
}
@media screen and (max-width: 1440px) {
  .contactFormContainer .contactForm .thankyouPopup .thankyouContent h2 {
    font-size: 32px;
  }
}
@media screen and (max-width: 820px) {
  .contactFormContainer .contactForm .thankyouPopup .thankyouContent h2 {
    font-size: 26px;
  }
}
@media screen and (max-width: 720px) {
  .contactFormContainer .contactForm .thankyouPopup .thankyouContent h2 {
    font-size: 20px;
  }
}
.contactFormContainer .contactForm .thankyouPopup .thankyouContent p {
  font-size: 20px;
  line-height: 160%;
  color: #1E1E1E;
  width: 70%;
}
@media screen and (max-width: 1600px) {
  .contactFormContainer .contactForm .thankyouPopup .thankyouContent p {
    font-size: 18px;
  }
}
@media screen and (max-width: 1440px) {
  .contactFormContainer .contactForm .thankyouPopup .thankyouContent p {
    font-size: 16px;
  }
}
@media screen and (max-width: 720px) {
  .contactFormContainer .contactForm .thankyouPopup .thankyouContent p {
    font-size: 12px;
  }
}
@media all and (max-width: 1600px) {
  .contactFormContainer .contactForm {
    width: 1200px;
  }
  .contactFormContainer .contactForm .contactFormWrapper {
    padding: 60px;
  }
  .contactFormContainer .contactForm .contactFormWrapper .contactHeading {
    margin-bottom: 32px;
  }
  .contactFormContainer .contactForm .contactFormWrapper .contactTop {
    gap: 36px;
    margin-bottom: 42px;
  }
  .contactFormContainer .contactForm .contactFormWrapper .contactTop .formFields {
    flex-basis: calc(50% - 18px);
    gap: 15px;
  }
  .contactFormContainer .contactForm .contactFormWrapper .contactTop .formFields input {
    padding: 7px 0px 14px 0px;
  }
  .contactFormContainer .contactForm .contactFormWrapper .contactTop .formFields .iti-flag {
    margin-bottom: 19px;
  }
  .contactFormContainer .contactForm .contactFormWrapper .contactTop .formFields .iti-arrow {
    margin-top: -6px;
  }
  .contactFormContainer .contactForm .contactFormWrapper .contactBottom h3 { /* margin-bottom: 32px; */ }
  .contactFormContainer .contactForm .contactFormWrapper .contactBottom .contactTab {
    gap: 15px;
    margin-bottom: 42px;
  }
  .contactFormContainer .contactForm .contactFormWrapper .contactBottom .contactTab .contact-tab-btn {
    padding: 12px 50px;
  }
  .contactFormContainer .contactForm .contactFormWrapper .contactBottom .contact-tab-content .contact-tab-wrapper {
    gap: 36px;
  }
  .contactFormContainer .contactForm .contactFormWrapper .contactBottom .contact-tab-content .contact-tab-wrapper .formFields {
    flex-basis: calc(50% - 18px);
  }
  .contactFormContainer .contactForm .contactFormWrapper .contactBottom .contact-tab-content .contact-tab-wrapper .formFields input {
    padding: 7px 0px 14px 0px;
  }
  .contactFormContainer .contactForm .contactFormWrapper .contactBottom .contact-tab-content .contact-tab-wrapper .formFields textarea {
    padding: 22px;
  }
  .contactFormContainer .contactForm .contactFormWrapper .contactBottom .contact-tab-content .contact-tab-wrapper .formFields .customSelect .selectBtn {
    padding: 7px 0px 14px 0px;
  }
  .contactFormContainer .contactForm .contactFormWrapper .contactBottom .contact-tab-content .contact-tab-wrapper .formFields .customSelect .options {
    max-height: 280px;
    margin-top: 10px;
  }
  .contactFormContainer .contactForm .contactFormWrapper .contactBottom .contact-tab-content .contact-tab-wrapper .formFields .customSelect .options .option {
    height: 50px;
    padding: 0 14px;
  }
  .contactFormContainer .contactForm .contactFormWrapper .contactBottom .contact-tab-content .contact-tab-wrapper .formFields .charges {
    gap: 20px;
  }
  .contactFormContainer .contactForm .contactFormWrapper .contactBottom .contact-tab-content .contact-tab-wrapper .formFields .charges .chargesCount label span {
    padding: 6px;
  }
  .contactFormContainer .contactForm .contactFormWrapper .contactBottom .formFields {
    gap: 17px;
  }
  .contactFormContainer .contactForm .contactFormWrapper .contactBottom .formFields textarea textarea {
    padding: 22px;
  }
  .contactFormContainer .contactForm .contactFormWrapper .contactBottom .submitDiv {
    margin-top: 30px;
  }
  .contactFormContainer .contactForm .contactFormWrapper .contactBottom .submitDiv input {
    padding: 18px 30px;
  }
  .contactFormContainer .contactForm .thankyouPopup {
    padding: 60px;
  }
  .contactFormContainer .contactForm .thankyouPopup .closeBtn {
    right: 80px;
    top: 80px;
  }
  .contactFormContainer .contactForm .thankyouPopup .thankyouContent {
    margin-top: 120px;
  }
  .contactFormContainer .contactForm .thankyouPopup .thankyouContent .icon {
    width: 200px;
    height: 200px;
    margin-bottom: 40px;
    padding: 40px 24px;
  }
  .contactFormContainer .contactForm .thankyouPopup .thankyouContent h2 {
    margin-bottom: 22px;
  }
}
@media all and (max-width: 1440px) {
  .contactFormContainer .contactForm .contactFormWrapper {
    padding: 50px;
  }
  .contactFormContainer .contactForm .contactFormWrapper .contactHeading {
    margin-bottom: 32px;
  }
  .contactFormContainer .contactForm .contactFormWrapper .contactTop {
    gap: 36px;
    margin-bottom: 42px;
  }
  .contactFormContainer .contactForm .contactFormWrapper .contactTop .formFields {
    flex-basis: calc(50% - 18px);
    gap: 15px;
  }
  .contactFormContainer .contactForm .contactFormWrapper .contactTop .formFields input {
    padding: 7px 0px 14px 0px;
  }
  .contactFormContainer .contactForm .contactFormWrapper .contactTop .formFields .iti-flag {
    margin-bottom: 18px;
  }
  .contactFormContainer .contactForm .contactFormWrapper .contactBottom h3 { /* margin-bottom: 32px; */ }
  .contactFormContainer .contactForm .contactFormWrapper .contactBottom .contactTab {
    gap: 15px;
    margin-bottom: 42px;
  }
  .contactFormContainer .contactForm .contactFormWrapper .contactBottom .contactTab .contact-tab-btn {
    padding: 12px 50px;
  }
  .contactFormContainer .contactForm .contactFormWrapper .contactBottom .contact-tab-content .contact-tab-wrapper {
    gap: 36px;
  }
  .contactFormContainer .contactForm .contactFormWrapper .contactBottom .contact-tab-content .contact-tab-wrapper .formFields {
    flex-basis: calc(50% - 18px);
  }
  .contactFormContainer .contactForm .contactFormWrapper .contactBottom .contact-tab-content .contact-tab-wrapper .formFields input {
    padding: 7px 0px 14px 0px;
  }
  .contactFormContainer .contactForm .contactFormWrapper .contactBottom .contact-tab-content .contact-tab-wrapper .formFields textarea {
    padding: 22px;
  }
  .contactFormContainer .contactForm .contactFormWrapper .contactBottom .contact-tab-content .contact-tab-wrapper .formFields .customSelect .selectBtn {
    padding: 7px 0px 14px 0px;
  }
  .contactFormContainer .contactForm .contactFormWrapper .contactBottom .contact-tab-content .contact-tab-wrapper .formFields .customSelect .options {
    max-height: 280px;
    margin-top: 10px;
  }
  .contactFormContainer .contactForm .contactFormWrapper .contactBottom .contact-tab-content .contact-tab-wrapper .formFields .customSelect .options .option {
    height: 50px;
    padding: 0 14px;
  }
  .contactFormContainer .contactForm .contactFormWrapper .contactBottom .contact-tab-content .contact-tab-wrapper .formFields select {
    padding: 6px 0px 17px 0px;
  }
  .contactFormContainer .contactForm .contactFormWrapper .contactBottom .contact-tab-content .contact-tab-wrapper .formFields .charges {
    gap: 20px;
  }
  .contactFormContainer .contactForm .contactFormWrapper .contactBottom .contact-tab-content .contact-tab-wrapper .formFields .charges .chargesCount label span {
    padding: 6px;
  }
  .contactFormContainer .contactForm .contactFormWrapper .contactBottom .submitDiv {
    margin-top: 30px;
  }
  .contactFormContainer .contactForm .contactFormWrapper .contactBottom .submitDiv input {
    padding: 18px 30px;
  }
  .contactFormContainer .contactForm .thankyouPopup {
    padding: 50px;
  }
  .contactFormContainer .contactForm .thankyouPopup .closeBtn {
    right: 70px;
    top: 70px;
  }
  .contactFormContainer .contactForm .thankyouPopup .thankyouContent {
    margin-top: 100px;
  }
  .contactFormContainer .contactForm .thankyouPopup .thankyouContent .icon {
    width: 180px;
    height: 180px;
    margin-bottom: 36px;
    padding: 36px 20px;
  }
  .contactFormContainer .contactForm .thankyouPopup .thankyouContent h2 {
    margin-bottom: 20px;
  }
}
@media all and (max-width: 1280px) {
  .contactFormContainer .contactForm {
    width: 1100px;
  }
  .contactFormContainer .contactForm .contactFormWrapper {
    padding: 42px;
  }
  .contactFormContainer .contactForm .contactFormWrapper .contactHeading {
    margin-bottom: 26px;
  }
  .contactFormContainer .contactForm .contactFormWrapper .contactTop {
    gap: 32px;
    margin-bottom: 36px;
  }
  .contactFormContainer .contactForm .contactFormWrapper .contactTop .formFields {
    flex-basis: calc(50% - 16px);
    gap: 14px;
  }
  .contactFormContainer .contactForm .contactFormWrapper .contactTop .formFields input {
    padding: 6px 0px 12px 0px;
  }
  .contactFormContainer .contactForm .contactFormWrapper .contactTop .formFields .iti-flag {
    margin-bottom: 15px;
  }
  .contactFormContainer .contactForm .contactFormWrapper .contactBottom h3 { /* margin-bottom: 32px; */ }
  .contactFormContainer .contactForm .contactFormWrapper .contactBottom .contactTab {
    gap: 15px;
    margin-bottom: 36px;
  }
  .contactFormContainer .contactForm .contactFormWrapper .contactBottom .contactTab .contact-tab-btn {
    padding: 10px 40px;
  }
  .contactFormContainer .contactForm .contactFormWrapper .contactBottom .contact-tab-content .contact-tab-wrapper {
    gap: 32px;
  }
  .contactFormContainer .contactForm .contactFormWrapper .contactBottom .contact-tab-content .contact-tab-wrapper .formFields {
    flex-basis: calc(50% - 16px);
  }
  .contactFormContainer .contactForm .contactFormWrapper .contactBottom .contact-tab-content .contact-tab-wrapper .formFields input {
    padding: 6px 0px 12px 0px;
  }
  .contactFormContainer .contactForm .contactFormWrapper .contactBottom .contact-tab-content .contact-tab-wrapper .formFields .customSelect .selectBtn {
    padding: 6px 0px 12px 0px;
  }
  .contactFormContainer .contactForm .contactFormWrapper .contactBottom .contact-tab-content .contact-tab-wrapper .formFields .customSelect .options {
    max-height: 250px;
    margin-top: 9px;
  }
  .contactFormContainer .contactForm .contactFormWrapper .contactBottom .contact-tab-content .contact-tab-wrapper .formFields .customSelect .options .option {
    height: 40px;
    padding: 0 12px;
  }
  .contactFormContainer .contactForm .contactFormWrapper .contactBottom .contact-tab-content .contact-tab-wrapper .formFields select {
    padding: 6px 0px 15px 0px;
  }
  .contactFormContainer .contactForm .contactFormWrapper .contactBottom .contact-tab-content .contact-tab-wrapper .formFields .charges {
    gap: 16px;
  }
  .contactFormContainer .contactForm .contactFormWrapper .contactBottom .contact-tab-content .contact-tab-wrapper .formFields .charges .chargesCount label span {
    padding: 6px;
  }
  .contactFormContainer .contactForm .contactFormWrapper .contactBottom .formFields {
    gap: 16px;
  }
  .contactFormContainer .contactForm .contactFormWrapper .contactBottom .formFields textarea textarea {
    padding: 20px;
  }
  .contactFormContainer .contactForm .contactFormWrapper .contactBottom .submitDiv {
    margin-top: 30px;
  }
  .contactFormContainer .contactForm .contactFormWrapper .contactBottom .submitDiv input {
    padding: 18px 30px;
  }
  .contactFormContainer .contactForm .thankyouPopup {
    padding: 42px;
  }
  .contactFormContainer .contactForm .thankyouPopup .closeBtn {
    right: 60px;
    top: 60px;
  }
  .contactFormContainer .contactForm .thankyouPopup .thankyouContent {
    margin-top: 80px;
  }
  .contactFormContainer .contactForm .thankyouPopup .thankyouContent .icon {
    width: 160px;
    height: 160px;
    margin-bottom: 32px;
    padding: 32px 20px;
  }
  .contactFormContainer .contactForm .thankyouPopup .thankyouContent h2 {
    margin-bottom: 20px;
  }
}
@media all and (max-width: 1180px) {
  .contactFormContainer .contactForm {
    width: 1000px;
  }
  .contactFormContainer .contactForm .contactFormWrapper .contactBottom .contact-tab-content .contact-tab-wrapper .formFields select {
    padding: 6px 0px 13px 0px;
  }
  .contactFormContainer .contactForm .thankyouPopup {
    padding: 42px;
  }
  .contactFormContainer .contactForm .thankyouPopup .closeBtn {
    right: 60px;
    top: 60px;
  }
  .contactFormContainer .contactForm .thankyouPopup .thankyouContent {
    margin-top: 80px;
  }
  .contactFormContainer .contactForm .thankyouPopup .thankyouContent .icon {
    width: 160px;
    height: 160px;
    margin-bottom: 32px;
    padding: 32px 20px;
  }
  .contactFormContainer .contactForm .thankyouPopup .thankyouContent h2 {
    margin-bottom: 20px;
  }
}
@media all and (max-width: 820px) {
  .contactFormContainer .contactForm {
    width: 100%;
  }
}
@media all and (max-width: 768px) {
  .contactFormContainer .contactForm {
    right: -150%;
    width: 100%;
  }
  .contactFormContainer .contactForm .contactFormWrapper {
    padding: 80px 20px 48px 20px;
    border: 4px solid #F5F75E;
    position: relative;
  }
  .contactFormContainer .contactForm .contactFormWrapper .contactHeading {
    margin-bottom: 48px;
  }
  .contactFormContainer .contactForm .contactFormWrapper .contactHeading h2 {
    font-size: 24px;
    line-height: 32px;
  }
  .contactFormContainer .contactForm .contactFormWrapper .contactHeading .closeBtn {
    cursor: pointer;
    position: absolute;
    top: 32px;
    right: 20px;
  }
  .contactFormContainer .contactForm .contactFormWrapper .contactTop {
    gap: 32px;
    margin-bottom: 48px;
  }
  .contactFormContainer .contactForm .contactFormWrapper .contactTop .formFields {
    flex-basis: 100%;
    gap: 12px;
  }
  .contactFormContainer .contactForm .contactFormWrapper .contactTop .formFields:first-child {
    flex-basis: 100%;
  }
  .contactFormContainer .contactForm .contactFormWrapper .contactTop .formFields label {
    font-size: 12px;
    line-height: 14.4px;
  }
  .contactFormContainer .contactForm .contactFormWrapper .contactTop .formFields input {
    padding: 7px 0px 14px 0px;
    font-size: 12px;
    line-height: 18px;
  }
  .contactFormContainer .contactForm .contactFormWrapper .contactTop .formFields input::placeholder {
    font-size: 12px;
    line-height: 18px;
  }
  .contactFormContainer .contactForm .contactFormWrapper .contactTop .formFields input::-webkit-input-placeholder {
    font-size: 12px;
    line-height: 18px;
  }
  .contactFormContainer .contactForm .contactFormWrapper .contactTop .formFields .selected-dial-code {
    font-size: 12px;
    line-height: 18px;
  }
  .contactFormContainer .contactForm .contactFormWrapper .contactTop .formFields .iti-flag {
    margin-bottom: 16px;
  }
  .contactFormContainer .contactForm .contactFormWrapper .contactBottom h3 { /* margin-bottom: 16px; */
    font-size: 20px;
    line-height: 28px;
  }
  .contactFormContainer .contactForm .contactFormWrapper .contactBottom .contactTab {
    gap: 12px;
    margin-bottom: 40px;
  }
  .contactFormContainer .contactForm .contactFormWrapper .contactBottom .contactTab .contact-tab-btn {
    padding: 9px 22px;
    color: #1E1E1E;
    font-size: 12px;
    line-height: 18px;
  }
  .contactFormContainer .contactForm .contactFormWrapper .contactBottom .contact-tab-content .contact-tab-wrapper {
    gap: 38px;
  }
  .contactFormContainer .contactForm .contactFormWrapper .contactBottom .contact-tab-content .contact-tab-wrapper .formFields {
    flex-basis: 100%;
    flex-basis: 100%;
    gap: 12px;
  }
  .contactFormContainer .contactForm .contactFormWrapper .contactBottom .contact-tab-content .contact-tab-wrapper .formFields:last-child {
    flex-basis: 100%;
  }
  .contactFormContainer .contactForm .contactFormWrapper .contactBottom .contact-tab-content .contact-tab-wrapper .formFields label {
    font-size: 12px;
    line-height: 14.4px;
  }
  .contactFormContainer .contactForm .contactFormWrapper .contactBottom .contact-tab-content .contact-tab-wrapper .formFields input {
    padding: 7px 0px 14px 0px;
    font-size: 12px;
    line-height: 18px;
  }
  .contactFormContainer .contactForm .contactFormWrapper .contactBottom .contact-tab-content .contact-tab-wrapper .formFields input::placeholder {
    font-size: 12px;
    line-height: 18px;
  }
  .contactFormContainer .contactForm .contactFormWrapper .contactBottom .contact-tab-content .contact-tab-wrapper .formFields input::-webkit-input-placeholder {
    font-size: 12px;
    line-height: 18px;
  }
  .contactFormContainer .contactForm .contactFormWrapper .contactBottom .contact-tab-content .contact-tab-wrapper .formFields .customSelect .selectBtn {
    padding: 7px 0px 14px 0px;
  }
  .contactFormContainer .contactForm .contactFormWrapper .contactBottom .contact-tab-content .contact-tab-wrapper .formFields .customSelect .selectBtn .sBtntext {
    font-size: 12px;
    line-height: 18px;
  }
  .contactFormContainer .contactForm .contactFormWrapper .contactBottom .contact-tab-content .contact-tab-wrapper .formFields .customSelect .options {
    max-height: 250px;
    margin-top: 10px;
  }
  .contactFormContainer .contactForm .contactFormWrapper .contactBottom .contact-tab-content .contact-tab-wrapper .formFields .customSelect .options .option {
    padding: 0 16px;
    font-size: 12px;
    line-height: 18px;
  }
  .contactFormContainer .contactForm .contactFormWrapper .contactBottom .contact-tab-content .contact-tab-wrapper .formFields .customSelect .options::-webkit-scrollbar {
    width: 6px;
  }
  .contactFormContainer .contactForm .contactFormWrapper .contactBottom .contact-tab-content .contact-tab-wrapper .formFields select {
    padding: 7px 0px 16px 0px;
    font-size: 12px;
    line-height: 18px;
  }
  .contactFormContainer .contactForm .contactFormWrapper .contactBottom .contact-tab-content .contact-tab-wrapper .formFields select option {
    font-size: 12px;
    line-height: 18px;
  }
  .contactFormContainer .contactForm .contactFormWrapper .contactBottom .contact-tab-content .contact-tab-wrapper .formFields .charges {
    gap: 12px;
  }
  .contactFormContainer .contactForm .contactFormWrapper .contactBottom .contact-tab-content .contact-tab-wrapper .formFields .charges .chargesCount label span {
    line-height: 18px;
    font-size: 12px;
  }
  .contactFormContainer .contactForm .contactFormWrapper .contactBottom .formFields {
    gap: 12px;
  }
  .contactFormContainer .contactForm .contactFormWrapper .contactBottom .formFields label {
    font-size: 12px;
    line-height: 14.4px;
  }
  .contactFormContainer .contactForm .contactFormWrapper .contactBottom .formFields textarea {
    font-size: 12px;
    line-height: 18px;
    padding: 16px;
    height: 148px;
  }
  .contactFormContainer .contactForm .contactFormWrapper .contactBottom .submitDiv {
    margin-top: 48px;
    justify-content: end;
  }
  .contactFormContainer .contactForm .contactFormWrapper .contactBottom .submitDiv input {
    line-height: normal;
    font-size: 12px;
    letter-spacing: -0.48px;
    padding: 18px 32px;
  }
  .contactFormContainer .contactForm .thankyouPopup {
    padding: 42px 20px;
  }
  .contactFormContainer .contactForm .thankyouPopup .closeBtn {
    right: 30px;
    top: 30px;
  }
  .contactFormContainer .contactForm .thankyouPopup .thankyouContent {
    margin-top: 100px;
  }
  .contactFormContainer .contactForm .thankyouPopup .thankyouContent .icon {
    width: 120px;
    height: 120px;
    margin-bottom: 32px;
    padding: 32px 20px;
  }
  .contactFormContainer .contactForm .thankyouPopup .thankyouContent h2 {
    margin-bottom: 20px;
  }
  .contactFormContainer .contactForm .thankyouPopup .thankyouContent p {
    width: 90%;
  }
}

#overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9999;
}
#overlay .loader-container {
  text-align: center;
}
#overlay .loader-container .loaderDiv .circle h2 {
  margin-bottom: 48px;
  font-family: "termina", sans-serif;
  font-size: 64px;
  padding-left: 120px;
  padding-right: 120px;
  text-transform: uppercase;
  line-height: 133.333%;
  font-weight: 700;
  color: #1E1E1E;
}
@media screen and (max-width: 1800px) {
  #overlay .loader-container .loaderDiv .circle h2 {
    font-size: 60px;
  }
}
@media screen and (max-width: 1440px) {
  #overlay .loader-container .loaderDiv .circle h2 {
    font-size: 52px;
  }
}
@media screen and (max-width: 820px) {
  #overlay .loader-container .loaderDiv .circle h2 {
    font-size: 40px;
  }
}
@media screen and (max-width: 720px) {
  #overlay .loader-container .loaderDiv .circle h2 {
    font-size: 30px;
  }
}
@media screen and (max-width: 1600px) {
  #overlay .loader-container .loaderDiv .circle h2 {
    padding-left: 90px;
    padding-right: 90px;
  }
}
@media screen and (max-width: 1440px) {
  #overlay .loader-container .loaderDiv .circle h2 {
    padding-left: 80px;
    padding-right: 80px;
  }
}
@media screen and (max-width: 1024px) {
  #overlay .loader-container .loaderDiv .circle h2 {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media screen and (max-width: 680px) {
  #overlay .loader-container .loaderDiv .circle h2 {
    padding-left: 20px;
    padding-right: 20px;
  }
}
#overlay .loader-container .loaderDiv .circle .percentage {
  font-family: "termina", sans-serif;
  font-size: 36px;
  line-height: 100%;
  font-weight: 600;
  color: #1E1E1E;
  border-radius: 50%;
  padding: 40px;
  border: 4px solid #F5F75E;
  width: 150px;
  height: 150px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
}
@media screen and (max-width: 1600px) {
  #overlay .loader-container .loaderDiv .circle .percentage {
    font-size: 32px;
  }
}
@media screen and (max-width: 1440px) {
  #overlay .loader-container .loaderDiv .circle .percentage {
    font-size: 24px;
  }
}
@media screen and (max-width: 1024px) {
  #overlay .loader-container .loaderDiv .circle .percentage {
    font-size: 22px;
  }
}
@media screen and (max-width: 720px) {
  #overlay .loader-container .loaderDiv .circle .percentage {
    font-size: 20px;
  }
}
@media all and (max-width: 1440px) {
  #overlay .loader-container .loaderDiv .circle .percentage {
    width: 120px;
    height: 120px;
  }
}
@media all and (max-width: 680px) {
  #overlay .loader-container .loaderDiv .circle .percentage {
    width: 100px;
    height: 100px;
  }
}

footer .footerContainer {
  display: flex;
}
footer .footerContainer .footerLeft {
  flex-basis: 25%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: column;
  background: #F5F75E;
  padding: 60px 120px;
}
footer .footerContainer .footerLeft .footerSocialmedia {
  padding-top: 44px;
  border-top: 1px solid #A5A5A5;
  display: flex;
  gap: 24px;
}
footer .footerContainer .footerLeft .footerSocialmedia .socialmediaIcons .socialIcons {
  font-size: 20px;
}
footer .footerContainer .footerRight {
  flex-basis: 75%;
  background: #FAFAFA;
  padding: 60px 120px;
}
footer .footerContainer .footerRight .footerRightContainer {
  display: flex;
  gap: 70px;
  flex-direction: column;
}
footer .footerContainer .footerRight .footerRightContainer .footerMenus {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 60px 100px;
}
footer .footerContainer .footerRight .footerRightContainer .footerMenus .footerMenuWrapper p {
  color: #1E1E1E;
  font-size: 20px;
  line-height: 140%;
  margin-bottom: 20px;
  font-weight: 700;
}
@media screen and (max-width: 1600px) {
  footer .footerContainer .footerRight .footerRightContainer .footerMenus .footerMenuWrapper p {
    font-size: 18px;
  }
}
@media screen and (max-width: 1440px) {
  footer .footerContainer .footerRight .footerRightContainer .footerMenus .footerMenuWrapper p {
    font-size: 16px;
  }
}
@media screen and (max-width: 720px) {
  footer .footerContainer .footerRight .footerRightContainer .footerMenus .footerMenuWrapper p {
    font-size: 12px;
  }
}
footer .footerContainer .footerRight .footerRightContainer .footerMenus .footerMenuWrapper ul {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
footer .footerContainer .footerRight .footerRightContainer .footerMenus .footerMenuWrapper ul li a {
  color: #1E1E1E;
  font-size: 18px;
  line-height: 140%;
  letter-spacing: -0.36px;
  font-weight: 400;
}
@media screen and (max-width: 1600px) {
  footer .footerContainer .footerRight .footerRightContainer .footerMenus .footerMenuWrapper ul li a {
    font-size: 16px;
  }
}
@media screen and (max-width: 1440px) {
  footer .footerContainer .footerRight .footerRightContainer .footerMenus .footerMenuWrapper ul li a {
    font-size: 14px;
  }
}
footer .footerContainer .footerRight .footerRightContainer .footerMenus .footerMenuWrapper ul li a:not(:last-child) {
  margin-bottom: 4px;
}
footer .footerContainer .footerRight .footerRightContainer .footerMenus .footerMenuWrapper ul li .underline {
  text-decoration: underline;
}
footer .footerContainer .footerRight .footerRightContainer .footerMenus #footerAddress ul li a {
  cursor: default;
}
footer .footerContainer .footerRight .footerRightContainer .footerRights {
  padding-top: 45px;
  border-top: 1px solid #A5A5A5;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
footer .footerContainer .footerRight .footerRightContainer .footerRights p {
  color: #1E1E1E;
  font-size: 18px;
  line-height: 140%;
  letter-spacing: -0.36px;
  font-weight: 400;
}
@media screen and (max-width: 1600px) {
  footer .footerContainer .footerRight .footerRightContainer .footerRights p {
    font-size: 16px;
  }
}
@media screen and (max-width: 1440px) {
  footer .footerContainer .footerRight .footerRightContainer .footerRights p {
    font-size: 14px;
  }
}
footer .footerContainer .footerRight .footerRightContainer .footerRights .footerBottomLinks {
  display: flex;
  gap: 24px;
}
footer .footerContainer .footerRight .footerRightContainer .footerRights .footerBottomLinks a {
  color: #1E1E1E;
  font-size: 18px;
  line-height: 140%;
  letter-spacing: -0.36px;
  font-weight: 400;
}
@media screen and (max-width: 1600px) {
  footer .footerContainer .footerRight .footerRightContainer .footerRights .footerBottomLinks a {
    font-size: 16px;
  }
}
@media screen and (max-width: 1440px) {
  footer .footerContainer .footerRight .footerRightContainer .footerRights .footerBottomLinks a {
    font-size: 14px;
  }
}
@media all and (max-width: 1800px) {
  footer .footerContainer .footerLeft {
    padding: 50px 80px;
  }
  footer .footerContainer .footerLeft .footerSocialmedia {
    gap: 24px;
  }
  footer .footerContainer .footerRight {
    padding: 50px 80px;
  }
  footer .footerContainer .footerRight .footerRightContainer {
    gap: 65px;
  }
  footer .footerContainer .footerRight .footerRightContainer .footerMenus {
    gap: 40px 40px;
  }
  footer .footerContainer .footerRight .footerRightContainer .footerMenus .footerMenuWrapper p {
    margin-bottom: 20px;
  }
  footer .footerContainer .footerRight .footerRightContainer .footerRights .footerBottomLinks {
    gap: 24px;
  }
}
@media all and (max-width: 1600px) {
  footer .footerContainer .footerLeft {
    padding: 50px 70px;
  }
  footer .footerContainer .footerLeft .footerSocialmedia {
    padding-top: 40px;
    gap: 20px;
  }
  footer .footerContainer .footerRight {
    padding: 50px 70px;
  }
  footer .footerContainer .footerRight .footerRightContainer {
    gap: 55px;
  }
  footer .footerContainer .footerRight .footerRightContainer .footerMenus {
    gap: 30px 30px;
  }
  footer .footerContainer .footerRight .footerRightContainer .footerMenus .footerMenuWrapper p {
    margin-bottom: 20px;
  }
  footer .footerContainer .footerRight .footerRightContainer .footerRights {
    padding-top: 42px;
  }
  footer .footerContainer .footerRight .footerRightContainer .footerRights .footerBottomLinks {
    gap: 22px;
  }
}
@media all and (max-width: 1440px) {
  footer .footerContainer .footerLeft {
    padding: 40px 80px;
  }
  footer .footerContainer .footerLeft .footerSocialmedia {
    padding-top: 36px;
    gap: 18px;
  }
  footer .footerContainer .footerLeft .footerSocialmedia .socialmediaIcons .socialIcons {
    font-size: 18px;
  }
  footer .footerContainer .footerRight {
    padding: 40px 80px;
  }
  footer .footerContainer .footerRight .footerRightContainer {
    gap: 30px;
  }
  footer .footerContainer .footerRight .footerRightContainer .footerMenus {
    gap: 30px 30px;
  }
  footer .footerContainer .footerRight .footerRightContainer .footerMenus .footerMenuWrapper p {
    margin-bottom: 14px;
  }
  footer .footerContainer .footerRight .footerRightContainer .footerRights {
    padding-top: 36px;
  }
  footer .footerContainer .footerRight .footerRightContainer .footerRights .footerBottomLinks {
    gap: 20px;
  }
}
@media all and (max-width: 1366px) {
  footer .footerContainer .footerLeft .footerSocialmedia {
    padding-top: 32px;
  }
}
@media all and (max-width: 1280px) {
  footer .footerContainer .footerLeft {
    padding: 35px 30px;
  }
  footer .footerContainer .footerLeft .footerSocialmedia {
    padding-top: 26px;
    gap: 14px;
  }
  footer .footerContainer .footerRight {
    padding: 35px 30px;
  }
  footer .footerContainer .footerRight .footerRightContainer {
    gap: 24px;
  }
  footer .footerContainer .footerRight .footerRightContainer .footerMenus {
    grid-template-columns: repeat(3, 1fr);
  }
  footer .footerContainer .footerRight .footerRightContainer .footerMenus .footerMenuWrapper p {
    margin-bottom: 12px;
  }
  footer .footerContainer .footerRight .footerRightContainer .footerRights {
    padding-top: 32px;
  }
  footer .footerContainer .footerRight .footerRightContainer .footerRights .footerBottomLinks {
    gap: 14px;
  }
}
@media all and (max-width: 1024px) {
  footer .footerContainer .footerLeft {
    padding: 40px;
  }
  footer .footerContainer .footerLeft .footerSocialmedia {
    padding-top: 32px;
    gap: 16px;
  }
  footer .footerContainer .footerRight {
    padding: 40px;
  }
  footer .footerContainer .footerRight .footerRightContainer {
    gap: 24px;
  }
  footer .footerContainer .footerRight .footerRightContainer .footerMenus {
    grid-template-columns: repeat(2, 1fr);
  }
  footer .footerContainer .footerRight .footerRightContainer .footerMenus .footerMenuWrapper p {
    margin-bottom: 14px;
  }
  footer .footerContainer .footerRight .footerRightContainer .footerRights {
    padding-top: 35px;
  }
  footer .footerContainer .footerRight .footerRightContainer .footerRights .footerBottomLinks {
    gap: 16px;
  }
}
@media all and (max-width: 820px) {
  footer .footerContainer {
    display: flex;
    flex-direction: column;
  }
  footer .footerContainer .footerLeft {
    flex-basis: 100%;
    padding: 32px 20px;
    padding-left: 120px;
    padding-right: 120px;
  }
}
@media screen and (max-width: 820px) and (max-width: 1600px) {
  footer .footerContainer .footerLeft {
    padding-left: 90px;
    padding-right: 90px;
  }
}
@media screen and (max-width: 820px) and (max-width: 1440px) {
  footer .footerContainer .footerLeft {
    padding-left: 80px;
    padding-right: 80px;
  }
}
@media screen and (max-width: 820px) and (max-width: 1024px) {
  footer .footerContainer .footerLeft {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media screen and (max-width: 820px) and (max-width: 680px) {
  footer .footerContainer .footerLeft {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media all and (max-width: 820px) {
  footer .footerContainer .footerLeft .footerSocialmedia {
    padding-top: 18px;
    gap: 24px;
    margin-top: 22px;
  }
  footer .footerContainer .footerRight {
    flex-basis: 100%;
    background: #FAFAFA;
    padding: 32px 20px;
    padding-left: 120px;
    padding-right: 120px;
  }
}
@media screen and (max-width: 820px) and (max-width: 1600px) {
  footer .footerContainer .footerRight {
    padding-left: 90px;
    padding-right: 90px;
  }
}
@media screen and (max-width: 820px) and (max-width: 1440px) {
  footer .footerContainer .footerRight {
    padding-left: 80px;
    padding-right: 80px;
  }
}
@media screen and (max-width: 820px) and (max-width: 1024px) {
  footer .footerContainer .footerRight {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media screen and (max-width: 820px) and (max-width: 680px) {
  footer .footerContainer .footerRight {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media all and (max-width: 820px) {
  footer .footerContainer .footerRight .footerRightContainer {
    display: flex;
    gap: 32px;
    flex-direction: column;
  }
  footer .footerContainer .footerRight .footerRightContainer .footerMenus {
    grid-template-columns: repeat(2, 1fr);
    gap: 32px 20px;
    padding: 0px;
  }
  footer .footerContainer .footerRight .footerRightContainer .footerMenus .footerMenuWrapper p {
    font-size: 16px;
    line-height: 22.4px;
    margin-bottom: 20px;
    letter-spacing: none;
  }
  footer .footerContainer .footerRight .footerRightContainer .footerMenus .footerMenuWrapper ul {
    gap: 14px;
  }
  footer .footerContainer .footerRight .footerRightContainer .footerMenus .footerMenuWrapper ul li:not(:last-child) a {
    margin-bottom: 14px;
  }
  footer .footerContainer .footerRight .footerRightContainer .footerMenus .footerMenuWrapper ul li a {
    font-size: 14px;
    line-height: 19.6px;
    letter-spacing: -0.28px;
  }
  footer .footerContainer .footerRight .footerRightContainer .footerRights {
    padding-top: 33px;
    border-top: 1px solid #A5A5A5;
    display: flex;
    flex-direction: column;
    gap: 24px;
    align-items: start;
  }
  footer .footerContainer .footerRight .footerRightContainer .footerRights p {
    font-size: 14px;
    line-height: 21px;
  }
  footer .footerContainer .footerRight .footerRightContainer .footerRights .footerBottomLinks {
    display: flex;
    gap: 24px;
    flex-direction: column;
    align-items: start;
  }
  footer .footerContainer .footerRight .footerRightContainer .footerRights .footerBottomLinks a {
    font-size: 14px;
    line-height: 21px;
    letter-spacing: -0.28px;
  }
}
@media all and (max-width: 720px) {
  footer .footerContainer .footerLeft .footerSocialmedia .socialmediaIcons .socialIcons {
    font-size: 16px;
  }
  footer .footerContainer .footerRight .footerRightContainer .footerMenus .footerMenuWrapper ul li a {
    font-size: 12px;
  }
}

.bannerSection {
  position: relative;
  margin-top: 96px;
  margin-bottom: 200px;
  height: calc(100vh - 96px);
  overflow: hidden;
}
.bannerSection .bannerSectionWrapper .bannerImageWrapper {
  height: 100%;
  position: relative;
}
.bannerSection .bannerSectionWrapper .bannerImageWrapper img {
  width: 100%;
}
.bannerSection .bannerSectionWrapper .bannerImageWrapper .mobileImage {
  display: none;
}
.bannerSection .bannerSectionWrapper .bannerImageWrapper .blackOverlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, rgba(30, 30, 30, 0.7) 5.02%, rgba(111, 111, 111, 0.7) 53.08%, rgba(44, 44, 44, 0.4) 103.08%);
  mix-blend-mode: overlay;
}
.bannerSection .bannerSectionWrapper .videoDiv {
  overflow: hidden;
}
.bannerSection .bannerSectionWrapper .videoDiv .mobileVideo {
  display: none;
  width: 100%;
}
.bannerSection .bannerSectionWrapper .videoDiv .desktopVideo {
  width: 100%;
}
.bannerSection .bannerSectionWrapper .bannerSectionContent {
  position: absolute;
  left: 120px;
  top: 240px;
  width: 75%;
}
.bannerSection .bannerSectionWrapper .bannerSectionContent h1 {
  margin-bottom: 20px;
  color: #F5F75E;
  font-family: "termina", sans-serif;
  font-size: 80px;
  font-weight: 700;
  line-height: 120%;
  text-shadow: 0px 5.12px 43.52px rgba(0, 0, 0, 0.1);
  text-transform: uppercase;
}
@media screen and (max-width: 1800px) {
  .bannerSection .bannerSectionWrapper .bannerSectionContent h1 {
    font-size: 72px;
  }
}
@media screen and (max-width: 1600px) {
  .bannerSection .bannerSectionWrapper .bannerSectionContent h1 {
    font-size: 64px;
  }
}
@media screen and (max-width: 1440px) {
  .bannerSection .bannerSectionWrapper .bannerSectionContent h1 {
    font-size: 48px;
  }
}
@media screen and (max-width: 1024px) {
  .bannerSection .bannerSectionWrapper .bannerSectionContent h1 {
    font-size: 38px;
  }
}
@media screen and (max-width: 720px) {
  .bannerSection .bannerSectionWrapper .bannerSectionContent h1 {
    font-size: 36px;
  }
}
.bannerSection .bannerSectionWrapper .bannerSectionContent p {
  margin-bottom: 72px;
  color: #fff;
  font-size: 24px;
}
@media screen and (max-width: 1600px) {
  .bannerSection .bannerSectionWrapper .bannerSectionContent p {
    font-size: 20px;
  }
}
@media screen and (max-width: 1440px) {
  .bannerSection .bannerSectionWrapper .bannerSectionContent p {
    font-size: 16px;
  }
}
@media all and (max-width: 1800px) {
  .bannerSection {
    margin-bottom: 180px;
    height: auto;
  }
  .bannerSection .bannerSectionWrapper .bannerSectionContent {
    left: 100px;
    top: 220px;
    width: 70%;
  }
  .bannerSection .bannerSectionWrapper .bannerSectionContent h1 {
    margin-bottom: 18px;
  }
  .bannerSection .bannerSectionWrapper .bannerSectionContent p {
    margin-bottom: 70px;
  }
}
@media all and (max-width: 1600px) {
  .bannerSection {
    margin-top: 89px;
    margin-bottom: 150px;
  }
  .bannerSection .bannerSectionWrapper .bannerSectionContent {
    left: 80px;
    top: 180px;
    width: 70%;
  }
  .bannerSection .bannerSectionWrapper .bannerSectionContent h1 {
    margin-bottom: 18px;
  }
  .bannerSection .bannerSectionWrapper .bannerSectionContent p {
    margin-bottom: 60px;
  }
}
@media all and (max-width: 1536px) {
  .bannerSection {
    height: calc(100vh - 89px);
  }
}
@media all and (max-width: 1440px) {
  .bannerSection {
    margin-top: 82px;
    height: calc(100vh - 82px);
    margin-bottom: 120px;
  }
  .bannerSection .bannerSectionWrapper .bannerSectionContent {
    left: 80px;
    top: 150px;
    width: 70%;
  }
  .bannerSection .bannerSectionWrapper .bannerSectionContent h1 {
    margin-bottom: 16px;
  }
  .bannerSection .bannerSectionWrapper .bannerSectionContent p {
    margin-bottom: 50px;
  }
}
@media all and (max-width: 1366px) and (min-height: 1024px) {
  .bannerSection {
    height: auto;
  }
}
@media all and (max-width: 1280px) {
  .bannerSection {
    margin-top: 78px;
    height: calc(100vh - 78px);
  }
  .bannerSection .bannerSectionWrapper .bannerSectionContent {
    left: 70px;
    top: 100px;
  }
  .bannerSection .bannerSectionWrapper .bannerSectionContent h1 {
    margin-bottom: 14px;
  }
  .bannerSection .bannerSectionWrapper .bannerSectionContent p {
    margin-bottom: 40px;
  }
}
@media all and (max-width: 1200px) {
  .bannerSection {
    margin-top: 74px;
    height: auto;
  }
  .bannerSection .bannerSectionWrapper .bannerSectionContent {
    left: 80px;
    top: 120px;
  }
  .bannerSection .bannerSectionWrapper .bannerSectionContent h1 {
    margin-bottom: 12px;
  }
  .bannerSection .bannerSectionWrapper .bannerSectionContent p {
    margin-bottom: 36px;
  }
}
@media all and (max-width: 1024px) {
  .bannerSection .bannerSectionWrapper .bannerSectionContent {
    left: 40px;
  }
}
@media all and (max-width: 820px) {
  .bannerSection {
    margin-top: 72px;
  }
  .bannerSection .bannerSectionWrapper .bannerSectionContent {
    width: 80%;
    left: 40px;
    top: 80px;
  }
  .bannerSection .bannerSectionWrapper .bannerSectionContent h1 {
    margin-bottom: 10px;
  }
  .bannerSection .bannerSectionWrapper .bannerSectionContent p {
    margin-bottom: 32px;
  }
}
@media all and (max-width: 680px) {
  .bannerSection {
    margin-bottom: 100px;
    margin-top: 52px;
  }
  .bannerSection .bannerSectionWrapper .bannerImageWrapper .mobileImage {
    display: block;
    width: 100%;
  }
  .bannerSection .bannerSectionWrapper .bannerImageWrapper .desktopImage {
    display: none !important;
  }
  .bannerSection .bannerSectionWrapper .videoDiv .mobileVideo {
    display: block;
  }
  .bannerSection .bannerSectionWrapper .videoDiv .desktopVideo {
    display: none;
  }
  .bannerSection .bannerSectionWrapper .bannerSectionContent {
    left: 0px;
    top: 50%;
    transform: translate(0%, -50%);
    padding: 0px 20px;
    width: 100%;
    display: block;
  }
  .bannerSection .bannerSectionWrapper .bannerSectionContent h1 {
    margin-bottom: 12px;
    font-size: 32px;
    text-align: left;
    line-height: 140%;
  }
  .bannerSection .bannerSectionWrapper .bannerSectionContent p {
    margin-bottom: 36px;
    font-size: 16px;
    text-align: left;
  }
}

.withEaseSection {
  margin-bottom: 200px;
}
.withEaseSection .divWrapper {
  display: flex;
  gap: 60px;
  align-items: start;
  height: 100%;
  justify-content: space-between;
  padding-top: 170px;
}
.withEaseSection .divWrapper .leftContent {
  padding: 0px 120px;
  width: 50%;
  position: sticky;
  top: 170px;
  overflow: hidden;
}
.withEaseSection .divWrapper .leftContent .leftImage {
  transition: 0.8s all ease-in-out;
  transform-origin: left bottom;
}
.withEaseSection .divWrapper .leftContent.image-state {
  top: 0;
}
.withEaseSection .divWrapper .leftContent.image-state .leftImage {
  transform: scale(0.6);
}
.withEaseSection .divWrapper .leftContent.image-state .leftMobileTitle {
  transform: translateY(0px);
}
.withEaseSection .divWrapper .leftContent .leftMobileTitle {
  transform: translateY(500px);
  transition: 0.8s all ease-in-out;
}
.withEaseSection .divWrapper .leftContent .leftMobileTitle p {
  margin-bottom: 40px;
  margin-top: 40px;
  font-size: 20px;
  line-height: 160%;
  color: #1E1E1E;
}
@media screen and (max-width: 1600px) {
  .withEaseSection .divWrapper .leftContent .leftMobileTitle p {
    font-size: 18px;
  }
}
@media screen and (max-width: 1440px) {
  .withEaseSection .divWrapper .leftContent .leftMobileTitle p {
    font-size: 16px;
  }
}
@media screen and (max-width: 720px) {
  .withEaseSection .divWrapper .leftContent .leftMobileTitle p {
    font-size: 12px;
  }
}
.withEaseSection .divWrapper .rightContent {
  width: 50%;
}
.withEaseSection .divWrapper .rightContent .rightContentWrapper {
  display: grid;
  grid-template-columns: 1fr;
  gap: 187px;
}
.withEaseSection .divWrapper .rightContent .rightContentWrapper::-webkit-scrollbar {
  display: none;
}
.withEaseSection .divWrapper .rightContent .rightContentWrapper .imageDiv {
  display: block;
  position: relative;
  width: 80%;
}
.withEaseSection .divWrapper .rightContent .rightContentWrapper .imageDiv video {
  max-width: 100%;
}
.withEaseSection .divWrapper .rightContent .rightContentWrapper .imageDiv:nth-child(even) {
  margin-left: auto;
}
@media all and (max-width: 1800px) {
  .withEaseSection {
    margin-bottom: 180px;
  }
  .withEaseSection .divWrapper {
    gap: 50px;
    padding-top: 150px;
  }
  .withEaseSection .divWrapper .leftContent {
    top: 150px;
    padding: 0px 90px 0px 120px;
  }
  .withEaseSection .divWrapper .rightContent .rightContentWrapper {
    gap: 150px;
  }
  .withEaseSection .divWrapper .rightContent .rightContentWrapper .imageDiv {
    width: 75%;
  }
}
@media all and (max-width: 1600px) {
  .withEaseSection {
    margin-bottom: 150px;
  }
  .withEaseSection .divWrapper {
    gap: 45px;
    padding-top: 130px;
  }
  .withEaseSection .divWrapper .leftContent {
    padding: 0px 60px 0px 90px;
    width: 45%;
    top: 130px;
  }
  .withEaseSection .divWrapper .leftContent.image-state {
    top: -80px;
  }
  .withEaseSection .divWrapper .leftContent .leftMobileTitle p {
    margin-bottom: 32px;
    margin-top: 32px;
  }
  .withEaseSection .divWrapper .rightContent .rightContentWrapper {
    gap: 100px;
  }
  .withEaseSection .divWrapper .rightContent .rightContentWrapper .imageDiv {
    width: 70%;
  }
}
@media all and (max-width: 1440px) {
  .withEaseSection {
    margin-bottom: 120px;
  }
  .withEaseSection .divWrapper {
    gap: 40px;
    padding-top: 100px;
  }
  .withEaseSection .divWrapper .leftContent {
    padding: 0px 40px 0px 80px;
    width: 43%;
    top: 100px;
  }
  .withEaseSection .divWrapper .leftContent .leftMobileTitle p {
    margin-bottom: 28px;
    margin-top: 28px;
  }
  .withEaseSection .divWrapper .rightContent .rightContentWrapper {
    gap: 90px;
  }
  .withEaseSection .divWrapper .rightContent .rightContentWrapper .imageDiv {
    width: 65%;
  }
}
@media all and (max-width: 1280px) {
  .withEaseSection .divWrapper {
    gap: 36px;
    padding-top: 80px;
  }
  .withEaseSection .divWrapper .leftContent {
    padding: 0px 30px 0px 80px;
    top: 80px;
  }
  .withEaseSection .divWrapper .leftContent.image-state {
    top: -80px;
  }
  .withEaseSection .divWrapper .leftContent .leftMobileTitle p {
    margin-bottom: 24x;
    margin-top: 24px;
  }
  .withEaseSection .divWrapper .rightContent .rightContentWrapper {
    gap: 70px;
  }
}
@media all and (max-width: 1024px) {
  .withEaseSection .divWrapper .leftContent {
    padding: 0px 30px 0px 40px;
  }
}
@media all and (max-width: 1024px) and (min-height: 1366px) {
  .withEaseSection {
    height: auto;
    margin-bottom: 100px;
  }
  .withEaseSection .divWrapper {
    display: flex;
    flex-direction: column;
    gap: 38px;
    padding-top: 0px;
  }
  .withEaseSection .divWrapper .leftContent {
    padding-left: 120px;
    padding-right: 120px;
    width: 100%;
    position: unset;
  }
}
@media screen and (max-width: 1024px) and (min-height: 1366px) and (max-width: 1600px) {
  .withEaseSection .divWrapper .leftContent {
    padding-left: 90px;
    padding-right: 90px;
  }
}
@media screen and (max-width: 1024px) and (min-height: 1366px) and (max-width: 1440px) {
  .withEaseSection .divWrapper .leftContent {
    padding-left: 80px;
    padding-right: 80px;
  }
}
@media screen and (max-width: 1024px) and (min-height: 1366px) and (max-width: 1024px) {
  .withEaseSection .divWrapper .leftContent {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media screen and (max-width: 1024px) and (min-height: 1366px) and (max-width: 680px) {
  .withEaseSection .divWrapper .leftContent {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media all and (max-width: 1024px) and (min-height: 1366px) {
  .withEaseSection .divWrapper .leftContent img {
    width: 60%;
  }
  .withEaseSection .divWrapper .leftContent .leftMobileTitle {
    transform: translateY(0px);
  }
  .withEaseSection .divWrapper .leftContent .leftMobileTitle p {
    font-size: 12px;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 24px;
    margin-top: 24px;
  }
  .withEaseSection .divWrapper .rightContent {
    overflow: hidden;
    width: 100%;
    padding-left: 25px;
  }
  .withEaseSection .divWrapper .rightContent .rightContentWrapper {
    gap: 0px;
  }
  .withEaseSection .divWrapper .rightContent .rightContentWrapper .slick-track {
    gap: 15px;
    display: flex;
  }
}
@media all and (max-width: 820px) {
  .withEaseSection {
    height: auto;
    margin-bottom: 100px;
  }
  .withEaseSection .divWrapper {
    display: flex;
    flex-direction: column;
    gap: 38px;
    padding-top: 0px;
  }
  .withEaseSection .divWrapper .leftContent {
    padding-left: 120px;
    padding-right: 120px;
    width: 100%;
    position: unset;
  }
}
@media screen and (max-width: 820px) and (max-width: 1600px) {
  .withEaseSection .divWrapper .leftContent {
    padding-left: 90px;
    padding-right: 90px;
  }
}
@media screen and (max-width: 820px) and (max-width: 1440px) {
  .withEaseSection .divWrapper .leftContent {
    padding-left: 80px;
    padding-right: 80px;
  }
}
@media screen and (max-width: 820px) and (max-width: 1024px) {
  .withEaseSection .divWrapper .leftContent {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media screen and (max-width: 820px) and (max-width: 680px) {
  .withEaseSection .divWrapper .leftContent {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media all and (max-width: 820px) {
  .withEaseSection .divWrapper .leftContent img {
    width: 60%;
  }
  .withEaseSection .divWrapper .leftContent .leftMobileTitle {
    transform: translateY(0px);
  }
  .withEaseSection .divWrapper .leftContent .leftMobileTitle p {
    font-size: 12px;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 24px;
    margin-top: 24px;
  }
  .withEaseSection .divWrapper .rightContent {
    overflow: hidden;
    width: 100%;
    padding-left: 25px;
  }
  .withEaseSection .divWrapper .rightContent .rightContentWrapper {
    gap: 0px;
  }
  .withEaseSection .divWrapper .rightContent .rightContentWrapper .slick-track {
    gap: 15px;
    display: flex;
  }
}
@media all and (max-width: 680px) {
  .withEaseSection .divWrapper .rightContent {
    padding-left: 5px;
  }
}

.evertaEveryoneSection {
  margin-bottom: 200px;
}
.evertaEveryoneSection .evertaEveryoneSectionWrapper .evertaEveryoneSectionHeading h2 {
  margin-bottom: 24px;
  font-family: "termina", sans-serif;
  font-size: 48px;
  padding-left: 120px;
  padding-right: 120px;
  text-transform: uppercase;
  line-height: 133.333%;
  font-weight: 700;
  color: #1E1E1E;
}
@media screen and (max-width: 1600px) {
  .evertaEveryoneSection .evertaEveryoneSectionWrapper .evertaEveryoneSectionHeading h2 {
    font-size: 40px;
  }
}
@media screen and (max-width: 1440px) {
  .evertaEveryoneSection .evertaEveryoneSectionWrapper .evertaEveryoneSectionHeading h2 {
    font-size: 36px;
  }
}
@media screen and (max-width: 820px) {
  .evertaEveryoneSection .evertaEveryoneSectionWrapper .evertaEveryoneSectionHeading h2 {
    font-size: 30px;
  }
}
@media screen and (max-width: 720px) {
  .evertaEveryoneSection .evertaEveryoneSectionWrapper .evertaEveryoneSectionHeading h2 {
    font-size: 24px;
  }
}
@media screen and (max-width: 1600px) {
  .evertaEveryoneSection .evertaEveryoneSectionWrapper .evertaEveryoneSectionHeading h2 {
    padding-left: 90px;
    padding-right: 90px;
  }
}
@media screen and (max-width: 1440px) {
  .evertaEveryoneSection .evertaEveryoneSectionWrapper .evertaEveryoneSectionHeading h2 {
    padding-left: 80px;
    padding-right: 80px;
  }
}
@media screen and (max-width: 1024px) {
  .evertaEveryoneSection .evertaEveryoneSectionWrapper .evertaEveryoneSectionHeading h2 {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media screen and (max-width: 680px) {
  .evertaEveryoneSection .evertaEveryoneSectionWrapper .evertaEveryoneSectionHeading h2 {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.evertaEveryoneSection .evertaEveryoneSectionWrapper .evertaEveryoneSectionHeading p {
  margin-bottom: 56px;
  padding-left: 120px;
  padding-right: 120px;
  font-size: 20px;
  font-weight: 400;
  line-height: 160%;
  color: #1E1E1E;
}
@media screen and (max-width: 1600px) {
  .evertaEveryoneSection .evertaEveryoneSectionWrapper .evertaEveryoneSectionHeading p {
    padding-left: 90px;
    padding-right: 90px;
  }
}
@media screen and (max-width: 1440px) {
  .evertaEveryoneSection .evertaEveryoneSectionWrapper .evertaEveryoneSectionHeading p {
    padding-left: 80px;
    padding-right: 80px;
  }
}
@media screen and (max-width: 1024px) {
  .evertaEveryoneSection .evertaEveryoneSectionWrapper .evertaEveryoneSectionHeading p {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media screen and (max-width: 680px) {
  .evertaEveryoneSection .evertaEveryoneSectionWrapper .evertaEveryoneSectionHeading p {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media screen and (max-width: 1600px) {
  .evertaEveryoneSection .evertaEveryoneSectionWrapper .evertaEveryoneSectionHeading p {
    font-size: 18px;
  }
}
@media screen and (max-width: 1440px) {
  .evertaEveryoneSection .evertaEveryoneSectionWrapper .evertaEveryoneSectionHeading p {
    font-size: 16px;
  }
}
@media screen and (max-width: 720px) {
  .evertaEveryoneSection .evertaEveryoneSectionWrapper .evertaEveryoneSectionHeading p {
    font-size: 12px;
  }
}
.evertaEveryoneSection .evertaEveryoneSectionWrapper .hover-section {
  display: flex;
  flex-direction: column;
  position: relative;
}
.evertaEveryoneSection .evertaEveryoneSectionWrapper .hover-section .hover-box {
  padding: 70px 120px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  overflow: hidden;
  border-bottom: 1px solid #D8DBDC;
  transition: 0.4s all ease-in-out;
  height: 190px;
  margin-bottom: -2px;
  z-index: 1;
}
.evertaEveryoneSection .evertaEveryoneSectionWrapper .hover-section .hover-box:first-child {
  border-top: 1px solid #D8DBDC;
}
.evertaEveryoneSection .evertaEveryoneSectionWrapper .hover-section .hover-box.active {
  background: #F5F75E;
  height: 440px;
  border: none;
  z-index: 2;
}
.evertaEveryoneSection .evertaEveryoneSectionWrapper .hover-section .hover-box.active .content h3 {
  margin-bottom: 32px;
}
.evertaEveryoneSection .evertaEveryoneSectionWrapper .hover-section .hover-box.active .content p {
  display: block;
}
.evertaEveryoneSection .evertaEveryoneSectionWrapper .hover-section .hover-box.active .content a {
  display: inline-block;
}
.evertaEveryoneSection .evertaEveryoneSectionWrapper .hover-section .hover-box.active .image {
  opacity: 1;
  height: auto;
}
.evertaEveryoneSection .evertaEveryoneSectionWrapper .hover-section .hover-box .content {
  flex-basis: 45%;
}
.evertaEveryoneSection .evertaEveryoneSectionWrapper .hover-section .hover-box .content h3 {
  font-family: "termina", sans-serif;
  font-size: 36px;
  line-height: 100%;
  font-weight: 600;
  color: #1E1E1E;
}
@media screen and (max-width: 1600px) {
  .evertaEveryoneSection .evertaEveryoneSectionWrapper .hover-section .hover-box .content h3 {
    font-size: 32px;
  }
}
@media screen and (max-width: 1440px) {
  .evertaEveryoneSection .evertaEveryoneSectionWrapper .hover-section .hover-box .content h3 {
    font-size: 24px;
  }
}
@media screen and (max-width: 1024px) {
  .evertaEveryoneSection .evertaEveryoneSectionWrapper .hover-section .hover-box .content h3 {
    font-size: 22px;
  }
}
@media screen and (max-width: 720px) {
  .evertaEveryoneSection .evertaEveryoneSectionWrapper .hover-section .hover-box .content h3 {
    font-size: 20px;
  }
}
.evertaEveryoneSection .evertaEveryoneSectionWrapper .hover-section .hover-box .content p {
  display: none;
  margin-bottom: 48px;
  color: #1E1E1E;
  font-size: 16px;
  line-height: 175%;
  font-weight: 400;
  padding: 0px;
}
@media screen and (max-width: 1600px) {
  .evertaEveryoneSection .evertaEveryoneSectionWrapper .hover-section .hover-box .content p {
    font-size: 14px;
  }
}
@media screen and (max-width: 1440px) {
  .evertaEveryoneSection .evertaEveryoneSectionWrapper .hover-section .hover-box .content p {
    font-size: 12px;
  }
}
.evertaEveryoneSection .evertaEveryoneSectionWrapper .hover-section .hover-box .content .toggle {
  display: none;
  text-transform: capitalize;
  margin-top: 5px;
}
.evertaEveryoneSection .evertaEveryoneSectionWrapper .hover-section .hover-box .content a {
  display: none;
}
.evertaEveryoneSection .evertaEveryoneSectionWrapper .hover-section .hover-box .image {
  flex-basis: 30%;
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
  z-index: 1;
  height: 0;
}
.evertaEveryoneSection .popup {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -moz-transition: all 120ms;
  -webkit-transition: all 120ms;
  -o-transition: all 120ms;
  transition: all 120ms;
  z-index: 99;
  color: #5E5E5E;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
}
.evertaEveryoneSection .popup.hide {
  visibility: hidden;
  opacity: 0;
  transform: translateX(-50%) translateY(-50%) scale(0.8) !important;
  -moz-transform: translateX(-50%) translateY(-50%) scale(0.8) !important;
  -o-transform: translateX(-50%) translateY(-50%) scale(0.8) !important;
  -webkit-transform: translateX(-50%) translateY(-50%) scale(0.8) !important;
}
.evertaEveryoneSection .popup .overlay {
  width: 70%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #fff;
}
.evertaEveryoneSection .popup .overlay .popup-header {
  padding: 50px 40px 40px 40px;
  background: #F5F75E;
}
.evertaEveryoneSection .popup .overlay .popup-header .close {
  position: absolute;
  right: 0px;
  top: 20px;
  width: 51px;
  height: 51px;
  font-size: 20px;
  cursor: pointer;
}
.evertaEveryoneSection .popup .overlay .popup-header h3 {
  font-family: "termina", sans-serif;
  font-size: 36px;
  line-height: 100%;
  font-weight: 600;
  color: #1E1E1E;
}
@media screen and (max-width: 1600px) {
  .evertaEveryoneSection .popup .overlay .popup-header h3 {
    font-size: 32px;
  }
}
@media screen and (max-width: 1440px) {
  .evertaEveryoneSection .popup .overlay .popup-header h3 {
    font-size: 24px;
  }
}
@media screen and (max-width: 1024px) {
  .evertaEveryoneSection .popup .overlay .popup-header h3 {
    font-size: 22px;
  }
}
@media screen and (max-width: 720px) {
  .evertaEveryoneSection .popup .overlay .popup-header h3 {
    font-size: 20px;
  }
}
.evertaEveryoneSection .popup .overlay .popup-body {
  padding: 40px;
}
.evertaEveryoneSection .popup .overlay .popup-body p {
  color: #1E1E1E;
  font-size: 16px;
  line-height: 175%;
  font-weight: 400;
}
@media screen and (max-width: 1600px) {
  .evertaEveryoneSection .popup .overlay .popup-body p {
    font-size: 14px;
  }
}
@media screen and (max-width: 1440px) {
  .evertaEveryoneSection .popup .overlay .popup-body p {
    font-size: 12px;
  }
}
@media all and (max-width: 1800px) {
  .evertaEveryoneSection {
    margin-bottom: 180px;
  }
  .evertaEveryoneSection .evertaEveryoneSectionWrapper .evertaEveryoneSectionHeading h2 {
    margin-bottom: 22px;
  }
  .evertaEveryoneSection .evertaEveryoneSectionWrapper .evertaEveryoneSectionHeading p {
    margin-bottom: 54px;
  }
  .evertaEveryoneSection .evertaEveryoneSectionWrapper .hover-section .hover-box {
    padding: 60px 120px;
    height: 170px;
  }
  .evertaEveryoneSection .evertaEveryoneSectionWrapper .hover-section .hover-box.active .content h3 {
    margin-bottom: 28px;
  }
  .evertaEveryoneSection .evertaEveryoneSectionWrapper .hover-section .hover-box .content p {
    margin-bottom: 40px;
  }
}
@media all and (max-width: 1600px) {
  .evertaEveryoneSection {
    margin-bottom: 150px;
  }
  .evertaEveryoneSection .evertaEveryoneSectionWrapper .evertaEveryoneSectionHeading h2 {
    margin-bottom: 20px;
  }
  .evertaEveryoneSection .evertaEveryoneSectionWrapper .evertaEveryoneSectionHeading p {
    margin-bottom: 50px;
  }
  .evertaEveryoneSection .evertaEveryoneSectionWrapper .hover-section .hover-box {
    padding: 50px 90px;
    height: 130px;
  }
  .evertaEveryoneSection .evertaEveryoneSectionWrapper .hover-section .hover-box.active {
    height: 370px;
  }
  .evertaEveryoneSection .evertaEveryoneSectionWrapper .hover-section .hover-box.active .content h3 {
    margin-bottom: 24px;
  }
  .evertaEveryoneSection .evertaEveryoneSectionWrapper .hover-section .hover-box .content p {
    margin-bottom: 30px;
  }
}
@media all and (max-width: 1440px) {
  .evertaEveryoneSection {
    margin-bottom: 120px;
  }
  .evertaEveryoneSection .evertaEveryoneSectionWrapper .evertaEveryoneSectionHeading h2 {
    margin-bottom: 20px;
  }
  .evertaEveryoneSection .evertaEveryoneSectionWrapper .evertaEveryoneSectionHeading p {
    margin-bottom: 40px;
  }
  .evertaEveryoneSection .evertaEveryoneSectionWrapper .hover-section .hover-box {
    padding: 40px 80px;
    height: 120px;
  }
  .evertaEveryoneSection .evertaEveryoneSectionWrapper .hover-section .hover-box.active {
    height: 330px;
  }
  .evertaEveryoneSection .evertaEveryoneSectionWrapper .hover-section .hover-box.active .content h3 {
    margin-bottom: 24px;
  }
  .evertaEveryoneSection .evertaEveryoneSectionWrapper .hover-section .hover-box .content {
    flex-basis: 40%;
  }
  .evertaEveryoneSection .evertaEveryoneSectionWrapper .hover-section .hover-box .content p {
    margin-bottom: 36px;
  }
  .evertaEveryoneSection .evertaEveryoneSectionWrapper .hover-section .hover-box .image {
    flex-basis: 35%;
  }
}
@media all and (max-width: 1280px) {
  .evertaEveryoneSection .evertaEveryoneSectionWrapper .evertaEveryoneSectionHeading h2 {
    margin-bottom: 18px;
  }
  .evertaEveryoneSection .evertaEveryoneSectionWrapper .evertaEveryoneSectionHeading p {
    margin-bottom: 36px;
  }
  .evertaEveryoneSection .evertaEveryoneSectionWrapper .hover-section .hover-box {
    padding: 36px 80px;
    padding-left: 120px;
    padding-right: 120px;
    height: 100px;
  }
}
@media screen and (max-width: 1280px) and (max-width: 1600px) {
  .evertaEveryoneSection .evertaEveryoneSectionWrapper .hover-section .hover-box {
    padding-left: 90px;
    padding-right: 90px;
  }
}
@media screen and (max-width: 1280px) and (max-width: 1440px) {
  .evertaEveryoneSection .evertaEveryoneSectionWrapper .hover-section .hover-box {
    padding-left: 80px;
    padding-right: 80px;
  }
}
@media screen and (max-width: 1280px) and (max-width: 1024px) {
  .evertaEveryoneSection .evertaEveryoneSectionWrapper .hover-section .hover-box {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media screen and (max-width: 1280px) and (max-width: 680px) {
  .evertaEveryoneSection .evertaEveryoneSectionWrapper .hover-section .hover-box {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media all and (max-width: 1280px) {
  .evertaEveryoneSection .evertaEveryoneSectionWrapper .hover-section .hover-box.active {
    height: 320px;
  }
  .evertaEveryoneSection .evertaEveryoneSectionWrapper .hover-section .hover-box.active .content h3 {
    margin-bottom: 20px;
  }
  .evertaEveryoneSection .evertaEveryoneSectionWrapper .hover-section .hover-box .content {
    flex-basis: 50%;
  }
  .evertaEveryoneSection .evertaEveryoneSectionWrapper .hover-section .hover-box .content p {
    margin-bottom: 26px;
  }
}
@media all and (max-width: 1180px) {
  .evertaEveryoneSection .evertaEveryoneSectionWrapper .hover-section .hover-box .content {
    flex-basis: 55%;
  }
}
@media all and (max-width: 820px) {
  .evertaEveryoneSection {
    margin-bottom: 100px;
  }
  .evertaEveryoneSection .evertaEveryoneSectionWrapper .evertaEveryoneSectionHeading h2 {
    margin-bottom: 12px;
    font-size: 24px;
    line-height: 36px;
    text-align: left;
  }
  .evertaEveryoneSection .evertaEveryoneSectionWrapper .evertaEveryoneSectionHeading p {
    margin-bottom: 32px;
    font-size: 12px;
    line-height: 24px;
    text-align: left;
  }
  .evertaEveryoneSection .evertaEveryoneSectionWrapper .hover-section {
    position: relative;
  }
  .evertaEveryoneSection .evertaEveryoneSectionWrapper .hover-section .hover-box {
    padding: 40px 0px;
    padding-left: 120px;
    padding-right: 120px;
    display: flex;
    flex-direction: column;
    gap: 40px;
    height: auto;
    position: sticky;
    top: 0;
    margin-top: 0px;
  }
}
@media screen and (max-width: 820px) and (max-width: 1600px) {
  .evertaEveryoneSection .evertaEveryoneSectionWrapper .hover-section .hover-box {
    padding-left: 90px;
    padding-right: 90px;
  }
}
@media screen and (max-width: 820px) and (max-width: 1440px) {
  .evertaEveryoneSection .evertaEveryoneSectionWrapper .hover-section .hover-box {
    padding-left: 80px;
    padding-right: 80px;
  }
}
@media screen and (max-width: 820px) and (max-width: 1024px) {
  .evertaEveryoneSection .evertaEveryoneSectionWrapper .hover-section .hover-box {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media screen and (max-width: 820px) and (max-width: 680px) {
  .evertaEveryoneSection .evertaEveryoneSectionWrapper .hover-section .hover-box {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media all and (max-width: 820px) {
  .evertaEveryoneSection .evertaEveryoneSectionWrapper .hover-section .hover-box:nth-of-type(odd) {
    background: #F5F75E;
  }
  .evertaEveryoneSection .evertaEveryoneSectionWrapper .hover-section .hover-box:nth-of-type(even) {
    background: #ffffff !important;
  }
  .evertaEveryoneSection .evertaEveryoneSectionWrapper .hover-section .hover-box:nth-of-type(even) .content a {
    background: transparent;
  }
  .evertaEveryoneSection .evertaEveryoneSectionWrapper .hover-section .hover-box:nth-of-type(even):hover {
    background: #ffffff;
  }
  .evertaEveryoneSection .evertaEveryoneSectionWrapper .hover-section .hover-box .content {
    order: 2;
    flex-basis: 100%;
  }
  .evertaEveryoneSection .evertaEveryoneSectionWrapper .hover-section .hover-box .content h3 {
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 140%;
    margin-bottom: 16px;
  }
  .evertaEveryoneSection .evertaEveryoneSectionWrapper .hover-section .hover-box .content p {
    display: block;
    margin-bottom: 0px;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    padding: 0px;
    text-align: left;
    display: -webkit-box;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }
  .evertaEveryoneSection .evertaEveryoneSectionWrapper .hover-section .hover-box .content .toggle {
    display: block;
    background: transparent;
    font-weight: 700;
    font-size: 14px;
    line-height: 150%;
  }
  .evertaEveryoneSection .evertaEveryoneSectionWrapper .hover-section .hover-box .content a {
    display: inline-block;
    margin-top: 32px;
  }
  .evertaEveryoneSection .evertaEveryoneSectionWrapper .hover-section .hover-box .image {
    order: 1;
    opacity: 1;
    height: auto;
    width: 100%;
    flex-basis: 100%;
  }
  .evertaEveryoneSection .evertaEveryoneSectionWrapper .hover-section .hover-box .image img {
    width: 100%;
  }
}
@media all and (max-width: 720px) {
  .evertaEveryoneSection .popup .overlay {
    width: 89%;
  }
  .evertaEveryoneSection .popup .overlay .popup-header {
    padding: 50px 20px 20px 20px;
  }
  .evertaEveryoneSection .popup .overlay .popup-header .close {
    width: 20px;
    height: 20px;
    right: 20px;
  }
  .evertaEveryoneSection .popup .overlay .popup-header .close .fontelloCrossIcon {
    font-size: 15px;
  }
  .evertaEveryoneSection .popup .overlay .popup-header h3 {
    line-height: 140%;
  }
  .evertaEveryoneSection .popup .overlay .popup-body {
    padding: 20px;
  }
}

.partnersSection {
  margin-bottom: 200px;
}
.partnersSection .partnersSectionWrapper {
  background: #1E1E1E;
  padding: 90px 0px;
}
.partnersSection .partnersSectionWrapper h3 {
  color: #F5F75E;
  font-size: 32px;
  line-height: 112.5%;
  text-transform: uppercase;
  font-weight: 700;
  font-family: "termina", sans-serif;
  margin-bottom: 86px;
  text-align: center;
}
@media screen and (max-width: 1800px) {
  .partnersSection .partnersSectionWrapper h3 {
    font-size: 30px;
  }
}
@media screen and (max-width: 1600px) {
  .partnersSection .partnersSectionWrapper h3 {
    font-size: 26px;
  }
}
@media screen and (max-width: 1440px) {
  .partnersSection .partnersSectionWrapper h3 {
    font-size: 22px;
  }
}
@media screen and (max-width: 1024px) {
  .partnersSection .partnersSectionWrapper h3 {
    font-size: 18px;
  }
}
.partnersSection .partnersSectionWrapper .logoSliderContainer {
  position: relative;
}
.partnersSection .partnersSectionWrapper .logoSliderContainer .left-fade,
.partnersSection .partnersSectionWrapper .logoSliderContainer .right-fade {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 150px;
  z-index: 5;
}
.partnersSection .partnersSectionWrapper .logoSliderContainer .left-fade {
  left: 0;
  background: linear-gradient(90deg, #1E1E1E 39.32%, rgba(30, 30, 30, 0) 100%);
}
.partnersSection .partnersSectionWrapper .logoSliderContainer .right-fade {
  right: 0;
  background: linear-gradient(270deg, #1E1E1E 39.32%, rgba(30, 30, 30, 0) 100%);
}
.partnersSection .partnersSectionWrapper .logoSliderContainer .logoSlider .slick-track {
  display: flex;
  align-items: center;
}
.partnersSection .partnersSectionWrapper .logoSliderContainer .logoSlider .logo {
  padding: 0px 20px;
}
.partnersSection .partnersSectionWrapper .logoSliderContainer .logoSlider .logo img {
  margin: auto;
}
@media all and (max-width: 1800px) {
  .partnersSection {
    margin-bottom: 180px;
  }
  .partnersSection .partnersSectionWrapper {
    padding: 80px 0px;
  }
  .partnersSection .partnersSectionWrapper h3 {
    margin-bottom: 80px;
  }
}
@media all and (max-width: 1600px) {
  .partnersSection {
    margin-bottom: 150px;
  }
  .partnersSection .partnersSectionWrapper {
    padding: 70px 0px;
  }
  .partnersSection .partnersSectionWrapper h3 {
    margin-bottom: 70px;
  }
}
@media all and (max-width: 1440px) {
  .partnersSection {
    margin-bottom: 120px;
  }
  .partnersSection .partnersSectionWrapper {
    padding: 60px 0px;
  }
  .partnersSection .partnersSectionWrapper h3 {
    margin-bottom: 60px;
  }
}
@media all and (max-width: 1280px) {
  .partnersSection .partnersSectionWrapper {
    padding: 50px 0px;
  }
  .partnersSection .partnersSectionWrapper h3 {
    margin-bottom: 50px;
  }
}
@media all and (max-width: 680px) {
  .partnersSection {
    margin-bottom: 100px;
  }
  .partnersSection .partnersSectionWrapper {
    padding: 50px 0px;
  }
  .partnersSection .partnersSectionWrapper h3 {
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 28px;
    margin-bottom: 34px;
    padding: 0px 20px;
    text-align: left;
  }
  .partnersSection .partnersSectionWrapper .logoSliderContainer .left-fade,
  .partnersSection .partnersSectionWrapper .logoSliderContainer .right-fade {
    width: 80px;
  }
}

.chargingSection {
  margin-bottom: 200px;
}
.chargingSection .tab-wrapper .tab-header {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.chargingSection .tab-wrapper .tab-header h2 {
  margin-bottom: 24px;
  color: #1E1E1E;
  text-align: center;
  font-family: "termina", sans-serif;
  font-size: 48px;
  font-weight: 700;
  line-height: 133.33%;
  text-transform: uppercase;
}
@media screen and (max-width: 1600px) {
  .chargingSection .tab-wrapper .tab-header h2 {
    font-size: 40px;
  }
}
@media screen and (max-width: 1440px) {
  .chargingSection .tab-wrapper .tab-header h2 {
    font-size: 36px;
  }
}
@media screen and (max-width: 820px) {
  .chargingSection .tab-wrapper .tab-header h2 {
    font-size: 30px;
  }
}
@media screen and (max-width: 720px) {
  .chargingSection .tab-wrapper .tab-header h2 {
    font-size: 24px;
  }
}
.chargingSection .tab-wrapper .tab-header p {
  margin-bottom: 32px;
  color: #1E1E1E;
  text-align: center;
  width: 65%;
  font-size: 20px;
  font-weight: 400;
  line-height: 160%;
}
@media screen and (max-width: 1600px) {
  .chargingSection .tab-wrapper .tab-header p {
    font-size: 18px;
  }
}
@media screen and (max-width: 1440px) {
  .chargingSection .tab-wrapper .tab-header p {
    font-size: 16px;
  }
}
@media screen and (max-width: 720px) {
  .chargingSection .tab-wrapper .tab-header p {
    font-size: 12px;
  }
}
.chargingSection .tab-wrapper .tab-header .tab-buttons {
  display: flex;
  gap: 16px;
  margin-bottom: 32px;
}
.chargingSection .tab-wrapper .tab-header .tab-buttons .tab-button {
  padding: 15px 50px;
  color: #1E1E1E;
  font-weight: 400;
  line-height: 140%;
  font-size: 22px;
  border-radius: 100px;
  border: 1px solid #1E1E1E;
  cursor: pointer;
  background: transparent;
}
@media screen and (max-width: 1600px) {
  .chargingSection .tab-wrapper .tab-header .tab-buttons .tab-button {
    font-size: 20px;
  }
}
@media screen and (max-width: 1440px) {
  .chargingSection .tab-wrapper .tab-header .tab-buttons .tab-button {
    font-size: 16px;
  }
}
@media screen and (max-width: 768px) {
  .chargingSection .tab-wrapper .tab-header .tab-buttons .tab-button {
    font-size: 14px;
  }
}
.chargingSection .tab-wrapper .tab-header .tab-buttons .tab-button.active {
  background: #1E1E1E;
  color: #F5F75E;
}
.chargingSection .tab-wrapper .tab-content {
  display: none;
}
.chargingSection .tab-wrapper .tab-content.active {
  display: block;
}
.chargingSection .tab-wrapper .tab-content .chargingCards {
  border-bottom: 1px solid #D8DBDC;
  border-top: 1px solid #D8DBDC;
}
.chargingSection .tab-wrapper .tab-content .chargingCards .slick-track {
  float: left;
}
.chargingSection .tab-wrapper .tab-content .chargingCards .card {
  border-right: 1px solid #D8DBDC;
  transition: all 0.3s ease-out;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  margin-right: -2px;
  z-index: 1;
}
.chargingSection .tab-wrapper .tab-content .chargingCards .card .card-wrapper {
  padding: 70px 100px 58px 100px;
  transition: all 0.4s ease-out;
  transform: translateY(30px);
}
.chargingSection .tab-wrapper .tab-content .chargingCards .card .card-wrapper img {
  margin: auto;
  padding-bottom: 50px;
}
.chargingSection .tab-wrapper .tab-content .chargingCards .card .card-wrapper h3 {
  text-align: center;
  margin-bottom: 32px;
  color: #1E1E1E;
  font-family: "termina", sans-serif;
  font-size: 36px;
  font-weight: 600;
  line-height: 133.333%;
}
@media screen and (max-width: 1600px) {
  .chargingSection .tab-wrapper .tab-content .chargingCards .card .card-wrapper h3 {
    font-size: 32px;
  }
}
@media screen and (max-width: 1440px) {
  .chargingSection .tab-wrapper .tab-content .chargingCards .card .card-wrapper h3 {
    font-size: 24px;
  }
}
@media screen and (max-width: 1024px) {
  .chargingSection .tab-wrapper .tab-content .chargingCards .card .card-wrapper h3 {
    font-size: 22px;
  }
}
@media screen and (max-width: 720px) {
  .chargingSection .tab-wrapper .tab-content .chargingCards .card .card-wrapper h3 {
    font-size: 20px;
  }
}
.chargingSection .tab-wrapper .tab-content .chargingCards .card .card-wrapper h5 {
  text-align: left;
  margin-bottom: 32px;
  color: #1E1E1E;
  font-family: "termina", sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 140%;
}
@media screen and (max-width: 1600px) {
  .chargingSection .tab-wrapper .tab-content .chargingCards .card .card-wrapper h5 {
    font-size: 16px;
  }
}
@media screen and (max-width: 1440px) {
  .chargingSection .tab-wrapper .tab-content .chargingCards .card .card-wrapper h5 {
    font-size: 14px;
  }
}
.chargingSection .tab-wrapper .tab-content .chargingCards .card .card-wrapper p {
  text-align: left;
  color: #1E1E1E;
  font-size: 16px;
  line-height: 175%;
}
@media screen and (max-width: 1600px) {
  .chargingSection .tab-wrapper .tab-content .chargingCards .card .card-wrapper p {
    font-size: 14px;
  }
}
@media screen and (max-width: 1440px) {
  .chargingSection .tab-wrapper .tab-content .chargingCards .card .card-wrapper p {
    font-size: 12px;
  }
}
.chargingSection .tab-wrapper .tab-content .chargingCards .card.active {
  background: #F5F75E;
  z-index: 2;
}
.chargingSection .tab-wrapper .tab-content .chargingCards .card.active .card-wrapper {
  transform: translateY(0);
}
.chargingSection .tab-wrapper .tab-content .chargingCards .card.active a {
  opacity: 1;
}
.chargingSection .tab-wrapper .tab-content .chargingCards .card a {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  position: relative;
  background: #F5F75E;
  color: #F5F75E;
  text-align: center;
  font-family: "termina", sans-serif;
  font-size: 18px;
  font-weight: 600;
  opacity: 0;
  width: 100%;
  z-index: 2;
  padding: 80px;
  transition: all 0.4s ease-out;
}
@media screen and (max-width: 1600px) {
  .chargingSection .tab-wrapper .tab-content .chargingCards .card a {
    font-size: 16px;
  }
}
@media screen and (max-width: 1440px) {
  .chargingSection .tab-wrapper .tab-content .chargingCards .card a {
    font-size: 14px;
  }
}
.chargingSection .tab-wrapper .tab-content .chargingCards .card a .fontellowRightArrow {
  color: #F5F75E;
  font-size: 18px;
}
@media screen and (max-width: 1600px) {
  .chargingSection .tab-wrapper .tab-content .chargingCards .card a .fontellowRightArrow {
    font-size: 16px;
  }
}
@media screen and (max-width: 1440px) {
  .chargingSection .tab-wrapper .tab-content .chargingCards .card a .fontellowRightArrow {
    font-size: 14px;
  }
}
.chargingSection .tab-wrapper .tab-content .chargingCards .card a::before {
  position: absolute;
  content: " ";
  top: 0;
  left: 0;
  width: 51%;
  height: 100%;
  background: #1E1E1E;
  border-top-right-radius: 50px;
  z-index: -1;
}
.chargingSection .tab-wrapper .tab-content .chargingCards .card a::after {
  position: absolute;
  content: " ";
  top: 0;
  right: 0;
  width: 51%;
  height: 100%;
  background: #1E1E1E;
  border-top-left-radius: 50px;
  z-index: -1;
}
.chargingSection .tab-wrapper .tab-content .chargingCards .slick-prev,
.chargingSection .tab-wrapper .tab-content .chargingCards .slick-next {
  padding: 12px;
  position: absolute;
  top: 110%;
  width: 48px;
  height: 48px;
  cursor: pointer;
  z-index: 2;
  border-radius: 50%;
  border: 1px solid #1E1E1E;
}
.chargingSection .tab-wrapper .tab-content .chargingCards .slick-prev::before,
.chargingSection .tab-wrapper .tab-content .chargingCards .slick-next::before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -55%);
}
.chargingSection .tab-wrapper .tab-content .chargingCards .slick-prev.slick-next,
.chargingSection .tab-wrapper .tab-content .chargingCards .slick-next.slick-next {
  right: calc(50% - 60px);
}
.chargingSection .tab-wrapper .tab-content .chargingCards .slick-prev.slick-next::before,
.chargingSection .tab-wrapper .tab-content .chargingCards .slick-next.slick-next::before {
  content: url(../images/next-button.svg);
}
.chargingSection .tab-wrapper .tab-content .chargingCards .slick-prev.slick-prev,
.chargingSection .tab-wrapper .tab-content .chargingCards .slick-next.slick-prev {
  left: calc(50% - 60px);
}
.chargingSection .tab-wrapper .tab-content .chargingCards .slick-prev.slick-prev::before,
.chargingSection .tab-wrapper .tab-content .chargingCards .slick-next.slick-prev::before {
  content: url(../images/prev-button.svg);
}
@media all and (max-width: 1800px) {
  .chargingSection {
    margin-bottom: 180px;
  }
  .chargingSection .tab-wrapper .tab-header h2 {
    margin-bottom: 22px;
  }
  .chargingSection .tab-wrapper .tab-header p {
    margin-bottom: 30px;
    width: 65%;
  }
  .chargingSection .tab-wrapper .tab-header .tab-buttons {
    gap: 15px;
    margin-bottom: 30px;
  }
  .chargingSection .tab-wrapper .tab-header .tab-buttons .tab-button {
    padding: 14px 36px;
  }
  .chargingSection .tab-wrapper .tab-content .chargingCards .card .card-wrapper {
    padding: 50px 80px 40px 80px;
  }
  .chargingSection .tab-wrapper .tab-content .chargingCards .card .card-wrapper img {
    padding-bottom: 40px;
  }
  .chargingSection .tab-wrapper .tab-content .chargingCards .card .card-wrapper h3 {
    margin-bottom: 30px;
  }
  .chargingSection .tab-wrapper .tab-content .chargingCards .card .card-wrapper h5 {
    margin-bottom: 30px;
  }
  .chargingSection .tab-wrapper .tab-content .chargingCards .card a {
    padding: 65px;
  }
  .chargingSection .tab-wrapper .tab-content .chargingCards .card a img {
    width: 14px;
    height: 14px;
  }
}
@media all and (max-width: 1600px) {
  .chargingSection {
    margin-bottom: 150px;
  }
  .chargingSection .tab-wrapper .tab-header h2 {
    margin-bottom: 18px;
  }
  .chargingSection .tab-wrapper .tab-header p {
    margin-bottom: 22px;
    width: 60%;
  }
  .chargingSection .tab-wrapper .tab-header .tab-buttons {
    gap: 14px;
    margin-bottom: 22px;
  }
  .chargingSection .tab-wrapper .tab-header .tab-buttons .tab-button {
    padding: 12px 32px;
  }
  .chargingSection .tab-wrapper .tab-content .chargingCards .card .card-wrapper {
    padding: 36px 60px 32px 60px;
  }
  .chargingSection .tab-wrapper .tab-content .chargingCards .card .card-wrapper img {
    padding-bottom: 32px;
  }
  .chargingSection .tab-wrapper .tab-content .chargingCards .card .card-wrapper h3 {
    margin-bottom: 20px;
  }
  .chargingSection .tab-wrapper .tab-content .chargingCards .card .card-wrapper h5 {
    margin-bottom: 20px;
  }
  .chargingSection .tab-wrapper .tab-content .chargingCards .card a {
    padding: 50px;
  }
  .chargingSection .tab-wrapper .tab-content .chargingCards .card a::after {
    border-top-left-radius: 40px;
  }
  .chargingSection .tab-wrapper .tab-content .chargingCards .card a::before {
    border-top-right-radius: 40px;
  }
  .chargingSection .tab-wrapper .tab-content .chargingCards .card a img {
    width: 12px;
    height: 12px;
  }
  .chargingSection .tab-wrapper .tab-content .chargingCards .slick-prev,
  .chargingSection .tab-wrapper .tab-content .chargingCards .slick-next {
    width: 40px;
    height: 40px;
  }
  .chargingSection .tab-wrapper .tab-content .chargingCards .slick-prev.slick-next,
  .chargingSection .tab-wrapper .tab-content .chargingCards .slick-next.slick-next {
    right: calc(50% - 50px);
  }
  .chargingSection .tab-wrapper .tab-content .chargingCards .slick-prev.slick-prev,
  .chargingSection .tab-wrapper .tab-content .chargingCards .slick-next.slick-prev {
    left: calc(50% - 50px);
  }
}
@media all and (max-width: 1440px) {
  .chargingSection {
    margin-bottom: 120px;
  }
  .chargingSection .tab-wrapper .tab-header h2 {
    margin-bottom: 18px;
  }
  .chargingSection .tab-wrapper .tab-header p {
    margin-bottom: 22px;
  }
  .chargingSection .tab-wrapper .tab-header .tab-buttons {
    gap: 14px;
    margin-bottom: 22px;
  }
  .chargingSection .tab-wrapper .tab-header .tab-buttons .tab-button {
    padding: 10px 32px;
  }
  .chargingSection .tab-wrapper .tab-content .chargingCards .card .card-wrapper {
    padding: 32px 50px 24px 50px;
  }
  .chargingSection .tab-wrapper .tab-content .chargingCards .card .card-wrapper img {
    padding-bottom: 24px;
  }
  .chargingSection .tab-wrapper .tab-content .chargingCards .card .card-wrapper h3 {
    margin-bottom: 16px;
  }
  .chargingSection .tab-wrapper .tab-content .chargingCards .card .card-wrapper h5 {
    margin-bottom: 16px;
  }
  .chargingSection .tab-wrapper .tab-content .chargingCards .card a {
    padding: 40px;
  }
  .chargingSection .tab-wrapper .tab-content .chargingCards .card a::after {
    border-top-left-radius: 30px;
  }
  .chargingSection .tab-wrapper .tab-content .chargingCards .card a::before {
    border-top-right-radius: 30px;
  }
  .chargingSection .tab-wrapper .tab-content .chargingCards .card a img {
    width: 12px;
    height: 12px;
  }
  .chargingSection .tab-wrapper .tab-content .chargingCards .slick-prev,
  .chargingSection .tab-wrapper .tab-content .chargingCards .slick-next {
    width: 36px;
    height: 36px;
  }
  .chargingSection .tab-wrapper .tab-content .chargingCards .slick-prev::before,
  .chargingSection .tab-wrapper .tab-content .chargingCards .slick-next::before {
    transform: translate(-50%, -60%);
  }
  .chargingSection .tab-wrapper .tab-content .chargingCards .slick-prev.slick-next,
  .chargingSection .tab-wrapper .tab-content .chargingCards .slick-next.slick-next {
    right: calc(50% - 50px);
  }
  .chargingSection .tab-wrapper .tab-content .chargingCards .slick-prev.slick-prev,
  .chargingSection .tab-wrapper .tab-content .chargingCards .slick-next.slick-prev {
    left: calc(50% - 50px);
  }
}
@media all and (max-width: 1280px) {
  .chargingSection .tab-wrapper .tab-header h2 {
    margin-bottom: 14px;
  }
  .chargingSection .tab-wrapper .tab-header p {
    margin-bottom: 20px;
  }
  .chargingSection .tab-wrapper .tab-header .tab-buttons {
    gap: 12px;
    margin-bottom: 20px;
  }
  .chargingSection .tab-wrapper .tab-header .tab-buttons .tab-button {
    padding: 8px 24px;
  }
  .chargingSection .tab-wrapper .tab-content .chargingCards .card .card-wrapper {
    padding: 20px 40px 16px 40px;
  }
  .chargingSection .tab-wrapper .tab-content .chargingCards .card .card-wrapper img {
    padding-bottom: 20px;
  }
  .chargingSection .tab-wrapper .tab-content .chargingCards .card .card-wrapper h3 {
    margin-bottom: 16px;
  }
  .chargingSection .tab-wrapper .tab-content .chargingCards .card .card-wrapper h5 {
    margin-bottom: 16px;
  }
  .chargingSection .tab-wrapper .tab-content .chargingCards .card a {
    padding: 30px;
  }
  .chargingSection .tab-wrapper .tab-content .chargingCards .card a img {
    width: 10px;
    height: 10px;
  }
}
@media all and (max-width: 1024px) {
  .chargingSection .tab-wrapper .tab-header {
    padding-left: 120px;
    padding-right: 120px;
    align-items: flex-start;
  }
}
@media screen and (max-width: 1024px) and (max-width: 1600px) {
  .chargingSection .tab-wrapper .tab-header {
    padding-left: 90px;
    padding-right: 90px;
  }
}
@media screen and (max-width: 1024px) and (max-width: 1440px) {
  .chargingSection .tab-wrapper .tab-header {
    padding-left: 80px;
    padding-right: 80px;
  }
}
@media screen and (max-width: 1024px) and (max-width: 1024px) {
  .chargingSection .tab-wrapper .tab-header {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media screen and (max-width: 1024px) and (max-width: 680px) {
  .chargingSection .tab-wrapper .tab-header {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media all and (max-width: 1024px) {
  .chargingSection .tab-wrapper .tab-header h2 {
    margin-bottom: 8px;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    text-align: left;
  }
  .chargingSection .tab-wrapper .tab-header p {
    margin-bottom: 32px;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    width: 100%;
    text-align: left;
  }
  .chargingSection .tab-wrapper .tab-header .tab-buttons {
    display: flex;
    gap: 8px;
    margin-bottom: 40px;
    justify-content: flex-start;
  }
  .chargingSection .tab-wrapper .tab-header .tab-buttons .tab-button {
    padding: 12px 36px;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
  }
}
@media all and (max-width: 820px) {
  .chargingSection {
    margin-bottom: 100px;
  }
  .chargingSection .tab-wrapper .tab-header {
    padding-left: 120px;
    padding-right: 120px;
    align-items: flex-start;
  }
}
@media screen and (max-width: 820px) and (max-width: 1600px) {
  .chargingSection .tab-wrapper .tab-header {
    padding-left: 90px;
    padding-right: 90px;
  }
}
@media screen and (max-width: 820px) and (max-width: 1440px) {
  .chargingSection .tab-wrapper .tab-header {
    padding-left: 80px;
    padding-right: 80px;
  }
}
@media screen and (max-width: 820px) and (max-width: 1024px) {
  .chargingSection .tab-wrapper .tab-header {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media screen and (max-width: 820px) and (max-width: 680px) {
  .chargingSection .tab-wrapper .tab-header {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media all and (max-width: 820px) {
  .chargingSection .tab-wrapper .tab-header h2 {
    margin-bottom: 8px;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    text-align: left;
  }
  .chargingSection .tab-wrapper .tab-header p {
    margin-bottom: 32px;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    width: 100%;
    text-align: left;
  }
  .chargingSection .tab-wrapper .tab-header .tab-buttons {
    display: flex;
    gap: 8px;
    margin-bottom: 40px;
    justify-content: flex-start;
  }
  .chargingSection .tab-wrapper .tab-header .tab-buttons .tab-button {
    padding: 12px 36px;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
  }
  .chargingSection .tab-wrapper .tab-content .chargingCards .card {
    min-height: auto;
    position: sticky;
    top: 0;
    align-items: start;
  }
  .chargingSection .tab-wrapper .tab-content .chargingCards .card .card-wrapper {
    padding: 35px 40px 30px 40px;
    transform: translateY(0);
  }
  .chargingSection .tab-wrapper .tab-content .chargingCards .card .card-wrapper img {
    padding-bottom: 24px;
    margin: 0;
  }
  .chargingSection .tab-wrapper .tab-content .chargingCards .card .card-wrapper h3 {
    margin-bottom: 16px;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 110%;
    letter-spacing: -0.4px;
    text-align: left;
  }
  .chargingSection .tab-wrapper .tab-content .chargingCards .card .card-wrapper h5 {
    text-align: left;
    margin-bottom: 16px;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 140%;
  }
  .chargingSection .tab-wrapper .tab-content .chargingCards .card .card-wrapper p {
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    text-align: left;
  }
  .chargingSection .tab-wrapper .tab-content .chargingCards .card a {
    display: flex;
    align-items: center;
    justify-content: start;
    gap: 8px;
    position: relative;
    padding: 53px 50px 44px 40px;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    height: auto;
    opacity: 1;
  }
  .chargingSection .tab-wrapper .tab-content .chargingCards .card a .fontellowRightArrow {
    font-size: 14px;
  }
  .chargingSection .tab-wrapper .tab-content .chargingCards .card a::after {
    border-top-left-radius: 30px;
    width: 81%;
  }
  .chargingSection .tab-wrapper .tab-content .chargingCards .card a::before {
    border-top-right-radius: 30px;
    width: 21%;
  }
  .chargingSection .tab-wrapper .tab-content .chargingCards .card a img {
    width: 10px;
    height: 10px;
  }
  .chargingSection .tab-wrapper .tab-content .chargingCards .card:nth-child(odd) {
    background: #F5F75E;
  }
  .chargingSection .tab-wrapper .tab-content .chargingCards .card:nth-child(even) {
    background: #ffffff;
  }
  .chargingSection .tab-wrapper .tab-content .chargingCards .card:nth-child(even) a {
    background: #ffffff;
  }
}
@media all and (max-width: 680px) {
  .chargingSection .tab-wrapper .tab-content .chargingCards {
    border: none;
  }
  .chargingSection .tab-wrapper .tab-content .chargingCards .card .card-wrapper {
    padding: 35px 40px 30px 20px;
    transform: translateY(0);
  }
  .chargingSection .tab-wrapper .tab-content .chargingCards .card a {
    display: flex;
    align-items: center;
    justify-content: start;
    gap: 8px;
    position: relative;
    padding: 53px 50px 44px 20px;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    height: auto;
    opacity: 1;
  }
  .chargingSection .tab-wrapper .tab-content .chargingCards .card a::after {
    border-top-left-radius: 30px;
    width: 81%;
  }
  .chargingSection .tab-wrapper .tab-content .chargingCards .card a::before {
    border-top-right-radius: 30px;
    width: 21%;
  }
  .chargingSection .tab-wrapper .tab-content .chargingCards .card a img {
    width: 10px;
    height: 10px;
  }
  .chargingSection .tab-wrapper .tab-content .chargingCards .card:nth-child(odd) {
    background: #F5F75E;
  }
  .chargingSection .tab-wrapper .tab-content .chargingCards .card:nth-child(even) {
    background: #ffffff;
  }
  .chargingSection .tab-wrapper .tab-content .chargingCards .card:nth-child(even) a {
    background: #ffffff;
  }
}

.exploreSection {
  margin-bottom: 200px;
}
.exploreSection .exploreSectionWrapper {
  display: flex;
}
.exploreSection .exploreSectionWrapper .leftContent {
  flex-basis: 50%;
  background: #F5F75E;
  position: relative;
  padding: 132px 120px;
}
.exploreSection .exploreSectionWrapper .leftContent .contentWrapper {
  width: 80%;
}
.exploreSection .exploreSectionWrapper .leftContent .contentWrapper h2 {
  margin-bottom: 32px;
  color: #1E1E1E;
  font-family: "termina", sans-serif;
  font-size: 48px;
  font-weight: 700;
  line-height: 133.333%;
  text-transform: uppercase;
}
@media screen and (max-width: 1600px) {
  .exploreSection .exploreSectionWrapper .leftContent .contentWrapper h2 {
    font-size: 40px;
  }
}
@media screen and (max-width: 1440px) {
  .exploreSection .exploreSectionWrapper .leftContent .contentWrapper h2 {
    font-size: 36px;
  }
}
@media screen and (max-width: 820px) {
  .exploreSection .exploreSectionWrapper .leftContent .contentWrapper h2 {
    font-size: 30px;
  }
}
@media screen and (max-width: 720px) {
  .exploreSection .exploreSectionWrapper .leftContent .contentWrapper h2 {
    font-size: 24px;
  }
}
.exploreSection .exploreSectionWrapper .leftContent .contentWrapper p {
  margin-bottom: 56px;
  font-size: 20px;
  font-weight: 400;
  line-height: 160%;
  color: #1E1E1E;
}
@media screen and (max-width: 1600px) {
  .exploreSection .exploreSectionWrapper .leftContent .contentWrapper p {
    font-size: 18px;
  }
}
@media screen and (max-width: 1440px) {
  .exploreSection .exploreSectionWrapper .leftContent .contentWrapper p {
    font-size: 16px;
  }
}
@media screen and (max-width: 720px) {
  .exploreSection .exploreSectionWrapper .leftContent .contentWrapper p {
    font-size: 12px;
  }
}
.exploreSection .exploreSectionWrapper .rightContent {
  flex-basis: 50%;
  background: #1E1E1E;
  overflow: hidden;
  position: relative;
}
.exploreSection .exploreSectionWrapper .rightContent.image-active img {
  transform: translate(-50%, 0px);
}
.exploreSection .exploreSectionWrapper .rightContent img {
  padding-top: 40px;
  transform: translate(-50%, 300px);
  left: 50%;
  position: absolute;
  bottom: 0;
  transition: 0.8s ease-in-out;
}
@media all and (max-width: 1800px) {
  .exploreSection {
    margin-bottom: 180px;
  }
  .exploreSection .exploreSectionWrapper .leftContent {
    padding: 120px 110px;
  }
  .exploreSection .exploreSectionWrapper .leftContent .contentWrapper h2 {
    margin-bottom: 30px;
  }
  .exploreSection .exploreSectionWrapper .leftContent .contentWrapper p {
    margin-bottom: 50px;
  }
}
@media all and (max-width: 1600px) {
  .exploreSection {
    margin-bottom: 150px;
  }
  .exploreSection .exploreSectionWrapper .leftContent {
    padding: 100px 90px;
  }
  .exploreSection .exploreSectionWrapper .leftContent .contentWrapper h2 {
    margin-bottom: 26px;
  }
  .exploreSection .exploreSectionWrapper .leftContent .contentWrapper p {
    margin-bottom: 40px;
  }
}
@media all and (max-width: 1440px) {
  .exploreSection {
    margin-bottom: 120px;
  }
  .exploreSection .exploreSectionWrapper .leftContent {
    padding: 100px 70px;
  }
  .exploreSection .exploreSectionWrapper .leftContent .contentWrapper {
    width: 85%;
  }
  .exploreSection .exploreSectionWrapper .leftContent .contentWrapper h2 {
    margin-bottom: 24px;
  }
  .exploreSection .exploreSectionWrapper .leftContent .contentWrapper p {
    margin-bottom: 36px;
  }
}
@media all and (max-width: 1280px) {
  .exploreSection .exploreSectionWrapper .leftContent {
    padding: 90px 60px;
  }
  .exploreSection .exploreSectionWrapper .leftContent .contentWrapper h2 {
    margin-bottom: 22px;
  }
  .exploreSection .exploreSectionWrapper .leftContent .contentWrapper p {
    margin-bottom: 32px;
  }
}
@media all and (max-width: 1180px) {
  .exploreSection .exploreSectionWrapper .leftContent {
    padding: 100px 40px;
  }
  .exploreSection .exploreSectionWrapper .leftContent .contentWrapper {
    width: 90%;
  }
  .exploreSection .exploreSectionWrapper .leftContent .contentWrapper h2 {
    margin-bottom: 18px;
  }
  .exploreSection .exploreSectionWrapper .leftContent .contentWrapper p {
    margin-bottom: 26px;
  }
}
@media all and (max-width: 680px) {
  .exploreSection {
    margin-bottom: 100px;
  }
  .exploreSection .exploreSectionWrapper {
    flex-direction: column;
  }
  .exploreSection .exploreSectionWrapper .leftContent {
    flex-basis: 100%;
    padding: 72px 20px;
    order: 2;
  }
  .exploreSection .exploreSectionWrapper .leftContent .contentWrapper {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: start;
  }
  .exploreSection .exploreSectionWrapper .leftContent .contentWrapper h2 {
    margin-bottom: 16px;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 110%;
    letter-spacing: -0.48px;
    text-align: left;
  }
  .exploreSection .exploreSectionWrapper .leftContent .contentWrapper p {
    margin-bottom: 56px;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    text-align: left;
  }
  .exploreSection .exploreSectionWrapper .rightContent {
    flex-basis: 100%;
    order: 1;
    min-height: 375px;
  }
  .exploreSection .exploreSectionWrapper .rightContent img {
    transform: translate(-50%, 0px);
  }
}

.mapSection {
  margin-bottom: 200px;
}
.mapSection .mapSectionDivider {
  display: flex;
  align-items: stretch;
  min-height: 100%;
}
.mapSection .mapSectionDivider .map {
  flex-basis: 80%;
  border-top: 1px solid #D8DBDC;
  border-bottom: 1px solid #D8DBDC;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
}
.mapSection .mapSectionDivider .map h2 {
  margin-bottom: 46px;
  margin-top: 56px;
  color: #1E1E1E;
  font-family: "termina", sans-serif;
  font-size: 48px;
  font-weight: 700;
  line-height: 133.333%;
  text-transform: uppercase;
  padding-left: 120px;
  padding-right: 120px;
}
@media screen and (max-width: 1600px) {
  .mapSection .mapSectionDivider .map h2 {
    font-size: 40px;
  }
}
@media screen and (max-width: 1440px) {
  .mapSection .mapSectionDivider .map h2 {
    font-size: 36px;
  }
}
@media screen and (max-width: 820px) {
  .mapSection .mapSectionDivider .map h2 {
    font-size: 30px;
  }
}
@media screen and (max-width: 720px) {
  .mapSection .mapSectionDivider .map h2 {
    font-size: 24px;
  }
}
@media screen and (max-width: 1600px) {
  .mapSection .mapSectionDivider .map h2 {
    padding-left: 90px;
    padding-right: 90px;
  }
}
@media screen and (max-width: 1440px) {
  .mapSection .mapSectionDivider .map h2 {
    padding-left: 80px;
    padding-right: 80px;
  }
}
@media screen and (max-width: 1024px) {
  .mapSection .mapSectionDivider .map h2 {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media screen and (max-width: 680px) {
  .mapSection .mapSectionDivider .map h2 {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.mapSection .mapSectionDivider .stats {
  flex-basis: 20%;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
}
.mapSection .mapSectionDivider .stats .statCard {
  padding: 32px;
  background: #1E1E1E;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.mapSection .mapSectionDivider .stats .statCard:not(:last-child) {
  border-bottom: 1px solid rgba(216, 219, 220, 0.2);
}
.mapSection .mapSectionDivider .stats .statCard h3 {
  color: #fff;
  font-family: "termina", sans-serif;
  font-size: 52px;
  letter-spacing: -1.04px;
  font-weight: 400;
  margin-bottom: 12px;
  line-height: 100%;
}
@media screen and (max-width: 1800px) {
  .mapSection .mapSectionDivider .stats .statCard h3 {
    font-size: 48px;
  }
}
@media screen and (max-width: 1440px) {
  .mapSection .mapSectionDivider .stats .statCard h3 {
    font-size: 36px;
  }
}
@media screen and (max-width: 820px) {
  .mapSection .mapSectionDivider .stats .statCard h3 {
    font-size: 32px;
  }
}
@media screen and (max-width: 720px) {
  .mapSection .mapSectionDivider .stats .statCard h3 {
    font-size: 24px;
  }
}
.mapSection .mapSectionDivider .stats .statCard h4 {
  margin-bottom: 20px;
  color: #fff;
  font-family: "termina", sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 140%;
}
.mapSection .mapSectionDivider .stats .statCard p {
  color: #fff;
  font-size: 16px;
  line-height: 175%;
  font-weight: 400;
}
@media screen and (max-width: 1600px) {
  .mapSection .mapSectionDivider .stats .statCard p {
    font-size: 14px;
  }
}
@media screen and (max-width: 1440px) {
  .mapSection .mapSectionDivider .stats .statCard p {
    font-size: 12px;
  }
}
@media all and (max-width: 1800px) {
  .mapSection {
    margin-bottom: 180px;
  }
  .mapSection .mapSectionDivider .map h2 {
    margin-bottom: 42px;
    margin-top: 52px;
  }
  .mapSection .mapSectionDivider .stats .statCard {
    padding: 30px;
  }
  .mapSection .mapSectionDivider .stats .statCard h3 {
    margin-bottom: 12px;
  }
  .mapSection .mapSectionDivider .stats .statCard h4 {
    margin-bottom: 20px;
  }
}
@media all and (max-width: 1600px) {
  .mapSection {
    margin-bottom: 150px;
  }
  .mapSection .mapSectionDivider .map h2 {
    margin-bottom: 38px;
    margin-top: 48px;
  }
  .mapSection .mapSectionDivider .stats .statCard {
    padding: 22px;
  }
  .mapSection .mapSectionDivider .stats .statCard h3 {
    margin-bottom: 8px;
  }
  .mapSection .mapSectionDivider .stats .statCard h4 {
    margin-bottom: 16px;
  }
}
@media all and (max-width: 1440px) {
  .mapSection {
    margin-bottom: 120px;
  }
  .mapSection .mapSectionDivider .map h2 {
    margin-bottom: 32px;
    margin-top: 40px;
  }
  .mapSection .mapSectionDivider .stats .statCard {
    padding: 16px;
  }
  .mapSection .mapSectionDivider .stats .statCard h4 {
    margin-bottom: 14px;
  }
}
@media all and (max-width: 1180px) {
  .mapSection .mapSectionDivider .map h2 {
    margin-bottom: 24px;
    margin-top: 32px;
  }
  .mapSection .mapSectionDivider .stats .statCard {
    padding: 16px;
  }
  .mapSection .mapSectionDivider .stats .statCard h3 {
    margin-bottom: 7px;
  }
  .mapSection .mapSectionDivider .stats .statCard h4 {
    margin-bottom: 12px;
  }
}
@media all and (max-width: 1280px) {
  .mapSection .mapSectionDivider .map {
    flex-basis: 70%;
  }
  .mapSection .mapSectionDivider .stats {
    flex-basis: 30%;
  }
}
@media all and (max-width: 820px) {
  .mapSection {
    margin-bottom: 100px;
  }
  .mapSection .mapSectionDivider {
    flex-direction: column;
  }
  .mapSection .mapSectionDivider .map {
    flex-basis: 100%;
    border-bottom: none;
    border-top: none;
  }
  .mapSection .mapSectionDivider .map h2 {
    margin-bottom: 40px;
    margin-top: 0px;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 40px;
    letter-spacing: -0.48px;
  }
  .mapSection .mapSectionDivider .stats {
    flex-basis: 100%;
  }
  .mapSection .mapSectionDivider .stats .statCard {
    padding: 40px 20px;
    padding-left: 120px;
    padding-right: 120px;
  }
}
@media screen and (max-width: 820px) and (max-width: 1600px) {
  .mapSection .mapSectionDivider .stats .statCard {
    padding-left: 90px;
    padding-right: 90px;
  }
}
@media screen and (max-width: 820px) and (max-width: 1440px) {
  .mapSection .mapSectionDivider .stats .statCard {
    padding-left: 80px;
    padding-right: 80px;
  }
}
@media screen and (max-width: 820px) and (max-width: 1024px) {
  .mapSection .mapSectionDivider .stats .statCard {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media screen and (max-width: 820px) and (max-width: 680px) {
  .mapSection .mapSectionDivider .stats .statCard {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media all and (max-width: 820px) {
  .mapSection .mapSectionDivider .stats .statCard h3 {
    font-size: 36px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.72px;
    margin-bottom: 6px;
  }
  .mapSection .mapSectionDivider .stats .statCard h4 {
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
    margin-bottom: 10px;
  }
  .mapSection .mapSectionDivider .stats .statCard p {
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
  }
}

.testimonialSection {
  margin-bottom: 200px;
}
.testimonialSection .testimonialSectionWrapper .testimonialSectionHeading h2 {
  margin-bottom: 56px;
  color: #1E1E1E;
  font-family: "termina", sans-serif;
  font-size: 48px;
  font-weight: 700;
  line-height: 133.333%;
  text-transform: uppercase;
  padding-left: 120px;
  padding-right: 120px;
}
@media screen and (max-width: 1600px) {
  .testimonialSection .testimonialSectionWrapper .testimonialSectionHeading h2 {
    font-size: 40px;
  }
}
@media screen and (max-width: 1440px) {
  .testimonialSection .testimonialSectionWrapper .testimonialSectionHeading h2 {
    font-size: 36px;
  }
}
@media screen and (max-width: 820px) {
  .testimonialSection .testimonialSectionWrapper .testimonialSectionHeading h2 {
    font-size: 30px;
  }
}
@media screen and (max-width: 720px) {
  .testimonialSection .testimonialSectionWrapper .testimonialSectionHeading h2 {
    font-size: 24px;
  }
}
@media screen and (max-width: 1600px) {
  .testimonialSection .testimonialSectionWrapper .testimonialSectionHeading h2 {
    padding-left: 90px;
    padding-right: 90px;
  }
}
@media screen and (max-width: 1440px) {
  .testimonialSection .testimonialSectionWrapper .testimonialSectionHeading h2 {
    padding-left: 80px;
    padding-right: 80px;
  }
}
@media screen and (max-width: 1024px) {
  .testimonialSection .testimonialSectionWrapper .testimonialSectionHeading h2 {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media screen and (max-width: 680px) {
  .testimonialSection .testimonialSectionWrapper .testimonialSectionHeading h2 {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.testimonialSection .testimonialSectionWrapper .testimonialCardWrapper {
  padding-left: 120px;
  padding-right: 120px;
  padding-right: 0px !important;
  margin-bottom: 60px;
}
@media screen and (max-width: 1600px) {
  .testimonialSection .testimonialSectionWrapper .testimonialCardWrapper {
    padding-left: 90px;
    padding-right: 90px;
  }
}
@media screen and (max-width: 1440px) {
  .testimonialSection .testimonialSectionWrapper .testimonialCardWrapper {
    padding-left: 80px;
    padding-right: 80px;
  }
}
@media screen and (max-width: 1024px) {
  .testimonialSection .testimonialSectionWrapper .testimonialCardWrapper {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media screen and (max-width: 680px) {
  .testimonialSection .testimonialSectionWrapper .testimonialCardWrapper {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.testimonialSection .testimonialSectionWrapper .testimonialCardWrapper .slick-track {
  float: left;
}
.testimonialSection .testimonialSectionWrapper .testimonialCardWrapper .testimonialCard {
  border-right: 1px solid #D8DBDC;
  margin-right: 52px;
  padding: 40px 56px 40px 0px;
  width: 100%;
}
.testimonialSection .testimonialSectionWrapper .testimonialCardWrapper .testimonialCard:last-child {
  border-right: none;
}
.testimonialSection .testimonialSectionWrapper .testimonialCardWrapper .testimonialCard .fontelloQouteIcon {
  font-size: 36px;
  color: #006E50;
}
.testimonialSection .testimonialSectionWrapper .testimonialCardWrapper .testimonialCard .testimonialPara {
  margin: 64px 0px 40px;
  color: #4B4B4B;
  font-size: 20px;
  line-height: 160%;
}
@media screen and (max-width: 1600px) {
  .testimonialSection .testimonialSectionWrapper .testimonialCardWrapper .testimonialCard .testimonialPara {
    font-size: 18px;
  }
}
@media screen and (max-width: 1440px) {
  .testimonialSection .testimonialSectionWrapper .testimonialCardWrapper .testimonialCard .testimonialPara {
    font-size: 16px;
  }
}
@media screen and (max-width: 720px) {
  .testimonialSection .testimonialSectionWrapper .testimonialCardWrapper .testimonialCard .testimonialPara {
    font-size: 12px;
  }
}
.testimonialSection .testimonialSectionWrapper .testimonialCardWrapper .testimonialCard .testimonial {
  display: flex;
  align-items: start;
  gap: 12px;
}
.testimonialSection .testimonialSectionWrapper .testimonialCardWrapper .testimonialCard .testimonial .testimonialImage {
  overflow: hidden;
  border-radius: 50%;
  flex-shrink: 0;
  width: 75px;
  height: 75px;
}
.testimonialSection .testimonialSectionWrapper .testimonialCardWrapper .testimonialCard .testimonial h3 {
  margin-bottom: 8px;
  color: #1E1E1E;
  font-size: 20px;
  line-height: 140%;
  text-transform: capitalize;
}
@media screen and (max-width: 1600px) {
  .testimonialSection .testimonialSectionWrapper .testimonialCardWrapper .testimonialCard .testimonial h3 {
    font-size: 18px;
  }
}
@media screen and (max-width: 1440px) {
  .testimonialSection .testimonialSectionWrapper .testimonialCardWrapper .testimonialCard .testimonial h3 {
    font-size: 16px;
  }
}
@media screen and (max-width: 720px) {
  .testimonialSection .testimonialSectionWrapper .testimonialCardWrapper .testimonialCard .testimonial h3 {
    font-size: 12px;
  }
}
.testimonialSection .testimonialSectionWrapper .testimonialCardWrapper .testimonialCard .testimonial p {
  color: #343434;
  font-size: 20px;
  line-height: 150%;
}
@media screen and (max-width: 1600px) {
  .testimonialSection .testimonialSectionWrapper .testimonialCardWrapper .testimonialCard .testimonial p {
    font-size: 18px;
  }
}
@media screen and (max-width: 1440px) {
  .testimonialSection .testimonialSectionWrapper .testimonialCardWrapper .testimonialCard .testimonial p {
    font-size: 16px;
  }
}
@media screen and (max-width: 720px) {
  .testimonialSection .testimonialSectionWrapper .testimonialCardWrapper .testimonialCard .testimonial p {
    font-size: 12px;
  }
}
.testimonialSection .testimonialSectionWrapper .testimonialCardWrapper .testimonialCard .clientImages {
  width: 150px;
}
.testimonialSection .testimonialSectionWrapper .progresBar {
  padding-left: 120px;
  padding-right: 120px;
}
@media screen and (max-width: 1600px) {
  .testimonialSection .testimonialSectionWrapper .progresBar {
    padding-left: 90px;
    padding-right: 90px;
  }
}
@media screen and (max-width: 1440px) {
  .testimonialSection .testimonialSectionWrapper .progresBar {
    padding-left: 80px;
    padding-right: 80px;
  }
}
@media screen and (max-width: 1024px) {
  .testimonialSection .testimonialSectionWrapper .progresBar {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media screen and (max-width: 680px) {
  .testimonialSection .testimonialSectionWrapper .progresBar {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.testimonialSection .testimonialSectionWrapper .progresBar .progress-bar-container {
  position: relative;
  width: 250px;
  height: 5px;
  background: #D8DBDC;
  overflow: hidden;
}
.testimonialSection .testimonialSectionWrapper .progresBar .progress-bar {
  height: 100%;
  width: 0;
  background: #1E1E1E;
  transition: width linear;
}
@media all and (max-width: 1800px) {
  .testimonialSection {
    margin-bottom: 180px;
  }
  .testimonialSection .testimonialSectionWrapper .testimonialSectionHeading h2 {
    margin-bottom: 56px;
  }
  .testimonialSection .testimonialSectionWrapper .testimonialCardWrapper {
    padding-left: 120px;
    padding-right: 120px;
    padding-right: 0px;
    margin-bottom: 50px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1600px) {
  .testimonialSection .testimonialSectionWrapper .testimonialCardWrapper {
    padding-left: 90px;
    padding-right: 90px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1440px) {
  .testimonialSection .testimonialSectionWrapper .testimonialCardWrapper {
    padding-left: 80px;
    padding-right: 80px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1024px) {
  .testimonialSection .testimonialSectionWrapper .testimonialCardWrapper {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 680px) {
  .testimonialSection .testimonialSectionWrapper .testimonialCardWrapper {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media all and (max-width: 1800px) {
  .testimonialSection .testimonialSectionWrapper .testimonialCardWrapper .testimonialCard {
    margin-right: 52px;
    padding: 36px 50px 36px 0px;
    width: 100%;
  }
  .testimonialSection .testimonialSectionWrapper .testimonialCardWrapper .testimonialCard .testimonialPara {
    margin: 60px 0 36px;
  }
  .testimonialSection .testimonialSectionWrapper .testimonialCardWrapper .testimonialCard .testimonial {
    gap: 12px;
  }
  .testimonialSection .testimonialSectionWrapper .testimonialCardWrapper .testimonialCard .testimonial .testimonialImage {
    width: 70px;
    height: 70px;
  }
  .testimonialSection .testimonialSectionWrapper .testimonialCardWrapper .testimonialCard .testimonial h3 {
    margin-bottom: 8px;
  }
  .testimonialSection .testimonialSectionWrapper .progresBar .progress-bar-container {
    width: 240px;
    height: 5px;
  }
}
@media all and (max-width: 1600px) {
  .testimonialSection {
    margin-bottom: 150px;
  }
  .testimonialSection .testimonialSectionWrapper .testimonialSectionHeading h2 {
    margin-bottom: 50px;
  }
  .testimonialSection .testimonialSectionWrapper .testimonialCardWrapper {
    padding-left: 120px;
    padding-right: 120px;
    padding-right: 0px;
    margin-bottom: 46px;
  }
}
@media screen and (max-width: 1600px) and (max-width: 1600px) {
  .testimonialSection .testimonialSectionWrapper .testimonialCardWrapper {
    padding-left: 90px;
    padding-right: 90px;
  }
}
@media screen and (max-width: 1600px) and (max-width: 1440px) {
  .testimonialSection .testimonialSectionWrapper .testimonialCardWrapper {
    padding-left: 80px;
    padding-right: 80px;
  }
}
@media screen and (max-width: 1600px) and (max-width: 1024px) {
  .testimonialSection .testimonialSectionWrapper .testimonialCardWrapper {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media screen and (max-width: 1600px) and (max-width: 680px) {
  .testimonialSection .testimonialSectionWrapper .testimonialCardWrapper {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media all and (max-width: 1600px) {
  .testimonialSection .testimonialSectionWrapper .testimonialCardWrapper .testimonialCard {
    margin-right: 48px;
    padding: 32px 40px 32px 0px;
  }
  .testimonialSection .testimonialSectionWrapper .testimonialCardWrapper .testimonialCard .testimonialPara {
    margin-bottom: 32px;
  }
  .testimonialSection .testimonialSectionWrapper .testimonialCardWrapper .testimonialCard .testimonial {
    gap: 10px;
  }
  .testimonialSection .testimonialSectionWrapper .testimonialCardWrapper .testimonialCard .testimonial .testimonialImage {
    width: 65px;
    height: 65px;
  }
  .testimonialSection .testimonialSectionWrapper .testimonialCardWrapper .testimonialCard .testimonial h3 {
    margin-bottom: 8px;
  }
  .testimonialSection .testimonialSectionWrapper .progresBar .progress-bar-container {
    width: 240px;
    height: 5px;
  }
}
@media all and (max-width: 1440px) {
  .testimonialSection {
    margin-bottom: 120px;
  }
  .testimonialSection .testimonialSectionWrapper .testimonialSectionHeading h2 {
    margin-bottom: 40px;
  }
  .testimonialSection .testimonialSectionWrapper .testimonialCardWrapper {
    padding-left: 120px;
    padding-right: 120px;
    padding-right: 0px;
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 1440px) and (max-width: 1600px) {
  .testimonialSection .testimonialSectionWrapper .testimonialCardWrapper {
    padding-left: 90px;
    padding-right: 90px;
  }
}
@media screen and (max-width: 1440px) and (max-width: 1440px) {
  .testimonialSection .testimonialSectionWrapper .testimonialCardWrapper {
    padding-left: 80px;
    padding-right: 80px;
  }
}
@media screen and (max-width: 1440px) and (max-width: 1024px) {
  .testimonialSection .testimonialSectionWrapper .testimonialCardWrapper {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media screen and (max-width: 1440px) and (max-width: 680px) {
  .testimonialSection .testimonialSectionWrapper .testimonialCardWrapper {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media all and (max-width: 1440px) {
  .testimonialSection .testimonialSectionWrapper .testimonialCardWrapper .testimonialCard {
    margin-right: 40px;
    padding: 30px 32px 28px 0px;
  }
  .testimonialSection .testimonialSectionWrapper .testimonialCardWrapper .testimonialCard .fontelloQouteIcon {
    font-size: 32px;
  }
  .testimonialSection .testimonialSectionWrapper .testimonialCardWrapper .testimonialCard .testimonialPara {
    margin: 64px 0px 30px;
  }
  .testimonialSection .testimonialSectionWrapper .testimonialCardWrapper .testimonialCard .clientImages {
    width: 120px;
  }
  .testimonialSection .testimonialSectionWrapper .testimonialCardWrapper .testimonialCard .testimonial {
    gap: 10px;
  }
  .testimonialSection .testimonialSectionWrapper .testimonialCardWrapper .testimonialCard .testimonial .testimonialImage {
    width: 60px;
    height: 60px;
  }
  .testimonialSection .testimonialSectionWrapper .testimonialCardWrapper .testimonialCard .testimonial h3 {
    margin-bottom: 8px;
  }
  .testimonialSection .testimonialSectionWrapper .progresBar .progress-bar-container {
    width: 200px;
    height: 5px;
  }
}
@media all and (max-width: 1280px) {
  .testimonialSection .testimonialSectionWrapper .testimonialCardWrapper {
    padding-right: 0px;
  }
}
@media all and (max-width: 720px) {
  .testimonialSection .testimonialSectionWrapper .testimonialCardWrapper .testimonialCard .fontelloQouteIcon {
    font-size: 36px;
  }
  .testimonialSection .testimonialSectionWrapper .testimonialCardWrapper .testimonialCard .testimonialPara {
    margin: 30px 0 30px;
  }
  .testimonialSection .testimonialSectionWrapper .testimonialCardWrapper .testimonialCard .clientImages {
    width: 110px;
  }
}
@media all and (max-width: 680px) {
  .testimonialSection {
    margin-bottom: 100px;
  }
  .testimonialSection .testimonialSectionWrapper .testimonialSectionHeading h2 {
    margin-bottom: 40px;
    margin-top: 0px;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 40px;
    letter-spacing: -0.48px;
  }
  .testimonialSection .testimonialSectionWrapper .testimonialCardWrapper {
    padding-left: 120px;
    padding-right: 120px;
    padding-right: 20px !important;
    margin-bottom: 32px;
  }
}
@media screen and (max-width: 680px) and (max-width: 1600px) {
  .testimonialSection .testimonialSectionWrapper .testimonialCardWrapper {
    padding-left: 90px;
    padding-right: 90px;
  }
}
@media screen and (max-width: 680px) and (max-width: 1440px) {
  .testimonialSection .testimonialSectionWrapper .testimonialCardWrapper {
    padding-left: 80px;
    padding-right: 80px;
  }
}
@media screen and (max-width: 680px) and (max-width: 1024px) {
  .testimonialSection .testimonialSectionWrapper .testimonialCardWrapper {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media screen and (max-width: 680px) and (max-width: 680px) {
  .testimonialSection .testimonialSectionWrapper .testimonialCardWrapper {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media all and (max-width: 680px) {
  .testimonialSection .testimonialSectionWrapper .testimonialCardWrapper .testimonialCard {
    margin-right: 10px;
    padding: 0px;
    width: 100%;
    border-right: none;
  }
  .testimonialSection .testimonialSectionWrapper .testimonialCardWrapper .testimonialCard .testimonialPara {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
  }
  .testimonialSection .testimonialSectionWrapper .testimonialCardWrapper .testimonialCard .testimonial {
    display: flex;
    align-items: center;
    gap: 12px;
  }
  .testimonialSection .testimonialSectionWrapper .testimonialCardWrapper .testimonialCard .testimonial .testimonialImage {
    height: 60px;
    width: 60px;
    flex-shrink: 0;
  }
  .testimonialSection .testimonialSectionWrapper .testimonialCardWrapper .testimonialCard .testimonial .testimomialInfo h3 {
    margin-bottom: 8px;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
  }
  .testimonialSection .testimonialSectionWrapper .testimonialCardWrapper .testimonialCard .testimonial .testimomialInfo p {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
  }
  .testimonialSection .testimonialSectionWrapper .progresBar .progress-bar-container {
    width: 120px;
    height: 5px;
  }
}

.formSection {
  margin-bottom: 200px;
}
.formSection .formWrapper {
  padding: 60px 0px;
  padding-left: 120px;
  padding-right: 120px;
  background: #F5F75E;
  display: flex;
  align-items: center;
  gap: 125px;
}
@media screen and (max-width: 1600px) {
  .formSection .formWrapper {
    padding-left: 90px;
    padding-right: 90px;
  }
}
@media screen and (max-width: 1440px) {
  .formSection .formWrapper {
    padding-left: 80px;
    padding-right: 80px;
  }
}
@media screen and (max-width: 1024px) {
  .formSection .formWrapper {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media screen and (max-width: 680px) {
  .formSection .formWrapper {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.formSection .formWrapper .formTitle {
  flex-basis: 40%;
  flex-shrink: 0;
}
.formSection .formWrapper .formTitle h2 {
  color: #1E1E1E;
  margin-bottom: 32px;
  font-family: "termina", sans-serif;
  font-size: 36px;
  line-height: 140%;
  letter-spacing: -0.72px;
  text-transform: uppercase;
  font-weight: 700;
}
@media screen and (max-width: 1600px) {
  .formSection .formWrapper .formTitle h2 {
    font-size: 32px;
  }
}
@media screen and (max-width: 1440px) {
  .formSection .formWrapper .formTitle h2 {
    font-size: 24px;
  }
}
@media screen and (max-width: 1024px) {
  .formSection .formWrapper .formTitle h2 {
    font-size: 22px;
  }
}
@media screen and (max-width: 720px) {
  .formSection .formWrapper .formTitle h2 {
    font-size: 20px;
  }
}
.formSection .formWrapper .formTitle p {
  color: #1E1E1E;
  font-size: 20px;
  line-height: 150%;
}
@media screen and (max-width: 1600px) {
  .formSection .formWrapper .formTitle p {
    font-size: 18px;
  }
}
@media screen and (max-width: 1440px) {
  .formSection .formWrapper .formTitle p {
    font-size: 16px;
  }
}
@media screen and (max-width: 720px) {
  .formSection .formWrapper .formTitle p {
    font-size: 12px;
  }
}
.formSection .formWrapper .formContainer {
  flex-basis: 60%;
}
.formSection .formWrapper .formContainer form {
  display: flex;
  gap: 56px;
}
.formSection .formWrapper .formContainer form .input {
  width: 75%;
  display: flex;
  flex-direction: column;
  gap: 17px;
  flex-shrink: 0;
}
.formSection .formWrapper .formContainer form .input label {
  color: #1E1E1E;
  font-family: "termina", sans-serif;
  font-size: 18px;
  font-weight: 700;
}
@media screen and (max-width: 1600px) {
  .formSection .formWrapper .formContainer form .input label {
    font-size: 16px;
  }
}
@media screen and (max-width: 1440px) {
  .formSection .formWrapper .formContainer form .input label {
    font-size: 14px;
  }
}
.formSection .formWrapper .formContainer form .input input {
  width: 100%;
  background: transparent;
  border-bottom: 1px solid rgba(62, 62, 62, 0.27);
  color: #1E1E1E;
  font-size: 16px;
  padding: 7px 0px 14px 0px;
}
@media screen and (max-width: 1600px) {
  .formSection .formWrapper .formContainer form .input input {
    font-size: 14px;
  }
}
@media screen and (max-width: 1440px) {
  .formSection .formWrapper .formContainer form .input input {
    font-size: 12px;
  }
}
.formSection .formWrapper .formContainer form .input input::placeholder {
  color: #1E1E1E;
  font-size: 16px;
}
@media screen and (max-width: 1600px) {
  .formSection .formWrapper .formContainer form .input input::placeholder {
    font-size: 14px;
  }
}
@media screen and (max-width: 1440px) {
  .formSection .formWrapper .formContainer form .input input::placeholder {
    font-size: 12px;
  }
}
.formSection .formWrapper .formContainer form .input #error-msg {
  display: block;
  color: red;
}
.formSection .formWrapper .formContainer form .ctaDiv {
  flex-shrink: 0;
}
.formSection .formWrapper .formContainer form .ctaDiv input {
  font-family: "termina", sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 100%;
  letter-spacing: -0.64px;
  color: #F5F75E;
  background: #1E1E1E;
  border-style: none;
  padding: 20px 32px;
  border-radius: 100px;
  cursor: pointer;
  transition: all 0.3s ease-out;
  position: relative;
  overflow: hidden;
  text-align: left;
  display: inline-block;
}
@media screen and (max-width: 1600px) {
  .formSection .formWrapper .formContainer form .ctaDiv input {
    font-size: 14px;
  }
}
@media screen and (max-width: 1440px) {
  .formSection .formWrapper .formContainer form .ctaDiv input {
    font-size: 12px;
  }
}
.formSection .formWrapper .productCtas {
  margin-left: auto;
  display: flex;
  gap: 32px;
}
@media all and (max-width: 1800px) {
  .formSection {
    margin-bottom: 180px;
  }
  .formSection .formWrapper {
    padding: 55px 0px;
    padding-left: 120px;
    padding-right: 120px;
    gap: 100px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1600px) {
  .formSection .formWrapper {
    padding-left: 90px;
    padding-right: 90px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1440px) {
  .formSection .formWrapper {
    padding-left: 80px;
    padding-right: 80px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1024px) {
  .formSection .formWrapper {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 680px) {
  .formSection .formWrapper {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media all and (max-width: 1800px) {
  .formSection .formWrapper .formTitle h2 {
    margin-bottom: 32px;
  }
  .formSection .formWrapper .formContainer form {
    gap: 50px;
  }
  .formSection .formWrapper .formContainer form .input {
    gap: 16px;
  }
  .formSection .formWrapper .formContainer form .input input {
    padding: 7px 0px 14px 0px;
  }
  .formSection .formWrapper .productCtas {
    gap: 30px;
  }
}
@media all and (max-width: 1600px) {
  .formSection {
    margin-bottom: 150px;
  }
  .formSection .formWrapper {
    padding: 50px 0px;
    padding-left: 120px;
    padding-right: 120px;
    gap: 80px;
  }
}
@media screen and (max-width: 1600px) and (max-width: 1600px) {
  .formSection .formWrapper {
    padding-left: 90px;
    padding-right: 90px;
  }
}
@media screen and (max-width: 1600px) and (max-width: 1440px) {
  .formSection .formWrapper {
    padding-left: 80px;
    padding-right: 80px;
  }
}
@media screen and (max-width: 1600px) and (max-width: 1024px) {
  .formSection .formWrapper {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media screen and (max-width: 1600px) and (max-width: 680px) {
  .formSection .formWrapper {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media all and (max-width: 1600px) {
  .formSection .formWrapper .formTitle h2 {
    margin-bottom: 30px;
  }
  .formSection .formWrapper .formContainer form {
    gap: 45px;
  }
  .formSection .formWrapper .formContainer form .input {
    gap: 14px;
  }
  .formSection .formWrapper .formContainer form .input input {
    padding: 6px 0px 12px 0px;
  }
  .formSection .formWrapper .formContainer form .input .ctaDiv input {
    padding: 16px 32px;
  }
  .formSection .formWrapper .productCtas {
    gap: 28px;
  }
}
@media all and (max-width: 1440px) {
  .formSection {
    margin-bottom: 120px;
  }
  .formSection .formWrapper {
    padding: 60px 0px;
    padding-left: 120px;
    padding-right: 120px;
    gap: 70px;
  }
}
@media screen and (max-width: 1440px) and (max-width: 1600px) {
  .formSection .formWrapper {
    padding-left: 90px;
    padding-right: 90px;
  }
}
@media screen and (max-width: 1440px) and (max-width: 1440px) {
  .formSection .formWrapper {
    padding-left: 80px;
    padding-right: 80px;
  }
}
@media screen and (max-width: 1440px) and (max-width: 1024px) {
  .formSection .formWrapper {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media screen and (max-width: 1440px) and (max-width: 680px) {
  .formSection .formWrapper {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media all and (max-width: 1440px) {
  .formSection .formWrapper .formTitle h2 {
    margin-bottom: 26px;
  }
  .formSection .formWrapper .formContainer form {
    gap: 40px;
  }
  .formSection .formWrapper .formContainer form .input {
    gap: 12px;
  }
  .formSection .formWrapper .formContainer form .input input {
    padding: 6px 0px 12px 0px;
  }
  .formSection .formWrapper .formContainer form .input .ctaDiv input {
    padding: 14px 32px;
  }
  .formSection .formWrapper .productCtas {
    gap: 24px;
  }
}
@media all and (max-width: 1280px) {
  .formSection .formWrapper {
    padding: 40px 0px;
    padding-left: 120px;
    padding-right: 120px;
  }
}
@media screen and (max-width: 1280px) and (max-width: 1600px) {
  .formSection .formWrapper {
    padding-left: 90px;
    padding-right: 90px;
  }
}
@media screen and (max-width: 1280px) and (max-width: 1440px) {
  .formSection .formWrapper {
    padding-left: 80px;
    padding-right: 80px;
  }
}
@media screen and (max-width: 1280px) and (max-width: 1024px) {
  .formSection .formWrapper {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media screen and (max-width: 1280px) and (max-width: 680px) {
  .formSection .formWrapper {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media all and (max-width: 1180px) {
  .formSection .formWrapper {
    padding: 30px 0px;
    padding-left: 120px;
    padding-right: 120px;
  }
}
@media screen and (max-width: 1180px) and (max-width: 1600px) {
  .formSection .formWrapper {
    padding-left: 90px;
    padding-right: 90px;
  }
}
@media screen and (max-width: 1180px) and (max-width: 1440px) {
  .formSection .formWrapper {
    padding-left: 80px;
    padding-right: 80px;
  }
}
@media screen and (max-width: 1180px) and (max-width: 1024px) {
  .formSection .formWrapper {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media screen and (max-width: 1180px) and (max-width: 680px) {
  .formSection .formWrapper {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media all and (max-width: 1180px) {
  .formSection .formWrapper .formContainer form .input {
    flex-basis: 70%;
  }
  .formSection .formWrapper .productCtas {
    gap: 20px;
  }
}
@media all and (max-width: 1024px) {
  .formSection .formWrapper .formContainer form .input {
    flex-basis: 66%;
  }
  .formSection .formWrapper .formContainer form .ctaDiv input {
    padding: 18px 32px;
  }
}
@media all and (max-width: 820px) {
  .formSection {
    margin-bottom: 100px;
  }
  .formSection .formWrapper {
    padding: 32px 0px;
    padding-left: 120px;
    padding-right: 120px;
    background: #F5F75E;
    display: flex;
    flex-direction: column;
    align-items: start;
    gap: 0px;
  }
}
@media screen and (max-width: 820px) and (max-width: 1600px) {
  .formSection .formWrapper {
    padding-left: 90px;
    padding-right: 90px;
  }
}
@media screen and (max-width: 820px) and (max-width: 1440px) {
  .formSection .formWrapper {
    padding-left: 80px;
    padding-right: 80px;
  }
}
@media screen and (max-width: 820px) and (max-width: 1024px) {
  .formSection .formWrapper {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media screen and (max-width: 820px) and (max-width: 680px) {
  .formSection .formWrapper {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media all and (max-width: 820px) {
  .formSection .formWrapper .formTitle {
    flex-basis: 100%;
    margin-right: 0px;
  }
  .formSection .formWrapper .formTitle h2 {
    margin-bottom: 16px;
    font-weight: 700;
    line-height: 160%;
    letter-spacing: -0.48px;
    text-transform: uppercase;
  }
  .formSection .formWrapper .formTitle p {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    margin-bottom: 40px;
  }
  .formSection .formWrapper .formContainer {
    flex-basis: 100%;
    width: 100%;
  }
  .formSection .formWrapper .formContainer form {
    display: block;
  }
  .formSection .formWrapper .formContainer form .input {
    width: 100%;
    gap: 20px;
    margin-bottom: 12px;
    width: 50%;
  }
  .formSection .formWrapper .formContainer form .input label {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
  }
  .formSection .formWrapper .formContainer form .input input {
    width: 100%;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    padding: 8px 0px;
  }
  .formSection .formWrapper .formContainer form .input input::placeholder {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
  }
  .formSection .formWrapper .formContainer form .input #error-msg {
    padding-bottom: 10px;
  }
  .formSection .formWrapper .formContainer form .ctaDiv input {
    font-size: 12px;
  }
  .formSection .formWrapper .productCtas {
    gap: 16px;
    flex-direction: column;
    margin-left: unset;
    align-items: flex-start;
  }
}
@media all and (max-width: 720px) {
  .formSection .formWrapper .formContainer form .input {
    width: 100%;
  }
}

.faqSection {
  margin-bottom: 200px;
}
.faqSection .faq-heading h2 {
  margin-bottom: 40px;
  color: #1E1E1E;
  font-family: "termina", sans-serif;
  font-size: 48px;
  font-weight: 700;
  line-height: 133.333%;
  text-transform: uppercase;
  padding-left: 120px;
  padding-right: 120px;
}
@media screen and (max-width: 1600px) {
  .faqSection .faq-heading h2 {
    font-size: 40px;
  }
}
@media screen and (max-width: 1440px) {
  .faqSection .faq-heading h2 {
    font-size: 36px;
  }
}
@media screen and (max-width: 820px) {
  .faqSection .faq-heading h2 {
    font-size: 30px;
  }
}
@media screen and (max-width: 720px) {
  .faqSection .faq-heading h2 {
    font-size: 24px;
  }
}
@media screen and (max-width: 1600px) {
  .faqSection .faq-heading h2 {
    padding-left: 90px;
    padding-right: 90px;
  }
}
@media screen and (max-width: 1440px) {
  .faqSection .faq-heading h2 {
    padding-left: 80px;
    padding-right: 80px;
  }
}
@media screen and (max-width: 1024px) {
  .faqSection .faq-heading h2 {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media screen and (max-width: 680px) {
  .faqSection .faq-heading h2 {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.faqSection .container .accordions-wrapper {
  display: flex;
  flex-direction: column;
}
.faqSection .container .accordions-wrapper .accordion {
  border-bottom: 1px solid #E5E7E8;
}
.faqSection .container .accordions-wrapper .accordion.active {
  padding-bottom: 30px;
}
.faqSection .container .accordions-wrapper .accordion.active .accordion-header {
  padding-bottom: 21px;
  transition: 0.5s all ease-in-out;
}
.faqSection .container .accordions-wrapper .accordion.active .accordion-header:hover {
  background-color: unset;
}
.faqSection .container .accordions-wrapper .accordion.active .accordion-header .accordian-icon-wrapper {
  background: #F5F75E;
}
.faqSection .container .accordions-wrapper .accordion.active .accordion-header .accordian-icon-wrapper .accordion-icon::after {
  transform: rotate(90deg);
  transition: 0.5s all ease-in-out;
  width: 0px;
}
.faqSection .container .accordions-wrapper .accordion .accordion-header {
  cursor: pointer;
  display: flex;
  gap: 24px;
  align-items: center;
  transition: 0.4s all ease-in-out;
  padding: 32px 120px;
}
.faqSection .container .accordions-wrapper .accordion .accordion-header:hover {
  background-color: #F5F75E;
}
.faqSection .container .accordions-wrapper .accordion .accordion-header h4 {
  font-size: 24px;
  line-height: 120%;
  color: #1E1E1E;
  width: 95%;
  order: 2;
  transition: 0.5s all ease-in-out;
  font-weight: 400;
}
@media screen and (max-width: 1600px) {
  .faqSection .container .accordions-wrapper .accordion .accordion-header h4 {
    font-size: 20px;
  }
}
@media screen and (max-width: 1440px) {
  .faqSection .container .accordions-wrapper .accordion .accordion-header h4 {
    font-size: 16px;
  }
}
.faqSection .container .accordions-wrapper .accordion .accordion-header .accordian-icon-wrapper {
  order: 1;
  padding: 16px;
  transition: 0.5s all ease-in-out;
}
.faqSection .container .accordions-wrapper .accordion .accordion-header .accordian-icon-wrapper .accordion-icon {
  position: relative;
  width: 24px;
  height: 24px;
  transition: 0.5s all ease-in-out;
}
.faqSection .container .accordions-wrapper .accordion .accordion-header .accordian-icon-wrapper .accordion-icon::after {
  content: "";
  position: absolute;
  left: 50%;
  background: #000000;
  height: 100%;
  width: 3px;
  transform: translateX(-50%);
  transition: 0.3s all ease-in-out;
}
.faqSection .container .accordions-wrapper .accordion .accordion-header .accordian-icon-wrapper .accordion-icon::before {
  content: "";
  position: absolute;
  top: 50%;
  background: #000000;
  width: 100%;
  height: 3px;
  transform: translateY(-50%) rotate(180deg);
}
.faqSection .container .accordions-wrapper .accordion .accordion-body {
  transition: 0.5s all ease-in-out;
  max-height: 0;
  overflow: hidden;
  width: 90%;
  padding: 0px 200px;
}
.faqSection .container .accordions-wrapper .accordion .accordion-body p {
  font-size: 18px;
  line-height: 140%;
  color: #1E1E1E;
  transition: 0.5s all ease-in-out;
  color: #4B4B4B;
}
@media screen and (max-width: 1600px) {
  .faqSection .container .accordions-wrapper .accordion .accordion-body p {
    font-size: 16px;
  }
}
@media screen and (max-width: 1440px) {
  .faqSection .container .accordions-wrapper .accordion .accordion-body p {
    font-size: 14px;
  }
}
.faqSection .container .accordions-wrapper .accordion.active .accordion-icon img {
  transform: rotate(-180deg);
}
.faqSection .container .toggleCta {
  display: flex;
  justify-content: center;
  margin-top: 48px;
}
@media all and (max-width: 1800px) {
  .faqSection {
    margin-bottom: 180px;
  }
  .faqSection .faq-heading h2 {
    margin-bottom: 40px;
  }
  .faqSection .container .accordions-wrapper .accordion.active {
    padding-bottom: 30px;
  }
  .faqSection .container .accordions-wrapper .accordion.active .accordion-header {
    padding-bottom: 21px;
  }
}
@media all and (max-width: 1600px) {
  .faqSection {
    margin-bottom: 150px;
  }
  .faqSection .faq-heading h2 {
    margin-bottom: 36px;
  }
  .faqSection .container .accordions-wrapper .accordion.active {
    padding-bottom: 28px;
  }
  .faqSection .container .accordions-wrapper .accordion.active .accordion-header {
    padding-bottom: 18px;
  }
  .faqSection .container .accordions-wrapper .accordion .accordion-header {
    gap: 36px;
    padding: 30px 90px;
  }
  .faqSection .container .accordions-wrapper .accordion .accordion-header .accordian-icon-wrapper {
    padding: 14px;
  }
  .faqSection .container .accordions-wrapper .accordion .accordion-header .accordian-icon-wrapper .accordion-icon {
    width: 22px;
    height: 22px;
  }
  .faqSection .container .accordions-wrapper .accordion .accordion-header .accordian-icon-wrapper .accordion-icon::after {
    width: 3px;
  }
  .faqSection .container .accordions-wrapper .accordion .accordion-header .accordian-icon-wrapper .accordion-icon::before {
    height: 3px;
  }
  .faqSection .container .accordions-wrapper .accordion .accordion-body {
    padding: 0px 176px;
  }
}
@media all and (max-width: 1440px) {
  .faqSection {
    margin-bottom: 120px;
  }
  .faqSection .faq-heading h2 {
    margin-bottom: 32px;
  }
  .faqSection .container .accordions-wrapper .accordion.active {
    padding-bottom: 24px;
  }
  .faqSection .container .accordions-wrapper .accordion.active .accordion-header {
    padding-bottom: 16px;
  }
  .faqSection .container .accordions-wrapper .accordion .accordion-header {
    gap: 32px;
    padding: 32px 80px;
  }
  .faqSection .container .accordions-wrapper .accordion .accordion-header .accordian-icon-wrapper {
    padding: 10px;
  }
  .faqSection .container .accordions-wrapper .accordion .accordion-header .accordian-icon-wrapper .accordion-icon {
    width: 18px;
    height: 18px;
  }
  .faqSection .container .accordions-wrapper .accordion .accordion-body {
    padding: 0px 156px;
  }
  .faqSection .container .toggleCta {
    margin-top: 40px;
  }
}
@media all and (max-width: 1280px) {
  .faqSection .faq-heading h2 {
    margin-bottom: 32px;
  }
  .faqSection .container .accordions-wrapper .accordion.active {
    padding-bottom: 24px;
  }
  .faqSection .container .accordions-wrapper .accordion.active .accordion-header {
    padding-bottom: 16px;
  }
  .faqSection .container .accordions-wrapper .accordion .accordion-header {
    gap: 30px;
    padding: 28px 80px;
  }
  .faqSection .container .accordions-wrapper .accordion .accordion-header .accordian-icon-wrapper {
    padding: 12px;
  }
  .faqSection .container .accordions-wrapper .accordion .accordion-header .accordian-icon-wrapper .accordion-icon {
    width: 20px;
    height: 20px;
  }
  .faqSection .container .accordions-wrapper .accordion .accordion-header .accordian-icon-wrapper .accordion-icon::after {
    width: 2px;
  }
  .faqSection .container .accordions-wrapper .accordion .accordion-header .accordian-icon-wrapper .accordion-icon::before {
    height: 2px;
  }
  .faqSection .container .accordions-wrapper .accordion .accordion-body {
    padding: 0px 154px;
  }
  .faqSection .container .toggleCta {
    margin-top: 36px;
  }
}
@media all and (max-width: 1024px) {
  .faqSection .faq-heading h2 {
    margin-bottom: 30px;
    padding: 0px 60px;
  }
  .faqSection .container .accordions-wrapper .accordion.active {
    padding-bottom: 22px;
  }
  .faqSection .container .accordions-wrapper .accordion.active .accordion-header {
    padding-bottom: 15px;
  }
  .faqSection .container .accordions-wrapper .accordion .accordion-header {
    gap: 20px;
    padding: 24px 60px;
  }
  .faqSection .container .accordions-wrapper .accordion .accordion-header .accordian-icon-wrapper {
    padding: 12px;
  }
  .faqSection .container .accordions-wrapper .accordion .accordion-header .accordian-icon-wrapper .accordion-icon {
    width: 20px;
    height: 20px;
  }
  .faqSection .container .accordions-wrapper .accordion .accordion-body {
    padding: 0px 124px;
  }
}
@media all and (max-width: 820px) {
  .faqSection .faq-heading h2 {
    padding: 0px 40px;
  }
  .faqSection .container .accordions-wrapper .accordion .accordion-header {
    padding: 24px 40px;
  }
  .faqSection .container .accordions-wrapper .accordion .accordion-body {
    padding: 0px 104px;
  }
}
@media all and (max-width: 680px) {
  .faqSection {
    margin-bottom: 100px;
  }
  .faqSection .faq-heading h2 {
    padding: 0 20px;
    margin-bottom: 29px;
    font-size: 24px;
    line-height: 40px;
    letter-spacing: -2%;
  }
  .faqSection .container .accordions-wrapper .accordion.active {
    padding-bottom: 14px;
  }
  .faqSection .container .accordions-wrapper .accordion.active .accordion-header {
    padding-bottom: 16px;
  }
  .faqSection .container .accordions-wrapper .accordion .accordion-header {
    gap: 12px;
    padding: 20px;
    align-items: start;
  }
  .faqSection .container .accordions-wrapper .accordion .accordion-header h4 {
    font-weight: 400;
    font-size: 16px;
    line-height: 28px;
    width: 100%;
    order: 1;
  }
  .faqSection .container .accordions-wrapper .accordion .accordion-header .accordian-icon-wrapper {
    order: 2;
    padding: 9px;
  }
  .faqSection .container .accordions-wrapper .accordion .accordion-header .accordian-icon-wrapper .accordion-icon {
    width: 13px;
    height: 13px;
  }
  .faqSection .container .accordions-wrapper .accordion .accordion-body {
    transition: 0.5s all ease-in-out;
    max-height: 0;
    overflow: hidden;
    width: 95%;
    padding: 0px 52px 0px 20px;
  }
  .faqSection .container .accordions-wrapper .accordion .accordion-body p {
    font-size: 12px;
    color: #4B4B4B;
  }
}

body {
  overflow-x: hidden;
}

.careerBannerSection {
  margin: 172px 0px 120px;
}
.careerBannerSection .careerSectionWrapper {
  padding-left: 120px;
  padding-right: 120px;
}
@media screen and (max-width: 1600px) {
  .careerBannerSection .careerSectionWrapper {
    padding-left: 90px;
    padding-right: 90px;
  }
}
@media screen and (max-width: 1440px) {
  .careerBannerSection .careerSectionWrapper {
    padding-left: 80px;
    padding-right: 80px;
  }
}
@media screen and (max-width: 1024px) {
  .careerBannerSection .careerSectionWrapper {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media screen and (max-width: 680px) {
  .careerBannerSection .careerSectionWrapper {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.careerBannerSection .careerSectionWrapper .secHeading {
  margin-bottom: 60px;
}
.careerBannerSection .careerSectionWrapper .secHeading h1 {
  color: #1E1E1E;
  font-family: "termina", sans-serif;
  font-size: 60px;
  font-weight: 600;
  line-height: 120%;
  text-transform: uppercase;
}
@media screen and (max-width: 1600px) {
  .careerBannerSection .careerSectionWrapper .secHeading h1 {
    font-size: 50px;
  }
}
@media screen and (max-width: 1440px) {
  .careerBannerSection .careerSectionWrapper .secHeading h1 {
    font-size: 44px;
  }
}
@media screen and (max-width: 1280px) {
  .careerBannerSection .careerSectionWrapper .secHeading h1 {
    font-size: 36px;
  }
}
@media screen and (max-width: 1024px) {
  .careerBannerSection .careerSectionWrapper .secHeading h1 {
    font-size: 32px;
  }
}
@media screen and (max-width: 720px) {
  .careerBannerSection .careerSectionWrapper .secHeading h1 {
    font-size: 28px;
  }
}
.careerBannerSection .careerSectionWrapper .secHeading p {
  width: 80%;
  margin: 20px 0 36px;
  color: #1E1E1E;
  font-size: 24px;
  line-height: 166%;
}
@media screen and (max-width: 1600px) {
  .careerBannerSection .careerSectionWrapper .secHeading p {
    font-size: 20px;
  }
}
@media screen and (max-width: 1440px) {
  .careerBannerSection .careerSectionWrapper .secHeading p {
    font-size: 16px;
  }
}
.careerBannerSection .careerSectionWrapper .careerBannerImg img {
  display: block;
  object-fit: cover;
}
.careerBannerSection .careerSectionWrapper .careerBannerImg img.mblBanner {
  display: none;
}
@media all and (max-width: 1800px) {
  .careerBannerSection {
    margin-top: 165px;
  }
  .careerBannerSection .careerSectionWrapper .secHeading {
    margin-bottom: 55px;
  }
  .careerBannerSection .careerSectionWrapper .secHeading p {
    margin: 20px 0 34px;
  }
}
@media all and (max-width: 1600px) {
  .careerBannerSection {
    margin: 150px 0 110px;
  }
  .careerBannerSection .careerSectionWrapper .secHeading {
    margin-bottom: 50px;
  }
  .careerBannerSection .careerSectionWrapper .secHeading p {
    margin: 18px 0 32px;
  }
}
@media all and (max-width: 1440px) {
  .careerBannerSection {
    margin: 120px 0 100px;
  }
  .careerBannerSection .careerSectionWrapper .secHeading {
    margin-bottom: 45px;
  }
  .careerBannerSection .careerSectionWrapper .secHeading p {
    margin: 16px 0 30px;
  }
}
@media all and (max-width: 1280px) {
  .careerBannerSection {
    margin: 100px 0;
  }
  .careerBannerSection .careerSectionWrapper .secHeading {
    margin-bottom: 40px;
  }
  .careerBannerSection .careerSectionWrapper .secHeading p {
    margin: 14px 0 25px;
  }
}
@media all and (max-width: 820px) {
  .careerBannerSection {
    margin-bottom: 72px;
  }
  .careerBannerSection .careerSectionWrapper .secHeading {
    margin-bottom: 36px;
  }
  .careerBannerSection .careerSectionWrapper .secHeading p {
    margin: 16px 0 24px;
  }
  .careerBannerSection .careerSectionWrapper .careerBannerImg img {
    width: 100%;
  }
  .careerBannerSection .careerSectionWrapper .careerBannerImg img.desktopBanner {
    display: none;
  }
  .careerBannerSection .careerSectionWrapper .careerBannerImg img.mblBanner {
    display: block;
  }
}
@media all and (max-width: 720px) {
  .careerBannerSection .careerSectionWrapper .secHeading h1 {
    font-size: 36px;
    line-height: 133%;
  }
  .careerBannerSection .careerSectionWrapper .secHeading p {
    width: 100%;
    font-size: 16px;
    line-height: 175%;
  }
}

.careerTeamSection {
  margin-bottom: 200px;
}
@media screen and (max-width: 1800px) {
  .careerTeamSection {
    margin-bottom: 180px;
  }
}
@media screen and (max-width: 1600px) {
  .careerTeamSection {
    margin-bottom: 150px;
  }
}
@media screen and (max-width: 1440px) {
  .careerTeamSection {
    margin-bottom: 120px;
  }
}
@media screen and (max-width: 1024px) {
  .careerTeamSection {
    margin-bottom: 100px;
  }
}
@media screen and (max-width: 768px) {
  .careerTeamSection {
    margin-bottom: 72px;
  }
}
.careerTeamSection .careerSectionWrapper {
  padding-top: 66px;
  padding-bottom: 66px;
  padding-left: 120px;
  padding-right: 120px;
  background: #F2F3F3;
}
@media screen and (max-width: 1600px) {
  .careerTeamSection .careerSectionWrapper {
    padding-left: 90px;
    padding-right: 90px;
  }
}
@media screen and (max-width: 1440px) {
  .careerTeamSection .careerSectionWrapper {
    padding-left: 80px;
    padding-right: 80px;
  }
}
@media screen and (max-width: 1024px) {
  .careerTeamSection .careerSectionWrapper {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media screen and (max-width: 680px) {
  .careerTeamSection .careerSectionWrapper {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.careerTeamSection .careerSectionWrapper .secHeading {
  margin-bottom: 66px;
}
.careerTeamSection .careerSectionWrapper .secHeading h2 {
  color: #1E1E1E;
  font-family: "termina", sans-serif;
  font-weight: 700;
  font-size: 48px;
  line-height: 134%;
  text-transform: uppercase;
  margin-bottom: 20px;
}
@media screen and (max-width: 1600px) {
  .careerTeamSection .careerSectionWrapper .secHeading h2 {
    font-size: 40px;
  }
}
@media screen and (max-width: 1440px) {
  .careerTeamSection .careerSectionWrapper .secHeading h2 {
    font-size: 36px;
  }
}
@media screen and (max-width: 820px) {
  .careerTeamSection .careerSectionWrapper .secHeading h2 {
    font-size: 30px;
  }
}
@media screen and (max-width: 720px) {
  .careerTeamSection .careerSectionWrapper .secHeading h2 {
    font-size: 24px;
  }
}
.careerTeamSection .careerSectionWrapper .secHeading p {
  color: #1E1E1E;
  font-size: 24px;
  line-height: 134%;
}
@media screen and (max-width: 1600px) {
  .careerTeamSection .careerSectionWrapper .secHeading p {
    font-size: 20px;
  }
}
@media screen and (max-width: 1440px) {
  .careerTeamSection .careerSectionWrapper .secHeading p {
    font-size: 16px;
  }
}
.careerTeamSection .careerSectionWrapper .careerFilterSection {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 30px;
}
.careerTeamSection .careerSectionWrapper .careerFilterSection .selFilter {
  width: calc(75% - 30px);
  display: flex;
  align-items: center;
  gap: 30px;
}
.careerTeamSection .careerSectionWrapper .careerFilterSection .selFilter .customSelect {
  position: relative;
  width: calc(33.33% - 15px);
}
.careerTeamSection .careerSectionWrapper .careerFilterSection .selFilter .customSelect .selectBtn {
  width: 100%;
  background: transparent;
  display: flex;
  cursor: pointer;
  border-bottom: 1px solid #787878;
  padding: 14px 0px;
  position: relative;
  justify-content: space-between;
  align-items: center;
}
.careerTeamSection .careerSectionWrapper .careerFilterSection .selFilter .customSelect .selectBtn .sBtntext {
  color: #1E1E1E;
  font-size: 16px;
}
@media screen and (max-width: 1600px) {
  .careerTeamSection .careerSectionWrapper .careerFilterSection .selFilter .customSelect .selectBtn .sBtntext {
    font-size: 14px;
  }
}
@media screen and (max-width: 1440px) {
  .careerTeamSection .careerSectionWrapper .careerFilterSection .selFilter .customSelect .selectBtn .sBtntext {
    font-size: 12px;
  }
}
.careerTeamSection .careerSectionWrapper .careerFilterSection .selFilter .customSelect .selectBtn .fontellowDownArrow {
  font-size: 8px;
  transition: 0.5s all ease-in-out;
}
.careerTeamSection .careerSectionWrapper .careerFilterSection .selFilter .customSelect .options {
  position: absolute;
  width: 100%;
  overflow-y: auto;
  max-height: 295px;
  margin-top: 10px;
  display: none;
  background: #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  animation-name: fadeInDown;
  -webkit-animation-name: fadeInDown;
  animation-duration: 0.35s;
  animation-fill-mode: both;
  -webkit-animation-duration: 0.35s;
  -webkit-animation-fill-mode: both;
}
.careerTeamSection .careerSectionWrapper .careerFilterSection .selFilter .customSelect .options .option {
  display: flex;
  height: 55px;
  cursor: pointer;
  padding: 0 16px;
  align-items: center;
  background: #fff;
  font-size: 18px;
  font-size: 16px;
  text-align: left;
  color: #787878;
  border-bottom: 1px solid #CCCCCC;
}
@media screen and (max-width: 1600px) {
  .careerTeamSection .careerSectionWrapper .careerFilterSection .selFilter .customSelect .options .option {
    font-size: 14px;
  }
}
@media screen and (max-width: 1440px) {
  .careerTeamSection .careerSectionWrapper .careerFilterSection .selFilter .customSelect .options .option {
    font-size: 12px;
  }
}
.careerTeamSection .careerSectionWrapper .careerFilterSection .selFilter .customSelect .options .option:last-child {
  border: none;
}
.careerTeamSection .careerSectionWrapper .careerFilterSection .selFilter .customSelect .options::-webkit-scrollbar {
  width: 6px;
}
.careerTeamSection .careerSectionWrapper .careerFilterSection .selFilter .customSelect .options::-webkit-scrollbar-thumb {
  background-color: #787878;
  border-radius: 5px;
}
.careerTeamSection .careerSectionWrapper .careerFilterSection .selFilter .customSelect.active .selectBtn .fontellowDownArrow {
  transform: rotate(-180deg);
}
.careerTeamSection .careerSectionWrapper .careerFilterSection .selFilter .customSelect.active .options {
  display: block;
  opacity: 0;
  z-index: 10;
  animation-name: fadeInUp;
  -webkit-animation-name: fadeInUp;
  animation-duration: 0.4s;
  animation-fill-mode: both;
  -webkit-animation-duration: 0.4s;
  -webkit-animation-fill-mode: both;
}
.careerTeamSection .careerSectionWrapper .careerFilterSection .filterBtnContainer {
  width: 25%;
  display: flex;
  justify-content: flex-end;
  gap: 30px;
}
.careerTeamSection .careerSectionWrapper .careerFilterSection .filterBtnContainer button {
  font-family: "termina", sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 100%;
  letter-spacing: -0.64px;
  border-style: none;
  padding: 20px 32px;
  border-radius: 100px;
  cursor: pointer;
  transition: all 0.3s ease-out;
  position: relative;
  overflow: hidden;
  text-align: center;
  display: inline-block;
}
@media screen and (max-width: 1600px) {
  .careerTeamSection .careerSectionWrapper .careerFilterSection .filterBtnContainer button {
    font-size: 14px;
  }
}
@media screen and (max-width: 1440px) {
  .careerTeamSection .careerSectionWrapper .careerFilterSection .filterBtnContainer button {
    font-size: 12px;
  }
}
.careerTeamSection .careerSectionWrapper .careerFilterSection .filterBtnContainer button.ctaApplyFilter {
  color: #F5F75E;
  background: #1E1E1E;
}
.careerTeamSection .careerSectionWrapper .careerFilterSection .filterBtnContainer button.ctaClearFilter {
  color: #000;
  background: transparent;
  border: 1px solid #4B4B4B;
}
.careerTeamSection .careerSectionWrapperTwo .careerPositionBox {
  padding-left: 120px;
  padding-right: 120px;
  padding-top: 40px;
  padding-bottom: 40px;
  border-bottom: 1px solid #D8DBDC;
  background: transparent;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  transition: all 0.3s ease-in-out;
}
@media screen and (max-width: 1600px) {
  .careerTeamSection .careerSectionWrapperTwo .careerPositionBox {
    padding-left: 90px;
    padding-right: 90px;
  }
}
@media screen and (max-width: 1440px) {
  .careerTeamSection .careerSectionWrapperTwo .careerPositionBox {
    padding-left: 80px;
    padding-right: 80px;
  }
}
@media screen and (max-width: 1024px) {
  .careerTeamSection .careerSectionWrapperTwo .careerPositionBox {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media screen and (max-width: 680px) {
  .careerTeamSection .careerSectionWrapperTwo .careerPositionBox {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.careerTeamSection .careerSectionWrapperTwo .careerPositionBox .subBoxContent h3 {
  color: #1E1E1E;
  font-family: "termina", sans-serif;
  font-size: 32px;
  font-weight: 600;
  line-height: 113%;
  margin-bottom: 24px;
}
@media screen and (max-width: 1800px) {
  .careerTeamSection .careerSectionWrapperTwo .careerPositionBox .subBoxContent h3 {
    font-size: 30px;
  }
}
@media screen and (max-width: 1600px) {
  .careerTeamSection .careerSectionWrapperTwo .careerPositionBox .subBoxContent h3 {
    font-size: 26px;
  }
}
@media screen and (max-width: 1440px) {
  .careerTeamSection .careerSectionWrapperTwo .careerPositionBox .subBoxContent h3 {
    font-size: 22px;
  }
}
@media screen and (max-width: 1024px) {
  .careerTeamSection .careerSectionWrapperTwo .careerPositionBox .subBoxContent h3 {
    font-size: 18px;
  }
}
.careerTeamSection .careerSectionWrapperTwo .careerPositionBox .subBoxContent .posSubContent {
  display: flex;
  align-items: center;
  gap: 32px;
}
.careerTeamSection .careerSectionWrapperTwo .careerPositionBox .subBoxContent .posSubContent div {
  display: flex;
  align-items: center;
  gap: 8px;
}
.careerTeamSection .careerSectionWrapperTwo .careerPositionBox .subBoxContent .posSubContent div img {
  display: block;
  object-fit: cover;
}
.careerTeamSection .careerSectionWrapperTwo .careerPositionBox .subBoxContent .posSubContent div h4 {
  color: #1E1E1E;
  text-align: justify;
  font-size: 24px;
  line-height: 166%;
  font-weight: 400;
}
@media screen and (max-width: 1600px) {
  .careerTeamSection .careerSectionWrapperTwo .careerPositionBox .subBoxContent .posSubContent div h4 {
    font-size: 20px;
  }
}
@media screen and (max-width: 1440px) {
  .careerTeamSection .careerSectionWrapperTwo .careerPositionBox .subBoxContent .posSubContent div h4 {
    font-size: 16px;
  }
}
.careerTeamSection .careerSectionWrapperTwo .careerPositionBox .subBoxImg {
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease-in-out;
  width: 75px;
  height: 75px;
  border-radius: 100%;
  border: 1px solid #000;
  display: flex;
  align-items: center;
  justify-content: center;
}
.careerTeamSection .careerSectionWrapperTwo .careerPositionBox .subBoxImg .rotateRightArrow {
  font-size: 20px;
  transform: rotate(-45deg);
}
.careerTeamSection .careerSectionWrapperTwo .careerPositionBox:hover {
  background: #F5F75E;
}
.careerTeamSection .careerSectionWrapperTwo .careerPositionBox:hover .subBoxImg {
  opacity: 1;
  visibility: visible;
}
.careerTeamSection .careerSectionWrapperTwo .careerPositionBox:first-child {
  border-top: 1px solid #D8DBDC;
}
.careerTeamSection .dnfContainer {
  display: none;
  align-items: center;
  justify-content: center;
  margin: 180px auto;
  width: 35%;
}
.careerTeamSection .dnfContainer p {
  color: #8e8e8e;
  font-size: 28px;
  line-height: 134%;
  text-align: center;
}
@media screen and (max-width: 1600px) {
  .careerTeamSection .dnfContainer p {
    font-size: 22px;
  }
}
@media screen and (max-width: 1440px) {
  .careerTeamSection .dnfContainer p {
    font-size: 18px;
  }
}
@media screen and (max-width: 820px) {
  .careerTeamSection .dnfContainer p {
    font-size: 14px;
  }
}
@media all and (max-width: 1800px) {
  .careerTeamSection .careerSectionWrapper {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .careerTeamSection .careerSectionWrapper .secHeading {
    margin-bottom: 60px;
  }
  .careerTeamSection .careerSectionWrapperTwo .careerPositionBox {
    padding-top: 38px;
    padding-bottom: 38px;
  }
  .careerTeamSection .dnfContainer {
    width: 45%;
  }
}
@media all and (max-width: 1600px) {
  .careerTeamSection .careerSectionWrapper {
    padding-top: 55px;
    padding-bottom: 55px;
  }
  .careerTeamSection .careerSectionWrapper .secHeading {
    margin-bottom: 55px;
  }
  .careerTeamSection .careerSectionWrapper .careerFilterSection {
    gap: 25px;
  }
  .careerTeamSection .careerSectionWrapper .careerFilterSection .selFilter {
    width: calc(73% - 25px);
  }
  .careerTeamSection .careerSectionWrapper .careerFilterSection .filterBtnContainer {
    width: 27%;
  }
  .careerTeamSection .careerSectionWrapper .careerFilterSection .filterBtnContainer button {
    padding: 16px 32px;
  }
  .careerTeamSection .careerSectionWrapperTwo .careerPositionBox {
    padding-top: 36px;
    padding-bottom: 36px;
  }
  .careerTeamSection .careerSectionWrapperTwo .careerPositionBox .subBoxImg {
    width: 70px;
    height: 70px;
  }
  .careerTeamSection .dnfContainer {
    margin: 160px auto;
  }
}
@media all and (max-width: 1440px) {
  .careerTeamSection .careerSectionWrapper {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .careerTeamSection .careerSectionWrapper .secHeading {
    margin-bottom: 50px;
  }
  .careerTeamSection .careerSectionWrapper .careerFilterSection .filterBtnContainer button {
    padding: 14px 32px;
  }
  .careerTeamSection .careerSectionWrapperTwo .careerPositionBox {
    padding-top: 32px;
    padding-bottom: 32px;
  }
  .careerTeamSection .careerSectionWrapperTwo .careerPositionBox .subBoxImg {
    width: 60px;
    height: 60px;
  }
  .careerTeamSection .careerSectionWrapperTwo .careerPositionBox .subBoxContent h3 {
    margin-bottom: 20px;
  }
  .careerTeamSection .careerSectionWrapperTwo .careerPositionBox .subBoxContent .posSubContent {
    gap: 30px;
  }
  .careerTeamSection .dnfContainer {
    margin: 140px auto;
    width: 35%;
  }
}
@media all and (max-width: 1280px) {
  .careerTeamSection .careerSectionWrapper {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .careerTeamSection .careerSectionWrapper .secHeading {
    margin-bottom: 45px;
  }
  .careerTeamSection .careerSectionWrapper .careerFilterSection .selFilter {
    gap: 20px;
  }
  .careerTeamSection .careerSectionWrapper .careerFilterSection .selFilter .customSelect {
    width: calc(33.33% - 13px);
  }
  .careerTeamSection .careerSectionWrapper .careerFilterSection .filterBtnContainer {
    gap: 20px;
  }
  .careerTeamSection .careerSectionWrapper .careerFilterSection .filterBtnContainer button {
    padding: 14px 30px;
  }
  .careerTeamSection .careerSectionWrapperTwo .careerPositionBox {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .careerTeamSection .careerSectionWrapperTwo .careerPositionBox .subBoxContent .posSubContent {
    gap: 25px;
  }
  .careerTeamSection .dnfContainer {
    margin: 120px auto;
  }
}
@media all and (max-width: 1180px) {
  .careerTeamSection .careerSectionWrapper {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .careerTeamSection .careerSectionWrapper .secHeading {
    margin-bottom: 35px;
  }
  .careerTeamSection .careerSectionWrapper .careerFilterSection {
    flex-flow: column;
    align-items: flex-start;
    gap: 30px;
  }
  .careerTeamSection .careerSectionWrapper .careerFilterSection .selFilter {
    width: 100%;
  }
  .careerTeamSection .careerSectionWrapper .careerFilterSection .selFilter .customSelect {
    width: calc(33.33% - 13px);
  }
  .careerTeamSection .careerSectionWrapper .careerFilterSection .filterBtnContainer {
    gap: 20px;
    width: 100%;
    justify-content: flex-start;
  }
  .careerTeamSection .careerSectionWrapper .careerFilterSection .filterBtnContainer button {
    padding: 18px 32px;
    line-height: 15px;
    font-size: 14px;
  }
  .careerTeamSection .dnfContainer {
    margin: 100px auto;
    width: 50%;
  }
}
@media all and (max-width: 1024px) {
  .careerTeamSection .careerSectionWrapper .careerFilterSection .filterBtnContainer button {
    padding: 18px 32px;
    line-height: 100%;
    font-size: 14px;
  }
}
@media all and (max-width: 820px) {
  .careerTeamSection .careerSectionWrapper {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .careerTeamSection .careerSectionWrapper .secHeading {
    margin-bottom: 30px;
  }
  .careerTeamSection .careerSectionWrapper .secHeading h2 {
    margin-bottom: 16px;
  }
  .careerTeamSection .careerSectionWrapper .careerFilterSection {
    flex-flow: column;
    align-items: flex-start;
    gap: 30px;
  }
  .careerTeamSection .careerSectionWrapper .careerFilterSection .selFilter {
    width: 100%;
  }
  .careerTeamSection .careerSectionWrapper .careerFilterSection .selFilter .customSelect {
    width: calc(33.33% - 13px);
  }
  .careerTeamSection .careerSectionWrapper .careerFilterSection .filterBtnContainer {
    gap: 20px;
    width: 100%;
    justify-content: flex-start;
  }
  .careerTeamSection .careerSectionWrapper .careerFilterSection .filterBtnContainer button {
    line-height: normal !important;
  }
  .careerTeamSection .careerSectionWrapperTwo .careerPositionBox .subBoxContent h3 {
    margin-bottom: 16px;
  }
  .careerTeamSection .careerSectionWrapperTwo .careerPositionBox .subBoxImg {
    width: 55px;
    height: 55px;
  }
  .careerTeamSection .careerSectionWrapperTwo .careerPositionBox .subBoxImg .rotateRightArrow {
    font-size: 18px;
  }
}
@media all and (max-width: 720px) {
  .careerTeamSection .careerSectionWrapper {
    padding-top: 32px;
    padding-bottom: 32px;
  }
  .careerTeamSection .careerSectionWrapper .secHeading {
    margin-bottom: 36px;
  }
  .careerTeamSection .careerSectionWrapper .secHeading h2 {
    margin-bottom: 16px;
    font-size: 24px;
    line-height: 133%;
  }
  .careerTeamSection .careerSectionWrapper .secHeading p {
    font-size: 16px;
    line-height: 175%;
  }
  .careerTeamSection .careerSectionWrapper .careerFilterSection .selFilter {
    width: 100%;
    flex-flow: column;
    gap: 30px;
  }
  .careerTeamSection .careerSectionWrapper .careerFilterSection .selFilter .customSelect {
    width: 100%;
  }
  .careerTeamSection .careerSectionWrapper .careerFilterSection .selFilter .customSelect .selectBtn {
    padding: 12px 0;
  }
  .careerTeamSection .careerSectionWrapper .careerFilterSection .selFilter .customSelect .selectBtn .sBtntext {
    font-size: 12px;
    line-height: 150%;
  }
  .careerTeamSection .careerSectionWrapper .careerFilterSection .filterBtnContainer button {
    padding: 18px 32px;
    line-height: normal;
    font-size: 14px;
  }
  .careerTeamSection .careerSectionWrapperTwo .careerPositionBox {
    padding-top: 32px;
    padding-bottom: 32px;
  }
  .careerTeamSection .careerSectionWrapperTwo .careerPositionBox .subBoxContent h3 {
    margin-bottom: 12px;
    font-size: 20px;
    line-height: 140%;
  }
  .careerTeamSection .careerSectionWrapperTwo .careerPositionBox .subBoxContent .posSubContent {
    gap: 16px;
  }
  .careerTeamSection .careerSectionWrapperTwo .careerPositionBox .subBoxContent .posSubContent div {
    gap: 8px;
  }
  .careerTeamSection .careerSectionWrapperTwo .careerPositionBox .subBoxContent .posSubContent div img {
    width: 20px;
    height: 20px;
  }
  .careerTeamSection .careerSectionWrapperTwo .careerPositionBox .subBoxContent .posSubContent div h4 {
    font-size: 12px;
    line-height: 150%;
  }
  .careerTeamSection .careerSectionWrapperTwo .careerPositionBox:nth-child(even) {
    background: #F5F75E;
  }
  .careerTeamSection .careerSectionWrapperTwo .careerPositionBox:hover:nth-child(even) {
    background: #F5F75E;
  }
  .careerTeamSection .careerSectionWrapperTwo .careerPositionBox:hover:nth-child(odd) {
    background: #fff;
  }
  .careerTeamSection .careerSectionWrapperTwo .careerPositionBox:hover .subBoxImg {
    opacity: 1;
    visibility: visible;
  }
  .careerTeamSection .careerSectionWrapperTwo .careerPositionBox .subBoxImg {
    display: none;
  }
  .careerTeamSection .dnfContainer {
    margin: 80px auto;
    width: 90%;
  }
}
@media all and (max-width: 360px) {
  .careerTeamSection .careerSectionWrapper .careerFilterSection .filterBtnContainer button {
    padding: 18px 28px;
  }
}

.careerCVSection {
  margin-bottom: 200px;
  background: #F5F75E;
}
@media screen and (max-width: 1800px) {
  .careerCVSection {
    margin-bottom: 180px;
  }
}
@media screen and (max-width: 1600px) {
  .careerCVSection {
    margin-bottom: 150px;
  }
}
@media screen and (max-width: 1440px) {
  .careerCVSection {
    margin-bottom: 120px;
  }
}
@media screen and (max-width: 1024px) {
  .careerCVSection {
    margin-bottom: 100px;
  }
}
@media screen and (max-width: 768px) {
  .careerCVSection {
    margin-bottom: 72px;
  }
}
.careerCVSection .careerSectionWrapper {
  padding-left: 120px;
  padding-right: 120px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding-top: 72px;
  padding-bottom: 72px;
  border: 1px solid #BEC3C5;
}
@media screen and (max-width: 1600px) {
  .careerCVSection .careerSectionWrapper {
    padding-left: 90px;
    padding-right: 90px;
  }
}
@media screen and (max-width: 1440px) {
  .careerCVSection .careerSectionWrapper {
    padding-left: 80px;
    padding-right: 80px;
  }
}
@media screen and (max-width: 1024px) {
  .careerCVSection .careerSectionWrapper {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media screen and (max-width: 680px) {
  .careerCVSection .careerSectionWrapper {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.careerCVSection .careerSectionWrapper h2 {
  font-family: "termina", sans-serif;
  text-transform: uppercase;
  font-size: 48px;
  font-weight: 700;
  line-height: 134%;
  text-align: center;
  color: #1E1E1E;
}
@media screen and (max-width: 1600px) {
  .careerCVSection .careerSectionWrapper h2 {
    font-size: 40px;
  }
}
@media screen and (max-width: 1440px) {
  .careerCVSection .careerSectionWrapper h2 {
    font-size: 36px;
  }
}
@media screen and (max-width: 820px) {
  .careerCVSection .careerSectionWrapper h2 {
    font-size: 30px;
  }
}
@media screen and (max-width: 720px) {
  .careerCVSection .careerSectionWrapper h2 {
    font-size: 24px;
  }
}
.careerCVSection .careerSectionWrapper p {
  color: #1E1E1E;
  text-align: center;
  font-size: 24px;
  line-height: 167%;
  margin: 20px 0 52px;
}
@media screen and (max-width: 1600px) {
  .careerCVSection .careerSectionWrapper p {
    font-size: 20px;
  }
}
@media screen and (max-width: 1440px) {
  .careerCVSection .careerSectionWrapper p {
    font-size: 16px;
  }
}
@media all and (max-width: 1800px) {
  .careerCVSection .careerSectionWrapper {
    padding-top: 70px;
    padding-bottom: 70px;
  }
}
@media all and (max-width: 1600px) {
  .careerCVSection .careerSectionWrapper p {
    margin: 20px 0 50px;
  }
}
@media all and (max-width: 1440px) {
  .careerCVSection .careerSectionWrapper {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .careerCVSection .careerSectionWrapper p {
    margin: 20px 0 45px;
  }
}
@media all and (max-width: 1280px) {
  .careerCVSection .careerSectionWrapper {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .careerCVSection .careerSectionWrapper p {
    margin: 20px 0 40px;
  }
}
@media all and (max-width: 820px) {
  .careerCVSection .careerSectionWrapper p {
    margin: 16px 0 36px;
  }
}
@media all and (max-width: 720px) {
  .careerCVSection .careerSectionWrapper {
    align-items: flex-start;
  }
  .careerCVSection .careerSectionWrapper h2 {
    text-align: left;
    font-size: 20px;
    line-height: 140%;
  }
  .careerCVSection .careerSectionWrapper p {
    text-align: left;
    font-size: 12px;
    line-height: 150%;
    margin-top: 12px;
  }
}

.careerHiringSection {
  margin-bottom: 200px;
}
@media screen and (max-width: 1800px) {
  .careerHiringSection {
    margin-bottom: 180px;
  }
}
@media screen and (max-width: 1600px) {
  .careerHiringSection {
    margin-bottom: 150px;
  }
}
@media screen and (max-width: 1440px) {
  .careerHiringSection {
    margin-bottom: 120px;
  }
}
@media screen and (max-width: 1024px) {
  .careerHiringSection {
    margin-bottom: 100px;
  }
}
@media screen and (max-width: 768px) {
  .careerHiringSection {
    margin-bottom: 72px;
  }
}
.careerHiringSection .careerSectionWrapper .secHeading {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 24px;
  margin-bottom: 66px;
  padding-left: 120px;
  padding-right: 120px;
}
@media screen and (max-width: 1600px) {
  .careerHiringSection .careerSectionWrapper .secHeading {
    padding-left: 90px;
    padding-right: 90px;
  }
}
@media screen and (max-width: 1440px) {
  .careerHiringSection .careerSectionWrapper .secHeading {
    padding-left: 80px;
    padding-right: 80px;
  }
}
@media screen and (max-width: 1024px) {
  .careerHiringSection .careerSectionWrapper .secHeading {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media screen and (max-width: 680px) {
  .careerHiringSection .careerSectionWrapper .secHeading {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.careerHiringSection .careerSectionWrapper .secHeading h2 {
  color: #1E1E1E;
  font-family: "termina", sans-serif;
  font-size: 48px;
  font-weight: 700;
  line-height: 134%;
  text-transform: uppercase;
}
@media screen and (max-width: 1600px) {
  .careerHiringSection .careerSectionWrapper .secHeading h2 {
    font-size: 40px;
  }
}
@media screen and (max-width: 1440px) {
  .careerHiringSection .careerSectionWrapper .secHeading h2 {
    font-size: 36px;
  }
}
@media screen and (max-width: 820px) {
  .careerHiringSection .careerSectionWrapper .secHeading h2 {
    font-size: 30px;
  }
}
@media screen and (max-width: 720px) {
  .careerHiringSection .careerSectionWrapper .secHeading h2 {
    font-size: 24px;
  }
}
.careerHiringSection .careerSectionWrapper .secHeading p {
  width: 65%;
  color: #1E1E1E;
  text-align: center;
  font-size: 24px;
  line-height: 167%;
}
@media screen and (max-width: 1600px) {
  .careerHiringSection .careerSectionWrapper .secHeading p {
    font-size: 20px;
  }
}
@media screen and (max-width: 1440px) {
  .careerHiringSection .careerSectionWrapper .secHeading p {
    font-size: 16px;
  }
}
.careerHiringSection .careerSectionWrapper .hiringProcessContainer {
  display: flex;
}
.careerHiringSection .careerSectionWrapper .hiringProcessContainer .hiringProcessBox {
  width: 33.33%;
  display: flex;
  flex-direction: column;
  align-items: center;
  background: transparent;
  padding: 100px 56px 110px;
  cursor: default;
  transition: all 0.3s ease-in-out;
}
.careerHiringSection .careerSectionWrapper .hiringProcessContainer .hiringProcessBox .logoBox {
  border: 1px solid #1E1E1E;
  border-radius: 100%;
  width: 250px;
  height: 250px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.careerHiringSection .careerSectionWrapper .hiringProcessContainer .hiringProcessBox .logoBox img {
  width: 100%;
  display: block;
  object-fit: cover;
}
.careerHiringSection .careerSectionWrapper .hiringProcessContainer .hiringProcessBox .contentBox {
  display: flex;
  flex-flow: column;
  align-items: center;
}
.careerHiringSection .careerSectionWrapper .hiringProcessContainer .hiringProcessBox .contentBox .boxNumber {
  width: 50px;
  height: 50px;
  line-height: 120%;
  padding: 12px;
  box-sizing: border-box;
  color: #F5F75E;
  font-family: "termina", sans-serif;
  font-size: 28px;
  font-weight: 600;
  border-radius: 100%;
  background: #1E1E1E;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 74px 0px 28px;
}
@media screen and (max-width: 1600px) {
  .careerHiringSection .careerSectionWrapper .hiringProcessContainer .hiringProcessBox .contentBox .boxNumber {
    font-size: 22px;
  }
}
@media screen and (max-width: 1440px) {
  .careerHiringSection .careerSectionWrapper .hiringProcessContainer .hiringProcessBox .contentBox .boxNumber {
    font-size: 18px;
  }
}
@media screen and (max-width: 820px) {
  .careerHiringSection .careerSectionWrapper .hiringProcessContainer .hiringProcessBox .contentBox .boxNumber {
    font-size: 14px;
  }
}
.careerHiringSection .careerSectionWrapper .hiringProcessContainer .hiringProcessBox .contentBox .subHeadings h3 {
  color: #1E1E1E;
  font-family: "termina", sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 134%;
  margin-bottom: 10px;
  text-align: center;
}
@media screen and (max-width: 1600px) {
  .careerHiringSection .careerSectionWrapper .hiringProcessContainer .hiringProcessBox .contentBox .subHeadings h3 {
    font-size: 20px;
  }
}
@media screen and (max-width: 1440px) {
  .careerHiringSection .careerSectionWrapper .hiringProcessContainer .hiringProcessBox .contentBox .subHeadings h3 {
    font-size: 16px;
  }
}
.careerHiringSection .careerSectionWrapper .hiringProcessContainer .hiringProcessBox .contentBox .subHeadings h6 {
  font-size: 20px;
  line-height: 160%;
  text-align: center;
  visibility: hidden;
  opacity: 0;
  transition: all 0.3s ease-in-out;
  font-weight: 400;
}
@media screen and (max-width: 1600px) {
  .careerHiringSection .careerSectionWrapper .hiringProcessContainer .hiringProcessBox .contentBox .subHeadings h6 {
    font-size: 18px;
  }
}
@media screen and (max-width: 1440px) {
  .careerHiringSection .careerSectionWrapper .hiringProcessContainer .hiringProcessBox .contentBox .subHeadings h6 {
    font-size: 16px;
  }
}
@media screen and (max-width: 720px) {
  .careerHiringSection .careerSectionWrapper .hiringProcessContainer .hiringProcessBox .contentBox .subHeadings h6 {
    font-size: 12px;
  }
}
.careerHiringSection .careerSectionWrapper .hiringProcessContainer .hiringProcessBox:hover {
  background: #F5F75E;
}
.careerHiringSection .careerSectionWrapper .hiringProcessContainer .hiringProcessBox:hover .contentBox .subHeadings h6 {
  visibility: visible;
  opacity: 1;
}
@media all and (max-width: 1800px) {
  .careerHiringSection .careerSectionWrapper .secHeading {
    margin-bottom: 60px;
  }
  .careerHiringSection .careerSectionWrapper .hiringProcessContainer .hiringProcessBox {
    padding: 90px 50px 100px;
  }
  .careerHiringSection .careerSectionWrapper .hiringProcessContainer .hiringProcessBox .logoBox {
    width: 240px;
    height: 240px;
  }
}
@media all and (max-width: 1600px) {
  .careerHiringSection .careerSectionWrapper .secHeading {
    margin-bottom: 55px;
  }
  .careerHiringSection .careerSectionWrapper .hiringProcessContainer .hiringProcessBox {
    padding: 80px 45px 90px;
  }
  .careerHiringSection .careerSectionWrapper .hiringProcessContainer .hiringProcessBox .logoBox {
    width: 220px;
    height: 220px;
  }
  .careerHiringSection .careerSectionWrapper .hiringProcessContainer .hiringProcessBox .contentBox .boxNumber {
    margin: 70px 0 25px;
  }
}
@media all and (max-width: 1440px) {
  .careerHiringSection .careerSectionWrapper .secHeading {
    margin-bottom: 50px;
  }
  .careerHiringSection .careerSectionWrapper .hiringProcessContainer .hiringProcessBox {
    padding: 60px 40px 80px;
  }
  .careerHiringSection .careerSectionWrapper .hiringProcessContainer .hiringProcessBox .logoBox {
    width: 200px;
    height: 200px;
  }
  .careerHiringSection .careerSectionWrapper .hiringProcessContainer .hiringProcessBox .contentBox .boxNumber {
    margin: 60px 0 25px;
    width: 40px;
    height: 40px;
  }
}
@media (width: 1366px) and (height: 1024px) {
  .careerHiringSection .careerSectionWrapper .hiringProcessContainer .hiringProcessBox:nth-child(odd) {
    background: #F5F75E;
  }
  .careerHiringSection .careerSectionWrapper .hiringProcessContainer .hiringProcessBox:nth-child(even) {
    background: #fff;
  }
  .careerHiringSection .careerSectionWrapper .hiringProcessContainer .hiringProcessBox .contentBox .subHeadings h6 {
    opacity: 1;
    visibility: visible;
  }
}
@media all and (max-width: 1280px) {
  .careerHiringSection .careerSectionWrapper .hiringProcessContainer .hiringProcessBox {
    padding: 50px 40px 70px;
  }
  .careerHiringSection .careerSectionWrapper .hiringProcessContainer .hiringProcessBox .contentBox .boxNumber {
    margin: 60px 0 25px;
    width: 40px;
    height: 40px;
  }
}
@media all and (max-width: 1180px) {
  .careerHiringSection .careerSectionWrapper .hiringProcessContainer .hiringProcessBox:nth-child(odd) {
    background: #F5F75E;
  }
  .careerHiringSection .careerSectionWrapper .hiringProcessContainer .hiringProcessBox:nth-child(even) {
    background: #fff;
  }
  .careerHiringSection .careerSectionWrapper .hiringProcessContainer .hiringProcessBox .contentBox .subHeadings h6 {
    opacity: 1;
    visibility: visible;
  }
}
@media all and (max-width: 1024px) {
  .careerHiringSection .careerSectionWrapper .hiringProcessContainer .hiringProcessBox {
    padding: 40px 30px;
  }
  .careerHiringSection .careerSectionWrapper .hiringProcessContainer .hiringProcessBox .logoBox {
    width: 180px;
    height: 180px;
  }
  .careerHiringSection .careerSectionWrapper .hiringProcessContainer .hiringProcessBox .contentBox .boxNumber {
    margin: 50px 0 20px;
    width: 40px;
    height: 40px;
  }
}
@media all and (max-width: 820px) {
  .careerHiringSection .careerSectionWrapper .hiringProcessContainer {
    flex-flow: column;
  }
  .careerHiringSection .careerSectionWrapper .hiringProcessContainer .hiringProcessBox {
    padding: 40px;
    width: 100%;
    gap: 20px;
    align-items: flex-start;
    position: sticky;
    top: 0;
  }
  .careerHiringSection .careerSectionWrapper .hiringProcessContainer .hiringProcessBox .logoBox {
    width: 150px;
    height: 150px;
  }
  .careerHiringSection .careerSectionWrapper .hiringProcessContainer .hiringProcessBox .contentBox {
    flex-flow: row;
    gap: 15px;
    width: 100%;
    align-items: flex-start;
  }
  .careerHiringSection .careerSectionWrapper .hiringProcessContainer .hiringProcessBox .contentBox .boxNumber {
    margin: 0;
    width: 30px;
    height: 30px;
  }
  .careerHiringSection .careerSectionWrapper .hiringProcessContainer .hiringProcessBox .contentBox .subHeadings {
    width: calc(100% - 50px);
  }
  .careerHiringSection .careerSectionWrapper .hiringProcessContainer .hiringProcessBox .contentBox .subHeadings h3 {
    text-align: left;
  }
  .careerHiringSection .careerSectionWrapper .hiringProcessContainer .hiringProcessBox .contentBox .subHeadings h6 {
    text-align: left;
  }
}
@media all and (max-width: 720px) {
  .careerHiringSection .careerSectionWrapper .secHeading {
    align-items: flex-start;
    gap: 16px;
    margin-bottom: 24px;
  }
  .careerHiringSection .careerSectionWrapper .secHeading h2 {
    font-size: 24px;
    line-height: 133%;
  }
  .careerHiringSection .careerSectionWrapper .secHeading p {
    font-size: 12px;
    line-height: 150%;
    text-align: left;
    width: 100%;
  }
  .careerHiringSection .careerSectionWrapper .hiringProcessContainer {
    flex-flow: column;
  }
  .careerHiringSection .careerSectionWrapper .hiringProcessContainer .hiringProcessBox {
    padding: 48px 36px;
    width: 100%;
    gap: 20px;
    align-items: flex-start;
    position: sticky;
    top: 0;
  }
  .careerHiringSection .careerSectionWrapper .hiringProcessContainer .hiringProcessBox .logoBox {
    width: 120px;
    height: 120px;
  }
  .careerHiringSection .careerSectionWrapper .hiringProcessContainer .hiringProcessBox .contentBox {
    flex-flow: row;
    gap: 15px;
    width: 100%;
    align-items: flex-start;
  }
  .careerHiringSection .careerSectionWrapper .hiringProcessContainer .hiringProcessBox .contentBox .boxNumber {
    margin: 0;
    width: 30px;
    height: 30px;
  }
  .careerHiringSection .careerSectionWrapper .hiringProcessContainer .hiringProcessBox .contentBox .subHeadings {
    width: calc(100% - 50px);
  }
  .careerHiringSection .careerSectionWrapper .hiringProcessContainer .hiringProcessBox .contentBox .subHeadings h3 {
    text-align: left;
    font-size: 16px;
    line-height: 175%;
  }
  .careerHiringSection .careerSectionWrapper .hiringProcessContainer .hiringProcessBox .contentBox .subHeadings h6 {
    text-align: left;
    font-size: 12px;
    line-height: 150%;
  }
  .careerHiringSection .careerSectionWrapper .hiringProcessContainer .hiringProcessBox:nth-child(odd) {
    background: #F5F75E;
  }
  .careerHiringSection .careerSectionWrapper .hiringProcessContainer .hiringProcessBox:nth-child(even) {
    background: #fff;
  }
}

.careerWallSection {
  margin-bottom: 200px;
}
@media screen and (max-width: 1800px) {
  .careerWallSection {
    margin-bottom: 180px;
  }
}
@media screen and (max-width: 1600px) {
  .careerWallSection {
    margin-bottom: 150px;
  }
}
@media screen and (max-width: 1440px) {
  .careerWallSection {
    margin-bottom: 120px;
  }
}
@media screen and (max-width: 1024px) {
  .careerWallSection {
    margin-bottom: 100px;
  }
}
@media screen and (max-width: 768px) {
  .careerWallSection {
    margin-bottom: 72px;
  }
}
.careerWallSection .careerSectionWrapper {
  padding-left: 120px;
  padding-right: 120px;
}
@media screen and (max-width: 1600px) {
  .careerWallSection .careerSectionWrapper {
    padding-left: 90px;
    padding-right: 90px;
  }
}
@media screen and (max-width: 1440px) {
  .careerWallSection .careerSectionWrapper {
    padding-left: 80px;
    padding-right: 80px;
  }
}
@media screen and (max-width: 1024px) {
  .careerWallSection .careerSectionWrapper {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media screen and (max-width: 680px) {
  .careerWallSection .careerSectionWrapper {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.careerWallSection .careerSectionWrapper .secHeading {
  margin-bottom: 64px;
}
.careerWallSection .careerSectionWrapper .secHeading h2 {
  color: #1E1E1E;
  text-align: center;
  font-family: "termina", sans-serif;
  font-size: 80px;
  font-weight: 700;
  line-height: 138%;
}
@media screen and (max-width: 1800px) {
  .careerWallSection .careerSectionWrapper .secHeading h2 {
    font-size: 72px;
  }
}
@media screen and (max-width: 1600px) {
  .careerWallSection .careerSectionWrapper .secHeading h2 {
    font-size: 64px;
  }
}
@media screen and (max-width: 1440px) {
  .careerWallSection .careerSectionWrapper .secHeading h2 {
    font-size: 48px;
  }
}
@media screen and (max-width: 1024px) {
  .careerWallSection .careerSectionWrapper .secHeading h2 {
    font-size: 38px;
  }
}
@media screen and (max-width: 720px) {
  .careerWallSection .careerSectionWrapper .secHeading h2 {
    font-size: 36px;
  }
}
.careerWallSection .careerSectionWrapper .evertaWallContainer {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 0px 160px;
  gap: 20px;
}
.careerWallSection .careerSectionWrapper .evertaWallContainer .wallImgBoxContainer {
  display: flex;
  flex-direction: column;
  width: calc(33.33% - 13px);
}
.careerWallSection .careerSectionWrapper .evertaWallContainer .wallImgBoxContainer .wallImgBox {
  padding: 16px 8px;
  position: relative;
}
.careerWallSection .careerSectionWrapper .evertaWallContainer .wallImgBoxContainer .wallImgBox img {
  display: block;
  object-fit: cover;
  width: 100%;
  transition: all 0.5s ease-in-out;
}
.careerWallSection .careerSectionWrapper .evertaWallContainer .wallImgBoxContainer .wallImgBox img.mblWall {
  display: none;
}
.careerWallSection .careerSectionWrapper .evertaWallContainer .wallImgBoxContainer .wallImgBox .wallTapeBox {
  position: absolute;
  left: 0;
  top: -6%;
  width: 35%;
}
.careerWallSection .careerSectionWrapper .evertaWallContainer .wallImgBoxContainer .wallImgBox .wallTapeBox img {
  display: block;
  object-fit: cover;
  width: 100%;
}
.careerWallSection .careerSectionWrapper .evertaWallContainer .wallImgBoxContainer:nth-child(1) .wallImgBox:first-child img {
  transform: rotate(-10deg);
}
.careerWallSection .careerSectionWrapper .evertaWallContainer .wallImgBoxContainer:nth-child(1) .wallImgBox:last-child {
  border: 4px dashed #006E50;
}
.careerWallSection .careerSectionWrapper .evertaWallContainer .wallImgBoxContainer:nth-child(1) .wallImgBox:last-child img {
  transform: rotate(10deg);
}
.careerWallSection .careerSectionWrapper .evertaWallContainer .wallImgBoxContainer:nth-child(2) .wallImgBox {
  border: 6px dashed #F5F75E;
  padding: 3px;
}
.careerWallSection .careerSectionWrapper .evertaWallContainer .wallImgBoxContainer:nth-child(2) .wallImgBox img {
  transform: rotate(10deg);
}
.careerWallSection .careerSectionWrapper .evertaWallContainer .wallImgBoxContainer:nth-child(2) .wallImgBox img.mblWall {
  display: none;
}
.careerWallSection .careerSectionWrapper .evertaWallContainer .wallImgBoxContainer:nth-child(3) .wallImgBox:first-child {
  border: 4px dashed #006E50;
}
.careerWallSection .careerSectionWrapper .evertaWallContainer .wallImgBoxContainer:nth-child(3) .wallImgBox:first-child img {
  transform: rotate(-10deg);
}
.careerWallSection .careerSectionWrapper .evertaWallContainer .wallImgBoxContainer:nth-child(3) .wallImgBox:first-child img.mblWall {
  display: none;
}
.careerWallSection .careerSectionWrapper .evertaWallContainer .wallImgBoxContainer:nth-child(3) .wallImgBox:last-child img {
  transform: rotate(-10deg);
}
.careerWallSection .careerSectionWrapper .evertaWallContainer.resetImage .wallImgBoxContainer .wallImgBox img {
  transform: rotate(0deg) !important;
}
@media all and (max-width: 1800px) {
  .careerWallSection .careerSectionWrapper .evertaWallContainer {
    padding: 0 140px;
  }
  .careerWallSection .careerSectionWrapper .evertaWallContainer .wallImgBoxContainer .wallImgBox {
    padding: 14px 8px;
  }
}
@media all and (max-width: 1600px) {
  .careerWallSection .careerSectionWrapper .secHeading {
    margin-bottom: 60px;
  }
  .careerWallSection .careerSectionWrapper .evertaWallContainer {
    padding: 0 120px;
  }
  .careerWallSection .careerSectionWrapper .evertaWallContainer .wallImgBoxContainer .wallImgBox {
    padding: 14px 8px;
  }
}
@media all and (max-width: 1440px) {
  .careerWallSection .careerSectionWrapper .secHeading {
    margin-bottom: 55px;
  }
  .careerWallSection .careerSectionWrapper .evertaWallContainer {
    padding: 0 100px;
    gap: 16px;
  }
  .careerWallSection .careerSectionWrapper .evertaWallContainer .wallImgBoxContainer {
    width: calc(33.33% - 10px);
  }
  .careerWallSection .careerSectionWrapper .evertaWallContainer .wallImgBoxContainer .wallImgBox {
    padding: 14px 8px;
  }
}
@media all and (max-width: 1280px) {
  .careerWallSection .careerSectionWrapper .secHeading {
    margin-bottom: 50px;
  }
  .careerWallSection .careerSectionWrapper .evertaWallContainer {
    padding: 0 80px;
  }
  .careerWallSection .careerSectionWrapper .evertaWallContainer .wallImgBoxContainer .wallImgBox {
    padding: 12px 6px;
  }
}
@media all and (max-width: 1024px) {
  .careerWallSection .careerSectionWrapper .secHeading {
    margin-bottom: 45px;
  }
  .careerWallSection .careerSectionWrapper .evertaWallContainer {
    padding: 0 60px;
  }
}
@media all and (max-width: 820px) {
  .careerWallSection .careerSectionWrapper .secHeading {
    margin-bottom: 40px;
  }
  .careerWallSection .careerSectionWrapper .evertaWallContainer {
    padding: 0 40px;
    gap: 12px;
  }
  .careerWallSection .careerSectionWrapper .evertaWallContainer .wallImgBoxContainer {
    width: calc(33.33% - 8px);
  }
}
@media all and (max-width: 720px) {
  .careerWallSection .careerSectionWrapper .evertaWallContainer {
    padding: 0px;
    flex-flow: column;
  }
  .careerWallSection .careerSectionWrapper .evertaWallContainer .wallImgBoxContainer {
    width: 100%;
    flex-flow: wrap;
  }
  .careerWallSection .careerSectionWrapper .evertaWallContainer .wallImgBoxContainer .wallImgBox {
    padding: 5px;
  }
  .careerWallSection .careerSectionWrapper .evertaWallContainer .wallImgBoxContainer .wallImgBox img.desktopWall {
    display: none;
  }
  .careerWallSection .careerSectionWrapper .evertaWallContainer .wallImgBoxContainer .wallImgBox img.mblWall {
    display: block;
  }
  .careerWallSection .careerSectionWrapper .evertaWallContainer .wallImgBoxContainer:nth-child(1) .wallImgBox:first-child {
    width: 50%;
  }
  .careerWallSection .careerSectionWrapper .evertaWallContainer .wallImgBoxContainer:nth-child(1) .wallImgBox:last-child {
    border: 2px dashed #006E50;
    width: 50%;
  }
  .careerWallSection .careerSectionWrapper .evertaWallContainer .wallImgBoxContainer:nth-child(2) .wallImgBox {
    border: 2px dashed #F5F75E;
  }
  .careerWallSection .careerSectionWrapper .evertaWallContainer .wallImgBoxContainer:nth-child(2) .wallImgBox img.desktopWall {
    display: none;
  }
  .careerWallSection .careerSectionWrapper .evertaWallContainer .wallImgBoxContainer:nth-child(2) .wallImgBox img.mblWall {
    display: block;
  }
  .careerWallSection .careerSectionWrapper .evertaWallContainer .wallImgBoxContainer:nth-child(3) {
    align-items: center;
  }
  .careerWallSection .careerSectionWrapper .evertaWallContainer .wallImgBoxContainer:nth-child(3) .wallImgBox:first-child {
    border: 2px dashed #006E50;
    width: 50%;
  }
  .careerWallSection .careerSectionWrapper .evertaWallContainer .wallImgBoxContainer:nth-child(3) .wallImgBox:first-child img.desktopWall {
    display: none;
  }
  .careerWallSection .careerSectionWrapper .evertaWallContainer .wallImgBoxContainer:nth-child(3) .wallImgBox:first-child img.mblWall {
    display: block;
  }
  .careerWallSection .careerSectionWrapper .evertaWallContainer .wallImgBoxContainer:nth-child(3) .wallImgBox:last-child {
    width: 50%;
  }
  .careerWallSection .careerSectionWrapper .evertaWallContainer.resetImage .wallImgBoxContainer:nth-child(2) img.desktopWall {
    transform: translateX(0) scale(1) !important;
  }
  .careerWallSection .careerSectionWrapper .evertaWallContainer.resetImage .wallImgBoxContainer .wallImgBox img {
    transform: rotate(0deg) !important;
  }
}

.careerOpeningModal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 20;
}
.careerOpeningModal .modalContent {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 60%;
}
.careerOpeningModal .modalContent .jobHeadingDesc {
  background: #F5F75E;
  padding: 56px 64px 34px;
}
.careerOpeningModal .modalContent .jobHeadingDesc .closeBtn {
  cursor: pointer;
  display: block;
  float: right;
}
.careerOpeningModal .modalContent .jobHeadingDesc .closeBtn img {
  display: block;
  object-fit: cover;
}
.careerOpeningModal .modalContent .jobHeadingDesc .jobHeadingDescSub {
  margin-top: 60px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 32px;
}
.careerOpeningModal .modalContent .jobHeadingDesc .jobHeadingDescSub .headingDescContent span {
  display: block;
  width: fit-content;
  margin-bottom: 13px;
  color: #1E1E1E;
  text-align: justify;
  font-size: 16px;
  line-height: 175%;
  padding: 4px 8px;
  border-radius: 2px;
  background: rgba(30, 30, 30, 0.1);
  opacity: 0.7;
}
@media screen and (max-width: 1600px) {
  .careerOpeningModal .modalContent .jobHeadingDesc .jobHeadingDescSub .headingDescContent span {
    font-size: 14px;
  }
}
@media screen and (max-width: 1440px) {
  .careerOpeningModal .modalContent .jobHeadingDesc .jobHeadingDescSub .headingDescContent span {
    font-size: 12px;
  }
}
.careerOpeningModal .modalContent .jobHeadingDesc .jobHeadingDescSub .headingDescContent .subBoxContent h3 {
  color: #1E1E1E;
  font-family: "termina", sans-serif;
  font-size: 32px;
  font-weight: 600;
  line-height: 113%;
  margin-bottom: 13px;
}
@media screen and (max-width: 1800px) {
  .careerOpeningModal .modalContent .jobHeadingDesc .jobHeadingDescSub .headingDescContent .subBoxContent h3 {
    font-size: 30px;
  }
}
@media screen and (max-width: 1600px) {
  .careerOpeningModal .modalContent .jobHeadingDesc .jobHeadingDescSub .headingDescContent .subBoxContent h3 {
    font-size: 26px;
  }
}
@media screen and (max-width: 1440px) {
  .careerOpeningModal .modalContent .jobHeadingDesc .jobHeadingDescSub .headingDescContent .subBoxContent h3 {
    font-size: 22px;
  }
}
@media screen and (max-width: 1024px) {
  .careerOpeningModal .modalContent .jobHeadingDesc .jobHeadingDescSub .headingDescContent .subBoxContent h3 {
    font-size: 18px;
  }
}
.careerOpeningModal .modalContent .jobHeadingDesc .jobHeadingDescSub .headingDescContent .subBoxContent .posSubContent {
  display: flex;
  align-items: center;
  gap: 40px;
}
.careerOpeningModal .modalContent .jobHeadingDesc .jobHeadingDescSub .headingDescContent .subBoxContent .posSubContent div {
  display: flex;
  align-items: center;
  gap: 4px;
}
.careerOpeningModal .modalContent .jobHeadingDesc .jobHeadingDescSub .headingDescContent .subBoxContent .posSubContent div .fontellolocateIcon, .careerOpeningModal .modalContent .jobHeadingDesc .jobHeadingDescSub .headingDescContent .subBoxContent .posSubContent div .fontelloBrifIcon {
  font-size: 16px;
  line-height: normal;
}
@media screen and (max-width: 1600px) {
  .careerOpeningModal .modalContent .jobHeadingDesc .jobHeadingDescSub .headingDescContent .subBoxContent .posSubContent div .fontellolocateIcon, .careerOpeningModal .modalContent .jobHeadingDesc .jobHeadingDescSub .headingDescContent .subBoxContent .posSubContent div .fontelloBrifIcon {
    font-size: 14px;
  }
}
@media screen and (max-width: 1440px) {
  .careerOpeningModal .modalContent .jobHeadingDesc .jobHeadingDescSub .headingDescContent .subBoxContent .posSubContent div .fontellolocateIcon, .careerOpeningModal .modalContent .jobHeadingDesc .jobHeadingDescSub .headingDescContent .subBoxContent .posSubContent div .fontelloBrifIcon {
    font-size: 12px;
  }
}
.careerOpeningModal .modalContent .jobHeadingDesc .jobHeadingDescSub .headingDescContent .subBoxContent .posSubContent div img {
  display: block;
  object-fit: cover;
}
.careerOpeningModal .modalContent .jobHeadingDesc .jobHeadingDescSub .headingDescContent .subBoxContent .posSubContent div h4 {
  color: #1E1E1E;
  text-align: justify;
  font-size: 16px;
  line-height: 166%;
  font-weight: 400;
}
@media screen and (max-width: 1600px) {
  .careerOpeningModal .modalContent .jobHeadingDesc .jobHeadingDescSub .headingDescContent .subBoxContent .posSubContent div h4 {
    font-size: 14px;
  }
}
@media screen and (max-width: 1440px) {
  .careerOpeningModal .modalContent .jobHeadingDesc .jobHeadingDescSub .headingDescContent .subBoxContent .posSubContent div h4 {
    font-size: 12px;
  }
}
.careerOpeningModal .modalContent .jobDescription {
  background: #fff;
  padding: 68px 5px 34px 64px;
}
.careerOpeningModal .modalContent .jobDescription .detailWrapper {
  max-height: 450px;
  overflow-y: auto;
  padding-right: 64px;
}
.careerOpeningModal .modalContent .jobDescription .detailWrapper h2 {
  color: #4B4B4B;
  text-align: left;
  font-family: "verdana-pro", sans-serif;
  font-weight: 700;
  font-size: 32px;
  line-height: 150%;
  margin-bottom: 8px;
}
@media screen and (max-width: 1800px) {
  .careerOpeningModal .modalContent .jobDescription .detailWrapper h2 {
    font-size: 30px;
  }
}
@media screen and (max-width: 1600px) {
  .careerOpeningModal .modalContent .jobDescription .detailWrapper h2 {
    font-size: 26px;
  }
}
@media screen and (max-width: 1440px) {
  .careerOpeningModal .modalContent .jobDescription .detailWrapper h2 {
    font-size: 22px;
  }
}
@media screen and (max-width: 1024px) {
  .careerOpeningModal .modalContent .jobDescription .detailWrapper h2 {
    font-size: 18px;
  }
}
.careerOpeningModal .modalContent .jobDescription .detailWrapper h3 {
  color: #4B4B4B;
  text-align: left;
  font-family: "verdana-pro", sans-serif;
  font-weight: 700;
  font-size: 24px;
  line-height: 150%;
  margin-bottom: 8px;
}
@media screen and (max-width: 1600px) {
  .careerOpeningModal .modalContent .jobDescription .detailWrapper h3 {
    font-size: 20px;
  }
}
@media screen and (max-width: 1440px) {
  .careerOpeningModal .modalContent .jobDescription .detailWrapper h3 {
    font-size: 16px;
  }
}
.careerOpeningModal .modalContent .jobDescription .detailWrapper h4 {
  color: #4B4B4B;
  text-align: left;
  font-family: "verdana-pro", sans-serif;
  font-weight: 700;
  font-size: 20px;
  line-height: 140%;
  margin-bottom: 8px;
}
@media screen and (max-width: 1600px) {
  .careerOpeningModal .modalContent .jobDescription .detailWrapper h4 {
    font-size: 18px;
  }
}
@media screen and (max-width: 1440px) {
  .careerOpeningModal .modalContent .jobDescription .detailWrapper h4 {
    font-size: 16px;
  }
}
@media screen and (max-width: 720px) {
  .careerOpeningModal .modalContent .jobDescription .detailWrapper h4 {
    font-size: 12px;
  }
}
.careerOpeningModal .modalContent .jobDescription .detailWrapper h5 {
  color: #4B4B4B;
  text-align: left;
  font-family: "verdana-pro", sans-serif;
  font-weight: 700;
  font-size: 16px;
  line-height: 150%;
  margin-bottom: 8px;
}
@media screen and (max-width: 1600px) {
  .careerOpeningModal .modalContent .jobDescription .detailWrapper h5 {
    font-size: 14px;
  }
}
@media screen and (max-width: 1440px) {
  .careerOpeningModal .modalContent .jobDescription .detailWrapper h5 {
    font-size: 12px;
  }
}
.careerOpeningModal .modalContent .jobDescription .detailWrapper p {
  color: #1E1E1E;
  text-align: justify;
  font-size: 16px;
  line-height: 175%;
  margin-bottom: 20px;
}
@media screen and (max-width: 1600px) {
  .careerOpeningModal .modalContent .jobDescription .detailWrapper p {
    font-size: 14px;
  }
}
@media screen and (max-width: 1440px) {
  .careerOpeningModal .modalContent .jobDescription .detailWrapper p {
    font-size: 12px;
  }
}
.careerOpeningModal .modalContent .jobDescription .detailWrapper ul {
  padding-left: 20px;
  margin-bottom: 20px;
}
.careerOpeningModal .modalContent .jobDescription .detailWrapper ul li {
  list-style: disc;
  margin-bottom: 8px;
  color: #1E1E1E;
  text-align: justify;
  font-size: 16px;
  line-height: 175%;
  margin-bottom: 8px;
}
@media screen and (max-width: 1600px) {
  .careerOpeningModal .modalContent .jobDescription .detailWrapper ul li {
    font-size: 14px;
  }
}
@media screen and (max-width: 1440px) {
  .careerOpeningModal .modalContent .jobDescription .detailWrapper ul li {
    font-size: 12px;
  }
}
.careerOpeningModal .modalContent .jobDescription .detailWrapper ul li:last-child {
  margin-bottom: 0;
}
.careerOpeningModal .modalContent .jobDescription .detailWrapper ol {
  padding-left: 20px;
  margin-bottom: 20px;
}
.careerOpeningModal .modalContent .jobDescription .detailWrapper ol li {
  list-style: decimal;
  margin-bottom: 8px;
  color: #1E1E1E;
  text-align: justify;
  font-size: 16px;
  line-height: 175%;
  margin-bottom: 8px;
}
@media screen and (max-width: 1600px) {
  .careerOpeningModal .modalContent .jobDescription .detailWrapper ol li {
    font-size: 14px;
  }
}
@media screen and (max-width: 1440px) {
  .careerOpeningModal .modalContent .jobDescription .detailWrapper ol li {
    font-size: 12px;
  }
}
.careerOpeningModal .modalContent .jobDescription .detailWrapper ol li:last-child {
  margin-bottom: 0;
}
.careerOpeningModal .modalContent .jobDescription .detailWrapper img {
  margin-bottom: 20px;
}
.careerOpeningModal .modalContent .jobDescription .detailWrapper .jobDetail {
  margin-bottom: 32px;
}
.careerOpeningModal .modalContent .jobDescription .detailWrapper .jobRole {
  margin-bottom: 36px;
}
.careerOpeningModal .modalContent .jobDescription .detailWrapper::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  border-radius: 10px;
  background: transparent !important;
}
.careerOpeningModal .modalContent .jobDescription .detailWrapper::-webkit-scrollbar {
  width: 8px;
  background: transparent !important;
}
.careerOpeningModal .modalContent .jobDescription .detailWrapper::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #F5F75E;
}
@media all and (max-width: 1800px) {
  .careerOpeningModal .modalContent .jobHeadingDesc {
    padding: 54px 62px 32px;
  }
  .careerOpeningModal .modalContent .jobDescription {
    padding: 64px 5px 32px 62px;
  }
  .careerOpeningModal .modalContent .jobDescription .detailWrapper {
    padding-right: 62px;
  }
}
@media all and (max-width: 1600px) {
  .careerOpeningModal .modalContent .jobHeadingDesc {
    padding: 50px 60px 30px;
  }
  .careerOpeningModal .modalContent .jobHeadingDesc .jobHeadingDescSub {
    margin-top: 60px;
  }
  .careerOpeningModal .modalContent .jobDescription {
    padding: 60px 5px 30px 60px;
  }
  .careerOpeningModal .modalContent .jobDescription .detailWrapper {
    padding-right: 60px;
    max-height: 350px;
  }
}
@media all and (max-width: 1440px) {
  .careerOpeningModal .modalContent .jobHeadingDesc {
    padding: 45px 55px 30px;
  }
  .careerOpeningModal .modalContent .jobHeadingDesc .jobHeadingDescSub {
    margin-top: 50px;
  }
  .careerOpeningModal .modalContent .jobDescription {
    padding: 55px 5px 30px 55px;
  }
  .careerOpeningModal .modalContent .jobDescription .detailWrapper {
    padding-right: 55px;
  }
  .careerOpeningModal .modalContent .jobDescription .detailWrapper .jobDetail {
    margin-bottom: 30px;
  }
  .careerOpeningModal .modalContent .jobDescription .detailWrapper .jobRole {
    margin-bottom: 32px;
  }
}
@media all and (max-width: 1366px) {
  .careerOpeningModal .modalContent .jobDescription .detailWrapper {
    max-height: 300px;
  }
}
@media all and (max-width: 1280px) {
  .careerOpeningModal .modalContent .jobHeadingDesc {
    padding: 40px 50px 25px;
  }
  .careerOpeningModal .modalContent .jobHeadingDesc .closeBtn img {
    width: 30px;
    height: 30px;
  }
  .careerOpeningModal .modalContent .jobHeadingDesc .jobHeadingDescSub {
    margin-top: 40px;
  }
  .careerOpeningModal .modalContent .jobHeadingDesc .jobHeadingDescSub .headingDescContent .subBoxContent .posSubContent {
    gap: 35px;
  }
  .careerOpeningModal .modalContent .jobDescription {
    padding: 50px 5px 25px 50px;
  }
  .careerOpeningModal .modalContent .jobDescription .detailWrapper {
    padding-right: 50px;
  }
  .careerOpeningModal .modalContent .jobDescription .detailWrapper p {
    margin-bottom: 16px;
  }
  .careerOpeningModal .modalContent .jobDescription .detailWrapper ol {
    margin-bottom: 16px;
  }
  .careerOpeningModal .modalContent .jobDescription .detailWrapper ul {
    margin-bottom: 16px;
  }
  .careerOpeningModal .modalContent .jobDescription .detailWrapper .jobDetail {
    margin-bottom: 28px;
  }
  .careerOpeningModal .modalContent .jobDescription .detailWrapper .jobRole {
    margin-bottom: 30px;
  }
}
@media all and (max-width: 1024px) {
  .careerOpeningModal .modalContent {
    width: 70%;
  }
  .careerOpeningModal .modalContent .jobHeadingDesc {
    padding: 36px 40px 25px;
  }
  .careerOpeningModal .modalContent .jobDescription {
    padding: 40px 5px 20px 40px;
  }
  .careerOpeningModal .modalContent .jobDescription .detailWrapper {
    max-height: 450px;
    padding-right: 40px;
  }
}
@media all and (max-width: 820px) {
  .careerOpeningModal .modalContent {
    width: 85%;
  }
  .careerOpeningModal .modalContent .jobHeadingDesc {
    padding: 35px 30px 25px;
  }
  .careerOpeningModal .modalContent .jobHeadingDesc .jobHeadingDescSub {
    margin-top: 35px;
  }
  .careerOpeningModal .modalContent .jobHeadingDesc .jobHeadingDescSub .headingDescContent .subBoxContent .posSubContent {
    gap: 30px;
  }
  .careerOpeningModal .modalContent .jobDescription {
    padding: 36px 5px 25px 30px;
  }
  .careerOpeningModal .modalContent .jobDescription .detailWrapper {
    padding-right: 30px;
  }
  .careerOpeningModal .modalContent .jobDescription .detailWrapper .jobDetail {
    margin-bottom: 24px;
  }
  .careerOpeningModal .modalContent .jobDescription .detailWrapper .jobRole {
    margin-bottom: 25px;
  }
}
@media all and (max-width: 720px) {
  .careerOpeningModal .modalContent {
    width: 100%;
    height: 100%;
    overflow-y: auto;
  }
  .careerOpeningModal .modalContent .jobHeadingDesc {
    padding: 32px 20px 32px;
  }
  .careerOpeningModal .modalContent .jobHeadingDesc .closeBtn img {
    width: 24px;
    height: 24px;
  }
  .careerOpeningModal .modalContent .jobHeadingDesc .jobHeadingDescSub {
    margin-top: 30px;
    flex-flow: column;
    align-items: flex-start;
    gap: 24px;
  }
  .careerOpeningModal .modalContent .jobHeadingDesc .jobHeadingDescSub .headingDescContent span {
    margin-bottom: 16px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 150%;
  }
  .careerOpeningModal .modalContent .jobHeadingDesc .jobHeadingDescSub .headingDescContent .subBoxContent h3 {
    margin-bottom: 16px;
    font-size: 20px;
    line-height: 140%;
  }
  .careerOpeningModal .modalContent .jobHeadingDesc .jobHeadingDescSub .headingDescContent .subBoxContent .posSubContent {
    gap: 16px;
  }
  .careerOpeningModal .modalContent .jobHeadingDesc .jobHeadingDescSub .headingDescContent .subBoxContent .posSubContent > div {
    gap: 8px;
  }
  .careerOpeningModal .modalContent .jobHeadingDesc .jobHeadingDescSub .headingDescContent .subBoxContent .posSubContent > div h4 {
    font-size: 12px;
    line-height: 150%;
  }
  .careerOpeningModal .modalContent .jobDescription {
    padding: 32px 5px 24px 20px;
  }
  .careerOpeningModal .modalContent .jobDescription .detailWrapper {
    max-height: none;
    padding-right: 20px;
  }
  .careerOpeningModal .modalContent .jobDescription .detailWrapper h4 {
    font-size: 16px;
    line-height: 175%;
  }
  .careerOpeningModal .modalContent .jobDescription .detailWrapper p {
    font-size: 12px;
    line-height: 150%;
  }
  .careerOpeningModal .modalContent .jobDescription .detailWrapper ul li {
    font-size: 12px;
    line-height: 150%;
  }
  .careerOpeningModal .modalContent .jobDescription .detailWrapper ol li {
    font-size: 12px;
    line-height: 150%;
  }
  .careerOpeningModal .modalContent .jobDescription .detailWrapper .jobDetail {
    margin-bottom: 24px;
  }
  .careerOpeningModal .modalContent .jobDescription .detailWrapper .jobRole {
    margin-bottom: 24px;
  }
}

@keyframes fadeInUp {
  from {
    transform: translate3d(0, 30px, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes fadeInDown {
  from {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
  to {
    transform: translate3d(0, 20px, 0);
    opacity: 0;
  }
}
.journeySection {
  margin: 172px 0 200px;
}
.journeySection .journeySecWrapper .secHeading {
  padding-left: 120px;
  padding-right: 120px;
  width: 85%;
  margin-bottom: 40px;
}
@media screen and (max-width: 1600px) {
  .journeySection .journeySecWrapper .secHeading {
    padding-left: 90px;
    padding-right: 90px;
  }
}
@media screen and (max-width: 1440px) {
  .journeySection .journeySecWrapper .secHeading {
    padding-left: 80px;
    padding-right: 80px;
  }
}
@media screen and (max-width: 1024px) {
  .journeySection .journeySecWrapper .secHeading {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media screen and (max-width: 680px) {
  .journeySection .journeySecWrapper .secHeading {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.journeySection .journeySecWrapper .secHeading h1 {
  margin-bottom: 20px;
  color: #1e1e1e;
  font-family: "termina", sans-serif;
  font-weight: 600;
  font-size: 60px;
  line-height: 120%;
  text-transform: uppercase;
}
@media screen and (max-width: 1600px) {
  .journeySection .journeySecWrapper .secHeading h1 {
    font-size: 50px;
  }
}
@media screen and (max-width: 1440px) {
  .journeySection .journeySecWrapper .secHeading h1 {
    font-size: 44px;
  }
}
@media screen and (max-width: 1280px) {
  .journeySection .journeySecWrapper .secHeading h1 {
    font-size: 36px;
  }
}
@media screen and (max-width: 1024px) {
  .journeySection .journeySecWrapper .secHeading h1 {
    font-size: 32px;
  }
}
@media screen and (max-width: 720px) {
  .journeySection .journeySecWrapper .secHeading h1 {
    font-size: 28px;
  }
}
.journeySection .journeySecWrapper .secHeading p {
  color: #1e1e1e;
  font-size: 24px;
  line-height: 166%;
}
@media screen and (max-width: 1600px) {
  .journeySection .journeySecWrapper .secHeading p {
    font-size: 20px;
  }
}
@media screen and (max-width: 1440px) {
  .journeySection .journeySecWrapper .secHeading p {
    font-size: 16px;
  }
}
.journeySection .journeySecWrapper .imgBox {
  overflow: hidden;
  position: relative;
}
@keyframes zoomeffect {
  0% {
    transform: scale(1, 1);
  }
  100% {
    transform: scale(1.2, 1.2);
  }
}
.journeySection .journeySecWrapper .imgBox img {
  animation: zoomeffect 20s forwards;
  display: block;
  width: 100%;
  height: auto;
}
.journeySection .journeySecWrapper .imgBox img.bannerMbl {
  display: none;
}
.journeySection .journeySecWrapper .imgBox::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  box-shadow: 0px 4px 132px 5px rgba(0, 0, 0, 0.25) inset;
  z-index: 1;
}
@media all and (max-width: 1800px) {
  .journeySection {
    margin: 165px 0 180px;
  }
}
@media all and (max-width: 1600px) {
  .journeySection {
    margin: 150px 0;
  }
  .journeySection .journeySecWrapper .secHeading {
    margin-bottom: 35px;
  }
}
@media all and (max-width: 1440px) {
  .journeySection {
    margin: 120px 0;
  }
  .journeySection .journeySecWrapper .secHeading {
    margin-bottom: 30px;
  }
  .journeySection .journeySecWrapper .secHeading h1 {
    margin-bottom: 15px;
  }
}
@media all and (max-width: 1280px) {
  .journeySection {
    margin-top: 100px;
  }
  .journeySection .journeySecWrapper .secHeading {
    width: 90%;
  }
}
@media all and (max-width: 1024px) {
  .journeySection {
    margin: 100px 0;
  }
  .journeySection .journeySecWrapper .secHeading {
    width: 90%;
  }
}
@media all and (max-width: 820px) {
  .journeySection .journeySecWrapper .secHeading {
    width: 100%;
  }
  .journeySection .journeySecWrapper .secHeading h1 {
    margin-bottom: 10px;
  }
  .journeySection .journeySecWrapper .imgBox img.bannerDesktop {
    display: none;
  }
  .journeySection .journeySecWrapper .imgBox img.bannerMbl {
    display: block;
  }
}
@media all and (max-width: 720px) {
  .journeySection .journeySecWrapper .secHeading {
    margin-bottom: 48px;
  }
  .journeySection .journeySecWrapper .secHeading h1 {
    margin-bottom: 15px;
    font-size: 36px;
    line-height: 133%;
  }
  .journeySection .journeySecWrapper .secHeading p {
    font-size: 16px;
    line-height: 175%;
  }
}

.missionSection {
  margin-bottom: 200px;
}
.missionSection .missionSecWrapper .mainContainer {
  display: flex;
  align-items: normal;
  position: relative;
}
.missionSection .missionSecWrapper .mainContainer .card {
  width: 50%;
  padding: 140px 10px 120px 120px;
  transition: width 0.8s ease;
  position: relative;
  overflow: hidden;
}
.missionSection .missionSecWrapper .mainContainer .card .hoverContent {
  margin-bottom: 35px;
  display: flex;
  align-items: center;
  transition: 0.4s ease-in;
  position: relative;
}
.missionSection .missionSecWrapper .mainContainer .card .hoverContent .cardTxt {
  width: 70%;
  overflow: hidden;
  height: 180px;
}
.missionSection .missionSecWrapper .mainContainer .card .hoverContent .cardTxt p {
  color: #1E1E1E;
  font-size: 24px;
  line-height: 166%;
  overflow: hidden;
  transition: 0.4s all ease-in;
  transform: translateX(-100%);
}
@media screen and (max-width: 1600px) {
  .missionSection .missionSecWrapper .mainContainer .card .hoverContent .cardTxt p {
    font-size: 20px;
  }
}
@media screen and (max-width: 1440px) {
  .missionSection .missionSecWrapper .mainContainer .card .hoverContent .cardTxt p {
    font-size: 16px;
  }
}
.missionSection .missionSecWrapper .mainContainer .card .hoverContent .cardIcon {
  width: 180px;
  display: flex;
  justify-content: flex-start;
  position: absolute;
  left: 0;
  top: 0;
  transition: 0.4s all ease-in;
}
.missionSection .missionSecWrapper .mainContainer .card .hoverContent .cardIcon img {
  transition: 0.6s all ease-in;
}
.missionSection .missionSecWrapper .mainContainer .card h2 {
  color: #1E1E1E;
  text-shadow: 0px 6.577px 55.902px rgba(0, 0, 0, 0.1);
  font-family: "termina", sans-serif;
  font-weight: 700;
  font-size: 48px;
  line-height: 110%;
  letter-spacing: -0.96px;
}
@media screen and (max-width: 1600px) {
  .missionSection .missionSecWrapper .mainContainer .card h2 {
    font-size: 40px;
  }
}
@media screen and (max-width: 1440px) {
  .missionSection .missionSecWrapper .mainContainer .card h2 {
    font-size: 36px;
  }
}
@media screen and (max-width: 820px) {
  .missionSection .missionSecWrapper .mainContainer .card h2 {
    font-size: 30px;
  }
}
@media screen and (max-width: 720px) {
  .missionSection .missionSecWrapper .mainContainer .card h2 {
    font-size: 24px;
  }
}
.missionSection .missionSecWrapper .mainContainer .card.mission {
  background: #F5F75E;
  z-index: 1;
}
.missionSection .missionSecWrapper .mainContainer .card.vision {
  background: #1E1E1E;
}
.missionSection .missionSecWrapper .mainContainer .card.vision > .hoverContent .cardTxt p {
  color: #F5F75E;
}
.missionSection .missionSecWrapper .mainContainer .card.vision > h2 {
  color: #F5F75E;
}
.missionSection .missionSecWrapper .mainContainer .card:hover {
  width: 100%;
  transition: 0.4s ease-in;
}
.missionSection .missionSecWrapper .mainContainer .card:hover .hoverContent .cardTxt p {
  transform: translateX(0%);
}
.missionSection .missionSecWrapper .mainContainer .card:hover .hoverContent .cardIcon {
  left: 80%;
}
.missionSection .missionSecWrapper .mainContainer .card:hover .hoverContent .cardIcon img {
  transform: scale3d(1.6, 1.6, 1.6);
}
@media all and (max-width: 1800px) {
  .missionSection {
    margin-bottom: 180px;
  }
  .missionSection .missionSecWrapper .mainContainer .card {
    padding: 130px 10px 110px 110px;
  }
  .missionSection .missionSecWrapper .mainContainer .card:hover {
    width: 120%;
  }
  .missionSection .missionSecWrapper .mainContainer .card:hover .hoverContent .cardTxt {
    width: 72%;
  }
  .missionSection .missionSecWrapper .mainContainer .card:hover .hoverContent .cardIcon {
    left: 79%;
  }
}
@media all and (max-width: 1600px) {
  .missionSection {
    margin-bottom: 150px;
  }
  .missionSection .missionSecWrapper .mainContainer .card {
    padding: 120px 10px 100px 100px;
  }
  .missionSection .missionSecWrapper .mainContainer .card .hoverContent {
    margin-bottom: 30px;
  }
  .missionSection .missionSecWrapper .mainContainer .card:hover .hoverContent .cardIcon img {
    transform: scale3d(1.4, 1.4, 1.4);
  }
}
@media all and (max-width: 1440px) {
  .missionSection {
    margin-bottom: 120px;
  }
  .missionSection .missionSecWrapper .mainContainer .card {
    padding: 100px 10px 80px 80px;
  }
  .missionSection .missionSecWrapper .mainContainer .card .hoverContent .cardTxt {
    height: 160px;
  }
  .missionSection .missionSecWrapper .mainContainer .card .hoverContent .cardIcon {
    width: 160px;
  }
  .missionSection .missionSecWrapper .mainContainer .card:hover .hoverContent .cardTxt {
    width: 70%;
  }
  .missionSection .missionSecWrapper .mainContainer .card:hover .hoverContent .cardIcon {
    left: 80%;
  }
  .missionSection .missionSecWrapper .mainContainer .card:hover .hoverContent .cardIcon img {
    transform: scale3d(1.6, 1.6, 1.6);
  }
}
@media all and (max-width: 1366px) {
  .missionSection .missionSecWrapper .mainContainer .card:hover .hoverContent .cardIcon {
    left: 78%;
  }
}
@media all and (max-width: 1280px) {
  .missionSection .missionSecWrapper .mainContainer .card {
    padding: 80px 10px 60px 60px;
  }
  .missionSection .missionSecWrapper .mainContainer .card .hoverContent .cardTxt {
    height: 140px;
  }
  .missionSection .missionSecWrapper .mainContainer .card .hoverContent .cardIcon {
    width: 140px;
  }
  .missionSection .missionSecWrapper .mainContainer .card:hover .hoverContent .cardIcon {
    left: 77%;
  }
}
@media all and (max-width: 1024px) {
  .missionSection {
    margin-bottom: 100px;
  }
  .missionSection .missionSecWrapper .mainContainer {
    flex-flow: column;
  }
  .missionSection .missionSecWrapper .mainContainer .card {
    padding: 50px;
    width: 100%;
    display: flex;
    flex-flow: column;
    gap: 25px;
  }
  .missionSection .missionSecWrapper .mainContainer .card .hoverContent {
    margin-bottom: 25px;
    flex-flow: column;
    align-items: flex-end;
    order: 1;
    gap: 24px;
    margin-bottom: 0;
  }
  .missionSection .missionSecWrapper .mainContainer .card .hoverContent .cardTxt {
    width: 100%;
    height: auto;
  }
  .missionSection .missionSecWrapper .mainContainer .card .hoverContent .cardTxt p {
    transform: translateX(0);
  }
  .missionSection .missionSecWrapper .mainContainer .card .hoverContent .cardIcon {
    width: 180px;
    position: relative;
    transform: translateX(150%);
  }
  .missionSection .missionSecWrapper .mainContainer .card .hoverContent .cardIcon.iconReset {
    transform: translateX(0%);
    transition: 0.8s all ease-in-out;
  }
  .missionSection .missionSecWrapper .mainContainer .card .hoverContent .cardIcon.iconReset img {
    transition: 0.8s all ease-in-out;
  }
  .missionSection .missionSecWrapper .mainContainer .card h2 {
    order: 0;
  }
  .missionSection .missionSecWrapper .mainContainer .card:hover {
    width: 100%;
  }
  .missionSection .missionSecWrapper .mainContainer .card:hover .hoverContent .cardTxt {
    width: 100%;
  }
  .missionSection .missionSecWrapper .mainContainer .card:hover .hoverContent .cardIcon {
    left: unset;
  }
  .missionSection .missionSecWrapper .mainContainer .card:hover .hoverContent .cardIcon img {
    transform: scale3d(1, 1, 1);
  }
  .missionSection .missionSecWrapper .mainContainer .card:last-child .hoverContent {
    align-items: flex-start;
  }
  .missionSection .missionSecWrapper .mainContainer .card:last-child .hoverContent .cardIcon {
    transform: translateX(-150%);
  }
  .missionSection .missionSecWrapper .mainContainer .card:last-child .hoverContent .cardIcon.visionIconReset {
    transform: translateX(0%);
    transition: 0.8s all ease-in-out;
  }
  .missionSection .missionSecWrapper .mainContainer .card:last-child .hoverContent .cardIcon.visionIconReset img {
    transition: 0.8s all ease-in-out;
  }
}
@media all and (max-width: 820px) {
  .missionSection .missionSecWrapper .mainContainer .card {
    padding: 30px;
    gap: 20px;
  }
  .missionSection .missionSecWrapper .mainContainer .card .hoverContent .cardIcon.iconReset {
    transform: translateX(0%);
  }
  .missionSection .missionSecWrapper .mainContainer .card:last-child .hoverContent .cardIcon.visionIconReset {
    transform: translateX(0%);
  }
}
@media all and (max-width: 720px) {
  .missionSection .missionSecWrapper .mainContainer .card {
    padding: 30px 20px;
    gap: 16px;
  }
  .missionSection .missionSecWrapper .mainContainer .card h2 {
    font-size: 24px;
    line-height: 116%;
  }
  .missionSection .missionSecWrapper .mainContainer .card .hoverContent .cardTxt p {
    font-size: 12px;
    line-height: 150%;
  }
  .missionSection .missionSecWrapper .mainContainer .card .hoverContent .cardIcon.iconReset {
    transform: translateX(0%);
  }
  .missionSection .missionSecWrapper .mainContainer .card:last-child .hoverContent .cardIcon.visionIconReset {
    transform: translateX(0%);
  }
}

.weValueSection .evertaEveryoneSectionWrapper .evertaEveryoneSectionHeading h2 {
  margin-bottom: 56px;
}
.weValueSection .evertaEveryoneSectionWrapper .hover-section .hover-box .content p {
  font-size: 20px;
  margin-bottom: 0;
}
@media screen and (max-width: 1600px) {
  .weValueSection .evertaEveryoneSectionWrapper .hover-section .hover-box .content p {
    font-size: 18px;
  }
}
@media screen and (max-width: 1440px) {
  .weValueSection .evertaEveryoneSectionWrapper .hover-section .hover-box .content p {
    font-size: 16px;
  }
}
@media screen and (max-width: 720px) {
  .weValueSection .evertaEveryoneSectionWrapper .hover-section .hover-box .content p {
    font-size: 12px;
  }
}
@media all and (max-width: 1440px) {
  .weValueSection .evertaEveryoneSectionWrapper .evertaEveryoneSectionHeading h2 {
    margin-bottom: 50px;
  }
  .weValueSection .evertaEveryoneSectionWrapper .hover-section .hover-box .content {
    flex-basis: 50%;
  }
}
@media all and (max-width: 1280px) {
  .weValueSection .evertaEveryoneSectionWrapper .evertaEveryoneSectionHeading h2 {
    margin-bottom: 40px;
  }
  .weValueSection .evertaEveryoneSectionWrapper .hover-section .hover-box .content {
    flex-basis: 55%;
  }
}
@media all and (max-width: 820px) {
  .weValueSection .evertaEveryoneSectionWrapper .hover-section .hover-box:last-child {
    border-bottom: none;
  }
}
@media all and (max-width: 720px) {
  .weValueSection .evertaEveryoneSectionWrapper .evertaEveryoneSectionHeading h2 {
    margin-bottom: 32px;
    font-size: 24px;
    line-height: 116%;
    text-align: left;
  }
}

.ourStrengthsSec {
  background: #1e1e1e;
  display: block;
  position: relative;
  margin-bottom: 200px;
}
.ourStrengthsSec .secWrapper {
  padding-left: 120px;
  padding-right: 120px;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 1600px) {
  .ourStrengthsSec .secWrapper {
    padding-left: 90px;
    padding-right: 90px;
  }
}
@media screen and (max-width: 1440px) {
  .ourStrengthsSec .secWrapper {
    padding-left: 80px;
    padding-right: 80px;
  }
}
@media screen and (max-width: 1024px) {
  .ourStrengthsSec .secWrapper {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media screen and (max-width: 680px) {
  .ourStrengthsSec .secWrapper {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.ourStrengthsSec .secWrapper .innerSec {
  position: relative;
  height: 450vh;
  padding-top: 50vh;
  padding-bottom: 30vh;
}
.ourStrengthsSec .secWrapper .innerSec .secHeading {
  position: sticky;
  top: 50%;
  transform: translateY(-50%);
}
.ourStrengthsSec .secWrapper .innerSec .secHeading h2 {
  color: #fff;
  text-align: center;
  color: #F5F75E;
  font-family: "termina", sans-serif;
  font-weight: 600;
  font-size: 80px;
  line-height: 120%;
}
@media screen and (max-width: 1800px) {
  .ourStrengthsSec .secWrapper .innerSec .secHeading h2 {
    font-size: 72px;
  }
}
@media screen and (max-width: 1600px) {
  .ourStrengthsSec .secWrapper .innerSec .secHeading h2 {
    font-size: 64px;
  }
}
@media screen and (max-width: 1440px) {
  .ourStrengthsSec .secWrapper .innerSec .secHeading h2 {
    font-size: 48px;
  }
}
@media screen and (max-width: 1024px) {
  .ourStrengthsSec .secWrapper .innerSec .secHeading h2 {
    font-size: 38px;
  }
}
@media screen and (max-width: 720px) {
  .ourStrengthsSec .secWrapper .innerSec .secHeading h2 {
    font-size: 36px;
  }
}
.ourStrengthsSec .secWrapper .innerSec .cardsGroup {
  display: flex;
  flex-flow: column;
  gap: 100px;
  align-items: flex-start;
  position: absolute;
  width: 100%;
  padding-top: 60vh;
}
.ourStrengthsSec .secWrapper .innerSec .cardsGroup .card {
  background: #fff;
  z-index: 2;
  padding: 180px 32px 32px 32px;
  display: flex;
  flex-flow: column;
  gap: 50px;
  width: 30%;
  position: relative;
}
.ourStrengthsSec .secWrapper .innerSec .cardsGroup .card .contentBox h5 {
  font-family: "verdana-pro", sans-serif;
  font-weight: 700;
  font-size: 28px;
  line-height: 140%;
  text-transform: capitalize;
  margin-bottom: 20px;
}
@media screen and (max-width: 1600px) {
  .ourStrengthsSec .secWrapper .innerSec .cardsGroup .card .contentBox h5 {
    font-size: 22px;
  }
}
@media screen and (max-width: 1440px) {
  .ourStrengthsSec .secWrapper .innerSec .cardsGroup .card .contentBox h5 {
    font-size: 18px;
  }
}
@media screen and (max-width: 820px) {
  .ourStrengthsSec .secWrapper .innerSec .cardsGroup .card .contentBox h5 {
    font-size: 14px;
  }
}
.ourStrengthsSec .secWrapper .innerSec .cardsGroup .card .contentBox p {
  color: #1e1e1e;
  font-size: 16px;
  line-height: 175%;
}
@media screen and (max-width: 1600px) {
  .ourStrengthsSec .secWrapper .innerSec .cardsGroup .card .contentBox p {
    font-size: 14px;
  }
}
@media screen and (max-width: 1440px) {
  .ourStrengthsSec .secWrapper .innerSec .cardsGroup .card .contentBox p {
    font-size: 12px;
  }
}
.ourStrengthsSec .secWrapper .innerSec .cardsGroup .card:nth-child(2) {
  transform: translateX(230%);
}
.ourStrengthsSec .secWrapper .innerSec .cardsGroup .card:nth-child(3) {
  transform: translateX(110%);
}
.ourStrengthsSec .secWrapper .innerSec .cardsGroup .card:nth-child(4) {
  transform: translateY(35%);
}
.ourStrengthsSec .secWrapper .innerSec .cardsGroup .card:nth-child(2n) {
  background: #006E50;
}
.ourStrengthsSec .secWrapper .innerSec .cardsGroup .card:nth-child(2n) .contentBox h5 {
  color: #fff;
}
.ourStrengthsSec .secWrapper .innerSec .cardsGroup .card:nth-child(2n) .contentBox p {
  color: #fff;
}
@media all and (max-width: 1800px) {
  .ourStrengthsSec {
    margin-bottom: 180px;
  }
  .ourStrengthsSec .secWrapper .innerSec {
    height: 470vh;
  }
  .ourStrengthsSec .secWrapper .innerSec .cardsGroup .card {
    padding-top: 160px;
  }
}
@media all and (max-width: 1600px) {
  .ourStrengthsSec {
    margin-bottom: 150px;
  }
  .ourStrengthsSec .secWrapper .innerSec {
    height: 480vh;
  }
  .ourStrengthsSec .secWrapper .innerSec .cardsGroup .card {
    padding-top: 150px;
    gap: 45px;
  }
  .ourStrengthsSec .secWrapper .innerSec .cardsGroup .card .imgBox {
    width: 50%;
  }
  .ourStrengthsSec .secWrapper .innerSec .cardsGroup .card:nth-child(4) {
    transform: translateY(22%);
  }
}
@media all and (max-width: 1440px) {
  .ourStrengthsSec {
    margin-bottom: 120px;
  }
  .ourStrengthsSec .secWrapper .innerSec {
    height: 430vh;
  }
  .ourStrengthsSec .secWrapper .innerSec .cardsGroup {
    gap: 80px;
  }
  .ourStrengthsSec .secWrapper .innerSec .cardsGroup .card {
    padding: 140px 30px 30px 30px;
    gap: 40px;
  }
  .ourStrengthsSec .secWrapper .innerSec .cardsGroup .card .imgBox {
    width: 45%;
  }
  .ourStrengthsSec .secWrapper .innerSec .cardsGroup .card:nth-child(4) {
    transform: translateY(20%);
  }
  .ourStrengthsSec .secWrapper .innerSec .cardsGroup .card:nth-child(3) {
    transform: translateX(120%);
  }
}
@media all and (max-width: 1366px) {
  .ourStrengthsSec .secWrapper .innerSec {
    height: 480vh;
  }
}
@media all and (max-width: 1280px) {
  .ourStrengthsSec .secWrapper .innerSec .cardsGroup .card {
    padding-top: 120px;
    gap: 35px;
  }
  .ourStrengthsSec .secWrapper .innerSec .cardsGroup .card .imgBox {
    width: 45%;
  }
  .ourStrengthsSec .secWrapper .innerSec .cardsGroup .card .contentBox h5 {
    margin-bottom: 16px;
  }
}
@media all and (max-width: 1180px) {
  .ourStrengthsSec .secWrapper .innerSec {
    height: 425vh;
  }
}
@media all and (max-width: 1024px) {
  .ourStrengthsSec {
    margin-bottom: 100px;
  }
  .ourStrengthsSec .secWrapper .innerSec {
    height: 380vh;
  }
  .ourStrengthsSec .secWrapper .innerSec .cardsGroup {
    gap: 60px;
  }
  .ourStrengthsSec .secWrapper .innerSec .cardsGroup .card {
    padding-top: 100px;
    gap: 30px;
  }
  .ourStrengthsSec .secWrapper .innerSec .cardsGroup .card .contentBox h5 {
    margin-bottom: 14px;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1024px) and (min-height: 1366px) and (max-height: 1366px) {
  .ourStrengthsSec .secWrapper .innerSec {
    height: 270vh;
  }
}
@media only screen and (min-width: 1366px) and (max-width: 1366px) and (min-height: 1024px) and (max-height: 1024px) {
  .ourStrengthsSec .secWrapper .innerSec {
    height: 350vh;
  }
}
@media all and (max-width: 820px) {
  .ourStrengthsSec .secWrapper .innerSec {
    height: 270vh;
  }
  .ourStrengthsSec .secWrapper .innerSec .cardsGroup {
    gap: 60px;
  }
  .ourStrengthsSec .secWrapper .innerSec .cardsGroup .card {
    padding-top: 80px;
    gap: 25px;
    width: 40%;
  }
  .ourStrengthsSec .secWrapper .innerSec .cardsGroup .card .contentBox h5 {
    margin-bottom: 14px;
  }
  .ourStrengthsSec .secWrapper .innerSec .cardsGroup .card:nth-child(2) {
    transform: translateX(150%);
  }
  .ourStrengthsSec .secWrapper .innerSec .cardsGroup .card:nth-child(3) {
    transform: translateX(50%);
  }
  .ourStrengthsSec .secWrapper .innerSec .cardsGroup .card:nth-child(4) {
    transform: translateY(25%);
  }
}
@media all and (max-width: 768px) {
  .ourStrengthsSec .secWrapper .innerSec {
    height: 300vh;
  }
}
@media all and (max-width: 720px) {
  .ourStrengthsSec .secWrapper .innerSec {
    height: 360vh;
  }
  .ourStrengthsSec .secWrapper .innerSec .secHeading h2 {
    font-size: 24px;
    line-height: 133%;
  }
  .ourStrengthsSec .secWrapper .innerSec .cardsGroup {
    gap: 120px;
  }
  .ourStrengthsSec .secWrapper .innerSec .cardsGroup .card {
    width: 90%;
    gap: 24px;
    padding: 32px;
  }
  .ourStrengthsSec .secWrapper .innerSec .cardsGroup .card .imgBox {
    width: 35%;
  }
  .ourStrengthsSec .secWrapper .innerSec .cardsGroup .card .contentBox h5 {
    margin-bottom: 20px;
    font-size: 16px;
    line-height: 175%;
  }
  .ourStrengthsSec .secWrapper .innerSec .cardsGroup .card .contentBox p {
    font-size: 12px;
    line-height: 150%;
  }
  .ourStrengthsSec .secWrapper .innerSec .cardsGroup .card:nth-child(2) {
    transform: translateX(10%);
  }
  .ourStrengthsSec .secWrapper .innerSec .cardsGroup .card:nth-child(3) {
    transform: translateX(0%);
  }
  .ourStrengthsSec .secWrapper .innerSec .cardsGroup .card:nth-child(4) {
    transform: translate(10%, 0%);
  }
}
@media all and (max-width: 500px) {
  .ourStrengthsSec .secWrapper .innerSec {
    height: 300vh;
  }
}
@media all and (max-width: 400px) {
  .ourStrengthsSec .secWrapper .innerSec {
    height: 360vh;
  }
}

.ourStorySec {
  margin-bottom: 200px;
  background: #F5F75E;
}
.ourStorySec .secWrapper {
  padding-left: 120px;
  padding-right: 120px;
  padding-right: 0;
}
@media screen and (max-width: 1600px) {
  .ourStorySec .secWrapper {
    padding-left: 90px;
    padding-right: 90px;
  }
}
@media screen and (max-width: 1440px) {
  .ourStorySec .secWrapper {
    padding-left: 80px;
    padding-right: 80px;
  }
}
@media screen and (max-width: 1024px) {
  .ourStorySec .secWrapper {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media screen and (max-width: 680px) {
  .ourStorySec .secWrapper {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.ourStorySec .secWrapper .mainContainer {
  display: flex;
  align-items: center;
  gap: 180px;
  padding: 120px 0;
}
.ourStorySec .secWrapper .mainContainer .card {
  width: 50%;
}
.ourStorySec .secWrapper .mainContainer .contentBox h2 {
  color: #1E1E1E;
  font-family: "termina", sans-serif;
  font-weight: 700;
  font-size: 48px;
  line-height: 133%;
  text-transform: uppercase;
  margin-bottom: 32px;
}
@media screen and (max-width: 1600px) {
  .ourStorySec .secWrapper .mainContainer .contentBox h2 {
    font-size: 40px;
  }
}
@media screen and (max-width: 1440px) {
  .ourStorySec .secWrapper .mainContainer .contentBox h2 {
    font-size: 36px;
  }
}
@media screen and (max-width: 820px) {
  .ourStorySec .secWrapper .mainContainer .contentBox h2 {
    font-size: 30px;
  }
}
@media screen and (max-width: 720px) {
  .ourStorySec .secWrapper .mainContainer .contentBox h2 {
    font-size: 24px;
  }
}
.ourStorySec .secWrapper .mainContainer .contentBox p {
  color: #1E1E1E;
  text-align: justify;
  font-size: 20px;
  line-height: 175%;
  margin-bottom: 20px;
}
@media screen and (max-width: 1600px) {
  .ourStorySec .secWrapper .mainContainer .contentBox p {
    font-size: 18px;
  }
}
@media screen and (max-width: 1440px) {
  .ourStorySec .secWrapper .mainContainer .contentBox p {
    font-size: 16px;
  }
}
@media screen and (max-width: 720px) {
  .ourStorySec .secWrapper .mainContainer .contentBox p {
    font-size: 12px;
  }
}
.ourStorySec .secWrapper .mainContainer .contentBox p:last-child {
  margin-bottom: 0;
}
.ourStorySec .secWrapper .mainContainer .imgBox .sliderBox {
  position: relative;
}
.ourStorySec .secWrapper .mainContainer .imgBox .sliderBox .sliderImg {
  margin: 0 25px;
}
.ourStorySec .secWrapper .mainContainer .imgBox .sliderBox .slick-slide {
  transform: scaleY(0.8);
  opacity: 0.3;
}
.ourStorySec .secWrapper .mainContainer .imgBox .sliderBox .slick-slide figure figcaption {
  opacity: 0;
}
.ourStorySec .secWrapper .mainContainer .imgBox .sliderBox .slick-current.slick-active {
  transform: scaleY(1);
  opacity: 1;
}
.ourStorySec .secWrapper .mainContainer .imgBox .sliderBox .slick-current.slick-active figure figcaption {
  opacity: 1;
  margin-top: 24px;
  position: relative;
  padding-left: 10px;
  font-size: 16px;
  line-height: 175%;
}
@media screen and (max-width: 1600px) {
  .ourStorySec .secWrapper .mainContainer .imgBox .sliderBox .slick-current.slick-active figure figcaption {
    font-size: 14px;
  }
}
@media screen and (max-width: 1440px) {
  .ourStorySec .secWrapper .mainContainer .imgBox .sliderBox .slick-current.slick-active figure figcaption {
    font-size: 12px;
  }
}
.ourStorySec .secWrapper .mainContainer .imgBox .sliderBox .slick-current.slick-active figure figcaption::before {
  content: "";
  position: absolute;
  width: 1px;
  height: 100%;
  left: 0;
  border-left: 1px solid #000;
}
.ourStorySec .secWrapper .mainContainer .imgBox .sliderBox .slick-track {
  float: left;
}
.ourStorySec .secWrapper .mainContainer .imgBox .sliderBox .slick-prev,
.ourStorySec .secWrapper .mainContainer .imgBox .sliderBox .slick-next {
  padding: 12px;
  position: absolute;
  top: 110%;
  width: 48px;
  height: 48px;
  cursor: pointer;
  z-index: 2;
  border-radius: 50%;
  border: 1px solid #1E1E1E;
}
.ourStorySec .secWrapper .mainContainer .imgBox .sliderBox .slick-prev::before,
.ourStorySec .secWrapper .mainContainer .imgBox .sliderBox .slick-next::before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -55%);
}
.ourStorySec .secWrapper .mainContainer .imgBox .sliderBox .slick-prev.slick-next,
.ourStorySec .secWrapper .mainContainer .imgBox .sliderBox .slick-next.slick-next {
  left: 100px;
}
.ourStorySec .secWrapper .mainContainer .imgBox .sliderBox .slick-prev.slick-next::before,
.ourStorySec .secWrapper .mainContainer .imgBox .sliderBox .slick-next.slick-next::before {
  content: "\e80a";
  font-family: "fontello";
  font-size: 16px;
  font-weight: 400;
  color: #000;
}
@media screen and (max-width: 1600px) {
  .ourStorySec .secWrapper .mainContainer .imgBox .sliderBox .slick-prev.slick-next::before,
  .ourStorySec .secWrapper .mainContainer .imgBox .sliderBox .slick-next.slick-next::before {
    font-size: 14px;
  }
}
@media screen and (max-width: 1440px) {
  .ourStorySec .secWrapper .mainContainer .imgBox .sliderBox .slick-prev.slick-next::before,
  .ourStorySec .secWrapper .mainContainer .imgBox .sliderBox .slick-next.slick-next::before {
    font-size: 12px;
  }
}
.ourStorySec .secWrapper .mainContainer .imgBox .sliderBox .slick-prev.slick-prev,
.ourStorySec .secWrapper .mainContainer .imgBox .sliderBox .slick-next.slick-prev {
  left: 25px;
}
.ourStorySec .secWrapper .mainContainer .imgBox .sliderBox .slick-prev.slick-prev::before,
.ourStorySec .secWrapper .mainContainer .imgBox .sliderBox .slick-next.slick-prev::before {
  content: "\e80b";
  font-family: "fontello";
  font-size: 16px;
  font-weight: 400;
  color: #000;
}
@media screen and (max-width: 1600px) {
  .ourStorySec .secWrapper .mainContainer .imgBox .sliderBox .slick-prev.slick-prev::before,
  .ourStorySec .secWrapper .mainContainer .imgBox .sliderBox .slick-next.slick-prev::before {
    font-size: 14px;
  }
}
@media screen and (max-width: 1440px) {
  .ourStorySec .secWrapper .mainContainer .imgBox .sliderBox .slick-prev.slick-prev::before,
  .ourStorySec .secWrapper .mainContainer .imgBox .sliderBox .slick-next.slick-prev::before {
    font-size: 12px;
  }
}
@media all and (max-width: 1800px) {
  .ourStorySec {
    margin-bottom: 180px;
  }
  .ourStorySec .secWrapper .mainContainer {
    gap: 170px;
    padding: 110px 0;
  }
}
@media all and (max-width: 1600px) {
  .ourStorySec {
    margin-bottom: 150px;
  }
  .ourStorySec .secWrapper {
    padding-right: 0;
  }
  .ourStorySec .secWrapper .mainContainer {
    gap: 150px;
    padding: 100px 0;
  }
  .ourStorySec .secWrapper .mainContainer .imgBox .sliderBox .slick-prev,
  .ourStorySec .secWrapper .mainContainer .imgBox .sliderBox .slick-next {
    width: 40px;
    height: 40px;
  }
}
@media all and (max-width: 1440px) {
  .ourStorySec {
    margin-bottom: 120px;
  }
  .ourStorySec .secWrapper {
    padding-right: 0;
  }
  .ourStorySec .secWrapper .mainContainer {
    gap: 120px;
    padding: 100px 0;
  }
  .ourStorySec .secWrapper .mainContainer .contentBox h2 {
    margin-bottom: 30px;
  }
  .ourStorySec .secWrapper .mainContainer .imgBox .sliderBox .sliderImg {
    margin: 0 20px;
  }
  .ourStorySec .secWrapper .mainContainer .imgBox .sliderBox .slick-prev,
  .ourStorySec .secWrapper .mainContainer .imgBox .sliderBox .slick-next {
    width: 36px;
    height: 36px;
  }
  .ourStorySec .secWrapper .mainContainer .imgBox .sliderBox .slick-prev.slick-next,
  .ourStorySec .secWrapper .mainContainer .imgBox .sliderBox .slick-next.slick-next {
    left: 80px;
  }
  .ourStorySec .secWrapper .mainContainer .imgBox .sliderBox .slick-prev.slick-prev,
  .ourStorySec .secWrapper .mainContainer .imgBox .sliderBox .slick-next.slick-prev {
    left: 20px;
  }
}
@media all and (max-width: 1280px) {
  .ourStorySec .secWrapper {
    padding-right: 0;
  }
  .ourStorySec .secWrapper .mainContainer {
    gap: 100px;
    padding: 90px 0;
  }
  .ourStorySec .secWrapper .mainContainer .contentBox h2 {
    margin-bottom: 28px;
  }
}
@media all and (max-width: 1024px) {
  .ourStorySec {
    margin-bottom: 100px;
  }
  .ourStorySec .secWrapper {
    padding-right: 0;
  }
  .ourStorySec .secWrapper .mainContainer {
    gap: 80px;
    padding: 70px 0;
  }
  .ourStorySec .secWrapper .mainContainer .contentBox h2 {
    margin-bottom: 24px;
  }
  .ourStorySec .secWrapper .mainContainer .imgBox .sliderBox .sliderImg {
    margin: 0 15px;
  }
  .ourStorySec .secWrapper .mainContainer .imgBox .sliderBox .slick-prev,
  .ourStorySec .secWrapper .mainContainer .imgBox .sliderBox .slick-next {
    top: 120%;
  }
  .ourStorySec .secWrapper .mainContainer .imgBox .sliderBox .slick-prev.slick-next,
  .ourStorySec .secWrapper .mainContainer .imgBox .sliderBox .slick-next.slick-next {
    left: 92px;
  }
  .ourStorySec .secWrapper .mainContainer .imgBox .sliderBox .slick-prev.slick-prev,
  .ourStorySec .secWrapper .mainContainer .imgBox .sliderBox .slick-next.slick-prev {
    left: 30px;
  }
}
@media all and (max-width: 820px) {
  .ourStorySec .secWrapper {
    padding: 0 0;
  }
  .ourStorySec .secWrapper .mainContainer {
    gap: 50px;
    padding: 50px 0 100px;
    flex-flow: column;
  }
  .ourStorySec .secWrapper .mainContainer .contentBox {
    width: 100%;
    padding: 0 30px;
  }
  .ourStorySec .secWrapper .mainContainer .imgBox {
    width: 100%;
  }
  .ourStorySec .secWrapper .mainContainer .imgBox .sliderBox .sliderImg {
    margin: 0 15px;
  }
  .ourStorySec .secWrapper .mainContainer .imgBox .sliderBox .slick-slide {
    transform: scaleY(0.7);
  }
  .ourStorySec .secWrapper .mainContainer .imgBox .sliderBox .slick-list {
    padding: 0 15px !important;
  }
  .ourStorySec .secWrapper .mainContainer .imgBox .sliderBox .slick-prev,
  .ourStorySec .secWrapper .mainContainer .imgBox .sliderBox .slick-next {
    top: 110%;
  }
  .ourStorySec .secWrapper .mainContainer .imgBox .sliderBox .slick-prev.slick-next,
  .ourStorySec .secWrapper .mainContainer .imgBox .sliderBox .slick-next.slick-next {
    left: 100px;
  }
  .ourStorySec .secWrapper .mainContainer .imgBox .sliderBox .slick-prev.slick-prev,
  .ourStorySec .secWrapper .mainContainer .imgBox .sliderBox .slick-next.slick-prev {
    left: 30px;
  }
}
@media all and (max-width: 720px) {
  .ourStorySec .secWrapper {
    padding: 0;
  }
  .ourStorySec .secWrapper .mainContainer {
    gap: 50px;
    padding: 35px 0 80px;
  }
  .ourStorySec .secWrapper .mainContainer .contentBox {
    padding: 0 20px;
  }
  .ourStorySec .secWrapper .mainContainer .contentBox h2 {
    font-size: 24px;
    line-height: 116%;
  }
  .ourStorySec .secWrapper .mainContainer .contentBox p {
    font-size: 12px;
    line-height: 150%;
  }
  .ourStorySec .secWrapper .mainContainer .imgBox .sliderBox .sliderImg {
    margin: 0 10px;
  }
  .ourStorySec .secWrapper .mainContainer .imgBox .sliderBox .slick-slide {
    transform: scaleY(0.7);
  }
  .ourStorySec .secWrapper .mainContainer .imgBox .sliderBox .slick-list {
    padding: 0 10px !important;
  }
  .ourStorySec .secWrapper .mainContainer .imgBox .sliderBox .slick-prev.slick-next,
  .ourStorySec .secWrapper .mainContainer .imgBox .sliderBox .slick-next.slick-next {
    left: 80px;
  }
  .ourStorySec .secWrapper .mainContainer .imgBox .sliderBox .slick-prev.slick-prev,
  .ourStorySec .secWrapper .mainContainer .imgBox .sliderBox .slick-next.slick-prev {
    left: 20px;
  }
}

.foundersSec {
  margin-bottom: 200px;
  transition: all 0.5s ease-in-out;
}
.foundersSec .secWrapper {
  padding-left: 120px;
  padding-right: 120px;
}
@media screen and (max-width: 1600px) {
  .foundersSec .secWrapper {
    padding-left: 90px;
    padding-right: 90px;
  }
}
@media screen and (max-width: 1440px) {
  .foundersSec .secWrapper {
    padding-left: 80px;
    padding-right: 80px;
  }
}
@media screen and (max-width: 1024px) {
  .foundersSec .secWrapper {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media screen and (max-width: 680px) {
  .foundersSec .secWrapper {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.foundersSec .secWrapper .secHeading {
  margin-bottom: 70px;
  padding-top: 70px;
}
.foundersSec .secWrapper .secHeading h2 {
  color: #1E1E1E;
  text-align: center;
  font-family: "termina", sans-serif;
  font-weight: 700;
  line-height: 133%;
  text-transform: uppercase;
  font-size: 48px;
  margin-bottom: 24px;
}
@media screen and (max-width: 1600px) {
  .foundersSec .secWrapper .secHeading h2 {
    font-size: 40px;
  }
}
@media screen and (max-width: 1440px) {
  .foundersSec .secWrapper .secHeading h2 {
    font-size: 36px;
  }
}
@media screen and (max-width: 820px) {
  .foundersSec .secWrapper .secHeading h2 {
    font-size: 30px;
  }
}
@media screen and (max-width: 720px) {
  .foundersSec .secWrapper .secHeading h2 {
    font-size: 24px;
  }
}
.foundersSec .secWrapper .secHeading p {
  color: #1E1E1E;
  text-align: center;
  font-size: 20px;
  line-height: 160%;
}
@media screen and (max-width: 1600px) {
  .foundersSec .secWrapper .secHeading p {
    font-size: 18px;
  }
}
@media screen and (max-width: 1440px) {
  .foundersSec .secWrapper .secHeading p {
    font-size: 16px;
  }
}
@media screen and (max-width: 720px) {
  .foundersSec .secWrapper .secHeading p {
    font-size: 12px;
  }
}
.foundersSec .secWrapper .secContent {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-bottom: 150px;
  gap: 60px;
}
.foundersSec .secWrapper .secContent .founderDetailsbox {
  display: flex;
  align-items: center;
  gap: 70px;
  justify-content: flex-end;
  width: calc(50% - 30px);
}
.foundersSec .secWrapper .secContent .founderDetailsbox .detailBox {
  width: calc(55% - 70px);
  text-align: end;
}
.foundersSec .secWrapper .secContent .founderDetailsbox .detailBox p {
  color: #1E1E1E;
  font-size: 24px;
  line-height: 133%;
  margin-bottom: 10px;
  text-transform: capitalize;
}
@media screen and (max-width: 1600px) {
  .foundersSec .secWrapper .secContent .founderDetailsbox .detailBox p {
    font-size: 20px;
  }
}
@media screen and (max-width: 1440px) {
  .foundersSec .secWrapper .secContent .founderDetailsbox .detailBox p {
    font-size: 16px;
  }
}
.foundersSec .secWrapper .secContent .founderDetailsbox .detailBox h6 {
  color: #1E1E1E;
  font-weight: 700;
  font-size: 24px;
  line-height: 140%;
  text-transform: capitalize;
}
@media screen and (max-width: 1600px) {
  .foundersSec .secWrapper .secContent .founderDetailsbox .detailBox h6 {
    font-size: 20px;
  }
}
@media screen and (max-width: 1440px) {
  .foundersSec .secWrapper .secContent .founderDetailsbox .detailBox h6 {
    font-size: 16px;
  }
}
.foundersSec .secWrapper .secContent .founderDetailsbox .pictureBox {
  transition: all 0.5s ease-in-out;
  position: relative;
  overflow: hidden;
  transform-origin: left;
  width: 45%;
}
.foundersSec .secWrapper .secContent .founderDetailsbox:nth-child(1) {
  flex-flow: row;
}
.foundersSec .secWrapper .secContent .founderDetailsbox:nth-child(2) {
  flex-flow: row-reverse;
}
.foundersSec .secWrapper .secContent .founderDetailsbox:nth-child(2) .detailBox {
  text-align: start;
}
.foundersSec .secWrapper .secContent .founderDetailsbox:nth-child(2) .pictureBox {
  transform-origin: right;
}
.foundersSec:hover {
  background: #F5F75E;
}
.foundersSec:hover .secWrapper .secContent .founderDetailsbox .pictureBox {
  transform: scaleX(1.05);
}
@media all and (max-width: 1800px) {
  .foundersSec {
    margin-bottom: 180px;
  }
  .foundersSec .secWrapper .secHeading {
    margin-bottom: 60px;
    padding-top: 60px;
  }
  .foundersSec .secWrapper .secHeading h2 {
    margin-bottom: 22px;
  }
  .foundersSec .secWrapper .secContent {
    padding-bottom: 140px;
  }
}
@media all and (max-width: 1600px) {
  .foundersSec {
    margin-bottom: 150px;
  }
  .foundersSec .secWrapper .secHeading {
    margin-bottom: 50px;
    padding-top: 50px;
  }
  .foundersSec .secWrapper .secHeading h2 {
    margin-bottom: 20px;
  }
  .foundersSec .secWrapper .secContent {
    padding-bottom: 120px;
  }
  .foundersSec .secWrapper .secContent .founderDetailsbox {
    gap: 60px;
  }
  .foundersSec .secWrapper .secContent .founderDetailsbox .detailBox {
    width: calc(55% - 60px);
  }
}
@media all and (max-width: 1440px) {
  .foundersSec {
    margin-bottom: 120px;
  }
  .foundersSec .secWrapper .secHeading h2 {
    margin-bottom: 15px;
  }
  .foundersSec .secWrapper .secContent {
    padding-bottom: 100px;
    gap: 50px;
  }
  .foundersSec .secWrapper .secContent .founderDetailsbox {
    gap: 50px;
    width: calc(50% - 25px);
  }
  .foundersSec .secWrapper .secContent .founderDetailsbox .detailBox {
    width: calc(55% - 50px);
  }
}
@media all and (max-width: 1280px) {
  .foundersSec .secWrapper .secHeading {
    margin-bottom: 45px;
    padding-top: 45px;
  }
  .foundersSec .secWrapper .secHeading h2 {
    margin-bottom: 12px;
  }
  .foundersSec .secWrapper .secContent {
    padding-bottom: 80px;
    gap: 50px;
  }
  .foundersSec .secWrapper .secContent .founderDetailsbox {
    gap: 40px;
    width: calc(50% - 25px);
  }
  .foundersSec .secWrapper .secContent .founderDetailsbox .detailBox {
    width: calc(55% - 40px);
  }
}
@media all and (max-width: 1024px) {
  .foundersSec {
    margin-bottom: 100px;
  }
  .foundersSec .secWrapper .secHeading {
    margin-bottom: 40px;
    padding-top: 40px;
  }
  .foundersSec .secWrapper .secHeading h2 {
    margin-bottom: 10px;
  }
  .foundersSec .secWrapper .secContent {
    padding-bottom: 60px;
    gap: 40px;
  }
  .foundersSec .secWrapper .secContent .founderDetailsbox {
    gap: 30px;
    width: calc(50% - 20px);
  }
  .foundersSec .secWrapper .secContent .founderDetailsbox .detailBox {
    width: calc(55% - 30px);
  }
}
@media all and (max-width: 820px) {
  .foundersSec .secWrapper .secContent .founderDetailsbox {
    gap: 20px;
    width: calc(50% - 20px);
  }
  .foundersSec .secWrapper .secContent .founderDetailsbox .detailBox {
    width: calc(50% - 20px);
  }
  .foundersSec .secWrapper .secContent .founderDetailsbox .pictureBox {
    width: 50%;
  }
  .foundersSec:hover {
    background: #fff;
  }
  .foundersSec:hover .secWrapper .secContent .founderDetailsbox .pictureBox {
    transform: unset;
  }
}
@media all and (max-width: 720px) {
  .foundersSec {
    background: #F5F75E;
  }
  .foundersSec .secWrapper .secHeading {
    margin-bottom: 30px;
    padding-top: 30px;
  }
  .foundersSec .secWrapper .secHeading h2 {
    margin-bottom: 10px;
    line-height: 116%;
    text-align: left;
  }
  .foundersSec .secWrapper .secHeading p {
    text-align: left;
  }
  .foundersSec .secWrapper .secContent {
    flex-flow: column;
    padding-bottom: 35px;
    gap: 35px;
  }
  .foundersSec .secWrapper .secContent .founderDetailsbox {
    gap: 20px;
    width: 100%;
    flex-flow: column;
    align-items: flex-start;
  }
  .foundersSec .secWrapper .secContent .founderDetailsbox .detailBox {
    width: 100%;
    order: 1;
    text-align: start;
  }
  .foundersSec .secWrapper .secContent .founderDetailsbox .detailBox p {
    margin-bottom: 4px;
    font-size: 12px;
    line-height: 150%;
  }
  .foundersSec .secWrapper .secContent .founderDetailsbox .detailBox h6 {
    font-size: 16px;
    line-height: 175%;
  }
  .foundersSec .secWrapper .secContent .founderDetailsbox:nth-child(1) {
    flex-flow: column;
    align-items: flex-start;
  }
  .foundersSec .secWrapper .secContent .founderDetailsbox:nth-child(2) {
    flex-flow: column;
    align-items: flex-end;
  }
  .foundersSec .secWrapper .secContent .founderDetailsbox:nth-child(2) .detailBox {
    text-align: end;
  }
  .foundersSec:hover {
    background: #F5F75E;
  }
}

.poweringIdeaSec {
  height: 100vh;
  overflow: hidden;
  position: relative;
  margin-bottom: 200px;
  background: #F5F75E;
}
.poweringIdeaSec .secWrapper {
  height: 100%;
}
.poweringIdeaSec .secWrapper .poweringMainContainer {
  display: flex;
  justify-content: flex-start;
  height: 100%;
  width: 100%;
}
.poweringIdeaSec .secWrapper .poweringMainContainer .imgBox {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0%;
  z-index: 1;
  transition: all 0.8s ease-in-out;
}
.poweringIdeaSec .secWrapper .poweringMainContainer .imgBox img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.poweringIdeaSec .secWrapper .poweringMainContainer .imgBox img.bannerMbl {
  display: none;
}
.poweringIdeaSec .secWrapper .poweringMainContainer .contentBox {
  width: 50%;
  position: absolute;
  right: 0;
  top: 120%;
  transition: all 0.8s ease-in-out;
  padding-left: 90px;
  padding-right: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.poweringIdeaSec .secWrapper .poweringMainContainer .contentBox .innerContentGroup p:first-child {
  color: #1E1E1E;
  font-size: 16px;
  line-height: 250%;
  text-transform: uppercase;
  margin-bottom: 16px;
}
@media screen and (max-width: 1600px) {
  .poweringIdeaSec .secWrapper .poweringMainContainer .contentBox .innerContentGroup p:first-child {
    font-size: 14px;
  }
}
@media screen and (max-width: 1440px) {
  .poweringIdeaSec .secWrapper .poweringMainContainer .contentBox .innerContentGroup p:first-child {
    font-size: 12px;
  }
}
.poweringIdeaSec .secWrapper .poweringMainContainer .contentBox .innerContentGroup h2 {
  color: #1E1E1E;
  font-family: "termina", sans-serif;
  font-weight: 700;
  font-size: 42px;
  line-height: 142%;
  text-transform: uppercase;
  margin-bottom: 20px;
}
@media screen and (max-width: 1800px) {
  .poweringIdeaSec .secWrapper .poweringMainContainer .contentBox .innerContentGroup h2 {
    font-size: 36px;
  }
}
@media screen and (max-width: 1440px) {
  .poweringIdeaSec .secWrapper .poweringMainContainer .contentBox .innerContentGroup h2 {
    font-size: 32px;
  }
}
@media screen and (max-width: 820px) {
  .poweringIdeaSec .secWrapper .poweringMainContainer .contentBox .innerContentGroup h2 {
    font-size: 26px;
  }
}
@media screen and (max-width: 720px) {
  .poweringIdeaSec .secWrapper .poweringMainContainer .contentBox .innerContentGroup h2 {
    font-size: 20px;
  }
}
.poweringIdeaSec .secWrapper .poweringMainContainer .contentBox .innerContentGroup p {
  color: #1E1E1E;
  font-size: 20px;
  line-height: 160%;
  margin-bottom: 40px;
}
@media screen and (max-width: 1600px) {
  .poweringIdeaSec .secWrapper .poweringMainContainer .contentBox .innerContentGroup p {
    font-size: 18px;
  }
}
@media screen and (max-width: 1440px) {
  .poweringIdeaSec .secWrapper .poweringMainContainer .contentBox .innerContentGroup p {
    font-size: 16px;
  }
}
@media screen and (max-width: 720px) {
  .poweringIdeaSec .secWrapper .poweringMainContainer .contentBox .innerContentGroup p {
    font-size: 12px;
  }
}
.poweringIdeaSec .secWrapper .poweringMainContainer.activeViewPort .imgBox {
  width: 50%;
}
.poweringIdeaSec .secWrapper .poweringMainContainer.activeViewPort .contentBox {
  top: 0;
}
@media all and (max-width: 1800px) {
  .poweringIdeaSec {
    margin-bottom: 180px;
  }
  .poweringIdeaSec .secWrapper .poweringMainContainer .contentBox {
    padding-left: 85px;
  }
}
@media all and (max-width: 1600px) {
  .poweringIdeaSec {
    margin-bottom: 150px;
  }
  .poweringIdeaSec .secWrapper .poweringMainContainer .contentBox {
    padding-left: 80px;
  }
  .poweringIdeaSec .secWrapper .poweringMainContainer .contentBox .innerContentGroup p {
    margin-bottom: 38px;
  }
}
@media all and (max-width: 1440px) {
  .poweringIdeaSec {
    margin-bottom: 120px;
  }
  .poweringIdeaSec .secWrapper .poweringMainContainer .contentBox {
    padding-left: 75px;
  }
  .poweringIdeaSec .secWrapper .poweringMainContainer .contentBox .innerContentGroup p {
    margin-bottom: 30px;
  }
}
@media all and (max-width: 1280px) {
  .poweringIdeaSec .secWrapper .poweringMainContainer .contentBox {
    padding-left: 70px;
  }
  .poweringIdeaSec .secWrapper .poweringMainContainer .contentBox .innerContentGroup h2 {
    margin-bottom: 16px;
  }
}
@media all and (max-width: 1024px) {
  .poweringIdeaSec {
    margin-bottom: 100px;
    height: 100%;
  }
  .poweringIdeaSec .secWrapper .poweringMainContainer {
    flex-flow: column;
    gap: 30px;
  }
  .poweringIdeaSec .secWrapper .poweringMainContainer .imgBox {
    position: relative;
    width: 100%;
  }
  .poweringIdeaSec .secWrapper .poweringMainContainer .imgBox img.bannerDesktop {
    display: none;
  }
  .poweringIdeaSec .secWrapper .poweringMainContainer .imgBox img.bannerMbl {
    display: block;
  }
  .poweringIdeaSec .secWrapper .poweringMainContainer .contentBox {
    height: 100%;
    position: relative;
    width: 100%;
    padding-left: 120px;
    padding-right: 120px;
    padding-bottom: 36px;
  }
}
@media screen and (max-width: 1024px) and (max-width: 1600px) {
  .poweringIdeaSec .secWrapper .poweringMainContainer .contentBox {
    padding-left: 90px;
    padding-right: 90px;
  }
}
@media screen and (max-width: 1024px) and (max-width: 1440px) {
  .poweringIdeaSec .secWrapper .poweringMainContainer .contentBox {
    padding-left: 80px;
    padding-right: 80px;
  }
}
@media screen and (max-width: 1024px) and (max-width: 1024px) {
  .poweringIdeaSec .secWrapper .poweringMainContainer .contentBox {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media screen and (max-width: 1024px) and (max-width: 680px) {
  .poweringIdeaSec .secWrapper .poweringMainContainer .contentBox {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media all and (max-width: 1024px) {
  .poweringIdeaSec .secWrapper .poweringMainContainer .contentBox .innerContentGroup {
    width: 100%;
  }
}
@media all and (max-width: 820px) {
  .poweringIdeaSec .secWrapper .poweringMainContainer {
    gap: 24px;
  }
}
@media all and (max-width: 720px) {
  .poweringIdeaSec .secWrapper .poweringMainContainer .contentBox .innerContentGroup p:first-child {
    margin-bottom: 12px;
    font-size: 12px;
    line-height: 150%;
  }
  .poweringIdeaSec .secWrapper .poweringMainContainer .contentBox .innerContentGroup h2 {
    font-size: 20px;
    line-height: 140%;
  }
  .poweringIdeaSec .secWrapper .poweringMainContainer .contentBox .innerContentGroup p {
    margin-bottom: 40px;
    font-size: 16px;
    line-height: 175%;
  }
  .poweringIdeaSec .secWrapper .poweringMainContainer .contentBox .innerContentGroup a {
    border: none;
    padding-left: 0;
    font-size: 16px;
  }
}

.careerAtEvertaSec {
  margin-bottom: 200px;
  border-top: 1px solid #BEC3C5;
  border-bottom: 1px solid #BEC3C5;
}
.careerAtEvertaSec .secWrapper {
  padding-left: 120px;
  padding-right: 120px;
}
@media screen and (max-width: 1600px) {
  .careerAtEvertaSec .secWrapper {
    padding-left: 90px;
    padding-right: 90px;
  }
}
@media screen and (max-width: 1440px) {
  .careerAtEvertaSec .secWrapper {
    padding-left: 80px;
    padding-right: 80px;
  }
}
@media screen and (max-width: 1024px) {
  .careerAtEvertaSec .secWrapper {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media screen and (max-width: 680px) {
  .careerAtEvertaSec .secWrapper {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.careerAtEvertaSec .secWrapper .secHeading {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-flow: column;
  gap: 50px;
  padding: 70px 0;
}
.careerAtEvertaSec .secWrapper .secHeading h2 {
  color: #1E1E1E;
  text-align: center;
  font-family: "termina", sans-serif;
  font-weight: 700;
  font-size: 48px;
  line-height: 133%;
  text-transform: uppercase;
}
@media screen and (max-width: 1600px) {
  .careerAtEvertaSec .secWrapper .secHeading h2 {
    font-size: 40px;
  }
}
@media screen and (max-width: 1440px) {
  .careerAtEvertaSec .secWrapper .secHeading h2 {
    font-size: 36px;
  }
}
@media screen and (max-width: 820px) {
  .careerAtEvertaSec .secWrapper .secHeading h2 {
    font-size: 30px;
  }
}
@media screen and (max-width: 720px) {
  .careerAtEvertaSec .secWrapper .secHeading h2 {
    font-size: 24px;
  }
}
@media all and (max-width: 1800px) {
  .careerAtEvertaSec {
    margin-bottom: 180px;
  }
}
@media all and (max-width: 1600px) {
  .careerAtEvertaSec {
    margin-bottom: 150px;
  }
}
@media all and (max-width: 1440px) {
  .careerAtEvertaSec {
    margin-bottom: 120px;
  }
  .careerAtEvertaSec .secWrapper .secHeading {
    padding: 60px 0;
    gap: 45px;
  }
}
@media all and (max-width: 1280px) {
  .careerAtEvertaSec .secWrapper .secHeading {
    padding: 50px 0;
    gap: 40px;
  }
}
@media all and (max-width: 1024px) {
  .careerAtEvertaSec {
    margin-bottom: 100px;
  }
  .careerAtEvertaSec .secWrapper .secHeading {
    gap: 35px;
  }
}
@media all and (max-width: 720px) {
  .careerAtEvertaSec .secWrapper .secHeading {
    gap: 25px;
    align-items: flex-start;
  }
  .careerAtEvertaSec .secWrapper .secHeading h2 {
    text-align: left;
    line-height: 116%;
  }
}

.visitUsSec {
  margin-bottom: 200px;
}
.visitUsSec .secWrapper .visiUsMainContainer {
  display: flex;
  align-items: stretch;
  border-top: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
}
.visitUsSec .secWrapper .visiUsMainContainer .mapBox {
  width: 70%;
}
.visitUsSec .secWrapper .visiUsMainContainer .mapBox .desktopSVG svg .india {
  opacity: 0;
  transition: all 0.5s ease-in-out;
}
.visitUsSec .secWrapper .visiUsMainContainer .mapBox .desktopSVG svg .uae {
  opacity: 0;
  transition: all 0.5s ease-in-out;
}
.visitUsSec .secWrapper .visiUsMainContainer .mapBox .desktopSVG svg .poland {
  opacity: 0;
  transition: all 0.5s ease-in-out;
}
.visitUsSec .secWrapper .visiUsMainContainer .mapBox .mblSVG {
  display: none;
}
.visitUsSec .secWrapper .visiUsMainContainer .mapBox .mblSVG svg .cls-1 {
  fill: none;
}
.visitUsSec .secWrapper .visiUsMainContainer .mapBox .mblSVG svg .cls-2, .visitUsSec .secWrapper .visiUsMainContainer .mapBox .mblSVG svg .cls-3 {
  fill: #1e1e1e;
}
.visitUsSec .secWrapper .visiUsMainContainer .mapBox .mblSVG svg .cls-4 {
  fill: #f5f75e;
}
.visitUsSec .secWrapper .visiUsMainContainer .mapBox .mblSVG svg .cls-5, .visitUsSec .secWrapper .visiUsMainContainer .mapBox .mblSVG svg .cls-6 {
  fill: #e5e7e8;
}
.visitUsSec .secWrapper .visiUsMainContainer .mapBox .mblSVG svg .cls-6, .visitUsSec .secWrapper .visiUsMainContainer .mapBox .mblSVG svg .cls-3 {
  fill-rule: evenodd;
}
.visitUsSec .secWrapper .visiUsMainContainer .mapBox .mblSVG svg .cls-7 {
  clip-path: url(#clippath);
}
.visitUsSec .secWrapper .visiUsMainContainer .addressContent {
  width: 30%;
  padding: 100px 85px;
  background: #1E1E1E;
}
.visitUsSec .secWrapper .visiUsMainContainer .addressContent h2 {
  color: #F5F75E;
  font-family: "termina", sans-serif;
  font-weight: 700;
  font-size: 48px;
  line-height: 133%;
  text-transform: uppercase;
  margin-bottom: 30px;
}
@media screen and (max-width: 1600px) {
  .visitUsSec .secWrapper .visiUsMainContainer .addressContent h2 {
    font-size: 40px;
  }
}
@media screen and (max-width: 1440px) {
  .visitUsSec .secWrapper .visiUsMainContainer .addressContent h2 {
    font-size: 36px;
  }
}
@media screen and (max-width: 820px) {
  .visitUsSec .secWrapper .visiUsMainContainer .addressContent h2 {
    font-size: 30px;
  }
}
@media screen and (max-width: 720px) {
  .visitUsSec .secWrapper .visiUsMainContainer .addressContent h2 {
    font-size: 24px;
  }
}
.visitUsSec .secWrapper .visiUsMainContainer .addressContent .visitUsSliderBox {
  margin-bottom: 65px;
}
.visitUsSec .secWrapper .visiUsMainContainer .addressContent .visitUsSliderBox .addressBox p {
  color: #FAFAFA;
  font-size: 28px;
  line-height: 142%;
  margin-bottom: 10px;
}
@media screen and (max-width: 1600px) {
  .visitUsSec .secWrapper .visiUsMainContainer .addressContent .visitUsSliderBox .addressBox p {
    font-size: 22px;
  }
}
@media screen and (max-width: 1440px) {
  .visitUsSec .secWrapper .visiUsMainContainer .addressContent .visitUsSliderBox .addressBox p {
    font-size: 18px;
  }
}
@media screen and (max-width: 820px) {
  .visitUsSec .secWrapper .visiUsMainContainer .addressContent .visitUsSliderBox .addressBox p {
    font-size: 14px;
  }
}
.visitUsSec .secWrapper .visiUsMainContainer .addressContent .visitUsSliderBox .addressBox p:last-child {
  font-size: 20px;
  line-height: 160%;
  margin-bottom: 0;
}
@media screen and (max-width: 1600px) {
  .visitUsSec .secWrapper .visiUsMainContainer .addressContent .visitUsSliderBox .addressBox p:last-child {
    font-size: 18px;
  }
}
@media screen and (max-width: 1440px) {
  .visitUsSec .secWrapper .visiUsMainContainer .addressContent .visitUsSliderBox .addressBox p:last-child {
    font-size: 16px;
  }
}
@media screen and (max-width: 720px) {
  .visitUsSec .secWrapper .visiUsMainContainer .addressContent .visitUsSliderBox .addressBox p:last-child {
    font-size: 12px;
  }
}
.visitUsSec .secWrapper .visiUsMainContainer .addressContent .visitUsSliderBox.slick-dotted.slick-slider .slick-dots {
  bottom: -65px;
  display: inline-flex;
}
.visitUsSec .secWrapper .visiUsMainContainer .addressContent .visitUsSliderBox.slick-dotted.slick-slider .slick-dots li {
  width: 8px;
  height: 8px;
  background: rgba(245, 247, 94, 0.2);
  border-radius: 100%;
}
.visitUsSec .secWrapper .visiUsMainContainer .addressContent .visitUsSliderBox.slick-dotted.slick-slider .slick-dots li button {
  width: 8px;
  height: 8px;
}
.visitUsSec .secWrapper .visiUsMainContainer .addressContent .visitUsSliderBox.slick-dotted.slick-slider .slick-dots li button::before {
  display: none;
}
.visitUsSec .secWrapper .visiUsMainContainer .addressContent .visitUsSliderBox.slick-dotted.slick-slider .slick-dots li.slick-active {
  background: rgb(245, 247, 94);
}
.visitUsSec .secWrapper .visiUsMainContainer .addressContent .visitUsSliderBox.slick-dotted.slick-slider .slick-dots li:only-child {
  display: none;
}
@media all and (max-width: 1920px) {
  .visitUsSec .secWrapper .visiUsMainContainer {
    align-items: center;
  }
}
@media all and (max-width: 1800px) {
  .visitUsSec {
    margin-bottom: 180px;
  }
  .visitUsSec .secWrapper .visiUsMainContainer .addressContent {
    padding: 90px 80px;
  }
}
@media all and (max-width: 1600px) {
  .visitUsSec {
    margin-bottom: 150px;
  }
  .visitUsSec .secWrapper .visiUsMainContainer .mapBox {
    width: 68%;
  }
  .visitUsSec .secWrapper .visiUsMainContainer .addressContent {
    padding: 80px 70px;
    width: 32%;
  }
}
@media all and (max-width: 1440px) {
  .visitUsSec {
    margin-bottom: 120px;
  }
  .visitUsSec .secWrapper .visiUsMainContainer .mapBox {
    width: 65%;
  }
  .visitUsSec .secWrapper .visiUsMainContainer .addressContent {
    padding: 70px 60px;
    width: 35%;
  }
  .visitUsSec .secWrapper .visiUsMainContainer .addressContent h2 {
    margin-bottom: 25px;
  }
}
@media all and (max-width: 1280px) {
  .visitUsSec .secWrapper .visiUsMainContainer .mapBox {
    width: 65%;
  }
  .visitUsSec .secWrapper .visiUsMainContainer .addressContent {
    padding: 45px 50px;
    width: 35%;
  }
  .visitUsSec .secWrapper .visiUsMainContainer .addressContent .visitUsSliderBox {
    margin-bottom: 50px;
  }
  .visitUsSec .secWrapper .visiUsMainContainer .addressContent .visitUsSliderBox.slick-dotted.slick-slider .slick-dots {
    bottom: -50px;
  }
}
@media all and (max-width: 1024px) {
  .visitUsSec {
    margin-bottom: 100px;
  }
  .visitUsSec .secWrapper .visiUsMainContainer {
    align-items: center;
  }
  .visitUsSec .secWrapper .visiUsMainContainer .mapBox {
    width: 60%;
  }
  .visitUsSec .secWrapper .visiUsMainContainer .mapBox .desktopSVG svg {
    height: 260px;
  }
  .visitUsSec .secWrapper .visiUsMainContainer .addressContent {
    width: 40%;
    padding: 45px 40px;
  }
  .visitUsSec .secWrapper .visiUsMainContainer .addressContent h2 {
    margin-bottom: 20px;
  }
}
@media all and (max-width: 820px) {
  .visitUsSec .secWrapper .visiUsMainContainer {
    flex-flow: column;
    gap: 24px;
  }
  .visitUsSec .secWrapper .visiUsMainContainer .mapBox {
    width: 100%;
  }
  .visitUsSec .secWrapper .visiUsMainContainer .mapBox .desktopSVG {
    display: none;
  }
  .visitUsSec .secWrapper .visiUsMainContainer .mapBox .mblSVG {
    display: block;
    padding: 20px 0 0 0;
  }
  .visitUsSec .secWrapper .visiUsMainContainer .mapBox .mblSVG svg .india {
    opacity: 0;
    transition: all 0.5s ease-in-out;
  }
  .visitUsSec .secWrapper .visiUsMainContainer .mapBox .mblSVG svg .uae {
    opacity: 0;
    transition: all 0.5s ease-in-out;
  }
  .visitUsSec .secWrapper .visiUsMainContainer .mapBox .mblSVG svg .poland {
    opacity: 0;
    transition: all 0.5s ease-in-out;
  }
  .visitUsSec .secWrapper .visiUsMainContainer .addressContent {
    width: 100%;
    padding: 50px 10px 30px 30px;
  }
  .visitUsSec .secWrapper .visiUsMainContainer .addressContent h2 {
    margin-bottom: 20px;
  }
}
@media all and (max-width: 720px) {
  .visitUsSec .secWrapper .visiUsMainContainer {
    flex-flow: column;
  }
  .visitUsSec .secWrapper .visiUsMainContainer .mapBox {
    width: 100%;
  }
  .visitUsSec .secWrapper .visiUsMainContainer .addressContent {
    width: 100%;
    padding: 20px 10px 30px 30px;
  }
  .visitUsSec .secWrapper .visiUsMainContainer .addressContent h2 {
    margin-bottom: 16px;
    font-size: 24px;
    line-height: 116%;
  }
  .visitUsSec .secWrapper .visiUsMainContainer .addressContent .visitUsSliderBox {
    margin-bottom: 30px;
  }
  .visitUsSec .secWrapper .visiUsMainContainer .addressContent .visitUsSliderBox .addressBox p {
    font-size: 16px;
    line-height: 175%;
    margin-bottom: 5px;
  }
  .visitUsSec .secWrapper .visiUsMainContainer .addressContent .visitUsSliderBox .addressBox p:last-child {
    font-size: 12px;
    line-height: 150%;
  }
  .visitUsSec .secWrapper .visiUsMainContainer .addressContent .visitUsSliderBox.slick-dotted.slick-slider .slick-dots {
    bottom: -30px;
  }
}

.resDetailBannerSec {
  margin-top: 172px;
  margin-bottom: 120px;
}
.resDetailBannerSec .secWrapper {
  padding-left: 120px;
  padding-right: 120px;
  width: 70%;
  margin: 0 auto;
}
@media screen and (max-width: 1600px) {
  .resDetailBannerSec .secWrapper {
    padding-left: 90px;
    padding-right: 90px;
  }
}
@media screen and (max-width: 1440px) {
  .resDetailBannerSec .secWrapper {
    padding-left: 80px;
    padding-right: 80px;
  }
}
@media screen and (max-width: 1024px) {
  .resDetailBannerSec .secWrapper {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media screen and (max-width: 680px) {
  .resDetailBannerSec .secWrapper {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.resDetailBannerSec .secWrapper .backBtn {
  margin-bottom: 32px;
  display: inline-block;
}
.resDetailBannerSec .secWrapper .backBtn a {
  display: flex;
  align-items: center;
  gap: 10px;
  color: #4B4B4B;
  font-family: "termina", sans-serif;
  font-size: 20px;
  line-height: 140%;
  font-weight: 600;
}
@media screen and (max-width: 1600px) {
  .resDetailBannerSec .secWrapper .backBtn a {
    font-size: 18px;
  }
}
@media screen and (max-width: 1440px) {
  .resDetailBannerSec .secWrapper .backBtn a {
    font-size: 16px;
  }
}
@media screen and (max-width: 720px) {
  .resDetailBannerSec .secWrapper .backBtn a {
    font-size: 12px;
  }
}
.resDetailBannerSec .secWrapper .backBtn a .backArrow {
  color: #4B4B4B;
  font-size: 20px;
}
.resDetailBannerSec .secWrapper .backBtn a .backArrow::before {
  margin: 0;
}
.resDetailBannerSec .secWrapper .secHeading h1 {
  color: #1E1E1E;
  text-shadow: 0px 5.12px 43.52px rgba(0, 0, 0, 0.1);
  font-family: "termina", sans-serif;
  font-weight: 600;
  font-size: 48px;
  line-height: 133%;
  margin-bottom: 50px;
}
@media screen and (max-width: 1600px) {
  .resDetailBannerSec .secWrapper .secHeading h1 {
    font-size: 40px;
  }
}
@media screen and (max-width: 1440px) {
  .resDetailBannerSec .secWrapper .secHeading h1 {
    font-size: 36px;
  }
}
@media screen and (max-width: 820px) {
  .resDetailBannerSec .secWrapper .secHeading h1 {
    font-size: 30px;
  }
}
@media screen and (max-width: 720px) {
  .resDetailBannerSec .secWrapper .secHeading h1 {
    font-size: 24px;
  }
}
.resDetailBannerSec .secWrapper .secHeading .imgBox .mbl {
  display: none;
}
@media all and (max-width: 1800px) {
  .resDetailBannerSec {
    margin-top: 165px;
    margin-bottom: 110px;
  }
  .resDetailBannerSec .secWrapper {
    width: 75%;
  }
}
@media all and (max-width: 1600px) {
  .resDetailBannerSec {
    margin-top: 150px;
  }
  .resDetailBannerSec .secWrapper {
    width: 80%;
  }
  .resDetailBannerSec .secWrapper .backBtn {
    margin-bottom: 30px;
  }
  .resDetailBannerSec .secWrapper .backBtn .backArrow {
    font-size: 18px;
  }
}
@media all and (max-width: 1440px) {
  .resDetailBannerSec {
    margin-top: 120px;
    margin-bottom: 100px;
  }
  .resDetailBannerSec .secWrapper {
    width: 85%;
  }
  .resDetailBannerSec .secWrapper .backBtn {
    margin-bottom: 25px;
  }
  .resDetailBannerSec .secWrapper .backBtn a .backArrow {
    font-size: 16px;
  }
  .resDetailBannerSec .secWrapper .secHeading h1 {
    margin-bottom: 40px;
  }
}
@media all and (max-width: 1280px) {
  .resDetailBannerSec {
    margin-top: 100px;
    margin-bottom: 80px;
  }
  .resDetailBannerSec .secWrapper .backBtn {
    margin-bottom: 20px;
  }
  .resDetailBannerSec .secWrapper .backBtn a img {
    width: 20px;
    height: 20px;
  }
  .resDetailBannerSec .secWrapper .secHeading h1 {
    margin-bottom: 35px;
  }
}
@media all and (max-width: 1024px) {
  .resDetailBannerSec {
    margin-bottom: 60px;
  }
  .resDetailBannerSec .secWrapper {
    width: 90%;
  }
}
@media all and (max-width: 820px) {
  .resDetailBannerSec .secWrapper {
    width: 90%;
  }
}
@media all and (max-width: 720px) {
  .resDetailBannerSec {
    margin-bottom: 50px;
  }
  .resDetailBannerSec .secWrapper {
    width: 100%;
  }
  .resDetailBannerSec .secWrapper .backBtn {
    margin-bottom: 24px;
  }
  .resDetailBannerSec .secWrapper .backBtn a {
    font-size: 14px;
    line-height: 100%;
    gap: 8px;
  }
  .resDetailBannerSec .secWrapper .backBtn a .backArrow {
    font-size: 14px;
  }
  .resDetailBannerSec .secWrapper .secHeading h1 {
    margin-bottom: 50px;
    font-size: 24px;
    line-height: 133%;
  }
  .resDetailBannerSec .secWrapper .secHeading .imgBox .desktop {
    display: none;
  }
  .resDetailBannerSec .secWrapper .secHeading .imgBox .mbl {
    display: block;
  }
}

.resDetailContentSec {
  margin-bottom: 120px;
  position: relative;
  overflow: hidden;
}
.resDetailContentSec .secWrapper {
  padding-left: 120px;
  padding-right: 120px;
  width: 70%;
  margin: 0 auto;
  overflow: hidden;
}
@media screen and (max-width: 1600px) {
  .resDetailContentSec .secWrapper {
    padding-left: 90px;
    padding-right: 90px;
  }
}
@media screen and (max-width: 1440px) {
  .resDetailContentSec .secWrapper {
    padding-left: 80px;
    padding-right: 80px;
  }
}
@media screen and (max-width: 1024px) {
  .resDetailContentSec .secWrapper {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media screen and (max-width: 680px) {
  .resDetailContentSec .secWrapper {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.resDetailContentSec .secWrapper .contentBox {
  position: relative;
  transition: 0.8s all ease-in-out;
  overflow: hidden;
}
.resDetailContentSec .secWrapper .contentBox.hideTxt {
  max-height: 1068px;
  overflow: hidden;
  transition: 0.8s all ease-in;
}
.resDetailContentSec .secWrapper .contentBox h2 {
  margin-bottom: 24px;
  color: #000;
  font-family: "termina", sans-serif;
  font-weight: 700;
  font-size: 32px;
  line-height: 150%;
}
@media screen and (max-width: 1800px) {
  .resDetailContentSec .secWrapper .contentBox h2 {
    font-size: 30px;
  }
}
@media screen and (max-width: 1600px) {
  .resDetailContentSec .secWrapper .contentBox h2 {
    font-size: 26px;
  }
}
@media screen and (max-width: 1440px) {
  .resDetailContentSec .secWrapper .contentBox h2 {
    font-size: 22px;
  }
}
@media screen and (max-width: 1024px) {
  .resDetailContentSec .secWrapper .contentBox h2 {
    font-size: 18px;
  }
}
.resDetailContentSec .secWrapper .contentBox h3 {
  margin-bottom: 24px;
  color: #000;
  font-family: "termina", sans-serif;
  font-weight: 700;
  font-size: 24px;
  line-height: 150%;
}
@media screen and (max-width: 1600px) {
  .resDetailContentSec .secWrapper .contentBox h3 {
    font-size: 20px;
  }
}
@media screen and (max-width: 1440px) {
  .resDetailContentSec .secWrapper .contentBox h3 {
    font-size: 16px;
  }
}
.resDetailContentSec .secWrapper .contentBox h4 {
  margin-bottom: 24px;
  color: #000;
  font-family: "termina", sans-serif;
  font-weight: 700;
  font-size: 20px;
  line-height: 160%;
}
@media screen and (max-width: 1600px) {
  .resDetailContentSec .secWrapper .contentBox h4 {
    font-size: 18px;
  }
}
@media screen and (max-width: 1440px) {
  .resDetailContentSec .secWrapper .contentBox h4 {
    font-size: 16px;
  }
}
@media screen and (max-width: 720px) {
  .resDetailContentSec .secWrapper .contentBox h4 {
    font-size: 12px;
  }
}
.resDetailContentSec .secWrapper .contentBox h5 {
  margin-bottom: 24px;
  color: #000;
  font-family: "termina", sans-serif;
  font-weight: 700;
  font-size: 16px;
  line-height: 150%;
}
@media screen and (max-width: 1600px) {
  .resDetailContentSec .secWrapper .contentBox h5 {
    font-size: 14px;
  }
}
@media screen and (max-width: 1440px) {
  .resDetailContentSec .secWrapper .contentBox h5 {
    font-size: 12px;
  }
}
.resDetailContentSec .secWrapper .contentBox p {
  color: #000;
  font-size: 20px;
  line-height: 160%;
  margin-bottom: 30px;
}
@media screen and (max-width: 1600px) {
  .resDetailContentSec .secWrapper .contentBox p {
    font-size: 18px;
  }
}
@media screen and (max-width: 1440px) {
  .resDetailContentSec .secWrapper .contentBox p {
    font-size: 16px;
  }
}
@media screen and (max-width: 720px) {
  .resDetailContentSec .secWrapper .contentBox p {
    font-size: 12px;
  }
}
.resDetailContentSec .secWrapper .contentBox ol {
  margin-left: 45px;
  margin-bottom: 50px;
}
.resDetailContentSec .secWrapper .contentBox ol li {
  list-style: decimal;
  color: #000;
  font-size: 20px;
  line-height: 160%;
  margin-bottom: 10px;
}
@media screen and (max-width: 1600px) {
  .resDetailContentSec .secWrapper .contentBox ol li {
    font-size: 18px;
  }
}
@media screen and (max-width: 1440px) {
  .resDetailContentSec .secWrapper .contentBox ol li {
    font-size: 16px;
  }
}
@media screen and (max-width: 720px) {
  .resDetailContentSec .secWrapper .contentBox ol li {
    font-size: 12px;
  }
}
.resDetailContentSec .secWrapper .contentBox ol li span {
  font-family: "verdana-pro", sans-serif;
  font-weight: 700;
}
.resDetailContentSec .secWrapper .contentBox ol li ul, .resDetailContentSec .secWrapper .contentBox ol li ol, .resDetailContentSec .secWrapper .contentBox ol li p {
  margin-top: 10px;
}
.resDetailContentSec .secWrapper .contentBox ul {
  margin-left: 45px;
  margin-bottom: 50px;
}
.resDetailContentSec .secWrapper .contentBox ul li {
  list-style: disc;
  color: #000;
  font-size: 20px;
  line-height: 160%;
  margin-bottom: 10px;
}
@media screen and (max-width: 1600px) {
  .resDetailContentSec .secWrapper .contentBox ul li {
    font-size: 18px;
  }
}
@media screen and (max-width: 1440px) {
  .resDetailContentSec .secWrapper .contentBox ul li {
    font-size: 16px;
  }
}
@media screen and (max-width: 720px) {
  .resDetailContentSec .secWrapper .contentBox ul li {
    font-size: 12px;
  }
}
.resDetailContentSec .secWrapper .contentBox ul li span {
  font-family: "verdana-pro", sans-serif;
  font-weight: 700;
}
.resDetailContentSec .secWrapper .contentBox ul li ul, .resDetailContentSec .secWrapper .contentBox ul li ol, .resDetailContentSec .secWrapper .contentBox ul li p {
  margin-top: 10px;
}
.resDetailContentSec .secWrapper .contentBox img {
  margin-bottom: 30px;
}
.resDetailContentSec .secWrapper .contentBox figure {
  margin-bottom: 30px;
}
.resDetailContentSec .secWrapper .contentBox .imgFig figcaption {
  position: relative;
  padding-left: 10px;
  color: #000;
  font-size: 16px;
  line-height: 175%;
  margin: 16px 0;
}
@media screen and (max-width: 1600px) {
  .resDetailContentSec .secWrapper .contentBox .imgFig figcaption {
    font-size: 14px;
  }
}
@media screen and (max-width: 1440px) {
  .resDetailContentSec .secWrapper .contentBox .imgFig figcaption {
    font-size: 12px;
  }
}
.resDetailContentSec .secWrapper .contentBox .imgFig figcaption::before {
  content: "";
  position: absolute;
  top: 0;
  border-left: 2px solid #000;
  height: 100%;
  left: 0;
}
.resDetailContentSec .secWrapper .contentBox .wp-caption-text, .resDetailContentSec .secWrapper .contentBox .wp-element-caption {
  position: relative;
  padding-left: 10px;
  color: #000;
  font-size: 16px;
  line-height: 175%;
  margin: 16px 0;
}
@media screen and (max-width: 1600px) {
  .resDetailContentSec .secWrapper .contentBox .wp-caption-text, .resDetailContentSec .secWrapper .contentBox .wp-element-caption {
    font-size: 14px;
  }
}
@media screen and (max-width: 1440px) {
  .resDetailContentSec .secWrapper .contentBox .wp-caption-text, .resDetailContentSec .secWrapper .contentBox .wp-element-caption {
    font-size: 12px;
  }
}
.resDetailContentSec .secWrapper .contentBox .wp-caption-text::before, .resDetailContentSec .secWrapper .contentBox .wp-element-caption::before {
  content: "";
  position: absolute;
  top: 0;
  border-left: 2px solid #000;
  height: 100%;
  left: 0;
}
.resDetailContentSec .secWrapper .contentBox .figCaptionBox {
  padding: 40px 0 0 0;
}
.resDetailContentSec .secWrapper .contentBox .figCaptionBox .singleCaption {
  background: #F5F75E;
  padding: 36px 0 20px;
  margin-bottom: 0;
}
.resDetailContentSec .secWrapper .contentBox .figCaptionBox .singleCaption figcaption {
  position: relative;
  padding: 0 10px;
  color: #000;
  font-size: 20px;
  line-height: 140%;
  font-style: italic;
}
@media screen and (max-width: 1600px) {
  .resDetailContentSec .secWrapper .contentBox .figCaptionBox .singleCaption figcaption {
    font-size: 18px;
  }
}
@media screen and (max-width: 1440px) {
  .resDetailContentSec .secWrapper .contentBox .figCaptionBox .singleCaption figcaption {
    font-size: 16px;
  }
}
@media screen and (max-width: 720px) {
  .resDetailContentSec .secWrapper .contentBox .figCaptionBox .singleCaption figcaption {
    font-size: 12px;
  }
}
.resDetailContentSec .secWrapper .contentBox .figCaptionBox .singleCaption figcaption::before {
  content: "";
  position: absolute;
  top: 0;
  border-left: 2px solid #000;
  height: 100%;
  left: 0;
}
.resDetailContentSec .secWrapper .contentBox .highlightedTxt {
  position: relative;
  padding: 0 10px;
  color: #000;
  font-size: 20px;
  line-height: 140%;
  font-style: italic;
  background: #F5F75E;
  padding: 36px 0 20px 10px;
}
@media screen and (max-width: 1600px) {
  .resDetailContentSec .secWrapper .contentBox .highlightedTxt {
    font-size: 18px;
  }
}
@media screen and (max-width: 1440px) {
  .resDetailContentSec .secWrapper .contentBox .highlightedTxt {
    font-size: 16px;
  }
}
@media screen and (max-width: 720px) {
  .resDetailContentSec .secWrapper .contentBox .highlightedTxt {
    font-size: 12px;
  }
}
.resDetailContentSec .secWrapper .contentBox .highlightedTxt::before {
  content: "";
  position: absolute;
  border-left: 2px solid #000;
  height: calc(100% - 56px);
  left: 0;
}
.resDetailContentSec .secWrapper .contentBox .bottomspace {
  margin-bottom: 34px;
  overflow: auto;
  border: none;
}
.resDetailContentSec .secWrapper .contentBox .wp-block-separator {
  margin-bottom: 34px;
  overflow: auto;
  border: none;
}
.resDetailContentSec .secWrapper .contentBox:last-child {
  margin-bottom: 0;
}
.resDetailContentSec .secWrapper .contentBox::after {
  content: "";
  background: linear-gradient(0deg, #FFF 0%, rgba(255, 255, 255, 0) 100%);
  width: 100%;
  height: 200px;
  bottom: 0px;
  left: 0;
  position: absolute;
}
.resDetailContentSec .secWrapper .contentBox.removeFadeEffect::after {
  display: none;
}
.resDetailContentSec .secWrapper .readMoreBtnBox {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 40px;
}
.resDetailContentSec .secWrapper .readMoreBtnBox.btnHide {
  display: none;
}
@media all and (max-width: 1920px) {
  .resDetailContentSec .secWrapper .contentBox.hideTxt {
    max-height: 900px;
  }
}
@media all and (max-width: 1800px) {
  .resDetailContentSec {
    margin-bottom: 110px;
  }
  .resDetailContentSec .secWrapper {
    width: 75%;
  }
  .resDetailContentSec .secWrapper .contentBox.hideTxt {
    max-height: 900px;
  }
  .resDetailContentSec .secWrapper .contentBox .bottomspace {
    margin-bottom: 30px;
  }
}
@media all and (max-width: 1600px) {
  .resDetailContentSec .secWrapper {
    width: 80%;
  }
  .resDetailContentSec .secWrapper .contentBox.hideTxt {
    max-height: 850px;
  }
  .resDetailContentSec .secWrapper .contentBox .bottomspace {
    margin-bottom: 25px;
  }
  .resDetailContentSec .secWrapper .contentBox p {
    margin-bottom: 28px;
  }
  .resDetailContentSec .secWrapper .contentBox img {
    margin-bottom: 28px;
  }
  .resDetailContentSec .secWrapper .contentBox ol {
    margin-bottom: 45px;
  }
  .resDetailContentSec .secWrapper .contentBox ul {
    margin-bottom: 45px;
  }
}
@media all and (max-width: 1440px) {
  .resDetailContentSec {
    margin-bottom: 100px;
  }
  .resDetailContentSec .secWrapper {
    width: 85%;
  }
  .resDetailContentSec .secWrapper .contentBox.hideTxt {
    max-height: 800px;
  }
  .resDetailContentSec .secWrapper .contentBox h2 {
    margin-bottom: 20px;
  }
  .resDetailContentSec .secWrapper .contentBox h3 {
    margin-bottom: 20px;
  }
  .resDetailContentSec .secWrapper .contentBox h4 {
    margin-bottom: 20px;
  }
  .resDetailContentSec .secWrapper .contentBox h5 {
    margin-bottom: 20px;
  }
  .resDetailContentSec .secWrapper .contentBox p {
    margin-bottom: 26px;
  }
  .resDetailContentSec .secWrapper .contentBox img {
    margin-bottom: 26px;
  }
  .resDetailContentSec .secWrapper .contentBox ol {
    margin-bottom: 40px;
    margin-left: 40px;
  }
  .resDetailContentSec .secWrapper .contentBox ul {
    margin-bottom: 40px;
    margin-left: 40px;
  }
  .resDetailContentSec .secWrapper .contentBox .figCaptionBox {
    padding: 35px 0 0 0;
  }
  .resDetailContentSec .secWrapper .contentBox .figCaptionBox .singleCaption {
    padding: 30px 0 16px;
  }
  .resDetailContentSec .secWrapper .contentBox .highlightedTxt {
    padding: 30px 0 16px 10px;
  }
  .resDetailContentSec .secWrapper .contentBox .bottomspace {
    margin-bottom: 20px;
  }
}
@media all and (max-width: 1280px) {
  .resDetailContentSec .secWrapper .contentBox.hideTxt {
    max-height: 730px;
  }
  .resDetailContentSec .secWrapper .contentBox p {
    margin-bottom: 24px;
  }
  .resDetailContentSec .secWrapper .contentBox img {
    margin-bottom: 24px;
  }
  .resDetailContentSec .secWrapper .contentBox ol {
    margin-bottom: 40px;
    margin-left: 25px;
  }
  .resDetailContentSec .secWrapper .contentBox ul {
    margin-bottom: 40px;
    margin-left: 30px;
  }
  .resDetailContentSec .secWrapper .contentBox .figCaptionBox {
    padding: 32px 0 0 0;
  }
  .resDetailContentSec .secWrapper .contentBox .highlightedTxt {
    padding: 32px 0 16px 10px;
  }
}
@media all and (max-width: 1024px) {
  .resDetailContentSec .secWrapper {
    width: 90%;
  }
  .resDetailContentSec .secWrapper .contentBox.hideTxt {
    max-height: 650px;
  }
}
@media all and (max-width: 820px) {
  .resDetailContentSec .secWrapper {
    width: 90%;
  }
}
@media all and (max-width: 720px) {
  .resDetailContentSec .secWrapper {
    width: 100%;
  }
  .resDetailContentSec .secWrapper .contentBox.hideTxt {
    max-height: 550px;
  }
  .resDetailContentSec .secWrapper .contentBox h2 {
    font-size: 20px;
    line-height: 120%;
  }
  .resDetailContentSec .secWrapper .contentBox p {
    font-size: 12px;
    line-height: 150%;
  }
  .resDetailContentSec .secWrapper .contentBox ol li {
    font-size: 12px;
    line-height: 150%;
  }
  .resDetailContentSec .secWrapper .contentBox ul li {
    font-size: 12px;
    line-height: 150%;
  }
  .resDetailContentSec .secWrapper .contentBox .imgFig figcaption {
    margin: 10px 0;
  }
  .resDetailContentSec .secWrapper .contentBox .wp-caption-text, .resDetailContentSec .secWrapper .contentBox .wp-element-caption {
    margin: 10px 0;
  }
  .resDetailContentSec .secWrapper .contentBox .figCaptionBox {
    padding: 30px 0 0 0;
  }
  .resDetailContentSec .secWrapper .contentBox .highlightedTxt {
    padding: 30px 0 30px 10px;
  }
}

.relatedPostSec {
  margin-bottom: 240px;
}
.relatedPostSec .secWrapper {
  padding-left: 120px;
  padding-right: 120px;
  width: 70%;
  margin: 0 auto;
}
@media screen and (max-width: 1600px) {
  .relatedPostSec .secWrapper {
    padding-left: 90px;
    padding-right: 90px;
  }
}
@media screen and (max-width: 1440px) {
  .relatedPostSec .secWrapper {
    padding-left: 80px;
    padding-right: 80px;
  }
}
@media screen and (max-width: 1024px) {
  .relatedPostSec .secWrapper {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media screen and (max-width: 680px) {
  .relatedPostSec .secWrapper {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.relatedPostSec .secWrapper .secHeading {
  margin-bottom: 64px;
}
.relatedPostSec .secWrapper .secHeading h2 {
  font-family: "termina", sans-serif;
  font-weight: 600;
  font-size: 48px;
  line-height: 133%;
  text-transform: uppercase;
  text-align: center;
}
@media screen and (max-width: 1600px) {
  .relatedPostSec .secWrapper .secHeading h2 {
    font-size: 40px;
  }
}
@media screen and (max-width: 1440px) {
  .relatedPostSec .secWrapper .secHeading h2 {
    font-size: 36px;
  }
}
@media screen and (max-width: 820px) {
  .relatedPostSec .secWrapper .secHeading h2 {
    font-size: 30px;
  }
}
@media screen and (max-width: 720px) {
  .relatedPostSec .secWrapper .secHeading h2 {
    font-size: 24px;
  }
}
.relatedPostSec .secWrapper .cardContainer {
  display: block;
}
.relatedPostSec .secWrapper .cardContainer .blogCard {
  width: calc(50% - 15px);
  border: 1px solid #D2D2D2;
  transition: 0.3s all ease-in-out;
  margin: 0 15px;
  position: relative;
}
.relatedPostSec .secWrapper .cardContainer .blogCard a {
  display: block;
  height: 100%;
}
.relatedPostSec .secWrapper .cardContainer .blogCard a .imgBox {
  margin-bottom: 30px;
}
.relatedPostSec .secWrapper .cardContainer .blogCard a .imgBox img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.relatedPostSec .secWrapper .cardContainer .blogCard a .contentBox {
  padding: 0 24px 55px;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}
.relatedPostSec .secWrapper .cardContainer .blogCard a .contentBox .content {
  width: 100%;
}
.relatedPostSec .secWrapper .cardContainer .blogCard a .contentBox .content span {
  padding: 4px 16px;
  background: #F5F75E;
  border-radius: 20px;
  color: #000;
  font-size: 16px;
  line-height: 175%;
  transition: 0.3s all ease-in-out;
  text-transform: capitalize;
  display: inline-block;
}
@media screen and (max-width: 1600px) {
  .relatedPostSec .secWrapper .cardContainer .blogCard a .contentBox .content span {
    font-size: 14px;
  }
}
@media screen and (max-width: 1440px) {
  .relatedPostSec .secWrapper .cardContainer .blogCard a .contentBox .content span {
    font-size: 12px;
  }
}
.relatedPostSec .secWrapper .cardContainer .blogCard a .contentBox .content p {
  margin: 24px 0 14px 0;
  color: #1E1E1E;
  font-size: 24px;
  line-height: 166%;
}
@media screen and (max-width: 1600px) {
  .relatedPostSec .secWrapper .cardContainer .blogCard a .contentBox .content p {
    font-size: 20px;
  }
}
@media screen and (max-width: 1440px) {
  .relatedPostSec .secWrapper .cardContainer .blogCard a .contentBox .content p {
    font-size: 16px;
  }
}
.relatedPostSec .secWrapper .cardContainer .blogCard a .contentBox .content ul {
  display: flex;
  align-items: center;
  gap: 10px;
}
.relatedPostSec .secWrapper .cardContainer .blogCard a .contentBox .content ul li {
  color: #000;
  font-size: 16px;
  line-height: 175%;
  position: relative;
}
@media screen and (max-width: 1600px) {
  .relatedPostSec .secWrapper .cardContainer .blogCard a .contentBox .content ul li {
    font-size: 14px;
  }
}
@media screen and (max-width: 1440px) {
  .relatedPostSec .secWrapper .cardContainer .blogCard a .contentBox .content ul li {
    font-size: 12px;
  }
}
.relatedPostSec .secWrapper .cardContainer .blogCard a .contentBox .content ul li:last-child {
  padding-left: 15px;
}
.relatedPostSec .secWrapper .cardContainer .blogCard a .contentBox .content ul li:last-child::before {
  content: "";
  position: absolute;
  width: 5px;
  height: 5px;
  background: #000;
  top: 12px;
  left: 0;
  border-radius: 100%;
}
.relatedPostSec .secWrapper .cardContainer .blogCard a .arrowBox {
  border: 1px solid #000;
  border-radius: 100%;
  width: 64px;
  height: 64px;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s all ease-in-out;
  position: absolute;
  right: 24px;
  bottom: 35px;
}
.relatedPostSec .secWrapper .cardContainer .blogCard a .arrowBox .rotateRightArrow {
  font-size: 20px;
  transform: rotate(-45deg);
}
.relatedPostSec .secWrapper .cardContainer .blogCard:hover {
  background: #F5F75E;
}
.relatedPostSec .secWrapper .cardContainer .blogCard:hover .contentBox .content span {
  background: #fff;
}
.relatedPostSec .secWrapper .cardContainer .blogCard:hover .arrowBox {
  opacity: 1;
  visibility: visible;
}
.relatedPostSec .secWrapper .cardContainer .slick-list {
  margin: 0 -15px;
}
.relatedPostSec .secWrapper .cardContainer .slick-prev,
.relatedPostSec .secWrapper .cardContainer .slick-next {
  padding: 12px;
  position: absolute;
  top: 110%;
  width: 48px;
  height: 48px;
  cursor: pointer;
  z-index: 2;
  border-radius: 50%;
  border: 1px solid #1E1E1E;
}
.relatedPostSec .secWrapper .cardContainer .slick-prev::before,
.relatedPostSec .secWrapper .cardContainer .slick-next::before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -55%);
}
.relatedPostSec .secWrapper .cardContainer .slick-prev.slick-next,
.relatedPostSec .secWrapper .cardContainer .slick-next.slick-next {
  right: calc(50% - 60px);
}
.relatedPostSec .secWrapper .cardContainer .slick-prev.slick-next::before,
.relatedPostSec .secWrapper .cardContainer .slick-next.slick-next::before {
  content: "\e80a";
  font-family: "fontello";
  font-size: 16px;
  font-weight: 400;
  color: #000;
}
@media screen and (max-width: 1600px) {
  .relatedPostSec .secWrapper .cardContainer .slick-prev.slick-next::before,
  .relatedPostSec .secWrapper .cardContainer .slick-next.slick-next::before {
    font-size: 14px;
  }
}
@media screen and (max-width: 1440px) {
  .relatedPostSec .secWrapper .cardContainer .slick-prev.slick-next::before,
  .relatedPostSec .secWrapper .cardContainer .slick-next.slick-next::before {
    font-size: 12px;
  }
}
.relatedPostSec .secWrapper .cardContainer .slick-prev.slick-prev,
.relatedPostSec .secWrapper .cardContainer .slick-next.slick-prev {
  left: calc(50% - 60px);
}
.relatedPostSec .secWrapper .cardContainer .slick-prev.slick-prev::before,
.relatedPostSec .secWrapper .cardContainer .slick-next.slick-prev::before {
  content: "\e80b";
  font-family: "fontello";
  font-size: 16px;
  font-weight: 400;
  color: #000;
}
@media screen and (max-width: 1600px) {
  .relatedPostSec .secWrapper .cardContainer .slick-prev.slick-prev::before,
  .relatedPostSec .secWrapper .cardContainer .slick-next.slick-prev::before {
    font-size: 14px;
  }
}
@media screen and (max-width: 1440px) {
  .relatedPostSec .secWrapper .cardContainer .slick-prev.slick-prev::before,
  .relatedPostSec .secWrapper .cardContainer .slick-next.slick-prev::before {
    font-size: 12px;
  }
}
@media all and (max-width: 1800px) {
  .relatedPostSec {
    margin-bottom: 200px;
  }
  .relatedPostSec .secWrapper {
    width: 75%;
  }
  .relatedPostSec .secWrapper .secHeading {
    margin-bottom: 60px;
  }
  .relatedPostSec .secWrapper .cardContainer .blogCard a .contentBox .content p {
    margin: 22px 0 12px 0;
  }
  .relatedPostSec .secWrapper .cardContainer .blogCard a .arrowBox {
    width: 60px;
    height: 60px;
  }
}
@media all and (max-width: 1600px) {
  .relatedPostSec {
    margin-bottom: 180px;
  }
  .relatedPostSec .secWrapper {
    width: 80%;
  }
  .relatedPostSec .secWrapper .secHeading {
    margin-bottom: 55px;
  }
  .relatedPostSec .secWrapper .cardContainer .blogCard a .contentBox {
    padding: 0 22px 50px;
  }
  .relatedPostSec .secWrapper .cardContainer .blogCard a .contentBox .content span {
    padding: 4px 15px;
  }
  .relatedPostSec .secWrapper .cardContainer .blogCard a .contentBox .content ul li:last-child::before {
    top: 9px;
  }
  .relatedPostSec .secWrapper .cardContainer .blogCard a .arrowBox {
    right: 22px;
    bottom: 25px;
  }
  .relatedPostSec .secWrapper .cardContainer .slick-prev,
  .relatedPostSec .secWrapper .cardContainer .slick-next {
    width: 40px;
    height: 40px;
  }
  .relatedPostSec .secWrapper .cardContainer .slick-prev.slick-next,
  .relatedPostSec .secWrapper .cardContainer .slick-next.slick-next {
    right: calc(50% - 50px);
  }
  .relatedPostSec .secWrapper .cardContainer .slick-prev.slick-prev,
  .relatedPostSec .secWrapper .cardContainer .slick-next.slick-prev {
    left: calc(50% - 50px);
  }
}
@media all and (max-width: 1440px) {
  .relatedPostSec {
    margin-bottom: 160px;
  }
  .relatedPostSec .secWrapper {
    width: 85%;
  }
  .relatedPostSec .secWrapper .secHeading {
    margin-bottom: 50px;
  }
  .relatedPostSec .secWrapper .cardContainer .blogCard a .imgBox {
    margin-bottom: 25px;
  }
  .relatedPostSec .secWrapper .cardContainer .blogCard a .contentBox {
    padding: 0 20px 45px;
  }
  .relatedPostSec .secWrapper .cardContainer .blogCard a .contentBox .content p {
    margin: 20px 0 10px 0;
  }
  .relatedPostSec .secWrapper .cardContainer .blogCard a .arrowBox {
    width: 50px;
    height: 50px;
    right: 20px;
  }
  .relatedPostSec .secWrapper .cardContainer .blogCard a .arrowBox .rotateRightArrow {
    font-size: 16px;
  }
  .relatedPostSec .secWrapper .cardContainer .slick-prev,
  .relatedPostSec .secWrapper .cardContainer .slick-next {
    width: 36px;
    height: 36px;
  }
  .relatedPostSec .secWrapper .cardContainer .slick-prev::before,
  .relatedPostSec .secWrapper .cardContainer .slick-next::before {
    transform: translate(-50%, -60%);
  }
  .relatedPostSec .secWrapper .cardContainer .slick-prev.slick-next,
  .relatedPostSec .secWrapper .cardContainer .slick-next.slick-next {
    right: calc(50% - 50px);
  }
  .relatedPostSec .secWrapper .cardContainer .slick-prev.slick-prev,
  .relatedPostSec .secWrapper .cardContainer .slick-next.slick-prev {
    left: calc(50% - 50px);
  }
}
@media all and (max-width: 1280px) {
  .relatedPostSec .secWrapper .secHeading {
    margin-bottom: 45px;
  }
  .relatedPostSec .secWrapper .cardContainer {
    gap: 25px;
  }
  .relatedPostSec .secWrapper .cardContainer .blogCard {
    width: calc(50% - 13px);
    margin: 0 10px;
  }
  .relatedPostSec .secWrapper .cardContainer .blogCard a .imgBox {
    margin-bottom: 20px;
  }
  .relatedPostSec .secWrapper .cardContainer .blogCard a .contentBox {
    padding: 0 18px 40px;
  }
  .relatedPostSec .secWrapper .cardContainer .blogCard a .contentBox .content span {
    padding: 4px 14px;
  }
  .relatedPostSec .secWrapper .cardContainer .blogCard a .contentBox .content p {
    margin: 18px 0 10px 0;
  }
  .relatedPostSec .secWrapper .cardContainer .blogCard a .contentBox .content ul li:last-child::before {
    top: 8px;
  }
  .relatedPostSec .secWrapper .cardContainer .blogCard a .arrowBox {
    width: 45px;
    height: 45px;
    right: 18px;
  }
  .relatedPostSec .secWrapper .cardContainer .blogCard a .arrowBox .rotateRightArrow {
    font-size: 14px;
  }
  .relatedPostSec .secWrapper .cardContainer .slick-list {
    margin: 0 -10px;
  }
}
@media all and (max-width: 1180px) {
  .relatedPostSec .secWrapper .cardContainer .blogCard a .arrowBox {
    opacity: 1;
    visibility: visible;
  }
  .relatedPostSec .secWrapper .cardContainer .blogCard:hover {
    background: #fff;
  }
  .relatedPostSec .secWrapper .cardContainer .blogCard:hover a .contentBox .content span {
    background: #F5F75E;
  }
  .relatedPostSec .secWrapper .cardContainer .blogCard:hover a .arrowBox {
    opacity: 1;
    visibility: visible;
  }
}
@media all and (max-width: 1024px) {
  .relatedPostSec {
    margin-bottom: 150px;
  }
  .relatedPostSec .secWrapper {
    width: 90%;
  }
  .relatedPostSec .secWrapper .secHeading {
    margin-bottom: 40px;
  }
  .relatedPostSec .secWrapper .cardContainer .blogCard a .imgBox {
    margin-bottom: 20px;
  }
  .relatedPostSec .secWrapper .cardContainer .blogCard a .contentBox {
    padding: 0 18px 35px;
    align-items: end;
  }
  .relatedPostSec .secWrapper .cardContainer .blogCard a .arrowBox {
    opacity: 1;
    visibility: visible;
    width: 35px;
    height: 35px;
    right: 18px;
    bottom: 25px;
  }
  .relatedPostSec .secWrapper .cardContainer .blogCard a .arrowBox .rotateRightArrow {
    font-size: 12px;
  }
  .relatedPostSec .secWrapper .cardContainer .blogCard:hover {
    background: #fff;
  }
  .relatedPostSec .secWrapper .cardContainer .blogCard:hover a .contentBox .content span {
    background: #F5F75E;
  }
  .relatedPostSec .secWrapper .cardContainer .blogCard:hover a .arrowBox {
    opacity: 1;
    visibility: visible;
  }
}
@media all and (max-width: 820px) {
  .relatedPostSec .secWrapper {
    width: 90%;
  }
  .relatedPostSec .secWrapper .cardContainer .slick-prev.slick-next,
  .relatedPostSec .secWrapper .cardContainer .slick-next.slick-next {
    left: 92px;
  }
  .relatedPostSec .secWrapper .cardContainer .slick-prev.slick-prev,
  .relatedPostSec .secWrapper .cardContainer .slick-next.slick-prev {
    left: 30px;
  }
}
@media all and (max-width: 720px) {
  .relatedPostSec {
    margin-bottom: 150px;
  }
  .relatedPostSec .secWrapper {
    width: 100%;
  }
  .relatedPostSec .secWrapper .secHeading {
    margin-bottom: 32px;
  }
  .relatedPostSec .secWrapper .secHeading h2 {
    text-align: left;
  }
  .relatedPostSec .secWrapper .cardContainer {
    gap: 24px;
  }
  .relatedPostSec .secWrapper .cardContainer .blogCard {
    width: 100%;
    margin: 0 5px;
  }
  .relatedPostSec .secWrapper .cardContainer .blogCard a .imgBox {
    margin-bottom: 24px;
  }
  .relatedPostSec .secWrapper .cardContainer .blogCard a .contentBox {
    padding: 0 16px 24px;
  }
  .relatedPostSec .secWrapper .cardContainer .blogCard a .contentBox .content span {
    line-height: 150%;
    padding: 4px 16px;
  }
  .relatedPostSec .secWrapper .cardContainer .blogCard a .contentBox .content p {
    margin: 16px 0 14px 0;
    font-size: 16px;
    line-height: 175%;
  }
  .relatedPostSec .secWrapper .cardContainer .blogCard a .contentBox .content ul {
    gap: 8px;
  }
  .relatedPostSec .secWrapper .cardContainer .blogCard a .contentBox .content ul li {
    line-height: 150%;
  }
  .relatedPostSec .secWrapper .cardContainer .blogCard a .contentBox .content ul li:last-child {
    padding-left: 13px;
  }
  .relatedPostSec .secWrapper .cardContainer .blogCard a .contentBox .content ul li:last-child::before {
    top: 6px;
  }
  .relatedPostSec .secWrapper .cardContainer .blogCard a .arrowBox {
    right: 16px;
    bottom: 14px;
  }
  .relatedPostSec .secWrapper .cardContainer .slick-list {
    margin: 0 -5px;
  }
  .relatedPostSec .secWrapper .cardContainer .slick-prev.slick-next,
  .relatedPostSec .secWrapper .cardContainer .slick-next.slick-next {
    left: 72px;
  }
  .relatedPostSec .secWrapper .cardContainer .slick-prev.slick-prev,
  .relatedPostSec .secWrapper .cardContainer .slick-next.slick-prev {
    left: 20px;
  }
}

#backtop {
  position: fixed;
  right: 120px;
  bottom: 100px;
  opacity: 0;
  transition: all 0.3s ease-in-out;
  visibility: hidden;
  z-index: 2;
}
#backtop a {
  width: 70px;
  height: 70px;
  background: #F5F75E;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.1s ease-in-out;
}
#backtop a .fontellowdobuleUpIcon {
  color: #343330;
  font-size: 22px;
}
#backtop.show {
  opacity: 1;
  visibility: visible;
}
@media all and (max-width: 1680px) {
  #backtop {
    right: 100px;
  }
  #backtop a {
    width: 65px;
    height: 65px;
  }
}
@media all and (max-width: 1440px) {
  #backtop {
    right: 80px;
  }
  #backtop a {
    width: 55px;
    height: 55px;
  }
  #backtop a .fontellowdobuleUpIcon {
    font-size: 20px;
  }
}
@media all and (max-width: 1280px) {
  #backtop {
    right: 70px;
  }
  #backtop a {
    width: 45px;
    height: 45px;
  }
  #backtop a .fontellowdobuleUpIcon {
    font-size: 18px;
  }
}
@media all and (max-width: 1024px) {
  #backtop {
    right: 60px;
  }
}
@media all and (max-width: 820px) {
  #backtop {
    right: 50px;
  }
  #backtop a {
    width: 40px;
    height: 40px;
  }
}
@media all and (max-width: 720px) {
  #backtop {
    right: 30px;
  }
  #backtop a {
    width: 40px;
    height: 40px;
  }
  #backtop a .fontellowdobuleUpIcon {
    font-size: 16px;
  }
}

.resourcesBanner {
  margin-top: 172px;
  margin-bottom: 120px;
  display: flex;
  justify-content: center;
}
.resourcesBanner .resorucesBannerWrapper {
  width: 50%;
}
.resourcesBanner .resorucesBannerWrapper h1 {
  color: #1E1E1E;
  font-family: "termina", sans-serif;
  font-size: 60px;
  text-transform: uppercase;
  margin-bottom: 20px;
  text-align: center;
  line-height: 120%;
  font-weight: 600;
}
@media screen and (max-width: 1600px) {
  .resourcesBanner .resorucesBannerWrapper h1 {
    font-size: 50px;
  }
}
@media screen and (max-width: 1440px) {
  .resourcesBanner .resorucesBannerWrapper h1 {
    font-size: 44px;
  }
}
@media screen and (max-width: 1280px) {
  .resourcesBanner .resorucesBannerWrapper h1 {
    font-size: 36px;
  }
}
@media screen and (max-width: 1024px) {
  .resourcesBanner .resorucesBannerWrapper h1 {
    font-size: 32px;
  }
}
@media screen and (max-width: 720px) {
  .resourcesBanner .resorucesBannerWrapper h1 {
    font-size: 28px;
  }
}
.resourcesBanner .resorucesBannerWrapper p {
  color: #4B4B4B;
  font-size: 24px;
  font-weight: 400;
  line-height: 133.333%;
  margin-bottom: 72px;
  text-align: center;
}
@media screen and (max-width: 1600px) {
  .resourcesBanner .resorucesBannerWrapper p {
    font-size: 20px;
  }
}
@media screen and (max-width: 1440px) {
  .resourcesBanner .resorucesBannerWrapper p {
    font-size: 16px;
  }
}
.resourcesBanner .resorucesBannerWrapper .resourcesTabs .resourcesTabWrapper {
  display: flex;
  align-items: center;
  gap: 16px;
  justify-content: center;
}
.resourcesBanner .resorucesBannerWrapper .resourcesTabs .resourcesTabWrapper a {
  color: #1E1E1E;
  font-size: 16px;
  line-height: 140%;
  font-weight: 400;
  border-radius: 100px;
  border: 1px solid var(--Black-40, #A5A5A5);
  padding: 18px 32px;
}
@media screen and (max-width: 1600px) {
  .resourcesBanner .resorucesBannerWrapper .resourcesTabs .resourcesTabWrapper a {
    font-size: 14px;
  }
}
@media screen and (max-width: 1440px) {
  .resourcesBanner .resorucesBannerWrapper .resourcesTabs .resourcesTabWrapper a {
    font-size: 12px;
  }
}
.resourcesBanner .resorucesBannerWrapper .resourcesTabs .resourcesTabWrapper a.active {
  color: #F5F75E;
  background: #1E1E1E;
}
.resourcesBanner .searchWrapper {
  position: relative;
  display: flex;
  align-items: center;
  gap: 24px;
  border-bottom: 1px solid #A5A5A5;
  margin-top: 64px;
  background: #ffffff;
}
.resourcesBanner .searchWrapper input {
  font-size: 20px;
  color: #1E1E1E;
  padding: 12px 0px;
  width: 100%;
  font-weight: 400;
  background: #ffffff;
}
@media screen and (max-width: 1600px) {
  .resourcesBanner .searchWrapper input {
    font-size: 18px;
  }
}
@media screen and (max-width: 1440px) {
  .resourcesBanner .searchWrapper input {
    font-size: 16px;
  }
}
@media screen and (max-width: 720px) {
  .resourcesBanner .searchWrapper input {
    font-size: 12px;
  }
}
.resourcesBanner .searchWrapper input::placeholder {
  font-size: 20px;
  color: #1E1E1E;
}
@media screen and (max-width: 1600px) {
  .resourcesBanner .searchWrapper input::placeholder {
    font-size: 18px;
  }
}
@media screen and (max-width: 1440px) {
  .resourcesBanner .searchWrapper input::placeholder {
    font-size: 16px;
  }
}
@media screen and (max-width: 720px) {
  .resourcesBanner .searchWrapper input::placeholder {
    font-size: 12px;
  }
}
.resourcesBanner .searchWrapper input::-webkit-input-placeholder {
  font-size: 20px;
  color: #1E1E1E;
}
@media screen and (max-width: 1600px) {
  .resourcesBanner .searchWrapper input::-webkit-input-placeholder {
    font-size: 18px;
  }
}
@media screen and (max-width: 1440px) {
  .resourcesBanner .searchWrapper input::-webkit-input-placeholder {
    font-size: 16px;
  }
}
@media screen and (max-width: 720px) {
  .resourcesBanner .searchWrapper input::-webkit-input-placeholder {
    font-size: 12px;
  }
}
@media all and (max-width: 1800px) {
  .resourcesBanner {
    margin-top: 165px;
    margin-bottom: 120px;
  }
  .resourcesBanner .resorucesBannerWrapper {
    width: 50%;
  }
  .resourcesBanner .resorucesBannerWrapper h1 {
    margin-bottom: 20px;
  }
  .resourcesBanner .resorucesBannerWrapper p {
    margin-bottom: 70px;
  }
  .resourcesBanner .resorucesBannerWrapper .resourcesTabs .resourcesTabWrapper {
    gap: 16px;
  }
  .resourcesBanner .searchWrapper {
    gap: 22px;
    margin-top: 62px;
  }
  .resourcesBanner .searchWrapper input {
    padding: 12px 0px;
  }
}
@media all and (max-width: 1600px) {
  .resourcesBanner {
    margin-top: 150px;
  }
  .resourcesBanner .resorucesBannerWrapper {
    width: 60%;
  }
  .resourcesBanner .resorucesBannerWrapper h1 {
    margin-bottom: 20px;
  }
  .resourcesBanner .resorucesBannerWrapper p {
    margin-bottom: 60px;
  }
  .resourcesBanner .resorucesBannerWrapper .resourcesTabs .resourcesTabWrapper {
    gap: 15px;
  }
  .resourcesBanner .resorucesBannerWrapper .resourcesTabs .resourcesTabWrapper a {
    padding: 16px 32px;
  }
  .resourcesBanner .searchWrapper {
    gap: 20px;
    margin-top: 60px;
  }
  .resourcesBanner .searchWrapper img {
    width: 30px;
    height: 30px;
  }
  .resourcesBanner .searchWrapper input {
    padding: 11px 0px;
  }
}
@media all and (max-width: 1440px) {
  .resourcesBanner {
    margin-bottom: 80px;
    margin-top: 120px;
  }
  .resourcesBanner .resorucesBannerWrapper {
    width: 60%;
  }
  .resourcesBanner .resorucesBannerWrapper h1 {
    margin-bottom: 20px;
  }
  .resourcesBanner .resorucesBannerWrapper p {
    margin-bottom: 60px;
  }
  .resourcesBanner .resorucesBannerWrapper .resourcesTabs .resourcesTabWrapper a {
    padding: 15px 32px;
  }
  .resourcesBanner .searchWrapper {
    gap: 20px;
    margin-top: 50px;
  }
  .resourcesBanner .searchWrapper img {
    width: 28px;
    height: 28px;
  }
  .resourcesBanner .searchWrapper input {
    padding: 10px 0px;
  }
}
@media all and (max-width: 1280px) {
  .resourcesBanner {
    margin-top: 100px;
  }
  .resourcesBanner .resorucesBannerWrapper {
    width: 60%;
  }
  .resourcesBanner .resorucesBannerWrapper h1 {
    margin-bottom: 18px;
  }
  .resourcesBanner .resorucesBannerWrapper p {
    margin-bottom: 50px;
  }
  .resourcesBanner .resorucesBannerWrapper .resourcesTabs .resourcesTabWrapper {
    gap: 14px;
  }
  .resourcesBanner .resorucesBannerWrapper .resourcesTabs .resourcesTabWrapper a {
    padding: 12px 32px;
  }
  .resourcesBanner .searchWrapper {
    gap: 18px;
    margin-top: 40px;
  }
  .resourcesBanner .searchWrapper img {
    width: 24px;
    height: 24px;
  }
  .resourcesBanner .searchWrapper input {
    padding: 9px 0px;
  }
}
@media all and (max-width: 1024px) {
  .resourcesBanner .resorucesBannerWrapper {
    width: 80%;
  }
  .resourcesBanner .resorucesBannerWrapper h1 {
    margin-bottom: 16px;
  }
  .resourcesBanner .resorucesBannerWrapper p {
    margin-bottom: 40px;
  }
  .resourcesBanner .resorucesBannerWrapper .resourcesTabs .resourcesTabWrapper {
    gap: 12px;
  }
  .resourcesBanner .resorucesBannerWrapper .resourcesTabs .resourcesTabWrapper a {
    padding: 12px 32px;
  }
}
@media all and (max-width: 820px) {
  .resourcesBanner .resorucesBannerWrapper .resourcesTabs {
    overflow-x: scroll;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    -ms-overflow-style: none;
    margin: 0 -40px;
  }
  .resourcesBanner .resorucesBannerWrapper .resourcesTabs::-webkit-scrollbar {
    display: none;
  }
  .resourcesBanner .resorucesBannerWrapper .resourcesTabs .resourcesTabWrapper {
    gap: 0px;
  }
  .resourcesBanner .resorucesBannerWrapper .resourcesTabs .resourcesTabWrapper a {
    padding: 10px 24px;
    margin-left: 16px;
  }
  .resourcesBanner .resorucesBannerWrapper .resourcesTabs .resourcesTabWrapper a:last-child {
    margin-right: 40px;
  }
  .resourcesBanner .resorucesBannerWrapper .resourcesTabs .resourcesTabWrapper a:first-child {
    margin-left: 40px;
  }
}
@media all and (max-width: 680px) {
  .resourcesBanner {
    margin-bottom: 72px;
  }
  .resourcesBanner .resorucesBannerWrapper {
    width: 100%;
    padding-left: 120px;
    padding-right: 120px;
  }
}
@media screen and (max-width: 680px) and (max-width: 1600px) {
  .resourcesBanner .resorucesBannerWrapper {
    padding-left: 90px;
    padding-right: 90px;
  }
}
@media screen and (max-width: 680px) and (max-width: 1440px) {
  .resourcesBanner .resorucesBannerWrapper {
    padding-left: 80px;
    padding-right: 80px;
  }
}
@media screen and (max-width: 680px) and (max-width: 1024px) {
  .resourcesBanner .resorucesBannerWrapper {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media screen and (max-width: 680px) and (max-width: 680px) {
  .resourcesBanner .resorucesBannerWrapper {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media all and (max-width: 680px) {
  .resourcesBanner .resorucesBannerWrapper h1 {
    font-size: 32px;
    line-height: 36px;
    margin-bottom: 16px;
    text-align: left;
  }
  .resourcesBanner .resorucesBannerWrapper p {
    font-size: 16px;
    font-weight: 400;
    font-weight: 400;
    line-height: 28px;
    margin-bottom: 32px;
    text-align: left;
  }
  .resourcesBanner .resorucesBannerWrapper .resourcesTabs {
    overflow-x: scroll;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    -ms-overflow-style: none;
    margin: 0 -20px;
  }
  .resourcesBanner .resorucesBannerWrapper .resourcesTabs::-webkit-scrollbar {
    display: none;
  }
  .resourcesBanner .resorucesBannerWrapper .resourcesTabs .resourcesTabWrapper {
    display: inline-flex;
    gap: 0px;
  }
  .resourcesBanner .resorucesBannerWrapper .resourcesTabs .resourcesTabWrapper a {
    padding: 9px 16px;
    font-size: 12px;
    line-height: 18px;
    font-weight: 400;
    margin-left: 12px;
  }
  .resourcesBanner .resorucesBannerWrapper .resourcesTabs .resourcesTabWrapper a:last-child {
    margin-right: 20px;
  }
  .resourcesBanner .resorucesBannerWrapper .resourcesTabs .resourcesTabWrapper a:first-child {
    margin-left: 20px;
  }
  .resourcesBanner .searchWrapper {
    gap: 7px;
    margin-top: 32px;
  }
  .resourcesBanner .searchWrapper img {
    width: 20px;
    height: 20px;
  }
  .resourcesBanner .searchWrapper input {
    padding: 9px 0px;
    color: #4B4B4B;
    font-size: 12px;
    line-height: 18px;
  }
  .resourcesBanner .searchWrapper input::placeholder {
    color: #4B4B4B;
    font-size: 12px;
    line-height: 18px;
  }
  .resourcesBanner .searchWrapper input::-webkit-input-placeholder {
    color: #4B4B4B;
    font-size: 12px;
    line-height: 18px;
  }
}

.resourcesfaqSection {
  margin-bottom: 200px;
}
.resourcesfaqSection .faq-heading h2 {
  margin-bottom: 64px;
  color: #1E1E1E;
  font-family: "termina", sans-serif;
  font-size: 36px;
  font-weight: 600;
  line-height: 133.333%;
  text-transform: uppercase;
  padding-left: 120px;
  padding-right: 120px;
}
@media screen and (max-width: 1600px) {
  .resourcesfaqSection .faq-heading h2 {
    font-size: 32px;
  }
}
@media screen and (max-width: 1440px) {
  .resourcesfaqSection .faq-heading h2 {
    font-size: 24px;
  }
}
@media screen and (max-width: 1024px) {
  .resourcesfaqSection .faq-heading h2 {
    font-size: 22px;
  }
}
@media screen and (max-width: 720px) {
  .resourcesfaqSection .faq-heading h2 {
    font-size: 20px;
  }
}
@media screen and (max-width: 1600px) {
  .resourcesfaqSection .faq-heading h2 {
    padding-left: 90px;
    padding-right: 90px;
  }
}
@media screen and (max-width: 1440px) {
  .resourcesfaqSection .faq-heading h2 {
    padding-left: 80px;
    padding-right: 80px;
  }
}
@media screen and (max-width: 1024px) {
  .resourcesfaqSection .faq-heading h2 {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media screen and (max-width: 680px) {
  .resourcesfaqSection .faq-heading h2 {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.resourcesfaqSection .container .toggleCta {
  display: flex;
  justify-content: center;
  margin-top: 48px;
}
@media all and (max-width: 1600px) {
  .resourcesfaqSection {
    margin-bottom: 150px;
  }
  .resourcesfaqSection .faq-heading h2 {
    margin-bottom: 60px;
  }
}
@media all and (max-width: 1440px) {
  .resourcesfaqSection {
    margin-bottom: 120px;
  }
  .resourcesfaqSection .faq-heading h2 {
    margin-bottom: 56px;
  }
  .resourcesfaqSection .container .toggleCta {
    margin-top: 40px;
  }
}
@media all and (max-width: 1280px) {
  .resourcesfaqSection .faq-heading h2 {
    margin-bottom: 50px;
  }
  .resourcesfaqSection .container .toggleCta {
    margin-top: 36px;
  }
}
@media all and (max-width: 1024px) {
  .resourcesfaqSection .faq-heading h2 {
    margin-bottom: 42px;
    padding: 0px 60px;
  }
}
@media all and (max-width: 820px) {
  .resourcesfaqSection .faq-heading h2 {
    padding: 0px 40px;
  }
}
@media all and (max-width: 680px) {
  .resourcesfaqSection {
    margin-bottom: 72px;
  }
  .resourcesfaqSection .faq-heading h2 {
    margin-bottom: 32px;
    font-size: 20px;
    font-weight: 600;
    line-height: 28px;
    padding: 0px 20px;
  }
}

.no-posts-message {
  font-family: "termina", sans-serif;
  font-size: 36px;
  line-height: 100%;
  font-weight: 600;
}
@media screen and (max-width: 1600px) {
  .no-posts-message {
    font-size: 32px;
  }
}
@media screen and (max-width: 1440px) {
  .no-posts-message {
    font-size: 24px;
  }
}
@media screen and (max-width: 1024px) {
  .no-posts-message {
    font-size: 22px;
  }
}
@media screen and (max-width: 720px) {
  .no-posts-message {
    font-size: 20px;
  }
}

.cardSection .cardSectionWrapper {
  margin-top: 72px;
  padding-left: 120px;
  padding-right: 120px;
  margin-bottom: 120px;
}
@media screen and (max-width: 1600px) {
  .cardSection .cardSectionWrapper {
    padding-left: 90px;
    padding-right: 90px;
  }
}
@media screen and (max-width: 1440px) {
  .cardSection .cardSectionWrapper {
    padding-left: 80px;
    padding-right: 80px;
  }
}
@media screen and (max-width: 1024px) {
  .cardSection .cardSectionWrapper {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media screen and (max-width: 680px) {
  .cardSection .cardSectionWrapper {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.cardSection .cardSectionWrapper .heading h2 {
  margin-bottom: 24px;
  color: #1E1E1E;
  font-family: "termina", sans-serif;
  font-size: 36px;
  font-weight: 600;
  line-height: 133.333%;
  text-transform: uppercase;
}
@media screen and (max-width: 1600px) {
  .cardSection .cardSectionWrapper .heading h2 {
    font-size: 32px;
  }
}
@media screen and (max-width: 1440px) {
  .cardSection .cardSectionWrapper .heading h2 {
    font-size: 24px;
  }
}
@media screen and (max-width: 1024px) {
  .cardSection .cardSectionWrapper .heading h2 {
    font-size: 22px;
  }
}
@media screen and (max-width: 720px) {
  .cardSection .cardSectionWrapper .heading h2 {
    font-size: 20px;
  }
}
.cardSection .cardSectionWrapper .blogsTabs {
  overflow-x: scroll;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  -ms-overflow-style: none;
  margin: 0 -120px;
}
.cardSection .cardSectionWrapper .blogsTabs::-webkit-scrollbar {
  display: none;
}
.cardSection .cardSectionWrapper .blogsTabs .blogsTabWrapper {
  display: inline-flex;
  align-items: center;
}
.cardSection .cardSectionWrapper .blogsTabs .blogsTabWrapper a {
  color: #1E1E1E;
  font-size: 16px;
  line-height: 140%;
  font-weight: 400;
  border-radius: 100px;
  border: 1px solid var(--Black-40, #A5A5A5);
  padding: 18px 32px;
  text-transform: capitalize;
  margin-left: 16px;
}
@media screen and (max-width: 1600px) {
  .cardSection .cardSectionWrapper .blogsTabs .blogsTabWrapper a {
    font-size: 14px;
  }
}
@media screen and (max-width: 1440px) {
  .cardSection .cardSectionWrapper .blogsTabs .blogsTabWrapper a {
    font-size: 12px;
  }
}
.cardSection .cardSectionWrapper .blogsTabs .blogsTabWrapper a.active {
  color: #F5F75E;
  background: #1E1E1E;
}
.cardSection .cardSectionWrapper .blogsTabs .blogsTabWrapper a:last-child {
  margin-right: 120px;
}
.cardSection .cardSectionWrapper .blogsTabs .blogsTabWrapper a:first-child {
  margin-left: 120px;
}
.cardSection .cardSectionWrapper .customSelect {
  position: relative;
}
.cardSection .cardSectionWrapper .customSelect.active .selectBtn img {
  transform: rotate(-180deg);
}
.cardSection .cardSectionWrapper .customSelect.active .options {
  display: block;
  opacity: 0;
  z-index: 10;
  animation-name: fadeInUp;
  -webkit-animation-name: fadeInUp;
  animation-duration: 0.4s;
  animation-fill-mode: both;
  -webkit-animation-duration: 0.4s;
  -webkit-animation-fill-mode: both;
}
.cardSection .cardSectionWrapper .customSelect .selectBtn {
  width: 15%;
  background: transparent;
  display: flex;
  cursor: pointer;
  border-bottom: 1px solid #A5A5A5;
  padding: 7px 0px 14px 0px;
  position: relative;
  justify-content: space-between;
}
.cardSection .cardSectionWrapper .customSelect .selectBtn .sBtntext {
  color: #1E1E1E;
  font-size: 16px;
  font-weight: 400;
}
@media screen and (max-width: 1600px) {
  .cardSection .cardSectionWrapper .customSelect .selectBtn .sBtntext {
    font-size: 14px;
  }
}
@media screen and (max-width: 1440px) {
  .cardSection .cardSectionWrapper .customSelect .selectBtn .sBtntext {
    font-size: 12px;
  }
}
.cardSection .cardSectionWrapper .customSelect .selectBtn .img {
  display: block;
}
.cardSection .cardSectionWrapper .customSelect .options {
  position: absolute;
  width: 15%;
  overflow-y: auto;
  max-height: 295px;
  margin-top: 10px;
  display: none;
  background: #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  animation-name: fadeInDown;
  -webkit-animation-name: fadeInDown;
  animation-duration: 0.35s;
  animation-fill-mode: both;
  -webkit-animation-duration: 0.35s;
  -webkit-animation-fill-mode: both;
}
.cardSection .cardSectionWrapper .customSelect .options .option {
  display: flex;
  height: 55px;
  cursor: pointer;
  padding: 0 16px;
  align-items: center;
  background: #fff;
  font-size: 16px;
  font-weight: 400;
  text-align: left;
  color: #787878;
  border-bottom: 1px solid #CCCCCC;
}
@media screen and (max-width: 1600px) {
  .cardSection .cardSectionWrapper .customSelect .options .option {
    font-size: 14px;
  }
}
@media screen and (max-width: 1440px) {
  .cardSection .cardSectionWrapper .customSelect .options .option {
    font-size: 12px;
  }
}
.cardSection .cardSectionWrapper .customSelect .options .option:last-child {
  border: none;
}
.cardSection .cardSectionWrapper .customSelect .options::-webkit-scrollbar {
  width: 6px;
}
.cardSection .cardSectionWrapper .customSelect .options::-webkit-scrollbar-thumb {
  background-color: #787878;
  border-radius: 5px;
}
.cardSection .cardSectionWrapper .cardGrid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 32px;
  margin-bottom: 120px;
  margin-top: 72px;
}
.cardSection .cardSectionWrapper .cardGrid .cards {
  border: 1px solid #D2D2D2;
  transition: 0.3s all ease-in-out;
  position: relative;
  cursor: pointer;
}
.cardSection .cardSectionWrapper .cardGrid .cards:hover {
  background: #F5F75E;
}
.cardSection .cardSectionWrapper .cardGrid .cards:hover .cardContent .tag {
  background: #ffffff;
}
.cardSection .cardSectionWrapper .cardGrid .cards:hover .redirectArrow {
  opacity: 1;
}
.cardSection .cardSectionWrapper .cardGrid .cards .cardImg {
  margin-bottom: 30px;
}
.cardSection .cardSectionWrapper .cardGrid .cards .cardImg img {
  width: 100%;
}
.cardSection .cardSectionWrapper .cardGrid .cards .cardContent {
  padding: 0 24px 55px;
  position: relative;
}
.cardSection .cardSectionWrapper .cardGrid .cards .cardContent .tag {
  display: inline-block;
  border-radius: 20px;
  background: var(--Yellow-100, #F5F75E);
  padding: 4px 16px;
  font-size: 16px;
  line-height: 175%;
  font-weight: 400;
  color: #1E1E1E;
  transition: 0.3s all ease-in-out;
  margin-bottom: 24px;
  text-transform: capitalize;
}
@media screen and (max-width: 1600px) {
  .cardSection .cardSectionWrapper .cardGrid .cards .cardContent .tag {
    font-size: 14px;
  }
}
@media screen and (max-width: 1440px) {
  .cardSection .cardSectionWrapper .cardGrid .cards .cardContent .tag {
    font-size: 12px;
  }
}
.cardSection .cardSectionWrapper .cardGrid .cards .cardContent .cardInfo {
  display: flex;
  gap: 14px;
}
.cardSection .cardSectionWrapper .cardGrid .cards .cardContent .cardInfo .cardTypo h3 {
  margin-bottom: 14px;
  font-size: 24px;
  line-height: 166.667%;
  font-weight: 400;
  color: #1E1E1E;
}
@media screen and (max-width: 1600px) {
  .cardSection .cardSectionWrapper .cardGrid .cards .cardContent .cardInfo .cardTypo h3 {
    font-size: 20px;
  }
}
@media screen and (max-width: 1440px) {
  .cardSection .cardSectionWrapper .cardGrid .cards .cardContent .cardInfo .cardTypo h3 {
    font-size: 16px;
  }
}
.cardSection .cardSectionWrapper .cardGrid .cards .cardContent .cardInfo .cardTypo p {
  font-size: 16px;
  line-height: 175%;
  font-weight: 400;
  color: #1E1E1E;
}
@media screen and (max-width: 1600px) {
  .cardSection .cardSectionWrapper .cardGrid .cards .cardContent .cardInfo .cardTypo p {
    font-size: 14px;
  }
}
@media screen and (max-width: 1440px) {
  .cardSection .cardSectionWrapper .cardGrid .cards .cardContent .cardInfo .cardTypo p {
    font-size: 12px;
  }
}
.cardSection .cardSectionWrapper .cardGrid .cards .redirectArrow {
  border: 1px solid #000;
  border-radius: 100%;
  width: 64px;
  height: 64px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.3s all ease-in-out;
  position: absolute;
  right: 24px;
  bottom: 35px;
  opacity: 0;
}
.cardSection .cardSectionWrapper .cardGrid .cards .redirectArrow .rotateRightArrow {
  font-size: 20px;
  transform: rotate(-45deg);
}
.cardSection .cardSectionWrapper .pagination {
  display: flex;
  justify-content: center;
  align-items: center;
}
.cardSection .cardSectionWrapper .pagination button {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px;
  background: #ffffff;
  color: #1E1E1E;
  border-radius: 50%;
  font-size: 24px;
  line-height: 166.667%;
  font-weight: 400;
  cursor: pointer;
  transition: background-color 0.3s ease;
  width: 68px;
  height: 68px;
}
@media screen and (max-width: 1600px) {
  .cardSection .cardSectionWrapper .pagination button {
    font-size: 20px;
  }
}
@media screen and (max-width: 1440px) {
  .cardSection .cardSectionWrapper .pagination button {
    font-size: 16px;
  }
}
.cardSection .cardSectionWrapper .pagination button:not(:last-child) {
  margin-right: 36px;
}
.cardSection .cardSectionWrapper .pagination button.active {
  border: 1px solid #9F9F9F;
  font-weight: 600;
}
.cardSection .cardSectionWrapper .pagination button:disabled {
  pointer-events: none;
}
.cardSection .cardSectionWrapper .pagination button:disabled img {
  opacity: 0.6;
}
.cardSection .cardSectionWrapper .pagination .pagination-prev, .cardSection .cardSectionWrapper .pagination .pagination-next {
  background: #F5F75E;
}
.cardSection .cardSectionWrapper .pagination .pagination-prev {
  margin-right: 72px !important;
}
.cardSection .cardSectionWrapper .pagination .pagination-next {
  margin-left: 36px;
}
@media all and (max-width: 1800px) {
  .cardSection .cardSectionWrapper {
    margin-top: 70px;
    margin-bottom: 110px;
  }
  .cardSection .cardSectionWrapper .heading h2 {
    margin-bottom: 24px;
  }
  .cardSection .cardSectionWrapper .cardGrid {
    gap: 30px;
    margin-bottom: 110px;
    margin-top: 70px;
  }
  .cardSection .cardSectionWrapper .cardGrid .cards .cardContent .tag {
    padding: 4px 16px;
  }
  .cardSection .cardSectionWrapper .cardGrid .cards .cardContent .cardInfo {
    gap: 14px;
  }
  .cardSection .cardSectionWrapper .cardGrid .cards .cardContent .cardInfo .cardTypo h3 {
    margin-bottom: 14px;
  }
  .cardSection .cardSectionWrapper .cardGrid .cards .redirectArrow {
    width: 60px;
    height: 60px;
  }
  .cardSection .cardSectionWrapper .blogsTabs .blogsTabWrapper a {
    padding: 16px 32px;
  }
  .cardSection .cardSectionWrapper .pagination button {
    padding: 24px;
    width: 64px;
    height: 64px;
  }
  .cardSection .cardSectionWrapper .pagination button:not(:last-child) {
    margin-right: 34px;
  }
  .cardSection .cardSectionWrapper .pagination .pagination-prev {
    margin-right: 70px !important;
  }
  .cardSection .cardSectionWrapper .pagination .pagination-next {
    margin-left: 36px;
  }
}
@media all and (max-width: 1600px) {
  .cardSection .cardSectionWrapper {
    margin-top: 60px;
    margin-bottom: 100px;
  }
  .cardSection .cardSectionWrapper .heading h2 {
    margin-bottom: 22px;
  }
  .cardSection .cardSectionWrapper .blogsTabs {
    margin: 0 -90px;
  }
  .cardSection .cardSectionWrapper .blogsTabs .blogsTabWrapper a {
    padding: 16px 32px;
  }
  .cardSection .cardSectionWrapper .blogsTabs .blogsTabWrapper a:last-child {
    margin-right: 90px;
  }
  .cardSection .cardSectionWrapper .blogsTabs .blogsTabWrapper a:first-child {
    margin-left: 90px;
  }
  .cardSection .cardSectionWrapper .customSelect .selectBtn {
    padding: 7px 0px 14px 0px;
  }
  .cardSection .cardSectionWrapper .customSelect .options {
    max-height: 280px;
    margin-top: 10px;
  }
  .cardSection .cardSectionWrapper .customSelect .options .option {
    height: 50px;
    padding: 0 14px;
  }
  .cardSection .cardSectionWrapper .cardGrid {
    gap: 26px;
    margin-bottom: 100px;
    margin-top: 60px;
  }
  .cardSection .cardSectionWrapper .cardGrid .cards .cardContent {
    padding: 0 22px 50px;
  }
  .cardSection .cardSectionWrapper .cardGrid .cards .cardContent .tag {
    padding: 4px 15px;
    margin-bottom: 22px;
  }
  .cardSection .cardSectionWrapper .cardGrid .cards .cardContent .cardInfo {
    gap: 14px;
  }
  .cardSection .cardSectionWrapper .cardGrid .cards .cardContent .cardInfo .cardTypo h3 {
    margin-bottom: 14px;
  }
  .cardSection .cardSectionWrapper .cardGrid .cards .redirectArrow {
    right: 22px;
    bottom: 25px;
  }
  .cardSection .cardSectionWrapper .pagination button {
    padding: 22px;
    width: 60px;
    height: 60px;
  }
  .cardSection .cardSectionWrapper .pagination button:not(:last-child) {
    margin-right: 30px;
  }
  .cardSection .cardSectionWrapper .pagination .pagination-prev {
    margin-right: 60px !important;
  }
  .cardSection .cardSectionWrapper .pagination .pagination-next {
    margin-left: 30px;
  }
}
@media all and (max-width: 1440px) {
  .cardSection .cardSectionWrapper {
    margin-top: 50px;
    margin-bottom: 80px;
  }
  .cardSection .cardSectionWrapper .heading h2 {
    margin-bottom: 20px;
  }
  .cardSection .cardSectionWrapper .blogsTabs {
    margin: 0 -80px;
  }
  .cardSection .cardSectionWrapper .blogsTabs .blogsTabWrapper a {
    padding: 15px 32px;
  }
  .cardSection .cardSectionWrapper .blogsTabs .blogsTabWrapper a:last-child {
    margin-right: 80px;
  }
  .cardSection .cardSectionWrapper .blogsTabs .blogsTabWrapper a:first-child {
    margin-left: 80px;
  }
  .cardSection .cardSectionWrapper .customSelect .selectBtn {
    padding: 6px 0px 12px 0px;
  }
  .cardSection .cardSectionWrapper .customSelect .options {
    max-height: 280px;
    margin-top: 10px;
  }
  .cardSection .cardSectionWrapper .customSelect .options .option {
    height: 50px;
    padding: 0 14px;
  }
  .cardSection .cardSectionWrapper .cardGrid {
    gap: 24px;
    margin-bottom: 80px;
    margin-top: 50px;
  }
  .cardSection .cardSectionWrapper .cardGrid .cards .cardImg {
    margin-bottom: 25px;
  }
  .cardSection .cardSectionWrapper .cardGrid .cards .cardContent {
    padding: 0 20px 45px;
  }
  .cardSection .cardSectionWrapper .cardGrid .cards .cardContent .tag {
    margin-bottom: 20px;
  }
  .cardSection .cardSectionWrapper .cardGrid .cards .cardContent .cardInfo {
    gap: 12px;
  }
  .cardSection .cardSectionWrapper .cardGrid .cards .cardContent .cardInfo .cardTypo h3 {
    margin-bottom: 12px;
  }
  .cardSection .cardSectionWrapper .cardGrid .cards .redirectArrow {
    width: 50px;
    height: 50px;
    right: 20px;
  }
  .cardSection .cardSectionWrapper .cardGrid .cards .redirectArrow .rotateRightArrow {
    font-size: 16px;
  }
  .cardSection .cardSectionWrapper .pagination button {
    padding: 20px;
    width: 50px;
    height: 50px;
  }
  .cardSection .cardSectionWrapper .pagination button:not(:last-child) {
    margin-right: 25px;
  }
  .cardSection .cardSectionWrapper .pagination .pagination-prev {
    margin-right: 50px !important;
  }
  .cardSection .cardSectionWrapper .pagination .pagination-next {
    margin-left: 25px;
  }
}
@media all and (max-width: 1280px) {
  .cardSection .cardSectionWrapper {
    margin-top: 40px;
    margin-bottom: 70px;
  }
  .cardSection .cardSectionWrapper .blogsTabs .blogsTabWrapper a {
    padding: 12px 32px;
  }
  .cardSection .cardSectionWrapper .customSelect .selectBtn {
    padding: 6px 0px 12px 0px;
    width: 25%;
  }
  .cardSection .cardSectionWrapper .customSelect .options {
    max-height: 250px;
    margin-top: 9px;
    width: 25%;
  }
  .cardSection .cardSectionWrapper .customSelect .options .option {
    height: 40px;
    padding: 0 12px;
  }
  .cardSection .cardSectionWrapper .cardGrid {
    gap: 20px;
    margin-bottom: 70px;
    margin-top: 40px;
  }
  .cardSection .cardSectionWrapper .cardGrid .cards .cardImg {
    margin-bottom: 20px;
  }
  .cardSection .cardSectionWrapper .cardGrid .cards .cardContent {
    padding: 0 18px 40px;
  }
  .cardSection .cardSectionWrapper .cardGrid .cards .cardContent .tag {
    padding: 3px 14px;
    margin-bottom: 18px;
  }
  .cardSection .cardSectionWrapper .cardGrid .cards .cardContent .cardInfo {
    gap: 12px;
  }
  .cardSection .cardSectionWrapper .cardGrid .cards .cardContent .cardInfo .cardTypo h3 {
    margin-bottom: 10px;
  }
  .cardSection .cardSectionWrapper .cardGrid .cards .redirectArrow {
    width: 45px;
    height: 45px;
    right: 18px;
  }
  .cardSection .cardSectionWrapper .cardGrid .cards .redirectArrow .rotateRightArrow {
    font-size: 14px;
  }
  .cardSection .cardSectionWrapper .pagination button {
    padding: 16px;
    width: 45px;
    height: 45px;
  }
  .cardSection .cardSectionWrapper .pagination button:not(:last-child) {
    margin-right: 20px;
  }
  .cardSection .cardSectionWrapper .pagination .pagination-prev {
    margin-right: 40px !important;
  }
  .cardSection .cardSectionWrapper .pagination .pagination-next {
    margin-left: 20px;
  }
}
@media all and (max-width: 1180px) {
  .cardSection .cardSectionWrapper .cardGrid .cards:hover {
    background: transparent;
  }
  .cardSection .cardSectionWrapper .cardGrid .cards:hover .cardContent .tag {
    background: #F5F75E;
  }
  .cardSection .cardSectionWrapper .cardGrid .cards .cardContent .cardInfo {
    align-items: end;
  }
  .cardSection .cardSectionWrapper .cardGrid .cards .redirectArrow {
    opacity: 1;
  }
}
@media all and (max-width: 1024px) {
  .cardSection .cardSectionWrapper .blogsTabs {
    margin: 0 -40px;
  }
  .cardSection .cardSectionWrapper .blogsTabs .blogsTabWrapper a {
    padding: 12px 32px;
  }
  .cardSection .cardSectionWrapper .blogsTabs .blogsTabWrapper a:last-child {
    margin-right: 40px;
  }
  .cardSection .cardSectionWrapper .blogsTabs .blogsTabWrapper a:first-child {
    margin-left: 40px;
  }
  .cardSection .cardSectionWrapper .customSelect .selectBtn {
    width: 30%;
  }
  .cardSection .cardSectionWrapper .customSelect .options {
    width: 30%;
  }
  .cardSection .cardSectionWrapper .cardGrid {
    grid-template-columns: repeat(2, 1fr);
  }
  .cardSection .cardSectionWrapper .cardGrid .cards .cardContent {
    padding: 0 18px 35px;
  }
  .cardSection .cardSectionWrapper .cardGrid .cards .redirectArrow {
    opacity: 1;
    visibility: visible;
    width: 35px;
    height: 35px;
    right: 18px;
    bottom: 25px;
  }
  .cardSection .cardSectionWrapper .cardGrid .cards .redirectArrow .rotateRightArrow {
    font-size: 12px;
  }
}
@media all and (max-width: 820px) {
  .cardSection .cardSectionWrapper .cardGrid {
    gap: 20px;
  }
  .cardSection .cardSectionWrapper .cardGrid .cards .cardContent {
    padding: 22px 14px;
  }
  .cardSection .cardSectionWrapper .blogsTabs .blogsTabWrapper a {
    padding: 10px 24px;
  }
  .cardSection .cardSectionWrapper .pagination button {
    padding: 14px;
    width: 40px;
    height: 40px;
  }
  .cardSection .cardSectionWrapper .pagination button:not(:last-child) {
    margin-right: 20px;
  }
  .cardSection .cardSectionWrapper .pagination .pagination-prev {
    margin-right: 40px !important;
  }
  .cardSection .cardSectionWrapper .pagination .pagination-next {
    margin-left: 20px;
  }
}
@media all and (max-width: 680px) {
  .cardSection .cardSectionWrapper {
    margin-top: 72px;
    padding-left: 120px;
    padding-right: 120px;
    margin-bottom: 105px;
  }
}
@media screen and (max-width: 680px) and (max-width: 1600px) {
  .cardSection .cardSectionWrapper {
    padding-left: 90px;
    padding-right: 90px;
  }
}
@media screen and (max-width: 680px) and (max-width: 1440px) {
  .cardSection .cardSectionWrapper {
    padding-left: 80px;
    padding-right: 80px;
  }
}
@media screen and (max-width: 680px) and (max-width: 1024px) {
  .cardSection .cardSectionWrapper {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media screen and (max-width: 680px) and (max-width: 680px) {
  .cardSection .cardSectionWrapper {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media all and (max-width: 680px) {
  .cardSection .cardSectionWrapper .heading h2 {
    margin-bottom: 32px;
    font-size: 20px;
    font-weight: 600;
    line-height: 24px;
  }
  .cardSection .cardSectionWrapper .blogsTabs {
    margin: 0 -20px;
  }
  .cardSection .cardSectionWrapper .blogsTabs .blogsTabWrapper a {
    padding: 9px 16px;
    font-size: 12px;
    line-height: 18px;
    font-weight: 400;
    margin-left: 12px;
  }
  .cardSection .cardSectionWrapper .blogsTabs .blogsTabWrapper a:last-child {
    margin-right: 20px;
  }
  .cardSection .cardSectionWrapper .blogsTabs .blogsTabWrapper a:first-child {
    margin-left: 20px;
  }
  .cardSection .cardSectionWrapper .customSelect .selectBtn {
    padding: 7px 0px 14px 0px;
    width: 100%;
  }
  .cardSection .cardSectionWrapper .customSelect .selectBtn .sBtntext {
    font-size: 12px;
    line-height: 18px;
  }
  .cardSection .cardSectionWrapper .customSelect .options {
    max-height: 250px;
    margin-top: 10px;
    width: 100%;
  }
  .cardSection .cardSectionWrapper .customSelect .options .option {
    padding: 0 16px;
    font-size: 12px;
    line-height: 18px;
  }
  .cardSection .cardSectionWrapper .customSelect .options::-webkit-scrollbar {
    width: 6px;
  }
  .cardSection .cardSectionWrapper .cardGrid {
    grid-template-columns: repeat(1, 1fr);
    gap: 24px;
    margin-bottom: 36px;
    margin-top: 28px;
  }
  .cardSection .cardSectionWrapper .cardGrid .cards .cardContent {
    padding: 24px 16px;
  }
  .cardSection .cardSectionWrapper .cardGrid .cards .cardContent .tag {
    padding: 4px 16px;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    margin-bottom: 16px;
  }
  .cardSection .cardSectionWrapper .cardGrid .cards .cardContent h3 {
    margin-bottom: 14px;
    font-size: 16px;
    font-weight: 400;
    line-height: 28px;
  }
  .cardSection .cardSectionWrapper .cardGrid .cards .cardContent p {
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
  }
  .cardSection .cardSectionWrapper .cardGrid .cards .redirectArrow {
    right: 16px;
    bottom: 14px;
  }
  .cardSection .cardSectionWrapper .pagination button {
    padding: 12px;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    width: 42px;
    height: 42px;
  }
  .cardSection .cardSectionWrapper .pagination button:not(:last-child) {
    margin-right: 4px;
  }
  .cardSection .cardSectionWrapper .pagination button.active {
    font-weight: 700;
  }
  .cardSection .cardSectionWrapper .pagination button img {
    width: 11px;
    height: 11px;
  }
  .cardSection .cardSectionWrapper .pagination .pagination-prev {
    margin-right: 32px !important;
  }
  .cardSection .cardSectionWrapper .pagination .pagination-next {
    margin-left: 28px;
  }
}
@media all and (max-width: 400px) {
  .cardSection .cardSectionWrapper .pagination button {
    padding: 10px;
    width: 36px;
    height: 36px;
  }
  .cardSection .cardSectionWrapper .pagination .pagination-prev {
    margin-right: 24px !important;
  }
  .cardSection .cardSectionWrapper .pagination .pagination-next {
    margin-left: 22px;
  }
}

.manualBrochureSection .faq-heading h2 {
  margin-bottom: 64px;
  color: #1E1E1E;
  font-family: "termina", sans-serif;
  font-size: 36px;
  font-weight: 600;
  line-height: 133.333%;
  text-transform: uppercase;
  padding-left: 120px;
  padding-right: 120px;
}
@media screen and (max-width: 1600px) {
  .manualBrochureSection .faq-heading h2 {
    font-size: 32px;
  }
}
@media screen and (max-width: 1440px) {
  .manualBrochureSection .faq-heading h2 {
    font-size: 24px;
  }
}
@media screen and (max-width: 1024px) {
  .manualBrochureSection .faq-heading h2 {
    font-size: 22px;
  }
}
@media screen and (max-width: 720px) {
  .manualBrochureSection .faq-heading h2 {
    font-size: 20px;
  }
}
@media screen and (max-width: 1600px) {
  .manualBrochureSection .faq-heading h2 {
    padding-left: 90px;
    padding-right: 90px;
  }
}
@media screen and (max-width: 1440px) {
  .manualBrochureSection .faq-heading h2 {
    padding-left: 80px;
    padding-right: 80px;
  }
}
@media screen and (max-width: 1024px) {
  .manualBrochureSection .faq-heading h2 {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media screen and (max-width: 680px) {
  .manualBrochureSection .faq-heading h2 {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.manualBrochureSection .container .accordions-wrapper .accordion.active {
  padding-bottom: 50px;
}
.manualBrochureSection .container .accordions-wrapper .accordion.active .accordion-header {
  padding-bottom: 78px;
}
.manualBrochureSection .container .accordions-wrapper .accordion .accordion-header {
  padding: 42px 120px;
}
.manualBrochureSection .container .accordions-wrapper .accordion .accordion-header h4 {
  font-family: "termina", sans-serif;
  font-weight: 600;
  line-height: 112.5%;
  font-size: 32px;
  color: #1E1E1E;
}
@media screen and (max-width: 1800px) {
  .manualBrochureSection .container .accordions-wrapper .accordion .accordion-header h4 {
    font-size: 30px;
  }
}
@media screen and (max-width: 1600px) {
  .manualBrochureSection .container .accordions-wrapper .accordion .accordion-header h4 {
    font-size: 26px;
  }
}
@media screen and (max-width: 1440px) {
  .manualBrochureSection .container .accordions-wrapper .accordion .accordion-header h4 {
    font-size: 22px;
  }
}
@media screen and (max-width: 1024px) {
  .manualBrochureSection .container .accordions-wrapper .accordion .accordion-header h4 {
    font-size: 18px;
  }
}
.manualBrochureSection .container .accordions-wrapper .accordion .accordion-body {
  padding-left: 120px;
  padding-right: 120px;
  width: 100%;
}
@media screen and (max-width: 1600px) {
  .manualBrochureSection .container .accordions-wrapper .accordion .accordion-body {
    padding-left: 90px;
    padding-right: 90px;
  }
}
@media screen and (max-width: 1440px) {
  .manualBrochureSection .container .accordions-wrapper .accordion .accordion-body {
    padding-left: 80px;
    padding-right: 80px;
  }
}
@media screen and (max-width: 1024px) {
  .manualBrochureSection .container .accordions-wrapper .accordion .accordion-body {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media screen and (max-width: 680px) {
  .manualBrochureSection .container .accordions-wrapper .accordion .accordion-body {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.manualBrochureSection .container .accordions-wrapper .accordion .accordion-body .brochureDiv {
  display: flex;
  padding-left: 24px;
}
.manualBrochureSection .container .accordions-wrapper .accordion .accordion-body .brochureDiv .brochureElement:not(:last-child) {
  padding-right: 180px;
  border-right: 2px solid #E5E7E8;
  margin-right: 70px;
}
.manualBrochureSection .container .accordions-wrapper .accordion .accordion-body .brochureDiv .brochureElement:nth-child(1) .pdfWrapper {
  background: rgba(245, 247, 94, 0.6);
}
.manualBrochureSection .container .accordions-wrapper .accordion .accordion-body .brochureDiv .brochureElement:nth-child(2) .pdfWrapper {
  background: rgba(0, 110, 80, 0.4);
}
.manualBrochureSection .container .accordions-wrapper .accordion .accordion-body .brochureDiv .brochureElement:nth-child(3) .pdfWrapper {
  background: #F2F3F3;
}
.manualBrochureSection .container .accordions-wrapper .accordion .accordion-body .brochureDiv .brochureElement .fileType {
  font-size: 24px;
  line-height: 166.667%;
  margin-bottom: 10px;
  position: relative;
  font-weight: 400;
}
@media screen and (max-width: 1600px) {
  .manualBrochureSection .container .accordions-wrapper .accordion .accordion-body .brochureDiv .brochureElement .fileType {
    font-size: 20px;
  }
}
@media screen and (max-width: 1440px) {
  .manualBrochureSection .container .accordions-wrapper .accordion .accordion-body .brochureDiv .brochureElement .fileType {
    font-size: 16px;
  }
}
.manualBrochureSection .container .accordions-wrapper .accordion .accordion-body .brochureDiv .brochureElement .fileType::before {
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  top: 50%;
  transform: translateY(-50%);
  left: -24px;
  background: #1E1E1E;
  border-radius: 50%;
}
.manualBrochureSection .container .accordions-wrapper .accordion .accordion-body .brochureDiv .brochureElement .pdfWrapper {
  display: flex;
  align-items: center;
  padding: 8px 22px 8px 8px;
  box-sizing: border-box;
  width: 100%;
}
.manualBrochureSection .container .accordions-wrapper .accordion .accordion-body .brochureDiv .brochureElement .pdfWrapper:not(:last-child) {
  margin-bottom: 16px;
}
.manualBrochureSection .container .accordions-wrapper .accordion .accordion-body .brochureDiv .brochureElement .pdfWrapper img {
  margin-right: 12px;
}
.manualBrochureSection .container .accordions-wrapper .accordion .accordion-body .brochureDiv .brochureElement .pdfWrapper .pdfName {
  flex-shrink: 0;
  margin-right: 66px;
  font-size: 16px;
  line-height: 175%;
  text-transform: capitalize;
  font-weight: 400;
}
@media screen and (max-width: 1600px) {
  .manualBrochureSection .container .accordions-wrapper .accordion .accordion-body .brochureDiv .brochureElement .pdfWrapper .pdfName {
    font-size: 14px;
  }
}
@media screen and (max-width: 1440px) {
  .manualBrochureSection .container .accordions-wrapper .accordion .accordion-body .brochureDiv .brochureElement .pdfWrapper .pdfName {
    font-size: 12px;
  }
}
.manualBrochureSection .container .accordions-wrapper .accordion .accordion-body .brochureDiv .brochureElement .pdfWrapper .downloadLogo {
  margin-right: 0;
}
@media all and (max-width: 1800px) {
  .manualBrochureSection .container .accordions-wrapper .accordion .accordion-body {
    padding-left: 120px;
    padding-right: 120px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1600px) {
  .manualBrochureSection .container .accordions-wrapper .accordion .accordion-body {
    padding-left: 90px;
    padding-right: 90px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1440px) {
  .manualBrochureSection .container .accordions-wrapper .accordion .accordion-body {
    padding-left: 80px;
    padding-right: 80px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1024px) {
  .manualBrochureSection .container .accordions-wrapper .accordion .accordion-body {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 680px) {
  .manualBrochureSection .container .accordions-wrapper .accordion .accordion-body {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media all and (max-width: 1800px) {
  .manualBrochureSection .container .accordions-wrapper .accordion .accordion-body .brochureDiv {
    padding-left: 24px;
  }
  .manualBrochureSection .container .accordions-wrapper .accordion .accordion-body .brochureDiv .brochureElement:not(:last-child) {
    padding-right: 160px;
    margin-right: 60px;
  }
  .manualBrochureSection .container .accordions-wrapper .accordion .accordion-body .brochureDiv .brochureElement .fileType::before {
    width: 10px;
    height: 10px;
  }
  .manualBrochureSection .container .accordions-wrapper .accordion .accordion-body .brochureDiv .brochureElement .pdfWrapper {
    padding: 8px 22px 8px 8px;
  }
  .manualBrochureSection .container .accordions-wrapper .accordion .accordion-body .brochureDiv .brochureElement .pdfWrapper:not(:last-child) {
    margin-bottom: 16px;
  }
  .manualBrochureSection .container .accordions-wrapper .accordion .accordion-body .brochureDiv .brochureElement .pdfWrapper img {
    margin-right: 12px;
  }
  .manualBrochureSection .container .accordions-wrapper .accordion .accordion-body .brochureDiv .brochureElement .pdfWrapper .pdfName {
    margin-right: 66px;
  }
}
@media all and (max-width: 1600px) {
  .manualBrochureSection .faq-heading h2 {
    margin-bottom: 60px;
  }
  .manualBrochureSection .container .accordions-wrapper .accordion.active {
    padding-bottom: 40px;
  }
  .manualBrochureSection .container .accordions-wrapper .accordion.active .accordion-header {
    padding-bottom: 70px;
  }
  .manualBrochureSection .container .accordions-wrapper .accordion .accordion-header {
    padding: 36px 90px;
  }
  .manualBrochureSection .container .accordions-wrapper .accordion .accordion-body {
    padding-left: 120px;
    padding-right: 120px;
  }
}
@media screen and (max-width: 1600px) and (max-width: 1600px) {
  .manualBrochureSection .container .accordions-wrapper .accordion .accordion-body {
    padding-left: 90px;
    padding-right: 90px;
  }
}
@media screen and (max-width: 1600px) and (max-width: 1440px) {
  .manualBrochureSection .container .accordions-wrapper .accordion .accordion-body {
    padding-left: 80px;
    padding-right: 80px;
  }
}
@media screen and (max-width: 1600px) and (max-width: 1024px) {
  .manualBrochureSection .container .accordions-wrapper .accordion .accordion-body {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media screen and (max-width: 1600px) and (max-width: 680px) {
  .manualBrochureSection .container .accordions-wrapper .accordion .accordion-body {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media all and (max-width: 1600px) {
  .manualBrochureSection .container .accordions-wrapper .accordion .accordion-body .brochureDiv .brochureElement:not(:last-child) {
    padding-right: 140px;
    margin-right: 60px;
  }
  .manualBrochureSection .container .accordions-wrapper .accordion .accordion-body .brochureDiv .brochureElement .fileType::before {
    width: 10px;
    height: 10px;
  }
  .manualBrochureSection .container .accordions-wrapper .accordion .accordion-body .brochureDiv .brochureElement .pdfWrapper {
    padding: 8px 20px 8px 8px;
  }
  .manualBrochureSection .container .accordions-wrapper .accordion .accordion-body .brochureDiv .brochureElement .pdfWrapper:not(:last-child) {
    margin-bottom: 15px;
  }
  .manualBrochureSection .container .accordions-wrapper .accordion .accordion-body .brochureDiv .brochureElement .pdfWrapper img {
    margin-right: 12px;
  }
  .manualBrochureSection .container .accordions-wrapper .accordion .accordion-body .brochureDiv .brochureElement .pdfWrapper .pdfName {
    margin-right: 60px;
  }
}
@media all and (max-width: 1440px) {
  .manualBrochureSection .faq-heading h2 {
    margin-bottom: 56px;
  }
  .manualBrochureSection .container .accordions-wrapper .accordion.active {
    padding-bottom: 36px;
  }
  .manualBrochureSection .container .accordions-wrapper .accordion.active .accordion-header {
    padding-bottom: 60px;
  }
  .manualBrochureSection .container .accordions-wrapper .accordion .accordion-header {
    padding: 30px 80px;
  }
  .manualBrochureSection .container .accordions-wrapper .accordion .accordion-body {
    padding-left: 120px;
    padding-right: 120px;
  }
}
@media screen and (max-width: 1440px) and (max-width: 1600px) {
  .manualBrochureSection .container .accordions-wrapper .accordion .accordion-body {
    padding-left: 90px;
    padding-right: 90px;
  }
}
@media screen and (max-width: 1440px) and (max-width: 1440px) {
  .manualBrochureSection .container .accordions-wrapper .accordion .accordion-body {
    padding-left: 80px;
    padding-right: 80px;
  }
}
@media screen and (max-width: 1440px) and (max-width: 1024px) {
  .manualBrochureSection .container .accordions-wrapper .accordion .accordion-body {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media screen and (max-width: 1440px) and (max-width: 680px) {
  .manualBrochureSection .container .accordions-wrapper .accordion .accordion-body {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media all and (max-width: 1440px) {
  .manualBrochureSection .container .accordions-wrapper .accordion .accordion-body .brochureDiv .brochureElement:not(:last-child) {
    padding-right: 120px;
    margin-right: 50px;
  }
  .manualBrochureSection .container .accordions-wrapper .accordion .accordion-body .brochureDiv .brochureElement .fileType::before {
    width: 8px;
    height: 8px;
  }
  .manualBrochureSection .container .accordions-wrapper .accordion .accordion-body .brochureDiv .brochureElement .pdfWrapper {
    padding: 8px 16px 8px 8px;
  }
  .manualBrochureSection .container .accordions-wrapper .accordion .accordion-body .brochureDiv .brochureElement .pdfWrapper:not(:last-child) {
    margin-bottom: 14px;
  }
  .manualBrochureSection .container .accordions-wrapper .accordion .accordion-body .brochureDiv .brochureElement .pdfWrapper img {
    margin-right: 10px;
  }
  .manualBrochureSection .container .accordions-wrapper .accordion .accordion-body .brochureDiv .brochureElement .pdfWrapper .pdfName {
    margin-right: 50px;
  }
}
@media all and (max-width: 1280px) {
  .manualBrochureSection .faq-heading h2 {
    margin-bottom: 50px;
  }
  .manualBrochureSection .container .accordions-wrapper .accordion.active {
    padding-bottom: 32px;
  }
  .manualBrochureSection .container .accordions-wrapper .accordion.active .accordion-header {
    padding-bottom: 50px;
  }
  .manualBrochureSection .container .accordions-wrapper .accordion .accordion-body {
    padding-left: 120px;
    padding-right: 120px;
  }
}
@media screen and (max-width: 1280px) and (max-width: 1600px) {
  .manualBrochureSection .container .accordions-wrapper .accordion .accordion-body {
    padding-left: 90px;
    padding-right: 90px;
  }
}
@media screen and (max-width: 1280px) and (max-width: 1440px) {
  .manualBrochureSection .container .accordions-wrapper .accordion .accordion-body {
    padding-left: 80px;
    padding-right: 80px;
  }
}
@media screen and (max-width: 1280px) and (max-width: 1024px) {
  .manualBrochureSection .container .accordions-wrapper .accordion .accordion-body {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media screen and (max-width: 1280px) and (max-width: 680px) {
  .manualBrochureSection .container .accordions-wrapper .accordion .accordion-body {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media all and (max-width: 1280px) {
  .manualBrochureSection .container .accordions-wrapper .accordion .accordion-body .brochureDiv .brochureElement:not(:last-child) {
    padding-right: 80px;
    margin-right: 40px;
  }
  .manualBrochureSection .container .accordions-wrapper .accordion .accordion-body .brochureDiv .brochureElement .fileType::before {
    width: 8px;
    height: 8px;
  }
  .manualBrochureSection .container .accordions-wrapper .accordion .accordion-body .brochureDiv .brochureElement .pdfWrapper {
    padding: 8px 16px 8px 8px;
  }
  .manualBrochureSection .container .accordions-wrapper .accordion .accordion-body .brochureDiv .brochureElement .pdfWrapper:not(:last-child) {
    margin-bottom: 14px;
  }
  .manualBrochureSection .container .accordions-wrapper .accordion .accordion-body .brochureDiv .brochureElement .pdfWrapper img {
    margin-right: 10px;
  }
  .manualBrochureSection .container .accordions-wrapper .accordion .accordion-body .brochureDiv .brochureElement .pdfWrapper .pdfName {
    margin-right: 40px;
  }
}
@media all and (max-width: 1180px) {
  .manualBrochureSection .container .accordions-wrapper .accordion .accordion-body {
    padding-left: 120px;
    padding-right: 120px;
  }
}
@media screen and (max-width: 1180px) and (max-width: 1600px) {
  .manualBrochureSection .container .accordions-wrapper .accordion .accordion-body {
    padding-left: 90px;
    padding-right: 90px;
  }
}
@media screen and (max-width: 1180px) and (max-width: 1440px) {
  .manualBrochureSection .container .accordions-wrapper .accordion .accordion-body {
    padding-left: 80px;
    padding-right: 80px;
  }
}
@media screen and (max-width: 1180px) and (max-width: 1024px) {
  .manualBrochureSection .container .accordions-wrapper .accordion .accordion-body {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media screen and (max-width: 1180px) and (max-width: 680px) {
  .manualBrochureSection .container .accordions-wrapper .accordion .accordion-body {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media all and (max-width: 1180px) {
  .manualBrochureSection .container .accordions-wrapper .accordion .accordion-body .brochureDiv .brochureElement:not(:last-child) {
    padding-right: 60px;
    margin-right: 30px;
  }
  .manualBrochureSection .container .accordions-wrapper .accordion .accordion-body .brochureDiv .brochureElement .fileType::before {
    width: 8px;
    height: 8px;
  }
  .manualBrochureSection .container .accordions-wrapper .accordion .accordion-body .brochureDiv .brochureElement .pdfWrapper {
    padding: 8px 16px 8px 8px;
  }
  .manualBrochureSection .container .accordions-wrapper .accordion .accordion-body .brochureDiv .brochureElement .pdfWrapper:not(:last-child) {
    margin-bottom: 14px;
  }
  .manualBrochureSection .container .accordions-wrapper .accordion .accordion-body .brochureDiv .brochureElement .pdfWrapper img {
    margin-right: 10px;
  }
  .manualBrochureSection .container .accordions-wrapper .accordion .accordion-body .brochureDiv .brochureElement .pdfWrapper .pdfName {
    margin-right: 30px;
  }
}
@media all and (max-width: 1024px) {
  .manualBrochureSection .faq-heading h2 {
    padding: 0px 60px;
  }
  .manualBrochureSection .container .accordions-wrapper .accordion.active {
    padding-bottom: 30px;
  }
  .manualBrochureSection .container .accordions-wrapper .accordion.active .accordion-header {
    padding-bottom: 40px;
  }
  .manualBrochureSection .container .accordions-wrapper .accordion .accordion-header {
    padding: 20px 60px;
  }
  .manualBrochureSection .container .accordions-wrapper .accordion .accordion-body {
    padding: 0px 60px;
  }
  .manualBrochureSection .container .accordions-wrapper .accordion .accordion-body .brochureDiv {
    padding-left: 0px;
    flex-wrap: wrap;
    gap: 30px;
  }
  .manualBrochureSection .container .accordions-wrapper .accordion .accordion-body .brochureDiv .brochureElement {
    border-right: 0px;
  }
  .manualBrochureSection .container .accordions-wrapper .accordion .accordion-body .brochureDiv .brochureElement:not(:last-child) {
    padding-right: 0px;
    border-right: 0px;
  }
  .manualBrochureSection .container .accordions-wrapper .accordion .accordion-body .brochureDiv .brochureElement .fileType::before {
    content: none;
  }
  .manualBrochureSection .container .accordions-wrapper .accordion .accordion-body .brochureDiv .brochureElement .pdfWrapper {
    padding: 8px 12px 8px 8px;
  }
  .manualBrochureSection .container .accordions-wrapper .accordion .accordion-body .brochureDiv .brochureElement .pdfWrapper:not(:last-child) {
    margin-bottom: 12px;
  }
  .manualBrochureSection .container .accordions-wrapper .accordion .accordion-body .brochureDiv .brochureElement .pdfWrapper img {
    margin-right: 10px;
  }
  .manualBrochureSection .container .accordions-wrapper .accordion .accordion-body .brochureDiv .brochureElement .pdfWrapper .pdfName {
    margin-right: 30px;
  }
}
@media all and (max-width: 820px) {
  .manualBrochureSection .faq-heading h2 {
    padding: 0px 40px;
  }
  .manualBrochureSection .container .accordions-wrapper .accordion .accordion-header {
    padding: 20px 40px;
  }
  .manualBrochureSection .container .accordions-wrapper .accordion .accordion-body {
    padding: 0px 40px;
  }
}
@media all and (max-width: 680px) {
  .manualBrochureSection .faq-heading h2 {
    margin-bottom: 32px;
    font-size: 20px;
    font-weight: 600;
    line-height: 28px;
    padding-left: 120px;
    padding-right: 120px;
  }
}
@media screen and (max-width: 680px) and (max-width: 1600px) {
  .manualBrochureSection .faq-heading h2 {
    padding-left: 90px;
    padding-right: 90px;
  }
}
@media screen and (max-width: 680px) and (max-width: 1440px) {
  .manualBrochureSection .faq-heading h2 {
    padding-left: 80px;
    padding-right: 80px;
  }
}
@media screen and (max-width: 680px) and (max-width: 1024px) {
  .manualBrochureSection .faq-heading h2 {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media screen and (max-width: 680px) and (max-width: 680px) {
  .manualBrochureSection .faq-heading h2 {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media all and (max-width: 680px) {
  .manualBrochureSection .container .accordions-wrapper .accordion.active {
    padding-bottom: 25px;
  }
  .manualBrochureSection .container .accordions-wrapper .accordion.active .accordion-header {
    padding-bottom: 32px;
  }
  .manualBrochureSection .container .accordions-wrapper .accordion .accordion-header {
    padding: 16px 20px;
  }
  .manualBrochureSection .container .accordions-wrapper .accordion .accordion-header h4 {
    font-size: 20px;
    line-height: 24px;
  }
  .manualBrochureSection .container .accordions-wrapper .accordion .accordion-body {
    padding-left: 120px;
    padding-right: 120px;
  }
}
@media screen and (max-width: 680px) and (max-width: 1600px) {
  .manualBrochureSection .container .accordions-wrapper .accordion .accordion-body {
    padding-left: 90px;
    padding-right: 90px;
  }
}
@media screen and (max-width: 680px) and (max-width: 1440px) {
  .manualBrochureSection .container .accordions-wrapper .accordion .accordion-body {
    padding-left: 80px;
    padding-right: 80px;
  }
}
@media screen and (max-width: 680px) and (max-width: 1024px) {
  .manualBrochureSection .container .accordions-wrapper .accordion .accordion-body {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media screen and (max-width: 680px) and (max-width: 680px) {
  .manualBrochureSection .container .accordions-wrapper .accordion .accordion-body {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media all and (max-width: 680px) {
  .manualBrochureSection .container .accordions-wrapper .accordion .accordion-body .brochureDiv {
    display: flex;
    padding-left: 0px;
    flex-direction: column;
    gap: 32px;
  }
  .manualBrochureSection .container .accordions-wrapper .accordion .accordion-body .brochureDiv .brochureElement:not(:last-child) {
    padding-right: 0px;
    border-right: none;
    margin-right: 0px;
  }
  .manualBrochureSection .container .accordions-wrapper .accordion .accordion-body .brochureDiv .brochureElement .fileType {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 12px;
  }
  .manualBrochureSection .container .accordions-wrapper .accordion .accordion-body .brochureDiv .brochureElement .fileType::before {
    content: none;
  }
  .manualBrochureSection .container .accordions-wrapper .accordion .accordion-body .brochureDiv .brochureElement .pdfWrapper {
    padding: 6px;
  }
  .manualBrochureSection .container .accordions-wrapper .accordion .accordion-body .brochureDiv .brochureElement .pdfWrapper:not(:last-child) {
    margin-bottom: 16px;
  }
  .manualBrochureSection .container .accordions-wrapper .accordion .accordion-body .brochureDiv .brochureElement .pdfWrapper img {
    margin-right: 12px;
  }
  .manualBrochureSection .container .accordions-wrapper .accordion .accordion-body .brochureDiv .brochureElement .pdfWrapper .pdfName {
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
  }
  .manualBrochureSection .container .accordions-wrapper .accordion .accordion-body .brochureDiv .brochureElement .pdfWrapper .downloadLogo {
    margin-left: auto;
  }
}

.privacyPolicySec {
  margin: 172px auto;
  width: 58%;
}
.privacyPolicySec .backBtn {
  margin-bottom: 100px;
  display: inline-block;
}
.privacyPolicySec .backBtn a {
  display: flex;
  align-items: center;
  gap: 10px;
  color: #4B4B4B;
  font-family: "termina", sans-serif;
  font-size: 20px;
  line-height: 140%;
  font-weight: 600;
}
@media screen and (max-width: 1600px) {
  .privacyPolicySec .backBtn a {
    font-size: 18px;
  }
}
@media screen and (max-width: 1440px) {
  .privacyPolicySec .backBtn a {
    font-size: 16px;
  }
}
@media screen and (max-width: 720px) {
  .privacyPolicySec .backBtn a {
    font-size: 12px;
  }
}
.privacyPolicySec .backBtn a .backArrow {
  color: #4B4B4B;
  font-size: 20px;
}
@media screen and (max-width: 1600px) {
  .privacyPolicySec .backBtn a .backArrow {
    font-size: 18px;
  }
}
@media screen and (max-width: 1440px) {
  .privacyPolicySec .backBtn a .backArrow {
    font-size: 16px;
  }
}
@media screen and (max-width: 720px) {
  .privacyPolicySec .backBtn a .backArrow {
    font-size: 12px;
  }
}
.privacyPolicySec .backBtn a .backArrow::before {
  margin: 0;
}
.privacyPolicySec .privacyContent .HeadingBox {
  margin-bottom: 64px;
}
.privacyPolicySec .privacyContent .HeadingBox .secHeading {
  color: #1E1E1E;
  text-shadow: 0px 5.12px 43.52px rgba(0, 0, 0, 0.1);
  font-family: "termina", sans-serif;
  font-size: 48px;
  font-weight: 600;
  line-height: 133%;
  text-transform: uppercase;
}
@media screen and (max-width: 1600px) {
  .privacyPolicySec .privacyContent .HeadingBox .secHeading {
    font-size: 40px;
  }
}
@media screen and (max-width: 1440px) {
  .privacyPolicySec .privacyContent .HeadingBox .secHeading {
    font-size: 36px;
  }
}
@media screen and (max-width: 820px) {
  .privacyPolicySec .privacyContent .HeadingBox .secHeading {
    font-size: 30px;
  }
}
@media screen and (max-width: 720px) {
  .privacyPolicySec .privacyContent .HeadingBox .secHeading {
    font-size: 24px;
  }
}
.privacyPolicySec .privacyContent .ContentBox h2 {
  color: #000;
  font-size: 32px;
  font-family: "termina", sans-serif;
  font-weight: 700;
  line-height: 150%;
  margin: 64px 0px 24px;
}
@media screen and (max-width: 1800px) {
  .privacyPolicySec .privacyContent .ContentBox h2 {
    font-size: 30px;
  }
}
@media screen and (max-width: 1600px) {
  .privacyPolicySec .privacyContent .ContentBox h2 {
    font-size: 26px;
  }
}
@media screen and (max-width: 1440px) {
  .privacyPolicySec .privacyContent .ContentBox h2 {
    font-size: 22px;
  }
}
@media screen and (max-width: 1024px) {
  .privacyPolicySec .privacyContent .ContentBox h2 {
    font-size: 18px;
  }
}
.privacyPolicySec .privacyContent .ContentBox h3 {
  color: #000;
  font-size: 28px;
  font-family: "termina", sans-serif;
  font-weight: 700;
  line-height: 150%;
  margin: 52px 0px 20px;
}
@media screen and (max-width: 1600px) {
  .privacyPolicySec .privacyContent .ContentBox h3 {
    font-size: 22px;
  }
}
@media screen and (max-width: 1440px) {
  .privacyPolicySec .privacyContent .ContentBox h3 {
    font-size: 18px;
  }
}
@media screen and (max-width: 820px) {
  .privacyPolicySec .privacyContent .ContentBox h3 {
    font-size: 14px;
  }
}
.privacyPolicySec .privacyContent .ContentBox h4 {
  color: #000;
  font-size: 24px;
  font-family: "termina", sans-serif;
  font-weight: 700;
  line-height: 150%;
  margin: 40px 0px 20px;
}
@media screen and (max-width: 1600px) {
  .privacyPolicySec .privacyContent .ContentBox h4 {
    font-size: 20px;
  }
}
@media screen and (max-width: 1440px) {
  .privacyPolicySec .privacyContent .ContentBox h4 {
    font-size: 16px;
  }
}
.privacyPolicySec .privacyContent .ContentBox p {
  color: #000;
  font-size: 20px;
  line-height: 160%;
  margin-bottom: 20px;
}
@media screen and (max-width: 1600px) {
  .privacyPolicySec .privacyContent .ContentBox p {
    font-size: 18px;
  }
}
@media screen and (max-width: 1440px) {
  .privacyPolicySec .privacyContent .ContentBox p {
    font-size: 16px;
  }
}
@media screen and (max-width: 720px) {
  .privacyPolicySec .privacyContent .ContentBox p {
    font-size: 12px;
  }
}
.privacyPolicySec .privacyContent .ContentBox ul {
  padding-left: 20px;
}
.privacyPolicySec .privacyContent .ContentBox ul li {
  list-style-type: disc;
  color: #000;
  font-size: 20px;
  line-height: 160%;
  margin-bottom: 20px;
}
@media screen and (max-width: 1600px) {
  .privacyPolicySec .privacyContent .ContentBox ul li {
    font-size: 18px;
  }
}
@media screen and (max-width: 1440px) {
  .privacyPolicySec .privacyContent .ContentBox ul li {
    font-size: 16px;
  }
}
@media screen and (max-width: 720px) {
  .privacyPolicySec .privacyContent .ContentBox ul li {
    font-size: 12px;
  }
}
.privacyPolicySec .privacyContent .ContentBox ol {
  padding-left: 20px;
}
.privacyPolicySec .privacyContent .ContentBox ol li {
  list-style-type: decimal;
  color: #000;
  font-size: 20px;
  line-height: 160%;
  margin-bottom: 20px;
}
@media screen and (max-width: 1600px) {
  .privacyPolicySec .privacyContent .ContentBox ol li {
    font-size: 18px;
  }
}
@media screen and (max-width: 1440px) {
  .privacyPolicySec .privacyContent .ContentBox ol li {
    font-size: 16px;
  }
}
@media screen and (max-width: 720px) {
  .privacyPolicySec .privacyContent .ContentBox ol li {
    font-size: 12px;
  }
}
@media screen and (max-width: 1800px) {
  .privacyPolicySec {
    margin: 165px auto;
    width: 60%;
  }
  .privacyPolicySec .backBtn {
    margin-bottom: 80px;
  }
  .privacyPolicySec .privacyContent .HeadingBox {
    margin-bottom: 54px;
  }
  .privacyPolicySec .privacyContent .ContentBox h2 {
    margin: 54px 0px 20px;
  }
  .privacyPolicySec .privacyContent .ContentBox h3 {
    margin: 42px 0px 16px;
  }
  .privacyPolicySec .privacyContent .ContentBox h4 {
    margin: 30px 0px 16px;
  }
  .privacyPolicySec .privacyContent .ContentBox p {
    margin-bottom: 16px;
  }
  .privacyPolicySec .privacyContent .ContentBox ul li {
    margin-bottom: 16px;
  }
  .privacyPolicySec .privacyContent .ContentBox ol li {
    margin-bottom: 16px;
  }
}
@media screen and (max-width: 1600px) {
  .privacyPolicySec {
    margin: 150px auto;
  }
}
@media screen and (max-width: 1440px) {
  .privacyPolicySec {
    margin: 120px auto;
    width: 64%;
  }
  .privacyPolicySec .backBtn {
    margin-bottom: 60px;
  }
  .privacyPolicySec .privacyContent .HeadingBox {
    margin-bottom: 48px;
  }
  .privacyPolicySec .privacyContent .ContentBox h2 {
    margin: 48px 0px 16px;
  }
  .privacyPolicySec .privacyContent .ContentBox h3 {
    margin: 36px 0px 14px;
  }
  .privacyPolicySec .privacyContent .ContentBox h4 {
    margin: 26px 0px 14px;
  }
  .privacyPolicySec .privacyContent .ContentBox p {
    margin-bottom: 14px;
  }
  .privacyPolicySec .privacyContent .ContentBox ul li {
    margin-bottom: 14px;
  }
  .privacyPolicySec .privacyContent .ContentBox ol li {
    margin-bottom: 14px;
  }
}
@media screen and (max-width: 1280px) {
  .privacyPolicySec {
    margin: 100px auto;
  }
}
@media screen and (max-width: 1024px) {
  .privacyPolicySec {
    width: 74%;
  }
  .privacyPolicySec .backBtn {
    margin-bottom: 24px;
  }
  .privacyPolicySec .privacyContent .HeadingBox {
    margin-bottom: 56px;
  }
  .privacyPolicySec .privacyContent .ContentBox h2 {
    margin: 56px 0px 16px;
  }
  .privacyPolicySec .privacyContent .ContentBox h3 {
    margin: 42px 0px 16px;
  }
  .privacyPolicySec .privacyContent .ContentBox h4 {
    margin: 36px 0px 16px;
  }
  .privacyPolicySec .privacyContent .ContentBox p {
    margin-bottom: 16px;
  }
  .privacyPolicySec .privacyContent .ContentBox ul li {
    margin-bottom: 16px;
  }
  .privacyPolicySec .privacyContent .ContentBox ol li {
    margin-bottom: 16px;
  }
}
@media screen and (max-width: 720px) {
  .privacyPolicySec {
    width: 100%;
    padding: 0px 20px;
  }
}

.page-404 {
  margin: 172px 46px 32px;
}
.page-404 .image-container {
  position: relative;
}
.page-404 .image-container .desktopimg {
  display: block;
}
.page-404 .image-container .mobimg {
  display: none;
}
.page-404 .image-container .content404 {
  text-align: center;
  position: absolute;
  bottom: 50px;
  width: 100%;
}
.page-404 .image-container .content404 p {
  color: #FFF;
  font-size: 24px;
  line-height: 166%;
  margin-bottom: 36px;
}
@media screen and (max-width: 1600px) {
  .page-404 .image-container .content404 p {
    font-size: 20px;
  }
}
@media screen and (max-width: 1440px) {
  .page-404 .image-container .content404 p {
    font-size: 16px;
  }
}
@media all and (max-width: 1800px) {
  .page-404 {
    margin-top: 165px;
  }
}
@media all and (max-width: 1600px) {
  .page-404 {
    margin: 150px 36px 26px;
  }
  .page-404 .image-container .content404 {
    bottom: 40px;
  }
  .page-404 .image-container .content404 p {
    margin-bottom: 30px;
  }
}
@media all and (max-width: 1440px) {
  .page-404 {
    margin-top: 120px;
  }
}
@media all and (max-width: 1280px) {
  .page-404 {
    margin-top: 100px;
  }
}
@media all and (max-width: 1024px) {
  .page-404 {
    margin: 100px 36px 26px;
  }
  .page-404 .image-container .content404 {
    bottom: 30px;
  }
  .page-404 .image-container .content404 p {
    margin-bottom: 24px;
  }
}
@media all and (max-width: 820px) {
  .page-404 {
    margin: 100px 0px 70px;
  }
  .page-404 .image-container .desktopimg {
    display: none;
  }
  .page-404 .image-container .mobimg {
    display: block;
    width: 100%;
  }
  .page-404 .image-container .content404 {
    padding: 0px 20px;
  }
}

.productBanner {
  margin-bottom: 200px;
  padding-left: 120px;
  padding-right: 120px;
  margin-top: 172px;
}
@media screen and (max-width: 1600px) {
  .productBanner {
    padding-left: 90px;
    padding-right: 90px;
  }
}
@media screen and (max-width: 1440px) {
  .productBanner {
    padding-left: 80px;
    padding-right: 80px;
  }
}
@media screen and (max-width: 1024px) {
  .productBanner {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media screen and (max-width: 680px) {
  .productBanner {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.productBanner#animatedBanner .productBannerWrapper .bannerHeading {
  opacity: 1;
}
.productBanner#animatedBanner .productBannerWrapper .productDetails {
  opacity: 1;
}
.productBanner#animatedBanner .productBannerWrapper .bannerImages .productImage {
  transform: translate(0);
}
.productBanner#animatedBanner .productBannerWrapper .ctaDiv {
  opacity: 1;
}
.productBanner .productBannerWrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.productBanner .productBannerWrapper .bannerHeading {
  transition: 0.8s all ease-in-out;
  opacity: 0;
  margin-bottom: 50px;
}
.productBanner .productBannerWrapper .bannerHeading h1 {
  margin-bottom: 4px;
  font-family: "termina", sans-serif;
  font-size: 60px;
  line-height: 100%;
  text-transform: uppercase;
  font-weight: 600;
}
@media screen and (max-width: 1600px) {
  .productBanner .productBannerWrapper .bannerHeading h1 {
    font-size: 50px;
  }
}
@media screen and (max-width: 1440px) {
  .productBanner .productBannerWrapper .bannerHeading h1 {
    font-size: 44px;
  }
}
@media screen and (max-width: 1280px) {
  .productBanner .productBannerWrapper .bannerHeading h1 {
    font-size: 36px;
  }
}
@media screen and (max-width: 1024px) {
  .productBanner .productBannerWrapper .bannerHeading h1 {
    font-size: 32px;
  }
}
@media screen and (max-width: 720px) {
  .productBanner .productBannerWrapper .bannerHeading h1 {
    font-size: 28px;
  }
}
.productBanner .productBannerWrapper .productDetails {
  display: flex;
  gap: 120px;
  margin-bottom: 42px;
  transition: 0.8s all ease-in-out;
  opacity: 0;
  justify-content: center;
}
.productBanner .productBannerWrapper .productDetails p {
  font-family: "termina", sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 155.556%;
  color: #1E1E1E;
  position: relative;
  padding-left: 30px;
}
@media screen and (max-width: 1600px) {
  .productBanner .productBannerWrapper .productDetails p {
    font-size: 16px;
  }
}
@media screen and (max-width: 1440px) {
  .productBanner .productBannerWrapper .productDetails p {
    font-size: 14px;
  }
}
.productBanner .productBannerWrapper .productDetails p::after {
  content: "";
  position: absolute;
  top: 7px;
  width: 13px;
  height: 13px;
  background: #787878;
  border-radius: 50%;
  left: 0;
}
.productBanner .productBannerWrapper .bannerImages {
  position: relative;
  width: 90%;
  margin-bottom: 26px;
}
.productBanner .productBannerWrapper .bannerImages .productImage {
  position: relative;
  z-index: 2;
  margin: 0 auto;
  height: 530px;
  transform: translateY(-160%);
  transition: 0.8s all ease-in-out;
}
.productBanner .productBannerWrapper .bannerImages .bannerBg {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.productBanner .productBannerWrapper .ctaDiv {
  display: flex;
  gap: 36px;
  transition: 0.8s all ease-in-out;
  opacity: 0;
}
@media all and (max-width: 1800px) {
  .productBanner {
    margin-bottom: 180px;
    margin-top: 165px;
  }
  .productBanner .productBannerWrapper .bannerHeading h1 {
    margin-bottom: 4px;
  }
  .productBanner .productBannerWrapper .productDetails {
    margin-bottom: 42px;
  }
  .productBanner .productBannerWrapper .productDetails p::after {
    top: 6px;
  }
  .productBanner .productBannerWrapper .bannerImages {
    margin-bottom: 26px;
  }
  .productBanner .productBannerWrapper .bannerImages .productImage {
    height: 450px;
  }
  .productBanner .productBannerWrapper .ctaDiv {
    gap: 36px;
  }
}
@media all and (max-width: 1600px) {
  .productBanner {
    margin-bottom: 150px;
    margin-top: 150px;
  }
  .productBanner .productBannerWrapper .bannerHeading {
    margin-bottom: 40px;
  }
  .productBanner .productBannerWrapper .productDetails {
    gap: 100px;
    margin-bottom: 36px;
  }
  .productBanner .productBannerWrapper .productDetails p::after {
    width: 10px;
    height: 10px;
    top: 5px;
  }
  .productBanner .productBannerWrapper .bannerImages {
    margin-bottom: 24px;
  }
  .productBanner .productBannerWrapper .bannerImages .productImage {
    height: 350px;
  }
  .productBanner .productBannerWrapper .ctaDiv {
    gap: 34px;
  }
}
@media all and (max-width: 1440px) {
  .productBanner {
    margin-bottom: 120px;
    margin-top: 120px;
  }
  .productBanner .productBannerWrapper .bannerHeading {
    margin-bottom: 36px;
  }
  .productBanner .productBannerWrapper .productDetails {
    gap: 90px;
    margin-bottom: 32px;
  }
  .productBanner .productBannerWrapper .bannerImages {
    margin-bottom: 20px;
  }
  .productBanner .productBannerWrapper .bannerImages .productImage {
    height: 300px;
  }
  .productBanner .productBannerWrapper .ctaDiv {
    gap: 30px;
  }
}
@media all and (max-width: 1280px) {
  .productBanner {
    margin-top: 100px;
  }
  .productBanner .productBannerWrapper .productDetails {
    gap: 80px;
    margin-bottom: 28px;
  }
  .productBanner .productBannerWrapper .productDetails p {
    padding-left: 24px;
  }
  .productBanner .productBannerWrapper .productDetails p::after {
    width: 8px;
    height: 8px;
  }
  .productBanner .productBannerWrapper .bannerImages {
    margin-bottom: 18px;
  }
  .productBanner .productBannerWrapper .ctaDiv {
    gap: 24px;
  }
}
@media all and (max-width: 820px) {
  .productBanner .productBannerWrapper .bannerHeading {
    margin-bottom: 24px;
  }
  .productBanner .productBannerWrapper .productDetails {
    gap: 40px;
    margin-bottom: 24px;
  }
  .productBanner .productBannerWrapper .productDetails p {
    padding-left: 20px;
  }
  .productBanner .productBannerWrapper .productDetails p::after {
    width: 6px;
    height: 6px;
    top: 6px;
  }
  .productBanner .productBannerWrapper .bannerImages {
    margin-bottom: 18px;
  }
  .productBanner .productBannerWrapper .bannerImages .productImage {
    height: 330px;
    transform: translateY(-200%);
  }
  .productBanner .productBannerWrapper .ctaDiv {
    gap: 20px;
  }
}
@media all and (max-width: 680px) {
  .productBanner {
    margin-bottom: 100px;
  }
  .productBanner .productBannerWrapper {
    align-items: flex-start;
  }
  .productBanner .productBannerWrapper .bannerHeading h1 {
    margin-bottom: 24px;
    font-size: 24px;
    font-weight: 600;
    line-height: 32px;
  }
  .productBanner .productBannerWrapper .productDetails {
    gap: 4px;
    margin-bottom: 48px;
    flex-direction: column;
  }
  .productBanner .productBannerWrapper .productDetails p {
    font-size: 12px;
    font-weight: 500;
    line-height: 28px;
    padding-left: 0;
  }
  .productBanner .productBannerWrapper .productDetails p span {
    font-weight: 700;
    font-family: "termina", sans-serif;
  }
  .productBanner .productBannerWrapper .productDetails p::after {
    width: 180px;
    height: 1px;
    right: unset;
    left: 0;
    bottom: -4px;
    top: unset;
    transform: none;
    background: #A5A5A5;
  }
  .productBanner .productBannerWrapper .bannerImages {
    margin-bottom: 48px;
    width: 100%;
  }
  .productBanner .productBannerWrapper .bannerImages .productImage {
    height: 230px;
    transform: translateY(-250%);
  }
  .productBanner .productBannerWrapper .ctaDiv {
    gap: 16px;
    flex-direction: column;
    margin: 0 auto;
    align-items: center;
  }
}

.secondFold {
  margin-bottom: 200px;
  padding-left: 120px;
  padding-right: 120px;
}
@media screen and (max-width: 1600px) {
  .secondFold {
    padding-left: 90px;
    padding-right: 90px;
  }
}
@media screen and (max-width: 1440px) {
  .secondFold {
    padding-left: 80px;
    padding-right: 80px;
  }
}
@media screen and (max-width: 1024px) {
  .secondFold {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media screen and (max-width: 680px) {
  .secondFold {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.secondFold .secondFoldWrapper {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}
.secondFold .secondFoldWrapper .industryCard {
  padding: 36px 53px 0px 0px;
}
.secondFold .secondFoldWrapper .industryCard:not(:last-child) {
  margin-right: 53px;
  border-right: 1px solid #D9D9D9;
}
.secondFold .secondFoldWrapper .industryCard .imageDiv {
  margin-bottom: 48px;
  width: 180px;
  height: 180px;
  padding: 40px;
  border-radius: 50%;
  border: 1px solid #1E1E1E;
}
.secondFold .secondFoldWrapper .industryCard .imageDiv img {
  width: 100%;
  height: 100%;
}
.secondFold .secondFoldWrapper .industryCard h3 {
  margin-bottom: 24px;
  font-family: "termina", sans-serif;
  font-size: 32px;
  font-weight: 600;
  line-height: 112.5%;
  color: #000;
}
@media screen and (max-width: 1800px) {
  .secondFold .secondFoldWrapper .industryCard h3 {
    font-size: 30px;
  }
}
@media screen and (max-width: 1600px) {
  .secondFold .secondFoldWrapper .industryCard h3 {
    font-size: 26px;
  }
}
@media screen and (max-width: 1440px) {
  .secondFold .secondFoldWrapper .industryCard h3 {
    font-size: 22px;
  }
}
@media screen and (max-width: 1024px) {
  .secondFold .secondFoldWrapper .industryCard h3 {
    font-size: 18px;
  }
}
.secondFold .secondFoldWrapper .industryCard p {
  font-size: 20px;
  line-height: 168%;
}
@media screen and (max-width: 1600px) {
  .secondFold .secondFoldWrapper .industryCard p {
    font-size: 18px;
  }
}
@media screen and (max-width: 1440px) {
  .secondFold .secondFoldWrapper .industryCard p {
    font-size: 16px;
  }
}
@media screen and (max-width: 720px) {
  .secondFold .secondFoldWrapper .industryCard p {
    font-size: 12px;
  }
}
@media all and (max-width: 1800px) {
  .secondFold {
    margin-bottom: 180px;
  }
  .secondFold .secondFoldWrapper .industryCard {
    padding: 35px 48px 0px 0px;
  }
  .secondFold .secondFoldWrapper .industryCard:not(:last-child) {
    margin-right: 48px;
  }
  .secondFold .secondFoldWrapper .industryCard .imageDiv {
    margin-bottom: 45px;
    padding: 36px;
  }
  .secondFold .secondFoldWrapper .industryCard h3 {
    margin-bottom: 24px;
  }
}
@media all and (max-width: 1600px) {
  .secondFold {
    margin-bottom: 150px;
  }
  .secondFold .secondFoldWrapper .industryCard {
    padding: 32px 40px 0px 0px;
  }
  .secondFold .secondFoldWrapper .industryCard:not(:last-child) {
    margin-right: 40px;
  }
  .secondFold .secondFoldWrapper .industryCard .imageDiv {
    margin-bottom: 40px;
    width: 140px;
    height: 140px;
    padding: 32px;
  }
  .secondFold .secondFoldWrapper .industryCard h3 {
    margin-bottom: 22px;
  }
}
@media all and (max-width: 1440px) {
  .secondFold {
    margin-bottom: 120px;
  }
  .secondFold .secondFoldWrapper .industryCard {
    padding: 24px 30px 0px 0px;
  }
  .secondFold .secondFoldWrapper .industryCard:not(:last-child) {
    margin-right: 30px;
  }
  .secondFold .secondFoldWrapper .industryCard .imageDiv {
    margin-bottom: 32px;
    width: 120px;
    padding: 30px;
    height: 120px;
  }
  .secondFold .secondFoldWrapper .industryCard h3 {
    margin-bottom: 20px;
  }
}
@media all and (max-width: 1280px) {
  .secondFold .secondFoldWrapper .industryCard {
    padding: 20px 24px 0px 0px;
  }
  .secondFold .secondFoldWrapper .industryCard:not(:last-child) {
    margin-right: 24px;
  }
  .secondFold .secondFoldWrapper .industryCard .imageDiv {
    margin-bottom: 32px;
    width: 100px;
    padding: 24px;
    height: 100px;
  }
  .secondFold .secondFoldWrapper .industryCard h3 {
    margin-bottom: 18px;
  }
}
@media all and (max-width: 1024px) {
  .secondFold .secondFoldWrapper .industryCard {
    padding: 14px 20px 0px 0px;
  }
  .secondFold .secondFoldWrapper .industryCard:not(:last-child) {
    margin-right: 20px;
  }
  .secondFold .secondFoldWrapper .industryCard .imageDiv {
    margin-bottom: 28px;
    width: 80px;
    padding: 20px;
    height: 80px;
  }
  .secondFold .secondFoldWrapper .industryCard h3 {
    margin-bottom: 14px;
  }
}
@media all and (max-width: 820px) {
  .secondFold {
    margin-bottom: 72px;
  }
  .secondFold .secondFoldWrapper {
    grid-template-columns: repeat(1, 1fr);
  }
  .secondFold .secondFoldWrapper .industryCard {
    padding: 0px 0px 32px 0px;
  }
  .secondFold .secondFoldWrapper .industryCard:not(:last-child) {
    margin-right: 0;
    border-bottom: 1px solid #D9D9D9;
    margin-bottom: 32px;
    border-right: 0px;
  }
  .secondFold .secondFoldWrapper .industryCard .imageDiv {
    margin-bottom: 24px;
    width: 96px;
    padding: 22px;
    height: 96px;
  }
  .secondFold .secondFoldWrapper .industryCard h3 {
    margin-bottom: 16px;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px;
  }
  .secondFold .secondFoldWrapper .industryCard p {
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
  }
}

.industryStandardSection {
  margin-bottom: 200px;
}
.industryStandardSection#industry-standard .scaleImage img {
  animation: zoomeffect 20s forwards;
}
.industryStandardSection .sectionWrapper .scaleImage {
  overflow: hidden;
}
.industryStandardSection .sectionWrapper .scaleImage .desktopImage {
  overflow: hidden;
  transition: 2s all ease-in-out;
}
.industryStandardSection .sectionWrapper .scaleImage .mobileImage {
  display: none;
  overflow: hidden;
  transition: 2s all ease-in-out;
}
.industryStandardSection .sectionWrapper .videoDiv {
  overflow: hidden;
}
.industryStandardSection .sectionWrapper .videoDiv .mobileVideo {
  display: none;
  width: 100%;
}
.industryStandardSection .sectionWrapper .videoDiv .desktopVideo {
  width: 100%;
}
.industryStandardSection .sectionWrapper .bottomInfo {
  margin-top: 72px;
  display: flex;
  justify-content: space-between;
  padding-left: 120px;
  padding-right: 120px;
}
@media screen and (max-width: 1600px) {
  .industryStandardSection .sectionWrapper .bottomInfo {
    padding-left: 90px;
    padding-right: 90px;
  }
}
@media screen and (max-width: 1440px) {
  .industryStandardSection .sectionWrapper .bottomInfo {
    padding-left: 80px;
    padding-right: 80px;
  }
}
@media screen and (max-width: 1024px) {
  .industryStandardSection .sectionWrapper .bottomInfo {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media screen and (max-width: 680px) {
  .industryStandardSection .sectionWrapper .bottomInfo {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.industryStandardSection .sectionWrapper .bottomInfo h3 {
  font-family: "termina", sans-serif;
  font-size: 36px;
  font-weight: 600;
  line-height: 133.333%;
  width: 50%;
}
@media screen and (max-width: 1600px) {
  .industryStandardSection .sectionWrapper .bottomInfo h3 {
    font-size: 32px;
  }
}
@media screen and (max-width: 1440px) {
  .industryStandardSection .sectionWrapper .bottomInfo h3 {
    font-size: 24px;
  }
}
@media screen and (max-width: 1024px) {
  .industryStandardSection .sectionWrapper .bottomInfo h3 {
    font-size: 22px;
  }
}
@media screen and (max-width: 720px) {
  .industryStandardSection .sectionWrapper .bottomInfo h3 {
    font-size: 20px;
  }
}
.industryStandardSection .sectionWrapper .bottomInfo .autoScroller {
  display: flex;
  gap: 32px;
  width: 30%;
  align-items: flex-start;
}
.industryStandardSection .sectionWrapper .bottomInfo .autoScroller .image {
  flex-shrink: 0;
  width: 64px;
  height: 64px;
}
.industryStandardSection .sectionWrapper .bottomInfo .autoScroller .scrollAnimation {
  height: 190px;
  overflow: hidden;
  position: relative;
}
.industryStandardSection .sectionWrapper .bottomInfo .autoScroller .scrollAnimation .animationWrapper {
  height: 190px;
}
.industryStandardSection .sectionWrapper .bottomInfo .autoScroller .scrollAnimation .animationWrapper .slick-track {
  display: block !important;
}
.industryStandardSection .sectionWrapper .bottomInfo .autoScroller .scrollAnimation .animationWrapper .animate {
  padding-bottom: 29px;
  transition: 0.3s all ease-in-out;
}
.industryStandardSection .sectionWrapper .bottomInfo .autoScroller .scrollAnimation .animationWrapper .animate.slick-slide {
  color: #000000;
  font-size: 24px;
  line-height: 166.66%;
  transition: 0.3s all ease-in-out;
  height: auto !important;
}
@media screen and (max-width: 1600px) {
  .industryStandardSection .sectionWrapper .bottomInfo .autoScroller .scrollAnimation .animationWrapper .animate.slick-slide {
    font-size: 20px;
  }
}
@media screen and (max-width: 1440px) {
  .industryStandardSection .sectionWrapper .bottomInfo .autoScroller .scrollAnimation .animationWrapper .animate.slick-slide {
    font-size: 16px;
  }
}
.industryStandardSection .sectionWrapper .bottomInfo .autoScroller .scrollAnimation .animationWrapper .animate.slick-current {
  padding-top: 10px;
  color: #006E50;
  font-weight: 700;
  font-size: 32px;
  line-height: 137.5%;
  transition: 0.3s all ease-in-out;
}
@media screen and (max-width: 1800px) {
  .industryStandardSection .sectionWrapper .bottomInfo .autoScroller .scrollAnimation .animationWrapper .animate.slick-current {
    font-size: 30px;
  }
}
@media screen and (max-width: 1600px) {
  .industryStandardSection .sectionWrapper .bottomInfo .autoScroller .scrollAnimation .animationWrapper .animate.slick-current {
    font-size: 26px;
  }
}
@media screen and (max-width: 1440px) {
  .industryStandardSection .sectionWrapper .bottomInfo .autoScroller .scrollAnimation .animationWrapper .animate.slick-current {
    font-size: 22px;
  }
}
@media screen and (max-width: 1024px) {
  .industryStandardSection .sectionWrapper .bottomInfo .autoScroller .scrollAnimation .animationWrapper .animate.slick-current {
    font-size: 18px;
  }
}
@media all and (max-width: 1800px) {
  .industryStandardSection {
    margin-bottom: 180px;
  }
  .industryStandardSection .sectionWrapper .bottomInfo {
    margin-top: 70px;
  }
  .industryStandardSection .sectionWrapper .bottomInfo h3 {
    width: 50%;
  }
  .industryStandardSection .sectionWrapper .bottomInfo .autoScroller {
    gap: 30px;
    width: 30%;
  }
  .industryStandardSection .sectionWrapper .bottomInfo .autoScroller .scrollAnimation {
    height: 190px;
  }
  .industryStandardSection .sectionWrapper .bottomInfo .autoScroller .scrollAnimation .animationWrapper {
    height: 190px;
  }
  .industryStandardSection .sectionWrapper .bottomInfo .autoScroller .scrollAnimation .animationWrapper .animate {
    padding-bottom: 28px;
  }
  .industryStandardSection .sectionWrapper .bottomInfo .autoScroller .scrollAnimation .animationWrapper .animate.slick-current {
    padding-top: 10px;
  }
}
@media all and (max-width: 1600px) {
  .industryStandardSection {
    margin-bottom: 150px;
  }
  .industryStandardSection .sectionWrapper .bottomInfo {
    margin-top: 60px;
  }
  .industryStandardSection .sectionWrapper .bottomInfo h3 {
    width: 50%;
  }
  .industryStandardSection .sectionWrapper .bottomInfo .autoScroller {
    gap: 28px;
    width: 30%;
  }
  .industryStandardSection .sectionWrapper .bottomInfo .autoScroller .image {
    width: 58px;
    height: 58px;
  }
  .industryStandardSection .sectionWrapper .bottomInfo .autoScroller .scrollAnimation {
    height: 180px;
  }
  .industryStandardSection .sectionWrapper .bottomInfo .autoScroller .scrollAnimation .animationWrapper {
    height: 180px;
  }
  .industryStandardSection .sectionWrapper .bottomInfo .autoScroller .scrollAnimation .animationWrapper .animate {
    padding-bottom: 26px;
  }
}
@media all and (max-width: 1440px) {
  .industryStandardSection {
    margin-bottom: 120px;
  }
  .industryStandardSection .sectionWrapper .bottomInfo {
    margin-top: 56px;
  }
  .industryStandardSection .sectionWrapper .bottomInfo h3 {
    width: 50%;
  }
  .industryStandardSection .sectionWrapper .bottomInfo .autoScroller {
    gap: 24px;
    width: 30%;
  }
  .industryStandardSection .sectionWrapper .bottomInfo .autoScroller .image {
    width: 54px;
    height: 54px;
  }
  .industryStandardSection .sectionWrapper .bottomInfo .autoScroller .scrollAnimation {
    height: 160px;
  }
  .industryStandardSection .sectionWrapper .bottomInfo .autoScroller .scrollAnimation .animationWrapper {
    height: 160px;
  }
  .industryStandardSection .sectionWrapper .bottomInfo .autoScroller .scrollAnimation .animationWrapper .animate {
    padding-bottom: 20px;
  }
  .industryStandardSection .sectionWrapper .bottomInfo .autoScroller .scrollAnimation .animationWrapper .animate.slick-current {
    padding-top: 9px;
  }
}
@media all and (max-width: 1280px) {
  .industryStandardSection .sectionWrapper .bottomInfo {
    margin-top: 50px;
  }
  .industryStandardSection .sectionWrapper .bottomInfo h3 {
    width: 50%;
  }
  .industryStandardSection .sectionWrapper .bottomInfo .autoScroller {
    gap: 20px;
    width: 32%;
  }
  .industryStandardSection .sectionWrapper .bottomInfo .autoScroller .image {
    width: 50px;
    height: 50px;
  }
  .industryStandardSection .sectionWrapper .bottomInfo .autoScroller .scrollAnimation {
    height: 150px;
  }
  .industryStandardSection .sectionWrapper .bottomInfo .autoScroller .scrollAnimation .animationWrapper {
    height: 150px;
  }
  .industryStandardSection .sectionWrapper .bottomInfo .autoScroller .scrollAnimation .animationWrapper .animate {
    padding-bottom: 16px;
  }
}
@media all and (max-width: 1024px) {
  .industryStandardSection .sectionWrapper .bottomInfo h3 {
    width: 50%;
  }
  .industryStandardSection .sectionWrapper .bottomInfo .autoScroller {
    gap: 16px;
    width: 35%;
  }
  .industryStandardSection .sectionWrapper .bottomInfo .autoScroller .scrollAnimation {
    height: 150px;
  }
  .industryStandardSection .sectionWrapper .bottomInfo .autoScroller .scrollAnimation .animationWrapper {
    height: 150px;
  }
  .industryStandardSection .sectionWrapper .bottomInfo .autoScroller .scrollAnimation .animationWrapper .animate {
    padding-bottom: 16px;
  }
}
@media all and (max-width: 820px) {
  .industryStandardSection .sectionWrapper .bottomInfo {
    margin-top: 45px;
  }
  .industryStandardSection .sectionWrapper .bottomInfo h3 {
    width: 50%;
  }
  .industryStandardSection .sectionWrapper .bottomInfo .autoScroller {
    gap: 20px;
    width: 40%;
  }
  .industryStandardSection .sectionWrapper .bottomInfo .autoScroller .image {
    width: 45px;
    height: 45px;
  }
  .industryStandardSection .sectionWrapper .bottomInfo .autoScroller .scrollAnimation {
    height: 120px;
  }
  .industryStandardSection .sectionWrapper .bottomInfo .autoScroller .scrollAnimation .animationWrapper {
    height: 120px;
  }
  .industryStandardSection .sectionWrapper .bottomInfo .autoScroller .scrollAnimation .animationWrapper .animate {
    padding-bottom: 12px;
  }
}
@media all and (max-width: 680px) {
  .industryStandardSection {
    margin-bottom: 72px;
  }
  .industryStandardSection .sectionWrapper .scaleImage .desktopImage {
    display: none;
  }
  .industryStandardSection .sectionWrapper .scaleImage .mobileImage {
    display: block;
    width: 100%;
  }
  .industryStandardSection .sectionWrapper .videoDiv .mobileVideo {
    display: block;
    width: 100%;
  }
  .industryStandardSection .sectionWrapper .videoDiv .desktopVideo {
    display: none;
  }
  .industryStandardSection .sectionWrapper .bottomInfo {
    margin-top: 36px;
    flex-direction: column;
    gap: 24px;
  }
  .industryStandardSection .sectionWrapper .bottomInfo h3 {
    width: 100%;
    font-size: 20px;
    line-height: 28px;
  }
  .industryStandardSection .sectionWrapper .bottomInfo .autoScroller {
    flex-direction: column;
    gap: 16px;
    width: 100%;
  }
  .industryStandardSection .sectionWrapper .bottomInfo .autoScroller .image {
    width: 60px;
    height: 60px;
  }
  .industryStandardSection .sectionWrapper .bottomInfo .autoScroller .scrollAnimation {
    height: 90px;
  }
  .industryStandardSection .sectionWrapper .bottomInfo .autoScroller .scrollAnimation .animationWrapper {
    height: 90px;
  }
  .industryStandardSection .sectionWrapper .bottomInfo .autoScroller .scrollAnimation .animationWrapper .animate {
    padding-bottom: 13px;
  }
  .industryStandardSection .sectionWrapper .bottomInfo .autoScroller .scrollAnimation .animationWrapper .animate.slick-slide {
    font-size: 11.57px;
    line-height: 19.28px;
  }
  .industryStandardSection .sectionWrapper .bottomInfo .autoScroller .scrollAnimation .animationWrapper .animate.slick-current {
    padding-top: 0px;
    font-size: 15.427px;
    line-height: 21.212px;
    font-weight: 700;
  }
}

.productInfoSection {
  margin-bottom: 200px;
  padding-left: 120px;
  padding-right: 120px;
  border-top: 1px solid #4B4B4B;
  border-bottom: 1px solid #4B4B4B;
}
@media screen and (max-width: 1600px) {
  .productInfoSection {
    padding-left: 90px;
    padding-right: 90px;
  }
}
@media screen and (max-width: 1440px) {
  .productInfoSection {
    padding-left: 80px;
    padding-right: 80px;
  }
}
@media screen and (max-width: 1024px) {
  .productInfoSection {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media screen and (max-width: 680px) {
  .productInfoSection {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.productInfoSection#product-info .productInfoWrapper .productDetails {
  transform: translateY(0);
  opacity: 1;
}
.productInfoSection#product-info .productInfoWrapper .productDetails .feature .information::before {
  content: "";
}
.productInfoSection#product-info .productInfoWrapper .productDetails .feature .information h4 {
  opacity: 1;
  height: auto;
}
.productInfoSection#product-info .productInfoWrapper .productDetails .feature .information p {
  opacity: 1;
  height: auto;
}
.productInfoSection .productInfoWrapper {
  padding: 110px 0px 33px 0px;
}
.productInfoSection .productInfoWrapper .headingWrapper {
  margin-bottom: 62px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.productInfoSection .productInfoWrapper .headingWrapper h2 {
  font-family: "termina", sans-serif;
  font-size: 48px;
  font-weight: 700;
  line-height: 133.333%;
  margin-bottom: 24px;
  text-transform: uppercase;
  color: #1E1E1E;
  text-align: center;
}
@media screen and (max-width: 1600px) {
  .productInfoSection .productInfoWrapper .headingWrapper h2 {
    font-size: 40px;
  }
}
@media screen and (max-width: 1440px) {
  .productInfoSection .productInfoWrapper .headingWrapper h2 {
    font-size: 36px;
  }
}
@media screen and (max-width: 820px) {
  .productInfoSection .productInfoWrapper .headingWrapper h2 {
    font-size: 30px;
  }
}
@media screen and (max-width: 720px) {
  .productInfoSection .productInfoWrapper .headingWrapper h2 {
    font-size: 24px;
  }
}
.productInfoSection .productInfoWrapper .headingWrapper p {
  font-size: 24px;
  line-height: 166.667%;
  color: #4B4B4B;
  text-align: center;
  width: 70%;
}
@media screen and (max-width: 1600px) {
  .productInfoSection .productInfoWrapper .headingWrapper p {
    font-size: 20px;
  }
}
@media screen and (max-width: 1440px) {
  .productInfoSection .productInfoWrapper .headingWrapper p {
    font-size: 16px;
  }
}
.productInfoSection .productInfoWrapper .productDetails {
  display: flex;
  gap: 115px;
  opacity: 0;
  align-items: end;
  transition: 2s all ease-in-out;
  transform: translateY(-150px);
  justify-content: space-between;
}
.productInfoSection .productInfoWrapper .productDetails .feature {
  width: 30%;
  order: 1;
}
.productInfoSection .productInfoWrapper .productDetails .feature:nth-child(even) {
  order: 3;
}
.productInfoSection .productInfoWrapper .productDetails .feature:nth-child(even) .information::before {
  left: 0;
}
.productInfoSection .productInfoWrapper .productDetails .feature:nth-child(even) .information h4 {
  padding-left: 13px;
}
.productInfoSection .productInfoWrapper .productDetails .feature:nth-child(even) .information p {
  padding-left: 13px;
}
.productInfoSection .productInfoWrapper .productDetails .feature .information {
  padding-top: 32px;
  border-top: 1px solid #1E1E1E;
  margin-bottom: 80px;
  position: relative;
}
.productInfoSection .productInfoWrapper .productDetails .feature .information::before {
  content: none;
  position: absolute;
  top: -7px;
  right: 0;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background: #1E1E1E;
  transition: 2s all ease-in-out;
}
.productInfoSection .productInfoWrapper .productDetails .feature .information h4 {
  font-family: "termina", sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 133.333%;
  margin-bottom: 20px;
  color: #1E1E1E;
  padding-right: 13px;
  opacity: 0;
  transition: 2s all ease-in-out;
  height: 20px;
}
@media screen and (max-width: 1600px) {
  .productInfoSection .productInfoWrapper .productDetails .feature .information h4 {
    font-size: 20px;
  }
}
@media screen and (max-width: 1440px) {
  .productInfoSection .productInfoWrapper .productDetails .feature .information h4 {
    font-size: 16px;
  }
}
.productInfoSection .productInfoWrapper .productDetails .feature .information p {
  font-size: 16px;
  line-height: 175%;
  font-weight: 400;
  padding-right: 13px;
  opacity: 0;
  transition: 2s all ease-in-out;
  height: 20px;
}
@media screen and (max-width: 1600px) {
  .productInfoSection .productInfoWrapper .productDetails .feature .information p {
    font-size: 14px;
  }
}
@media screen and (max-width: 1440px) {
  .productInfoSection .productInfoWrapper .productDetails .feature .information p {
    font-size: 12px;
  }
}
.productInfoSection .productInfoWrapper .productDetails .middle {
  width: 374px;
  order: 2;
  height: 660px;
}
.productInfoSection .productInfoWrapper .productDetails .middle img {
  height: 100%;
  width: 100%;
}
.productInfoSection .productInfoWrapper .productDetails .mobileUi {
  display: none;
}
@media all and (max-width: 1800px) {
  .productInfoSection {
    margin-bottom: 180px;
  }
  .productInfoSection .productInfoWrapper {
    padding: 100px 0px 32px 0px;
  }
  .productInfoSection .productInfoWrapper .headingWrapper {
    margin-bottom: 60px;
  }
  .productInfoSection .productInfoWrapper .headingWrapper h2 {
    margin-bottom: 22px;
  }
  .productInfoSection .productInfoWrapper .productDetails {
    gap: 100px;
  }
  .productInfoSection .productInfoWrapper .productDetails .feature .information {
    padding-top: 30px;
    margin-bottom: 75px;
  }
  .productInfoSection .productInfoWrapper .productDetails .feature .information::before {
    top: -7px;
    right: 0;
    width: 13px;
    height: 13px;
  }
  .productInfoSection .productInfoWrapper .productDetails .feature .information h4 {
    margin-bottom: 20px;
    padding-right: 13px;
  }
  .productInfoSection .productInfoWrapper .productDetails .feature .information p {
    padding-right: 13px;
  }
  .productInfoSection .productInfoWrapper .productDetails .feature:nth-child(even) .information h4 {
    padding-left: 13px;
  }
  .productInfoSection .productInfoWrapper .productDetails .feature:nth-child(even) .information p {
    padding-left: 13px;
  }
}
@media all and (max-width: 1600px) {
  .productInfoSection {
    margin-bottom: 150px;
  }
  .productInfoSection .productInfoWrapper {
    padding: 90px 0px 30px 0px;
  }
  .productInfoSection .productInfoWrapper .headingWrapper {
    margin-bottom: 60px;
  }
  .productInfoSection .productInfoWrapper .headingWrapper h2 {
    margin-bottom: 20px;
  }
  .productInfoSection .productInfoWrapper .productDetails {
    gap: 90px;
    transform: translateY(-120px);
  }
  .productInfoSection .productInfoWrapper .productDetails .feature .information {
    padding-top: 24px;
    margin-bottom: 60px;
  }
  .productInfoSection .productInfoWrapper .productDetails .feature .information::before {
    top: -6px;
    width: 11px;
    height: 11px;
  }
  .productInfoSection .productInfoWrapper .productDetails .feature .information h4 {
    margin-bottom: 18px;
    padding-right: 11px;
  }
  .productInfoSection .productInfoWrapper .productDetails .feature .information p {
    padding-right: 11px;
  }
  .productInfoSection .productInfoWrapper .productDetails .feature:nth-child(even) .information h4 {
    padding-left: 11px;
  }
  .productInfoSection .productInfoWrapper .productDetails .feature:nth-child(even) .information p {
    padding-left: 11px;
  }
  .productInfoSection .productInfoWrapper .productDetails .middle {
    width: 300px;
    height: 520px;
  }
}
@media all and (max-width: 1440px) {
  .productInfoSection {
    margin-bottom: 120px;
  }
  .productInfoSection .productInfoWrapper {
    padding: 80px 0px 26px 0px;
  }
  .productInfoSection .productInfoWrapper .headingWrapper {
    margin-bottom: 50px;
  }
  .productInfoSection .productInfoWrapper .headingWrapper h2 {
    margin-bottom: 20px;
  }
  .productInfoSection .productInfoWrapper .productDetails {
    transform: translateY(-100px);
  }
  .productInfoSection .productInfoWrapper .productDetails .feature .information {
    padding-top: 22px;
    margin-bottom: 50px;
  }
  .productInfoSection .productInfoWrapper .productDetails .feature .information::before {
    top: -6px;
    width: 10px;
    height: 10px;
  }
  .productInfoSection .productInfoWrapper .productDetails .feature .information h4 {
    margin-bottom: 15px;
    padding-right: 10px;
  }
  .productInfoSection .productInfoWrapper .productDetails .feature .information p {
    padding-right: 10px;
  }
  .productInfoSection .productInfoWrapper .productDetails .feature:nth-child(even) .information h4 {
    padding-left: 10px;
  }
  .productInfoSection .productInfoWrapper .productDetails .feature:nth-child(even) .information p {
    padding-left: 10px;
  }
  .productInfoSection .productInfoWrapper .productDetails .middle {
    width: 250px;
    height: 500px;
  }
}
@media all and (max-width: 1280px) {
  .productInfoSection {
    margin-bottom: 120px;
  }
  .productInfoSection .productInfoWrapper {
    padding: 70px 0px 22px 0px;
  }
  .productInfoSection .productInfoWrapper .headingWrapper {
    margin-bottom: 50px;
  }
  .productInfoSection .productInfoWrapper .headingWrapper h2 {
    margin-bottom: 16px;
  }
  .productInfoSection .productInfoWrapper .productDetails {
    gap: 80px;
  }
  .productInfoSection .productInfoWrapper .productDetails .feature .information {
    padding-top: 20px;
    margin-bottom: 45px;
  }
  .productInfoSection .productInfoWrapper .productDetails .feature .information h4 {
    margin-bottom: 15px;
  }
  .productInfoSection .productInfoWrapper .productDetails .middle {
    width: 250px;
    height: 450px;
  }
}
@media all and (max-width: 820px) {
  .productInfoSection {
    margin-bottom: 72px;
  }
  .productInfoSection .productInfoWrapper {
    padding: 48px 0px 125px 0px;
  }
  .productInfoSection .productInfoWrapper .headingWrapper {
    margin-bottom: 48px;
    display: block;
  }
  .productInfoSection .productInfoWrapper .headingWrapper h2 {
    margin-bottom: 12px;
    font-size: 24px;
    line-height: 32px;
    font-weight: 700;
    text-align: left;
  }
  .productInfoSection .productInfoWrapper .headingWrapper p {
    width: 100%;
    text-align: left;
    font-size: 12px;
    line-height: 18px;
    text-align: left;
  }
  .productInfoSection .productInfoWrapper .productDetails {
    gap: 32px;
    flex-direction: column;
    transform: translateY(0);
    align-items: center;
    opacity: 1;
  }
  .productInfoSection .productInfoWrapper .productDetails .feature, .productInfoSection .productInfoWrapper .productDetails .right {
    display: none;
  }
  .productInfoSection .productInfoWrapper .productDetails .middle {
    width: 175px;
    order: 1;
    height: auto;
  }
  .productInfoSection .productInfoWrapper .productDetails .mobileUi {
    display: block;
    width: 100%;
    order: 2;
  }
  .productInfoSection .productInfoWrapper .productDetails .mobileUi .mobileSliderContainer {
    position: relative;
  }
  .productInfoSection .productInfoWrapper .productDetails .mobileUi .mobileSliderContainer .sliderContent h4 {
    font-family: "termina", sans-serif;
    font-size: 20px;
    line-height: 28px;
    font-weight: 600;
    margin-bottom: 12px;
  }
  .productInfoSection .productInfoWrapper .productDetails .mobileUi .mobileSliderContainer .sliderContent p {
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
  }
  .productInfoSection .productInfoWrapper .productDetails .mobileUi .mobileSliderContainer .slick-prev,
  .productInfoSection .productInfoWrapper .productDetails .mobileUi .mobileSliderContainer .slick-next {
    padding: 12px;
    position: absolute;
    top: 150%;
    width: 36px;
    height: 36px;
    cursor: pointer;
    z-index: 2;
    border-radius: 50%;
    border: 1px solid #1E1E1E;
  }
  .productInfoSection .productInfoWrapper .productDetails .mobileUi .mobileSliderContainer .slick-prev::before,
  .productInfoSection .productInfoWrapper .productDetails .mobileUi .mobileSliderContainer .slick-next::before {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -60%);
  }
  .productInfoSection .productInfoWrapper .productDetails .mobileUi .mobileSliderContainer .slick-prev.slick-next,
  .productInfoSection .productInfoWrapper .productDetails .mobileUi .mobileSliderContainer .slick-next.slick-next {
    left: 52px;
  }
  .productInfoSection .productInfoWrapper .productDetails .mobileUi .mobileSliderContainer .slick-prev.slick-next::before,
  .productInfoSection .productInfoWrapper .productDetails .mobileUi .mobileSliderContainer .slick-next.slick-next::before {
    content: url(../images/next-button.svg);
  }
  .productInfoSection .productInfoWrapper .productDetails .mobileUi .mobileSliderContainer .slick-prev.slick-prev,
  .productInfoSection .productInfoWrapper .productDetails .mobileUi .mobileSliderContainer .slick-next.slick-prev {
    left: 0px;
  }
  .productInfoSection .productInfoWrapper .productDetails .mobileUi .mobileSliderContainer .slick-prev.slick-prev::before,
  .productInfoSection .productInfoWrapper .productDetails .mobileUi .mobileSliderContainer .slick-next.slick-prev::before {
    content: url(../images/prev-button.svg);
  }
}

.technicalDetailsSection {
  margin-bottom: 200px;
  padding-left: 120px;
  padding-right: 120px;
}
@media screen and (max-width: 1600px) {
  .technicalDetailsSection {
    padding-left: 90px;
    padding-right: 90px;
  }
}
@media screen and (max-width: 1440px) {
  .technicalDetailsSection {
    padding-left: 80px;
    padding-right: 80px;
  }
}
@media screen and (max-width: 1024px) {
  .technicalDetailsSection {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media screen and (max-width: 680px) {
  .technicalDetailsSection {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.technicalDetailsSection#technical-details .technicalDetailsWrapper .image .desktopImage {
  animation: zoomeffect 20s forwards;
}
.technicalDetailsSection#technical-details .technicalDetailsWrapper .image .mobileImage {
  animation: zoomeffect 20s forwards;
}
.technicalDetailsSection .technicalDetailsWrapper {
  display: flex;
  justify-content: space-between;
  gap: 140px;
}
.technicalDetailsSection .technicalDetailsWrapper .accordionContainer {
  width: 55%;
}
.technicalDetailsSection .technicalDetailsWrapper .accordionContainer .accordionHeading h2 {
  margin-bottom: 48px;
  font-family: "termina", sans-serif;
  font-size: 48px;
  font-weight: 700;
  line-height: 133.333%;
  text-transform: uppercase;
}
@media screen and (max-width: 1600px) {
  .technicalDetailsSection .technicalDetailsWrapper .accordionContainer .accordionHeading h2 {
    font-size: 40px;
  }
}
@media screen and (max-width: 1440px) {
  .technicalDetailsSection .technicalDetailsWrapper .accordionContainer .accordionHeading h2 {
    font-size: 36px;
  }
}
@media screen and (max-width: 820px) {
  .technicalDetailsSection .technicalDetailsWrapper .accordionContainer .accordionHeading h2 {
    font-size: 30px;
  }
}
@media screen and (max-width: 720px) {
  .technicalDetailsSection .technicalDetailsWrapper .accordionContainer .accordionHeading h2 {
    font-size: 24px;
  }
}
.technicalDetailsSection .technicalDetailsWrapper .accordionContainer .accordions-wrapper {
  display: flex;
  flex-direction: column;
}
.technicalDetailsSection .technicalDetailsWrapper .accordionContainer .accordions-wrapper .accordion {
  border-bottom: 1px solid #1E1E1E;
}
.technicalDetailsSection .technicalDetailsWrapper .accordionContainer .accordions-wrapper .accordion.active {
  padding-bottom: 26px;
}
.technicalDetailsSection .technicalDetailsWrapper .accordionContainer .accordions-wrapper .accordion.active .accordion-header {
  padding-bottom: 16px;
  transition: 0.5s all ease-in-out;
}
.technicalDetailsSection .technicalDetailsWrapper .accordionContainer .accordions-wrapper .accordion.active .accordion-header .accordian-icon-wrapper {
  background: #F5F75E;
}
.technicalDetailsSection .technicalDetailsWrapper .accordionContainer .accordions-wrapper .accordion.active .accordion-header .accordian-icon-wrapper .accordion-icon::after {
  transform: rotate(90deg);
  transition: 0.5s all ease-in-out;
  width: 0px;
}
.technicalDetailsSection .technicalDetailsWrapper .accordionContainer .accordions-wrapper .accordion .accordion-header {
  cursor: pointer;
  display: flex;
  gap: 24px;
  align-items: center;
  transition: 0.4s all ease-in-out;
  padding: 24px 0px;
}
.technicalDetailsSection .technicalDetailsWrapper .accordionContainer .accordions-wrapper .accordion .accordion-header h4 {
  font-family: "termina", sans-serif;
  font-size: 24px;
  line-height: 133.333%;
  color: #1E1E1E;
  width: 95%;
  font-weight: 700;
  order: 1;
  transition: 0.5s all ease-in-out;
  text-transform: uppercase;
  font-weight: 700;
}
@media screen and (max-width: 1600px) {
  .technicalDetailsSection .technicalDetailsWrapper .accordionContainer .accordions-wrapper .accordion .accordion-header h4 {
    font-size: 20px;
  }
}
@media screen and (max-width: 1440px) {
  .technicalDetailsSection .technicalDetailsWrapper .accordionContainer .accordions-wrapper .accordion .accordion-header h4 {
    font-size: 16px;
  }
}
.technicalDetailsSection .technicalDetailsWrapper .accordionContainer .accordions-wrapper .accordion .accordion-header .accordian-icon-wrapper {
  order: 2;
  padding: 16px;
  transition: 0.5s all ease-in-out;
}
.technicalDetailsSection .technicalDetailsWrapper .accordionContainer .accordions-wrapper .accordion .accordion-header .accordian-icon-wrapper .accordion-icon {
  position: relative;
  width: 24px;
  height: 24px;
  transition: 0.5s all ease-in-out;
}
.technicalDetailsSection .technicalDetailsWrapper .accordionContainer .accordions-wrapper .accordion .accordion-header .accordian-icon-wrapper .accordion-icon::after {
  content: "";
  position: absolute;
  left: 50%;
  background: #000000;
  height: 100%;
  width: 3px;
  transform: translateX(-50%);
  transition: 0.3s all ease-in-out;
}
.technicalDetailsSection .technicalDetailsWrapper .accordionContainer .accordions-wrapper .accordion .accordion-header .accordian-icon-wrapper .accordion-icon::before {
  content: "";
  position: absolute;
  top: 50%;
  background: #000000;
  width: 100%;
  height: 3px;
  transform: translateY(-50%) rotate(180deg);
}
.technicalDetailsSection .technicalDetailsWrapper .accordionContainer .accordions-wrapper .accordion .accordion-body {
  transition: 0.5s all ease-in-out;
  max-height: 0;
  overflow: hidden;
  width: 90%;
  padding: 0px;
}
.technicalDetailsSection .technicalDetailsWrapper .accordionContainer .accordions-wrapper .accordion .accordion-body ul {
  padding-left: 22px;
}
.technicalDetailsSection .technicalDetailsWrapper .accordionContainer .accordions-wrapper .accordion .accordion-body ul li {
  position: relative;
  font-size: 20px;
  line-height: 160%;
  color: #696969;
}
@media screen and (max-width: 1600px) {
  .technicalDetailsSection .technicalDetailsWrapper .accordionContainer .accordions-wrapper .accordion .accordion-body ul li {
    font-size: 18px;
  }
}
@media screen and (max-width: 1440px) {
  .technicalDetailsSection .technicalDetailsWrapper .accordionContainer .accordions-wrapper .accordion .accordion-body ul li {
    font-size: 16px;
  }
}
@media screen and (max-width: 720px) {
  .technicalDetailsSection .technicalDetailsWrapper .accordionContainer .accordions-wrapper .accordion .accordion-body ul li {
    font-size: 12px;
  }
}
.technicalDetailsSection .technicalDetailsWrapper .accordionContainer .accordions-wrapper .accordion .accordion-body ul li::before {
  position: absolute;
  content: "";
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: #696969;
  left: -22px;
  top: 12px;
}
.technicalDetailsSection .technicalDetailsWrapper .accordionContainer .accordions-wrapper .accordion .accordion-body p {
  font-size: 20px;
  line-height: 168%;
  color: #696969;
}
@media screen and (max-width: 1600px) {
  .technicalDetailsSection .technicalDetailsWrapper .accordionContainer .accordions-wrapper .accordion .accordion-body p {
    font-size: 18px;
  }
}
@media screen and (max-width: 1440px) {
  .technicalDetailsSection .technicalDetailsWrapper .accordionContainer .accordions-wrapper .accordion .accordion-body p {
    font-size: 16px;
  }
}
@media screen and (max-width: 720px) {
  .technicalDetailsSection .technicalDetailsWrapper .accordionContainer .accordions-wrapper .accordion .accordion-body p {
    font-size: 12px;
  }
}
.technicalDetailsSection .technicalDetailsWrapper .accordionContainer .accordions-wrapper .accordion.active .accordion-icon img {
  transform: rotate(-180deg);
}
.technicalDetailsSection .technicalDetailsWrapper .image {
  width: 40%;
}
.technicalDetailsSection .technicalDetailsWrapper .image .desktopImage {
  width: 100%;
}
.technicalDetailsSection .technicalDetailsWrapper .image .mobileImage {
  display: none;
}
@media all and (max-width: 1800px) {
  .technicalDetailsSection {
    margin-bottom: 180px;
  }
  .technicalDetailsSection .technicalDetailsWrapper {
    gap: 120px;
  }
  .technicalDetailsSection .technicalDetailsWrapper .accordionContainer {
    width: 55%;
  }
  .technicalDetailsSection .technicalDetailsWrapper .accordionContainer .accordionHeading h2 {
    margin-bottom: 45px;
  }
  .technicalDetailsSection .technicalDetailsWrapper .accordionContainer .accordions-wrapper .accordion.active {
    padding-bottom: 24px;
  }
  .technicalDetailsSection .technicalDetailsWrapper .accordionContainer .accordions-wrapper .accordion.active .accordion-header {
    padding-bottom: 14px;
  }
  .technicalDetailsSection .technicalDetailsWrapper .accordionContainer .accordions-wrapper .accordion .accordion-header {
    gap: 22px;
    padding: 22px 0px;
  }
  .technicalDetailsSection .technicalDetailsWrapper .accordionContainer .accordions-wrapper .accordion .accordion-header h4 {
    width: 100%;
  }
  .technicalDetailsSection .technicalDetailsWrapper .accordionContainer .accordions-wrapper .accordion .accordion-body {
    width: 90%;
    padding: 0px;
  }
  .technicalDetailsSection .technicalDetailsWrapper .accordionContainer .accordions-wrapper .accordion .accordion-body ul {
    padding-left: 22px;
  }
  .technicalDetailsSection .technicalDetailsWrapper .accordionContainer .accordions-wrapper .accordion .accordion-body ul li::before {
    width: 9px;
    height: 9px;
    left: -22px;
    top: 11px;
  }
}
@media all and (max-width: 1600px) {
  .technicalDetailsSection {
    margin-bottom: 150px;
  }
  .technicalDetailsSection .technicalDetailsWrapper {
    gap: 100px;
  }
  .technicalDetailsSection .technicalDetailsWrapper .accordionContainer {
    width: 55%;
  }
  .technicalDetailsSection .technicalDetailsWrapper .accordionContainer .accordionHeading h2 {
    margin-bottom: 40px;
  }
  .technicalDetailsSection .technicalDetailsWrapper .accordionContainer .accordions-wrapper .accordion.active {
    padding-bottom: 22px;
  }
  .technicalDetailsSection .technicalDetailsWrapper .accordionContainer .accordions-wrapper .accordion.active .accordion-header {
    padding-bottom: 12px;
  }
  .technicalDetailsSection .technicalDetailsWrapper .accordionContainer .accordions-wrapper .accordion .accordion-header {
    gap: 20px;
    padding: 20px 0px;
  }
  .technicalDetailsSection .technicalDetailsWrapper .accordionContainer .accordions-wrapper .accordion .accordion-header .accordian-icon-wrapper {
    padding: 14px;
  }
  .technicalDetailsSection .technicalDetailsWrapper .accordionContainer .accordions-wrapper .accordion .accordion-header .accordian-icon-wrapper .accordion-icon {
    width: 22px;
    height: 22px;
  }
  .technicalDetailsSection .technicalDetailsWrapper .accordionContainer .accordions-wrapper .accordion .accordion-header .accordian-icon-wrapper .accordion-icon::after {
    width: 3px;
  }
  .technicalDetailsSection .technicalDetailsWrapper .accordionContainer .accordions-wrapper .accordion .accordion-header .accordian-icon-wrapper .accordion-icon::before {
    height: 3px;
  }
  .technicalDetailsSection .technicalDetailsWrapper .accordionContainer .accordions-wrapper .accordion .accordion-body {
    width: 90%;
    padding: 0px;
  }
  .technicalDetailsSection .technicalDetailsWrapper .accordionContainer .accordions-wrapper .accordion .accordion-body ul {
    padding-left: 22px;
  }
  .technicalDetailsSection .technicalDetailsWrapper .accordionContainer .accordions-wrapper .accordion .accordion-body ul li::before {
    width: 8px;
    height: 8px;
    left: -22px;
  }
}
@media all and (max-width: 1440px) {
  .technicalDetailsSection {
    margin-bottom: 120px;
  }
  .technicalDetailsSection .technicalDetailsWrapper {
    gap: 80px;
  }
  .technicalDetailsSection .technicalDetailsWrapper .accordionContainer {
    width: 54%;
  }
  .technicalDetailsSection .technicalDetailsWrapper .accordionContainer .accordionHeading h2 {
    margin-bottom: 40px;
  }
  .technicalDetailsSection .technicalDetailsWrapper .accordionContainer .accordions-wrapper .accordion.active {
    padding-bottom: 20px;
  }
  .technicalDetailsSection .technicalDetailsWrapper .accordionContainer .accordions-wrapper .accordion.active .accordion-header {
    padding-bottom: 10px;
  }
  .technicalDetailsSection .technicalDetailsWrapper .accordionContainer .accordions-wrapper .accordion .accordion-header {
    gap: 18px;
    padding: 18px 0px;
  }
  .technicalDetailsSection .technicalDetailsWrapper .accordionContainer .accordions-wrapper .accordion .accordion-header .accordian-icon-wrapper {
    padding: 12px;
  }
  .technicalDetailsSection .technicalDetailsWrapper .accordionContainer .accordions-wrapper .accordion .accordion-header .accordian-icon-wrapper .accordion-icon {
    width: 18px;
    height: 18px;
  }
  .technicalDetailsSection .technicalDetailsWrapper .accordionContainer .accordions-wrapper .accordion .accordion-body ul {
    padding-left: 20px;
  }
  .technicalDetailsSection .technicalDetailsWrapper .accordionContainer .accordions-wrapper .accordion .accordion-body ul li::before {
    width: 7px;
    height: 7px;
    left: -20px;
    top: 10px;
  }
  .technicalDetailsSection .technicalDetailsWrapper .image {
    width: 40%;
  }
}
@media all and (max-width: 1280px) {
  .technicalDetailsSection .technicalDetailsWrapper .accordionContainer {
    width: 52%;
  }
  .technicalDetailsSection .technicalDetailsWrapper .accordionContainer .accordionHeading h2 {
    margin-bottom: 36px;
  }
  .technicalDetailsSection .technicalDetailsWrapper .accordionContainer .accordions-wrapper .accordion.active {
    padding-bottom: 18px;
  }
  .technicalDetailsSection .technicalDetailsWrapper .accordionContainer .accordions-wrapper .accordion.active .accordion-header {
    padding-bottom: 8px;
  }
  .technicalDetailsSection .technicalDetailsWrapper .accordionContainer .accordions-wrapper .accordion .accordion-header {
    gap: 16px;
    padding: 16px 0px;
  }
  .technicalDetailsSection .technicalDetailsWrapper .accordionContainer .accordions-wrapper .accordion .accordion-header .accordian-icon-wrapper {
    padding: 12px;
  }
  .technicalDetailsSection .technicalDetailsWrapper .accordionContainer .accordions-wrapper .accordion .accordion-header .accordian-icon-wrapper .accordion-icon {
    width: 20px;
    height: 20px;
  }
  .technicalDetailsSection .technicalDetailsWrapper .accordionContainer .accordions-wrapper .accordion .accordion-header .accordian-icon-wrapper .accordion-icon::after {
    width: 2px;
  }
  .technicalDetailsSection .technicalDetailsWrapper .accordionContainer .accordions-wrapper .accordion .accordion-header .accordian-icon-wrapper .accordion-icon::before {
    height: 2px;
  }
  .technicalDetailsSection .technicalDetailsWrapper .accordionContainer .accordions-wrapper .accordion .accordion-body ul li::before {
    width: 6px;
    height: 6px;
    top: 9px;
  }
  .technicalDetailsSection .technicalDetailsWrapper .image {
    width: 42%;
  }
}
@media all and (max-width: 1180px) {
  .technicalDetailsSection .technicalDetailsWrapper .accordionContainer {
    width: 52%;
  }
  .technicalDetailsSection .technicalDetailsWrapper .accordionContainer .accordionHeading h2 {
    margin-bottom: 36px;
  }
  .technicalDetailsSection .technicalDetailsWrapper .accordionContainer .accordions-wrapper .accordion.active {
    padding-bottom: 15px;
  }
  .technicalDetailsSection .technicalDetailsWrapper .accordionContainer .accordions-wrapper .accordion.active .accordion-header {
    padding-bottom: 8px;
  }
  .technicalDetailsSection .technicalDetailsWrapper .accordionContainer .accordions-wrapper .accordion .accordion-header {
    gap: 16px;
    padding: 14px 0px;
  }
  .technicalDetailsSection .technicalDetailsWrapper .accordionContainer .accordions-wrapper .accordion .accordion-body ul li::before {
    width: 6px;
    height: 6px;
  }
  .technicalDetailsSection .technicalDetailsWrapper .image {
    width: 44%;
  }
}
@media all and (max-width: 820px) {
  .technicalDetailsSection {
    margin-bottom: 72px;
    padding: 0px;
  }
  .technicalDetailsSection .technicalDetailsWrapper {
    flex-direction: column;
    gap: 42px;
  }
  .technicalDetailsSection .technicalDetailsWrapper .accordionContainer {
    width: 100%;
    padding-left: 120px;
    padding-right: 120px;
  }
}
@media screen and (max-width: 820px) and (max-width: 1600px) {
  .technicalDetailsSection .technicalDetailsWrapper .accordionContainer {
    padding-left: 90px;
    padding-right: 90px;
  }
}
@media screen and (max-width: 820px) and (max-width: 1440px) {
  .technicalDetailsSection .technicalDetailsWrapper .accordionContainer {
    padding-left: 80px;
    padding-right: 80px;
  }
}
@media screen and (max-width: 820px) and (max-width: 1024px) {
  .technicalDetailsSection .technicalDetailsWrapper .accordionContainer {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media screen and (max-width: 820px) and (max-width: 680px) {
  .technicalDetailsSection .technicalDetailsWrapper .accordionContainer {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media all and (max-width: 820px) {
  .technicalDetailsSection .technicalDetailsWrapper .accordionContainer .accordionHeading h2 {
    margin-bottom: 36px;
    font-size: 24px;
    line-height: 32px;
  }
  .technicalDetailsSection .technicalDetailsWrapper .accordionContainer .accordions-wrapper .accordion.active {
    padding-bottom: 20px;
  }
  .technicalDetailsSection .technicalDetailsWrapper .accordionContainer .accordions-wrapper .accordion.active .accordion-header {
    padding-bottom: 12px;
  }
  .technicalDetailsSection .technicalDetailsWrapper .accordionContainer .accordions-wrapper .accordion .accordion-header {
    gap: 16px;
    padding: 16px 0px;
  }
  .technicalDetailsSection .technicalDetailsWrapper .accordionContainer .accordions-wrapper .accordion .accordion-header h4 {
    width: 100%;
    font-size: 12px;
    line-height: 24px;
  }
  .technicalDetailsSection .technicalDetailsWrapper .accordionContainer .accordions-wrapper .accordion .accordion-header .accordian-icon-wrapper {
    padding: 9px;
  }
  .technicalDetailsSection .technicalDetailsWrapper .accordionContainer .accordions-wrapper .accordion .accordion-header .accordian-icon-wrapper .accordion-icon {
    width: 13px;
    height: 13px;
  }
  .technicalDetailsSection .technicalDetailsWrapper .accordionContainer .accordions-wrapper .accordion .accordion-body ul {
    padding-left: 16px;
  }
  .technicalDetailsSection .technicalDetailsWrapper .accordionContainer .accordions-wrapper .accordion .accordion-body ul li::before {
    width: 5px;
    height: 5px;
    left: -16px;
    top: 10px;
  }
  .technicalDetailsSection .technicalDetailsWrapper .image {
    width: 100%;
  }
  .technicalDetailsSection .technicalDetailsWrapper .image .desktopImage {
    display: none;
  }
  .technicalDetailsSection .technicalDetailsWrapper .image .mobileImage {
    display: block;
    width: 100%;
  }
}
@media all and (max-width: 680px) {
  .technicalDetailsSection .technicalDetailsWrapper .accordionContainer .accordions-wrapper .accordion .accordion-body ul li::before {
    top: 7px;
  }
  .technicalDetailsSection .technicalDetailsWrapper .image {
    width: 100%;
  }
  .technicalDetailsSection .technicalDetailsWrapper .image .desktopImage {
    display: none;
  }
  .technicalDetailsSection .technicalDetailsWrapper .image .mobileImage {
    display: block;
    width: 100%;
  }
}

.productFormSection .formWrapper .formTitle h2 {
  font-size: 48px;
  line-height: 133.33%;
  text-transform: uppercase;
}
@media screen and (max-width: 1600px) {
  .productFormSection .formWrapper .formTitle h2 {
    font-size: 40px;
  }
}
@media screen and (max-width: 1440px) {
  .productFormSection .formWrapper .formTitle h2 {
    font-size: 36px;
  }
}
@media screen and (max-width: 820px) {
  .productFormSection .formWrapper .formTitle h2 {
    font-size: 30px;
  }
}
@media screen and (max-width: 720px) {
  .productFormSection .formWrapper .formTitle h2 {
    font-size: 24px;
  }
}

.productSection {
  margin-bottom: 250px;
}
.productSection .productWrapper .productHeader h2 {
  margin-bottom: 64px;
  color: #1E1E1E;
  text-align: center;
  font-family: "termina", sans-serif;
  font-size: 48px;
  font-weight: 700;
  line-height: 133.33%;
  text-transform: uppercase;
}
@media screen and (max-width: 1600px) {
  .productSection .productWrapper .productHeader h2 {
    font-size: 40px;
  }
}
@media screen and (max-width: 1440px) {
  .productSection .productWrapper .productHeader h2 {
    font-size: 36px;
  }
}
@media screen and (max-width: 820px) {
  .productSection .productWrapper .productHeader h2 {
    font-size: 30px;
  }
}
@media screen and (max-width: 720px) {
  .productSection .productWrapper .productHeader h2 {
    font-size: 24px;
  }
}
.productSection .productWrapper .tabContent .cards {
  border-bottom: 1px solid #D8DBDC;
  border-top: 1px solid #D8DBDC;
}
.productSection .productWrapper .tabContent .cards .slick-track {
  float: left;
}
.productSection .productWrapper .tabContent .cards .card {
  border-right: 1px solid #D8DBDC;
  transition: all 0.3s ease-out;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  margin-right: -2px;
  z-index: 1;
}
.productSection .productWrapper .tabContent .cards .card .card-wrapper {
  padding: 70px 100px 58px 100px;
  transition: all 0.4s ease-out;
  transform: translateY(30px);
}
.productSection .productWrapper .tabContent .cards .card .card-wrapper img {
  margin: auto;
  padding-bottom: 50px;
}
.productSection .productWrapper .tabContent .cards .card .card-wrapper h3 {
  text-align: center;
  margin-bottom: 32px;
  color: #1E1E1E;
  font-family: "termina", sans-serif;
  font-size: 36px;
  font-weight: 600;
  line-height: 133.333%;
}
@media screen and (max-width: 1600px) {
  .productSection .productWrapper .tabContent .cards .card .card-wrapper h3 {
    font-size: 32px;
  }
}
@media screen and (max-width: 1440px) {
  .productSection .productWrapper .tabContent .cards .card .card-wrapper h3 {
    font-size: 24px;
  }
}
@media screen and (max-width: 1024px) {
  .productSection .productWrapper .tabContent .cards .card .card-wrapper h3 {
    font-size: 22px;
  }
}
@media screen and (max-width: 720px) {
  .productSection .productWrapper .tabContent .cards .card .card-wrapper h3 {
    font-size: 20px;
  }
}
.productSection .productWrapper .tabContent .cards .card .card-wrapper h5 {
  text-align: left;
  margin-bottom: 32px;
  color: #1E1E1E;
  font-family: "termina", sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 140%;
}
@media screen and (max-width: 1600px) {
  .productSection .productWrapper .tabContent .cards .card .card-wrapper h5 {
    font-size: 16px;
  }
}
@media screen and (max-width: 1440px) {
  .productSection .productWrapper .tabContent .cards .card .card-wrapper h5 {
    font-size: 14px;
  }
}
.productSection .productWrapper .tabContent .cards .card .card-wrapper p {
  text-align: left;
  color: #1E1E1E;
  font-size: 16px;
  line-height: 175%;
}
@media screen and (max-width: 1600px) {
  .productSection .productWrapper .tabContent .cards .card .card-wrapper p {
    font-size: 14px;
  }
}
@media screen and (max-width: 1440px) {
  .productSection .productWrapper .tabContent .cards .card .card-wrapper p {
    font-size: 12px;
  }
}
.productSection .productWrapper .tabContent .cards .card.active {
  background: #F5F75E;
  z-index: 2;
}
.productSection .productWrapper .tabContent .cards .card.active .card-wrapper {
  transform: translateY(0);
}
.productSection .productWrapper .tabContent .cards .card.active a {
  opacity: 1;
}
.productSection .productWrapper .tabContent .cards .card a {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  position: relative;
  background: #F5F75E;
  color: #F5F75E;
  text-align: center;
  font-family: "termina", sans-serif;
  font-size: 18px;
  font-weight: 600;
  opacity: 0;
  width: 100%;
  z-index: 2;
  padding: 80px;
  transition: all 0.4s ease-out;
}
@media screen and (max-width: 1600px) {
  .productSection .productWrapper .tabContent .cards .card a {
    font-size: 16px;
  }
}
@media screen and (max-width: 1440px) {
  .productSection .productWrapper .tabContent .cards .card a {
    font-size: 14px;
  }
}
.productSection .productWrapper .tabContent .cards .card a .fontellowRightArrow {
  color: #F5F75E;
  font-size: 18px;
}
@media screen and (max-width: 1600px) {
  .productSection .productWrapper .tabContent .cards .card a .fontellowRightArrow {
    font-size: 16px;
  }
}
@media screen and (max-width: 1440px) {
  .productSection .productWrapper .tabContent .cards .card a .fontellowRightArrow {
    font-size: 14px;
  }
}
.productSection .productWrapper .tabContent .cards .card a::before {
  position: absolute;
  content: " ";
  top: 0;
  left: 0;
  width: 51%;
  height: 100%;
  background: #1E1E1E;
  border-top-right-radius: 50px;
  z-index: -1;
}
.productSection .productWrapper .tabContent .cards .card a::after {
  position: absolute;
  content: " ";
  top: 0;
  right: 0;
  width: 51%;
  height: 100%;
  background: #1E1E1E;
  border-top-left-radius: 50px;
  z-index: -1;
}
.productSection .productWrapper .tabContent .cards .slick-prev,
.productSection .productWrapper .tabContent .cards .slick-next {
  padding: 12px;
  position: absolute;
  top: 110%;
  width: 48px;
  height: 48px;
  cursor: pointer;
  z-index: 2;
  border-radius: 50%;
  border: 1px solid #1E1E1E;
}
.productSection .productWrapper .tabContent .cards .slick-prev::before,
.productSection .productWrapper .tabContent .cards .slick-next::before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -55%);
}
.productSection .productWrapper .tabContent .cards .slick-prev.slick-next,
.productSection .productWrapper .tabContent .cards .slick-next.slick-next {
  right: calc(50% - 60px);
}
.productSection .productWrapper .tabContent .cards .slick-prev.slick-next::before,
.productSection .productWrapper .tabContent .cards .slick-next.slick-next::before {
  content: "\e80a";
  font-family: "fontello";
  font-size: 16px;
  font-weight: 400;
  color: #000;
}
@media screen and (max-width: 1600px) {
  .productSection .productWrapper .tabContent .cards .slick-prev.slick-next::before,
  .productSection .productWrapper .tabContent .cards .slick-next.slick-next::before {
    font-size: 14px;
  }
}
@media screen and (max-width: 1440px) {
  .productSection .productWrapper .tabContent .cards .slick-prev.slick-next::before,
  .productSection .productWrapper .tabContent .cards .slick-next.slick-next::before {
    font-size: 12px;
  }
}
.productSection .productWrapper .tabContent .cards .slick-prev.slick-prev,
.productSection .productWrapper .tabContent .cards .slick-next.slick-prev {
  left: calc(50% - 60px);
}
.productSection .productWrapper .tabContent .cards .slick-prev.slick-prev::before,
.productSection .productWrapper .tabContent .cards .slick-next.slick-prev::before {
  content: "\e80b";
  font-family: "fontello";
  font-size: 16px;
  font-weight: 400;
  color: #000;
}
@media screen and (max-width: 1600px) {
  .productSection .productWrapper .tabContent .cards .slick-prev.slick-prev::before,
  .productSection .productWrapper .tabContent .cards .slick-next.slick-prev::before {
    font-size: 14px;
  }
}
@media screen and (max-width: 1440px) {
  .productSection .productWrapper .tabContent .cards .slick-prev.slick-prev::before,
  .productSection .productWrapper .tabContent .cards .slick-next.slick-prev::before {
    font-size: 12px;
  }
}
@media all and (max-width: 1800px) {
  .productSection {
    margin-bottom: 230px;
  }
  .productSection .productWrapper .productHeader h2 {
    margin-bottom: 62px;
  }
  .productSection .productWrapper .tabContent .cards .card .card-wrapper {
    padding: 50px 80px 40px 80px;
  }
  .productSection .productWrapper .tabContent .cards .card .card-wrapper img {
    padding-bottom: 40px;
  }
  .productSection .productWrapper .tabContent .cards .card .card-wrapper h3 {
    margin-bottom: 30px;
  }
  .productSection .productWrapper .tabContent .cards .card .card-wrapper h5 {
    margin-bottom: 30px;
  }
  .productSection .productWrapper .tabContent .cards .card a {
    padding: 65px;
  }
  .productSection .productWrapper .tabContent .cards .card a img {
    width: 14px;
    height: 14px;
  }
}
@media all and (max-width: 1600px) {
  .productSection {
    margin-bottom: 200px;
  }
  .productSection .productWrapper .productHeader h2 {
    margin-bottom: 56px;
  }
  .productSection .productWrapper .tabContent .cards .card .card-wrapper {
    padding: 36px 60px 32px 60px;
  }
  .productSection .productWrapper .tabContent .cards .card .card-wrapper img {
    padding-bottom: 32px;
  }
  .productSection .productWrapper .tabContent .cards .card .card-wrapper h3 {
    margin-bottom: 20px;
  }
  .productSection .productWrapper .tabContent .cards .card .card-wrapper h5 {
    margin-bottom: 20px;
  }
  .productSection .productWrapper .tabContent .cards .card a {
    padding: 50px;
  }
  .productSection .productWrapper .tabContent .cards .card a::after {
    border-top-left-radius: 40px;
  }
  .productSection .productWrapper .tabContent .cards .card a::before {
    border-top-right-radius: 40px;
  }
  .productSection .productWrapper .tabContent .cards .card a img {
    width: 12px;
    height: 12px;
  }
  .productSection .productWrapper .tabContent .cards .slick-prev,
  .productSection .productWrapper .tabContent .cards .slick-next {
    width: 40px;
    height: 40px;
  }
  .productSection .productWrapper .tabContent .cards .slick-prev.slick-next,
  .productSection .productWrapper .tabContent .cards .slick-next.slick-next {
    right: calc(50% - 50px);
  }
  .productSection .productWrapper .tabContent .cards .slick-prev.slick-prev,
  .productSection .productWrapper .tabContent .cards .slick-next.slick-prev {
    left: calc(50% - 50px);
  }
}
@media all and (max-width: 1440px) {
  .productSection {
    margin-bottom: 180px;
  }
  .productSection .productWrapper .productHeader h2 {
    margin-bottom: 48px;
  }
  .productSection .productWrapper .tabContent .cards .card .card-wrapper {
    padding: 32px 50px 24px 50px;
  }
  .productSection .productWrapper .tabContent .cards .card .card-wrapper img {
    padding-bottom: 24px;
  }
  .productSection .productWrapper .tabContent .cards .card .card-wrapper h3 {
    margin-bottom: 16px;
  }
  .productSection .productWrapper .tabContent .cards .card .card-wrapper h5 {
    margin-bottom: 16px;
  }
  .productSection .productWrapper .tabContent .cards .card a {
    padding: 40px;
  }
  .productSection .productWrapper .tabContent .cards .card a::after {
    border-top-left-radius: 30px;
  }
  .productSection .productWrapper .tabContent .cards .card a::before {
    border-top-right-radius: 30px;
  }
  .productSection .productWrapper .tabContent .cards .card a img {
    width: 12px;
    height: 12px;
  }
  .productSection .productWrapper .tabContent .cards .slick-prev,
  .productSection .productWrapper .tabContent .cards .slick-next {
    width: 36px;
    height: 36px;
  }
  .productSection .productWrapper .tabContent .cards .slick-prev::before,
  .productSection .productWrapper .tabContent .cards .slick-next::before {
    transform: translate(-50%, -60%);
  }
  .productSection .productWrapper .tabContent .cards .slick-prev.slick-next,
  .productSection .productWrapper .tabContent .cards .slick-next.slick-next {
    right: calc(50% - 50px);
  }
  .productSection .productWrapper .tabContent .cards .slick-prev.slick-prev,
  .productSection .productWrapper .tabContent .cards .slick-next.slick-prev {
    left: calc(50% - 50px);
  }
}
@media all and (max-width: 1280px) {
  .productSection .productWrapper .productHeader h2 {
    margin-bottom: 40px;
  }
  .productSection .productWrapper .tabContent .cards .card .card-wrapper {
    padding: 20px 40px 16px 40px;
  }
  .productSection .productWrapper .tabContent .cards .card .card-wrapper img {
    padding-bottom: 20px;
  }
  .productSection .productWrapper .tabContent .cards .card .card-wrapper h3 {
    margin-bottom: 16px;
  }
  .productSection .productWrapper .tabContent .cards .card .card-wrapper h5 {
    margin-bottom: 16px;
  }
  .productSection .productWrapper .tabContent .cards .card a {
    padding: 30px;
  }
  .productSection .productWrapper .tabContent .cards .card a img {
    width: 10px;
    height: 10px;
  }
}
@media all and (max-width: 820px) {
  .productSection {
    margin-bottom: 150px;
  }
  .productSection .productWrapper .productHeader {
    padding-left: 120px;
    padding-right: 120px;
  }
}
@media screen and (max-width: 820px) and (max-width: 1600px) {
  .productSection .productWrapper .productHeader {
    padding-left: 90px;
    padding-right: 90px;
  }
}
@media screen and (max-width: 820px) and (max-width: 1440px) {
  .productSection .productWrapper .productHeader {
    padding-left: 80px;
    padding-right: 80px;
  }
}
@media screen and (max-width: 820px) and (max-width: 1024px) {
  .productSection .productWrapper .productHeader {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media screen and (max-width: 820px) and (max-width: 680px) {
  .productSection .productWrapper .productHeader {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media all and (max-width: 820px) {
  .productSection .productWrapper .productHeader h2 {
    margin-bottom: 32px;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    text-align: left;
  }
  .productSection .productWrapper .tabContent .cards .card {
    min-height: auto;
    background: #ffffff;
    position: relative;
    margin-right: 0px;
  }
  .productSection .productWrapper .tabContent .cards .card .card-wrapper {
    padding: 35px 40px 30px 40px;
    transform: translateY(0);
  }
  .productSection .productWrapper .tabContent .cards .card .card-wrapper img {
    padding-bottom: 24px;
    margin: unset;
  }
  .productSection .productWrapper .tabContent .cards .card .card-wrapper h3 {
    margin-bottom: 16px;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 110%;
    letter-spacing: -0.4px;
    text-align: left;
  }
  .productSection .productWrapper .tabContent .cards .card .card-wrapper h5 {
    text-align: center;
    margin-bottom: 16px;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 140%;
    text-align: left;
  }
  .productSection .productWrapper .tabContent .cards .card .card-wrapper p {
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    text-align: left;
  }
  .productSection .productWrapper .tabContent .cards .card a {
    display: flex;
    align-items: center;
    justify-content: start;
    gap: 8px;
    position: relative;
    padding: 53px 50px 44px 50px;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    height: auto;
    opacity: 1;
    background: #ffffff;
  }
  .productSection .productWrapper .tabContent .cards .card a .fontellowRightArrow {
    font-size: 14px;
  }
  .productSection .productWrapper .tabContent .cards .card a::after {
    border-top-left-radius: 30px;
    width: 81%;
  }
  .productSection .productWrapper .tabContent .cards .card a::before {
    border-top-right-radius: 30px;
    width: 21%;
  }
  .productSection .productWrapper .tabContent .cards .card a img {
    width: 10px;
    height: 10px;
  }
  .productSection .productWrapper .tabContent .cards .slick-prev.slick-next,
  .productSection .productWrapper .tabContent .cards .slick-next.slick-next {
    left: 92px;
  }
  .productSection .productWrapper .tabContent .cards .slick-prev.slick-prev,
  .productSection .productWrapper .tabContent .cards .slick-next.slick-prev {
    left: 30px;
  }
}
@media all and (max-width: 680px) {
  .productSection .productWrapper .tabContent .cards {
    border: none;
  }
  .productSection .productWrapper .tabContent .cards .card .card-wrapper {
    padding: 35px 40px 30px 20px;
  }
  .productSection .productWrapper .tabContent .cards .card a {
    padding-left: 20px;
    padding-right: 20px;
  }
  .productSection .productWrapper .tabContent .cards .slick-prev.slick-next,
  .productSection .productWrapper .tabContent .cards .slick-next.slick-next {
    left: 72px;
  }
  .productSection .productWrapper .tabContent .cards .slick-prev.slick-prev,
  .productSection .productWrapper .tabContent .cards .slick-next.slick-prev {
    left: 20px;
  }
}

.thankyouPopup {
  padding: 72px;
  width: 100%;
  margin-top: 100px;
  height: calc(100vh - 100px);
}
.thankyouPopup .closeBtn {
  position: absolute;
  right: 96px;
  top: 96px;
  cursor: pointer;
}
.thankyouPopup .thankyouContent { /* margin-top: 220px; */
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
}
.thankyouPopup .thankyouContent .icon {
  width: 228px;
  height: 228px;
  overflow: hidden;
  border: 2px solid #1E1E1E;
  border-radius: 50%;
  margin-bottom: 48px;
  padding: 50px 30px;
}
.thankyouPopup .thankyouContent .icon img {
  width: 100%;
  height: 100%;
}
.thankyouPopup .thankyouContent h2 {
  font-family: "termina", sans-serif;
  font-size: 42px;
  line-height: 160%;
  margin-bottom: 24px;
  font-weight: 900;
  text-transform: uppercase;
  color: #1E1E1E;
}
@media screen and (max-width: 1800px) {
  .thankyouPopup .thankyouContent h2 {
    font-size: 36px;
  }
}
@media screen and (max-width: 1440px) {
  .thankyouPopup .thankyouContent h2 {
    font-size: 32px;
  }
}
@media screen and (max-width: 820px) {
  .thankyouPopup .thankyouContent h2 {
    font-size: 26px;
  }
}
@media screen and (max-width: 720px) {
  .thankyouPopup .thankyouContent h2 {
    font-size: 20px;
  }
}
.thankyouPopup .thankyouContent p {
  font-size: 20px;
  line-height: 160%;
  color: #1E1E1E;
  width: 45%;
  text-align: center;
}
@media screen and (max-width: 1600px) {
  .thankyouPopup .thankyouContent p {
    font-size: 18px;
  }
}
@media screen and (max-width: 1440px) {
  .thankyouPopup .thankyouContent p {
    font-size: 16px;
  }
}
@media screen and (max-width: 720px) {
  .thankyouPopup .thankyouContent p {
    font-size: 12px;
  }
}

@media all and (max-width: 1600px) {
  .thankyouPopup {
    padding: 60px;
  }
  .thankyouPopup .closeBtn {
    right: 80px;
    top: 80px;
  }
  .thankyouPopup .thankyouContent { /* margin-top: 120px; */ }
  .thankyouPopup .thankyouContent .icon {
    width: 200px;
    height: 200px;
    margin-bottom: 40px;
    padding: 40px 24px;
  }
  .thankyouPopup .thankyouContent h2 {
    margin-bottom: 22px;
  }
}
@media all and (max-width: 1440px) {
  .thankyouPopup {
    padding: 50px;
    margin-top: 80px;
  }
  .thankyouPopup .closeBtn {
    right: 70px;
    top: 70px;
  }
  .thankyouPopup .thankyouContent { /* margin-top: 100px; */ }
  .thankyouPopup .thankyouContent .icon {
    width: 180px;
    height: 180px;
    margin-bottom: 36px;
    padding: 36px 20px;
  }
  .thankyouPopup .thankyouContent h2 {
    margin-bottom: 20px;
  }
}
@media all and (max-width: 1280px) {
  .thankyouPopup {
    padding: 42px;
  }
  .thankyouPopup .closeBtn {
    right: 60px;
    top: 60px;
  }
  .thankyouPopup .thankyouContent { /* margin-top: 80px; */ }
  .thankyouPopup .thankyouContent .icon {
    width: 160px;
    height: 160px;
    margin-bottom: 32px;
    padding: 32px 20px;
  }
  .thankyouPopup .thankyouContent h2 {
    margin-bottom: 20px;
  }
}
@media all and (max-width: 1180px) {
  .thankyouPopup {
    padding: 42px;
  }
  .thankyouPopup .closeBtn {
    right: 60px;
    top: 60px;
  }
  .thankyouPopup .thankyouContent { /* margin-top: 80px; */ }
  .thankyouPopup .thankyouContent .icon {
    width: 160px;
    height: 160px;
    margin-bottom: 32px;
    padding: 32px 20px;
  }
  .thankyouPopup .thankyouContent h2 {
    margin-bottom: 20px;
  }
}
@media all and (max-width: 768px) {
  .thankyouPopup {
    padding: 42px 20px;
    margin-top: 60px;
  }
  .thankyouPopup .closeBtn {
    right: 30px;
    top: 30px;
  }
  .thankyouPopup .thankyouContent { /* margin-top: 100px; */ }
  .thankyouPopup .thankyouContent .icon {
    width: 120px;
    height: 120px;
    margin-bottom: 32px;
    padding: 32px 20px;
  }
  .thankyouPopup .thankyouContent h2 {
    margin-bottom: 20px;
  }
  .thankyouPopup .thankyouContent p {
    width: 90%;
  }
}/*# sourceMappingURL=main.css.map */