@import "less/assets/swiper.min.css";
:root {
  font-size: 0.9375vw;
  --column-gap: calc(16rem * 1 / 18);
  --header-height: calc(120rem * 1 / 18);
  --header-height-mobile: 80px;
}
/* Stop scaling at 2000px */
@media (min-width: 2000px) {
  :root {
    font-size: 18px;
  }
}
@media only screen and (max-width: 1023px) {
  html {
    margin-top: 0 !important;
  }
}
html:has(body.admin-bar) {
  margin-top: 32px !important;
}
@media only screen and (max-width: 1023px) {
  html:has(body.admin-bar) {
    margin-top: 0 !important;
  }
}
html:has(body.admin-bar) .header {
  top: 32px !important;
}
@media only screen and (max-width: 1023px) {
  html:has(body.admin-bar) .header {
    top: 0 !important;
  }
}
@media only screen and (max-width: 600px) {
  html {
    overflow-x: hidden;
  }
}
body {
  background-color: white;
  color: #222222;
  position: relative;
  max-width: 1920px;
  margin: auto !important;
}
body p {
  font-family: "Rajdhani", sans-serif;
  font-weight: 400;
  font-style: normal;
  line-height: normal;
  font-size: calc(20rem * 1 / 18);
  margin-bottom: calc(20rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  body p {
    font-size: 20px;
    margin-bottom: 20px;
  }
}
body .four04 {
  display: grid;
  grid-template-columns: 2.604% repeat(24, 1fr) 2.604%;
  column-gap: calc(20rem * 1 / 18);
  position: relative;
  height: calc(500rem * 1 / 18);
  align-items: center;
  z-index: 2;
}
@media only screen and (max-width: 1023px) {
  body .four04 {
    grid-template-columns: repeat(12, 1fr);
    column-gap: 20px;
  }
}
@media only screen and (max-width: 600px) {
  body .four04 {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media only screen and (max-width: 1023px) {
  body .four04 {
    min-height: 500px;
  }
}
body .four04__title {
  font-weight: 500;
  color: #009C49;
}
body .four04__content {
  grid-column: 2 / span 24;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media only screen and (max-width: 1023px) {
  body .four04__content {
    grid-column: 1 / -1;
  }
}
body #content {
  overflow: hidden;
}
body #content.hai-block-exist {
  overflow: visible;
}
body #content.single-post {
  overflow: visible;
}
body #wrapper {
  background-color: #f0f0f0;
  margin: auto;
  position: relative;
  z-index: 2;
}
body #container {
  background-color: white;
  margin: auto;
  z-index: 1;
  position: relative;
  overflow-x: clip;
  overflow-y: clip;
  padding-top: var(--header-height);
}
@media only screen and (max-width: 1023px) {
  body #container {
    padding-top: var(--header-height-mobile);
  }
}
body #container.sticky {
  padding-top: calc(90rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  body #container.sticky {
    padding-top: calc(85rem * 1 / 3.9375);
  }
}
body #footer {
  margin: auto;
  z-index: 1;
  position: relative;
  overflow-x: hidden;
  overflow-y: hidden;
}
body em,
body i {
  font-style: italic;
}
body strong,
body b {
  font-weight: bold;
}
body .grid {
  display: grid;
  grid-template-columns: 2.604% repeat(24, 1fr) 2.604%;
  column-gap: calc(20rem * 1 / 18);
  background-color: transparent;
  position: absolute;
  inset: 0;
  z-index: 101;
}
@media only screen and (max-width: 1023px) {
  body .grid {
    grid-template-columns: repeat(12, 1fr);
    column-gap: 20px;
  }
}
@media only screen and (max-width: 600px) {
  body .grid {
    grid-template-columns: repeat(4, 1fr);
  }
}
body .grid__item {
  background-color: rgba(0, 255, 255, 0.55);
  width: 100%;
  display: flex;
}
@media only screen and (max-width: 1023px) {
  html #wpadminbar {
    display: none !important;
  }
}
.cta-button {
  display: flex;
  align-items: center;
  gap: calc(15rem * 1 / 18);
  padding: calc(4rem * 1 / 18) calc(18rem * 1 / 18) calc(4rem * 1 / 18) calc(18rem * 1 / 18);
  border-radius: calc(6rem * 1 / 18);
  outline: none;
  border: calc(2rem * 1 / 18) solid #F1B53D;
  background-color: transparent;
  cursor: pointer;
  text-decoration: none;
  color: #DEDBD4;
  width: fit-content;
  transition: all 0.25s ease-out;
}
@media only screen and (max-width: 1023px) {
  .cta-button {
    padding: 4px 18px 4px 18px;
    border-radius: 6px;
    border: 2px solid #F1B53D;
    gap: 8px;
    width: fit-content;
  }
}
.cta-button:hover {
  background-color: #F1B53D;
}
.cta-button:hover > span {
  color: #222222;
}
.cta-button > span {
  transition: all 0.25s ease-out;
  font-family: "Saira Semi Condensed", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: calc(20rem * 1 / 18);
  line-height: normal;
  letter-spacing: calc(0.4rem * 1 / 18);
  color: #DEDBD4;
  white-space: nowrap;
  text-transform: uppercase;
}
.cta-button > span.light {
  color: white;
}
@media only screen and (max-width: 1023px) {
  .cta-button > span {
    font-size: 20px;
    line-height: normal;
    letter-spacing: 0.4px;
  }
}
/**
 * Global Reset of all HTML Elements
 *
 * Resetting all of our HTML Elements ensures a smoother
 * visual transition between browsers. If you don't believe me,
 * try temporarily commenting out this block of code, then go
 * and look at Mozilla versus Safari, both good browsers with
 * a good implementation of CSS. The thing is, all browser CSS
 * defaults are different and at the end of the day if visual
 * consistency is what we're shooting for, then we need to
 * make sure we're resetting all spacing elements.
 *
 */
html,
body {
  border: 0;
  font-family: "Open Sans", "Helvetica", Arial, sans-serif;
  font-weight: 400;
  line-height: 1.5;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
div,
span,
object,
iframe,
img,
table,
caption,
thead,
tbody,
tfoot,
tr,
tr,
td,
article,
aside,
canvas,
details,
figure,
hgroup,
menu,
nav,
footer,
header,
section,
summary,
mark,
audio,
video {
  border: 0;
  margin: 0;
  padding: 0;
}
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
address,
cite,
code,
del,
dfn,
em,
ins,
q,
samp,
small,
strong,
sub,
sup,
b,
i,
hr,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
legend,
label {
  border: 0;
  vertical-align: baseline;
  margin: 0;
  padding: 0;
}
article,
aside,
canvas,
figure,
figure img,
figcaption,
hgroup,
footer,
header,
nav,
section,
audio,
video {
  display: block;
}
table {
  border-collapse: separate;
  border-spacing: 0;
}
table caption,
table th,
table td {
  text-align: left;
  vertical-align: middle;
}
a img {
  border: 0;
}
:focus {
  outline: 0;
}
hr {
  border-bottom: 1px solid gray;
}
.saira-regular {
  font-family: "Saira", sans-serif;
  font-weight: 400;
  font-style: normal;
}
.saira-medium {
  font-family: "Saira", sans-serif;
  font-weight: 500;
  font-style: normal;
}
.saira-semibold {
  font-family: "Saira", sans-serif;
  font-weight: 600;
  font-style: normal;
}
.saira-condensed-thin {
  font-family: "Saira Condensed", sans-serif;
  font-weight: 100;
  font-style: normal;
}
.saira-condensed-extralight {
  font-family: "Saira Condensed", sans-serif;
  font-weight: 200;
  font-style: normal;
}
.saira-condensed-light {
  font-family: "Saira Condensed", sans-serif;
  font-weight: 300;
  font-style: normal;
}
.saira-condensed-regular {
  font-family: "Saira Condensed", sans-serif;
  font-weight: 400;
  font-style: normal;
}
.saira-condensed-medium {
  font-family: "Saira Condensed", sans-serif;
  font-weight: 500;
  font-style: normal;
}
.saira-condensed-semibold {
  font-family: "Saira Condensed", sans-serif;
  font-weight: 600;
  font-style: normal;
}
.saira-condensed-bold {
  font-family: "Saira Condensed", sans-serif;
  font-weight: 700;
  font-style: normal;
}
.saira-condensed-extrabold {
  font-family: "Saira Condensed", sans-serif;
  font-weight: 800;
  font-style: normal;
}
.saira-condensed-black {
  font-family: "Saira Condensed", sans-serif;
  font-weight: 900;
  font-style: normal;
}
.saira-semi-condensed-thin {
  font-family: "Saira Semi Condensed", sans-serif;
  font-weight: 100;
  font-style: normal;
}
.saira-semi-condensed-extralight {
  font-family: "Saira Semi Condensed", sans-serif;
  font-weight: 200;
  font-style: normal;
}
.saira-semi-condensed-light {
  font-family: "Saira Semi Condensed", sans-serif;
  font-weight: 300;
  font-style: normal;
}
.saira-semi-condensed-regular {
  font-family: "Saira Semi Condensed", sans-serif;
  font-weight: 400;
  font-style: normal;
}
.saira-semi-condensed-medium {
  font-family: "Saira Semi Condensed", sans-serif;
  font-weight: 500;
  font-style: normal;
}
.saira-semi-condensed-semibold {
  font-family: "Saira Semi Condensed", sans-serif;
  font-weight: 600;
  font-style: normal;
}
.saira-semi-condensed-bold {
  font-family: "Saira Semi Condensed", sans-serif;
  font-weight: 700;
  font-style: normal;
}
.saira-semi-condensed-extrabold {
  font-family: "Saira Semi Condensed", sans-serif;
  font-weight: 800;
  font-style: normal;
}
.saira-semi-condensed-black {
  font-family: "Saira Semi Condensed", sans-serif;
  font-weight: 900;
  font-style: normal;
}
.rajdhani-light {
  font-family: "Rajdhani", sans-serif;
  font-weight: 300;
  font-style: normal;
}
.rajdhani-regular {
  font-family: "Rajdhani", sans-serif;
  font-weight: 400;
  font-style: normal;
}
.rajdhani-medium {
  font-family: "Rajdhani", sans-serif;
  font-weight: 500;
  font-style: normal;
}
.rajdhani-semibold {
  font-family: "Rajdhani", sans-serif;
  font-weight: 600;
  font-style: normal;
}
.rajdhani-bold {
  font-family: "Rajdhani", sans-serif;
  font-weight: 700;
  font-style: normal;
}
.font-italic {
  font-style: italic;
}
.capitalize {
  text-transform: uppercase;
}
.underline {
  text-decoration: underline;
}
.font-size-18 {
  font-size: calc(18rem * 1 / 18);
  line-height: calc(30rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .font-size-18 {
    font-size: 18px;
    line-height: 21.6px;
  }
}
.font-size-20 {
  font-size: calc(20rem * 1 / 18);
  line-height: calc(32rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .font-size-20 {
    font-size: 20px;
    line-height: 23.6px;
  }
}
.font-size-22 {
  font-size: calc(22rem * 1 / 18);
  line-height: calc(28rem * 1 / 18);
}
#content h1,
#footer h1,
.header__mobile h1,
.fancybox-container h1,
#content .h1,
#footer .h1,
.header__mobile .h1,
.fancybox-container .h1 {
  font-family: "Saira", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: calc(70rem * 1 / 18);
  line-height: calc(76rem * 1 / 18);
}
#content h1.light,
#footer h1.light,
.header__mobile h1.light,
.fancybox-container h1.light,
#content .h1.light,
#footer .h1.light,
.header__mobile .h1.light,
.fancybox-container .h1.light {
  color: white;
}
@media only screen and (max-width: 1400px) {
  #content h1,
  #footer h1,
  .header__mobile h1,
  .fancybox-container h1,
  #content .h1,
  #footer .h1,
  .header__mobile .h1,
  .fancybox-container .h1 {
    font-size: 70px;
    line-height: 48px;
    letter-spacing: -1px;
    margin-bottom: 12px;
  }
}
#content h2,
#footer h2,
.header__mobile h2,
.fancybox-container h2,
#content .h2,
#footer .h2,
.header__mobile .h2,
.fancybox-container .h2 {
  font-family: "Saira Semi Condensed", sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: calc(64rem * 1 / 18);
  line-height: calc(64rem * 1 / 18);
  letter-spacing: calc(-3rem * 1 / 18);
}
#content h2.light,
#footer h2.light,
.header__mobile h2.light,
.fancybox-container h2.light,
#content .h2.light,
#footer .h2.light,
.header__mobile .h2.light,
.fancybox-container .h2.light {
  color: white;
}
@media only screen and (max-width: 1023px) {
  #content h2,
  #footer h2,
  .header__mobile h2,
  .fancybox-container h2,
  #content .h2,
  #footer .h2,
  .header__mobile .h2,
  .fancybox-container .h2 {
    font-size: 25px;
    line-height: 1;
    letter-spacing: 0.5px;
  }
}
#content h3,
#footer h3,
.header__mobile h3,
.fancybox-container h3,
#content .h3,
#footer .h3,
.header__mobile .h3,
.fancybox-container .h3 {
  font-family: "Saira", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: calc(56rem * 1 / 18);
  line-height: calc(64rem * 1 / 18);
  letter-spacing: calc(-1rem * 1 / 18);
}
#content h3.light,
#footer h3.light,
.header__mobile h3.light,
.fancybox-container h3.light,
#content .h3.light,
#footer .h3.light,
.header__mobile .h3.light,
.fancybox-container .h3.light {
  color: white;
}
@media only screen and (max-width: 1023px) {
  #content h3,
  #footer h3,
  .header__mobile h3,
  .fancybox-container h3,
  #content .h3,
  #footer .h3,
  .header__mobile .h3,
  .fancybox-container .h3 {
    font-size: 22px;
    line-height: 26px;
    letter-spacing: -0.5px;
  }
}
#content h3.title,
#footer h3.title,
.header__mobile h3.title,
.fancybox-container h3.title,
#content .h3.title,
#footer .h3.title,
.header__mobile .h3.title,
.fancybox-container .h3.title {
  font-size: calc(55rem * 1 / 18);
  line-height: calc(55rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  #content h3.title,
  #footer h3.title,
  .header__mobile h3.title,
  .fancybox-container h3.title,
  #content .h3.title,
  #footer .h3.title,
  .header__mobile .h3.title,
  .fancybox-container .h3.title {
    font-size: 22px;
    line-height: 26px;
  }
}
#content h3.title-bold,
#footer h3.title-bold,
.header__mobile h3.title-bold,
.fancybox-container h3.title-bold,
#content .h3.title-bold,
#footer .h3.title-bold,
.header__mobile .h3.title-bold,
.fancybox-container .h3.title-bold {
  font-family: "Saira Semi Condensed", sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: calc(55rem * 1 / 18);
  line-height: calc(55rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  #content h3.title-bold,
  #footer h3.title-bold,
  .header__mobile h3.title-bold,
  .fancybox-container h3.title-bold,
  #content .h3.title-bold,
  #footer .h3.title-bold,
  .header__mobile .h3.title-bold,
  .fancybox-container .h3.title-bold {
    font-size: 17px;
    line-height: 20px;
  }
}
#content h4,
#footer h4,
.header__mobile h4,
.fancybox-container h4,
#content .h4,
#footer .h4,
.header__mobile .h4,
.fancybox-container .h4 {
  font-family: "Saira", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: calc(48rem * 1 / 18);
  line-height: 1;
}
#content h4.light,
#footer h4.light,
.header__mobile h4.light,
.fancybox-container h4.light,
#content .h4.light,
#footer .h4.light,
.header__mobile .h4.light,
.fancybox-container .h4.light {
  color: white;
}
@media only screen and (max-width: 1400px) {
  #content h4,
  #footer h4,
  .header__mobile h4,
  .fancybox-container h4,
  #content .h4,
  #footer .h4,
  .header__mobile .h4,
  .fancybox-container .h4 {
    font-size: 26px;
    letter-spacing: 0.5px;
  }
}
#content h5,
#footer h5,
.header__mobile h5,
.fancybox-container h5,
#content .h5,
#footer .h5,
.header__mobile .h5,
.fancybox-container .h5 {
  font-family: "Rajdhani", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: calc(36rem * 1 / 18);
  line-height: calc(44rem * 1 / 18);
}
#content h5.light,
#footer h5.light,
.header__mobile h5.light,
.fancybox-container h5.light,
#content .h5.light,
#footer .h5.light,
.header__mobile .h5.light,
.fancybox-container .h5.light {
  color: white;
}
#content h5 b,
#footer h5 b,
.header__mobile h5 b,
.fancybox-container h5 b,
#content .h5 b,
#footer .h5 b,
.header__mobile .h5 b,
.fancybox-container .h5 b,
#content h5 strong,
#footer h5 strong,
.header__mobile h5 strong,
.fancybox-container h5 strong,
#content .h5 strong,
#footer .h5 strong,
.header__mobile .h5 strong,
.fancybox-container .h5 strong {
  font-family: "Rajdhani", sans-serif;
  font-weight: 600;
  font-style: normal;
}
@media only screen and (max-width: 1400px) {
  #content h5,
  #footer h5,
  .header__mobile h5,
  .fancybox-container h5,
  #content .h5,
  #footer .h5,
  .header__mobile .h5,
  .fancybox-container .h5 {
    font-size: 16px;
    line-height: 44px;
    letter-spacing: 0.5px;
  }
}
#content h6,
#footer h6,
.header__mobile h6,
.fancybox-container h6,
#content .h6,
#footer .h6,
.header__mobile .h6,
.fancybox-container .h6 {
  font-family: "Rajdhani", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: calc(24rem * 1 / 18);
  line-height: calc(28rem * 1 / 18);
}
#content h6.light,
#footer h6.light,
.header__mobile h6.light,
.fancybox-container h6.light,
#content .h6.light,
#footer .h6.light,
.header__mobile .h6.light,
.fancybox-container .h6.light {
  color: white;
}
@media only screen and (max-width: 1023px) {
  #content h6,
  #footer h6,
  .header__mobile h6,
  .fancybox-container h6,
  #content .h6,
  #footer .h6,
  .header__mobile .h6,
  .fancybox-container .h6 {
    font-size: 14px;
    line-height: 16px;
    letter-spacing: 0.5px;
  }
}
.body-intro,
.body-1 {
  font-family: "Rajdhani", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: calc(24rem * 1 / 18);
  line-height: calc(38rem * 1 / 18);
}
.body-intro.light,
.body-1.light {
  color: white;
}
@media only screen and (max-width: 1023px) {
  .body-intro,
  .body-1 {
    font-size: 24px;
    line-height: 38px;
    margin-bottom: 20px;
  }
}
.paragraph {
  color: #373938;
  font-family: "Rajdhani", sans-serif;
  font-weight: 500;
  font-size: calc(20rem * 1 / 18);
  font-style: normal;
  line-height: 150%;
  /* 30px */
  letter-spacing: calc(0.4rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .paragraph {
    font-size: 20px;
    letter-spacing: 0.4px;
    line-height: 150%;
  }
}
.body,
.body-2 {
  font-family: "Rajdhani", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: calc(20rem * 1 / 18);
  line-height: calc(30rem * 1 / 18);
}
@media only screen and (max-width: 1400px) {
  .body,
  .body-2 {
    font-size: 16px;
    line-height: 3dvh;
  }
}
.body-saira {
  font-family: "Saira", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: calc(20rem * 1 / 18);
  line-height: 1.4;
}
@media only screen and (max-width: 1400px) {
  .body-saira {
    font-size: 16px;
    line-height: 20px;
  }
}
.body-small {
  font-family: "Rajdhani", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: calc(16rem * 1 / 18);
  line-height: 1.4;
}
@media only screen and (max-width: 1400px) {
  .body-small {
    font-size: 14px;
    line-height: 18px;
  }
}
.block-section-title {
  font-family: "Rajdhani", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: calc(20rem * 1 / 18);
  line-height: 150%;
  letter-spacing: calc(0.4rem * 1 / 18);
  text-transform: uppercase;
  color: #abada5;
}
@media only screen and (max-width: 1023px) {
  .block-section-title {
    font-size: 20px;
    letter-spacing: 0.4px;
  }
}
.block-heading {
  font-family: "Saira Semi Condensed", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: calc(56rem * 1 / 18);
  line-height: 110%;
  letter-spacing: calc(-0.56rem * 1 / 18);
  margin-bottom: calc(20rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .block-heading {
    font-size: 42px;
    letter-spacing: unset;
    margin-bottom: 20px;
  }
}
.body-large {
  font-family: "Rajdhani", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: calc(28rem * 1 / 18);
  line-height: calc(36rem * 1 / 18);
  margin-bottom: calc(20rem * 1 / 18);
}
.body-large.light {
  color: white;
}
@media only screen and (max-width: 1400px) {
  .body-large {
    font-size: 16px;
    line-height: 30px;
    margin-bottom: 12px;
    letter-spacing: 0.5px;
  }
}
.body-large a {
  text-decoration: none;
  color: inherit;
}
.menu-item {
  font-family: "Saira Semi Condensed", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: calc(16rem * 1 / 18);
  line-height: normal;
  color: #DEDBD4;
  letter-spacing: calc(0.4rem * 1 / 18);
}
.menu-item.light {
  color: white;
}
@media only screen and (max-width: 1900px) {
  .menu-item {
    font-size: calc(18rem * 1 / 18);
    letter-spacing: 0.4px;
  }
}
@media only screen and (max-width: 1023px) {
  .menu-item {
    font-size: 16px;
    line-height: normal;
  }
}
.menu-sub-item {
  font-family: "Saira Semi Condensed", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: calc(16rem * 1 / 18);
  line-height: normal;
  color: #DEDBD4;
}
.menu-sub-item.light {
  color: white;
}
@media only screen and (max-width: 1900px) {
  .menu-sub-item {
    font-size: calc(18rem * 1 / 18);
  }
}
@media only screen and (max-width: 1023px) {
  .menu-sub-item {
    font-size: 16px;
    line-height: normal;
  }
}
.footer-item {
  font-family: "Rajdhani", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: calc(17rem * 1 / 18);
  line-height: calc(20rem * 1 / 18);
  letter-spacing: calc(0.34rem * 1 / 18);
  color: #F8F8F6;
  line-height: 150%;
}
.footer-item.light {
  font-weight: 600;
}
@media only screen and (max-width: 1023px) {
  .footer-item {
    font-size: 20px;
    line-height: 140%;
    letter-spacing: 0.4px;
  }
}
.menu-button {
  font-family: "Saira Semi Condensed", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: calc(20rem * 1 / 18);
  line-height: normal;
  letter-spacing: calc(0.4rem * 1 / 18);
  text-transform: uppercase;
}
.menu-button.light {
  color: white;
}
@media only screen and (max-width: 1023px) {
  .menu-button {
    font-size: 20px;
    line-height: normal;
    letter-spacing: 0.4px;
  }
}
.mobile-menu-item {
  font-family: "Saira Semi Condensed", sans-serif;
  font-weight: 500;
  font-style: normal;
  letter-spacing: 0.4px;
  font-size: 20px;
  line-height: normal;
}
.mobile-sub-item {
  font-family: "Saira Semi Condensed", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 20px;
  line-height: normal;
  letter-spacing: 0.4px;
  text-transform: capitalize;
}
.data-number {
  color: #F1B53D;
  font-family: "Saira Semi Condensed", sans-serif;
  font-size: calc(150rem * 1 / 18);
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
  letter-spacing: calc(3rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .data-number {
    font-size: 100px;
    line-height: 1;
    letter-spacing: 3px;
  }
}
.data-text {
  color: #F8F8F6;
  font-family: "Rajdhani", sans-serif;
  font-weight: 500;
  font-size: calc(20rem * 1 / 18);
  font-style: normal;
  line-height: 130%;
  letter-spacing: calc(0.4rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .data-text {
    font-size: 20px;
    line-height: 26px;
    letter-spacing: 0.5px;
  }
}
.scroll-text {
  color: #F8F8F6;
  font-family: "Rajdhani", sans-serif;
  font-weight: 600;
  font-size: calc(17rem * 1 / 18);
  font-style: normal;
  line-height: 150%;
  letter-spacing: calc(1.7rem * 1 / 18);
  text-transform: uppercase;
}
@media only screen and (max-width: 1400px) {
  .scroll-text {
    font-size: 17px;
    line-height: 20px;
    letter-spacing: 1.7px;
  }
}
.service-card-heading {
  color: #DEDBD4;
  font-family: "Saira Semi Condensed", sans-serif;
  font-weight: 500;
  font-size: calc(40rem * 1 / 18);
  font-style: normal;
  line-height: 110%;
  /* 44px */
  letter-spacing: calc(0.8rem * 1 / 18);
  text-transform: capitalize;
}
@media only screen and (max-width: 1400px) {
  .service-card-heading {
    font-size: 40px;
    line-height: 44px;
    letter-spacing: 0.8px;
  }
}
.service-card-heading-mobile {
  color: #DEDBD4;
  font-family: "Saira Condensed", sans-serif;
  font-weight: 500;
  font-size: 30px;
  font-style: normal;
  line-height: 110%;
  /* 26.4px */
  letter-spacing: 0.6px;
}
.service-card-description {
  color: #FFFFFF;
  font-family: "Rajdhani", sans-serif;
  font-weight: 500;
  font-size: calc(20rem * 1 / 18);
  font-style: normal;
  line-height: 130%;
  /* 26px */
}
@media only screen and (max-width: 1400px) {
  .service-card-description {
    font-size: 20px;
    line-height: 26px;
  }
}
.post-date {
  color: #abada5;
  font-family: "Rajdhani", sans-serif;
  font-weight: 500;
  font-size: calc(18rem * 1 / 18);
  font-style: normal;
  line-height: 150%;
  /* 27px */
  letter-spacing: calc(0.36rem * 1 / 18);
  text-transform: uppercase;
}
@media only screen and (max-width: 1023px) {
  .post-date {
    font-size: 18px;
    line-height: 27px;
    letter-spacing: 0.36px;
  }
}
.job-cat {
  color: #373938;
  font-family: "Rajdhani", sans-serif;
  font-weight: 500;
  font-size: calc(20rem * 1 / 18);
  font-style: normal;
  line-height: 150%;
  /* 27px */
  letter-spacing: calc(0.36rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .job-cat {
    font-size: 20px;
    line-height: 27px;
    letter-spacing: 0.36px;
  }
}
.post-title-1 {
  color: #abada5;
  font-family: "Saira Semi Condensed", sans-serif;
  font-weight: 400;
  font-weight: 300;
  font-size: calc(48rem * 1 / 18);
  font-style: normal;
  line-height: 110%;
  /* 52.8px */
}
@media only screen and (max-width: 1023px) {
  .post-title-1 {
    font-size: 36px;
    line-height: 110%;
  }
}
.post-title-2 {
  color: #abada5;
  font-family: "Saira Semi Condensed", sans-serif;
  font-weight: 400;
  font-weight: 300;
  font-size: calc(30rem * 1 / 18);
  font-style: normal;
  line-height: 114%;
  /* 41.04px */
}
@media only screen and (max-width: 1023px) {
  .post-title-2 {
    font-size: 30px;
    line-height: 110%;
    letter-spacing: 0.35px;
  }
}
.post-title-3 {
  color: #373938;
  font-family: "Saira Semi Condensed", sans-serif;
  font-weight: 500;
  font-size: calc(36rem * 1 / 18);
  font-style: normal;
  line-height: 114%;
  /* 41.04px */
  letter-spacing: calc(0.36rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .post-title-3 {
    font-size: 36px;
    line-height: 41.04px;
    letter-spacing: 0.36px;
  }
}
.post-readmore {
  color: #abada5;
  font-family: "Saira Semi Condensed", sans-serif;
  font-weight: 500;
  font-size: calc(20rem * 1 / 18);
  font-style: normal;
  line-height: normal;
  letter-spacing: calc(0.2rem * 1 / 18);
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: none;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
  text-transform: capitalize;
}
@media only screen and (max-width: 1400px) {
  .post-readmore {
    font-size: 20px;
    line-height: normal;
    letter-spacing: 0.2px;
  }
}
.testimonial-text {
  color: #373938;
  font-family: "Saira Condensed", sans-serif;
  font-weight: 300;
  font-style: normal;
  font-size: calc(36rem * 1 / 18);
  font-style: italic;
  line-height: calc(48rem * 1 / 18);
  /* 133.333% */
  letter-spacing: calc(0.72rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .testimonial-text {
    font-size: 28px;
    line-height: 130%;
    letter-spacing: 0.56px;
    text-align: center;
    font-weight: 400;
  }
}
.testimonial-author {
  color: #009C49;
  font-family: "Rajdhani", sans-serif;
  font-weight: 600;
  font-size: calc(20rem * 1 / 18);
  font-style: normal;
  line-height: normal;
}
@media only screen and (max-width: 1023px) {
  .testimonial-author {
    font-size: 20px;
    line-height: normal;
  }
}
.fleet-intel-viewall {
  color: #abada5;
  text-align: right;
  font-family: "Saira Semi Condensed", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: calc(20rem * 1 / 18);
  line-height: normal;
  letter-spacing: calc(0.2rem * 1 / 18);
  text-transform: capitalize;
}
@media only screen and (max-width: 1400px) {
  .fleet-intel-viewall {
    font-size: 20px;
    line-height: normal;
    letter-spacing: 0.2px;
  }
}
.fleet-intel-excerpt {
  color: #373938;
  font-family: "Saira Semi Condensed", sans-serif;
  font-weight: 400;
  font-size: calc(20rem * 1 / 18);
  font-style: normal;
  line-height: 140%;
  /* 28px */
  letter-spacing: calc(0.2rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .fleet-intel-excerpt {
    font-size: 18px;
    line-height: 150%;
    letter-spacing: 0.36px;
  }
}
.fleet-intel-title {
  color: #373938;
  font-family: "Saira Semi Condensed", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: calc(30rem * 1 / 18);
  line-height: 114%;
  /* 34.2px */
}
@media only screen and (max-width: 1023px) {
  .fleet-intel-title {
    font-size: 28px;
    line-height: 114%;
  }
}
.header-section-heading {
  color: #373938;
  font-family: "Saira Semi Condensed", sans-serif;
  font-weight: 400;
  font-size: calc(80rem * 1 / 18);
  font-style: normal;
  line-height: 105%;
  /* 84px */
  letter-spacing: calc(-1.6rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .header-section-heading {
    font-size: 48px;
    line-height: 105%;
    letter-spacing: unset;
  }
}
.accordion-heading {
  color: #abada5;
  font-family: "Rajdhani", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: calc(32rem * 1 / 18);
  line-height: 150%;
  /* 48px */
  letter-spacing: calc(0.64rem * 1 / 18);
}
@media only screen and (max-width: 1400px) {
  .accordion-heading {
    font-size: 24px;
    line-height: 150%;
    letter-spacing: 0.48px;
  }
}
.member-name {
  color: #373938;
  font-family: "Saira Semi Condensed", sans-serif;
  font-weight: 400;
  font-size: calc(28rem * 1 / 18);
  font-style: normal;
  line-height: 140%;
  /* 39.2px */
  letter-spacing: calc(0.28rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .member-name {
    font-size: 28px;
    line-height: 39.2px;
    letter-spacing: 0.28px;
  }
}
.member-role {
  color: #373938;
  font-family: "Rajdhani", sans-serif;
  font-weight: 500;
  font-size: calc(18rem * 1 / 18);
  font-style: normal;
  line-height: 140%;
  /* 25.2px */
  letter-spacing: calc(0.18rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .member-role {
    font-size: 18px;
    line-height: 25.2px;
    letter-spacing: 0.18px;
  }
}
.service-card-num {
  color: #373938;
  font-family: "Rajdhani", sans-serif;
  font-weight: 600;
  font-size: calc(24rem * 1 / 18);
  font-style: normal;
  line-height: 110%;
  /* 26.4px */
  text-transform: capitalize;
}
@media only screen and (max-width: 1400px) {
  .service-card-num {
    font-size: 24px;
    line-height: 26.4px;
  }
}
.service-card-title {
  color: #373938;
  font-family: "Saira Semi Condensed", sans-serif;
  font-weight: 500;
  font-size: calc(36rem * 1 / 18);
  font-style: normal;
  line-height: 110%;
  /* 39.6px */
  text-transform: capitalize;
}
@media only screen and (max-width: 1023px) {
  .service-card-title {
    font-size: 28px;
    line-height: 110%;
    color: #F8F8F6;
    font-weight: 500;
  }
}
.form-label {
  color: #373938;
  font-family: "Rajdhani", sans-serif;
  font-weight: 500;
  font-size: calc(20rem * 1 / 18);
  font-style: normal;
  line-height: 150%;
  /* 30px */
  letter-spacing: calc(0.4rem * 1 / 18);
  text-transform: uppercase;
}
@media only screen and (max-width: 1400px) {
  .form-label {
    font-size: 20px;
    line-height: 30px;
    letter-spacing: 0.4px;
  }
}
.form-html-block {
  color: #373938;
  font-family: "Rajdhani", sans-serif;
  font-weight: 500;
  font-size: calc(16rem * 1 / 18);
  font-style: normal;
  line-height: 130%;
  /* 20.8px */
  letter-spacing: calc(0.16rem * 1 / 18);
}
@media only screen and (max-width: 1400px) {
  .form-html-block {
    font-size: 16px;
    line-height: 20.8px;
    letter-spacing: 0.16px;
  }
}
.privacy-content-text {
  color: #373938;
  font-family: "Rajdhani", sans-serif;
  font-weight: 500;
  font-size: calc(18rem * 1 / 18);
  font-style: normal;
  line-height: 150%;
  letter-spacing: calc(0.36rem * 1 / 18);
}
@media only screen and (max-width: 1400px) {
  .privacy-content-text {
    font-size: 18px;
    line-height: 27px;
    letter-spacing: 0.36px;
  }
}
.privacy-subheading {
  color: #373938;
  font-family: "Rajdhani", sans-serif;
  font-weight: 600;
  font-size: calc(24rem * 1 / 18);
  font-style: normal;
  line-height: 150%;
  /* 36px */
  letter-spacing: calc(0.48rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .privacy-subheading {
    font-size: 24px;
    line-height: 36px;
    letter-spacing: 0.48px;
  }
}
.singlePost-title {
  color: #373938;
  font-family: "Saira Semi Condensed", sans-serif;
  font-weight: 300;
  font-size: calc(72rem * 1 / 18);
  font-style: normal;
  line-height: 105%;
  /* 75.6px */
  letter-spacing: calc(-0.72rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .singlePost-title {
    font-size: 48px !important;
    line-height: 105% !important;
    letter-spacing: unset !important;
  }
}
.singleJob-title {
  color: #373938;
  font-family: "Saira Semi Condensed", sans-serif;
  font-weight: 300;
  font-size: calc(56rem * 1 / 18);
  font-style: normal;
  line-height: 105%;
  /* 75.6px */
  letter-spacing: calc(-0.72rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .singleJob-title {
    font-size: 40px !important;
    line-height: 105% !important;
    letter-spacing: unset !important;
  }
}
.singlePost-subheadline {
  color: #373938;
  font-family: "Saira Semi Condensed", sans-serif;
  font-weight: 400;
  font-size: calc(48rem * 1 / 18);
  font-style: normal;
  line-height: 105%;
  /* 50.4px */
  letter-spacing: calc(-0.48rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .singlePost-subheadline {
    font-size: 36px !important;
    line-height: 105% !important;
    letter-spacing: unset !important;
  }
}
.post-author {
  color: #373938;
  font-family: "Rajdhani", sans-serif;
  font-weight: 500;
  font-size: calc(18rem * 1 / 18);
  font-style: normal;
  line-height: 140%;
  /* 25.2px */
  letter-spacing: calc(0.36rem * 1 / 18);
  text-transform: capitalize;
}
@media only screen and (max-width: 1023px) {
  .post-author {
    font-size: 18px;
    line-height: 25.2px;
    letter-spacing: 0.36px;
  }
}
.post-tag {
  color: #abada5;
  font-family: "Rajdhani", sans-serif;
  font-weight: 500;
  font-size: calc(18rem * 1 / 18);
  font-style: normal;
  line-height: 130%;
  letter-spacing: calc(0.36rem * 1 / 18);
  text-decoration-style: solid;
  text-decoration-skip-ink: auto;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
}
@media only screen and (max-width: 1023px) {
  .post-tag {
    font-size: 18px;
    line-height: 23.4px;
    letter-spacing: 0.36px;
  }
}
.singlePost-excerpt {
  color: #009C49;
  font-family: "Rajdhani", sans-serif;
  font-weight: 500;
  font-size: calc(23rem * 1 / 18);
  font-style: normal;
  line-height: 130%;
  /* 37.5px */
  letter-spacing: calc(0.5rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .singlePost-excerpt {
    font-size: 23px !important;
    line-height: 130% !important;
    letter-spacing: 0.5px !important;
  }
}
.opportunity-heading {
  color: #abada5;
  font-family: "Saira Semi Condensed", sans-serif;
  font-weight: 400;
  font-size: calc(48rem * 1 / 18);
  font-style: normal;
  line-height: 114%;
  /* 54.72px */
  letter-spacing: calc(0.48rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .opportunity-heading {
    font-size: 36px;
    line-height: 114%;
    letter-spacing: unset;
  }
}
.job-role {
  color: #373938;
  font-family: "Rajdhani", sans-serif;
  font-weight: 600;
  font-size: calc(28rem * 1 / 18);
  font-style: normal;
  line-height: 150%;
  /* 42px */
  letter-spacing: calc(0.56rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .job-role {
    font-size: 28px;
    line-height: 120%;
    letter-spacing: 0.56px;
  }
}
.job-filter-label {
  color: #373938;
  font-family: "Rajdhani", sans-serif;
  font-weight: 600;
  font-size: calc(20rem * 1 / 18);
  font-style: normal;
  line-height: calc(30rem * 1 / 18);
  /* 150% */
  letter-spacing: calc(0.4rem * 1 / 18);
  text-transform: uppercase;
}
@media only screen and (max-width: 1400px) {
  .job-filter-label {
    font-size: 20px;
    line-height: 30px;
    letter-spacing: 0.4px;
  }
}
.footer-cta {
  color: #FFFFFF;
  font-family: "Saira Semi Condensed", sans-serif;
  font-weight: 500;
  font-size: calc(56rem * 1 / 18);
  font-style: normal;
  line-height: 110%;
  /* 61.6px */
  letter-spacing: calc(-0.56rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .footer-cta {
    font-size: 32px !important;
    line-height: 110% !important;
    letter-spacing: unset !important;
    text-transform: uppercase;
  }
}
.cta-banner-heading {
  color: #373938;
  font-family: "Saira Semi Condensed", sans-serif;
  font-weight: 500;
  font-size: calc(30rem * 1 / 18);
  font-style: normal;
  line-height: 100%;
  /* 30px */
  letter-spacing: calc(0.3rem * 1 / 18);
  text-transform: uppercase;
}
@media only screen and (max-width: 1023px) {
  .cta-banner-heading {
    font-size: 30px;
    line-height: 30px;
    letter-spacing: 0.3px;
  }
}
@media only screen and (max-width: 600px) {
  .cta-banner-heading {
    font-size: 24px;
    line-height: 28px;
    letter-spacing: 0.3px;
  }
}
.cta-banner-description {
  color: #373938;
  font-family: "Rajdhani", sans-serif;
  font-weight: 600;
  font-size: calc(20rem * 1 / 18);
  font-style: normal;
  line-height: 150%;
  /* 30px */
  letter-spacing: calc(0.4rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .cta-banner-description {
    font-size: 20px;
    line-height: 30px;
    letter-spacing: 0.4px;
  }
}
@media only screen and (max-width: 600px) {
  .cta-banner-description {
    font-size: 16px;
    line-height: 26px;
    letter-spacing: 0.4px;
  }
}
.singlePost-heading-green {
  color: #009C49;
  font-family: "Rajdhani", sans-serif;
  font-weight: 600;
  font-size: calc(25rem * 1 / 18);
  font-style: normal;
  line-height: 150%;
  letter-spacing: calc(0.5rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .singlePost-heading-green {
    font-size: 25px !important;
    line-height: 30px !important;
    letter-spacing: 0.5px !important;
  }
}
.singleJob-heding-green {
  color: #009C49;
  font-family: "Rajdhani", sans-serif;
  font-weight: 600;
  font-size: calc(30rem * 1 / 18);
  font-style: normal;
  line-height: 150%;
  letter-spacing: calc(0.5rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .singleJob-heding-green {
    font-size: 30px !important;
    line-height: 30px !important;
    letter-spacing: 0.5px !important;
  }
}
.singleJob-sidebar-item {
  font-family: "Rajdhani", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: calc(20rem * 1 / 18);
  line-height: calc(30rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .singleJob-sidebar-item {
    font-size: 18px;
    line-height: 110%;
  }
}
.ontop {
  position: relative;
  z-index: 11;
}
.flex-col {
  display: flex;
  flex-direction: column;
}
.fill-grid {
  grid-column: 1 / -1;
}
.transition {
  transition: all 0.25s ease-out;
}
.image-filter::before {
  content: "";
  opacity: 0.5;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #796565D1;
}
.scroll-top {
  scroll-margin-top: calc(100rem * 1 / 18);
  scroll-padding-top: calc(100rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .scroll-top {
    scroll-margin-top: 100px;
    scroll-padding-top: 100px;
  }
}
.scroll-top-200 {
  scroll-margin-top: calc(200rem * 1 / 18);
  scroll-padding-top: calc(200rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .scroll-top-200 {
    scroll-margin-top: 200px;
    scroll-padding-top: 200px;
  }
}
.apply-grid-and-padding {
  display: grid;
  padding-left: calc(56rem * 1 / 18);
  padding-right: calc(56rem * 1 / 18);
  grid-template-columns: 2.604% repeat(24, 1fr) 2.604%;
  column-gap: calc(20rem * 1 / 18);
}
@media only screen and (max-width: 1400px) {
  .apply-grid-and-padding {
    padding-left: 32px;
    padding-right: 32px;
    column-gap: 16px;
  }
}
@media only screen and (max-width: 1023px) {
  .apply-grid-and-padding {
    grid-template-columns: repeat(12, 1fr);
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media only screen and (max-width: 600px) {
  .apply-grid-and-padding {
    padding-left: 16px;
    padding-right: 16px;
  }
}
.apply-grid-without-padding {
  display: grid;
  grid-template-columns: 2.604% repeat(24, 1fr) 2.604%;
  column-gap: calc(20rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .apply-grid-without-padding {
    grid-template-columns: repeat(12, 1fr);
    column-gap: 20px;
  }
}
@media only screen and (max-width: 600px) {
  .apply-grid-without-padding {
    grid-template-columns: repeat(4, 1fr);
  }
}
.color-yellow {
  color: #F1B53D;
}
.color-tan {
  color: #F38F20;
}
.color-black {
  color: #222222;
}
.color-white {
  color: #FFFFFF;
}
.color-gray {
  color: #7D7D7D;
}
.color-gray1 {
  color: #DEDBD4;
}
.color-gray2 {
  color: #abada5;
}
.color-gray3 {
  color: #F8F8F6;
}
.color-gray4 {
  color: #ebe9e5;
}
.bg-color-yellow {
  background-color: #F1B53D;
}
.bg-color-black {
  background-color: #222222;
}
.bg-color-white {
  background-color: #FFFFFF;
}
.bg-color-gray {
  background-color: #7D7D7D;
}
.bg-color-gray1 {
  background-color: #DEDBD4;
}
.bg-color-gray2 {
  background-color: #abada5;
}
.bg-color-gray3 {
  background-color: #F8F8F6;
}
.bg-color-gray4 {
  background-color: #ebe9e5;
}
.z-0 {
  z-index: 0 !important;
}
.z-1 {
  z-index: 1 !important;
}
.z-2 {
  z-index: 2 !important;
}
.z-3 {
  z-index: 3 !important;
}
.z-4 {
  z-index: 4 !important;
}
.z-5 {
  z-index: 5 !important;
}
.z-6 {
  z-index: 6 !important;
}
.z-7 {
  z-index: 7 !important;
}
.z-8 {
  z-index: 8 !important;
}
.z-9 {
  z-index: 9 !important;
}
.z-10 {
  z-index: 10 !important;
}
.z-11 {
  z-index: 11 !important;
}
.z-12 {
  z-index: 12 !important;
}
.z-13 {
  z-index: 13 !important;
}
.z-14 {
  z-index: 14 !important;
}
.z-15 {
  z-index: 15 !important;
}
.z-16 {
  z-index: 16 !important;
}
.z-17 {
  z-index: 17 !important;
}
.z-18 {
  z-index: 18 !important;
}
.z-19 {
  z-index: 19 !important;
}
.z-20 {
  z-index: 20 !important;
}
.header {
  z-index: 100;
  background-color: #222222;
  max-width: 1920px;
  transition: transform 0.5s ease-in-out, height 0.5s ease-in-out;
}
.header.has-wpadminbar {
  top: 32px;
}
@media only screen and (max-width: 1023px) {
  .header.has-wpadminbar {
    top: 0;
  }
}
@media only screen and (max-width: 1023px) {
  .header {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
}
.header.hss-scroll .header__nav {
  top: calc(-120rem * 1 / 18);
}
.header__nav {
  z-index: 100;
  position: fixed;
  top: 0;
  left: 50%;
  transform: translateX(-50%) translateY(0);
  height: var(--header-height);
  width: 100%;
  display: grid;
  grid-template-columns: 2.604% repeat(24, 1fr) 2.604%;
  column-gap: calc(20rem * 1 / 18);
  place-items: center;
  background-color: #222222;
  transition: top 0.3s ease-in-out;
  box-shadow: 0px 10px 20px 0px rgba(34, 34, 34, 0.2);
  border-bottom: calc(1rem * 1 / 18) solid rgba(171, 173, 165, 0.5);
}
@media only screen and (max-width: 1023px) {
  .header__nav {
    grid-template-columns: repeat(12, 1fr);
    column-gap: 20px;
  }
}
@media only screen and (max-width: 600px) {
  .header__nav {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media only screen and (max-width: 1023px) {
  .header__nav.index-1000 {
    z-index: 1000;
  }
}
@media only screen and (max-width: 1023px) {
  .header__nav {
    height: 80px;
    padding-left: 32px;
    padding-right: 32px;
    border-bottom: 1px solid rgba(171, 173, 165, 0.5);
  }
}
@media only screen and (max-width: 600px) {
  .header__nav {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.header__nav.border {
  border-bottom: 1px solid rgba(171, 173, 165, 0.5);
}
.header__big {
  display: none;
}
.header.home {
  height: calc(600rem * 1 / 18);
  transition: height 0.5s ease-in-out;
  position: relative;
  margin-top: calc(-120rem*1 / 18);
  grid-template-rows: calc(120rem*1 / 18) 1fr;
  background-color: #222222;
}
@media only screen and (max-width: 1023px) {
  .header.home {
    height: auto;
  }
}
.header.home .header__logo {
  display: none;
}
.header.home .header__logo.scrolled {
  display: block !important;
}
.header.home .header__nav {
  background-color: #222222;
  z-index: 100;
  border-bottom: none;
}
.header.home .header__nav.scrolled {
  background-color: #222222;
  border-bottom: calc(1rem * 1 / 18) solid rgba(171, 173, 165, 0.5);
}
.header.home .header__nav.scrolled .header__contact-button--icon {
  transform: translateY(calc(1rem * 1 / 18));
}
@media only screen and (max-width: 1023px) {
  .header.home .header__nav {
    background-color: #222222;
  }
  .header.home .header__nav.index-1000 {
    z-index: 1000;
  }
}
.header.home .header__big {
  height: calc(600rem * 1 / 18);
  display: flex;
  justify-content: space-between;
  align-items: end;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 50px 100px 50px 70px;
}
@media only screen and (max-width: 1120px) {
  .header.home .header__big {
    height: calc(750rem * 1 / 18);
  }
}
@media only screen and (max-width: 1023px) {
  .header.home .header__big {
    display: block;
    height: auto;
    position: relative;
    padding: 20px;
    padding-bottom: 50px;
    transition: max-height 0.5s ease-out;
  }
}
.header.home .header__big-logo {
  width: calc(855rem * 1 / 18);
  height: calc(325rem * 1 / 18);
  position: relative;
  z-index: 999;
}
@media only screen and (max-width: 1023px) {
  .header.home .header__big-logo {
    display: block;
    width: fit-content;
    height: 200px;
    margin: 50px 0;
  }
}
.header.home .header__big-logo img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.header.home .header__big-text {
  opacity: 100%;
  visibility: visible;
  width: calc(600rem * 1 / 18);
  color: #DEDBD4;
  margin-left: -20px;
  transition: opacity 0.05s ease-in-out;
  will-change: opacity;
  position: fixed;
  left: 64%;
}
@media only screen and (max-width: 1120px) {
  .header.home .header__big-text {
    top: calc(200rem * 1 / 18);
  }
}
@media only screen and (max-width: 1023px) {
  .header.home .header__big-text {
    display: block;
    position: relative;
    top: 0;
    width: 90%;
    margin: 0;
    transition: max-height 0.5s ease-out;
    left: 0;
  }
}
.header.home .header__big-text h3 {
  font-size: calc(48rem * 1 / 18);
  line-height: 1.2;
  margin-bottom: 20px;
  font-family: "Saira Semi Condensed", sans-serif;
  font-weight: 500;
  font-style: normal;
  color: #abada5;
}
@media only screen and (max-width: 600px) {
  .header.home .header__big-text h3 {
    font-size: 20px;
    text-transform: uppercase;
  }
}
.header.home .header__big-text p {
  font-family: "Rajdhani", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: calc(20rem * 1 / 18);
  line-height: calc(32rem * 1 / 18);
  transition: opacity 0.3s ease-in-out;
  margin-bottom: 0;
  color: #abada5;
  letter-spacing: calc(0.4rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .header.home .header__big-text p {
    font-size: 20px;
    line-height: 23.6px;
  }
}
@media only screen and (max-width: 600px) {
  .header.home .header__big-text p {
    font-size: 18px;
  }
}
.header.home .header__big-button {
  position: relative;
  z-index: 1;
  margin: calc(30rem * 1 / 18) 0 0;
  width: fit-content;
  display: flex;
  align-items: center;
  gap: calc(15rem * 1 / 18);
  padding: calc(4rem * 1 / 18) calc(18rem * 1 / 18) calc(4rem * 1 / 18) calc(18rem * 1 / 18);
  border-radius: calc(6rem * 1 / 18);
  outline: none;
  border: calc(2rem * 1 / 18) solid #F1B53D;
  background-color: transparent;
  cursor: pointer;
  text-decoration: none;
  color: #DEDBD4;
}
@media only screen and (max-width: 1400px) {
  .header.home .header__big-button {
    padding: 4px 18px 4px 18px;
    border-radius: 6px;
    border: 2px solid #F1B53D;
    gap: 8px;
    width: fit-content;
    margin-top: 20px;
  }
}
@media only screen and (max-width: 1023px) {
  .header.home .header__big-button {
    opacity: 1 !important;
  }
}
.header.home .header__big-button:hover {
  background-color: #F1B53D;
}
.header.home .header__big-button:hover > span {
  color: #222222;
}
.header.home .header__big-button > span {
  font-size: calc(20rem * 1 / 18);
  line-height: normal;
  letter-spacing: calc(0.4rem * 1 / 18);
  text-transform: uppercase;
  color: #DEDBD4;
  white-space: nowrap;
  transform: translateY(calc(1rem * 1 / 18));
  font-family: "Saira Semi Condensed", sans-serif;
  font-weight: 500;
  font-style: normal;
}
.header.home .header__big-button > span.light {
  color: white;
}
@media only screen and (max-width: 1023px) {
  .header.home .header__big-button > span {
    font-size: 20px;
    line-height: normal;
    letter-spacing: 0.4px;
  }
}
@media only screen and (max-width: 1023px) {
  .header.home .header__big-button > span {
    transform: translateY(1px);
  }
}
.header.home .header__menu {
  position: fixed;
  /* Fix menu position */
  top: 0;
  left: 0;
  width: 100%;
  height: calc(120rem*1 / 18);
  z-index: 1000;
  /* Ensure it stays on top */
  align-self: flex-start;
  transition: height 0.5s ease-in-out;
}
.header.home .header__contact {
  align-self: center;
}
.header__overlay {
  background-color: #373938;
  opacity: 0.5;
  position: fixed;
  top: var(--header-height);
  left: 0;
  width: 100%;
  height: 100vh;
  z-index: 2;
  display: none;
}
.header__overlay.show {
  display: block;
}
.header__logo {
  width: calc(149.33rem * 1 / 18);
  height: calc(56.88rem * 1 / 18);
  grid-column: 2 / span 3;
  position: relative;
  justify-self: flex-start;
  transition: all 0.25s ease-out;
}
@media only screen and (max-width: 1023px) {
  .header__logo {
    grid-column: 1 / 5;
    width: 186.634px;
    height: 40px;
  }
}
@media only screen and (max-width: 600px) {
  .header__logo {
    grid-column: 1 / span 2;
    width: 92px;
  }
}
.header__logo img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.header__menu {
  width: 100%;
  height: 100%;
  grid-column: 7 / span 12;
  transition: height 0.5s ease-in-out;
  transition: all 0.25s ease-out;
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 1400px) {
  .header__menu {
    grid-column: 5 / 21;
    padding: 0 8px;
    height: inherit;
  }
}
@media only screen and (max-width: 1280px) {
  .header__menu {
    grid-column: 5 / 20;
    padding-right: 0;
  }
}
@media only screen and (max-width: 1023px) {
  .header__menu {
    display: none;
  }
}
.header__menu-background {
  position: fixed;
  top: var(--header-height);
  height: calc(340rem * 1 / 18);
  left: 0;
  width: 100%;
  background-color: #373938;
  z-index: 3;
  display: none;
}
.header__menu-background.active {
  display: block;
  transition: all 0.25s ease-out;
}
.header__menu > .menu-main-menu-container {
  width: 90%;
  height: 100%;
}
@media only screen and (max-width: 1023px) {
  .header__menu > .menu-main-menu-container {
    display: none;
  }
}
.header__menu > .menu-main-menu-container > .menu {
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
  gap: calc(70rem * 1 / 18);
  position: relative;
  height: inherit;
}
@media only screen and (max-width: 1023px) {
  .header__menu > .menu-main-menu-container > .menu {
    gap: 8px;
    margin-top: 8px;
  }
}
.header__menu > .menu-main-menu-container > .menu > .menu-item.menu-item-has-children {
  padding: calc(48rem * 1 / 18) calc(10rem * 1 / 18) calc(40rem * 1 / 18) !important;
  margin-right: 0 !important;
}
.header__menu > .menu-main-menu-container > .menu > .menu-item.menu-item-has-children.less-pl {
  padding: calc(48rem * 1 / 18) calc(10rem * 1 / 18) calc(40rem * 1 / 18) calc(0rem * 1 / 18);
}
.header__menu > .menu-main-menu-container > .menu > .menu-item.menu-item-has-children > a {
  position: relative;
  cursor: pointer;
}
.header__menu > .menu-main-menu-container > .menu > .menu-item.menu-item-has-children > a::after {
  content: "";
  display: block;
  width: calc(15rem * 1 / 18);
  height: calc(11rem * 1 / 18);
  background-image: url(../images/icons/arrow-down-gray.svg);
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  right: calc(-25rem * 1 / 18);
  top: 50%;
  transform: translateY(-50%);
  background-color: transparent;
  transition: all 0.25s ease-out;
}
.header__menu > .menu-main-menu-container > .menu > .menu-item.menu-item-has-children.active > a::after {
  opacity: 0.8;
}
.header__menu > .menu-main-menu-container > .menu > .menu-item {
  padding: calc(48rem * 1 / 18) calc(0rem * 1 / 18) calc(40rem * 1 / 18) calc(10rem * 1 / 18) !important;
  margin-right: calc(-10rem * 1 / 18) !important;
  position: relative;
  transition: all 0.25s ease-out;
  height: inherit;
}
.header__menu > .menu-main-menu-container > .menu > .menu-item.less-pl {
  padding: calc(48rem * 1 / 18) calc(0rem * 1 / 18) calc(40rem * 1 / 18) calc(0rem * 1 / 18);
}
.header__menu > .menu-main-menu-container > .menu > .menu-item.active::after {
  content: "";
  display: block;
  position: absolute;
  width: calc(100% + 20px);
  height: 2px;
  background-color: #F8F8F6;
  transition: all 0.25s ease-out;
  bottom: calc(-2rem * 1 / 18);
  left: 0;
  z-index: 23;
}
.header__menu > .menu-main-menu-container > .menu > .menu-item > a {
  font-family: "Saira Semi Condensed", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: calc(16rem * 1 / 18);
  line-height: normal;
  color: #DEDBD4;
  letter-spacing: calc(0.4rem * 1 / 18);
  text-transform: uppercase;
  transition: all 0.25s ease-out;
  text-decoration: none;
}
.header__menu > .menu-main-menu-container > .menu > .menu-item > a.light {
  color: white;
}
@media only screen and (max-width: 1900px) {
  .header__menu > .menu-main-menu-container > .menu > .menu-item > a {
    font-size: calc(18rem * 1 / 18);
    letter-spacing: 0.4px;
  }
}
@media only screen and (max-width: 1023px) {
  .header__menu > .menu-main-menu-container > .menu > .menu-item > a {
    font-size: 16px;
    line-height: normal;
  }
}
.header__menu > .menu-main-menu-container > .menu > .menu-item > a:hover {
  opacity: 0.8;
}
.header__menu > .menu-main-menu-container > .menu > .menu-item > .sub-menu {
  display: none;
  position: fixed;
  height: calc(330rem * 1 / 18);
  top: var(--header-height);
  z-index: 3;
  padding-top: calc(39rem * 1 / 18);
  padding-bottom: calc(78rem * 1 / 18);
  transition: all 0.25s ease-out;
}
.header__menu > .menu-main-menu-container > .menu > .menu-item > .sub-menu.active {
  display: block;
}
.header__menu > .menu-main-menu-container > .menu > .menu-item > .sub-menu a {
  font-family: "Saira Semi Condensed", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: calc(16rem * 1 / 18);
  line-height: normal;
  color: #DEDBD4;
  text-decoration: none;
  transition: all 0.25s ease-out;
}
.header__menu > .menu-main-menu-container > .menu > .menu-item > .sub-menu a.light {
  color: white;
}
@media only screen and (max-width: 1900px) {
  .header__menu > .menu-main-menu-container > .menu > .menu-item > .sub-menu a {
    font-size: calc(18rem * 1 / 18);
  }
}
@media only screen and (max-width: 1023px) {
  .header__menu > .menu-main-menu-container > .menu > .menu-item > .sub-menu a {
    font-size: 16px;
    line-height: normal;
  }
}
.header__menu > .menu-main-menu-container > .menu > .menu-item > .sub-menu > li {
  padding: calc(20rem * 1 / 18) calc(10rem * 1 / 18) calc(20rem * 1 / 18) calc(10rem * 1 / 18);
  border-bottom: calc(1rem * 1 / 18) solid rgba(171, 173, 165, 0.5);
  cursor: pointer;
  transition: all 0.25s ease-out;
  width: calc(264rem * 1 / 18);
}
.header__menu > .menu-main-menu-container > .menu > .menu-item > .sub-menu > li.hover > a {
  color: #F1B53D;
}
.header__menu > .menu-main-menu-container > .menu > .menu-item > .sub-menu > #menu-item-201 {
  display: flex;
  gap: calc(79.5rem * 1 / 18);
  border-bottom: none;
  width: unset;
  padding: 0;
}
.header__menu > .menu-main-menu-container > .menu > .menu-item > .sub-menu > #menu-item-201 > a {
  padding: calc(20rem * 1 / 18) calc(0rem * 1 / 18) calc(20rem * 1 / 18) calc(0rem * 1 / 18);
  height: fit-content;
  transition: all 0.25s ease-out;
}
.header__menu > .menu-main-menu-container > .menu > .menu-item > .sub-menu > #menu-item-201 > a:hover {
  color: #F1B53D;
}
.header__menu > .menu-main-menu-container > .menu > .menu-item > .sub-menu > #menu-item-201 > .sub-menu {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: calc(50rem * 1 / 18);
}
.header__menu > .menu-main-menu-container > .menu > .menu-item > .sub-menu > #menu-item-201 > .sub-menu > li:nth-child(2n+1) {
  grid-column: 1 / 2;
  width: calc(287rem * 1 / 18);
}
.header__menu > .menu-main-menu-container > .menu > .menu-item > .sub-menu > #menu-item-201 > .sub-menu > li:nth-child(2n+2) {
  grid-column: 2 / 3;
  width: calc(264rem * 1 / 18);
}
.header__menu > .menu-main-menu-container > .menu > .menu-item > .sub-menu > #menu-item-201 > .sub-menu > li {
  padding: calc(20rem * 1 / 18) calc(0rem * 1 / 18) calc(20rem * 1 / 18) calc(10rem * 1 / 18);
  border-bottom: calc(1rem * 1 / 18) solid rgba(171, 173, 165, 0.5);
  cursor: pointer;
  transition: all 0.25s ease-out;
}
.header__menu > .menu-main-menu-container > .menu > .menu-item > .sub-menu > #menu-item-201 > .sub-menu > li:hover > a {
  color: #F1B53D;
}
.header__menu .header__languages {
  width: 10%;
}
.header__menu .header__languages-language {
  font-family: "Saira Semi Condensed", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: calc(16rem * 1 / 18);
  line-height: normal;
  color: #DEDBD4;
  letter-spacing: calc(0.4rem * 1 / 18);
  text-transform: uppercase;
  transition: all 0.25s ease-out;
  text-decoration: none;
  cursor: pointer;
}
.header__menu .header__languages-language.light {
  color: white;
}
@media only screen and (max-width: 1900px) {
  .header__menu .header__languages-language {
    font-size: calc(18rem * 1 / 18);
    letter-spacing: 0.4px;
  }
}
@media only screen and (max-width: 1023px) {
  .header__menu .header__languages-language {
    font-size: 16px;
    line-height: normal;
  }
}
.header__contact {
  grid-column: 22 / span 4;
  display: flex;
  gap: calc(20rem * 1 / 18);
  width: 100%;
  justify-content: flex-end;
  transition: all 0.25s ease-out;
}
@media only screen and (max-width: 1023px) {
  .header__contact {
    gap: 24px;
    margin-top: 8px;
    display: none;
  }
}
.header__contact-login {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: calc(10rem * 1 / 18);
  padding: calc(4rem * 1 / 18) calc(18rem * 1 / 18) calc(4rem * 1 / 18) calc(18rem * 1 / 18);
  border-radius: calc(6rem * 1 / 18);
  outline: none;
  border: calc(2rem * 1 / 18) solid #F1B53D;
  background-color: transparent;
  text-decoration: none;
  transition: all 0.25s ease-out;
  cursor: pointer;
}
@media only screen and (max-width: 1023px) {
  .header__contact-login {
    border: 2px solid #F1B53D;
  }
}
.header__contact-login > span {
  font-family: "Saira Semi Condensed", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: calc(20rem * 1 / 18);
  line-height: normal;
  letter-spacing: calc(0.4rem * 1 / 18);
  text-transform: uppercase;
  color: #DEDBD4;
  white-space: nowrap;
  text-decoration: none;
  transform: translateY(calc(1rem * 1 / 18));
}
.header__contact-login > span.light {
  color: white;
}
@media only screen and (max-width: 1023px) {
  .header__contact-login > span {
    font-size: 20px;
    line-height: normal;
    letter-spacing: 0.4px;
  }
}
@media only screen and (max-width: 1023px) {
  .header__contact-login > span {
    transform: translateY(1px);
  }
}
.header__contact-login:hover {
  background-color: #F1B53D;
}
.header__contact-login:hover > span {
  color: #222222;
}
.header__contact-login:hover .header__contact-button--icon svg path {
  stroke: #222222;
}
.header__contact-button {
  display: flex;
  align-items: center;
  gap: calc(15rem * 1 / 18);
  padding: calc(4rem * 1 / 18) calc(18rem * 1 / 18) calc(4rem * 1 / 18) calc(18rem * 1 / 18);
  border-radius: calc(6rem * 1 / 18);
  outline: none;
  border: calc(2rem * 1 / 18) solid #F1B53D;
  background-color: transparent;
  cursor: pointer;
  text-decoration: none;
  color: #DEDBD4;
  transition: all 0.25s ease-out;
}
@media only screen and (max-width: 1023px) {
  .header__contact-button {
    padding: 4px 18px 4px 18px;
    border-radius: 6px;
    border: 2px solid #F1B53D;
    gap: 8px;
    width: fit-content;
  }
}
.header__contact-button:hover {
  background-color: #F1B53D;
}
.header__contact-button:hover > span {
  color: #222222;
}
.header__contact-button > span {
  font-family: "Saira Semi Condensed", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: calc(20rem * 1 / 18);
  line-height: normal;
  letter-spacing: calc(0.4rem * 1 / 18);
  text-transform: uppercase;
  color: #DEDBD4;
  white-space: nowrap;
  transform: translateY(calc(1rem * 1 / 18));
}
.header__contact-button > span.light {
  color: white;
}
@media only screen and (max-width: 1023px) {
  .header__contact-button > span {
    font-size: 20px;
    line-height: normal;
    letter-spacing: 0.4px;
  }
}
@media only screen and (max-width: 1023px) {
  .header__contact-button > span {
    transform: translateY(1px);
  }
}
.header__contact-button--icon {
  width: calc(39.833rem * 1 / 18);
  height: calc(22.073rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .header__contact-button--icon {
    height: 22.073px;
    min-height: 20px;
    min-width: 39.833px;
  }
}
.header__contact-button--icon svg {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.header__text {
  opacity: 0;
  visibility: hidden;
  width: 0;
  height: 0;
}
.header__hamburger {
  display: none;
  width: 40px;
  height: 26px;
  position: relative;
  cursor: pointer;
}
@media only screen and (max-width: 1023px) {
  .header__hamburger {
    display: flex;
    flex-direction: column;
    grid-column: 12 / span 1;
    justify-self: end;
  }
}
@media only screen and (max-width: 600px) {
  .header__hamburger {
    grid-column: 4 / span 1;
  }
}
.header__hamburger > span {
  width: 100%;
  height: 2px;
  background-color: #DEDBD4;
  position: absolute;
  left: 0;
}
.header__hamburger > span:first-of-type {
  top: 0;
  transition: all 0.25s ease-out;
}
.header__hamburger > span:nth-of-type(2) {
  top: 50%;
  transform: translateY(-50%);
}
.header__hamburger > span:last-of-type {
  bottom: 0;
  transition: all 0.25s ease-out;
}
.header__hamburger.open > span:first-of-type {
  top: 50%;
  transform: translateY(-50%) rotate(45deg);
}
.header__hamburger.open > span:nth-of-type(2) {
  opacity: 0;
}
.header__hamburger.open > span:last-of-type {
  bottom: 50%;
  transform: translateY(50%) rotate(-45deg);
}
.header__mobile {
  display: none;
  position: fixed;
  top: 100%;
  left: -100%;
  background-color: #373938;
  width: 100%;
  max-width: 375px;
  height: calc(100vh - 100%);
  z-index: 1000;
  padding: 20px 0 45px 0;
  overflow-x: hidden;
  overflow-y: auto;
  transition: all 0.25s ease-out;
}
@media only screen and (max-width: 1023px) {
  .header__mobile {
    display: flex;
    flex-direction: column;
  }
}
.header__mobile.open {
  left: 0;
}
.header__mobile > .menu-mobile-menu-container > .menu {
  display: flex;
  flex-direction: column;
}
.header__mobile > .menu-mobile-menu-container > .menu > .menu-item {
  display: flex;
  flex-direction: column;
  cursor: pointer;
  border-bottom: 1px solid rgba(171, 173, 165, 0.5);
}
.header__mobile > .menu-mobile-menu-container > .menu > .menu-item > a {
  font-family: "Saira Semi Condensed", sans-serif;
  font-weight: 500;
  font-style: normal;
  letter-spacing: 0.4px;
  font-size: 20px;
  line-height: normal;
  text-transform: uppercase;
  transition: all 0.25s ease-out;
  text-decoration: none;
  color: #DEDBD4;
  padding: 20px;
}
.header__mobile > .menu-mobile-menu-container > .menu > .menu-item > a:hover {
  opacity: 0.8;
}
.header__mobile > .menu-mobile-menu-container > .menu > .menu-item.menu-item-has-children > a {
  position: relative;
  transition: all 0.25s ease-out;
}
.header__mobile > .menu-mobile-menu-container > .menu > .menu-item.menu-item-has-children > a::after {
  content: "";
  display: block;
  width: 15px;
  height: 15px;
  background-image: url(../images/icons/plus.svg);
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  background-color: transparent;
}
.header__mobile > .menu-mobile-menu-container > .menu > .menu-item.menu-item-has-children.open > a {
  color: #F1B53D;
  border-bottom: 1px solid rgba(171, 173, 165, 0.5);
}
.header__mobile > .menu-mobile-menu-container > .menu > .menu-item.menu-item-has-children.open > a::after {
  background-image: url(../images/icons/minus.svg);
  transform: translateY(-2%);
}
.header__mobile > .menu-mobile-menu-container > .menu > .menu-item > .sub-menu {
  display: flex;
  flex-direction: column;
  padding: 4px 0px 15px 0px;
}
.header__mobile > .menu-mobile-menu-container > .menu > .menu-item > .sub-menu > .menu-item {
  display: flex;
  flex-direction: column;
  border-bottom: 1px solid rgba(171, 173, 165, 0.5);
}
.header__mobile > .menu-mobile-menu-container > .menu > .menu-item > .sub-menu > .menu-item:last-of-type {
  border-bottom: none;
}
.header__mobile > .menu-mobile-menu-container > .menu > .menu-item > .sub-menu > .menu-item > a {
  font-family: "Saira Semi Condensed", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 20px;
  line-height: normal;
  letter-spacing: 0.4px;
  text-transform: capitalize;
  transition: all 0.25s ease-out;
  text-decoration: none;
  color: #DEDBD4;
  padding: 12px 40px 12px 50px;
}
.header__mobile > .menu-mobile-menu-container > .menu > .menu-item > .sub-menu > .menu-item > a:hover {
  opacity: 0.8;
}
.header__mobileContact {
  display: none;
}
@media only screen and (max-width: 1023px) {
  .header__mobileContact {
    display: block;
    padding-left: 32px;
  }
  .header__mobileContact-button {
    margin-top: 91px;
    height: 44px;
    border-radius: 6px;
    padding: 0px 20px 0px 20px;
    width: fit-content;
  }
  .header__mobileContact-login {
    margin-top: 20px;
    display: flex;
    width: fit-content;
    gap: 10px;
    height: 44px;
    border-radius: 6px;
    padding: 0px 20px 0px 20px;
  }
}
@media only screen and (max-width: 600px) {
  .header__mobileContact {
    padding-left: 20px;
  }
}
.header.light-mode-on {
  background-color: #FFFFFF;
}
.header.light-mode-on .header__nav {
  background-color: #fff;
  border-bottom: calc(1rem * 1 / 18) solid rgba(171, 173, 165, 0.5);
}
.header.light-mode-on .header__menu > .menu-main-menu-container > .menu > .menu-item > a {
  color: #373938;
}
.header.light-mode-on .header__menu > .menu-main-menu-container > .menu > .menu-item .sub-menu > a {
  color: #373938;
}
.header.light-mode-on .menu > .menu-item.menu-item-has-children > a {
  position: relative;
}
.header.light-mode-on .menu > .menu-item.menu-item-has-children > a::before {
  background-image: url(../images/icons/arrow-down-black.svg);
}
.header.light-mode-on .menu > .menu-item.menu-item-has-children.active > a {
  color: #F1B53D;
}
.header.light-mode-on .menu > .menu-item.menu-item-has-children.active > a::before {
  background-image: url(../images/icons/arrow-down-yellow.svg);
}
.header.light-mode-on .menu > .menu-item.active::after {
  background-color: #373938;
}
.header.light-mode-on .header__menu-background {
  background-color: #F8F8F6;
}
.header.light-mode-on .menu > .menu-item > .sub-menu a {
  color: #373938;
}
.header.light-mode-on .menu > .menu-item > .sub-menu > li,
.header.light-mode-on .menu > .menu-item > .sub-menu > #menu-item-201 > .sub-menu > li {
  border-bottom: calc(1rem * 1 / 18) solid #abada5;
}
.header.light-mode-on .header__contact-button > span,
.header.light-mode-on .header__contact-login > span {
  color: #373938;
}
.header.light-mode-on .header__mobile {
  background-color: #F8F8F6;
}
.header.light-mode-on .header__mobile > .menu-mobile-menu-container > .menu > .menu-item > a {
  color: #373938;
}
.header.light-mode-on .header__mobile > .menu-mobile-menu-container > .menu > .menu-item > .sub-menu > .menu-item > a {
  color: #373938;
}
.header.light-mode-on .header__mobile > .menu-mobile-menu-container > .menu > .menu-item.menu-item-has-children > a::after {
  background-image: url(../images/icons/plus-charcoal.svg);
}
.header.light-mode-on .header__mobile > .menu-mobile-menu-container > .menu > .menu-item.menu-item-has-children.open > a::after {
  background-image: url(../images/icons/minus-charcoal.svg);
}
.header.light-mode-on .header__mobile > .menu-mobile-menu-container > .menu > .menu-item.menu-item-has-children.open > a {
  color: #F1B53D;
}
.header.light-mode-on .header__hamburger > span {
  background-color: #373938;
}
.header.light-mode-on .header__languages-language {
  color: #373938;
}
#book-a-call {
  position: fixed;
  z-index: 999;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: top;
}
.fancybox-content {
  width: 100%;
  height: 100%;
  overflow: hidden !important;
  background: rgba(0, 0, 0, 0.1) !important;
}
.fancybox-close-small {
  color: #F8F8F6 !important;
  right: 60px !important;
  top: 60px !important;
  transform: scale(2);
}
@media only screen and (max-width: 800px) {
  .fancybox-close-small {
    right: 44px !important;
    top: 44px !important;
  }
}
.iwa_get_quote_promo_button {
  font-family: "Rajdhani", sans-serif;
  font-weight: 600;
  font-style: normal;
  display: none !important;
}
@media only screen and (max-width: 1023px) {
  .iwa_get_quote_promo_button {
    left: auto !important;
    right: 20px;
    width: fit-content;
  }
}
.gform_confirmation_message {
  font-size: calc(20rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .gform_confirmation_message {
    font-size: 16px;
  }
}
#languageModalContainer {
  position: fixed;
  background-color: #fff !important;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  border-radius: calc(5rem * 1 / 18);
  padding: calc(50rem * 1 / 18);
  font-family: "Rajdhani", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: calc(16rem * 1 / 18);
  line-height: 1.4;
  color: #222222;
  width: 90%;
  max-width: calc(850rem * 1 / 18);
  z-index: 100;
  height: auto;
}
@media only screen and (max-width: 1400px) {
  #languageModalContainer {
    font-size: 14px;
    line-height: 18px;
  }
}
@media only screen and (max-width: 1023px) {
  #languageModalContainer {
    border-radius: 5px;
    padding: 30px !important;
    max-width: 100%;
  }
}
@media only screen and (max-width: 600px) {
  #languageModalContainer {
    padding: 50px 30px !important;
  }
}
@media only screen and (max-width: 1023px) {
  #languageModalContainer {
    font-size: 20px;
    padding: 20px;
  }
}
#languageModalContainer .fancybox-button {
  color: #abada5 !important;
  width: 50px;
  height: 50px;
  top: 20px !important;
  right: 20px !important;
}
@media only screen and (max-width: 1023px) {
  #languageModalContainer .fancybox-button {
    width: 30px;
    height: 30px;
    padding: 5px;
  }
}
#languageModalContainer .fancybox-slide--html .fancybox-close-small {
  color: #abada5;
}
#google_translate_element img {
  width: auto !important;
  height: auto !important;
}
.languageModalContainer-inner h2 {
  font-family: "Rajdhani", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: calc(28rem * 1 / 18);
  line-height: calc(36rem * 1 / 18);
  margin-bottom: calc(20rem * 1 / 18);
  letter-spacing: normal;
}
.languageModalContainer-inner h2.light {
  color: white;
}
@media only screen and (max-width: 1400px) {
  .languageModalContainer-inner h2 {
    font-size: 16px;
    line-height: 30px;
    margin-bottom: 12px;
    letter-spacing: 0.5px;
  }
}
.languageModalContainer-inner h2 a {
  text-decoration: none;
  color: inherit;
}
.languageModalContainer-inner p {
  margin: calc(30rem * 1 / 18) 0;
  color: #373938;
  font-family: "Rajdhani", sans-serif;
  font-weight: 500;
  font-size: calc(20rem * 1 / 18);
  font-style: normal;
  line-height: 150%;
  /* 30px */
  letter-spacing: calc(0.4rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .languageModalContainer-inner p {
    font-size: 20px;
    letter-spacing: 0.4px;
    line-height: 150%;
  }
}
@media only screen and (max-width: 600px) {
  .languageModalContainer-inner p {
    font-size: 18px;
  }
}
.languageModalContainer-inner .goog-te-gadget-simple {
  width: 400px;
  height: 70px;
  border: none;
  border-bottom: calc(1rem * 1 / 18) solid #373938;
  font-family: "Rajdhani", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: calc(16rem * 1 / 18);
  line-height: 1.4;
}
@media only screen and (max-width: 1400px) {
  .languageModalContainer-inner .goog-te-gadget-simple {
    font-size: 14px;
    line-height: 18px;
  }
}
.languageModalContainer-inner .goog-te-gadget-simple span {
  width: 100%;
}
.languageModalContainer-inner .goog-te-gadget-simple span a {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.languageModalContainer-inner .goog-te-gadget-simple span a span {
  border: none !important;
  color: #abada5 !important;
}
.languageModalContainer-inner .goog-te-gadget-simple span a span:nth-of-type(3) {
  width: 30px;
  position: relative;
}
.languageModalContainer-inner .goog-te-gadget-simple span a span:nth-of-type(3)::before {
  content: ">";
  font-family: "Rajdhani", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: calc(24rem * 1 / 18);
  line-height: calc(38rem * 1 / 18);
  color: #373938;
  position: absolute;
  right: calc(0rem * 1 / 18);
  top: calc(40%);
  transform: rotate(90deg);
  width: calc(18rem * 1 / 18);
  height: calc(15rem * 1 / 18);
  background-color: #fff;
  background-image: url(../../../images/icons/arrow-down-black.svg);
  background-size: contain;
  background-repeat: no-repeat;
  z-index: 9;
}
.languageModalContainer-inner .goog-te-gadget-simple span a span:nth-of-type(3)::before.light {
  color: white;
}
@media only screen and (max-width: 1023px) {
  .languageModalContainer-inner .goog-te-gadget-simple span a span:nth-of-type(3)::before {
    font-size: 24px;
    line-height: 38px;
    margin-bottom: 20px;
  }
}
.languageModalContainer-inner .custom-lang-switcher {
  display: flex;
  margin-top: 20px;
}
@media only screen and (max-width: 600px) {
  .languageModalContainer-inner .custom-lang-switcher {
    flex-direction: column;
  }
}
.languageModalContainer-inner .custom-lang-switcher button {
  background-color: #fff;
  border: calc(1rem * 1 / 18) solid #009C49;
  padding: calc(10rem * 1 / 18) calc(15rem * 1 / 18);
  color: #009C49;
  border-radius: calc(5rem * 1 / 18);
  font-family: "Rajdhani", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: calc(16rem * 1 / 18);
  line-height: 1.4;
  margin-right: calc(10rem * 1 / 18);
}
@media only screen and (max-width: 1400px) {
  .languageModalContainer-inner .custom-lang-switcher button {
    font-size: 14px;
    line-height: 18px;
  }
}
@media only screen and (max-width: 1023px) {
  .languageModalContainer-inner .custom-lang-switcher button {
    margin-right: 10px;
    margin-bottom: 10px;
    padding: 10px 15px;
    border: 1px solid #009C49;
    border-radius: 5px;
  }
}
.languageModalContainer-inner .custom-lang-switcher button:hover {
  background-color: #009C49;
  color: #fff;
}
.VIpgJd-ZVi9od-ORHb-OEVmcd.skiptranslate {
  visibility: hidden !important;
}
.header__nav-language.header__languages.mobile {
  display: none;
}
@media only screen and (max-width: 1023px) {
  .header__nav-language.header__languages.mobile {
    display: block;
    height: 70px;
    padding-top: 20px;
  }
}
.header__nav-language--link {
  font-family: "Saira Semi Condensed", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: calc(20rem * 1 / 18);
  line-height: normal;
  letter-spacing: calc(0.4rem * 1 / 18);
  text-transform: uppercase;
  color: #DEDBD4;
  white-space: nowrap;
  padding: 20px;
  transform: translateY(calc(1rem * 1 / 18));
}
.header__nav-language--link.light {
  color: white;
}
@media only screen and (max-width: 1023px) {
  .header__nav-language--link {
    font-size: 20px;
    line-height: normal;
    letter-spacing: 0.4px;
  }
}
@media only screen and (max-width: 1023px) {
  .header__nav-language--link {
    transform: translateY(1px);
  }
}
.footer {
  position: relative;
  display: grid;
  grid-template-columns: 2.604% repeat(24, 1fr) 2.604%;
  column-gap: calc(20rem * 1 / 18);
  margin: 0 auto;
  max-width: 1920px;
  background-color: #373938;
  min-height: calc(400rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .footer {
    grid-template-columns: repeat(12, 1fr);
    column-gap: 20px;
  }
}
@media only screen and (max-width: 600px) {
  .footer {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media only screen and (max-width: 1023px) {
  .footer {
    min-height: 400px;
    height: auto;
    background-color: #222222;
  }
}
.footer__top {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: 2.604% repeat(24, 1fr) 2.604%;
  column-gap: calc(20rem * 1 / 18);
  background: linear-gradient(270deg, #009C49 -31.35%, #076B3B 36.54%);
  height: calc(220rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .footer__top {
    grid-template-columns: repeat(12, 1fr);
    column-gap: 20px;
  }
}
@media only screen and (max-width: 600px) {
  .footer__top {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media only screen and (max-width: 1023px) {
  .footer__top {
    height: 100%;
    min-height: 220px;
    padding: 38px 20px;
  }
}
.footer__bottom {
  grid-column: 2 / span 24;
  display: grid;
  grid-template-columns: repeat(24, 1fr);
  column-gap: calc(20rem * 1 / 18);
  height: calc(381rem * 1 / 18);
  padding-top: calc(85rem * 1 / 18);
  padding-bottom: calc(56rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .footer__bottom {
    grid-column: 1 / -1;
    padding: 60px 20px 40px 22px;
    grid-template-columns: repeat(12, 1fr);
    column-gap: 20px;
    row-gap: 40px;
    height: 100%;
    min-height: 381px;
    border-top: 2px solid #FFFFFF;
  }
}
@media only screen and (max-width: 600px) {
  .footer__bottom {
    grid-template-columns: repeat(4, 1fr);
    row-gap: 40px;
  }
}
.footer__bottom-left {
  grid-column: 1 / span 4;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media only screen and (max-width: 1023px) {
  .footer__bottom-left {
    display: none;
  }
}
.footer__bottom-center {
  grid-column: 7 / span 10;
  display: flex;
  gap: calc(60rem * 1 / 18);
  margin-top: calc(13rem * 1 / 18);
  height: calc(88rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .footer__bottom-center {
    display: none;
  }
}
.footer__bottom-right {
  grid-column: 24 / span 1;
}
@media only screen and (max-width: 1023px) {
  .footer__bottom-right {
    display: none;
  }
}
.footer__logo {
  width: calc(55rem * 1 / 18);
  height: calc(55rem * 1 / 18);
  display: flex;
  justify-content: center;
  align-items: center;
}
.footer__logo img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.footer__title {
  width: 100%;
  grid-column: 7 / 23;
  position: relative;
  z-index: 11;
  align-self: center;
  color: #FFFFFF !important;
  font-family: "Saira Semi Condensed", sans-serif !important;
  font-weight: 500 !important;
  font-size: calc(56rem * 1 / 18) !important;
  font-style: normal !important;
  line-height: 110% !important;
  /* 61.6px */
  letter-spacing: calc(-0.56rem * 1 / 18) !important;
}
@media only screen and (max-width: 1023px) {
  .footer__title {
    font-size: 32px !important;
    line-height: 110% !important;
    letter-spacing: unset !important;
    text-transform: uppercase;
  }
}
@media only screen and (max-width: 1023px) {
  .footer__title {
    grid-column: 1 / -1;
    text-align: center;
  }
  .footer__title > span {
    line-height: 110% !important;
  }
}
.footer__copyright {
  position: relative;
  z-index: 11;
}
@media only screen and (max-width: 1023px) {
  .footer__copyright {
    display: none;
  }
}
.footer__copyright > .symbol {
  padding-right: calc(2rem * 1 / 18);
}
.footer__privacy {
  position: relative;
  z-index: 11;
  display: block;
}
.footer__privacy-links {
  display: flex;
  justify-content: flex-start;
  gap: calc(20rem * 1 / 18);
}
.footer__address {
  align-self: end;
  display: flex;
  flex-direction: column;
  position: relative;
  z-index: 11;
}
@media only screen and (max-width: 1023px) {
  .footer__address {
    display: none;
  }
}
.footer__address > .light {
  margin-bottom: calc(10rem * 1 / 18);
}
.footer__info {
  align-self: end;
  position: relative;
  z-index: 11;
  display: flex;
  flex-direction: column;
}
@media only screen and (max-width: 1023px) {
  .footer__info {
    display: none;
  }
}
.footer__info > a {
  text-decoration: underline !important;
  color: #F8F8F6 !important;
}
.footer__socials {
  align-self: end;
  display: flex;
  justify-content: end;
  position: relative;
  z-index: 11;
}
@media only screen and (max-width: 1023px) {
  .footer__socials {
    display: none;
  }
}
.footer__social {
  display: block;
  width: calc(41rem * 1 / 18);
  height: calc(41rem * 1 / 18);
}
.footer__social svg {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.footer__social.linkedin svg g path {
  transition: all 0.25s ease-out;
}
.footer__social.linkedin:hover svg g path:nth-child(1) {
  fill: #F1B53D;
  stroke: #F1B53D;
}
.footer__social.linkedin:hover svg g path:nth-child(2) {
  fill: #373938;
}
.footer__mobile-logo {
  display: none;
}
@media only screen and (max-width: 1023px) {
  .footer__mobile-logo {
    width: 55px;
    height: 55px;
    grid-column: 1 / -1;
    position: relative;
    z-index: 11;
    margin-bottom: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .footer__mobile-logo img {
    width: 100%;
    height: 100%;
    object-fit: contain;
  }
}
.footer__mobile-address {
  display: none;
}
@media only screen and (max-width: 1023px) {
  .footer__mobile-address {
    display: block;
    grid-column: 1 / -1;
    position: relative;
    z-index: 11;
    display: flex;
    flex-direction: column;
  }
  .footer__mobile-address > span {
    margin-bottom: 5px;
  }
}
.footer__mobile-info {
  display: none;
}
@media only screen and (max-width: 1023px) {
  .footer__mobile-info {
    display: block;
    grid-column: 1 / -1;
    position: relative;
    z-index: 11;
    display: flex;
    flex-direction: column;
  }
  .footer__mobile-info > * {
    color: #F8F8F6 !important;
    text-decoration: underline !important;
  }
}
.footer__mobile-copyrightSocials {
  display: none;
}
@media only screen and (max-width: 1023px) {
  .footer__mobile-copyrightSocials {
    display: block;
    grid-column: 1 / -1;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
  }
}
.footer__mobile-socials {
  display: none;
}
@media only screen and (max-width: 1023px) {
  .footer__mobile-socials {
    display: block;
    grid-column: 1 / -1;
    position: relative;
    z-index: 11;
    display: flex;
    justify-content: start;
    align-items: end;
    gap: 12px;
  }
}
.footer__mobile-social {
  display: block;
  width: 41px;
  height: 41px;
}
.footer__mobile-social img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.footer__mobile-copyright {
  display: none;
}
@media only screen and (max-width: 1023px) {
  .footer__mobile-copyright {
    display: block;
    grid-column: 1 / -1;
    position: relative;
    z-index: 11;
    color: #abada5 !important;
    font-size: 18px !important;
    line-height: 110% !important;
    letter-spacing: 0.36px !important;
  }
}
.footer__mobile-copyright > .symbol {
  padding-right: 2px;
}
.footer__mobile-privacy {
  color: #abada5 !important;
  font-size: 18px !important;
  line-height: 110% !important;
  letter-spacing: 0.36px !important;
}
.footer__mobile-privacy--links {
  display: flex;
  justify-content: flex-start;
  gap: 10px;
}
.singlePost {
  display: grid;
  grid-template-columns: 2.604% repeat(24, 1fr) 2.604%;
  column-gap: calc(20rem * 1 / 18);
  position: relative;
}
@media only screen and (max-width: 1023px) {
  .singlePost {
    grid-template-columns: repeat(12, 1fr);
    column-gap: 20px;
  }
}
@media only screen and (max-width: 600px) {
  .singlePost {
    grid-template-columns: repeat(4, 1fr);
  }
}
.singlePost__back {
  grid-column: 1 / -1;
  height: calc(89rem * 1 / 18);
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: calc(15rem * 1 / 18);
  border-bottom: calc(1rem * 1 / 18) solid #ebe9e5;
  padding-left: calc(71rem * 1 / 18);
  cursor: pointer;
}
@media only screen and (max-width: 1023px) {
  .singlePost__back {
    height: 80px;
    gap: 15px;
    border-bottom: 1px solid #ebe9e5;
    padding-left: 32px;
  }
}
@media only screen and (max-width: 600px) {
  .singlePost__back {
    padding-left: 20px;
  }
}
.singlePost__back svg {
  width: calc(14.901rem * 1 / 18);
  height: calc(11.806rem * 1 / 18);
  object-fit: contain;
}
@media only screen and (max-width: 1023px) {
  .singlePost__back svg {
    width: 14.901px;
    height: 11.806px;
  }
}
.singlePost__back svg path {
  transition: all 0.25s ease-out;
}
.singlePost__back > span {
  color: #373938;
  font-family: "Rajdhani", sans-serif;
  font-weight: 500;
  font-size: calc(18rem * 1 / 18);
  font-style: normal;
  line-height: 140%;
  /* 25.2px */
  letter-spacing: calc(0.36rem * 1 / 18);
  text-transform: capitalize;
  text-transform: uppercase;
  transition: all 0.25s ease-out;
}
@media only screen and (max-width: 1023px) {
  .singlePost__back > span {
    font-size: 18px;
    line-height: 25.2px;
    letter-spacing: 0.36px;
  }
}
.singlePost__back:hover svg path {
  stroke: #F1B53D;
}
.singlePost__back:hover > span {
  color: #F1B53D;
  text-decoration: underline;
  text-decoration-color: #F1B53D;
}
.singlePost__header {
  grid-column: 2 / span 24;
  display: grid;
  grid-template-columns: repeat(24, 1fr);
  column-gap: calc(20rem * 1 / 18);
  margin-top: calc(82rem * 1 / 18);
  margin-bottom: calc(89rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .singlePost__header {
    grid-column: 1 / -1;
    padding-left: 32px;
    padding-right: 32px;
    grid-template-columns: repeat(12, 1fr);
    column-gap: 20px;
    margin-top: 70px;
    margin-bottom: 30px;
  }
}
.singlePost__header-category,
.singlePost__header-heading,
.singlePost__header-subheading {
  grid-column: 1 / span 17;
}
@media only screen and (max-width: 1023px) {
  .singlePost__header-category,
  .singlePost__header-heading,
  .singlePost__header-subheading {
    grid-column: 1 / -1;
  }
}
.singlePost__header-category {
  color: #abada5;
  font-family: "Rajdhani", sans-serif;
  font-weight: 500;
  font-size: calc(18rem * 1 / 18);
  font-style: normal;
  line-height: 150%;
  /* 27px */
  letter-spacing: calc(0.36rem * 1 / 18);
  text-transform: uppercase;
  line-height: 130%;
  margin-bottom: calc(20rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .singlePost__header-category {
    font-size: 18px;
    line-height: 27px;
    letter-spacing: 0.36px;
  }
}
@media only screen and (max-width: 1023px) {
  .singlePost__header-category {
    margin-bottom: 30px;
  }
}
.singlePost__header-heading {
  color: #373938 !important;
  font-family: "Saira Semi Condensed", sans-serif !important;
  font-weight: 300 !important;
  font-size: calc(72rem * 1 / 18) !important;
  font-style: normal !important;
  line-height: 105% !important;
  /* 75.6px */
  letter-spacing: calc(-0.72rem * 1 / 18) !important;
  margin-bottom: calc(59rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .singlePost__header-heading {
    font-size: 48px !important;
    line-height: 105% !important;
    letter-spacing: unset !important;
  }
}
@media only screen and (max-width: 1023px) {
  .singlePost__header-heading {
    margin-bottom: 59px;
  }
}
.singlePost__header-subheading {
  color: #373938 !important;
  font-family: "Saira Semi Condensed", sans-serif !important;
  font-weight: 400 !important;
  font-size: calc(48rem * 1 / 18) !important;
  font-style: normal !important;
  line-height: 105% !important;
  /* 50.4px */
  letter-spacing: calc(-0.48rem * 1 / 18) !important;
  margin-bottom: calc(59rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .singlePost__header-subheading {
    font-size: 36px !important;
    line-height: 105% !important;
    letter-spacing: unset !important;
  }
}
@media only screen and (max-width: 1023px) {
  .singlePost__header-subheading {
    margin-bottom: 50px;
  }
}
.singlePost__header-info {
  grid-column: 1 / span 19;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: calc(94rem * 1 / 18);
  padding-left: calc(10rem * 1 / 18);
  margin-bottom: calc(82rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .singlePost__header-info {
    grid-column: 1 / -1;
    gap: 50px;
    padding-left: 0;
    margin-bottom: 30px;
    flex-direction: column;
  }
}
.singlePost__header-info.no-image {
  margin-bottom: calc(11rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .singlePost__header-info.no-image {
    margin-bottom: 11px;
  }
}
.singlePost__header-info--details {
  width: calc(421rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .singlePost__header-info--details {
    width: 100%;
  }
}
.singlePost__header-info--author {
  color: #373938;
  font-family: "Rajdhani", sans-serif;
  font-weight: 500;
  font-size: calc(18rem * 1 / 18);
  font-style: normal;
  line-height: 140%;
  /* 25.2px */
  letter-spacing: calc(0.36rem * 1 / 18);
  text-transform: capitalize;
}
@media only screen and (max-width: 1023px) {
  .singlePost__header-info--author {
    font-size: 18px;
    line-height: 25.2px;
    letter-spacing: 0.36px;
  }
}
.singlePost__header-info--tag {
  color: #abada5;
  font-family: "Rajdhani", sans-serif;
  font-weight: 500;
  font-size: calc(18rem * 1 / 18);
  font-style: normal;
  line-height: 130%;
  letter-spacing: calc(0.36rem * 1 / 18);
  text-decoration-style: solid;
  text-decoration-skip-ink: auto;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
}
@media only screen and (max-width: 1023px) {
  .singlePost__header-info--tag {
    font-size: 18px;
    line-height: 23.4px;
    letter-spacing: 0.36px;
  }
}
.singlePost__header-info--tag a {
  color: #abada5;
  font-family: "Rajdhani", sans-serif;
  font-weight: 500;
  font-size: calc(18rem * 1 / 18);
  font-style: normal;
  line-height: 130%;
  letter-spacing: calc(0.36rem * 1 / 18);
  text-decoration-style: solid;
  text-decoration-skip-ink: auto;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
}
@media only screen and (max-width: 1023px) {
  .singlePost__header-info--tag a {
    font-size: 18px;
    line-height: 23.4px;
    letter-spacing: 0.36px;
  }
}
.singlePost__header-info--excerpt {
  width: calc(878rem * 1 / 18);
  color: #009C49;
  font-family: "Rajdhani", sans-serif;
  font-weight: 500;
  font-size: calc(23rem * 1 / 18);
  font-style: normal;
  line-height: 130%;
  /* 37.5px */
  letter-spacing: calc(0.5rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .singlePost__header-info--excerpt {
    font-size: 23px !important;
    line-height: 130% !important;
    letter-spacing: 0.5px !important;
  }
}
@media only screen and (max-width: 1023px) {
  .singlePost__header-info--excerpt {
    width: 100%;
  }
}
.singlePost__header-image {
  grid-column: 1 / -1;
  width: calc(1780rem * 1 / 18);
  height: calc(800rem * 1 / 18);
  display: flex;
  align-items: center;
  justify-content: center;
}
@media only screen and (max-width: 1023px) {
  .singlePost__header-image {
    width: 100%;
    height: 420px;
  }
}
@media only screen and (max-width: 800px) {
  .singlePost__header-image {
    height: 380px;
  }
}
@media only screen and (max-width: 600px) {
  .singlePost__header-image {
    height: 300px;
  }
}
@media only screen and (max-width: 400px) {
  .singlePost__header-image {
    height: 220px;
  }
}
.singlePost__header-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.singlePost__content {
  grid-column: 2 / span 24;
  display: grid;
  grid-template-columns: repeat(24, 1fr);
  column-gap: calc(20rem * 1 / 18);
  margin-bottom: calc(124rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .singlePost__content {
    grid-column: 1 / -1;
    grid-template-columns: repeat(12, 1fr);
    column-gap: 20px;
    padding-left: 32px;
    padding-right: 32px;
    margin-bottom: 95px;
  }
}
.singlePost__content-share {
  grid-column: 1 / span 3;
  display: flex;
  align-items: baseline;
  justify-content: flex-start;
  gap: calc(21rem * 1 / 18);
  align-self: flex-start;
}
@media only screen and (max-width: 1023px) {
  .singlePost__content-share {
    grid-column: 1 / -1;
    gap: 21px;
    margin-bottom: 50px;
  }
}
.singlePost__content-share > span {
  color: #373938;
  font-family: "Rajdhani", sans-serif;
  font-weight: 500;
  font-size: calc(18rem * 1 / 18);
  font-style: normal;
  line-height: 140%;
  /* 25.2px */
  letter-spacing: calc(0.36rem * 1 / 18);
  text-transform: capitalize;
  text-transform: uppercase;
}
@media only screen and (max-width: 1023px) {
  .singlePost__content-share > span {
    font-size: 18px;
    line-height: 25.2px;
    letter-spacing: 0.36px;
  }
}
.singlePost__content-share--links {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: calc(20rem * 1 / 18);
  text-decoration: none;
  transform: translateY(calc(1rem * 1 / 18));
}
@media only screen and (max-width: 1023px) {
  .singlePost__content-share--links {
    gap: 20px;
    transform: translateY(1px);
  }
}
.singlePost__content-share--linkedin {
  width: calc(16rem * 1 / 18);
  height: calc(16rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .singlePost__content-share--linkedin {
    width: 16px;
    height: 16px;
  }
}
.singlePost__content-share--linkedin svg {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.singlePost__content-share--linkedin svg path {
  transition: all 0.25s ease-out;
}
.singlePost__content-share--linkedin:hover svg path {
  fill: #373938;
}
.singlePost__content-share--email {
  width: calc(23rem * 1 / 18);
  height: calc(16rem * 1 / 18);
  position: relative;
}
@media only screen and (max-width: 1023px) {
  .singlePost__content-share--email {
    width: 23px;
    height: 16px;
  }
}
.singlePost__content-share--email svg {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.singlePost__content-share--email svg path {
  transition: all 0.25s ease-out;
}
.singlePost__content-share--email:hover svg path {
  fill: #373938;
}
.singlePost__content-main {
  grid-column: 8 / span 12;
}
@media only screen and (max-width: 1023px) {
  .singlePost__content-main {
    grid-column: 1 / -1;
  }
}
.singlePost__content-main p {
  color: #373938;
  font-family: "Rajdhani", sans-serif;
  font-weight: 500;
  font-size: calc(20rem * 1 / 18);
  font-style: normal;
  line-height: 150%;
  /* 30px */
  letter-spacing: calc(0.4rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .singlePost__content-main p {
    font-size: 20px;
    letter-spacing: 0.4px;
    line-height: 150%;
  }
}
.singlePost__content-main h2,
.singlePost__content-main h3,
.singlePost__content-main h4 {
  padding-top: calc(20rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .singlePost__content-main h2,
  .singlePost__content-main h3,
  .singlePost__content-main h4 {
    padding-top: 20px;
  }
}
.singlePost__content-main h2 {
  color: #009C49 !important;
  font-family: "Rajdhani", sans-serif !important;
  font-weight: 600 !important;
  font-size: calc(25rem * 1 / 18) !important;
  font-style: normal !important;
  line-height: 150% !important;
  letter-spacing: calc(0.5rem * 1 / 18) !important;
  margin-top: calc(30rem * 1 / 18);
  border-top: calc(1rem * 1 / 18) solid #ebe9e5;
}
@media only screen and (max-width: 1023px) {
  .singlePost__content-main h2 {
    font-size: 25px !important;
    line-height: 30px !important;
    letter-spacing: 0.5px !important;
  }
}
@media only screen and (max-width: 1023px) {
  .singlePost__content-main h2 {
    margin-top: 30px;
    border-top: 1px solid #ebe9e5;
  }
}
.singlePost__content-main h2.remove-hr {
  border-top: none;
}
.singlePost__content-main h3,
.singlePost__content-main h4,
.singlePost__content-main h5,
.singlePost__content-main h6 {
  color: #373938;
  font-family: "Rajdhani", sans-serif !important;
  font-weight: 600 !important;
  font-size: calc(20rem * 1 / 18) !important;
  font-style: normal !important;
  line-height: 150% !important;
  /* 30px */
  letter-spacing: calc(0.4rem * 1 / 18) !important;
}
@media only screen and (max-width: 1023px) {
  .singlePost__content-main h3,
  .singlePost__content-main h4,
  .singlePost__content-main h5,
  .singlePost__content-main h6 {
    font-size: 20px !important;
    letter-spacing: 0.4px !important;
    line-height: 150% !important;
  }
}
.singlePost__content-main h4,
.singlePost__content-main h5,
.singlePost__content-main h6 {
  font-family: "Rajdhani", sans-serif !important;
  font-weight: 500 !important;
  font-style: normal !important;
}
.singlePost__content-main > *:first-child {
  margin-top: 0;
  padding-top: 0;
  border-top: none;
}
.singlePost__content-main .mb-0 {
  margin-bottom: 0 !important;
}
.singlePost__content-main .pb-0 {
  padding-bottom: 0 !important;
}
.singlePost__content-main ul,
.singlePost__content-main ol {
  font-family: "Rajdhani", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: calc(20rem * 1 / 18);
  line-height: 150%;
  letter-spacing: calc(0.4rem * 1 / 18);
  margin-bottom: calc(20rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .singlePost__content-main ul,
  .singlePost__content-main ol {
    font-size: 18px;
    letter-spacing: 0.4px;
  }
}
.singlePost__content-main ul ul,
.singlePost__content-main ol ul,
.singlePost__content-main ul ol,
.singlePost__content-main ol ol {
  margin-left: calc(30rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .singlePost__content-main ul ul,
  .singlePost__content-main ol ul,
  .singlePost__content-main ul ol,
  .singlePost__content-main ol ol {
    margin-left: 30px;
  }
}
.singlePost__content-main ul {
  list-style-type: none;
  margin-left: calc(12.5rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .singlePost__content-main ul {
    margin-left: 12.5px;
  }
}
.singlePost__content-main ul li {
  position: relative;
  padding-left: calc(13rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .singlePost__content-main ul li {
    padding-left: 13px;
  }
}
.singlePost__content-main ul li::before {
  content: "";
  /* Use a bullet-like character from the font */
  width: 2px;
  height: 3px;
  border-radius: 10%;
  display: inline-block;
  position: absolute;
  color: inherit;
  background-color: #373938;
  left: 0;
  top: calc(13rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .singlePost__content-main ul li::before {
    top: 12px;
  }
}
.singlePost__content-main ol {
  list-style-type: decimal;
  margin-left: calc(25rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .singlePost__content-main ol {
    margin-left: 25px;
  }
}
.singlePost__content-main ol ol {
  padding-left: calc(15rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .singlePost__content-main ol ol {
    padding-left: 15px;
  }
}
.singlePost__spaceBreak {
  margin-bottom: calc(100rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .singlePost__spaceBreak {
    margin-bottom: 100px;
  }
}
.singlePost .email-copy-success {
  font-size: calc(12rem * 1 / 18);
  position: absolute;
  background-color: #076B3B;
  font-family: "Rajdhani", sans-serif;
  font-weight: 500;
  font-style: normal;
  color: white;
  padding: calc(10rem * 1 / 18) calc(15rem * 1 / 18);
  border-radius: 19px;
  width: calc(170rem * 1 / 18);
  left: calc(-14rem * 1 / 18);
  top: calc(-45rem * 1 / 18);
  text-align: center;
}
.singlePost .email-copy-success::before {
  content: '';
  position: absolute;
  bottom: calc(-6rem * 1 / 18);
  /* Adjust this value to move the triangle up or down */
  left: calc(20rem * 1 / 18);
  /* Adjust this to position the triangle left or right */
  width: 0;
  height: 0;
  border-left: calc(10rem * 1 / 18) solid transparent;
  border-right: calc(10rem * 1 / 18) solid transparent;
  border-top: calc(10rem * 1 / 18) solid #076B3B;
  /* Match the background color of the chat bubble */
}
@media only screen and (max-width: 1023px) {
  .singlePost .email-copy-success {
    font-size: 12px;
    padding: 10px 15px;
    width: 170px;
    left: -14px;
    top: -45px;
  }
  .singlePost .email-copy-success::before {
    bottom: -6px;
    left: 20px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #076B3B;
  }
}
.singlePost__cta {
  min-height: calc(100rem * 1 / 18);
  background-color: #F1B53D;
  grid-column: 1 / -1;
  position: sticky;
  bottom: 0;
  display: grid;
  grid-template-columns: 2.604% repeat(24, 1fr) 2.604%;
  column-gap: calc(20rem * 1 / 18);
  padding: calc(20rem * 1 / 18) 0;
}
@media only screen and (max-width: 1023px) {
  .singlePost__cta {
    grid-template-columns: repeat(12, 1fr);
    column-gap: 20px;
  }
}
@media only screen and (max-width: 600px) {
  .singlePost__cta {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media only screen and (max-width: 1023px) {
  .singlePost__cta {
    padding: 20px;
  }
}
.singlePost__cta-wrapper {
  grid-column: 4 / span 20;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: calc(95rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .singlePost__cta-wrapper {
    grid-column: 1 / -1;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 30px;
  }
}
@media only screen and (max-width: 600px) {
  .singlePost__cta-wrapper {
    gap: 15px;
  }
}
.singlePost__cta-heading {
  width: 100%;
  max-width: calc(280rem * 1 / 18);
  color: #373938;
  font-family: "Saira Semi Condensed", sans-serif;
  font-weight: 500;
  font-size: calc(30rem * 1 / 18);
  font-style: normal;
  line-height: 100%;
  /* 30px */
  letter-spacing: calc(0.3rem * 1 / 18);
  text-transform: uppercase;
}
@media only screen and (max-width: 1023px) {
  .singlePost__cta-heading {
    font-size: 30px;
    line-height: 30px;
    letter-spacing: 0.3px;
  }
}
@media only screen and (max-width: 600px) {
  .singlePost__cta-heading {
    font-size: 24px;
    line-height: 28px;
    letter-spacing: 0.3px;
  }
}
@media only screen and (max-width: 1023px) {
  .singlePost__cta-heading {
    max-width: 100%;
  }
}
.singlePost__cta-description {
  width: 100%;
  max-width: calc(879rem * 1 / 18);
  color: #373938;
  font-family: "Rajdhani", sans-serif;
  font-weight: 600;
  font-size: calc(20rem * 1 / 18);
  font-style: normal;
  line-height: 150%;
  /* 30px */
  letter-spacing: calc(0.4rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .singlePost__cta-description {
    font-size: 20px;
    line-height: 30px;
    letter-spacing: 0.4px;
  }
}
@media only screen and (max-width: 600px) {
  .singlePost__cta-description {
    font-size: 16px;
    line-height: 26px;
    letter-spacing: 0.4px;
  }
}
@media only screen and (max-width: 1023px) {
  .singlePost__cta-description {
    max-width: 100%;
  }
}
.singlePost__cta-button {
  width: 100%;
  max-width: calc(131rem * 1 / 18);
  padding: calc(6rem * 1 / 18) calc(14rem * 1 / 18) calc(5rem * 1 / 18) calc(14rem * 1 / 18);
  background-color: #373938;
  border-radius: calc(6rem * 1 / 18);
  border: calc(2rem * 1 / 18) solid #373938;
  transition: all 0.25s ease-out;
  text-decoration: none;
}
@media only screen and (max-width: 1023px) {
  .singlePost__cta-button {
    max-width: fit-content;
    padding: 6px 14px 5px 14px;
    border-radius: 6px;
    border: 2px solid #373938;
  }
}
.singlePost__cta-button > span {
  color: #F8F8F6;
  font-family: "Saira Semi Condensed", sans-serif;
  font-weight: 500;
  font-size: calc(20rem * 1 / 18);
  font-style: normal;
  line-height: normal;
  letter-spacing: calc(0.4rem * 1 / 18);
  text-transform: uppercase;
}
@media only screen and (max-width: 1023px) {
  .singlePost__cta-button > span {
    font-size: 20px;
    letter-spacing: 0.4px;
  }
}
@media only screen and (max-width: 600px) {
  .singlePost__cta-button > span {
    font-size: 16px;
  }
}
.singlePost__cta-button:hover {
  background-color: #FFFFFF;
  border: calc(2rem * 1 / 18) solid #FFFFFF;
}
@media only screen and (max-width: 1023px) {
  .singlePost__cta-button:hover {
    border: 2px solid #FFFFFF;
  }
}
.singlePost__cta-button:hover > span {
  color: #373938;
}
.job {
  display: grid;
  grid-template-columns: 2.604% repeat(24, 1fr) 2.604%;
  column-gap: calc(20rem * 1 / 18);
  position: relative;
}
@media only screen and (max-width: 1023px) {
  .job {
    grid-template-columns: repeat(12, 1fr);
    column-gap: 20px;
  }
}
@media only screen and (max-width: 600px) {
  .job {
    grid-template-columns: repeat(4, 1fr);
  }
}
.job__back {
  grid-column: 1 / -1;
  height: calc(89rem * 1 / 18);
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: calc(15rem * 1 / 18);
  border-bottom: calc(1rem * 1 / 18) solid #ebe9e5;
  padding-left: calc(71rem * 1 / 18);
  cursor: pointer;
}
@media only screen and (max-width: 1023px) {
  .job__back {
    height: 80px;
    gap: 15px;
    border-bottom: 1px solid #ebe9e5;
    padding-left: 32px;
  }
}
@media only screen and (max-width: 600px) {
  .job__back {
    padding-left: 20px;
  }
}
.job__back svg {
  width: calc(14.901rem * 1 / 18);
  height: calc(11.806rem * 1 / 18);
  object-fit: contain;
}
@media only screen and (max-width: 1023px) {
  .job__back svg {
    width: 14.901px;
    height: 11.806px;
  }
}
.job__back svg path {
  transition: all 0.25s ease-out;
}
.job__back > span {
  color: #373938;
  font-family: "Rajdhani", sans-serif;
  font-weight: 500;
  font-size: calc(18rem * 1 / 18);
  font-style: normal;
  line-height: 140%;
  /* 25.2px */
  letter-spacing: calc(0.36rem * 1 / 18);
  text-transform: capitalize;
  text-transform: uppercase;
  transition: all 0.25s ease-out;
}
@media only screen and (max-width: 1023px) {
  .job__back > span {
    font-size: 18px;
    line-height: 25.2px;
    letter-spacing: 0.36px;
  }
}
.job__back:hover svg path {
  stroke: #F1B53D;
}
.job__back:hover > span {
  color: #F1B53D;
  text-decoration: underline;
  text-decoration-color: #F1B53D;
}
.job__header {
  grid-column: 2 / span 24;
  display: grid;
  grid-template-columns: repeat(24, 1fr);
  column-gap: calc(20rem * 1 / 18);
  margin-top: calc(82rem * 1 / 18);
  margin-bottom: calc(50rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .job__header {
    grid-column: 1 / -1;
    padding-left: 32px;
    padding-right: 32px;
    grid-template-columns: repeat(12, 1fr);
    column-gap: 20px;
    margin-top: 70px;
    margin-bottom: 30px;
  }
}
.job__header-category,
.job__header-heading,
.job__header-subheading {
  grid-column: 1 / span 17;
}
@media only screen and (max-width: 1023px) {
  .job__header-category,
  .job__header-heading,
  .job__header-subheading {
    grid-column: 1 / -1;
  }
}
.job__header-category,
.job__header-requisition {
  color: #373938;
  font-family: "Rajdhani", sans-serif;
  font-weight: 500;
  font-size: calc(20rem * 1 / 18);
  font-style: normal;
  line-height: 150%;
  /* 27px */
  letter-spacing: calc(0.36rem * 1 / 18);
  line-height: 130%;
  margin-bottom: calc(20rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .job__header-category,
  .job__header-requisition {
    font-size: 20px;
    line-height: 27px;
    letter-spacing: 0.36px;
  }
}
@media only screen and (max-width: 1023px) {
  .job__header-category,
  .job__header-requisition {
    margin-bottom: 20px;
  }
}
.job__header-heading {
  color: #373938 !important;
  font-family: "Saira Semi Condensed", sans-serif !important;
  font-weight: 300 !important;
  font-size: calc(56rem * 1 / 18) !important;
  font-style: normal !important;
  line-height: 105% !important;
  /* 75.6px */
  letter-spacing: calc(-0.72rem * 1 / 18) !important;
  margin-bottom: calc(20rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .job__header-heading {
    font-size: 40px !important;
    line-height: 105% !important;
    letter-spacing: unset !important;
  }
}
@media only screen and (max-width: 1023px) {
  .job__header-heading {
    margin-bottom: 20px;
  }
}
.job__content {
  grid-column: 2 / span 24;
  display: grid;
  grid-template-columns: repeat(24, 1fr);
  column-gap: calc(20rem * 1 / 18);
  margin-bottom: calc(124rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .job__content {
    grid-column: 1 / -1;
    grid-template-columns: repeat(12, 1fr);
    column-gap: 20px;
    padding-left: 32px;
    padding-right: 32px;
    margin-bottom: 95px;
  }
}
.job__content-sidebar {
  grid-column: 1 / span 5;
  display: flex;
  flex-direction: column;
  gap: calc(15rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .job__content-sidebar {
    gap: 15px;
    grid-column: 1 / -1;
  }
}
.job__content-sidebar > * {
  font-family: "Rajdhani", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: calc(20rem * 1 / 18);
  line-height: calc(30rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .job__content-sidebar > * {
    font-size: 18px;
    line-height: 110%;
  }
}
.job__content-sidebar--posted,
.job__content-sidebar--schedule,
.job__content-sidebar--type {
  position: relative;
}
.job__content-sidebar--posted::after,
.job__content-sidebar--schedule::after,
.job__content-sidebar--type::after {
  content: "";
  position: absolute;
  width: 100%;
  height: calc(1rem * 1 / 18);
  background-color: #7D7D7D;
  left: 0;
  bottom: calc(-9.5rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .job__content-sidebar--posted::after,
  .job__content-sidebar--schedule::after,
  .job__content-sidebar--type::after {
    height: 1px;
    bottom: -9.5px;
  }
}
.job__content-main {
  grid-column: 8 / span 12;
}
@media only screen and (max-width: 1023px) {
  .job__content-main {
    grid-column: 1 / -1;
    margin-top: 50px;
  }
}
.job__content-main p {
  color: #373938;
  font-family: "Rajdhani", sans-serif;
  font-weight: 500;
  font-size: calc(20rem * 1 / 18);
  font-style: normal;
  line-height: 150%;
  /* 30px */
  letter-spacing: calc(0.4rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .job__content-main p {
    font-size: 20px;
    letter-spacing: 0.4px;
    line-height: 150%;
  }
}
.job__content-main h2 {
  color: #009C49 !important;
  font-family: "Rajdhani", sans-serif !important;
  font-weight: 600 !important;
  font-size: calc(30rem * 1 / 18) !important;
  font-style: normal !important;
  line-height: 150% !important;
  letter-spacing: calc(0.5rem * 1 / 18) !important;
  margin-top: calc(30rem * 1 / 18);
  border-top: calc(1rem * 1 / 18) solid #ebe9e5;
}
@media only screen and (max-width: 1023px) {
  .job__content-main h2 {
    font-size: 30px !important;
    line-height: 30px !important;
    letter-spacing: 0.5px !important;
  }
}
@media only screen and (max-width: 1023px) {
  .job__content-main h2 {
    margin-top: 30px;
    border-top: 1px solid #ebe9e5;
  }
}
.job__content-main h3,
.job__content-main h4 {
  color: #373938;
  font-family: "Rajdhani", sans-serif !important;
  font-weight: 600 !important;
  font-size: calc(25rem * 1 / 18) !important;
  font-style: normal !important;
  line-height: 150% !important;
  /* 30px */
  letter-spacing: calc(0.4rem * 1 / 18) !important;
  padding: calc(20rem * 1 / 18) 0;
}
@media only screen and (max-width: 1023px) {
  .job__content-main h3,
  .job__content-main h4 {
    font-size: 25px !important;
    letter-spacing: 0.4px !important;
    line-height: 150% !important;
    padding: 20px 0;
  }
}
.job__content-main > *:first-child {
  margin-top: 0;
  padding-top: 0;
  border-top: none;
}
.job__content-main .mb-0 {
  margin-bottom: 0 !important;
}
.job__content-main .pb-0 {
  padding-bottom: 0 !important;
}
.job__content-main ul,
.job__content-main ol {
  font-family: "Rajdhani", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: calc(20rem * 1 / 18);
  line-height: 150%;
  letter-spacing: calc(0.4rem * 1 / 18);
  margin-bottom: calc(20rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .job__content-main ul,
  .job__content-main ol {
    font-size: 18px;
    letter-spacing: 0.4px;
  }
}
.job__content-main ul ul,
.job__content-main ol ul,
.job__content-main ul ol,
.job__content-main ol ol {
  margin-left: calc(30rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .job__content-main ul ul,
  .job__content-main ol ul,
  .job__content-main ul ol,
  .job__content-main ol ol {
    margin-left: 30px;
  }
}
.job__content-main ul {
  list-style-type: none;
  margin-left: calc(12.5rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .job__content-main ul {
    margin-left: 12.5px;
  }
}
.job__content-main ul li {
  position: relative;
  padding-left: calc(13rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .job__content-main ul li {
    padding-left: 13px;
  }
}
.job__content-main ul li::before {
  content: "";
  /* Use a bullet-like character from the font */
  width: 2px;
  height: 3px;
  border-radius: 10%;
  display: inline-block;
  position: absolute;
  color: inherit;
  background-color: #373938;
  left: 0;
  top: calc(13rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .job__content-main ul li::before {
    top: 12px;
  }
}
.job__content-main ol {
  list-style-type: decimal;
  margin-left: calc(25rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .job__content-main ol {
    margin-left: 25px;
  }
}
.job__content-main--apply {
  margin-top: calc(50rem * 1 / 18);
  display: flex;
  align-items: center;
  gap: calc(15rem * 1 / 18);
  padding: calc(4rem * 1 / 18) calc(18rem * 1 / 18) calc(4rem * 1 / 18) calc(18rem * 1 / 18);
  border-radius: calc(6rem * 1 / 18);
  outline: none;
  border: calc(2rem * 1 / 18) solid #F1B53D;
  background-color: transparent;
  cursor: pointer;
  text-decoration: none;
  color: #373938;
  width: fit-content;
  transition: all 0.25s ease-out;
}
@media only screen and (max-width: 1023px) {
  .job__content-main--apply {
    padding: 4px 18px 4px 18px;
    border-radius: 6px;
    border: 2px solid #F1B53D;
    gap: 8px;
    width: fit-content;
  }
}
.job__content-main--apply:hover {
  background-color: #F1B53D;
}
.job__content-main--apply:hover > span {
  color: #222222;
}
.job__content-main--apply > span {
  transition: all 0.25s ease-out;
  font-family: "Saira Semi Condensed", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: calc(20rem * 1 / 18);
  line-height: normal;
  letter-spacing: calc(0.4rem * 1 / 18);
  color: #373938;
  white-space: nowrap;
  text-transform: uppercase;
}
.job__content-main--apply > span.light {
  color: white;
}
@media only screen and (max-width: 1023px) {
  .job__content-main--apply > span {
    font-size: 20px;
    line-height: normal;
    letter-spacing: 0.4px;
  }
}
@media only screen and (max-width: 1023px) {
  .job__content-main--apply {
    margin-top: 25px;
  }
}
.mt {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-color: #FFFFFF;
}
.mt__container {
  position: absolute;
  top: 0;
  left: calc(70rem * 1 / 18);
  right: calc(70rem * 1 / 18);
  z-index: 2;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.mt__container-title {
  position: absolute;
  top: 0;
  left: calc(70rem * 1 / 18);
  z-index: 2;
  color: #009C49;
  font-size: calc(80rem * 1 / 18);
  font-family: "Saira SemiCondensed", sans-serif;
  font-weight: 500;
  margin-top: calc(50rem * 1 / 18);
}
.mt__container-right {
  position: absolute;
  right: calc(70rem * 1 / 18);
  top: 0;
  display: flex;
  align-items: center;
  gap: calc(50rem * 1 / 18);
  z-index: 2;
  margin-top: calc(80rem * 1 / 18);
}
.mt__container-right .toggle-container {
  display: flex;
  align-items: center;
  gap: calc(10rem * 1 / 18);
  cursor: pointer;
}
.mt__container-right .toggle-container .switch {
  position: relative;
  display: inline-block;
  width: 37px;
  height: 20px;
}
.mt__container-right .toggle-container .switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
.mt__container-right .toggle-container .switch input:checked + .slider:before {
  transform: translateX(16px);
}
.mt__container-right .toggle-container .switch .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: 2px solid #DEDBD4;
  transition: 0.4s;
  border-radius: 34px;
}
.mt__container-right .toggle-container .switch .slider::before {
  position: absolute;
  content: "";
  height: 12px;
  width: 12px;
  left: 3px;
  top: 2px;
  bottom: 2px;
  background-color: #DEDBD4;
  transition: 0.4s;
  border-radius: 50%;
}
.mt__container-right .toggle-container .toggle-label {
  user-select: none;
  font-family: "Rajdhani", sans-serif;
  font-weight: 500;
  font-style: normal;
  color: #DEDBD4;
  font-size: calc(20rem * 1 / 18);
}
.mt__container-filter {
  width: calc(271rem * 1 / 18);
  right: 0;
  padding: calc(11rem * 1 / 18) calc(18rem * 1 / 18);
  border-radius: calc(6rem * 1 / 18);
  border: calc(2rem * 1 / 18) solid #DEDBD4;
  background: #373938;
  z-index: 3;
  position: relative;
}
@media only screen and (max-width: 1023px) {
  .mt__container-filter {
    width: 271px;
    right: unset;
    top: 140px;
    left: 0;
    padding: 11px 20px;
    border: 2px solid #DEDBD4;
    border-radius: 6px;
  }
}
.mt__container-filter--label {
  color: #373938;
  font-size: calc(20rem * 1 / 18);
  line-height: 150%;
  /* 30px */
  letter-spacing: calc(0.4rem * 1 / 18);
  text-transform: uppercase;
  color: #DEDBD4;
  position: relative;
  cursor: pointer;
  font-family: "Rajdhani", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: calc(20rem * 1 / 18) !important;
}
@media only screen and (max-width: 1400px) {
  .mt__container-filter--label {
    font-size: 20px;
    line-height: 30px;
    letter-spacing: 0.4px;
  }
}
.mt__container-filter--label::after {
  content: "";
  width: calc(18rem * 1 / 18);
  height: calc(9rem * 1 / 18);
  background: url(/wp-content/uploads/2025/04/down-arrow-map.svg) no-repeat;
  background-size: contain;
  position: absolute;
  right: calc(2rem * 1 / 18);
  top: calc(50%);
  transform: translateY(-50%);
  transition: all 0.25s ease-out;
  z-index: 3;
}
@media only screen and (max-width: 1023px) {
  .mt__container-filter--label::after {
    width: 18px;
    height: 9px;
    right: 2px;
  }
}
.mt__container-filter--label.open::after {
  transform: translateY(-50%) rotate(180deg);
}
.mt__container-filter--list {
  position: absolute;
  width: 99.5%;
  background-color: #373938;
  padding-left: 1px;
  padding-bottom: calc(10rem * 1 / 18);
  margin-top: calc(8rem * 1 / 18);
  left: calc(-1rem * 1 / 18);
  padding-top: calc(10rem * 1 / 18);
  margin-bottom: calc(12rem * 1 / 18);
  border: calc(2rem * 1 / 18) solid #DEDBD4;
  border-bottom: calc(4rem * 1 / 18) solid #373938;
  border-radius: 0 0 calc(6rem * 1 / 18) calc(6rem * 1 / 18);
  border-top: none;
}
@media only screen and (max-width: 1023px) {
  .mt__container-filter--list {
    margin-top: 12px;
  }
}
.mt__container-filter--list.open {
  border: calc(2rem * 1 / 18) solid #DEDBD4;
  border-radius: 0 0 calc(6rem * 1 / 18) calc(6rem * 1 / 18);
  border-top: none;
  left: calc(-1rem * 1 / 18);
  padding-left: 1px;
}
.mt__container-filter--list li {
  display: flex !important;
  align-items: center;
  justify-content: space-between;
  margin: 0 calc(20rem * 1 / 18);
  font-size: calc(20rem * 1 / 18);
  line-height: 150%;
  letter-spacing: calc(0.4rem * 1 / 18);
  text-transform: uppercase;
  color: #abada5;
  display: block;
  padding: calc(15rem * 1 / 18) calc(10rem * 1 / 18) calc(15rem * 1 / 18) 0;
  border-bottom: calc(1rem * 1 / 18) solid #DEDBD4;
  cursor: pointer;
  font-family: "Rajdhani", sans-serif;
  font-weight: 500;
  font-style: normal;
}
@media only screen and (max-width: 1023px) {
  .mt__container-filter--list li {
    font-size: 20px;
    letter-spacing: 0.4px;
  }
}
@media only screen and (max-width: 1023px) {
  .mt__container-filter--list li {
    padding: 10px 10px 10px 0;
  }
}
.mt__container-filter--list li:nth-child(1) {
  border-top: calc(1rem * 1 / 18) solid #DEDBD4;
}
@media only screen and (max-width: 1023px) {
  .mt__container-filter--list li:nth-child(1) {
    border-top: 1px solid #dedbd499;
  }
}
.mt__container-filter--list li:last-child {
  border-bottom: none;
}
.mt__container-filter--list li img {
  opacity: 0;
  visibility: visible;
}
.mt__container-filter--list li a {
  text-decoration: none;
  color: #abada5;
  display: block;
}
.mt__container-filter--list li:hover span,
.mt__container-filter--list li.active span {
  color: #fff;
}
.mt__container-filter--list li:hover img,
.mt__container-filter--list li.active img {
  opacity: 1;
  visibility: visible;
  transition: all 0.25s ease-out;
}
@media only screen and (max-width: 1023px) {
  .mt__container-filter--list li:hover,
  .mt__container-filter--list li.active {
    padding-left: 10px;
  }
}
.mt__container-filter--list li:hover a,
.mt__container-filter--list li.active a {
  color: #F8F8F6;
}
.mt .info-window {
  font-family: "Rajdhani", sans-serif;
  font-size: 14px;
  padding: 8px;
}
.mt .info-window h3 {
  margin: 0 0 4px;
  font-size: 16px;
  color: #fff !important;
}
.mt .gm-style .gm-style-iw-c {
  background-color: #373938 !important;
}
.mt .gm-style .gm-style-iw-c h1,
.mt .gm-style .gm-style-iw-c p {
  color: #fff !important;
}
.mt .gm-style .gm-style-iw-d {
  overflow: hidden !important;
}
.mt .marker-info {
  padding: calc(10rem * 1 / 18) calc(20rem * 1 / 18);
  background-color: #373938 !important;
}
.mt.light .slider {
  border-color: #373938 !important;
}
.mt.light .slider::before {
  background-color: #373938 !important;
}
.mt.light .toggle-label {
  color: #373938 !important;
}
.mt.light .mt__container-filter {
  background-color: #ffffff !important;
  border: calc(2rem * 1 / 18) solid #373938 !important;
}
.mt.light .mt__container-filter--label {
  color: #373938 !important;
}
.mt.light .mt__container-filter--label::after {
  background: url(/wp-content/uploads/2025/04/down-arrow-map-dark.svg) no-repeat;
}
.mt.light .mt__container-filter--list {
  background-color: #ffffff !important;
  border: calc(2rem * 1 / 18) solid #373938 !important;
  border-radius: 0 0 calc(6rem * 1 / 18) calc(6rem * 1 / 18) !important;
  border-top: none !important;
}
.mt.light .mt__container-filter--list li {
  border-bottom: calc(1rem * 1 / 18) solid #373938 !important;
}
.mt.light .mt__container-filter--list li span {
  color: #abada5 !important;
}
.mt.light .mt__container-filter--list li:hover span,
.mt.light .mt__container-filter--list li.active span {
  color: #373938 !important;
}
.mt.light .mt__container-filter--list li:nth-child(1) {
  border-top: calc(1rem * 1 / 18) solid #373938 !important;
}
.mt.light .mt__container-filter--list li:last-child {
  border-bottom: none !important;
}
.mt.light .info-window h3 {
  margin: 0 0 4px;
  font-size: 16px;
  color: #373938 !important;
}
.mt.light .gm-style .gm-style-iw-c {
  background-color: #fff !important;
}
.mt.light .gm-style .gm-style-iw-c h1,
.mt.light .gm-style .gm-style-iw-c p {
  color: #373938 !important;
}
.mt.light .gm-style .gm-style-iw-d {
  overflow: hidden !important;
}
.mt.light .marker-info {
  padding: calc(10rem * 1 / 18) calc(20rem * 1 / 18);
  background-color: #fff !important;
}
.mt__map {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.mt__map .gm-style .gm-style-mtc-bbw .gm-style-mtc button {
  display: none !important;
}
.mt__map .gm-style button {
  display: none;
}
.mt__hawaii {
  position: absolute;
  width: 157px;
  height: 153px;
  bottom: 30px;
  left: 30px;
  border: 2px solid #abada5;
  z-index: 999;
}
.mt__container-filter--list li {
  cursor: pointer;
}
.mt__container-filter--list li .dot {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 0.8rem;
  height: 0.8rem;
  padding: 0.3rem;
  border-radius: 9999px;
  background-color: transparent;
  border: 1px solid #DEDBD4;
  transition: background-color 0.3s ease, color 0.3s ease;
}
.mt__container-filter--list li .dot::before {
  content: '';
  display: inline-block;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: transparent;
  transition: background-color 0.3s ease;
}
.mt__container-filter--list li.active .dot::before {
  background-color: var(--brand-color, #009c49);
}
.map-marker.hidden {
  display: none !important;
}
.password {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  display: flex;
  justify-content: center;
  align-items: center;
}
.post-password-form {
  z-index: 2;
  max-width: 400px;
  margin: 50px auto;
  padding: 20px;
}
.post-password-form input[type="password"],
.post-password-form input[type="submit"] {
  width: 100%;
  margin-top: 10px;
}
.cit {
  display: grid;
  grid-template-columns: 2.604% repeat(24, 1fr) 2.604%;
  column-gap: calc(20rem * 1 / 18);
  position: relative;
  min-height: calc(772rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .cit {
    grid-template-columns: repeat(12, 1fr);
    column-gap: 20px;
  }
}
@media only screen and (max-width: 600px) {
  .cit {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media only screen and (max-width: 1023px) {
  .cit {
    min-height: 300px;
    margin-top: 139px;
  }
}
.cit.black {
  border-radius: 0px 0px 100px 0px;
  background: linear-gradient(90deg, #222 65%, #373938 100%);
}
@media only screen and (max-width: 1023px) {
  .cit.black {
    border-radius: 0px 0px 40px 0px;
  }
}
.cit__image {
  grid-column: 2 / span 13;
  width: calc(955rem * 1 / 18);
  height: calc(710rem * 1 / 18);
  position: relative;
  margin-top: calc(141rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .cit__image {
    grid-column: 1 / -1;
    width: 100%;
    height: 560px;
    padding-right: 20px;
  }
}
.cit__image.black {
  margin-top: calc(-67rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .cit__image.black {
    margin-top: -185px;
  }
}
.cit__image-inner {
  width: calc(955rem * 1 / 18);
  height: calc(710rem * 1 / 18);
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  position: relative;
  z-index: 2;
}
@media only screen and (max-width: 1023px) {
  .cit__image-inner {
    display: none;
  }
}
.cit__image-inner svg {
  width: 100%;
  height: 100%;
  opacity: 0;
  position: absolute;
}
.cit__image-inner img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.cit__image-greenCross {
  position: absolute;
  width: calc(117rem * 1 / 18);
  height: calc(117rem * 1 / 18);
  transition: all 1s ease-out;
  z-index: 3;
}
@media only screen and (max-width: 1023px) {
  .cit__image-greenCross {
    display: none;
  }
}
.cit__image-greenCross img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.cit__image-greenCross.type_1 {
  left: calc(177rem * 1 / 18);
  bottom: calc(21rem * 1 / 18);
  transform: rotate(90deg);
}
.cit__image-greenCross.type_1.hover {
  transform: rotate(270deg);
}
.cit__image-greenCross.type_2 {
  left: unset;
  right: calc(97rem * 1 / 18);
  bottom: calc(21rem * 1 / 18);
  transform: rotate(0.5deg);
}
.cit__image-greenCross.type_2.hover {
  transform: rotate(-180deg) translateY(calc(1rem * 1 / 18));
}
.cit__image-grayRectange {
  width: calc(587rem * 1 / 18);
  height: calc(710rem * 1 / 18);
  background-color: #ebe9e5;
  border-radius: calc(41rem * 1 / 18);
  position: absolute;
  top: 0;
  left: calc(189rem * 1 / 18);
  z-index: 1;
  transition: all 0.4s ease-out;
}
.cit__image-grayRectange.hover {
  left: calc(100rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .cit__image-grayRectange {
    display: none;
  }
}
.cit__image-mobile {
  display: none;
}
@media only screen and (max-width: 1023px) {
  .cit__image-mobile {
    display: block;
    width: 100%;
    height: 100%;
  }
  .cit__image-mobile img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 0px 40px 40px 0px;
  }
}
.cit__text {
  grid-column: 17 / span 8;
  margin-top: calc(208rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .cit__text {
    grid-column: 1 / -1;
    margin-top: 80px;
    margin-bottom: 117px;
    padding-left: 20px;
    padding-right: 20px;
  }
}
.cit__text.black {
  margin-top: calc(117rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .cit__text.black {
    margin-top: 80px;
  }
}
.cit__text-subheading {
  margin-bottom: calc(90rem * 1 / 18);
  font-family: "Rajdhani", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: calc(20rem * 1 / 18);
  line-height: 150%;
  letter-spacing: calc(0.4rem * 1 / 18);
  text-transform: uppercase;
  color: #abada5;
  color: #373938;
}
@media only screen and (max-width: 1023px) {
  .cit__text-subheading {
    font-size: 20px;
    letter-spacing: 0.4px;
  }
}
@media only screen and (max-width: 1023px) {
  .cit__text-subheading {
    margin-bottom: 60px;
  }
}
.cit__text-subheading.black {
  color: #abada5;
}
.cit__text-heading {
  font-family: "Saira Semi Condensed", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: calc(56rem * 1 / 18);
  line-height: 110%;
  letter-spacing: calc(-0.56rem * 1 / 18);
  margin-bottom: calc(20rem * 1 / 18);
  color: #373938;
}
@media only screen and (max-width: 1023px) {
  .cit__text-heading {
    font-size: 42px;
    letter-spacing: unset;
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 1023px) {
  .cit__text-heading {
    padding-bottom: 10px;
  }
}
.cit__text-heading.black {
  color: #DEDBD4;
}
@media only screen and (max-width: 1023px) {
  .cit__text-heading.black {
    padding-bottom: 10px;
  }
}
.cit__text-description {
  margin-bottom: calc(40rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .cit__text-description {
    margin-bottom: 50px;
  }
}
.cit__text-description > * {
  font-family: "Rajdhani", sans-serif;
  font-style: normal;
  font-size: calc(20rem * 1 / 18);
  line-height: 150%;
  letter-spacing: calc(0.4rem * 1 / 18);
  text-transform: uppercase;
  color: #abada5;
  color: #373938;
  text-transform: none;
  font-weight: 500;
}
@media only screen and (max-width: 1023px) {
  .cit__text-description > * {
    font-size: 20px;
    letter-spacing: 0.4px;
  }
}
.cit__text-description.black > * {
  color: #DEDBD4;
}
.cit__text-button {
  display: flex;
  align-items: center;
  gap: calc(15rem * 1 / 18);
  padding: calc(4rem * 1 / 18) calc(18rem * 1 / 18) calc(4rem * 1 / 18) calc(18rem * 1 / 18);
  border-radius: calc(6rem * 1 / 18);
  outline: none;
  border: calc(2rem * 1 / 18) solid #F1B53D;
  background-color: transparent;
  cursor: pointer;
  text-decoration: none;
  color: #373938;
  width: fit-content;
  transition: all 0.25s ease-out;
}
@media only screen and (max-width: 1023px) {
  .cit__text-button {
    padding: 4px 18px 4px 18px;
    border-radius: 6px;
    border: 2px solid #F1B53D;
    gap: 8px;
    width: fit-content;
  }
}
.cit__text-button:hover {
  background-color: #F1B53D;
}
.cit__text-button:hover > span {
  color: #222222;
}
.cit__text-button > span {
  transition: all 0.25s ease-out;
  font-family: "Saira Semi Condensed", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: calc(20rem * 1 / 18);
  line-height: normal;
  letter-spacing: calc(0.4rem * 1 / 18);
  color: #373938;
  white-space: nowrap;
  text-transform: uppercase;
}
.cit__text-button > span.light {
  color: white;
}
@media only screen and (max-width: 1023px) {
  .cit__text-button > span {
    font-size: 20px;
    line-height: normal;
    letter-spacing: 0.4px;
  }
}
.cit__text-button.black {
  display: flex;
  align-items: center;
  gap: calc(15rem * 1 / 18);
  padding: calc(4rem * 1 / 18) calc(18rem * 1 / 18) calc(4rem * 1 / 18) calc(18rem * 1 / 18);
  border-radius: calc(6rem * 1 / 18);
  outline: none;
  border: calc(2rem * 1 / 18) solid #F1B53D;
  background-color: transparent;
  cursor: pointer;
  text-decoration: none;
  color: #DEDBD4;
  width: fit-content;
  transition: all 0.25s ease-out;
}
@media only screen and (max-width: 1023px) {
  .cit__text-button.black {
    padding: 4px 18px 4px 18px;
    border-radius: 6px;
    border: 2px solid #F1B53D;
    gap: 8px;
    width: fit-content;
  }
}
.cit__text-button.black:hover {
  background-color: #F1B53D;
}
.cit__text-button.black:hover > span {
  color: #222222;
}
.cit__text-button.black > span {
  transition: all 0.25s ease-out;
  font-family: "Saira Semi Condensed", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: calc(20rem * 1 / 18);
  line-height: normal;
  letter-spacing: calc(0.4rem * 1 / 18);
  color: #DEDBD4;
  white-space: nowrap;
  text-transform: uppercase;
}
.cit__text-button.black > span.light {
  color: white;
}
@media only screen and (max-width: 1023px) {
  .cit__text-button.black > span {
    font-size: 20px;
    line-height: normal;
    letter-spacing: 0.4px;
  }
}
@media only screen and (max-width: 1023px) {
  .cit__text-button.black {
    padding: 4px 18px 4px 18px;
    border-radius: 6px;
    border: 2px solid #F1B53D;
    gap: 8px;
    width: fit-content;
  }
}
.cit__text-button.black:hover {
  background-color: #F1B53D;
}
.cit__text-button.black:hover > span {
  color: #222222;
}
.cit__text-button.black > span {
  transition: all 0.25s ease-out;
  font-family: "Saira Semi Condensed", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: calc(20rem * 1 / 18);
  line-height: normal;
  letter-spacing: calc(0.4rem * 1 / 18);
  color: #DEDBD4;
  white-space: nowrap;
  text-transform: uppercase;
}
.cit__text-button.black > span.light {
  color: white;
}
@media only screen and (max-width: 1023px) {
  .cit__text-button.black > span {
    font-size: 20px;
    line-height: normal;
    letter-spacing: 0.4px;
  }
}
.cjo {
  display: grid;
  grid-template-columns: 2.604% repeat(24, 1fr) 2.604%;
  column-gap: calc(20rem * 1 / 18);
  position: relative;
}
@media only screen and (max-width: 1023px) {
  .cjo {
    grid-template-columns: repeat(12, 1fr);
    column-gap: 20px;
  }
}
@media only screen and (max-width: 600px) {
  .cjo {
    grid-template-columns: repeat(4, 1fr);
  }
}
.cjo .hidden {
  display: none !important;
}
.cjo__header {
  grid-column: 1 / -1;
  background-color: black;
  height: calc(481rem * 1 / 18);
  display: grid;
  grid-template-columns: 2.604% repeat(24, 1fr) 2.604%;
  column-gap: calc(20rem * 1 / 18);
  position: relative;
  z-index: 1;
}
@media only screen and (max-width: 1023px) {
  .cjo__header {
    grid-template-columns: repeat(12, 1fr);
    column-gap: 20px;
  }
}
@media only screen and (max-width: 600px) {
  .cjo__header {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media only screen and (max-width: 1023px) {
  .cjo__header {
    padding-top: 58px;
    height: auto;
  }
}
.cjo__header-heading {
  grid-column: 5 / span 18;
  color: #abada5;
  font-family: "Saira Semi Condensed", sans-serif;
  font-weight: 400;
  font-size: calc(48rem * 1 / 18);
  font-style: normal;
  line-height: 114%;
  /* 54.72px */
  letter-spacing: calc(0.48rem * 1 / 18);
  padding: 0 calc(21rem * 1 / 18);
  margin-top: calc(100rem * 1 / 18);
  z-index: 5;
  color: red;
}
@media only screen and (max-width: 1023px) {
  .cjo__header-heading {
    font-size: 36px;
    line-height: 114%;
    letter-spacing: unset;
  }
}
@media only screen and (max-width: 1023px) {
  .cjo__header-heading {
    grid-column: 1 / -1;
    padding: 0 32px 29px 32px;
    margin-top: 0;
  }
}
@media only screen and (max-width: 600px) {
  .cjo__header-heading {
    padding: 0 20px 29px 20px;
  }
}
.cjo__header-customShape {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
}
.cjo__header-customShape--1 {
  width: calc(768.446rem * 1 / 18);
  height: calc(672.014rem * 1 / 18);
  top: calc(-78rem * 1 / 18);
  right: calc(123.55rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .cjo__header-customShape--1 {
    width: 388.73px;
    height: 339.95px;
    top: -142px;
    right: 123.55px;
  }
}
@media only screen and (max-width: 600px) {
  .cjo__header-customShape--1 {
    right: -50px;
  }
}
.cjo__header-customShape--2 {
  width: calc(555.993rem * 1 / 18);
  height: calc(555.993rem * 1 / 18);
  right: 0;
  bottom: calc(-334.51rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .cjo__header-customShape--2 {
    width: 281.26px;
    height: 281.26px;
    bottom: -175px;
  }
}
@media only screen and (max-width: 600px) {
  .cjo__header-customShape--2 {
    right: -111px;
  }
}
.cjo__header-customShape svg {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.cjo__filter {
  position: absolute;
  top: calc(235rem * 1 / 18);
  left: 50%;
  transform: translateX(-50%);
  z-index: 3;
  width: calc(1288rem * 1 / 18);
  height: calc(368rem * 1 / 18);
  background-color: #FFFFFF;
  border-radius: calc(20rem * 1 / 18);
  box-shadow: 6px 6px 10px 0px rgba(171, 173, 165, 0.3);
  padding: calc(32rem * 1 / 18) calc(54rem * 1 / 18) calc(53rem * 1 / 18);
  display: flex;
  flex-direction: column;
  gap: calc(60rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .cjo__filter {
    grid-column: 1 / -1;
    position: relative;
    top: unset;
    left: unset;
    transform: unset;
    width: 100%;
    height: auto;
    border-radius: 0;
    padding: 34px 32px 56px 34px;
    gap: 40px;
  }
}
@media only screen and (max-width: 600px) {
  .cjo__filter {
    padding: 34px 20px 56px 20px;
  }
}
.cjo__filter-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media only screen and (max-width: 1023px) {
  .cjo__filter-top {
    flex-direction: column;
    gap: 19px;
    align-items: flex-start;
  }
}
.cjo__filter-top--heading {
  color: #373938;
  font-family: "Rajdhani", sans-serif;
  font-weight: 600;
  font-size: calc(28rem * 1 / 18);
  font-style: normal;
  line-height: 150%;
  /* 42px */
  letter-spacing: calc(0.56rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .cjo__filter-top--heading {
    font-size: 28px;
    line-height: 120%;
    letter-spacing: 0.56px;
  }
}
@media only screen and (max-width: 1023px) {
  .cjo__filter-top--heading {
    font-size: 24px;
    line-height: 150%;
    letter-spacing: 0.24px;
  }
}
.cjo__filter-top--search {
  display: flex;
  width: calc(271rem * 1 / 18);
  border-radius: calc(6rem * 1 / 18);
  border: calc(2rem * 1 / 18) solid #DEDBD4;
  padding: calc(7rem * 1 / 18) calc(14rem * 1 / 18);
  gap: calc(14rem * 1 / 18);
  position: relative;
  align-items: center;
}
@media only screen and (max-width: 1023px) {
  .cjo__filter-top--search {
    width: 100%;
    max-width: 324px;
    padding: 7px 14px;
    border: 2px solid #DEDBD4;
    border-radius: 6px;
  }
}
.cjo__filter-top--search input {
  border: none;
  outline: none;
  background-color: transparent;
  color: #373938;
  font-family: "Rajdhani", sans-serif;
  font-weight: 500;
  font-size: calc(20rem * 1 / 18);
  font-style: normal;
  line-height: 150%;
  /* 30px */
  letter-spacing: calc(0.4rem * 1 / 18);
  color: #abada5;
}
@media only screen and (max-width: 1023px) {
  .cjo__filter-top--search input {
    font-size: 20px;
    letter-spacing: 0.4px;
    line-height: 150%;
  }
}
@media only screen and (max-width: 1023px) {
  .cjo__filter-top--search input {
    width: inherit;
  }
}
.cjo__filter-top--search input::placeholder {
  color: #abada5;
}
.cjo__filter-top--icon {
  width: calc(21rem * 1 / 18);
  height: calc(21rem * 1 / 18);
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
@media only screen and (max-width: 1023px) {
  .cjo__filter-top--icon {
    width: 21px;
    height: 21px;
  }
}
.cjo__filter-top--icon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.cjo__filter-fields {
  display: grid;
  grid-template-columns: repeat(16, 1fr);
  column-gap: calc(20rem * 1 / 18);
  row-gap: calc(43rem * 1 / 18);
  position: relative;
}
@media only screen and (max-width: 1023px) {
  .cjo__filter-fields {
    row-gap: 40px;
    column-gap: 20px;
  }
}
@media only screen and (max-width: 800px) {
  .cjo__filter-fields {
    grid-template-columns: repeat(4, 1fr);
  }
}
.cjo__filter-fields > :nth-child(2n+1) {
  grid-column: 1 / span 7;
}
@media only screen and (max-width: 800px) {
  .cjo__filter-fields > :nth-child(2n+1) {
    grid-column: 1 / -1;
  }
}
.cjo__filter-fields > :nth-child(2n+2) {
  grid-column: 10 / span 7;
}
@media only screen and (max-width: 800px) {
  .cjo__filter-fields > :nth-child(2n+2) {
    grid-column: 1 / -1;
  }
}
.cjo__filter .filter {
  position: relative;
}
.cjo__filter .filter > span {
  color: #373938;
  font-family: "Rajdhani", sans-serif;
  font-weight: 600;
  font-size: calc(20rem * 1 / 18);
  font-style: normal;
  line-height: calc(30rem * 1 / 18);
  /* 150% */
  letter-spacing: calc(0.4rem * 1 / 18);
  text-transform: uppercase;
}
@media only screen and (max-width: 1400px) {
  .cjo__filter .filter > span {
    font-size: 20px;
    line-height: 30px;
    letter-spacing: 0.4px;
  }
}
.cjo__filter .filter .select {
  color: #373938;
  font-family: "Rajdhani", sans-serif;
  font-weight: 600;
  font-size: calc(20rem * 1 / 18);
  font-style: normal;
  line-height: calc(30rem * 1 / 18);
  /* 150% */
  letter-spacing: calc(0.4rem * 1 / 18);
  text-transform: uppercase;
  color: #abada5;
  font-weight: 500;
  text-transform: none;
  padding-bottom: calc(9rem * 1 / 18);
  position: relative;
  border-bottom: calc(2rem * 1 / 18) solid #373938;
  cursor: pointer;
}
@media only screen and (max-width: 1400px) {
  .cjo__filter .filter .select {
    font-size: 20px;
    line-height: 30px;
    letter-spacing: 0.4px;
  }
}
@media only screen and (max-width: 1023px) {
  .cjo__filter .filter .select {
    padding-bottom: 9px;
    border-bottom: 2px solid #373938;
  }
}
.cjo__filter .filter .select::after {
  content: "";
  position: absolute;
  right: calc(2rem * 1 / 18);
  top: calc(50%);
  transform: translateY(-50%);
  width: calc(18rem * 1 / 18);
  height: calc(9rem * 1 / 18);
  background-image: url("../images/icons/arrow-down-black.svg");
  background-size: contain;
  background-repeat: no-repeat;
  transition: all 0.25s ease-out;
}
@media only screen and (max-width: 1023px) {
  .cjo__filter .filter .select::after {
    width: 18px;
    height: 9px;
    right: 2px;
  }
}
.cjo__filter .filter .select.open {
  border-bottom: 2px solid transparent;
}
.cjo__filter .filter .select.open::after {
  transform: translateY(-50%) rotate(180deg);
}
.cjo__filter .filter .options {
  height: fit-content;
  position: absolute;
  left: 0;
  top: calc(70rem * 1 / 18);
  border-top: calc(2rem * 1 / 18) solid #373938;
  border-bottom: calc(2rem * 1 / 18) solid #373938;
  padding: calc(11rem * 1 / 18) 0;
  width: 100%;
  background-color: #FFFFFF;
  z-index: 5;
}
@media only screen and (max-width: 1023px) {
  .cjo__filter .filter .options {
    top: 69px;
    border-top: 2px solid #373938;
    border-bottom: 2px solid #373938;
    padding: 11px 0;
  }
}
.cjo__filter .filter .option {
  padding: calc(5rem * 1 / 18) 0 calc(5rem * 1 / 18) calc(10rem * 1 / 18);
  font-family: "Rajdhani", sans-serif;
  font-style: normal;
  font-size: calc(20rem * 1 / 18);
  line-height: 150%;
  letter-spacing: calc(0.4rem * 1 / 18);
  text-transform: uppercase;
  color: #abada5;
  display: block;
  font-weight: 500;
  text-transform: none;
  border-top: calc(1rem * 1 / 18) solid #DEDBD4;
  cursor: pointer;
  transition: all 0.25s ease-out;
}
@media only screen and (max-width: 1023px) {
  .cjo__filter .filter .option {
    font-size: 20px;
    letter-spacing: 0.4px;
  }
}
@media only screen and (max-width: 1023px) {
  .cjo__filter .filter .option {
    padding: 5px 0 5px 10px;
  }
}
.cjo__filter .filter .option:nth-child(1) {
  border-top: none;
}
.cjo__filter .filter .option:hover {
  background-color: #F8F8F6;
  padding-left: calc(15rem * 1 / 18);
  color: #373938;
}
@media only screen and (max-width: 1023px) {
  .cjo__filter .filter .option:hover {
    padding-left: 15px;
  }
}
.cjo__jobs {
  grid-column: 1 / -1;
  background-color: #F8F8F6;
  min-height: calc(500rem * 1 / 18);
  z-index: 2;
  padding: 0 0 calc(290rem * 1 / 18);
  display: grid;
  grid-template-columns: 2.604% repeat(24, 1fr) 2.604%;
  column-gap: calc(20rem * 1 / 18);
  position: relative;
  row-gap: calc(30rem * 1 / 18);
  transition: all 0.25s ease-out;
}
@media only screen and (max-width: 1023px) {
  .cjo__jobs {
    grid-template-columns: repeat(12, 1fr);
    column-gap: 20px;
  }
}
@media only screen and (max-width: 600px) {
  .cjo__jobs {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media only screen and (max-width: 1023px) {
  .cjo__jobs {
    background-color: #FFFFFF;
    min-height: 500px;
    row-gap: 100px;
    padding: 15px 32px 139px 32px;
  }
}
@media only screen and (max-width: 600px) {
  .cjo__jobs {
    padding: 15px 20px 139px 20px;
  }
}
.cjo__jobs.more-height {
  min-height: calc(1300rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .cjo__jobs.more-height {
    min-height: 1300px;
  }
}
.cjo__jobs-total {
  font-family: "Rajdhani", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: calc(20rem * 1 / 18);
  line-height: 150%;
  letter-spacing: calc(0.4rem * 1 / 18);
  text-transform: uppercase;
  color: #abada5;
  color: #373938;
  display: none;
}
@media only screen and (max-width: 1023px) {
  .cjo__jobs-total {
    font-size: 20px;
    letter-spacing: 0.4px;
  }
}
@media only screen and (max-width: 1023px) {
  .cjo__jobs-total {
    display: block;
    grid-column: 1 / -1;
    transform: translateY(37px);
  }
}
.cjo__jobs-wrapper {
  grid-column: 1 / -1;
  z-index: 2;
  display: grid;
  grid-template-columns: 2.604% repeat(24, 1fr) 2.604%;
  column-gap: calc(20rem * 1 / 18);
  position: relative;
  row-gap: calc(30rem * 1 / 18);
  margin-top: calc(-245rem * 1 / 18);
  transition: all 0.25s ease-out;
}
@media only screen and (max-width: 1023px) {
  .cjo__jobs-wrapper {
    grid-template-columns: repeat(12, 1fr);
    column-gap: 20px;
  }
}
@media only screen and (max-width: 600px) {
  .cjo__jobs-wrapper {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media only screen and (max-width: 1023px) {
  .cjo__jobs-wrapper {
    row-gap: 100px;
    margin-top: 0;
  }
}
.cjo__job {
  grid-column: 5 / span 18;
  width: calc(1288rem * 1 / 18);
  justify-self: center;
  padding: calc(30rem * 1 / 18) calc(52rem * 1 / 18);
  border-radius: calc(20rem * 1 / 18);
  background-color: #FFFFFF;
  border: calc(2rem * 1 / 18) solid #ebe9e5;
  display: flex;
  flex-direction: column;
  gap: calc(40rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .cjo__job {
    grid-column: 1 / -1;
    width: 100%;
    padding: 0;
    border-radius: 0;
    border: none;
    gap: 0px;
    position: relative;
  }
  .cjo__job::after {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background-color: #DEDBD4;
    left: 0;
    bottom: -50px;
    position: absolute;
  }
}
.cjo__job-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media only screen and (max-width: 1023px) {
  .cjo__job-header {
    flex-direction: column;
    gap: 20px;
    align-items: start;
    margin-bottom: 20px;
  }
}
.cjo__job-header--role {
  color: #373938;
  font-family: "Rajdhani", sans-serif;
  font-weight: 600;
  font-size: calc(28rem * 1 / 18);
  font-style: normal;
  line-height: 150%;
  /* 42px */
  letter-spacing: calc(0.56rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .cjo__job-header--role {
    font-size: 28px;
    line-height: 120%;
    letter-spacing: 0.56px;
  }
}
.cjo__job-header--date {
  color: #373938;
  font-family: "Rajdhani", sans-serif;
  font-weight: 500;
  font-size: calc(20rem * 1 / 18);
  font-style: normal;
  line-height: 150%;
  /* 30px */
  letter-spacing: calc(0.4rem * 1 / 18);
  padding-right: calc(10rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .cjo__job-header--date {
    font-size: 20px;
    letter-spacing: 0.4px;
    line-height: 150%;
  }
}
@media only screen and (max-width: 1023px) {
  .cjo__job-header--date {
    padding-right: 0;
  }
}
.cjo__job-info {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: calc(72rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .cjo__job-info {
    flex-direction: column;
    gap: 20px;
  }
}
.cjo__job-info--summary {
  width: calc(300rem * 1 / 18);
  margin-bottom: calc(5rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .cjo__job-info--summary {
    width: 100%;
    margin-bottom: 0;
  }
}
.cjo__job-info--summary > * {
  color: #373938;
  font-family: "Rajdhani", sans-serif;
  font-weight: 500;
  font-size: calc(20rem * 1 / 18);
  font-style: normal;
  line-height: 150%;
  /* 30px */
  letter-spacing: calc(0.4rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .cjo__job-info--summary > * {
    font-size: 20px;
    letter-spacing: 0.4px;
    line-height: 150%;
  }
}
.cjo__job-info--intro {
  margin-left: calc(80rem * 1 / 18);
  width: calc(500rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .cjo__job-info--intro {
    margin-left: 0;
    width: 100%;
  }
  .cjo__job-info--intro > * {
    font-size: 18px;
    letter-spacing: 0.36px;
  }
}
.cjo__job-info--button {
  width: calc(155rem * 1 / 18);
  display: flex;
  align-items: center;
  gap: calc(15rem * 1 / 18);
  padding: calc(4rem * 1 / 18) calc(18rem * 1 / 18) calc(4rem * 1 / 18) calc(18rem * 1 / 18);
  border-radius: calc(6rem * 1 / 18);
  outline: none;
  border: calc(2rem * 1 / 18) solid #F1B53D;
  background-color: transparent;
  cursor: pointer;
  text-decoration: none;
  color: #373938;
  width: fit-content;
  transition: all 0.25s ease-out;
}
@media only screen and (max-width: 1023px) {
  .cjo__job-info--button {
    padding: 4px 18px 4px 18px;
    border-radius: 6px;
    border: 2px solid #F1B53D;
    gap: 8px;
    width: fit-content;
  }
}
.cjo__job-info--button:hover {
  background-color: #F1B53D;
}
.cjo__job-info--button:hover > span {
  color: #222222;
}
.cjo__job-info--button > span {
  transition: all 0.25s ease-out;
  font-family: "Saira Semi Condensed", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: calc(20rem * 1 / 18);
  line-height: normal;
  letter-spacing: calc(0.4rem * 1 / 18);
  color: #373938;
  white-space: nowrap;
  text-transform: uppercase;
}
.cjo__job-info--button > span.light {
  color: white;
}
@media only screen and (max-width: 1023px) {
  .cjo__job-info--button > span {
    font-size: 20px;
    line-height: normal;
    letter-spacing: 0.4px;
  }
}
@media only screen and (max-width: 1023px) {
  .cjo__job-info--button {
    width: fit-content;
  }
}
.cjo__job-info--button > span {
  font-weight: 500;
}
.cjo__job-filterNotFound {
  grid-column: 5 / span 18;
  text-align: center;
  margin: calc(50rem * 1 / 18) auto;
  color: #373938;
  font-family: "Rajdhani", sans-serif;
  font-weight: 500;
  font-size: calc(20rem * 1 / 18);
  font-style: normal;
  line-height: 150%;
  /* 30px */
  letter-spacing: calc(0.4rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .cjo__job-filterNotFound {
    font-size: 20px;
    letter-spacing: 0.4px;
    line-height: 150%;
  }
}
@media only screen and (max-width: 1023px) {
  .cjo__job-filterNotFound {
    grid-column: 1 / -1;
    margin: 100px auto;
  }
}
.cjo__job-notFound {
  grid-column: 5 / span 18;
  text-align: center;
  color: #373938;
  font-family: "Rajdhani", sans-serif;
  font-weight: 500;
  font-size: calc(20rem * 1 / 18);
  font-style: normal;
  line-height: 150%;
  /* 30px */
  letter-spacing: calc(0.4rem * 1 / 18);
  width: calc(1288rem * 1 / 18);
  justify-self: center;
  padding: calc(30rem * 1 / 18) calc(52rem * 1 / 18);
  border-radius: calc(20rem * 1 / 18);
  background-color: #FFFFFF;
  border: calc(2rem * 1 / 18) solid #ebe9e5;
  margin-top: calc(-245rem * 1 / 18);
  height: calc(300rem * 1 / 18);
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media only screen and (max-width: 1023px) {
  .cjo__job-notFound {
    font-size: 20px;
    letter-spacing: 0.4px;
    line-height: 150%;
  }
}
@media only screen and (max-width: 1023px) {
  .cjo__job-notFound {
    grid-column: 1 / -1;
    width: 100%;
    padding: 0;
    border-radius: 0;
    border: none;
    margin-top: 0px;
    height: auto;
  }
}
.cjo__loadMore {
  grid-column: 1 / -1;
  width: calc(1920rem * 1 / 18);
  height: calc(486rem * 1 / 18);
  background: linear-gradient(180deg, rgba(248, 248, 246, 0) 0.25%, #F8F8F6 69.9%);
  position: absolute;
  bottom: calc(185rem * 1 / 18);
  left: 0;
  z-index: 5;
}
@media only screen and (max-width: 1023px) {
  .cjo__loadMore {
    display: none;
  }
}
.cjo__loadMore-button {
  display: flex;
  align-items: center;
  gap: calc(15rem * 1 / 18);
  padding: calc(4rem * 1 / 18) calc(18rem * 1 / 18) calc(4rem * 1 / 18) calc(18rem * 1 / 18);
  border-radius: calc(6rem * 1 / 18);
  outline: none;
  border: calc(2rem * 1 / 18) solid #F1B53D;
  background-color: transparent;
  cursor: pointer;
  text-decoration: none;
  color: #373938;
  width: fit-content;
  transition: all 0.25s ease-out;
  position: absolute;
  bottom: calc(-51rem * 1 / 18);
  left: 50%;
  transform: translateX(-50%);
}
@media only screen and (max-width: 1023px) {
  .cjo__loadMore-button {
    padding: 4px 18px 4px 18px;
    border-radius: 6px;
    border: 2px solid #F1B53D;
    gap: 8px;
    width: fit-content;
  }
}
.cjo__loadMore-button:hover {
  background-color: #F1B53D;
}
.cjo__loadMore-button:hover > span {
  color: #222222;
}
.cjo__loadMore-button > span {
  transition: all 0.25s ease-out;
  font-family: "Saira Semi Condensed", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: calc(20rem * 1 / 18);
  line-height: normal;
  letter-spacing: calc(0.4rem * 1 / 18);
  color: #373938;
  white-space: nowrap;
  text-transform: uppercase;
}
.cjo__loadMore-button > span.light {
  color: white;
}
@media only screen and (max-width: 1023px) {
  .cjo__loadMore-button > span {
    font-size: 20px;
    line-height: normal;
    letter-spacing: 0.4px;
  }
}
.cjo__loading {
  grid-column: 1 / -1;
}
.cjo .loader {
  width: 88px;
  height: 12px;
  --_g: no-repeat radial-gradient(farthest-side, #009C49 94%, #0000);
  background: var(--_g) 25% 0, var(--_g) 75% 0;
  background-size: 12px 12px;
  position: relative;
  animation: l24-0 1s linear infinite;
  position: absolute;
  bottom: calc(150rem * 1 / 18);
  left: 50%;
  transform: translateX(-50%);
}
.cjo .loader:before {
  content: "";
  position: absolute;
  height: 12px;
  aspect-ratio: 1;
  border-radius: 50%;
  background: #009C49;
  inset: 0;
  margin: auto;
  animation: l24-1 1s cubic-bezier(0.5, 300, 0.5, -300) infinite;
}
@keyframes l24-0 {
  0%,
  24% {
    background-position: 25% 0, 75% 0;
  }
  40% {
    background-position: 25% 0, 85% 0;
  }
  50%,
  72% {
    background-position: 25% 0, 75% 0;
  }
  90% {
    background-position: 15% 0, 75% 0;
  }
  100% {
    background-position: 25% 0, 75% 0;
  }
}
@keyframes l24-1 {
  100% {
    transform: translate(0.1px);
  }
}
.cps {
  width: 100%;
  display: block;
  grid-column: 1 / -1;
}
.cps-xsmall {
  height: 2rem;
}
@media only screen and (max-width: 1023px) {
  .cps-xsmall {
    height: 20px;
  }
  .cps-xsmall.mobile-hide {
    display: none;
  }
}
.cps-small {
  height: 4rem;
}
@media only screen and (max-width: 1023px) {
  .cps-small {
    height: 40px;
  }
  .cps-small.mobile-hide {
    display: none;
  }
}
.cps-medium {
  height: 6rem;
}
@media only screen and (max-width: 1023px) {
  .cps-medium {
    height: 60px;
  }
  .cps-medium.mobile-hide {
    display: none;
  }
}
.cps-large {
  height: 8rem;
}
@media only screen and (max-width: 1023px) {
  .cps-large {
    height: 80px;
  }
  .cps-large.mobile-hide {
    display: none;
  }
}
.cps-xlarge {
  height: 10rem;
}
@media only screen and (max-width: 1023px) {
  .cps-xlarge {
    height: 100px;
  }
  .cps-xlarge.mobile-hide {
    display: none;
  }
}
.cs {
  display: grid;
  grid-template-columns: 2.604% repeat(24, 1fr) 2.604%;
  column-gap: calc(20rem * 1 / 18);
  position: relative;
  min-height: calc(1100rem * 1 / 18);
  border-radius: 0px 0px 100px 0px;
  grid-auto-rows: min-content;
  border-top: calc(2rem * 1 / 18) solid #FFFFFF;
  z-index: 2;
}
@media only screen and (max-width: 1023px) {
  .cs {
    grid-template-columns: repeat(12, 1fr);
    column-gap: 20px;
  }
}
@media only screen and (max-width: 600px) {
  .cs {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media only screen and (max-width: 1023px) {
  .cs {
    min-height: 1100px;
    border-radius: 0px 0px 0px 0px;
    border-top: 0;
  }
}
.cs.black {
  background-color: #222222;
}
.cs.gray {
  background-color: #F8F8F6;
}
.cs__heading {
  grid-column: 2 / span 24;
  margin-left: calc(20rem * 1 / 18);
  font-family: "Rajdhani", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: calc(20rem * 1 / 18);
  line-height: 150%;
  letter-spacing: calc(0.4rem * 1 / 18);
  text-transform: uppercase;
  color: #abada5;
  margin-top: calc(150rem * 1 / 18);
  margin-bottom: calc(122rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .cs__heading {
    font-size: 20px;
    letter-spacing: 0.4px;
  }
}
@media only screen and (max-width: 1023px) {
  .cs__heading {
    grid-column: 1 / -1;
    margin-left: 20px;
    margin-top: 91px;
    margin-bottom: 60px;
  }
}
.cs__header {
  grid-column: 2 / span 24;
  margin: calc(150rem * 1 / 18) calc(20rem * 1 / 18) calc(122rem * 1 / 18) calc(20rem * 1 / 18);
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media only screen and (max-width: 1023px) {
  .cs__header {
    grid-column: 1 / -1;
    margin: 91px 20px 60px 20px;
  }
}
.cs__header .cs__heading {
  margin-bottom: 0;
  margin-top: 0;
  margin-left: 0;
}
.cs__viewAll {
  color: #abada5;
  text-align: right;
  font-family: "Saira Semi Condensed", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: calc(20rem * 1 / 18);
  line-height: normal;
  letter-spacing: calc(0.2rem * 1 / 18);
  text-transform: capitalize;
  text-decoration: none;
  transition: all 0.25s ease-out;
}
@media only screen and (max-width: 1400px) {
  .cs__viewAll {
    font-size: 20px;
    line-height: normal;
    letter-spacing: 0.2px;
  }
}
.cs__viewAll:hover {
  color: #F1B53D;
  text-decoration: underline;
  text-decoration-color: #F1B53D;
}
@media only screen and (max-width: 1023px) {
  .cs__viewAll {
    display: none;
  }
}
.cs__posts {
  grid-column: 2 / span 24;
  display: grid;
  grid-template-columns: repeat(24, 1fr);
  column-gap: calc(20rem * 1 / 18);
  position: relative;
}
@media only screen and (max-width: 1023px) {
  .cs__posts {
    grid-column: 1 / -1;
    grid-template-columns: repeat(12, 1fr);
    column-gap: 20px;
    row-gap: 53px;
  }
}
@media only screen and (max-width: 600px) {
  .cs__posts {
    grid-template-columns: repeat(4, 1fr);
  }
}
.cs__post {
  cursor: pointer;
  transition: all 0.25s ease-out;
  position: relative;
}
@media only screen and (max-width: 1023px) {
  .cs__post {
    padding-left: 20px;
  }
}
.cs__post::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: calc(1rem * 1 / 18);
  height: 100%;
  background: #abada5;
  z-index: 2;
}
@media only screen and (max-width: 1023px) {
  .cs__post::before {
    width: 1px;
    left: 20px;
  }
}
.cs__post.hover::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: calc(1rem * 1 / 18);
  height: 100%;
  background: #009C49;
  z-index: 2;
}
@media only screen and (max-width: 1023px) {
  .cs__post.hover::before {
    width: 1px;
    left: 20px;
  }
}
.cs__post-container {
  text-decoration: none;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: calc(683rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .cs__post-container {
    min-height: 300px;
  }
}
.cs__post-container:hover .cs__post-title,
.cs__post-container:hover .cs__post-subheading,
.cs__post-container:hover .cs__post-date {
  color: #009C49 !important;
}
.cs__post-container:hover .cs__post-more {
  text-decoration: underline;
  color: #F1B53D;
  text-decoration-color: #F1B53D !important;
}
.cs__post-text {
  padding-left: calc(19rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .cs__post-text {
    padding-left: 10px;
    padding-right: 20px;
  }
}
.cs__post-date {
  color: #abada5;
  font-family: "Rajdhani", sans-serif;
  font-weight: 500;
  font-size: calc(18rem * 1 / 18);
  font-style: normal;
  line-height: 150%;
  /* 27px */
  letter-spacing: calc(0.36rem * 1 / 18);
  text-transform: uppercase;
  margin-bottom: calc(10rem * 1 / 18);
  width: 100%;
  max-width: calc(340rem * 1 / 18);
  transition: all 0.25s ease-out;
}
@media only screen and (max-width: 1023px) {
  .cs__post-date {
    font-size: 18px;
    line-height: 27px;
    letter-spacing: 0.36px;
  }
}
@media only screen and (max-width: 1023px) {
  .cs__post-date {
    max-width: 100%;
    margin-bottom: 5px;
  }
}
.cs__post-date.gray {
  color: #373938;
}
.cs__post-title {
  color: #abada5;
  font-family: "Saira Semi Condensed", sans-serif;
  font-weight: 400;
  font-weight: 300;
  font-size: calc(30rem * 1 / 18);
  font-style: normal;
  line-height: 114%;
  /* 41.04px */
  transition: all 0.25s ease-out;
  margin-bottom: calc(8rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .cs__post-title {
    font-size: 30px;
    line-height: 110%;
    letter-spacing: 0.35px;
  }
}
@media only screen and (max-width: 1023px) {
  .cs__post-title {
    margin-bottom: 8px;
  }
}
.cs__post-title.gray {
  color: #373938;
}
.cs__post-subheading {
  color: #abada5;
  font-family: "Saira Semi Condensed", sans-serif;
  font-weight: 400;
  font-size: calc(30rem * 1 / 18);
  font-style: normal;
  line-height: 114%;
  /* 41.04px */
  transition: all 0.25s ease-out;
  font-weight: 300;
  font-size: calc(28rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .cs__post-subheading {
    font-size: 30px;
    line-height: 110%;
    letter-spacing: 0.35px;
  }
}
@media only screen and (max-width: 1023px) {
  .cs__post-subheading {
    margin-bottom: 40px;
    font-size: 28px;
  }
}
.cs__post-image {
  width: calc(100% + calc(20rem * 1 / 18));
  height: calc(368rem * 1 / 18);
  margin-bottom: calc(40rem * 1 / 18);
  position: relative;
  overflow: hidden;
}
@media only screen and (max-width: 1023px) {
  .cs__post-image {
    width: 100%;
    height: 368px;
    margin-bottom: 40px;
    padding-right: 20px;
    padding-left: 9px;
  }
}
@media only screen and (max-width: 600px) {
  .cs__post-image {
    height: 254px;
  }
}
.cs__post-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: saturate(0.2);
  transition: all 0.5s ease-in-out;
}
.cs__post-image--inner {
  width: 100%;
  height: calc(368rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .cs__post-image--inner {
    height: 368px;
  }
}
@media only screen and (max-width: 600px) {
  .cs__post-image--inner {
    height: 254px;
  }
}
.cs__post-image--original {
  border-radius: 0;
}
.cs__post-image--original.hover {
  filter: saturate(1.1);
}
.cs__post-image.thefirst {
  width: calc(100% + calc(20rem * 1 / 18));
}
@media only screen and (max-width: 1023px) {
  .cs__post-image.thefirst {
    width: 100%;
  }
}
.cs__post-image.thefirst .cs__post-image--inner {
  width: 100%;
  height: calc(368rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .cs__post-image.thefirst .cs__post-image--inner {
    height: 368px;
  }
}
@media only screen and (max-width: 600px) {
  .cs__post-image.thefirst .cs__post-image--inner {
    height: 254px;
  }
}
.cs__post-image.thefirst .cs__post-image--original.hover {
  filter: saturate(1.1);
}
.cs__post-image--overlay1 {
  position: absolute;
  top: calc(-1rem * 1 / 18);
  right: calc(-1rem * 1 / 18);
  bottom: calc(-1rem * 1 / 18);
  left: calc(-1rem * 1 / 18);
  display: block;
  z-index: 1;
  pointer-events: none;
  overflow: hidden;
}
@media only screen and (max-width: 1023px) {
  .cs__post-image--overlay1 {
    display: none;
  }
}
.cs__post-image--overlay1.gray::before,
.cs__post-image--overlay1.gray::after {
  background-color: #F8F8F6;
}
.cs__post-image--overlay1::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #222222;
  width: calc(20rem * 1 / 18);
  height: calc(368rem * 1 / 18);
  transition: transform 0.4s cubic-bezier(0.23, 1, 0.32, 1);
}
.cs__post-image--overlay1::after {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #222222;
  width: calc(448rem * 1 / 18);
  height: calc(20rem * 1 / 18);
  transition: transform 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  width: auto;
  top: auto;
  transform-origin: 0 100%;
}
.cs__post-image--overlay1.hover::before {
  transform: translateX(-3rem);
}
.cs__post-image--overlay1.hover::after {
  transform: translateY(3rem);
}
.cs__post-image--overlay1.thefirst::after {
  width: calc(898rem * 1 / 18);
}
.cs__post-image--overlay2 {
  position: absolute;
  top: calc(-1rem * 1 / 18);
  right: calc(-1rem * 1 / 18);
  bottom: calc(-1rem * 1 / 18);
  left: calc(-1rem * 1 / 18);
  display: block;
  z-index: 1;
  pointer-events: none;
  overflow: hidden;
}
@media only screen and (max-width: 1023px) {
  .cs__post-image--overlay2 {
    display: none;
  }
}
.cs__post-image--overlay2.gray::before,
.cs__post-image--overlay2.gray::after {
  background-color: #F8F8F6;
}
.cs__post-image--overlay2::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #222222;
  width: calc(20rem * 1 / 18);
  height: calc(368rem * 1 / 18);
  transition: transform 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  bottom: auto;
  transform-origin: 0 0;
  left: auto;
}
.cs__post-image--overlay2::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #222222;
  width: calc(448rem * 1 / 18);
  height: calc(20rem * 1 / 18);
  transition: transform 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  left: auto;
  transform-origin: 100% 0;
}
.cs__post-image--overlay2.hover::before {
  transform: translateX(3rem);
}
.cs__post-image--overlay2.hover::after {
  transform: translateY(-3rem);
}
.cs__post-image--overlay2.thefirst::after {
  width: calc(898rem * 1 / 18);
}
.cs__post-image--corner {
  overflow: hidden;
}
.cs__post-image--cornerTop {
  position: absolute;
  top: 1px;
  right: 1px;
  bottom: 1px;
  left: 1px;
  display: block;
  z-index: 2;
  pointer-events: none;
  overflow: hidden;
}
@media only screen and (max-width: 1023px) {
  .cs__post-image--cornerTop {
    display: none;
  }
}
.cs__post-image--cornerTop::before {
  content: "";
  display: block;
  position: absolute;
  width: calc(27rem * 1 / 18);
  height: calc(27rem * 1 / 18);
  top: 0;
  left: 0;
  bottom: auto;
  right: auto;
  background: url(../images/icons/8px-corner-cover-top-left.svg);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  transition: transform 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  transform-origin: 0 0;
}
.cs__post-image--cornerTop::after {
  content: "";
  display: block;
  position: absolute;
  width: calc(27rem * 1 / 18);
  height: calc(27rem * 1 / 18);
  top: 0;
  right: 0;
  bottom: auto;
  left: auto;
  background: url(../images/icons/8px-corner-cover-top-right.svg);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  transition: transform 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  transform-origin: 0 0;
}
.cs__post-image--cornerTop.gray::before {
  background: url(../images/icons/8px-corner-cover-top-left-gray.svg);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.cs__post-image--cornerTop.gray::after {
  background: url(../images/icons/8px-corner-cover-top-right-gray.svg);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.cs__post-image--cornerTop.hover::before {
  transform: translate3d(-3rem, -3rem, -3rem);
}
.cs__post-image--cornerTop.hover::after {
  transform: translate3d(3rem, -3rem, 3rem);
}
.cs__post-image--cornerBottom {
  position: absolute;
  top: 1px;
  right: 1px;
  bottom: 1px;
  left: 1px;
  display: block;
  z-index: 2;
  pointer-events: none;
  overflow: hidden;
}
@media only screen and (max-width: 1023px) {
  .cs__post-image--cornerBottom {
    display: none;
  }
}
.cs__post-image--cornerBottom::before {
  content: "";
  display: block;
  position: absolute;
  width: calc(27rem * 1 / 18);
  height: calc(27rem * 1 / 18);
  bottom: calc(0rem * 1 / 18);
  left: calc(0rem * 1 / 18);
  top: auto;
  right: auto;
  background: url(../images/icons/8px-corner-cover-bottom-left.svg);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  transform-origin: 0 0;
}
.cs__post-image--cornerBottom::after {
  content: "";
  display: block;
  position: absolute;
  width: calc(27rem * 1 / 18);
  height: calc(27rem * 1 / 18);
  right: calc(0rem * 1 / 18);
  bottom: calc(0rem * 1 / 18);
  top: auto;
  left: auto;
  background: url(../images/icons/8px-corner-cover-bottom-right.svg);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  transition: transform 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  transform-origin: 0 0;
}
.cs__post-image--cornerBottom.gray::before {
  background: url(../images/icons/8px-corner-cover-bottom-left-gray.svg);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.cs__post-image--cornerBottom.gray::after {
  background: url(../images/icons/8px-corner-cover-bottom-right-gray.svg);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.cs__post-image--cornerBottom.hover::before {
  transform: translate3d(-3rem, 3rem, -3rem);
}
.cs__post-image--cornerBottom.hover::after {
  transform: translate3d(3rem, 3rem, -3rem);
}
.cs__post-more {
  color: #abada5;
  font-family: "Saira Semi Condensed", sans-serif;
  font-weight: 500;
  font-size: calc(20rem * 1 / 18);
  font-style: normal;
  line-height: normal;
  letter-spacing: calc(0.2rem * 1 / 18);
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: none;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
  text-transform: capitalize;
  transition: all 0.25s ease-out;
  padding-left: calc(19rem * 1 / 18);
}
@media only screen and (max-width: 1400px) {
  .cs__post-more {
    font-size: 20px;
    line-height: normal;
    letter-spacing: 0.2px;
  }
}
@media only screen and (max-width: 1023px) {
  .cs__post-more {
    padding-left: 10px;
  }
}
.cs__post:nth-child(1) {
  grid-column: 1 / span 12;
}
@media only screen and (max-width: 1023px) {
  .cs__post:nth-child(1) {
    grid-column: 1 / -1;
  }
}
.cs__post:nth-child(1) .cs__post-title {
  color: #abada5;
  font-family: "Saira Semi Condensed", sans-serif;
  font-weight: 400;
  font-weight: 300;
  font-size: calc(48rem * 1 / 18);
  font-style: normal;
  line-height: 110%;
  /* 52.8px */
  width: 100%;
  max-width: calc(770rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .cs__post:nth-child(1) .cs__post-title {
    font-size: 36px;
    line-height: 110%;
  }
}
@media only screen and (max-width: 1023px) {
  .cs__post:nth-child(1) .cs__post-title {
    font-size: 35px;
    line-height: 110%;
    letter-spacing: 0.35px;
    max-width: 100%;
  }
}
.cs__post:nth-child(1) .cs__post-title.gray {
  color: #373938;
}
.cs__post:nth-child(1) .cs__post-subheading {
  color: #abada5;
  font-family: "Saira Semi Condensed", sans-serif;
  font-weight: 400;
  font-size: calc(30rem * 1 / 18);
  font-style: normal;
  line-height: 114%;
  /* 41.04px */
  font-weight: 300;
  width: 100%;
  max-width: calc(770rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .cs__post:nth-child(1) .cs__post-subheading {
    font-size: 30px;
    line-height: 110%;
    letter-spacing: 0.35px;
  }
}
@media only screen and (max-width: 1023px) {
  .cs__post:nth-child(1) .cs__post-subheading {
    max-width: 100%;
    font-size: 28px;
  }
}
.cs__post:nth-child(1) .cs__post-subheading.gray {
  color: #373938;
}
.cs__post:nth-child(2) {
  grid-column: 13 / span 6;
}
@media only screen and (max-width: 1023px) {
  .cs__post:nth-child(2) {
    grid-column: 1 / -1;
  }
}
.cs__post:nth-child(3) {
  grid-column: 19 / span 6;
}
@media only screen and (max-width: 1023px) {
  .cs__post:nth-child(3) {
    display: none;
  }
}
.cs__viewAllMobile {
  display: flex;
  align-items: center;
  gap: calc(15rem * 1 / 18);
  padding: calc(4rem * 1 / 18) calc(18rem * 1 / 18) calc(4rem * 1 / 18) calc(18rem * 1 / 18);
  border-radius: calc(6rem * 1 / 18);
  outline: none;
  border: calc(2rem * 1 / 18) solid #F1B53D;
  background-color: transparent;
  cursor: pointer;
  text-decoration: none;
  color: #DEDBD4;
  width: fit-content;
  transition: all 0.25s ease-out;
  display: none;
}
@media only screen and (max-width: 1023px) {
  .cs__viewAllMobile {
    padding: 4px 18px 4px 18px;
    border-radius: 6px;
    border: 2px solid #F1B53D;
    gap: 8px;
    width: fit-content;
  }
}
.cs__viewAllMobile:hover {
  background-color: #F1B53D;
}
.cs__viewAllMobile:hover > span {
  color: #222222;
}
.cs__viewAllMobile > span {
  transition: all 0.25s ease-out;
  font-family: "Saira Semi Condensed", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: calc(20rem * 1 / 18);
  line-height: normal;
  letter-spacing: calc(0.4rem * 1 / 18);
  color: #DEDBD4;
  white-space: nowrap;
  text-transform: uppercase;
}
.cs__viewAllMobile > span.light {
  color: white;
}
@media only screen and (max-width: 1023px) {
  .cs__viewAllMobile > span {
    font-size: 20px;
    line-height: normal;
    letter-spacing: 0.4px;
  }
}
@media only screen and (max-width: 1023px) {
  .cs__viewAllMobile {
    padding: 4px 18px 4px 18px;
    border-radius: 6px;
    border: 2px solid #F1B53D;
    gap: 8px;
    width: fit-content;
  }
}
.cs__viewAllMobile:hover {
  background-color: #F1B53D;
}
.cs__viewAllMobile:hover > span {
  color: #222222;
}
.cs__viewAllMobile > span {
  transition: all 0.25s ease-out;
  font-family: "Saira Semi Condensed", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: calc(20rem * 1 / 18);
  line-height: normal;
  letter-spacing: calc(0.4rem * 1 / 18);
  color: #DEDBD4;
  white-space: nowrap;
  text-transform: uppercase;
}
.cs__viewAllMobile > span.light {
  color: white;
}
@media only screen and (max-width: 1023px) {
  .cs__viewAllMobile > span {
    font-size: 20px;
    line-height: normal;
    letter-spacing: 0.4px;
  }
}
.cs__viewAllMobile.gray {
  display: flex;
  align-items: center;
  gap: calc(15rem * 1 / 18);
  padding: calc(4rem * 1 / 18) calc(18rem * 1 / 18) calc(4rem * 1 / 18) calc(18rem * 1 / 18);
  border-radius: calc(6rem * 1 / 18);
  outline: none;
  border: calc(2rem * 1 / 18) solid #F1B53D;
  background-color: transparent;
  cursor: pointer;
  text-decoration: none;
  color: #373938;
  width: fit-content;
  transition: all 0.25s ease-out;
  display: none;
}
@media only screen and (max-width: 1023px) {
  .cs__viewAllMobile.gray {
    padding: 4px 18px 4px 18px;
    border-radius: 6px;
    border: 2px solid #F1B53D;
    gap: 8px;
    width: fit-content;
  }
}
.cs__viewAllMobile.gray:hover {
  background-color: #F1B53D;
}
.cs__viewAllMobile.gray:hover > span {
  color: #222222;
}
.cs__viewAllMobile.gray > span {
  transition: all 0.25s ease-out;
  font-family: "Saira Semi Condensed", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: calc(20rem * 1 / 18);
  line-height: normal;
  letter-spacing: calc(0.4rem * 1 / 18);
  color: #373938;
  white-space: nowrap;
  text-transform: uppercase;
}
.cs__viewAllMobile.gray > span.light {
  color: white;
}
@media only screen and (max-width: 1023px) {
  .cs__viewAllMobile.gray > span {
    font-size: 20px;
    line-height: normal;
    letter-spacing: 0.4px;
  }
}
@media only screen and (max-width: 1023px) {
  .cs__viewAllMobile.gray {
    display: block;
  }
}
@media only screen and (max-width: 1023px) {
  .cs__viewAllMobile {
    display: block;
    grid-column: 1 / -1;
    margin-top: 20px;
    margin-bottom: 65px;
    margin-left: 20px;
  }
}
.csp {
  display: grid;
  grid-template-columns: 2.604% repeat(24, 1fr) 2.604%;
  column-gap: calc(20rem * 1 / 18);
  position: relative;
  background-color: black;
  padding-bottom: calc(168rem * 1 / 18);
  /* HTML: <div class="loader"></div> */
}
@media only screen and (max-width: 1023px) {
  .csp {
    grid-template-columns: repeat(12, 1fr);
    column-gap: 20px;
  }
}
@media only screen and (max-width: 600px) {
  .csp {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media only screen and (max-width: 1023px) {
  .csp {
    padding: 0 32px 168px 32px;
  }
}
@media only screen and (max-width: 1023px) {
  .csp {
    padding: 0 20px 168px 20px;
  }
}
.csp__top {
  grid-column: 2 / span 21;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: calc(142rem * 1 / 18);
  padding: 0 calc(8rem * 1 / 18) 0 calc(10rem * 1 / 18);
  position: relative;
  z-index: 3;
}
@media only screen and (max-width: 1023px) {
  .csp__top {
    grid-column: 1 / -1;
    flex-direction: column;
    margin-top: 100px;
    margin-bottom: 326px;
    padding: 0;
    align-items: flex-start;
  }
  .csp__top::after {
    content: "";
    width: 100%;
    height: 1px;
    background-color: rgba(171, 173, 165, 0.5);
    position: absolute;
    top: 284px;
    left: 0;
  }
}
.csp__top-heading {
  color: #373938;
  font-family: "Saira Semi Condensed", sans-serif;
  font-weight: 400;
  font-size: calc(80rem * 1 / 18);
  font-style: normal;
  line-height: 105%;
  /* 84px */
  letter-spacing: calc(-1.6rem * 1 / 18);
  color: #DEDBD4;
}
@media only screen and (max-width: 1023px) {
  .csp__top-heading {
    font-size: 48px;
    line-height: 105%;
    letter-spacing: unset;
  }
}
.csp__top-filter {
  width: calc(271rem * 1 / 18);
  position: absolute;
  right: 0;
  top: calc(14rem * 1 / 18);
  padding: calc(11rem * 1 / 18) calc(18rem * 1 / 18);
  border-radius: calc(6rem * 1 / 18);
  border: calc(2rem * 1 / 18) solid #dedbd499;
  background: black;
  z-index: 3;
}
@media only screen and (max-width: 1023px) {
  .csp__top-filter {
    width: 271px;
    right: unset;
    top: 140px;
    left: 0;
    padding: 11px 20px;
    border: 2px solid #dedbd499;
    border-radius: 6px;
  }
}
.csp__top-filter--label {
  color: #373938;
  font-family: "Rajdhani", sans-serif;
  font-weight: 500;
  font-size: calc(20rem * 1 / 18);
  font-style: normal;
  line-height: 150%;
  /* 30px */
  letter-spacing: calc(0.4rem * 1 / 18);
  text-transform: uppercase;
  color: #dedbd499;
  position: relative;
  cursor: pointer;
}
@media only screen and (max-width: 1400px) {
  .csp__top-filter--label {
    font-size: 20px;
    line-height: 30px;
    letter-spacing: 0.4px;
  }
}
.csp__top-filter--label::after {
  content: "";
  width: calc(18rem * 1 / 18);
  height: calc(9rem * 1 / 18);
  background: url(../images/icons/arrow-down-light-gray-v3.svg) no-repeat;
  background-size: contain;
  position: absolute;
  right: calc(2rem * 1 / 18);
  top: calc(50%);
  transform: translateY(-50%);
  transition: all 0.25s ease-out;
}
@media only screen and (max-width: 1023px) {
  .csp__top-filter--label::after {
    width: 18px;
    height: 9px;
    right: 2px;
  }
}
.csp__top-filter--label.open::after {
  transform: translateY(-50%) rotate(180deg);
}
.csp__top-filter--list {
  margin-top: calc(12rem * 1 / 18);
  margin-bottom: calc(12rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .csp__top-filter--list {
    margin-top: 12px;
    margin-bottom: 12px;
  }
}
.csp__top-filter--list li {
  font-family: "Rajdhani", sans-serif;
  font-style: normal;
  font-size: calc(20rem * 1 / 18);
  line-height: 150%;
  letter-spacing: calc(0.4rem * 1 / 18);
  text-transform: uppercase;
  color: #abada5;
  display: block;
  font-weight: 500;
  text-transform: none;
  padding: calc(10rem * 1 / 18) calc(10rem * 1 / 18) calc(10rem * 1 / 18) 0;
  border-bottom: calc(1rem * 1 / 18) solid #dedbd499;
  cursor: pointer;
}
@media only screen and (max-width: 1023px) {
  .csp__top-filter--list li {
    font-size: 20px;
    letter-spacing: 0.4px;
  }
}
@media only screen and (max-width: 1023px) {
  .csp__top-filter--list li {
    padding: 10px 10px 10px 0;
  }
}
.csp__top-filter--list li:nth-child(1) {
  border-top: calc(1rem * 1 / 18) solid #dedbd499;
}
@media only screen and (max-width: 1023px) {
  .csp__top-filter--list li:nth-child(1) {
    border-top: 1px solid #dedbd499;
  }
}
.csp__top-filter--list li a {
  text-decoration: none;
  color: #abada5;
  display: block;
}
.csp__top-filter--list li:hover,
.csp__top-filter--list li.active {
  background-color: #373938;
  padding-left: calc(10rem * 1 / 18);
  color: #373938;
  transition: all 0.25s ease-out;
}
@media only screen and (max-width: 1023px) {
  .csp__top-filter--list li:hover,
  .csp__top-filter--list li.active {
    padding-left: 10px;
  }
}
.csp__top-filter--list li:hover a,
.csp__top-filter--list li.active a {
  color: #F8F8F6;
}
.csp__featured {
  grid-column: 2 / span 24;
  display: grid;
  grid-template-columns: repeat(24, 1fr);
  column-gap: calc(20rem * 1 / 18);
  position: relative;
  margin-bottom: calc(109rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .csp__featured {
    grid-column: 1 / -1;
    grid-template-columns: repeat(12, 1fr);
    margin-bottom: 100px;
    gap: 100px;
    column-gap: 20px;
  }
}
.csp__featured-post {
  cursor: pointer;
  transition: all 0.25s ease-out;
  position: relative;
}
@media only screen and (max-width: 1023px) {
  .csp__featured-post::after {
    content: "";
    position: absolute;
    bottom: -50px;
    left: 0;
    width: 100%;
    height: 1px;
    background: rgba(171, 173, 165, 0.5);
    z-index: 2;
  }
}
.csp__featured-post::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: calc(1rem * 1 / 18);
  height: 100%;
  background: #abada5;
  z-index: 2;
}
@media only screen and (max-width: 1023px) {
  .csp__featured-post::before {
    width: 1px;
  }
}
.csp__featured-post.hover::before {
  background: #009C49;
}
.csp__featured-post--container {
  text-decoration: none;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: calc(683rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .csp__featured-post--container {
    min-height: 507px;
    gap: 40px;
  }
}
.csp__featured-post--container:hover .csp__featured-post--title,
.csp__featured-post--container:hover .csp__featured-post--subheading,
.csp__featured-post--container:hover .csp__featured-post--date {
  color: #009C49 !important;
}
.csp__featured-post--container:hover .csp__featured-post--more {
  text-decoration: underline;
  color: #F1B53D;
  text-decoration-color: #F1B53D !important;
}
.csp__featured-post--text {
  padding-left: calc(19rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .csp__featured-post--text {
    padding-left: 10px;
  }
}
.csp__featured-post--date {
  color: #abada5;
  font-family: "Rajdhani", sans-serif;
  font-weight: 500;
  font-size: calc(18rem * 1 / 18);
  font-style: normal;
  line-height: 150%;
  /* 27px */
  letter-spacing: calc(0.36rem * 1 / 18);
  text-transform: uppercase;
  margin-bottom: calc(10rem * 1 / 18);
  width: 100%;
  max-width: calc(340rem * 1 / 18);
  transition: all 0.25s ease-out;
}
@media only screen and (max-width: 1023px) {
  .csp__featured-post--date {
    font-size: 18px;
    line-height: 27px;
    letter-spacing: 0.36px;
  }
}
@media only screen and (max-width: 1023px) {
  .csp__featured-post--date {
    max-width: 100%;
    margin-bottom: 10px;
  }
}
.csp__featured-post--date.gray {
  color: #373938;
}
.csp__featured-post--title {
  color: #abada5;
  font-family: "Saira Semi Condensed", sans-serif;
  font-weight: 400;
  font-weight: 300;
  font-size: calc(48rem * 1 / 18);
  font-style: normal;
  line-height: 110%;
  /* 52.8px */
  transition: all 0.25s ease-out;
  width: 100%;
  max-width: calc(716rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .csp__featured-post--title {
    font-size: 36px;
    line-height: 110%;
  }
}
@media only screen and (max-width: 1023px) {
  .csp__featured-post--title {
    max-width: 100%;
    font-size: 30px;
    line-height: 114%;
  }
}
.csp__featured-post--title.gray {
  color: #373938;
}
.csp__featured-post--subheading {
  color: #abada5;
  font-family: "Saira Semi Condensed", sans-serif;
  font-weight: 400;
  font-size: calc(30rem * 1 / 18);
  font-style: normal;
  line-height: 114%;
  /* 41.04px */
  font-weight: 300;
  width: 100%;
  max-width: calc(716rem * 1 / 18);
  transition: all 0.25s ease-out;
}
@media only screen and (max-width: 1023px) {
  .csp__featured-post--subheading {
    font-size: 30px;
    line-height: 110%;
    letter-spacing: 0.35px;
  }
}
@media only screen and (max-width: 1023px) {
  .csp__featured-post--subheading {
    max-width: 100%;
    font-size: 28px;
  }
}
.csp__featured-post--subheading.gray {
  color: #373938;
}
.csp__featured-post--image {
  width: calc(100% + calc(20rem * 1 / 18));
  height: calc(340rem * 1 / 18);
  margin-bottom: calc(40rem * 1 / 18);
  position: relative;
  overflow: hidden;
}
@media only screen and (max-width: 1023px) {
  .csp__featured-post--image {
    width: 100%;
    height: 340px;
    padding-left: 10px;
    margin-bottom: 40px;
  }
}
@media only screen and (max-width: 600px) {
  .csp__featured-post--image {
    height: 254px;
  }
}
.csp__featured-post--imageInner {
  width: 100%;
  height: 100%;
}
.csp__featured-post--imageInner img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: saturate(0.2);
  transition: all 0.5s ease-in-out;
}
@media only screen and (max-width: 1023px) {
  .csp__featured-post--imageInner img {
    border-radius: 8px;
  }
}
.csp__featured-post--imageInner img.hover {
  filter: saturate(1.1);
}
.csp__featured-post--overlay1 {
  position: absolute;
  top: calc(-1rem * 1 / 18);
  right: calc(-1rem * 1 / 18);
  bottom: calc(-1rem * 1 / 18);
  left: calc(-1rem * 1 / 18);
  display: block;
  z-index: 1;
  pointer-events: none;
  overflow: hidden;
}
@media only screen and (max-width: 1023px) {
  .csp__featured-post--overlay1 {
    display: none;
  }
}
.csp__featured-post--overlay1.gray::before,
.csp__featured-post--overlay1.gray::after {
  background-color: #F8F8F6;
}
.csp__featured-post--overlay1::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: black;
  width: calc(20rem * 1 / 18);
  height: calc(368rem * 1 / 18);
  transition: transform 0.4s cubic-bezier(0.23, 1, 0.32, 1);
}
.csp__featured-post--overlay1::after {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: black;
  width: calc(900rem * 1 / 18);
  height: calc(20rem * 1 / 18);
  transition: transform 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  width: auto;
  top: auto;
  transform-origin: 0 100%;
}
.csp__featured-post--overlay1.hover::before {
  transform: translateX(-3rem);
}
.csp__featured-post--overlay1.hover::after {
  transform: translateY(3rem);
}
.csp__featured-post--overlay2 {
  position: absolute;
  top: calc(-1rem * 1 / 18);
  right: calc(-1rem * 1 / 18);
  bottom: calc(-1rem * 1 / 18);
  left: calc(-1rem * 1 / 18);
  display: block;
  z-index: 1;
  pointer-events: none;
  overflow: hidden;
}
@media only screen and (max-width: 1023px) {
  .csp__featured-post--overlay2 {
    display: none;
  }
}
.csp__featured-post--overlay2.gray::before,
.csp__featured-post--overlay2.gray::after {
  background-color: #F8F8F6;
}
.csp__featured-post--overlay2::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: black;
  width: calc(20rem * 1 / 18);
  height: calc(368rem * 1 / 18);
  transition: transform 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  bottom: auto;
  transform-origin: 0 0;
  left: auto;
}
.csp__featured-post--overlay2::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: black;
  width: calc(900rem * 1 / 18);
  height: calc(20rem * 1 / 18);
  transition: transform 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  left: auto;
  transform-origin: 100% 0;
}
.csp__featured-post--overlay2.hover::before {
  transform: translateX(3rem);
}
.csp__featured-post--overlay2.hover::after {
  transform: translateY(-3rem);
}
.csp__featured-post--more {
  color: #abada5;
  font-family: "Saira Semi Condensed", sans-serif;
  font-weight: 500;
  font-size: calc(20rem * 1 / 18);
  font-style: normal;
  line-height: normal;
  letter-spacing: calc(0.2rem * 1 / 18);
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: none;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
  text-transform: capitalize;
  transition: all 0.25s ease-out;
  padding-left: calc(19rem * 1 / 18);
}
@media only screen and (max-width: 1400px) {
  .csp__featured-post--more {
    font-size: 20px;
    line-height: normal;
    letter-spacing: 0.2px;
  }
}
@media only screen and (max-width: 1023px) {
  .csp__featured-post--more {
    padding-left: 10px;
  }
}
.csp__featured-post:nth-child(1) {
  grid-column: 1 / span 12;
}
@media only screen and (max-width: 1023px) {
  .csp__featured-post:nth-child(1) {
    grid-column: 1 / -1;
  }
}
.csp__featured-post:nth-child(2) {
  grid-column: 13 / span 12;
}
@media only screen and (max-width: 1023px) {
  .csp__featured-post:nth-child(2) {
    grid-column: 1 / -1;
  }
}
.csp__regular {
  grid-column: 2 / span 24;
  display: grid;
  grid-template-columns: repeat(24, 1fr);
  column-gap: calc(20rem * 1 / 18);
  position: relative;
  row-gap: calc(132rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .csp__regular {
    grid-column: 1 / -1;
    grid-template-columns: repeat(12, 1fr);
    column-gap: 20px;
    row-gap: 100px;
  }
}
.csp__regular-post {
  cursor: pointer;
  transition: all 0.25s ease-out;
  position: relative;
}
@media only screen and (max-width: 1023px) {
  .csp__regular-post::after {
    content: "";
    position: absolute;
    bottom: -50px;
    left: 0;
    width: 100%;
    height: 1px;
    background: rgba(171, 173, 165, 0.5);
    z-index: 2;
  }
}
.csp__regular-post::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: calc(1rem * 1 / 18);
  height: 100%;
  background: #abada5;
  z-index: 2;
}
@media only screen and (max-width: 1023px) {
  .csp__regular-post::before {
    width: 1px;
  }
}
.csp__regular-post.hover::before {
  background: #009C49;
}
.csp__regular-post--container {
  text-decoration: none;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: calc(680rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .csp__regular-post--container {
    min-height: 507px;
    gap: 40px;
  }
}
.csp__regular-post--container:hover .csp__regular-post--title,
.csp__regular-post--container:hover .csp__regular-post--subheading,
.csp__regular-post--container:hover .csp__regular-post--date {
  color: #009C49 !important;
}
.csp__regular-post--container:hover .csp__regular-post--more {
  text-decoration: underline;
  color: #F1B53D;
  text-decoration-color: #F1B53D !important;
}
.csp__regular-post--text {
  padding-left: calc(19rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .csp__regular-post--text {
    padding-left: 10px;
  }
}
.csp__regular-post--date {
  color: #abada5;
  font-family: "Rajdhani", sans-serif;
  font-weight: 500;
  font-size: calc(18rem * 1 / 18);
  font-style: normal;
  line-height: 150%;
  /* 27px */
  letter-spacing: calc(0.36rem * 1 / 18);
  text-transform: uppercase;
  margin-bottom: calc(10rem * 1 / 18);
  width: 100%;
  max-width: calc(340rem * 1 / 18);
  transition: all 0.25s ease-out;
}
@media only screen and (max-width: 1023px) {
  .csp__regular-post--date {
    font-size: 18px;
    line-height: 27px;
    letter-spacing: 0.36px;
  }
}
@media only screen and (max-width: 1023px) {
  .csp__regular-post--date {
    max-width: 100%;
    margin-bottom: 10px;
  }
}
.csp__regular-post--date.gray {
  color: #373938;
}
.csp__regular-post--title {
  color: #abada5;
  font-family: "Saira Semi Condensed", sans-serif;
  font-weight: 400;
  font-weight: 300;
  font-size: calc(30rem * 1 / 18);
  font-style: normal;
  line-height: 114%;
  /* 41.04px */
  transition: all 0.25s ease-out;
  width: 100%;
  max-width: calc(340rem * 1 / 18);
  margin-bottom: calc(5rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .csp__regular-post--title {
    font-size: 30px;
    line-height: 110%;
    letter-spacing: 0.35px;
  }
}
@media only screen and (max-width: 1023px) {
  .csp__regular-post--title {
    max-width: 100%;
    font-size: 30px;
    line-height: 114%;
    margin-bottom: 5px;
  }
}
.csp__regular-post--title.gray {
  color: #373938;
}
.csp__regular-post--subheading {
  color: #abada5;
  font-family: "Saira Semi Condensed", sans-serif;
  font-weight: 400;
  font-size: calc(30rem * 1 / 18);
  font-style: normal;
  line-height: 114%;
  /* 41.04px */
  transition: all 0.25s ease-out;
  font-weight: 300;
  font-size: calc(28rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .csp__regular-post--subheading {
    font-size: 30px;
    line-height: 110%;
    letter-spacing: 0.35px;
  }
}
@media only screen and (max-width: 1023px) {
  .csp__regular-post--subheading {
    font-size: 28px;
  }
}
.csp__regular-post--subheading.gray {
  color: #373938;
}
.csp__regular-post--image {
  width: calc(100% + calc(20rem * 1 / 18));
  height: calc(340rem * 1 / 18);
  margin-bottom: calc(40rem * 1 / 18);
  position: relative;
  overflow: hidden;
}
@media only screen and (max-width: 1023px) {
  .csp__regular-post--image {
    width: 100%;
    height: 340px;
    padding-left: 10px;
    margin-bottom: 40px;
  }
}
@media only screen and (max-width: 600px) {
  .csp__regular-post--image {
    height: 254px;
  }
}
.csp__regular-post--imageInner {
  width: 100%;
  height: 100%;
}
.csp__regular-post--imageInner img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: saturate(0.2);
  transition: all 0.5s ease-in-out;
}
@media only screen and (max-width: 1023px) {
  .csp__regular-post--imageInner img {
    border-radius: 8px;
  }
}
.csp__regular-post--imageInner img.hover {
  filter: saturate(1.1);
}
.csp__regular-post--overlay1 {
  position: absolute;
  top: calc(-1rem * 1 / 18);
  right: calc(-1rem * 1 / 18);
  bottom: calc(-1rem * 1 / 18);
  left: calc(-1rem * 1 / 18);
  display: block;
  z-index: 1;
  pointer-events: none;
  overflow: hidden;
}
@media only screen and (max-width: 1023px) {
  .csp__regular-post--overlay1 {
    display: none;
  }
}
.csp__regular-post--overlay1.gray::before,
.csp__regular-post--overlay1.gray::after {
  background-color: #F8F8F6;
}
.csp__regular-post--overlay1::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: black;
  width: calc(20rem * 1 / 18);
  height: calc(368rem * 1 / 18);
  transition: transform 0.4s cubic-bezier(0.23, 1, 0.32, 1);
}
.csp__regular-post--overlay1::after {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: black;
  width: calc(450rem * 1 / 18);
  height: calc(20rem * 1 / 18);
  transition: transform 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  width: auto;
  top: auto;
  transform-origin: 0 100%;
}
.csp__regular-post--overlay1.hover::before {
  transform: translateX(-3rem);
}
.csp__regular-post--overlay1.hover::after {
  transform: translateY(3rem);
}
.csp__regular-post--overlay2 {
  position: absolute;
  top: calc(-1rem * 1 / 18);
  right: calc(-1rem * 1 / 18);
  bottom: calc(-1rem * 1 / 18);
  left: calc(-1rem * 1 / 18);
  display: block;
  z-index: 1;
  pointer-events: none;
  overflow: hidden;
}
@media only screen and (max-width: 1023px) {
  .csp__regular-post--overlay2 {
    display: none;
  }
}
.csp__regular-post--overlay2.gray::before,
.csp__regular-post--overlay2.gray::after {
  background-color: #F8F8F6;
}
.csp__regular-post--overlay2::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: black;
  width: calc(20rem * 1 / 18);
  height: calc(368rem * 1 / 18);
  transition: transform 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  bottom: auto;
  transform-origin: 0 0;
  left: auto;
}
.csp__regular-post--overlay2::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: black;
  width: calc(450rem * 1 / 18);
  height: calc(20rem * 1 / 18);
  transition: transform 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  left: auto;
  transform-origin: 100% 0;
}
.csp__regular-post--overlay2.hover::before {
  transform: translateX(3rem);
}
.csp__regular-post--overlay2.hover::after {
  transform: translateY(-3rem);
}
.csp__regular-post--more {
  color: #abada5;
  font-family: "Saira Semi Condensed", sans-serif;
  font-weight: 500;
  font-size: calc(20rem * 1 / 18);
  font-style: normal;
  line-height: normal;
  letter-spacing: calc(0.2rem * 1 / 18);
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: none;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
  text-transform: capitalize;
  transition: all 0.25s ease-out;
  padding-left: calc(19rem * 1 / 18);
}
@media only screen and (max-width: 1400px) {
  .csp__regular-post--more {
    font-size: 20px;
    line-height: normal;
    letter-spacing: 0.2px;
  }
}
@media only screen and (max-width: 1023px) {
  .csp__regular-post--more {
    padding-left: 10px;
  }
}
.csp__regular-post:nth-child(4n+1) {
  grid-column: 1 / span 6;
}
@media only screen and (max-width: 1023px) {
  .csp__regular-post:nth-child(4n+1) {
    grid-column: 1 / -1;
  }
}
.csp__regular-post:nth-child(4n+2) {
  grid-column: 7 / span 6;
}
@media only screen and (max-width: 1023px) {
  .csp__regular-post:nth-child(4n+2) {
    grid-column: 1 / -1;
  }
}
.csp__regular-post:nth-child(4n+3) {
  grid-column: 13 / span 6;
}
@media only screen and (max-width: 1023px) {
  .csp__regular-post:nth-child(4n+3) {
    grid-column: 1 / -1;
  }
}
.csp__regular-post:nth-child(4n+4) {
  grid-column: 19 / span 6;
}
@media only screen and (max-width: 1023px) {
  .csp__regular-post:nth-child(4n+4) {
    grid-column: 1 / -1;
  }
}
.csp__notFound {
  grid-column: 2 / span 24;
  text-align: center;
  font-family: "Rajdhani", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: calc(24rem * 1 / 18);
  line-height: calc(38rem * 1 / 18);
  color: #DEDBD4;
}
.csp__notFound.light {
  color: white;
}
@media only screen and (max-width: 1023px) {
  .csp__notFound {
    font-size: 24px;
    line-height: 38px;
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 1023px) {
  .csp__notFound {
    grid-column: 1 / -1;
  }
}
.csp__loadMore {
  grid-column: 1 / -1;
  width: calc(1920rem * 1 / 18);
  height: calc(860rem * 1 / 18);
  background: linear-gradient(0deg, #222 0.25%, rgba(34, 34, 34, 0.32) 85.18%);
  position: absolute;
  bottom: 0;
  left: 0;
}
@media only screen and (max-width: 1023px) {
  .csp__loadMore {
    width: calc(100% + 64px);
    height: 660px;
    left: -32px;
  }
}
@media only screen and (max-width: 600px) {
  .csp__loadMore {
    width: calc(100% + 40px);
    left: -20px;
  }
}
.csp__loadMore-button {
  display: flex;
  align-items: center;
  gap: calc(15rem * 1 / 18);
  padding: calc(4rem * 1 / 18) calc(18rem * 1 / 18) calc(4rem * 1 / 18) calc(18rem * 1 / 18);
  border-radius: calc(6rem * 1 / 18);
  outline: none;
  border: calc(2rem * 1 / 18) solid #F1B53D;
  background-color: transparent;
  cursor: pointer;
  text-decoration: none;
  color: #DEDBD4;
  width: fit-content;
  transition: all 0.25s ease-out;
  position: absolute;
  bottom: calc(139rem * 1 / 18);
  left: 50%;
  transform: translateX(-50%);
}
@media only screen and (max-width: 1023px) {
  .csp__loadMore-button {
    padding: 4px 18px 4px 18px;
    border-radius: 6px;
    border: 2px solid #F1B53D;
    gap: 8px;
    width: fit-content;
  }
}
.csp__loadMore-button:hover {
  background-color: #F1B53D;
}
.csp__loadMore-button:hover > span {
  color: #222222;
}
.csp__loadMore-button > span {
  transition: all 0.25s ease-out;
  font-family: "Saira Semi Condensed", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: calc(20rem * 1 / 18);
  line-height: normal;
  letter-spacing: calc(0.4rem * 1 / 18);
  color: #DEDBD4;
  white-space: nowrap;
  text-transform: uppercase;
}
.csp__loadMore-button > span.light {
  color: white;
}
@media only screen and (max-width: 1023px) {
  .csp__loadMore-button > span {
    font-size: 20px;
    line-height: normal;
    letter-spacing: 0.4px;
  }
}
@media only screen and (max-width: 1023px) {
  .csp__loadMore-button {
    padding: 4px 18px 4px 18px;
    border-radius: 6px;
    border: 2px solid #F1B53D;
    gap: 8px;
    width: fit-content;
  }
}
.csp__loadMore-button:hover {
  background-color: #F1B53D;
}
.csp__loadMore-button:hover > span {
  color: #222222;
}
.csp__loadMore-button > span {
  transition: all 0.25s ease-out;
  font-family: "Saira Semi Condensed", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: calc(20rem * 1 / 18);
  line-height: normal;
  letter-spacing: calc(0.4rem * 1 / 18);
  color: #DEDBD4;
  white-space: nowrap;
  text-transform: uppercase;
}
.csp__loadMore-button > span.light {
  color: white;
}
@media only screen and (max-width: 1023px) {
  .csp__loadMore-button > span {
    font-size: 20px;
    line-height: normal;
    letter-spacing: 0.4px;
  }
}
@media only screen and (max-width: 1023px) {
  .csp__loadMore-button {
    bottom: 139px;
  }
}
.csp .loader {
  width: 88px;
  height: 12px;
  --_g: no-repeat radial-gradient(farthest-side, #009C49 94%, #0000);
  background: var(--_g) 25% 0, var(--_g) 75% 0;
  background-size: 12px 12px;
  position: relative;
  animation: l24-0 1s linear infinite;
  position: absolute;
  bottom: calc(150rem * 1 / 18);
  left: 50%;
  transform: translateX(-50%);
}
.csp .loader:before {
  content: "";
  position: absolute;
  height: 12px;
  aspect-ratio: 1;
  border-radius: 50%;
  background: #009C49;
  inset: 0;
  margin: auto;
  animation: l24-1 1s cubic-bezier(0.5, 300, 0.5, -300) infinite;
}
@keyframes l24-0 {
  0%,
  24% {
    background-position: 25% 0, 75% 0;
  }
  40% {
    background-position: 25% 0, 85% 0;
  }
  50%,
  72% {
    background-position: 25% 0, 75% 0;
  }
  90% {
    background-position: 15% 0, 75% 0;
  }
  100% {
    background-position: 25% 0, 75% 0;
  }
}
@keyframes l24-1 {
  100% {
    transform: translate(0.1px);
  }
}
.csts {
  display: grid;
  grid-template-columns: 2.604% repeat(24, 1fr) 2.604%;
  column-gap: calc(20rem * 1 / 18);
  position: relative;
  background-color: black;
}
@media only screen and (max-width: 1023px) {
  .csts {
    grid-template-columns: repeat(12, 1fr);
    column-gap: 20px;
  }
}
@media only screen and (max-width: 600px) {
  .csts {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media only screen and (max-width: 1023px) {
  .csts {
    padding-left: 32px;
    padding-right: 32px;
    padding-bottom: 100px;
  }
}
@media only screen and (max-width: 600px) {
  .csts {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.csts__back {
  grid-column: 1 / -1;
  height: calc(89rem * 1 / 18);
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: calc(15rem * 1 / 18);
  border-bottom: calc(1rem * 1 / 18) solid rgba(171, 173, 165, 0.5);
  padding-left: calc(71rem * 1 / 18);
  cursor: pointer;
  text-decoration: none;
  position: relative;
}
@media only screen and (max-width: 1023px) {
  .csts__back {
    height: 80px;
    border-bottom: none;
    padding-left: 32px;
    gap: 15px;
  }
  .csts__back::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: -32px;
    width: calc(100% + 64px);
    height: 1px;
    background-color: rgba(171, 173, 165, 0.5);
  }
}
@media only screen and (max-width: 600px) {
  .csts__back {
    padding-left: 20px;
  }
  .csts__back::after {
    width: calc(100% + 40px);
    left: -20px;
  }
}
.csts__back svg {
  width: calc(14.901rem * 1 / 18);
  height: calc(11.806rem * 1 / 18);
  object-fit: contain;
}
@media only screen and (max-width: 1023px) {
  .csts__back svg {
    width: 14.901px;
    height: 11.806px;
  }
}
.csts__back svg path {
  stroke: #abada5;
  transition: all 0.25s ease-out;
}
.csts__back > span {
  color: #373938;
  font-family: "Rajdhani", sans-serif;
  font-weight: 500;
  font-size: calc(18rem * 1 / 18);
  font-style: normal;
  line-height: 140%;
  /* 25.2px */
  letter-spacing: calc(0.36rem * 1 / 18);
  text-transform: capitalize;
  text-transform: uppercase;
  transition: all 0.25s ease-out;
  text-decoration: none;
  color: #abada5;
}
@media only screen and (max-width: 1023px) {
  .csts__back > span {
    font-size: 18px;
    line-height: 25.2px;
    letter-spacing: 0.36px;
  }
}
.csts__back:hover svg path {
  stroke: #F1B53D;
}
.csts__back:hover > span {
  color: #F1B53D;
  text-decoration: underline;
  text-decoration-color: #F1B53D;
}
.csts__message {
  grid-column: 2 / span 24;
  color: #373938;
  font-family: "Saira Semi Condensed", sans-serif;
  font-weight: 400;
  font-size: calc(48rem * 1 / 18);
  font-style: normal;
  line-height: 105%;
  /* 50.4px */
  letter-spacing: calc(-0.48rem * 1 / 18);
  margin-top: calc(82rem * 1 / 18);
  margin-bottom: calc(142rem * 1 / 18);
  color: #DEDBD4;
}
@media only screen and (max-width: 1023px) {
  .csts__message {
    font-size: 36px !important;
    line-height: 105% !important;
    letter-spacing: unset !important;
  }
}
@media only screen and (max-width: 1023px) {
  .csts__message {
    grid-column: 1 / -1;
    margin-top: 82px;
    margin-bottom: 142px;
  }
}
.csts__regular {
  grid-column: 2 / span 24;
  display: grid;
  grid-template-columns: repeat(24, 1fr);
  column-gap: calc(20rem * 1 / 18);
  position: relative;
  row-gap: calc(132rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .csts__regular {
    grid-column: 1 / -1;
    column-gap: 20px;
    grid-template-columns: repeat(12, 1fr);
    row-gap: 100px;
  }
}
.csts__regular-post {
  cursor: pointer;
  transition: all 0.25s ease-out;
  position: relative;
}
@media only screen and (max-width: 1023px) {
  .csts__regular-post::after {
    content: "";
    position: absolute;
    bottom: -50px;
    left: 0;
    width: 100%;
    height: 1px;
    background: rgba(171, 173, 165, 0.5);
    z-index: 2;
  }
}
.csts__regular-post::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: calc(1rem * 1 / 18);
  height: 100%;
  background: #abada5;
  z-index: 2;
}
@media only screen and (max-width: 1023px) {
  .csts__regular-post::before {
    width: 1px;
  }
}
.csts__regular-post.hover::before {
  background: #009C49;
}
.csts__regular-post--container {
  text-decoration: none;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: calc(660rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .csts__regular-post--container {
    min-height: 507px;
    gap: 40px;
  }
}
.csts__regular-post--container:hover .csts__regular-post--title,
.csts__regular-post--container:hover .csts__regular-post--subheading,
.csts__regular-post--container:hover .csts__regular-post--date {
  color: #009C49 !important;
}
.csts__regular-post--container:hover .csts__regular-post--more {
  text-decoration: underline;
  color: #F1B53D;
  text-decoration-color: #F1B53D !important;
}
.csts__regular-post--text {
  padding-left: calc(19rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .csts__regular-post--text {
    padding-left: 10px;
  }
}
.csts__regular-post--date {
  color: #abada5;
  font-family: "Rajdhani", sans-serif;
  font-weight: 500;
  font-size: calc(18rem * 1 / 18);
  font-style: normal;
  line-height: 150%;
  /* 27px */
  letter-spacing: calc(0.36rem * 1 / 18);
  text-transform: uppercase;
  margin-bottom: calc(10rem * 1 / 18);
  width: 100%;
  max-width: calc(340rem * 1 / 18);
  transition: all 0.25s ease-out;
}
@media only screen and (max-width: 1023px) {
  .csts__regular-post--date {
    font-size: 18px;
    line-height: 27px;
    letter-spacing: 0.36px;
  }
}
@media only screen and (max-width: 1023px) {
  .csts__regular-post--date {
    max-width: 100%;
    margin-bottom: 10px;
  }
}
.csts__regular-post--date.gray {
  color: #373938;
}
.csts__regular-post--title {
  color: #abada5;
  font-family: "Saira Semi Condensed", sans-serif;
  font-weight: 400;
  font-weight: 300;
  font-size: calc(30rem * 1 / 18);
  font-style: normal;
  line-height: 114%;
  /* 41.04px */
  transition: all 0.25s ease-out;
  width: 100%;
  max-width: calc(340rem * 1 / 18);
  margin-bottom: calc(5rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .csts__regular-post--title {
    font-size: 30px;
    line-height: 110%;
    letter-spacing: 0.35px;
  }
}
@media only screen and (max-width: 1023px) {
  .csts__regular-post--title {
    max-width: 100%;
    font-size: 30px;
    line-height: 114%;
    margin-bottom: 5px;
  }
}
.csts__regular-post--title.gray {
  color: #373938;
}
.csts__regular-post--subheading {
  color: #abada5;
  font-family: "Saira Semi Condensed", sans-serif;
  font-weight: 400;
  font-size: calc(30rem * 1 / 18);
  font-style: normal;
  line-height: 114%;
  /* 41.04px */
  transition: all 0.25s ease-out;
  font-weight: 300;
  font-size: calc(28rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .csts__regular-post--subheading {
    font-size: 30px;
    line-height: 110%;
    letter-spacing: 0.35px;
  }
}
@media only screen and (max-width: 1023px) {
  .csts__regular-post--subheading {
    font-size: 28px;
  }
}
.csts__regular-post--subheading.gray {
  color: #373938;
}
.csts__regular-post--image {
  width: calc(100% + calc(20rem * 1 / 18));
  height: calc(340rem * 1 / 18);
  margin-bottom: calc(40rem * 1 / 18);
  position: relative;
  overflow: hidden;
}
@media only screen and (max-width: 1023px) {
  .csts__regular-post--image {
    width: 100%;
    height: 340px;
    padding-left: 10px;
    margin-bottom: 40px;
  }
}
@media only screen and (max-width: 600px) {
  .csts__regular-post--image {
    height: 254px;
  }
}
.csts__regular-post--imageInner {
  width: 100%;
  height: 100%;
}
.csts__regular-post--imageInner img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: saturate(0.2);
  transition: all 0.5s ease-in-out;
}
@media only screen and (max-width: 1023px) {
  .csts__regular-post--imageInner img {
    border-radius: 8px;
  }
}
.csts__regular-post--imageInner img.hover {
  filter: saturate(1.1);
}
.csts__regular-post--overlay1 {
  position: absolute;
  top: calc(-1rem * 1 / 18);
  right: calc(-1rem * 1 / 18);
  bottom: calc(-1rem * 1 / 18);
  left: calc(-1rem * 1 / 18);
  display: block;
  z-index: 1;
  pointer-events: none;
  overflow: hidden;
}
@media only screen and (max-width: 1023px) {
  .csts__regular-post--overlay1 {
    display: none;
  }
}
.csts__regular-post--overlay1.gray::before,
.csts__regular-post--overlay1.gray::after {
  background-color: #F8F8F6;
}
.csts__regular-post--overlay1::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: black;
  width: calc(20rem * 1 / 18);
  height: calc(368rem * 1 / 18);
  transition: transform 0.4s cubic-bezier(0.23, 1, 0.32, 1);
}
.csts__regular-post--overlay1::after {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: black;
  width: calc(450rem * 1 / 18);
  height: calc(20rem * 1 / 18);
  transition: transform 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  width: auto;
  top: auto;
  transform-origin: 0 100%;
}
.csts__regular-post--overlay1.hover::before {
  transform: translateX(-3rem);
}
.csts__regular-post--overlay1.hover::after {
  transform: translateY(3rem);
}
.csts__regular-post--overlay2 {
  position: absolute;
  top: calc(-1rem * 1 / 18);
  right: calc(-1rem * 1 / 18);
  bottom: calc(-1rem * 1 / 18);
  left: calc(-1rem * 1 / 18);
  display: block;
  z-index: 1;
  pointer-events: none;
  overflow: hidden;
}
@media only screen and (max-width: 1023px) {
  .csts__regular-post--overlay2 {
    display: none;
  }
}
.csts__regular-post--overlay2.gray::before,
.csts__regular-post--overlay2.gray::after {
  background-color: #F8F8F6;
}
.csts__regular-post--overlay2::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: black;
  width: calc(20rem * 1 / 18);
  height: calc(368rem * 1 / 18);
  transition: transform 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  bottom: auto;
  transform-origin: 0 0;
  left: auto;
}
.csts__regular-post--overlay2::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: black;
  width: calc(450rem * 1 / 18);
  height: calc(20rem * 1 / 18);
  transition: transform 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  left: auto;
  transform-origin: 100% 0;
}
.csts__regular-post--overlay2.hover::before {
  transform: translateX(3rem);
}
.csts__regular-post--overlay2.hover::after {
  transform: translateY(-3rem);
}
.csts__regular-post--more {
  color: #abada5;
  font-family: "Saira Semi Condensed", sans-serif;
  font-weight: 500;
  font-size: calc(20rem * 1 / 18);
  font-style: normal;
  line-height: normal;
  letter-spacing: calc(0.2rem * 1 / 18);
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: none;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
  text-transform: capitalize;
  transition: all 0.25s ease-out;
  padding-left: calc(19rem * 1 / 18);
}
@media only screen and (max-width: 1400px) {
  .csts__regular-post--more {
    font-size: 20px;
    line-height: normal;
    letter-spacing: 0.2px;
  }
}
@media only screen and (max-width: 1023px) {
  .csts__regular-post--more {
    padding-left: 10px;
  }
}
.csts__regular-post:nth-child(4n+1) {
  grid-column: 1 / span 6;
}
@media only screen and (max-width: 1023px) {
  .csts__regular-post:nth-child(4n+1) {
    grid-column: 1 / -1;
  }
}
.csts__regular-post:nth-child(4n+2) {
  grid-column: 7 / span 6;
}
@media only screen and (max-width: 1023px) {
  .csts__regular-post:nth-child(4n+2) {
    grid-column: 1 / -1;
  }
}
.csts__regular-post:nth-child(4n+3) {
  grid-column: 13 / span 6;
}
@media only screen and (max-width: 1023px) {
  .csts__regular-post:nth-child(4n+3) {
    grid-column: 1 / -1;
  }
}
.csts__regular-post:nth-child(4n+4) {
  grid-column: 19 / span 6;
}
@media only screen and (max-width: 1023px) {
  .csts__regular-post:nth-child(4n+4) {
    grid-column: 1 / -1;
  }
}
.ct {
  display: grid;
  grid-template-columns: 2.604% repeat(24, 1fr) 2.604%;
  column-gap: calc(20rem * 1 / 18);
  position: relative;
  z-index: 1;
  min-height: calc(672rem * 1 / 18);
  display: none;
}
@media only screen and (max-width: 1023px) {
  .ct {
    grid-template-columns: repeat(12, 1fr);
    column-gap: 20px;
  }
}
@media only screen and (max-width: 600px) {
  .ct {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media only screen and (max-width: 1023px) {
  .ct {
    min-height: 300px;
  }
}
.ct.gray {
  background-color: #F8F8F6;
  border-radius: 0px 0px 0px 100px;
  margin-top: calc(-146rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .ct.gray {
    margin-top: 0;
    border-radius: 0px 0px 50px 0px;
  }
}
.ct__swiper {
  grid-column: 1 / -1;
  width: 100%;
  margin-top: calc(69rem * 1 / 18);
  padding-bottom: calc(252rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .ct__swiper {
    margin-top: 0;
    padding-bottom: 167px;
  }
}
.ct__swiper.gray {
  margin-top: calc(146rem * 1 / 18);
  padding-bottom: calc(176rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .ct__swiper.gray {
    margin-top: 0;
    padding-bottom: 159px;
  }
}
.ct__swiper-wrapper {
  text-align: center;
  transition: all 0.25s ease-out;
}
@media only screen and (max-width: 1023px) {
  .ct__swiper-slide {
    height: fit-content !important;
  }
}
.ct__swiper-inner {
  width: 100%;
  max-width: calc(1106rem * 1 / 18);
  margin: 0 auto;
  padding-top: calc(114rem * 1 / 18);
  display: flex;
  flex-direction: column;
  gap: calc(40rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .ct__swiper-inner {
    max-width: calc(100% - 100px);
    gap: 30px;
    padding-top: 60px;
  }
}
@media only screen and (max-width: 600px) {
  .ct__swiper-inner {
    max-width: calc(100% - 40px);
  }
}
.ct__review {
  color: #373938;
  font-family: "Saira Condensed", sans-serif;
  font-weight: 300;
  font-style: normal;
  font-size: calc(36rem * 1 / 18);
  font-style: italic;
  line-height: calc(48rem * 1 / 18);
  /* 133.333% */
  letter-spacing: calc(0.72rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .ct__review {
    font-size: 28px;
    line-height: 130%;
    letter-spacing: 0.56px;
    text-align: center;
    font-weight: 400;
  }
}
.ct__customer-container {
  display: flex;
  flex-direction: column;
}
.ct__customer-name,
.ct__customer-title {
  color: #009C49;
  font-family: "Rajdhani", sans-serif;
  font-weight: 600;
  font-size: calc(20rem * 1 / 18);
  font-style: normal;
  line-height: normal;
}
@media only screen and (max-width: 1023px) {
  .ct__customer-name,
  .ct__customer-title {
    font-size: 20px;
    line-height: normal;
  }
}
@media only screen and (max-width: 1023px) {
  .ct__customer-title.desktop {
    display: none;
  }
}
.ct__customer-title.mobile {
  display: none;
}
@media only screen and (max-width: 1023px) {
  .ct__customer-title.mobile {
    display: block;
  }
}
.ct .swiper-button-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  gap: calc(15rem * 1 / 18);
  z-index: 1;
  bottom: calc(155rem * 1 / 18);
  left: 50%;
  transform: translateX(-50%);
}
@media only screen and (max-width: 1023px) {
  .ct .swiper-button-wrapper {
    gap: 15px;
    bottom: 60px;
  }
}
.ct .swiper-button-wrapper.gray {
  bottom: calc(79rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .ct .swiper-button-wrapper.gray {
    bottom: 60px;
  }
}
.ct .swiper-button-prev {
  width: calc(39rem * 1 / 18);
  height: calc(39rem * 1 / 18);
  position: relative;
  left: unset;
  right: unset;
  top: unset;
  bottom: unset;
}
@media only screen and (max-width: 1023px) {
  .ct .swiper-button-prev {
    width: 39px;
    height: 39px;
  }
}
.ct .swiper-button-prev::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-image: url("../images/icons/circle-arrow-left-gray.svg");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center;
}
.ct .swiper-button-prev:hover::after {
  background-image: url("../images/icons/circle-arrow-left-gray-hover.svg");
}
.ct .swiper-button-next {
  width: calc(39rem * 1 / 18);
  height: calc(39rem * 1 / 18);
  position: relative;
  left: unset;
  right: unset;
  top: unset;
  bottom: unset;
}
@media only screen and (max-width: 1023px) {
  .ct .swiper-button-next {
    width: 39px;
    height: 39px;
  }
}
.ct .swiper-button-next::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-image: url("../images/icons/circle-arrow-right-gray.svg");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center;
}
.ct .swiper-button-next:hover::after {
  background-image: url("../images/icons/circle-arrow-right-gray-hover.svg");
}
.ds {
  display: grid;
  grid-template-columns: 2.604% repeat(24, 1fr) 2.604%;
  column-gap: calc(20rem * 1 / 18);
  position: relative;
  height: calc(630rem * 1 / 18);
  border-radius: 0px 0px 0px 100px;
  background: linear-gradient(0deg, #222 65%, #373938 100%);
  grid-auto-rows: min-content;
  margin-top: calc(2rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .ds {
    grid-template-columns: repeat(12, 1fr);
    column-gap: 20px;
  }
}
@media only screen and (max-width: 600px) {
  .ds {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media only screen and (max-width: 1023px) {
  .ds {
    height: auto;
    min-height: 400px;
    margin-top: 2px;
  }
}
@media only screen and (max-width: 600px) {
  .ds {
    border-radius: 0;
  }
}
.ds__title {
  grid-column: 2 / span 24;
  font-family: "Rajdhani", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: calc(20rem * 1 / 18);
  line-height: 150%;
  letter-spacing: calc(0.4rem * 1 / 18);
  text-transform: uppercase;
  color: #abada5;
  height: fit-content;
  margin-top: calc(111rem * 1 / 18);
  margin-bottom: calc(30rem * 1 / 18);
  margin-left: calc(20rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .ds__title {
    font-size: 20px;
    letter-spacing: 0.4px;
  }
}
@media only screen and (max-width: 1023px) {
  .ds__title {
    grid-column: 1 / -1;
    margin-top: 109px;
    margin-bottom: 30px;
    margin-left: 0;
  }
}
@media only screen and (max-width: 600px) {
  .ds__title {
    margin-bottom: 86px;
  }
}
.ds__data {
  grid-column: 2 / span 24;
  display: grid;
  grid-template-columns: repeat(24, 1fr);
  column-gap: calc(20rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .ds__data {
    grid-column: 1 / -1;
    column-gap: 20px;
    grid-template-columns: repeat(12, 1fr);
  }
}
@media only screen and (max-width: 850px) {
  .ds__data {
    display: flex;
    gap: 36px;
    flex-wrap: wrap;
    margin-bottom: 100px;
  }
}
@media only screen and (max-width: 600px) {
  .ds__data {
    gap: 70px;
  }
}
.ds__data-unit {
  position: relative;
  margin-left: calc(20rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .ds__data-unit {
    margin-left: 20px;
  }
}
.ds__data-unit:nth-child(3n+1) {
  grid-column: 1 / span 6;
}
@media only screen and (max-width: 1023px) {
  .ds__data-unit:nth-child(3n+1) {
    grid-column: 1 / span 4;
    justify-self: start;
  }
}
.ds__data-unit:nth-child(3n+2) {
  grid-column: 9 / span 8;
}
@media only screen and (max-width: 1023px) {
  .ds__data-unit:nth-child(3n+2) {
    grid-column: 5 / span 4;
    justify-self: center;
  }
}
.ds__data-unit:nth-child(3n+3) {
  grid-column: 19 / span 6;
}
@media only screen and (max-width: 1023px) {
  .ds__data-unit:nth-child(3n+3) {
    grid-column: 9 / span 4;
    justify-self: end;
  }
}
.ds__data-unit--number {
  color: #F1B53D;
  font-family: "Saira Semi Condensed", sans-serif;
  font-size: calc(150rem * 1 / 18);
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
  letter-spacing: calc(3rem * 1 / 18);
  position: relative;
  opacity: 0;
  transform: translateY(10px);
  transition: opacity 0.3s ease, transform 0.3s ease;
}
@media only screen and (max-width: 1023px) {
  .ds__data-unit--number {
    font-size: 100px;
    line-height: 1;
    letter-spacing: 3px;
  }
}
.ds__data-unit--number[data-visible="true"] {
  opacity: 1;
  transform: translateY(0);
}
.ds__data-unit--number sup {
  position: relative;
  top: calc(-48rem * 1 / 18);
  vertical-align: unset;
}
@media only screen and (max-width: 1023px) {
  .ds__data-unit--number sup {
    top: -48px;
  }
}
@media only screen and (max-width: 600px) {
  .ds__data-unit--number sup {
    top: 0;
    font-size: 100px;
  }
}
.ds__data-unit--number::before {
  content: "";
  position: absolute;
  top: calc(50rem * 1 / 18);
  left: calc(-20rem * 1 / 18);
  width: calc(2rem * 1 / 18);
  height: calc(143rem * 1 / 18);
  background-color: #F8F8F6;
}
@media only screen and (max-width: 1023px) {
  .ds__data-unit--number::before {
    top: 25px;
    left: -20px;
    height: 143px;
    width: 1px;
  }
}
@media only screen and (max-width: 600px) {
  .ds__data-unit--number::before {
    height: 141.5px;
  }
}
.ds__data-unit--text {
  color: #F8F8F6;
  font-family: "Rajdhani", sans-serif;
  font-weight: 500;
  font-size: calc(20rem * 1 / 18);
  font-style: normal;
  line-height: 130%;
  letter-spacing: calc(0.4rem * 1 / 18);
  position: absolute;
  top: calc(26rem * 1 / 18);
  right: calc(-23rem * 1 / 18);
  width: 100%;
  max-width: calc(162rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .ds__data-unit--text {
    font-size: 20px;
    line-height: 26px;
    letter-spacing: 0.5px;
  }
}
@media only screen and (max-width: 1023px) {
  .ds__data-unit--text {
    position: relative;
    top: unset;
    right: unset;
    max-width: 100%;
  }
}
.ds__data-unit--text.text-1 {
  max-width: calc(155rem * 1 / 18);
  right: calc(5rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .ds__data-unit--text.text-1 {
    right: unset;
    max-width: 100%;
  }
}
.ds__data-unit--text.text-2 {
  right: calc(-32rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .ds__data-unit--text.text-2 {
    right: unset;
  }
}
.eis {
  display: grid;
  grid-template-columns: 2.604% repeat(24, 1fr) 2.604%;
  column-gap: calc(20rem * 1 / 18);
  position: relative;
  min-height: calc(600rem * 1 / 18);
  /* HTML: <div class="loader"></div> */
}
@media only screen and (max-width: 1023px) {
  .eis {
    grid-template-columns: repeat(12, 1fr);
    column-gap: 20px;
  }
}
@media only screen and (max-width: 600px) {
  .eis {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media only screen and (max-width: 1023px) {
  .eis {
    padding-left: 32px;
    padding-right: 32px;
    min-height: 600px;
  }
}
@media only screen and (max-width: 600px) {
  .eis {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.eis__intro {
  grid-column: 2 / span 15;
  margin-top: calc(209rem * 1 / 18);
  margin-bottom: calc(46rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .eis__intro {
    grid-column: 1 / -1;
    margin-top: 105px;
    margin-bottom: 23px;
  }
}
.eis__intro-subheading {
  font-family: "Rajdhani", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: calc(20rem * 1 / 18);
  line-height: 150%;
  letter-spacing: calc(0.4rem * 1 / 18);
  text-transform: uppercase;
  color: #abada5;
  margin-bottom: calc(32rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .eis__intro-subheading {
    font-size: 20px;
    letter-spacing: 0.4px;
  }
}
@media only screen and (max-width: 1023px) {
  .eis__intro-subheading {
    margin-bottom: 16px;
  }
}
.eis__intro-heading {
  color: #373938;
  font-family: "Saira Semi Condensed", sans-serif;
  font-weight: 400;
  font-size: calc(48rem * 1 / 18);
  font-style: normal;
  line-height: 105%;
  /* 50.4px */
  letter-spacing: calc(-0.48rem * 1 / 18);
  line-height: 110%;
}
@media only screen and (max-width: 1023px) {
  .eis__intro-heading {
    font-size: 36px !important;
    line-height: 105% !important;
    letter-spacing: unset !important;
  }
}
.eis__elift {
  grid-column: 4 / span 20;
  width: 100%;
  position: relative;
  margin-top: calc(70rem * 1 / 18);
  margin-bottom: calc(40rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .eis__elift {
    grid-column: 1 / -1;
    margin-top: 30px;
    margin-bottom: 20px;
  }
}
.eis__loadMore {
  grid-column: 1 / -1;
  width: calc(1920rem * 1 / 18);
  height: calc(680rem * 1 / 18);
  background: linear-gradient(0deg, #FFF 24.03%, rgba(255, 255, 255, 0.5) 85.18%);
  position: absolute;
  bottom: calc(45rem * 1 / 18);
  left: 0;
  display: none;
}
.eis__loadMore.show {
  display: block;
}
@media only screen and (max-width: 1023px) {
  .eis__loadMore {
    width: calc(100% + 64px);
    height: 650px;
    bottom: 35px;
    left: -32px;
  }
}
@media only screen and (max-width: 600px) {
  .eis__loadMore {
    width: calc(100% + 40px);
    left: -20px;
  }
}
.eis__loadMore-button {
  display: flex;
  align-items: center;
  gap: calc(15rem * 1 / 18);
  padding: calc(4rem * 1 / 18) calc(18rem * 1 / 18) calc(4rem * 1 / 18) calc(18rem * 1 / 18);
  border-radius: calc(6rem * 1 / 18);
  outline: none;
  border: calc(2rem * 1 / 18) solid #F1B53D;
  background-color: transparent;
  cursor: pointer;
  text-decoration: none;
  color: #373938;
  width: fit-content;
  transition: all 0.25s ease-out;
  position: absolute;
  bottom: calc(139rem * 1 / 18);
  left: 50%;
  transform: translateX(-50%);
}
@media only screen and (max-width: 1023px) {
  .eis__loadMore-button {
    padding: 4px 18px 4px 18px;
    border-radius: 6px;
    border: 2px solid #F1B53D;
    gap: 8px;
    width: fit-content;
  }
}
.eis__loadMore-button:hover {
  background-color: #F1B53D;
}
.eis__loadMore-button:hover > span {
  color: #222222;
}
.eis__loadMore-button > span {
  transition: all 0.25s ease-out;
  font-family: "Saira Semi Condensed", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: calc(20rem * 1 / 18);
  line-height: normal;
  letter-spacing: calc(0.4rem * 1 / 18);
  color: #373938;
  white-space: nowrap;
  text-transform: uppercase;
}
.eis__loadMore-button > span.light {
  color: white;
}
@media only screen and (max-width: 1023px) {
  .eis__loadMore-button > span {
    font-size: 20px;
    line-height: normal;
    letter-spacing: 0.4px;
  }
}
@media only screen and (max-width: 1023px) {
  .eis__loadMore-button {
    bottom: 139px;
  }
}
.eis .loader {
  width: 88px;
  height: 12px;
  --_g: no-repeat radial-gradient(farthest-side, #009C49 94%, #0000);
  background: var(--_g) 25% 0, var(--_g) 75% 0;
  background-size: 12px 12px;
  position: relative;
  animation: l24-0 1s linear infinite;
  position: absolute;
  bottom: calc(150rem * 1 / 18);
  left: 50%;
  transform: translateX(-50%);
}
.eis .loader:before {
  content: "";
  position: absolute;
  height: 12px;
  aspect-ratio: 1;
  border-radius: 50%;
  background: #009C49;
  inset: 0;
  margin: auto;
  animation: l24-1 1s cubic-bezier(0.5, 300, 0.5, -300) infinite;
}
@keyframes l24-0 {
  0%,
  24% {
    background-position: 25% 0, 75% 0;
  }
  40% {
    background-position: 25% 0, 85% 0;
  }
  50%,
  72% {
    background-position: 25% 0, 75% 0;
  }
  90% {
    background-position: 15% 0, 75% 0;
  }
  100% {
    background-position: 25% 0, 75% 0;
  }
}
@keyframes l24-1 {
  100% {
    transform: translate(0.1px);
  }
}
.fip {
  display: grid;
  grid-template-columns: 2.604% repeat(24, 1fr) 2.604%;
  column-gap: calc(20rem * 1 / 18);
  position: relative;
  margin-bottom: calc(168rem * 1 / 18);
  /* HTML: <div class="loader"></div> */
}
@media only screen and (max-width: 1023px) {
  .fip {
    grid-template-columns: repeat(12, 1fr);
    column-gap: 20px;
  }
}
@media only screen and (max-width: 600px) {
  .fip {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media only screen and (max-width: 1023px) {
  .fip {
    margin-bottom: 168px;
    padding-left: 32px;
    padding-right: 32px;
  }
}
@media only screen and (max-width: 600px) {
  .fip {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.fip__top {
  grid-column: 2 / span 21;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: calc(142rem * 1 / 18);
  padding: 0 calc(8rem * 1 / 18) 0 calc(10rem * 1 / 18);
  position: relative;
  z-index: 3;
}
@media only screen and (max-width: 1023px) {
  .fip__top {
    grid-column: 1 / -1;
    margin-bottom: 326px;
    padding: 0;
    flex-direction: column;
    align-items: flex-start;
  }
  .fip__top::after {
    content: "";
    width: 100%;
    height: 1px;
    background-color: rgba(171, 173, 165, 0.5);
    position: absolute;
    top: 284px;
    left: 0;
  }
}
.fip__top-heading {
  color: #373938;
  font-family: "Saira Semi Condensed", sans-serif;
  font-weight: 400;
  font-size: calc(80rem * 1 / 18);
  font-style: normal;
  line-height: 105%;
  /* 84px */
  letter-spacing: calc(-1.6rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .fip__top-heading {
    font-size: 48px;
    line-height: 105%;
    letter-spacing: unset;
  }
}
.fip__top-filter {
  width: calc(271rem * 1 / 18);
  position: absolute;
  right: 0;
  top: calc(14rem * 1 / 18);
  padding: calc(11rem * 1 / 18) calc(18rem * 1 / 18);
  border-radius: calc(6rem * 1 / 18);
  border: 2px solid #abada5;
  background: #FFF;
  z-index: 3;
}
@media only screen and (max-width: 1023px) {
  .fip__top-filter {
    width: 271px;
    right: unset;
    top: 140px;
    left: 0;
    padding: 11px 20px;
    border: 2px solid #abada5;
    border-radius: 6px;
  }
}
.fip__top-filter--label {
  color: #373938;
  font-family: "Rajdhani", sans-serif;
  font-weight: 500;
  font-size: calc(20rem * 1 / 18);
  font-style: normal;
  line-height: 150%;
  /* 30px */
  letter-spacing: calc(0.4rem * 1 / 18);
  text-transform: uppercase;
  position: relative;
  cursor: pointer;
}
@media only screen and (max-width: 1400px) {
  .fip__top-filter--label {
    font-size: 20px;
    line-height: 30px;
    letter-spacing: 0.4px;
  }
}
.fip__top-filter--label::after {
  content: "";
  width: calc(18rem * 1 / 18);
  height: calc(9rem * 1 / 18);
  background: url(../images/icons/arrow-down-gray.svg) no-repeat;
  background-size: contain;
  position: absolute;
  right: calc(2rem * 1 / 18);
  top: calc(50%);
  transform: translateY(-50%);
  transition: all 0.25s ease-out;
}
@media only screen and (max-width: 1023px) {
  .fip__top-filter--label::after {
    width: 18px;
    height: 9px;
    right: 2px;
  }
}
.fip__top-filter--label.open::after {
  transform: translateY(-50%) rotate(180deg);
}
.fip__top-filter--list {
  margin-top: calc(12rem * 1 / 18);
  margin-bottom: calc(12rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .fip__top-filter--list {
    margin-top: 12px;
    margin-bottom: 12px;
  }
}
.fip__top-filter--list li {
  font-family: "Rajdhani", sans-serif;
  font-style: normal;
  font-size: calc(20rem * 1 / 18);
  line-height: 150%;
  letter-spacing: calc(0.4rem * 1 / 18);
  text-transform: uppercase;
  color: #abada5;
  display: block;
  font-weight: 500;
  text-transform: none;
  padding: calc(10rem * 1 / 18) calc(10rem * 1 / 18) calc(10rem * 1 / 18) 0;
  border-bottom: calc(1rem * 1 / 18) solid #DEDBD4;
  cursor: pointer;
}
@media only screen and (max-width: 1023px) {
  .fip__top-filter--list li {
    font-size: 20px;
    letter-spacing: 0.4px;
  }
}
@media only screen and (max-width: 1023px) {
  .fip__top-filter--list li {
    padding: 10px 10px 10px 0;
  }
}
.fip__top-filter--list li:nth-child(1) {
  border-top: calc(1rem * 1 / 18) solid #DEDBD4;
}
@media only screen and (max-width: 1023px) {
  .fip__top-filter--list li:nth-child(1) {
    border-top: 1px solid #DEDBD4;
  }
}
.fip__top-filter--list li a {
  text-decoration: none;
  color: #abada5;
  display: block;
}
.fip__top-filter--list li:hover,
.fip__top-filter--list li.active {
  background-color: #F8F8F6;
  padding-left: calc(10rem * 1 / 18);
  color: #373938;
  transition: all 0.25s ease-out;
}
@media only screen and (max-width: 1023px) {
  .fip__top-filter--list li:hover,
  .fip__top-filter--list li.active {
    padding-left: 10px;
  }
}
.fip__top-filter--list li:hover a,
.fip__top-filter--list li.active a {
  color: #373938;
}
.fip__featured {
  grid-column: 2 / span 24;
  display: grid;
  grid-template-columns: repeat(24, 1fr);
  column-gap: calc(20rem * 1 / 18);
  margin-bottom: calc(120rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .fip__featured {
    grid-column: 1 / -1;
    grid-template-columns: repeat(12, 1fr);
    margin-bottom: 100px;
    column-gap: 20px !important;
    gap: 100px;
  }
}
.fip__featured-post {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: repeat(24, 1fr);
  column-gap: calc(20rem * 1 / 18);
  padding: calc(40rem * 1 / 18) 0;
  border-bottom: calc(1rem * 1 / 18) solid #abada5;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}
@media only screen and (max-width: 1023px) {
  .fip__featured-post {
    grid-template-columns: repeat(12, 1fr);
    column-gap: 20px;
    padding: 0;
    border-bottom: none;
    position: relative;
    padding-left: 10px;
    border-left: 1px solid rgba(171, 173, 165, 0.5);
  }
  .fip__featured-post::after {
    content: "";
    width: calc(100% + 64px);
    height: 1px;
    background-color: rgba(171, 173, 165, 0.5);
    position: absolute;
    bottom: -50px;
    left: -32px;
  }
}
@media only screen and (max-width: 600px) {
  .fip__featured-post::after {
    width: calc(100% + 40px);
    left: -20px;
  }
}
.fip__featured-post.hover {
  background: rgba(248, 248, 246, 0.5);
}
@media only screen and (max-width: 1023px) {
  .fip__featured-post.hover {
    background: none;
  }
}
.fip__featured-post.first {
  border-top: calc(1rem * 1 / 18) solid #abada5;
}
@media only screen and (max-width: 1023px) {
  .fip__featured-post.first {
    border-top: none;
  }
}
.fip__featured-post--left {
  grid-column: 1 / span 7;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: calc(124rem * 1 / 18);
  transform: translateX(calc(20rem * 1 / 18));
}
@media only screen and (max-width: 1023px) {
  .fip__featured-post--left {
    grid-column: 1 / -1;
    transform: none;
    gap: 40px;
    margin-bottom: 40px;
  }
}
.fip__featured-post--center {
  grid-column: 9 / span 8;
  width: calc(580rem * 1 / 18);
  height: calc(340rem * 1 / 18);
  border-radius: calc(10rem * 1 / 18);
  overflow: hidden;
  position: relative;
}
@media only screen and (max-width: 1023px) {
  .fip__featured-post--center {
    grid-column: 1 / -1;
    margin-bottom: 30px;
    width: 100%;
    height: 300px;
    border-radius: 8px;
  }
}
@media only screen and (max-width: 600px) {
  .fip__featured-post--center {
    height: 254px;
  }
}
.fip__featured-post--center img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: saturate(0.2);
  transition: all 0.3s ease-in-out;
}
.fip__featured-post--center img.hover {
  filter: saturate(1);
}
.fip__featured-post--right {
  grid-column: 18 / span 6;
}
@media only screen and (max-width: 1023px) {
  .fip__featured-post--right {
    grid-column: 1 / -1;
  }
}
.fip__featured-post--categories {
  color: #abada5;
  font-family: "Rajdhani", sans-serif;
  font-weight: 500;
  font-size: calc(18rem * 1 / 18);
  font-style: normal;
  line-height: 150%;
  /* 27px */
  letter-spacing: calc(0.36rem * 1 / 18);
  text-transform: uppercase;
  line-height: 130%;
  margin-bottom: calc(10rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .fip__featured-post--categories {
    font-size: 18px;
    line-height: 27px;
    letter-spacing: 0.36px;
  }
}
@media only screen and (max-width: 1023px) {
  .fip__featured-post--categories {
    margin-bottom: 10px;
  }
}
.fip__featured-post--title,
.fip__featured-post--subheading {
  color: #abada5;
  font-family: "Saira Semi Condensed", sans-serif;
  font-weight: 400;
  font-weight: 300;
  font-size: calc(30rem * 1 / 18);
  font-style: normal;
  line-height: 114%;
  /* 41.04px */
  color: #373938;
  width: 100%;
  transition: all 0.3s ease-in-out;
}
@media only screen and (max-width: 1023px) {
  .fip__featured-post--title,
  .fip__featured-post--subheading {
    font-size: 30px;
    line-height: 110%;
    letter-spacing: 0.35px;
  }
}
@media only screen and (max-width: 1023px) {
  .fip__featured-post--title,
  .fip__featured-post--subheading {
    font-size: 30px;
  }
}
.fip__featured-post--title.hover,
.fip__featured-post--subheading.hover {
  color: #009C49;
}
.fip__featured-post--title {
  margin-bottom: calc(8rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .fip__featured-post--title {
    margin-bottom: 8px;
  }
}
.fip__featured-post--subheading {
  font-size: calc(28rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .fip__featured-post--subheading {
    font-size: 28px;
  }
}
.fip__featured-post--author {
  color: #abada5;
  font-family: "Rajdhani", sans-serif;
  font-weight: 500;
  font-size: calc(18rem * 1 / 18);
  font-style: normal;
  line-height: 150%;
  /* 27px */
  letter-spacing: calc(0.36rem * 1 / 18);
  text-transform: uppercase;
  color: #373938;
  line-height: 140%;
  text-transform: capitalize;
}
@media only screen and (max-width: 1023px) {
  .fip__featured-post--author {
    font-size: 18px;
    line-height: 27px;
    letter-spacing: 0.36px;
  }
}
.fip__featured-post--tags {
  color: #abada5;
}
@media only screen and (max-width: 1023px) {
  .fip__featured-post--tags {
    display: none;
  }
}
.fip__featured-post--tags > span {
  font-family: "Rajdhani", sans-serif;
  font-weight: 500;
  font-size: calc(18rem * 1 / 18);
  font-style: normal;
  line-height: 150%;
  /* 27px */
  letter-spacing: calc(0.36rem * 1 / 18);
  text-transform: uppercase;
  line-height: 130%;
  color: #abada5;
  text-transform: capitalize;
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: auto;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
}
@media only screen and (max-width: 1023px) {
  .fip__featured-post--tags > span {
    font-size: 18px;
    line-height: 27px;
    letter-spacing: 0.36px;
  }
}
.fip__featured-post--excerpt {
  color: #373938;
  font-family: "Saira Semi Condensed", sans-serif;
  font-weight: 400;
  font-size: calc(20rem * 1 / 18);
  font-style: normal;
  line-height: 140%;
  /* 28px */
  letter-spacing: calc(0.2rem * 1 / 18);
  margin-bottom: calc(30rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .fip__featured-post--excerpt {
    font-size: 18px;
    line-height: 150%;
    letter-spacing: 0.36px;
  }
}
@media only screen and (max-width: 1023px) {
  .fip__featured-post--excerpt {
    margin-bottom: 30px;
  }
}
.fip__featured-post--more {
  color: #abada5;
  font-family: "Saira Semi Condensed", sans-serif;
  font-weight: 500;
  font-size: calc(20rem * 1 / 18);
  font-style: normal;
  line-height: normal;
  letter-spacing: calc(0.2rem * 1 / 18);
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: none;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
  text-transform: capitalize;
  transition: all 0.3s ease-in-out;
}
@media only screen and (max-width: 1400px) {
  .fip__featured-post--more {
    font-size: 20px;
    line-height: normal;
    letter-spacing: 0.2px;
  }
}
.fip__featured-post--more.hover {
  color: #F1B53D;
  text-decoration-color: #F1B53D;
}
.fip__posts {
  grid-column: 2 / span 24;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  row-gap: calc(80rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .fip__posts {
    grid-column: 1 / -1;
    row-gap: 100px;
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    column-gap: 20px;
  }
}
.fip__posts-item {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: calc(92rem * 1 / 18);
  padding: calc(18rem * 1 / 18) 0 calc(18rem * 1 / 18) 0;
  border-left: calc(1rem * 1 / 18) solid rgba(171, 173, 165, 0.5);
  padding-left: calc(20rem * 1 / 18);
  cursor: pointer;
  transition: all 0.25s ease-out;
  width: calc(440rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .fip__posts-item {
    grid-column: 1 / -1;
    gap: 60px;
    padding: 0;
    border-left: 1px solid rgba(171, 173, 165, 0.5);
    padding-left: 10px;
    width: 100%;
    position: relative;
  }
  .fip__posts-item::after {
    content: "";
    width: 100% ;
    height: 1px;
    background-color: rgba(171, 173, 165, 0.5);
    position: absolute;
    bottom: -50px;
    left: 0;
  }
}
.fip__posts-item.hover {
  border-left: calc(1rem * 1 / 18) solid #009C49;
}
@media only screen and (max-width: 1023px) {
  .fip__posts-item.hover {
    border-left: 1px solid #009C49;
  }
}
.fip__posts-item--categories {
  color: #abada5;
  font-family: "Rajdhani", sans-serif;
  font-weight: 500;
  font-size: calc(18rem * 1 / 18);
  font-style: normal;
  line-height: 150%;
  /* 27px */
  letter-spacing: calc(0.36rem * 1 / 18);
  text-transform: uppercase;
  line-height: 130%;
  margin-bottom: calc(10rem * 1 / 18);
  transition: all 0.25s ease-out;
}
@media only screen and (max-width: 1023px) {
  .fip__posts-item--categories {
    font-size: 18px;
    line-height: 27px;
    letter-spacing: 0.36px;
  }
}
@media only screen and (max-width: 1023px) {
  .fip__posts-item--categories {
    margin-bottom: 10px;
  }
}
.fip__posts-item--categories.hover {
  color: #009C49;
}
.fip__posts-item--title,
.fip__posts-item--subheading {
  color: #373938;
  font-family: "Saira Semi Condensed", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: calc(30rem * 1 / 18);
  line-height: 114%;
  /* 34.2px */
  width: 100%;
  max-width: calc(400rem * 1 / 18);
  transition: all 0.25s ease-out;
}
@media only screen and (max-width: 1023px) {
  .fip__posts-item--title,
  .fip__posts-item--subheading {
    font-size: 28px;
    line-height: 114%;
  }
}
@media only screen and (max-width: 1023px) {
  .fip__posts-item--title,
  .fip__posts-item--subheading {
    max-width: 100%;
  }
}
.fip__posts-item--title.hover,
.fip__posts-item--subheading.hover {
  color: #009C49;
}
.fip__posts-item--title {
  margin-bottom: calc(5rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .fip__posts-item--title {
    margin-bottom: 5px;
  }
}
.fip__posts-item--subheading {
  font-size: calc(26rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .fip__posts-item--subheading {
    font-size: 26px;
  }
}
.fip__posts-item--author {
  color: #abada5;
  font-family: "Rajdhani", sans-serif;
  font-weight: 500;
  font-size: calc(18rem * 1 / 18);
  font-style: normal;
  line-height: 150%;
  /* 27px */
  letter-spacing: calc(0.36rem * 1 / 18);
  text-transform: uppercase;
  color: #373938;
  line-height: 140%;
  text-transform: capitalize;
}
@media only screen and (max-width: 1023px) {
  .fip__posts-item--author {
    font-size: 18px;
    line-height: 27px;
    letter-spacing: 0.36px;
  }
}
@media only screen and (max-width: 1023px) {
  .fip__posts-item--author {
    margin-bottom: 30px;
  }
}
.fip__posts-item--tags {
  margin-bottom: calc(30rem * 1 / 18);
  color: #abada5;
}
@media only screen and (max-width: 1023px) {
  .fip__posts-item--tags {
    display: none;
  }
}
.fip__posts-item--tags > span {
  font-family: "Rajdhani", sans-serif;
  font-weight: 500;
  font-size: calc(18rem * 1 / 18);
  font-style: normal;
  line-height: 150%;
  /* 27px */
  letter-spacing: calc(0.36rem * 1 / 18);
  text-transform: uppercase;
  line-height: 130%;
  color: #abada5;
  text-transform: capitalize;
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: auto;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
}
@media only screen and (max-width: 1023px) {
  .fip__posts-item--tags > span {
    font-size: 18px;
    line-height: 27px;
    letter-spacing: 0.36px;
  }
}
.fip__posts-item--more {
  color: #abada5;
  font-family: "Saira Semi Condensed", sans-serif;
  font-weight: 500;
  font-size: calc(20rem * 1 / 18);
  font-style: normal;
  line-height: normal;
  letter-spacing: calc(0.2rem * 1 / 18);
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: none;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
  text-transform: capitalize;
  transition: all 0.25s ease-out;
}
@media only screen and (max-width: 1400px) {
  .fip__posts-item--more {
    font-size: 20px;
    line-height: normal;
    letter-spacing: 0.2px;
  }
}
.fip__posts-item--more.hover {
  color: #F1B53D;
  text-decoration-color: #F1B53D;
}
.fip__notFound {
  grid-column: 2 / span 24;
  text-align: center;
  font-family: "Rajdhani", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: calc(24rem * 1 / 18);
  line-height: calc(38rem * 1 / 18);
}
.fip__notFound.light {
  color: white;
}
@media only screen and (max-width: 1023px) {
  .fip__notFound {
    font-size: 24px;
    line-height: 38px;
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 1023px) {
  .fip__notFound {
    grid-column: 1 / -1;
  }
}
.fip__loadMore {
  grid-column: 1 / -1;
  width: calc(1920rem * 1 / 18);
  height: calc(583rem * 1 / 18);
  background: linear-gradient(0deg, #FFF 24.03%, rgba(255, 255, 255, 0.5) 85.18%);
  position: absolute;
  bottom: calc(-168rem * 1 / 18);
  left: 0;
}
@media only screen and (max-width: 1023px) {
  .fip__loadMore {
    width: calc(100% + 64px);
    height: 583px;
    bottom: -168px;
    left: -32px;
  }
}
@media only screen and (max-width: 600px) {
  .fip__loadMore {
    width: calc(100% + 40px);
    height: 470px;
    bottom: -135px;
    left: -20px;
  }
}
.fip__loadMore-button {
  display: flex;
  align-items: center;
  gap: calc(15rem * 1 / 18);
  padding: calc(4rem * 1 / 18) calc(18rem * 1 / 18) calc(4rem * 1 / 18) calc(18rem * 1 / 18);
  border-radius: calc(6rem * 1 / 18);
  outline: none;
  border: calc(2rem * 1 / 18) solid #F1B53D;
  background-color: transparent;
  cursor: pointer;
  text-decoration: none;
  color: #373938;
  width: fit-content;
  transition: all 0.25s ease-out;
  position: absolute;
  bottom: calc(139rem * 1 / 18);
  left: 50%;
  transform: translateX(-50%);
}
@media only screen and (max-width: 1023px) {
  .fip__loadMore-button {
    padding: 4px 18px 4px 18px;
    border-radius: 6px;
    border: 2px solid #F1B53D;
    gap: 8px;
    width: fit-content;
  }
}
.fip__loadMore-button:hover {
  background-color: #F1B53D;
}
.fip__loadMore-button:hover > span {
  color: #222222;
}
.fip__loadMore-button > span {
  transition: all 0.25s ease-out;
  font-family: "Saira Semi Condensed", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: calc(20rem * 1 / 18);
  line-height: normal;
  letter-spacing: calc(0.4rem * 1 / 18);
  color: #373938;
  white-space: nowrap;
  text-transform: uppercase;
}
.fip__loadMore-button > span.light {
  color: white;
}
@media only screen and (max-width: 1023px) {
  .fip__loadMore-button > span {
    font-size: 20px;
    line-height: normal;
    letter-spacing: 0.4px;
  }
}
@media only screen and (max-width: 1023px) {
  .fip__loadMore-button {
    bottom: 139px;
  }
}
@media only screen and (max-width: 600px) {
  .fip__loadMore-button {
    bottom: 110px;
  }
}
.fip .loader {
  width: 88px;
  height: 12px;
  --_g: no-repeat radial-gradient(farthest-side, #009C49 94%, #0000);
  background: var(--_g) 25% 0, var(--_g) 75% 0;
  background-size: 12px 12px;
  position: relative;
  animation: l24-0 1s linear infinite;
  position: absolute;
  bottom: calc(150rem * 1 / 18);
  left: 50%;
  transform: translateX(-50%);
}
.fip .loader:before {
  content: "";
  position: absolute;
  height: 12px;
  aspect-ratio: 1;
  border-radius: 50%;
  background: #009C49;
  inset: 0;
  margin: auto;
  animation: l24-1 1s cubic-bezier(0.5, 300, 0.5, -300) infinite;
}
@keyframes l24-0 {
  0%,
  24% {
    background-position: 25% 0, 75% 0;
  }
  40% {
    background-position: 25% 0, 85% 0;
  }
  50%,
  72% {
    background-position: 25% 0, 75% 0;
  }
  90% {
    background-position: 15% 0, 75% 0;
  }
  100% {
    background-position: 25% 0, 75% 0;
  }
}
@keyframes l24-1 {
  100% {
    transform: translate(0.1px);
  }
}
.fis {
  display: grid;
  grid-template-columns: 2.604% repeat(24, 1fr) 2.604%;
  column-gap: calc(20rem * 1 / 18);
  position: relative;
}
@media only screen and (max-width: 1023px) {
  .fis {
    grid-template-columns: repeat(12, 1fr);
    column-gap: 20px;
  }
}
@media only screen and (max-width: 600px) {
  .fis {
    grid-template-columns: repeat(4, 1fr);
  }
}
.fis__top {
  grid-column: 2 / span 24;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-left: calc(20rem * 1 / 18);
  margin-bottom: calc(90rem * 1 / 18);
  padding-right: calc(20rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .fis__top {
    grid-column: 1 / -1;
    margin-top: 30px;
    margin-bottom: 70px;
    padding-left: 20px;
    padding-right: 20px;
  }
}
.fis__top-heading {
  font-family: "Rajdhani", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: calc(20rem * 1 / 18);
  line-height: 150%;
  letter-spacing: calc(0.4rem * 1 / 18);
  text-transform: uppercase;
  color: #abada5;
}
@media only screen and (max-width: 1023px) {
  .fis__top-heading {
    font-size: 20px;
    letter-spacing: 0.4px;
  }
}
.fis__top-viewAll {
  color: #abada5;
  text-align: right;
  font-family: "Saira Semi Condensed", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: calc(20rem * 1 / 18);
  line-height: normal;
  letter-spacing: calc(0.2rem * 1 / 18);
  text-transform: capitalize;
  text-decoration: none;
  transition: all 0.25s ease-out;
}
@media only screen and (max-width: 1400px) {
  .fis__top-viewAll {
    font-size: 20px;
    line-height: normal;
    letter-spacing: 0.2px;
  }
}
@media only screen and (max-width: 1023px) {
  .fis__top-viewAll {
    display: none;
  }
}
.fis__top-viewAll:hover {
  color: #F1B53D;
  text-decoration: underline;
  text-decoration-color: #F1B53D;
}
.fis__posts {
  grid-column: 2 / span 24;
  position: relative;
  display: flex;
}
@media only screen and (max-width: 1023px) {
  .fis__posts {
    grid-column: 1 / -1;
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media only screen and (max-width: 800px) {
  .fis__posts {
    flex-wrap: wrap;
    gap: 50px;
  }
}
@media only screen and (max-width: 600px) {
  .fis__posts {
    gap: 100px;
  }
}
.fis__post {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: calc(92rem * 1 / 18);
  padding: calc(18rem * 1 / 18) calc(40rem * 1 / 18) calc(18rem * 1 / 18) calc(20rem * 1 / 18);
  border-left: calc(1rem * 1 / 18) solid rgba(171, 173, 165, 0.5);
  width: calc(440rem * 1 / 18);
  cursor: pointer;
  transition: all 0.25s ease-out;
}
@media only screen and (max-width: 1023px) {
  .fis__post {
    width: 350px;
    padding: 18px 20px 18px 20px;
    border-left: 1px solid rgba(171, 173, 165, 0.5);
    gap: 60px;
  }
  .fis__post:nth-child(4) {
    display: none;
  }
}
@media only screen and (max-width: 800px) {
  .fis__post {
    width: 100%;
  }
}
@media only screen and (max-width: 600px) {
  .fis__post {
    position: relative;
  }
  .fis__post::before {
    content: "";
    position: absolute;
    top: -50px;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: rgba(171, 173, 165, 0.5);
    z-index: 1;
  }
  .fis__post:nth-child(1)::before {
    display: none;
  }
}
.fis__post.hover {
  border-left: calc(1rem * 1 / 18) solid #009C49;
}
@media only screen and (max-width: 1023px) {
  .fis__post.hover {
    border-left: 1px solid #009C49;
  }
}
.fis__post-categories {
  color: #abada5;
  font-family: "Rajdhani", sans-serif;
  font-weight: 500;
  font-size: calc(18rem * 1 / 18);
  font-style: normal;
  line-height: 150%;
  /* 27px */
  letter-spacing: calc(0.36rem * 1 / 18);
  text-transform: uppercase;
  line-height: 130%;
  margin-bottom: calc(10rem * 1 / 18);
  transition: all 0.25s ease-out;
}
@media only screen and (max-width: 1023px) {
  .fis__post-categories {
    font-size: 18px;
    line-height: 27px;
    letter-spacing: 0.36px;
  }
}
@media only screen and (max-width: 1023px) {
  .fis__post-categories {
    margin-bottom: 10px;
  }
}
.fis__post-categories.hover {
  color: #009C49;
}
.fis__post-title,
.fis__post-subheading {
  color: #373938;
  font-family: "Saira Semi Condensed", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: calc(30rem * 1 / 18);
  line-height: 114%;
  /* 34.2px */
  width: 100%;
  max-width: calc(400rem * 1 / 18);
  transition: all 0.25s ease-out;
}
@media only screen and (max-width: 1023px) {
  .fis__post-title,
  .fis__post-subheading {
    font-size: 28px;
    line-height: 114%;
  }
}
@media only screen and (max-width: 1023px) {
  .fis__post-title,
  .fis__post-subheading {
    max-width: 100%;
  }
}
.fis__post-title.hover,
.fis__post-subheading.hover {
  color: #009C49;
}
.fis__post-title {
  margin-bottom: calc(5rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .fis__post-title {
    margin-bottom: 5px;
  }
}
.fis__post-subheading {
  font-size: calc(26rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .fis__post-subheading {
    font-size: 24px;
  }
}
.fis__post-author {
  color: #abada5;
  font-family: "Rajdhani", sans-serif;
  font-weight: 500;
  font-size: calc(18rem * 1 / 18);
  font-style: normal;
  line-height: 150%;
  /* 27px */
  letter-spacing: calc(0.36rem * 1 / 18);
  text-transform: uppercase;
  color: #373938;
  line-height: 140%;
  text-transform: capitalize;
}
@media only screen and (max-width: 1023px) {
  .fis__post-author {
    font-size: 18px;
    line-height: 27px;
    letter-spacing: 0.36px;
  }
}
.fis__post-tags {
  margin-bottom: calc(30rem * 1 / 18);
  color: #abada5;
}
@media only screen and (max-width: 1023px) {
  .fis__post-tags {
    display: none;
  }
}
.fis__post-tags > span {
  font-family: "Rajdhani", sans-serif;
  font-weight: 500;
  font-size: calc(18rem * 1 / 18);
  font-style: normal;
  line-height: 150%;
  /* 27px */
  letter-spacing: calc(0.36rem * 1 / 18);
  text-transform: uppercase;
  line-height: 130%;
  color: #abada5;
  text-transform: capitalize;
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: auto;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
}
@media only screen and (max-width: 1023px) {
  .fis__post-tags > span {
    font-size: 18px;
    line-height: 27px;
    letter-spacing: 0.36px;
  }
}
.fis__post-more {
  color: #abada5;
  font-family: "Saira Semi Condensed", sans-serif;
  font-weight: 500;
  font-size: calc(20rem * 1 / 18);
  font-style: normal;
  line-height: normal;
  letter-spacing: calc(0.2rem * 1 / 18);
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: none;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
  text-transform: capitalize;
  transition: all 0.25s ease-out;
}
@media only screen and (max-width: 1400px) {
  .fis__post-more {
    font-size: 20px;
    line-height: normal;
    letter-spacing: 0.2px;
  }
}
.fis__post-more.hover {
  color: #F1B53D;
  text-decoration-color: #F1B53D;
}
.fis__viewAllMobile {
  display: flex;
  align-items: center;
  gap: calc(15rem * 1 / 18);
  padding: calc(4rem * 1 / 18) calc(18rem * 1 / 18) calc(4rem * 1 / 18) calc(18rem * 1 / 18);
  border-radius: calc(6rem * 1 / 18);
  outline: none;
  border: calc(2rem * 1 / 18) solid #F1B53D;
  background-color: transparent;
  cursor: pointer;
  text-decoration: none;
  color: #373938;
  width: fit-content;
  transition: all 0.25s ease-out;
  display: none;
}
@media only screen and (max-width: 1023px) {
  .fis__viewAllMobile {
    padding: 4px 18px 4px 18px;
    border-radius: 6px;
    border: 2px solid #F1B53D;
    gap: 8px;
    width: fit-content;
  }
}
.fis__viewAllMobile:hover {
  background-color: #F1B53D;
}
.fis__viewAllMobile:hover > span {
  color: #222222;
}
.fis__viewAllMobile > span {
  transition: all 0.25s ease-out;
  font-family: "Saira Semi Condensed", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: calc(20rem * 1 / 18);
  line-height: normal;
  letter-spacing: calc(0.4rem * 1 / 18);
  color: #373938;
  white-space: nowrap;
  text-transform: uppercase;
}
.fis__viewAllMobile > span.light {
  color: white;
}
@media only screen and (max-width: 1023px) {
  .fis__viewAllMobile > span {
    font-size: 20px;
    line-height: normal;
    letter-spacing: 0.4px;
  }
}
@media only screen and (max-width: 1023px) {
  .fis__viewAllMobile {
    display: block;
    margin-left: 20px;
    margin-top: -30px;
  }
}
.fits {
  display: grid;
  grid-template-columns: 2.604% repeat(24, 1fr) 2.604%;
  column-gap: calc(20rem * 1 / 18);
  position: relative;
}
@media only screen and (max-width: 1023px) {
  .fits {
    grid-template-columns: repeat(12, 1fr);
    column-gap: 20px;
  }
}
@media only screen and (max-width: 600px) {
  .fits {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media only screen and (max-width: 1023px) {
  .fits {
    padding-left: 32px;
    padding-right: 32px;
  }
}
@media only screen and (max-width: 600px) {
  .fits {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.fits__back {
  grid-column: 1 / -1;
  height: calc(89rem * 1 / 18);
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: calc(15rem * 1 / 18);
  border-bottom: calc(1rem * 1 / 18) solid #ebe9e5;
  padding-left: calc(71rem * 1 / 18);
  cursor: pointer;
  text-decoration: none;
  position: relative;
}
@media only screen and (max-width: 1023px) {
  .fits__back {
    height: 80px;
    border-bottom: none;
    padding-left: 32px;
    gap: 15px;
  }
  .fits__back::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: -32px;
    width: calc(100% + 64px);
    height: 1px;
    background-color: #ebe9e5;
  }
}
@media only screen and (max-width: 600px) {
  .fits__back {
    padding-left: 20px;
  }
  .fits__back::after {
    width: calc(100% + 40px);
    left: -20px;
  }
}
.fits__back svg {
  width: calc(14.901rem * 1 / 18);
  height: calc(11.806rem * 1 / 18);
  object-fit: contain;
}
@media only screen and (max-width: 1023px) {
  .fits__back svg {
    width: 14.901px;
    height: 11.806px;
  }
}
.fits__back svg path {
  transition: all 0.25s ease-out;
}
.fits__back > span {
  color: #373938;
  font-family: "Rajdhani", sans-serif;
  font-weight: 500;
  font-size: calc(18rem * 1 / 18);
  font-style: normal;
  line-height: 140%;
  /* 25.2px */
  letter-spacing: calc(0.36rem * 1 / 18);
  text-transform: capitalize;
  text-transform: uppercase;
  transition: all 0.25s ease-out;
  text-decoration: none;
}
@media only screen and (max-width: 1023px) {
  .fits__back > span {
    font-size: 18px;
    line-height: 25.2px;
    letter-spacing: 0.36px;
  }
}
.fits__back:hover svg path {
  stroke: #F1B53D;
}
.fits__back:hover > span {
  color: #F1B53D;
  text-decoration: underline;
  text-decoration-color: #F1B53D;
}
.fits__message {
  grid-column: 2 / span 24;
  color: #373938;
  font-family: "Saira Semi Condensed", sans-serif;
  font-weight: 400;
  font-size: calc(48rem * 1 / 18);
  font-style: normal;
  line-height: 105%;
  /* 50.4px */
  letter-spacing: calc(-0.48rem * 1 / 18);
  margin-top: calc(82rem * 1 / 18);
  margin-bottom: calc(142rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .fits__message {
    font-size: 36px !important;
    line-height: 105% !important;
    letter-spacing: unset !important;
  }
}
@media only screen and (max-width: 1023px) {
  .fits__message {
    grid-column: 1 / -1;
    margin-top: 82px;
    margin-bottom: 142px;
  }
}
.fits__posts {
  grid-column: 2 / span 24;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  row-gap: calc(80rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .fits__posts {
    grid-column: 1 / -1;
    row-gap: 100px;
  }
}
.fits__posts-item {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: calc(92rem * 1 / 18);
  padding: calc(18rem * 1 / 18) 0 calc(18rem * 1 / 18) 0;
  border-left: calc(1rem * 1 / 18) solid rgba(171, 173, 165, 0.5);
  padding-left: calc(20rem * 1 / 18);
  cursor: pointer;
  transition: all 0.25s ease-out;
  width: calc(440rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .fits__posts-item {
    grid-column: 1 / -1;
    gap: 60px;
    padding: 0;
    border-left: 1px solid rgba(171, 173, 165, 0.5);
    padding-left: 10px;
    width: 100%;
    position: relative;
  }
  .fits__posts-item::after {
    content: "";
    width: 100% ;
    height: 1px;
    background-color: rgba(171, 173, 165, 0.5);
    position: absolute;
    bottom: -50px;
    left: 0;
  }
}
.fits__posts-item.hover {
  border-left: calc(1rem * 1 / 18) solid #009C49;
}
@media only screen and (max-width: 1023px) {
  .fits__posts-item.hover {
    border-left: 1px solid #009C49;
  }
}
.fits__posts-item--categories {
  color: #abada5;
  font-family: "Rajdhani", sans-serif;
  font-weight: 500;
  font-size: calc(18rem * 1 / 18);
  font-style: normal;
  line-height: 150%;
  /* 27px */
  letter-spacing: calc(0.36rem * 1 / 18);
  text-transform: uppercase;
  line-height: 130%;
  margin-bottom: calc(10rem * 1 / 18);
  transition: all 0.25s ease-out;
}
@media only screen and (max-width: 1023px) {
  .fits__posts-item--categories {
    font-size: 18px;
    line-height: 27px;
    letter-spacing: 0.36px;
  }
}
@media only screen and (max-width: 1023px) {
  .fits__posts-item--categories {
    margin-bottom: 10px;
  }
}
.fits__posts-item--categories.hover {
  color: #009C49;
}
.fits__posts-item--title,
.fits__posts-item--subheading {
  color: #373938;
  font-family: "Saira Semi Condensed", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: calc(30rem * 1 / 18);
  line-height: 114%;
  /* 34.2px */
  width: 100%;
  max-width: calc(400rem * 1 / 18);
  transition: all 0.25s ease-out;
}
@media only screen and (max-width: 1023px) {
  .fits__posts-item--title,
  .fits__posts-item--subheading {
    font-size: 28px;
    line-height: 114%;
  }
}
@media only screen and (max-width: 1023px) {
  .fits__posts-item--title,
  .fits__posts-item--subheading {
    max-width: 100%;
  }
}
.fits__posts-item--title.hover,
.fits__posts-item--subheading.hover {
  color: #009C49;
}
.fits__posts-item--title {
  margin-bottom: calc(5rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .fits__posts-item--title {
    margin-bottom: 5px;
  }
}
.fits__posts-item--subheading {
  font-size: calc(26rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .fits__posts-item--subheading {
    font-size: 26px;
  }
}
.fits__posts-item--author {
  color: #abada5;
  font-family: "Rajdhani", sans-serif;
  font-weight: 500;
  font-size: calc(18rem * 1 / 18);
  font-style: normal;
  line-height: 150%;
  /* 27px */
  letter-spacing: calc(0.36rem * 1 / 18);
  text-transform: uppercase;
  color: #373938;
  line-height: 140%;
  text-transform: capitalize;
}
@media only screen and (max-width: 1023px) {
  .fits__posts-item--author {
    font-size: 18px;
    line-height: 27px;
    letter-spacing: 0.36px;
  }
}
@media only screen and (max-width: 1023px) {
  .fits__posts-item--author {
    margin-bottom: 30px;
  }
}
.fits__posts-item--tags {
  margin-bottom: calc(30rem * 1 / 18);
  color: #abada5;
}
@media only screen and (max-width: 1023px) {
  .fits__posts-item--tags {
    display: none;
  }
}
.fits__posts-item--tags > span {
  font-family: "Rajdhani", sans-serif;
  font-weight: 500;
  font-size: calc(18rem * 1 / 18);
  font-style: normal;
  line-height: 150%;
  /* 27px */
  letter-spacing: calc(0.36rem * 1 / 18);
  text-transform: uppercase;
  line-height: 130%;
  color: #abada5;
  text-transform: capitalize;
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: auto;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
}
@media only screen and (max-width: 1023px) {
  .fits__posts-item--tags > span {
    font-size: 18px;
    line-height: 27px;
    letter-spacing: 0.36px;
  }
}
.fits__posts-item--more {
  color: #abada5;
  font-family: "Saira Semi Condensed", sans-serif;
  font-weight: 500;
  font-size: calc(20rem * 1 / 18);
  font-style: normal;
  line-height: normal;
  letter-spacing: calc(0.2rem * 1 / 18);
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: none;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
  text-transform: capitalize;
  transition: all 0.25s ease-out;
}
@media only screen and (max-width: 1400px) {
  .fits__posts-item--more {
    font-size: 20px;
    line-height: normal;
    letter-spacing: 0.2px;
  }
}
.fits__posts-item--more.hover {
  color: #F1B53D;
  text-decoration-color: #F1B53D;
}
.git {
  display: grid;
  grid-template-columns: 2.604% repeat(24, 1fr) 2.604%;
  column-gap: calc(20rem * 1 / 18);
  position: relative;
}
@media only screen and (max-width: 1023px) {
  .git {
    grid-template-columns: repeat(12, 1fr);
    column-gap: 20px;
  }
}
@media only screen and (max-width: 600px) {
  .git {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media only screen and (max-width: 1023px) {
  .git {
    margin-top: 65px;
  }
}
.git__content {
  grid-column: 2 / span 11;
}
@media only screen and (max-width: 1023px) {
  .git__content {
    grid-column: 1 / -1;
  }
}
.git__content-subheading {
  font-family: "Rajdhani", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: calc(20rem * 1 / 18);
  line-height: 150%;
  letter-spacing: calc(0.4rem * 1 / 18);
  text-transform: uppercase;
  color: #abada5;
  margin-bottom: calc(32rem * 1 / 18);
  padding-left: calc(20rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .git__content-subheading {
    font-size: 20px;
    letter-spacing: 0.4px;
  }
}
@media only screen and (max-width: 1023px) {
  .git__content-subheading {
    font-size: 18px;
    margin-bottom: 32px;
    padding-left: 32px;
    padding-right: 32px;
  }
}
@media only screen and (max-width: 600px) {
  .git__content-subheading {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.git__content-heading {
  color: #373938;
  font-family: "Saira Semi Condensed", sans-serif;
  font-weight: 400;
  font-size: calc(80rem * 1 / 18);
  font-style: normal;
  line-height: 105%;
  /* 84px */
  letter-spacing: calc(-1.6rem * 1 / 18);
  margin-bottom: calc(32rem * 1 / 18);
  padding-left: calc(20rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .git__content-heading {
    font-size: 48px;
    line-height: 105%;
    letter-spacing: unset;
  }
}
@media only screen and (max-width: 1023px) {
  .git__content-heading {
    margin-bottom: 30px;
    padding-left: 32px;
    padding-right: 32px;
  }
}
@media only screen and (max-width: 600px) {
  .git__content-heading {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.git__content-description {
  margin-bottom: calc(61rem * 1 / 18);
  max-width: calc(730rem * 1 / 18);
  padding-left: calc(20rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .git__content-description {
    margin-bottom: 24px;
    padding-left: 35px;
    padding-right: 32px;
    max-width: 100%;
  }
}
@media only screen and (max-width: 600px) {
  .git__content-description {
    padding-left: 23px;
    padding-right: 20px;
  }
}
.git__content-description > * {
  color: #373938;
  font-family: "Rajdhani", sans-serif;
  font-weight: 500;
  font-size: calc(20rem * 1 / 18);
  font-style: normal;
  line-height: 150%;
  /* 30px */
  letter-spacing: calc(0.4rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .git__content-description > * {
    font-size: 20px;
    letter-spacing: 0.4px;
    line-height: 150%;
  }
}
@media only screen and (max-width: 1023px) {
  .git__content-description > * {
    font-size: 18px;
  }
}
.git__content-image {
  width: calc(804rem * 1 / 18);
  height: calc(495rem * 1 / 18);
  display: flex;
  justify-content: center;
  align-items: center;
}
@media only screen and (max-width: 1023px) {
  .git__content-image {
    width: 100%;
    height: auto;
  }
}
.git__content-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: calc(30rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .git__content-image img {
    border-radius: 0;
  }
}
.git__form {
  grid-column: 14 / span 12;
  /* Hide default appearance */
  /* When checked */
  /* Add custom dot inside when checked */
}
@media only screen and (max-width: 1023px) {
  .git__form {
    grid-column: 1 / -1;
    margin-top: 45px;
    padding-left: 32px;
    padding-right: 32px;
  }
}
@media only screen and (max-width: 600px) {
  .git__form {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.git__form .gform_required_legend {
  display: none;
}
.git__form .gfield {
  display: flex;
  flex-direction: column;
  gap: calc(6rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .git__form .gfield {
    gap: 6px;
  }
}
.git__form .gfield_label {
  color: #373938;
  font-family: "Rajdhani", sans-serif;
  font-weight: 500;
  font-size: calc(20rem * 1 / 18);
  font-style: normal;
  line-height: 150%;
  /* 30px */
  letter-spacing: calc(0.4rem * 1 / 18);
  text-transform: uppercase;
}
@media only screen and (max-width: 1400px) {
  .git__form .gfield_label {
    font-size: 20px;
    line-height: 30px;
    letter-spacing: 0.4px;
  }
}
.git__form .gchoice {
  text-transform: uppercase;
}
.git__form .gchoice label {
  color: #373938;
  font-family: "Rajdhani", sans-serif;
  font-weight: 500;
  font-size: calc(20rem * 1 / 18);
  font-style: normal;
  line-height: 150%;
  /* 30px */
  letter-spacing: calc(0.4rem * 1 / 18);
  text-transform: uppercase;
}
@media only screen and (max-width: 1400px) {
  .git__form .gchoice label {
    font-size: 20px;
    line-height: 30px;
    letter-spacing: 0.4px;
  }
}
.git__form .ginput_container {
  min-height: calc(56rem * 1 / 18);
  padding: calc(11rem * 1 / 18) calc(20rem * 1 / 18);
  border-radius: calc(6rem * 1 / 18);
  border: calc(2rem * 1 / 18) solid rgba(171, 173, 165, 0.6);
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 1023px) {
  .git__form .ginput_container {
    padding: 11px 20px;
    min-height: 56px;
    border-radius: 6px;
  }
}
.git__form .ginput_container input {
  border: none;
  font-size: calc(20rem * 1 / 18);
  font-family: "Rajdhani", sans-serif;
  font-weight: 400;
  font-style: normal;
}
@media only screen and (max-width: 1023px) {
  .git__form .ginput_container input {
    font-size: 20px;
  }
}
.git__form .ginput_container select {
  font-size: calc(16rem * 1 / 18);
  border: none;
  cursor: pointer;
  font-family: "Rajdhani", sans-serif;
  font-weight: 400;
  font-style: normal;
}
@media only screen and (max-width: 1023px) {
  .git__form .ginput_container select {
    font-size: 16px;
  }
}
.git__form .ginput_container textarea {
  font-size: calc(16rem * 1 / 18);
  border: none;
  font-family: "Rajdhani", sans-serif;
  font-weight: 400;
  font-style: normal;
}
@media only screen and (max-width: 1023px) {
  .git__form .ginput_container textarea {
    font-size: 16px;
  }
}
.git__form .ginput_container_radio {
  min-height: auto;
  margin-top: calc(16rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .git__form .ginput_container_radio {
    margin-top: 16px;
  }
}
.git__form .gchoice {
  display: flex;
  align-items: center;
  gap: calc(10rem * 1 / 18) !important;
}
@media only screen and (max-width: 1023px) {
  .git__form .gchoice {
    gap: 10px !important;
  }
}
.git__form .gchoice input {
  margin: 0;
  width: calc(28rem * 1 / 18);
  height: calc(28rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .git__form .gchoice input {
    width: 28px;
    height: 28px;
  }
}
.git__form .gfield_description {
  font-family: "Rajdhani", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: calc(18rem * 1 / 18);
  line-height: 150%;
}
@media only screen and (max-width: 1023px) {
  .git__form .gfield_description {
    font-size: 18px;
  }
}
.git__form .gfield-choice-input[type="radio"] {
  appearance: none;
  -webkit-appearance: none;
  background-color: #fff;
  border: 2px solid #ccc;
  border-radius: 50%;
  width: 28px;
  height: 28px;
  position: relative;
  cursor: pointer;
  vertical-align: middle;
  transition: border 0.2s ease-in-out;
}
.git__form .gfield-choice-input[type="radio"]:checked {
  border-color: green;
}
.git__form .gfield-choice-input[type="radio"]:checked::before {
  content: "";
  display: block;
  width: 14px;
  height: 14px;
  background-color: green;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.git__form .gfield--type-captcha label {
  display: none;
}
@media only screen and (max-width: 1385px) {
  .git__form .gfield--type-captcha {
    width: 100%;
    grid-column: 1 / -1 !important;
  }
}
.git__form .gform-footer {
  position: absolute;
  bottom: 0;
}
@media only screen and (max-width: 1385px) {
  .git__form .gform-footer {
    position: relative;
  }
}
@media only screen and (max-width: 1023px) {
  .git__form .gform-footer {
    padding-top: 16px;
  }
}
.git__form #gform_submit_button_1 {
  font-family: "Rajdhani", sans-serif;
  font-weight: 500;
  font-size: calc(20rem * 1 / 18);
  font-style: normal;
  line-height: 150%;
  /* 30px */
  letter-spacing: calc(0.4rem * 1 / 18);
  text-transform: uppercase;
  display: flex;
  align-items: center;
  gap: calc(15rem * 1 / 18);
  padding: calc(4rem * 1 / 18) calc(18rem * 1 / 18) calc(4rem * 1 / 18) calc(18rem * 1 / 18);
  border-radius: calc(6rem * 1 / 18);
  outline: none;
  border: calc(2rem * 1 / 18) solid #F1B53D;
  background-color: transparent;
  cursor: pointer;
  text-decoration: none;
  color: #373938;
  width: fit-content;
  transition: all 0.25s ease-out;
}
@media only screen and (max-width: 1400px) {
  .git__form #gform_submit_button_1 {
    font-size: 20px;
    line-height: 30px;
    letter-spacing: 0.4px;
  }
}
@media only screen and (max-width: 1023px) {
  .git__form #gform_submit_button_1 {
    padding: 4px 18px 4px 18px;
    border-radius: 6px;
    border: 2px solid #F1B53D;
    gap: 8px;
    width: fit-content;
  }
}
.git__form #gform_submit_button_1:hover {
  background-color: #F1B53D;
}
.git__form #gform_submit_button_1:hover > span {
  color: #222222;
}
.git__form #gform_submit_button_1 > span {
  transition: all 0.25s ease-out;
  font-family: "Saira Semi Condensed", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: calc(20rem * 1 / 18);
  line-height: normal;
  letter-spacing: calc(0.4rem * 1 / 18);
  color: #373938;
  white-space: nowrap;
  text-transform: uppercase;
}
.git__form #gform_submit_button_1 > span.light {
  color: white;
}
@media only screen and (max-width: 1023px) {
  .git__form #gform_submit_button_1 > span {
    font-size: 20px;
    line-height: normal;
    letter-spacing: 0.4px;
  }
}
.git__form .gform_confirmation_message {
  color: #373938;
  font-family: "Rajdhani", sans-serif;
  font-weight: 500;
  font-size: calc(20rem * 1 / 18);
  font-style: normal;
  line-height: 150%;
  /* 30px */
  letter-spacing: calc(0.4rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .git__form .gform_confirmation_message {
    font-size: 20px;
    letter-spacing: 0.4px;
    line-height: 150%;
  }
}
.git__form .gform_submission_error {
  font-size: calc(25rem * 1 / 18) !important;
  line-height: 130% !important;
  letter-spacing: 0 !important;
}
@media only screen and (max-width: 1023px) {
  .git__form .gform_submission_error {
    font-size: 25px !important;
  }
}
.git__form .gfield_validation_message {
  color: #c02b0a;
}
.git__form .noneTextTransform {
  text-transform: none !important;
}
.git__form .noneTextTransform > * {
  text-transform: none !important;
}
.git__form .no-border {
  border: none;
  padding: unset;
}
.git__form .no-border > * {
  border: none;
  padding: unset;
}
.git__form .flex-row .gfield_radio {
  flex-direction: row !important;
  gap: calc(79rem * 1 / 18) !important;
}
@media only screen and (max-width: 1023px) {
  .git__form .flex-row .gfield_radio {
    gap: 79px !important;
  }
}
.git__form .term-conditions {
  width: calc(550rem * 1 / 18);
  padding: calc(15rem * 1 / 18) calc(20rem * 1 / 18);
  border-radius: calc(6rem * 1 / 18);
  border: calc(2rem * 1 / 18) solid rgba(171, 173, 165, 0.6);
  color: #373938;
  font-family: "Rajdhani", sans-serif;
  font-weight: 500;
  font-size: calc(16rem * 1 / 18);
  font-style: normal;
  line-height: 130%;
  /* 20.8px */
  letter-spacing: calc(0.16rem * 1 / 18);
  opacity: 0.6;
  gap: 0;
  justify-self: flex-end;
}
@media only screen and (max-width: 1400px) {
  .git__form .term-conditions {
    font-size: 16px;
    line-height: 20.8px;
    letter-spacing: 0.16px;
  }
}
@media only screen and (max-width: 1023px) {
  .git__form .term-conditions {
    width: 100%;
    padding: 15px 0px;
    border-radius: none;
    border: none;
    margin-bottom: 40px;
    margin-top: 40px;
  }
}
.git__form .term-conditions > * {
  color: #373938;
  font-family: "Rajdhani", sans-serif;
  font-weight: 500;
  font-size: calc(16rem * 1 / 18);
  font-style: normal;
  line-height: 130%;
  /* 20.8px */
  letter-spacing: calc(0.16rem * 1 / 18);
}
@media only screen and (max-width: 1400px) {
  .git__form .term-conditions > * {
    font-size: 16px;
    line-height: 20.8px;
    letter-spacing: 0.16px;
  }
}
.git__form .term-conditions > b {
  font-weight: 600;
}
@media only screen and (max-width: 1850px) {
  .git__form .term-conditions {
    width: calc(500rem * 1 / 18);
  }
}
@media only screen and (max-width: 1615px) {
  .git__form .term-conditions {
    width: calc(450rem * 1 / 18);
  }
}
@media only screen and (max-width: 1530px) {
  .git__form .term-conditions {
    width: calc(430rem * 1 / 18);
  }
}
@media only screen and (max-width: 1420px) {
  .git__form .term-conditions {
    width: calc(380rem * 1 / 18);
  }
}
@media only screen and (max-width: 1385px) {
  .git__form .term-conditions {
    width: 100%;
    grid-column: 1 / -1 !important;
  }
}
.hai {
  display: grid;
  grid-template-columns: 2.604% repeat(24, 1fr) 2.604%;
  column-gap: calc(20rem * 1 / 18);
  position: relative;
  background-color: #222222;
  min-height: calc(1080rem * 1 / 18);
  padding-bottom: calc(58rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .hai {
    grid-template-columns: repeat(12, 1fr);
    column-gap: 20px;
  }
}
@media only screen and (max-width: 600px) {
  .hai {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media only screen and (max-width: 1023px) {
  .hai {
    min-height: 600px;
    padding-left: 32px;
    padding-right: 32px;
    padding-bottom: 114.82px;
  }
}
@media only screen and (max-width: 600px) {
  .hai {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.hai.type_5 {
  min-height: calc(1177rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .hai.type_5 {
    min-height: 600px;
  }
}
.hai__content,
.hai__image {
  margin-top: calc(146rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .hai__content,
  .hai__image {
    margin-top: 70px;
  }
}
.hai__content {
  grid-column: 2 / span 11;
  padding-left: calc(20rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .hai__content {
    grid-column: 1 / -1;
  }
}
.hai__content.type_5 {
  margin-top: calc(150rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .hai__content.type_5 {
    margin-top: 70px;
  }
}
.hai__content.reverse {
  grid-column: 15 / span 11;
  padding-left: 0;
}
@media only screen and (max-width: 1023px) {
  .hai__content.reverse {
    grid-column: 1 / -1;
  }
}
.hai__content-subheading {
  font-family: "Rajdhani", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: calc(20rem * 1 / 18);
  line-height: 150%;
  letter-spacing: calc(0.4rem * 1 / 18);
  text-transform: uppercase;
  color: #abada5;
  margin-bottom: calc(70rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .hai__content-subheading {
    font-size: 20px;
    letter-spacing: 0.4px;
  }
}
@media only screen and (max-width: 1023px) {
  .hai__content-subheading {
    font-size: 18px;
    margin-bottom: 50px;
  }
}
.hai__content-heading {
  color: #abada5;
  font-family: "Saira Semi Condensed", sans-serif;
  font-weight: 400;
  font-weight: 300;
  font-size: calc(48rem * 1 / 18);
  font-style: normal;
  line-height: 110%;
  /* 52.8px */
  color: #DEDBD4;
  letter-spacing: calc(-0.48rem * 1 / 18);
  margin-bottom: calc(57rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .hai__content-heading {
    font-size: 36px;
    line-height: 110%;
  }
}
@media only screen and (max-width: 1023px) {
  .hai__content-heading {
    margin-bottom: 57px;
    letter-spacing: -0.36px;
  }
}
.hai__content-heading.type-2 {
  margin-bottom: calc(35rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .hai__content-heading.type-2 {
    margin-bottom: 57px;
  }
}
.hai__content-accordion {
  display: flex;
  flex-direction: column;
  gap: calc(24rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .hai__content-accordion {
    gap: 24px;
    margin-bottom: 0;
  }
}
.hai__content-accordion--item {
  padding: 0 calc(75rem * 1 / 18) calc(22rem * 1 / 18) calc(20rem * 1 / 18);
  border-bottom: calc(1rem * 1 / 18) solid rgba(171, 173, 165, 0.5);
  position: relative;
}
@media only screen and (max-width: 1023px) {
  .hai__content-accordion--item {
    padding: 0 5px 22px 0;
    border-bottom: 1px solid rgba(171, 173, 165, 0.5);
  }
}
.hai__content-accordion--item.type-2 {
  padding: 0 calc(75rem * 1 / 18) calc(22rem * 1 / 18) 0;
}
@media only screen and (max-width: 1023px) {
  .hai__content-accordion--item.type-2 {
    padding: 0 5px 22px 0;
    border-bottom: 1px solid rgba(171, 173, 165, 0.5);
  }
}
.hai__content-accordion--item.type-2:first-child {
  border-top: calc(1rem * 1 / 18) solid rgba(171, 173, 165, 0.5);
  padding-top: calc(22rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .hai__content-accordion--item.type-2:first-child {
    border-top: 1px solid rgba(171, 173, 165, 0.5);
    padding-top: 22px;
  }
}
.hai__content-accordion--item .title {
  color: #abada5;
  font-family: "Rajdhani", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: calc(32rem * 1 / 18);
  line-height: 150%;
  /* 48px */
  letter-spacing: calc(0.64rem * 1 / 18);
  transition: all 0.25s ease-out;
  position: relative;
  cursor: pointer;
  display: flex;
  gap: calc(8rem * 1 / 18);
}
@media only screen and (max-width: 1400px) {
  .hai__content-accordion--item .title {
    font-size: 24px;
    line-height: 150%;
    letter-spacing: 0.48px;
  }
}
@media only screen and (max-width: 1023px) {
  .hai__content-accordion--item .title {
    padding-right: 40px;
    gap: 8px;
  }
}
.hai__content-accordion--item .title:hover {
  color: #DEDBD4;
  opacity: 1;
}
.hai__content-accordion--item .title::after {
  content: '';
  position: absolute;
  right: calc(-53rem * 1 / 18);
  top: 50%;
  transform: translateY(-50%);
  background: url('../images/icons/plus.svg') no-repeat;
  background-size: contain;
  width: calc(15rem * 1 / 18);
  height: calc(15rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .hai__content-accordion--item .title::after {
    width: 15px;
    height: 15px;
    right: 5px;
  }
}
.hai__content-accordion--item.active {
  padding: 0 calc(75rem * 1 / 18) calc(12rem * 1 / 18) calc(20rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .hai__content-accordion--item.active {
    padding: 0 0 32px 0;
  }
}
.hai__content-accordion--item.active .title {
  color: #F1B53D;
  opacity: 1;
}
.hai__content-accordion--item.active .title::after {
  content: '';
  position: absolute;
  right: calc(-53rem * 1 / 18);
  top: 50%;
  background: url('../images/icons/minus.svg') no-repeat;
  background-size: contain;
  width: calc(15rem * 1 / 18);
  height: calc(15rem * 1 / 18);
  transform: translateY(-50%) translateY(calc(7.5rem * 1 / 18));
}
@media only screen and (max-width: 1023px) {
  .hai__content-accordion--item.active .title::after {
    width: 15px;
    height: 15px;
    right: 10px;
    transform: translateY(-50%) translateY(6.5px);
  }
}
.hai__content-accordion--item.active.type-2 {
  padding: 0 calc(75rem * 1 / 18) calc(12rem * 1 / 18) 0;
}
@media only screen and (max-width: 1023px) {
  .hai__content-accordion--item.active.type-2 {
    padding: 0 5px 12px 0;
  }
}
.hai__content-accordion--item.active.type-2:first-child {
  padding-top: calc(22rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .hai__content-accordion--item.active.type-2:first-child {
    padding-top: 22px;
  }
}
.hai__content-accordion--item .description {
  padding-top: calc(6rem * 1 / 18);
  padding-left: calc(27rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .hai__content-accordion--item .description {
    padding: 6px 26px 10px 26px;
  }
}
.hai__content-accordion--item .description > * {
  color: #373938;
  font-family: "Rajdhani", sans-serif;
  font-weight: 500;
  font-size: calc(20rem * 1 / 18);
  font-style: normal;
  line-height: 150%;
  /* 30px */
  letter-spacing: calc(0.4rem * 1 / 18);
  color: #F1B53D;
}
@media only screen and (max-width: 1023px) {
  .hai__content-accordion--item .description > * {
    font-size: 20px;
    letter-spacing: 0.4px;
    line-height: 150%;
  }
}
@media only screen and (max-width: 1023px) {
  .hai__content-accordion--item .description > * {
    font-size: 18px;
  }
}
.hai__content-accordion--item .description.type-2 {
  padding-left: 0;
}
.hai__content-accordion--item .image {
  display: none;
}
@media only screen and (max-width: 1023px) {
  .hai__content-accordion--item .image {
    display: block;
    width: 100%;
    height: 600px;
  }
  .hai__content-accordion--item .image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
}
@media only screen and (max-width: 800px) {
  .hai__content-accordion--item .image {
    height: 500px;
  }
}
@media only screen and (max-width: 600px) {
  .hai__content-accordion--item .image {
    height: 400px;
  }
}
@media only screen and (max-width: 400px) {
  .hai__content-accordion--item .image {
    height: 294.182px;
  }
}
.hai__image {
  grid-column: 14 / span 12;
  position: sticky;
  top: calc(200rem * 1 / 18);
  width: calc(880rem * 1 / 18);
  height: calc(728.09rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .hai__image {
    display: none;
  }
}
.hai__image.reverse {
  grid-column: 2 / span 12;
  order: -1;
}
.hai__image-inner {
  width: calc(880rem * 1 / 18);
  height: calc(728.09rem * 1 / 18);
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 2;
}
.hai__image-inner img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.hai__image-greenCross {
  position: absolute;
  left: calc(61rem * 1 / 18);
  top: calc(85rem * 1 / 18);
  width: calc(117rem * 1 / 18);
  height: calc(117rem * 1 / 18);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 3;
}
.hai__image-greenCross.type_2 {
  left: calc(703rem * 1 / 18);
  top: calc(79rem * 1 / 18);
  transform: rotate(180deg);
}
.hai__image-greenCross.type_3 {
  left: calc(525rem * 1 / 18);
  top: unset;
  bottom: calc(30rem * 1 / 18);
  transform: rotate(180deg);
}
.hai__image-greenCross img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.hai__image-grayShape1 {
  position: absolute;
  bottom: calc(70rem * 1 / 18);
  right: calc(-70rem * 1 / 18);
  width: calc(511.199rem * 1 / 18);
  height: calc(510.042rem * 1 / 18);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1;
}
.hai__image-grayShape1.type_2,
.hai__image-grayShape1.type_3,
.hai__image-grayShape1.type_4 {
  width: calc(707.657rem * 1 / 18);
  height: calc(616.445rem * 1 / 18);
  bottom: unset;
  right: unset;
  top: calc(-81rem * 1 / 18);
  left: calc(-70rem * 1 / 18);
}
.hai__image-grayShape1 svg {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.hai__image-grayShape2 {
  position: absolute;
  top: calc(-81rem * 1 / 18);
  left: calc(130rem * 1 / 18);
  width: calc(706.657rem * 1 / 18);
  height: calc(616.445rem * 1 / 18);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1;
}
.hai__image-grayShape2.type_2,
.hai__image-grayShape2.type_4 {
  display: none;
}
.hai__image-grayShape2.type_3 {
  top: unset;
  bottom: calc(70rem * 1 / 18);
  left: unset;
  right: calc(130rem * 1 / 18);
  width: calc(511.199rem * 1 / 18);
  height: calc(510.042rem * 1 / 18);
}
.hai__image-grayShape2 svg {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.hhs {
  display: grid;
  padding-left: calc(56rem * 1 / 18);
  padding-right: calc(56rem * 1 / 18);
  grid-template-columns: 2.604% repeat(24, 1fr) 2.604%;
  column-gap: calc(20rem * 1 / 18);
  position: relative;
  max-width: 2000px;
  margin: auto;
  height: calc(960rem * 1 / 18);
}
@media only screen and (max-width: 1400px) {
  .hhs {
    padding-left: 32px;
    padding-right: 32px;
    column-gap: 16px;
  }
}
@media only screen and (max-width: 1023px) {
  .hhs {
    grid-template-columns: repeat(12, 1fr);
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media only screen and (max-width: 600px) {
  .hhs {
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media only screen and (max-width: 1023px) {
  .hhs {
    height: 600px;
  }
}
@media only screen and (max-width: 600px) {
  .hhs {
    aspect-ratio: 3 / 4;
    height: auto;
    width: 100%;
  }
}
.hhs__video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.hhs__video video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media only screen and (max-width: 800px) {
  .hhs__video video {
    display: none;
  }
}
.hhs__video video.mobile {
  display: none;
}
@media only screen and (max-width: 800px) {
  .hhs__video video.mobile {
    display: block;
  }
}
.hhs__video-overlay {
  width: calc(1920rem * 1 / 18);
  height: calc(960rem * 1 / 18);
  opacity: 0.5;
  background: #373938;
  mix-blend-mode: multiply;
  position: absolute;
  top: 0;
  left: 0;
}
@media only screen and (max-width: 1023px) {
  .hhs__video-overlay {
    width: 100%;
    height: 100%;
  }
}
.hhs__video-volume {
  position: absolute;
  bottom: calc(56rem * 1 / 18);
  right: calc(56rem * 1 / 18);
  width: calc(50rem * 1 / 18);
  height: calc(50rem * 1 / 18);
  cursor: pointer;
  z-index: 1;
}
@media only screen and (max-width: 1023px) {
  .hhs__video-volume {
    bottom: 12px;
    right: 12px;
    width: 30px;
    min-width: 30px;
    height: 30px;
    min-height: 30px;
  }
}
.hhs__video-volume img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: left;
}
.hhs__video-volume.none img.none {
  display: block;
}
.hhs__video-volume.none img.low {
  display: none;
}
.hhs__video-volume.none img.full {
  display: none;
}
.hhs__video-volume.low img.none {
  display: none;
}
.hhs__video-volume.low img.low {
  display: block;
}
.hhs__video-volume.low img.full {
  display: none;
}
.hhs__video-volume.full img.none {
  display: none;
}
.hhs__video-volume.full img.low {
  display: none;
}
.hhs__video-volume.full img.full {
  display: block;
}
.hhs__video .play-pause {
  z-index: 66;
}
.hhs__text {
  opacity: 100%;
  visibility: visible;
  width: calc(600rem * 1 / 18);
  color: #DEDBD4;
  margin-left: -20px;
  transition: opacity 0.05s ease-in-out;
  will-change: opacity;
  position: absolute;
  left: 64%;
  top: calc(150rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .hhs__text {
    display: block;
    width: 100%;
    margin: 0;
    transition: max-height 0.5s ease-out;
  }
}
.hhs__text-content h3 {
  font-size: calc(48rem * 1 / 18) !important;
  line-height: 1.2;
  margin-bottom: 20px;
  font-family: "Saira Semi Condensed", sans-serif;
  font-weight: 500;
  font-style: normal;
  color: #abada5;
}
@media only screen and (max-width: 600px) {
  .hhs__text-content h3 {
    font-size: 20px;
    text-transform: uppercase;
  }
}
.hhs__text-content p {
  font-family: "Rajdhani", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: calc(20rem * 1 / 18);
  line-height: calc(32rem * 1 / 18);
  transition: opacity 0.3s ease-in-out;
  margin-bottom: 0;
  color: #abada5;
  letter-spacing: calc(0.4rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .hhs__text-content p {
    font-size: 20px;
    line-height: 23.6px;
  }
}
@media only screen and (max-width: 600px) {
  .hhs__text-content p {
    font-size: 18px;
  }
}
.hhs__button {
  position: relative;
  z-index: 1;
  margin: calc(30rem * 1 / 18) 0;
  width: fit-content;
  display: flex;
  align-items: center;
  gap: calc(15rem * 1 / 18);
  padding: calc(4rem * 1 / 18) calc(18rem * 1 / 18) calc(4rem * 1 / 18) calc(18rem * 1 / 18);
  border-radius: calc(6rem * 1 / 18);
  outline: none;
  border: calc(2rem * 1 / 18) solid #F1B53D;
  background-color: transparent;
  cursor: pointer;
  text-decoration: none;
  color: #DEDBD4;
  transition: all 0.25s ease-out;
}
@media only screen and (max-width: 1400px) {
  .hhs__button {
    padding: 4px 18px 4px 18px;
    border-radius: 6px;
    border: 2px solid #F1B53D;
    gap: 8px;
    width: fit-content;
  }
}
.hhs__button:hover {
  background-color: #F1B53D;
}
.hhs__button:hover > span {
  color: #222222;
}
.hhs__button > span {
  font-size: calc(20rem * 1 / 18);
  line-height: normal;
  letter-spacing: calc(0.4rem * 1 / 18);
  text-transform: uppercase;
  color: #DEDBD4;
  white-space: nowrap;
  transform: translateY(calc(1rem * 1 / 18));
  font-family: "Saira Semi Condensed", sans-serif;
  font-weight: 500;
  font-style: normal;
}
.hhs__button > span.light {
  color: white;
}
@media only screen and (max-width: 1023px) {
  .hhs__button > span {
    font-size: 20px;
    line-height: normal;
    letter-spacing: 0.4px;
  }
}
@media only screen and (max-width: 1023px) {
  .hhs__button > span {
    transform: translateY(1px);
  }
}
.hhs__wedge {
  width: calc(610rem * 1 / 18);
  bottom: calc(56rem * 1 / 18);
  left: 0;
  position: absolute;
}
@media only screen and (max-width: 1023px) {
  .hhs__wedge {
    width: 193.668px;
    bottom: 12px;
  }
}
.hhs__wedge img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.hss {
  display: grid;
  grid-template-columns: 2.604% repeat(24, 1fr) 2.604%;
  column-gap: calc(20rem * 1 / 18);
  position: relative;
}
@media only screen and (max-width: 1023px) {
  .hss {
    grid-template-columns: repeat(12, 1fr);
    column-gap: 20px;
  }
}
@media only screen and (max-width: 600px) {
  .hss {
    grid-template-columns: repeat(4, 1fr);
  }
}
.hss__container {
  grid-column: 1 / -1;
  width: 100% !important;
  max-width: calc(1920rem * 1 / 18) !important;
  min-height: 600px;
  height: 100vh;
  overflow: hidden;
}
@media only screen and (max-width: 1023px) {
  .hss__container {
    display: none;
  }
}
.hss__base {
  display: grid;
  grid-template-columns: 2.604% repeat(24, 1fr) 2.604%;
  column-gap: calc(20rem * 1 / 18);
  position: relative;
  background: linear-gradient(270deg, #009C49 -31.35%, #076B3B 36.54%);
  height: 100vh;
  min-height: 600px;
  width: 100%;
  position: absolute;
}
@media only screen and (max-width: 1023px) {
  .hss__base {
    grid-template-columns: repeat(12, 1fr);
    column-gap: 20px;
  }
}
@media only screen and (max-width: 600px) {
  .hss__base {
    grid-template-columns: repeat(4, 1fr);
  }
}
.hss__base-beginning {
  grid-column: 2 / span 6;
  max-width: calc(390rem * 1 / 18);
  width: 100%;
  margin-left: calc(20rem * 1 / 18);
  padding-top: calc(150rem * 1 / 18);
  padding-bottom: calc(119rem * 1 / 18);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.hss__base-beginning--subheading {
  font-family: "Rajdhani", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: calc(20rem * 1 / 18);
  line-height: 150%;
  letter-spacing: calc(0.4rem * 1 / 18);
  text-transform: uppercase;
  color: #abada5;
  color: #DEDBD4;
  margin-bottom: calc(90rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .hss__base-beginning--subheading {
    font-size: 20px;
    letter-spacing: 0.4px;
  }
}
.hss__base-beginning--heading {
  font-family: "Saira Semi Condensed", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: calc(56rem * 1 / 18);
  line-height: 110%;
  letter-spacing: calc(-0.56rem * 1 / 18);
  margin-bottom: calc(20rem * 1 / 18);
  color: #F8F8F6;
}
@media only screen and (max-width: 1023px) {
  .hss__base-beginning--heading {
    font-size: 42px;
    letter-spacing: unset;
    margin-bottom: 20px;
  }
}
.hss__base-beginning--description {
  color: #F8F8F6;
}
.hss__base-beginning--description > * {
  letter-spacing: calc(0.2rem * 1 / 18);
  font-weight: 500 !important;
  line-height: 150%;
}
.hss__base-beginning--scrollIndicator {
  color: #F8F8F6;
  font-family: "Rajdhani", sans-serif;
  font-weight: 600;
  font-size: calc(17rem * 1 / 18);
  font-style: normal;
  line-height: 150%;
  letter-spacing: calc(1.7rem * 1 / 18);
  text-transform: uppercase;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: calc(40rem * 1 / 18);
}
@media only screen and (max-width: 1400px) {
  .hss__base-beginning--scrollIndicator {
    font-size: 17px;
    line-height: 20px;
    letter-spacing: 1.7px;
  }
}
.hss__panels {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  width: calc(2982rem * 1 / 18);
}
.hss__panel {
  height: 100vh;
  min-height: 600px;
  position: absolute;
  width: calc(426rem * 1 / 18);
  cursor: pointer;
}
.hss__panel::after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: calc(3rem * 1 / 18);
  height: 100%;
  background: #FFFFFF;
}
.hss__panel:nth-child(1)::before {
  content: '';
  position: absolute;
  top: 0;
  left: -2px;
  width: calc(3rem * 1 / 18);
  height: 100%;
  background: #FFFFFF;
}
.hss__panel-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: grayscale(100%);
  transition: all 0.25s ease-out;
  cursor: pointer;
  position: relative;
}
.hss__panel-img.hover {
  filter: grayscale(0%);
}
.hss__panel-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.85;
  background: #373938;
  background-blend-mode: multiply;
  mix-blend-mode: multiply;
  transition: all 0.25s ease-out;
}
.hss__panel-overlay.hover {
  opacity: 0.65;
}
.hss__panel:nth-child(1) {
  grid-column: 1 / 2;
}
.hss__panel:nth-child(2) {
  grid-column: 2 / 3;
}
.hss__panel:nth-child(3) {
  grid-column: 3 / 4;
}
.hss__panel:nth-child(4) {
  grid-column: 4 / 5;
}
.hss__panel:nth-child(5) {
  grid-column: 5 / 6;
}
.hss__panel:nth-child(6) {
  grid-column: 6 / 7;
}
.hss__panel:nth-child(7) {
  grid-column: 7 / 8;
}
.hss__panel:nth-child(8) {
  grid-column: 8 / 9;
}
.hss__panel-content {
  position: absolute;
  top: calc(600rem * 1 / 18);
  left: calc(40rem * 1 / 18);
  z-index: 20;
  width: 100%;
  max-width: calc(350rem * 1 / 18);
}
.hss__panel-content--icon {
  height: calc(70rem * 1 / 18);
  width: fit-content;
  margin-bottom: calc(30rem * 1 / 18);
  transition: all 0.25s ease-out;
}
.hss__panel-content--icon.hover {
  transform: translateY(calc(-60rem * 1 / 18));
}
.hss__panel-content--icon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: none;
}
.hss__panel-content--icon img.show {
  display: block;
}
.hss__panel-content--title {
  color: #DEDBD4;
  font-family: "Saira Semi Condensed", sans-serif;
  font-weight: 500;
  font-size: calc(40rem * 1 / 18);
  font-style: normal;
  line-height: 110%;
  /* 44px */
  letter-spacing: calc(0.8rem * 1 / 18);
  text-transform: capitalize;
  transition: all 0.25s ease-out;
  font-weight: 400;
  color: #abada5;
  margin-bottom: calc(26rem * 1 / 18);
}
@media only screen and (max-width: 1400px) {
  .hss__panel-content--title {
    font-size: 40px;
    line-height: 44px;
    letter-spacing: 0.8px;
  }
}
.hss__panel-content--title.hover {
  color: #F8F8F6;
  transform: translateY(calc(-60rem * 1 / 18));
}
.hss__panel-content--description {
  opacity: 0;
  margin-bottom: calc(30rem * 1 / 18);
  transition: all 0.6s ease-out;
}
.hss__panel-content--description > * {
  color: #FFFFFF;
  font-family: "Rajdhani", sans-serif;
  font-weight: 500;
  font-size: calc(20rem * 1 / 18);
  font-style: normal;
  line-height: 130%;
  /* 26px */
}
@media only screen and (max-width: 1400px) {
  .hss__panel-content--description > * {
    font-size: 20px;
    line-height: 26px;
  }
}
.hss__panel-content--description.hover {
  opacity: 1;
  transform: translateY(calc(-60rem * 1 / 18));
}
.hss__panel-content--arrow {
  width: calc(27rem * 1 / 18);
  height: calc(21.39rem * 1 / 18);
  opacity: 0;
  transition: all 0.6s ease-out;
}
.hss__panel-content--arrow img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.hss__panel-content--arrow.hover {
  opacity: 1;
  transform: translateY(calc(-65rem * 1 / 18));
}
.hss .loader {
  height: 2px;
  width: 85px;
  --c: no-repeat linear-gradient(#F1B53D 0 0);
  background: var(--c), var(--c), #fff;
  background-size: 60% 100%;
  animation: l16 3s infinite;
}
@keyframes l16 {
  0% {
    background-position: -150% 0, -150% 0;
  }
  66% {
    background-position: 250% 0, -150% 0;
  }
  100% {
    background-position: 250% 0, 250% 0;
  }
}
.hss__mobile {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: 2.604% repeat(24, 1fr) 2.604%;
  column-gap: calc(20rem * 1 / 18);
  position: relative;
  display: none;
  padding-left: 0;
  padding-right: 0;
}
@media only screen and (max-width: 1023px) {
  .hss__mobile {
    grid-template-columns: repeat(12, 1fr);
    column-gap: 20px;
  }
}
@media only screen and (max-width: 600px) {
  .hss__mobile {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media only screen and (max-width: 1023px) {
  .hss__mobile {
    display: block;
  }
}
.hss__mobile-beginning {
  grid-column: 1 / -1;
  max-width: 100%;
  width: 100%;
  margin-left: 0;
  padding: 131px 18px 113px 22px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background: linear-gradient(270deg, #009C49 -31.35%, #076B3B 36.54%);
}
.hss__mobile-beginning--subheading {
  font-family: "Rajdhani", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: calc(20rem * 1 / 18);
  line-height: 150%;
  letter-spacing: calc(0.4rem * 1 / 18);
  text-transform: uppercase;
  color: #abada5;
  color: #DEDBD4;
  margin-bottom: 60px;
}
@media only screen and (max-width: 1023px) {
  .hss__mobile-beginning--subheading {
    font-size: 20px;
    letter-spacing: 0.4px;
  }
}
.hss__mobile-beginning--heading {
  font-family: "Saira Semi Condensed", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: calc(56rem * 1 / 18);
  line-height: 110%;
  letter-spacing: calc(-0.56rem * 1 / 18);
  margin-bottom: calc(20rem * 1 / 18);
  color: #F8F8F6;
  padding-bottom: 10px;
}
@media only screen and (max-width: 1023px) {
  .hss__mobile-beginning--heading {
    font-size: 42px;
    letter-spacing: unset;
    margin-bottom: 20px;
  }
}
.hss__mobile-beginning--description {
  color: #F8F8F6;
  padding-bottom: 30px;
}
.hss__mobile-beginning--description > * {
  letter-spacing: 0.2px;
  font-weight: 500 !important;
  line-height: 150%;
}
.hss__mobile-beginning--scrollIndicator {
  color: #F8F8F6;
  font-family: "Rajdhani", sans-serif;
  font-weight: 600;
  font-size: calc(17rem * 1 / 18);
  font-style: normal;
  line-height: 150%;
  letter-spacing: calc(1.7rem * 1 / 18);
  text-transform: uppercase;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0;
  color: #F1B53D;
}
@media only screen and (max-width: 1400px) {
  .hss__mobile-beginning--scrollIndicator {
    font-size: 17px;
    line-height: 20px;
    letter-spacing: 1.7px;
  }
}
.hss__mobile-cards {
  display: flex;
  flex-direction: column;
  padding: 0 0 20px 0;
}
@media only screen and (max-width: 600px) {
  .hss__mobile-cards {
    padding: 0 0 10px 0;
    transform: translateY(-73px);
  }
}
.hss__mobile-card {
  position: relative;
  padding: 20px 20px 0 20px;
  transition: all 0.25s ease-out;
  cursor: pointer;
}
@media only screen and (max-width: 600px) {
  .hss__mobile-card {
    padding: 10px 10px 0 10px;
  }
}
.hss__mobile-card:hover .hss__mobile-card--image img {
  filter: saturate(100%);
}
.hss__mobile-card:hover .hss__mobile-card--icon {
  transform: scale(1) translateX(-20px);
}
@media only screen and (max-width: 600px) {
  .hss__mobile-card:hover .hss__mobile-card--icon {
    transform: scale(0.75) translateX(-20px);
  }
}
.hss__mobile-card:hover .hss__mobile-card--title {
  transform: translateX(-10px);
}
.hss__mobile-card:hover .hss__mobile-card--arrow {
  transform: translateX(7.5px);
}
@media only screen and (max-width: 1023px) {
  .hss__mobile-card:nth-child(2) .hss__mobile-card--icon {
    bottom: 92px;
    transform: scale(0.75) translateX(-18px);
  }
}
.hss__mobile-card--image {
  width: 100%;
  max-width: 100%;
  height: 600px;
  position: relative;
}
@media only screen and (max-width: 600px) {
  .hss__mobile-card--image {
    height: 280px;
  }
}
.hss__mobile-card--image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: saturate(0%);
  transition: all 0.25s ease-out;
}
.hss__mobile-card--overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0.6;
  background: #373938;
  background-blend-mode: multiply;
  mix-blend-mode: multiply;
}
.hss__mobile-card--icon {
  min-width: 62px;
  min-height: 66px;
  max-width: 82px;
  position: absolute;
  bottom: 100px;
  left: 50px;
  transition: all 0.25s ease-out;
}
@media only screen and (max-width: 600px) {
  .hss__mobile-card--icon {
    min-width: 42px;
    min-height: 46px;
    bottom: 58px;
    left: 30px;
    transform: scale(0.65) translateX(-18px);
  }
}
.hss__mobile-card--icon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.hss__mobile-card--title {
  position: absolute;
  bottom: 40px;
  left: 50px;
  color: #DEDBD4;
  font-family: "Saira Condensed", sans-serif;
  font-weight: 500;
  font-size: 30px;
  font-style: normal;
  line-height: 110%;
  /* 26.4px */
  letter-spacing: 0.6px;
  text-decoration: none;
  transition: all 0.25s ease-out;
}
@media only screen and (max-width: 600px) {
  .hss__mobile-card--title {
    bottom: 21px;
    left: 30px;
  }
}
.hss__mobile-card--arrow {
  position: absolute;
  top: 40px;
  right: 35px;
  width: 25.5px;
  height: 19.967px;
  transition: all 0.25s ease-out;
}
@media only screen and (max-width: 600px) {
  .hss__mobile-card--arrow {
    top: 20px;
    right: 17.5px;
  }
}
.hss__mobile-card--arrow img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  transform: scale(1.5);
}
@media only screen and (max-width: 600px) {
  .hss__mobile-card--arrow img {
    transform: scale(1);
  }
}
.hss .fake-scroll-end {
  height: 100vh;
  /* or 200vh for more scroll */
}
.ittcs {
  display: grid;
  grid-template-columns: 2.604% repeat(24, 1fr) 2.604%;
  column-gap: calc(20rem * 1 / 18);
  position: relative;
  min-height: calc(1117rem * 1 / 18);
  border-radius: 0px 0px 0px 100px;
  background: #F8F8F6;
  grid-auto-rows: min-content;
}
@media only screen and (max-width: 1023px) {
  .ittcs {
    grid-template-columns: repeat(12, 1fr);
    column-gap: 20px;
  }
}
@media only screen and (max-width: 600px) {
  .ittcs {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media only screen and (max-width: 1023px) {
  .ittcs {
    border-radius: 0px 0px 0px 40px;
    min-height: 800px;
  }
}
.ittcs__top {
  grid-column: 2 / span 24;
  padding-bottom: calc(49rem * 1 / 18);
  display: grid;
  grid-template-columns: repeat(24, 1fr);
  column-gap: calc(20rem * 1 / 18);
  margin-top: calc(119rem * 1 / 18);
  border-bottom: calc(2rem * 1 / 18) solid #abada5;
  position: relative;
}
@media only screen and (max-width: 1023px) {
  .ittcs__top {
    grid-column: 1 / -1;
    padding-left: 32px;
    padding-right: 32px;
    margin-top: 50px;
    column-gap: 20px;
    border-bottom: none;
    padding-bottom: 36px;
    grid-template-columns: repeat(12, 1fr);
  }
  .ittcs__top::after {
    content: "";
    display: block;
    width: calc(100% - 64px);
    height: 1px;
    background: #DEDBD4;
    position: absolute;
    bottom: 0;
    left: 32px;
  }
}
@media only screen and (max-width: 600px) {
  .ittcs__top {
    padding-left: 20px;
    padding-right: 20px;
  }
  .ittcs__top::after {
    width: calc(100% - 40px);
    left: 20px;
  }
}
.ittcs__top-heading {
  font-family: "Saira Semi Condensed", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: calc(56rem * 1 / 18);
  line-height: 110%;
  letter-spacing: calc(-0.56rem * 1 / 18);
  margin-bottom: calc(20rem * 1 / 18);
  letter-spacing: unset;
  color: #373938;
  grid-column: 1 / span 10;
  width: 100%;
  max-width: calc(673rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .ittcs__top-heading {
    font-size: 42px;
    letter-spacing: unset;
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 1023px) {
  .ittcs__top-heading {
    grid-column: 1 / -1;
    max-width: 100%;
    margin-bottom: 36px;
  }
}
.ittcs__top-subheading {
  display: none;
  font-family: "Rajdhani", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: calc(20rem * 1 / 18);
  line-height: 150%;
  letter-spacing: calc(0.4rem * 1 / 18);
  text-transform: uppercase;
  color: #abada5;
}
@media only screen and (max-width: 1023px) {
  .ittcs__top-subheading {
    font-size: 20px;
    letter-spacing: 0.4px;
  }
}
@media only screen and (max-width: 1023px) {
  .ittcs__top-subheading {
    display: block;
    grid-column: 1 / -1;
    padding-left: 32px;
    padding-right: 32px;
    margin-top: 90px;
  }
}
@media only screen and (max-width: 600px) {
  .ittcs__top-subheading {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.ittcs__top-description {
  grid-column: 13 / span 10;
}
@media only screen and (max-width: 1023px) {
  .ittcs__top-description {
    grid-column: 1 / -1;
  }
}
.ittcs__top-description > * {
  color: #373938;
  font-family: "Rajdhani", sans-serif;
  font-weight: 500;
  font-size: calc(20rem * 1 / 18);
  font-style: normal;
  line-height: 150%;
  /* 30px */
  letter-spacing: calc(0.4rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .ittcs__top-description > * {
    font-size: 20px;
    letter-spacing: 0.4px;
    line-height: 150%;
  }
}
.ittcs__middle {
  grid-column: 2 / span 24;
  margin-top: calc(28rem * 1 / 18);
  margin-bottom: calc(82rem * 1 / 18);
  position: relative;
}
@media only screen and (max-width: 1023px) {
  .ittcs__middle {
    display: none;
  }
}
.ittcs__middle-subheading {
  font-family: "Rajdhani", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: calc(20rem * 1 / 18);
  line-height: 150%;
  letter-spacing: calc(0.4rem * 1 / 18);
  text-transform: uppercase;
  color: #abada5;
}
@media only screen and (max-width: 1023px) {
  .ittcs__middle-subheading {
    font-size: 20px;
    letter-spacing: 0.4px;
  }
}
@media only screen and (max-width: 1023px) {
  .ittcs__middle-subheading {
    display: none;
  }
}
.ittcs__bottom {
  grid-column: 1 / -1;
  position: relative;
}
@media only screen and (max-width: 1023px) {
  .ittcs__bottom {
    margin-top: 36px;
  }
}
.ittcs__bottom-gradient {
  background: linear-gradient(89deg, rgba(248, 248, 246, 0) 0.64%, rgba(248, 248, 246, 0.8) 81.41%);
  width: calc(317rem * 1 / 18);
  height: calc(562rem * 1 / 18);
  position: absolute;
  top: calc(-18rem * 1 / 18);
  right: 0;
  z-index: 3;
}
@media only screen and (max-width: 1023px) {
  .ittcs__bottom-gradient {
    display: none;
    width: 317px;
    height: 100%;
    top: -18px;
  }
}
@media only screen and (max-width: 600px) {
  .ittcs__bottom-gradient {
    width: 220px;
  }
}
@media only screen and (max-width: 400px) {
  .ittcs__bottom-gradient {
    width: 90px;
  }
}
.ittcs__swiper-slide.swiper-slide-hidden {
  visibility: hidden !important;
}
.ittcs__swiper-inner {
  display: flex;
  gap: calc(40rem * 1 / 18);
  width: calc(955rem * 1 / 18);
  margin-left: calc(70rem * 1 / 18);
  justify-content: center;
  align-items: center;
}
@media only screen and (max-width: 1023px) {
  .ittcs__swiper-inner {
    display: flex;
    flex-direction: column;
    gap: 40px;
    margin-bottom: 10px;
    margin-left: 32px;
  }
}
@media only screen and (max-width: 600px) {
  .ittcs__swiper-inner {
    margin-left: 20px;
  }
}
@media only screen and (max-width: 400px) {
  .ittcs__swiper-inner {
    width: 250px;
    margin-right: 20px;
  }
}
@media only screen and (max-width: 1023px) {
  .ittcs__swiper-inner.low-opacity {
    opacity: 0.4;
  }
}
.ittcs__swiper-image {
  width: calc(504rem * 1 / 18);
  height: calc(504rem * 1 / 18);
  border-radius: calc(30rem * 1 / 18);
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media only screen and (max-width: 1023px) {
  .ittcs__swiper-image {
    width: 100%;
    height: 100%;
    border-radius: 15px;
  }
}
@media only screen and (max-width: 400px) {
  .ittcs__swiper-image {
    width: 250px;
    height: 251.56px;
  }
}
.ittcs__swiper-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.ittcs__swiper-content {
  width: calc(411rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .ittcs__swiper-content {
    width: 100%;
  }
}
.ittcs__swiper-num {
  color: #abada5;
  font-family: "Rajdhani", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: calc(32rem * 1 / 18);
  line-height: 150%;
  /* 48px */
  letter-spacing: calc(0.64rem * 1 / 18);
  color: #222222;
  margin-bottom: calc(20rem * 1 / 18);
}
@media only screen and (max-width: 1400px) {
  .ittcs__swiper-num {
    font-size: 24px;
    line-height: 150%;
    letter-spacing: 0.48px;
  }
}
@media only screen and (max-width: 1023px) {
  .ittcs__swiper-num {
    margin-bottom: 0px;
  }
}
.ittcs__swiper-heading {
  color: #373938;
  font-family: "Saira Semi Condensed", sans-serif;
  font-weight: 500;
  font-size: calc(36rem * 1 / 18);
  font-style: normal;
  line-height: 114%;
  /* 41.04px */
  letter-spacing: calc(0.36rem * 1 / 18);
  margin-bottom: calc(14rem * 1 / 18);
  font-weight: 400;
}
@media only screen and (max-width: 1023px) {
  .ittcs__swiper-heading {
    font-size: 36px;
    line-height: 41.04px;
    letter-spacing: 0.36px;
  }
}
@media only screen and (max-width: 1023px) {
  .ittcs__swiper-heading {
    margin-bottom: 10px;
    font-size: 32px;
    line-height: 38px;
  }
}
.ittcs__swiper-description > * {
  color: #373938;
  font-family: "Rajdhani", sans-serif;
  font-weight: 500;
  font-size: calc(20rem * 1 / 18);
  font-style: normal;
  line-height: 150%;
  /* 30px */
  letter-spacing: calc(0.4rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .ittcs__swiper-description > * {
    font-size: 20px;
    letter-spacing: 0.4px;
    line-height: 150%;
  }
}
.ittcs .swiper-button-prev {
  width: calc(39rem * 1 / 18);
  height: calc(39rem * 1 / 18);
  right: calc(55rem * 1 / 18);
  left: unset;
  bottom: 0;
  top: auto;
}
.ittcs .swiper-button-prev::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-image: url("../images/icons/circle-arrow-left-gray.svg");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center;
}
.ittcs .swiper-button-prev:hover::after {
  background-image: url("../images/icons/circle-arrow-left-gray-hover.svg");
}
@media only screen and (max-width: 1023px) {
  .ittcs .swiper-button-prev {
    display: none;
  }
}
.ittcs .swiper-button-next {
  width: calc(39rem * 1 / 18);
  height: calc(39rem * 1 / 18);
  right: 0;
  bottom: 0;
  top: auto;
}
.ittcs .swiper-button-next::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-image: url("../images/icons/circle-arrow-right-gray.svg");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center;
}
@media only screen and (max-width: 1023px) {
  .ittcs .swiper-button-next {
    display: none;
  }
}
.ittcs .swiper-button-next:hover::after {
  background-image: url("../images/icons/circle-arrow-right-gray-hover.svg");
}
.lm {
  display: grid;
  grid-template-columns: 2.604% repeat(24, 1fr) 2.604%;
  column-gap: calc(20rem * 1 / 18);
  position: relative;
  background-color: #F8F8F6;
  padding-bottom: calc(126rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .lm {
    grid-template-columns: repeat(12, 1fr);
    column-gap: 20px;
  }
}
@media only screen and (max-width: 600px) {
  .lm {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media only screen and (max-width: 1023px) {
  .lm {
    padding-bottom: 126px;
  }
}
.lm__heading {
  grid-column: 2 / span 11;
  padding-left: calc(20rem * 1 / 18);
  margin-top: calc(89rem * 1 / 18);
  margin-bottom: calc(71rem * 1 / 18);
  font-family: "Rajdhani", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: calc(20rem * 1 / 18);
  line-height: 150%;
  letter-spacing: calc(0.4rem * 1 / 18);
  text-transform: uppercase;
  color: #abada5;
}
@media only screen and (max-width: 1023px) {
  .lm__heading {
    font-size: 20px;
    letter-spacing: 0.4px;
  }
}
@media only screen and (max-width: 1023px) {
  .lm__heading {
    grid-column: 1 / -1;
    margin-top: 126px;
    margin-bottom: 71px;
    padding-left: 20px;
    padding-right: 20px;
  }
}
.lm__members {
  grid-column: 2 / span 24;
  row-gap: calc(71rem * 1 / 18);
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  column-gap: calc(20rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .lm__members {
    grid-column: 1 / -1;
    display: flex;
    flex-wrap: wrap;
    column-gap: 20px;
    row-gap: 71px;
    justify-content: center;
  }
}
.lm__member {
  width: 100%;
  max-width: calc(338rem * 1 / 18);
  display: flex;
  flex-direction: column;
  gap: calc(20rem * 1 / 18);
  position: relative;
  min-height: calc(384rem * 1 / 18);
  cursor: pointer;
}
@media only screen and (max-width: 1023px) {
  .lm__member {
    max-width: 300px;
    gap: 20px;
    min-height: fit-content;
  }
}
@media only screen and (max-width: 800px) {
  .lm__member {
    max-width: 360px;
  }
}
.lm__member:nth-child(5n+1) {
  grid-column: 1 / span 1;
}
.lm__member:nth-child(5n+2) {
  grid-column: 2 / span 1;
}
.lm__member:nth-child(5n+3) {
  grid-column: 3 / span 1;
}
.lm__member:nth-child(5n+4) {
  grid-column: 4 / span 1;
}
.lm__member:nth-child(5n+5) {
  grid-column: 5 / span 1;
}
.lm__member.hide {
  display: none;
}
.lm__member-image {
  width: calc(314rem * 1 / 18);
  height: calc(314rem * 1 / 18);
  overflow: hidden;
  transition: all 0.5s ease;
  position: relative;
}
@media only screen and (max-width: 1023px) {
  .lm__member-image {
    width: 200px;
    height: 200px;
    margin: 0 auto;
  }
}
@media only screen and (max-width: 800px) {
  .lm__member-image {
    width: 240px;
    height: 240px;
  }
}
@media only screen and (max-width: 600px) {
  .lm__member-image {
    width: 320px;
    height: 320px;
  }
}
.lm__member-image--inner {
  width: calc(314rem * 1 / 18);
  height: calc(314rem * 1 / 18);
  display: flex;
  justify-content: center;
  align-items: center;
  align-self: center;
  transition: all 0.5s ease;
  position: relative;
}
@media only screen and (max-width: 1023px) {
  .lm__member-image--inner {
    width: 200px;
    height: 200px;
  }
}
@media only screen and (max-width: 800px) {
  .lm__member-image--inner {
    width: 240px;
    height: 240px;
  }
}
@media only screen and (max-width: 600px) {
  .lm__member-image--inner {
    width: 320px;
    height: 320px;
  }
}
.lm__member-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: saturate(0.2);
  transition: all 0.5s ease-out;
}
.lm__member-image img.hover {
  filter: saturate(1);
  border-radius: 0;
}
.lm__member-image--expanded {
  position: absolute;
}
@media only screen and (max-width: 1023px) {
  .lm__member-image--expanded {
    width: 214px;
    height: 214px;
  }
}
@media only screen and (max-width: 800px) {
  .lm__member-image--expanded {
    width: 254px;
    height: 254px;
  }
}
@media only screen and (max-width: 600px) {
  .lm__member-image--expanded {
    width: 334px;
    height: 334px;
  }
}
.lm__member-image--overlay1 {
  position: absolute;
  top: calc(-1rem * 1 / 18);
  right: calc(-1rem * 1 / 18);
  bottom: calc(-1rem * 1 / 18);
  left: calc(-1rem * 1 / 18);
  display: block;
  z-index: 1;
  pointer-events: none;
  overflow: hidden;
}
@media only screen and (max-width: 1023px) {
  .lm__member-image--overlay1 {
    display: none;
  }
}
.lm__member-image--overlay1::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #F8F8F6;
  width: calc(10rem * 1 / 18);
  height: calc(314rem * 1 / 18);
  transition: transform 1s cubic-bezier(0.23, 1, 0.32, 1);
}
.lm__member-image--overlay1::after {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #F8F8F6;
  width: calc(314rem * 1 / 18);
  height: calc(10rem * 1 / 18);
  transition: transform 1s cubic-bezier(0.23, 1, 0.32, 1);
  width: auto;
  top: auto;
  transform-origin: 0 100%;
}
.lm__member-image--overlay1.hover::before {
  transform: translateX(-3rem);
}
.lm__member-image--overlay1.hover::after {
  transform: translateY(3rem);
}
.lm__member-image--overlay2 {
  position: absolute;
  top: calc(-1rem * 1 / 18);
  right: calc(-1rem * 1 / 18);
  bottom: calc(-1rem * 1 / 18);
  left: calc(-1rem * 1 / 18);
  display: block;
  z-index: 1;
  pointer-events: none;
  overflow: hidden;
}
@media only screen and (max-width: 1023px) {
  .lm__member-image--overlay2 {
    display: none;
  }
}
.lm__member-image--overlay2::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #F8F8F6;
  width: calc(10rem * 1 / 18);
  height: calc(314rem * 1 / 18);
  transition: transform 1s cubic-bezier(0.23, 1, 0.32, 1);
  bottom: auto;
  transform-origin: 0 0;
  left: auto;
}
.lm__member-image--overlay2::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #F8F8F6;
  width: calc(314rem * 1 / 18);
  height: calc(10rem * 1 / 18);
  transition: transform 1s cubic-bezier(0.23, 1, 0.32, 1);
  left: auto;
  transform-origin: 100% 0;
}
.lm__member-image--overlay2.hover::before {
  transform: translateX(3rem);
}
.lm__member-image--overlay2.hover::after {
  transform: translateY(-3rem);
}
.lm__member-image--corner {
  overflow: hidden;
}
.lm__member-image--cornerTop {
  position: absolute;
  top: -8px;
  right: -8px;
  bottom: -8px;
  left: -8px;
  display: block;
  z-index: 2;
  pointer-events: none;
  overflow: hidden;
}
@media only screen and (max-width: 1023px) {
  .lm__member-image--cornerTop {
    display: none;
  }
}
.lm__member-image--cornerTop::before {
  content: "";
  display: block;
  position: absolute;
  width: calc(27rem * 1 / 18);
  height: calc(27rem * 1 / 18);
  top: 0;
  left: 0;
  bottom: auto;
  right: auto;
  background: url(../images/icons/8px-corner-cover-top-left-gray.svg);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  transition: transform 1s cubic-bezier(0.23, 1, 0.32, 1);
  transform-origin: 0 0;
}
.lm__member-image--cornerTop::after {
  content: "";
  display: block;
  position: absolute;
  width: calc(27rem * 1 / 18);
  height: calc(27rem * 1 / 18);
  top: 0;
  right: 0;
  bottom: auto;
  left: auto;
  background: url(../images/icons/8px-corner-cover-top-right-gray.svg);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  transition: transform 1s cubic-bezier(0.23, 1, 0.32, 1);
  transform-origin: 0 0;
}
.lm__member-image--cornerTop.hover::before {
  transform: translate3d(-3rem, -3rem, -3rem);
}
.lm__member-image--cornerTop.hover::after {
  transform: translate3d(3rem, -3rem, 3rem);
}
.lm__member-image--cornerBottom {
  position: absolute;
  top: -8px;
  right: -8px;
  bottom: -8px;
  left: -8px;
  display: block;
  z-index: 2;
  pointer-events: none;
  overflow: hidden;
}
@media only screen and (max-width: 1023px) {
  .lm__member-image--cornerBottom {
    display: none;
  }
}
.lm__member-image--cornerBottom::before {
  content: "";
  display: block;
  position: absolute;
  width: calc(27rem * 1 / 18);
  height: calc(27rem * 1 / 18);
  bottom: calc(0rem * 1 / 18);
  left: calc(0rem * 1 / 18);
  top: auto;
  right: auto;
  background: url(../images/icons/8px-corner-cover-bottom-left-gray.svg);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  transition: transform 1s cubic-bezier(0.23, 1, 0.32, 1);
  transform-origin: 0 0;
}
.lm__member-image--cornerBottom::after {
  content: "";
  display: block;
  position: absolute;
  width: calc(27rem * 1 / 18);
  height: calc(27rem * 1 / 18);
  right: calc(0rem * 1 / 18);
  bottom: calc(0rem * 1 / 18);
  top: auto;
  left: auto;
  background: url(../images/icons/8px-corner-cover-bottom-right-gray.svg);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  transition: transform 1s cubic-bezier(0.23, 1, 0.32, 1);
  transform-origin: 0 0;
}
.lm__member-image--cornerBottom.hover::before {
  transform: translate3d(-3rem, 3rem, -3rem);
}
.lm__member-image--cornerBottom.hover::after {
  transform: translate3d(3rem, 3rem, -3rem);
}
.lm__member-info {
  padding-left: calc(24rem * 1 / 18);
  padding-right: calc(20rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .lm__member-info {
    padding-left: 54px;
    padding-right: 0;
  }
}
@media only screen and (max-width: 800px) {
  .lm__member-info {
    padding-left: 64px;
  }
}
@media only screen and (max-width: 600px) {
  .lm__member-info {
    padding-left: 24px;
    padding-right: 20px;
  }
}
.lm__member-info--name {
  color: #373938;
  font-family: "Saira Semi Condensed", sans-serif;
  font-weight: 400;
  font-size: calc(28rem * 1 / 18);
  font-style: normal;
  line-height: 140%;
  /* 39.2px */
  letter-spacing: calc(0.28rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .lm__member-info--name {
    font-size: 28px;
    line-height: 39.2px;
    letter-spacing: 0.28px;
  }
}
.lm__member-info--role {
  color: #373938;
  font-family: "Rajdhani", sans-serif;
  font-weight: 500;
  font-size: calc(18rem * 1 / 18);
  font-style: normal;
  line-height: 140%;
  /* 25.2px */
  letter-spacing: calc(0.18rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .lm__member-info--role {
    font-size: 18px;
    line-height: 25.2px;
    letter-spacing: 0.18px;
  }
}
.lm__member-info.hover .lm__member-info--role,
.lm__member-info.hover .lm__member-info--name {
  color: #009C49;
}
.lm__bio {
  width: 100%;
  max-width: calc(1325rem * 1 / 18);
  height: 100vh;
  display: flex;
  justify-content: space-between;
  position: fixed;
  right: -100%;
  top: 0;
  transition: all 0.5s ease-in-out;
  z-index: 1002;
  padding: calc(70rem * 1 / 18) 0 calc(135rem * 1 / 18) calc(75rem * 1 / 18);
  background-color: #F8F8F6;
}
@media only screen and (max-width: 1023px) {
  .lm__bio {
    max-width: 550px;
    padding: 70px 22px 50px 30px;
  }
}
@media only screen and (max-width: 800px) {
  .lm__bio {
    max-width: 450px;
  }
}
@media only screen and (max-width: 600px) {
  .lm__bio {
    max-width: 350px;
  }
}
@media only screen and (max-width: 400px) {
  .lm__bio {
    max-width: 340px;
  }
}
.lm__bio.hide {
  display: none;
}
.lm__bio.active {
  right: 0;
}
@media only screen and (max-width: 1023px) {
  .lm__bio.active {
    max-height: 110vh;
    overflow: auto;
  }
}
.lm__bio-text {
  position: relative;
  width: 100%;
  max-width: calc(617rem * 1 / 18);
  background-color: #F8F8F6;
  height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  padding-top: calc(215rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .lm__bio-text {
    max-width: 750px;
    padding: 50px 0 0 0;
  }
}
.lm__bio-text--name {
  color: #373938;
  font-family: "Saira Semi Condensed", sans-serif;
  font-weight: 400;
  font-size: calc(28rem * 1 / 18);
  font-style: normal;
  line-height: 140%;
  /* 39.2px */
  letter-spacing: calc(0.28rem * 1 / 18);
  margin-bottom: calc(10rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .lm__bio-text--name {
    font-size: 28px;
    line-height: 39.2px;
    letter-spacing: 0.28px;
  }
}
@media only screen and (max-width: 1023px) {
  .lm__bio-text--name {
    margin-bottom: 10px;
  }
}
.lm__bio-text--role {
  color: #373938;
  font-family: "Rajdhani", sans-serif;
  font-weight: 500;
  font-size: calc(18rem * 1 / 18);
  font-style: normal;
  line-height: 140%;
  /* 25.2px */
  letter-spacing: calc(0.18rem * 1 / 18);
  margin-bottom: calc(34rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .lm__bio-text--role {
    font-size: 18px;
    line-height: 25.2px;
    letter-spacing: 0.18px;
  }
}
@media only screen and (max-width: 1023px) {
  .lm__bio-text--role {
    margin-bottom: 34px;
  }
}
.lm__bio-text--content {
  margin-bottom: calc(20rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .lm__bio-text--content {
    margin-bottom: 0;
    text-align: left;
  }
}
.lm__bio-text--content > * {
  color: #373938;
  font-family: "Rajdhani", sans-serif;
  font-weight: 500;
  font-size: calc(20rem * 1 / 18);
  font-style: normal;
  line-height: 150%;
  /* 30px */
  letter-spacing: calc(0.4rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .lm__bio-text--content > * {
    font-size: 20px;
    letter-spacing: 0.4px;
    line-height: 150%;
  }
}
@media only screen and (max-width: 1023px) {
  .lm__bio-text--content > * {
    font-size: 18px;
  }
}
.lm__bio-text--linkedin {
  width: calc(31rem * 1 / 18);
  height: calc(31rem * 1 / 18);
  display: flex;
  justify-content: center;
  align-items: center;
}
@media only screen and (max-width: 1023px) {
  .lm__bio-text--linkedin {
    width: 31px;
    height: 31px;
  }
}
.lm__bio-text--linkedin svg {
  width: 100%;
  height: 100%;
  object-fit: contain;
  transition: all 0.25s ease-out;
}
.lm__bio-text--linkedin svg path {
  transition: all 0.25s ease-out;
}
.lm__bio-text--linkedin:hover svg {
  fill: #F1B53D;
}
.lm__bio-text--linkedin:hover svg path:nth-child(1) {
  stroke: #F1B53D;
}
.lm__bio-image {
  width: calc(575rem * 1 / 18);
  height: calc(694rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .lm__bio-image {
    display: none;
  }
}
.lm__bio-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: calc(10rem * 1 / 18) 0 0 calc(10rem * 1 / 18);
}
.lm__bio-close {
  width: calc(15rem * 1 / 18);
  height: calc(15rem * 1 / 18);
  position: absolute;
  top: 0;
  left: 0;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media only screen and (max-width: 1023px) {
  .lm__bio-close {
    width: 15px;
    height: 15px;
  }
}
.lm__bio-close svg {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.lm__bio-overlay {
  display: none;
  width: calc(1920rem * 1 / 18);
  height: 100vh;
  opacity: 0.75;
  background: #373938;
  mix-blend-mode: multiply;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1001;
}
@media only screen and (max-width: 1023px) {
  .lm__bio-overlay {
    width: 1920px;
    height: 110vh;
  }
}
.lm__bio-overlay.active {
  display: block;
}
.ois {
  display: grid;
  grid-template-columns: 2.604% repeat(24, 1fr) 2.604%;
  column-gap: calc(20rem * 1 / 18);
  position: relative;
  margin-bottom: calc(25rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .ois {
    grid-template-columns: repeat(12, 1fr);
    column-gap: 20px;
  }
}
@media only screen and (max-width: 600px) {
  .ois {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media only screen and (max-width: 1023px) {
  .ois {
    margin-bottom: 25px;
    margin-top: 40px;
  }
}
.ois__subheading {
  grid-column: 2 / span 24;
  font-family: "Rajdhani", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: calc(20rem * 1 / 18);
  line-height: 150%;
  letter-spacing: calc(0.4rem * 1 / 18);
  text-transform: uppercase;
  color: #abada5;
  margin-bottom: calc(90rem * 1 / 18);
  padding-left: calc(20rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .ois__subheading {
    font-size: 20px;
    letter-spacing: 0.4px;
  }
}
@media only screen and (max-width: 1023px) {
  .ois__subheading {
    grid-column: 1 / -1;
    margin-bottom: 60px;
    padding-left: 20px;
    padding-right: 20px;
  }
}
.ois__text {
  grid-column: 2 / span 24;
  display: grid;
  grid-template-columns: repeat(24, 1fr);
  column-gap: calc(20rem * 1 / 18);
  margin-bottom: calc(28rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .ois__text {
    grid-column: 1 / -1;
    grid-template-columns: repeat(12, 1fr);
    column-gap: 20px;
    margin-bottom: 28px;
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media only screen and (max-width: 600px) {
  .ois__text {
    grid-template-columns: repeat(4, 1fr);
    margin-bottom: 41px;
  }
}
.ois__text-heading {
  grid-column: 1 / span 7;
  padding-left: calc(20rem * 1 / 18);
  font-family: "Saira Semi Condensed", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: calc(56rem * 1 / 18);
  line-height: 110%;
  letter-spacing: calc(-0.56rem * 1 / 18);
  margin-bottom: calc(20rem * 1 / 18);
  letter-spacing: unset !important;
}
@media only screen and (max-width: 1023px) {
  .ois__text-heading {
    font-size: 42px;
    letter-spacing: unset;
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 1023px) {
  .ois__text-heading {
    grid-column: 1 / -1;
  }
}
.ois__text-description {
  grid-column: 10 / span 12;
}
@media only screen and (max-width: 1023px) {
  .ois__text-description {
    grid-column: 1 / -1;
  }
}
.ois__text-description > * {
  line-height: 150%;
  letter-spacing: calc(0.4rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .ois__text-description > * {
    letter-spacing: 0.4px;
  }
}
.ois__imageContainer {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: 2.604% repeat(24, 1fr) 2.604%;
  column-gap: calc(20rem * 1 / 18);
  position: relative;
}
@media only screen and (max-width: 1023px) {
  .ois__imageContainer {
    grid-template-columns: repeat(12, 1fr);
    column-gap: 20px;
  }
}
@media only screen and (max-width: 600px) {
  .ois__imageContainer {
    grid-template-columns: repeat(4, 1fr);
  }
}
.ois__image {
  grid-column: 3 / span 22;
  width: calc(1630rem * 1 / 18);
  height: calc(498.999rem * 1 / 18);
  margin-bottom: calc(39rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .ois__image {
    grid-column: 1 / -1;
    width: 90%;
    height: 100%;
    margin: 0 auto;
    padding-bottom: 52.8px;
  }
}
@media only screen and (max-width: 600px) {
  .ois__image {
    width: 100%;
    height: 100%;
    padding-left: 20px;
    padding-right: 20px;
    margin: 0;
  }
}
.ois__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media only screen and (max-width: 600px) {
  .ois__image-desktop {
    display: none;
  }
}
.ois__image-mobile {
  display: none;
}
@media only screen and (max-width: 600px) {
  .ois__image-mobile {
    display: block;
  }
}
.ois__button {
  display: flex;
  align-items: center;
  gap: calc(15rem * 1 / 18);
  padding: calc(4rem * 1 / 18) calc(18rem * 1 / 18) calc(4rem * 1 / 18) calc(18rem * 1 / 18);
  border-radius: calc(6rem * 1 / 18);
  outline: none;
  border: calc(2rem * 1 / 18) solid #F1B53D;
  background-color: transparent;
  cursor: pointer;
  text-decoration: none;
  color: #373938;
  width: fit-content;
  transition: all 0.25s ease-out;
  grid-column: 3 / span 22;
  margin: 0 auto;
}
@media only screen and (max-width: 1023px) {
  .ois__button {
    padding: 4px 18px 4px 18px;
    border-radius: 6px;
    border: 2px solid #F1B53D;
    gap: 8px;
    width: fit-content;
  }
}
.ois__button:hover {
  background-color: #F1B53D;
}
.ois__button:hover > span {
  color: #222222;
}
.ois__button > span {
  transition: all 0.25s ease-out;
  font-family: "Saira Semi Condensed", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: calc(20rem * 1 / 18);
  line-height: normal;
  letter-spacing: calc(0.4rem * 1 / 18);
  color: #373938;
  white-space: nowrap;
  text-transform: uppercase;
}
.ois__button > span.light {
  color: white;
}
@media only screen and (max-width: 1023px) {
  .ois__button > span {
    font-size: 20px;
    line-height: normal;
    letter-spacing: 0.4px;
  }
}
@media only screen and (max-width: 1023px) {
  .ois__button {
    grid-column: 1 / -1;
  }
}
.osc {
  display: grid;
  grid-template-columns: 2.604% repeat(24, 1fr) 2.604%;
  column-gap: calc(20rem * 1 / 18);
  position: relative;
  margin-top: calc(151rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .osc {
    grid-template-columns: repeat(12, 1fr);
    column-gap: 20px;
  }
}
@media only screen and (max-width: 600px) {
  .osc {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media only screen and (max-width: 1023px) {
  .osc {
    margin-top: 90px;
    padding-left: 32px;
    padding-right: 32px;
  }
}
@media only screen and (max-width: 600px) {
  .osc {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.osc__subheading {
  grid-column: 2 / span 22;
  font-family: "Rajdhani", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: calc(20rem * 1 / 18);
  line-height: 150%;
  letter-spacing: calc(0.4rem * 1 / 18);
  text-transform: uppercase;
  color: #abada5;
  margin-bottom: calc(100rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .osc__subheading {
    font-size: 20px;
    letter-spacing: 0.4px;
  }
}
@media only screen and (max-width: 1023px) {
  .osc__subheading {
    grid-column: 1 / -1;
    margin-bottom: 50px;
  }
}
.osc__top {
  grid-column: 2 / span 22;
  display: grid;
  grid-template-columns: repeat(22, 1fr);
  column-gap: calc(20rem * 1 / 18);
  margin-bottom: calc(82rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .osc__top {
    grid-column: 1 / -1;
    column-gap: 20px;
    margin-bottom: 30px;
    grid-template-columns: repeat(12, 1fr);
  }
}
@media only screen and (max-width: 600px) {
  .osc__top {
    grid-template-columns: repeat(4, 1fr);
  }
}
.osc__top-heading {
  grid-column: 1 / span 10;
  justify-self: start;
  width: 100%;
  max-width: calc(673rem * 1 / 18);
  font-family: "Saira Semi Condensed", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: calc(56rem * 1 / 18);
  line-height: 110%;
  letter-spacing: calc(-0.56rem * 1 / 18);
  margin-bottom: calc(20rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .osc__top-heading {
    font-size: 42px;
    letter-spacing: unset;
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 1023px) {
  .osc__top-heading {
    grid-column: 1 / -1;
    max-width: 100%;
  }
}
.osc__top-description {
  grid-column: 13 / span 10;
}
@media only screen and (max-width: 1023px) {
  .osc__top-description {
    grid-column: 1 / -1;
  }
}
.osc__top-description > * {
  color: #373938;
  font-family: "Rajdhani", sans-serif;
  font-weight: 500;
  font-size: calc(20rem * 1 / 18);
  font-style: normal;
  line-height: 150%;
  /* 30px */
  letter-spacing: calc(0.4rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .osc__top-description > * {
    font-size: 20px;
    letter-spacing: 0.4px;
    line-height: 150%;
  }
}
.osc__cards {
  grid-column: 2 / span 24;
  display: grid;
  grid-template-columns: repeat(24, 1fr);
  column-gap: calc(20rem * 1 / 18);
  row-gap: calc(35rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .osc__cards {
    grid-column: 1 / -1;
    column-gap: 20px;
    row-gap: 30px;
    grid-template-columns: repeat(12, 1fr);
  }
}
@media only screen and (max-width: 600px) {
  .osc__cards {
    grid-template-columns: repeat(4, 1fr);
  }
}
.osc__card {
  width: calc(570rem * 1 / 18);
  height: calc(570rem * 1 / 18);
  text-decoration: none;
  position: relative;
  border-radius: calc(10rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .osc__card {
    display: none;
  }
}
.osc__card:visited {
  text-decoration: none;
}
.osc__card:nth-child(3n+1) {
  grid-column: 1 / span 8;
  justify-self: start;
}
.osc__card:nth-child(3n+2) {
  grid-column: 9 / span 8;
  justify-self: center;
}
.osc__card:nth-child(3n+3) {
  grid-column: 17 / span 8;
  justify-self: end;
}
.osc__card-default {
  padding: calc(30rem * 1 / 18) calc(40rem * 1 / 18) calc(30rem * 1 / 18) calc(30rem * 1 / 18);
  background-color: #F8F8F6;
  border-radius: calc(10rem * 1 / 18);
  border: calc(1rem * 1 / 18) solid #abada5;
  width: calc(570rem * 1 / 18);
  height: calc(570rem * 1 / 18);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  transition: all 0.3s ease-out;
  opacity: 1;
}
.osc__card-default.hover-active {
  opacity: 0;
  display: none;
}
.osc__card-default--title {
  color: #373938;
  font-family: "Saira Semi Condensed", sans-serif;
  font-weight: 500;
  font-size: calc(36rem * 1 / 18);
  font-style: normal;
  line-height: 110%;
  /* 39.6px */
  text-transform: capitalize;
}
@media only screen and (max-width: 1023px) {
  .osc__card-default--title {
    font-size: 28px;
    line-height: 110%;
    color: #F8F8F6;
    font-weight: 500;
  }
}
.osc__card-default--num {
  color: #373938;
  font-family: "Rajdhani", sans-serif;
  font-weight: 600;
  font-size: calc(24rem * 1 / 18);
  font-style: normal;
  line-height: 110%;
  /* 26.4px */
  text-transform: capitalize;
}
@media only screen and (max-width: 1400px) {
  .osc__card-default--num {
    font-size: 24px;
    line-height: 26.4px;
  }
}
.osc__card-hover {
  width: calc(570rem * 1 / 18);
  height: calc(570rem * 1 / 18);
  padding: calc(32rem * 1 / 18) calc(30rem * 1 / 18) calc(30rem * 1 / 18) calc(30rem * 1 / 18);
  background-color: #373938;
  border-radius: calc(10rem * 1 / 18);
  border: calc(1rem * 1 / 18) solid #373938;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  opacity: 0;
  transition: all 0.5s ease-out;
  position: absolute;
  left: 0;
  top: 0;
}
.osc__card-hover.active {
  opacity: 1;
  position: relative;
}
.osc__card-hover--header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.osc__card-hover--footer {
  display: flex;
  flex-direction: column;
  gap: calc(20rem * 1 / 18);
}
.osc__card-hover--title {
  color: #373938;
  font-family: "Saira Semi Condensed", sans-serif;
  font-weight: 500;
  font-size: calc(36rem * 1 / 18);
  font-style: normal;
  line-height: 110%;
  /* 39.6px */
  text-transform: capitalize;
  color: #F8F8F6;
}
@media only screen and (max-width: 1023px) {
  .osc__card-hover--title {
    font-size: 28px;
    line-height: 110%;
    color: #F8F8F6;
    font-weight: 500;
  }
}
.osc__card-hover--description > * {
  color: #373938;
  font-family: "Rajdhani", sans-serif;
  font-weight: 500;
  font-size: calc(20rem * 1 / 18);
  font-style: normal;
  line-height: 150%;
  /* 30px */
  letter-spacing: calc(0.4rem * 1 / 18);
  color: #F8F8F6;
}
@media only screen and (max-width: 1023px) {
  .osc__card-hover--description > * {
    font-size: 20px;
    letter-spacing: 0.4px;
    line-height: 150%;
  }
}
.osc__card-hover--icon {
  max-width: calc(100rem * 1 / 18);
  height: auto;
  max-height: calc(100rem * 1 / 18);
  display: flex;
  justify-content: center;
  align-items: center;
}
.osc__card-hover--icon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.osc__card-image {
  border-radius: calc(10rem * 1 / 18);
  border: calc(1rem * 1 / 18) solid #abada5;
  width: calc(570rem * 1 / 18);
  height: calc(570rem * 1 / 18);
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
  transition: all 0.5s ease-out;
  position: absolute;
  left: 0;
  top: 0;
}
.osc__card-image.active {
  opacity: 1;
  position: relative;
}
.osc__card-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: calc(10rem * 1 / 18);
}
@media only screen and (max-width: 600px) {
  .osc #mobileCard-4 .osc__mobileCard-top--title,
  .osc #mobileCard-6 .osc__mobileCard-top--title,
  .osc #mobileCard-7 .osc__mobileCard-top--title {
    width: 45%;
  }
}
.osc__mobileCard {
  grid-column: 1 / -1;
  display: none;
  cursor: pointer;
}
@media only screen and (max-width: 1023px) {
  .osc__mobileCard {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background-color: #373938;
    border-radius: 10px;
    padding: 20px 20px 20px 18px;
    gap: auto;
    width: 100%;
    height: 200px;
    transition: all 0.25s ease-out;
  }
  .osc__mobileCard.active {
    height: 400px;
  }
}
.osc__mobileCard-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.osc__mobileCard-top--title {
  color: #373938;
  font-family: "Saira Semi Condensed", sans-serif;
  font-weight: 500;
  font-size: calc(36rem * 1 / 18);
  font-style: normal;
  line-height: 110%;
  /* 39.6px */
  text-transform: capitalize;
}
@media only screen and (max-width: 1023px) {
  .osc__mobileCard-top--title {
    font-size: 28px;
    line-height: 110%;
    color: #F8F8F6;
    font-weight: 500;
  }
}
@media only screen and (max-width: 1023px) {
  .osc__mobileCard-top--icon {
    height: 55px;
    width: auto;
  }
  .osc__mobileCard-top--icon img {
    width: 100%;
    height: 100%;
    object-fit: contain;
  }
}
.osc__mobileCard-bottom--description > * {
  color: #373938;
  font-family: "Rajdhani", sans-serif;
  font-weight: 500;
  font-size: calc(20rem * 1 / 18);
  font-style: normal;
  line-height: 150%;
  /* 30px */
  letter-spacing: calc(0.4rem * 1 / 18);
  color: #F8F8F6;
}
@media only screen and (max-width: 1023px) {
  .osc__mobileCard-bottom--description > * {
    font-size: 20px;
    letter-spacing: 0.4px;
    line-height: 150%;
  }
}
@media only screen and (max-width: 1023px) {
  .osc__mobileCard-bottom--description > * {
    font-size: 18px;
  }
}
.phs {
  display: grid;
  grid-template-columns: 2.604% repeat(24, 1fr) 2.604%;
  column-gap: calc(20rem * 1 / 18);
  position: relative;
  min-height: calc(898rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .phs {
    grid-template-columns: repeat(12, 1fr);
    column-gap: 20px;
  }
}
@media only screen and (max-width: 600px) {
  .phs {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media only screen and (max-width: 1023px) {
  .phs {
    min-height: 450px;
    padding-left: 32px;
    padding-right: 32px;
  }
}
@media only screen and (max-width: 600px) {
  .phs {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.phs.gray {
  background-color: #F8F8F6;
}
.phs.black {
  background-color: black;
}
.phs.black .phs__text-heading {
  color: #abada5;
  margin-bottom: calc(32rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .phs.black .phs__text-heading {
    margin-bottom: 30px;
  }
}
.phs.black .phs__text-description > * {
  color: #abada5;
}
.phs.black .phs__text-button {
  display: flex;
  align-items: center;
  gap: calc(15rem * 1 / 18);
  padding: calc(4rem * 1 / 18) calc(18rem * 1 / 18) calc(4rem * 1 / 18) calc(18rem * 1 / 18);
  border-radius: calc(6rem * 1 / 18);
  outline: none;
  border: calc(2rem * 1 / 18) solid #F1B53D;
  background-color: transparent;
  cursor: pointer;
  text-decoration: none;
  color: #DEDBD4;
  width: fit-content;
  transition: all 0.25s ease-out;
}
@media only screen and (max-width: 1023px) {
  .phs.black .phs__text-button {
    padding: 4px 18px 4px 18px;
    border-radius: 6px;
    border: 2px solid #F1B53D;
    gap: 8px;
    width: fit-content;
  }
}
.phs.black .phs__text-button:hover {
  background-color: #F1B53D;
}
.phs.black .phs__text-button:hover > span {
  color: #222222;
}
.phs.black .phs__text-button > span {
  transition: all 0.25s ease-out;
  font-family: "Saira Semi Condensed", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: calc(20rem * 1 / 18);
  line-height: normal;
  letter-spacing: calc(0.4rem * 1 / 18);
  color: #DEDBD4;
  white-space: nowrap;
  text-transform: uppercase;
}
.phs.black .phs__text-button > span.light {
  color: white;
}
@media only screen and (max-width: 1023px) {
  .phs.black .phs__text-button > span {
    font-size: 20px;
    line-height: normal;
    letter-spacing: 0.4px;
  }
}
@media only screen and (max-width: 1023px) {
  .phs.black .phs__text-button {
    padding: 4px 18px 4px 18px;
    border-radius: 6px;
    border: 2px solid #F1B53D;
    gap: 8px;
    width: fit-content;
  }
}
.phs.black .phs__text-button:hover {
  background-color: #F1B53D;
}
.phs.black .phs__text-button:hover > span {
  color: #222222;
}
.phs.black .phs__text-button > span {
  transition: all 0.25s ease-out;
  font-family: "Saira Semi Condensed", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: calc(20rem * 1 / 18);
  line-height: normal;
  letter-spacing: calc(0.4rem * 1 / 18);
  color: #DEDBD4;
  white-space: nowrap;
  text-transform: uppercase;
}
.phs.black .phs__text-button > span.light {
  color: white;
}
@media only screen and (max-width: 1023px) {
  .phs.black .phs__text-button > span {
    font-size: 20px;
    line-height: normal;
    letter-spacing: 0.4px;
  }
}
.phs__image {
  grid-column: 2 / span 13;
  position: relative;
  width: calc(955rem * 1 / 18);
  height: calc(710rem * 1 / 18);
  margin-top: calc(105rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .phs__image {
    grid-column: 1 / -1;
    width: 100%;
    height: auto;
    margin-top: 36.25px;
  }
}
.phs__image-inner {
  width: calc(955rem * 1 / 18);
  height: calc(710rem * 1 / 18);
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 2;
  overflow: hidden;
}
@media only screen and (max-width: 1023px) {
  .phs__image-inner {
    width: 100%;
    height: auto;
  }
}
@media only screen and (max-width: 600px) {
  .phs__image-inner {
    height: 238px;
  }
}
.phs__image-inner img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scale(1.145);
  transition: all 0.5s ease-out;
}
.phs__image-inner img.animated {
  transform: scale(1);
}
.phs__image-greenCross {
  position: absolute;
  width: calc(117rem * 1 / 18);
  height: calc(117rem * 1 / 18);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 3;
  transition: all 0.5s ease-out;
}
@media only screen and (max-width: 1023px) {
  .phs__image-greenCross {
    width: 60px;
    height: 60px;
  }
}
@media only screen and (max-width: 600px) {
  .phs__image-greenCross {
    width: 39.2px;
    height: 39.3px;
  }
}
.phs__image-greenCross.type_1 {
  left: calc(97rem * 1 / 18);
  bottom: calc(21rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .phs__image-greenCross.type_1 {
    left: 97px;
    bottom: 5px;
  }
}
@media only screen and (max-width: 600px) {
  .phs__image-greenCross.type_1 {
    left: 32.5px;
    bottom: 7.05px;
  }
}
.phs__image-greenCross.type_1.animated {
  transform: rotate(180deg) translateY(calc(1rem * 1 / 18));
}
@media only screen and (max-width: 1023px) {
  .phs__image-greenCross.type_1.animated {
    transform: rotate(180deg) translateY(1px);
  }
}
.phs__image-greenCross.type_2 {
  right: calc(125rem * 1 / 18);
  bottom: calc(21rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .phs__image-greenCross.type_2 {
    right: 125px;
    bottom: 5px;
  }
}
@media only screen and (max-width: 600px) {
  .phs__image-greenCross.type_2 {
    right: 42.5px;
    bottom: 7.05px;
  }
}
.phs__image-greenCross.type_2.animated {
  transform: rotate(180deg) translateY(calc(1rem * 1 / 18));
}
@media only screen and (max-width: 1023px) {
  .phs__image-greenCross.type_2.animated {
    transform: rotate(180deg) translateY(1px);
  }
}
.phs__image-greenCross.type_3 {
  right: calc(143rem * 1 / 18);
  bottom: calc(21rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .phs__image-greenCross.type_3 {
    right: 143px;
    bottom: 5px;
  }
}
@media only screen and (max-width: 600px) {
  .phs__image-greenCross.type_3 {
    right: 47.5px;
    bottom: 7.05px;
  }
}
.phs__image-greenCross.type_3.animated {
  transform: rotate(180deg) translateY(calc(1rem * 1 / 18));
}
@media only screen and (max-width: 1023px) {
  .phs__image-greenCross.type_3.animated {
    transform: rotate(180deg) translateY(1px);
  }
}
.phs__image-greenCross img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.phs__image-grayRectangle1 {
  position: absolute;
  transition: all 0.5s ease-out;
  z-index: 1;
}
.phs__image-grayRectangle1.type_1 {
  border-radius: 0px 0px 0px calc(19rem * 1 / 18);
  bottom: calc(1rem * 1 / 18);
  right: calc(438rem * 1 / 18);
  width: calc(250rem * 1 / 18);
  height: calc(113rem * 1 / 18);
  background-color: #ebe9e5;
}
@media only screen and (max-width: 1023px) {
  .phs__image-grayRectangle1.type_1 {
    bottom: 1px;
    right: 0px;
    height: 113px;
    width: 364px;
    border-radius: 0px 0px 0px 19px;
  }
}
@media only screen and (max-width: 600px) {
  .phs__image-grayRectangle1.type_1 {
    right: 82.09px;
    bottom: 0.34px;
    width: 166px;
    height: 148px;
  }
}
.phs__image-grayRectangle1.type_1.animated {
  width: calc(421rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .phs__image-grayRectangle1.type_1.animated {
    width: 421px;
  }
}
@media only screen and (max-width: 600px) {
  .phs__image-grayRectangle1.type_1.animated {
    width: 227px;
  }
}
.phs__image-grayRectangle1.type_2 {
  border-radius: 0px 0px calc(55rem * 1 / 18) 0px;
  bottom: 0;
  left: calc(300rem * 1 / 18);
  width: calc(576rem * 1 / 18);
  height: calc(150rem * 1 / 18);
  background-color: #ebe9e5;
}
@media only screen and (max-width: 1023px) {
  .phs__image-grayRectangle1.type_2 {
    left: 100px;
    width: 576px;
    height: 150px;
    border-radius: 0px 0px 55px 0px;
  }
}
@media only screen and (max-width: 800px) {
  .phs__image-grayRectangle1.type_2 {
    width: 400px;
    height: 150px;
    left: 50px;
  }
}
@media only screen and (max-width: 600px) {
  .phs__image-grayRectangle1.type_2 {
    left: 5px;
    width: 280px;
    height: 150px;
    border-radius: 0px 0px 20px 0px;
  }
}
@media only screen and (max-width: 400px) {
  .phs__image-grayRectangle1.type_2 {
    width: 200px;
  }
}
.phs__image-grayRectangle1.type_2.animated {
  width: calc(414rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .phs__image-grayRectangle1.type_2.animated {
    width: 414px;
  }
}
@media only screen and (max-width: 800px) {
  .phs__image-grayRectangle1.type_2.animated {
    width: 420px;
  }
}
@media only screen and (max-width: 600px) {
  .phs__image-grayRectangle1.type_2.animated {
    width: 330px;
  }
}
@media only screen and (max-width: 400px) {
  .phs__image-grayRectangle1.type_2.animated {
    width: 220px;
  }
}
.phs__image-grayRectangle1.type_3 {
  width: calc(611.862remm * 1 / 18);
  height: calc(533rem * 1 / 18);
  display: flex;
  justify-content: center;
  align-items: center;
  top: 0;
  left: calc(166rem * 1 / 18);
}
.phs__image-grayRectangle1.type_3 svg {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.phs__image-grayRectangle1.type_3.animated {
  left: 0;
}
.phs__image-grayRectangle2 {
  position: absolute;
  transition: all 0.5s ease-out;
  z-index: 1;
}
.phs__image-grayRectangle2.type_2 {
  background-color: #ebe9e5;
  border-radius: calc(19rem * 1 / 18) 0px 0px 0px;
  top: 0;
  right: calc(177.28rem * 1 / 18);
  width: calc(420rem * 1 / 18);
  height: calc(113rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .phs__image-grayRectangle2.type_2 {
    right: 30px;
    width: 420px;
    height: 113px;
    border-radius: 19px 0px 0px 0px;
  }
}
@media only screen and (max-width: 600px) {
  .phs__image-grayRectangle2.type_2 {
    width: 280px;
  }
}
@media only screen and (max-width: 400px) {
  .phs__image-grayRectangle2.type_2 {
    width: 200px;
  }
}
.phs__image-grayRectangle2.type_2.animated {
  width: calc(601rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .phs__image-grayRectangle2.type_2.animated {
    width: 601px;
  }
}
@media only screen and (max-width: 800px) {
  .phs__image-grayRectangle2.type_2.animated {
    width: 460px;
  }
}
@media only screen and (max-width: 600px) {
  .phs__image-grayRectangle2.type_2.animated {
    width: 300px;
  }
}
@media only screen and (max-width: 400px) {
  .phs__image-grayRectangle2.type_2.animated {
    width: 230px;
  }
}
.phs__image-grayRectangle2.type_3 {
  width: calc(442.623rem * 1 / 18);
  height: calc(441rem * 1 / 18);
  display: flex;
  justify-content: center;
  align-items: center;
  bottom: calc(1rem * 1 / 18);
  right: calc(79rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .phs__image-grayRectangle2.type_3 {
    bottom: 1px;
    right: 55px;
    width: 442.623px;
    height: 441px;
  }
}
@media only screen and (max-width: 800px) {
  .phs__image-grayRectangle2.type_3 {
    width: 300px;
    height: 300px;
  }
}
@media only screen and (max-width: 600px) {
  .phs__image-grayRectangle2.type_3 {
    width: 180px;
    height: 180px;
  }
}
.phs__image-grayRectangle2.type_3 svg {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.phs__image-grayRectangle2.type_3.animated {
  right: calc(245rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .phs__image-grayRectangle2.type_3.animated {
    right: 145px;
  }
}
@media only screen and (max-width: 600px) {
  .phs__image-grayRectangle2.type_3.animated {
    right: 82.09px;
  }
}
.phs__text {
  grid-column: 16 / span 9;
  margin-top: calc(209rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .phs__text {
    grid-column: 1 / -1;
    margin-top: 65px;
    margin-bottom: 102px;
    z-index: 10;
  }
}
.phs__text-subheading {
  font-family: "Rajdhani", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: calc(20rem * 1 / 18);
  line-height: 150%;
  letter-spacing: calc(0.4rem * 1 / 18);
  text-transform: uppercase;
  color: #abada5;
  margin-bottom: calc(32rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .phs__text-subheading {
    font-size: 20px;
    letter-spacing: 0.4px;
  }
}
@media only screen and (max-width: 1023px) {
  .phs__text-subheading {
    margin-bottom: 32px;
    font-size: 18px !important;
  }
}
.phs__text-heading {
  color: #373938;
  font-family: "Saira Semi Condensed", sans-serif;
  font-weight: 400;
  font-size: calc(80rem * 1 / 18);
  font-style: normal;
  line-height: 105%;
  /* 84px */
  letter-spacing: calc(-1.6rem * 1 / 18);
  margin-bottom: calc(30rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .phs__text-heading {
    font-size: 48px;
    line-height: 105%;
    letter-spacing: unset;
  }
}
@media only screen and (max-width: 1023px) {
  .phs__text-heading {
    margin-bottom: 30px;
  }
}
.phs__text-description {
  width: 100%;
  max-width: calc(635rem * 1 / 18);
  margin-bottom: calc(30rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .phs__text-description {
    max-width: 100%;
    margin-bottom: 32px;
  }
}
.phs__text-description > * {
  color: #373938;
  font-family: "Rajdhani", sans-serif;
  font-weight: 500;
  font-size: calc(20rem * 1 / 18);
  font-style: normal;
  line-height: 150%;
  /* 30px */
  letter-spacing: calc(0.4rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .phs__text-description > * {
    font-size: 20px;
    letter-spacing: 0.4px;
    line-height: 150%;
  }
}
@media only screen and (max-width: 1023px) {
  .phs__text-description > * {
    font-size: 18px !important;
  }
}
.phs__text-button {
  display: flex;
  align-items: center;
  gap: calc(15rem * 1 / 18);
  padding: calc(4rem * 1 / 18) calc(18rem * 1 / 18) calc(4rem * 1 / 18) calc(18rem * 1 / 18);
  border-radius: calc(6rem * 1 / 18);
  outline: none;
  border: calc(2rem * 1 / 18) solid #F1B53D;
  background-color: transparent;
  cursor: pointer;
  text-decoration: none;
  color: #373938;
  width: fit-content;
  transition: all 0.25s ease-out;
}
@media only screen and (max-width: 1023px) {
  .phs__text-button {
    padding: 4px 18px 4px 18px;
    border-radius: 6px;
    border: 2px solid #F1B53D;
    gap: 8px;
    width: fit-content;
  }
}
.phs__text-button:hover {
  background-color: #F1B53D;
}
.phs__text-button:hover > span {
  color: #222222;
}
.phs__text-button > span {
  transition: all 0.25s ease-out;
  font-family: "Saira Semi Condensed", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: calc(20rem * 1 / 18);
  line-height: normal;
  letter-spacing: calc(0.4rem * 1 / 18);
  color: #373938;
  white-space: nowrap;
  text-transform: uppercase;
}
.phs__text-button > span.light {
  color: white;
}
@media only screen and (max-width: 1023px) {
  .phs__text-button > span {
    font-size: 20px;
    line-height: normal;
    letter-spacing: 0.4px;
  }
}
.pp {
  display: grid;
  grid-template-columns: 2.604% repeat(24, 1fr) 2.604%;
  column-gap: calc(20rem * 1 / 18);
  position: relative;
  row-gap: calc(150rem * 1 / 18);
  margin-bottom: calc(144rem * 1 / 18);
  /* HTML: <div class="loader"></div> */
}
@media only screen and (max-width: 1023px) {
  .pp {
    grid-template-columns: repeat(12, 1fr);
    column-gap: 20px;
  }
}
@media only screen and (max-width: 600px) {
  .pp {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media only screen and (max-width: 1023px) {
  .pp {
    row-gap: 150px;
    margin-bottom: 144px;
    padding-left: 32px;
    padding-right: 32px;
  }
}
@media only screen and (max-width: 600px) {
  .pp {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.pp__policy,
.pp__terms {
  grid-column: 2 / span 24;
  display: grid;
  grid-template-columns: repeat(24, 1fr);
  column-gap: calc(20rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .pp__policy,
  .pp__terms {
    grid-column: 1 / -1;
    column-gap: 20px;
    grid-template-columns: repeat(12, 1fr);
  }
}
.pp__policy-left,
.pp__terms-left {
  grid-column: 1 / span 9;
}
@media only screen and (max-width: 1023px) {
  .pp__policy-left,
  .pp__terms-left {
    grid-column: 1 / -1;
  }
}
.pp__policy-left--heading,
.pp__terms-left--heading {
  color: #373938;
  font-family: "Saira Semi Condensed", sans-serif;
  font-weight: 400;
  font-size: calc(80rem * 1 / 18);
  font-style: normal;
  line-height: 105%;
  /* 84px */
  letter-spacing: calc(-1.6rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .pp__policy-left--heading,
  .pp__terms-left--heading {
    font-size: 48px;
    line-height: 105%;
    letter-spacing: unset;
  }
}
.pp__policy-left--description,
.pp__terms-left--description {
  padding: calc(32rem * 1 / 18) calc(10rem * 1 / 18) 0 calc(5rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .pp__policy-left--description,
  .pp__terms-left--description {
    padding: 32px 10px 0 5px;
  }
}
.pp__policy-left--description > *,
.pp__terms-left--description > * {
  color: #abada5;
  font-family: "Rajdhani", sans-serif;
  font-weight: 500;
  font-size: calc(18rem * 1 / 18);
  font-style: normal;
  line-height: 150%;
  /* 27px */
  letter-spacing: calc(0.36rem * 1 / 18);
  text-transform: uppercase;
  color: #373938;
  text-transform: none;
}
@media only screen and (max-width: 1023px) {
  .pp__policy-left--description > *,
  .pp__terms-left--description > * {
    font-size: 18px;
    line-height: 27px;
    letter-spacing: 0.36px;
  }
}
.pp__policy-right,
.pp__terms-right {
  grid-column: 11 / span 14;
  margin-top: calc(116rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .pp__policy-right,
  .pp__terms-right {
    grid-column: 1 / -1;
    margin-top: 58px;
  }
}
.pp__policy-right > *,
.pp__terms-right > * {
  color: #373938;
  font-family: "Rajdhani", sans-serif;
  font-weight: 500;
  font-size: calc(18rem * 1 / 18);
  font-style: normal;
  line-height: 150%;
  letter-spacing: calc(0.36rem * 1 / 18);
  margin-bottom: calc(10rem * 1 / 18);
}
@media only screen and (max-width: 1400px) {
  .pp__policy-right > *,
  .pp__terms-right > * {
    font-size: 18px;
    line-height: 27px;
    letter-spacing: 0.36px;
  }
}
@media only screen and (max-width: 1023px) {
  .pp__policy-right > *,
  .pp__terms-right > * {
    margin-bottom: 10px;
  }
}
.pp__policy-right > * .mb-0,
.pp__terms-right > * .mb-0 {
  margin-bottom: 0 !important;
}
.pp__policy-right > * .pl-13,
.pp__terms-right > * .pl-13 {
  padding-left: calc(13rem * 1 / 18) !important;
}
@media only screen and (max-width: 1023px) {
  .pp__policy-right > * .pl-13,
  .pp__terms-right > * .pl-13 {
    padding-left: 13px !important;
  }
}
.pp__policy-right .privacy-subheading,
.pp__terms-right .privacy-subheading {
  color: #373938;
  font-family: "Rajdhani", sans-serif;
  font-weight: 600;
  font-size: calc(24rem * 1 / 18);
  font-style: normal;
  line-height: 150%;
  /* 36px */
  letter-spacing: calc(0.48rem * 1 / 18);
  margin-bottom: calc(10rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .pp__policy-right .privacy-subheading,
  .pp__terms-right .privacy-subheading {
    font-size: 24px;
    line-height: 36px;
    letter-spacing: 0.48px;
  }
}
@media only screen and (max-width: 1023px) {
  .pp__policy-right .privacy-subheading,
  .pp__terms-right .privacy-subheading {
    margin-bottom: 10px;
  }
}
.pp__policy-right ul,
.pp__terms-right ul {
  margin-left: calc(12.5rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .pp__policy-right ul,
  .pp__terms-right ul {
    margin-left: 12.5px;
  }
}
.pp__policy-right ul li,
.pp__terms-right ul li {
  position: relative;
  padding-left: calc(13rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .pp__policy-right ul li,
  .pp__terms-right ul li {
    padding-left: 13px;
  }
}
.pp__policy-right ul li::before,
.pp__terms-right ul li::before {
  content: "";
  /* Use a bullet-like character from the font */
  width: 2px;
  height: 3px;
  border-radius: 10%;
  display: block;
  position: absolute;
  color: inherit;
  background-color: #373938;
  left: 0;
  top: calc(11.5rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .pp__policy-right ul li::before,
  .pp__terms-right ul li::before {
    top: 11.5px;
  }
}
.pp__terms {
  position: relative;
}
.pp__loadMore {
  grid-column: 1 / -1;
  width: calc(1920rem * 1 / 18);
  height: calc(583rem * 1 / 18);
  background: linear-gradient(0deg, #FFF 24.03%, rgba(255, 255, 255, 0.5) 85.18%);
  position: absolute;
  bottom: calc(-144rem * 1 / 18);
  left: 0;
}
@media only screen and (max-width: 1023px) {
  .pp__loadMore {
    width: calc(100% + 64px);
    height: 583px;
    bottom: -144px;
    left: -32px;
  }
}
@media only screen and (max-width: 600px) {
  .pp__loadMore {
    width: calc(100% + 40px);
    left: -20px;
  }
}
.pp__loadMore-button {
  display: flex;
  align-items: center;
  gap: calc(15rem * 1 / 18);
  padding: calc(4rem * 1 / 18) calc(18rem * 1 / 18) calc(4rem * 1 / 18) calc(18rem * 1 / 18);
  border-radius: calc(6rem * 1 / 18);
  outline: none;
  border: calc(2rem * 1 / 18) solid #F1B53D;
  background-color: transparent;
  cursor: pointer;
  text-decoration: none;
  color: #373938;
  width: fit-content;
  transition: all 0.25s ease-out;
  position: absolute;
  bottom: calc(139rem * 1 / 18);
  left: 50%;
  transform: translateX(-50%);
}
@media only screen and (max-width: 1023px) {
  .pp__loadMore-button {
    padding: 4px 18px 4px 18px;
    border-radius: 6px;
    border: 2px solid #F1B53D;
    gap: 8px;
    width: fit-content;
  }
}
.pp__loadMore-button:hover {
  background-color: #F1B53D;
}
.pp__loadMore-button:hover > span {
  color: #222222;
}
.pp__loadMore-button > span {
  transition: all 0.25s ease-out;
  font-family: "Saira Semi Condensed", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: calc(20rem * 1 / 18);
  line-height: normal;
  letter-spacing: calc(0.4rem * 1 / 18);
  color: #373938;
  white-space: nowrap;
  text-transform: uppercase;
}
.pp__loadMore-button > span.light {
  color: white;
}
@media only screen and (max-width: 1023px) {
  .pp__loadMore-button > span {
    font-size: 20px;
    line-height: normal;
    letter-spacing: 0.4px;
  }
}
@media only screen and (max-width: 1023px) {
  .pp__loadMore-button {
    bottom: 139px;
  }
}
.pp .loader {
  width: 88px;
  height: 12px;
  --_g: no-repeat radial-gradient(farthest-side, #009C49 94%, #0000);
  background: var(--_g) 25% 0, var(--_g) 75% 0;
  background-size: 12px 12px;
  position: relative;
  animation: l24-0 1s linear infinite;
  position: absolute;
  bottom: calc(150rem * 1 / 18);
  left: 50%;
  transform: translateX(-50%);
}
.pp .loader:before {
  content: "";
  position: absolute;
  height: 12px;
  aspect-ratio: 1;
  border-radius: 50%;
  background: #009C49;
  inset: 0;
  margin: auto;
  animation: l24-1 1s cubic-bezier(0.5, 300, 0.5, -300) infinite;
}
@keyframes l24-0 {
  0%,
  24% {
    background-position: 25% 0, 75% 0;
  }
  40% {
    background-position: 25% 0, 85% 0;
  }
  50%,
  72% {
    background-position: 25% 0, 75% 0;
  }
  90% {
    background-position: 15% 0, 75% 0;
  }
  100% {
    background-position: 25% 0, 75% 0;
  }
}
@keyframes l24-1 {
  100% {
    transform: translate(0.1px);
  }
}
.sphs {
  display: grid;
  grid-template-columns: 2.604% repeat(24, 1fr) 2.604%;
  column-gap: calc(20rem * 1 / 18);
  position: relative;
  min-height: calc(900rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .sphs {
    grid-template-columns: repeat(12, 1fr);
    column-gap: 20px;
  }
}
@media only screen and (max-width: 600px) {
  .sphs {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media only screen and (max-width: 1023px) {
  .sphs {
    min-height: 500px;
    padding-left: 32px;
    padding-right: 32px;
    margin-bottom: 107px;
  }
}
@media only screen and (max-width: 600px) {
  .sphs {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.sphs__text {
  grid-column: 2 / span 9;
  margin-top: calc(209rem * 1 / 18);
  display: flex;
  flex-direction: column;
  gap: calc(32rem * 1 / 18);
  padding-left: calc(20rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .sphs__text {
    grid-column: 1/-1;
    margin-top: 65px;
    gap: 30px;
    padding-left: 0;
  }
}
.sphs__text-subheading {
  font-family: "Rajdhani", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: calc(20rem * 1 / 18);
  line-height: 150%;
  letter-spacing: calc(0.4rem * 1 / 18);
  text-transform: uppercase;
  color: #abada5;
}
@media only screen and (max-width: 1023px) {
  .sphs__text-subheading {
    font-size: 20px;
    letter-spacing: 0.4px;
  }
}
@media only screen and (max-width: 1023px) {
  .sphs__text-subheading {
    margin-bottom: 2px;
    font-size: 18px;
  }
}
.sphs__text-heading {
  color: #373938;
  font-family: "Saira Semi Condensed", sans-serif;
  font-weight: 400;
  font-size: calc(80rem * 1 / 18);
  font-style: normal;
  line-height: 105%;
  /* 84px */
  letter-spacing: calc(-1.6rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .sphs__text-heading {
    font-size: 48px;
    line-height: 105%;
    letter-spacing: unset;
  }
}
.sphs__text-description {
  padding-left: calc(10rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .sphs__text-description {
    padding-left: 3px;
  }
}
.sphs__text-description > * {
  color: #373938;
  font-family: "Rajdhani", sans-serif;
  font-weight: 500;
  font-size: calc(20rem * 1 / 18);
  font-style: normal;
  line-height: 150%;
  /* 30px */
  letter-spacing: calc(0.4rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .sphs__text-description > * {
    font-size: 20px;
    letter-spacing: 0.4px;
    line-height: 150%;
  }
}
@media only screen and (max-width: 1023px) {
  .sphs__text-description > * {
    font-size: 18px;
  }
}
.sphs__image {
  grid-column: 13 / span 13;
  width: calc(955rem * 1 / 18);
  height: calc(710rem * 1 / 18);
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: calc(106rem * 1 / 18);
  position: relative;
}
@media only screen and (max-width: 1023px) {
  .sphs__image {
    grid-column: 1/-1;
    order: -1;
    margin-top: 36.25px;
    width: 100%;
    height: 375px;
  }
}
@media only screen and (max-width: 400px) {
  .sphs__image {
    height: 238.491px;
  }
}
.sphs__image-inner {
  width: calc(955rem * 1 / 18);
  height: calc(710rem * 1 / 18);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 2;
  overflow: hidden;
}
@media only screen and (max-width: 1023px) {
  .sphs__image-inner {
    width: 100%;
    height: 375px;
  }
}
@media only screen and (max-width: 400px) {
  .sphs__image-inner {
    height: 238.491px;
  }
}
.sphs__image-inner img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scale(1.145);
  transition: all 0.5s ease-out;
}
.sphs__image-inner img.animated {
  transform: scale(1);
}
.sphs__image-greenCross {
  position: absolute;
  width: calc(117rem * 1 / 18);
  height: calc(117rem * 1 / 18);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 3;
  transition: all 0.5s ease-out;
}
@media only screen and (max-width: 1023px) {
  .sphs__image-greenCross {
    width: 60px;
    height: 60px;
  }
}
@media only screen and (max-width: 400px) {
  .sphs__image-greenCross {
    width: 39.2px;
    height: 39.3px;
  }
}
.sphs__image-greenCross.type_1 {
  right: calc(143rem * 1 / 18);
  bottom: calc(21rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .sphs__image-greenCross.type_1 {
    right: 74px;
    bottom: 12px;
  }
}
@media only screen and (max-width: 400px) {
  .sphs__image-greenCross.type_1 {
    right: 48.8px;
    bottom: 7px;
  }
}
.sphs__image-greenCross.type_1.animated {
  transform: rotate(-180deg) translateY(calc(1rem * 1 / 18));
}
@media only screen and (max-width: 1023px) {
  .sphs__image-greenCross.type_1.animated {
    transform: rotate(-180deg) translateY(1px);
  }
}
.sphs__image-greenCross.type_2 {
  left: calc(63rem * 1 / 18);
  top: calc(35rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .sphs__image-greenCross.type_2 {
    left: 25px;
    top: 20px;
  }
}
@media only screen and (max-width: 400px) {
  .sphs__image-greenCross.type_2 {
    top: 12px;
  }
}
.sphs__image-greenCross.type_2.animated {
  transform: rotate(180deg) translateY(calc(1rem * 1 / 18));
}
@media only screen and (max-width: 1023px) {
  .sphs__image-greenCross.type_2.animated {
    transform: rotate(180deg) translateY(1px);
  }
}
.sphs__image-greenCross.type_3 {
  left: calc(97rem * 1 / 18);
  bottom: calc(21rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .sphs__image-greenCross.type_3 {
    left: 48px;
    bottom: 12px;
  }
}
@media only screen and (max-width: 400px) {
  .sphs__image-greenCross.type_3 {
    bottom: 7px;
  }
}
.sphs__image-greenCross.type_3.animated {
  transform: rotate(-90deg) translateY(calc(1rem * 1 / 18));
}
@media only screen and (max-width: 1023px) {
  .sphs__image-greenCross.type_3.animated {
    transform: rotate(-90deg) translateY(1px);
  }
}
.sphs__image-greenCross img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.sphs__image-grayShape1 {
  position: absolute;
  transition: all 0.65s ease-out;
  z-index: 1;
}
.sphs__image-grayShape1.type_1 {
  bottom: calc(1rem * 1 / 18);
  right: calc(78rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .sphs__image-grayShape1.type_1 {
    height: 375px;
    bottom: 1px;
    right: 50px;
  }
}
@media only screen and (max-width: 600px) {
  .sphs__image-grayShape1.type_1 {
    right: 0;
  }
}
@media only screen and (max-width: 450px) {
  .sphs__image-grayShape1.type_1 {
    height: 238.491px;
  }
}
.sphs__image-grayShape1.type_2 {
  width: calc(611.862rem * 1 / 18);
  height: calc(533rem * 1 / 18);
  left: 0;
  top: 0;
}
@media only screen and (max-width: 1023px) {
  .sphs__image-grayShape1.type_2 {
    width: 400px;
  }
}
@media only screen and (max-width: 600px) {
  .sphs__image-grayShape1.type_2 {
    width: 300px;
    height: 200px;
  }
}
@media only screen and (max-width: 400px) {
  .sphs__image-grayShape1.type_2 {
    width: 200px;
    height: 140px;
  }
}
.sphs__image-grayShape1.type_2.animated {
  left: calc(207rem * 1 / 18);
}
@media only screen and (max-width: 600px) {
  .sphs__image-grayShape1.type_2.animated {
    left: 40px;
  }
}
.sphs__image-grayShape1.type_3 {
  left: calc(120rem * 1 / 18);
  top: 0;
  transition: all 0.4s ease-out;
  width: calc(611.862rem * 1 / 18);
  height: calc(533rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .sphs__image-grayShape1.type_3 {
    left: 60px;
    width: 400px;
    height: 300px;
  }
}
@media only screen and (max-width: 600px) {
  .sphs__image-grayShape1.type_3 {
    width: 300px;
    height: 200px;
    left: 30px;
  }
}
@media only screen and (max-width: 400px) {
  .sphs__image-grayShape1.type_3 {
    left: 10px;
  }
}
.sphs__image-grayShape1.type_3.animated {
  left: calc(179rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .sphs__image-grayShape1.type_3.animated {
    left: 160px;
  }
}
@media only screen and (max-width: 600px) {
  .sphs__image-grayShape1.type_3.animated {
    left: 80px;
  }
}
@media only screen and (max-width: 400px) {
  .sphs__image-grayShape1.type_3.animated {
    left: 35px;
  }
}
.sphs__image-grayShape1 svg {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.sphs__image-grayShape2 {
  position: absolute;
  transition: all 0.65s ease-out;
  z-index: 1;
  width: calc(442.62rem * 1 / 18);
  height: calc(441rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .sphs__image-grayShape2 {
    width: 290px;
    height: 290px;
  }
}
@media only screen and (max-width: 400px) {
  .sphs__image-grayShape2 {
    width: 190px;
    height: 190px;
  }
}
.sphs__image-grayShape2.type_2 {
  right: calc(245rem * 1 / 18);
  bottom: calc(1rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .sphs__image-grayShape2.type_2 {
    right: 160px;
    bottom: 1px;
  }
}
@media only screen and (max-width: 600px) {
  .sphs__image-grayShape2.type_2 {
    right: 80px;
  }
}
@media only screen and (max-width: 450px) {
  .sphs__image-grayShape2.type_2 {
    right: 40px;
  }
}
.sphs__image-grayShape2.type_2.animated {
  right: calc(38rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .sphs__image-grayShape2.type_2.animated {
    right: 25px;
  }
}
@media only screen and (max-width: 600px) {
  .sphs__image-grayShape2.type_2.animated {
    right: 10px;
  }
}
.sphs__image-grayShape2.type_3 {
  right: calc(245rem * 1 / 18);
  bottom: calc(1rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .sphs__image-grayShape2.type_3 {
    right: 210px;
    bottom: 1px;
  }
}
@media only screen and (max-width: 600px) {
  .sphs__image-grayShape2.type_3 {
    right: 50px;
  }
}
.sphs__image-grayShape2.type_3.animated {
  right: calc(66rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .sphs__image-grayShape2.type_3.animated {
    right: 100px;
  }
}
@media only screen and (max-width: 600px) {
  .sphs__image-grayShape2.type_3.animated {
    right: 20px;
  }
}
.sphs__image-grayShape2 svg {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.wcgfs {
  display: grid;
  grid-template-columns: 2.604% repeat(24, 1fr) 2.604%;
  column-gap: calc(20rem * 1 / 18);
  position: relative;
  margin-top: calc(-78rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .wcgfs {
    grid-template-columns: repeat(12, 1fr);
    column-gap: 20px;
  }
}
@media only screen and (max-width: 600px) {
  .wcgfs {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media only screen and (max-width: 1023px) {
  .wcgfs {
    margin-top: 0;
    padding-left: 0;
    padding-right: 0;
  }
}
.wcgfs__content {
  grid-column: 2 / span 8;
  margin-top: calc(200rem * 1 / 18);
  padding-left: calc(20rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .wcgfs__content {
    grid-column: 1 / -1;
    margin-top: 92px;
    padding-left: 32px;
    padding-right: 32px;
    margin-bottom: 70px;
  }
}
@media only screen and (max-width: 600px) {
  .wcgfs__content {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.wcgfs__content-subheading {
  font-family: "Rajdhani", sans-serif;
  font-style: normal;
  font-size: calc(20rem * 1 / 18);
  line-height: 150%;
  letter-spacing: calc(0.4rem * 1 / 18);
  text-transform: uppercase;
  color: #abada5;
  margin-bottom: calc(90rem * 1 / 18);
  font-weight: 500;
}
@media only screen and (max-width: 1023px) {
  .wcgfs__content-subheading {
    font-size: 20px;
    letter-spacing: 0.4px;
  }
}
@media only screen and (max-width: 1023px) {
  .wcgfs__content-subheading {
    margin-bottom: 60px;
  }
}
.wcgfs__content-heading {
  font-family: "Saira Semi Condensed", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: calc(56rem * 1 / 18);
  line-height: 110%;
  letter-spacing: calc(-0.56rem * 1 / 18);
  margin-bottom: calc(20rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .wcgfs__content-heading {
    font-size: 42px;
    letter-spacing: unset;
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 1023px) {
  .wcgfs__content-heading {
    padding-bottom: 10px;
  }
}
.wcgfs__content-description {
  padding-bottom: calc(20rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .wcgfs__content-description {
    padding-bottom: 30px;
  }
}
.wcgfs__content-description > * {
  color: #373938;
  font-family: "Rajdhani", sans-serif;
  font-weight: 500;
  font-size: calc(20rem * 1 / 18);
  font-style: normal;
  line-height: 150%;
  /* 30px */
  letter-spacing: calc(0.4rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .wcgfs__content-description > * {
    font-size: 20px;
    letter-spacing: 0.4px;
    line-height: 150%;
  }
}
.wcgfs__content-button {
  display: flex;
  align-items: center;
  gap: calc(15rem * 1 / 18);
  padding: calc(4rem * 1 / 18) calc(18rem * 1 / 18) calc(4rem * 1 / 18) calc(18rem * 1 / 18);
  border-radius: calc(6rem * 1 / 18);
  outline: none;
  border: calc(2rem * 1 / 18) solid #F1B53D;
  background-color: transparent;
  cursor: pointer;
  text-decoration: none;
  color: #373938;
  width: fit-content;
  transition: all 0.25s ease-out;
}
@media only screen and (max-width: 1023px) {
  .wcgfs__content-button {
    padding: 4px 18px 4px 18px;
    border-radius: 6px;
    border: 2px solid #F1B53D;
    gap: 8px;
    width: fit-content;
  }
}
.wcgfs__content-button:hover {
  background-color: #F1B53D;
}
.wcgfs__content-button:hover > span {
  color: #222222;
}
.wcgfs__content-button > span {
  transition: all 0.25s ease-out;
  font-family: "Saira Semi Condensed", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: calc(20rem * 1 / 18);
  line-height: normal;
  letter-spacing: calc(0.4rem * 1 / 18);
  color: #373938;
  white-space: nowrap;
  text-transform: uppercase;
}
.wcgfs__content-button > span.light {
  color: white;
}
@media only screen and (max-width: 1023px) {
  .wcgfs__content-button > span {
    font-size: 20px;
    line-height: normal;
    letter-spacing: 0.4px;
  }
}
.wcgfs__image {
  grid-column: 12 / span 14;
  width: calc(1030rem * 1 / 18);
  height: calc(807.3rem * 1 / 18);
  position: relative;
}
@media only screen and (max-width: 1023px) {
  .wcgfs__image {
    grid-column: 1 / -1;
    width: 100%;
    height: 560px;
    padding-left: 32px;
    padding-right: 32px;
  }
}
@media only screen and (max-width: 600px) {
  .wcgfs__image {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.wcgfs__image-inner {
  width: calc(1030rem * 1 / 18);
  height: calc(807.3rem * 1 / 18);
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}
@media only screen and (max-width: 1023px) {
  .wcgfs__image-inner {
    display: none;
  }
}
.wcgfs__image-inner svg {
  width: 100%;
  height: 100%;
  opacity: 0;
  position: absolute;
}
.wcgfs__image-inner img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.wcgfs__image-mobile {
  display: none;
}
@media only screen and (max-width: 1023px) {
  .wcgfs__image-mobile {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
  }
  .wcgfs__image-mobile img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
}
.wcgfs__greenCross {
  width: calc(117rem * 1 / 18);
  height: calc(117rem * 1 / 18);
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  left: calc(-69rem * 1 / 18);
  top: calc(371rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .wcgfs__greenCross {
    width: 117px;
    height: 117px;
    top: 65px;
    left: 33px;
  }
}
@media only screen and (max-width: 600px) {
  .wcgfs__greenCross {
    width: 60px;
    height: 60px;
    left: 22px;
  }
}
.wcgfs__greenCross img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
@media only screen and (max-width: 1023px) {
  .wcgfs__greenCross img {
    display: none;
  }
}
.wcgfs__greenCross svg {
  display: none;
}
@media only screen and (max-width: 1023px) {
  .wcgfs__greenCross svg {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
  }
}
@font-face {
  font-family: 'Saira';
  font-style: italic;
  font-weight: 100;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/saira/v21/memUYa2wxmKQyNkiV50dulWP7s95AqZTzZHcVdxWI9WH-pKBSooxkw.ttf) format('truetype');
}
@font-face {
  font-family: 'Saira';
  font-style: italic;
  font-weight: 200;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/saira/v21/memUYa2wxmKQyNkiV50dulWP7s95AqZTzZHcVdxWI9WH-pKByosxkw.ttf) format('truetype');
}
@font-face {
  font-family: 'Saira';
  font-style: italic;
  font-weight: 300;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/saira/v21/memUYa2wxmKQyNkiV50dulWP7s95AqZTzZHcVdxWI9WH-pKBFIsxkw.ttf) format('truetype');
}
@font-face {
  font-family: 'Saira';
  font-style: italic;
  font-weight: 400;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/saira/v21/memUYa2wxmKQyNkiV50dulWP7s95AqZTzZHcVdxWI9WH-pKBSosxkw.ttf) format('truetype');
}
@font-face {
  font-family: 'Saira';
  font-style: italic;
  font-weight: 500;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/saira/v21/memUYa2wxmKQyNkiV50dulWP7s95AqZTzZHcVdxWI9WH-pKBeIsxkw.ttf) format('truetype');
}
@font-face {
  font-family: 'Saira';
  font-style: italic;
  font-weight: 600;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/saira/v21/memUYa2wxmKQyNkiV50dulWP7s95AqZTzZHcVdxWI9WH-pKBlIwxkw.ttf) format('truetype');
}
@font-face {
  font-family: 'Saira';
  font-style: italic;
  font-weight: 700;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/saira/v21/memUYa2wxmKQyNkiV50dulWP7s95AqZTzZHcVdxWI9WH-pKBrYwxkw.ttf) format('truetype');
}
@font-face {
  font-family: 'Saira';
  font-style: italic;
  font-weight: 800;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/saira/v21/memUYa2wxmKQyNkiV50dulWP7s95AqZTzZHcVdxWI9WH-pKByowxkw.ttf) format('truetype');
}
@font-face {
  font-family: 'Saira';
  font-style: italic;
  font-weight: 900;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/saira/v21/memUYa2wxmKQyNkiV50dulWP7s95AqZTzZHcVdxWI9WH-pKB44wxkw.ttf) format('truetype');
}
@font-face {
  font-family: 'Saira';
  font-style: normal;
  font-weight: 100;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/saira/v21/memWYa2wxmKQyPMrZX79wwYZQMhsyuShhKMjjbU9uXuA71rDosg.ttf) format('truetype');
}
@font-face {
  font-family: 'Saira';
  font-style: normal;
  font-weight: 200;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/saira/v21/memWYa2wxmKQyPMrZX79wwYZQMhsyuShhKMjjbU9uXuA79rCosg.ttf) format('truetype');
}
@font-face {
  font-family: 'Saira';
  font-style: normal;
  font-weight: 300;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/saira/v21/memWYa2wxmKQyPMrZX79wwYZQMhsyuShhKMjjbU9uXuA7wTCosg.ttf) format('truetype');
}
@font-face {
  font-family: 'Saira';
  font-style: normal;
  font-weight: 400;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/saira/v21/memWYa2wxmKQyPMrZX79wwYZQMhsyuShhKMjjbU9uXuA71rCosg.ttf) format('truetype');
}
@font-face {
  font-family: 'Saira';
  font-style: normal;
  font-weight: 500;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/saira/v21/memWYa2wxmKQyPMrZX79wwYZQMhsyuShhKMjjbU9uXuA72jCosg.ttf) format('truetype');
}
@font-face {
  font-family: 'Saira';
  font-style: normal;
  font-weight: 600;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/saira/v21/memWYa2wxmKQyPMrZX79wwYZQMhsyuShhKMjjbU9uXuA74TFosg.ttf) format('truetype');
}
@font-face {
  font-family: 'Saira';
  font-style: normal;
  font-weight: 700;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/saira/v21/memWYa2wxmKQyPMrZX79wwYZQMhsyuShhKMjjbU9uXuA773Fosg.ttf) format('truetype');
}
@font-face {
  font-family: 'Saira';
  font-style: normal;
  font-weight: 800;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/saira/v21/memWYa2wxmKQyPMrZX79wwYZQMhsyuShhKMjjbU9uXuA79rFosg.ttf) format('truetype');
}
@font-face {
  font-family: 'Saira';
  font-style: normal;
  font-weight: 900;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/saira/v21/memWYa2wxmKQyPMrZX79wwYZQMhsyuShhKMjjbU9uXuA7_PFosg.ttf) format('truetype');
}
@font-face {
  font-family: 'Saira Condensed';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/sairacondensed/v11/EJRMQgErUN8XuHNEtX81i9TmEkrnwetA.ttf) format('truetype');
}
@font-face {
  font-family: 'Saira Condensed';
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/sairacondensed/v11/EJRLQgErUN8XuHNEtX81i9TmEkrnbcpg8A.ttf) format('truetype');
}
@font-face {
  font-family: 'Saira Condensed';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/sairacondensed/v11/EJRLQgErUN8XuHNEtX81i9TmEkrnCclg8A.ttf) format('truetype');
}
@font-face {
  font-family: 'Saira Condensed';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/sairacondensed/v11/EJROQgErUN8XuHNEtX81i9TmEkrfpQ.ttf) format('truetype');
}
@font-face {
  font-family: 'Saira Condensed';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/sairacondensed/v11/EJRLQgErUN8XuHNEtX81i9TmEkrnUchg8A.ttf) format('truetype');
}
@font-face {
  font-family: 'Saira Condensed';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/sairacondensed/v11/EJRLQgErUN8XuHNEtX81i9TmEkrnfc9g8A.ttf) format('truetype');
}
@font-face {
  font-family: 'Saira Condensed';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/sairacondensed/v11/EJRLQgErUN8XuHNEtX81i9TmEkrnGc5g8A.ttf) format('truetype');
}
@font-face {
  font-family: 'Saira Condensed';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/sairacondensed/v11/EJRLQgErUN8XuHNEtX81i9TmEkrnBc1g8A.ttf) format('truetype');
}
@font-face {
  font-family: 'Saira Condensed';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/sairacondensed/v11/EJRLQgErUN8XuHNEtX81i9TmEkrnIcxg8A.ttf) format('truetype');
}
@font-face {
  font-family: 'Saira Semi Condensed';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/sairasemicondensed/v14/U9MN6c-2-nnJkHxyCjRcnMHcWVWV1cWRRXdvaOM.ttf) format('truetype');
}
@font-face {
  font-family: 'Saira Semi Condensed';
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/sairasemicondensed/v14/U9MM6c-2-nnJkHxyCjRcnMHcWVWV1cWRRXfDScMW.ttf) format('truetype');
}
@font-face {
  font-family: 'Saira Semi Condensed';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/sairasemicondensed/v14/U9MM6c-2-nnJkHxyCjRcnMHcWVWV1cWRRXenSsMW.ttf) format('truetype');
}
@font-face {
  font-family: 'Saira Semi Condensed';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/sairasemicondensed/v14/U9MD6c-2-nnJkHxyCjRcnMHcWVWV1cWRRU8L.ttf) format('truetype');
}
@font-face {
  font-family: 'Saira Semi Condensed';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/sairasemicondensed/v14/U9MM6c-2-nnJkHxyCjRcnMHcWVWV1cWRRXf_S8MW.ttf) format('truetype');
}
@font-face {
  font-family: 'Saira Semi Condensed';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/sairasemicondensed/v14/U9MM6c-2-nnJkHxyCjRcnMHcWVWV1cWRRXfTTMMW.ttf) format('truetype');
}
@font-face {
  font-family: 'Saira Semi Condensed';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/sairasemicondensed/v14/U9MM6c-2-nnJkHxyCjRcnMHcWVWV1cWRRXe3TcMW.ttf) format('truetype');
}
@font-face {
  font-family: 'Saira Semi Condensed';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/sairasemicondensed/v14/U9MM6c-2-nnJkHxyCjRcnMHcWVWV1cWRRXerTsMW.ttf) format('truetype');
}
@font-face {
  font-family: 'Saira Semi Condensed';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/sairasemicondensed/v14/U9MM6c-2-nnJkHxyCjRcnMHcWVWV1cWRRXePT8MW.ttf) format('truetype');
}
@font-face {
  font-family: 'Rajdhani';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/rajdhani/v16/LDI2apCSOBg7S-QT7pasEcOs.ttf) format('truetype');
}
@font-face {
  font-family: 'Rajdhani';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/rajdhani/v16/LDIxapCSOBg7S-QT7q4A.ttf) format('truetype');
}
@font-face {
  font-family: 'Rajdhani';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/rajdhani/v16/LDI2apCSOBg7S-QT7pb0EMOs.ttf) format('truetype');
}
@font-face {
  font-family: 'Rajdhani';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/rajdhani/v16/LDI2apCSOBg7S-QT7pbYF8Os.ttf) format('truetype');
}
@font-face {
  font-family: 'Rajdhani';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/rajdhani/v16/LDI2apCSOBg7S-QT7pa8FsOs.ttf) format('truetype');
}
