@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');* {padding: 0;margin: 0;box-sizing: border-box;font-family: 'Inter', sans-serif;}:root {--primary-color: #1a3c40;--secondary-color: #f2b134;--accent-color: #6b9d8f;--white: #fff;}body {background: #1c1c1c;}a {text-decoration: none;}.container {margin: auto;max-width: 100%;padding: 0 36px;}.header {@media (max-width: 768px) {position: sticky;top: 0;z-index: 100;background-color: #1c1c1c;}.header__mobile-toggler {display: none;@media (max-width: 1024px) {display: flex;align-items: center;justify-content: center;width: 48px;height: 48px;background-color: transparent;border: none;border-radius: 10px;}}.header__container {padding: 20px;display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;&:after {content: '';background: linear-gradient(0deg, #1a3c40, #1a3c40), linear-gradient(180deg, #6b9d8f 9.1%, #1a3c40 100%);width: 100%;height: 2px;margin-top: 20px;}}.header__logo {display: flex;img {height: 48px;object-fit: contain;}}.header__menu-wrapper {display: flex;margin-bottom: 0;gap: 50px;@media (max-width: 1024px) {flex-direction: column;position: fixed;padding: 20px;background-color: var(--primary-color);top: 0;left: -100%;width: 100%;height: 100%;z-index: 100;width: 240px;gap: 10px;transition: .3s left;&.active {left: 0;}}.header__menu-item {color: #fff;font-size: 18px;text-transform: uppercase;font-weight: 400;line-height: 24px;transition: 0.3s color;&.header__menu-item--active {color: var(--secondary-color);}&:hover {color: var(--secondary-color);}}}}.hero {position: relative;&:after {content: '';position: absolute;width: 178px;height: 142px;background: url('../img/axionus-layout.webp') no-repeat center center;background-size: contain;top: 98px;left: 80px;transition: transform 0.3s ease-out;transform: translate(var(--mouse-x, 0px), var(--mouse-y, 0px));@media (max-width: 1024px) {top: 8%;left: 3%;}@media (max-width: 768px) {width: 64px;height: 44px;}}&:before {content: '';position: absolute;bottom: 10%;width: 178px;height: 142px;background: url('../img/axionus-layout.webp') no-repeat center center;background-size: contain;left: 30%;transition: transform 0.3s ease-out;transform: translate(var(--mouse-x, 0px), var(--mouse-y, 0px));@media (max-width: 1024px) {display: none;;}}.hero__image {width: 100%;height: 100%;object-fit: cover;}}.about {.about__container {padding: 46px 36px;gap: 50px;display: flex;flex-wrap: wrap;justify-content: space-between;@media (max-width: 1366px) {flex-direction: column-reverse;align-items: center;justify-content: center;gap: 30px;}@media (max-width: 768px) {padding: 14px 26px 26px 26px;gap: 14px;}.column {flex-basis: 630px;flex-grow: 1;@media (max-width: 1366px) {flex-basis: unset;}}.about__cta-text {font-size: 32px;line-height: 1.4;font-weight: 400;text-shadow: 0px 4px 4px 0px #f6eeee0d;@media (max-width: 768px) {font-size: 16px;}text-align: center;text-transform: uppercase;color: var(--accent-color);}.about__text {p, li {text-indent: 30px;font-size: 16px;line-height: 1.4;font-weight: 400;color: var(--white);}}}}.about__in-numbers {display: flex;&.center {justify-content: center;max-width: 680px;margin: auto;.item {flex-basis: unset !important;}@media (max-width: 768px) {max-width: 450px;}}.item {flex-grow: 1;display: flex;justify-content: center;flex-direction: column;gap: 35px;padding: 0 34px;height: 130px;position: relative;@media (max-width: 768px) {height: 61px;gap: 10px;padding: 0 20px;}&:nth-child(1) {flex-basis: 213px;padding-left: 0;}&:nth-child(2) {flex-basis: 200px;}&:nth-child(3) {flex-basis: 213px;}&:after {position: absolute;top: 0;right: 0;content: '';width: 2px;height: 100%;background: linear-gradient(180deg, #6b9d8f 9.1%, #1a3c40 100%), #1a3c40;transform: rotate(-180deg);}&:last-child {&:after {display: none;}}.number {font-size: 64px;font-weight: 500;line-height: 58px;color: var(--secondary-color);white-space: nowrap;@media (max-width: 768px) {font-size: 30px;line-height: 1;}}.text {font-size: 18px;line-height: 1;font-weight: 400;color: var(--secondary-color);@media (max-width: 768px) {font-size: 14px;}}}}p, li {text-indent: 30px;font-size: 16px;line-height: 1.4;font-weight: 400;color: var(--white);}ul, ol, table, figure, p, .wp-block-columns {margin-bottom: 30px;padding: 0 36px;}.simple-banner {overflow: hidden;position: relative;&:before, &:after {content: '';position: absolute;width: 178px;height: 142px;background: url('../img/axionus-layout.webp') no-repeat center center;background-size: contain;z-index: 0;transition: transform 0.3s ease-out;@media (max-width: 768px) {display: none;}}&:before {top: 10px;left: -40px;}&:after {top: 20px;right: -60px;}.simple-banner__title {font-size: 57px;line-height: 1.4;font-weight: 400;text-transform: uppercase;color: #fff;text-align: center;padding: 16.5px 0;background-color: var(--secondary-color);@media (max-width: 768px) {font-size:16px;}}.simple-banner__subtitle {margin-bottom: 41px;font-size: 40px;line-height: 1.4;font-weight: 600;text-transform: uppercase;text-align: center;background-color: var(--primary-color);padding: 15px;color: var(--secondary-color);@media (max-width: 768px) {font-size: 15px;}}}.accent-section {background-color: var(--primary-color);padding: 20px 90px;@media(max-width: 1200px) {padding: 20px;}}.section-secondary-title {font-size: 40px;line-height: 1.4;font-weight: 600;text-shadow: 0px 4px 4px 0px #00000040;text-align: center;text-transform: capitalize;color: var(--secondary-color);display: flex;justify-content: center;flex-direction: column;gap: 15px;margin-bottom: 30px;position: relative;z-index: 10;&:after {content: '';max-width: 500px;background: linear-gradient(90deg, #6b9d8f95 12.1%, #1a3c40 100%);height: 2px;width: 100%;display: block;margin: 0 auto;@media (max-width: 768px) {max-width: 300px;}}}.traffic {margin-bottom: 40px;.traffic__container {@media (max-width: 1200px) {padding: 0;}}.traffic__items {display: grid;grid-template-columns: repeat(3, 1fr);gap: 20px;@media (max-width: 1080px) {grid-template-columns: 1fr;}.traffic__item {transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);padding: 0 35px;position: relative;min-height: 200px;&:hover {transform: scale(1.01);}&:after {content: '';position: absolute;top: 0;right: 0;display: block;width: 2px;height: 100%;background: linear-gradient(180deg, #6b9d8f 9.1%, #1a3c40 100%), #1a3c40;transform: rotate(9deg);@media (max-width: 1080px) {display: none;;}}&:last-child {&:after {display: none;}}.traffic__item-title {font-size: 40px;line-height: 1.4;font-weight: 600;margin-bottom: 15px;text-transform: capitalize;color: var(--secondary-color);}.traffic__item-content {font-size: 16px;line-height: 1.4;font-weight: 400;color: var(--white);text-transform: capitalize;}}}}.news {position: relative;background-color: var(--secondary-color);padding: 10px 36px 25px 36px;z-index: 10;@media (max-width: 1200px) {padding: 10px 0 25px 0;}.news__container {padding: 0;}.layout {position: absolute;width: 100%;height: 100%;width: 172px;height: 138px;background: url('../img/axionus-layout.webp') no-repeat center center;background-size: contain;z-index: 0;transition: transform 0.3s ease-out;&:nth-child(1) {left: -30px;bottom: 20px;transform: translate(var(--mouse-x-1, 0px), var(--mouse-y-1, 0px));}&:nth-child(2) {left: 15%;top: 60px;transform: translate(var(--mouse-x-2, 0px), var(--mouse-y-2, 0px));@media (max-width: 768px) {top: 10%;left: unset;right: 1%;}}&:nth-child(3) {bottom: 20px;left: 63%;transform: translate(var(--mouse-x-3, 0px), var(--mouse-y-3, 0px));@media (max-width: 768px) {display: none;}}&:nth-child(4) {top: 10px;right: 10%;transform: translate(var(--mouse-x-4, 0px), var(--mouse-y-4, 0px));@media (max-width: 768px) {display: none;}}}.news-button__wrap {display: flex;justify-content: center;align-items: center;margin-top: 48px;}.news__button {display: flex;position: relative;z-index: 10;flex-direction: row;justify-content: center;align-items: center;padding: 10px;gap: 10px;width: 236px;height: 36px;color: #fff;background: var(--primary-color);border-radius: 10px;}.news__title {color: var(--primary-color);text-align: center;font-size: 40px;font-weight: 600;line-height: 100%;padding: 10px 0;}.news__items {position: relative;z-index: 10;display: flex;justify-content: center;gap: 57px;.news__item-wrapper {background-color: #f9f9f9;display: flex;flex-direction: column;justify-content: flex-end;align-items: flex-end;padding: 20px 20px 10px 20px;max-width: 299px;@media (max-width: 1200px) {}.news__item {background-color: #f9f9f9;display: flex;flex-direction: column;justify-content: center;align-items: center;gap: 57px;padding: 18px 21px 18px 32px;width: 100%;.news__item-inner {border-left: 2px solid var(--primary-color);padding-left: 30px;}.news__item-title {font-size: 24px;line-height: 1.4;font-weight: 600;color: var(--primary-color);width: 205px;margin-bottom: 30px;}.news__item-image {width: 200px;height: 135px;margin-bottom: 15px;img {width: 100%;height: 100%;object-fit: cover;}}.news__item-date {font-size: 16px;font-weight: 400;color: #7e7878;}}.news__item-button {background-color: var(--primary-color);color: #f9f9f9;padding: 7px 20px;border-radius: 10px;width: 85px;border: none;font-size: 18px;font-weight: 400;}}}}.traffic {.testimonials__items {.traffic__item {@media (max-width: 1024px) {padding: 0;max-width: 420px;background-color: var(--secondary-color);border-radius: 10px;padding: 20px;}@media (max-width: 768px) {padding: 0;max-width: 300px;background-color: var(--secondary-color);border-radius: 10px;padding: 20px;}}.traffic__item-content {color: #fff;}}}iframe {width: 100%;}.form {overflow: hidden;background-color: var(--secondary-color);display: flex;justify-content: center;position: relative;padding: 24px 0 44px 0;&.form__separate {background-color: var(--primary-color );.form__container {background-color: var(--primary-color);.form__wrapper {.form__item {.form__item-wrapper {input,textarea {background-color: var(--primary-color);color: var(--secondary-color);}}}}}}.layout {position: absolute;width: 100%;height: 100%;width: 172px;height: 138px;background: url('../img/axionus-layout.webp') no-repeat center center;background-size: contain;z-index: 0;transition: transform 0.3s ease-out;&:nth-child(1) {left: 1%;top: 20px;transform: translate(var(--mouse-x-f1, 0px), var(--mouse-y-f1, 0px));}&:nth-child(2) {left: 10%;bottom: 29px;transform: translate(var(--mouse-x-f2, 0px), var(--mouse-y-f2, 0px));}&:nth-child(3) {top: 20px;left: 15%;transform: translate(var(--mouse-x-f3, 0px), var(--mouse-y-f3, 0px));}&:nth-child(4) {bottom: 20px;left: 25%;transform: translate(var(--mouse-x-f4, 0px), var(--mouse-y-f4, 0px));}&:nth-child(5) {right: 25%;bottom: 125px;transform: translate(var(--mouse-x-f5, 0px), var(--mouse-y-f5, 0px));}&:nth-child(6) {right: 15%;top: 25px;transform: translate(var(--mouse-x-f6, 0px), var(--mouse-y-f6, 0px));}&:nth-child(7) {bottom: 10px;right: 10%;transform: translate(var(--mouse-x-f7, 0px), var(--mouse-y-f7, 0px));}&:nth-child(8) {top: 45%;right: 0;transform: translate(var(--mouse-x-f8, 0px), var(--mouse-y-f8, 0px));}}.form__container {position: relative;z-index: 10;max-width: 448px;width: 100%;background-color: #1c1c1c;padding: 29px 40px;.form__wrapper {width: 100%;.form__title {display: flex;flex-direction: column;margin-bottom: 20px;align-items: center;img {width: 100%;height: 48px;object-fit: contain;}p {padding: 0;font-size: 18px;font-weight: 400;line-height: 1.4;color: #6b9d8f;text-transform: uppercase;text-align: center;text-indent: 0;}}.form__item {display: flex;flex-direction: column;margin: auto;max-width: 219px;label {font-size: 14px;font-weight: 500;line-height: 1.4;color: #f5f5f5;text-indent: 0;margin-bottom: 4px;}.form__item-wrapper {display: flex;flex-direction: column;align-items: start;margin-bottom: 15px;.relative {width: 100%;position: relative;}.remove-value {position: absolute;right: 5px;top: 50%;transform: translateY(-50%);cursor: pointer;}input, textarea {border: none;width: 100%;padding: 8px;border-radius: 8px;background-color: #1c1c1c;border: 1px solid #f5f5f5;color: var(--secondary-color);}textarea {min-height: 86px;}}}}}}#breadcrumbs {margin-bottom: 20px;padding: 0 36px;a {color: var(--secondary-color);font-size: 14px;font-weight: 400;line-height: 1.4;text-indent: 0;}span {color: #fff;}}.single-article__image {max-width: 768px;margin: 0 auto;object-fit: cover;width: 100%;display: block;margin-bottom: 20px;}.form__success {text-align: center;display: flex;flex-direction: column;align-items: center;padding: 10px;color: #fff;font-weight: bolder;}.form__item-btn {display: flex;justify-content: center;button {background-color: #6b9d8f;border: none;padding: 8px 20px;border-radius: 10px;color: #f9f9f9;}}.page_news {margin: 40px 0;.page_news__container {.page_news__wrapper {background-color: #f9f9f9;.news__title {color: #1a3c40;}.page_news__items {display: grid;grid-template-columns: repeat(4, 1fr);gap: 60px;padding: 38px 62px 89px 62px;@media (max-width: 1420px) {grid-template-columns: repeat(3, 1fr);}@media (max-width: 1024px) {grid-template-columns: repeat(2, 1fr);}@media (max-width: 768px) {grid-template-columns: repeat(1, 1fr);}.page_news__item {display: flex;flex-direction: column;gap: 20px;@media (max-width: 768px) {padding: 11px 50px 38px;}@media (max-width: 440px) {padding: 11px 0;}.page_news__item-image {width: 100%;height: 178px;img {width: 100%;object-fit: cover;height: 100%;}}.page_news__item-title {font-size: 24px;font-weight: 600;line-height: 1.4;color: #1c1c1c;}.page_news__item-content {font-size: 16px;font-weight: 400;color: #1c1c1c;}.page_news__item-date {font-size: 16px;font-weight: 400;color: #7e7878;}}}}.page_news__number {display: flex;justify-content: center;gap: 17px;.page_news__number-item {font-size: 16px;font-weight: 400;color: #1c1c1c;margin-bottom: 29px;}}}}.footer {.footer__container {display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;.footer__logo {display: flex;flex-direction: column;align-items: flex-start;justify-content: flex-start;margin-top: 20px;p {font-size: 16px;font-weight: 400;line-height: 1.4;color: #737272;text-indent: 0;text-transform: uppercase;line-height: 1;padding: 0;}img {margin-bottom: 20px;height: 48px;object-fit: contain;}}.footer__menu {padding-left: 0;display: flex;gap: 50px;@media (max-width: 768px) {display: none;;}.footer__menu-item {color: #f9f9f9;text-transform: uppercase;font-size: 18px;font-weight: 400;line-height: 1.4;color: #f9f9f9;}}}}