* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 100% !important;
}

.the-arrow {
  width: 20px;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.the-arrow.-left {
  position: absolute;
  top: 45%;
  left: 10%;
}
.the-arrow.-left > .shaft {
  width: 0;
  background-color: #C31542;
}
.the-arrow.-left > .shaft:before, .the-arrow.-left > .shaft:after {
  width: 0;
  background-color: #C31542;
}
.the-arrow.-left > .shaft:before {
  -webkit-transform: rotate(0);
      -ms-transform: rotate(0);
          transform: rotate(0);
}
.the-arrow.-left > .shaft:after {
  -webkit-transform: rotate(0);
      -ms-transform: rotate(0);
          transform: rotate(0);
}
.the-arrow.-right {
  top: 1%;
}
.the-arrow.-right > .shaft {
  width: 20px;
  -webkit-transition-delay: 0.2s;
          transition-delay: 0.2s;
}
.the-arrow.-right > .shaft:before, .the-arrow.-right > .shaft:after {
  width: 6px;
  -webkit-transition-delay: 0.3s;
          transition-delay: 0.3s;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.the-arrow.-right > .shaft:before {
  -webkit-transform: rotate(40deg);
      -ms-transform: rotate(40deg);
          transform: rotate(40deg);
}
.the-arrow.-right > .shaft:after {
  -webkit-transform: rotate(-40deg);
      -ms-transform: rotate(-40deg);
          transform: rotate(-40deg);
}
.the-arrow > .shaft {
  background-color: #C31542;
  display: block;
  height: 2px;
  position: relative;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  -webkit-transition-delay: 0;
          transition-delay: 0;
  will-change: transform;
}
.the-arrow > .shaft:before, .the-arrow > .shaft:after {
  background-color: #C31542;
  content: "";
  display: block;
  height: 2px;
  position: absolute;
  top: 0;
  right: 0;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  -webkit-transition-delay: 0;
          transition-delay: 0;
}
.the-arrow > .shaft:before {
  -webkit-transform-origin: top right;
      -ms-transform-origin: top right;
          transform-origin: top right;
}
.the-arrow > .shaft:after {
  -webkit-transform-origin: bottom right;
      -ms-transform-origin: bottom right;
          transform-origin: bottom right;
}

.animated-arrow {
  display: inline-block;
  color: #C31542;
  text-decoration: none;
  position: relative;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.animated-arrow:hover {
  color: #C31542;
}
.animated-arrow:hover > .the-arrow.-left > .shaft {
  width: 20px;
  -webkit-transition-delay: 0.1s;
          transition-delay: 0.1s;
  background-color: #C31542;
}
.animated-arrow:hover > .the-arrow.-left > .shaft:before, .animated-arrow:hover > .the-arrow.-left > .shaft:after {
  width: 6px;
  -webkit-transition-delay: 0.1s;
          transition-delay: 0.1s;
  background-color: #C31542;
}
.animated-arrow:hover > .the-arrow.-left > .shaft:before {
  -webkit-transform: rotate(40deg);
      -ms-transform: rotate(40deg);
          transform: rotate(40deg);
}
.animated-arrow:hover > .the-arrow.-left > .shaft:after {
  -webkit-transform: rotate(-40deg);
      -ms-transform: rotate(-40deg);
          transform: rotate(-40deg);
}
.animated-arrow:hover > .main {
  -webkit-transform: translateX(36px);
      -ms-transform: translateX(36px);
          transform: translateX(36px);
}
.animated-arrow:hover > .main > .the-arrow.-right > .shaft {
  width: 0;
  -webkit-transform: translateX(200%);
      -ms-transform: translateX(200%);
          transform: translateX(200%);
  -webkit-transition-delay: 0;
          transition-delay: 0;
}
.animated-arrow:hover > .main > .the-arrow.-right > .shaft:before, .animated-arrow:hover > .main > .the-arrow.-right > .shaft:after {
  width: 0;
  -webkit-transition-delay: 0;
          transition-delay: 0;
  -webkit-transition: all 0.1s;
  transition: all 0.1s;
}
.animated-arrow:hover > .main > .the-arrow.-right > .shaft:before {
  -webkit-transform: rotate(0);
      -ms-transform: rotate(0);
          transform: rotate(0);
}
.animated-arrow:hover > .main > .the-arrow.-right > .shaft:after {
  -webkit-transform: rotate(0);
      -ms-transform: rotate(0);
          transform: rotate(0);
}
.animated-arrow > .main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.animated-arrow > .main > .text {
  margin: 0 16px 0 0;
  line-height: 1;
}
.animated-arrow > .main > .the-arrow {
  position: relative;
}

.hover:hover .some {
  color: #219EBC;
}

@font-face {
  font-family: "Poppins";
  src: url("/css/fonts/Poppins-Black.eot");
  src: url("/css/fonts/Poppins-Black.eot?#iefix") format("embedded-opentype"), url("/css/fonts/Poppins-Black.woff2") format("woff2"), url("/css/fonts/Poppins-Black.woff") format("woff"), url("/css/fonts/Poppins-Black.ttf") format("truetype"), url("/css/fonts/Poppins-Black.svg#Poppins-Black") format("svg");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url("/css/fonts/Poppins-Bold.eot");
  src: url("/css/fonts/Poppins-Bold.eot?#iefix") format("embedded-opentype"), url("/css/fonts/Poppins-Bold.woff2") format("woff2"), url("/css/fonts/Poppins-Bold.woff") format("woff"), url("/css/fonts/Poppins-Bold.ttf") format("truetype"), url("/css/fonts/Poppins-Bold.svg#Poppins-Bold") format("svg");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url("/css/fonts/Poppins-Light.eot");
  src: url("/css/fonts/Poppins-Light.eot?#iefix") format("embedded-opentype"), url("/css/fonts/Poppins-Light.woff2") format("woff2"), url("/css/fonts/Poppins-Light.woff") format("woff"), url("/css/fonts/Poppins-Light.ttf") format("truetype"), url("/css/fonts/Poppins-Light.svg#Poppins-Light") format("svg");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url("/css/fonts/Poppins-Medium.eot");
  src: url("/css/fonts/Poppins-Medium.eot?#iefix") format("embedded-opentype"), url("/css/fonts/Poppins-Medium.woff2") format("woff2"), url("/css/fonts/Poppins-Medium.woff") format("woff"), url("/css/fonts/Poppins-Medium.ttf") format("truetype"), url("/css/fonts/Poppins-Medium.svg#Poppins-Medium") format("svg");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url("/css/fonts/Poppins-Regular.eot");
  src: url("/css/fonts/Poppins-Regular.eot?#iefix") format("embedded-opentype"), url("/css/fonts/Poppins-Regular.woff2") format("woff2"), url("/css/fonts/Poppins-Regular.woff") format("woff"), url("/css/fonts/Poppins-Regular.ttf") format("truetype"), url("/css/fonts/Poppins-Regular.svg#Poppins-Regular") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url("/css/fonts/Poppins-MediumItalic.eot");
  src: url("/css/fonts/Poppins-MediumItalic.eot?#iefix") format("embedded-opentype"), url("/css/fonts/Poppins-MediumItalic.woff2") format("woff2"), url("/css/fonts/Poppins-MediumItalic.woff") format("woff"), url("/css/fonts/Poppins-MediumItalic.ttf") format("truetype"), url("/css/fonts/Poppins-MediumItalic.svg#Poppins-MediumItalic") format("svg");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato";
  src: url("/css/fonts/Lato-Regular.eot");
  src: url("/css/fonts/Lato-Regular.eot?#iefix") format("embedded-opentype"), url("/css/fonts/Lato-Regular.woff2") format("woff2"), url("/css/fonts/Lato-Regular.woff") format("woff"), url("/css/fonts/Lato-Regular.ttf") format("truetype"), url("/css/fonts/Lato-Regular.svg#Lato-Regular") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato";
  src: url("/css/fonts/Lato-Black.eot");
  src: url("/css/fonts/Lato-Black.eot?#iefix") format("embedded-opentype"), url("/css/fonts/Lato-Black.woff2") format("woff2"), url("/css/fonts/Lato-Black.woff") format("woff"), url("/css/fonts/Lato-Black.ttf") format("truetype"), url("/css/fonts/Lato-Black.svg#Lato-Black") format("svg");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
html,
body {
  font-family: "Poppins", sans-serif;
  color: #000;
  scroll-behavior: smooth;
}

.lato {
  font-family: "Lato", sans-serif;
}

.font-dark-blue {
  color: #000;
}

.font-crimson {
    color: #C31542;
}

.bg-crimson {
    background-color: #C31542;
}

.font-blue {
  color: #000;
}

.font-gray {
  color: #6A6A6A;
}

.font-light-blue {
  color: #000;
}

.bg-dark-green {
  background-color: #023b38;
}

.font-orange {
  color: #135629;
}

.bg-dark-blue {
  background-color: #000;
}

.bg-blue {
  background-color: #000;
}

.bg-gray {
  background-color: #6A6A6A;
}

.bg-light-blue {
  background-color: #000;
}

.bg-orange {
  background-color: #135629;
}

.bg-the-juait {
  background-color: #F4F4F4;
}

.border-dark-blue {
  border: 2px solid #000;
}
.border-dark-blue::-webkit-input-placeholder {
  color: #000;
}
.border-dark-blue::-moz-placeholder {
  color: #000;
}
.border-dark-blue:-ms-input-placeholder {
  color: #000;
}
.border-dark-blue::-ms-input-placeholder {
  color: #000;
}
.border-dark-blue::placeholder {
  color: #000;
}

.border-b-dark-blue {
  border-bottom: 2px solid #000;
}
.border-b-dark-blue::-webkit-input-placeholder {
  color: #000;
}
.border-b-dark-blue::-moz-placeholder {
  color: #000;
}
.border-b-dark-blue:-ms-input-placeholder {
  color: #000;
}
.border-b-dark-blue::-ms-input-placeholder {
  color: #000;
}
.border-b-dark-blue::placeholder {
  color: #000;
}

.leading-tighter {
  line-height: 1.125;
}

.wa-btn {
  border: 1px solid #fff;
}
.wa-btn:hover {
  background-color: #fff;
  color: #023b38;
  -webkit-transition: 0.5s ease;
  transition: 0.5s ease;
}

.contact-btn {
  border: 1px solid #C31542;
}

.custom-underline::before {
  content: "";
  position: absolute;
  width: 25%;
  height: 1px;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  border-bottom: 5px solid #C31542;
}

.custom-underline-2::before {
  content: "";
  position: absolute;
  width: 10%;
  height: 1px;
  bottom: 0;
  left: 5%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  border-bottom: 5px solid #C31542;
}

.justify-last {
  -moz-text-align-last: center;
       text-align-last: center;
}

.splide__pagination--custom {
  width: 100%;
  margin: 0 auto;
  -webkit-box-pack: space-evenly !important;
      -ms-flex-pack: space-evenly !important;
          justify-content: space-evenly !important;
  font-size: 1rem;
  color: white;
}

.custom-btn {
  background: transparent !important;
  width: 100% !important;
  /* cursor: not-allowed;
  pointer-events: none; */
}

.form-hover:hover {
  background-color: #023b38;
  color: #F4F4F4;
  -webkit-transition: 0.5s ease;
  transition: 0.5s ease;
}

.hover-border-b:hover {
  border-bottom: 1px solid #000;
  -webkit-transition: 200ms ease;
  transition: 200ms ease;
}
.hover-border-b:active {
  color: #000;
  border-color: #000;
}

.footer-hover:hover {
  background-color: #000;
  border-radius: 5px;
  -webkit-transition: background-color 0.5s ease;
  transition: background-color 0.5s ease;
}

.btn-hover:hover {
  background-color: #F4F4F4;
  color: #000;
  -webkit-transition: 0.5s ease;
  transition: 0.5s ease;
}

.aspect {
  aspect-ratio: 1/1;
}

.aspect-square {
  aspect-ratio: 1/1;
}

@media only screen and (min-device-width: 768px) {
  .aspect {
    aspect-ratio: 4/2;
  }
}
@media only screen and (min-device-width: 1024px) {
  .splide__pagination--custom {
    width: 70%;
  }
}
@media only screen and (min-device-width: 1280px) {
  .splide__pagination--custom {
    width: 60%;
  }
}
@media only screen and (min-device-width: 1536px) {
  .splide__pagination--custom {
    width: 50%;
  }
}