@viewport {
    user-zoom: fixed
}

* {
    backface-visibility: hidden;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-style: normal;
    appearance: none
}

body,
html {
    position: relative;
    overflow-x: hidden !important
}

body {
    min-height: 100vh;
    height: 100%;
    display: flex;
    flex-direction: column;
    overflow-x: hidden;
    color: #000000;
    font: 16px "Segoe UI", sans-serif;
    line-height: 1.6;
    font-weight: normal;
    background: #fff;
}

input:-webkit-autofill,
input:-webkit-autofill:active,
input:-webkit-autofill:focus,
input:-webkit-autofill:hover {
    transition: background-color 5000000s ease-in-out 0s !important
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    display: none
}

input[type=number] {
    -moz-appearance: textfield
}

:focus-visible {
    outline: 0
}

.container {
    max-width: 1920px;
    width: 100%;
    padding: 0 50px;
    margin: 0 auto
}

main {
    margin-top: 117px;
    display: flex;
    flex-direction: column;
    position: relative;
    min-height: 100%;
    width: 100%;
    z-index: 0;
    flex: 1 0 auto
}

#smooth-content {
    padding-bottom: 117px;
}

section {
    position: relative;
    max-width: 1920px;
    width: 100%;
    margin: 0 auto;
    padding: 50px 0;
    z-index: 0;
}

main > section:first-child:has(.breadcrumps) {
    padding-top: 21px;
}

a {
    color: #000000;
    text-decoration: none
}

img {
    user-select: none
}

button,
input {
    background-color: unset;
    border: 0
}

button {
    cursor: pointer
}

textarea {
    resize: none
}

.flex-col {
    flex-direction: column;
    align-items: center;
    height: 100%
}

.flex-col,
.flex-row,
.flex-wrap {
    display: flex
}

.flex-wrap {
    flex-wrap: wrap
}

.h1,
h1 {
    font-size: 60px;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 1.1;
}

.h2,
h2 {
    font-size: 45px;
    font-weight: 600;
    line-height: 1.2;
}

.h3,
h3 {
    font-size: 36px;
    font-weight: 600;
    line-height: 1.5;
}

.h4,
h4 {
    font-size: 30px;
    font-weight: 600;
    line-height: 1.3;
}

.h5,
h5 {
    font-size: 24px;
    font-weight: 600;
    line-height: 1.5;
}

.h6,
h6 {
    font-size: 21px;
    font-weight: 600;
    line-height: 1.6;
}

.items {
    width: calc(100% + 24px);
    margin: 0 -12px -24px;
}

.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.pagination {
    padding: 0 12px 24px;
    position: relative
}

.col-1 > *,
.col-2 > *,
.col-3 > *,
.col-4 > *,
.col-5 > *,
.col-6 > * {
    width: 100%;
    height: 100%
}

.col-1 {
    width: 100%
}

.col-2 {
    width: 50%
}

.col-3 {
    width: 33.3%
}

.col-4 {
    width: 25%
}

.col-5 {
    width: 20%
}

.col-6 {
    width: 16.6%
}

/* Default */
.btn {
    padding: 15px 30px;
    border-radius: 100px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: 12px;
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.6;
    cursor: pointer;
    background: #00B8A7;
    transition: all .4s ease;
}

.btn.sm {
    padding: 13.5px 20px;
    font-size: 16px;
}

.btn.md {
    padding: 12px 25px;
}

.form {
    text-align: left;
    width: calc(100% + 20px);
    margin: 0 -10px -20px;
}

.form p {
    display: flex;
    flex-direction: column;
    padding: 0 10px 20px;
}

.form span,
.form input,
.form textarea,
.form label {
    font-family: "Segoi UI", sans-serif;
    width: 100%;
}

.form label {
    color: #606060;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.6;
    display: inline-block;
    height: fit-content;
    margin-bottom: 8px;
}

.form input:not([type="submit"]),
.form textarea {
    color: #040404;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: auto;
    width: 100%;
    border: 1px solid #606060;
    padding: 18px 25px;
    border-radius: 20px;
    background: transparent;
    transition: all .4s ease;
}

.form input:not([type="submit"])::placeholder,
.form textarea::placeholder {
    color: #707070;
    transition: all .4s ease;
}

.form textarea {
    height: 103px;
}

.form input[type="submit"] {
    cursor: pointer;
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 2;
}

.wpcf7-spinner {
    max-width: 23px;
    min-width: 23px;
    height: 23px;
    position: absolute;
    right: 0;
    top: 40%;
    transform: translate(0, -50%);
}

.wpcf7-form-control-wrap.delete {
    opacity: 1 !important;
    z-index: 2 !important;
}

.wpcf7-form-control-wrap.delete::before,
.wpcf7-form-control-wrap.delete::after {
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(0, -50%) rotate(45deg);
    background: red;
    width: 14px;
    height: 2px;
    z-index: 22;
}

.wpcf7-form-control-wrap.delete::after {
    transform: translate(0, -50%) rotate(-45deg);
}

.wpcf7 form .wpcf7-response-output {
    border: none;
    margin: 20px 0 0 !important;
    padding: 0 !important;
    font-size: 18px;
    font-weight: 600;
    text-align: center;
    color: #00B8A7;
}

.invalid .wpcf7-response-output {
    color: red !important;
}

.wpcf7-not-valid-tip {
    color: red !important;
    display: inline-block;
    font-size: 14px;
    margin-top: 5px;
}

.wpcf7-form-control-wrap > *:nth-child(n+3) {
    display: none !important;
}

.check input {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100%;
    opacity: 0;
    z-index: 1;
}

.wpcf7-form-control-wrap {
    position: unset;
}

/*
.check .wpcf7-form-control-wrap::before {
    content: '';
    display: inline-block;
    max-width: 20px;
    min-width: 20px;
    height: 20px;
    width: 100%;
    border: 1px solid transparent;
    border-radius: 50% !important;
    padding: 0 !important;
    transition: all .4s ease;
    background: url(../img/check.svg) center center / 10px 7px no-repeat, #fff !important;
}

.check .wpcf7-form-control-wrap:has(.wpcf7-not-valid)::before {
    border: 1px solid red;
}

.check .wpcf7-form-control-wrap:has(input:checked)::before {
    transition: all .4s ease;
    background: url(../img/check.svg) center center / 10px 7px no-repeat, #181818 !important;
}

.check .wpcf7-form-control-wrap {
    margin-bottom: -4px;
}
*/
.check > span {
    font-size: 14px;
    font-weight: 400;
    line-height: 140%;
    color: #606060;
    position: relative;
    width: 224px;
}

.check a {
    color: #00B8A7;
    font-weight: 400;
    transition: all .4s ease;
    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;
    z-index: 2;
    position: relative;
    transition: all .4s ease;
}

.form .btn {
    width: 100%;
}

.file {
    display: inline-flex;
    align-items: center;
    position: relative;
    gap: 20px;
    cursor: pointer;
}

