/* GLOBAL */

@font-face {
    font-family: "Overused Grotesk Medium";
    src: url('../fonts/ttf/OverusedGrotesk-Medium.ttf') format('truetype'),
    url('../fonts/otf/OverusedGrotesk-Medium.otf') format('opentype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: "Overused Grotesk SemiBold";
    src: url('../fonts/ttf/OverusedGrotesk-SemiBold.ttf') format('truetype'),
    url('../fonts/otf/OverusedGrotesk-SemiBold.otf') format('opentype');
    font-weight: 600;
    font-style: normal;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: "Overused Grotesk Medium";
    font-weight: 500;
}

:root {
    /* tablet sizes claculated for 1024px */
    --fs-tablet-64: 6.25vw;
    --fs-tablet-40: 3.906vw;
    --fs-tablet-18: 1.758vw;
    --fs-tablet-16: 1.563vw;
    --fs-tablet-20: 1.953vw;
    --fs-tablet-24: 2.344vw;
    --fs-tablet-28: 2.734vw;

    --margin-tablet-60: 5.859vw;
    --gap-tablet-30: 2.93vw;
    --gap-tablet-10: 0.977vw;
    --gap-tablet-5: 0.488vw;

    /* mobile sizes claculated for 430px */

    --fs-mobile-48: 11.163vw;
    --fs-mobile-28: 6.512vw;
    --fs-mobile-20: 4.651vw;
    --fs-mobile-18: 4.186vw;
    --fs-mobile-16: 3.721vw;
    --fs-mobile-14: 3.256vw;

    --gap-mobile-40: 9.302vw;
    --gap-mobile-30: 6.977vw;
    --gap-mobile-10: 2.326vw;
}

html,
body {
    scroll-behavior: smooth;
}

h1,h2,h3,h4,h5,h6 {
    font-family: "Overused Grotesk SemiBold";
    font-weight: 600;
}

.error-message-company, .error-message-email, .error-message-email2{
    color: red;
    display: none;
}

.o-hidden {
    overflow: hidden !important;
}

.hide-element-visual{
    opacity: 0 !important;
    visibility: hidden !important;
}

.md-none {
    display: block;
}
.lg-none {
    display: none;
}

ul {
    list-style: none;
}

a {
    text-decoration: none;
}

img,
a {
    user-select: none;
}

input,
button,
select,
textarea {
    outline: none;
}

input, textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0;
    -webkit-border-radius: 0;
}

button {
    cursor: pointer;
}

.md-flex {
    display: none!important;
}

.md-none {
    display: flex!important;
}


.loader {
    position: fixed;
    width: 100%;
    height: 100vh;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: none;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 9999999999999999;
    background-color: #4407d8;
    overflow: visible;
}
.loader .wrapper-preloader {
    /*width: max-content;*/
    /*height: max-content;*/
    z-index: 99999999;
    overflow: hidden;
    position: relative;
}
.loader .wrapper-preloader:before {
    width: 49.8%;
    height: 95%;
    left: 25%;
    content: "";
    background-color: #e5e4e436;
    z-index: -1;
    position: absolute;
}
.loader .wrapper-preloader img {
    width: 50%;
    /*height: max-content;*/
    object-fit: cover;
    margin: auto;
    display: flex;
}

.bg-logo {
    position: absolute;
    top: 0;
    left: 25%;
    background-color: white;
    width: 0;
    height: 98%;
    display: block;
    animation: progressAnimation 8s linear infinite;
    z-index: -1;
}

@keyframes progressAnimation {
    0% {
        width: 0;
    }

    50% {
        width: 49.8%;
    }

    100% {
        width: 0;
    }
}

.hidden-overflow {
    overflow: hidden !important;
}

#search:-webkit-autofill,
#search:-webkit-autofill:hover,
#search:-webkit-autofill:focus,
#search:-webkit-autofill:active {
    box-shadow: inset 0 0 1.0417vw 1.0417vw white;
}

.subscribe-form-input:-webkit-autofill,
.subscribe-form-input:-webkit-autofill:hover,
.subscribe-form-input:-webkit-autofill:focus,
.subscribe-form-input:-webkit-autofill:active {
    box-shadow: inset 0 0 1.0417vw 1.0417vw #F3F2F4;
}

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

.disable-btn {
    opacity: 0;
    visibility: hidden;
}

.black-background {
    background-color: #000000;
}

.black-footer {
    background-color: #1F1F1F !important;
}

.footer-content {
    width: 100vw;
    position: relative;
    padding-top: 4.6875vw;
    background-color: #000000;
}

.p-relative {
    position: relative;
}

.color-12 {
    color: #121212 !important;
}

/* HEADER */
.top-header {
    width: 100vw;
    height: 2.3438vw;
    padding: 0 3.125vw;
    position: fixed;
    top: 1.5625vw;
    left: 0;
    background-color: transparent;
    display: flex;
    justify-content: space-between;
    align-items: center;
    z-index: 100;
}

.top-header .logo-elem {
    width: 6.9792vw;
    height: 100%;
    display: flex;
    align-items: center;
}

.top-header .logo-elem img {
    width: max-content;
}

.top-header .menu-elem {
    width: 42.9688vw;
    display: flex;
    justify-content: center;
    position: relative;
}

.top-header .menu-elem .menu-items {
    width: 22.1875vw;
    height: 100%;
    display: flex;
    align-items: center;
    padding: 0.5208vw 1.0417vw;
    gap: 1.0417vw;
    background: #4407D8;
    backdrop-filter: blur(1.8229vw);
    border-radius: 1.5625vw;
}

.top-header .menu-elem .menu-items .m-elem {
    width: max-content;
    background-color: transparent;
    position: relative;
    height: 1.3021vw;
    overflow: hidden;
    display: flex;
}

.top-header .menu-elem .menu-items .m-elem svg {
    background-color: transparent;
    width: 0.5729vw;
    height: 0.6771vw;
    margin-left: 0.2604vw;
    margin-top: 0.3646vw;
}

.top-header .menu-elem .menu-items .m-elem:before {
    content: "";
    width: 0;
    height: 0.0521vw;
    background-color: white;
    position: absolute;
    bottom: 0;
    left: 0;
    transition: .5s ease;
}

.top-header .menu-elem .menu-items .m-elem.active:before,
.top-header .menu-elem .menu-items .m-elem:hover:before {
    width: 100%;
}

.top-header .menu-elem .menu-items .m-elem:hover .m-link,
.top-header .menu-elem .menu-items .m-elem.active .m-link {
    transform: translateY(-1.3021vw);
}

.m-solutions-elem {
    position: relative;
}

.m-solutions-elem::after {
    content: '';
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 1.5625vw;
    background-color: #121212;
}

.top-header .menu-elem .menu-items .m-elem .m-link {
    background-color: transparent;
    width: max-content;
    height: 100%;
    font-family: "Overused Grotesk Medium";
    font-size: 0.9375vw;
    line-height: 1.25vw;
    color: #FFFFFF;
    display: flex;
    flex-direction: column;
    transition: .5s ease;
}

.top-header .menu-elem .solutions-dropdown {
    position: absolute;
    width: 41.9271vw;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    max-height: 0;
    height: 19.9479vw;
    overflow: hidden;
    transition: all 0.3s ease;
    left: 0;
    top: 2.3958vw;
    background-color: #FFFFFF;
    border: 0.0521vw solid #4407D8;
    border-radius: 1.5625vw;
    padding: 2.0833vw 1.5625vw;
    opacity: 0;
    visibility: hidden;
}

.top-header .menu-elem .solutions-dropdown.active {
    opacity: 1;
    max-height: 20vw;
    visibility: visible;
}

.top-header .menu-elem .solutions-dropdown .top-part {
    width: 100%;
    height: max-content;
    display: flex;
    justify-content: space-between;
}

.top-header .menu-elem .solutions-dropdown .top-part .solutions-points {
    width: max-content;
    height: max-content;
    display: flex;
    flex-direction: column;
    gap: 0.5208vw;
}

.top-header .menu-elem .solutions-dropdown .top-part .solutions-points .point-title {
    font-family: "Overused Grotesk Medium";
    font-size: 0.8333vw;
    line-height: 1.0938vw;
    color: #4407D8;
    margin-bottom: 0.2604vw;
    font-weight: 500;
}

.top-header .menu-elem .solutions-dropdown .top-part .solutions-points .point-link {
    font-family: "Overused Grotesk Medium";
    font-size: 0.9375vw;
    line-height: 1.25vw;
    position: relative;
    width: max-content;
}

.top-header .menu-elem .solutions-dropdown .top-part .solutions-points .point-link a {
    color: #121212;
}

.top-header .menu-elem .solutions-dropdown .top-part .solutions-points .point-link:before {
    content: "";
    width: 0;
    height: 0.0521vw;
    background-color: #121212;
    position: absolute;
    bottom: 0;
    left: 0;
    transition: .5s ease;
}


.top-header .menu-elem .solutions-dropdown .top-part .solutions-points .point-link:hover:before,
.top-header .menu-elem .solutions-dropdown .top-part .solutions-points .point-link.active:before {
    width: 100%;
}

.top-header .menu-elem .solutions-dropdown .bottom-part {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.top-header .menu-elem .solutions-dropdown .bottom-part .f-points {
    width: max-content;
    display: flex;
    align-items: center;
    gap: 0.5208vw;
}

.top-header .menu-elem .solutions-dropdown .bottom-part .f-points.f-points-security .point-link {
    position: relative;
}

.top-header .menu-elem .solutions-dropdown .bottom-part .f-points .point-link a {
    display: flex;
    font-family: "Overused Grotesk Medium";
    font-size: 0.7292vw;
    line-height: 0.9375vw;
    color: #2F2F2F;
}

.top-header .menu-elem .solutions-dropdown .bottom-part .f-points .point-link a svg path {
    transition: fill .5s ease;
}

.top-header .menu-elem .solutions-dropdown .bottom-part .f-points .point-link a:hover svg path {
    fill: #121212;
}

.top-header .menu-elem .solutions-dropdown .bottom-part .f-points.f-points-security .point-link:before {
    content: "";
    width: 0;
    height: 0.0521vw;
    background-color: #121212;
    position: absolute;
    bottom: 0;
    left: 0;
    transition: 0.5s ease;
}

.top-header .menu-elem .solutions-dropdown .bottom-part .f-points.f-points-security .point-link:hover:before {
    width: 100%;
}

.top-header .getInTouch-elem {
    width: 6.9792vw;
    height: 2.3438vw;
    background: #4407D8;
    border: 0.0521vw solid #FFFFFF;
    backdrop-filter: blur(1.8229vw);
    border-radius: 1.5625vw;
    background-color: #4407D8;
    cursor: pointer;
}

.top-header .getInTouch-elem:hover .first-level .last-level {
    transform: translateY(-1.25vw);
}

.top-header .getInTouch-elem .first-level {
    width: max-content;
    height: 1.25vw;
    overflow: hidden;
    margin: auto;
}

.top-header .getInTouch-elem .first-level .last-level {
    transition: .5s ease;
    display: flex;
    flex-direction: column;
}

.top-header .getInTouch-elem .first-level .last-level span {
    font-weight: 500;
    color: #FFFFFF;
    font-family: "Overused Grotesk Medium";
    font-size: 0.9375vw;
    line-height: 1.25vw;
}

/* START => MOBILE HEADER MENU */

.mobile-header-menu {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    z-index: 9999;
    background-color: #fff;
    padding: 3.488vw var(--fs-mobile-20);
    border-bottom: 0.0521vw solid #4407D8;
    justify-content: space-between;
    align-items: center;
    transition: all 0.3s ease;
}

.mobile-header-menu.active {
    border-bottom: 0.0521vw solid transparent!important;
}

.burger-menu-btn {
    display: flex;
    flex-direction: column;
    gap: 2.093vw;
    border: 0.4688vw;
    padding: 0.2083vw 0;
    background-color: transparent;
    position: relative;
}

.burger-menu-btn div {
    width: 1.3021vw;
    border-bottom: 0.0521vw solid #4407D8;
    opacity: 1;
    transition: all 1s ease-in-out;
}

.burger-menu-btn.active div {
    opacity: 0;
}

.burger-menu-btn::after {
    content: '';
    width: 1.3021vw;
    position: absolute;
    top: 0.2083vw;
    left: 0;
    border-bottom: 0.0521vw solid #4407D8;
    opacity: 0;
    transition: all 1s ease-in-out;
}

.burger-menu-btn::before {
    content: '';
    width: 100%;
    position: absolute;
    top: 0.6771vw;
    left: 0;
    border-bottom: 0.0521vw solid #4407D8;
    opacity: 0;
    transition: all 1s ease-in-out;
}


.burger-menu-btn.active::after {
    transform: rotate(-45deg) translate(0, 0.2604vw);
    opacity: 1;
}

.burger-menu-btn.active::before {
    transform: rotate(45deg) translate(0, 0.3125vw);
    opacity: 1;
}

.mobile-navbar-menu {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 0dvh;
    overflow: hidden;
    background-color: #FFFFFF;
    opacity: 0;
    visibility: hidden;
    transition: all 1s ease-in-out;
    padding: 12.628vw var(--fs-mobile-20) 0vw var(--fs-mobile-20);
    border-bottom: 0.0521vw solid #4407D8;
    z-index: 9998;
    justify-content: center;
    align-items: center;
}

.mobile-navbar-menu.active {
    height: 100dvh;
    opacity: 1;
    visibility: visible;
}

.mobile-navbar-menu nav {
    width: 100%;
    padding: var(--gap-mobile-30);
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--gap-mobile-40);
    background-color: #4407D8;
    border-radius: var(--gap-mobile-30);
}

.mobile-navbar-menu nav ul {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: var(--gap-mobile-10);
}

.mobile-navbar-menu nav ul .mobile-menu-label {
    color: #C9C9C9;
    font-size: var(--fs-mobile-16);
    line-height: 1.3em;
    font-weight: 500;
}

.mobile-navbar-menu nav ul li a {
    font-size: var(--fs-mobile-20);
    font-weight: 500;
    line-height: 1.3em;
    color: #FFFFFF;
}

.mobile-navbar-menu nav .load-more-btn {
    background-color: #FFFFFF;
}

.mobile-navbar-menu nav .load-more-btn span {
    color: #4407D8;
}

.mobile-navbar-menu.in-blue {
    background-color: #4407D8;
    border-bottom: 0.0521vw solid #FFFFFF;
}

.mobile-navbar-menu.in-blue nav {
    background-color: #FFFFFF;
}

.mobile-navbar-menu.in-blue nav ul .mobile-menu-label {
    color: #4407D8;
}

.mobile-navbar-menu.in-blue nav ul li a {
    color: #121212;
}


.mobile-navbar-menu.in-blue nav .load-more-btn {
    background-color: #4407D8;
}

.mobile-navbar-menu.in-blue nav .load-more-btn span {
    color: #FFFFFF;
    width: max-content;
    margin: auto;
    height: 100%;
}

/* END => MOBILE HEADER MENU */

/* GLOBAL BANNER CONTENT */
.global-banner {
    width: 100vw;
    height: 100vh;
    background-color: #4407D8;
    position: sticky;
    top: 0;
    transition: all 1s ease-in-out;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}

.global-banner .info-content {
    width: max-content;
    height: max-content;
    margin: auto;
    text-align: center;
    position: absolute;
    z-index: 9999;
    top: 15.625vw;
    transition: top 1s ease-in-out, transform 1s ease-in-out;
}

.global-banner .info-content.active {
    top: 3.4896vw;
    transform: scale(0.8);
}

.global-banner img {
    display: flex;
    margin: auto;
    transition: transform 1s ease-in-out, top 1s ease-in-out;
    position: relative;
    top: 0;
    left: 2.0833vw;
}

.global-banner img.active {
    transform: scale(0.5);
    top: 13.0208vw;
}

.global-banner .info-content .global-name {
    width: max-content;
    font-family: "Overused Grotesk Medium";
    font-weight: 500;
    font-size: 13.625vw;
    line-height: 18.4688vw;
    /*font-size: 13.0208vw; */
    /*line-height: 17.0313vw; */
    text-transform: uppercase;
    color: #FFFFFF;
    margin: auto;
    /*transition: font-size 1s ease-in-out, line-height 1s ease-in-out;*/
}

/*.global-banner .info-content.active .global-name {*/
/*    font-size: 13.0208vw;*/
/*    line-height: 17.0313vw;*/
/*}*/

.global-banner .info-content.active .global-desc {
    opacity: 1;
}

.global-banner .info-content .global-desc {
    font-family: "Overused Grotesk Medium";
    font-size: 1.25vw;
    line-height: 1.6146vw;
    text-align: center;
    color: #CECAFF;
    max-width: 28.0729vw;
    margin: auto;
    opacity: 0;
    transition: opacity 1s ease-in-out;
}

.global-banner.about-page .info-content .global-desc {
    max-width: 36.5104vw;
}

.global-banner .info-content .expert-btn {
    margin: auto;
    margin-top: 2.0833vw;
    padding: 0.5208vw 1.3021vw;
    background: #FFFFFF;
    border-radius: 1.5625vw;
    border: none;
    outline: none;
    cursor: pointer;
    height: 2.6563vw;
    opacity: 0;
    transition: opacity 1s ease-in-out;
}

.global-banner .info-content.active .expert-btn {
    opacity: 1;
}

.global-banner .info-content .expert-btn:hover .first-level .last-level {
    transform: translateY(-1.6146vw);
}

.global-banner .info-content .expert-btn .first-level {
    width: max-content;
    height: 1.6146vw;
    overflow: hidden;
}

.global-banner .info-content .expert-btn .first-level .last-level {
    transition: .5s ease;
    display: flex;
    flex-direction: column;
}

.global-banner .info-content .expert-btn .first-level .last-level span {
    font-family: "Overused Grotesk Medium";
    font-weight: 500;
    font-size: 1.25vw;
    line-height: 1.6146vw;
    color: #4407D8;
}

/* PERFORMANCE CONTENT */
.main-content {
    position: relative;
    z-index: 99;
    background: black;
}

.performance-content {
    position: relative;
    width: 100vw;
    height: 100vh;
    /*background-color: #F1F1F5;*/
    background-color: #f0eff3;
    padding: 6.7708vw 19.0625vw 0 19.0625vw;
    display: flex;
    justify-content: center;
}

.performance-content .group-content {
    width: 100%;
    height: max-content;
    display: flex;
    flex-direction: column;
}

.performance-content .group-content img {
    width: 9.7917vw;
    height: 8.1771vw;
    margin: auto;
    margin-bottom: 2.5vw;
}

.performance-content .group-content .p-desc {
    width: 52.2396vw;
    font-family: "Overused Grotesk Medium";
    font-weight: 500;
    font-size: 1.25vw;
    line-height: 1.6146vw;
    text-align: center;
    color: #3B3B3B;
    margin: auto;
    margin-bottom: 6.6146vw;
}

.performance-content .group-content .p-desc span {
    color: #4407D8;
}

.performance-content .group-content .p-line {
    margin: auto;
    margin-bottom: 4.8438vw;
    width: 36.4583vw;
    height: 0.1042vw;
    background: #E2DDE3;
    background: linear-gradient(90deg, rgba(229, 228, 228, 0.3) 0%, rgba(229, 228, 228, 1) 50%, rgba(229, 228, 228, 0.3) 100%);
}

.performance-content .group-content .performance-elems {
    width: 100%;
    display: flex;
    gap: 3.125vw;
}

.performance-content .group-content .performance-elems .p-elem {
    width: 100%;
    display: flex;
    flex-direction: column;
}

.performance-content .group-content .performance-elems .p-elem:nth-child(1) {
    margin-right: 2.0833vw;
}

.performance-content .group-content .performance-elems .p-elem .title-elem {
    width: 100%;
    height: 10.8333vw;
    overflow: hidden;
}

.performance-content .group-content .performance-elems .p-elem .title-elem div {
    width: 100%;
    height: max-content;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.performance-content .group-content .performance-elems .p-elem .title-elem .number-elem {
    font-family: "Overused Grotesk Medium";
    font-weight: 500;
    font-size: 8.8542vw;
    line-height: 10.8333vw;
    color: #121212;
}

.performance-content .group-content .performance-elems .p-elem .title-elem .number-elem:nth-child(2) {
    animation-delay: 3s;
}

.performance-content .group-content .performance-elems .p-elem .p-desc-elem {
    width: 9.8438vw;
    height: 2.1875vw;
    overflow: hidden;
    position: relative;
    padding-left: 1.0417vw;
}

.performance-content .group-content .performance-elems .p-elem .p-desc-elem div {
    width: 100%;
    height: max-content;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.performance-content .group-content .performance-elems .p-elem .p-desc-elem:before {
    position: absolute;
    content: "";
    left: 0;
    top: 0.3646vw;
    width: 0.5208vw;
    height: 0.5208vw;
    background-color: #4407D8;
    border-radius: 50%;
}

.performance-content .group-content .performance-elems .p-elem .p-desc-elem .desc-elem {
    font-family: "Overused Grotesk Medium";
    font-weight: 500;
    font-size: 0.8333vw;
    line-height: 1.0938vw;
    color: #3B3B3B;
}

.performance-content .group-content .performance-elems .p-elem .p-desc-elem .desc-elem:nth-child(2) {
    animation-delay: 3s;
}

/* Default state — animations off */
.performance-animation-number,
.performance-animation-desc {
    animation: none;
    opacity: 0;
    transition: opacity 0.5s ease;
}

/* When container visible → JS adds .active */
.performance-animation-number.active {
    animation: slide-number 5s ease-in-out infinite;
    opacity: 1;
}

.performance-animation-desc.active {
    animation: slide-desc 5s ease-in-out infinite;
    opacity: 1;
}


@keyframes slide-number {
    0% {
        transform: translateY(10.8333vw);
    }
    10% {
        transform: translateY(0);
    }
    40% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-10.8333vw);
    }
    100% {
        transform: translateY(-10.8333vw);
    }
}

@keyframes slide-desc {
    0% {
        transform: translateY(2.1875vw);
    }
    10% {
        transform: translateY(0);
    }
    40% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-2.1875vw);
    }
    100% {
        transform: translateY(-2.1875vw);
    }
}

/* SLIDER */
.slider-content {
    width: 100vw;
    height: max-content;
    background-color: #4407D8;
    display: flex;
    flex-direction: column;
    align-items: center;
    /*gap: 3.6458vw;*/
    padding-top: 6.7708vw;
    padding-bottom: 3.125vw;
    position: relative;
}

.slider-content .s-info-content {
    max-width: 46.8229vw;
    width: 100%;
    height: max-content;
    display: flex;
    flex-direction: column;
    gap: 1.0417vw;
    text-align: center;
}

.slider-content .s-info-content .s-sub-title {
    width: max-content;
    height: max-content;
    position: relative;
    padding-left: 0.6771vw;
    font-family: "Overused Grotesk Medium";
    font-weight: 500;
    font-size: 0.8333vw;
    line-height: 1.0938vw;
    color: #FFFFFF;
    margin: auto;
}

.slider-content .s-info-content .s-sub-title:before {
    position: absolute;
    content: "";
    left: 0;
    top: 0.3385vw;
    width: 0.4167vw;
    height: 0.4167vw;
    background-color: #FFFFFF;
    border-radius: 50%;
}

.slider-content .s-info-content .s-title {
    font-family: "Overused Grotesk SemiBold";
    font-weight: 600;
    font-size: 3.3333vw;
    line-height: 1;
    text-align: center;
    color: #FFFFFF;
    margin-bottom: 3.6458vw;
}

