/* Regular */
@font-face {
  font-family: "Nexa";
  src: url("../fonts/nexa/Nexa-Regular.otf") format("opentype");
  font-weight: normal;
  /* 400 */
  font-style: normal;
}

@font-face {
  font-family: "Nexa";
  src: url("../fonts/nexa/Nexa-Italic.otf") format("opentype");
  font-weight: normal;
  /* 400 */
  font-style: italic;
}

/* Bold */
@font-face {
  font-family: "Nexa";
  src: url("../fonts/nexa/Nexa-Bold.otf") format("opentype");
  font-weight: bold;
  /* 700 */
  font-style: normal;
}

@font-face {
  font-family: "Nexa";
  src: url("../fonts/nexa/Nexa-BoldItalic.otf") format("opentype");
  font-weight: bold;
  /* 700 */
  font-style: italic;
}

/* Extra Bold */
@font-face {
  font-family: "Nexa";
  src: url("../fonts/nexa/Nexa-ExtraBold.otf") format("opentype");
  font-weight: 800;
  /* Extra Bold */
  font-style: normal;
}

@font-face {
  font-family: "Nexa";
  src: url("../fonts/nexa/Nexa-ExtraBoldItalic.otf") format("opentype");
  font-weight: 800;
  /* Extra Bold */
  font-style: italic;
}

/* Thin */
@font-face {
  font-family: "Nexa";
  src: url("../fonts/nexa/Nexa-Thin.otf") format("opentype");
  font-weight: 100;
  /* Thin */
  font-style: normal;
}

@font-face {
  font-family: "Nexa";
  src: url("../fonts/nexa/Nexa-ThinItalic.otf") format("opentype");
  font-weight: 100;
  /* Thin */
  font-style: italic;
}

/* Light */
@font-face {
  font-family: "Nexa";
  src: url("../fonts/nexa/Nexa-Light.otf") format("opentype");
  font-weight: 300;
  /* Light */
  font-style: normal;
}

@font-face {
  font-family: "Nexa";
  src: url("../fonts/nexa/Nexa-LightItalic.otf") format("opentype");
  font-weight: 300;
  /* Light */
  font-style: italic;
}

/* Heavy */
@font-face {
  font-family: "Nexa";
  src: url("../fonts/nexa/Nexa-Heavy.otf") format("opentype");
  font-weight: 900;
  /* Heavy */
  font-style: normal;
}

@font-face {
  font-family: "Nexa";
  src: url("../fonts/nexa/Nexa-HeavyItalic.otf") format("opentype");
  font-weight: 900;
  /* Heavy */
  font-style: italic;
}

body {
  font-family: "Nexa", sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Nexa", sans-serif;
  color: var(--dark);
}

h1 {
  letter-spacing: 2px;
}

h2,
h3 {
  letter-spacing: 0.5px;
}

h4,
h5,
h6 {
  letter-spacing: 0.125px;
}

.custom-font-secondary {
  font-family: "Lexend", sans-serif !important;
}

.custom-font-tertiary {
  font-family: "Playfair Display", serif !important;
}

p {
  line-height: 1.8;
  font-size: 16px;
  font-size: 1rem;
  letter-spacing: 0;
}

.badge {
  font-weight: 500;
  font-family: "Nexa", sans-serif !important;
}

.custom-graph-svg-color-primary {
  fill: var(--primary) !important;
}

.custom-graph-svg-color-secondary {
  fill: var(--secondary) !important;
}

.btn {
  font-family: "Nexa", sans-serif !important;
  padding: 16px 35.2px;
  padding: 1rem 2.2rem;
  font-size: 14.4px;
  font-size: 0.9rem;
  font-weight: 500;
}

.custom-text-color-1 {
  color: #df0b0b;
}

.custom-text-color-2 {
  color: #e3993f;
}

@media (min-width: 992px) {
  #header .header-nav.header-nav-links:not(.header-nav-light-text) nav>ul>li>a {
    font-family: "Nexa", sans-serif !important;
    font-size: 17px;
    font-weight: 500;
    letter-spacing: -0.6px;
    color: var(--dark);
  }

  #header .header-nav.header-nav-links:not(.header-nav-light-text) nav>ul>li>a:hover {
    color: var(--primary) !important;
  }

  #header .header-nav.header-nav-links:not(.header-nav-light-text) nav>ul>li>a.active {
    color: var(--dark-rgba-50) !important;
  }

  #header .header-nav.header-nav-links:not(.header-nav-light-text) nav>ul>li.dropdown:not(.dropdown-mega) .dropdown-menu {
    transition: all 300ms;
    opacity: 0;
    transform: translate3d(-5px, 0, 0) !important;
    border: 1px solid var(--grey-200);
    border-radius: var(--border-radius2x) !important;
    overflow: hidden;
    padding-top: 0;
    padding-bottom: 0;
  }

  #header .header-nav.header-nav-links:not(.header-nav-light-text) nav>ul>li.dropdown:not(.dropdown-mega) .dropdown-menu li a {
    padding-top: 12px !important;
    padding-bottom: 12px !important;
    padding-right: 22px !important;
    padding-left: 22px !important;
  }

  #header .header-nav.header-nav-links:not(.header-nav-light-text) nav>ul>li:hover.dropdown:not(.dropdown-mega) .dropdown-menu {
    opacity: 1;
    transform: translate3d(-5px, -10px, 0) !important;
  }
}