.file input,
.file .wpcf7-form-control-wrap {
    position: absolute;
    inset: 0;
    opacity: 0;
    width: 100% !important;
    height: 100%;
    cursor: pointer;
}

.file .wpcf7-form-control-wrap {
    opacity: 1 !important;
}

.file input {
    width: calc(100% - 15px) !important;
}

.file b {
    font-weight: 400 !important;
    color: #606060;
    font-size: 18px;
    margin-bottom: 22px;
    transition: all .4s ease;
}

.file strong {
    font-size: 14px;
    font-weight: 400 !important;
    color: #606060;
    position: absolute;
    bottom: 4px;
    left: 78px;
}

.file span:has(img) {
    max-width: 59px;
    min-width: 59px;
    height: 59px;
    width: 100%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    border: 1px solid #000000;
    cursor: pointer;
    position: relative;
    transition: all .4s ease;
}

.delete .file span:has(img)::before {
    content: '';
    width: 13px;
    height: 13px;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    left: 50%;
    transition: all .4s ease;
    background: url(../img/close.svg) center center / 100% 100% no-repeat;
}

.wpcf7-form-control-wrap.delete::before,
.wpcf7-form-control-wrap.delete::after {
    content: unset;
}

.delete .file span:has(img) img {
    display: none;
}

.file span:has(img) img {
    transition: all .4s ease;
}

.check .wpcf7-not-valid-tip {
    display: none;
}

.wpcf7-list-item,
.wpcf7-form-control-wrap {
    width: fit-content !important;
    margin: 0;
}

.wpcf7-form-control-wrap:has(.wpcf7-tel) {
    position: relative;
    z-index: 0;
}

.wpcf7-form-control-wrap:has(.wpcf7-tel)::before {
    content: '';
    position: absolute;
    left: 18px;
    top: 0px;
    width: 18px;
    height: 18px;
    background: url(../img/ua.svg) center center / 100% 100% no-repeat;
    border-radius: 50%;
}

.wpcf7-form-control-wrap:has(.wpcf7-tel) input {
    padding-left: 46px !important;
}

.social {
    gap: 11px;
    align-items: center;
    height: fit-content;
}

.social a {
    width: 50px;
    height: 50px;
    border-radius: 20px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #1B2726;
    border: 1px solid #00B8A7;
    transition: all .4s ease;
}


.social a img {
    width: 19px;
    height: 19px;
    object-fit: contain;
    transition: all .4s ease;
}

.gprev,
.gnext {
    top: 48% !important;
}

.gprev {
    left: 10px !important;
}

.gnext {
    right: 10px !important;
}

.glightbox-open {
    margin-right: 0 !important;
    overflow: auto !important;
}

.glightbox-clean .gslide-media {
    background: #fff;
}

.swiper-btns {
    gap: 20px;
    display: flex;
    z-index: 10;
    position: absolute;
    bottom: 0;
    right: 0;
}

.swiper-btn {
    max-width: 70px;
    min-width: 70px;
    height: 70px;
    width: 100%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    position: relative;
    z-index: 0;
    border-radius: 50%;
    background: transparent;
    border: 1px solid #04040447;
    transition: all .4s ease;
}

.swiper-btn::after {
    content: '';
    z-index: 1;
    width: 14px;
    height: 14px;
    display: inline-block;
    transition: all .4s ease;
    background: url(../img/swiper-arrow.svg) center center / 7px 12px no-repeat;
}

.swiper-btn.swiper-prev {
    transform: rotate(180deg);
}

/* Nav */
header {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    z-index: 100;
    transition: all .4s ease;
    background: #EEF5F5;
}

body:has(.section__hero:not(.section__hero-part)) header {
    background: transparent;
}

body:has(.section__hero:not(.section__hero-part)) header.fixed {
    background: #fff;
    transition: all .4s ease;
}

.logo {
    width: 140px;
    height: 46px;
    position: relative;
    transition: all .4s ease;
}

.logo img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.nav .logo {
    margin-right: 30px;
}

.lang {
    position: relative;
    z-index: 2;
    overflow: unset;
}

.lang img {
    border-radius: 50%;
    width: 15px;
    height: auto;
    aspect-ratio: 1 / 1;
}

.lang:not(.tel) span {
    display: inline-flex;
    gap: 8px;
    font-size: 14px;
    align-items: center;
    cursor: pointer;
    color: #fff;
    transition: all .4s ease;
}

.lang span::after {
    content: '';
    display: inline-block;
    width: 8px;
    height: 5px;
    transition: all .4s ease;
    background: url(../img/arrow-down.svg) center center / 100% 100% no-repeat;
}

.lang ul {
    list-style: none;
    position: absolute;
    top: calc(100% + 8px);
    left: 50%;
    white-space: nowrap;
    transform: translate(-50%, 0);
    z-index: 9999;
    border: 1px solid #606060;
    background: #fff;
    padding: 12px;
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    opacity: 0;
    gap: 0 !important;
    visibility: hidden;
    transition: all .4s ease;
}

.lang ul a {
    padding: 16px 12px;
    color: #040404 !important;
    display: inline-flex;
    align-items: center;
    font-weight: 400 !important;
    gap: 8px;
    border-radius: 12px;
    transition: all .4s ease;
}

.lang.active ul {
    opacity: 1;
    visibility: visible;
    transition: all .4s ease;
}

.tel,
.tel span {
    margin-left: auto;
    font-size: 18px;
    font-weight: 600;
    margin-right: 30px;
    display: inline-flex;
    align-items: center;
    gap: 14px;
    cursor: pointer;
    transition: all .4s ease;
}

.tel span {
    margin: 0;
}

.tel span::after {
    filter: brightness(0);
}

.tel img {
    transition: all .4s ease;
}

.nav ul {
    list-style: none;
    display: flex;
    align-items: center;
    gap: 8px;
}

.nav ul a {
    padding: 8px;
    font-weight: 700;
    line-height: 1.5;
    cursor: pointer;
    display: inline-flex;
    transition: all .4s ease;
}

.nav__top ul a {
    font-weight: 400;
    font-size: 14px;
    color: #fff;
}

.nav .container {
    align-items: center;
}

.nav__main {
    padding: 17px 0;
}

.nav__main ul a {
    font-weight: 600;
    color: #040404;
}

.nav__top {
    background: #0E0F11;
}

.nav__top .loc {
    margin-left: auto;
    margin-right: 30px;
    display: inline-flex;
    align-items: center;
    font-size: 14px;
    gap: 12px;
    color: #fff;
}

.burger {
    display: none;
    max-width: 29px;
    min-width: 29px;
    height: 23px;
    width: 100%;
    position: relative;
    cursor: pointer;
    z-index: 3;
    margin-left: 20px;
}

.burger::after,
.burger::before,
.burger span {
    content: '';
    position: absolute;
    width: 100%;
    height: 3px;
    border-radius: 3px;
    left: 50%;
    transform: translate(-50%, 0);
    background-color: #040404;
    transition: all .4s ease;
}

.burger::before {
    top: 0;
}

.burger::after {
    bottom: 0;
}

