.header {
    position: fixed;
    top: 0;
    z-index: 10;
    transition: transform 0.2s;
    -webkit-transition: transform 200ms;
    -webkit-transition: -webkit-transform 200ms;
    inline-size: 100%;
}
@media (min-width: 992px) {
    .header {
        mix-blend-mode: exclusion !important;
        padding: 3rem 3rem;
    }
}
.header.scroll-down {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
}
@media (max-width: 992px) {
    .header {
        background-color: #1a191a;
        width: 100vw;
    }
    .header.show .header-collapse {
        height: unset;
        visibility: unset;
        pointer-events: unset;
        opacity: 1;
    }
    .header:not(.show) .header-collapse {
        height: 0;
        visibility: hidden;
        pointer-events: none;
        opacity: 0;
    }
}
.header-collapse {
    transition: opacity 0.2s;
}
@media (max-width: 992px) {
    .header-collapse {
        width: 100%;
        background-color: #1a191a;
    }
}
.header-google {
    position: absolute;
    right: 0;
    top: 0%;
    transform: translateX(calc(100% + 1.5rem));
    color: #fff;
    font-family: "Product sans";
    height: 50px;
    display: flex;
    align-items: center;
    transition: width 0.5s ease;
    font-size: 1.3rem;
    font-weight: 100;
    white-space: nowrap;
    overflow: hidden;
    width: 0;
}
.header-google::before {
    content: "";
    height: 100%;
    width: 5px;
    background-color: #fff;
    margin-right: 1.5rem;
}
.header-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
@media (min-width: 992px) {
    .header-subpages {
        flex-direction: row !important;
        gap: 3rem;
    }
}
@media (max-width: 992px) {
    .header-container {
        flex-wrap: wrap;
        padding-top: 2rem;
        padding-bottom: 2rem;
    }
}
.header-logo:hover + .header-google {
    width: 167px;
}
.header-logo {
    height: 50px;
    width: auto;
}
.header-logo-wrapper {
    display: flex;
    align-items: center;
    position: relative;
}
@media (max-width: 992px) {
    .header-logo-wrapper {
        padding-left: 1rem;
    }
}
@media (min-width: 992px) {
    .header-logo-wrapper {
        margin-bottom: 1.5rem;
    }
}
.header-hamburger-menu {
    height: 30px;
    width: auto;
}
@media (max-width: 992px) {
    .header-hamburger-menu {
        margin-right: 1rem;
    }
}
@media (min-width: 992px) {
    .header-hamburger-menu {
        display: none;
    }
}
.header-subpages {
    display: flex;
    flex-wrap: wrap;
    list-style-type: none;
    padding-left: 0;
    flex-direction: column;
}
.header-subpage {
    font-weight: 200;
    padding: 0 1rem;
    margin-bottom: 1rem;
    font-size: 1.3rem;
    position: relative;
}
@media (min-width: 992px) {
    .header-subpage {
        margin-bottom: 1.5rem;
        padding: unset;
    }
}
.header-subpage .menu-list {
    display: none;
}
.header-subpage a,
.header-subpage-name {
    color: #fff;
}
.header-subpage-name {
    transition: color 0.2s;
    position: relative;
}
.header-subpage-name:hover {
    color: #ffe81f;
}
.header-subpage-name:hover + .header-subpage-arrow-container {
    opacity: 1;
    left: 50%;
    transform: translate(-50%, 20px) rotate(90deg);
}
.header-subpage.active .header-subpage-arrow-container {
    opacity: 1;
    left: 50%;
    transform: translate(-50%, 20px) rotate(-90deg);
}
.header-subpage-arrow {
    font-size: 1rem;
    font-weight: 300;
    color: #000 !important;
    text-align: center;
}
.header-subpage-arrow-container {
    background-color: #ffe81f;
    border-radius: 100%;
    width: 16px;
    height: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    bottom: 0;
    left: 10%;
    transform: translate(0%, 50px) rotate(90deg);
    opacity: 0;
    transition: all 0.2s;
}
@media (max-width: 992px) {
    .header-subpage-arrow-container {
        display: none;
    }
}
.ad-awards {
    min-height: unset;
    display: flex;
    align-items: flex-end;
    flex-wrap: wrap;
    justify-content: space-between;
    border-bottom: 5px solid #1e1d1e;
    padding-bottom: 1.7rem;
}
.ad-awards-logo {
    height: 55px;
    width: auto;
}
.ad-awards-arrow-container {
    border-radius: 100%;
    border: 2px solid #1e1d1e;
    width: 70px;
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.ad-awards-arrow-container:hover .ad-awards-arrow {
    transform: rotate(-90deg) translateX(-10px);
}
.ad-awards-arrow {
    transform: rotate(-90deg);
    transition: all 0.2s ease-in;
    height: 15px;
}
.copyright {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    min-height: unset;
    padding-top: 3rem;
}
.copyright-social-links {
    display: flex;
    flex-wrap: wrap;
}
@media (max-width: 768px) {
    .copyright-social-links {
        margin-bottom: 3rem;
    }
}
.copyright-social-link {
    font-weight: 700;
    position: relative;
    z-index: 2;
}
.copyright-social-link-container {
    padding: 0rem 1rem;
    position: relative;
    display: flex;
    align-items: center;
    flex-direction: column;
}
.copyright-social-link-container:nth-child(1) {
    padding-left: 0;
}
@media (max-width: 768px) {
    .copyright-social-link-container {
        width: 100%;
        align-items: flex-start !important;
        padding: 0;
    }
}
.copyright-social-link-border {
    width: 100%;
    height: 8px;
}
.copyright-social-link-border-container {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 100%;
    width: 0%;
    opacity: 0;
    transition: all 0.2s ease;
    transform: translateY(15px);
}
.copyright-social-link:hover + .copyright-social-link-border-container {
    opacity: 1;
    width: 100%;
}
.copyright-content {
    font-weight: 700;
}
footer {
    padding-right: 3rem;
    padding-left: 3rem;
    padding-top: 3rem;
    padding-bottom: 3rem;
}
@media (max-width: 576px) {
    footer {
        padding-right: 1rem;
        padding-left: 1rem;
    }
}
.footer {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 5rem;
    min-height: unset;
    margin-bottom: 3rem;
}
.footer-contact {
    width: 60%;
}
.footer-contact-title {
    font-size: 4.2rem;
    font-weight: 700;
    text-align: left;
    width: unset;
    line-height: 80px;
    margin-bottom: 5rem;
}
@media (max-width: 1200px) {
    .footer-contact-title {
        font-size: 3.7rem;
    }
}
@media (max-width: 768px) {
    .footer-contact-title {
        font-size: 1.8rem;
        line-height: 1.15;
    }
}
.footer-contact-link {
    font-weight: 700;
    font-size: 4rem;
    color: #1e1d1e;
    display: flex;
    align-items: center;
}
@media (max-width: 1200px) {
    .footer-contact-link,
    .footer-contact-link-label {
        font-size: 3rem;
    }
}
@media (max-width: 768px) {
    .footer-contact-link {
        font-size: 1.5rem;
    }
}
.footer-contact-link-container {
    display: flex;
}
@media (max-width: 768px) {
    .footer-contact-link-container {
        flex-direction: column;
    }
}
.footer-contact-link-title {
    font-weight: 700;
    font-size: 1.2rem;
    color: #1e1d1e;
    margin-top: 2rem;
}
@media (max-width: 768px) {
    .footer-contact-link-title {
        margin-top: 3rem;
    }
}
.footer-contact-link-label {
    color: #ffe81f;
    font-size: inherit;
    font-weight: 700;
    font-size: 4rem;
    width: 70px;
    display: flex;
    align-items: center;
}
@media (max-width: 768px) {
    .footer-contact-link-label {
        font-size: 2rem;
    }
}
.footer-contact-outer-link-container {
    display: flex;
}
@media (max-width: 768px) {
    .footer-contact-outer-link-container {
        flex-direction: column;
    }
}
.footer-contact-outer-link-label {
    color: #ffe81f;
    font-size: inherit;
    font-weight: 700;
    font-size: 2.5rem;
    width: 70px;
}
@media (max-width: 768px) {
    .footer-contact-outer-link-label {
        font-size: 2rem;
    }
}
.footer-contact-outer-link,
.footer-contact-outer-link-text {
    font-size: 2.5rem;
    font-weight: 700;
    color: #1e1d1e;
}
@media (max-width: 768px) {
    .footer-contact-outer-link,
    .footer-contact-outer-link-text {
        font-size: 1.5rem;
    }
}
.footer-links {
    width: 40%;
    display: flex;
    flex-wrap: wrap;
    margin-top: 15px;
}
@media (min-width: 1200px) {
    .footer-links {
        padding-left: 3rem;
    }
}
@media (max-width: 992px) {
    .footer-links {
        margin-top: 3rem;
    }
}
.footer-links-col {
    padding: 0rem 2rem;
}
@media (max-width: 1200px) {
    .footer-links-col {
        width: 100%;
        padding-left: 0;
        margin-top: 2rem;
    }
}
.footer-links-col-title {
    font-weight: 700;
    font-size: 1.3rem;
    color: #1e1d1e;
    margin-bottom: 1.8rem;
}
.footer-links-list {
    list-style-type: none;
    padding-left: 0;
    font-weight: 700;
}
.footer-links-list-item {
    font-size: 1.1rem;
    margin-bottom: 0.4rem;
}
@media (max-width: 1200px) {
    .footer-contact,
    .footer-links {
        width: 100%;
    }
}
.menu-popover {
    transition: opacity 0.2s;
    position: fixed;
    top: 0;
    width: 100%;
    height: 100vh;
    overflow-y: auto;
    z-index: 11;
    display: flex;
    align-items: center;
    background-color: #1a191a;
    padding: 8rem;
}
@media (max-width: 992px) {
    .menu-popover {
        padding: 1rem;
    }
}
.menu-popover:not(.active) {
    opacity: 0;
    pointer-events: none;
    visibility: hidden;
}
.menu-close-button {
    position: absolute;
    top: 1rem;
    right: 1rem;
    z-index: 1;
    cursor: pointer;
    color: #fff;
    font-size: 2rem;
}
.menu-list {
    list-style-type: none;
    padding-left: 0;
    overflow: hidden;
}
.menu-list-arrow {
    height: 40px;
    width: 40px;
    transform: translateX(-40px);
    transition: transform 0.5s ease-out;
    margin-right: 0.5rem;
}
.menu-list-name {
    position: relative;
}
.menu-list-name::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #fff;
    height: 2px;
    width: 0%;
    opacity: 0;
    transition:
        width 0.4s ease,
        opacity 0.2s ease-in;
}
.menu-list li {
    transform: translateX(-40px);
    transition: transform 0.5s ease;
    width: fit-content;
    margin-bottom: 1rem;
}
.menu-list li:hover,
.menu-list li:hover .menu-list-arrow {
    transform: translateX(0);
}
.menu-list li:hover .menu-list-name::after {
    width: 100%;
    opacity: 1;
}
.menu-list li,
.menu-list a {
    font-size: 3rem;
    color: #fff !important;
    font-weight: 300;
}
@media (max-width: 992px) {
    .menu-list li,
    .menu-list a {
        font-size: 2rem;
    }
}
.menu-list a {
    display: flex;
    align-items: center;
    width: fit-content;
}
* {
    font-family: Poppins;
    box-sizing: border-box;
}
body {
    margin: 0;
    background-color: #fff;
    /* cursor: none; */
}
a {
    text-decoration: none;
    transition: color 0.2s;
    color: #1e1d1e;
}
a:hover {
    color: #ffe81f;
}
/* .cursor-none * {
    cursor: none !important;
}
.custom-cursor {
    z-index: 9999999999999;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    position: absolute;
    pointer-events: none;
    filter: drop-shadow(3px 5px 6px rgba(0, 0, 0, 0.5607843137));
}
@media only screen and (hover: none) and (pointer: coarse) {
    .custom-cursor {
        display: none;
    }
}
.custom-cursor::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 40px;
    height: 40px;
    background-color: #ffe81f;
    border-radius: 100%;
    z-index: 1;
    opacity: 0;
}
.custom-cursor.active::before {
    opacity: 0.3;
}
.custom-cursor.active .cursor-dot {
    width: 6px;
    height: 6px;
}
.custom-cursor .cursor-dot {
    background-color: #ffe81f;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 20px;
    height: 20px;
    transform: translate(-50%, -50%);
    border-radius: 100%;
    transition: all 0.15s ease;
    opacity: 0.85;
} */
h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top: 0;
}
section {
    min-height: 100vh;
}
h1 {
    font-size: 9.5rem;
    margin-bottom: 2rem;
}
@media (max-width: 992px) {
    h1 {
        font-size: clamp(3rem, 11vw, 9.5rem);
    }
}
h2 {
    font-weight: 700;
    text-align: center;
    font-size: 4rem;
    color: #1e1d1e;
}
@media (max-width: 992px) {
    h2 {
        font-size: clamp(2.1rem, 7vw, 4rem);
    }
}
h2 .arch {
    position: relative;
    width: 50%;
    margin: auto;
    height: 40px;
    overflow: hidden;
}
h2 .arch-top,
h2 .arch-bottom {
    position: absolute;
    width: 110%;
    left: 50%;
    transform: translateX(-50%) rotate(0.5deg);
    border-top-left-radius: 50%;
    border-top-right-radius: 50%;
}
h2 .arch-top {
    background-color: #ffe81f;
    height: 40px;
}
h2 .arch-bottom {
    background-color: #fff;
    height: 32px;
    z-index: 1;
    bottom: -1px;
}
@media (min-width: 992px) {
    h2 {
        width: 40vw;
        margin: auto;
    }
}
h3 {
    font-weight: 700;
    font-size: 3.7rem;
    margin-bottom: 1rem;
}
@media (max-width: 992px) {
    h3 {
        font-size: clamp(2rem, 7vw, 3.5rem);
    }
}
h4 {
    font-weight: 700;
    font-size: 3.3rem;
    margin-bottom: 1rem;
}
@media (max-width: 992px) {
    h4 {
        font-size: clamp(1.8rem, 7vw, 3.1rem);
    }
}
h5 {
    font-weight: 700;
    font-size: 2.8rem;
    margin-bottom: 1rem;
}
@media (max-width: 992px) {
    h5 {
        font-size: clamp(1.6rem, 7vw, 2.8rem);
    }
}
p {
    font-size: 1.2rem;
    line-height: 29px;
    font-weight: 300;
    color: #272425;
}
::-webkit-scrollbar {
    width: 7px;
}
::-webkit-scrollbar-thumb {
    background-image: repeating-linear-gradient(-45deg, #ffe81f 0 20px, #1a191a 20px 40px);
    border-radius: 7px;
    border: 1px solid #1a191a;
}
::-webkit-scrollbar-track {
    background-color: #1a191a;
}
.mobile-button {
    position: fixed;
    bottom: 2rem;
    right: 2rem;
    width: 60px;
    height: 60px;
    z-index: 4;
    background-color: #fff;
    border-radius: 100%;
}
.mobile-button:hover::after {
    width: inherit;
    height: inherit;
}
.mobile-button-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    height: inherit;
    width: inherit;
}
.mobile-button::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #ffe81f;
    width: 0;
    height: 0;
    z-index: 2;
    border-radius: 100%;
    transition: all 0.5s ease;
}
.mobile-button:hover .mobile-button-icon {
    animation-name: ring;
    animation-timing-function: linear;
    animation-iteration-count: 100;
    animation-duration: 2.5s;
}
@keyframes ring {
    0% {
        transform: rotate(90deg);
    }
    5% {
        transform: rotate(10deg);
    }
    10% {
        transform: rotate(90deg);
    }
    15% {
        transform: rotate(10deg);
    }
    20% {
        transform: rotate(90deg);
    }
    25% {
        transform: rotate(10deg);
    }
    30% {
        transform: rotate(10deg);
    }
    100% {
        transform: rotate(10deg);
    }
}
.mobile-button-icon {
    height: 30px;
    width: auto;
    position: relative;
    z-index: 3;
    transform: rotate(10deg);
}
.button {
    width: fit-content;
    position: relative;
    display: block;
    z-index: 1;
    width: 170px;
    height: 170px;
    cursor: pointer;
}
.button--centered {
    margin: 0 auto;
    margin-top: 4rem;
}
.button--right {
    margin: 0 17rem 0 auto;
    transform: translate(50%, -50%);
}
.button--design {
    margin-top: -5.25rem;
}
.button-arrow-container:hover + .button-text {
    transform: rotate(30deg);
}
.button-text {
    color: #ffe81f;
    font-size: 1.1rem;
    height: inherit;
    width: inherit;
    transform-origin: center;
    transform: rotate(-58deg);
    transition: transform 0.6s ease;
    pointer-events: none;
    position: absolute;
}
.button-text--black {
    color: #000;
}
.button-text span {
    position: absolute;
    height: 90px;
    width: 20px;
    top: 50%;
    left: 50%;
    transform-origin: bottom center;
    text-align: center;
}
.button-text span:nth-child(1) {
    transform: translate(-50%, -100%) rotate(9deg);
}
.button-text span:nth-child(2) {
    transform: translate(-50%, -100%) rotate(18deg);
}
.button-text span:nth-child(3) {
    transform: translate(-50%, -100%) rotate(27deg);
}
.button-text span:nth-child(4) {
    transform: translate(-50%, -100%) rotate(36deg);
}
.button-text span:nth-child(5) {
    transform: translate(-50%, -100%) rotate(45deg);
}
.button-text span:nth-child(6) {
    transform: translate(-50%, -100%) rotate(54deg);
}
.button-text span:nth-child(7) {
    transform: translate(-50%, -100%) rotate(63deg);
}
.button-text span:nth-child(8) {
    transform: translate(-50%, -100%) rotate(72deg);
}
.button-text span:nth-child(9) {
    transform: translate(-50%, -100%) rotate(81deg);
}
.button-text span:nth-child(10) {
    transform: translate(-50%, -100%) rotate(90deg);
}
.button-text span:nth-child(11) {
    transform: translate(-50%, -100%) rotate(99deg);
}
.button-text span:nth-child(12) {
    transform: translate(-50%, -100%) rotate(108deg);
}
.button-text span:nth-child(13) {
    transform: translate(-50%, -100%) rotate(117deg);
}
.button-text span:nth-child(14) {
    transform: translate(-50%, -100%) rotate(126deg);
}
.button-text span:nth-child(15) {
    transform: translate(-50%, -100%) rotate(135deg);
}
.button-text span:nth-child(16) {
    transform: translate(-50%, -100%) rotate(144deg);
}
.button-text span:nth-child(17) {
    transform: translate(-50%, -100%) rotate(153deg);
}
.button-text span:nth-child(18) {
    transform: translate(-50%, -100%) rotate(162deg);
}
.button-text span:nth-child(19) {
    transform: translate(-50%, -100%) rotate(171deg);
}
.button-text span:nth-child(20) {
    transform: translate(-50%, -100%) rotate(180deg);
}
.button-text span:nth-child(21) {
    transform: translate(-50%, -100%) rotate(189deg);
}
.button-text span:nth-child(22) {
    transform: translate(-50%, -100%) rotate(198deg);
}
.button-text span:nth-child(23) {
    transform: translate(-50%, -100%) rotate(207deg);
}
.button-text span:nth-child(24) {
    transform: translate(-50%, -100%) rotate(216deg);
}
.button-text span:nth-child(25) {
    transform: translate(-50%, -100%) rotate(225deg);
}
.button-text span:nth-child(26) {
    transform: translate(-50%, -100%) rotate(234deg);
}
.button-text span:nth-child(27) {
    transform: translate(-50%, -100%) rotate(243deg);
}
.button-text span:nth-child(28) {
    transform: translate(-50%, -100%) rotate(252deg);
}
.button-text span:nth-child(29) {
    transform: translate(-50%, -100%) rotate(261deg);
}
.button-arrow-container {
    border-radius: 100%;
    border: 2px solid #fff;
    width: 80px;
    height: 80px;
    transition: all 0.7s ease;
    overflow: hidden;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.button-arrow-container--black {
    border: 2px solid #000;
}
.button-arrow-container:hover {
    width: 120px;
    height: 120px;
}
.button-arrow-container:hover .button-arrow {
    transform: translate(-50%, -50%);
}
.button-arrow {
    transform: translate(-100px, -50%);
    position: absolute;
    top: 50%;
    left: 50%;
    height: 29px;
    width: auto;
    transition: transform 0.7s ease;
}
.button-arrow--black {
    filter: invert(1);
}
@media screen and (max-width: 1600px) {
    .button--right {
        margin: 0 10rem 0 auto;
    }
}
@media screen and (max-width: 991px) {
    .button--right {
        margin: 0 auto;
        margin-top: 4rem;
        transform: unset;
    }
}
.marketing {
    background-color: #1a191a;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    overflow: hidden;
}
.marketing-grey-ring {
    border: 2px solid #363636;
    border-radius: 100%;
    position: absolute;
}
.marketing-grey-ring-1 {
    width: 1200px;
    height: 1200px;
    left: 13%;
    top: -51%;
    transform: translate(-62%, -69%);
}
.marketing-grey-ring-2 {
    width: 2700px;
    height: 2700px;
    left: -40.8rem;
    bottom: 3rem;
}
.marketing-yellow-outer-ring,
.marketing-yellow-inner-ring {
    border: 2px solid #ffe81f;
    border-radius: 100%;
    position: absolute;
}
.marketing-yellow-outer-ring {
    width: 2800px;
    height: 2800px;
    bottom: 0rem;
    left: -513px;
    transform: rotate(-13deg);
    animation-name: rotate2;
    animation-iteration-count: infinite;
    animation-timing-function: ease;
    animation-duration: 15s;
    animation-delay: 1s;
}
@media (max-width: 600px) {
    .marketing-yellow-outer-ring {
        display: none;
    }
}
@keyframes rotate2 {
    from {
        transform: rotate(-13deg);
    }
    to {
        transform: rotate(-373deg);
    }
}
.marketing-yellow-inner-ring {
    width: 100px;
    height: 100px;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    background-color: #ffe81f;
}
.marketing-container {
    margin-top: 11rem;
    padding-right: 3rem;
    padding-left: 3rem;
}
@media (max-width: 576px) {
    .marketing-container {
        padding-right: 1rem;
        padding-left: 1rem;
    }
}
.marketing-title {
    color: #fff;
}
.marketing-title span {
    position: relative;
    z-index: 1;
}
.marketing-title mark {
    background-color: unset;
    color: #ffe81f;
}
.marketing-360 {
    position: relative;
}
.marketing-360-text {
    z-index: 2;
    position: relative;
}
.marketing-360-outer-ring {
    position: absolute;
    top: -322px;
    left: -273px;
    border: 2px solid #363636;
    border-radius: 100%;
    width: 650px;
    height: 650px;
    animation-name: rotate;
    animation-iteration-count: infinite;
    animation-timing-function: ease;
    animation-duration: 6s;
    animation-delay: 2s;
    transform: rotate(0deg);
}
@media (max-width: 1330px) {
    .marketing-360-outer-ring {
        display: none;
    }
}
@keyframes rotate {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(-360deg);
    }
}
.marketing-360-inner-ring {
    border: 2px solid #ffe81f;
    border-radius: 100%;
    width: 85px;
    height: 85px;
    position: absolute;
    right: 0%;
    top: 50%;
    transform: translateY(-50%);
}
.marketing-description {
    z-index: 1;
    position: relative;
}
.marketing-description,
.marketing-description p {
    color: #fff;
    font-weight: 200;
}
@media (min-width: 992px) {
    .marketing-description {
        padding-left: 1rem;
        padding-bottom: 1rem;
        width: 25vw;
    }
}
.products {
    padding-right: 1rem;
    padding-left: 1rem;
    z-index: 1;
    background-color: #fff;
    position: relative;
    overflow: hidden;
}
.products.fixed-state .products-wrapper {
    position: fixed;
}
.products-wrapper {
    bottom: 0rem;
    width: 100%;
    left: 0;
    padding-bottom: 8rem;
}
@media (max-width: 768px) {
    .products-wrapper {
        padding-bottom: 3rem;
    }
}
.products-title {
    padding-top: 6rem;
}
.products-description {
    text-align: center;
    padding-top: 1rem;
    padding-bottom: 5rem;
}
@media (min-width: 992px) {
    .products-description {
        margin: auto;
        width: 45vw;
    }
}
.products-carousel {
    display: -webkit-inline-box;
    height: 770px;
    margin-left: 8rem;
}
@media (max-width: 768px) {
    .products-carousel {
        height: 500px;
    }
}
.products-carousel-item {
    height: 100%;
    display: block;
    color: #fff;
    background-color: #1e1d1e;
    margin-right: 3rem;
    overflow: hidden;
    position: relative;
    width: 650px;
}
.products-carousel-item:hover .products-carousel-item-iterator {
    color: rgba(255, 255, 255, 0);
    background-position-y: calc(100% - 7rem);
}
.products-carousel-item-iterator {
    background-position-y: calc(100% - 35rem);
    background-position-x: calc(100% + 141px);
    font-size: 30rem;
    background-size: 132%;
    background-repeat: no-repeat;
    -webkit-background-clip: text;
    -webkit-font-smoothing: antialiased;
    font-weight: 700;
    transform: translate(-154px, -70px);
    color: #fff;
    transition:
        color 0.2s,
        background-position-y 0.2s;
}
@media (max-width: 768px) {
    .products-carousel-item-iterator {
        font-size: 15rem;
        transform: translate(-80px, -30px);
    }
}
.products-carousel-item:hover .products-carousel-item-title::before {
    width: 110px;
}
.products-carousel-item-title {
    position: absolute;
    bottom: 2rem;
    left: 2rem;
    font-size: 3rem;
    font-weight: 300;
    width: 40%;
    line-height: 62px;
    color: #fff !important;
}
.products-carousel-item-title::before {
    content: "";
    position: absolute;
    top: -35px;
    transition: width 0.2s;
    width: 50px;
    height: 3px;
    background-color: #fff;
}
.products-carousel-item:hover .products-carousel-item-arrow-wrapper::after {
    width: 0;
}
.products-carousel-item:hover .products-carousel-item-arrow .st0,
.products-carousel-item:hover .products-carousel-item-arrow .st1 {
    stroke: #ffe81f;
}
.products-carousel-item-arrow {
    height: 50px;
}
.products-carousel-item-arrow-wrapper {
    position: absolute;
    bottom: 2rem;
    right: 2rem;
    transform: translateY(-2rem) rotate(-45deg);
}
.products-carousel-item-arrow-wrapper::after {
    transition: 0.2s width;
    width: 100%;
    height: 100%;
    content: "";
    background-color: #1e1d1e;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: 1;
}
.featured-project-title-section {
    background-color: #ffe81f;
    padding-right: 3rem;
    padding-left: 3rem;
    padding-top: 3rem;
    padding-bottom: 3rem;
    min-height: unset;
}
@media (max-width: 576px) {
    .featured-project-title-section {
        padding-right: 1rem;
        padding-left: 1rem;
    }
}
.featured-project-title-section h2 {
    margin-bottom: 0;
}
.featured-project {
    overflow: hidden;
}
.featured-project-bg {
    min-height: inherit;
    position: relative;
    display: flex;
    align-items: center;
    padding-left: 30%;
}
@media (max-width: 992px) {
    .featured-project-bg {
        padding-left: 1rem;
        padding-right: 1rem;
    }
}
.featured-project-content {
    padding-top: 3rem;
    padding-bottom: 3rem;
}
@media (min-width: 1200px) {
    .featured-project-content {
        width: 30%;
    }
}
@media (min-width: 992px) {
    .featured-project-content {
        width: 50%;
    }
}
.featured-project-attributes {
    margin-bottom: 1.5rem;
}
.featured-project-attribute {
    color: #ffe81f;
    font-size: 1.3rem;
    padding-right: 0.6rem;
    font-weight: 200;
}
.featured-project-attribute:not(:last-child) {
    border-right: 1px solid #ffe81f;
}
.featured-project-attribute:not(:first-child) {
    padding-left: 0.6rem;
}
@media (max-width: 400px) {
    .featured-project-attribute {
        display: block;
        margin-bottom: 0.5rem;
        padding-left: 0 !important;
        border-right: unset !important;
        border-bottom: 1px solid #ffe81f;
        width: fit-content;
        padding-bottom: 0.1rem;
    }
}
.featured-project-title {
    color: #fff;
}
.featured-project-title span {
    background-color: #fff59c;
    color: #1e1d1e;
}
.featured-project-description {
    margin-bottom: 2rem;
}
.featured-project-description p {
    color: #fff;
}
.featured-project .button {
    transform: translateX(-20px);
}
.h2-white-bg-black-button {
    display: flex;
    align-items: center;
    justify-content: center;
}
.h2-white-bg-black-button .wrapper {
    padding-top: 3rem;
    padding-bottom: 3rem;
    padding-right: 3rem;
    padding-left: 3rem;
    width: 50%;
}
@media (max-width: 576px) {
    .h2-white-bg-black-button .wrapper {
        padding-right: 1rem;
        padding-left: 1rem;
    }
}
@media (max-width: 992px) {
    .h2-white-bg-black-button .wrapper {
        width: 100%;
    }
}
.h2-white-bg-black-button .description {
    text-align: center;
    margin-top: 2rem;
}
.h2-white-bg-black-button .button {
    margin-left: auto;
    margin-right: auto;
    margin-top: 3rem;
}
.h2-white-bg-black-button .button-text span {
    color: #1e1d1e;
}
.h2-white-bg-black-button .button-arrow-container {
    border-color: #1e1d1e !important;
}
.h2-white-bg-black-button .button-arrow {
    filter: invert(1);
}
.black-bg-big-yellow-title {
    background-color: #000;
    display: flex;
    align-items: center;
    justify-content: center;
}
.black-bg-big-yellow-title .wrapper {
    padding-top: 3rem;
    padding-bottom: 3rem;
    padding-right: 3rem;
    padding-left: 3rem;
}
@media (max-width: 576px) {
    .black-bg-big-yellow-title .wrapper {
        padding-right: 1rem;
        padding-left: 1rem;
    }
}
.black-bg-big-yellow-title .big-yellow-title {
    font-size: 11rem;
    color: #ffe81f;
    font-weight: 700;
    margin-bottom: 0;
}
@media (min-width: 800px) {
    .black-bg-big-yellow-title .big-yellow-title {
        margin-bottom: 2rem;
        line-height: 140px;
    }
}
@media (max-width: 992px) {
    .black-bg-big-yellow-title .big-yellow-title {
        font-size: clamp(3.7rem, 19vw, 11rem);
    }
}
.black-bg-big-yellow-title .menu-list {
    margin-top: 0;
    margin-bottom: 0;
    width: fit-content;
}
.black-bg-big-yellow-title .menu-list li {
    margin-bottom: 0;
}
@media (max-width: 992px) {
    .black-bg-big-yellow-title .menu-list li,
    .black-bg-big-yellow-title .menu-list li a {
        font-size: 2.5rem;
    }
}
@media (max-width: 400px) {
    .black-bg-big-yellow-title .menu-list li,
    .black-bg-big-yellow-title .menu-list li a {
        font-size: 2rem;
    }
}
.yellow-list-section {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #1a191a;
    position: relative;
    overflow: hidden;
}
.yellow-list-section .wrapper {
    padding-top: 3rem;
    padding-bottom: 3rem;
    padding-right: 3rem;
    padding-left: 3rem;
    display: flex;
    position: relative;
    z-index: 3;
}
@media (max-width: 576px) {
    .yellow-list-section .wrapper {
        padding-right: 1rem;
        padding-left: 1rem;
    }
}
@media (min-width: 992px) {
    .yellow-list-section .wrapper {
        width: 80%;
    }
}
@media (min-width: 1400px) {
    .yellow-list-section .wrapper {
        width: 70%;
    }
}
@media (max-width: 992px) {
    .yellow-list-section .wrapper {
        width: 100%;
        flex-direction: column;
    }
}
.yellow-list-section-title {
    padding: 5rem;
    padding-left: 0;
    padding-right: 10rem;
    color: #fff;
    font-size: 2.5rem;
}
@media (min-width: 992px) {
    .yellow-list-section-title {
        text-align: right;
    }
}
@media (min-width: 992px) {
    .yellow-list-section .menu-list {
        padding-right: 5rem;
    }
}
.yellow-list-section .menu-list .menu-list-name {
    color: #ffe81f;
    line-height: 37px;
    font-size: 1.8rem;
    font-weight: 700;
    transition: transform 0.5s ease;
}
.yellow-list-section .menu-list .menu-list-name::after {
    display: none;
    width: 100% !important;
    opacity: 1;
    height: 1px;
    background-color: #fdfdfd;
}
.yellow-list-section .menu-list li {
    width: 100%;
    padding-bottom: 1.4rem;
    margin-bottom: 1.4rem;
    transform: translateX(0px);
}
.yellow-list-section .menu-list li:hover .menu-list-name {
    transform: translateX(45px);
}
.yellow-list-section .menu-list li:last-child::after {
    display: none;
}
.yellow-list-section .menu-list li::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #fdfdfd;
    height: 1px;
    width: calc(100% + 40px);
}
.yellow-list-section .menu-list li a {
    position: relative;
}
.yellow-list-section .menu-list li img {
    height: 30px;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(-120%, -50%) !important;
    transition: transform 0.2s ease-out;
}
.yellow-list-section .menu-list li:hover img {
    transform: translate(calc(-100% + 40px), -50%) !important;
    transition: transform 0.4s ease-in;
}
.yellow-list-section .gray-circle,
.yellow-list-section .yellow-outer-circle,
.yellow-list-section .yellow-inner-circle {
    position: absolute;
    border-radius: 100%;
}
.yellow-list-section .gray-circle {
    top: 50%;
    right: 0;
    transform: translate(40%, -50%);
    height: 90vh;
    width: 90vh;
    z-index: 1;
    border: 2px solid #363636;
}
.yellow-list-section .yellow-outer-circle {
    border: 2px solid #ffe81f;
    height: 70vh;
    width: 70vh;
    bottom: 0;
    right: 0;
    transform: translateX(45%) rotate(35deg);
    z-index: 2;
    animation-name: rotate3;
    animation-iteration-count: infinite;
    animation-timing-function: ease;
    animation-duration: 5s;
    animation-delay: 1s;
}
@media (max-width: 768px) {
    .yellow-list-section .yellow-outer-circle {
        display: none;
    }
}
@keyframes rotate3 {
    from {
        transform: translateX(45%) rotate(35deg);
    }
    to {
        transform: translateX(45%) rotate(395deg);
    }
}
.yellow-list-section .yellow-inner-circle {
    height: 12vh;
    width: 12vh;
    background-color: #ffe81f;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}
.cooperation {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8rem 1rem;
    min-height: unset;
}
.cooperation-description {
    text-align: center;
    margin: 0 auto;
    margin-bottom: 6rem;
}
@media (min-width: 992px) {
    .cooperation-description {
        width: 90vh;
    }
}
.cooperation-row {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 0rem 1rem;
}
@media (max-width: 992px) {
    .cooperation-row {
        padding: 0;
    }
}
.cooperation-logo {
    width: 100%;
    height: auto;
}
.cooperation-logo-wrapper {
    padding: 1rem 1.5rem;
    border: 1px solid #1e1d1e;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.cooperation-logo-col {
    padding: 0 1rem;
    margin-bottom: 1rem;
    width: 8.3333333333%;
}
@media (max-width: 1600px) {
    .cooperation-logo-col {
        width: 16.6666666667%;
    }
}
@media (max-width: 992px) {
    .cooperation-logo-col {
        width: 25%;
    }
}
@media (max-width: 768px) {
    .cooperation-logo-col {
        width: 33.3333333333%;
    }
}
@media (max-width: 576px) {
    .cooperation-logo-col {
        width: 50%;
    }
}
@media (max-width: 400px) {
    .cooperation-logo-col {
        width: 100%;
        padding: 0;
    }
}
.opinions {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8rem 1rem;
    padding-top: 0;
    min-height: unset;
    overflow: hidden;
}
.opinions-description {
    text-align: center;
    margin: 0 auto;
    margin-bottom: 4rem;
}
@media (min-width: 992px) {
    .opinions-description {
        width: 90vh;
    }
}
.opinions-wrapper {
    width: 100%;
}
.opinions-carousel {
    overflow-x: auto;
    overflow-y: hidden;
    cursor: grab;
    max-width: 100%;
    padding-top: 3rem;
    margin-left: 8rem;
}
@media (max-width: 1200px) {
    .opinions-carousel {
        margin-left: 4rem;
    }
}
@media (max-width: 992px) {
    .opinions-carousel {
        margin-left: 0rem;
    }
}
.opinions-carousel::-webkit-scrollbar {
    height: 0;
}
.opinions-carousel .carousel-content {
    display: inline-flex;
}
.opinions-carousel .carousel-content .item {
    width: 700px;
    border: 4px solid #1e1d1e;
    padding: 0 2rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.opinions-carousel .carousel-content .item:not(:last-child) {
    margin-right: 1rem;
}
.opinions-carousel-opinion {
    padding: 12rem 0rem;
    position: relative;
}
.opinions-carousel-opinion-quote {
    position: absolute;
    height: 62px;
    width: auto;
}
.opinions-carousel-opinion-quote.open {
    top: 12rem;
    left: 0;
    transform: translateY(-110%);
}
.opinions-carousel-opinion-quote.close {
    bottom: 12rem;
    right: 0;
    transform: translateY(110%);
}
.opinions-carousel-opinion p {
    line-height: 60px;
    font-weight: 700;
    font-size: 2.5rem;
    color: #000;
    margin: 0;
}
.opinions-carousel-author {
    background-color: #1e1d1e;
    width: fit-content;
    padding: 1.5rem;
}
.opinions-carousel-name {
    color: #fff;
    font-size: 1.2rem;
}
.gallery {
    padding: 0rem 9rem;
}
@media (max-width: 1200px) {
    .gallery {
        padding-left: 5rem;
        padding-right: 5rem;
    }
}
@media (max-width: 992px) {
    .gallery {
        padding-left: 1rem;
        padding-right: 1rem;
    }
}
.gallery-title {
    text-align: left;
}
.gallery-title,
.gallery-arch {
    margin-right: auto !important;
    margin-left: 0 !important;
}
.gallery-description {
    margin-top: 2rem;
    margin-bottom: 4rem;
}
@media (min-width: 992px) {
    .gallery-description {
        width: 45%;
    }
}
.gallery-row {
    display: flex;
    flex-wrap: wrap;
    min-height: 100vh;
}
@media (min-width: 992px) {
    .gallery-row {
        margin-left: -1.5rem;
        margin-right: -1.5rem;
    }
}
.gallery-col:nth-child(1) {
    width: 30%;
}
@media (min-width: 992px) {
    .gallery-col:nth-child(1) .gallery-photo-container.small {
        width: 50%;
        margin-left: auto;
    }
}
.gallery-col:nth-child(2) {
    width: 45%;
}
.gallery-col:nth-child(3) {
    width: 25%;
}
@media (max-width: 992px) {
    .gallery-col {
        width: 100% !important;
    }
}
@media (min-width: 992px) {
    .gallery-photo-container {
        padding: 1.5rem;
        height: 100%;
    }
    .gallery-photo-container.medium {
        height: 40%;
    }
    .gallery-photo-container.small {
        height: 30%;
    }
}
@media (max-width: 992px) {
    .gallery-photo-container {
        height: 400px;
        padding-bottom: 1rem;
    }
}
@media (max-width: 576px) {
    .gallery-photo-container {
        height: 300px;
        padding-top: 0rem !important;
    }
}
@media (max-width: 576px) {
    .gallery-button {
        margin-left: auto;
        margin-right: auto;
        margin-top: 2rem;
    }
}
.gallery-button-container {
    height: auto;
}
.gallery-button-text {
    color: #000;
}
.gallery-button-arrow-container {
    border-color: #000;
}
.gallery-button-arrow {
    filter: invert(1);
}
.tags {
    position: relative;
    overflow: hidden;
    margin-top: 10rem;
    min-height: unset;
}
.tags-carousel {
    display: inline-flex;
    width: max-content;
    position: absolute;
}
.tags-carousel-container {
    position: relative;
    margin-bottom: 2.5rem;
    height: 120px;
}
@media (max-width: 768px) {
    .tags-carousel-container {
        margin-bottom: 0.5rem;
    }
}
.tags-tag {
    padding: 1rem 2rem;
    border-radius: 150px;
    font-size: 3.5rem;
    font-weight: 100;
    border: 2px solid #1e1d1e;
    margin-right: 2rem;
    transition:
        transform 0.2s linear,
        background-color 0.2s ease,
        color 0.2s ease;
}
@media (max-width: 768px) {
    .tags-tag {
        font-size: 2rem;
        margin-right: 1rem;
    }
}
.tags-tag:hover {
    background-color: #1e1d1e;
    color: #fff;
}
.tags-tag:hover.ad-yellow {
    background-color: #ffe81f;
    color: #1e1d1e;
}
.tags-tag.ad-yellow {
    border-color: #ffe81f;
}
.bg {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
}
.sub-hero {
    min-height: 699px;
}
.sub-hero__container {
    width: 100%;
    height: 699px;
    background-color: #463010;
    position: relative;
}
.sub-hero__container__image {
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.sub-hero__container__wrapper {
    position: absolute;
    bottom: 3rem;
    left: 0;
    padding-left: 17rem;
    padding-right: 17rem;
}
.sub-hero__container__wrapper__list {
    list-style-type: none;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 0;
}
.sub-hero__container__wrapper__list__item {
    color: #ffe81f;
    font-size: 1rem;
    font-size: clamp(1rem, 0.9573170732rem + 0.243902439vw, 1.25rem);
    font-weight: 200;
    line-height: 1.6rem;
    border-right: 1px solid #ffe81f;
    padding: 0;
    padding-right: 1rem;
    padding-left: 1rem;
    letter-spacing: normal;
}
.sub-hero__container__wrapper__list__item:first-of-type {
    padding-left: 0 !important;
}
.sub-hero__container__wrapper__list__item:last-of-type {
    border-right: unset !important;
}
.sub-hero__container__wrapper__title {
    color: #fff;
    font-size: 2rem;
    font-size: clamp(2rem, 1.0609756098rem + 5.3658536585vw, 7.5rem);
    line-height: 2rem;
    line-height: clamp(2rem, 1.0609756098rem + 5.3658536585vw, 7.5rem);
    font-weight: 700;
    padding-top: 0.5rem;
    padding-right: 1.75rem;
}
.sub-hero__container__wrapper__title--yellow {
    color: #ffe81f;
}
.sub-hero__container__wrapper__description p {
    color: #fff !important;
    font-size: 1rem;
    font-size: clamp(1rem, 0.9573170732rem + 0.243902439vw, 1.25rem);
    line-height: 1.875rem;
    font-weight: 200;
    padding-left: 4rem;
    padding-top: 3rem;
    max-width: 36%;
}
@media screen and (max-width: 1600px) {
    .sub-hero__container__wrapper {
        padding-right: 10rem;
        padding-left: 10rem;
    }
    .sub-hero__container__wrapper__description p {
        padding-left: 2rem;
    }
}
@media screen and (max-width: 1300px) {
    .sub-hero__container__wrapper {
        padding-right: 3rem;
        padding-left: 3rem;
    }
    .sub-hero__container__wrapper__description p {
        padding-left: 1.5rem;
    }
}
@media screen and (max-width: 991px) {
    .sub-hero__container__wrapper {
        padding-right: 1.75rem;
        padding-left: 1.75rem;
    }
    .sub-hero__container__wrapper__description p {
        padding-left: 0;
        max-width: 50%;
    }
}
@media screen and (max-width: 700px) {
    .sub-hero__container__wrapper__description p {
        padding-top: 1rem;
        max-width: 75%;
    }
}
@media screen and (max-width: 500px) {
    .sub-hero__container__wrapper {
        padding-left: 1rem;
        padding-right: 1rem;
    }
    .sub-hero__container__wrapper__list__item {
        border-right: unset;
        padding-right: 0.5rem;
        padding-left: 0;
    }
    .sub-hero__container__wrapper__description p {
        max-width: 100%;
    }
}
.section-header {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-height: unset;
    padding-top: 12rem;
    padding-bottom: 4.5rem;
    padding-left: 17rem;
    padding-right: 17rem;
}
.section-header--npt {
    padding-top: 0;
}
.section-header--lpt {
    padding-top: 3.5rem;
}
.section-header--left {
    align-items: flex-start;
    padding-left: 26rem;
}
.section-header--cms {
    align-items: flex-start;
    padding-left: 27rem;
    padding-top: 17rem;
}
.section-header__title {
    font-size: 1.5rem;
    font-size: clamp(1.5rem, 1.1158536585rem + 2.1951219512vw, 3.75rem);
    line-height: 1.9rem;
    line-height: clamp(1.9rem, 1.3920731707rem + 2.9024390244vw, 4.875rem);
    font-weight: 700;
    text-align: center;
    margin: 0 !important;
    padding-bottom: 0.4rem;
}
.section-header__title--categories {
    padding-bottom: 1.2rem;
}
.section-header__title--join-us {
    font-size: 1.5rem;
    font-size: clamp(1.5rem, 1.0134146341rem + 2.7804878049vw, 4.35rem);
    color: #fff;
    padding-bottom: 1.5rem;
}
@media screen and (min-width: 992px) {
    .section-header__title--join-us {
        width: 53vw;
    }
}
.section-header__title--kiss {
    position: relative;
    width: max-content;
    padding-bottom: 1rem;
}
.section-header__title--kiss::after {
    content: url(../../img/about-us-page/kiss.png);
    position: absolute;
    top: -21%;
    right: -1.5rem;
    transform: translateX(100%);
    height: 52px;
    width: 67px;
}
.section-header__title--left {
    text-align: start;
    width: 75%;
}
.section-header__title--width {
    width: 42vw !important;
}
.section-header__title--big {
    font-size: 2rem;
    font-size: clamp(2rem, 1.0609756098rem + 5.3658536585vw, 7.5rem);
    line-height: 2.4rem;
    line-height: clamp(2.4rem, 1.443902439rem + 5.4634146341vw, 8rem);
}
.section-header__title--big--cms {
    width: max-content !important;
}
.section-header__bow {
    width: 28%;
    height: auto;
}
.section-header__bow--categories {
    width: 50%;
}
.section-header__bow--cms {
    align-self: flex-start;
    margin-top: 13px;
    width: 31%;
}
.section-header__bow--offer {
    width: 32%;
}
@media screen and (max-width: 1600px) {
    .section-header {
        padding-left: 10rem;
        padding-right: 10rem;
    }
}
@media screen and (max-width: 1300px) {
    .section-header {
        padding-left: 3rem;
        padding-right: 3rem;
    }
}
@media screen and (min-width: 992px) {
    .section-header__title--big {
        width: 58vw;
    }
}
@media screen and (max-width: 991px) {
    .section-header {
        padding-left: 1.75rem;
        padding-right: 1.75rem;
    }
    .section-header__bow {
        width: 40%;
    }
}
@media screen and (max-width: 621px) {
    .section-header__title--width {
        width: unset !important;
    }
}
@media screen and (max-width: 500px) {
    .section-header {
        padding-left: 1rem;
        padding-right: 1rem;
    }
    .section-header__bow {
        width: 60%;
    }
    .section-header__title--kiss::after {
        top: -1rem;
        right: unset;
        left: 50%;
        transform: translate(-50%, -100%);
    }
}
@media screen and (max-width: 291px) {
    .section-header__title--left {
        width: 100%;
    }
}
.section-description {
    padding-left: 17rem;
    padding-right: 17rem;
    min-height: unset;
}
.section-description__text p {
    font-size: 1rem;
    font-size: clamp(1rem, 0.9573170732rem + 0.243902439vw, 1.25rem);
    line-height: 1.4rem;
    line-height: clamp(1.4rem, 1.318902439rem + 0.4634146341vw, 1.875rem);
    font-weight: 300;
    text-align: center;
    padding: 0;
    margin: 0 auto;
    width: 56%;
}
.section-description__text--white p {
    color: #fff;
}
.section-description__text--medium p {
    font-size: 1.2rem;
    font-size: clamp(1.2rem, 1.0634146341rem + 0.7804878049vw, 2rem);
    line-height: 1.6rem;
    line-height: clamp(1.6rem, 1.3609756098rem + 1.3658536585vw, 3rem);
    width: 65%;
    padding-bottom: 3rem;
}
.section-description__text--big p {
    font-size: 1.2rem;
    font-size: clamp(1.2rem, 0.8926829268rem + 1.756097561vw, 3rem);
    line-height: 1.6rem;
    line-height: clamp(1.6rem, 1.168902439rem + 2.4634146341vw, 4.125rem);
    width: 80%;
    padding-bottom: 2.2rem;
}
.section-description__text--big--cms p {
    text-align: start;
    width: 75%;
}
.section-description__text--big--offer p {
    text-align: start;
    width: 79%;
}
.section-description__text--start p {
    text-align: start !important;
    padding-bottom: 3rem;
}
@media screen and (max-width: 1600px) {
    .section-description {
        padding-left: 10rem;
        padding-right: 10rem;
    }
    .section-description__text--big--cms p {
        width: 100% !important;
    }
    .section-description__text--big--offer p {
        width: 100% !important;
    }
}
@media screen and (max-width: 1300px) {
    .section-description {
        padding-left: 3rem;
        padding-right: 3rem;
    }
}
@media screen and (max-width: 991px) {
    .section-description {
        padding-left: 1.75rem;
        padding-right: 1.75rem;
    }
    .section-description__text p {
        width: 70%;
    }
}
@media screen and (max-width: 500px) {
    .section-description {
        padding-left: 1rem;
        padding-right: 1rem;
    }
    .section-description__text p {
        width: 90%;
    }
}
.section-image {
    padding-left: 17rem;
    padding-right: 17rem;
    margin-top: 4.5rem;
    min-height: unset;
    max-height: 668px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}
.section-image--sm {
    margin-top: 9.5rem;
}
.section-image__picture {
    width: 71%;
    height: auto;
    max-height: 661px;
    object-fit: contain;
}
.section-image__picture--index {
    z-index: 2;
}
.section-image__picture--big {
    width: 84%;
    margin-bottom: 14rem;
}
.section-image__overlay {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: calc(100% - 34rem);
    height: 89%;
    background-color: #fff;
    box-shadow: -25px 113px 99px rgba(0, 0, 0, 0.16);
    z-index: -1;
}
.section-image__overlay--index {
    z-index: 1;
}
.section-image__overlay--gray {
    background-color: #f3f3f3;
    height: 100%;
}
@media screen and (max-width: 1600px) {
    .section-image {
        padding-left: 10rem;
        padding-right: 10rem;
    }
    .section-image--sm {
        margin-top: 6rem;
    }
    .section-image__overlay {
        width: calc(100% - 20rem) !important;
    }
}
@media screen and (max-width: 1300px) {
    .section-image {
        padding-left: 3rem;
        padding-right: 3rem;
    }
    .section-image--sm {
        margin-top: 3rem;
    }
    .section-image__overlay {
        width: calc(100% - 6rem) !important;
    }
}
@media screen and (max-width: 991px) {
    .section-image {
        padding-left: 1.75rem;
        padding-right: 1.75rem;
    }
    .section-image__picture--big {
        margin-bottom: 7rem;
    }
    .section-image__overlay {
        width: calc(100% - 3.5rem) !important;
    }
}
@media screen and (max-width: 500px) {
    .section-image {
        padding-left: 1rem;
        padding-right: 1rem;
    }
    .section-image__picture {
        width: 100%;
    }
    .section-image__picture--big {
        width: 95%;
    }
    .section-image--sm {
        margin-top: 1rem;
    }
    .section-image__overlay {
        width: calc(100% - 2rem) !important;
    }
}
.mockup-section {
    min-height: unset;
    padding-bottom: 7.5rem;
    position: relative;
    z-index: 2;
}
.website-section {
    position: relative;
    min-height: unset;
    background-color: #f3f3f3;
    z-index: 1;
    padding-bottom: 1.7rem;
    box-shadow: -25px 113px 99px rgba(0, 0, 0, 0.1607843137);
}
.big-number {
    min-height: unset;
    position: absolute;
    top: -5rem;
    left: -14rem;
}
.big-number__text p {
    position: absolute;
    top: 0;
    left: 0;
    width: max-content;
    font-size: 10rem;
    font-size: clamp(10rem, 6.5rem + 20vw, 30.5rem);
    line-height: 9.8rem;
    line-height: clamp(9.8rem, 7.2048780488rem + 14.8292682927vw, 25rem);
    font-weight: 700;
    margin: 0;
    padding: 0;
    -webkit-background-clip: text;
    background-clip: text;
    color: rgba(0, 0, 0, 0);
    background-position: 0px -400px;
    background-repeat: no-repeat;
    background-size: cover;
    transition: background-position 0.6s ease-out;
}
.big-number__text--white {
    color: #fff !important;
}
.big-number__text--show {
    background-position: 0px 0px !important;
}
@media screen and (max-width: 1600px) {
    .big-number {
        left: -11rem;
    }
}
@media screen and (max-width: 1380px) {
    .big-number {
        left: -9rem;
    }
}
@media screen and (max-width: 1150px) {
    .big-number {
        left: -7rem;
    }
}
@media screen and (max-width: 921px) {
    .big-number {
        left: -6rem;
    }
}
@media screen and (max-width: 800px) {
    .big-number {
        left: -4rem;
    }
}
.cms-section {
    min-height: unset;
    position: relative;
    overflow: hidden;
    padding-bottom: 7.5rem;
}
.big-number2 {
    min-height: unset;
    position: absolute;
    top: -5rem;
    right: 29rem;
    z-index: 1;
}
.big-number2__text p {
    position: absolute;
    top: 0;
    left: 0;
    width: max-content;
    font-size: 10rem;
    font-size: clamp(10rem, 6.5rem + 20vw, 30.5rem);
    line-height: 9.8rem;
    line-height: clamp(9.8rem, 7.2048780488rem + 14.8292682927vw, 25rem);
    font-weight: 700;
    margin: 0;
    padding: 0;
    -webkit-background-clip: text;
    background-clip: text;
    color: rgba(0, 0, 0, 0);
    background-position: 0px -400px;
    background-repeat: no-repeat;
    background-size: cover;
    transition: background-position 0.6s ease-out;
}
.big-number2__text--yb {
    color: rgba(0, 0, 0, 0);
    -webkit-text-stroke: 2px #ffe81f;
}
.big-number2__text--show {
    background-position: 0px 0px !important;
    -webkit-text-stroke: 3px rgba(0, 0, 0, 0);
}
@media screen and (max-width: 1400px) {
    .big-number2 {
        right: 27rem;
    }
}
@media screen and (max-width: 1240px) {
    .big-number2 {
        right: 24rem;
    }
    .big-number2__text--yb {
        -webkit-text-stroke: 1px #ffe81f;
    }
}
@media screen and (max-width: 1080px) {
    .big-number2 {
        right: 21rem;
    }
}
@media screen and (max-width: 991px) {
    .big-number2 {
        top: -3.5rem;
        right: 19rem;
    }
}
@media screen and (max-width: 800px) {
    .big-number2 {
        right: 16rem;
    }
}
@media screen and (max-width: 562px) {
    .big-number2 {
        top: -3rem;
        right: 13rem;
    }
}
@media screen and (max-width: 376px) {
    .big-number2 {
        top: -2rem;
        right: 11rem;
    }
}
.design-section {
    background-color: #f3f3f3;
    min-height: unset;
    padding-bottom: 1.5rem;
    position: relative;
}
.offer-section {
    min-height: unset;
    padding-top: 5rem;
    position: relative;
    z-index: 5;
}
main {
    overflow: hidden;
}
.packages {
    display: flex;
    column-gap: 0.4rem;
    row-gap: 1rem;
    flex-wrap: wrap;
    padding-top: 7.5rem;
    padding-left: 10rem;
    padding-right: 10rem;
    max-width: 2050px;
    margin: 0 auto;
    padding-bottom: 10rem;
}
.packages__item {
    width: 33%;
}
.packages__item__image {
    margin-bottom: 1.5rem;
}
.packages__item__title p {
    font-size: 1.875rem;
    line-height: normal;
    font-weight: 700;
    display: flex;
}
.packages__item__title__number {
    max-width: 40.36px !important;
    white-space: nowrap;
}
.packages__item__title--padding {
    padding-left: 1.3rem;
    padding-right: 1.3rem;
}
.packages__item__list {
    display: flex;
    flex-direction: column;
    row-gap: 1rem;
    padding-top: 0.5rem;
    padding-left: 3.9rem;
    list-style-type: none;
}
.packages__item__list__spec {
    font-size: 1rem;
    font-size: clamp(1rem, 0.9359756098rem + 0.3658536585vw, 1.375rem);
    line-height: 1.4rem;
    line-height: clamp(1.4rem, 1.2634146341rem + 0.7804878049vw, 2.2rem);
    font-weight: 500;
    position: relative;
    padding-right: 1rem;
}
.packages__item__list__spec b {
    font-weight: 700;
}
.packages__item__list__spec::marker {
    color: #ffe81f;
    font-size: 1.5em;
    font-size: 1.4rem;
    font-size: clamp(1.4rem, 1.2634146341rem + 0.7804878049vw, 2.2rem);
}
.packages__item__list__spec::before {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -2.5rem;
    height: 12px;
    width: 12px;
    border-radius: 100%;
    background-color: #ffe81f;
}
.packages__item__price {
    padding-top: 0.7rem;
}
.packages__item__price p {
    font-size: 1rem;
    font-size: clamp(1rem, 0.9359756098rem + 0.3658536585vw, 1.375rem);
    line-height: 4rem;
    line-height: clamp(4rem, 3.9359756098rem + 0.3658536585vw, 4.375rem);
    font-weight: 500;
}
.packages__item__price b {
    font-size: 1.4rem;
    font-size: clamp(1.4rem, 1.212195122rem + 1.0731707317vw, 2.5rem);
    padding-left: 0.6rem;
}
@media screen and (max-width: 1600px) {
    .packages__item {
        width: 49%;
    }
}
@media screen and (max-width: 1300px) {
    .packages {
        padding-left: 3rem;
        padding-right: 3rem;
    }
}
@media screen and (max-width: 991px) {
    .packages {
        padding-left: 1.75rem;
        padding-right: 1.75rem;
        justify-content: center;
    }
    .packages__item {
        width: 80%;
    }
}
@media screen and (max-width: 500px) {
    .packages {
        padding-left: 1rem;
        padding-right: 1rem;
    }
    .packages__item {
        width: 100%;
    }
    .packages__item__title--padding {
        padding-right: unset;
    }
    .packages__item__list {
        padding-left: 3.4rem;
    }
    .packages__item__list__spec {
        padding-right: unset;
    }
}
.big-number4 {
    min-height: unset;
    position: absolute;
    top: -5rem;
    right: 33rem;
    z-index: 1;
}
.big-number4__text p {
    position: absolute;
    top: 0;
    left: 0;
    width: max-content;
    font-size: 10rem;
    font-size: clamp(10rem, 6.5rem + 20vw, 30.5rem);
    line-height: 9.8rem;
    line-height: clamp(9.8rem, 7.2048780488rem + 14.8292682927vw, 25rem);
    font-weight: 700;
    margin: 0;
    padding: 0;
    -webkit-background-clip: text;
    background-clip: text;
    color: rgba(0, 0, 0, 0);
    background-position: 0px -500px;
    background-repeat: no-repeat;
    background-size: cover;
    transition: background-position 0.6s ease-out;
}
.big-number4__text p:hover {
    background-position: 0px 0px !important;
}
.big-number4__text--yb {
    color: rgba(0, 0, 0, 0);
    -webkit-text-stroke: 2px #ffe81f;
}
.big-number4__text--show {
    background-position: 0px 0px !important;
    -webkit-text-stroke: 3px rgba(0, 0, 0, 0);
}
@media screen and (max-width: 1400px) {
    .big-number4 {
        right: 27rem;
    }
}
@media screen and (max-width: 1240px) {
    .big-number4 {
        right: 24rem;
    }
    .big-number4__text--yb {
        -webkit-text-stroke: 1px #ffe81f;
    }
}
@media screen and (max-width: 1080px) {
    .big-number4 {
        right: 21rem;
    }
}
@media screen and (max-width: 991px) {
    .big-number4 {
        top: -3.5rem;
        right: 19rem;
    }
}
@media screen and (max-width: 800px) {
    .big-number4 {
        right: 16rem;
    }
}
@media screen and (max-width: 562px) {
    .big-number4 {
        top: -3rem;
        right: 13rem;
    }
}
@media screen and (max-width: 376px) {
    .big-number4 {
        top: -2rem;
        right: 11rem;
    }
}
.idea-section {
    background-color: #000;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding-left: 12rem;
    padding-right: 5rem;
}
.idea-section__title p {
    font-size: 1.6rem;
    font-size: clamp(1.6rem, -0.2609756098rem + 10.6341463415vw, 12.5rem);
    font-weight: 700;
    color: #ffe81f;
    line-height: 2rem;
    line-height: clamp(2rem, -0.3731707317rem + 13.5609756098vw, 15.9rem);
    margin: 0;
    text-transform: uppercase;
    margin-left: -5px;
}
.idea-section__cta {
    display: flex;
    align-items: center;
    column-gap: 1rem;
    position: relative;
}
.idea-section__cta__arrow {
    transform: translateX(-6.4rem);
    transition: transform 0.4s ease-in-out;
}
.idea-section__cta__hider {
    position: absolute;
    top: 50%;
    left: -7rem;
    height: 50px;
    width: 50px;
    background-color: #000;
    transform: translateY(-50%);
}
.idea-section__cta__text {
    font-size: 1.3rem;
    font-size: clamp(1.3rem, 0.9884146341rem + 1.7804878049vw, 3.125rem);
    letter-spacing: 1.5px;
    font-weight: 300;
    color: #fff;
    background-color: #000;
    position: relative;
    transform: translateX(-2.8rem);
    transition: transform 0.4s ease-in-out;
}
.idea-section__cta__text::after {
    position: absolute;
    content: "";
    bottom: 0;
    left: 0;
    width: 0%;
    height: 2px;
    background-color: gray;
    opacity: 0;
    transition: all 0.4s ease-in-out;
}
.idea-section__cta:hover .idea-section__cta__text {
    transform: unset;
}
.idea-section__cta:hover .idea-section__cta__arrow {
    transform: unset;
}
.idea-section__cta:hover .idea-section__cta__text::after {
    width: 100%;
    opacity: 0.9;
}
@media screen and (max-width: 991px) {
    .idea-section {
        padding-left: 1.75rem;
        padding-right: 1.75rem;
    }
    .idea-section__cta__text {
        transform: translateX(-3.1rem);
    }
}
@media screen and (max-width: 500px) {
    .idea-section {
        padding-left: 1rem;
        padding-right: 1rem;
    }
}
.yellow-listing-section {
    margin-top: -1px;
    background-color: #1e1d1e;
    overflow: hidden;
    position: relative;
}
.yellow-listing-section__container {
    position: relative;
    width: 100%;
    min-height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    column-gap: 13rem;
}
.yellow-listing-section__container__title {
    width: 20%;
    position: relative;
    z-index: 5;
}
.yellow-listing-section__container__title p {
    font-size: 1.5rem;
    font-size: clamp(1.5rem, 1.3292682927rem + 0.9756097561vw, 2.5rem);
    line-height: normal;
    font-weight: 700;
    color: #fff;
    text-align: end;
    margin: 0;
    padding-bottom: 3rem;
}
.yellow-listing-section__container__list {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    list-style-type: none;
    width: 27%;
    padding-left: unset;
}
.yellow-listing-section__container__list__item {
    width: 100%;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    border-bottom: 1px solid #fff;
    display: flex;
    align-items: center;
    position: relative;
}
.yellow-listing-section__container__list__item:last-of-type {
    border-bottom: unset;
}
.yellow-listing-section__container__list__item__arrow {
    position: absolute;
    top: 50%;
    left: -3rem;
    transform: translate(0, -50%);
    transition: transform 0.5s ease-in-out;
}
.yellow-listing-section__container__list__item__link {
    width: 100%;
    font-size: 1.2rem;
    font-size: clamp(1.2rem, 1.0847560976rem + 0.6585365854vw, 1.875rem);
    line-height: 1.5rem;
    line-height: clamp(1.5rem, 1.3292682927rem + 0.9756097561vw, 2.5rem);
    font-weight: 700;
    letter-spacing: 0.9px;
    color: #ffe81f;
    display: block;
    transition: transform 0.5s ease;
    position: relative;
    z-index: 3;
}
.yellow-listing-section__container__list__item__hider {
    position: absolute;
    top: 50%;
    left: -4rem;
    transform: translateY(-50%);
    height: 50px;
    width: 50px;
    background-color: #1e1d1e;
    z-index: 1;
}
.yellow-listing-section__container__list__item:hover .yellow-listing-section__container__list__item__arrow {
    transform: translate(3rem, -50%);
}
.yellow-listing-section__container__list__item:hover .yellow-listing-section__container__list__item__link {
    transform: translateX(3rem);
}
.yellow-listing-section__circles__yellowfull {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 119px;
    height: 119px;
    border-radius: 100%;
    background-color: #ffe81f;
}
.yellow-listing-section__circles__yellowfull__container {
    position: relative;
    top: 50%;
    left: 50%;
    height: 946px;
    width: 119px;
    transform: translate(-50%, -50%) rotate(316deg);
    transition: transform 3s ease-in-out;
    animation-name: spin;
    animation-iteration-count: infinite;
    animation-timing-function: ease;
    animation-duration: 5s;
    animation-delay: 1s;
}
.yellow-listing-section__circles__yellowfull__container:hover {
    transform: translate(-50%, -50%) rotate(-44deg);
}
@keyframes spin {
    from {
        transform: translate(-50%, -50%) rotate(316deg);
    }
    to {
        transform: translate(-50%, -50%) rotate(-44deg);
    }
}
.yellow-listing-section__circles__yellowempty {
    position: absolute;
    bottom: 0;
    left: -16rem;
    width: 711px;
    height: 711px;
    border: 2px solid #ffe81f;
    border-radius: 100%;
    z-index: 3;
}
.yellow-listing-section__circles__grayempty {
    position: absolute;
    bottom: 5rem;
    left: -11rem;
    width: 922px;
    height: 922px;
    border: 2px solid #363636;
    border-radius: 100%;
    z-index: 2;
}
@media screen and (max-width: 1300px) {
    .yellow-listing-section__container__list {
        width: 40%;
    }
}
@media screen and (max-width: 991px) {
    .yellow-listing-section__container {
        flex-direction: column;
        width: 100%;
        padding-left: 1.75rem;
        padding-right: 1.75rem;
    }
    .yellow-listing-section__container__title {
        width: 100%;
    }
    .yellow-listing-section__container__list {
        width: 100%;
    }
    .yellow-listing-section__circles__yellowfull__container {
        display: none;
    }
}
@media screen and (max-width: 500px) {
    .yellow-listing-section__container {
        padding-left: 1rem;
        padding-right: 1rem;
    }
}
.portfolio-section {
    display: flex;
    flex-direction: column;
    padding-top: 8rem;
    padding-bottom: 4rem;
    padding-left: 12rem;
    padding-right: 12rem;
    max-width: 1920px;
    margin: 0 auto;
}
.portfolio-section__title {
    font-size: 2rem;
    font-size: clamp(2rem, 1.0609756098rem + 5.3658536585vw, 7.5rem);
    font-weight: 700;
    width: unset;
    margin: unset;
    text-align: unset;
    line-height: normal;
    padding-bottom: 2.5rem;
}
.portfolio-section__list {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1rem;
}
@media screen and (max-width: 1500px) {
    .portfolio-section__list {
        grid-template-columns: repeat(3, 1fr);
    }
}
@media screen and (max-width: 991px) {
    .portfolio-section__list {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media screen and (max-width: 649px) {
    .portfolio-section__list {
        grid-template-columns: repeat(1, 1fr);
    }
}
.portfolio-section__list__item {
    width: 100%;
    height: auto;
    aspect-ratio: 16/9;
    position: relative;
    overflow: hidden;
}
.portfolio-section__list__item__image {
    width: 100% !important;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.portfolio-section__list__item__image path {
    fill: #000;
}
.portfolio-section__list__item__overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0%;
    transition: height 0.6s ease;
}
.portfolio-section__list__item__text {
    position: absolute;
    bottom: 0;
    left: 0;
    overflow: hidden;
}
.portfolio-section__list__item__text__upper__list {
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    padding-left: 1rem;
    padding-bottom: 0.5rem;
    transform: translateX(-100%);
    transition: transform 0.6s ease;
    flex-wrap: wrap;
}
.portfolio-section__list__item__text__upper__list__item {
    padding-right: 0.25rem;
    padding-left: 0.25rem;
    font-size: 0.75rem;
    font-weight: 300;
}
.portfolio-section__list__item__text__upper__list__item:first-of-type {
    padding-left: 0;
}
.portfolio-section__list__item__text__upper__list__item:last-of-type {
    border-right: unset !important;
}
.portfolio-section__list__item__text__bottom p {
    color: #1e1d1e;
    font-size: 1.5rem;
    line-height: 1.9rem;
    font-weight: 800;
    padding: 0;
    padding-bottom: 1.5rem;
    padding-left: 1rem;
    padding-right: 1rem;
    margin: 0;
    transform: translateX(-100%);
    transition: transform 0.5s ease;
}
.portfolio-section__list__item:hover .portfolio-section__list__item__overlay {
    height: 100%;
}
.portfolio-section__list__item:hover .portfolio-section__list__item__text__upper__list {
    transform: translateX(0);
}
.portfolio-section__list__item:hover .portfolio-section__list__item__text__bottom p {
    transform: translateX(0);
}
@media screen and (max-width: 1600px) {
    .portfolio-section {
        padding-left: 10rem;
        padding-right: 10rem;
    }
}
@media screen and (max-width: 1300px) {
    .portfolio-section {
        padding-left: 3rem;
        padding-right: 3rem;
    }
}
@media screen and (max-width: 991px) {
    .portfolio-section {
        padding-top: 10rem;
        padding-left: 1.75rem;
        padding-right: 1.75rem;
    }
}
@media screen and (max-width: 900px) {
    .portfolio-section__list__item {
        width: 100%;
        /* height: 300px; */
    }
}
@media screen and (max-width: 500px) {
    .portfolio-section {
        padding-left: 1rem;
        padding-right: 1rem;
    }
}
.white-space-section {
    min-height: 658px;
}
.talents-section {
    background-color: #1e1d1e;
    position: relative;
}
.talents-section__wrapper {
    transform: translateY(-24.5rem);
    padding-left: 17rem;
    padding-right: 17rem;
    max-width: 1920px;
    margin: 0 auto;
    position: relative;
    z-index: 5;
}
.talents-section__wrapper__who p {
    font-size: 1rem;
    font-size: clamp(1rem, 0.9487804878rem + 0.2926829268vw, 1.3rem);
    padding: 0;
    margin: 0;
}
.talents-section__wrapper__name {
    font-size: 2rem;
    font-size: clamp(2rem, 1.0609756098rem + 5.3658536585vw, 7.5rem);
    line-height: 2rem;
    line-height: clamp(2rem, 1.0609756098rem + 5.3658536585vw, 7.5rem);
    margin: 0;
    padding-top: 1.5rem;
}
.talents-section__wrapper__title {
    color: #fff;
    font-size: 1.5rem;
    font-size: clamp(1.5rem, 1.1158536585rem + 2.1951219512vw, 3.75rem);
    line-height: 1.9rem;
    line-height: clamp(1.9rem, 1.3920731707rem + 2.9024390244vw, 4.875rem);
    font-weight: 700;
    text-align: center;
    padding-top: 5.5rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-bottom: 5rem;
}
.talents-section__wrapper__title__bow {
    height: auto;
    width: 50%;
    padding-top: 0.4rem;
}
.talents-section__wrapper__description p {
    color: #fff;
    font-size: 1rem;
    font-size: clamp(1rem, 0.9573170732rem + 0.243902439vw, 1.25rem);
    line-height: 1.4rem;
    line-height: clamp(1.4rem, 1.318902439rem + 0.4634146341vw, 1.875rem);
    font-weight: 300;
    text-align: center;
    padding: 0;
    margin: 0 auto;
    width: 56%;
}
.talents-section__circles {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 3;
}
.talents-section__circles__grayempty {
    position: absolute;
    bottom: 0;
    left: -29rem;
    width: 922px;
    height: 922px;
    border-radius: 100%;
    border: 2px solid #363636;
}
@media screen and (max-width: 991px) {
    .talents-section__circles__grayempty {
        width: 700px;
        height: 700px;
    }
}
.talents-section__circles__yellowempty {
    position: absolute;
    bottom: 0;
    left: -14rem;
    width: 485px;
    height: 485px;
    border-radius: 100%;
    border: 2px solid #ffe81f;
    transform: rotate(101deg);
    animation-name: talents;
    animation-iteration-count: infinite;
    animation-timing-function: ease;
    animation-duration: 5s;
    animation-delay: 1s;
}
@keyframes talents {
    from {
        transform: rotate(101deg);
    }
    to {
        transform: rotate(461deg);
    }
}
@media screen and (max-width: 991px) {
    .talents-section__circles__yellowempty {
        display: none;
    }
}
.talents-section__circles__yellowfull {
    position: absolute;
    bottom: 63%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 119px;
    height: 119px;
    border-radius: 100%;
    background-color: #ffe81f;
}
@media screen and (max-width: 1600px) {
    .talents-section__wrapper {
        padding-left: 10rem;
        padding-right: 10rem;
    }
}
@media screen and (max-width: 1300px) {
    .talents-section__wrapper {
        padding-left: 3rem;
        padding-right: 3rem;
    }
}
@media screen and (max-width: 991px) {
    .talents-section__wrapper {
        padding-left: 1.75rem;
        padding-right: 1.75rem;
    }
    .talents-section__wrapper__description p {
        width: 70%;
    }
}
@media screen and (max-width: 500px) {
    .talents-section__wrapper {
        padding-left: 1rem;
        padding-right: 1rem;
    }
    .talents-section__wrapper__title__bow {
        width: 60%;
    }
    .talents-section__wrapper__description p {
        width: 90%;
    }
}
.about-us-slider {
    width: 100%;
    overflow: hidden;
    padding-top: 3.4rem;
}
.about-us-slider__item {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.about-us-slider .owl-nav {
    display: none !important;
}
.about-us-slider .owl-stage {
    display: flex;
    height: 614px;
}
@media screen and (max-width: 991px) {
    .about-us-slider .owl-stage {
        height: 500px;
    }
}
@media screen and (max-width: 650px) {
    .about-us-slider .owl-stage {
        height: 400px;
    }
}
@media screen and (max-width: 500px) {
    .about-us-slider .owl-stage {
        height: 300px;
    }
}
.spec-list {
    padding-top: 3rem;
    padding-left: 17rem;
    padding-right: 17rem;
    display: flex;
    flex-wrap: wrap;
    row-gap: 6rem;
}
.spec-list__item {
    width: 50%;
}
.spec-list__item__text__title p {
    font-size: 1.5rem;
    font-size: clamp(1.5rem, 1.4359756098rem + 0.3658536585vw, 1.875rem);
    line-height: normal;
    font-weight: 700;
    letter-spacing: 0.9px;
    padding-right: 1rem;
}
.spec-list__item__text__description p {
    font-size: 1rem;
    font-size: clamp(1rem, 0.9573170732rem + 0.243902439vw, 1.25rem);
    line-height: 1.875rem;
    font-weight: 300;
    width: 85%;
}
.spec-list__item .one {
    height: 184px;
    width: 213px;
    margin-bottom: 4rem;
    position: relative;
}
.spec-list__item .one__big-yellow-empty-circle {
    position: absolute;
    top: 0;
    right: 0;
    height: 175px;
    width: 175px;
    border-radius: 100%;
    border: 1px solid #ffe81f;
}
.spec-list__item .one__big-yellow-full-circle {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 135px;
    width: 135px;
    border-radius: 100%;
    background-color: #ffe81f;
}
.spec-list__item .one__big-black-empty-circle {
    position: absolute;
    right: 5%;
    bottom: 5%;
    height: 144px;
    width: 144px;
    border-radius: 100%;
    border: 1px solid #1e1d1e;
}
.spec-list__item .one__small-yellow-full-circle {
    position: absolute;
    right: 0;
    bottom: 0;
    height: 42px;
    width: 42px;
    border-radius: 100%;
    background-color: #ffe81f;
    transform: translate(-26%, -43%);
}
.spec-list__item .one__small-black-full-circle {
    position: absolute;
    bottom: 9%;
    left: 2%;
    height: 88px;
    width: 88px;
    border-radius: 100%;
    background-color: #1e1d1e;
}
.spec-list__item .one__small-black-full-circle__text p {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin: 0;
    color: #fff;
    font-size: 1.875rem;
    line-height: 1.875rem;
    font-weight: 700;
    letter-spacing: 0.9px;
    display: block;
}
.spec-list__item .two {
    height: 184px;
    width: 213px;
    margin-bottom: 4rem;
    position: relative;
}
.spec-list__item .two__big-yellow-empty-circle {
    position: absolute;
    top: 0;
    left: 0;
    height: 175px;
    width: 175px;
    border-radius: 100%;
    border: 1px solid #ffe81f;
    z-index: 3;
}
.spec-list__item .two__small-yellow-full-circle {
    position: absolute;
    top: 47%;
    left: 1%;
    height: 41px;
    width: 41px;
    border-radius: 100%;
    background-color: #ffe81f;
    z-index: 1;
}
.spec-list__item .two__big-black-full-circle {
    position: absolute;
    bottom: 0;
    left: 21%;
    height: 89px;
    width: 89px;
    border-radius: 100%;
    background-color: #1e1d1e;
    z-index: 4;
}
.spec-list__item .two__big-black-full-circle__text p {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin: 0;
    color: #fff;
    font-size: 1.875rem;
    line-height: 1.875rem;
    font-weight: 700;
    letter-spacing: 0.9px;
    display: block;
}
.spec-list__item .two__big-yellow-full-circle {
    position: absolute;
    right: 0;
    bottom: 0;
    height: 161px;
    width: 161px;
    border-radius: 100%;
    background-color: #ffe81f;
    z-index: 2;
}
.spec-list__item .two__small-black-empty-circle {
    position: absolute;
    bottom: 0;
    right: 32%;
    height: 41px;
    width: 41px;
    border-radius: 100%;
    border: 1px solid #1e1d1e;
    z-index: 3;
}
.spec-list__item .three {
    height: 184px;
    width: 213px;
    margin-bottom: 4rem;
    position: relative;
}
.spec-list__item .three__big-yellow-empty-circle {
    position: absolute;
    top: 0;
    left: 0;
    height: 175px;
    width: 175px;
    border-radius: 100%;
    border: 1px solid #ffe81f;
    z-index: 3;
}
.spec-list__item .three__small-yellow-full-circle {
    position: absolute;
    top: 47%;
    left: 1%;
    height: 41px;
    width: 41px;
    border-radius: 100%;
    background-color: #ffe81f;
    z-index: 1;
}
.spec-list__item .three__big-black-full-circle {
    position: absolute;
    bottom: 0;
    left: 21%;
    height: 89px;
    width: 89px;
    border-radius: 100%;
    background-color: #1e1d1e;
    z-index: 4;
}
.spec-list__item .three__big-black-full-circle__text p {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin: 0;
    color: #fff;
    font-size: 1.875rem;
    line-height: 1.875rem;
    font-weight: 700;
    letter-spacing: 0.9px;
    display: block;
}
.spec-list__item .three__big-yellow-full-circle {
    position: absolute;
    right: 0;
    bottom: 0;
    height: 161px;
    width: 161px;
    border-radius: 100%;
    background-color: #ffe81f;
    z-index: 2;
}
.spec-list__item .three__small-black-empty-circle {
    position: absolute;
    top: 18%;
    left: -13%;
    height: 41px;
    width: 41px;
    border-radius: 100%;
    border: 1px solid #1e1d1e;
    z-index: 3;
}
.spec-list__item .four {
    height: 184px;
    width: 213px;
    margin-bottom: 4rem;
    position: relative;
}
.spec-list__item .four__big-yellow-empty-circle {
    position: absolute;
    top: 0;
    left: 0;
    height: 175px;
    width: 175px;
    border-radius: 100%;
    border: 1px solid #ffe81f;
    z-index: 3;
}
.spec-list__item .four__small-yellow-full-circle {
    position: absolute;
    top: 47%;
    left: 1%;
    height: 41px;
    width: 41px;
    border-radius: 100%;
    background-color: #ffe81f;
    z-index: 1;
}
.spec-list__item .four__big-black-full-circle {
    position: absolute;
    bottom: 0;
    left: 21%;
    height: 89px;
    width: 89px;
    border-radius: 100%;
    background-color: #1e1d1e;
    z-index: 4;
}
.spec-list__item .four__big-black-full-circle__text p {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin: 0;
    color: #fff;
    font-size: 1.875rem;
    line-height: 1.875rem;
    font-weight: 700;
    letter-spacing: 0.9px;
    display: block;
}
.spec-list__item .four__big-yellow-full-circle {
    position: absolute;
    right: 0;
    bottom: 0;
    height: 135px;
    width: 135px;
    border-radius: 100%;
    background-color: #ffe81f;
    z-index: 2;
}
.spec-list__item .four__small-black-empty-circle {
    position: absolute;
    top: -37%;
    right: 0;
    height: 118px;
    width: 118px;
    border-radius: 100%;
    border: 1px solid #1e1d1e;
    z-index: 3;
}
@media screen and (max-width: 1600px) {
    .spec-list {
        padding-left: 10rem;
        padding-right: 10rem;
    }
}
@media screen and (max-width: 1300px) {
    .spec-list {
        padding-left: 3rem;
        padding-right: 3rem;
    }
}
@media screen and (max-width: 991px) {
    .spec-list {
        padding-left: 1.75rem;
        padding-right: 1.75rem;
    }
    .spec-list__item {
        width: 51%;
        margin: 0 auto;
    }
    .spec-list__item__text__description p {
        width: 100%;
    }
}
@media screen and (max-width: 750px) {
    .spec-list__item {
        width: 90%;
    }
}
@media screen and (max-width: 500px) {
    .spec-list {
        padding-left: 1rem;
        padding-right: 1rem;
    }
    .spec-list__item {
        width: 100%;
    }
}
.spec-list-button {
    min-height: unset;
    margin-top: 7rem;
}
.people-white {
    padding-left: 7.3rem;
    padding-right: 7.3rem;
}
.people-white--graybg {
    background-color: #f3f3f3;
    margin-top: 16.5rem;
    padding-bottom: 1.5rem;
}
.people-white__title {
    position: relative;
    margin-bottom: 5.5rem;
}
.people-white__title--transform {
    transform: translateY(-6rem);
}
.people-white__title__number--left p {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(-59%, -50%);
    width: max-content;
    font-size: 10rem;
    font-size: clamp(10rem, 6.5rem + 20vw, 30.5rem);
    line-height: 9.8rem;
    line-height: clamp(9.8rem, 7.2048780488rem + 14.8292682927vw, 25rem);
    font-weight: 700;
    margin: 0;
    padding: 0;
    color: rgba(0, 0, 0, 0);
    -webkit-text-stroke: 2px #ffe81f;
    z-index: 1;
}
.people-white__title__number--right p {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate(36%, -50%);
    width: max-content;
    font-size: 10rem;
    font-size: clamp(10rem, 6.5rem + 20vw, 30.5rem);
    line-height: 9.8rem;
    line-height: clamp(9.8rem, 7.2048780488rem + 14.8292682927vw, 25rem);
    font-weight: 700;
    margin: 0;
    padding: 0;
    color: rgba(0, 0, 0, 0);
    -webkit-text-stroke: 2px #ffe81f;
    z-index: 1;
}
.people-white__title__text {
    font-size: 2rem;
    font-size: clamp(2rem, 1.0609756098rem + 5.3658536585vw, 7.5rem);
    line-height: normal;
    font-weight: 700;
    width: max-content;
    margin: unset;
    text-align: start;
    position: relative;
    z-index: 2;
}
.people-white__container {
    display: flex;
    flex-wrap: wrap;
    column-gap: 4%;
    row-gap: 4rem;
    position: relative;
    z-index: 3;
}
.people-white__container--transform {
    transform: translateY(-6rem);
}
.people-white__container__item {
    position: relative;
    width: 30.4%;
    height: 625px;
}
.people-white__container__item__bg {
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    border: 4px solid #1e1d1e;
    position: relative;
    overflow: hidden;
}
.people-white__container__item__bg--white {
    background-color: #fff;
}
.people-white__container__item__bg__quote {
    display: flex;
    flex-direction: column;
    padding-top: 3rem;
    padding-left: 2rem;
    padding-right: 2rem;
}
.people-white__container__item__bg__quote__tick {
    height: 1.2rem;
    height: clamp(1.2rem, 0.8179878049rem + 2.1829268293vw, 3.4375rem);
}
.people-white__container__item__bg__quote__tick--top {
    align-self: flex-start;
}
.people-white__container__item__bg__quote__tick--bot {
    align-self: flex-end;
}
.people-white__container__item__bg__quote__text p {
    font-size: 1.2rem;
    font-size: clamp(1.2rem, 0.9780487805rem + 1.2682926829vw, 2.5rem);
    line-height: normal;
    font-weight: 700;
    margin: 0;
    padding-top: 1.5rem;
    padding-bottom: 1.7rem;
}
.people-white__container__item__bg:hover .people-white__container__item__bg__black-box {
    transform: translateY(0);
}
.people-white__container__item__bg__black-box {
    background-color: #1e1d1e;
    padding: 1rem 2rem;
    position: absolute;
    bottom: 0;
    left: 2rem;
    margin-right: 2rem;
    transform: translateY(100%);
    transition: transform 0.5s ease-out;
}
.people-white__container__item__bg__black-box__name p {
    color: #fff;
    font-size: 1rem;
    font-size: clamp(1rem, 0.9359756098rem + 0.3658536585vw, 1.375rem);
    line-height: 1.4rem;
    line-height: clamp(1.4rem, 1.212195122rem + 1.0731707317vw, 2.5rem);
    font-weight: 900;
    margin: 0;
}
.people-white__container__item__bg__black-box__role p {
    color: #fff;
    font-size: 1rem;
    font-size: clamp(1rem, 0.9359756098rem + 0.3658536585vw, 1.375rem);
    line-height: 1.4rem;
    line-height: clamp(1.4rem, 1.212195122rem + 1.0731707317vw, 2.5rem);
    font-weight: 500;
    margin: 0;
}
.people-white__container__item__darkbg {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 95%;
    height: 95%;
    background-color: #1e1d1e;
    transition: all 0.4s ease-out;
}
.people-white__container__item__darkbg__role {
    position: absolute;
    bottom: 0;
    left: 3rem;
    transform: translate(50%, -70%);
    opacity: 0;
    transition: all 0.4s ease-out;
}
.people-white__container__item__darkbg__role p {
    color: #ffe81f;
    font-size: 1.375rem;
    font-weight: 500;
    line-height: 1.375rem;
    margin: 0;
    padding: 0;
}
.people-white__container__item__lightbg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #eee;
    transition: transform 0.4s ease-out;
    overflow: hidden;
}
.people-white__container__item__lightbg--white {
    background-color: #fff;
}
.people-white__container__item__lightbg__photo {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    height: 95%;
    width: 100%;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: bottom;
    z-index: 2;
    pointer-events: none;
}
.people-white__container__item__lightbg__photo__name {
    position: absolute;
    left: 0;
    top: 0;
    font-size: 1.5rem;
    font-size: clamp(1.5rem, 1.3079268293rem + 1.0975609756vw, 2.625rem);
    line-height: 1.65rem;
    line-height: clamp(1.65rem, 1.462195122rem + 1.0731707317vw, 2.75rem);
    font-weight: 900;
    color: #fff;
    display: block;
    mix-blend-mode: difference;
    z-index: 2;
    transform: translate(-50%, -50%);
    transition: opacity 0.3s ease-out;
    opacity: 0;
    pointer-events: none;
}
.people-white__container__item__lightbg:hover {
    transform: translate(3rem, -3rem);
}
.people-white__container__item__lightbg:hover .people-white__container__item__darkbg {
    width: 100%;
    height: 100%;
}
.people-white__container__item:hover .people-white__container__item__darkbg {
    width: 100%;
    height: 100%;
}
.people-white__container__item:hover .people-white__container__item__darkbg__role {
    opacity: 1;
    transform: translateY(-100%);
}
@media screen and (max-width: 1500px) {
    .people-white__container__item {
        width: 48%;
        max-width: unset;
        height: 400px;
    }
    .people-white__container__item__bg {
        overflow: hidden;
    }
    .people-white__container__item__bg__black-box {
        transform: translateY(100%);
        transition: transform 0.5s ease-out;
    }
    .people-white__container__item__bg:hover .people-white__container__item__bg__black-box {
        transform: translateY(0);
    }
}
@media screen and (max-width: 1300px) {
    .people-white {
        padding-left: 3rem;
        padding-right: 3rem;
    }
}
@media screen and (max-width: 991px) {
    .people-white {
        padding-left: 1.75rem;
        padding-right: 1.75rem;
    }
    .people-white__title {
        margin-top: 5.5rem;
    }
    .people-white__container {
        row-gap: 2rem;
    }
}
@media screen and (max-width: 640px) {
    .people-white__container__item {
        width: 100%;
    }
}
@media screen and (max-width: 500px) {
    .people-white {
        padding-left: 1rem;
        padding-right: 1rem;
    }
}
@media screen and (max-width: 390px) {
    .people-white__container__item__bg__black-box {
        padding: 0.5rem 1rem;
    }
}
@media screen and (max-width: 380px) {
    .people-white__container__item {
        height: 350px;
    }
    .people-white__container__item__bg__quote {
        padding-top: 2rem;
        padding-left: 1rem;
        padding-right: 1rem;
    }
    .people-white__container__item__bg__black-box {
        left: 1rem;
        margin-right: 1rem;
    }
}
.recommendations {
    min-height: unset;
}
.recommendations__carousel {
    display: flex;
    flex-direction: row;
    overflow: hidden;
    min-height: unset;
    margin-top: 2rem;
    margin-left: 7.3rem;
    padding-right: 25rem;
}
.recommendations__carousel__item {
    min-height: 692px;
    height: 100%;
    border: 4px solid #1e1d1e;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: relative;
}
.recommendations__carousel__item__quote {
    padding: 5rem 2rem 2rem 2rem;
    display: flex;
    flex-direction: column;
}
.recommendations__carousel__item__quote__tick {
    height: 1.2rem;
    height: clamp(1.2rem, 0.8179878049rem + 2.1829268293vw, 3.4375rem);
}
.recommendations__carousel__item__quote__tick--top {
    align-self: flex-start;
}
.recommendations__carousel__item__quote__tick--bot {
    align-self: flex-end;
}
.recommendations__carousel__item__quote__text p {
    font-size: 1rem;
    font-size: clamp(1rem, 0.9573170732rem + 0.243902439vw, 1.25rem);
    line-height: normal;
    font-weight: 500;
    font-style: italic;
    margin-top: 2rem;
    margin-bottom: 2rem;
    color: #1e1d1e;
}
.recommendations__carousel__item__black-box {
    margin-left: 2rem;
    margin-right: 2rem;
    padding: 1rem 2rem;
    background-color: #1e1d1e;
    display: flex;
    flex-direction: column;
    width: fit-content;
}
.recommendations__carousel__item__black-box__name p {
    color: #fff;
    font-size: 1rem;
    font-size: clamp(1rem, 0.9359756098rem + 0.3658536585vw, 1.375rem);
    line-height: 1.4rem;
    line-height: clamp(1.4rem, 1.212195122rem + 1.0731707317vw, 2.5rem);
    font-weight: 900;
    margin: 0;
}
.recommendations__carousel__item__black-box__role p {
    color: #fff;
    font-size: 1rem;
    font-size: clamp(1rem, 0.9359756098rem + 0.3658536585vw, 1.375rem);
    line-height: 1.4rem;
    line-height: clamp(1.4rem, 1.212195122rem + 1.0731707317vw, 2.5rem);
    font-weight: 500;
    margin: 0;
}
.recommendations__carousel .owl-stage {
    display: flex;
}
@media screen and (max-width: 1300px) {
    .recommendations__carousel {
        margin-left: 3rem;
    }
}
@media screen and (max-width: 991px) {
    .recommendations__carousel {
        margin-left: 1.75rem;
        padding-right: 20rem;
    }
}
@media screen and (max-width: 800px) {
    .recommendations__carousel {
        padding-right: 15rem;
    }
}
@media screen and (max-width: 658px) {
    .recommendations__carousel {
        padding-right: 10rem;
    }
}
@media screen and (max-width: 541px) {
    .recommendations__carousel {
        padding-right: 5rem;
    }
}
@media screen and (max-width: 500px) {
    .recommendations__carousel {
        margin-left: 2rem;
    }
    .recommendations__carousel__item__quote {
        padding: 3rem 2rem 2rem 2rem;
    }
}
@media screen and (max-width: 390px) {
    .recommendations__carousel {
        margin-left: 1rem;
        padding-right: 1rem;
    }
    .recommendations__carousel__item__quote {
        padding: 2rem 1rem 2rem 1rem;
    }
    .recommendations__carousel__item__black-box {
        margin-left: 1rem;
        padding: 0.5rem 1rem;
    }
}
.join-us {
    margin-top: 12rem;
    background-color: #1e1d1e;
    min-height: unset;
    padding-bottom: 6rem;
}
.recently-added {
    padding-top: 16rem;
    padding-left: 18.5rem;
    padding-right: 10rem;
}
.recently-added__header__description p {
    font-size: 1rem;
    font-size: clamp(1rem, 0.9573170732rem + 0.243902439vw, 1.25rem);
    line-height: 1.4rem;
    line-height: clamp(1.4rem, 1.3573170732rem + 0.243902439vw, 1.65rem);
    letter-spacing: 0.6px;
    font-weight: 300;
    margin: 0;
}
.recently-added__header__title {
    font-size: 2.5rem;
    font-size: clamp(2.5rem, 1.6463414634rem + 4.8780487805vw, 7.5rem);
    line-height: 3rem;
    line-height: clamp(3rem, 1.8048780488rem + 6.8292682927vw, 10rem);
    font-weight: 700;
    text-align: start;
    width: unset;
    padding-bottom: 2rem;
}
.recently-added__content {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.recently-added__content__left {
    width: 62.5%;
}
.recently-added__content__left__wrapper {
    overflow: hidden;
    position: relative;
    height: 18.75rem;
    height: clamp(18.75rem, 15.4420731707rem + 18.9024390244vw, 38.125rem);
}
.recently-added__content__left__wrapper:hover .recently-added__content__left__wrapper__image {
    transform: scale(1.05);
}
.recently-added__content__left__wrapper__image {
    height: 100% !important;
    width: 100%;
    object-fit: cover;
    object-position: center;
    transition: transform 0.3s ease-out;
}
.recently-added__content__left__wrapper__yellow-circle {
    position: absolute;
    bottom: 1rem;
    right: 1rem;
    transform: translate(-56%, 5%);
    background-color: #ffe81f;
    border-radius: 100%;
    height: 48px;
    width: 48px;
}
.recently-added__content__left__wrapper__black-empty-circle {
    position: absolute;
    bottom: 1rem;
    right: 1rem;
    border: 1px solid #1e1d1e;
    transform: translate(7%, -9%);
    border-radius: 100%;
    height: 67px;
    width: 67px;
}
.recently-added__content__left__wrapper__white-circle {
    position: absolute;
    bottom: 1rem;
    right: 1rem;
    background-color: #fff;
    height: 55px;
    width: 55px;
    border-radius: 100%;
    transform: translate(0%, -11%);
}
.recently-added__content__left__wrapper__white-circle__image {
    position: absolute;
    bottom: 0;
    right: 0;
}
.recently-added__content__left__yellow-line {
    background-color: #ffe81f;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin-top: 1.9rem;
    margin-bottom: 1.2rem;
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
    padding-left: 0.2rem;
    padding-right: 0.2rem;
    row-gap: 0.3rem;
}
.recently-added__content__left__yellow-line__left {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.recently-added__content__left__yellow-line__left__item {
    font-size: 1rem;
    font-size: clamp(1rem, 0.9573170732rem + 0.243902439vw, 1.25rem);
    line-height: 1.2rem;
    line-height: clamp(1.2rem, 1.1573170732rem + 0.243902439vw, 1.45rem);
    letter-spacing: 0.6px;
    font-weight: 300;
    border-right: 1px solid #1e1d1e;
    padding-right: 0.9rem;
    padding-left: 0.9rem;
}
.recently-added__content__left__yellow-line__left__item:first-of-type {
    padding-left: 0;
}
.recently-added__content__left__yellow-line__left__item:last-of-type {
    border-right: unset;
}
.recently-added__content__left__yellow-line__right {
    display: flex;
    align-items: center;
    column-gap: 0.75rem;
}
.recently-added__content__left__yellow-line__right__author p {
    font-size: 1rem;
    font-size: clamp(1rem, 0.9573170732rem + 0.243902439vw, 1.25rem);
    line-height: 1.2rem;
    line-height: clamp(1.2rem, 1.1573170732rem + 0.243902439vw, 1.45rem);
    letter-spacing: 0.6px;
    font-weight: 300;
    margin: 0;
}
.recently-added__content__left__yellow-line__right__line {
    width: 28px;
    height: 1px;
    background-color: #1e1d1e;
}
.recently-added__content__left__yellow-line__right__date p {
    font-size: 1rem;
    font-size: clamp(1rem, 0.9573170732rem + 0.243902439vw, 1.25rem);
    line-height: 1.2rem;
    line-height: clamp(1.2rem, 1.1573170732rem + 0.243902439vw, 1.45rem);
    letter-spacing: 0.6px;
    font-weight: 300;
    margin: 0;
}
.recently-added__content__left__title {
    font-size: 1.5rem;
    font-size: clamp(1.5rem, 1.243902439rem + 1.4634146341vw, 3rem);
    line-height: 1.8rem;
    line-height: clamp(1.8rem, 1.4243902439rem + 2.1463414634vw, 4rem);
    font-weight: 700;
    margin: 0;
    padding-bottom: 2rem;
}
.recently-added__content__left__description p {
    font-size: 1.1rem;
    font-size: clamp(1.1rem, 1.0743902439rem + 0.1463414634vw, 1.25rem);
    line-height: 1.25rem;
    line-height: clamp(1.25rem, 1.1432926829rem + 0.6097560976vw, 1.875rem);
    font-weight: 300;
    margin: 0;
    padding-bottom: 3rem;
}
.recently-added__content__right {
    width: 28%;
}
.recently-added__content__right__categories {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.recently-added__content__right__categories__item {
    border-bottom: 2px solid #1e1d1e;
    margin-bottom: 1.8rem;
}
.recently-added__content__right__categories__item__link__description p {
    font-size: 1rem;
    font-size: clamp(1rem, 0.9573170732rem + 0.243902439vw, 1.25rem);
    line-height: 1.25rem;
    line-height: clamp(1.25rem, 1.1646341463rem + 0.487804878vw, 1.75rem);
    font-weight: 300;
    letter-spacing: 0.6px;
    margin: 0;
    padding: 0;
    padding-bottom: 0.65rem;
}
.recently-added__content__right__categories__item__link__title {
    font-size: 1.25rem;
    font-size: clamp(1.25rem, 1.1432926829rem + 0.6097560976vw, 1.875rem);
    line-height: 1.65rem;
    line-height: clamp(1.65rem, 1.462195122rem + 1.0731707317vw, 2.75rem);
    font-weight: 700;
    letter-spacing: 0.9px;
    margin: 0;
    padding: 0;
    padding-bottom: 0.65rem;
}
@media screen and (max-width: 1500px) {
    .recently-added {
        padding-left: 10rem;
        padding-right: 10rem;
    }
}
@media screen and (max-width: 1300px) {
    .recently-added {
        padding-left: 3.5rem;
        padding-right: 3.5rem;
    }
}
@media screen and (max-width: 991px) {
    .recently-added {
        padding-left: 1.75rem;
        padding-right: 1.75rem;
    }
    .recently-added__content {
        row-gap: 2rem;
    }
    .recently-added__content__left {
        width: 100%;
        order: 2;
    }
    .recently-added__content__right {
        width: 65%;
        order: 1;
    }
}
@media screen and (max-width: 550px) {
    .recently-added__content__left__yellow-line {
        flex-direction: column;
        align-items: flex-start;
    }
    .recently-added__content__left__yellow-line__right {
        flex-wrap: wrap;
    }
    .recently-added__content__left__yellow-line__right__author p {
        white-space: nowrap;
    }
}
@media screen and (max-width: 500px) {
    .recently-added {
        padding-left: 1rem;
        padding-right: 1rem;
    }
    .recently-added__content__right {
        width: 80%;
    }
    .recently-added__content__left__yellow-line__right__line {
        display: none;
    }
    .recently-added__content__left__yellow-line__left {
        column-gap: 0.6rem;
    }
    .recently-added__content__left__yellow-line__left__item {
        border-right: unset;
        padding: 0;
    }
}
@media screen and (max-width: 360px) {
    .recently-added__content__left__yellow-line {
        flex-direction: column;
        align-items: flex-start;
    }
    .recently-added__content__left__yellow-line__right {
        flex-wrap: wrap;
    }
    .recently-added__content__left__yellow-line__right__author p {
        white-space: nowrap;
    }
}
.blog-list {
    padding-left: 18.5rem;
    padding-right: 18.5rem;
    min-height: unset;
}
@media screen and (max-width: 1500px) {
    .blog-list {
        padding-left: 10rem;
        padding-right: 10rem;
    }
}
@media screen and (max-width: 1300px) {
    .blog-list {
        padding-left: 3.5em;
        padding-right: 3.5rem;
    }
}
@media screen and (max-width: 991px) {
    .blog-list {
        padding-left: 1.75em;
        padding-right: 1.75rem;
    }
}
@media screen and (max-width: 500px) {
    .blog-list {
        padding-left: 1em;
        padding-right: 1rem;
    }
}
.category-selector {
    min-height: unset;
}
.category-selector__list {
    list-style-type: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    row-gap: 1.1rem;
    column-gap: 2.9rem;
}
.category-selector__list__item__link {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    font-size: 1.1rem;
    font-size: clamp(1.1rem, 1.0743902439rem + 0.1463414634vw, 1.25rem);
    line-height: 1.5rem;
    line-height: clamp(1.5rem, 1.2865853659rem + 1.2195121951vw, 2.75rem);
    letter-spacing: 0.6px;
    font-weight: 700;
}
.articles {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding-top: 4.4rem;
    row-gap: 5rem;
}
.articles__item {
    width: 48.3%;
}
.articles__item__container {
    overflow: hidden;
    position: relative;
    height: 12.5rem;
    height: clamp(12.5rem, 10.4085365854rem + 11.9512195122vw, 24.75rem);
}
.articles__item__container__image {
    height: 100% !important;
    width: 100%;
    object-fit: cover;
    object-position: center;
    transition: transform 0.3s ease-out;
}
.articles__item__container__yellow-circle {
    position: absolute;
    bottom: 1rem;
    right: 1rem;
    transform: translate(-56%, 5%);
    background-color: #ffe81f;
    border-radius: 100%;
    height: 48px;
    width: 48px;
}
.articles__item__container__black-empty-circle {
    position: absolute;
    bottom: 1rem;
    right: 1rem;
    border: 1px solid #1e1d1e;
    transform: translate(7%, -9%);
    border-radius: 100%;
    height: 67px;
    width: 67px;
}
.articles__item__container__white-circle {
    position: absolute;
    bottom: 1rem;
    right: 1rem;
    background-color: #fff;
    height: 55px;
    width: 55px;
    border-radius: 100%;
    transform: translate(0%, -11%);
}
.articles__item__container__white-circle__head {
    position: absolute;
    bottom: 0;
    right: 0;
}
.articles__item__yellow-line {
    background-color: #ffe81f;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin-top: 1.9rem;
    margin-bottom: 1.2rem;
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
    padding-left: 0.2rem;
    padding-right: 0.2rem;
    row-gap: 0.3rem;
}
.articles__item__yellow-line__left {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.articles__item__yellow-line__left__item {
    font-size: 1rem;
    font-size: clamp(1rem, 0.9573170732rem + 0.243902439vw, 1.25rem);
    line-height: 1.2rem;
    line-height: clamp(1.2rem, 1.1573170732rem + 0.243902439vw, 1.45rem);
    letter-spacing: 0.6px;
    font-weight: 300;
    border-right: 1px solid #1e1d1e;
    padding-right: 0.9rem;
    padding-left: 0.9rem;
}
.articles__item__yellow-line__left__item:first-of-type {
    padding-left: 0;
}
.articles__item__yellow-line__left__item:last-of-type {
    border-right: unset;
}
.articles__item__yellow-line__right {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    column-gap: 0.75rem;
}
.articles__item__yellow-line__right__author p {
    font-size: 1rem;
    font-size: clamp(1rem, 0.9573170732rem + 0.243902439vw, 1.25rem);
    line-height: 1.2rem;
    line-height: clamp(1.2rem, 1.1573170732rem + 0.243902439vw, 1.45rem);
    letter-spacing: 0.6px;
    font-weight: 300;
    margin: 0;
}
.articles__item__yellow-line__right__line {
    width: 28px;
    height: 1px;
    background-color: #1e1d1e;
}
.articles__item__yellow-line__right__date p {
    font-size: 1rem;
    font-size: clamp(1rem, 0.9573170732rem + 0.243902439vw, 1.25rem);
    line-height: 1.2rem;
    line-height: clamp(1.2rem, 1.1573170732rem + 0.243902439vw, 1.45rem);
    letter-spacing: 0.6px;
    font-weight: 300;
    margin: 0;
}
.articles__item__title {
    font-size: 1.2rem;
    font-size: clamp(1.2rem, 1.0847560976rem + 0.6585365854vw, 1.875rem);
    line-height: normal;
    font-weight: 700;
    transition: color 0.3s ease-out;
}
.articles__item:hover {
    color: unset;
}
.articles__item:hover .articles__item__title {
    color: #ffe81f;
}
.articles__item:hover .articles__item__container__image {
    transform: scale(1.05);
}
@media screen and (max-width: 991px) {
    .articles__item__yellow-line__left {
        column-gap: 0.6rem;
    }
    .articles__item__yellow-line__left__item {
        padding: 0;
        border: unset;
    }
}
@media screen and (max-width: 750px) {
    .articles__item {
        width: 80%;
    }
}
@media screen and (max-width: 500px) {
    .articles__item {
        width: 100%;
    }
}
@media screen and (max-width: 380px) {
    .articles__item__yellow-line__right__line {
        display: none;
    }
}
.article-pages {
    display: flex;
    align-items: center;
    min-height: unset;
    padding-top: 7.8rem;
    padding-bottom: 4.5rem;
    row-gap: 2rem;
}
.article-pages__list {
    list-style-type: none;
    display: flex;
    justify-content: center;
    align-items: center;
    height: fit-content;
    margin: 0;
    padding: 0;
    column-gap: 1rem;
}
.article-pages__list__line {
    position: relative;
    height: 1px;
    width: 25px;
    background-color: #1e1d1e;
    z-index: 5;
}
.article-pages__list__line--left {
    margin-right: -0.5rem;
}
.article-pages__list__line--right {
    margin-left: -0.5rem;
}
.article-pages__list__item__link {
    font-size: 1.125rem;
    line-height: normal;
    letter-spacing: 0.54px;
    font-weight: 700;
    position: relative;
    z-index: 4;
}
.article-pages__list__item__link__circle {
    height: 60px;
    width: 60px;
    background-color: #ffe81f;
    border-radius: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: -1;
}
.article-pages__list__item__link--active:hover {
    color: unset;
}
.article-pages__sum {
    font-size: 1.125rem;
    line-height: normal;
    letter-spacing: 0.54px;
    font-weight: 700;
    border-left: 1px solid #1e1d1e;
    margin-left: 1.9rem;
    margin-right: 2.3rem;
    padding-left: 1.5rem;
}
.article-pages__wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    column-gap: 1.2rem;
}
.article-pages__wrapper__button {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 60px;
    height: 60px;
    border-radius: 100%;
    border: 1px solid #1e1d1e;
}
.article-pages__wrapper__button:hover .article-pages__wrapper__button__arrow--prev {
    transform: rotate(180deg) translate(4px, -1px);
}
.article-pages__wrapper__button:hover .article-pages__wrapper__button__arrow--next {
    transform: translate(4px, 0px);
}
.article-pages__wrapper__button__arrow--prev {
    transform: rotate(180deg) translate(0px, -1px);
    transition: transform 0.3s ease-out;
}
.article-pages__wrapper__button__arrow--next {
    transition: transform 0.3s ease-out;
}
.article-pages__line {
    height: 1px;
    width: 100%;
    background-color: #1e1d1e;
    margin-left: 1.3rem;
}
@media screen and (max-width: 580px) {
    .article-pages {
        flex-wrap: wrap;
    }
    .article-pages__line {
        display: none;
    }
}
@media screen and (max-width: 480px) {
    .article-pages {
        justify-content: center;
    }
    .article-pages__wrapper {
        width: 100%;
        justify-content: center;
    }
    .article-pages__sum {
        margin-right: unset;
    }
}
@media screen and (max-width: 320px) {
    .article-pages__list {
        width: 100%;
    }
    .article-pages__sum {
        margin-left: 0rem;
        padding-left: 0rem;
        border-left: unset;
        padding-top: 0.6rem;
        padding-right: 3px;
        width: 75%;
        border-top: 1px solid #1e1d1e;
        text-align: center;
    }
    .article-pages__wrapper {
        padding-right: 6px;
    }
}
.blog-post-content {
    margin: 0 auto;
    width: 48.7%;
    padding-top: 15.4rem;
}
.blog-post-content__wrapper {
    height: 18.75rem;
    height: clamp(18.75rem, 16.381097561rem + 13.5365853659vw, 32.625rem);
    position: relative;
}
.blog-post-content__wrapper__image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.blog-post-content__wrapper__yellow-circle {
    position: absolute;
    bottom: 1rem;
    right: 1rem;
    transform: translate(-56%, 5%);
    background-color: #ffe81f;
    border-radius: 100%;
    height: 48px;
    width: 48px;
}
.blog-post-content__wrapper__black-empty-circle {
    position: absolute;
    bottom: 1rem;
    right: 1rem;
    border: 1px solid #1e1d1e;
    transform: translate(7%, -9%);
    border-radius: 100%;
    height: 67px;
    width: 67px;
}
.blog-post-content__wrapper__white-circle {
    position: absolute;
    bottom: 1rem;
    right: 1rem;
    background-color: #fff;
    height: 55px;
    width: 55px;
    border-radius: 100%;
    transform: translate(0%, -11%);
}
.blog-post-content__wrapper__white-circle__head {
    position: absolute;
    bottom: 0;
    right: 0;
}
.blog-post-content__yellow-line {
    background-color: #ffe81f;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin-top: 1.5rem;
    margin-bottom: 1.2rem;
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
    padding-left: 0.2rem;
    padding-right: 0.2rem;
    row-gap: 0.3rem;
}
.blog-post-content__yellow-line__left {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.blog-post-content__yellow-line__left__item {
    font-size: 1rem;
    font-size: clamp(1rem, 0.9573170732rem + 0.243902439vw, 1.25rem);
    line-height: 1.2rem;
    line-height: clamp(1.2rem, 1.1573170732rem + 0.243902439vw, 1.45rem);
    letter-spacing: 0.6px;
    font-weight: 300;
    border-right: 1px solid #1e1d1e;
    padding-right: 0.9rem;
    padding-left: 0.9rem;
}
.blog-post-content__yellow-line__left__item:first-of-type {
    padding-left: 0;
}
.blog-post-content__yellow-line__left__item:last-of-type {
    border-right: unset;
}
.blog-post-content__yellow-line__right {
    display: flex;
    align-items: center;
    column-gap: 0.75rem;
}
.blog-post-content__yellow-line__right__author p {
    font-size: 1rem;
    font-size: clamp(1rem, 0.9573170732rem + 0.243902439vw, 1.25rem);
    line-height: 1.2rem;
    line-height: clamp(1.2rem, 1.1573170732rem + 0.243902439vw, 1.45rem);
    letter-spacing: 0.6px;
    font-weight: 300;
    margin: 0;
}
.blog-post-content__yellow-line__right__line {
    width: 28px;
    height: 1px;
    background-color: #1e1d1e;
}
.blog-post-content__yellow-line__right__date p {
    font-size: 1rem;
    font-size: clamp(1rem, 0.9573170732rem + 0.243902439vw, 1.25rem);
    line-height: 1.2rem;
    line-height: clamp(1.2rem, 1.1573170732rem + 0.243902439vw, 1.45rem);
    letter-spacing: 0.6px;
    font-weight: 300;
    margin: 0;
}
.blog-post-content__title {
    font-size: 1.5rem;
    font-size: clamp(1.5rem, 1.243902439rem + 1.4634146341vw, 3rem);
    line-height: 1.9rem;
    line-height: clamp(1.9rem, 1.5414634146rem + 2.0487804878vw, 4rem);
    font-weight: 700;
    margin: 0;
    padding-top: 0.9rem;
    padding-bottom: 3.4rem;
}
.blog-post-content__regular-text p {
    font-size: 1rem;
    font-size: clamp(1rem, 0.9573170732rem + 0.243902439vw, 1.25rem);
    line-height: 1.4rem;
    line-height: clamp(1.4rem, 1.318902439rem + 0.4634146341vw, 1.875rem);
    font-weight: 300;
    margin: 0;
}
.blog-post-content__header {
    font-size: 1.25rem;
    font-size: clamp(1.25rem, 1.1432926829rem + 0.6097560976vw, 1.875rem);
    line-height: normal;
    font-weight: 700;
    letter-spacing: 0.9px;
    padding-bottom: 1.1rem;
    padding-top: 3.9rem;
    margin: 0;
}
.blog-post-content__image {
    height: auto;
    width: 100%;
    padding-bottom: 2.25rem;
    padding-top: 4.2rem;
}
.blog-post-content__quote {
    width: 74%;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    padding-top: 2.25rem;
    padding-bottom: 4.5rem;
}
.blog-post-content__quote__tick {
    height: 1.2rem;
    height: clamp(1.2rem, 0.8179878049rem + 2.1829268293vw, 3.4375rem);
}
.blog-post-content__quote__tick--top {
    margin: 0 auto 0 0;
}
.blog-post-content__quote__tick--bot {
    margin: 0 0 0 auto;
}
.blog-post-content__quote__text p {
    font-size: 1.3rem;
    font-size: clamp(1.3rem, 1.0951219512rem + 1.1707317073vw, 2.5rem);
    font-weight: 700;
    line-height: normal;
    margin: 0;
    padding-top: 1.6rem;
    padding-bottom: 1.1rem;
}
.blog-post-content__list {
    margin: 0;
    list-style-type: none;
    padding-left: 3rem;
    padding-left: clamp(3rem, 2.5731707317rem + 2.4390243902vw, 5.5rem);
    padding-top: 1.25rem;
}
.blog-post-content__list__item {
    font-size: 1rem;
    font-size: clamp(1rem, 0.9359756098rem + 0.3658536585vw, 1.375rem);
    line-height: normal;
    letter-spacing: 0.66px;
    font-weight: 700;
    position: relative;
    margin-bottom: 0.8rem;
}
.blog-post-content__list__item::before {
    content: "";
    position: absolute;
    top: 47%;
    left: -2rem;
    transform: translate(-50%, -50%);
    height: 0.55em;
    width: 0.55em;
    border-radius: 100%;
    background-color: #ffe81f;
}
@media screen and (max-width: 1600px) {
    .blog-post-content {
        width: 100%;
        padding-left: 17rem;
        padding-right: 17rem;
    }
}
@media screen and (max-width: 1300px) {
    .blog-post-content {
        padding-left: 10rem;
        padding-right: 10rem;
    }
}
@media screen and (max-width: 991px) {
    .blog-post-content {
        padding-left: 3rem;
        padding-right: 3rem;
    }
}
@media screen and (max-width: 500px) {
    .blog-post-content {
        padding-left: 1rem;
        padding-right: 1rem;
    }
    .blog-post-content__quote {
        width: 90%;
    }
    .blog-post-content__yellow-line__right {
        flex-wrap: wrap;
    }
    .blog-post-content__yellow-line__right__line {
        display: none;
    }
    .blog-post-content__yellow-line__left {
        column-gap: 0.6rem;
    }
    .blog-post-content__yellow-line__left__item {
        border-right: unset;
        padding: 0;
    }
}
.blog-post-carousel {
    min-height: unset;
    margin-left: 18%;
    padding-right: 18rem;
}
.blog-post-carousel .owl-stage {
    display: flex;
}
.blog-post-carousel .disabled {
    display: none;
}
.blog-post-carousel__item:hover {
    color: unset;
}
.blog-post-carousel__item:hover .blog-post-carousel__item__container__image {
    transform: scale(1.05);
}
.blog-post-carousel__item:hover .blog-post-carousel__item__title {
    color: #ffe81f;
}
.blog-post-carousel__item__container {
    position: relative;
    height: 12.5rem;
    height: clamp(12.5rem, 10.4085365854rem + 11.9512195122vw, 24.75rem);
    overflow: hidden;
}
.blog-post-carousel__item__container__image {
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center;
    transition: transform 0.3s ease-out;
}
.blog-post-carousel__item__container__yellow-circle {
    position: absolute;
    bottom: 1rem;
    right: 1rem;
    transform: translate(-56%, 5%);
    background-color: #ffe81f;
    border-radius: 100%;
    height: 48px;
    width: 48px;
}
.blog-post-carousel__item__container__black-empty-circle {
    position: absolute;
    bottom: 1rem;
    right: 1rem;
    border: 1px solid #1e1d1e;
    transform: translate(7%, -9%);
    border-radius: 100%;
    height: 67px;
    width: 67px;
}
.blog-post-carousel__item__container__white-circle {
    position: absolute;
    bottom: 1rem;
    right: 1rem;
    background-color: #fff;
    height: 55px;
    width: 55px;
    border-radius: 100%;
    transform: translate(0%, -11%);
}
.blog-post-carousel__item__container__white-circle__head {
    position: absolute;
    bottom: 0;
    right: 0;
}
.blog-post-carousel__item__yellow-line {
    background-color: #ffe81f;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin-top: 1.9rem;
    margin-bottom: 1.2rem;
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
    padding-left: 0.2rem;
    padding-right: 0.2rem;
    row-gap: 0.3rem;
}
.blog-post-carousel__item__yellow-line__left {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.blog-post-carousel__item__yellow-line__left__item {
    font-size: 1rem;
    font-size: clamp(1rem, 0.9573170732rem + 0.243902439vw, 1.25rem);
    line-height: 1.2rem;
    line-height: clamp(1.2rem, 1.1573170732rem + 0.243902439vw, 1.45rem);
    letter-spacing: 0.6px;
    font-weight: 300;
    border-right: 1px solid #1e1d1e;
    padding-right: 0.9rem;
    margin-right: 0.9rem;
}
.blog-post-carousel__item__yellow-line__left__item:first-of-type {
    padding-left: 0;
}
.blog-post-carousel__item__yellow-line__left__item:last-of-type {
    border-right: unset;
}
.blog-post-carousel__item__yellow-line__right {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    column-gap: 0.75rem;
}
.blog-post-carousel__item__yellow-line__right__author p {
    font-size: 1rem;
    font-size: clamp(1rem, 0.9573170732rem + 0.243902439vw, 1.25rem);
    line-height: 1.2rem;
    line-height: clamp(1.2rem, 1.1573170732rem + 0.243902439vw, 1.45rem);
    letter-spacing: 0.6px;
    font-weight: 300;
    margin: 0;
}
.blog-post-carousel__item__yellow-line__right__line {
    width: 28px;
    height: 1px;
    background-color: #1e1d1e;
}
.blog-post-carousel__item__yellow-line__right__date p {
    font-size: 1rem;
    font-size: clamp(1rem, 0.9573170732rem + 0.243902439vw, 1.25rem);
    line-height: 1.2rem;
    line-height: clamp(1.2rem, 1.1573170732rem + 0.243902439vw, 1.45rem);
    letter-spacing: 0.6px;
    font-weight: 300;
    margin: 0;
}
.blog-post-carousel__item__title {
    font-size: 1.25rem;
    font-size: clamp(1.25rem, 1.1432926829rem + 0.6097560976vw, 1.875rem);
    font-weight: 700;
    line-height: normal;
    transition: color 0.3s ease-out;
}
@media screen and (max-width: 1600px) {
    .blog-post-carousel {
        margin-left: 10%;
    }
}
@media screen and (max-width: 1300px) {
    .blog-post-carousel {
        margin-left: 5%;
        padding-right: 8rem;
    }
}
@media screen and (max-width: 991px) {
    .blog-post-carousel {
        margin-left: 3rem;
        padding-right: 6rem;
    }
}
@media screen and (max-width: 800px) {
    .blog-post-carousel__item__yellow-line__left {
        column-gap: 0.6rem;
    }
    .blog-post-carousel__item__yellow-line__left__item {
        border-right: unset;
        padding: 0;
    }
    .blog-post-carousel__item__yellow-line__left__item:last-of-type {
        padding-right: 0.3rem;
    }
    .blog-post-carousel__item__yellow-line__right__line {
        display: none;
    }
}
@media screen and (max-width: 500px) {
    .blog-post-carousel {
        margin-left: 1rem;
        padding-right: 4rem;
    }
}
.go-back-button {
    position: fixed;
    top: 15.4rem;
    left: 18%;
    height: 60px;
    width: 60px;
    border: 1px solid #1e1d1e;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 100;
}
.go-back-button:hover .go-back-button__arrow {
    transform: rotate(180deg) translateX(4px);
}
.go-back-button__arrow {
    transform: rotate(180deg);
    transition: transform 0.3s ease-out;
}
@media screen and (max-width: 1600px) {
    .go-back-button {
        left: 10%;
    }
}
@media screen and (max-width: 1300px) {
    .go-back-button {
        left: 5%;
    }
}
@media screen and (max-width: 991px) {
    .go-back-button {
        background-color: #fff;
        border: unset;
        top: unset;
        left: unset;
        right: 7rem;
        bottom: 2rem;
    }
}
.brand-book-hero {
    position: relative;
    overflow: hidden;
    background-color: #1e1d1e;
    min-height: 984px;
}
.brand-book-hero__text {
    padding-top: 17rem;
    padding-left: 16rem;
    padding-right: 16rem;
    padding-bottom: 7.8rem;
    position: relative;
    z-index: 3;
}
.brand-book-hero__text__top p {
    color: #ffe81f;
    font-size: 1rem;
    font-size: clamp(1rem, 0.9573170732rem + 0.243902439vw, 1.25rem);
    line-height: normal;
    font-weight: 300;
    letter-spacing: 0.6px;
    margin: 0;
}
.brand-book-hero__text__title {
    color: #fff;
    font-size: 2rem;
    font-size: clamp(2rem, 1.0609756098rem + 5.3658536585vw, 7.5rem);
    line-height: 2.4rem;
    line-height: clamp(2.4rem, 0.9487804878rem + 8.2926829268vw, 10.9rem);
    font-weight: 700;
    margin: 0;
    padding-bottom: 5rem;
}
.brand-book-hero__text__manifest p {
    color: #fff;
    font-size: 1.1rem;
    font-size: clamp(1.1rem, 1.0530487805rem + 0.2682926829vw, 1.375rem);
    line-height: normal;
    font-weight: 700;
    margin: 0;
}
.brand-book-hero__text__list {
    list-style-type: none;
    padding-left: 5rem;
    margin-bottom: unset;
}
.brand-book-hero__text__list__item {
    position: relative;
    color: #fff;
    font-size: 1.1rem;
    font-size: clamp(1.1rem, 1.0530487805rem + 0.2682926829vw, 1.375rem);
    line-height: normal;
    font-weight: 600;
    letter-spacing: 0.66px;
    margin-bottom: 0.7rem;
}
.brand-book-hero__text__list__item:last-of-type {
    margin-bottom: unset;
}
.brand-book-hero__text__list__item::before {
    content: "";
    position: absolute;
    top: 50%;
    left: -2.3rem;
    transform: translateY(-50%);
    background-color: #ffe81f;
    border-radius: 100%;
    height: 0.5em;
    width: 0.5em;
}
.brand-book-hero__big-gray-empty-circle {
    position: absolute;
    bottom: 0;
    right: 0;
    transform: translate(70%, -4%);
    height: 1187px;
    width: 1187px;
    border: 2px solid #363636;
    border-radius: 100%;
}
.brand-book-hero__small-gray-empty-circle {
    position: absolute;
    left: 0%;
    top: 24%;
    transform: rotate(14deg);
    height: 671px;
    width: 671px;
    border: 2px solid #363636;
    border-radius: 100%;
    animation-name: rotate1;
    animation-iteration-count: infinite;
    animation-timing-function: ease;
    animation-duration: 5s;
    animation-delay: 2s;
}
@keyframes rotate1 {
    from {
        transform: rotate(14deg);
    }
    to {
        transform: rotate(374deg);
    }
}
.brand-book-hero__small-yellow-empty-circle {
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translate(-50%, 0%);
    height: 140px;
    width: 140px;
    border: 2px solid #ffe81f;
    border-radius: 100%;
}
.brand-book-hero__big-yellow-empty-circle {
    position: absolute;
    right: -85rem;
    bottom: 5rem;
    transform: rotate(15deg);
    height: 2541px;
    width: 2541px;
    border: 2px solid #ffe81f;
    border-radius: 100%;
    animation-name: rotate1;
    animation-iteration-count: infinite;
    animation-timing-function: ease;
    animation-duration: 10s;
    animation-delay: 1s;
}
@keyframes rotate1 {
    from {
        transform: rotate(15deg);
    }
    to {
        transform: rotate(375deg);
    }
}
.brand-book-hero__small-yellow-circle {
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translate(-50%, 0%);
    height: 110px;
    width: 110px;
    background-color: #ffe81f;
    border-radius: 100%;
}
@media screen and (max-width: 1600px) {
    .brand-book-hero__text {
        padding-left: 10rem;
        padding-right: 10rem;
    }
}
@media screen and (max-width: 1300px) {
    .brand-book-hero__text {
        padding-left: 3rem;
        padding-right: 3rem;
    }
}
@media screen and (max-width: 991px) {
    .brand-book-hero__text {
        padding-left: 1.75rem;
        padding-right: 1.75rem;
    }
}
@media screen and (max-width: 500px) {
    .brand-book-hero__text {
        padding-left: 1rem;
        padding-right: 1rem;
    }
    .brand-book-hero__text__list {
        padding-left: 4rem;
    }
}
@media screen and (max-width: 400px) {
    .brand-book-hero__text__list {
        padding-left: 2rem;
    }
    .brand-book-hero__text__list__item::before {
        left: -1.5rem;
    }
}
.brand-pillars {
    padding-left: 16rem;
    padding-right: 16rem;
    padding-top: 8rem;
    padding-bottom: 7.5rem;
    min-height: unset;
}
.brand-pillars__top p {
    font-size: 1.1rem;
    font-size: clamp(1.1rem, 1.0530487805rem + 0.2682926829vw, 1.375rem);
    line-height: normal;
    font-weight: 700;
    margin: 0;
    padding-bottom: 1.5rem;
}
.brand-pillars__header {
    font-size: 1.5rem;
    font-size: clamp(1.5rem, 1.243902439rem + 1.4634146341vw, 3rem);
    line-height: 1.9rem;
    line-height: clamp(1.9rem, 1.5414634146rem + 2.0487804878vw, 4rem);
    font-weight: 700;
    display: flex;
    flex-direction: column;
    row-gap: 0.5rem;
    width: 30%;
    margin: 0;
    padding-bottom: 5.5rem;
}
.brand-pillars__header__bow {
    align-self: flex-start;
    width: 92%;
    height: auto;
}
.brand-pillars__container {
    display: flex;
    flex-wrap: wrap;
    column-gap: 11%;
    row-gap: 7rem;
}
.brand-pillars__container__item {
    width: 26%;
}
.brand-pillars__container__item__title p {
    font-size: 1.1rem;
    font-size: clamp(1.1rem, 1.0530487805rem + 0.2682926829vw, 1.375rem);
    line-height: normal;
    letter-spacing: 0.66px;
    font-weight: 700;
    margin: 0;
    padding-bottom: 1.3rem;
}
.brand-pillars__container__item__description p {
    font-size: 1rem;
    font-size: clamp(1rem, 0.9573170732rem + 0.243902439vw, 1.25rem);
    line-height: 1.4rem;
    line-height: clamp(1.4rem, 1.318902439rem + 0.4634146341vw, 1.875rem);
    font-weight: 300;
    margin: 0;
}
@media screen and (max-width: 1600px) {
    .brand-pillars {
        padding-left: 10rem;
        padding-right: 10rem;
    }
}
@media screen and (max-width: 1300px) {
    .brand-pillars {
        padding-left: 3rem;
        padding-right: 3rem;
    }
}
@media screen and (max-width: 991px) {
    .brand-pillars {
        padding-left: 1.75rem;
        padding-right: 1.75rem;
    }
}
@media screen and (max-width: 800px) {
    .brand-pillars__header {
        width: 45%;
    }
    .brand-pillars__container {
        justify-content: space-between;
    }
    .brand-pillars__container__item {
        width: 44%;
    }
}
@media screen and (max-width: 600px) {
    .brand-pillars__header {
        width: 80%;
    }
}
@media screen and (max-width: 500px) {
    .brand-pillars {
        padding-left: 1rem;
        padding-right: 1rem;
    }
}
@media screen and (max-width: 450px) {
    .brand-pillars__container__item {
        width: 85%;
    }
}
@media screen and (max-width: 350px) {
    .brand-pillars__container__item {
        width: 100%;
    }
}
.brand-values {
    padding-left: 16rem;
    padding-right: 16rem;
    padding-top: 7.1rem;
    padding-bottom: 7.2rem;
    background-color: #f3f3f3;
}
.brand-values__header {
    font-size: 1.5rem;
    font-size: clamp(1.5rem, 1.1158536585rem + 2.1951219512vw, 3.75rem);
    line-height: 1.9rem;
    line-height: clamp(1.9rem, 1.3920731707rem + 2.9024390244vw, 4.875rem);
    font-weight: 700;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 47%;
    row-gap: 1.5rem;
    margin: 0 auto;
    padding-bottom: 7rem;
}
.brand-values__header__bow {
    width: 58%;
    height: auto;
}
.brand-values__container {
    display: flex;
    flex-wrap: wrap;
    column-gap: 11%;
    row-gap: 7rem;
}
.brand-values__container__item {
    width: 26%;
}
.brand-values__container__item__title p {
    font-size: 1.3rem;
    font-size: clamp(1.3rem, 1.2018292683rem + 0.5609756098vw, 1.875rem);
    line-height: normal;
    letter-spacing: normal;
    font-weight: 700;
    margin: 0;
}
.brand-values__container__item__text-yellow-bg p {
    background-color: #ffe81f;
    font-size: 1rem;
    font-size: clamp(1rem, 0.9573170732rem + 0.243902439vw, 1.25rem);
    line-height: normal;
    font-weight: 700;
    width: max-content;
    margin: 0;
    padding-right: 0.3rem;
}
.brand-values__container__item__text-crossed p {
    font-size: 1.3rem;
    font-size: clamp(1.3rem, 1.2018292683rem + 0.5609756098vw, 1.875rem);
    line-height: normal;
    letter-spacing: normal;
    font-weight: 700;
    margin: 0;
    position: relative;
    width: max-content;
    margin-bottom: 2rem;
}
.brand-values__container__item__text-crossed p::after {
    content: "";
    position: absolute;
    top: 50%;
    left: -2px;
    transform: translateY(-50%);
    background-color: #ffe81f;
    height: 3px;
    width: 110%;
}
.brand-values__container__item__description p {
    font-size: 1rem;
    font-size: clamp(1rem, 0.9573170732rem + 0.243902439vw, 1.25rem);
    line-height: 1.4rem;
    line-height: clamp(1.4rem, 1.318902439rem + 0.4634146341vw, 1.875rem);
    font-weight: 300;
    margin: 0;
}
@media screen and (max-width: 1600px) {
    .brand-values {
        padding-left: 10rem;
        padding-right: 10rem;
    }
}
@media screen and (max-width: 1300px) {
    .brand-values {
        padding-left: 3rem;
        padding-right: 3rem;
    }
}
@media screen and (max-width: 991px) {
    .brand-values {
        padding-left: 1.75rem;
        padding-right: 1.75rem;
    }
}
@media screen and (max-width: 800px) {
    .brand-values__header {
        width: 60%;
    }
    .brand-values__container {
        justify-content: space-between;
    }
    .brand-values__container__item {
        width: 44%;
    }
}
@media screen and (max-width: 600px) {
    .brand-values__header {
        text-align: left;
        justify-content: start;
        margin: 0;
        width: 80%;
    }
    .brand-values__header__bow {
        align-self: flex-start;
    }
}
@media screen and (max-width: 500px) {
    .brand-values {
        padding-left: 1rem;
        padding-right: 1rem;
    }
    .brand-values__header {
        width: 80%;
    }
}
@media screen and (max-width: 450px) {
    .brand-values__container__item {
        width: 85%;
    }
}
@media screen and (max-width: 350px) {
    .brand-values__container__item {
        width: 100%;
    }
}
.our-colors {
    padding-left: 16rem;
    padding-right: 7.4rem;
    padding-top: 12.2rem;
    padding-bottom: 9.2rem;
}
.our-colors__header {
    position: relative;
}
.our-colors__header__big-number p {
    position: absolute;
    top: 50%;
    transform: translate(calc(-100% + 7rem), -50%);
    font-size: 5rem;
    font-size: clamp(5rem, 0.5182926829rem + 25.6097560976vw, 31.25rem);
    line-height: normal;
    font-weight: 700;
    margin: 0;
    color: rgba(0, 0, 0, 0);
    -webkit-text-stroke: 2px #ffe81f;
    z-index: -1;
}
.our-colors__header__top p {
    font-size: 1.1rem;
    font-size: clamp(1.1rem, 1.0530487805rem + 0.2682926829vw, 1.375rem);
    font-weight: 700;
    line-height: normal;
    margin: 0;
}
.our-colors__header__title {
    color: #1e1d1e;
    font-size: 2rem;
    font-size: clamp(2rem, 1.0609756098rem + 5.3658536585vw, 7.5rem);
    line-height: 2.4rem;
    line-height: clamp(2.4rem, 1.2731707317rem + 6.4390243902vw, 9rem);
    font-weight: 700;
    margin: 0;
    margin-bottom: 6.2rem;
}
.our-colors__container {
    display: flex;
    flex-wrap: wrap;
}
.our-colors__container__black {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    align-self: flex-start;
    width: 100%;
}
.our-colors__container__black__text {
    padding: 1.875rem 1rem;
    background-color: #1e1d1e;
    width: 33.3%;
    display: flex;
    justify-content: center;
    position: relative;
}
.our-colors__container__black__text__block {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    row-gap: 0.25rem;
    column-gap: 1.25rem;
}
.our-colors__container__black__text__block__hex p {
    color: #fff;
    font-size: 1rem;
    font-size: clamp(1rem, 0.9573170732rem + 0.243902439vw, 1.25rem);
    line-height: normal;
    letter-spacing: 0.6px;
    font-weight: 300;
    margin: 0;
    display: flex;
}
.our-colors__container__black__text__block__rgb p {
    color: #fff;
    font-size: 1rem;
    font-size: clamp(1rem, 0.9573170732rem + 0.243902439vw, 1.25rem);
    line-height: normal;
    letter-spacing: 0.6px;
    font-weight: 300;
    margin: 0;
    display: flex;
}
.our-colors__container__black__text__block__cmyk p {
    color: #fff;
    font-size: 1rem;
    font-size: clamp(1rem, 0.9573170732rem + 0.243902439vw, 1.25rem);
    line-height: normal;
    letter-spacing: 0.6px;
    font-weight: 300;
    margin: 0;
    display: flex;
}
.our-colors__container__black__text__description p {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    font-size: 1.1rem;
    font-size: clamp(1.1rem, 1.0530487805rem + 0.2682926829vw, 1.375rem);
    font-weight: 700;
    line-height: normal;
    color: #1e1d1e;
    transform: translateY(-73%);
}
.our-colors__container__yellow {
    display: flex;
    align-items: center;
    width: 100%;
    align-self: center;
    justify-content: center;
}
.our-colors__container__yellow__text {
    padding: 1.875rem 1rem;
    background-color: #ffe81f;
    width: 33.3%;
    display: flex;
    justify-content: center;
    position: relative;
}
.our-colors__container__yellow__text__block {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    row-gap: 0.25rem;
    column-gap: 1.25rem;
}
.our-colors__container__yellow__text__block__hex p {
    color: #1e1d1e;
    font-size: 1rem;
    font-size: clamp(1rem, 0.9573170732rem + 0.243902439vw, 1.25rem);
    line-height: normal;
    letter-spacing: 0.6px;
    font-weight: 300;
    margin: 0;
    display: flex;
}
.our-colors__container__yellow__text__block__rgb p {
    color: #1e1d1e;
    font-size: 1rem;
    font-size: clamp(1rem, 0.9573170732rem + 0.243902439vw, 1.25rem);
    line-height: normal;
    letter-spacing: 0.6px;
    font-weight: 300;
    margin: 0;
    display: flex;
}
.our-colors__container__yellow__text__block__cmyk p {
    color: #1e1d1e;
    font-size: 1rem;
    font-size: clamp(1rem, 0.9573170732rem + 0.243902439vw, 1.25rem);
    line-height: normal;
    letter-spacing: 0.6px;
    font-weight: 300;
    margin: 0;
    display: flex;
}
.our-colors__container__yellow__text__description p {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    font-size: 1.1rem;
    font-size: clamp(1.1rem, 1.0530487805rem + 0.2682926829vw, 1.375rem);
    font-weight: 700;
    line-height: normal;
    color: #ffe81f;
    transform: translateY(-73%);
}
.our-colors__container__white {
    display: flex;
    align-items: center;
    width: 100%;
    align-self: flex-end;
    justify-content: flex-end;
}
.our-colors__container__white__text {
    padding: 1.875rem 1rem;
    background-color: #fff;
    border: 3px solid #f3f3f3;
    width: 33.3%;
    display: flex;
    justify-content: center;
    position: relative;
}
.our-colors__container__white__text__block {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    row-gap: 0.25rem;
    column-gap: 1.25rem;
}
.our-colors__container__white__text__block__hex p {
    color: #1e1d1e;
    font-size: 1rem;
    font-size: clamp(1rem, 0.9573170732rem + 0.243902439vw, 1.25rem);
    line-height: normal;
    letter-spacing: 0.6px;
    font-weight: 300;
    margin: 0;
    display: flex;
}
.our-colors__container__white__text__block__rgb p {
    color: #1e1d1e;
    font-size: 1rem;
    font-size: clamp(1rem, 0.9573170732rem + 0.243902439vw, 1.25rem);
    line-height: normal;
    letter-spacing: 0.6px;
    font-weight: 300;
    margin: 0;
    display: flex;
}
.our-colors__container__white__text__block__cmyk p {
    color: #1e1d1e;
    font-size: 1rem;
    font-size: clamp(1rem, 0.9573170732rem + 0.243902439vw, 1.25rem);
    line-height: normal;
    letter-spacing: 0.6px;
    font-weight: 300;
    margin: 0;
    display: flex;
}
.our-colors__container__white__text__description p {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    font-size: 1.1rem;
    font-size: clamp(1.1rem, 1.0530487805rem + 0.2682926829vw, 1.375rem);
    font-weight: 700;
    line-height: normal;
    color: #f3f3f3;
    transform: translateY(-73%);
}
@media screen and (max-width: 1600px) {
    .our-colors {
        padding-left: 10rem;
        padding-right: 10rem;
    }
}
@media screen and (max-width: 1300px) {
    .our-colors {
        padding-left: 3rem;
        padding-right: 3rem;
    }
    .our-colors__header__big-number p {
        transform: translate(calc(-100% + 11rem), -50%);
    }
}
@media screen and (max-width: 991px) {
    .our-colors {
        padding-left: 1.75rem;
        padding-right: 1.75rem;
    }
    .our-colors__header__big-number p {
        transform: translate(calc(-100% + 9rem), -50%);
    }
}
@media screen and (max-width: 823px) {
    .our-colors__header__big-number p {
        transform: translate(calc(-100% + 7rem), -50%);
    }
}
@media screen and (max-width: 887px) {
    .our-colors__header__big-number p {
        transform: translate(calc(-100% + 5rem), -50%);
    }
}
@media screen and (max-width: 600px) {
    .our-colors__container {
        row-gap: 1.5rem;
    }
    .our-colors__container__black__text {
        width: 100%;
        justify-content: end;
    }
    .our-colors__container__black__text__block {
        align-items: unset;
        flex-direction: column;
    }
    .our-colors__container__black__text__block__hex p {
        width: unset;
        word-break: unset;
        padding: 0;
        line-height: 1.5rem;
        justify-content: flex-end;
    }
    .our-colors__container__black__text__block__rgb p {
        width: unset;
        word-break: unset;
        padding: 0;
        line-height: 1.5rem;
        justify-content: flex-end;
    }
    .our-colors__container__black__text__block__cmyk p {
        width: unset;
        word-break: unset;
        padding: 0;
        line-height: 1.5rem;
        justify-content: flex-end;
    }
    .our-colors__container__yellow__text {
        width: 100%;
        justify-content: start;
    }
    .our-colors__container__yellow__text__description p {
        right: unset;
        left: 0;
    }
    .our-colors__container__yellow__text__block {
        align-items: unset;
        flex-direction: column;
    }
    .our-colors__container__yellow__text__block__hex p {
        width: unset;
        word-break: unset;
        padding: 0;
        line-height: 1.5rem;
    }
    .our-colors__container__yellow__text__block__rgb p {
        width: unset;
        word-break: unset;
        padding: 0;
        line-height: 1.5rem;
    }
    .our-colors__container__yellow__text__block__cmyk p {
        width: unset;
        word-break: unset;
        padding: 0;
        line-height: 1.5rem;
    }
    .our-colors__container__white__text {
        width: 100%;
        justify-content: end;
    }
    .our-colors__container__white__text__block {
        align-items: unset;
        flex-direction: column;
    }
    .our-colors__container__white__text__block__hex p {
        width: unset;
        word-break: unset;
        padding: 0;
        justify-content: flex-end;
    }
    .our-colors__container__white__text__block__rgb p {
        width: unset;
        word-break: unset;
        padding: 0;
        justify-content: flex-end;
    }
    .our-colors__container__white__text__block__cmyk p {
        width: unset;
        word-break: unset;
        padding: 0;
        justify-content: flex-end;
    }
}
@media screen and (max-width: 887px) {
    .our-colors__header__big-number p {
        transform: translate(calc(-100% + 3rem), -50%);
    }
}
@media screen and (max-width: 500px) {
    .our-colors {
        padding-left: 1rem;
        padding-right: 1rem;
    }
}
.our-logo {
    padding-left: 16rem;
    padding-right: 16rem;
    padding-top: 7.2rem;
    padding-bottom: 7.2rem;
    background-color: #f3f3f3;
    min-height: unset;
}
.our-logo__download {
    margin-top: 9rem;
    display: flex;
    flex-direction: column;
}
.our-logo__download__top p {
    font-size: 1.1rem;
    font-size: clamp(1.1rem, 1.0530487805rem + 0.2682926829vw, 1.375rem);
    font-weight: 700;
    line-height: normal;
    margin: 0;
    margin-bottom: 1.5rem;
}
.our-logo__download__link {
    width: 100%;
    background-color: #ffe81f;
    font-size: 1.1rem;
    font-size: clamp(1.1rem, 1.0530487805rem + 0.2682926829vw, 1.375rem);
    font-weight: 700;
    line-height: normal;
    text-align: center;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
}
.our-logo__do-not {
    display: flex;
    flex-wrap: wrap;
    row-gap: 1rem;
}
.our-logo__do-not__left {
    margin-right: 7.1875rem;
}
.our-logo__do-not__left__top p {
    font-size: 1.1rem;
    font-size: clamp(1.1rem, 1.0530487805rem + 0.2682926829vw, 1.375rem);
    font-weight: 700;
    line-height: normal;
    margin: 0;
    padding-bottom: 0.9rem;
}
.our-logo__do-not__left__logo {
    background-color: #ffe81f;
}
.our-logo__do-not__right__top p {
    font-size: 1.1rem;
    font-size: clamp(1.1rem, 1.0530487805rem + 0.2682926829vw, 1.375rem);
    font-weight: 700;
    line-height: normal;
    background-color: #ffe81f;
    padding-right: 0.4rem;
    width: max-content;
    margin: 0;
    margin-bottom: 1.2rem;
}
.our-logo__do-not__right__list {
    list-style-type: none;
    padding: 0;
    margin: 0;
}
.our-logo__do-not__right__list__item {
    font-size: 1.2rem;
    font-size: clamp(1.2rem, 1.0847560976rem + 0.6585365854vw, 1.875rem);
    line-height: normal;
    letter-spacing: 0.9px;
    font-weight: 700;
    position: relative;
    margin-bottom: 0.75rem;
    text-decoration: line-through;
    text-decoration-color: #ffe81f;
    text-decoration-thickness: 3px;
}
.our-logo__do-not__right__list__item:last-of-type {
    margin-bottom: unset;
}
.our-logo__container {
    max-width: 889px;
    margin: 0 auto;
    position: relative;
    margin-bottom: 7.2rem;
    background: linear-gradient(to right, #e8e8e8 50%, rgba(255, 255, 255, 0) 0%),
        linear-gradient(#e8e8e8 50%, rgba(255, 255, 255, 0) 0%),
        linear-gradient(to right, #e8e8e8 50%, rgba(255, 255, 255, 0) 0%),
        linear-gradient(#e8e8e8 50%, rgba(255, 255, 255, 0) 0%);
    background-position: top, right, bottom, left;
    background-repeat: repeat-x, repeat-y;
    background-size:
        45px 3px,
        3px 45px;
}
.our-logo__container__top {
    display: flex;
    justify-content: flex-start;
}
.our-logo__container__top__image {
    background-color: #ffe81f;
}
.our-logo__container__mid {
    display: flex;
    justify-content: center;
}
.our-logo__container__mid__image {
    background: linear-gradient(to right, #e8e8e8 50%, rgba(255, 255, 255, 0) 0%),
        linear-gradient(#e8e8e8 50%, rgba(255, 255, 255, 0) 0%),
        linear-gradient(to right, #e8e8e8 50%, rgba(255, 255, 255, 0) 0%),
        linear-gradient(#e8e8e8 50%, rgba(255, 255, 255, 0) 0%);
    background-position: top, right, bottom, left;
    background-repeat: repeat-x, repeat-y;
    background-size:
        45px 3px,
        3px 45px;
}
.our-logo__container__bot {
    display: flex;
    justify-content: flex-end;
}
.our-logo__container__bot__image {
    background-color: #ffe81f;
}
.our-logo__header {
    position: relative;
}
.our-logo__header__big-number p {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate(calc(50% + 7rem), -50%);
    font-size: 5rem;
    font-size: clamp(5rem, 0.5182926829rem + 25.6097560976vw, 31.25rem);
    line-height: normal;
    font-weight: 700;
    margin: 0;
    color: rgba(0, 0, 0, 0);
    -webkit-text-stroke: 2px #ffe81f;
    z-index: 1;
}
.our-logo__header__top p {
    position: relative;
    z-index: 2;
    font-size: 1.1rem;
    font-size: clamp(1.1rem, 1.0530487805rem + 0.2682926829vw, 1.375rem);
    font-weight: 700;
    line-height: normal;
    margin: 0;
}
.our-logo__header__title {
    position: relative;
    z-index: 2;
    color: #1e1d1e;
    font-size: 2rem;
    font-size: clamp(2rem, 1.0609756098rem + 5.3658536585vw, 7.5rem);
    line-height: 2.4rem;
    line-height: clamp(2.4rem, 1.2731707317rem + 6.4390243902vw, 9rem);
    font-weight: 700;
    margin: 0;
    margin-bottom: 6.2rem;
}
@media screen and (max-width: 1600px) {
    .our-logo {
        padding-left: 10rem;
        padding-right: 10rem;
    }
    .our-logo__header__big-number p {
        transform: translate(calc(50% + 1rem), -50%);
    }
}
@media screen and (max-width: 1300px) {
    .our-logo {
        padding-left: 3rem;
        padding-right: 3rem;
    }
    .our-logo__header__big-number p {
        transform: translate(calc(50% - 4rem), -50%);
    }
}
@media screen and (max-width: 991px) {
    .our-logo {
        padding-left: 1.75rem;
        padding-right: 1.75rem;
    }
}
@media screen and (max-width: 730px) {
    .our-logo__container__top__image {
        height: auto;
        width: 20%;
    }
    .our-logo__container__mid__image {
        height: auto;
        width: 100%;
    }
    .our-logo__container__bot__image {
        height: auto;
        width: 20%;
    }
    .our-logo__header__big-number p {
        transform: translate(calc(50% - 3rem), -50%);
    }
}
@media screen and (max-width: 550px) {
    .our-logo__header__big-number p {
        transform: translate(calc(50% - 2rem), -50%);
    }
}
@media screen and (max-width: 500px) {
    .our-logo {
        padding-left: 1rem;
        padding-right: 1rem;
    }
}
@media screen and (max-width: 364px) {
    .our-logo__header__big-number p {
        transform: translate(calc(50% - 1rem), -50%);
    }
}
.our-font {
    padding-left: 16rem;
    padding-right: 16rem;
    padding-top: 10rem;
    padding-bottom: 7rem;
}
.our-font__container {
    display: flex;
    flex-direction: column;
    margin-top: 11rem;
    row-gap: 3.05rem;
}
.our-font__container__weight {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.our-font__container__weight__text p {
    position: relative;
    font-size: 1rem;
    font-size: clamp(1rem, 0.9786585366rem + 0.1219512195vw, 1.125rem);
    line-height: normal;
    font-weight: 700;
    letter-spacing: 0.54px;
    margin: 0;
    padding-left: 1.3rem;
    padding-right: 1.5rem;
    z-index: 2;
}
.our-font__container__weight__text p::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    height: 60px;
    width: 60px;
    background-color: #ffe81f;
    border-radius: 100%;
    z-index: -1;
}
.our-font__container__weight__line {
    width: 88%;
    height: 1px;
    background-color: #1e1d1e;
}
.our-font__container__examples {
    list-style-type: none;
    margin: 0 0 0 32%;
    padding: 0;
}
.our-font__container__examples__item {
    font-size: 1.3rem;
    font-size: clamp(1.3rem, 0.9884146341rem + 1.7804878049vw, 3.125rem);
    line-height: 1.7rem;
    line-height: clamp(1.7rem, 1.2219512195rem + 2.7317073171vw, 4.5rem);
    width: 100%;
    word-break: break-all;
}
.our-font__container__examples__item--yellow {
    color: #ffe81f;
}
.our-font__container__examples__item--extrabold {
    font-weight: 800;
}
.our-font__container__examples__item--bold {
    font-weight: 700;
}
.our-font__container__examples__item--light {
    font-weight: 300;
}
.our-font__header {
    position: relative;
}
.our-font__header__big-number p {
    position: absolute;
    top: 50%;
    transform: translate(calc(-100% + 14rem), -50%);
    font-size: 5rem;
    font-size: clamp(5rem, 0.5182926829rem + 25.6097560976vw, 31.25rem);
    line-height: normal;
    font-weight: 700;
    margin: 0;
    color: rgba(0, 0, 0, 0);
    -webkit-text-stroke: 2px #ffe81f;
    z-index: 2;
}
.our-font__header__top p {
    position: relative;
    z-index: 3;
    font-size: 1.1rem;
    font-size: clamp(1.1rem, 1.0530487805rem + 0.2682926829vw, 1.375rem);
    font-weight: 700;
    line-height: normal;
    margin: 0;
}
.our-font__header__title {
    position: relative;
    z-index: 3;
    color: #1e1d1e;
    font-size: 2rem;
    font-size: clamp(2rem, 1.0609756098rem + 5.3658536585vw, 7.5rem);
    line-height: 2.4rem;
    line-height: clamp(2.4rem, 1.2731707317rem + 6.4390243902vw, 9rem);
    font-weight: 700;
    margin: 0;
    margin-bottom: 6.2rem;
}
@media screen and (max-width: 1700px) {
    .our-font__container__examples {
        margin: 0 0 0 28%;
    }
}
@media screen and (max-width: 1600px) {
    .our-font {
        padding-left: 10rem;
        padding-right: 10rem;
    }
}
@media screen and (max-width: 1300px) {
    .our-font {
        padding-left: 3rem;
        padding-right: 3rem;
    }
    .our-font__header__big-number p {
        transform: translate(calc(-100% + 18rem), -50%);
    }
}
@media screen and (max-width: 1100px) {
    .our-font__header__big-number p {
        transform: translate(calc(-100% + 14rem), -50%);
    }
}
@media screen and (max-width: 991px) {
    .our-font {
        padding-left: 1.75rem;
        padding-right: 1.75rem;
    }
}
@media screen and (max-width: 850px) {
    .our-font__container__examples {
        margin: 0;
    }
}
@media screen and (max-width: 813px) {
    .our-font__header__big-number p {
        transform: translate(calc(-100% + 11rem), -50%);
    }
}
@media screen and (max-width: 640px) {
    .our-font__header__big-number p {
        transform: translate(calc(-100% + 8rem), -50%);
    }
}
@media screen and (max-width: 500px) {
    .our-font {
        padding-left: 1rem;
        padding-right: 1rem;
    }
}
@media screen and (max-width: 480px) {
    .our-font__header__big-number p {
        transform: translate(calc(-100% + 7rem), -50%);
    }
}
@media screen and (max-width: 400px) {
    .our-font__header__big-number p {
        transform: translate(calc(-100% + 6rem), -50%);
    }
}
@media screen and (max-width: 350px) {
    .our-font__header__big-number p {
        transform: translate(calc(-100% + 4rem), -50%);
    }
}
.orbite {
    min-height: 1509px;
    background-color: #1e1d1e;
    position: relative;
}
.orbite__circle-text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(0deg);
    width: 1245px;
    height: 1245px;
    color: #fff;
    font-size: 2rem;
    font-weight: 300;
    display: block;
    animation-name: rotateText;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    animation-duration: 30s;
}
@keyframes rotateText {
    from {
        transform: translate(-50%, -50%) rotate(0deg);
    }
    to {
        transform: translate(-50%, -50%) rotate(-360deg);
    }
}
.orbite__outer-gray-circle {
    border: 2px solid #363636;
    border-radius: 100%;
    width: 1118px;
    height: 1118px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    pointer-events: none;
}
.orbite__outer-yellow-circle {
    border: 2px solid #ffe81f;
    border-radius: 100%;
    width: 905px;
    height: 905px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    pointer-events: none;
}
.orbite__outer-yellow-circle__button {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 1;
    z-index: 3;
}
.orbite__outer-yellow-circle--social {
    transform: translate(-50%, -50%) rotate(127deg);
}
.orbite__outer-yellow-circle--left {
    transform: translate(-50%, -50%) rotate(5deg);
    border: unset;
}
.orbite__outer-yellow-circle__button {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(-50%, -50%);
    height: 52px;
    width: 52px;
    border-radius: 100%;
    background-color: #ffe81f;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #1e1d1e;
    z-index: 100;
    font-size: 1.375rem;
    letter-spacing: 0.66px;
    font-weight: 700;
    line-height: normal;
    pointer-events: all;
}
.orbite__outer-yellow-circle__button:hover {
    color: #1e1d1e;
}
.orbite__outer-yellow-circle__button:hover img {
    opacity: 1;
    transform: translate(-50%, -50%) rotate(267deg);
}
.orbite__outer-yellow-circle__button:hover .orbite__outer-yellow-circle__button__outside--zouter {
    transform: translate(-50%, -50%) rotate(70deg) !important;
}
.orbite__outer-yellow-circle__button img {
    position: absolute;
    top: 50%;
    left: 50%;
    opacity: 0;
    transition:
        opacity 0.4s ease-out,
        transform 0.4s ease-out;
    transform: translate(-50%, -50%) rotate(159deg);
    pointer-events: none;
}
.orbite__outer-yellow-circle__button span {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 10000;
    display: block;
    color: #fff;
    height: 52px;
    width: 52px;
    border-radius: 100%;
    background-color: #ffe81f;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #1e1d1e;
    z-index: 100;
    font-size: 1.375rem;
    letter-spacing: 0.66px;
    font-weight: 700;
    line-height: normal;
    pointer-events: none;
}
.orbite__outer-yellow-circle__button--social {
    top: 50%;
    left: 0;
    transform: translate(-50%, -50%) rotate(54deg);
}
.orbite__outer-yellow-circle__button--left {
    top: 50%;
    left: 0;
    transform: translate(-50%, -50%) rotate(355deg);
}
.orbite__inner-gray-circle {
    border: 2px solid #363636;
    border-radius: 100%;
    width: 636px;
    height: 636px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(215deg);
    pointer-events: none;
}
.orbite__inner-gray-circle__button {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(-50%, -50%) rotate(145deg);
    height: 52px;
    width: 52px;
    border-radius: 100%;
    background-color: #ffe81f;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #1e1d1e;
    z-index: 100;
    font-size: 1.375rem;
    letter-spacing: 0.66px;
    font-weight: 700;
    line-height: normal;
    pointer-events: all;
}
.orbite__inner-gray-circle__button span {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 10000;
    display: block;
    color: #fff;
    height: 52px;
    width: 52px;
    border-radius: 100%;
    background-color: #ffe81f;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #1e1d1e;
    z-index: 100;
    font-size: 1.375rem;
    letter-spacing: 0.66px;
    font-weight: 700;
    line-height: normal;
    pointer-events: none;
}
.orbite__inner-gray-circle__button .orbite__outer-yellow-circle__button__outside--kouter {
    position: absolute;
    top: 50%;
    left: 50%;
    opacity: 0;
    transition:
        opacity 0.4s ease-out,
        transform 0.4s ease-out;
    transform: translate(-50%, -50%) rotate(0deg);
    pointer-events: none;
}
.orbite__inner-gray-circle__button:hover {
    color: #1e1d1e;
}
.orbite__inner-gray-circle__button:hover .orbite__outer-yellow-circle__button__outside--kouter {
    opacity: 1;
    transform: translate(-50%, -50%) rotate(80deg);
}
.orbite__inner-yellow-circle {
    border: 2px solid #ffe81f;
    border-radius: 100%;
    width: 370px;
    height: 370px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(46deg);
    pointer-events: none;
}
.orbite__inner-yellow-circle__button {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(-50%, -50%) rotate(134deg);
    height: 52px;
    width: 52px;
    border-radius: 100%;
    background-color: #ffe81f;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #1e1d1e;
    z-index: 100;
    font-size: 1.375rem;
    letter-spacing: 0.66px;
    font-weight: 700;
    line-height: normal;
    pointer-events: all;
}
.orbite__inner-yellow-circle__button:hover {
    color: #1e1d1e;
}
.orbite__inner-yellow-circle__button:hover .orbite__outer-yellow-circle__button__outside--zinside {
    opacity: 1;
    transform: translate(-50%, -50%) rotate(261deg);
}
.orbite__inner-yellow-circle__button span {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 10000;
    display: block;
    color: #fff;
    height: 52px;
    width: 52px;
    border-radius: 100%;
    background-color: #ffe81f;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #1e1d1e;
    z-index: 100;
    font-size: 1.375rem;
    letter-spacing: 0.66px;
    font-weight: 700;
    line-height: normal;
    pointer-events: none;
}
.orbite__text-center {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    pointer-events: none;
}
.orbite__text-center p {
    color: #ffe81f;
    font-size: 7.5rem;
    font-weight: 700;
    display: flex;
    align-items: flex-start;
    line-height: normal;
}
.orbite__text-center p .degree {
    font-size: 70px;
    padding-top: 0.5rem;
}
@media screen and (max-width: 1337px) {
    .orbite {
        display: none;
    }
}
.orbite__outer-yellow-circle__button__outside--zouter {
    position: absolute;
    top: 50%;
    left: 50%;
    opacity: 0;
    transition:
        opacity 0.4s ease-out,
        transform 0.4s ease-out;
    transform: translate(-50%, -50%) rotate(0deg) !important;
    pointer-events: none;
}
.orbite__outer-yellow-circle__button__outside--zinside {
    position: absolute;
    top: 50%;
    left: 50%;
    opacity: 0;
    transition:
        opacity 0.4s ease-out,
        transform 0.4s ease-out;
    transform: translate(-50%, -50%) rotate(151deg);
    pointer-events: none;
}
.realization-hero {
    background-position-x: center;
    background-size: cover;
    background-repeat: no-repeat;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding-left: 143px;
    padding-right: 143px;
    padding-bottom: 95px;
    padding-top: 95px;
    min-height: 699px;
    background-color: #000;
}
@media screen and (max-width: 1300px) {
    .realization-hero {
        padding-left: 3.5rem;
        padding-right: 3.5rem;
        min-height: 600px;
    }
}
@media screen and (max-width: 991px) {
    .realization-hero {
        padding-left: 1.75rem;
        padding-right: 1.75rem;
        min-height: 500px;
    }
}
@media screen and (max-width: 500px) {
    .realization-hero {
        padding-left: 1rem;
        padding-right: 1rem;
        min-height: 100vh;
    }
}
.realization-hero__text-list {
    list-style-type: none;
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    margin: 0;
}
.realization-hero__text-list-item {
    color: #ffe81f;
    font-size: 1rem;
    font-size: clamp(1rem, 0.9573170732rem + 0.243902439vw, 1.25rem);
    font-weight: 200;
    line-height: 1.6rem;
    border-right: 1px solid #ffe81f;
    padding: 0;
    padding-right: 1rem;
    padding-left: 1rem;
    letter-spacing: normal;
}
.realization-hero__text-list-item:first-of-type {
    padding-left: 0 !important;
}
.realization-hero__text-list-item:last-of-type {
    border-right: unset !important;
}
@media screen and (max-width: 500px) {
    .realization-hero__text-list-item {
        border-right: unset;
        padding-right: 0.5rem;
        padding-left: 0;
    }
}
.realization-hero__text-title {
    color: #fff;
    font-size: 2rem;
    font-size: clamp(2rem, 1.0609756098rem + 5.3658536585vw, 7.5rem);
    line-height: 2rem;
    line-height: clamp(2rem, 1.0609756098rem + 5.3658536585vw, 7.5rem);
    font-weight: 700;
    padding-top: 0.5rem;
    padding-right: 1.75rem;
}
.realization-info {
    min-height: unset;
}
.realization-info__wrapper {
    padding-top: 6.25rem;
    padding-left: 12rem;
    padding-right: 12rem;
    margin-inline: auto;
    max-width: 1920px;
    display: flex;
    flex-wrap: wrap;
}
@media screen and (max-width: 1300px) {
    .realization-info__wrapper {
        padding-left: 3.5rem;
        padding-right: 3.5rem;
    }
}
@media screen and (max-width: 991px) {
    .realization-info__wrapper {
        padding-left: 1.75rem;
        padding-right: 1.75rem;
    }
}
@media screen and (max-width: 500px) {
    .realization-info__wrapper {
        padding-left: 1rem;
        padding-right: 1rem;
    }
}
.realization-info__wrapper-list {
    width: 50%;
    padding: 0;
    margin: 0;
    list-style-type: none;
    padding-left: 71px;
    display: flex;
    flex-direction: column;
    row-gap: 12px;
}
.realization-info__wrapper-list-item {
    display: flex;
}
.realization-info__wrapper-list-item-icon {
    position: relative;
    min-height: 67px;
    max-height: 67px;
    min-width: 67px;
    max-width: 67px;
    border: 1px solid #1e1d1e;
    border-radius: 50%;
    z-index: 5;
}
.realization-info__wrapper-list-item-icon-circle-yellow {
    position: absolute;
    z-index: 4;
    bottom: 1px;
    right: 1px;
    transform: translate();
    border-radius: 50%;
    background-color: #ffe81f;
    min-height: 54px;
    max-height: 54px;
    min-width: 54px;
    max-width: 54px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.realization-info__wrapper-list-item-icon-circle-yellow span {
    font-size: 0.9rem;
    font-size: clamp(0.9rem, 0.8615853659rem + 0.2195121951vw, 1.125rem);
    font-weight: 700;
    letter-spacing: 0.54px;
    line-height: normal;
}
.realization-info__wrapper-list-item-icon-circle-black-full {
    position: absolute;
    z-index: 3;
    left: 0;
    bottom: 0;
    transform: translate(-24%, 26%);
    border-radius: 50%;
    background-color: #1e1d1e;
    min-height: 48px;
    max-height: 48px;
    min-width: 48px;
    max-width: 48px;
}
.realization-info__wrapper-list-item-text {
    padding-left: 2rem;
}
.realization-info__wrapper-list-item-text h6 {
    font-size: 1.1rem;
    font-size: clamp(1.1rem, 1.0530487805rem + 0.2682926829vw, 1.375rem);
    font-weight: 700;
    line-height: normal;
    margin: 0;
    padding: 0;
    padding-bottom: 22px;
    padding-top: 26px;
}
.realization-info__wrapper-list-item-text p {
    font-size: 0.9rem;
    font-size: clamp(0.9rem, 0.8615853659rem + 0.2195121951vw, 1.125rem);
    font-weight: 300;
    line-height: 1.4rem;
    line-height: clamp(1.4rem, 1.318902439rem + 0.4634146341vw, 1.875rem);
    padding: 0;
    margin: 0;
}
.realization-info__wrapper table {
    border: 2px solid #1e1d1e;
    border-collapse: collapse;
    width: 40%;
    height: max-content;
}
.realization-info__wrapper table tr {
    display: flex;
    flex-wrap: wrap;
    border: 2px solid #1e1d1e;
    border-collapse: collapse;
}
.realization-info__wrapper table tr:nth-child(1) td:first-of-type {
    border-right: 4px solid #1e1d1e;
    width: 55%;
}
@media screen and (max-width: 500px) {
    .realization-info__wrapper table tr:nth-child(1) td:first-of-type {
        width: 100%;
        order: 2;
        border-right: unset;
    }
}
.realization-info__wrapper table tr:nth-child(1) td:last-of-type {
    width: 45%;
}
@media screen and (max-width: 500px) {
    .realization-info__wrapper table tr:nth-child(1) td:last-of-type {
        width: 100%;
        order: 1;
        border-bottom: 4px solid #1e1d1e;
    }
}
.realization-info__wrapper table tr:nth-child(2) td {
    width: 100%;
}
.realization-info__wrapper table tr td {
    font-size: 14px;
    font-weight: 700;
    display: flex;
    flex-direction: column;
    border-collapse: collapse;
    padding: 27px 24px;
    row-gap: 7px;
}
.realization-info__wrapper table tr td span {
    font-size: 1.1rem;
    font-size: clamp(1.1rem, 1.0530487805rem + 0.2682926829vw, 1.375rem);
}
@media screen and (max-width: 1200px) {
    .realization-info__wrapper {
        row-gap: 50px;
    }
    .realization-info__wrapper-list {
        width: 80%;
        padding-left: 16px;
    }
    .realization-info__wrapper table {
        width: 80%;
    }
}
@media screen and (max-width: 700px) {
    .realization-info__wrapper-list {
        width: 100%;
    }
    .realization-info__wrapper table {
        width: 100%;
    }
}
@media screen and (max-width: 500px) {
    .realization-info__wrapper-list {
        row-gap: 24px;
    }
    .realization-info__wrapper-list-item {
        flex-direction: column;
        row-gap: 12px;
    }
}
@media screen and (max-width: 350px) {
    .realization-info__wrapper-list-item-text {
        padding-left: 0;
    }
}
.go-back {
    padding-top: 58px;
    padding-left: 143px;
    padding-right: 143px;
    padding-bottom: 30px;
    min-height: unset;
    display: flex;
    flex-wrap: wrap;
    column-gap: 2rem;
    row-gap: 1rem;
    align-items: center;
    justify-content: space-between;
}
.go-back--npb {
    padding-bottom: 0;
}
@media screen and (max-width: 1300px) {
    .go-back {
        padding-left: 3.5rem;
        padding-right: 3.5rem;
    }
}
@media screen and (max-width: 991px) {
    .go-back {
        padding-left: 1.75rem;
        padding-right: 1.75rem;
    }
}
@media screen and (max-width: 500px) {
    .go-back {
        padding-left: 1rem;
        padding-right: 1rem;
    }
}
.go-back__website {
    line-height: normal;
    max-width: max-content;
    position: relative;
}
.go-back__website svg {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate(0%, -50%) scale(0);
    height: 20px;
    transition: transform 0.4s ease-in;
}
@media screen and (max-width: 500px) {
    .go-back__website svg {
        display: none;
    }
}
.go-back__website:hover {
    color: unset;
}
.go-back__website:hover span::after {
    width: 100%;
}
.go-back__website:hover svg {
    transform: translate(120%, -50%) scale(1);
}
.go-back__website span {
    position: relative;
    display: inline-block;
    font-size: 1.5rem;
    font-size: clamp(1.5rem, 1.2225609756rem + 1.5853658537vw, 3.125rem);
    font-weight: 300;
    letter-spacing: 1.5px;
}
.go-back__website span::after {
    position: absolute;
    content: "";
    bottom: 0;
    left: 0;
    height: 1px;
    width: 0%;
    opacity: 0;
    background-color: #1e1d1e;
    transition:
        width 0.4s ease-in,
        opacity 0.4s ease-in;
}
.go-back__website span:hover::after {
    width: 100%;
    opacity: 1;
}
.go-back__link {
    line-height: normal;
    max-width: max-content;
    position: relative;
}
.go-back__link svg {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(-200%, -50%);
    height: 20px;
    transition: transform 0.4s ease-in;
}
@media screen and (max-width: 500px) {
    .go-back__link svg {
        display: none;
    }
}
.go-back__link:hover {
    color: #1e1d1e;
}
.go-back__link:hover svg {
    transform: translate(0%, -50%);
}
.go-back__link:hover span {
    transform: translateX(12%);
    color: #1e1d1e;
}
.go-back__link:hover span::after {
    width: 100%;
    opacity: 1;
}
.go-back__link span {
    position: relative;
    display: inline-block;
    font-size: 1.5rem;
    font-size: clamp(1.5rem, 1.2225609756rem + 1.5853658537vw, 3.125rem);
    font-weight: 300;
    letter-spacing: 1.5px;
    transition: transform 0.5s ease-in;
}
.go-back__link span::after {
    position: absolute;
    content: "";
    bottom: 0;
    left: 0;
    height: 1px;
    width: 0%;
    opacity: 0;
    background-color: #1e1d1e;
    transition:
        width 0.4s ease-in,
        opacity 0.4s ease-in;
}
.go-back__hider {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(-167%, -50%);
    height: 30px;
    width: 50px;
    background-color: #fff;
}
.image-space {
    padding-top: 30px;
    padding-bottom: 53px;
    min-height: unset;
}
@media screen and (max-width: 700px) {
    .image-space {
        padding-top: 16.5px;
        padding-bottom: 16.5px;
    }
}
.image-space--cp {
    padding-top: 64px;
    padding-bottom: 33px;
}
@media screen and (max-width: 700px) {
    .image-space--cp {
        padding-top: 16.5px;
        padding-bottom: 16.5px;
    }
}
.image-space__wrapper {
    padding-left: 12rem;
    padding-right: 12rem;
    margin-inline: auto;
    max-width: 1920px;
    display: flex;
}
@media screen and (max-width: 1300px) {
    .image-space__wrapper {
        padding-left: 3.5rem;
        padding-right: 3.5rem;
    }
}
@media screen and (max-width: 991px) {
    .image-space__wrapper {
        padding-left: 1.75rem;
        padding-right: 1.75rem;
    }
}
@media screen and (max-width: 500px) {
    .image-space__wrapper {
        padding-left: 1rem;
        padding-right: 1rem;
    }
}
.image-space__wrapper-picture {
    width: 100%;
    height: auto;
    object-fit: contain;
}
.image-fullspace {
    padding-top: 53px;
    padding-bottom: 33px;
    min-height: unset;
}
@media screen and (max-width: 700px) {
    .image-fullspace {
        padding-top: 16.5px;
    }
}
.image-fullspace--npt {
    padding-top: 0;
}
.image-fullspace--npb {
    padding-bottom: 0;
}
.image-fullspace__wrapper-picture {
    display: flex;
    width: 100%;
    height: auto;
    object-fit: contain;
}
.two-images {
    padding-top: 33px;
    min-height: unset;
}
@media screen and (max-width: 700px) {
    .two-images {
        padding-top: 16.5px;
        padding-bottom: 16.5px;
    }
}
.two-images__wrapper {
    padding-left: 12rem;
    padding-right: 12rem;
    margin-inline: auto;
    max-width: 1920px;
    display: flex;
    flex-wrap: wrap;
    row-gap: 46px;
    justify-content: space-between;
}
@media screen and (max-width: 1300px) {
    .two-images__wrapper {
        padding-left: 3.5rem;
        padding-right: 3.5rem;
    }
}
@media screen and (max-width: 991px) {
    .two-images__wrapper {
        padding-left: 1.75rem;
        padding-right: 1.75rem;
    }
}
@media screen and (max-width: 700px) {
    .two-images__wrapper {
        row-gap: 33px;
    }
}
@media screen and (max-width: 500px) {
    .two-images__wrapper {
        padding-left: 1rem;
        padding-right: 1rem;
        row-gap: 33px;
    }
}
.two-images__wrapper-item {
    width: calc(25% - 23px);
}
@media screen and (max-width: 1300px) {
    .two-images__wrapper-item {
        width: calc(50% - 23px);
    }
}
@media screen and (max-width: 700px) {
    .two-images__wrapper-item {
        width: 100%;
    }
}
.two-images__wrapper-item-picture {
    display: flex;
    width: 100%;
    height: auto;
    object-fit: contain;
}

.home-hero-search-button {
    position: relative;
    z-index: 1;
}

.home-hero-search-button input {
    border: 0;
    background: rgb(240, 240, 240);
    color: #000;
    border-radius: 5px;
    padding: 5px 25px 5px 10px;
    font-size: 16px;
    outline: none !important;
    transition: 0.3s all;
    width: 100%;
}

.home-hero-search-button input:hover {
    background-color: rgb(220, 220, 220);
}

.home-hero-search-button input::-webkit-calendar-picker-indicator,
.home-hero-search-button input ::-webkit-list-button {
    display: none !important;
    opacity: 0 !important;
}

.home-hero-search-button datalist {
    /* position: absolute; */
    inset-block-start: 40px;
    background: rgb(240, 240, 240);
    overflow-y: auto;
    overflow-x: hidden;
    border-radius: 5px;
    max-height: 400px;
    width: 100%;
}

.home-hero-search-button datalist option {
    background: rgb(240, 240, 240);
    color: #000;
    cursor: pointer;
    font-weight: 200;
    padding: 5px 25px 5px 10px;
    font-size: 16px;
}

.home-hero-search-button datalist option:hover,
.home-hero-search-button datalist .active {
    background-color: rgb(220, 220, 220);
}
a,
button,
select,
select option,
input,
label {
    cursor: pointer;
}
.pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 4rem;
}

.pagination a,
.pagination span {
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.pagination .current {
    background-color: #ffe81f;
    border-radius: 5000px;
}

.portfolio-section__filters {
    margin-bottom: 3rem;
}

.portfolio-section__filters form {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.portfolio-section__filters-date,
.portfolio-section__filters-other,
.form-section {
    display: flex;
    /* flex-wrap: wrap; */
    justify-content: space-between;
    align-items: center;
    gap: 20px;
}

input[type="radio"] {
    inline-size: fit-content !important;
}

@media (max-width: 900px) {
    .portfolio-section__filters-date,
    .portfolio-section__filters-other,
    .form-section {
        flex-wrap: wrap;
    }
}

.portfolio-section__filters-other {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}

@media (max-width: 1200px) {
    .portfolio-section__filters-other {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}

@media (max-width: 1150px) {
    .portfolio-section__filters-other {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}

@media (max-width: 900px) {
    .portfolio-section__filters-other {
        grid-template-columns: repeat(1, 1fr) !important;
    }
}

.form-section {
    inline-size: 100%;
}

.form-section label {
    inline-size: 100%;
}

.form-section select,
.form-section input {
    border: 0;
    background: rgb(240, 240, 240);
    border-radius: 5px;
    padding-inline: 10px 25px;
    font-size: 16px;
    outline: none !important;
    transition: 0.3s all;
    block-size: 40px;
    inline-size: 100%;
}

@media (max-width: 600px) {
    .form-section select,
    .form-section input,
    .form-section button,
    .form-section input:not[type="radio"] {
        inline-size: 100% !important;
    }
}

.form-section select:hover,
.form-section input:hover {
    background: rgb(220, 220, 220);
}

.form-section button {
    border: 0;
    background: #1e1d1e;
    border-radius: 5px;
    padding: 5px 50px;
    font-size: 16px;
    outline: none !important;
    color: #fff;
    transition: 0.3s all;
}

.form-section button:hover {
    background: #ffe81f;
}

input[type="radio"] {
    accent-color: #ffe81f;
}

.form-section {
    position: relative;
}

.form-section select {
    appearance: none;
    /* Webkit/Blink browsers */
    -moz-appearance: none;
    /* Firefox */
    -webkit-appearance: none;
    /* Safari */
}

.form-section label {
    display: flex;
    align-items: center;
    gap: 10px;
}

.x {
    font-weight: 500;
    position: absolute;
    inset-inline-end: 0;
    inset-block-start: 50%;
    transform: translateY(-50%);
    transition: 0.3s all;
    padding-inline: 10px;
    padding-block: 10px;
}

.x:hover {
    color: #ffe81f;
}

.nowosc{
    position: absolute;
    content: "Nowe";
    top: 1rem;
    right: 0;
    background-color: black;
    padding-inline: 5px;
    color: white;
    z-index: 1;
}