.slider-content .slider-wrapper-content {
    position: relative;
    width: 100vw;
    height: 33.9063vw;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.slider-content .slider-wrapper-content .carousel {
    position: relative;
    width: 100%;
    height: 100%;
    right: -110%;
    transition: 1.5s ease-in-out;
}

.slider-content .slider-wrapper-content .carousel-track {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    height: 30.0521vw;
}

.slider-content .slider-wrapper-content .slide {
    position: absolute;
    width: 19.4271vw;
    height: 25.8854vw;
    background: #3498db;
    transition: all 1.2s ease;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    border-radius: 1.5104vw;
    overflow: hidden;
}

.slider-content .slider-wrapper-content .slide.center {
    transform: scale(1.16) translateX(0);
    z-index: 3;
}

.slider-content .slider-wrapper-content .slide.left1 {
    transform: scale(1) translateX(calc(-19.4271vw - 3.125vw));
    z-index: 2;
}

.slider-content .slider-wrapper-content .slide.right1 {
    transform: scale(1) translateX(calc(19.4271vw + 3.125vw));
    z-index: 2;
}

.slider-content .slider-wrapper-content .slide.left2 {
    transform: scale(1) translateX(calc(-38.8542vw - 4.6875vw));
    z-index: 1;
}

.slider-content .slider-wrapper-content .slide.right2 {
    transform: scale(1) translateX(calc(38.8542vw + 4.6875vw));
    z-index: 1;
}

.slider-content .slider-wrapper-content .btn-next-prev {
    width: max-content;
    height: max-content;
    padding: 0.5208vw;
    margin: auto;
    display: flex;
    gap: 2.0833vw;
    margin-top: 1.0833vw;
}

.slider-content .slider-wrapper-content .btn-next-prev .nav-btn {
    width: 0.7292vw;
    height: 0.8333vw;
    background-color: transparent;
    border: none;
    outline: none;
    cursor: pointer;
}

/* COMPANY OVERVIEW */
.company-overview {
    width: 100vw;
    height: max-content;
    padding: 6.7708vw 6.4062vw 4.1667vw;
    position: relative;
    background-color: #FFFFFF;
}

.company-overview .wrapper-content {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 4.9479vw;
    flex-direction: column;
}

.company-overview .wrapper-content .top-info {
    max-width: 36.6146vw;
    width: 100%;
    text-align: center;
}

.company-overview .wrapper-content .top-info .co-title {
    font-family: "Overused Grotesk SemiBold";
    font-weight: 600;
    font-size: 3.3333vw;
    line-height: 4.375vw;
    color: #121212;
}

.company-overview .wrapper-content .top-info .co-desc {
    font-family: "Overused Grotesk Medium";
    font-weight: 500;
    font-size: 0.9375vw;
    line-height: 1.25vw;
    text-align: center;
    color: #121212;
    margin-top: 0.5208vw;
}

.company-overview .wrapper-content .middle-icon-anim {
    position: relative;
    margin: auto;
    width: 27.4479vw;
    height: 18.2292vw;
}

.company-overview .wrapper-content .middle-icon-anim svg {
    width: 100%;
    height: 100%;
}

.company-overview .wrapper-content .middle-icon-anim svg circle {
    cx: 12.7972vw;
    transition: all 1s ease-in-out;
}

.company-overview .wrapper-content .middle-icon-anim.active svg circle {
    cx: revert-layer;
}

.company-overview .wrapper-content .bottom-info {
    width: 100%;
    height: max-content;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
}

.company-overview .wrapper-content .bottom-info .co-elem {
    width: max-content;
    height: max-content;
    display: flex;
    gap: 0.2604vw;
    flex-direction: column;
}

/*.company-overview .wrapper-content .bottom-info .co-elem:nth-child(2) {*/
/*    width: 20.625vw;*/
/*}*/

.company-overview .wrapper-content .bottom-info .co-elem .co-elem-title {
    font-family: "Overused Grotesk SemiBold";
    font-weight: 600;
    font-size: 3.3333vw;
    line-height: 4.375vw;
    color: #121212;
    overflow: hidden;
}

.company-overview .wrapper-content .bottom-info.active .co-elem .co-elem-title span {
    transform: translateY(0);
}

.company-overview .wrapper-content .bottom-info .co-elem .co-elem-title span {
    transform: translateY(4.375vw);
    display: block;
    transition: all 1s ease-in-out;
}

.company-overview .wrapper-content .bottom-info .co-elem .co-elem-desc {
    font-family: "Overused Grotesk Medium";
    font-weight: 500;
    font-size: 0.9375vw;
    line-height: 1.25vw;
    color: #121212;
}

.company-overview .wrapper-content .bottom-info .co-elem .co-elem-desc span {
    display: inline-block;
    width: 0.625vw;
    height: 0.625vw;
    background: #4407D8;
    border-radius: 0.6771vw;
    margin-left: 0.2604vw;
}


/* MISSION VISION VALUES */
.mvv-content {
    width: 100vw;
    position: relative;
    background-color: #4407D8;
    height: 100vh;
    border-bottom: 0.0521vw solid #232323;
}

.mvv-content .wrapper-content {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
}

.mvv-content .wrapper-content .carousel-elems {
    width: 100vw;
    height: 100%;
    position: relative;
    display: flex;
    overflow: hidden;
    transition: all 1s ease;
}

.mvv-content .btn-group {
    position: absolute;
    bottom: 11.6279vw;
    left: 0;
    right: 0;
    width: 16.7442vw;
    height: 3.2558vw;
    margin: auto;
    display: none;
    justify-content: space-between;
}

.mvv-content .btn-group button {
    width: 3.7209vw;
    height: 3.2558vw;
}

.mvv-content .mvv-card {
    width: 33.33%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    padding: 6.7708vw 4.0104vw 3.6458vw 4.0104vw;
    color: white;
    position: relative;
}

.mvv-content .mvv-card:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 0;
    background-color: #121212;
    transition: all 1.5s ease-in-out;
    z-index: 0;
    bottom: 0;
    left: 0;
}

.mvv-content .mvv-card:hover:before {
    height: 100%;
}

.mvv-content .mvv-card:not(:last-child) {
    border-right: 0.0521vw solid #FFFFFF;
}

.mvv-content .mvv-card .mvv-name {
    font-family: "Overused Grotesk Medium";
    font-weight: 500;
    font-size: 0.9375vw;
    line-height: 1.25vw;
    text-align: center;
    position: relative;
}

.mvv-content .mvv-card .mvv-middle {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.5208vw;
    position: relative;
}

.mvv-content .mvv-card .mvv-middle .mvv-sub-desc {
    font-family: "Overused Grotesk Medium";
    font-weight: 500;
    font-size: 0.8333vw;
    line-height: 1.0938vw;
    position: relative;
    padding-left: 0.6771vw;
}

.mvv-content .mvv-card .mvv-middle .mvv-sub-desc:before {
    position: absolute;
    content: "";
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 0.4167vw;
    height: 0.4167vw;
    background-color: #ffffff;
    border-radius: 50%;
    display: flex;
}

.mvv-content .mvv-card .mvv-middle .mvv-title {
    font-family: "Overused Grotesk SemiBold";
    font-weight: 600;
    font-size: 2.0833vw;
    line-height: 2.7083vw;
    text-align: center;
    position: relative;
}

.mvv-content .mvv-card .mvv-middle .mvv-desc {
    font-family: "Overused Grotesk Medium";
    font-weight: 500;
    font-size: 0.9375vw;
    line-height: 1.25vw;
    text-align: center;
    position: relative;
}

.mvv-content .mvv-card .icons-box {
    position: relative;
    width: 4.4792vw;
    height: 2.9688vw;
}

.mvv-content .mvv-card .icons-box img {
    position: absolute;
    transition: all 1.5s ease-in-out;
    left: calc(34.5% + (-7% * (var(--i))));
}

.mvv-content .mvv-card.mvv-card-2 .icons-box img {
    left: calc(50.5% + (-7% * (var(--i))));
}

.mvv-content .mvv-card.mvv-card-3 .icons-box img {
    left: calc(38.5% + (-3% * (var(--i))));
}

.mvv-content .mvv-card:hover .icons-box img {
    left: calc(109% + (-38% * (var(--i))));
}

.mvv-content .mvv-card.mvv-card-2:hover .icons-box img {
    left: calc(104.5% + (-27% * (var(--i))));
}

.mvv-content .mvv-card.mvv-card-3:hover .icons-box img {
    left: calc(88.5% + (-27% * (var(--i))));
}

/* OUR SOLUTIONS */
.our-solutions {
    width: 100vw;
    height: 110vh;
    position: relative;
    background-color: #121212;
}

.our-solutions .info-content {
    max-width: 24.6354vw;
    width: 100%;
    height: max-content;
    display: flex;
    flex-direction: column;
    gap: 0.5208vw;
    padding-top: 6.7708vw;
    align-items: center;
    justify-content: center;
    margin: auto;
    margin-bottom: 2.6042vw;
}

.our-solutions .info-content .os-title {
    font-family: "Overused Grotesk SemiBold";
    font-weight: 600;
    font-size: 3.3333vw;
    line-height: 4.375vw;
    color: #FFFFFF;
}

.our-solutions .info-content .os-desc {
    font-family: "Overused Grotesk Medium";
    font-weight: 500;
    font-size: 0.9375vw;
    line-height: 1.25vw;
    text-align: center;
    color: #7A7A7A;
}

.our-solutions .wrapper-content {
    width: 93.75vw;
    height: max-content;
    overflow: hidden;
    position: relative;
    margin: auto;
}

.our-solutions .btn-group {
    display: none;
}

.our-solutions .os-cards-content {
    width: max-content;
    height: max-content;
    overflow: hidden;
    position: relative;
    display: flex;
    gap: 1.5625vw;
}

.our-solutions .os-cards-content .card-elem {
    display: flex;
    /*width: 30.2083vw;*/
    max-width: 30.2083vw;
    height: 36.3542vw;
    overflow: hidden;
    border-radius: 1.5625vw;
    transition: all 1s ease;
}

.our-solutions .os-cards-content .card-elem[data-index='2'] {
    flex-direction: row-reverse;
}

.tr-left1 {
    transform: translateX(-30.2083vw);
}

.tr-left2 {
    transform: translateX(-31.7708vw);
}

.tr-left3 {
    transform: translateX(-63.5vw);
}

.our-solutions .os-cards-content .card-elem .card-design {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 2.0833vw 0;
    /*width: 30.2083vw;*/
    min-width: 30.2083vw;
    height: 100%;
    background: #1F1F1F;
    border: 0.0521vw solid #363636;
    border-radius: 1.5625vw;
    transition: all 1s ease;
}

.our-solutions .os-cards-content .card-elem .card-design.main-card {
    position: relative;
    z-index: 9;
}

.our-solutions .os-cards-content .card-elem.active {
    max-width: 93.75vw;
}

.our-solutions .os-cards-content .card-elem .card-design.animate {
    max-width: 37.2917vw;
    min-width: 37.2917vw;
}

.our-solutions .os-cards-content .card-elem .card-design.animate .card-icon.ellipse-icons {
    transform: translateY(0);
}

.our-solutions .os-cards-content .card-elem .card-design .card-top-info {
    display: flex;
    flex-direction: column;
    gap: 0.5208vw;
    width: 100%;
    /*height: 6.875vw;*/
    height: max-content;
    padding-left: 2.0833vw;
}

.our-solutions .os-cards-content .card-elem .card-design .card-top-info .card-category {
    position: relative;
    font-family: "Overused Grotesk Medium";
    font-weight: 500;
    font-size: 0.9375vw;
    line-height: 1.25vw;
    color: #FFFFFF;
    padding-left: 0.6771vw;
}

.our-solutions .os-cards-content .card-elem .card-design .card-top-info .card-category:before {
    position: absolute;
    content: "";
    top: 0.4167vw;
    left: 0;
    width: 0.4167vw;
    height: 0.4167vw;
    border-radius: 50%;
    background-color: #FFFFFF;
}

.our-solutions .os-cards-content .card-elem .hidden-cards .card-design .card-top-info .card-category:before {
    border-radius: 0.1042vw;
}

.our-solutions .os-cards-content .card-elem .hidden-cards.poligon-child-cards .card-design .card-top-info .card-category:before {
    background-color: #121212;
}

.our-solutions .os-cards-content .card-elem .card-design .card-top-info .card-name {
    font-family: "Overused Grotesk SemiBold";
    font-weight: 600;
    font-size: 2.0833vw;
    line-height: 2.7083vw;
    color: #FFFFFF;
}

.our-solutions .os-cards-content .card-elem .card-design .card-icon {
    width: 100%;
    height: 10.3125vw;
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 1s ease;
}

.our-solutions .os-cards-content .card-elem .card-design .card-icon.poligon-icons {
    height: 13.5417vw;
}

.our-solutions .os-cards-content .card-elem .card-design .card-icon.rotate-elips-icons {
    height: 12.7604vw;
}

.our-solutions .os-cards-content .card-elem .hidden-cards.rotate-elips .card-design .card-icon {
    height: 12.7604vw;
}

.our-solutions .os-cards-content .card-elem .card-design .card-icon .icons-box {
    width: 18.5208vw;
    height: 100%;
    display: flex;
    justify-content: center;
    opacity: 0.5;
    transition: all 1s ease;
}

.our-solutions .os-cards-content .card-elem .card-design .card-icon.poligon-icons .icons-box {
    width: 15.5521vw;
}

.our-solutions .os-cards-content .card-elem .card-design .card-icon.rotate-elips-icons .icons-box {
    width: 24.1562vw;
    transform: scale(0.75);
}

.our-solutions .os-cards-content .card-elem .hidden-cards .card-design .card-icon .icons-box {
    width: 100%;
}

.our-solutions .os-cards-content .card-elem .card-design.animate .card-icon .icons-box {
    width: 100%;
    opacity: 1;
}

.our-solutions .os-cards-content .card-elem .card-design.animate .card-icon.poligon-icons img {
    left: calc(97.5% + (-38% * (var(--i))));
}

.our-solutions .os-cards-content .card-elem .card-design.animate .card-icon img {
    left: calc(111% + (-47% * (var(--i))));
}

.our-solutions .os-cards-content .card-elem .card-design.animate .card-icon.rotate-elips-icons img {
    left: calc(139% + (-60% * (var(--i))));
}

.our-solutions .os-cards-content .card-elem .card-design .card-icon img {
    position: relative;
    transition: all 1s ease;
}

.our-solutions .os-cards-content .card-elem .card-design .card-icon img {
    left: calc(150% + (-60% * (var(--i))));
}

.our-solutions .os-cards-content .card-elem .card-design .card-icon.rotate-elips-icons img {
    left: calc(146% + (-58% * (var(--i))));
}

.our-solutions .os-cards-content .card-elem .card-bottom-info {
    width: 100%;
    height: 3.75vw;
    display: flex;
    align-items: end;
    /*gap: 4.1667vw;*/
    padding-left: 2.0833vw;
    padding-right: 2.0833vw;
    justify-content: space-between;
}

.our-solutions .os-cards-content .card-elem .card-bottom-info .card-desc {
    font-family: "Overused Grotesk SemiBold";
    font-weight: 600;
    font-size: 0.9375vw;
    line-height: 1.25vw;
    color: #FFFFFF;
    max-width: 19.7917vw;
    width: 100%;
}

.our-solutions .os-cards-content .card-elem .card-bottom-info .btn-plus {
    background-color: transparent;
    cursor: pointer;
    border: none;
    outline: none;
    transition: 1s ease;
}

.our-solutions .os-cards-content .card-elem .card-bottom-info .btn-plus.active {
    transform: rotate(45deg)
}

.our-solutions .os-cards-content .card-elem .card-bottom-info .btn-plus svg {
    width: 2.0833vw;
    height: 2.0833vw;
    display: block;
}

.our-solutions .os-cards-content .card-elem .hidden-cards .card-design .card-top-info .card-name {
    width: 99%;
}

.our-solutions .os-cards-content .card-elem .hidden-cards {
    padding-left: 1.5625vw;
    display: flex;
    gap: 1.5625vw;
    transform: translateX(-100%);
    transition: all 1s ease;
}

.our-solutions .os-cards-content .card-elem[data-index='2'] .hidden-cards {
    transform: translateX(100%);
}

.our-solutions .os-cards-content .card-elem .hidden-cards.rotate-elips {
    padding-right: 1.5625vw;
    padding-left: 0;
}

.our-solutions .os-cards-content .card-elem .hidden-cards.active {
    transform: translateX(0);
}

.our-solutions .os-cards-content .card-elem .hidden-cards.active .card-icon .icons-box {
    opacity: 1;
}

.our-solutions .os-cards-content .card-elem .hidden-cards.active .card-icon .icons-box svg {
    width: 100%;
    height: 100%;
}

.our-solutions .os-cards-content .card-elem .hidden-cards.active .child-card.card-design {
    opacity: 1;
}

.our-solutions .os-cards-content .card-elem .hidden-cards .card-bottom-info .card-desc {
    max-width: 18.2292vw;
}

.our-solutions .os-cards-content .card-elem .hidden-cards .child-card.card-design {
    max-width: 26.6667vw;
    min-width: 26.6667vw;
    background: #313131;
    opacity: 0;
    transition: all 1s ease;
}

/*.our-solutions .os-cards-content .card-elem .hidden-cards.rotate-elips .child-card.card-design {*/
/*    background: #121212;*/
/*}*/

.our-solutions .os-cards-content .card-elem .hidden-cards .child-card.card-design {
    background: #F8F8F8;
}

.our-solutions .os-cards-content .card-elem .card-bottom-info .btn-arrow {
    background-color: transparent;
    cursor: pointer;
    border: none;
    outline: none;
}

.our-solutions .os-cards-content .card-elem .card-bottom-info .btn-arrow svg {
    width: 2.0833vw;
    height: 2.0833vw;
    display: block;
}

/* REVIEWS */
.reviews-content {
    width: 100vw;
    height: max-content;
    position: relative;
    background-color: #000000;
    border-bottom: 0.0521vw solid #232323;
    padding-bottom: 8.0208vw;
    padding-top: 8.0208vw;
}

.reviews-content .info-content {
    max-width: 24.6354vw;
    width: 100%;
    height: max-content;
    display: flex;
    flex-direction: column;
    gap: 0.5208vw;
    align-items: center;
    justify-content: center;
    margin: auto;
    margin-bottom: 2.6042vw;
}

.reviews-content .info-content .os-title {
    font-family: "Overused Grotesk SemiBold";
    font-weight: 600;
    font-size: 3.3333vw;
    line-height: 4.375vw;
    color: #FFFFFF;
}

.reviews-content .info-content .os-desc {
    font-family: "Overused Grotesk Medium";
    font-weight: 500;
    font-size: 0.9375vw;
    line-height: 1.25vw;
    text-align: center;
    color: #7A7A7A;
}

.reviews-content .review-card-slider-content {
    width: 100vw;
    height: max-content;
}

.reviews-content .review-card-slider-content .review-card-section {
    width: 100vw;
    height: max-content;
    padding-left: 3.125vw;
    padding-right: 3.125vw;
}

.reviews-content .review-card-slider-content .review-card-section .review-card {
    width: 100%;
    /*height: 26.0417vw;*/
    height: 20.84vw;
    display: flex;
    flex-direction: column;
    /*justify-content: space-between;*/
    gap: 2.3438vw;
    background-color: #1F1F1F;
    padding: 2.0833vw;
    border: 0.0521vw solid #363636;
    border-radius: 1.5625vw;
}

.reviews-content .review-card-slider-content .review-card-section .review-card.even-card {
    background-color: #f3f2f4;
}