.burger span {
    top: 50%;
    left: auto;
    right: 0;
    width: 23px;
    transform: translate(0, -50%)
}

.menu-active .burger::after,
.menu-active .burger::before,
.menu-active .burger span {
    top: 50%;
    bottom: auto;
    transition: all .4s ease;
}

.menu-active .burger::before {
    transform: translate(-50%, -50%) rotate(-45deg);
}

.menu-active .burger::after {
    transform: translate(-50%, -50%) rotate(45deg);
}

.menu-active .burger span {
    transform: translate(-50%, -50%) scaleX(0);
}

.nav__menu {
    position: fixed;
    top: 0;
    right: 0;
    width: 316px;
    padding: 54px 25px 25px;
    height: 100%;
    overflow: auto !important;
    z-index: 10;
    background: #fff;
    display: grid;
    grid-template-rows: auto 1fr;
    opacity: 0;
    visibility: hidden;
    transform: translate(100%, 0);
    transition: all .4s ease;
}

.nav__menu::-webkit-scrollbar {
    display: none;
}

.menu-active .nav__menu {
    opacity: 1;
    visibility: visible;
    transform: translate(0, 0);
    transition: all .4s ease;
}

.nav__menu > ul {
    display: flex;
    flex-direction: column;
    gap: 10px !important;
    align-items: flex-start;
    width: 100%;
}

.nav__menu .close {
    position: absolute;
    left: 25px;
    top: 23px;
    width: 14px;
    height: 14px;
    background: url(../img/close.svg) center center / 100% 100% no-repeat;
}

.nav__menu .lang:not(.tel) {
    gap: 20px;
    font-size: 14px;
    text-transform: uppercase;
    position: absolute;
    right: 25px;
    top: 20px;
}

.nav__menu .lang:not(.tel) .active {
    color: #00B8A7;
}

.nav__menu > ul li {
    width: 100%;
}