/* Mask Image */
.custom-mask-img {
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100%;
  mask-size: 100%;
  -webkit-mask-position: center;
  mask-position: center;
}

.custom-mask-img-1 {
  -webkit-mask-image: url(../../img/demos/trust/generic/mask-image-1.png);
  mask-image: url(../../img/demos/trust/generic/mask-image-1.png);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100%;
  mask-size: 100%;
  -webkit-mask-position: center;
  mask-position: center;
}

.custom-mask-img-2 {
  -webkit-mask-image: url(../../img/demos/trust/generic/mask-image-2.png);
  mask-image: url(../../img/demos/trust/generic/mask-image-2.png);
}

.custom-mask-img-3 {
  -webkit-mask-image: url(../../img/demos/trust/generic/mask-image-3.png);
  mask-image: url(../../img/demos/trust/generic/mask-image-3.png);
}

.custom-mask-img-4 {
  -webkit-mask-image: url(../../img/demos/trust/generic/mask-image-4.png);
  mask-image: url(../../img/demos/trust/generic/mask-image-4.png);
}

/* Cascading Wrapper */
.custom-cascading-images-wrapper-1 {
  padding: 40% 0% 0 30%;
}

/* Stamp */
.custom-stamp-1 {
  width: 180px;
  height: 180px;
  left: -90px;
  top: 55%;
  border-radius: 50%;
}

.custom-stamp-1 svg {
  position: relative;
  left: 4px;
  top: 1px;
  margin: 2px;
}

.custom-stamp-1:after {
  opacity: 0.2;
  position: absolute;
  content: "";
  width: 105px;
  height: 105px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border: 1px solid #fff;
  border-radius: 50%;
  display: block;
}

@media (max-width: 992px) {
  .custom-stamp-1 {
    top: 30%;
    transform: scale(0.5);
  }
}

/* Custom Elements */
.custom-el-1 {
  bottom: 13%;
  right: 7%;
}

@media (max-width: 1200px) {
  .custom-el-1 {
    right: 0;
    bottom: 8%;
  }
}

@media (max-width: 575px) {
  .custom-el-1 {
    bottom: 0;
  }
}

.custom-el-1 p {
  font-size: clamp(35px, -1.6666666667px + 0.0763888889 * 100vw, 90px);
  letter-spacing: -5px;
  position: relative;
  z-index: 1;
  margin: 0;
  line-height: 1;
  font-weight: bold;
}

@media (max-width: 991px) {
  .custom-el-1 p {
    letter-spacing: -2px;
  }
}

.custom-el-1 em {
  font-size: clamp(18px, 11.3333333333px + 0.0138888889 * 100vw, 28px);
  position: relative;
  bottom: 2px;
  display: inline-flex;
  letter-spacing: -2px;
}

.custom-el-1 em mark {
  padding: 0 7px 5px !important;
}

@media (max-width: 991px) {
  .custom-el-1 em {
    bottom: 5px;
    right: -1px;
  }
}

.custom-el-2 {
  position: absolute;
  width: 100%;
  height: 100%;
}

.custom-el-2 img {
  height: 150%;
  min-width: 1200px !important;
  min-height: 1200px !important;
}

@media (max-width: 1400px) {
  .custom-el-2 img {
    min-height: 1500px !important;
  }
}

.custom-el-3 {
  position: absolute;
  width: 100%;
  height: 100%;
  transform: rotateY(180deg);
}

.custom-el-3 img {
  height: 100%;
  min-width: 1200px !important;
  min-height: 1200px !important;
}

.custom-el-4 svg {
  width: 100%;
}

.custom-el-5 {
  position: absolute;
  width: 100%;
  height: 100%;
}

.custom-el-5 img {
  height: 100%;
  min-width: 1000px !important;
  min-height: 1000px !important;
}

@media (min-width: 992px) {
  .custom-el-6 {
    margin-bottom: -70px;
    margin-left: 7px;
  }
}

.custom-el-7 {
  max-height: 32px;
  width: auto !important;
  max-width: 150px !important;
  transform: none !important;
}

/* Custom Pos */
.custom-pos-1 {
  right: -37%;
  top: -33%;
}

.custom-pos-2 {
  left: -75%;
  top: -33%;
}

.custom-pos-3 {
  margin-top: -80px;
}

.custom-pos-4 {
  right: -40%;
  top: -57%;
}

.custom-pos-5 {
  top: -85%;
}

.custom-pos-6 {
  left: -75%;
  bottom: -10%;
}

/* Gradient */
.custom-bg-gradient-1 {
  background-image: linear-gradient(to right,
      var(--secondary-rgba-30) 30%,
      var(--dark) 200%) !important;
}

@media (max-width: 991px) {
  .custom-bg-gradient-1 {
    border-radius: 0 !important;
  }
}