.reviews-content .review-card-slider-content .review-card-section .review-card .top-content {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.reviews-content .review-card-slider-content .review-card-section .review-card .top-content .left-part {
    width: max-content;
    display: flex;
    flex-direction: column;
    gap: 0.5208vw;
}

.reviews-content .review-card-slider-content .review-card-section .review-card .top-content .left-part .sub-title {
    width: 90%;
    position: relative;
    font-family: "Overused Grotesk Medium";
    font-weight: 500;
    font-size: 0.8333vw;
    line-height: 1.0938vw;
    color: #FFFFFF;
    padding-left: 0.6771vw;
}

.reviews-content .review-card-slider-content .review-card-section .review-card .top-content .left-part .sub-title:before {
    position: absolute;
    content: "";
    top: 0.3385vw;
    left: 0;
    width: 0.4167vw;
    height: 0.4167vw;
    border-radius: 50%;
    background-color: #FFFFFF;
}

.reviews-content .review-card-slider-content .review-card-section .review-card.even-card .top-content .left-part .sub-title {
    color: #121212;
}

.reviews-content .review-card-slider-content .review-card-section .review-card.even-card .top-content .left-part .sub-title:before {
    background-color: #121212;
}

.reviews-content .review-card-slider-content .review-card-section .review-card .top-content .left-part .card-title {
    font-family: "Overused Grotesk SemiBold";
    font-weight: 600;
    font-size: 2.0833vw;
    line-height: 2.7083vw;
    color: #FFFFFF;
}

.reviews-content .review-card-slider-content .review-card-section .review-card.even-card .top-content .left-part .card-title {
    color: #121212;
}

.reviews-content .review-card-slider-content .review-card-section .review-card.even-card .top-content .right-part svg {
    height: 3.3854vw;
}

.reviews-content .review-card-slider-content .review-card-section .review-card.even-card .top-content .right-part.elips-icon svg {
    width: 4.0104vw;
}

.reviews-content .review-card-slider-content .review-card-section .review-card.even-card .top-content .right-part.circle-icon svg {
    width: 5.1042vw;
}

.reviews-content .review-card-slider-content .review-card-section .review-card.even-card .top-content .right-part.triangle-icon svg {
    width: 3.125vw;
}

.reviews-content .review-card-slider-content .review-card-section .review-card .bottom-content {
    font-family: "Overused Grotesk Medium";
    font-weight: 500;
    font-size: 1.0417vw;
    line-height: 1.3542vw;
    color: #FFFFFF;
}

.reviews-content .review-card-slider-content .review-card-section .review-card.even-card .bottom-content {
    color: #121212;
}

.reviews-content .review-card-slider-content .review-card-slider-next-prev-box {
    position: relative;
    width: 5.2083vw;
    height: 2.0833vw;
    margin: auto;
    margin-top: 2.0833vw;
}

.reviews-content .review-card-slider-content .review-card-slider-next-prev-box .review-card-view-btn {
    display: flex;
    align-items: center;
    overflow: hidden;
    width: 2.083vw;
    height: 2.083vw;
    border: 0.1042vw solid #121212;
    border-radius: 100%;
    margin-top: 0;
    top: 0;
    border: 0.1042vw solid #FFFFFF;
    background-color: transparent;
}

.reviews-content .review-card-slider-content .review-card-slider-next-prev-box .review-card-view-btn svg:nth-child(1) {
    transform: translateX(-200%);
    transition: all 0.5s ease-in-out;
    opacity: 0;
}

.reviews-content .review-card-slider-content .review-card-slider-next-prev-box .review-card-view-btn svg:nth-child(2) {
    transform: translateX(-50%);
    transition: all 0.5s ease-in-out;
    opacity: 1;
}

.reviews-content .review-card-slider-content .review-card-slider-next-prev-box .review-card-view-btn:hover svg:nth-child(1) {
    transform: translateX(60%);
    opacity: 1;
}

.reviews-content .review-card-slider-content .review-card-slider-next-prev-box .review-card-view-btn:hover svg:nth-child(2) {
    transform: translateX(200%);
    opacity: 0;
}

/* START => BLOG PAGE */

.blog-first-section {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 10.417vw;
    margin-bottom: 5.208vw;
}

.blog-first-section-items {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.blog-subtitle {
    font-size: 0.833vw;
    font-weight: 500;
    line-height: 1.3em;
    color: #121212;
    z-index: 0;
    display: flex;
    align-items: center;
}

.black-icon {
    position: relative;
}

.black-icon::before {
    content: '';
    display: inline-block;
    width: 0.417vw;
    height: 0.417vw;
    background-color: #121212;
    border-radius: 100%;
    margin-right: 0.26vw;
}

.white-icon {
    position: relative;
    color: #FFFFFF;
}

.white-icon::before {
    content: '';
    display: inline-block;
    width: 0.417vw;
    height: 0.417vw;
    background-color: #FFFFFF;
    border-radius: 100%;
    margin-right: 0.26vw;
}

.blog-first-section-items h1 {
    font-size: 3.333vw;
    text-align: center;
    font-weight: 600;
    line-height: 1em;
    margin-top: 0.521vw;
    margin-bottom: 1.563vw;
}

.blog-first-section-items .blog-description {
    font-size: 0.938vw;
    text-align: center;
    font-weight: 500;
    line-height: 1.3em;
    margin-bottom: 2.083vw;
}

.search-box {
    display: flex;
    align-items: center;
    flex-direction: row;
    padding: 0.573vw 1.042vw;
    width: 35.938vw;
    border: 0.0521vw solid #4308D7;
    border-radius: 2.344vw;
}

.search-box svg {
    width: 1.042vw;
    height: 1.042vw;
}

.search-box input {
    width: 100%;
    font-size: 0.938vw;
    font-weight: 500;
    line-height: 1.3em;
    margin-left: 0.26vw;
    border: none;
    color: #121212;
}

/* END => BLOG PAGE */


/* START => BLOG TAB SECTION */

.blog-tab-section {
    padding: 0 3.125vw 7.813vw 3.125vw;
}

.blog-tab-first-box {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto;
    margin-bottom: 2.604vw;
}

.blog-tab-first-box .tab-btn {
    display: flex;
    justify-content: center;
    flex-direction: row-reverse;
    align-items: center;
    color: #666666;
    line-height: 1.3em;
    font-weight: 500;
    font-size: 1.042vw;
    background-color: transparent;
    border: none;
    transition: all 0.3s ease;
}

.blog-tab-first-box .tab-btn:nth-child(2) {
    margin: 0 1.042vw;
}

.blog-tab-first-box .tab-btn.active {
    color: #4308D7;
    font-weight: 600;
}

.blog-tab-first-box .tab-btn::before {
    content: attr(data-count);
    display: inline-block;
    background: transparent;
    color: #666666;
    border: 0.0521vw solid #666666;
    background-color: transparent;
    line-height: 1.3em;
    font-weight: 500;
    align-self: center;
    font-size: 0.938vw;
    min-width: 1.615vw;
    height: 1.25vw;
    border-radius: 1.771vw;
    margin-left: 0.26vw;
    transition: all 0.3s ease;
    padding: 0.26vw;
    text-align: center;
}

.blog-tab-first-box .tab-btn.active::before {
    color: #FFFFFF;
    border: 0.0521vw solid #4308D7;
    background-color: #4308D7;
}

.blog-card-box {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 1.563vw;
    margin-bottom: 5.208vw;
}

.blog-card {
    width: 30.208vw;
    height: max-content;
    display: flex;
    flex-direction: column;
    margin-bottom: 1.042vw;
}

.blog-card img {
    width: 100%;
    height: 26.042vw;
    object-fit: cover;
    border-radius: 0.833vw;
    margin-bottom: 0.781vw;
}

.blog-card-title {
    color: #121212;
    font-size: 1.458vw;
    font-family: "Overused Grotesk SemiBold";
    font-weight: 600;
    line-height: 1.3em;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top: 0.26vw;
    margin-bottom: 0.781vw;
}

.blog-card-decription-box {
    display: flex;
    align-items: end;
    justify-content: space-between;
}

.blog-card-description {
    width: 24.635vw;
    color: #121212;
    font-size: 0.938vw;
    font-weight: 500;
    line-height: 1.3em;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

/*.blog-card-view-btn {*/
/*    display: flex;*/
/*    align-items: center;*/
/*    overflow: hidden;*/
/*    width: 2.083vw;*/
/*    height: 2.083vw;*/
/*    border: 0.1042vw solid #121212;*/
/*    border-radius: 100%;*/
/*    margin-top: 0;*/
/*    top: 0;*/
/*}*/

/*.blog-card-view-btn svg:nth-child(1) {*/
/*    transform: translateX(-200%);*/
/*    transition: all 0.5s ease-in-out;*/
/*    opacity: 0;*/
/*}*/

/*.blog-card-view-btn:hover svg:nth-child(1) {*/
/*    transform: translateX(50%);*/
/*    opacity: 1;*/
/*}*/

/*.blog-tab-section .blog-card-view-btn svg:nth-child(1) {*/
/*    height: 100%;*/
/*}*/

/*.blog-tab-section .blog-card-view-btn:hover svg:nth-child(1) {*/
/*    transform: translateX(60%);*/
/*}*/

/*.blog-card-view-btn svg:nth-child(2) {*/
/*    transform: translateX(-50%);*/
/*    transition: all 0.5s ease-in-out;*/
/*    opacity: 1;*/
/*}*/

/*.blog-tab-section .blog-card-view-btn svg:nth-child(2) {*/
/*    transform: translateX(-40%);*/
/*    height: 100%;*/
/*}*/

/*.blog-card-view-btn:hover svg:nth-child(2) {*/
/*    transform: translateX(200%);*/
/*    opacity: 0;*/
/*}*/

.blog-card-view-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;

    overflow: hidden;
    width: 2.083vw;
    height: 2.083vw;
    border: 0.1042vw solid #121212;
    border-radius: 100%;
    margin-top: 0;
    top: 0;
}

.blog-card-view-btn svg:nth-child(1) {
    -webkit-transform: translateX(-200%);
    -ms-transform: translateX(-200%);
    transform: translateX(-200%);

    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;

    opacity: 0;
}

.blog-card-view-btn:hover svg:nth-child(1) {
    -webkit-transform: translateX(60%);
    -ms-transform: translateX(60%);
    transform: translateX(60%);
    opacity: 1;
}

.blog-tab-section .blog-card-view-btn svg:nth-child(1) {
    height: 100%;
}

.blog-tab-section .blog-card-view-btn:hover svg:nth-child(1) {
    -webkit-transform: translateX(60%);
    -ms-transform: translateX(60%);
    transform: translateX(60%);
}

.blog-card-view-btn svg:nth-child(2) {
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);

    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;

    opacity: 1;
}

.blog-tab-section .blog-card-view-btn svg:nth-child(2) {
    -webkit-transform: translateX(-40%);
    -ms-transform: translateX(-40%);
    transform: translateX(-40%);

    height: 100%;
}

.blog-card-view-btn:hover svg:nth-child(2) {
    -webkit-transform: translateX(200%);
    -ms-transform: translateX(200%);
    transform: translateX(200%);

    opacity: 0;
}

.load-more-btn {
    background-color: #4407D8;
    overflow: hidden;
    color: #FFFFFF;
    padding: 0.521vw 1.042vw;
    font-size: 0.938vw;
    font-weight: 500;
    border: none;
    border-radius: 1.563vw;
    line-height: 1.25vw;
    margin: auto;
    display: flex;
    flex-direction: column;
    margin: 0 auto;
    height: 2.344vw;
    width: max-content;
}

.load-more-btn span:nth-child(1) {
    transform: translateY(0);
    transition: all 0.5s ease-in-out;
    opacity: 1;
}

.load-more-btn span:nth-child(2) {
    transform: translateY(100%);
    transition: all 0.5s ease-in-out;
    opacity: 0;
}

.load-more-btn:hover span:nth-child(1) {
    transform: translateY(-150%);
    opacity: 0;
}

.load-more-btn:hover span:nth-child(2) {
    transform: translateY(-100%);
    opacity: 1;
}

/* END => BLOG TAB SECTION */


/* START => POST PAGE HERO SECTION */

.post-page-hero-secion {
    display: flex;
    align-items: center;
    justify-content: center;
}

.hero-secion-box {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    margin: 8.698vw auto 3.125vw auto;
    width: 63.958vw;
    text-align: center;
}

.post-hero-navigate-btn {
    font-size: 0.833vw;
    font-weight: 500;
    line-height: 1.25vw;
    color: #121212;
}

.post-hero-navigate-btn svg {
    margin-right: 0.26vw;
}

.hero-secion-box h1 {
    font-size: 3.333vw;
    font-weight: 600;
    line-height: 3.45vw;
    color: #121212;
    padding-top: 2.083vw;
    padding-bottom: 1.563vw;
}

.post-hero-section-description {
    width: 57.083vw;
    font-size: 0.938vw;
    font-weight: 500;
    line-height: 1.25vw;
    color: #121212;
    margin-bottom: 2.083vw;
}

.post-hero-category {
    font-size: 0.833vw;
    font-weight: 500;
    line-height: 1.25vw;
    color: #121212;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.521vw;
}

/* END => POST PAGE HERO SECTION */

/* START => POST PAGE IMAGE VIEW SECTION */

.post-view-img {
    width: 100vw;
    height: 46.042vw;
}

.post-view-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* END => POST PAGE IMAGE VIEW SECTION */

/* START => POST DESCRIPTION SECTION */

.description-box {
    width: 58.333vw;
    margin: auto;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 5.208vw 0;
    margin-bottom: 4.167vw;
    border-bottom: 0.1042vw solid #E2E2E2;
}

.description-box h3 {
    /*font-size: 2.083vw!important;*/
    /*font-weight: 600!important;*/
    /*line-height: 3vw!important;*/
    color: #121212!important;
    /*margin-bottom: 1.563vw!important;*/
}

.description-box h3:last-child {
    /*margin-top: 0.521vw!important;*/
}

.description-box span {
    /*font-size: 1.042vw;*/
    /*font-weight: 600;*/
    /*line-height: 1.25vw;*/
    color: #121212!important;
    /*margin-bottom: 0.521vw!important;*/
}

.description-box p {
    /*font-size: 1.042vw;*/
    /*font-weight: 500;*/
    /*line-height: 1.25vw;*/
    color: #121212!important;
    /*margin-bottom: 1.042vw!important;*/
}

.description-box strong span {
    font-weight: bold;
}

.description-box ul {
    list-style-type: disc;
    padding-left: 20px;
}

.description-box .h1, .h2, .h3, h1, h2, h3 {
    margin-top: 20px;
    margin-bottom: 10px;
}


/* END => POST DESCRIPTION SECTION */

.post-blog-cards-title {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 2.604vw;
}

.post-blog-cards-title h2 {
    font-size: 3.333vw;
    font-weight: 600;
    line-height: 3.45vw;
    color: #121212;
    margin: auto;
}

.post-blog-box {
    margin-bottom: 0;
}

/* START => CONTACT US */

.constact-us-main-section {
    min-height: 100vh;
    background-color: #4407D8;
    padding: 10.677vw 3.125vw 6.615vw 3.125vw;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.left-side-contact-box {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 13.75vw;
}

.top-items h1 {
    font-size: 3.333vw;
    font-weight: 600;
    line-height: 3.45vw;
    color: #FFFFFF;
    margin-top: 0.781vw;
    margin-bottom: 1.615vw;
}

.top-items p {
    font-size: 0.938vw;
    font-weight: 500;
    line-height: 1.25vw;
    color: #CECAFF;
    width: 33.854vw;
}

.bottom-items {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.bottom-items h2 {
    color: #FFFFFF;
    font-size: 2.083vw;
    font-weight: 600;
    line-height: 3vw;
    margin-bottom: 2.604vw;
}

.contact-info-box {
    width: 39.583vw;
    display: flex;
    flex-wrap: wrap;
}

.contact-info-box .current-contact-box {
    display: flex;
    flex-direction: column;
    border-top: 0.0521vw solid #D9D9D9;
    width: 18.229vw;
}

.contact-info-box .current-contact-box {
    display: flex;
    flex-direction: column;
    border-top: 0.0521vw solid #D9D9D9;
    width: 18.229vw;
    padding: 0.26vw 0 1.042vw 0;
}

.contact-info-box .current-contact-box a {
    transition: all .5s ease;
}

.contact-info-box .current-contact-box a:hover {
    color: #121212;
}

.contact-info-box .current-contact-box a svg path {
    transition: all .5s ease;
}

.contact-info-box .current-contact-box a:hover svg path {
    fill: #121212;
}

.contact-info-box .current-contact-box:nth-child(odd) {
    margin-right: 3.125vw;
}

.current-contact-box .box-item-label {
    color: #C9C9C9;
    font-size: 0.833vw;
    font-weight: 500;
    line-height: 1.25vw;
    margin-bottom: 0.26vw;
}

.current-contact-box a {
    font-size: 0.938vw;
    color: #FFFFFF;
    font-weight: 500;
    line-height: 1.25vw;
}

.current-contact-box ul:first-child {
    display: flex;
    gap: 0.781vw;
    margin-top: 0.885vw;
}

.get-in-touch-form {
    background-color: #FFFFFF;
    width: 38.229vw;
    padding: 3.125vw 2.083vw;
    border-radius: 1.563vw;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.get-in-touch-form input:hover::placeholder {
    color: #121212;
}

.get-in-touch-form textarea:hover::placeholder {
    color: #121212;
}

.contact-form-title-text {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.521vw;
}

.contact-form-title-text h2 {
    font-size: 2.083vw;
    font-weight: 600;
    line-height: 3vw;
    color: #121212;
}

.contact-form-title-text p {
    font-size: 0.938vw;
    font-weight: 500;
    line-height: 1.25vw;
    color: #121212;
    text-align: center;
}

.contact-form-fields {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.521vw;
    margin: 2.083vw 0;
}

.contact-form-fields label {
    display: flex;
    flex-direction: column;
    font-size: 0.833vw;
    font-weight: 500;
    color: #121212;
    line-height: 1.25vw;
    width: 34.063vw;
}

.contact-form-fields label input,
.contact-form-fields label textarea {
    padding: 0.521vw 0;
    border: none;
    border-bottom: 0.0521vw solid #121212;
    font-size: 0.938vw;
    line-height: 1.25vw;
    font-weight: 500;
    color: #121212;
}

.contact-form-fields label textarea {
    resize: none;
    height: 5.729vw;
}

.contact-form-fields p {
    color: #7B7B7B;
    font-size: 0.729vw;
    font-weight: 500;
    line-height: 1.25vw;
}

.contact-form-fields p a {
    color: #2216BB;
    text-decoration: underline;
    font-size: 0.729vw;
    font-weight: 500;
    line-height: 1.25vw;

}

/* END => CONTACT US */


/* START => THERMS AND POLICY SECTION */

.terms-policy-section {
    padding: 10.677vw 3.125vw 7.813vw 3.125vw;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.terms-policy-left-bar {
    padding: 2.083vw;
    background-color: #4308D7;
    border-radius: 1.563vw;
    width: 38.229vw;
}

.terms-policy-left-bar a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #FFFFFF;
    font-size: 1.25vw;
    font-family: "Overused Grotesk SemiBold";
    font-weight: 600;
    line-height: 2vw;
    padding: 1.042vw 0;
    border-bottom: 0.0521vw solid #FFFFFF;
}

.terms-policy-left-bar span {
    width: 27.5vw;
}

.terms-policy-right-part-box {
    width: 52.396vw;
}

.terms-policy-left-bar a .terms-policy-cover-title-text {
    display: none;
}

.terms-policy-right-part-box h1 {
    font-size: 3.333vw;
    font-weight: 600;
    line-height: 3.33vw;
    color: #121212;
    margin-top: 0.521vw;
    margin-bottom: 1.563vw;
}

.terms-policy-cover-title-text {
    display: flex;
    flex-direction: column;
    gap: 0.521vw;
    border-bottom: 0.0521vw solid #D9D9D9;
}

.terms-policy-cover-title-text {
    padding: 2.604vw 0;
}

.introduction {
    padding: 0 0 2.604vw 0 !important;
}

.terms-policy-cover-title-text h3 {
    font-size: 1.25vw;
    font-weight: 600;
    line-height: 1.25vw;
    color: #121212;
}

.terms-policy-cover-title-text p {
    font-size: 1.042vw;
    font-weight: 500;
    line-height: 1.25vw;
    color: #121212;
}

.terms-policy-cover-title-text .dote-line {
    display: flex;
    align-items: flex-start;
}

.terms-policy-cover-title-text .dote-line::before {
    content: '';
    display: inline-block;
    width: 0.2em;
    height: 0.2em;
    border-radius: 50%;
    background-color: #121212;
    flex-shrink: 0;
    position: relative;
    top: 0.05em;
    margin: 0.625vw;
}

.scroll-up {
    width: 2.083vw;
    height: 2.083vw;
    border-radius: 100%;
    background-color: #4308D7;
    position: fixed;
    bottom: 3.125vw;
    right: 3.125vw;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: center;
    z-index: 99999;
}

.scroll-up svg:nth-child(1) {
    transition: all 0.3s ease-in-out;
    transform: translateY(70%);
}

.scroll-up svg:nth-child(2) {
    transition: all 0.3s ease-in-out;
    transform: translateY(200%);
}


.scroll-up:hover svg:nth-child(1) {
    transform: translateY(-100%);
}

.scroll-up:hover svg:nth-child(2) {
    transform: translateY(-20%);
}

/* END => THERMS AND POLICY SECTION */


/* START => SOLUTIONS */

.blue-background {
    background-color: #4407D8;
}

.solutions-hero-setion {
    margin: 10.417vw auto 5.208vw auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.solutions-hero-setion .solution-subtext {
    color: #CECAFF;
    font-size: 0.938vw;
    font-weight: 500;
    text-align: center;
    width: 25vw;
    line-height: 1.3em;
}

.solutions-hero-setion h1 {
    font-size: 3.333vw;
    line-height: 1em;
    font-weight: 600;
    color: #FFFFFF;
    width: 45.438vw;
    text-align: center;
    margin-top: 0.521vw;
    margin-bottom: 1.563vw;
}

.solutions-pagination-section {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #4407D8;
    flex-direction: column;
    padding-bottom: 9.115vw;
}

.black-icon::before {
    width: 0.781vw;
    height: 0.781vw;
    margin-right: 0.488vw;
}

.black-icon {
    position: relative;
}

.black-icon::before {
    content: '';
    display: inline-block;
    width: 0.417vw;
    height: 0.417vw;
    background-color: #121212;
    border-radius: 100%;
    margin-right: 0.26vw;
}


.slider-container {
    width: 79.167vw;
    overflow: hidden;
}

.slider {
    position: relative;
    height: 35.208vw;
    width: 79.167vw;
    overflow: hidden;
}

.solution-btn-group {
    display: none;
}

.slides {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: row;
    transition: transform 0.5s ease-in-out;
    height: 100%;
}

.slide {
    width: 79.167vw;
    height: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    gap: 1.563vw;
    padding: 0 0.781vw;
}

.pagination {
    width: max-content;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #9267FA;
    margin: 0 auto 2.656vw auto;
    border-radius: 1.563vw;
    position: relative;
    overflow-x: hidden;
}

.pagination-item {
    position: relative;
    z-index: 2;
}


.pagination-item button {
    cursor: pointer;
    background-color: transparent;
    color: #4407D8;
    border: none;
    border-radius: 1.5625vw;
    padding: 0.521vw 1.042vw;
    position: relative;
}

.pagination-title {
    font-size: 1rem;
    font-family: "Overused Grotesk Medium";
    font-weight: 500;
    transition: all 0.3s ease;
    line-height: 1.25vw;
}

.pagination-bg {
    border: 0.0521vw solid #9267FA;
    background-color: #fff;
    height: 100%;
    border-radius: 1.563vw;
    position: absolute;
    left: 0;
    top: 0;
    transition: all 0.5s ease-in-out;
    z-index: 1;
}

.slide-box {
    width: 38.802vw;
    height: 100%;
    background-color: #fff;
    border-radius: 1.563vw;
    overflow: hidden;
    display: flex;
    align-items: center;
    padding: 2.083vw;
    flex-direction: column;
    position: relative;
}


.solution-cart-title {
    color: #121212;
    font-family: "Overused Grotesk SemiBold";
    font-weight: 600;
    font-size: 2.083vw;
    line-height: 1.3em;
    margin-top: 0.521vw;
    margin-bottom: 4.708vw;
    text-align: center;
    transition: all 1s ease;
    width: 30.635vw;
    word-break: break-all;
}

.solutions-animation-box {
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 1.5s ease-in-out;
    width: 15.1479vw;
    height: 12.7396vw;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.slide-box:hover .solutions-animation-box {
    width: 39.8438vw;
}

.solutions-animation-box img {
    position: absolute;
    transition: all 1.5s ease-in-out;
}

.solutions-animation-box .animation-1 {
    height: 10.313vw;
    width: 10.313vw;
    left: calc(0% + (7% * (var(--i))));
}

.solutions-animation-box .animation-2 {
    height: 15.542vw;
    width: 9.187vw;
    left: calc(14% + (7% * (var(--i))));
}

.solutions-animation-box .animation-3 {
    height: 11.458vw;
    width: 11.458vw;
    left: calc(5% + (4% * (var(--i))));
}

.solutions-animation-box .animation-4 {
    height: 11.458vw;
    width: 11.458vw;
    left: calc(5% + (6% * (var(--i))));
}

.slide-box:hover .solutions-animation-box .animation-1 {
    left: calc(20% * var(--i));
}

.slide-box:hover .solutions-animation-box .animation-2 {
    left: calc(25% * var(--i));
}

.slide-box:hover .solutions-animation-box .animation-3 {
    left: calc(17% * var(--i));
}

.slide-box .white-arrow svg {
    fill: #FFFFFF
}

.slide-box .white-arrow {
    position: absolute;
    top: 27.5vw;
    transition: all 1s ease;
    z-index: 2;
    opacity: 0;
    visibility: hidden;
    border: 0.1042vw solid #FFFFFF !important;
}

.slide-box:hover .white-arrow {
    opacity: 1;
    visibility: visible;
}

.card-bottom-box {
    position: absolute;
    top: 100%;
    left: 0;
    transition: all 1.5s ease-in-out;
    background-color: #121212;
    width: 100%;
    height: 100%;
}

.slide-box:hover .card-bottom-box {
    top: 0;
}

.solution-card-bottom-text {
    color: #121212;
    font-size: 0.938vw;
    line-height: 1.3em;
    font-weight: 600;
    width: 23.958vw;
    position: absolute;
    top: 30.625vw;
    transition: all 1s ease-in-out;
    z-index: 1;
    text-align: center;
}

.slide-box .blog-subtitle,
.slide-box .black-icon::before {
    transition: all 1s ease;
}

.slide-box:hover .solution-cart-title,
.slide-box:hover .blog-subtitle,
.slide-box:hover .solution-card-bottom-text {
    color: #FFFFFF;
}

.slide-box:hover .black-icon::before {
    background-color: #fff;
}

.slide-box .blog-subtitle,
.slide-box .solution-cart-title,
.slide-box .solutions-animation-box {
    z-index: 1;
}

/* END => SOLUTIONS */


/* START => STRAGETIC SOLUTIONS FIRST SECTION */

.strategic-section-box {
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding: 14.115vw 0 8.073vw 3.125vw;
}

.strategic-section-left-side {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
}

.strategic-section-left-side h1 {
    width: 39.219vw;
    font-size: 3.333vw;
    margin-top: 0.521vw;
    margin-bottom: 1.563vw;
    line-height: 1em;
    font-weight: 600;
    color: #FFFFFF;
}

.stragetic-description {
    font-size: 0.938vw;
    line-height: 1.3em;
    color: #CECAFF;
    font-weight: 500;
    width: 26.823vw;
}

.strategic-section-left-side svg {
    margin-top: 14.792vw;
}


.navigation-slider-section {
    width: 100%;
    height: 100vh;
    padding: 6.771vw 3.125vw 4.167vw 3.125vw;
    background-color: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
}

.navigation-slider-section:before {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    z-index: 4;
    width: 100%;
    height: 100%;
}

.navigation-slider-section .sub-title {
    width: max-content;
    height: max-content;
    position: relative;
    padding-left: 0.6771vw;
    font-family: "Overused Grotesk Medium";
    font-weight: 500;
    font-size: 0.8333vw;
    line-height: 1.0938vw;
    color: #121212;
    margin: auto;
}

.navigation-slider-section .sub-title:before {
    position: absolute;
    content: "";
    left: 0;
    top: 0.3385vw;
    width: 0.4167vw;
    height: 0.4167vw;
    background-color: #121212;
    border-radius: 50%;
}


.navigation-slider-section .swiper, .navigation-slider-section .swiper-wrapper {
    width: 100%;
    height: 36.4583vw;
}

.navigation-slider-section .swiper .swiper-slide {
    transition: all 0.9s ease-in-out;
    opacity: 0;
    transform: scale(0.1);
}

.navigation-slider-section .swiper .swiper-slide-next, .navigation-slider-section .swiper .swiper-slide-prev, .navigation-slider-section .swiper .swiper-slide-active {
    transition: all 0.9s ease-in-out;
}

.navigation-slider-section .swiper .swiper-slide-next, .navigation-slider-section .swiper .swiper-slide-prev {
    opacity: 0.3;
    transform: scale(0.35);
}

.home-page .navigation-slider-section .swiper .swiper-wrapper .swiper-slide.swiper-slide-active:nth-child(2),
.home-page .navigation-slider-section .swiper .swiper-wrapper .swiper-slide.swiper-slide-active:nth-child(3) {
    height: max-content !important;
}


.navigation-slider-section .swiper .swiper-slide-next h3 .blue-text, .navigation-slider-section .swiper .swiper-slide-prev h3 .blue-text {
    color: #121212;
}

.navigation-slider-section .swiper .swiper-slide-active {
    opacity: 1;
    transform: translateY(0%) scale(1);
}

.navigation-slider-section .swiper .swiper-slide-active p {
    opacity: 1;
}

.navigation-slider-section .swiper .swiper-pagination-bullet {
    background-color: #A9A8A8;
    transition: all 0.9s ease-in-out;
    width: 0.417vw;
    height: 1.042vw;
    border-radius: 0.521vw;
    opacity: 0.4;
    margin: 0.208vw 0;
}

.navigation-slider-section .swiper .swiper-pagination-bullet:nth-child(2) {
    height: 0.781vw;
    opacity: 0.6;
}

.navigation-slider-section .swiper .swiper-pagination-bullet-active {
    height: 0.521vw !important;
    opacity: 1 !important;
}

.navigation-slider-section .swiper-slide {
    background: transparent;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.navigation-slider-section .swiper-slide h3 {
    font-size: 3vw;
    width: 47.656vw;
    line-height: 1em;
    margin-bottom: 1.042vw;
    color: #121212;
    font-weight: 600;
    text-align: center;
    transition: all 0.9s ease-in-out;
}

.navigation-slider-section .swiper-slide h3 .blue-text {
    font-size: 3vw;
    width: 47.656vw;
    line-height: 1em;
    color: #4407D8;
    font-weight: 600;
    transition: all 0.9s ease-in-out;
    font-family: "Overused Grotesk SemiBold";
}

.navigation-slider-section .swiper-slide p {
    font-size: 1.25vw;
    width: 57.5vw;
    line-height: 1.3em;
    color: #3B3B3B;
    font-weight: 500;
    text-align: center;
    transition: all 0.9s ease-in-out;
    opacity: 0;
}

.animation-part-svg {
    width: 100%;
    transition: all 1s ease-in-out;
}

.animation-part-svg circle {
    transition: all 1s ease-in-out;
}

.animation-part-svg.active {
    transform: translateX(-0.3646vw);
}

.animation-part-svg.active circle {
    transform: translateX(calc(var(--i) * 0.26vw));
}

.animation-part-svg path {
    transition: all 1s ease-in-out;
}

.animation-part-svg.active path {
    transform: translateX(calc(var(--i) * 0.26vw));
}

/*.swiper-button-next, .swiper-button-prev{*/
/*    display: none;*/
/*}*/

.custom-prev.disabled, .custom-next.disabled {
    opacity: 0.5;
}

.slider-button-group {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    width: 3.75vw;
    height: 0.7292vw;
    margin: auto;
    margin-top: 1.0417vw;
}

.slider-button-group button {
    border: none;
    background-color: transparent;
}

.slider-button-group button {
    display: flex;
    align-items: center;
    overflow: hidden;
    width: 0.8333vw;
    height: 0.7292vw;
    margin-top: 0;
    top: 0;
}

.solutios-card-slider-section {
    background-color: #4407D8;
    padding: 6.771vw 0 3.646vw 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.solutios-card-slider-section .card-slider-next-prev-box button svg path {
    fill: #FFFFFF;
}

.solutios-card-slider-section.silver .card-slider-next-prev-box button svg path {
    fill: #121212;
}

.solutios-card-slider-section.silver-bg .card-slider-next-prev-box button svg path {
    fill: #121212;
}

.solutios-card-slider-section h3 {
    font-size: 3.333vw;
    line-height: 1.3em;
    color: #FFFFFF;
    font-weight: 600;
    margin-bottom: 0.521vw;
}

.solutios-card-slider-section .solution-cover-text {
    font-size: 0.938vw;
    line-height: 1.3em;
    color: #CECAFF;
    font-weight: 500;
    margin-bottom: 2.604vw;
    text-align: center;
    width: 40.052vw;
}

.solutios-card-slider-section .swiper {
    width: 100%;
    height: 100%;
    padding: 0 3.125vw;
}

.solutios-card-slider-section .swiper-slide {
    text-align: center;
    font-size: 0.9375vw;
    background: #444;
    display: flex;
    justify-content: center;
    align-items: center;
}

.card-slider-next-prev-box {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1.042vw;
    margin-top: 2.083vw;
    position: relative;
    width: 5.2083vw;
    height: 2.0833vw;
}

.card-slider-next-prev-box button {
    border: 0.1042vw solid #FFFFFF;
    background-color: transparent;
}

.rotated-180 {
    transform: rotate(180deg);
}


.strategic-section-right-side .slider-wrapper-content {
    position: relative;
    width: 51.6146vw;
    height: 34.0625vw;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.strategic-section-right-side .slider-wrapper-content .carousel {
    position: relative;
    width: 100%;
    height: 100%;
    right: -200%;
    transition: 1.5s ease-in-out;
}

.strategic-section-right-side .slider-wrapper-content .carousel-track {
    display: flex;
    align-items: center;
    position: relative;
    height: 31.25vw;
    padding-left: 1.6146vw;
}

.strategic-section-right-side .slider-wrapper-content .slide {
    position: absolute;
    width: 20.1563vw;
    height: 26.875vw;
    background: #3498db;
    transition: all 1.2s ease;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    border-radius: 1.7vw;
    overflow: hidden;
}

.strategic-section-right-side .slider-wrapper-content .slide.center {
    transform: scale(1.16) translateX(0);
    z-index: 0;
}

.strategic-section-right-side .slider-wrapper-content .slide.right1 {
    transform: scale(1) translateX(calc(21.4271vw + 2vw));
    z-index: 3;
}

.strategic-section-right-side .slider-wrapper-content .slide.right2 {
    transform: scale(1) translateX(calc(40.8542vw + 4.5vw));
    z-index: 4;
}

.strategic-section-right-side .slider-wrapper-content .slide.right3 {
    transform: scale(1) translateX(calc(60.4271vw + 6vw));
    z-index: 5;
}

.strategic-section-right-side .slider-wrapper-content .slide.right4 {
    transform: scale(1) translateX(calc(80.8542vw + 8.5vw));
    z-index: 0;
}

.strategic-section-right-side .slider-wrapper-content .btn-next-prev {
    width: max-content;
    height: max-content;
    padding: 0.5208vw;
    margin-right: auto;
    display: flex;
    gap: 2.0833vw;
    margin-top: 1.0833vw;
}

.strategic-section-right-side .slider-wrapper-content .btn-next-prev .nav-btn {
    width: 0.7292vw;
    height: 0.8333vw;
    background-color: transparent;
    border: none;
    outline: none;
    cursor: pointer;
}

.strategic-section-right-side.digital-engagement .slider-wrapper-content .btn-next-prev .nav-btn svg path {
    fill: black;
}

/* GET IN TOUCH */
.get-in-touch-section {
    width: 100vw;
    height: max-content;
    border-bottom: 0.0521vw solid #302E2E;
    display: flex;
    justify-content: center;
    padding: 6.7708vw 0;
    background-color: #000000;
    position: relative;
}

.get-in-touch-section .wrapper-content {
    width: 28.75vw;
    display: flex;
    flex-direction: column;
}

.get-in-touch-section .wrapper-content img {
    width: 13.9063vw;
    height: 7.8125vw;
    margin: auto;
}

.get-in-touch-section .wrapper-content .gt-title {
    font-family: "Overused Grotesk SemiBold";
    font-weight: 600;
    font-size: 3.3333vw;
    line-height: 100%;
    text-align: center;
    color: #FFFFFF;
    margin-top: 2.0833vw;
}

.get-in-touch-section .wrapper-content .gt-desc {
    font-family: "Overused Grotesk SemiBold";
    font-weight: 600;
    font-size: 0.9375vw;
    line-height: 1.25vw;
    text-align: center;
    color: #FFFFFF;
    margin-top: 1.0417vw;
}

.get-in-touch-section .wrapper-content .gt-touch {
    background-color: #4407D8;
    overflow: hidden;
    color: #FFFFFF;
    font-size: 0.9375vw;
    font-weight: 500;
    border: 0.0521vw solid white;
    border-radius: 1.563vw;
    padding: 0.5208vw 0;
    line-height: 1.25vw;
    margin: auto;
    margin-top: 1.5625vw;
    display: flex;
    flex-direction: column;
    height: 2.344vw;
    width: 6.9792vw;
    cursor: pointer;
}

.get-in-touch-section .wrapper-content .gt-touch span {
    width: max-content;
    margin: auto;
    height: 100%;
}

.get-in-touch-section .wrapper-content .gt-touch span:nth-child(1) {
    transform: translateY(0);
    transition: all 0.5s ease-in-out;
    opacity: 1;
}

.get-in-touch-section .wrapper-content .gt-touch span:nth-child(2) {
    transform: translateY(100%);
    transition: all 0.5s ease-in-out;
    opacity: 0;
}

.get-in-touch-section .wrapper-content .gt-touch:hover span:nth-child(1) {
    transform: translateY(-150%);
    opacity: 0;
}

.get-in-touch-section .wrapper-content .gt-touch:hover span:nth-child(2) {
    transform: translateY(-100%);
    opacity: 1;
}

/*.mySwiper-card-section .swiper-slide:first-child {*/
/*    margin-left: 3.125vw !important;*/
/*}*/

/*.mySwiper-card-section .swiper-slide:nth-child(4) {*/
/*    margin-right: 3.125vw !important;*/
/*}*/

.mySwiper-card-section .swiper-slide {
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    padding: 2.083vw;
    background-color: #FFFFFF;
    border-radius: 1.563vw;
    width: 26.042vw ;
    height: 30.417vw;
}

.mySwiper-card-section .swiper-slide h3 {
    font-size: 2.083vw;
    font-weight: 600;
    line-height: 1.3em;
    color: #121212;
    text-align: left;
}


.mySwiper-card-section .swiper-slide .solutions-animation-box .animation-1 {
    height: 10.313vw;
    width: 10.313vw;
}


.mySwiper-card-section .swiper-slide .solutions-animation-box .animation-2 {
    height: 10.313vw;
    width: 6.05vw;
}


.mySwiper-card-section .swiper-slide .solutions-animation-box .animation-3 {
    height: 10.313vw;
    width: 10.313vw;
}


.mySwiper-card-section .swiper-slide .solutions-animation-box .animation-4 {
    height: 10.313vw;
    width: 10.313vw;
}

.mySwiper-card-section .swiper-slide .solutions-animation-box .animation-5 {
    height: 10.313vw;
    width: 6.05vw;
    transform: translateX(calc(var(--i) * 15%)) rotateY(180deg);
}

.mySwiper-card-section .swiper-slide .solutions-animation-box {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.mySwiper-card-section .swiper-slide:hover .solutions-animation-box.circle {
    transform: translate(-130%, -50%);
}

.mySwiper-card-section .swiper-slide:hover .solutions-animation-box.poligon {
    transform: translate(-100%, -50%);
}

.mySwiper-card-section .swiper-slide:hover .solutions-animation-box.poligon-reversed {
    transform: translate(-10%, -50%);
}

.mySwiper-card-section .swiper-slide:hover .solutions-animation-box.oval {
    transform: translate(-130%, -50%);
}

.mySwiper-card-section .swiper-slide:hover .solutions-animation-box.rectangle {
    transform: translate(-150%, -50%);
}

.mySwiper-card-section .swiper-slide:hover .solutions-animation-box .animation-1 {
    transform: translateX(calc(var(--i) * 60%));
}

.mySwiper-card-section .swiper-slide:hover .solutions-animation-box .animation-2 {
    transform: translateX(calc(var(--i) * 60%));
}

.mySwiper-card-section .swiper-slide:hover .solutions-animation-box .animation-3 {
    transform: translateX(calc(var(--i) * 60%));
}

.mySwiper-card-section .swiper-slide:hover .solutions-animation-box .animation-4 {
    transform: translateX(calc(var(--i) * 60%));
}

.mySwiper-card-section .swiper-slide:hover .solutions-animation-box .animation-5 {
    transform: translateX(calc(var(--i) * 75%)) rotateY(180deg);
}

.mySwiper-card-section .swiper-slide .card-slide-animation {
    font-size: 0.938vw;
    font-weight: 600;
    line-height: 1.3em;
    color: #121212;
    text-align: left;
    font-family: "Overused Grotesk SemiBold";
}

/* END => STRAGETIC SOLUTIONS FIRST SECTION */


/* START => CAREERS */

.careers-main-section{
    min-height: 100vh;
    display: flex;
    align-items: center;
    background-color: #4407D8;
}

.career-title-address{
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
    margin: auto 7.969vw;
}

.career-title-address h1{
    font-size: 8.333vw;
    color: #FFFFFF;
    font-weight: 600;
    margin-bottom: 0.833vw;
}

.career-title-address p{
    font-size: 1.563vw;
    color: #FFFFFF;
    font-weight: 600;
}

.career-title-address p .bracker{
    display: none;
}

/* END => CAREERS */

/* START => FOOTER */

footer {
    margin: 0 3.125vw 3.125vw 3.125vw;
    padding: 2.604vw;
    background-color: #F3F2F4;
    border-radius: 1.563vw;
    display: flex;
    flex-direction: column;
    gap: 7.031vw;
    position: relative;
}

.footer-top-row {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
}

.footer-logo-box {
    display: flex;
    flex-direction: column;
    width: 20vw;
    gap: 1.042vw;
}


.footer-logo-box span {
    font-size: 0.938vw;
    line-height: 1.25vw;
    color: #121212;
    font-weight: 500;
}

.footer-menu {
    display: flex;
    gap: 4.688vw;
}

.menu-first-item {
    display: flex;
    flex-direction: column;
}


.menu-first-item ul li a,
.footer-menu-column-description,
.subscribe-form-input {
    font-size: 0.833vw;
    line-height: 1.25vw;
    color: #121212;
    font-weight: 500;
}

.menu-first-item ul li a {
    position: relative;
}

.menu-first-item ul li a:before {
    content: "";
    width: 0;
    height: 0.0521vw;
    background-color: white;
    position: absolute;
    bottom: -2px;
    left: 0;
    transition: .5s ease;
}

.menu-first-item ul li a.black:before {
    content: "";
    width: 0;
    height: 0.0521vw;
    background-color: #1F1F1F;
    position: absolute;
    bottom: -2px;
    left: 0;
    transition: .5s ease;
}

.menu-first-item ul li:hover a:before {
    width: 100%;
}

.footer-menu-column-description {
    margin-bottom: 1.042vw;
}

.subscribe-form-input {
    padding: 0.521vw 0;
    background-color: transparent;
    border: none;
    border-bottom: 0.0521vw solid #121212;
}

.footer-subscribe .subscribe-form-input {
    margin-bottom: 0.521vw;
}

.submit-subscribe {
    margin: 1.042vw 0;
}

.menu-first-item ul li {
    margin-bottom: 0.26vw;
}

.footer-menu-column-title {
    font-family: "Overused Grotesk SemiBold";
    font-size: 0.938vw;
    line-height: 1.25vw;
    color: #121212;
    font-weight: 600;
    margin-bottom: 0.521vw;
}

.footer-subscribe {
    display: flex;
    flex-direction: column;
}

.footer-bottom-row {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

.footer-social-list {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 0.521vw;
}

.footer-social-list .point-link a svg path {
    transition: fill .5s ease;
}

.footer-social-list .point-link a:hover svg path {
    fill: #ffffff;
}

.copyright,
.copyright a {
    font-size: 0.938vw;
    font-weight: 400;
    line-height: 1.25vw;
    color: #6B6B6B;
}

.black-footer .footer-logo-box span {
    color: #FFFFFF;
}

.black-footer .footer-menu-column-title {
    color: #FFFFFF;
}

.black-footer .load-more-btn {
    width: 6.25vw;
    border: 0.0521vw solid white;
}

.black-footer .subscribe-form-input {
    border-bottom: 0.0521vw solid #ffffff;
}

.black-footer .menu-first-item ul li a, .black-footer .footer-menu-column-description, .black-footer .subscribe-form-input {
    color: #FFFFFF;
}

/* END => FOOTER */


/* avelacrac */

.strategic-section-left-side .animation-part-svg{
    width: 8.208vw;
}





/* ================== FIRST SECTION ================== */

/* first section */

.strategic-section-box.white{
    background-color: #FFFFFF;
}

.strategic-section-box.white .strategic-section-left-side h1{
    color: #121212;
}

.strategic-section-box.white .strategic-section-left-side .stragetic-description{
    color: #121212;
}

.strategic-section-box.white .strategic-section-left-side .animation-part-svg{
    stroke: #4308D7;
}

.strategic-section-box.white .strategic-section-left-side .animation-part-svg path {
    transition: all 1s ease-in-out;
}

.strategic-section-box.white .strategic-section-left-side .animation-part-svg.active path {
    transform: translateX(calc(var(--i) * 0.26vw));
}


/* ================== VERTICAL SLIDER SECTION ================== */

/* blue */
.navigation-slider-section.blue{
    background-color: #4407D8;
}

.navigation-slider-section.blue .swiper-slide h3{
    color: #FFFFFF;
}


.navigation-slider-section.blue .swiper .swiper-slide-active p{
    color: #CECAFF;
}

.navigation-slider-section.blue .slider-button-group button svg{
    fill: #FFFFFF;
}

.navigation-slider-section.blue .swiper .swiper-pagination-bullet-active{
    background-color: #A9A8A8 !important;
}

.navigation-slider-section.blue .swiper .swiper-pagination-bullet:nth-child(2){
    background-color: #CAC8C8;
    opacity: 1;
}

.navigation-slider-section.blue .swiper .swiper-pagination-bullet{
    background-color: #D9D9D9;
    opacity: 1;
}

/* reverse white */


.navigation-slider-section.reverse-white{
    background-color: #F1F1F5;
}

.navigation-slider-section.reverse-white .slider-button-group button svg{
    fill: #121212;
}

.navigation-slider-section.reverse-white .animation-part-svg path{
    stroke: #4407D8;
}

/* ================== LAST SLIDER SECTION ================== */

/* dark */


.solutios-card-slider-section.black{
    background-color: #121212;
}

.solutios-card-slider-section.black .solution-cover-text{
    color: #7A7A7A;
}

.solutios-card-slider-section.black .mySwiper-card-section .swiper-slide{
    background-color: #1F1F1F;
}

.solutios-card-slider-section.black .mySwiper-card-section .swiper-slide h3,
.solutios-card-slider-section.black .mySwiper-card-section .swiper-slide .card-slide-animation{
    color: #FFFFFF;
}

.solutios-card-slider-section.black .card-slider-next-prev-box button{
    border: 0.1042vw solid #FFFFFF;
}

.solutios-card-slider-section.black .card-slider-next-prev-box button svg{
    fill: #FFFFFF !important;
}

/* silver-bg */


.solutios-card-slider-section.silver-bg {
    background-color: #F1F1F5;
    color: #121212;
}

.solutios-card-slider-section.silver-bg h3 {
    color: #121212;
}

.solutios-card-slider-section.silver-bg .solution-cover-text {
    color: #121212;
}

.solutios-card-slider-section.silver-bg .swiper-slide {
    background-color: #F3F2F4;
    border: 0.0521vw solid #363636;
}

.solutios-card-slider-section.silver-bg .card-slider-next-prev-box button{
    border: 0.1042vw solid #121212;
}

/* silver */


.solutios-card-slider-section.silver {
    background-color: #FFFFFF;
    color: #121212;
}

.solutios-card-slider-section.silver h3 {
    color: #121212;
}

.solutios-card-slider-section.silver .solution-cover-text {
    color: #121212;
}

.solutios-card-slider-section.silver .swiper-slide {
    background-color: #F3F2F4;
    border: 0.0521vw solid #363636;
}

.solutios-card-slider-section.silver .card-slider-next-prev-box button{
    border: 0.1042vw solid #121212;
}

.solutios-card-slider-section.silver .card-slider-next-prev-box button svg{
    fill: #121212 !important;
}

/* white */


.solutios-card-slider-section.white{
    background-color: #FFFFFF;
}

.solutios-card-slider-section.white h3,
.solutios-card-slider-section.white .solution-cover-text{
    color: #121212;
}

.solutios-card-slider-section.white .card-slider-next-prev-box button{
    border: 0.1042vw solid #121212;
}

.solutios-card-slider-section.white .card-slider-next-prev-box button svg{
    fill: #121212 !important;
}

/* white-reversed */

.solutios-card-slider-section.white-reversed{
    background-color: #F3F2F4;
}

.solutios-card-slider-section.white-reversed .mySwiper-card-section .swiper-slide{
    background-color: #FFFFFF;
}

.solutios-card-slider-section.white-reversed h3,
.solutios-card-slider-section.white-reversed .solution-cover-text{
    color: #121212;
}

.solutios-card-slider-section.white-reversed .card-slider-next-prev-box button{
    border: 0.1042vw solid #121212;
}

.solutios-card-slider-section.white-reversed .card-slider-next-prev-box button svg{
    fill: #121212 !important;
}


/*####################*/


.strategic-section-box .strategic-section-left-side .animation-part-svg path {
    transition: all 1s ease-in-out;
}

.strategic-section-box .strategic-section-left-side .animation-part-svg.oval-icon.active path {
    transform: translateX(calc(var(--i) * 0.12vw));
}

.navigation-slider-section .animation-part-svg.oval-icon.active path {
    transform: translateX(calc(var(--i) * 0.12vw));
}

/* MODAL GET IN TOUCH */
.modal-wrapper-content {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    opacity: 0;
    visibility: hidden;
    transform: scale(1.1);
    transition: visibility 0s linear 0.25s, opacity 0.25s 0s, transform 0.25s;
    z-index: 99999999;
}

.modal-wrapper-content.active {
    opacity: 1;
    visibility: visible;
    transform: scale(1.0);
    transition: visibility 0s linear 0s, opacity 0.25s 0s, transform 0.25s;
}

.modal-wrapper-content .modal-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.modal-wrapper-content .modal-content .get-in-touch-form {
    padding: 2.083vw;
}

.get-in-touch-modal .modal-content .get-in-touch-form .contact-form-fields label {
    line-height: 1.0938vw;
}

.get-in-touch-modal .modal-content .get-in-touch-form .contact-form-title-text h2 {
    line-height: 2.7083vw;
}

.modal-wrapper-content .modal-content .closeModal {
    position: absolute;
    top: 1.0417vw;
    right: 1.0417vw;
    cursor: pointer;
}

.modal-wrapper-content .modal-content .closeModal svg {
    width: 2.0833vw;
    height: 2.0833vw;
}

/* SUCCESS MODAL */
.modal-body {
    background-color: #FFFFFF;
    width: 38.229vw;
    padding: 3.125vw 2.083vw;
    border-radius: 1.563vw;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.md-title {
    font-family: "Overused Grotesk SemiBold";
    font-weight: 600;
    font-size: 1.25vw;
    line-height: 1.6146vw;
    text-align: center;
    color: #121212;
}

.md-desc {
    max-width: 28.3333vw;
    font-family: "Overused Grotesk Medium";
    font-weight: 500;
    font-size: 0.9375vw;
    line-height: 1.25vw;
    text-align: center;
    color: #121212;
}

.blue-logo {
    display: none;
}

.white-logo {
    display: none;
}


/* RESPONSIVE */
@media (min-width: 1921px) {
    .our-solutions {
        height: max-content;
        padding-bottom: 2.0833vw;
    }
}

@media (max-width: 1920px) {
    .performance-content .group-content .p-desc {
        margin-bottom: 3.6146vw;
    }

    .performance-content .group-content .p-line {
        margin-bottom: 3.6146vw;
    }

    .slider-content .s-info-content .s-title {
        margin-bottom: 1.6458vw;
    }

    .slider-content {
        padding-top: 4.7708vw;
    }

    .our-solutions .info-content {
        padding-top: 4.7708vw;
    }

    .our-solutions .os-cards-content .card-elem {
        height: 31vw;
    }

}

@media (max-height: 760px) {
    .get-in-touch-modal.modal-wrapper-content .modal-content {
        height: 87vh;
        overflow-y: auto;
        border-radius: var(--gap-mobile-30);
    }
}

@media (max-height: 730px) {
    .mobile-navbar-menu {
        padding: 10.628vw var(--fs-mobile-20) 0vw var(--fs-mobile-20);
    }

    .mobile-navbar-menu nav {
        gap: 3vw;
    }

    .mobile-navbar-menu nav ul {
        gap: 1.1628vw;
    }
}

@media (max-height: 630px) {
    .mobile-navbar-menu nav ul li a {
        font-size: 3.7209vw;
        line-height: 3.7209vw;
    }
}

@media (orientation: landscape) and (min-width: 1024px) and (max-width: 1366px) {
    .our-solutions .os-cards-content .card-elem .hidden-cards.rotate-elips .card-design .card-icon {
        height: 17.7604vw;
    }
    .our-solutions .os-cards-content .card-elem .hidden-cards.poligon-child-cards .card-design .card-icon {
        height: 19vw;
    }

    .our-solutions .os-cards-content .card-elem .hidden-cards .card-design .card-icon {
        height: max-content;
    }
}

/* ==================================================================== */
/* ==================== START => MEDIA TABLET 1024 ==================== */
/* ==================================================================== */


@media (max-width: 1024px) {

    .md-flex {
        display: flex!important;
    }

    .md-none {
        display: none!important;
    }

    /* START => HEADER (TABLET) */
    .top-header {
        top: 3.9063vw;
        height: 4.3945vw;
        padding: 0 5.8594vw;
    }

    .top-header .menu-elem .menu-items {
        width: 41.602vw;
        padding: 0.977vw var(--fs-tablet-20);
        border-radius: 2.93vw;
        gap: var(--fs-tablet-20);
    }

    .top-header .menu-elem .menu-items .m-elem {
        height: var(--fs-tablet-24);
    }

    .top-header .menu-elem .menu-items .m-elem:before {
        height: 0.0977vw;
    }

    .top-header .menu-elem .menu-items .m-elem:hover .m-link,
    .top-header .menu-elem .menu-items .m-elem.active .m-link {
        transform: translateY(-2.3021vw);
    }

    .top-header .menu-elem .menu-items .m-elem .m-link {
        line-height: 1.3em;
        font-size: var(--fs-tablet-18);
    }

    .top-header .menu-elem .menu-items .m-elem svg {
        width: 1.27vw;
        height: 1.074vw;
        margin-top: 0.879vw;
        margin-left: 0.488vw;
    }

    .top-header .menu-elem .solutions-dropdown {
        top: 4.3958vw;
        left: -18vw;
        width: 78.613vw;
        height: 37.402vw;
        border-radius: 2.93vw;
        padding: var(--fs-tablet-40) var(--fs-tablet-20) var(--fs-tablet-40) var(--fs-tablet-40);
    }

    .top-header .menu-elem .solutions-dropdown.active {
        max-height: 40vw;
    }

    .top-header .menu-elem .solutions-dropdown .top-part .solutions-points {
        gap: 0.977vw;
    }

    .top-header .menu-elem .solutions-dropdown .top-part .solutions-points .point-title {
        font-size: var(--fs-tablet-16);
        line-height: 1.3em;
    }

    .top-header .menu-elem .solutions-dropdown .top-part .solutions-points .point-link {
        font-size: var(--fs-tablet-18);
        line-height: 1.3em;
    }

    .top-header .menu-elem .solutions-dropdown .bottom-part .f-points {
        gap: 0.977vw;
    }

    .top-header .menu-elem .solutions-dropdown .bottom-part .f-points .point-link a {
        font-size: 1.367vw;
        line-height: 1.3em;
    }

    .top-header .getInTouch-elem {
        width: 13.0859vw;
        height: 4.3945vw;
        border: 0.0977vw solid #FFFFFF;
        backdrop-filter: blur(3.418vw);
        border-radius: 2.9297vw;
    }

    .top-header .getInTouch-elem:hover .first-level .last-level {
        transform: translateY(-2.3438vw);
    }

    .top-header .getInTouch-elem .first-level {
        height: 2.3438vw;
    }

    .top-header .getInTouch-elem .first-level .last-level span {
        font-size: 1.7578vw;
        line-height: 2.3438vw;
    }
    /* END => HEADER (TABLET) */

    /* START => BLOG PAGE (TABLET) */
    .blog-first-section {
        margin-top: 19.531vw;
        margin-bottom: 9.766vw;
    }

    .blog-subtitle {
        font-size: var(--fs-tablet-16);
    }

    .black-icon::before {
        width: 0.781vw;
        height: 0.781vw;
        margin-right: 0.488vw;
    }

    .blog-first-section-items h1 {
        font-size: var(--fs-tablet-64);
        margin-top: 0.977vw;
        margin-bottom: 2.93vw;
    }

    .blog-first-section-items .blog-description {
        font-size: var(--fs-tablet-18);
        margin-bottom: 3.906vw;
    }

    .search-box {
        width: 67.383vw;
        padding: 1.172vw var(--fs-tablet-20);
    }

    .search-box svg {
        width: var(--fs-tablet-20);
        height: var(--fs-tablet-20);
    }

    .search-box input {
        font-size: var(--fs-tablet-18);
        margin-left: 0.195vw;
    }

    .blog-tab-section {
        padding: 0 5.859vw 14.648vw 5.859vw;
    }

    .blog-tab-first-box {
        margin-bottom: 4.883vw;
    }

    .blog-tab-first-box .tab-btn {
        font-size: var(--fs-tablet-20);
    }

    .blog-tab-first-box .tab-btn:nth-child(2) {
        margin: 0 var(--fs-tablet-20);
    }

    .blog-tab-first-box .tab-btn::before {
        font-size: var(--fs-tablet-18);
        height: max-content;
        padding: 0.488vw 1.465vw;
        border-radius: 2.93vw;
    }

    .blog-card-box {
        gap: 2.93vw;
        margin-bottom: 9.766vw;
    }

    .blog-card {
        width: 42.676vw;
        margin-bottom: var(--fs-tablet-20);
    }

    .blog-card img {
        margin-bottom: 1.465vw;
        border-radius: 0.977vw;
    }

    .blog-card-title {
        font-size: var(--fs-tablet-28);
        margin-top: 0.488vw;
        margin-bottom: 1.465vw;
    }

    .blog-card-description {
        font-size: var(--fs-tablet-18);
        width: 35.84vw;
    }

    .blog-card-view-btn {
        width: 3.906vw;
        height: 3.906vw;
    }

    .load-more-btn {
        height: 4.395vw;
        font-size: var(--fs-tablet-18);
        padding: 0.977vw var(--fs-tablet-20);
        border-radius: 2.93vw;
    }

    .load-more-btn span:nth-child(1) {
        transform: translateY(50%);
    }

    .load-more-btn span:nth-child(2) {
        transform: translateY(200%);
    }

    .load-more-btn:hover span:nth-child(1) {
        transform: translateY(-200%);
    }

    .load-more-btn:hover span:nth-child(2) {
        transform: translateY(-70%);
    }

    /* END => BLOG PAGE (TABLET) */
    /* START => CONTACT US (TABLET) */
    .constact-us-main-section {
        padding: 19.531vw var(--margin-tablet-60) var(--margin-tablet-60) var(--margin-tablet-60);
        flex-direction: column;
        gap: 9.766vw;
    }

    .top-items h1 {
        font-size: var(--fs-tablet-64);
        line-height: 7vw;
        margin-top: var(1.465vw);
        margin-bottom: 3.027vw;
    }

    .top-items p {
        font-size: var(--fs-tablet-18);
        line-height: 2.2vw;
        width: 63.477vw;
    }

    .left-side-contact-box {
        gap: 9.766vw;
    }

    .bottom-items h2 {
        font-size: var(--fs-tablet-40);
        margin-bottom: 4.883vw;
    }

    .contact-info-box {
        width: 100%;
    }

    .contact-info-box .current-contact-box {
        width: 41.211vw;
        padding: var(--gap-tablet-5) 0 var(--fs-tablet-20) 0;
    }

    .contact-info-box .current-contact-box:nth-child(odd) {
        margin-right: var(--margin-tablet-60);
    }

    .current-contact-box .box-item-label {
        font-size: var(--fs-tablet-16);
        margin-bottom: var(--gap-tablet-5);
        line-height: 2vw;
    }

    .current-contact-box a {
        font-size: var(--fs-tablet-18);
        line-height: 2.2vw;
    }

    .current-contact-box ul:first-child {
        margin-top: var(--fs-tablet-20);
        gap: 1.465vw;
    }

    .get-in-touch-form {
        width: 100%;
        padding: var(--margin-tablet-60) var(--fs-tablet-40);
        border-radius: var(--gap-tablet-30);
    }

    .contact-form-title-text {
        gap: var(--gap-tablet-10);
    }

    .contact-form-title-text h2 {
        font-size: var(--fs-tablet-40);
        line-height: normal;
    }

    .contact-form-title-text p {
        font-size: var(--fs-tablet-18);
        line-height: normal;
    }

    .contact-form-fields {
        gap: var(--gap-tablet-10);
        margin: var(--fs-tablet-40) 0;
    }

    .contact-form-fields label {
        width: 80.469vw;
        font-size: var(--fs-tablet-16);
        line-height: normal;
    }

    .contact-form-fields label input,
    .contact-form-fields label textarea {
        font-size: var(--fs-tablet-18);
        padding: var(--gap-tablet-10) 0;
        line-height: normal;
    }

    .contact-form-fields label textarea {
        height: 9.766vw;
    }

    .contact-form-fields p,
    .contact-form-fields p a {
        font-size: 1.367vw;
        line-height: normal;
    }

    /* END => CONTACT US (TABLET) */
    /* START => POST PAGE (TABLET) */
    .hero-secion-box {
        margin: 19.531vw auto var(--margin-tablet-60) auto;
        width: 82.91vw;
    }

    .post-hero-navigate-btn svg {
        margin-right: var(--gap-tablet-5);
    }

    .post-hero-navigate-btn {
        font-size: var(--fs-tablet-16);
    }

    .hero-secion-box h1 {
        font-size: var(--fs-tablet-64);
        padding-top: var(--fs-tablet-40);
        padding-bottom: var(--gap-tablet-30);
        line-height: 7vw;
    }

    .hero-secion-box h1 .brake {
        display: none;
    }

    .post-hero-section-description {
        width: 71.191vw;
        font-size: var(--fs-tablet-18);
        line-height: 2.5vw;
        margin-bottom: var(--fs-tablet-40);
    }

    .post-hero-category {
        font-size: var(--fs-tablet-16);
    }

    .post-view-img {
        height: 100vh;
    }

    .description-box {
        width: 71.68vw;
        padding: 9.766vw 0;
        margin-bottom: 7.813vw;
    }

    .description-box h3 {
        font-size: var(--fs-tablet-40);
        margin-bottom: var(--gap-tablet-30);
        line-height: normal;
    }

    .description-box p {
        font-size: var(--fs-tablet-20);
        margin-bottom: var(--fs-tablet-20);
        line-height: 2.2vw;
    }

    .description-box span {
        font-size: var(--fs-tablet-20);
        line-height: 2.2vw;
        margin-bottom: var(--gap-tablet-10);
    }

    .post-blog-cards-title {
        margin-bottom: 4.883vw;
    }

    .post-blog-cards-title h2 {
        font-size: var(--fs-tablet-64);
    }

    /* END => POST PAGE (TABLET) */
    /* START => TERMS AND POLICY (TEBLET) */
    .terms-policy-section {
        padding: 20.996vw var(--margin-tablet-60) 14.648vw var(--margin-tablet-60);
    }

    .terms-policy-left-bar {
        width: 39.063vw;
        padding: var(--fs-tablet-40);
        border-radius: var(--gap-tablet-30);
    }

    .terms-policy-right-part-box {
        width: 45.313vw;
    }

    .terms-policy-left-bar a {
        font-size: var(--fs-tablet-24);
        line-height: normal;
        padding: var(--fs-tablet-20) 0;
    }

    .terms-policy-left-bar span {
        width: 28.711vw;
    }

    .terms-policy-right-part-box h1 {
        font-size: var(--fs-tablet-64);
        margin-top: var(--gap-tablet-10);
        margin-bottom: var(--gap-tablet-30);
        line-height: 7vw;
    }

    .introduction {
        padding: 0 0 4.883vw 0 !important;
    }

    .terms-policy-cover-title-text {
        padding: 4.883vw 0;
        gap: var(--gap-tablet-10);
    }

    .terms-policy-cover-title-text h3 {
        font-size: var(--fs-tablet-24);
        line-height: normal;
    }

    .terms-policy-cover-title-text p {
        font-size: var(--fs-tablet-20);
        line-height: normal;
    }

    .terms-policy-cover-title-text .dote-line::before {
        margin: 1vw;
    }

    .scroll-up {
        width: var(--fs-tablet-40);
        height: var(--fs-tablet-40);
        right: var(--margin-tablet-60);
        bottom: var(--margin-tablet-60);
    }

    /* END => TERMS AND POLICY (TEBLET) */

    /* START => CAREER */

    .career-title-address{
        margin: auto 10.254vw;
    }

    .career-title-address h1{
        font-size: 9.766vw;
        margin-bottom: 0.833vw;
    }

    .career-title-address p{
        font-size: 2.148vw;
    }

    .career-title-address p .bracker{
        display: block;
    }

    /* END => CAREER */

    /* START => FOOTER (TABLET) */
    footer {
        margin: 0 5.859vw 5.859vw 5.859vw;
        padding: 4.883vw;
        gap: 14.648vw;
        border-radius: 2.93vw;
    }

    .footer-top-row {
        flex-wrap: wrap;
    }

    .footer-logo-box {
        gap: var(--fs-tablet-20);
        width: 100%;
    }

    .footer-logo-box span {
        font-size: var(--fs-tablet-18);
        width: 37.5vw;
        margin-bottom: 9.766vw;
        line-height: 2vw;
    }

    .footer-menu-column-title {
        font-size: var(--fs-tablet-18);
        margin-bottom: 0.977vw;
    }

    .menu-first-item ul li {
        margin-bottom: 0.488vw;
    }

    .menu-first-item ul li a,
    .footer-menu-column-description,
    .subscribe-form-input {
        font-size: var(--fs-tablet-16);
    }

    .footer-menu-column-description {
        margin-bottom: var(--fs-tablet-20);
        font-family: "Overused Grotesk Medium";
    }

    .footer-subscribe .subscribe-form-input {
        margin-bottom: 0.977vw;
    }

    .subscribe-form-input {
        padding: 0.977vw 0;
    }

    .submit-subscribe {
        margin-top: 2.93vw;
    }

    footer .footer-social-list {
        gap: 0.977vw;
    }

    .copyright,
    .copyright a {
        font-size: var(--fs-tablet-18);
    }

    /* END => FOOTER (TABLET) */

    /* GLOBAL BANNER CONTENT */
    .global-banner .info-content {
        /*top: 40%;*/
        top: 57.1289vw;
    }

    .global-banner img {
        transform: scale(0.8);
        top: 0;
        left: 3.9063vw;
    }

    .global-banner .info-content.active {
        top: 32.1797vw;
        transform: scale(0.9);
    }

    .global-banner img.active {
        transform: scale(0.7);
        top: 20.4141vw;
    }

    /*.global-banner .info-content .global-name {*/
    /*    font-size: 14.6484vw;*/
    /*    line-height: 19.1406vw;*/
    /*}*/

    /*.global-banner .info-content.active .global-name {*/
    /*    font-size: 11.7188vw;*/
    /*    line-height: 15.332vw;*/
    /*}*/

    .global-banner .info-content .global-desc {
        font-size: 2.3438vw;
        line-height: 3.0273vw;
        max-width: 52.6367vw;
    }

    .global-banner.about-page .info-content .global-desc {
        max-width: 52.6367vw;
    }

    .global-banner .info-content .expert-btn {
        margin-top: 3.9063vw;
        padding: 0.9766vw 2.4414vw;
        border-radius: 2.9297vw;
        height: 4.9805vw;
    }

    .global-banner .info-content .expert-btn:hover .first-level .last-level {
        transform: translateY(-3.0273vw);
    }

    .global-banner .info-content .expert-btn .first-level {
        height: 3.0273vw;
    }

    .global-banner .info-content .expert-btn .first-level .last-level span {
        font-size: 2.3438vw;
        line-height: 3.0273vw;
    }

    /* PERFORMANCE CONTENT */
    .performance-content {
        padding: 12.6953vw 5.8594vw 0 5.8594vw;
    }

    .performance-content .group-content img {
        width: 18.3594vw;
        height: 15.332vw;
        margin-bottom: 4.8828vw;
    }

    .performance-content .group-content .p-desc {
        width: 68.3594vw;
        font-size: 2.3438vw;
        line-height: 3.0273vw;
        margin-bottom: 28.3203vw;
    }

    .performance-content .group-content .p-line {
        margin-bottom: 25.9766vw;
        width: 68.3594vw;
        height: 0.1953vw;
    }

    .performance-content .group-content .performance-elems {
        gap: 9.2773vw;
    }

    .performance-content .group-content .performance-elems .p-elem:nth-child(1) {
        margin-right: 0;
    }

    .performance-content .group-content .performance-elems .p-elem .title-elem {
        height: 14.1602vw;
    }

    .performance-content .group-content .performance-elems .p-elem .title-elem .number-elem {
        font-size: 11.7188vw;
        line-height: 14.1602vw;
    }

    .performance-content .group-content .performance-elems .p-elem .p-desc-elem {
        width: 18.457vw;
        height: 4.0039vw;
        padding-left: 1.9531vw;
    }

    .performance-content .group-content .performance-elems .p-elem .p-desc-elem:before {
        top: 0.6836vw;
        width: 0.9766vw;
        height: 0.9766vw;
    }

    .performance-content .group-content .performance-elems .p-elem .p-desc-elem .desc-elem {
        font-size: 1.5625vw;
        line-height: 2.0508vw;
    }

    @keyframes slide-number {
        0% {
            transform: translateY(4.0039vw);
        }
        10% {
            transform: translateY(0);
        }
        40% {
            transform: translateY(0);
        }
        50% {
            transform: translateY(-4.0039vw);
        }
        100% {
            transform: translateY(-4.0039vw);
        }
    }

    @keyframes slide-desc {
        0% {
            transform: translateY(4.0039vw);
        }
        10% {
            transform: translateY(0);
        }
        40% {
            transform: translateY(0);
        }
        50% {
            transform: translateY(-4.0039vw);
        }
        100% {
            transform: translateY(-4.0039vw);
        }
    }

    /* SLIDER */
    .slider-content {
        height: max-content;
        padding-top: 14.6484vw;
        padding-bottom: 12.6953vw;
    }

    .slider-content .s-info-content {
        max-width: 66.2109vw;
        gap: 1.9531vw;
    }

    .slider-content .s-info-content .s-sub-title {
        padding-left: 1.2695vw;
        font-size: 1.9531vw;
        line-height: 2.0508vw;
    }

    .slider-content .s-info-content .s-sub-title:before {
        top: 0.6348vw;
        width: 0.7813vw;
        height: 0.7813vw;
    }

    .slider-content .s-info-content .s-title {
        font-size: 6.25vw;
        margin-bottom: 19.7266vw;
    }

    .slider-content .slider-wrapper-content {
        width: 100vw;
        height: 63.5742vw;
    }

    .slider-content .slider-wrapper-content .carousel {
        right: -180%;
    }

    .slider-content .slider-wrapper-content .carousel-track {
        height: 56.3477vw;
    }

    .slider-content .slider-wrapper-content .slide {
        width: 36.4258vw;
        height: 48.5352vw;
        border-radius: 2.9297vw;
    }

    .slider-content .slider-wrapper-content .slide.center {
        transform: scale(1.16) translateX(0);
        z-index: 3;
    }

    .slider-content .slider-wrapper-content .slide.left1 {
        transform: scale(1) translateX(-42.3828vw);
        z-index: 2;
    }

    .slider-content .slider-wrapper-content .slide.right1 {
        transform: scale(1) translateX(42.3828vw);
        z-index: 2;
    }

    .slider-content .slider-wrapper-content .slide.left2 {
        transform: scale(1) translateX(-87.8906vw);
        z-index: 1;
    }

    .slider-content .slider-wrapper-content .slide.right2 {
        transform: scale(1) translateX(87.8906vw);
        z-index: 1;
    }

    .slider-content .slider-wrapper-content .btn-next-prev {
        padding: 0.9766vw;
        gap: 3.9063vw;
        margin-top: 3.9063vw;
    }

    .slider-content .slider-wrapper-content .btn-next-prev .nav-btn {
        width: 1.3672vw;
        height: 1.5625vw;
    }

    /* OUR SOLUTIONS */
    .our-solutions {
        height: max-content;
        padding-bottom: 19.2383vw;
    }

    .our-solutions .info-content {
        max-width: 46.1914vw;
        gap: 0.9766vw;
        padding-top: 19.2383vw;
        margin-bottom: 4.8828vw;
    }

    .our-solutions .info-content .os-title {
        font-size: 6.25vw;
        line-height: 8.2031vw;
    }

    .our-solutions .info-content .os-desc {
        font-size: 1.7578vw;
        line-height: 2.3438vw;
    }

    .our-solutions .wrapper-content {
        width: 100vw;
    }

    .our-solutions .os-cards-content {
        gap: 2.9297vw;
        transform: translateX(5.8594vw);
        transition: all 1s ease;
    }

    .our-solutions .os-cards-content .card-elem {
        max-width: 56.6406vw;
        height: 68.3594vw;
        border-radius: 2.9297vw;
    }

    .tr-left1 {
        transform: translateX(-56.6406vw);
    }

    .tr-left2 {
        transform: translateX(-59.5703vw);
    }

    .tr-left3 {
        transform: translateX(-119.1406vw);
    }

    .our-solutions .os-cards-content .card-elem .card-design {
        padding: 3.9063vw 0;
        min-width: 56.6406vw;
        border: 0.0977vw solid #363636;
        border-radius: 2.9297vw;
    }

    .our-solutions .os-cards-content .card-elem.active {
        max-width: 168.3594vw;
    }

    .our-solutions .os-cards-content .card-elem .card-design.animate {
        max-width: 62.5vw;
        min-width: 62.5vw;
    }

    .our-solutions .os-cards-content .card-elem .card-design.animate .card-icon.ellipse-icons {
        transform: translateY(2.4414vw);
    }

    .our-solutions .os-cards-content .card-elem .card-design .card-top-info {
        gap: 0.9766vw;
        padding-left: 3.9063vw;
    }

    .our-solutions .os-cards-content .card-elem .card-design .card-top-info .card-category {
        font-size: 1.7578vw;
        line-height: 2.3438vw;
        padding-left: 1.2695vw;
    }

    .our-solutions .os-cards-content .card-elem .card-design .card-top-info .card-category:before {
        top: 0.7813vw;
        width: 0.7813vw;
        height: 0.7813vw;
    }

    .our-solutions .os-cards-content .card-elem .hidden-cards .card-design .card-top-info .card-category:before {
        border-radius: 0.1953vw;
    }

    .our-solutions .os-cards-content .card-elem .card-design .card-top-info .card-name {
        font-size: 3.9063vw;
        line-height: 5.0781vw;
    }

    .our-solutions .os-cards-content .card-elem .card-design .card-icon {
        height: 19.3359vw;
    }

    .our-solutions .os-cards-content .card-elem .card-design .card-icon.poligon-icons {
        height: 25.3906vw;
    }

    .our-solutions .os-cards-content .card-elem .card-design .card-icon.rotate-elips-icons {
        height: 23.9258vw;
    }

    .our-solutions .os-cards-content .card-elem .hidden-cards.rotate-elips .card-design .card-icon {
        height: 27.7604vw;
    }

    .our-solutions .os-cards-content .card-elem .card-design .card-icon .icons-box {
        width: 35.5208vw;
    }

    .our-solutions .os-cards-content .card-elem .card-design .card-icon.poligon-icons .icons-box {
        width: 28.5521vw;
    }

    .our-solutions .os-cards-content .card-elem .poligon-child-cards .card-design .card-icon.poligon-icons .icons-box {
        width: 100%;
    }

    .our-solutions .os-cards-content .card-elem .card-design .card-icon.rotate-elips-icons .icons-box {
        width: 45.1562vw;
        transform: scale(0.75);
    }

    .our-solutions .os-cards-content .card-elem .card-design.animate .card-icon .icons-box {
        width: 100%;
        opacity: 1;
    }

    .our-solutions .os-cards-content .card-elem .card-design.animate .card-icon.poligon-icons img {
        left: calc(97.5% + (-38% * (var(--i))));
    }

    .our-solutions .os-cards-content .card-elem .card-design.animate .card-icon img {
        left: calc(111% + (-47% * (var(--i))));
    }

    .our-solutions .os-cards-content .card-elem .card-design.animate .card-icon.rotate-elips-icons img {
        left: calc(139% + (-60% * (var(--i))));
    }

    .our-solutions .os-cards-content .card-elem .card-design .card-icon img {
        left: calc(150% + (-60% * (var(--i))));
    }

    .our-solutions .os-cards-content .card-elem .card-design .card-icon.rotate-elips-icons img {
        left: calc(146% + (-58% * (var(--i))));
    }

    .our-solutions .os-cards-content .card-elem .card-bottom-info {
        height: 7.0313vw;
        padding-left: 3.9063vw;
        padding-right: 3.9063vw;
    }

    .our-solutions .os-cards-content .card-elem .card-bottom-info .card-desc {
        font-size: 1.7578vw;
        line-height: 2.3438vw;
        max-width: 37.1094vw;
    }

    .our-solutions .os-cards-content .card-elem .card-bottom-info .btn-plus svg {
        width: 3.9063vw;
        height: 3.9063vw;
    }

    .our-solutions .os-cards-content .card-elem .hidden-cards {
        padding-left: 2.9297vw;
        gap: 2.9297vw;
    }

    .our-solutions .os-cards-content .card-elem .hidden-cards.rotate-elips {
        padding-right: 2.9297vw;
    }

    .our-solutions .os-cards-content .card-elem .hidden-cards .card-bottom-info .card-desc {
        max-width: 34.1797vw;
    }

    .our-solutions .os-cards-content .card-elem .hidden-cards .child-card.card-design {
        max-width: 50vw;
        min-width: 50vw;
    }

    .our-solutions .os-cards-content .card-elem .card-bottom-info .btn-arrow svg {
        width: 3.9063vw;
        height: 3.9063vw;
    }

    .our-solutions .btn-group {
        display: flex;
        justify-content: center;
        margin: auto;
        gap: 1.9531vw;
        margin-top: 3.9063vw;
    }

    .our-solutions .btn-group svg {
        width: 3.9063vw;
        height: 3.9063vw;
    }
    /* VERTICAL SLIDER */
    .navigation-slider-section {
        padding: 12.6953vw 5.8594vw 9.7656vw 5.8594vw;
    }

    .navigation-slider-section .sub-title {
        padding-left: 1.2695vw;
        font-size: 1.5625vw;
        line-height: 2.0508vw;
    }

    .navigation-slider-section .sub-title:before {
        top: 0.6348vw;
        width: 0.7813vw;
        height: 0.7813vw;
    }

    .navigation-slider-section .swiper, .navigation-slider-section .swiper-wrapper {
        /*height: 68.3594vw;*/
        height: 104.3594vw;
    }

    .home-page .navigation-slider-section .swiper .swiper-wrapper .swiper-slide.swiper-slide-active:nth-child(2), .home-page .navigation-slider-section .swiper .swiper-wrapper .swiper-slide.swiper-slide-active:nth-child(3) {
        height: 40vw !important;
    }

    .navigation-slider-section .swiper .swiper-slide-active {
        opacity: 1;
        transform: translateY(0%) scale(.8);
    }

    .navigation-slider-section .swiper .swiper-pagination-bullet {
        width: 0.7813vw;
        height: 1.9531vw;
        border-radius: 0.9766vw;
        margin: 0.3906vw 0;
    }

    .navigation-slider-section .swiper .swiper-pagination-bullet:nth-child(2) {
        height: 1.9531vw;
    }

    .navigation-slider-section .swiper .swiper-pagination-bullet-active {
        height: 0.9766vw !important;
    }

    .navigation-slider-section .swiper-slide h3 {
        font-size: 6.25vw;
        width: 83.5938vw;
        line-height: 6.25vw;
        margin-bottom: 1.9531vw;
    }

    .navigation-slider-section .swiper-slide h3 .blue-text {
        font-size: 6.25vw;
        width: max-content;
        line-height: 6.25vw;
    }

    .navigation-slider-section .swiper-slide p {
        font-size: 2.3438vw;
        width: 86.7188vw;
        line-height: 3.0273vw;
    }

    .slider-button-group {
        width: 7.0313vw;
        height: 1.3672vw;
        margin-top: 1.9531vw;
    }

    .slider-button-group button {
        width: 1.5625vw;
        height: 1.3672vw;
    }

    /* REVIEWS */
    .reviews-content {
        border-bottom: 0.0977vw solid #232323;
        padding-bottom: 19.2383vw;
        padding-top: 19.2383vw;
    }

    .reviews-content .info-content {
        max-width: 41.6016vw;
        gap: 0.9766vw;
        margin-bottom: 4.8828vw;
    }

    .reviews-content .info-content .os-title {
        font-size: 6.25vw;
        line-height: 8.2031vw;
    }

    .reviews-content .info-content .os-desc {
        font-size: 1.7578vw;
        line-height: 2.3438vw;
    }

    .reviews-content .review-card-slider-content .review-card-section {
        padding-left: 5.8594vw;
        padding-right: 5.8594vw;
    }

    .reviews-content .review-card-slider-content .review-card-section .review-card {
        /*height: 68.3594vw;*/
        height: 48.9vw;
        gap: 4.3945vw;
        padding: 3.9063vw;
        border: 0.0977vw solid #363636;
        border-radius: 2.9297vw;
    }

    .reviews-content .review-card-slider-content .review-card-section .review-card .top-content .left-part {
        gap: 0.9766vw;
    }

    .reviews-content .review-card-slider-content .review-card-section .review-card .top-content .left-part .sub-title {
        width: 100%;
        font-size: 1.5625vw;
        line-height: 2.0508vw;
        padding-left: 1.2695vw;
    }

    .reviews-content .review-card-slider-content .review-card-section .review-card .top-content .left-part .sub-title:before {
        top: 0.6348vw;
        width: 0.7813vw;
        height: 0.7813vw;
    }

    .reviews-content .review-card-slider-content .review-card-section .review-card .top-content .left-part .card-title {
        font-size: 3.9063vw;
        line-height: 5.0781vw;
    }

    .reviews-content .review-card-slider-content .review-card-section .review-card.even-card .top-content .right-part svg {
        height: 6.3477vw;
    }

    .reviews-content .review-card-slider-content .review-card-section .review-card.even-card .top-content .right-part.elips-icon svg {
        width: 7.5195vw;
    }

    .reviews-content .review-card-slider-content .review-card-section .review-card.even-card .top-content .right-part.circle-icon svg {
        width: 9.5703vw;
    }

    .reviews-content .review-card-slider-content .review-card-section .review-card.even-card .top-content .right-part.triangle-icon svg {
        width: 5.8594vw;
    }

    .reviews-content .review-card-slider-content .review-card-section .review-card .bottom-content {
        font-size: 1.9531vw;
        line-height: 2.5391vw;
    }

    .reviews-content .review-card-slider-content .review-card-slider-next-prev-box {
        width: 9.7656vw;
        height: 3.9063vw;
        margin-top: 3.9063vw;
    }

    .reviews-content .review-card-slider-content .review-card-slider-next-prev-box .review-card-view-btn {
        width: 3.9063vw;
        height: 3.9063vw;
        border: 0.1953vw solid #121212;
        border: 0.1953vw solid #FFFFFF;
    }

    /* COMPANY OVERVIEW */
    .company-overview {
        padding: 12.6953vw 5.8594vw 9.7656vw;
    }

    .company-overview .wrapper-content {
        gap: 12.8906vw;
    }

    .company-overview .wrapper-content .top-info {
        max-width: 68.6523vw;
    }

    .company-overview .wrapper-content .top-info .co-title {
        font-size: 6.25vw;
        line-height: 8.2031vw;
    }

    .company-overview .wrapper-content .top-info .co-desc {
        font-size: 1.7578vw;
        line-height: 2.3438vw;
        margin-top: 0.9766vw;
    }

    .company-overview .wrapper-content .middle-icon-anim {
        width: 44.043vw;
        height: 29.2969vw;
    }

    .company-overview .wrapper-content .middle-icon-anim svg circle {
        cx: 25.7972vw;
    }

    .company-overview .wrapper-content .bottom-info {
        gap: 5.8594vw;
        flex-wrap: wrap;
    }

    .company-overview .wrapper-content .bottom-info .co-elem {
        width: 35.7422vw;
        gap: 0.4883vw;
    }

    /*.company-overview .wrapper-content .bottom-info .co-elem:nth-child(2) {*/
    /*    width: 38.6719vw;*/
    /*}*/

    .company-overview .wrapper-content .bottom-info .co-elem .co-elem-title {
        font-size: 6.25vw;
        line-height: 8.2031vw;
    }

    .company-overview .wrapper-content .bottom-info .co-elem .co-elem-title span {
        transform: translateY(8.2031vw);
    }

    .company-overview .wrapper-content .bottom-info .co-elem .co-elem-desc {
        font-size: 1.7578vw;
        line-height: 2.3438vw;
    }

    .company-overview .wrapper-content .bottom-info .co-elem .co-elem-desc span {
        width: 1.1719vw;
        height: 1.1719vw;
        border-radius: 50%;
        margin-left: 0.5859vw;
    }

    /* MISSION VISION VALUES */
    .mvv-content {
        border-bottom: none;
    }

    .mvv-content .wrapper-content .carousel-elems {
        width: max-content;
    }

    .mvv-content .btn-group {
        display: flex;
        width: 7.0313vw;
        height: 1.3672vw;
        bottom: 9.7656vw;
    }

    .mvv-content .btn-group button {
        width: 1.5625vw;
        height: 1.3672vw;
    }

    .mvv-content .mvv-card {
        width: 100vw;
        height: 100%;
        padding: 12.6953vw 26.3672vw 15.0391vw 26.3672vw;
    }

    .mvv-content .mvv-card:hover:before {
        height: 0;
    }

    .mvv-content .mvv-card:not(:last-child) {
        border-right: 0.0977vw solid #FFFFFF;
    }

    .mvv-content .mvv-card .mvv-name {
        font-size: 1.7578vw;
        line-height: 2.3438vw;
    }

    .mvv-content .mvv-card .mvv-middle {
        gap: 0.9766vw;
    }

    .mvv-content .mvv-card .mvv-middle .mvv-sub-desc {
        font-size: 1.5625vw;
        line-height: 2.0508vw;
        padding-left: 1.2695vw;
    }

    .mvv-content .mvv-card .mvv-middle .mvv-sub-desc:before {
        width: 0.7813vw;
        height: 0.7813vw;
    }

    .mvv-content .mvv-card .mvv-middle .mvv-title {
        font-size: 3.9063vw;
        line-height: 5.0781vw;
    }

    .mvv-content .mvv-card .mvv-middle .mvv-desc {
        font-size: 1.7578vw;
        line-height: 2.3438vw;
    }

    .mvv-content .mvv-card .icons-box {
        width: 8.3984vw;
        height: 5.5664vw;
    }

    .mvv-content .mvv-card .icons-box img {
        left: calc(34.5% + (-7% * (var(--i))));
    }

    .mvv-content .mvv-card:hover .icons-box img {
        left: calc(97.5% + (-38% * (var(--i))));
    }

    /* GET IN TOUCH */
    .get-in-touch-section {
        border-bottom: 0.0977vw solid #302E2E;
        padding: 12.6953vw 0;
    }

    .get-in-touch-section .wrapper-content {
        width: 53.9063vw;
    }

    .get-in-touch-section .wrapper-content img {
        width: 26.0742vw;
        height: 14.6484vw;
    }

    .get-in-touch-section .wrapper-content .gt-title {
        font-size: 6.25vw;
        margin-top: 6.25vw;
    }

    .get-in-touch-section .wrapper-content .gt-desc {
        font-size: 1.7578vw;
        line-height: 2.3438vw;
        margin-top: 1.9531vw;
    }

    .get-in-touch-section .wrapper-content .gt-touch {
        font-size: 1.7578vw;
        border: 0.0977vw solid white;
        border-radius: 2.9297vw;
        padding: 0.9766vw 0;
        line-height: 2.3438vw;
        margin-top: 2.9297vw;
        height: 4.3945vw;
        width: 13.0859vw;
    }


    /* MODAL GET IN TOUCH */
    .modal-wrapper-content .modal-content .get-in-touch-form {
        padding: 3.9063vw;
    }

    .get-in-touch-modal .modal-content .get-in-touch-form .contact-form-fields label {
        line-height: 2.0508vw;
    }

    .get-in-touch-modal .modal-content .get-in-touch-form .contact-form-title-text h2 {
        line-height: 5.0781vw;
    }

    .get-in-touch-modal .get-in-touch-form {
        width: 71.6797vw;
    }

    .get-in-touch-modal .get-in-touch-form .contact-form-fields label {
        width: 63.8672vw;
    }

    .modal-wrapper-content .modal-content .closeModal {
        top: 1.9531vw;
        right: 1.9531vw;
    }

    .modal-wrapper-content .modal-content .closeModal svg {
        width: 3.9063vw;
        height: 3.9063vw;
    }

    .black-footer .load-more-btn {
        width: 11.7188vw;
    }

    /* SUCCESS MODAL */
    .modal-body {
        width: 71.6797vw;
        padding: 3.9063vw;
        border-radius: 2.9297vw;
        gap: 0.9766vw;
    }

    .md-title {
        font-size: 2.3438vw;
        line-height: 3.0273vw;
    }

    .md-desc {
        max-width: 53.125vw;
        font-size: 1.7578vw;
        line-height: 2.3438vw;
    }

    /* START => SOLUTIONS */
    .solutions-hero-setion {
        margin: 19.5313vw auto 9.7656vw auto;
    }

    .solutions-hero-setion .solution-subtext {
        font-size: 1.7578vw;
        width: 46.875vw;
        line-height: 2.3438vw;
    }

    .solutions-hero-setion h1 {
        font-size: 6.25vw;
        line-height: 6.25vw;
        width: 90.8203vw;
        margin-top: 0.9766vw;
        margin-bottom: 2.9297vw;
    }

    .solutions-pagination-section {
        padding-bottom: 22.7539vw;
    }

    .black-icon::before {
        width: 0.7813vw;
        height: 0.7813vw;
        margin-right: 0.4883vw;
    }

    .slider-container {
        width: 91.1406vw;
    }

    .slider {
        height: 48.8281vw;
        width: 91.1406vw;
    }

    .slide {
        width: 91.1406vw;
        gap: 2.9297vw;
        padding: 0 1.4648vw;
    }

    .pagination {
        margin: 0 auto 4.8828vw auto;
        border-radius: 2.9297vw;
    }

    .pagination-item button {
        border-radius: 2.9297vw;
        padding: 0.9766vw 1.9531vw;
    }

    .pagination-title {
        font-size: 1.7578vw;
        line-height: 2.3438vw;
    }

    .pagination-bg {
        border: 0.0977vw solid #9267FA;
        border-radius: 2.9297vw;
    }

    .slide-box {
        width: 42.6758vw;
        border-radius: 2.9297vw;
        padding: 3.9063vw;
    }

    .solution-cart-title {
        font-size: 2.6vw;
        line-height: 3.6133vw;
        margin-top: 0.9766vw;
        margin-bottom: 3.418vw;
        width: 27.3438vw;
    }

    .solutions-animation-box {
        width: 19.1406vw;
        height: 12.6953vw;
    }

    .slide-box:hover .solutions-animation-box {
        width: 39.8438vw;
    }

    .solutions-animation-box .animation-1 {
        height: 12.6953vw;
        width: 12.6953vw;
        left: calc(0% + (7% * (var(--i))));
    }

    .solutions-animation-box .animation-2 {
        height: 15.542vw;
        width: 9.187vw;
        left: calc(14% + (7% * (var(--i))));
    }

    .solutions-animation-box .animation-3 {
        height: 11.458vw;
        width: 11.458vw;
        left: calc(5% + (4% * (var(--i))));
    }

    .solutions-animation-box .animation-4 {
        height: 11.458vw;
        width: 11.458vw;
        left: calc(5% + (6% * (var(--i))));
    }

    .slide-box:hover .solutions-animation-box .animation-1 {
        left: calc(20% * var(--i));
    }

    .slide-box:hover .solutions-animation-box .animation-2 {
        left: calc(25% * var(--i));
    }

    .slide-box:hover .solutions-animation-box .animation-3 {
        left: calc(17% * var(--i));
    }

    .slide-box .white-arrow {
        opacity: 1;
        top: unset;
        bottom: 11.0352vw;
        border: 0.1953vw solid #000000!important;
        visibility: unset;
    }

    .slide-box .white-arrow svg path {
        fill: #000000;
        transition: all 1s ease;
    }

    .slide-box:hover .white-arrow {
        border: 0.1953vw solid #FFFFFF!important;
    }

    .slide-box:hover .white-arrow svg path {
        fill: #FFFFFF;
    }

    .solution-card-bottom-text {
        font-size: 1.5625vw;
        line-height: 2.0508vw;
        width: 34.8633vw;
        top: auto;
        bottom: 3.9063vw;
    }

    /* END => SOLUTIONS */

    .footer-content {
        padding-top: 8.7891vw;
    }

    /* START => STRAGETIC SOLUTIONS FIRST SECTION */

    .strategic-section-box {
        padding: 19.5313vw 0 5.8594vw 5.8594vw;
        flex-direction: column;
        gap: 5.0781vw;
    }

    .strategic-section-left-side h1 {
        width: 73.5352vw;
        font-size: 6.25vw;
        margin-top: 0.9766vw;
        margin-bottom: 2.9297vw;
        line-height: 6.25vw;
    }

    .stragetic-description {
        font-size: 1.7578vw;
        line-height: 2.3438vw;
        width: 50.293vw;
    }

    .strategic-section-left-side svg {
        margin-top: 2.9297vw;
    }

    .strategic-section-left-side .animation-part-svg.active {
        transform: translateX(-3.3646vw);
    }

    .strategic-section-left-side .animation-part-svg {
        width: 23.2558vw;
    }

    .strategic-section-left-side .animation-part-svg.active circle {
        transform: translateX(calc(var(--i) * 1.26vw));
    }

    .solutios-card-slider-section .swiper {
        padding: 0 3.125vw;
    }

    .solutios-card-slider-section .swiper-slide {
        font-size: 0.9375vw;
    }

    .strategic-section-right-side .slider-wrapper-content {
        width: 100%;
        height: 63.8672vw;
    }

    .strategic-section-right-side .slider-wrapper-content .carousel-track {
        height: 58.5938vw;
        padding-left: 2.8837vw;
    }

    .strategic-section-right-side .slider-wrapper-content .slide {
        width: 37.793vw;
        height: 50.3906vw;
        border-radius: 2.9297vw;
    }

    .strategic-section-right-side .slider-wrapper-content .slide.center {
        transform: scale(1.163) translateX(0);
        z-index: 0;
    }

    .strategic-section-right-side .slider-wrapper-content .slide.right1 {
        transform: scale(1) translateX(43.9297vw);
        z-index: 3;
    }

    .strategic-section-right-side .slider-wrapper-content .slide.right2 {
        transform: scale(1) translateX(84.6297vw);
        z-index: 4;
    }

    .strategic-section-right-side .slider-wrapper-content .slide.right3 {
        transform: scale(1) translateX(120vw);
        z-index: 5;
    }

    .strategic-section-right-side .slider-wrapper-content .slide.right4 {
        transform: scale(1) translateX(160vw);
        z-index: 0;
    }

    .strategic-section-right-side .slider-wrapper-content .btn-next-prev {
        padding: 0;
        gap: 3.9063vw;
        margin-top: 3.9063vw;
    }

    .strategic-section-right-side .slider-wrapper-content .btn-next-prev .nav-btn {
        width: 1.5625vw;
        height: 1.3672vw;
    }

    /* SOLUTION COVER */
    .solutios-card-slider-section {
        padding: 16.8945vw 0 16.8945vw 0;
    }

    .solutios-card-slider-section h3 {
        font-size: 6.25vw;
        line-height: 8.2031vw;
        margin-bottom: 0.9766vw;
        text-align: center;
    }

    .solutios-card-slider-section .solution-cover-text {
        font-size: 1.7578vw;
        line-height: 2.3438vw;
        margin-bottom: 4.8828vw;
        width: 58.5938vw;
    }

    .solutios-card-slider-section .swiper {
        padding: 0 5.8594vw;
    }

    .card-slider-next-prev-box {
        gap: 1.9531vw;
        margin-top: 3.9063vw;
        width: 9.7656vw;
        height: 3.9063vw;
    }

    .card-slider-next-prev-box button {
        border: 0.1953vw solid #FFFFFF;
    }

    .mySwiper-card-section .swiper-slide {
        padding: 3.9063vw;
        border-radius: 2.9297vw;
        height: 68.3594vw;
    }

    .mySwiper-card-section .swiper-slide h3 {
        font-size: 3.9063vw;
        line-height: 5.0781vw;
    }

    .mySwiper-card-section .swiper-slide .card-slide-animation {
        font-size: 1.7578vw;
        line-height: 2.3438vw;
    }

    .mySwiper-card-section .swiper-slide .solutions-animation-box .animation-1 {
        height: 19.3359vw;
        width: 19.3359vw;
    }

    .mySwiper-card-section .swiper-slide .solutions-animation-box .animation-2 {
        height: 19.5313vw;
        width: 10.3516vw;
    }

    .mySwiper-card-section .swiper-slide .solutions-animation-box .animation-3 {
        height: 17.5781vw;
        width: 17.5781vw;
    }

    .mySwiper-card-section .swiper-slide .solutions-animation-box .animation-4 {
        height: 20.0195vw;
        width: 20.0195vw;
    }

    .mySwiper-card-section .swiper-slide .solutions-animation-box {
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .mySwiper-card-section .swiper-slide:hover .solutions-animation-box.circle {
        transform: translate(-130%, -50%);
    }

    .mySwiper-card-section .swiper-slide:hover .solutions-animation-box.poligon {
        transform: translate(-100%, -50%);
    }

    .mySwiper-card-section .swiper-slide:hover .solutions-animation-box.oval {
        transform: translate(-130%, -50%);
    }

    .mySwiper-card-section .swiper-slide:hover .solutions-animation-box.rectangle {
        transform: translate(-150%, -50%);
    }

    .mySwiper-card-section .swiper-slide:hover .solutions-animation-box .animation-1 {
        transform: translateX(calc(var(--i) * 60%));
    }

    .mySwiper-card-section .swiper-slide:hover .solutions-animation-box .animation-2 {
        transform: translateX(calc(var(--i) * 60%));
    }

    .mySwiper-card-section .swiper-slide:hover .solutions-animation-box .animation-2 {
        transform: translateX(calc(var(--i) * 60%));
    }

    .mySwiper-card-section .swiper-slide:hover .solutions-animation-box {
        width: 30.3488vw;
    }

    .mySwiper-card-section .swiper-slide:hover .solutions-animation-box .animation-4 {
        transform: translateX(calc(var(--i) * 60%));
    }
}


/* ==================================================================== */
/* ==================== END => MEDIA TABLET 1024 ====================== */
/* ==================================================================== */


/* ==================================================================== */
/* ==================== START => MEDIA MOBILE 576 ===================== */
/* ==================================================================== */


@media (max-width: 576px) {

    .md-none {
        display: none!important;
    }
    .lg-none {
        display: block!important;
    }

    /* START => MOBILE HEADER MENU */
    .blue-menu .white-logo {
        display: flex;
    }

    .white-menu .blue-logo {
        display: flex;
    }

    .blue-menu .burger-menu-btn div {
        border-color: white;
    }

    .blue-menu .burger-menu-btn::before {
        border-bottom: 0.2326vw solid white;
    }

    .blue-menu .burger-menu-btn::after {
        border-bottom: 0.2326vw solid white;
    }

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

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

    .burger-menu-btn div {
        width: 5.814vw;
        border-bottom: 0.2326vw solid #4407D8;
    }

    .burger-menu-btn::after {
        width: 100%;
        top: 3px;
    }

    .mobile-header-menu.blue-menu {
        border-bottom: 1px solid white;
        background-color: #4407d8;
    }

    .burger-menu-btn::before {
        width: 100%;
        top: 3px;
    }

    .top-header {
        display: none;
    }

    .mobile-header-menu,
    .mobile-navbar-menu {
        display: flex;
    }

    .mobile-navbar-menu nav ul li a {
        font-size: 3.9535vw;
    }


    /* END => MOBILE HEADER MENU */
    /* START => BLOG PAGE (MOBILE) */
    .blog-first-section {
        margin-top: 34.884vw;
        margin-bottom: 23.256vw;
    }

    .blog-first-section-items {
        padding: 0 var(--fs-mobile-20);
    }

    .blog-subtitle {
        font-size: var(--fs-mobile-16);
    }

    .black-icon::before {
        width: 1.86vw;
        height: 1.86vw;
        margin-right: 1.512vw;
    }

    .blog-first-section-items h1 {
        font-size: var(--fs-mobile-48);
        margin-top: var(--gap-mobile-10);
        margin-bottom: var(--fs-mobile-20);
        padding: 0 6vw;
    }

    .blog-first-section-items h1 .brake {
        display: none;
    }

    .blog-first-section-items .blog-description {
        font-size: var(--fs-mobile-16);
        margin-bottom: var(--gap-mobile-40);
        width: 76.744vw;
    }

    .blog-first-section-items .blog-description .brake {
        display: none;
    }

    .search-box {
        width: 90.698vw;
        padding: var(--gap-mobile-10) var(--fs-mobile-20);
        border-radius: var(--gap-mobile-30);
    }

    .search-box svg {
        width: var(--fs-mobile-20);
        height: var(--fs-mobile-20);
    }

    .search-box input {
        font-size: var(--fs-mobile-18);
        margin-left: 1.163vw;
    }

    .blog-tab-section {
        padding: 0 var(--fs-mobile-20) 23.256vw var(--fs-mobile-20);
    }

    .blog-tab-first-box {
        justify-content: flex-start;
        flex-wrap: nowrap;
        overflow-x: auto;
        overflow-y: hidden;
        width: 100%;
        -webkit-overflow-scrolling: touch;
        scroll-snap-type: x mandatory;
    }

    .blog-tab-first-box .tab-btn {
        white-space: nowrap;
        font-size: var(--fs-mobile-20);
        scroll-snap-align: start;
    }

    .blog-tab-first-box .tab-btn::before {
        font-size: var(--fs-mobile-18);
        line-height: 1.3em;
        height: max-content;
        max-width: 9.302vw;
        padding: 1.163vw auto;
        border-radius: var(--gap-mobile-30);
        margin-left: 1.163vw;
    }

    .blog-tab-first-box .tab-btn:nth-child(2) {
        margin: 0 var(--gap-mobile-10);
    }

    .blog-card-box {
        gap: var(--gap-mobile-30);
        margin-bottom: 18.605vw;
    }

    .blog-card {
        width: 90.698vw;
        margin: 0;
    }

    .blog-card img {
        height: 72.791vw;
        border-radius: var(--gap-mobile-10);
        margin-bottom: 3.488vw;
    }

    .blog-card-title {
        font-size: var(--fs-mobile-20);
        margin-top: 1.163vw;
        margin-bottom: 3.488vw;
    }

    .blog-card-description {
        font-size: var(--fs-mobile-16);
        width: 76.744vw;
    }

    .blog-card-view-btn {
        width: 8.1395vw;
        height: 8.1395vw;
    }

    .load-more-btn {
        width: 100%;
        height: 10.465vw;
        border-radius: var(--gap-mobile-30);
        font-size: var(--fs-mobile-18);
    }

    .load-more-btn span {
        width: max-content;
        margin: auto;
        height: 100%;
    }

    .load-more-btn span:nth-child(1) {
        transform: translateY(3vw);
    }

    .load-more-btn span:nth-child(2) {
        transform: translateY(7vw);
    }

    .load-more-btn:hover span:nth-child(1) {
        transform: translateY(-7vw);
    }

    .load-more-btn:hover span:nth-child(2) {
        transform: translateY(1.5vw);
    }

    .mobile-navbar-menu.in-blue nav .load-more-btn:hover span:nth-child(2) {
        transform: translateY(-.5vw);
    }

    /* END => BLOG PAGE (MOBILE) */
    /* START => POST PAGE (MOBILE) */
    .hero-secion-box {
        margin: 34.884vw var(--fs-mobile-20) 13.953vw var(--fs-mobile-20);
    }

    .post-hero-navigate-btn {
        font-size: var(--fs-mobile-16);
    }

    .post-hero-navigate-btn svg {
        margin-right: 1.163vw;
    }

    .hero-secion-box h1 {
        line-height: 1.3em;
        font-size: 10.233vw;
        width: 100%;
        margin-top: var(--gap-mobile-30);
        margin-bottom: var(--fs-mobile-20);
    }

    .post-hero-section-description {
        font-size: var(--fs-mobile-16);
        line-height: 1.3em;
        width: 100%;
        margin-bottom: var(--gap-mobile-30);
    }

    .post-hero-category {
        font-size: var(--fs-mobile-16);
        gap: var(--gap-mobile-10);
    }

    .description-box {
        width: 100%;
        padding: 13.953vw var(--fs-mobile-20) 18.605vw var(--fs-mobile-20);
        margin-bottom: 18.605vw;
    }

    .description-box h3 {
        font-size: var(--fs-mobile-28);
        line-height: 1.3em;
        margin-bottom: var(--fs-mobile-20);
    }

    .description-box span {
        font-size: var(--fs-mobile-18);
        line-height: 1.3em;
        margin-bottom: var(--gap-mobile-10);
    }

    .description-box p {
        font-size: var(--fs-mobile-18);
        line-height: 1.3em;
        margin-bottom: var(--fs-mobile-20);
    }

    .post-blog-cards-title {
        margin-bottom: var(--gap-mobile-40);
    }

    .post-blog-cards-title h2 {
        font-size: var(--fs-mobile-48);
    }


    /* END => POST PAGE (MOBILE) */
    /* START => CONTACT US (MOBILE) */
    .constact-us-main-section {
        padding: 34.884vw var(--fs-mobile-20) 20.93vw var(--fs-mobile-20);
    }

    .left-side-contact-box {
        gap: 13.953vw;
    }

    .white-icon::before {
        width: 1.86vw;
        height: 1.86vw;
        margin-right: 1.163vw;
    }

    .top-items h1 {
        font-size: var(--fs-mobile-48);
        line-height: 1.3em;
        margin-top: var(--gap-mobile-10);
        margin-bottom: var(--fs-mobile-20);
    }

    .top-items p {
        width: 76.744vw;
        font-size: var(--fs-mobile-16);
        line-height: 1.3em;
    }

    .bottom-items h2 {
        font-size: var(--fs-mobile-20);
        margin-bottom: var(--gap-mobile-30);
    }

    .contact-info-box .current-contact-box {
        width: 100%;
        padding: 1.163vw 0 var(--fs-mobile-20) 0;
    }

    .contact-info-box .current-contact-box:nth-child(odd) {
        margin-right: 0;
    }

    .current-contact-box .box-item-label {
        font-size: var(--fs-mobile-16);
        line-height: 1.3em;
        margin-bottom: 1.163vw;
    }

    .current-contact-box a {
        font-size: var(--fs-mobile-16);
        line-height: 1.3em;
    }

    .current-contact-box ul:first-child {
        margin-top: var(--fs-mobile-20);
        gap: 3.488vw;
    }

    .get-in-touch-form {
        padding: 13.953vw var(--gap-mobile-40);
        border-radius: var(--gap-mobile-30);
    }

    .get-in-touch-modal .get-in-touch-form {
        width: 90.6977vw;
    }

    .contact-form-title-text {
        gap: var(--gap-mobile-10);
    }

    .contact-form-title-text h2 {
        font-size: var(--gap-mobile-40);
    }

    .contact-form-title-text p {
        font-size: var(--fs-mobile-18);
    }

    .contact-form-fields {
        gap: var(--gap-mobile-10);
        margin: var(--gap-mobile-40) 0;
    }

    .contact-form-fields label {
        font-size: var(--fs-mobile-14);
        width: 72.093vw;
    }

    .contact-form-fields label input,
    .contact-form-fields label textarea {
        padding: var(--gap-mobile-10) 0;
        font-size: var(--fs-mobile-16);
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        border-radius: 0;
        -webkit-border-radius: 0;
    }

    .contact-form-fields label textarea {
        height: 18.605vw;
    }

    .contact-form-fields p,
    .contact-form-fields p a {
        font-size: var(--fs-mobile-14);
    }

    /* END => CONTACT US (MOBILE) */
    /* START => TERMS POLICY (MOBILE) */
    .scroll-up {
        display: none;
    }

    .terms-policy-section {
        padding: 34.884vw var(--fs-mobile-20) 23.256vw var(--fs-mobile-20);
        flex-direction: column-reverse;
        gap: 11.628vw;
    }

    .terms-policy-right-part-box {
        width: 100%;
    }

    .terms-policy-cover-title-text {
        gap: var(--gap-mobile-10);
    }

    .terms-policy-right-part-box .terms-policy-cover-title-text {
        display: none;
    }

    .terms-policy-right-part-box .introduction {
        display: flex !important;
    }

    .terms-policy-right-part-box h1 {
        font-size: var(--fs-mobile-48);
        margin-top: var(--gap-mobile-10);
        margin-bottom: var(--gap-mobile-30);
        line-height: 1.3em;
    }

    .terms-policy-cover-title-text h3 {
        display: none;
    }

    .terms-policy-cover-title-text p {
        font-size: 3.7209vw;
        line-height: 4.8837vw;
    }

    .terms-policy-left-bar {
        width: 100%;
        padding: var(--gap-mobile-40);
        border-radius: var(--gap-mobile-30);
    }

    .terms-policy-cover-title-text {
        width: 100%;
    }

    .terms-policy-left-bar a {
        flex-wrap: wrap;
        padding: var(--fs-mobile-20) 0;
    }

    .terms-policy-cover-title-text {
        border-bottom: 0;
    }

    .terms-policy-left-bar span {
        width: 64.191vw;
        font-size: var(--fs-mobile-20);
        font-weight: 600;
        font-family: 'Overused Grotesk SemiBold';
    }

    .terms-policy-left-bar a svg {
        transform: rotate(90deg);
        transition: all 0.3s ease-in-out;
    }

    .terms-policy-left-bar a svg.active {
        transform: rotate(-90deg);
    }

    .terms-policy-left-bar a .terms-policy-cover-title-text {
        display: flex;
        visibility: hidden;
        opacity: 0;
        transition: all 0.5s ease-in-out;
        max-height: 0;
        overflow: hidden;
        padding: 0;
        margin-top: 2.3256vw;
        /* display: none; */
    }

    .terms-policy-left-bar a .terms-policy-cover-title-text.active {
        visibility: visible;
        opacity: 1;
        max-height: 100vh;
        /* display: flex; */
    }

    .terms-policy-left-bar a .terms-policy-cover-title-text h3,
    .terms-policy-left-bar a .terms-policy-cover-title-text p {
        color: #FFFFFF;
    }

    .terms-policy-cover-title-text .dote-line::before {
        background-color: #FFFFFF;
        margin: 2vw;
    }


    /* END => TERMS POLICY (MOBILE) */


    /* START => CAREER */

    .career-title-address{
        margin: auto 8.14vw;
    }

    .career-title-address h1{
        font-size: 14.884vw;
        margin-bottom: 2.326vw;
    }

    .career-title-address p{
        font-size: 4.186vw;
    }

    /* END => CAREER */

    /* START => FOOTER (MOBILE) */
    .footer-content {
        padding-top: 11.6279vw;
    }

    footer {
        margin: 0 var(--fs-mobile-20) 11.628vw var(--fs-mobile-20);
        padding: var(--gap-mobile-30);
        gap: 18.605vw;
        border-radius: var(--gap-mobile-30);
    }

    .footer-logo-box {
        gap: 2.779vw;
    }

    .footer-logo-box span {
        font-size: var(--fs-mobile-16);
        width: 100%;
        line-height: 1.3em;
        margin-bottom: var(--gap-mobile-40);
    }

    .footer-menu {
        width: 100%;
        gap: var(--fs-mobile-20);
        margin-bottom: var(--gap-mobile-40);
    }

    .footer-menu-column-title {
        font-size: var(--fs-mobile-18);
        line-height: 1.3em;
        margin-bottom: var(--gap-mobile-10);
    }

    .menu-first-item ul li {
        margin-bottom: 1.163vw;
    }

    .menu-first-item ul li a,
    .footer-menu-column-description,
    .subscribe-form-input {
        font-size: var(--fs-mobile-16);
        line-height: 1.3em;
    }

    .footer-menu-column-description {
        margin-bottom: var(--fs-mobile-20);
    }

    .footer-subscribe .subscribe-form-input {
        margin-bottom: var(--gap-mobile-10);
        font-size: var(--fs-mobile-16);
        padding: var(--gap-mobile-10) 0;
    }

    .submit-subscribe {
        margin-top: var(--fs-mobile-20);
    }

    .footer-bottom-row {
        flex-direction: column-reverse;
        align-items: flex-start;
        gap: var(--fs-mobile-20);
    }

    footer .footer-social-list {
        gap: var(--gap-mobile-10);
    }

    .copyright,
    .copyright a {
        font-size: var(--fs-mobile-18);
        line-height: 1.3em;
    }

    /* END => FOOTER (MOBILE) */

    /* GLOBAL BANNER CONTENT */
    .global-banner .info-content {
        top: 93.0233vw;
    }

    .global-banner .info-content.active {
        top: 36.2326vw;
        transform: scale(1.1);
    }

    .global-banner img {
        top: 0;
        transform: translateX(3%) scale(0.5);
        left: 0;
    }

    .global-banner.about-page img {
        transform: translateX(1%) scale(0.5);
    }

    .global-banner img.active {
        top: 29.0698vw;
        transform: translateX(3%) scale(0.55);
    }

    .global-banner.about-page img.active {
        transform: translateX(1%) scale(0.45);
    }

    .global-banner .info-content .global-name {
        font-size: 14.1628vw;
        line-height: 19.6512vw;
    }

    .global-banner.about-page .info-content .global-name {
        font-size: 16.1628vw;
        line-height: 19.6512vw;
    }

    /*.global-banner .info-content.active .global-name {*/
    /*    font-size: 15.814vw;*/
    /*    line-height: 20.6977vw;*/
    /*}*/

    .global-banner .info-content .global-desc {
        font-size: 4.186vw;
        line-height: 4.5814vw;
        max-width: 77.6047vw;
    }

    .global-banner.about-page .info-content .global-desc {
        max-width: 78.6047vw;
    }

    .global-banner .info-content .expert-btn {
        margin-top: 6.9767vw;
        padding: 1.3256vw 4.814vw;
        border-radius: 6.9767vw;
        height: 8.6977vw;
    }

    .global-banner .info-content .expert-btn:hover .first-level .last-level {
        transform: translateY(-6.0465vw);
    }

    .global-banner .info-content .expert-btn .first-level {
        height: 6.0465vw;
    }

    .global-banner .info-content .expert-btn .first-level .last-level span {
        font-size: 4vw;
        line-height: 6.0465vw;
    }

    /* PERFORMANCE CONTENT */
    .performance-content {
        padding: 23.2558vw 4.6512vw 13.9535vw 4.6512vw;
        min-height: 100vh;
        height: max-content;
    }

    .performance-content .group-content img {
        width: 18.1395vw;
        height: 15.1163vw;
        margin-bottom: 4.6512vw;
    }

    .performance-content .group-content .p-desc {
        width: 90.6977vw;
        font-size: 4.186vw;
        line-height: 5.5814vw;
        margin-bottom: 14vw;
    }

    .performance-content .group-content .p-line {
        margin-bottom: 11vw;
        width: 64.8837vw;
        height: 0.2326vw;
    }

    .performance-content .group-content .performance-elems {
        gap: 12.7907vw 2.7907vw;
        flex-wrap: wrap;
    }

    .performance-content .group-content .performance-elems .p-elem {
        width: 43.9535vw;
    }

    .performance-content .group-content .performance-elems .p-elem:nth-child(1) {
        margin-right: 0;
    }

    .performance-content .group-content .performance-elems .p-elem .title-elem {
        height: 21.8605vw;
    }

    .performance-content .group-content .performance-elems .p-elem .title-elem .number-elem {
        font-size: 18.6047vw;
        line-height: 21.8605vw;
    }

    .performance-content .group-content .performance-elems .p-elem .p-desc-elem {
        width: 43.9535vw;
        height: 9.7674vw;
        padding-left: 4.6512vw;
    }

    .performance-content .group-content .performance-elems .p-elem .p-desc-elem:before {
        top: 1.6279vw;
        width: 2.3256vw;
        height: 2.3256vw;
    }

    .performance-content .group-content .performance-elems .p-elem .p-desc-elem .desc-elem {
        font-size: 3.7209vw;
        line-height: 4.8837vw;
    }

    @keyframes slide-number {
        0% {
            transform: translateY(21.8605vw);
        }
        10% {
            transform: translateY(0);
        }
        40% {
            transform: translateY(0);
        }
        50% {
            transform: translateY(-21.8605vw);
        }
        100% {
            transform: translateY(-21.8605vw);
        }
    }

    @keyframes slide-desc {
        0% {
            transform: translateY(9.7674vw);
        }
        10% {
            transform: translateY(0);
        }
        40% {
            transform: translateY(0);
        }
        50% {
            transform: translateY(-9.7674vw);
        }
        100% {
            transform: translateY(-9.7674vw);
        }
    }

    /* SLIDER */
    .slider-content {
        padding-top: 23.2558vw;
        padding-bottom: 11.6279vw;
    }

    .slider-content .s-info-content {
        max-width: 90.6977vw;
        gap: 2.3256vw;
    }

    .slider-content .s-info-content .s-sub-title {
        padding-left: 3.0233vw;
        font-size: 3.7209vw;
        line-height: 4.8837vw;
    }

    .slider-content .s-info-content .s-sub-title:before {
        top: 1.5116vw;
        width: 1.8605vw;
        height: 1.8605vw;
    }

    .slider-content .s-info-content .s-title {
        font-size: 9.7674vw;
        margin-bottom: 11.6279vw;
    }

    .slider-content .slider-wrapper-content {
        height: 134.8837vw;
    }

    .slider-content .slider-wrapper-content .carousel {
        right: -210%;
    }

    .slider-content .slider-wrapper-content .carousel-track {
        height: 117.6744vw;
    }

    .slider-content .slider-wrapper-content .slide {
        width: 74.4186vw;
        height: 99.0698vw;
        border-radius: 6.9767vw;
    }

    .slider-content .slider-wrapper-content .slide.left1 {
        transform: scale(1) translateX(calc(-74.4186vw - 11vw));
        z-index: 2;
    }

    .slider-content .slider-wrapper-content .slide.right1 {
        transform: scale(1) translateX(calc(74.4186vw + 11vw));
        z-index: 2;
    }

    .slider-content .slider-wrapper-content .slide.left2 {
        transform: scale(1) translateX(calc(-148.8372vw - 9.3023vw));
        z-index: -1;
    }

    .slider-content .slider-wrapper-content .slide.right2 {
        transform: scale(1) translateX(calc(148.8372vw + 9.3023vw));
        z-index: -1;
    }

    .slider-content .slider-wrapper-content .btn-next-prev {
        padding: 2.3256vw;
        gap: 9.3023vw;
        margin-top: 9.3023vw;
    }

    .slider-content .slider-wrapper-content .btn-next-prev .nav-btn {
        width: 3.2558vw;
        height: 3.7209vw;
    }

    /* OUR SOLUTIONS */
    .our-solutions {
        padding-bottom: 10.4651vw;
        height: max-content;
    }

    .our-solutions .info-content {
        max-width: 90.6977vw;
        gap: 2.3256vw;
        padding-top: 23.2558vw;
        margin-bottom: 10.4651vw;
    }

    .our-solutions .info-content .os-title {
        font-size: 11.1628vw;
        line-height: 14.6512vw;
    }

    .our-solutions .info-content .os-desc {
        font-size: 3.7209vw;
        line-height: 4.8837vw;
    }

    .our-solutions .wrapper-content {
        width: 95.3488vw;
        margin-left: 4.6512vw;
    }

    .our-solutions .os-cards-content {
        gap: 4.6512vw;
        transition: all 1s ease;
    }

    .our-solutions .os-cards-content .card-elem {
        max-width: max-content;
        height: 115.3488vw;
        border-radius: 0;
    }

    .our-solutions .os-cards-content .card-elem .card-design {
        padding: 9.3023vw 0;
        min-width: max-content;
        width: 83.7209vw;
        border: 0.2326vw solid #363636;
        border-radius: 6.9767vw;
    }

    .our-solutions .os-cards-content .card-elem.active {
        max-width: max-content;
    }

    .our-solutions .os-cards-content .card-elem .card-design.animate {
        max-width: max-content;
        min-width: max-content;
    }

    .our-solutions .os-cards-content .card-elem .card-design .card-icon.ellipse-icons {
        /*transform: unset;*/
        transform: translateY(-4.6512vw);
    }

    .our-solutions .os-cards-content .card-elem .card-design .card-top-info {
        gap: 2.3256vw;
        padding-left: 9.3023vw;
    }

    .our-solutions .os-cards-content .card-elem .card-design .card-top-info .card-category {
        font-size: 4.186vw;
        line-height: 5.5814vw;
        padding-left: 3.0233vw;
    }

    .our-solutions .os-cards-content .card-elem .card-design .card-top-info .card-category:before {
        top: 1.8605vw;
        width: 1.8605vw;
        height: 1.8605vw;
    }

    .our-solutions .os-cards-content .card-elem .hidden-cards .card-design .card-top-info .card-category:before {
        border-radius: 50%;
    }

    .our-solutions .os-cards-content .card-elem .card-design .card-top-info .card-name {
        font-size: 6.5116vw;
        line-height: 8.6047vw;
    }

    .our-solutions .os-cards-content .card-elem .card-design .card-icon {
        height: 40.2326vw;
    }

    .our-solutions .os-cards-content .card-elem .card-design .card-icon.ellipse-icons {
        height: 30.2326vw;
    }

    .our-solutions .os-cards-content .card-elem .card-design .card-icon.ellipse-icons .lg-none {
        height: 100%;
    }

    .our-solutions .os-cards-content .card-elem .card-design .card-icon.poligon-icons {
        /*height: 23.2558vw;*/
        height: 30.2326vw;
    }

    .our-solutions .os-cards-content .card-elem .card-design .card-icon.poligon-icons .lg-none {
        height: 100%;
    }

    .our-solutions .os-cards-content .card-elem .card-design .card-icon.rotate-elips-icons {
        height: 30.2326vw;
    }

    .our-solutions .os-cards-content .card-elem .card-design .card-icon.rotate-elips-icons .lg-none {
        height: 100%;
    }

    .our-solutions .os-cards-content .card-elem .hidden-cards.rotate-elips .card-design .card-icon {
        height: 30.2326vw;
    }

    .our-solutions .os-cards-content .card-elem .hidden-cards .card-design .card-icon.poligon-icons {
        height: 30.2558vw;
    }

    .our-solutions .os-cards-content .card-elem .card-design .card-icon .icons-box {
        width: 45.5814vw;
    }

    .our-solutions .os-cards-content .card-elem .card-design .card-icon.poligon-icons .icons-box {
        width: 18.6279vw;
    }

    .our-solutions .os-cards-content .card-elem .hidden-cards .card-design .card-icon .icons-box {
        width: 100%;
    }

    .our-solutions .os-cards-content .card-elem .card-design .card-icon.rotate-elips-icons .icons-box {
        width: 36.0465vw;
    }

    .our-solutions .os-cards-content .card-elem .card-design .card-icon.rotate-elips-icons img {
        left: calc(206% + (-83% * (var(--i))));
    }

    .our-solutions .os-cards-content .card-elem .card-bottom-info {
        height: 19.5349vw;
        padding-left: 9vw;
        padding-right: 9vw;
    }

    .our-solutions .os-cards-content .card-elem .card-bottom-info .card-desc {
        font-size: 3.7209vw;
        line-height: 4.8837vw;
        max-width: 65.1163vw;
    }

    .our-solutions .os-cards-content .card-elem[data-index='2'] {
        flex-direction: unset;
    }

    .our-solutions .os-cards-content .card-elem[data-index='2'] .hidden-cards {
        transform: unset;
    }

    .our-solutions .os-cards-content .card-elem .card-bottom-info .btn-plus {
        display: none;
    }

    .our-solutions .os-cards-content .card-elem .hidden-cards {
        width: max-content;
        padding-left: 4.6512vw;
        gap: 4.6512vw;
        transform: translateX(0);
    }

    .our-solutions .os-cards-content .card-elem .hidden-cards .card-icon .icons-box {
        opacity: 1;
    }

    .our-solutions .os-cards-content .card-elem .hidden-cards .card-icon .icons-box svg {
        height: 30.2326vw;
    }

    .our-solutions .os-cards-content .card-elem .hidden-cards .child-card.card-design {
        opacity: 1;
    }

    .our-solutions .os-cards-content .card-elem .hidden-cards.rotate-elips {
        padding-right: 0;
        padding-left: 4.6512vw;
    }

    .our-solutions .os-cards-content .card-elem .hidden-cards .card-bottom-info .card-desc {
        max-width: 56.9767vw;
    }

    .our-solutions .os-cards-content .card-elem .hidden-cards .child-card.card-design {
        max-width: 83.7209vw;
        min-width: 83.7209vw;
    }

    .our-solutions .os-cards-content .card-elem .card-bottom-info .btn-arrow svg {
        width: 8.1395vw;
        height: 8.1395vw;
    }

    .our-solutions .btn-group {
        display: flex;
        justify-content: center;
        margin: auto;
        gap: 4.6512vw;
        margin-top: 9.3023vw;
    }

    .our-solutions .btn-group svg {
        width: 8.1395vw;
        height: 8.1395vw;
    }

    .black-footer .load-more-btn {
        width: 100%;
        border: 0.2326vw solid white;
    }

    .black-footer .load-more-btn span {
        width: max-content;
        margin: auto;
        height: 100%;
    }

    /* NAVIGATION SLIDER */
    .navigation-slider-section {
        padding: 23.2558vw 4.6512vw 16.2791vw 4.6512vw;
    }

    .animation-part-svg.active path {
        transform: translateX(calc(var(--i) * 1.26vw));
    }

    .animation-part-svg.active {
        transform: translateX(-2.3646vw);
    }

    .animation-part-svg.oval-icon.active {
        transform: translateX(0);
    }

    .navigation-slider-section .animation-part-svg.active circle {
        transform: translateX(calc(var(--i) * 1.26vw));
    }

    .navigation-slider-section .sub-title {
        padding-left: 3.0233vw;
        font-size: 3.7209vw;
        line-height: 4.8837vw;
    }

    .navigation-slider-section .sub-title:before {
        top: 1.5116vw;
        width: 1.8605vw;
        height: 1.8605vw;
    }

    .navigation-slider-section .swiper, .navigation-slider-section .swiper-wrapper {
        height: 147.6744vw;
    }

    .navigation-slider-section .swiper .swiper-pagination-bullet {
        display: none;
    }

    .navigation-slider-section .swiper-slide h3 {
        font-size: 9.7674vw;
        width: 90.6977vw;
        line-height: 100%;
        margin-bottom: 4.6512vw;
    }

    .navigation-slider-section .swiper .swiper-slide-active {
        transform: translateY(0%) scale(1);
    }

    .navigation-slider-section .swiper-slide h3 .blue-text {
        font-size: 9.7674vw;
        width: max-content;
        line-height: 100%;
    }

    .navigation-slider-section .swiper-slide p {
        font-size: 3.7209vw;
        width: 73.3953vw;
        line-height: 4.8837vw;
        color: black;
    }

    .navigation-slider-section.blue .swiper .swiper-slide-active p {
        color: white;
    }

    .navigation-slider-section .swiper .swiper-slide-next h3, .navigation-slider-section .swiper .swiper-slide-prev h3 ,
    .navigation-slider-section .swiper .swiper-slide-next h3 .blue-text, .navigation-slider-section .swiper .swiper-slide-prev h3 .blue-text
    {
        color: #C9C9C9;
    }

    .slider-button-group {
        width: 16.7442vw;
        height: 3.2558vw;
        margin-top: 4.6512vw;
    }

    .slider-button-group button {
        width: 3.7209vw;
        height: 3.2558vw;
    }

    /* REVIEWS */
    .reviews-content {
        border-bottom: 0.2326vw solid #232323;
        padding-bottom: 13.9535vw;
        padding-top: 23.2558vw;
    }

    .reviews-content .info-content {
        max-width: 90.6977vw;
        gap: 2.3256vw;
        margin-bottom: 6.9767vw;
    }

    .reviews-content .info-content .os-title {
        font-size: 11.1628vw;
        line-height: 14.6512vw;
    }

    .reviews-content .info-content .os-desc {
        font-size: 3.7209vw;
        line-height: 4.8837vw;
    }

    .reviews-content .review-card-slider-content .review-card-section {
        padding-left: 4.6512vw;
        padding-right: 4.6512vw;
    }

    .reviews-content .review-card-slider-content .review-card-section .review-card {
        height: 116.2791vw;
        padding: 9.3023vw;
        border: 0.2326vw solid #363636;
        border-radius: 6.9767vw;
        gap: 8.1395vw;
    }

    .reviews-content .review-card-slider-content .review-card-section .review-card .top-content .left-part {
        gap: 2.3256vw;
    }

    .reviews-content .review-card-slider-content .review-card-section .review-card .top-content .left-part .sub-title {
        width: 100%;
        font-size: 3.7209vw;
        line-height: 4.8837vw;
        padding-left: 3.0233vw;
    }

    .reviews-content .review-card-slider-content .review-card-section .review-card .top-content .left-part .sub-title:before {
        top: 1.6279vw;
        width: 1.8605vw;
        height: 1.8605vw;
    }

    .reviews-content .review-card-slider-content .review-card-section .review-card .top-content .left-part .card-title {
        font-size: 7.4419vw;
        line-height: 9.7674vw;
    }

    .reviews-content .review-card-slider-content .review-card-section .review-card .top-content .right-part svg {
        height: 12.7907vw;
    }

    .reviews-content .review-card-slider-content .review-card-section .review-card .top-content .right-part.elips-icon svg {
        width: 15.1163vw;
    }

    .reviews-content .review-card-slider-content .review-card-section .review-card.even-card .top-content .right-part.circle-icon svg {
        width: 15.814vw;
    }

    .reviews-content .review-card-slider-content .review-card-section .review-card.even-card .top-content .right-part.circle-icon svg {
        height: 10.4651vw;
    }

    .reviews-content .review-card-slider-content .review-card-section .review-card .top-content .right-part.triangle-icon svg {
        width: 10.4651vw;
    }

    .reviews-content .review-card-slider-content .review-card-section .review-card .bottom-content {
        font-size: 4.186vw;
        line-height: 5.5814vw;
    }

    .reviews-content .review-card-slider-content .review-card-slider-next-prev-box {
        width: 20.9302vw;
        height: 8.1395vw;
        margin-top: 9.3023vw;
    }

    .reviews-content .review-card-slider-content .review-card-slider-next-prev-box .review-card-view-btn {
        width: 8.1395vw;
        height: 8.1395vw;
        border: 0.4651vw solid #121212;
        border: 0.4651vw solid #FFFFFF;
    }

    .reviews-content .review-card-slider-content .review-card-slider-next-prev-box .review-card-view-btn:hover svg:nth-child(1) {
        transform: translateX(-200%);
        opacity: 0;
    }

    .reviews-content .review-card-slider-content .review-card-slider-next-prev-box .review-card-view-btn:hover svg:nth-child(2) {
        transform: translateX(-50%);
        opacity: 1;
    }

    /* COMPANY OVERVIEW */
    .company-overview {
        padding: 23.2558vw 4.6512vw 11.6279vw 4.6512vw;
    }

    .company-overview .wrapper-content {
        gap: 6.9767vw;
    }

    .company-overview .wrapper-content .top-info {
        max-width: 90.6977vw;
    }

    .company-overview .wrapper-content .top-info .co-title {
        font-size: 11.1628vw;
        line-height: 11.1628vw;
    }

    .company-overview .wrapper-content .top-info .co-desc {
        font-size: 3.7209vw;
        line-height: 4.8837vw;
        margin-top: 2.3256vw;
        margin-bottom: 2.3256vw;
    }

    .company-overview .wrapper-content .middle-icon-anim {
        width: 34.8837vw;
        height: 23.2558vw;
    }

    .company-overview .wrapper-content .middle-icon-anim svg circle {
        cx: 17.7972vw;
    }

    .company-overview .wrapper-content .bottom-info {
        gap: 4.6512vw;
        flex-direction: column;
    }

    .company-overview .wrapper-content .bottom-info .co-elem {
        width: 85.1163vw;
        gap: 0;
    }

    /*.company-overview .wrapper-content .bottom-info .co-elem:nth-child(2) {*/
    /*    width: 85.1163vw;*/
    /*}*/

    .company-overview .wrapper-content .bottom-info .co-elem .co-elem-title {
        font-size: 7.4419vw;
        line-height: 9.7674vw;
    }

    .company-overview .wrapper-content .bottom-info .co-elem .co-elem-title span {
        transform: translateY(9.7674vw);
    }

    .company-overview .wrapper-content .bottom-info .co-elem .co-elem-desc {
        font-size: 3.7209vw;
        line-height: 4.8837vw;
    }

    .company-overview .wrapper-content .bottom-info .co-elem .co-elem-desc span {
        width: 2.7907vw;
        height: 2.7907vw;
        border-radius: 50%;
        margin-left: 1.6279vw;
    }

    /* MISSION VISION VALUES */
    .mvv-content {
        border-bottom: none;
    }

    .mvv-content .wrapper-content .carousel-elems {
        width: max-content;
    }

    .mvv-content .btn-group {
        display: flex;
        width: 16.7442vw;
        height: 3.2558vw;
        bottom: 9.6279vw;
    }

    .mvv-content .mvv-card {
        width: 100vw;
        height: 100%;
        padding: 23.2558vw 4.6512vw 22.5349vw 4.6512vw;
    }

    .mvv-content .mvv-card:hover:before {
        height: 0;
    }

    .mvv-content .mvv-card:not(:last-child) {
        border-right: 0.2326vw solid #FFFFFF;
    }

    .mvv-content .mvv-card .mvv-name {
        font-size: 3.7209vw;
        line-height: 4.8837vw;
    }

    .mvv-content .mvv-card .mvv-middle {
        gap: 2.3256vw;
    }

    .mvv-content .mvv-card .mvv-middle .mvv-sub-desc {
        font-size: 3.7209vw;
        line-height: 4.8837vw;
        padding-left: 3.0233vw;
    }

    .mvv-content .mvv-card .mvv-middle .mvv-sub-desc:before {
        width: 1.8605vw;
        height: 1.8605vw;
    }

    .mvv-content .mvv-card .mvv-middle .mvv-title {
        font-size: 6.5116vw;
        line-height: 8.6047vw;
    }

    .mvv-content .mvv-card .mvv-middle .mvv-desc {
        font-size: 3.7209vw;
        line-height: 4.8837vw;
    }

    .mvv-content .mvv-card .icons-box {
        width: 15.814vw;
        height: 10.4651vw;
    }

    .mvv-content .mvv-card .icons-box img {
        left: calc(34.5% + (-7% * (var(--i))));
    }

    .mvv-content .mvv-card:hover .icons-box img {
        left: calc(111.5% + (-41% * (var(--i))));
    }

    .mvv-content .mvv-card.mvv-card-2:hover .icons-box img {
        left: calc(95.5% + (-27% * (var(--i))));
    }

    .mvv-content .mvv-card.mvv-card-3:hover .icons-box img {
        left: calc(81.5% + (-27% * (var(--i))));
    }

    /* GET IN TOUCH */
    .get-in-touch-section {
        border-bottom: 0.2326vw solid #302E2E;
        padding: 23.2558vw 4.6512vw;
    }

    .get-in-touch-section .wrapper-content {
        width: 90.6977vw;
    }

    .get-in-touch-section .wrapper-content img {
        width: 26.9767vw;
        height: 15.1163vw;
    }

    .get-in-touch-section .wrapper-content .gt-title {
        font-size: 11.1628vw;
        margin-top: 9.3023vw;
    }

    .get-in-touch-section .wrapper-content .gt-desc {
        font-size: 3.7209vw;
        line-height: 4.8837vw;
        margin-top: 4.6512vw;
    }

    .get-in-touch-section .wrapper-content .gt-touch {
        font-size: 4.186vw;
        border: 0.2326vw solid white;
        border-radius: 6.9767vw;
        padding: 2.3256vw 0;
        line-height: 5.5814vw;
        margin-top: 6.9767vw;
        height: 10.4651vw;
        width: 100%;
    }


    /* MODAL GET IN TOUCH */
    .modal-wrapper-content .modal-content .get-in-touch-form {
        padding: 9.3023vw;
    }

    .get-in-touch-modal .modal-content .get-in-touch-form .contact-form-fields label {
        line-height: 4.186vw;
        width: 100%;
    }

    .get-in-touch-modal .modal-content .get-in-touch-form .contact-form-title-text h2 {
        line-height: 8.6047vw;
    }

    .get-in-touch-modal .modal-content .get-in-touch-form .contact-form-title-text p {
        font-size: 3.7209vw;
    }

    .modal-wrapper-content .modal-content .closeModal {
        top: 4.6512vw;
        right: 4.6512vw;
    }

    .modal-wrapper-content .modal-content .closeModal svg {
        width: 8.1395vw;
        height: 8.1395vw;
    }

    /* SUCCESS MODAL */
    .modal-body {
        width: 90.6977vw;
        padding: 9.3023vw;
        border-radius: 1.563vw;
    }

    .md-title {
        width: 44.186vw;
        font-size: 4.6512vw;
        line-height: 6.0465vw;
    }

    .md-desc {
        max-width: 70.6977vw;
        font-size: 4.186vw;
        line-height: 5.5814vw;
    }


    /* START => SOLUTIONS */
    .solutions-hero-setion {
        margin: 34.8837vw auto 13.9535vw auto;
    }

    .solutions-hero-setion .solution-subtext {
        font-size: 3.7209vw;
        line-height: 4.8837vw;
        width: 76.7442vw;
    }

    .solutions-hero-setion .blog-subtitle {
        font-size: 3.7209vw;
        line-height: 4.8837vw;
        padding-left: 3.0233vw;
    }

    .solutions-hero-setion h1 {
        font-size: 11.1628vw;
        line-height: 11.1628vw;
        width: 90.6977vw;
        margin-top: 2.3256vw;
        margin-bottom: 4.6512vw;
    }

    .solutions-pagination-section {
        margin-bottom: 16.9767vw;
        padding-bottom: 0;
    }

    .slider-container {
        width: 100vw;
    }

    .slider {
        height: 115.3488vw;
        width: max-content;
        padding-left: 4.6512vw;
    }

    .slide {
        width: 100%;
        gap: 4.6512vw;
        padding: 0 4.6512vw 0 0;
    }

    .pagination {
        width: 80.2326vw;
        margin: 0 auto 4.8837vw auto;
        border-radius: 6.9767vw;
    }

    .pagination-item button {
        border-radius: 6.9767vw;
        padding: 2.3256vw 4.6512vw;
    }

    .pagination-title {
        font-size: 3.7209vw;
        line-height: 3.7209vw;
    }

    .pagination-bg {
        border: 0.2326vw solid #9267FA;
        border-radius: 6.9767vw;
    }

    .slide-box {
        width: 83.7209vw;
        border-radius: 6.9767vw;
        padding: 9.3023vw;
        transition: all 1s ease;
    }

    .slide-box .blog-subtitle {
        padding-left: 3.0233vw;
    }

    .slide-box .blog-subtitle:before {
        width: 1.8605vw;
        height: 1.8605vw;
        position: absolute;
        left: 0;
    }

    .solution-cart-title {
        font-size: 6.3vw;
        line-height: 8.6047vw;
        margin-top: 2.3256vw;
        margin-bottom: 8.1395vw;
        width: 99%;
    }

    .solutions-animation-box {
        /*width: 45.3488vw;*/
        width: 32.3488vw;
        height: 30.2326vw;
    }

    .slide-box:hover .solutions-animation-box {
        width: 100%;
    }

    .solutions-animation-box .animation-1 {
        height: 30.2326vw;
        width: 30.2326vw;
        left: calc(-14% + (7% * (var(--i))));
    }

    .solutions-animation-box .animation-2 {
        height: 30.2326vw;
        width: 16.0465vw;
        left: calc(14% + (7% * (var(--i))));
    }

    .solutions-animation-box .animation-3 {
        height: 22.3256vw;
        width: 22.3256vw;
        left: calc(5% + (4% * (var(--i))));
    }

    .solutions-animation-box .animation-4 {
        height: 11.458vw;
        width: 11.458vw;
        left: calc(5% + (6% * (var(--i))));
    }

    .slide-box:hover .solutions-animation-box .animation-1 {
        left: calc(20% * var(--i));
    }

    .slide-box:hover .solutions-animation-box .animation-2 {
        left: calc(25% * var(--i));
    }

    .slide-box:hover .solutions-animation-box .animation-3 {
        left: calc(17% * var(--i));
    }

    .slide-box .white-arrow {
        opacity: 1;
        top: unset;
        bottom: 31.1628vw;
        border: 0.4651vw solid #000000!important;
        visibility: unset;
    }

    .slide-box .white-arrow svg path {
        fill: #000000;
        transition: all 1s ease;
    }

    .slide-box:hover .white-arrow {
        border: 0.4651vw solid #FFFFFF!important;
    }

    .slide-box:hover .white-arrow svg path {
        fill: #FFFFFF;
    }

    .solution-card-bottom-text {
        font-size: 3.7209vw;
        line-height: 4.8837vw;
        width: 65.1163vw;
        bottom: 9.3023vw;
        top: unset;
    }

    .solution-btn-group {
        width: max-content;
        margin: auto;
        display: flex;
    }

    .solution-btn-group .btn-group {
        display: flex;
        justify-content: center;
        margin: auto;
        gap: 4.6512vw;
        margin-top: 9.3023vw;
    }

    .solution-btn-group .btn-group svg {
        width: 8.1395vw;
        height: 8.1395vw;
    }

    /* SOLUTION COVER */
    .solutios-card-slider-section {
        padding: 23.2558vw 0 10.4651vw 0;
    }

    .solutios-card-slider-section h3 {
        font-size: 11.1628vw;
        line-height: 11.1628vw;
        margin-bottom: 2.3256vw;
        text-align: center;
    }

    .solutios-card-slider-section .solution-cover-text {
        font-size: 3.7209vw;
        line-height: 4.8837vw;
        margin-bottom: 9.3023vw;
        width: 90.6977vw;
    }

    .solutios-card-slider-section .swiper {
        padding: 0 4.6512vw;
    }

    .solutios-card-slider-section .swiper-slide {
        font-size: 0.9375vw;
    }

    .card-slider-next-prev-box {
        gap: 4.6512vw;
        margin-top: 6.9767vw;
        width: 20.9302vw;
        height: 8.1395vw;
    }

    .card-slider-next-prev-box button {
        border: 0.1042vw solid #FFFFFF;
    }


    /*.mySwiper-card-section .swiper-slide:first-child {*/
    /*    margin-left: 4.6512vw !important;*/
    /*}*/

    /*.mySwiper-card-section .swiper-slide:nth-child(4) {*/
    /*    margin-right: 4.6512vw !important;*/
    /*}*/

    .mySwiper-card-section .swiper-slide {
        padding: 9.3023vw;
        border-radius: 6.9767vw;
        /*width: 83.7209vw !important;*/
        height: 115.3488vw;
    }

    .mySwiper-card-section .swiper-slide h3 {
        font-size: 6.5116vw;
        line-height: 8.6047vw;
    }

    .mySwiper-card-section .swiper-slide .card-slide-animation {
        font-size: 3.7209vw;
        line-height: 4.8837vw;
    }

    .mySwiper-card-section .swiper-slide .solutions-animation-box .animation-1 {
        height: 30.2326vw;
        width: 30.2326vw;
    }

    .mySwiper-card-section .swiper-slide .solutions-animation-box .animation-2 {
        height: 30.2326vw;
        width: 16.0465vw;
    }

    .mySwiper-card-section .swiper-slide .solutions-animation-box .animation-3 {
        height: 10.313vw;
        width: 10.313vw;
    }

    .mySwiper-card-section .swiper-slide .solutions-animation-box .animation-4 {
        height: 10.313vw;
        width: 10.313vw;
    }

    .mySwiper-card-section .swiper-slide .solutions-animation-box {
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .mySwiper-card-section .swiper-slide:hover .solutions-animation-box.circle {
        transform: translate(-130%, -50%);
    }

    .mySwiper-card-section .swiper-slide:hover .solutions-animation-box.poligon {
        transform: translate(-100%, -50%);
    }

    .mySwiper-card-section .swiper-slide:hover .solutions-animation-box.oval {
        transform: translate(-130%, -50%);
    }

    .mySwiper-card-section .swiper-slide:hover .solutions-animation-box.rectangle {
        transform: translate(-150%, -50%);
    }

    .mySwiper-card-section .swiper-slide:hover .solutions-animation-box .animation-1 {
        transform: translateX(calc(var(--i) * 60%));
    }

    .mySwiper-card-section .swiper-slide:hover .solutions-animation-box .animation-2 {
        transform: translateX(calc(var(--i) * 60%));
    }

    .mySwiper-card-section .swiper-slide:hover .solutions-animation-box .animation-2 {
        transform: translateX(calc(var(--i) * 60%));
    }

    .mySwiper-card-section .swiper-slide:hover .solutions-animation-box {
        width: 45.3488vw;
    }

    .mySwiper-card-section .swiper-slide .solutions-animation-box .animation-3 {
        height: 22.3256vw;
        width: 22.3256vw;
    }

    .mySwiper-card-section .swiper-slide .solutions-animation-box .animation-4 {
        width: 25.1163vw;
        height: 25.1163vw;
    }

    .mySwiper-card-section .swiper-slide:hover .solutions-animation-box .animation-4 {
        transform: translateX(calc(var(--i) * 60%));
    }

    /* START => STRAGETIC SOLUTIONS FIRST SECTION */

    .strategic-section-box {
        padding: 23.2558vw 0 11.6279vw 4.6512vw;
        flex-direction: column;
        gap: 18.6047vw;
    }

    .strategic-section-left-side h1 {
        width: 90.6977vw;
        font-size: 9.7674vw;
        margin-top: 2.3256vw;
        margin-bottom: 4.6512vw;
        line-height: 9.7674vw;
    }

    .stragetic-description {
        font-size: 3.7209vw;
        line-height: 4.8837vw;
        width: 90.6977vw;
    }

    .strategic-section-left-side svg {
        margin-top: 4.6512vw;
    }

    .strategic-section-left-side .animation-part-svg.active {
        transform: translateX(-5.3646vw);
    }

    .strategic-section-box .strategic-section-left-side .animation-part-svg.oval-icon.active path {
        transform: translateX(calc(var(--i) * 0.5vw));
    }

    .navigation-slider-section .animation-part-svg.oval-icon.active path {
        transform: translateX(calc(var(--i) * .5vw));
    }

    .strategic-section-box.white .strategic-section-left-side .animation-part-svg.active path {
        transform: translateX(calc(var(--i) * 1.26vw));
    }

    .strategic-section-left-side .animation-part-svg {
        width: 23.2558vw;
    }

    .strategic-section-left-side .animation-part-svg.active circle {
        transform: translateX(calc(var(--i) * 1.26vw));
    }

    .solutios-card-slider-section .swiper {
        padding: 0 3.125vw;
    }

    .solutios-card-slider-section .swiper-slide {
        font-size: 0.9375vw;
    }

    .strategic-section-right-side .slider-wrapper-content {
        width: 100%;
        height: 95.814vw;
    }

    .strategic-section-right-side .slider-wrapper-content .carousel-track {
        height: 83.4884vw;
        padding-left: 4.8837vw;
    }

    .strategic-section-right-side .slider-wrapper-content .slide {
        width: 53.2558vw;
        height: 70.9302vw;
        border-radius: 6.9767vw;
    }

    .strategic-section-right-side .slider-wrapper-content .slide.center {
        transform: scale(1.175) translateX(0);
        z-index: 0;
    }

    .strategic-section-right-side .slider-wrapper-content .slide.right1 {
        transform: scale(1) translateX(60.4651vw);
        z-index: 3;
    }

    .strategic-section-right-side .slider-wrapper-content .slide.right2 {
        transform: scale(1) translateX(125.5814vw);
        z-index: 4;
    }

    .strategic-section-right-side .slider-wrapper-content .slide.right3 {
        transform: scale(1) translateX(180vw);
        z-index: 5;
    }

    .strategic-section-right-side .slider-wrapper-content .slide.right4 {
        transform: scale(1) translateX(240vw);
        z-index: 0;
    }

    .strategic-section-right-side .slider-wrapper-content .btn-next-prev {
        padding: 0;
        gap: 9.3023vw;
        margin-top: 7.5vw;
    }

    .strategic-section-right-side .slider-wrapper-content .btn-next-prev .nav-btn {
        width: 3.2558vw;
        height: 3.7209vw;
    }
}


/* ==================================================================== */
/* ==================== END => MEDIA MOBILE 576 ====================== */
/* ==================================================================== */