.nav__menu > ul:first-of-type a,
.nav__menu > ul:nth-of-type(2) a {
    padding: 10px 15px;
    font-weight: 400;
    font-size: 14px;
    border-radius: 10px;
    background: #EEF5F5;
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.nav__menu > ul:nth-of-type(2) a {
    background: transparent;
    padding: 8px 10px;
    color: #fff;
}

.nav__menu > ul:first-of-type a::after,
.nav__menu > ul:nth-of-type(2) a::after {
    content: '';
    display: inline-block;
    width: 12px;
    height: 7px;
    transform: rotate(-90deg);
    filter: brightness(0) saturate(100%) invert(44%) sepia(98%) saturate(1484%) hue-rotate(141deg) brightness(98%) contrast(101%);
    background: url(../img/arrow-down.svg) center center / 100% 100% no-repeat;
}

.nav__menu > ul:nth-of-type(2) a::after {
    filter: unset;
}

.nav__menu > ul:nth-of-type(2) {
    background: #00B8A7;
    border-radius: 10px;
    margin-top: 20px;
    padding: 10px 0 10px 10px;
    gap: 0 !important;
    margin-bottom: auto;
}

.nav__menu .tel,
.nav__menu .tel span,
.nav__menu .tel a {
    font-weight: 400;
    font-size: 14px;
}

.nav__menu .tel {
    margin-top: 20px;
}

.nav__menu .tel ul {
    top: auto;
    bottom: calc(100% + 8px);
}

.nav__menu .tel img {
    width: 9px;
    height: 9px;
}

.nav__menu .loc {
    color: #040404;
    font-weight: 400;
    margin-top: 8px;
    gap: 14px;
    font-size: 14px;
    display: inline-flex;
    align-items: center;
}

.nav__menu .loc img {
    width: 9px;
    height: 12px;
    filter: brightness(0);
}

/* Footer */
footer {
    padding: 0 50px 50px;
}

.footer {
    border-radius: 20px;
    background: #0E0F11;
    justify-content: space-between;
    padding: 50px;
    color: #fff;
}

.footer a {
    color: #fff;
}

.footer ul {
    list-style: none;
}

.footer .h6 {
    margin-bottom: 10px;
}

.footer__item {
    display: flex;
    flex-direction: column;
}

.footer__item ul a,
.footer__item p,
.footer__item > a {
    font-size: 18px;
    opacity: 0.6;
    margin-bottom: 6px;
    display: inline-block;
    transition: all .4s ease;
}

.footer__item p {
    margin-top: 12px;
}

.footer .logo {
    width: 98px;
    height: 92px;
    position: relative;
    filter: unset !important;
}

.footer .logo::before {
    content: '';
    width: 285px;
    height: 278px;
    position: absolute;
    left: 0;
    top: 0;
    background: url(../img/footer-dec.webp) center center / 100% 100% no-repeat;
    animation: circle 20s linear 0s infinite both;
}

@keyframes circle {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

.footer__copy {
    width: calc(100% + 100px);
    margin: 95px -50px -50px;
    border-radius: 0 0 20px 20px;
    background: #1A1B1E;
    padding: 18px 50px;
    align-items: center;
    flex-wrap: wrap;
}

.footer__copy p {
    opacity: 0.6;
    margin-right: 22px;
}

.footer__copy .med {
    gap: 6px;
    display: inline-flex;
    line-height: 1;
    height: 16px;
    transition: all .4s ease;
}

.footer__copy .med img {
    height: 16px;
    margin-top: 1px;
}

.footer__copy ul {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-left: auto;
}

.footer__copy ul a {
    opacity: 0.6;
    transition: all .4s ease;
}

/* Modal */
.modal__container {
    position: fixed;
    inset: 0;
    width: 100%;
    height: 100%;
    min-height: 100vh;
    overflow-y: auto;
    overflow-x: hidden;
    display: flex;
    z-index: 9999999;
    opacity: 0;
    visibility: hidden;
    background: rgba(0, 0, 0, .6);
    transition: all .4s ease;
    margin: auto;
}

html:has(.modal__container.show),
body:has(.modal__container.show),
.menu-active,
html:has(.menu-active) {
    overflow: hidden;
}

.modal .close {
    width: 58px;
    height: 58px;
    top: 30px;
    right: 30px;
    position: absolute;
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    border: 1px solid #000;
    background: transparent;
    cursor: pointer;
    transition: all .4s ease;
}

.modal .close::before {
    content: '';
    width: 14px;
    height: 14px;
    display: inline-block;
    transition: all .4s ease;
    background: url(../img/close.svg) center center / 14px 14px no-repeat;
}

.modal {
    max-width: 992px;
    width: 100%;
    padding: 136px 102px 40px;
    background: #fff;
    margin-left: auto;
    position: relative;
    height: 100%;
    min-height: 100vh;
    overflow: auto;
    transform: translate(100%, 0);
    transition: all 1s ease;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.modal__container.show .modal {
    transform: translate(0, 0);
    transition: all 1s ease;
}

.modal .h3 {
    margin-bottom: 25px;
    text-transform: uppercase;
}

.modal > p {
    font-size: 18px;
    color: #000;
    margin-bottom: 31px;
}

.intl-tel-input.separate-dial-code .selected-flag {
    background: transparent !important;
}

.intl-tel-input ul.country-list {
    width: 100%;
    border-radius: 20px;
    background: #fff;
    border: 1px solid #606060;
    padding: 12px;
    top: calc(100% + 8px);
}

.intl-tel-input ul.country-list li {
    padding: 16px 12px !important;
    background: #fff !important;
    border-radius: 10px !important;
}

.intl-tel-input .country-list .country.highlight {
    background: #F0F6F6 !important;
}

.intl-tel-input ul.country-list::-webkit-scrollbar {
    display: none;
}

.intl-tel-input .flag-container {
    position: relative;
    margin-bottom: -59px;
    height: 59px;
}

/* Hero */
.section__hero {
    padding: 156px 0 75px;
    max-width: 100%;
    margin-top: -80px;
}

.section__hero:not(.section__hero-part)::before {
    content: '';
    background: url(../img/hero-bg.svg) center center / cover no-repeat;
    position: absolute;
    z-index: -1;
    width: 100%;
    height: 100%;
    inset: 0;
    opacity: 0;
    animation: appear 1s ease 1s both;
}

@keyframes appear {
    to {
        opacity: 1;
    }
}

.hero {
    align-items: unset;
    height: calc(100vh - 250px);
    min-height: 469px;
    max-height: 815px;
    position: relative;
}

main:has(.section__hero-part) > .container {
    position: relative;
    z-index: 2;
}

.section__hero-part {
    z-index: 0;
    padding: 100px 0 50px;
}

.section__hero-part .hero {
    justify-content: space-between;
    align-items: center;
    height: fit-content;
    gap: 40px;
    min-height: fit-content !important;
    max-height: fit-content !important;
    height: fit-content !important;
}

.hero__content {
    width: 1103px;
    align-items: flex-start;
}

.section__hero-part .hero__content {
    max-width: 739px;
    width: 100%;
}

.hero h1 {
    text-transform: uppercase;
    margin-bottom: 52px;
}

.section__hero-part .hero h1 {
    margin-bottom: 41px;
}

.hero h1 b {
    margin-left: 31px;
    position: relative;
    top: -12px;
    color: #00B8A7;
    border: 1px dashed #00B8A7;
    border-radius: 100px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-transform: none;
    font-size: 24px;
    padding: 16px 30px;
}

.hero h1 span {
    margin-left: 154px;
}

.lang-en .hero h1 {
    font-size: 50px;
}

.hero__content > .flex-row {
    margin-left: 154px;
    gap: 60px;
    align-items: center;
    margin-bottom: auto;
}

.section__hero-part .hero__content > .flex-row {
    margin-left: 0;
    align-items: flex-start;
}

.section__hero-part .hero__content > .flex-row .btn {
    margin-top: 5px;
}

.hero__content > .flex-row p {
    max-width: 464px;
    width: 100%;
    font-size: 18px;
}

.hero__part {
    gap: 40px;
    align-items: center;
    margin-left: 0 !important;
    margin-bottom: 0 !important;
}

.hero__part a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: fit-content;
}

.hero__part p {
    margin-left: 13px;
    color: #7F8084;
    max-width: 246px !important;
}

.hero .mouse {
    position: absolute;
    bottom: 0;
    left: 50%;
    height: fit-content;
    transform: translate(-50%, 0);
    gap: 5px;
    transition: all .4s ease;
}

.hero .mouse .arrow.hide {
    opacity: 0 !important;
    transition: all .4s ease;
}

.hero .mouse img:first-child {
    margin-bottom: 13px;
}

.hero__swiper {
    width: calc(100% - 1103px);
}

.hero__swiper img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center center;
}

.hero__img {
    max-width: 691px;
    width: 100%;
    height: 448px;
    border-radius: 20px;
    object-fit: cover;
    object-position: center center;
}

.scene-1,
.scene-1 canvas {
    width: 100% !important;
    height: 100% !important;
    touch-action: none;
    display: block !important;
}

.scene-1 {
    position: relative;
    overflow: hidden;
}

.scene-1::before {
    content: '';
    width: 100%;
    aspect-ratio: 4.41 / 1;
    height: auto;
    background: url(../img/scene.svg) center center / 100% 100% no-repeat;
    z-index: 4;
    position: absolute;
    bottom: 162px;
    left: 0;
}

.lang-en .scene-1::before {
    aspect-ratio: 7.26 / 1;
    background: url(../img/scene-en.svg) center center / 100% 100% no-repeat;
}

.rotate-x-btn {
    position: absolute;
    bottom: 130px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 100;
    cursor: grab;
    border: none;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    background: url(../img/move.svg) center center / 100% 100% no-repeat, #00B8A7;
    color: #00B8A7;
}

.rotate-x-btn:active {
    cursor: grabbing;
}

/* Services */
.section__services {
    padding-bottom: 100px;
}

.services__items {
    margin-top: 41px;
}

.services__item {
    position: relative;
    z-index: 0;
    border-radius: 20px;
    background: #eef2f5df;
    overflow: hidden;
    min-height: 304px;
    height: 100%;
    align-items: flex-start;
    padding: 40px;
    transition: all .4s ease;
}

.services__item img {
    top: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    z-index: -1;
    border-radius: 0 20px 20px 0;
    width: 333px;
    height: 100%;
    object-fit: cover;
    object-position: left center;
    transition: all .4s ease;
}

.services__item .h5 {
    max-width: 336px;
    width: 100%;
    transition: all .4s ease;
}

.services__item p {
    margin-top: 14px;
    color: #606060;
    max-width: 336px;
    width: 100%;
}

.services__item .btn {
    margin-top: auto;
    padding: 12px 25px;
}

.services__header {
    height: fit-content;
    width: 400px;
}

.services__header h1 {
    margin-bottom: 30px;
}

.services__header p {
    font-size: 18px;
    color: #606060;
}

.services__aside {
    width: calc(100% - 460px);
    margin-left: auto;
    align-items: flex-start;
    gap: 20px;
}

.services__aside .services__item {
    background: #EEF5F5;
    width: 100%;
    padding: 35px;
    min-height: fit-content;
}

.services__aside .services__item .h5,
.services__aside .services__item p {
    max-width: calc(50% - 30px);
}

.services__aside .services__item p {
    margin-top: 20px;
    margin-bottom: 52px;
}

.services__aside .services__item .btn {
    padding: 12px 30px;
    margin-top: 0;
}

.services__aside .services__item-img {
    width: calc(50% - 60px);
    position: absolute;
    border-radius: 20px;
    height: 206px;
    top: 50%;
    right: 35px;
    overflow: hidden;
    transform: translate(0, -50%);
}

.services__aside .services__item-img img {
    width: 100%;
    height: 100%;
    object-position: center center;
    object-fit: cover;
    transition: all .4s ease;
    right: 0 !important;
    position: relative;
    border-radius: 0;
}

/* Work */
.section__work,
main:has(.section__tseh) .section__work {
    padding-top: 100px;
}

main:has(.section__hero-part) .section__work {
    padding-top: 50px;
}


.work {
    align-items: center;
    justify-content: space-between;
}

.work__swiper {
    overflow: unset;
    max-width: 100%;
    margin-top: 40px;
}

.work__swiper .swiper-btn {
    background: #00B8A7;
    border-color: #00B8A7;
    transition: all .4s ease;
}

.work__swiper .swiper-btn::after {
    filter: brightness(0) invert(1);
}

.work__swiper .swiper-btns {
    width: 100%;
    top: calc(50% - 35px);
    bottom: auto;
}

.work__swiper .swiper-btn {
    position: absolute;
    top: 50%;
    bottom: auto;
    transform: translate(0, -50%);
    right: 0;
}

.work__swiper .swiper-btn.swiper-prev {
    left: 0;
    right: auto;
    transform: translate(0, -50%) rotate(180deg);
}

.work__swiper .swiper-btn.swiper-button-disable {
    display: none;
}

.work__img {
    border-radius: 20px;
    width: 100%;
    height: 432px;
    position: relative;
    z-index: 0;
    overflow: hidden;
    margin-bottom: 20px;
}

.work__img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 20px;
    transition: all .4s ease;
}

