@font-face {
  font-family: Outfit-Regular;
  src: url('/assets/fonts/Outfit-Regular.woff2');
  font-display: swap;
  font-style: normal;
  font-weight: 400;
}
@font-face {
  font-family: Outfit-SemiBold;
  src: url('/assets/fonts/Outfit-SemiBold.woff2');
  font-display: swap;
  font-style: normal;
  font-weight: 600;
}
@font-face {
  font-family: Outfit-Bold;
  src: url('/assets/fonts/Outfit-Bold.woff2');
  font-display: swap;
  font-style: normal;
  font-weight: 700;
}
body {
  background: #181819;
  font-family: 'Outfit-Regular', sans-serif;
  overflow-x: hidden;
}
h1 {
  font-family: 'Outfit-SemiBold', sans-serif;
  font-size: 100px;
  line-height: 100%;
  letter-spacing: 0;
}
h2 {
  font-family: 'Outfit-SemiBold', sans-serif;
  font-size: 60px;
  line-height: 100%;
  letter-spacing: 0;
}
h3 {
  font-family: 'Outfit-SemiBold', sans-serif;
  font-size: 40px;
  line-height: 150%;
  letter-spacing: 0;
}
h4, .home-page .home-container-2 .home-2-right-box-text-2 p, .home-page .home-2-left-box p {
  font-family: 'Outfit-SemiBold', sans-serif;
  font-size: 28px;
  line-height: 100%;
  letter-spacing: 0;
}
.color-white {color: #fff;}
.color-black {color: #181819;}
.color-lblack {color: #808080;}
.home-1-right-link-bottom .color-lblack {color: #fff; opacity: 0.8;}
.color-green {color: #B9D537;}
.d-flex-between {
  display: flex;
  justify-content: space-between;
}
.d-flex-column-center {
  display: flex;
  justify-content: center;
  flex-direction: column;
}
a {transition: 0.5s all;}
.box-padding {
  box-sizing: border-box;
  margin: 0 auto;
  padding: 0 80px;
}
.btn {
  border-radius: 99px;
  box-sizing: border-box;
  padding: 16px 24px;
  transition: 0.3s all;
  cursor: pointer;
  font-family: 'Outfit-SemiBold', sans-serif;
  font-size: 18px;
  line-height: 20px;
  min-width: fit-content; 
}
.btn-green-black {
  color: #181819;
  border: 1px solid #B9D537;
  background: #B9D537;
}
.btn-green-black:hover, .btn-green-black:focus {
  color: #181819;
  border: 1px solid #181819;
  background: #fff;
  /*background: transparent;*/
}
.form-button .btn-green-black:hover, .form-button .btn-green-black:focus {background: #fff;}
.btn-black-green {
  color: #B9D537;
  border: 1px solid #181819;
  background: #181819;
}
.btn-black-green:hover, .btn-black-green:focus {
  color: #181819;
  border: 1px solid #181819;
  /*background: #fff;*/
  background: transparent;
}
.btn-transparent-black {
  color: #181819;
  border: 1px solid #181819;
  background: transparent;
}
.btn-transparent-black:hover, .btn-transparent-black:focus {
  color: #B9D537;
  border: 1px solid #181819;
  background: #181819;
}
.btn-transparent-white {
  color: #fff;
  border: 1px solid #fff;
  background: transparent;
}
.btn-transparent-white:hover, .btn-transparent-white:focus {
  color: #B9D537;
  border: 1px solid #fff;
  background: #fff;
}
.btn-arrow {transition: 0.3s all; width: 13px; height: 13px;}
.btn:hover .btn-arrow, .btn:focus .btn-arrow {transform: rotate(45deg);}
.submit-btn-arrow img, .btn-black-arrow span img,
.btn-to-black-arrow:hover span img, .btn-to-black-arrow:focus span img {filter: brightness(0);}
.btn-black-arrow:hover span img, .btn-black-arrow:focus span img {filter: unset;}
.column-left {width: 66.8%;}
.column-right {width: 33.2%;}
.last {margin-bottom: 0 !important;}
.last-right {margin-right: 0 !important;}
#header {
  height: 133px;
  position: relative;
  z-index: 9999;
}
main {margin-top: -133px;}
.services-main {overflow: hidden;}
header {width: 66.8%; height: 100%;}
.header .header-box {padding-top: 20px;}
.header .header-box-left {width: 474px;}
.header a {color: #181819;}
.header .header-logo img {width: 146px; height: 76px;}
.header .header-link-2 {margin: 0 40px;}
.header .header-logo {width: 146px; margin-top: 14px;}
.header .header-links {align-items: center; width: 247px;}
.header .header-links a, .header .btn {
  font-family: 'Outfit-SemiBold', sans-serif;
  font-size: 18px;
  line-height: 20px;
}
.header .header-box-right {align-items: center; width: 191px;} /*241*/
.header .header-social-media-box a {margin-top: 2px;}
.header .header-social-media-box-1 {margin-right: 20px;}

.home-page .home-container-1, .about-page .about-container-1, .services-page main {
  background-color: #B9D537;
}
.services-page .services-container-1, .services-page .services-container-2 {position: relative; z-index: 2;}
.home-page .home-container-1-iner, .about-page .about-container-1-iner {
  background-image: url('/assets/img/background.webp');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  background-position-x: 145px;
  background-position-y: -20px;
  /*height: calc(100% - 45px);*/
  height: 100%;
}
.home-page .home-container-1 .home-1-left-box {margin-top: 17%; /*175px*/}
.home-page .home-container-1 .home-1-left-box h1 {box-sizing: border-box; padding: 11px 0;}
.home-page .home-container-1 .home-1-left-box a {position: relative; top: -18px;}
.about-page .about-container-1 .about-1-left-box a {position: relative; top: -8px;}
.home-page .home-container-1 .home-1-left-text, .about-page .about-container-1 .about-1-left-text {
  font-family: 'Outfit-SemiBold', sans-serif;
  font-size: 28px;
  line-height: 140%;
  margin-top: 36px;
  margin-bottom: 71px;
}
.about-page .about-container-1 .about-1-left-text {margin-bottom: 55px;}
.btn span {margin-left: 5px;}
.home-page .home-container-1 .home-1-right-title, .about-page .about-container-1 .about-1-right-title {
  font-family: 'Outfit-SemiBold', sans-serif;
  font-size: 32px;
  line-height: 120%;
}
.home-page .home-container-1 .home-1-right-title {margin-bottom: 38px;}
.home-page .home-container-1 .home-1-right-link {
  border: 1px solid #454549;
  border-radius: 24px;
  box-sizing: border-box;
  padding: 19.5px 19px;
  width: 100%;
  height: fit-content;
  display: block;
  margin-bottom: 15px;
  min-height: 132px;
  align-content: center;
}
.home-page .home-container-1 .home-1-right-link p {font-size: 20px; line-height: 140%;}
.home-page .home-container-1 .home-1-right-link-top img {width: 13px; height: 13px; transition: 0.3s all;}
.home-page .home-container-1 .home-1-right-link-top p {font-family: 'Outfit-SemiBold', sans-serif; margin-bottom: 8px;}
.home-page .home-container-1 .home-1-right-link:hover, .home-page .home-container-1 .home-1-right-link:focus {border: 1px solid #B9D537;}
.home-page .home-container-1 .home-1-right-link:hover img, .home-page .home-container-1 .home-1-right-link:focus img {transform: rotate(45deg);}
.home-page .home-container-1 .column-right, .about-page .about-container-1 .column-right {height: 100%; background: #181819;}
.services-page .services-container-1 .column-right,
.home-page .home-container-2 .column-left, .about-page .about-container-2 .column-left {background: #181819}
.home-page .home-container-2 .column-right, .about-page .about-container-2 .column-right {background: #B9D537}
.home-page .home-container-2 .box-padding {padding-top: 85px; padding-bottom: 80px;}
.home-page .home-container-2 .column-left h2 {margin-top: 42px; margin-bottom: 11px;}
.home-page .home-container-2 .home-2-right-box-text-1 {
  font-size: 20px;
  line-height: 160%;
  margin-top: -4px;
  margin-bottom: 42px;
}
.home-page .home-container-2 .home-2-right-box-text-2 p {line-height: 160%;}
.home-page .home-container-2 .home-2-right-box-btns .btn {width: fit-content; margin-right: 15px;}
.home-page .home-container-2 .home-2-right-box-btns {display: flex; margin-top: 38px;}
.home-page .home-container-3 {
  background: #181819;
  box-sizing: border-box;
  padding: 160px 0;
}
.home-page .home-container-3 .home-3-title {margin-bottom: 38px;}
.home-page .home-container-3 .home-3-item-title {margin-top: 38px; margin-bottom: 42px;}
.home-page .home-container-3 .home-3-item-title h4 {margin-top: 10px; line-height: 120%;}
.home-page .home-container-3 .home-3-item-img img {height: 60px; width: fit-content;}
.home-page .home-container-3 .home-3-item-text {font-size: 18px; line-height: 125%; margin-bottom: 38px;}
.home-page .home-container-3 .home-3-box-item .btn{
  height: 56.5px;
  display: block;
  width: fit-content;
}
.home-page .home-container-3 .home-3-box-item {
  border: 1px solid #454549;
  border-radius: 24px;
  box-sizing: border-box;
  padding: 40px;
  width: 31.8%;
  height: fit-content;
}
.home-page .home-container-3 .btn-arrow-white {
  position: absolute;
  margin-left: -13px;
  z-index: 9;
}
.home-page .home-container-3 .btn-arrow-green {opacity: 0;}
.home-page .home-container-3 .btn-transparent-white:hover .btn-arrow-white, 
.home-page .home-container-3 .btn-transparent-white:focus .btn-arrow-white {opacity: 0;}
.home-page .home-container-3 .btn-transparent-white:hover .btn-arrow-green, 
.home-page .home-container-3 .btn-transparent-white:focus .btn-arrow-green {opacity: 1;}
.about-page .about-container-1 .about-1-left-box {margin-top: 6px;}
.about-page .about-container-1 .about-1-right-icons {margin: -4px 0 36px;}
.about-page .about-container-2 .about-2-right-box-1 {
  font-family: 'Outfit-SemiBold', sans-serif;
  font-size: 28px;
  line-height: 160%;
  margin-bottom: 20px;
}
.services-page .services-container-2 .column-right-2 p, .services-page .services-container-2 .services-container-2-text, .about-page .about-container-2 .about-2-left-box-item-text,
.about-page .about-container-2 .about-2-right-box-2 p, .about-page .about-container-2 .about-2-right-box-3 p {
  font-size: 20px;
  line-height: 160%;
}
.about-page .about-container-2 .about-2-right-box-2 p {margin-bottom: 16px;}
.about-page .about-container-2 .about-2-right-box-2 {margin-bottom: 20px;}
.services-page .services-container-2 .services-2-right-left-item img, .about-page .about-container-2 .about-2-right-box-3-item img {width: 13px; height: 13px; margin: 10px 15px 0 0;}
.about-page .about-container-2 .about-2-right-box-3-item b {font-family: 'Outfit-SemiBold';}
.services-page .services-container-2 .services-2-right-left-item, .about-page .about-container-2 .about-2-right-box-3-item {margin-bottom: 20px;}
.about-page .about-container-2 .column-right .box-padding {padding-top: 80px; padding-bottom: 80px;}
.about-page .about-container-2 .column-left .box-padding {padding-top: 94.5px; padding-bottom: 80px;}
.home-page .home-container-1 .column-right-home-1-iner, .about-page .about-container-1 .column-right-about-1-iner {
  padding: 0 39px;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  flex-direction: column;
  height: 100%;
}
.home-page .home-container-1, .about-page .about-container-1 {height: 100vh;}
.about-page .about-container-2 .about-2-left-box-item-title {
  font-family: 'Outfit-SemiBold', sans-serif;
  font-size: 48px;
  line-height: 100%;
  margin-bottom: 30px;
}
.about-page .about-container-2 .about-2-left-box-item-nr span {
  height: 34px;
  width: 6px;
  margin-left: 4px;
  background-color: #fff;
  display: flex;
  margin-bottom: 42px;
}
.about-page .about-container-2 .about-2-left-box-item {width: 48.2%;}
.about-page .about-container-2 .about-2-left-box-item-nr {width: 24px;}
.policy-page .policy-container-img-desktop, .policy-page .policy-container-img-mobile,
.services-page .services-container-img-desktop, .services-page .services-container-img-mobile {
  position: absolute;
  z-index: 1;
  width: 100%;
}
.policy-page .policy-container-img-mobile,
.services-page .services-container-img-mobile {display: none;}
.services-page .services-container-1 {height: fit-content;}
.services-page .services-container-1 .column-left .box-padding {
  margin-top: 110px;
  padding-top: 76px;
  padding-bottom: 90px;
}
.services-page .services-container-1 .column-right img {
  width: 65px;
  height: 139px;
}
.services-page .column-left-2 {width: 33.54%;}
.services-page .column-right-2 {width: 66.46%;}
.services-page .services-container-2 .column-left-2,
.services-page .services-container-3 .column-right-2,
.services-page .services-container-4 .column-left-2 {background: #181819;}
.services-page .services-container-2 .services-container-2-title,
.services-page .services-container-2 .services-container-2-sub-title,
.services-page .services-container-2 .services-container-2-text-2 {font-family: 'Outfit-SemiBold', sans-serif; line-height: 100%;}
.services-page .services-container-2 .services-container-2-title {font-size: 48px; margin: 24px 0 30px; line-height: 118%;}
.services-page .services-container-2 .services-container-2-sub-title {font-size: 32px; margin-bottom: 24px; line-height: 118%;}
.services-page .services-container-2 .services-container-2-text-2 {font-size: 24px; margin: 27px 0;}
.services-page .services-container-2 .services-container-2-img img {width: fit-content; height: 60px;}
.services-page .services-container-2 .box-padding {padding-top: 85px; padding-bottom: 80px;}
.services-page .services-container-left-btn {width: fit-content;}
.services-page .services-container-2 .services-2-right-right-item--1 {font-family: 'Outfit-Bold', sans-serif; margin-bottom: 8px;}
.services-page .services-container-2 .services-2-right-left-item--1 {font-family: 'Outfit-SemiBold', sans-serif; margin-bottom: 8px;}
.services-page .services-container-2 .services-2-right-left-title {margin-bottom: 40px;}
.services-page .services-container-2 .services-2-right-left, .services-page .services-container-2 .services-2-right-right {width: 48.2%;}
.services-page .services-container-2 .services-2-right-right-item {
  border: dashed;
  border-color: #181819;
  border-radius: 24px;
  box-sizing: border-box;
  padding: 15px 20px;
  margin-bottom: 24px;
}
.services-page .services-container-2 .column-right-2 .services-2-right-right-service--1 p {line-height: 146%;}
.services-page .services-container-3 .column-left-2 {background: transparent;}
.services-page .services-container-2 .services-2-right-right-bottom-text p {
  font-family: 'Outfit-SemiBold', sans-serif;
  font-size: 32px;
  line-height: 120%;
  margin-top: 45px;
}
.services-page .services-container-2 .services-2-right-right-expand-collapse-box {display: none; justify-content: center;}
.services-page .services-container-2 .services-2-right-right-service-1 {margin-top: -160px;}
.services-page .services-container-2 .img-green-icon {display: none;}
.services-page .services-2-right-right-expand .services-expand {opacity: 1; visibility: visible;}
.services-page .services-2-right-right-expand .services-collapse {opacity: 0; visibility: hidden;}
.services-page .services-2-right-right-collapse .services-collapse {opacity: 1; visibility: visible;}
.services-page .services-2-right-right-collapse .services-expand {opacity: 0; visibility: hidden;}
.services-page .services-2-right-right-expand-collapse-box p {transition: 0.7s all; font-size: 18px !important;}
.services-page .services-2-right-right-expand-collapse-box p {width: fit-content; height: 35px; margin: 0 auto;}
.services-page .services-2-right-right-expand-collapse-box .services-collapse {position: relative; top: -35px;}
.services-page .services-2-right-right-service--1-dots {display: none;}
.policy-page header {width: 100%;}
.policy-page main {background: #B9D537;}
.policy-page .policy-container {position: relative; z-index: 9;}
.policy-page .policy-container .box-padding {padding-top: 76px; padding-bottom: 82px;}
.policy-page .policy-container h3 {margin-top: 92px; margin-bottom: 36px;}
.policy-page .policy-container p.p-title {
  font-family: 'Outfit-Bold', sans-serif;
  font-size: 20px;
  line-height: 160%;
  margin-top: 18px;
  margin-bottom: 9px;
}
.policy-page .policy-container li, .policy-page .policy-container p {font-size: 16px; line-height: 160%;}
.policy-page .policy-container p {margin-bottom: 17px;}
.policy-page .policy-container li {margin-bottom: 1px;}
.policy-page .policy-container ul {list-style: disc; margin-left: 24px; margin-bottom: 17px;}
.policy-page .policy-container a {color: #181819; border-bottom: 1px solid #181819;}
.policy-page .policy-container .p-bold {font-family: 'Outfit-Bold', sans-serif;}
#formMessage {font-size: 20px; line-height: 120%;}
#formMessage {margin-top: 30px;}
.footer-contact-form button {outline: none;}
.footer-contact-form .form-input-1 input, .footer-contact-form .form-input-2 input, .footer-contact-form .form-input-1 textarea {
  border: 1px solid #454549;
  background: #2B2B2E;
  color: #fff;
  box-sizing: border-box;
  padding: 14px 25px 15px;
  margin-bottom: 25px;
  font-size: 16px;
  line-height: 100%;
  border-radius: 8px;
  outline: none;
}
.footer-contact-form .form-input-1 input {width: 100%;}
.footer-contact-form .form-input-2 input {width: 48.3%;}
.footer-contact-form .form-input-1 textarea {
  width: 100%;
  height: 170px;
  resize: none;
  outline: none;
  margin-bottom: 18px;
}
.footer-contact-form .form-input-3 {display: none;}
input::placeholder {color: #fff;}
textarea::placeholder {color: #fff;}
::-webkit-input-placeholder {color: #fff;}
:-ms-input-placeholder {color: #fff;}
::-ms-input-placeholder {color: #fff;}
::placeholder {color: #fff;}
input:-webkit-autofill,
textarea:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px transparent inset !important;
  -webkit-text-fill-color: #fff !important;
  caret-color: #fff;
  transition: background-color 9999s ease-in-out 0s;
}
.form-button .btn-green-black {width: 129px;}
.footer {
  padding-top: 160px;
  box-sizing: border-box;
  background-color: #181819;
}
.footer .footer-box-1-left {width: 57.8%; border-bottom: 1px solid #808080;}
.footer .footer-box-1-right {width: 42.2%; border-bottom: 2px solid #B9D537; z-index: 9;}
.footer .footer-box-1-left-iner {box-sizing: border-box; padding-left: 80px;}
.footer .footer-box-1-right-iner {box-sizing: border-box; padding-right: 80px; padding-bottom: 160px;}
.footer .footer-box-2-right a, .footer .footer-mob-links a {
  font-size: 18px;
  line-height: 100%;
  color: #B9D537;
  margin-right: 41px;
  width: fit-content;
}
.footer .form-bottom-agree {
  font-size: 16px;
  line-height: 120%;
  width: 66%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-right: 20px;
}
.footer .form-bottom-agree a {color: #B9D537; font-family: 'Outfit-SemiBold';}
.footer .footer-contact-form {width: 100%;}
.footer .footer-box-2 .box-padding {
  padding-top: 70px;
  padding-bottom: 70px;
  padding-left: 40px;
  padding-right: 40px;
}
.footer .footer-mob-logo img, .footer .footer-box-2 img {width: 146px; height: 76px;}
.footer .footer-box-2 .footer-box-2-left p, .footer .footer-mob-copyright p {font-size: 18px; line-height: 100%;}
.footer .footer-box-2 .footer-box-2-left p {margin-left: 80px;}
.footer .footer-box-2 .footer-box-2-right {align-items: center;}
.footer .footer-box-1-title p {
  font-family: 'Outfit-SemiBold', sans-serif;
  font-size: 40px;
  line-height: 100%;
  margin-top: 38px;
}
.footer .footer-box-1 .footer-box-1-background {
  width: 0;
  position: relative;
  left: -110px;
  top: -31px;
  height: 635px;
}
.footer .footer-box-1 .footer-dec-line-2 {
  position: relative;
  left: 270px;
  top: -4.6px;
  width: 400px;
  height: 300px;
  overflow: hidden;
}
.footer .footer-box-1 .footer-dec-line-2 img {transform: rotate(180deg);}
.footer .footer-box-2 {
  position: relative;
  z-index: 99;
  background: #181819;
}
.footer .footer-box-1 .footer-box-1-title {z-index: 9; height: fit-content;}
.footer .footer-bottom-mobile {display: none;}
.home-page .home-container-3 .home-3-item-title-n-br {display: none;}
/*cookies*/
#cookies-banner {
  position: fixed;
  bottom: 20px;
  right: 20px;
  left: 20px;
  padding: 24px;
  box-sizing: border-box;
  background: #B9D537;
  z-index:9999;
  border-radius: 10px;
  width: calc(100% - 40px);
  display: flex;
  justify-content: space-between;
  box-shadow:0 10px 30px rgba(0,0,0,.35);
}
#cookies-banner [hidden]{display:none}
#cookies-banner p,
#cookies-banner a {
  font-size: 16px;
  line-height: 140%;
  align-content: center;
}
#cookies-banner a {color: #19191C; font-family: 'Outfit-SemiBold';}
#cookies-accept {margin-right: 10px;}
/*
.home-page .home-container-2 {height: 100vh;}
.home-page .home-container-2-iner, .home-page .home-container-2 .column-right .box-padding {height: 100%;}
*/
.footer .footer-box-2-right a, .footer .footer-box-2-right a, #cookies-banner a,
footer .form-bottom-agree a, footer .form-bottom-agree a, header .menu-link, header .menu-link {border-bottom: 1px solid transparent; transition: 0.3s ease;}
.policy-page .policy-container a:hover, .policy-page .policy-container a:focus, #cookies-banner a:hover, #cookies-banner a:focus,
header .menu-link:hover, header .menu-link:focus {border-bottom: 1px solid #181819;}
.footer .footer-box-2-right a:hover, .footer .footer-box-2-right a:focus,
footer .form-bottom-agree a:hover, footer .form-bottom-agree a:focus {border-bottom: 1px solid #B9D537;}
a.btn:hover, a.btn:focus {text-decoration: none !important;}
.header .header-mobile {display: none;}
@media screen and (max-width: 1751px) {
  .home-page .home-container-3 .home-3-box-item {padding: 30px;}
}
@media screen and (max-width: 1689px) {
  .home-page .home-container-3 .home-3-item-title h3 {max-width: 280px;}
  .home-page .home-container-3 .home-3-box-item {width: 32.5%;}
}
@media screen and (max-width: 1595px) {
  .home-page .home-container-3 .home-3-item-title h4 {font-size: 25.5px;}
  .about-page .about-container-2 .about-2-left-box-item {width: 47%;}
}
@media screen and (max-width: 1399px) {
  .home-page .home-container-1-iner {
    background-size: cover;
    background-position: bottom;
  }
  .home-page .home-container-1, .about-page .about-container-1 {height: 100%;}
  .home-page .home-container-1 .column-right, .about-page .about-container-1 .column-right {height: fit-content;}
  .home-page .home-container-1 .column-right-home-1-iner, .about-page .about-container-1 .column-right-about-1-iner {padding: 178px 39px;}
  .home-page .home-container-2 {height: fit-content;}
  .about-page .about-container-1, .about-page .about-container-1-iner, .about-page .about-container-1 .column-right-about-1-iner {min-height: 650px;}
}
@media screen and (max-width: 1485px) {
  .home-page .home-container-3 .home-3-box-item {padding: 25px;}
}
@media screen and (max-width: 1454px) {
  .home-page .home-container-3 .home-3-box-item-2 .home-3-item-title-br {display: none;}
  .home-page .home-container-3 .home-3-box-item-2 .home-3-item-title-n-br {display: block;}
}
@media screen and (max-width: 1450px) {
  .box-padding {padding: 0 60px;}
  .footer .footer-box-1-right-iner {padding-right: 60px; padding-left: 60px;}
  .footer .footer-box-1-left-iner {padding-right: 60px; padding-left: 60px;}
  .footer .footer-box-2 .box-padding {padding-right: 60px; padding-left: 60px;}
}
@media screen and (max-width: 1400px) {
  .header .header-box-left {width: 425px;}
  .header .header-box-right {width: 182px;} /*225*/
}
@media screen and (max-width: 1370px) {
  .footer .footer-box-2 .footer-box-2-right {flex-direction: column; align-items: end;}
  .footer .footer-box-2-right a {margin-right: 0; margin-bottom: 20px;}
}
@media screen and (max-width: 1332px) {
  .home-page .home-container-3 .home-3-box-item-2 .home-3-item-title-br {display: block;}
  .home-page .home-container-3 .home-3-box-item-2 .home-3-item-title-n-br {display: none;}
  .home-page .home-container-3 .home-3-item-title h4 {max-width: 240px;}
  .home-page .home-container-3 .home-3-box-item {width: 32%;}
}
@media screen and (max-width: 1250px) {
  .box-padding {padding: 0 40px;}
  .footer .footer-box-1 .footer-box-1-background {left: -180px;}
  .footer .footer-box-1-right-iner {padding-right: 40px; padding-left: 40px;}
  .footer .footer-box-1-left-iner {padding-right: 40px; padding-left: 40px;}
  .footer .footer-box-2 .box-padding {padding-right: 40px; padding-left: 40px;}
}
@media screen and (max-width: 1200px) {
  .home-page .home-container-2 .home-2-right-box-btns {flex-direction: column;}
  .home-page .home-container-2 .home-2-right-box-btns .last-right {margin-top: 20px;}
  .home-page .home-container-1 .home-1-right-link-top p {max-width: 90%;}
}
@media screen and (max-width: 1150px) {
  #header {height: 110px;}
  main {margin-top: -110px;}
  body.header-mob-active {overflow: hidden;}
  .header {height: 110px;}
  .header .header-mobile-box--2 .header-social-media-box {display: none;}
  .header-mob-active .header {height: 100vh;}
  .header .header-mobile-box-1 {width: 100%;}
  .header .header-mobile-soc-btn {width: 117px; align-items: center;} /*167px*/
  .header .header-social-media-box a img {width: 30px; height: 30px;}
  .header .header-mobile {display: flex; flex-direction: column;}
  .header .header-desktop {display: none;}
  .header .header-mobile-menu--btn {
    border-radius: 99px;
    background-color: #181819;
    box-sizing: border-box;
    padding: 20px 24px 18px;
    width: 64px;
    height: 52px;
  }
  .header-mobile-menu--btn-box {
    width: 16px;
    height: 12.5px;
    flex-direction: column;
    display: flex;
    justify-content: space-between;
    transition: 0.5s;
  }
  .header .header-mobile-menu--btn-box span {
    height: 1.5px;
    width: 100%;
    background: #B9D537;
    border-radius: 10px;
    display: block;
    transition: 0.7s all;
  }
  .header .header-mobile {transition: 0.7s all;}
  .scroll .header-mobile, .header-mob-active .header .header-mobile {background: #B9D537;}
  .header-mob-active .header-mobile .header-mobile-menu--btn-box span.header-mob-btn-1 {
    -webkit-transform: rotate(38deg) translate(3px, 4.5px);
    transform: rotate(38deg) translate(3px, 4.5px);
  }
  .header-mob-active .header-mobile .header-mobile-menu--btn-box span.header-mob-btn-2 {opacity: 0;}
  .header-mob-active .header-mobile .header-mobile-menu--btn-box span.header-mob-btn-3 {
    -webkit-transform: rotate(-38deg) translate(3px, -4.7px);
    transform: rotate(-38deg) translate(3px, -4.7px);
  }
  .header .header-mobile .header-mobile-box-2 {
    max-height: 0;
    width: 100%;
    transition: max-height 0.7s ease-out;
    overflow: hidden;
  }
  .header-mob-active .header .header-mobile .header-mobile-box-2 {max-height: 665px;}
  .header .header-mobile-box--2-btn p {text-align: center; margin-bottom: 40px;}
  .header .header-mobile-box--2-links a {
    font-family: 'Outfit-SemiBold', sans-serif;
    font-size: 24px;
    line-height: 100%;
    margin-bottom: 41px;
    text-align: center;
    width: fit-content;
  }
  .header .header-mobile-box--2-links {margin-top: 40px; margin-bottom: 80px;}
  .about-page .about-container-1 .about-1-left-box {margin-top: 140px; margin-bottom: 37px;}
  .home-page .home-container-1 .home-1-left-box {margin-top: 168.5px; margin-bottom: 37px;}
  .home-page .home-container-1 .home-1-left-title h1 {line-height: 130%; padding: 0;}
  .footer .footer-box-1 .footer-box-1-background {left: -210px;}
  .home-page .home-container-1 .home-1-left-text {
    line-height: 100%;
    margin-top: 20px;
    margin-bottom: 75px;
  }
  .about-page .about-container-1 .about-1-left-text {
    line-height: 100%;
    margin-top: 30px;
    margin-bottom: 65px;
  }
  .header-mob-active .header .header-mobile .header-mobile-box-2 {max-height: 100vh;}
  .header .header-mobile-box--2 {
    height: calc(100vh - 110px);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  .header .header-mobile-box--2-links {
    height: calc(100% - 94px);
    margin-top: 0;
    margin-bottom: 0;
    align-items: center;
  }
  .header .header-mobile-box--2-btn p {margin-bottom: 100px;}
}
@media screen and (max-width: 1024px) {
  h1 {font-size: 75px;}
  h2 {font-size: 50px;}
  h3 {font-size: 36px; line-height: 125%;}
  h4, .home-page .home-container-2 .home-2-right-box-text-2 p {font-size: 26px;}
  .about-page .about-container-2 .about-2-left-box-item-title {font-size: 40px;}
  header {width: 100%;}
  .header {position: fixed;}
  .home-page .home-container-3 .home-3-item-title h3, .home-page .home-container-3 .home-3-item-title h4 {max-width: 100%;}
  .home-page .home-container-3 .home-3-item-title-br {display: none !important;}
  .home-page .home-container-3 .home-3-item-title-n-br {display: block !important;}
  .home-page .home-container-1 .column-right-home-1-iner {padding: 43px 40px;}
  .about-page .about-container-1 .column-right-about-1-iner {padding: 43px 40px;}
  .footer .footer-box-1-title h1 {font-size: 70px;}
  .home-page .home-2-left-box p {font-size: 24px; line-height: 120%;}
  .home-page .home-container-2 .column-left h1 {font-size: 80px;}
  .home-page .home-container-1 .home-1-right-title, .about-page .about-container-1 .about-1-right-title {font-size: 28px;}
  .footer-contact-form .form-input-2, .footer .footer-box-1, .home-page .home-container-3 .home-3-box-items, .columns-box {flex-direction: column;}
  .footer .footer-box-1-left, .footer .footer-box-1-right, .footer-contact-form .form-input-2 input,
  .home-page .home-container-3 .home-3-box-item, .column-left, .column-right {width: 100%;}
  .home-page .home-container-3 .home-3-box-item {margin-bottom: 20px;}
  .home-page .home-container-1 .home-1-left-text p, .about-page .about-container-1 .about-1-left-text p {font-size: 24px;}
  .home-page .home-container-3 .home-3-title {margin-bottom: 48px;}
  .home-page .home-container-3 {padding: 90px 0;}
  .home-page .home-container-2 .column-right .box-padding {padding-top: 60px; padding-bottom: 60px;}
  .home-page .home-container-2 .column-left .box-padding {padding-top: 79px;}
  .home-page .home-container-2 .column-left h2 {margin-top: 20px; margin-bottom: 9px;}
  .home-page .home-container-3 .home-3-box-item .btn {height: 55.5px;}
  .home-page .home-container-3 .home-3-item-text {margin-bottom: 37px;}
  .home-page .home-container-1 .column-left {height: fit-content; min-height: 100vh;}
  .about-page .about-container-1 .column-left {height: fit-content; min-height: 100vh;}
  .about-page .about-container-1 .column-right-about-1-iner {min-height: fit-content;}
  .services-page .services-container-2 .services-2-right-left-item, .about-page .about-container-2 .about-2-right-box-3-item {justify-content: flex-start;}
  .about-page .about-container-2 .about-2-left-box {flex-direction: column;}
  .about-page .about-container-2 .about-2-left-box-item {width: 100%; margin-bottom: 64px;}
  .about-page .about-container-2 .about-2-left-box-item-nr {width: 16px;}
  .about-page .about-container-2 .about-2-left-box-item-nr span {
    width: 4px;
    height: 22px;
    margin-left: 2.5px;
    margin-bottom: 21px;
  }
  #formMessage {text-align: center; text-align: center;}
  #formMessage {margin-bottom: 30px;}
  .about-page .about-container-2 .column-right .box-padding {padding-top: 40px;}
  .about-page .about-container-2 .about-2-left-box-item-title {margin-bottom: 10px;}
  .about-page .about-container-2 .column-left .box-padding {padding-top: 47px;}
  .services-page .services-container-2 .services-container-2-title {font-size: 40px;}
  .services-page .services-container-2 .services-2-right-righ-bottom-text p,
  .services-page .services-container-2 .services-container-2-sub-title {font-size: 28px;}
  .services-page .services-container-2 .box-padding {padding-top: 40px; padding-bottom: 40px;}
  .services-page .services-container-1 .column-right, .services-page .services-container-2 .img-white-icon {display: none;}
  .services-page .services-container-2 .services-2-right-left, .services-page .services-container-2 .services-2-right-right,
  .services-page .column-left-2, .services-page .column-right-2 {width: 100%;}
  .services-page .services-container-2 .services-2-right-right-service-1 {margin-top: 20px;}
  .services-page .services-container-2 .column-right-2-collapse {flex-direction: column;}
  .services-page .services-container-2 .column-left-2 {background: #181819;}
  .services-page .services-container-2 .column-right-2 {background: transparent;}
  .services-page .services-container-2 .img-green-icon {display: block;}
  .services-page .services-container-2 .column-left-2 .services-container-2-text,
  .services-page .services-container-2 .column-left-2 .services-container-2-title {color: #fff;}
  .services-page .services-container-2 .column-left-2 .services-container-2-sub-title,
  .services-page .services-container-2 .column-left-2 .services-container-2-text-2 {color: #B9D537;}
  .services-page .services-container-2 .column-left-2 .btn {
    color: #181819;
    border: 1px solid #B9D537;
    background: #B9D537;
  }
  .services-page .services-container-2 .column-left-2 .btn-arrow {filter: brightness(0);}
  .services-page .services-container-2 .column-left-2 .btn:hover, .services-page .services-container-2 .column-left-2 .btn:focus {
    color: #181819;
    border: 1px solid #181819;
    background: #fff;
  }
  .services-page .services-container-2 .column-right-2 .services-2-right-left-title span:first-child {color: #181819;}
  .services-page .services-container-2 .column-right-2 .services-2-right-left-title span:last-child {color: #fff;}
  .services-page .services-container-3 .services-2-right-right-bottom-text p,
  .services-page .services-container-3 .column-right-2-collapse p {color: #181819;}
  .services-page .services-container-3 .services-2-right-left-item img {filter: brightness(0);}
  .services-page .services-container-2 .services-2-right-right-expand-collapse-box {
    display: flex;
    margin-top: 20px;
    border-top: dashed;
    border-color: #181819;
    padding-top: 12px;
    font-size: 18px;
    font-family: 'Outfit-SemiBold', sans-serif;
    flex-direction: column;
    margin-bottom: -35px;
  }
  .services-page .services-container-2 .services-2-right-right-expand-collapse-box img {width: 13px; height: 13px;}
  .services-page .services-container-1 .column-left .box-padding {padding-top: 70px; padding-bottom: 47px;}
  .services-page .services-container-2 .services-container-2-title {margin: 22px 0 26px;}
  .services-page .services-container-2 .services-2-right-left-title {margin-bottom: 19px;}
  .services-page .services-container-2 .services-2-right-right-bottom-text p {margin-top: 22px;}
  .scroll-page .header-mobile {background: #B9D537;}
  .home-page .home-container-2 .home-2-right-box-btns .last-right {margin-top: 0;}
  .home-page .home-container-2 .home-2-right-box-btns {flex-direction: row;}
  .services-page .services-2-right-right-expand .column-right-2-collapse .services-2-right-left-item p:last-child {
    transition: 0.7s all;
  }
  .services-page .services-2-right-right-expand .column-right-2-collapse .services-2-right-left-item:first-child p:last-child {
    background: linear-gradient(180deg, #181819, #B9D537);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
  }
  .services-page .services-2-right-right-expand .column-right-2-collapse-1 {max-height: 70px !important; overflow: hidden;}
  .services-page .services-2-right-right-expand .column-right-2-collapse-2, .services-page .services-2-right-right-expand .column-right-2-collapse-3 {max-height: 100px !important; overflow: hidden;}
  .services-page .services-2-right-right-collapse .column-right-2-collapse {max-height: 1500px;}
  .services-page .services-2-right-right-collapse .column-right-2-collapse {overflow: visible;}
  .services-page .column-right-2-collapse {transition: 0.7s all; height: fit-content;}
  .policy-page .policy-container h3 {margin-top: 100px; margin-bottom: 45px;}
  .policy-page .policy-container p {margin-bottom: 20px;}
  .policy-page .policy-container .box-padding {padding-bottom: 42px;}
  .footer {padding-top: 33px;}
  .footer .footer-box-1-left, .footer .footer-box-1-right {border-bottom: 0;}
  .footer .footer-box-1-title p {font-size: 32px;}
  .footer .footer-box-1-background,
  .footer .footer-bottom-desktop {display: none;}
  .footer .footer-bottom-mobile {display: block;}
  .footer .footer-box-1-right-iner {padding-left: 40px;}
  .footer .footer-box-1-left-iner {padding-right: 40px;}
  .footer .footer-bottom-mobile {border-top: 1px solid #808080;}
  .footer .footer-box-2 .box-padding {padding-top: 33px; padding-bottom: 33px;}
  .footer .footer-mob-logo {margin-bottom: 61px;}
  .footer .footer-mob-links {margin-bottom: 84px;}
  .footer .footer-box-1-right {margin-top: 40px;}
  .footer .footer-box-1-right-iner {padding-bottom: 41px;}
  #cookies-banner {flex-direction: column;}
  #cookies-banner .row {margin-top: 20px;}
}
@media screen and (max-width: 909px) {
  .services-page .services-2-right-right-expand .column-right-2-collapse-1 {max-height: 100px !important;}
}
@media screen and (max-width: 817px) {
  .services-page .services-2-right-right-expand .column-right-2-collapse-2 {max-height: 130px !important;}
}
@media screen and (max-width: 768px) {
  h1 {font-size: 50px;}
  h2 {font-size: 40px;}
  h3 {font-size: 32px; line-height: 100%;}
  .about-page .about-container-2 .about-2-left-box-item-title {font-size: 32px;}
  .home-page .home-container-3 .home-3-item-title h4, .home-page .home-container-2 .home-2-right-box-text-2 p,
  h4, .home-page .home-container-1 .home-1-right-title, .about-page .about-container-1 .about-1-right-title {font-size: 24px;}
  .home-page .home-container-2 .column-left h1 {font-size: 60px;}
  .footer .footer-box-1-title h1 {font-size: 40px;}
  .home-page .home-2-left-box p {font-size: 20px;}
  .box-padding {padding: 0 20px;}
  .home-page .home-container-3 .home-3-box-item {padding: 20px 19px;}
  .footer .form-bottom,
  .home-page .home-container-2 .home-2-right-box-btns {flex-direction: column;}
  .home-page .home-container-2 .home-2-right-box-btns .btn,
  .form-button .btn-green-black, .home-page .home-container-3 .home-3-box-item .btn {width: 100%; text-align: center;}
  .home-page .home-container-2 .home-2-right-box-btns .btn {margin-right: 0; margin-bottom: 14px;}
  .home-page .home-container-1 .column-right-home-1-iner {padding: 43px 20px;}
  .about-page .about-container-1 .column-right-about-1-iner {padding: 43px 20px;}
  .footer .form-bottom-agree {width: 100%; margin-bottom: 28px; margin-right: 0;}
  #cookies-banner, .footer .footer-box-2 .box-padding, .footer .footer-box-1-left-iner, .footer .footer-box-1-right-iner {padding-right: 20px; padding-left: 20px;}
  .home-page .home-container-1 .home-1-left-text p, .about-page .about-container-1 .about-1-left-text p {font-size: 20px;}
  .footer .footer-box-1-title p {font-size: 24px;}
  .services-page .services-container-2 .services-container-2-title {font-size: 32px;}
  .services-page .services-container-2 .services-2-right-right-bottom-text p,
  .services-page .services-container-2 .services-container-2-sub-title {font-size: 24px;}
  .services-page .services-container-2 .services-2-right-right-service-1 {
    overflow: scroll;
    scroll-behavior: smooth;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    -ms-overflow-style: none;
  }
  #formMessage {margin-bottom: 0;}
  .services-page .services-container-2 .services-2-right-right-service-1::-webkit-scrollbar {display: none;}
  .services-page .services-container-2 .services-2-right-right-service--1 {
    display: flex;
    width: calc(237% + 80px);
  }
  .services-page .services-container-2 .services-2-right-right-item {
    width: 79%;
    margin-left: 20px;
    padding: 18px 20px;
    margin-bottom: 0;
  }
  .services-page .services-container-2 .column-right-2 .services-2-right-right-service--1 p {line-height: 141%;}
  .services-page .services-container-2 .services-2-right-right-item.last-right {margin-right: 20px !important;}
  .services-page .services-container-2 .services-2-right-right-service--1-dots {
    width: 50px;
    margin: 20px auto 0;
    height: 12px;
    text-align: center;
  }
  .services-page .services-2-right-right-service--1-dots {display: flex;}
  .services-page .services-container-2 .service-slider-dots {
    margin-right: 10px;
    width: 12px;
    height: 12px;
    padding: 3px;
    box-sizing: border-box;
    border-radius: 99px;
    background: transparent;
    transition: 0.3s all;
  }
  .services-page .services-container-2 .service-slider--dots {
    width: 6px;
    height: 6px;
    border-radius: 99px;
    background: #181819;
    transition: 0.3s all;
  }
  .services-page .services-container-2 .service-slider-dots-active {background: #fff;}
  .services-page .services-container-2 .service-slider-dots-active .service-slider--dots {background: transparent;}
  .services-page .services-container-2 .services-slider-1-box {padding-right: 0; padding-left: 0;}
  .services-page .services-container-2 .services-slider-1-box .services-2-right-left-title,
  .services-page .services-container-2 .services-slider-1-box .services-2-right-left,
  .services-page .services-container-2 .services-slider-1-box .services-2-right-right-service-1-dots {padding-right: 20px; padding-left: 20px; box-sizing: border-box;}
  .services-page .services-container-2 .services-slider-1-box .services-2-right-right-expand-collapse-box {
    margin-right: 20px;
    margin-left: 20px;
  }
  /*.services-page .services-container-2 .box-padding {padding-top: 20px; padding-bottom: 20px;}*/
}
@media screen and (max-width: 706px) {
  .services-page .services-2-right-right-expand .column-right-2-collapse-3 {max-height: 135px !important;}
}
@media screen and (max-width: 675px) {
  .footer .footer-mob-links {flex-direction: column;}
  .footer .footer-mob-links a {margin-bottom: 25px;}
}
@media screen and (max-width: 600px) {
  .home-page .home-container-1-iner, .about-page .about-container-1-iner {
    background-image: url('/assets/img/background-mob.webp');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: left;
  }
  .home-page .home-container-3 .home-3-item-title-br {display: block !important;}
  .home-page .home-container-3 .home-3-item-title-n-br {display: none !important;}
  .policy-page .policy-container-img-desktop, .services-page .services-container-img-desktop {display: none;}
  .policy-page .policy-container-img-mobile, .services-page .services-container-img-mobile {display: block;}
  .services-page .services-container-left-btn {width: 100%; text-align: center;}
  .header .header-mobile-box--2-btn p {margin-bottom: 0;}
  .header .header-mobile-box--2-links {height: calc(100% - 300px);}
  .header .header-mobile-box--2 {justify-content: flex-start;}
  #cookies-banner .row {display: flex; justify-content: space-between;}
  #cookies-banner .row button {margin-right: 0; width: 48%;}
}
@media screen and (max-width: 554px) {
  .services-page .services-2-right-right-expand .column-right-2-collapse-2 {max-height: 165px !important;}
}
@media screen and (max-width: 516px) {
  .services-page .services-2-right-right-expand .column-right-2-collapse-1 {max-height: 130px !important;}
}
@media screen and (max-width: 509px) {
  .services-page .services-2-right-right-expand .column-right-2-collapse-3 {max-height: 170px !important;}
}
@media screen and (max-width: 430px) {
  .services-page .services-2-right-right-expand .column-right-2-collapse-2 {max-height: 195px !important;}
  #cookies-banner .row button {width: 100%;}
  #cookies-banner .row {flex-direction: column;}
  #cookies-banner .row #cookies-accept {margin-bottom: 20px;}
}
@media screen and (max-width: 414px) {
  .services-page .services-2-right-right-expand .column-right-2-collapse-3 {max-height: 200px !important;}
}
@media screen and (max-width: 387px) {
  .services-page .services-2-right-right-expand .column-right-2-collapse-2 {max-height: 230px !important;}
}
@media screen and (max-width: 380px) {
  .header .header-mobile-box--2-links {height: calc(100% - 200px);}
  /*.header .header-social-media-box {display: none;}
  .header .header-mobile-soc-btn {width: 64px;}
  .header .header-mobile-box--2 .header-social-media-box {
    display: flex;
    margin: 0px auto 40px;
    width: 100px;
  }*/
}
@media screen and (max-width: 370px) {
  .home-page .home-container-2 .column-left h1 {font-size: 50px;}
  .footer .footer-mob-copyright p {line-height: 120%;}
}
@media screen and (max-width: 369px) {
  .services-page .services-2-right-right-expand .column-right-2-collapse-3 {max-height: 230px !important;}
}
@media screen and (max-width: 360px) {
  .services-page .services-2-right-right-expand .column-right-2-collapse-1 {max-height: 165px !important;}
}
@media screen and (max-width: 346px) {
  .services-page .services-2-right-right-expand .column-right-2-collapse-3 {max-height: 260px !important;}
}
@media screen and (max-width: 330px) { /*new*/
  .header .header-social-media-box {display: none;}
  .header .header-mobile-soc-btn {width: 64px;}
  .header .header-mobile-box--2 .header-social-media-box {
    display: flex;
    margin: 0px auto 40px;
    width: fit-content;
  }
  .header .header-mobile-box--2 .header-social-media-box-1 {margin-right: 0;}
}
@media screen and (max-width: 320px) {
  .home-page .home-container-2 .column-left h1 {font-size: 45px;}
}
@media screen and (max-width: 318px) {
  .services-page .services-2-right-right-expand .column-right-2-collapse-2 {max-height: 260px !important;}
}
[data-aos^="fade"][data-aos^="fade"].aos-animate {
  opacity: 1;
  transform: translateZ(0);
}
[data-aos][data-aos][data-aos-easing="ease"],
body[data-aos-easing="ease"] [data-aos] {
  transition-timing-function: ease;
}
[data-aos][data-aos][data-aos-duration="500"],
body[data-aos-duration="500"] [data-aos] {
  transition-duration: 0.5s;
}
[data-aos^="fade"][data-aos^="fade"] {
  opacity: 0;
  transition-property: opacity, transform;
}
[data-aos="fade-left"] {
  transform: translate3d(100px, 0, 0);
  transition: 0.5s;
}
[data-aos="fade-right"] {
  transform: translate3d(-100px, 0, 0);
  transition: 0.5s;
}
[data-aos][data-aos][data-aos-easing="ease-in-sine"],
body[data-aos-easing="ease-in-sine"] [data-aos] {
  transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
}
[data-aos][data-aos][data-aos-delay="200"], body[data-aos-delay="200"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="200"].aos-animate, body[data-aos-delay="200"] [data-aos].aos-animate {
  transition-delay: .2s;
}
[data-aos][data-aos][data-aos-delay="100"], body[data-aos-delay="100"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="100"].aos-animate, body[data-aos-delay="100"] [data-aos].aos-animate {
  transition-delay: .1s;
}
[data-aos=flip-down] {
  transform: perspective(2500px) rotateX(100deg);
  transition: 0.5s;
}
[data-aos=flip-down].aos-animate {
  transform: perspective(2500px) rotateX(0);
  transition: 0.5s;
}
@media screen and (max-width:1024px) {
  [data-aos="fade-left"] {
    transform: translate3d(100px, 0, 0);
    transition: 0.3s;
  }
  [data-aos="fade-right"] {
    transform: translate3d(-100px, 0, 0);
    transition: 0.3s;
  }
}