.work__img span {
    position: absolute;
    top: 24px;
    left: 24px;
    border-radius: 100px;
    background: #ffffffc4;
    padding: 5px 15px;
}

.work__cat {
    position: absolute;
    top: 24px;
    left: 24px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    z-index: 10;
    gap: 12px;
    width: calc(100% - 48px);
}

.work__cat a {
    border-radius: 100px;
    background: #ffffffc4;
    padding: 5px 15px;
}

.work__swiper .h6 {
    overflow: hidden;
    white-space: normal;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    transition: all .4s ease;
}

/* News */
.section__news {
    background: url(../img/hero-bg.svg) center bottom / cover no-repeat;
    padding-bottom: 100px;
}

main:has(.section__tseh) .section__news {
    padding-bottom: 50px;
}

.news {
    align-items: center;
    justify-content: space-between;
}

.news__items {
    margin-top: 35px !important;
}

.news__item {
    position: relative;
    border-radius: 20px;
    z-index: 0;
    overflow: hidden;
    color: #fff;
    align-items: flex-start;
    padding: 35px;
    height: 382px;
}

.news__item::before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0;
    z-index: -1;
    transition: all .4s ease;
    background: linear-gradient(180deg, #0e0f112d 0%, #0E0F11 100%);
}

.news__item > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    inset: 0;
    z-index: -2;
    transition: all .4s ease;
}

.news__item span,
.article__item-tags,
.article__item-tags a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    line-height: 1;
    z-index: 0;
    border-radius: 100px;
    padding: 12px 15px;
    position: relative;
    overflow: hidden;
    color: #fff !important;
    text-decoration: unset !important;
    margin-bottom: auto;
}

.news__item span::before,
.article__item-tags a::before,
.info__img div::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    inset: 0;
    z-index: -1;
    border-radius: 100px;
    backdrop-filter: blur(40px);
}

.info__img div::before {
    backdrop-filter: blur(20px);
    border-radius: 0 0 20px 20px;
}

.article__item-tags {
    gap: 10px;
    position: absolute;
    top: 24px;
    left: 24px;
    padding: 0;
}

.news__item p {
    margin-bottom: 10px;
}

.news__item .h6 {
    overflow: hidden;
    white-space: normal;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.scrollbar-content {
    width: 100%;
}

.scrollContent:not(.news__header) {
    flex-wrap: nowrap;
    overflow: auto;
    white-space: nowrap;
    position: relative;
    z-index: 0;
    scrollbar-width: none;
}

.scrollbar-thumb {
    height: 2px;
    background: #040404;
}

.scrollbar {
    margin-top: 12px;
    height: 2px;
    width: 100%;
    background: #D9D9D9;
    display: none;
    overflow: hidden;
}

.scrollContent::-webkit-scrollbar {
    display: none;
}

.news__header {
    width: 100%;
    gap: 15px;
    margin: 41px 0 17px;
    align-items: center;
}

.news__header a {
    padding: 10px 22px;
    font-size: 18px;
    background: #F0F6F6;
    border-radius: 100px;
    color: #000;
    transition: all .4s ease;
}

.news__header a.active {
    color: #fff;
    background: #00B8A7;
    transition: all .4s ease;
}

.pagination {
    margin-top: 35px;
}

.pagination nav {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.pagination span,
.pagination a {
    width: 42px;
    height: 45px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 100px;
    background: transparent;
    font-size: 18px;
    font-weight: 600;
    transition: all .4s ease;
}

.pagination span {
    cursor: default;
}

.pagination span {
    background: #F0F6F6;
    color: #00B8A7;
    transition: all .4s ease;
}

.prev.page-numbers img {
    transform: rotate(180deg);
}

.pagination .dots {
    background: transparent;
    color: #040404;
}

section.section__news:first-of-type,
main:has(.section__contact) .section__news,
main:has(.section__article) .section__news {
    background: transparent;
}

.breadcrumps {
    padding-top: 20px;
    white-space: nowrap;
}

.breadcrumps::-webkit-scrollbar {
    display: none;
}

.breadcrumps span {
    color: #606060;
    display: inline;
}

.breadcrumps span a {
    margin-right: 25px;
    color: #606060;
    transition: all .4s ease;
}

.breadcrumps span span:has(a)::after {
    content: '';
    display: inline-block;
    width: 11px;
    height: 6px;
    margin-bottom: 1px;
    margin-right: 25px;
    background: url(../img/arrow-down.svg) center center / 100% 100% no-repeat;
    transform: rotate(-90deg);
    filter: brightness(0) saturate(100%) invert(38%) sepia(0%) saturate(1621%) hue-rotate(146deg) brightness(99%) contrast(101%);
}

/* Start */
.start {
    position: relative;
    z-index: 0;
}

.start > img {
    position: absolute;
    top: -13px;
    right: 143px;
    z-index: -1;
    width: 587px;
    height: auto;
    aspect-ratio: 1.81 / 1;
}

.start__header {
    max-width: 766px;
    width: 100%;
    margin-bottom: 41px;
}

main:has(.section__hero-part) .start__header {
    max-width: 100%;
}

.start__header p {
    margin-top: 12px;
    font-size: 18px;
}

.start__item {
    position: relative;
    z-index: 0;
    overflow: hidden;
    border-radius: 20px;
    padding: 35px;
    align-items: flex-start;
}

.start__item::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    border-radius: 20px;
    backdrop-filter: blur(30px);
    background: #eef5f5ce;
}

main:has(.section__hero-part) .start__item::before {
    background: #eef5f5ce;
}

.start__item .num {
    font-size: 40px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    margin-bottom: auto;
}

.start__item .num::before {
    content: '';
    display: inline-block;
    width: 6px;
    height: 50px;
    border-radius: 10px;
    background: #00B8A7;
    box-shadow: 0 4px 40px 0 #00B8A7;
}

.start__item .h6 {
    margin-top: 25px;
    margin-bottom: 15px;
}

/* Garant */
.garant {
    border-radius: 20px;
    background: #0E0F11;
    padding: 100px 50px;
    color: #fff;
    justify-content: space-between;
    align-items: flex-start;
    position: relative;
    z-index: 0;
}

.garant__content {
    position: relative;
    z-index: 0;
    padding-top: 31px;
    width: calc(100% - 925px);
}

.garant::before {
    content: '';
    width: 499px;
    height: 456px;
    position: absolute;
    bottom: 100px;
    left: 50px;
    z-index: -1;
    background: url(../img/garant.svg) center center / 100% 100% no-repeat;
}

.garant__content .h3 {
    position: relative;
    z-index: 0;
    max-width: 499px;
    width: 100%;
    margin-bottom: 50px;
}

.garant__content .h3::before {
    content: '';
    top: -31px;
    left: 0;
    z-index: -1;
    position: absolute;
    width: 97px;
    height: 95px;
    animation: circle 20s linear 0s infinite both;
    background: url(../img/footer-dec.webp) center center / 100% 100%;
}

.garant__content > div {
    max-width: 504px;
    width: 100%;
    margin-left: auto;
    margin-top: 61px;
    color: #B4B5B5;
    font-size: 18px;
}

.garant__items {
    width: 845px;
    gap: 20px;
}

.garant__item {
    align-items: center;
    padding: 35px;
    border-radius: 20px;
    background: #1A1B1E;
    gap: 41px;
}

.garant__item img {
    width: 100px;
    height: 100px;
    object-fit: contain;
    object-position: center center;
}

.garant__item p {
    margin-top: 14px;
    color: #B4B5B5;
}

/* Pot */
.section__pot {
    background: #EEF5F5;
    padding: 100px 0;
}

.pot__items {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(4, 1fr);
    gap: 20px;
    margin-top: 41px;
}

.pot__item {
    padding: 35px;
    background: #fff;
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.pot__item:first-child {
    grid-row: 1 / 3;
}

.pot__item:nth-child(2) {
    grid-row: 3 / 13;
}

.pot__item:nth-child(3) {
    grid-row: 1 / 10;
}

.pot__item:nth-child(4) {
    grid-row: 10 / 13;
}

.pot__item:nth-child(5) {
    grid-row: 1 / 13;
}

.pot__item:first-child img {
    max-width: 320px;
    width: 100%;
    height: auto;
    margin-bottom: -20px;
    margin-left: -15px;
}

.pot__item:nth-child(2) .h6 {
    margin-bottom: auto;
}

.pot__item:nth-child(3) .h6 {
    margin-bottom: auto;
}

.pot__item .num {
    font-size: 30px;
    font-weight: 600;
    display: inline-flex;
    align-items: flex-start;
    line-height: 1;
    margin-bottom: 10px;
}

.pot__item .num b {
    font-size: 60px;
    font-weight: 600 !important;
}

.pot__item > b {
    gap: 25px;
    display: inline-flex;
    align-items: center;
    font-weight: 600 !important;
}

.pot__item > b::before {
    content: '';
    max-width: 23px;
    min-width: 23px;
    height: 23px;
    width: 100%;
    display: inline-block;
    border-radius: 50%;
    background: #00B8A7;
    box-shadow: 0 0 40px 0 #00B8A7;
}

.pot__item:last-child {
    position: relative;
    z-index: 0;
    background: #0E0F11;
    color: #fff;
    display: flex;
    flex-direction: column;
}

.pot__item:last-child .pot__item-img {
    width: 473px;
    z-index: -1;
    height: auto;
    position: absolute;
    right: -26px;
    top: 50%;
}

.pot__item-img img {
    width: 100%;
    height: 100%;
    transform: translate(0, -50%);
}

.pot__item:last-child .h6 {
    margin-bottom: auto;
}

.pot__item:last-child::before {
    content: '';
    top: 25%;
    left: 0;
    z-index: -1;
    position: absolute;
    width: 268px;
    height: 262px;
    animation: circle 20s linear 0s infinite both;
    background: url(../img/pot-dec.webp) center center / 100% 100%;
}

/* Faq */
.accordion {
    margin-top: 40px;
    justify-content: space-between;
    gap: 12px;
}

.accordion > div {
    width: calc(50% - 6px);
}

.accordion__item {
    background: #F0F6F6;
    border-radius: 20px;
    overflow: hidden;
    transition: all .4s ease;
    margin-bottom: 12px;
}

.accordion__header {
    padding: 30px;
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    font-size: 18px;
    font-weight: 600;
    width: 100%;
    cursor: pointer;
    gap: 20px;
    transition: all .4s ease;
}

.accordion__header span {
    display: inline-block;
    max-width: 40px;
    min-width: 40px;
    height: 40px;
    width: 100%;
    border-radius: 50%;
    transition: all .4s ease;
    position: relative;
    background: #00B8A7;
}

.accordion__header span::before,
.accordion__header span::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    background: #fff;
    border-radius: 5px;
    transform: translate(-50%, -50%);
    transition: all .4s ease;
}

.accordion__header span::before {
    width: 16px;
    height: 2px;
}

.accordion__header span::after {
    height: 16px;
    width: 2px;
}

.accordion__item.active .accordion__header span {
    transform: rotate(0) !important;
}

.accordion__item.active .accordion__header span::after {
    transform: translate(-50%, -50%) rotate(90deg);
    transition: all .4s ease;
}

.accordion__content {
    padding: 0 30px;
    max-height: 0;
    transition: all .4s ease;
}

.accordion__item.active .accordion__content {
    padding: 0 30px 30px;
    margin-top: -15px;
    transition: all .4s ease;
}

/* Seo */
.section__seo {
    padding-bottom: 100px;
}

.seo h3 {
    margin-bottom: 14px;
}

.seo p {
    font-size: 14px;
    margin-bottom: 15px;
}

.seo ul,
.seo ol {
    margin-left: 20px;
    margin-bottom: 15px;
}

.showMore {
    font-size: 18px;
    cursor: pointer;
    color: #00B8A7;
    display: inline-flex;
    align-items: center;
    gap: 12px;
}

.showMore::after {
    content: '';
    display: inline-block;
    width: 11px;
    height: 6px;
    margin-bottom: -5px;
    transition: all .4s ease;
    filter: brightness(0) saturate(100%) invert(47%) sepia(96%) saturate(1166%) hue-rotate(137deg) brightness(93%) contrast(103%);
    background: url(../img/arrow-down.svg) center center / 100% 100% no-repeat;
}

.active .showMore::after {
    transform: rotate(180deg);
    transition: all .4s ease;
}

.showMore b {
    font-weight: 400 !important;
}

.showMore b:nth-child(2) {
    display: none;
}

.active .showMore b:nth-child(1) {
    display: none;
}

.active .showMore b:nth-child(2) {
    display: block;
}

/* Tod */
.tod {
    padding: 86px 60px;
    position: relative;
    border-radius: 20px;
    background: #F0F6F6;
    z-index: 0;
}

.parallax-clipper {
    position: absolute;
    inset: 0;
    overflow: hidden;
    border-radius: 20px;
    z-index: -2;
}

.tod .parralax {
    content: '';
    position: absolute;
    width: 314px;
    height: 314px;
    border-radius: 50%;
    background: #00B8A7;
    top: 20%;
    right: 32%;
    filter: blur(120px);
    z-index: -1;
}

.tod > img {
    width: 661px;
    height: 468px;
    object-fit: contain;
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    right: -32px;
    z-index: -1;
}

.tod__content {
    max-width: 800px;
    width: 100%;
}

.tod__content .h3 {
    text-transform: uppercase;
    margin-bottom: 20px;
}

.tod__content p {
    font-size: 18px;
    margin-bottom: 45px;
}

/* Pol */
main:has(.pol) .breadcrumps {
    max-width: 1100px;
    width: 100%;
    margin: 0 auto;
}

main:has(.section__article) .scrollbar-content {
    max-width: 1000px;
    margin: 0 auto;
}

.section__pol {
    padding-bottom: 100px;
}

.pol {
    max-width: 1100px;
    width: 100%;
    margin: 0 auto;
}

.pol h1 {
    margin-bottom: 40px;
}

.pol h2,
.pol h3,
.pol h4 {
    margin: 40px 0 30px;
    text-transform: uppercase;
}

.pol h5,
.pol h6 {
    margin: 30px 0 15px;
    text-transform: uppercase;
}

.pol strong {
    font-weight: 600 !important;
}

.pol > *:first-child {
    margin-top: 0;
}

.pol a {
    color: #00B8A7;
    text-decoration: underline;
}

.pol p {
    margin-bottom: 30px;
    font-size: 18px;
}

.pol li {
    font-size: 18px;
}

.pol ul,
.pol ol {
    margin-left: 20px;
    margin-top: -24px;
    margin-bottom: 4px;
}

/* Error */
.section__error {
    padding: 144px 0;
    background: url(../img/hero-bg.svg) center center / cover no-repeat;
}

.error {
    text-align: center;
}

.error h1 {
    font-size: 200px;
    margin-bottom: 50px;
    text-transform: uppercase;
}

.error h2 {
    text-transform: uppercase;
    margin-bottom: 30px;
}

.error p {
    font-size: 18px;
    margin-bottom: 40px;
}

/* Contact */
main:has(.section__contact:first-of-type) .section__contact {
    padding-bottom: 100px;
}

.contact {
    gap: 30px;
}

.contact__content {
    width: 434px;
    align-items: center;
    justify-content: space-between;
}

.contact__lang {
    display: inline-flex;
    align-items: center;
    gap: 18px;
}

.contact__lang img {
    width: 30px;
    height: 30px;
    border-radius: 50%;
}

.contact__item:nth-child(3) {
    margin-top: 41px;
}

.contact__item:last-child {
    margin-bottom: 0;
}

.contact__item {
    width: 100%;
    border-radius: 20px;
    background: #F0F3F6;
    padding: 30px 35px;
    margin-bottom: 10px;
}

.contact__item p {
    color: #606060;
    margin-bottom: 7px;
}

.contact__item .h5:has(.copy) {
    display: inline-flex;
    align-items: center;
    gap: 12px;
}

.copy {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    max-width: 26px;
    min-width: 26px;
    height: 26px;
    width: 100%;
    cursor: pointer;
    z-index: 2;
    position: relative;
    background: #00B8A7;
    transition: all .4s ease;
}

.copy.copied::after {
    content: '';
    display: inline-block;
    width: 5px;
    height: 7px;
    border-top: 2px solid #fff;
    border-left: 2px solid #fff;
    transform: rotate(225deg);
    margin-top: -2px;
}

.copy.copied img {
    display: none;
}

.contact__item .social a,
.article__social .social a {
    background: #00B8A7;
    transition: all .4s ease;
}

.article__social .social a {
    border-radius: 50%;
}

.contact__item .social a img,
.article__social .social a img {
    filter: brightness(0) invert(1);
}

.contact__map {
    width: calc(100% - 464px);
    height: 100%;
    position: relative;
    z-index: 0;
    border-radius: 20px;
}

.contact__map iframe {
    width: 100%;
    height: 100%;
    border-radius: 20px;
}

.contact__map-content {
    position: absolute;
    z-index: 2;
    bottom: 30px;
    left: 30px;
    border-radius: 20px;
    padding: 30px;
    background: #fff;
}

.contact__map-content .h6 {
    margin-bottom: 12px;
}

.contact__map-content p {
    color: #202020;
}

.contact__map-content .btn {
    display: none;
    margin-top: 20px;
}

.contact__map-btn {
    position: absolute;
    z-index: 2;
    bottom: -1px;
    right: -1px;
    padding: 24px 0 0 24px;
    border-radius: 40px 0 0 0;
    background: #fff;
}

/* Tseh */
.section__tseh {
    padding-bottom: 100px;
}

.tseh {
    align-items: center;
    justify-content: space-between;
}

.tseh p {
    max-width: 491px;
    width: 100%;
    font-size: 18px;
}

.tseh__swiper {
    margin-bottom: 25px;
    overflow: unset;
}

.tseh__swiper:last-child {
    margin-bottom: 0;
}

.tseh__swiper:nth-child(3) {
    margin-top: 40px;
}

.tseh__swiper .swiper-wrapper {
    gap: 25px;
}

.tseh__swiper .swiper-slide {
    width: 537px;
    height: 308px;
    border-radius: 20px;
    overflow: hidden;
}

.tseh__swiper .swiper-slide img {
    width: 100%;
    height: 100%;
}

/* Begin */
.begin__swiper {
    background: #0E0F11;
    border-radius: 20px;
    width: 100%;
    color: #fff;
    padding-bottom: 100px;
}

.begin__swiper .swiper-slide {
    align-items: flex-start;
    justify-content: space-between;
    padding: 100px 50px 64px;
}

.begin__swiper .swiper-slide > img {
    width: 590px;
    height: 472px;
    border-radius: 20px;
    object-fit: cover;
}

.begin__item-content {
    width: calc(100% - 650px);
}

.begin__item-content .h3 {
    margin-bottom: 19px;
}

.begin__item-content p {
    font-size: 18px;
    line-height: 1.8;
    margin-bottom: 14px;
}

.begin__item-date {
    position: absolute;
    bottom: -50px;
    right: 100px;
    font-size: 300px;
    opacity: 0.05;
    font-weight: 600;
    z-index: 1;
}

.begin .begin__pagination {
    position: relative;
    bottom: 0 !important;
    left: 0 !important;
    width: calc(100% - 100px);
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 50px;
    height: 100px;
    gap: 0;
    position: relative;
}

.begin .swiper-pagination-bullet {
    width: 1px;
    height: 60px;
    opacity: 1 !important;
    background: #636363;
    border-radius: 2px !important;
    margin: 0 !important;
    position: relative;
    transition: all .4s ease;
}

.begin .swiper-pagination-bullet:not(.is-semi) {
    height: 60px !important;
}

.begin__pagination-date {
    position: absolute;
    bottom: -50px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 24px;
    font-weight: 600;
    color: #fff;
    white-space: nowrap;
    opacity: .4;
    transition: all .4s ease;
}

.begin .is-active:not(.is-semi) .begin__pagination-date {
    opacity: 1;
    transition: all .4s ease;
}

.begin .is-active:not(.is-semi) {
    background: #D9D9D9;
    transition: all .4s ease;
}

/* Article */
.article {
    position: relative;
    z-index: 0;
}

.border-square.mob {
    display: none;
}

.social-item {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    max-width: 70px;
    min-width: 70px;
    height: 70px;
    width: 100%;
    border: 1px solid #F0F0F0;
    text-align: center;
    position: relative;
    border-radius: 20px;
}

.border-square {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

.social-content {
    position: relative;
    width: 70px;
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2;
}

.article__social {
    position: absolute;
    top: 10px;
    left: -70px;
    width: 70px;
    gap: 20px;
    height: fit-content;
}

.article__social p {
    font-weight: 600;
    font-size: 16px !important;
    display: none;
    margin: 0 !important;
}

.article__social .social {
    width: 50px;
}

.article h1 {
    margin-bottom: 16px !important;
    text-transform: none;
}

.article__info {
    gap: 10px;
    margin-bottom: 40px;
}

.article__info p {
    color: #606060;
    font-size: 16px;
    margin: 0 !important;
    display: inline-flex;
    align-items: center;
    gap: 10px;
}

.article__info p::after {
    content: '|';
}

.article__info p:last-child {
    padding-right: 0;
    border: unset;
    color: #000;
}

.article__info p:last-child::after {
    content: unset;
}

.article__item,
.wp-block-image {
    width: 100%;
    height: auto;
    overflow: hidden;
    position: relative;
    z-index: 0;
    border-radius: 20px;
    margin-bottom: 40px;
}

.article__item > img,
.wp-block-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 20px;
}

.article h2,
.article h3,
.article h4,
.article h5,
.article h6 {
    text-transform: unset;
}

.article__gallery,
.wp-block-gallery {
    gap: 20px !important;
    margin-bottom: 40px;
}

.article__gallery img,
.wp-block-gallery img {
    width: 100% !important;
    height: auto;
    border-radius: 20px;
    aspect-ratio: 1 / 1;
}

.article__gallery:has(img:nth-child(2n)) img,
.wp-block-gallery:has(figure:nth-child(2n)) figure {
    width: calc(50% - 10px) !important;
}

div.heateor_sss_follow_icons_container svg,
div.heateor_sss_sharing_container svg {
    transform: scale(.7);
}

/* Info */
.info {
    align-items: flex-start;
    justify-content: space-between;
}

.info__content {
    width: 542px;
}

.info__content h1 {
    margin-bottom: 30px;
}

.info__content p {
    color: #606060;
    font-size: 14px;
    margin-bottom: 20px;
}

.info__content .btn {
    margin-top: 40px;
    width: 100%;
}

.info__container {
    width: calc(100% - 600px);
}

.info__img {
    width: 100%;
    height: auto;
    aspect-ratio: 1.82 / 1;
    border-radius: 20px;
    overflow: hidden;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 0;
    margin-bottom: 60px;
}

.info__img > img {
    width: 110%;
    height: 110%;
    object-fit: cover;
    border-radius: 20px;
}

.info__img div {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    text-align: center;
    padding: 15px;
    z-index: 1;
    color: #fff;
    font-size: 18px;
    border-radius: 0 0 20px 20px;
}

.info__item {
    margin-bottom: 60px;
}

.info__item .h4 {
    margin-bottom: 40px;
}

.info__item ul {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.info__item ul li {
    width: calc(50% - 5px);
    border-radius: 20px;
    background: #EEF5F5;
    border: 1px solid #E8E8E8;
    padding: 20px;
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    font-size: 18px;
}

.info__item ul li b {
    font-weight: 600 !important;
}

.info__swiper {
    background: #0E0F11;
    border-radius: 20px;
    padding-bottom: 36px;
}

.info__swiper .swiper-slide {
    padding: 36px;
    align-items: center;
    justify-content: space-between;
}

.info__swiper-content {
    width: 543px;
    color: #fff;
}

.info__swiper-content .h5 {
    margin-bottom: 20px;
}

.info__swiper-content p {
    font-size: 18px;
}

.info__swiper .swiper-slide > img {
    width: calc(100% - 600px);
    object-fit: cover;
    height: 300px;
    border-radius: 20px;
}

.info .swiper-pagination {
    gap: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    bottom: 0 !important;
    position: relative;
}

.info .swiper-pagination-bullet {
    background: #EEF5F5;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    opacity: 1 !important;
    margin: 0 !important;
    transition: all .4s ease;
}

.info__item .work__swiper .swiper-pagination-bullet {
    background: #0E0F11;
}

.info .swiper-pagination-bullet-active,
.info__item .work__swiper .swiper-pagination-bullet-active {
    background: #00B8A7;
    transition: all .4s ease;
}

.info__item .work__swiper {
    overflow: hidden;
    margin-top: 0 !important;
}

.info__item .work__swiper .swiper-pagination {
    margin-top: 36px;
}

.info__table,
.info__table table {
    width: 100%;
    border-collapse: unset;
    border-spacing: 0;
    font-size: 18px;
    color: #040404;
}

.info__table th,
.info__table td {
    border: 1px solid #E8E8E8;
    border-right: none;
    padding: 15px 20px;
    background: #EEF5F5;
    font-weight: 400;
    text-align: left;
    line-height: 1.4;
}

.info__table td {
    background: transparent;
    padding: 12px 20px;
}

.info__table th:first-child {
    border-radius: 20px 0 0 0;
}

.info__table th:last-child {
    border-radius: 0 20px 0 0;
    border-right: 1px solid #E8E8E8;
}

.info__table td:last-child {
    border-right: 1px solid #E8E8E8;
}

.info__table tbody tr:last-child td:first-child {
    border-radius: 0 0 0 20px;
}

.info__table tbody tr:last-child td:last-child {
    border-radius: 0 0 20px 0;
}

.info__item > p:nth-child(2) {
    font-size: 18px;
    margin-top: -26px;
    margin-bottom: 40px;
}

.zp-card h1 {
    margin-bottom: 24px;
    font-size: 32px;
}

.zp-card p {
    margin-bottom: 18px;
    font-size: 18px;
}

.zp-comment strong {
    font-size: 18px;
}

.zp-card a {
    color: #00B8A7;
}

.zp-card a:hover {
    text-decoration: underline;
}

.zp-comment {
    margin-top: 28px;
    background: #F0F6F6;
    border-radius: 20px;
    padding: 20px;
}

.zp-comment p {
    font-size: 16px;
    margin-top: 8px;
    margin-bottom: 0;
}