/* Regular Weight (400) */
@font-face {
    font-family: 'Fellix';
    src: url('fonts/Fellix-TRIAL-Regular.otf') format('opentype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

/* Medium Weight (500) */
@font-face {
    font-family: 'Fellix';
    src: url('fonts/Fellix-TRIAL-Medium.otf') format('opentype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

/* SemiBold Weight (600) */
@font-face {
    font-family: 'Fellix';
    src: url('fonts/Fellix-TRIAL-SemiBold.otf') format('opentype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

/* SemiBold Weight (bold) */
@font-face {
    font-family: 'Fellix';
    src: url('fonts/Fellix-TRIAL-Bold.otf') format('opentype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

.o-hidden {
    overflow: hidden;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html {
    scroll-snap-type: y proximity;
}

/*.slider-content {*/
/*    height: 100vh;*/
/*    scroll-snap-align: start;*/
/*}*/

body {
    overscroll-behavior-y: none; /* Prevents "bounce" on Chrome/Safari */
}


body {
    scrollbar-gutter: stable; /* Keeps the layout from shifting when scrollbar hides */
}

body {
    font-family: 'Fellix', sans-serif;
    font-weight: 500; /* Uses Medium */
    user-select: none;
}

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

#sticky-sentinel {
    height: 1px;
    width: 100%;
    position: absolute;
    top: 0;
}

.news-btn {
    margin-top: auto!important;
    margin-bottom: 0!important;
}

.news-btn:hover {
    border: none !important;
    background-origin: unset !important;
    background-clip: unset !important;
    background: linear-gradient(90deg, #FF5348 0%, #E24769 32.69%, #CD4982 67.79%, #8648D3 100%) !important;
}

header {
    width: 100vw;
    height: max-content;
    position: fixed;
    background-color: transparent;
    display: flex;
    justify-content: space-between;
    align-items: center;
    top: 56px;
    left: 0;
    padding: 0 60px;
    z-index: 999999;
}

header .logo a {
    display: flex;
}

header .menu-burger {
    display: flex;
    cursor: pointer;
}

.redifining {
    width: 100%;
    height: max-content;
    background-image: url('images/bg1.png');
    background-repeat: no-repeat;
    background-size: cover;
    /*background: linear-gradient(*/
    /*        180deg,*/
    /*        rgba(255,255,255,1) 30%,*/
    /*        rgba(226,71,105,1) 70%,*/
    /*        rgba(134,72,211,1) 100%*/
    /*);*/
    padding: 307px 174px 99px 174px;
    animation: bgAnim 12s ease-in-out infinite;
    animation-delay: 3s;
}

@keyframes bgAnim {
    0% {
        background-image: url('images/bg1.png');
    }
    25% {
        background-image: url('images/bg2.png');
    }
    50% {
        background-image: url('images/bg3.png');
    }
    75% {
        background-image: url('images/bg4.png');
    }
    100% {
        background-image: url('images/bg5.png');
    }
}

.redifining .info-elems {
    width: 100%;
    height: max-content;
    display: flex;
    flex-direction: column;
    gap: 200px;
}

.redifining .info-elems .top {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 39px;
}

.redifining .info-elems .top h3 {
    font-weight: 600;
    font-size: 128px;
    line-height: 113px;
    text-align: center;
    color: #ffffff;
}

.redifining .info-elems .top h3.animate-color {
    animation: changeColor 2s forwards;
}

@keyframes changeColor {
    0% {
        color: #ffffff;
    }
    100% {
        color: #000000;
    }
}


.redifining .info-elems .top p {
    width: 658px;
    margin: auto;
    font-weight: 500;
    font-size: 21px;
    line-height: 25px;
    text-align: center;
    color: #000000;
}

.redifining .info-elems .bottom {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.redifining .info-elems .bottom span {
    /*width: 144px;*/
    width: 177px;
    height: 54px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 18px;
    border: 2px solid transparent;
    background-image: linear-gradient(#E5D9EB, #E5D9EB), /* Internal background color */ linear-gradient(to right, #EB625A 0%, #E65E75 26%, #C74C8B 51%, #8648D3 94%); /* Border gradient */
    background-origin: border-box;
    background-clip: padding-box, border-box;
    margin: auto;
    cursor: pointer;
    transition: .3s ease-in-out;
}

.redifining .info-elems .bottom span:hover {
    border: 5px solid transparent;
}

.redifining .info-elems .bottom span svg {
    width: 90px;
}

.redifining .info-elems .bottom p {
    font-weight: 500;
    font-size: 18px;
    line-height: 21px;
    text-align: center;
    color: #FFFFFF;
}

.introducing {
    width: 100%;
    height: max-content;
    padding: 177px 135px 220px 135px;
    background-color: #EFEFEF;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: auto;
    gap: 64px;
}

.introducing .info-content {
    max-width: 1123px;
    width: 100%;
    height: max-content;
    display: flex;
    flex-direction: column;
    gap: 21px;
}

.introducing .info-content h2 {
    font-weight: 600;
    font-size: 148px;
    line-height: 177px;
    text-align: center;
    color: #C9C9C9;
    overflow: hidden;
}

.introducing .info-content h2 span {
    position: relative;
    overflow: hidden;
    vertical-align: bottom;
    background: linear-gradient(
            to right,
            #FF5348 0%,
            #E24769 33%,
            #CD4982 68%,
            #8648D3 100%
    );
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    display: inline-block;
}

.introducing .info-content h2 span.box.show {
    animation: revealUp 2s cubic-bezier(0.25, 1, 0.5, 1) forwards;
}

@keyframes revealUp {
    0% {
        transform: translateY(300%);
    }
    100% {
        transform: translateY(0%);
    }
}

.introducing .info-content p {
    width: 420px;
    font-weight: 500;
    font-size: 18px;
    line-height: 21px;
    text-align: center;
    color: #000000;
    margin: auto;
    opacity: 0;
}

.introducing .card-content {
    width: 100%;
    background: #FFFFFF;
    border: 1px solid #D6D6D6;
    border-radius: 18px;
    display: flex;
    gap: 67px;
    padding: 46px 0 46px 60px;
    overflow: hidden;
}

.introducing .card-content .left-content {
    width: max-content;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 53px 0;
    gap: 246px;
}

.introducing .card-content .left-content .top {
    width: max-content;
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.introducing .card-content .left-content .top h3 {
    width: 360px;
    font-weight: 600;
    font-size: 36px;
    line-height: 36px;
}

.introducing .card-content .left-content .top h3 span {
    /*background: linear-gradient(90deg, #FF5348 0%, #E24769 32.69%, #CD4982 67.79%, #8648D3 100%);*/
    /*-webkit-background-clip: text;*/
    /*-webkit-text-fill-color: transparent;*/
    /*background-clip: text;*/
    /*text-fill-color: transparent;*/
    color: rgba(235, 98, 90, 1);
}

.introducing .card-content .left-content .top p {
    width: 611px;
    font-weight: 500;
    font-size: 21px;
    line-height: 25px;
    color: #000000;
}

.introducing .card-content .left-content .bottom {
    width: max-content;
    display: flex;
    gap: 36px;
}

.introducing .card-content .left-content .bottom .elem {
    width: max-content;
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.introducing .card-content .left-content .bottom .elem svg {
    width: 40px;
    height: 40px;
}

.introducing .card-content .left-content .bottom .elem:first-child p {
    width: 345px;
}

.introducing .card-content .left-content .bottom .elem p {
    width: 360px;
    font-weight: 500;
    font-size: 18px;
    line-height: 21px;
    color: #000000;
}

.introducing .card-content .right-content {
    width: 782px;
    height: 657px;
}

.introducing .card-content .right-content img {
    width: 822px;
    height: 100%;
}

.introducing .card-content .right-content img.show {
    animation: slideInLeft 3s cubic-bezier(0.25, 1, 0.5, 1) forwards;
}

@keyframes slideInLeft {
    0% {
        transform: translateX(100%);
    }
    60% {
        transform: translateX(-30px);
    }
    100% {
        transform: translateX(0px);
    }
}

.vision-platform-introduction {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 30px;
    background-color: white;
    padding: 77px 224px 97px 224px;
    height: max-content;
}

.vision-platform-introduction .top-content {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.vision-platform-introduction .top-content h3 {
    font-weight: 600;
    font-size: 112px;
    line-height: 134px;
    text-align: center;
    color: #000000;
}

.vision-platform-introduction .top-content p {
    width: 385px;
    font-weight: 500;
    font-size: 18px;
    line-height: 21px;
    text-align: center;
    color: #000000;
}

.vision-platform-introduction .bottom-content {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 60px;
}

.vision-platform-introduction .bottom-content .btn-elems {
    width: max-content;
    display: flex;
    align-items: center;
    height: 53px;
    background: #FAFAFA;
    border-radius: 10px;
    gap: 10px;
    padding: 5px 6px;
    position: relative;
}

.vision-platform-introduction .bottom-content .btn-elems div {
    width: max-content;
    height: 100%;
    font-weight: 500;
    font-size: 21px;
    line-height: 25px;
    text-align: center;
    color: #676767;
    border-radius: 10px;
    cursor: pointer;
    transition: .2s ease-in-out;
}

.vision-platform-introduction .bottom-content .btn-elems div span {
    width: 100%;
    height: 100%;
    padding: 0 17px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: 1.5s ease-in-out;
}

.vision-platform-introduction .bottom-content .btn-elems div.active {
    background: #E4E2DF;
}

.vision-platform-introduction .bottom-content .btn-elems div.active span {
    background: linear-gradient(90deg, #EB625A 0%, #E65E75 32.69%, #C74C8B 67.79%, #8648D3 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}

.vision-platform-introduction .bottom-content .info-content {
    background: #E4E2DF;
    border-radius: 20px;
    padding: 8px 8px 17px 8px;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.vision-platform-introduction .bottom-content .info-content .img-content {
    width: 100%;
    height: 684px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    overflow: hidden;
    border-radius: 20px;
}

.vision-platform-introduction .bottom-content .info-content .img-content .elem {
    width: 100%;
    height: 100%;
    transition: transform 1.5s cubic-bezier(0.68, 1, 0.27, 1.1);
    will-change: transform;
}

.vision-platform-introduction .bottom-content .info-content .img-content .elem img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.vision-platform-introduction .bottom-content .info-content .text-content {
    width: 100%;
    height: max-content;
    position: relative;
    display: flex;
    justify-content: center;
}

.vision-platform-introduction .bottom-content .info-content .text-content .arrow-elem {
    width: 23px;
    height: 25px;
    position: absolute;
    right: 36px;
    bottom: 14px;
}

.vision-platform-introduction .bottom-content .info-content .text-content .arrow-elem svg {
    width: 100%;
    height: 100%;
    cursor: pointer;
}

.vision-platform-introduction .bottom-content .info-content .text-content .text-wrapper {
    width: 700px;
    height: 100px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    overflow: hidden;
}

.vision-platform-introduction .bottom-content .info-content .text-content .text-wrapper .text-elem h3 {
    width: 100%;
    font-weight: 700;
    font-size: 26px;
    line-height: 31px;
    text-align: center;
    color: #000000;
    margin-bottom: 8px;
}

.vision-platform-introduction .bottom-content .info-content .text-content .text-wrapper .text-elem p {
    width: 100%;
    font-weight: 600;
    font-size: 19px;
    line-height: 22px;
    text-align: center;
    color: #000000;
}

.vision-platform-introduction .bottom-content .info-content .text-content .text-wrapper .text-elem {
    height: 83px; /* Ensure this matches the .text-wrapper height */
    flex-shrink: 0; /* Prevents the items from squishing */
    transition: 1s ease-in-out;
}

.vision-platform-introduction .bottom-content .info-content .img-content .elem {
    flex-shrink: 0; /* Prevents images from shrinking */
}

.products {
    width: 100%;
    height: max-content;
    /*min-height: 600vh;*/
    padding: 164px 160px 187px 160px;
    background-color: #EFEFEF;
    position: relative;
    z-index: 999;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 87px;
}

.slider-content.is-stuck {
    will-change: transform;
}

.products .info-content {
    width: max-content;
    display: flex;
    flex-direction: column;
    /*margin: auto;*/
}

.products .info-content h3 {
    font-weight: 600;
    font-size: 148px;
    line-height: 148px;
    text-align: center;
    color: #000000;
}

.products .info-content p {
    width: 420px;
    font-weight: 500;
    font-size: 18px;
    line-height: 21px;
    text-align: center;
    color: #000000;
    margin: auto;
    margin-top: 10px;
    margin-bottom: 20px;
}

.products .info-content div {
    width: max-content;
    display: flex;
    margin: auto;
    gap: 6px;
}

.products .info-content div span {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 21px;
    line-height: 25px;
}

.products .info-content div span:nth-child(1) {
    width: 65px;
    height: 31px;
    background: linear-gradient(90deg, #EB625A 0%, #E65E75 32.69%, #C74C8B 67.79%, #8648D3 100%);
    border-radius: 5px;
    font-weight: 600;
    font-size: 21px;
    line-height: 25px;
    text-align: center;
    color: #000000;
}

.products .info-content div span:nth-child(3) {
    width: 177px;
    height: 31px;
    background: #0F0FED;
    border-radius: 5px;
    font-weight: 600;
    font-size: 21px;
    line-height: 25px;
    color: #FFFFFF;
}

.products .slider-content {
    width: 100%;
    height: 891px;
    position: relative;
    /*position: sticky;*/
    /*top: 14px;*/
}

.slider-arrows {
    position: absolute;
    right: -103px;
    top: auto;
    bottom: auto;
    margin: auto;
    transform: translateY(-50%);
    z-index: 20;
    display: flex;
    flex-direction: column;
    gap: 20px;
    height: 891px;
}

.slider-arrow {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #0F0FEE;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    outline: none;
    border: none;
    transform: rotate(90deg);
    transition: background-color .1s linear, color .1s linear, opacity .1s linear;
    will-change: opacity;
}

.slider-arrow svg {
    fill: #ffffff;
}

.slider-arrow.swiper-button-disabled svg,
.slider-arrow:disabled svg {
    fill: #7272FF;
}

/*
.products .slider-content .master-slider {
    !*height: 891px;*!
    height: 800px;
    position: absolute;
    background: #ffffff00;
    z-index: 99999999;
    left: calc((-100vw + 1600px) / 2);
    top: 0;
    width: 100vw;
}*/

.products .slider-content .split-screen-section {
    width: 100%;
    display: flex;
    gap: 0;
    height: 100%; /* Occupies full screen */
    overflow: hidden;
}

.products .slider-content .split-screen-section .left-content,
.products .slider-content .split-screen-section .right-content {
    width: 50%;
    height: 100%;
    padding: 52px 94px 52px 94px;
    border-radius: 18px;
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.products .slider-content .split-screen-section .left-content {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.products .slider-content .split-screen-section .right-content {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

.products .slider-content .split-screen-section .swiper-elems {
    width: 490px;
    /*height: 660px;*/
    height: 600px;
    overflow: hidden;
    margin: auto;
}

/*.products .slider-content .split-screen-section .swiper-container:before {*/
/*    position: absolute;*/
/*    content: "";*/
/*    top: 0;*/
/*    left: 0;*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    z-index: 99;*/
/*}*/

.products .slider-content .split-screen-section .swiper-container .swiper-wrapper {
    width: 490px;
    height: 531px;
    margin: auto;
}

.products .slider-content .split-screen-section .left-content .top,
.products .slider-content .split-screen-section .right-content .top {
    display: flex;
    flex-direction: column;
    gap: 5px;
    margin: auto;
    justify-content: center;
}

.products .slider-content .split-screen-section .left-content .top {
    width: max-content;
}

.products .slider-content .split-screen-section .left-content .top h3 {
    font-weight: 600;
    font-size: 82px;
    line-height: 98px;
    background: linear-gradient(90deg, #FF5348 0%, #E24769 32.69%, #CD4982 67.79%, #8648D3 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    text-align: center;
}

.products .slider-content .split-screen-section .left-content .top p {
    font-style: normal;
    font-weight: 500;
    font-size: 21px;
    line-height: 25px;
    text-align: center;
    color: #282828;
}

.products .slider-content .split-screen-section .right-content .top {
    width: 100%;
}

.products .slider-content .split-screen-section .right-content .top h3 {
    width: 100%;
    font-weight: 600;
    font-size: 82px;
    line-height: 98px;
    text-align: center;
    color: #0F0FED;
}

.products .slider-content .split-screen-section .right-content .top p {
    width: max-content;
    font-weight: 500;
    font-size: 21px;
    line-height: 25px;
    text-align: center;
    color: #000000;
    margin: auto;
}

.products .slider-content .split-screen-section .left-content {
    background-color: #E4E2DF;
}

.products .slider-content .split-screen-section .right-content {
    background-color: #FFFFFF;
}

.products .slider-content .split-screen-section .swiper-container .swiper-slide {
    display: flex;
    flex-direction: column;
}

.products .slider-content .split-screen-section .swiper-container.left-slider .swiper-slide {
    width: 100%;
    height: 531px !important;
    max-height: 531px;
    border-radius: 18px;
    border: 2px solid #E0E0E0;
    background-color: #ffffff;
    padding: 17px 17px 30px 17px;
}

.products .slider-content .split-screen-section .swiper-container.left-slider .swiper-slide img {
    width: 100%;
    height: 271px;
    object-fit: contain;
}

.products .slider-content .split-screen-section .swiper-container.left-slider .swiper-slide .text-content {
    width: 423px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding-left: 0;
    margin-top: 40px;
    text-align: center;
    margin: auto;
}

.products .slider-content .split-screen-section .swiper-container.left-slider .swiper-slide .text-content h3 {
    font-weight: 600;
    font-size: 36px;
    line-height: 36px;
    color: #000000;
}

.products .slider-content .split-screen-section .swiper-container.left-slider .swiper-slide .text-content p {
    font-weight: 500;
    font-size: 18px;
    line-height: 21px;
    color: #000000;
    margin: auto;
}

.products .slider-content .split-screen-section .left-content .btn-link {
    width: 142px;
    height: 42px;
    background: linear-gradient(90deg, #FF5348 0%, #E24769 32.69%, #CD4982 67.79%, #8648D3 100%);
    border: 1px solid #CCCCCC;
    border-radius: 15px;
    margin: 0 auto;
    margin-top: auto;
    font-weight: 600;
    font-size: 18px;
    line-height: 21px;
    color: #000000;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}


.products .slider-content .split-screen-section .swiper-container.right-slider .swiper-slide {
    width: 100%;
    height: 531px !important;
    max-height: 531px;
    border-radius: 18px;
    border: 2px solid #D1D1D1;
    padding: 17px 17px 30px 17px;
}

.products .slider-content .split-screen-section .swiper-container.right-slider .swiper-slide img {
    width: 100%;
    height: 271px;
    object-fit: contain;
}

.products .slider-content .split-screen-section .swiper-container.right-slider .swiper-slide .text-content {
    width: 415px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding-left: 0;
    margin-top: 40px;
    text-align: center;
    margin: auto;
}

.products .slider-content .split-screen-section .swiper-container.right-slider .swiper-slide .text-content h3 {
    font-weight: 600;
    font-size: 36px;
    line-height: 36px;
    color: #000000;
}

.products .slider-content .split-screen-section .swiper-container.right-slider .swiper-slide .text-content p {
    width: 370px;
    font-weight: 500;
    font-size: 18px;
    line-height: 21px;
    color: #000000;
    margin: auto;
}

.products .slider-content .split-screen-section .right-content .btn-link {
    width: 244px;
    height: 42px;
    background: #0F0FED;
    border: 1px solid #CCCCCC;
    border-radius: 15px;
    margin: 0 auto;
    margin-top: auto;
    font-weight: 600;
    font-size: 18px;
    line-height: 21px;
    color: #ffffff;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}


.the-insurance {
    width: 100%;
    padding: 120px 137px 221px 137px;
    background-color: #ffffff;
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 47px;
}


.the-insurance .info-content {
    width: 100%;
    display: flex;
    flex-direction: column;
    margin: auto;
}

.the-insurance .info-content h3 {
    width: 802px;
    font-style: normal;
    font-weight: 600;
    font-size: 78px;
    line-height: 78px;
    text-align: center;
    color: #000000;
    margin: auto;
}

.the-insurance .info-content p {
    width: 818px;
    font-weight: 500;
    font-size: 18px;
    line-height: 21px;
    text-align: center;
    color: #000000;
    margin: auto;
    margin-top: 25px;
    margin-bottom: 20px;
}

.the-insurance .info-content div {
    width: max-content;
    display: flex;
    margin: auto;
    gap: 6px;
}

.the-insurance .info-content div span {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 21px;
    line-height: 25px;
}

.the-insurance .info-content div span:nth-child(1) {
    width: 65px;
    height: 31px;
    background: linear-gradient(90deg, #EB625A 0%, #E65E75 32.69%, #C74C8B 67.79%, #8648D3 100%);
    border-radius: 5px;
    font-weight: 600;
    font-size: 21px;
    line-height: 25px;
    text-align: center;
    color: #000000;
}

.the-insurance .info-content div span:nth-child(3) {
    width: 177px;
    height: 31px;
    background: #0F0FED;
    border-radius: 5px;
    font-weight: 600;
    font-size: 21px;
    line-height: 25px;
    color: #FFFFFF;
}

.cardSwiper {
    width: 100%;
    position: relative;
}

.card {
    position: relative;
    background-color: #000000;
    border-radius: 18px;
    padding: 57px 57px 52px 57px;
    height: 575px;
    display: flex;
    flex-direction: column;
    align-items: center;
    background-origin: border-box;
    background-clip: padding-box, border-box;
    border: 4px solid transparent;
    /*overflow: hidden;*/
}

.card:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 0;
    background-color: #ffffff;
    transition: all .7s ease-in-out;
    z-index: 0;
    bottom: 0;
    left: 0;
    border-radius: 12px;
}

.card:hover:before {
    height: 100%;
}

.card:nth-child(1):hover {
    background-image: linear-gradient(#000000, #000000),
    linear-gradient(to bottom, #a5bafc 0%, #DCE3FF 38%, #B4AEFF 72%, #7A5BFF 100%);
}

.card:hover h3,
.card:hover p {
    color: #000000;
}

.card:nth-child(2):hover {
    background-image: linear-gradient(#000000, #000000),
    linear-gradient(to bottom, #F08CFF 0%, #E56DEB 28%, #FF7F8B 65%, #FFA42E 100%);
}

.card:nth-child(3):hover {
    background-image: linear-gradient(#000000, #000000),
    linear-gradient(to bottom, #45DEFF 0%, #4AE3DD 32%, #5AE3B3 68%, #B2F47A 100%);
}

.card h3 {
    font-weight: 600;
    font-size: 36px;
    line-height: 36px;
    text-align: center;
    color: #FFFFFF;
    margin-bottom: 15px;
    position: relative;
    z-index: 999;
    transition: all 1s ease-in-out;
}

.card p {
    font-weight: 500;
    font-size: 18px;
    line-height: 21px;
    text-align: center;
    color: #FFFFFF;
    padding: 0 8px;
    position: relative;
    z-index: 999;
    transition: all 1s ease-in-out;
}

.card img {
    width: 87px;
    height: 87px;
    object-fit: contain;
    display: flex;
    margin-top: auto;
    position: relative;
    z-index: 99999;
}

.card:hover img {
    animation: floatY 2s ease-in-out forwards;
}

@keyframes floatY {
    0% {
        transform: translateY(0);
    }
    25% {
        transform: translateY(-10px); /* up */
    }
    50% {
        transform: translateY(0); /* back */
    }
    75% {
        transform: translateY(-10px); /* up */
    }
    100% {
        transform: translateY(0); /* back */
    }
}

.one-system {
    width: 100%;
    height: max-content;
    padding: 56px 137px 40px 137px;
    background-color: #F1F0EE;
    position: relative;
    z-index: 99;
}

.one-system.for__home {
    background-color: #FAF9F6;
}

.one-system .content {
    width: 100%;
    height: max-content;
    padding: 61px 0;
    border-top: 1px solid #D9D9D9;
    border-bottom: 1px solid #D9D9D9;
    display: flex;
    justify-content: center;
}

.one-system .content .info-elems {
    width: 945px;
    height: max-content;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 24px;
}

.one-system .content .info-elems h3 {
    font-weight: 400;
    font-size: 64px;
    line-height: 64px;
    text-align: center;
    color: #000000;
}

.one-system .content .info-elems p {
    width: 420px;
    font-weight: 500;
    font-size: 18px;
    line-height: 21px;
    color: #000000;
    margin: auto;
    text-align: center;
}

.one-system .content .info-elems div {
    width: max-content;
    display: flex;
    margin: auto;
    gap: 8px;
}

.one-system .content .info-elems div span {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 21px;
    line-height: 25px;
}

.one-system .content .info-elems div span:nth-child(1) {
    width: 65px;
    height: 31px;
    background: linear-gradient(90deg, #EB625A 0%, #E65E75 32.69%, #C74C8B 67.79%, #8648D3 100%);
    border-radius: 5px;
    font-weight: 600;
    font-size: 21px;
    line-height: 25px;
    text-align: center;
    color: #000000;
}

.one-system .content .info-elems div span:nth-child(3) {
    width: 177px;
    height: 31px;
    background: #0F0FED;
    border-radius: 5px;
    font-weight: 600;
    font-size: 21px;
    line-height: 25px;
    color: #FFFFFF;
}

.one-system .content .info-elems div span:nth-child(5) {
    width: 294px;
    height: 31px;
    background: #AFAFAF;
    border-radius: 5px;
    font-weight: 600;
    font-size: 21px;
    line-height: 25px;
    color: #000000;
}

.one-system .content .info-elems .btn-ask-lara {
    width: 177px;
    height: 54px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 18px;
    border: 2px solid transparent;
    background-image: linear-gradient(#E2E2E2, #E2E2E2), /* Internal background color */ linear-gradient(90deg, #FF5348 0%, #6938B8 26%, #8648D3 51%, #CD4982 94%); /* Border gradient updated */
    background-origin: border-box;
    background-clip: padding-box, border-box;
    margin: auto;
    cursor: pointer;
    transition: .3s ease-in-out;
}

.one-system .content .info-elems .btn-ask-lara svg {
    width: 90px;
}

.one-system .content .info-elems .btn-ask-lara:hover {
    border: 5px solid transparent;
}

footer {
    width: 100%;
    padding: 100px 140px 87px 140px;
    background-color: #E4E2DF;
    position: relative;
    z-index: 99;
    display: flex;
    flex-direction: column;
}

footer .top-content {
    width: 100%;
    display: flex;
    gap: 120px;/*170px;*/
}

footer .top-content p {
    width: 430px;
    font-weight: 500;
    font-size: 18px;
    line-height: 21px;
    color: #565656;
}

footer .top-content ul:nth-child(2) {
    /*margin-left: auto;*/
}

footer .top-content ul {
    list-style: none;
    width: max-content;
    display: flex;
    flex-direction: column;
    gap: 25px;
}

footer .top-content ul li span {
    font-weight: 600;
    font-size: 18px;
    line-height: 21px;
    color: #565656;
}

footer .top-content ul li a {
    font-weight: 500;
    font-size: 18px;
    line-height: 21px;
    color: #212121;
    text-decoration: none;
}

footer .middle-content {
    width: 100%;
    margin-top: 171px;
    margin-bottom: 75px;
}

footer .middle-content svg {
    width: 100%;
    height: 292px;
}

/*footer .middle-content svg path.bigBlue {*/
/*    animation: logoBigBlueAnimation 2s forwards;*/
/*    animation-delay: 5s;*/
/*}*/

/*footer .middle-content svg path.smallBlue {*/
/*    animation: logoSmallBlueAnimation 2s forwards;*/
/*    animation-delay: 5s;*/
/*}*/

.bigBlue {
    /*transform-origin: center; !* Ensures scaling happens from the middle *!*/
    transition: transform 1s ease;
}

.smallBlue {
    transform-origin: center;
    transition: transform 1s ease;
}

footer .middle-content svg.animation path.bigBlue {
    animation: logoBigBlueAnimation 2.5s ease-in-out forwards;
    animation-delay: .5s;
}

footer .middle-content svg.animation path.smallBlue {
    animation: logoSmallBlueAnimation 2.5s ease-in-out forwards;
    animation-delay: .5s;
}

@keyframes logoBigBlueAnimation {
    0% {
        transform: translateX(0) scale(1);
    }
    15% {
        transform: translateX(130px) scale(1.046);
    }
    30% {
        transform: translateX(50px) scale(1.026);
    }
    45% {
        transform: translateX(100px) scale(1.036);
    }
    65% {
        transform: translateX(70px) scale(1.026);
    }
    85% {
        transform: translateX(84px) scale(1.04);
    }
    100% {
        transform: translateX(74px) scale(1.046);
    }
}

@keyframes logoSmallBlueAnimation {
    0% {
        transform: translate(0) scaleY(1);
    }
    15% {
        transform: translate(-1px, 20px) scaleY(2.4);
    }
    30% {
        transform: translate(-2px, 20px) scaleY(2);
    }
    45% {
        transform: translate(-3px, 26px) scaleY(2.36);
    }
    65% {
        transform: translate(-4px, 20px) scaleY(2.1);
    }
    85% {
        transform: translate(-4px, 24px) scaleY(2.38);
    }
    100% {
        transform: translate(-4px, 26px) scaleY(2.36);
    }
}

/*@keyframes logoBigBlueAnimation {*/
/*    0%{transform: translateX(0) scale(1)},*/
/*    10%{transform: translateX(0) scale(1)},*/
/*    20%{transform: translateX(0) scale(1)},*/
/*    30%{transform: translateX(0) scale(1)},*/
/*    40%{transform: translateX(0) scale(1)},*/
/*    50%{transform: translateX(0) scale(1)},*/
/*    60%{transform: translateX(0) scale(1)},*/
/*    70%{transform: translateX(0) scale(1)},*/
/*    80%{transform: translateX(0) scale(1)},*/
/*    90%{transform: translateX(0) scale(1)},*/
/*    100%{transform: translateX(100px) scale(1.046)},*/
/*}*/

/*@keyframes logoSmallBlueAnimation {*/
/*    0%{transform: translateY(0) scaleY(1)},*/
/*    10%{transform: translateY(0) scaleY(1)},*/
/*    20%{transform: translateY(0) scaleY(1)},*/
/*    30%{transform: translateY(0) scaleY(1)},*/
/*    40%{transform: translateY(0) scaleY(1)},*/
/*    50%{transform: translateY(0) scaleY(1)},*/
/*    60%{transform: translateY(0) scaleY(1)},*/
/*    70%{transform: translateY(0) scaleY(1)},*/
/*    80%{transform: translateY(0) scaleY(1)},*/
/*    90%{transform: translateY(0) scaleY(1)},*/
/*    100%{transform: translateY(-171px) scaleY(2.36)},*/
/*}*/

footer .bottom-content {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

footer .bottom-content p,
footer .bottom-content a {
    text-decoration: none;
    font-weight: 500;
    font-size: 18px;
    line-height: 21px;
    color: #212121;
}

.menu-icon {
    cursor: pointer;
}

.line {
    fill: black;
    transition: all 0.4s ease;
    transform-origin: center;
}

/* ACTIVE STATE */
.menu-icon.active .top {
    transform: translateY(8px) rotate(45deg);
}

.menu-icon.active .middle {
    opacity: 0;
}

.menu-icon.active .bottom {
    transform: translateY(-8px) rotate(-45deg);
}

.header-modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 0;
    background-color: white;
    z-index: 99999;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    transition: .6s ease-in-out;
    overflow: hidden;
}

.header-modal.active {
    height: 100dvh;
}

.header-modal .top {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 20px;
    text-align: center;
    padding-top: 130px;
}

.header-modal .top a {
    font-size: 110px; /*130px;*/
    line-height: 120px; /*144px;*/
    font-weight: 600;
    text-decoration: none;
    color: #737271;
    transition: .3s ease-in-out;
}

.header-modal .top a.active, .header-modal .top a:hover {
    color: #020202;
}

.header-modal .bottom {
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding: 0 60px 20px 60px;
}

.header-modal .bottom a,
.header-modal .bottom p {
    width: max-content;
    font-size: 18px;
    line-height: 21px;
    font-weight: 500;
    text-decoration: none;
    color: #020202;
}

.header-modal .bottom a:nth-child(3) {
    width: 195px;
    text-align: right;
}

/* NEWS LIST */
.recent-news {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 60px;
    background-color: #FAF9F6;
    padding: 201px 107px 64px 107px;
    height: max-content;
}

.recent-news .info-content {
    width: 100%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    text-align: center;
}

.recent-news .info-content h3 {
    width: max-content;
    font-style: normal;
    font-weight: 600;
    font-size: 112px;
    line-height: 134px;
    text-align: center;
    background: linear-gradient(90deg, #FF5348 0%, #E24769 32.69%, #CD4982 67.79%, #8648D3 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    margin: auto;
}

.recent-news .info-content p {
    width: 445px;
    font-size: 18px;
    line-height: 21px;
    text-align: center;
    color: #000000;
    margin: auto;
}

.recent-news .content {
    width: 100%;
    height: max-content;
    padding: 60px 0 0;
    border-top: 1px solid #BFBFBF;
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.recent-news .content .news-card {
    width: 555px;
    height: 600px; /*785px;*/
    background: #FFFFFF;
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    padding: 13.5px 15px 30px 15px;
}

.recent-news .content .news-card div {
    width: 100%;
    height: 300px; /*486px;*/
    border-radius: 20px;
    overflow: hidden;
}

.recent-news .content .news-card div img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.recent-news .content .news-card .news-date {
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    color: #000000;
    margin: 22.5px 0 10px 0;
    padding-left: 24px;
}

.recent-news .content .news-card .news-name {
    font-style: normal;
    font-weight: 600;
    font-size: 26px;
    line-height: 26px;
    color: #000000;
    padding-right: 70px;
    padding-left: 24px;

    min-height: 52px;

    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.recent-news .content .news-card .news-desc {
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 21px;
    color: #424242;
    padding-right: 70px;
    padding-left: 24px;
    margin: 10px 0 16px 0;

    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
}

.recent-news .content .news-card .news-btn {
    width: 476px;
    height: 42px;
    border-radius: 15px;
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 21px;
    text-align: center;
    color: #000000;
    text-decoration: none;
    border: 1px solid transparent;
    background-image: linear-gradient(#ffffff, #ffffff), /* Internal background color */ linear-gradient(to right, #EB625A 0%, #E65E75 26%, #C74C8B 51%, #8648D3 94%);
    background-origin: border-box;
    background-clip: padding-box, border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: auto;
}

.recent-news .see-more {
    width: max-content;
    display: flex;
    gap: 10px;
    margin: auto;
    cursor: pointer;
}

.recent-news .see-more span {
    width: max-content;
    font-style: normal;
    font-weight: 700;
    font-size: 21px;
    line-height: 24px;
    background: linear-gradient(90deg, #FF5348 0%, #E24769 32.69%, #CD4982 67.79%, #8648D3 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}

.related-posts .see-more {
    width: max-content;
    display: flex;
    gap: 10px;
    margin: auto;
    cursor: pointer;
    text-decoration: none;
}

.related-posts .see-more span {
    width: max-content;
    font-style: normal;
    font-weight: 700;
    font-size: 21px;
    line-height: 24px;
    background: linear-gradient(90deg, #FF5348 0%, #E24769 32.69%, #CD4982 67.79%, #8648D3 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}


/* NEWS VIEW */
.news-view {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 60px;
    background-color: #FAF9F6;
    padding: 244px 310px 115px 310px;
    height: max-content;
}

.news-view .info-content {
    width: 100%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    gap: 20px;
    text-align: center;
}

.news-view .info-content span {
    width: 136PX;
    height: 31px;
    background: linear-gradient(90deg, #EB625A 0%, #E65E75 32.69%, #C74C8B 67.79%, #8648D3 100%);
    border-radius: 5px;
    font-weight: 600;
    font-size: 21px;
    line-height: 25px;
    text-align: center;
    margin: auto;
    color: #000000;
    padding: 3px 0;
}

.news-view .info-content h3 {
    width: 762px;
    font-style: normal;
    font-weight: 500;
    font-size: 56px;
    line-height: 56px;
    text-align: center;
    color: #000000;
    margin: auto;
}

.news-view .info-content p {
    width: max-content;
    text-align: center;
    color: #000000;
    margin: auto;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
}

.news-view .content {
    width: 100%;
    height: max-content;
    padding: 60px 0 0;
    border-top: 1px solid #BFBFBF;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.news-view .content .first-img {
    width: 1007px;
    height: 575px; /*932px;*/
    margin-bottom: 60px;
    border-radius: 20px;
    overflow: hidden;
}

.news-view .content .first-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.news-view .content .news-desc-content {
    width: 1007px;
    height: max-content;
    display: flex;
    flex-direction: column;
}

.news-view .content .news-desc-content img {
    width: 100%;
    height: max-content;
    object-fit: contain;
    margin-top: 40px;
    margin-bottom: 60px;
}

.news-view .content .news-desc-content p {
    width: 100%;
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 21px;
    color: #000000;
    margin-bottom: 20px;
}


/* RELATED POSTS */
.related-posts {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 60px;
    background-color: #FAF9F6;
    padding: 0 110px 109px 110px;
    height: max-content;
}

.related-posts.for__home {
    padding-bottom: 160px;
}

.related-posts.for__home .info-content h3 {
    width: max-content;
    font-style: normal;
    font-weight: 600;
    font-size: 98px;
    line-height: 117px;
    text-align: center;
    background: linear-gradient(90deg, #FF5348 0%, #E24769 32.69%, #CD4982 67.79%, #8648D3 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    margin: auto;
}

.related-posts.for__home .info-content p {
    width: 445px;
    font-size: 18px;
    line-height: 21px;
    text-align: center;
    color: #000000;
    margin: auto;
}

.related-posts.for__home .info-content {
    border-top: none;
    padding-top: 155px;
}

.related-posts .info-content {
    width: 100%;
    border-top: 1px solid #BFBFBF;
    display: flex;
    flex-direction: column;
    padding-top: 43px;
}

.related-posts .info-content h3 {
    font-style: normal;
    font-weight: 600;
    font-size: 64px;
    line-height: 76px;
    color: #000000;
}

.related-posts .related-posts-slider {
    width: 100%;
    position: relative;
}

.related-posts .related-posts-slider .swiper-slide {
    width: max-content;
}

.related-posts .related-posts-slider .news-card {
    width: 555px;
    height: 600px; /*785px;*/
    background: #FFFFFF;
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    padding: 13.5px 15px 30px 15px;
}

.related-posts .related-posts-slider .news-card div {
    width: 100%;
    height: 300px; /*486px;*/
    border-radius: 20px;
    overflow: hidden;
}

.related-posts .related-posts-slider .news-card img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.related-posts .related-posts-slider .news-card .news-date {
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    color: #000000;
    margin: 22.5px 0 10px 0;
    padding-left: 24px;
}

.related-posts .related-posts-slider .news-card .news-name {
    font-style: normal;
    font-weight: 600;
    font-size: 26px;
    line-height: 26px;
    color: #000000;
    padding-right: 70px;
    padding-left: 24px;

    min-height: 52px;

    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.related-posts .related-posts-slider .news-card .news-desc {
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 21px;
    color: #424242;
    padding-right: 70px;
    padding-left: 24px;
    margin: 10px 0 16px 0;

    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
}

.related-posts .related-posts-slider .news-card .news-btn {
    width: 476px;
    height: 42px;
    border-radius: 15px;
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 21px;
    text-align: center;
    color: #000000;
    text-decoration: none;
    border: 1px solid transparent;
    background-image: linear-gradient(#ffffff, #ffffff), /* Internal background color */ linear-gradient(to right, #EB625A 0%, #E65E75 26%, #C74C8B 51%, #8648D3 94%);
    background-origin: border-box;
    background-clip: padding-box, border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: auto;
}

/* INFO PAGES */
.info-container {
    width: 100%;
    display: flex;
    flex-direction: column;
    background-color: #FAF9F6;
    /*padding: 160px 200px;*/
    padding: 200px 300px 100px;
    gap: 15px;
    height: max-content;
}


.info-container a {
    font-size: 13px;
}


.info-container h3 {
    font-size: 82px;
    margin: inherit;
    min-height: max-content;
}

.info-container ul {
    padding-left: 20px;
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.fc-elems {
    width: max-content;
    display: flex;
    gap: 50px; /*20px;*/
    margin-left: auto;
}

@media (min-width: 2000px) {

    header {
        width: 100vw;
        height: max-content;
        position: fixed;
        background-color: transparent;
        display: flex;
        justify-content: space-between;
        align-items: center;
        top: 2.8000vw;
        left: 0;
        padding: 0 3.0000vw;
        z-index: 999999;
    }

    header .logo a {
        display: flex;
    }

    header .menu-burger {
        display: flex;
        cursor: pointer;
    }

    .redifining {
        width: 100%;
        height: max-content;
        background-image: url('images/bg1.png');
        background-repeat: no-repeat;
        background-size: cover;
        /*background: linear-gradient(*/
        /*        180deg,*/
        /*        rgba(255,255,255,1) 30%,*/
        /*        rgba(226,71,105,1) 70%,*/
        /*        rgba(134,72,211,1) 100%*/
        /*);*/
        padding: 15.3500vw 8.7000vw 4.9500vw 8.7000vw;
        animation: bgAnim 12s ease-in-out infinite;
        animation-delay: 3s;
    }

    @keyframes bgAnim {
        0% {
            background-image: url('images/bg1.png');
        }
        25% {
            background-image: url('images/bg2.png');
        }
        50% {
            background-image: url('images/bg3.png');
        }
        75% {
            background-image: url('images/bg4.png');
        }
        100% {
            background-image: url('images/bg5.png');
        }
    }

    .redifining .info-elems {
        width: 100%;
        height: max-content;
        display: flex;
        flex-direction: column;
        gap: 10.0000vw;
    }

    .redifining .info-elems .top {
        width: 100%;
        display: flex;
        flex-direction: column;
        gap: 1.9500vw;
    }

    .redifining .info-elems .top h3 {
        font-weight: 600;
        font-size: 6.4000vw;
        line-height: 5.6500vw;
        text-align: center;
        color: #ffffff;
    }

    .redifining .info-elems .top h3.animate-color {
        animation: changeColor 2s forwards;
    }

    @keyframes changeColor {
        0% {
            color: #ffffff;
        }
        100% {
            color: #000000;
        }
    }


    .redifining .info-elems .top p {
        width: 32.9000vw;
        margin: auto;
        font-weight: 500;
        font-size: 1.0500vw;
        line-height: 1.2500vw;
        text-align: center;
        color: #000000;
    }

    .redifining .info-elems .bottom {
        display: flex;
        flex-direction: column;
        gap: 0.3000vw;
    }

    .redifining .info-elems .bottom span {
        /*width: 7.2000vw;*/
        width: 8.8500vw;
        height: 2.7000vw;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border-radius: 0.9000vw;
        border: 0.1000vw solid transparent;
        background-image: linear-gradient(#E5D9EB, #E5D9EB), /* Internal background color */ linear-gradient(to right, #EB625A 0%, #E65E75 26%, #C74C8B 51%, #8648D3 94%); /* Border gradient */
        background-origin: border-box;
        background-clip: padding-box, border-box;
        margin: auto;
        cursor: pointer;
        transition: .3s ease-in-out;
    }

    .redifining .info-elems .bottom span:hover {
        border: 0.2500vw solid transparent;
    }

    .redifining .info-elems .bottom span svg {
        width: 4.5000vw;
        height: 25px;
    }

    .redifining .info-elems .bottom p {
        font-weight: 500;
        font-size: 0.9000vw;
        line-height: 1.0500vw;
        text-align: center;
        color: #FFFFFF;
    }

    .introducing {
        width: 100%;
        height: max-content;
        padding: 8.8500vw 6.7500vw 11.0000vw 6.7500vw;
        background-color: #EFEFEF;
        display: flex;
        flex-direction: column;
        align-items: center;
        margin: auto;
        gap: 3.2000vw;
    }

    .introducing .info-content {
        max-width: 56.1500vw;
        width: 100%;
        height: max-content;
        display: flex;
        flex-direction: column;
        gap: 1.0500vw;
    }

    .introducing .info-content h2 {
        font-weight: 600;
        font-size: 7.4000vw;
        line-height: 8.8500vw;
        text-align: center;
        color: #C9C9C9;
        overflow: hidden;
    }

    .introducing .info-content h2 span {
        position: relative;
        overflow: hidden;
        vertical-align: bottom;
        background: linear-gradient(
                to right,
                #FF5348 0%,
                #E24769 33%,
                #CD4982 68%,
                #8648D3 100%
        );
        -webkit-background-clip: text;
        background-clip: text;
        color: transparent;
        display: inline-block;
    }

    .introducing .info-content h2 span.box.show {
        animation: revealUp 2s cubic-bezier(0.25, 1, 0.5, 1) forwards;
    }

    @keyframes revealUp {
        0% {
            transform: translateY(300%);
        }
        100% {
            transform: translateY(0%);
        }
    }

    .introducing .info-content p {
        width: 21.0000vw;
        font-weight: 500;
        font-size: 0.9000vw;
        line-height: 1.0500vw;
        text-align: center;
        color: #000000;
        margin: auto;
        opacity: 0;
    }

    .introducing .card-content {
        width: 100%;
        background: #FFFFFF;
        border: 0.0500vw solid #D6D6D6;
        border-radius: 0.9000vw;
        display: flex;
        gap: 3.3500vw;
        padding: 2.3000vw 0 2.3000vw 3.0000vw;
        overflow: hidden;
    }

    .introducing .card-content .left-content {
        width: max-content;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        padding: 2.6500vw 0;
        gap: 12.3000vw;
    }

    .introducing .card-content .left-content .top {
        width: max-content;
        display: flex;
        flex-direction: column;
        gap: 0.9000vw;
    }

    .introducing .card-content .left-content .top h3 {
        width: 18.0000vw;
        font-weight: 600;
        font-size: 1.8000vw;
        line-height: 1.8000vw;
    }

    .introducing .card-content .left-content .top h3 span {
        /*background: linear-gradient(90deg, #FF5348 0%, #E24769 32.69%, #CD4982 67.79%, #8648D3 100%);*/
        /*-webkit-background-clip: text;*/
        /*-webkit-text-fill-color: transparent;*/
        /*background-clip: text;*/
        /*text-fill-color: transparent;*/
        color: rgba(235, 98, 90, 1);
    }

    .introducing .card-content .left-content .top p {
        width: 30.5500vw;
        font-weight: 500;
        font-size: 1.0500vw;
        line-height: 1.2500vw;
        color: #000000;
    }

    .introducing .card-content .left-content .bottom {
        width: max-content;
        display: flex;
        gap: 1.8000vw;
    }

    .introducing .card-content .left-content .bottom .elem {
        width: max-content;
        display: flex;
        flex-direction: column;
        gap: 0.7500vw;
    }

    .introducing .card-content .left-content .bottom .elem svg {
        width: 2.0000vw;
        height: 2.0000vw;
    }

    .introducing .card-content .left-content .bottom .elem:first-child p {
        width: 17.2500vw;
    }

    .introducing .card-content .left-content .bottom .elem p {
        width: 18.0000vw;
        font-weight: 500;
        font-size: 0.9000vw;
        line-height: 1.0500vw;
        color: #000000;
    }

    .introducing .card-content .right-content {
        width: 39.1000vw;
        height: 32.8500vw;
    }

    .introducing .card-content .right-content img {
        width: 41.1000vw;
        height: 100%;
    }

    .introducing .card-content .right-content img.show {
        animation: slideInLeft 3s cubic-bezier(0.25, 1, 0.5, 1) forwards;
    }

    @keyframes slideInLeft {
        0% {
            transform: translateX(100%);
        }
        60% {
            transform: translateX(-1.5000vw);
        }
        100% {
            transform: translateX(0.0000vw);
        }
    }

    .vision-platform-introduction {
        width: 100%;
        display: flex;
        flex-direction: column;
        gap: 1.5000vw;
        background-color: white;
        padding: 3.8500vw 11.2000vw 4.8500vw 11.2000vw;
        height: max-content;
    }

    .vision-platform-introduction .top-content {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .vision-platform-introduction .top-content h3 {
        font-weight: 600;
        font-size: 5.6000vw;
        line-height: 6.7000vw;
        text-align: center;
        color: #000000;
    }

    .vision-platform-introduction .top-content p {
        width: 19.2500vw;
        font-weight: 500;
        font-size: 0.9000vw;
        line-height: 1.0500vw;
        text-align: center;
        color: #000000;
    }

    .vision-platform-introduction .bottom-content {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 3.0000vw;
    }

    .vision-platform-introduction .bottom-content .btn-elems {
        width: max-content;
        display: flex;
        align-items: center;
        height: 2.6500vw;
        background: #FAFAFA;
        border-radius: 0.5000vw;
        gap: 0.5000vw;
        padding: 0.2500vw 0.3000vw;
        position: relative;
    }

    .vision-platform-introduction .bottom-content .btn-elems div {
        width: max-content;
        height: 100%;
        font-weight: 500;
        font-size: 1.0500vw;
        line-height: 1.2500vw;
        text-align: center;
        color: #676767;
        border-radius: 0.5000vw;
        cursor: pointer;
        transition: .2s ease-in-out;
    }

    .vision-platform-introduction .bottom-content .btn-elems div span {
        width: 100%;
        height: 100%;
        padding: 0 0.8500vw;
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: center;
        transition: 1.5s ease-in-out;
    }

    .vision-platform-introduction .bottom-content .btn-elems div.active {
        background: #E4E2DF;
    }

    .vision-platform-introduction .bottom-content .btn-elems div.active span {
        background: linear-gradient(90deg, #EB625A 0%, #E65E75 32.69%, #C74C8B 67.79%, #8648D3 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
        text-fill-color: transparent;
    }

    .vision-platform-introduction .bottom-content .info-content {
        background: #E4E2DF;
        border-radius: 1.0000vw;
        padding: 0.4000vw 0.4000vw 0.8500vw 0.4000vw;
        width: 100%;
        display: flex;
        flex-direction: column;
        gap: 1.5000vw;
    }

    .vision-platform-introduction .bottom-content .info-content .img-content {
        width: 100%;
        height: 34.2000vw;
        display: flex;
        flex-direction: column;
        gap: 1.0000vw;
        overflow: hidden;
        border-radius: 1.0000vw;
    }

    .vision-platform-introduction .bottom-content .info-content .img-content .elem {
        width: 100%;
        height: 100%;
        transition: transform 1.5s cubic-bezier(0.68, 1, 0.27, 1.1);
        will-change: transform;
    }

    .vision-platform-introduction .bottom-content .info-content .img-content .elem img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .vision-platform-introduction .bottom-content .info-content .text-content {
        width: 100%;
        height: max-content;
        position: relative;
        display: flex;
        justify-content: center;
    }

    .vision-platform-introduction .bottom-content .info-content .text-content .arrow-elem {
        width: 1.1500vw;
        height: 1.2500vw;
        position: absolute;
        right: 1.8000vw;
        bottom: 0.7000vw;
    }

    .vision-platform-introduction .bottom-content .info-content .text-content .arrow-elem svg {
        width: 100%;
        height: 100%;
        cursor: pointer;
    }

    .vision-platform-introduction .bottom-content .info-content .text-content .text-wrapper {
        width: 35.0000vw;
        height: 5.0000vw;
        display: flex;
        flex-direction: column;
        gap: 1.0000vw;
        overflow: hidden;
    }

    .vision-platform-introduction .bottom-content .info-content .text-content .text-wrapper .text-elem h3 {
        width: 100%;
        font-weight: 700;
        font-size: 1.3000vw;
        line-height: 1.5500vw;
        text-align: center;
        color: #000000;
        margin-bottom: 0.4000vw;
    }

    .vision-platform-introduction .bottom-content .info-content .text-content .text-wrapper .text-elem p {
        width: 100%;
        font-weight: 600;
        font-size: 0.9500vw;
        line-height: 1.1000vw;
        text-align: center;
        color: #000000;
    }

    .vision-platform-introduction .bottom-content .info-content .text-content .text-wrapper .text-elem {
        height: 4.1500vw; /* Ensure this matches the .text-wrapper height */
        flex-shrink: 0; /* Prevents the items from squishing */
        transition: 1s ease-in-out;
    }

    .vision-platform-introduction .bottom-content .info-content .img-content .elem {
        flex-shrink: 0; /* Prevents images from shrinking */
    }

    .products {
        width: 100%;
        height: max-content;
        /*min-height: 600vh;*/
        padding: 8.2000vw 8.0000vw 9.3500vw 8.0000vw;
        background-color: #EFEFEF;
        position: relative;
        z-index: 999;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 4.3500vw;
    }

    .slider-content.is-stuck {
        will-change: transform;
    }

    .products .info-content {
        width: max-content;
        display: flex;
        flex-direction: column;
        /*margin: auto;*/
    }

    .products .info-content h3 {
        font-weight: 600;
        font-size: 7.4000vw;
        line-height: 7.4000vw;
        text-align: center;
        color: #000000;
    }

    .products .info-content p {
        width: 21.0000vw;
        font-weight: 500;
        font-size: 0.9000vw;
        line-height: 1.0500vw;
        text-align: center;
        color: #000000;
        margin: auto;
        margin-top: 0.5000vw;
        margin-bottom: 1.0000vw;
    }

    .products .info-content div {
        width: max-content;
        display: flex;
        margin: auto;
        gap: 0.3000vw;
    }

    .products .info-content div span {
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 1.0500vw;
        line-height: 1.2500vw;
    }

    .products .info-content div span:nth-child(1) {
        width: 3.2500vw;
        height: 1.5500vw;
        background: linear-gradient(90deg, #EB625A 0%, #E65E75 32.69%, #C74C8B 67.79%, #8648D3 100%);
        border-radius: 0.2500vw;
        font-weight: 600;
        font-size: 1.0500vw;
        line-height: 1.2500vw;
        text-align: center;
        color: #000000;
    }

    .products .info-content div span:nth-child(3) {
        width: 8.8500vw;
        height: 1.5500vw;
        background: #0F0FED;
        border-radius: 0.2500vw;
        font-weight: 600;
        font-size: 1.0500vw;
        line-height: 1.2500vw;
        color: #FFFFFF;
    }

    .products .slider-content {
        width: 100%;
        height: 44.5500vw;
        /*position: sticky;*/
        /*top: 0.7000vw;*/
    }

    .slider-arrows {
        right: -5.15vw;
        gap: 1vw;
        height: 44.5500vw;
    }

    .slider-arrow {
        width: 2vw;
        height: 2vw;
    }

    /*.products .slider-content .master-slider {*/
    /*    !*height: 44.5500vw;*!*/
    /*    height: 40.0000vw;*/
    /*    position: absolute;*/
    /*    background: #ffffff00;*/
    /*    z-index: 99999999;*/
    /*    left: calc((-100vw + 80.0000vw) / 2);*/
    /*    top: 0;*/
    /*    width: 100vw;*/
    /*}*/
    .products .slider-content .split-screen-section {
        width: 100%;
        display: flex;
        gap: 0;
        height: 100%; /* Occupies full screen */
        overflow: hidden;
    }

    .products .slider-content .split-screen-section .left-content,
    .products .slider-content .split-screen-section .right-content {
        width: 50%;
        height: 100%;
        padding: 2.6000vw 4.7000vw 2.6000vw 4.7000vw;
        border-radius: 0.9000vw;
        display: flex;
        flex-direction: column;
        gap: 1.5000vw;
    }

    .products .slider-content .split-screen-section .left-content {
        border-top-right-radius: 0 !important;
        border-bottom-right-radius: 0 !important;
    }

    .products .slider-content .split-screen-section .right-content {
        border-top-left-radius: 0 !important;
        border-bottom-left-radius: 0 !important;
    }

    .products .slider-content .split-screen-section .swiper-elems {
        width: 24.5000vw;
        /*height: 33.0000vw;*/
        height: 30.0000vw;
        overflow: hidden;
        margin: auto;
    }

    /*.products .slider-content .split-screen-section .swiper-container:before {*/
    /*    position: absolute;*/
    /*    content: "";*/
    /*    top: 0;*/
    /*    left: 0;*/
    /*    width: 100%;*/
    /*    height: 100%;*/
    /*    z-index: 99;*/
    /*}*/
    .products .slider-content .split-screen-section .swiper-container .swiper-wrapper {
        width: 24.5000vw;
        height: 26.5500vw;
        margin: auto;
    }

    .products .slider-content .split-screen-section .left-content .top,
    .products .slider-content .split-screen-section .right-content .top {
        display: flex;
        flex-direction: column;
        gap: 0.2500vw;
        margin: auto;
        justify-content: center;
    }

    .products .slider-content .split-screen-section .left-content .top {
        width: max-content;
    }

    .products .slider-content .split-screen-section .left-content .top h3 {
        font-weight: 600;
        font-size: 4.1000vw;
        line-height: 4.9000vw;
        background: linear-gradient(90deg, #FF5348 0%, #E24769 32.69%, #CD4982 67.79%, #8648D3 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
        text-fill-color: transparent;
        text-align: center;
    }

    .products .slider-content .split-screen-section .left-content .top p {
        font-style: normal;
        font-weight: 500;
        font-size: 1.0500vw;
        line-height: 1.2500vw;
        text-align: center;
        color: #282828;
    }

    .products .slider-content .split-screen-section .right-content .top {
        width: 100%;
    }

    .products .slider-content .split-screen-section .right-content .top h3 {
        width: 100%;
        font-weight: 600;
        font-size: 4.1000vw;
        line-height: 4.9000vw;
        text-align: center;
        color: #0F0FED;
    }

    .products .slider-content .split-screen-section .right-content .top p {
        width: max-content;
        font-weight: 500;
        font-size: 1.0500vw;
        line-height: 1.2500vw;
        text-align: center;
        color: #000000;
        margin: auto;
    }

    .products .slider-content .split-screen-section .left-content {
        background-color: #E4E2DF;
    }

    .products .slider-content .split-screen-section .right-content {
        background-color: #FFFFFF;
    }

    .products .slider-content .split-screen-section .swiper-container .swiper-slide {
        display: flex;
        flex-direction: column;
    }

    .products .slider-content .split-screen-section .swiper-container.left-slider .swiper-slide {
        width: 100%;
        height: 26.5500vw !important;
        max-height: 26.5500vw;
        border-radius: 0.9000vw;
        border: 0.1000vw solid #E0E0E0;
        background-color: #ffffff;
        padding: 0.8500vw 0.8500vw 1.5000vw 0.8500vw;
    }

    .products .slider-content .split-screen-section .swiper-container.left-slider .swiper-slide img {
        width: 100%;
        height: 13.5500vw;
        object-fit: contain;
    }

    .products .slider-content .split-screen-section .swiper-container.left-slider .swiper-slide .text-content {
        width: 21.1500vw;
        display: flex;
        flex-direction: column;
        gap: 0.5000vw;
        padding-left: 0;
        margin-top: 2.0000vw;
        text-align: center;
        margin: auto;
    }

    .products .slider-content .split-screen-section .swiper-container.left-slider .swiper-slide .text-content h3 {
        font-weight: 600;
        font-size: 1.8000vw;
        line-height: 1.8000vw;
        color: #000000;
    }

    .products .slider-content .split-screen-section .swiper-container.left-slider .swiper-slide .text-content p {
        font-weight: 500;
        font-size: 0.9000vw;
        line-height: 1.0500vw;
        color: #000000;
        margin: auto;
    }

    .products .slider-content .split-screen-section .left-content .btn-link {
        width: 7.1000vw;
        height: 2.1000vw;
        background: linear-gradient(90deg, #FF5348 0%, #E24769 32.69%, #CD4982 67.79%, #8648D3 100%);
        border: 0.0500vw solid #CCCCCC;
        border-radius: 0.7500vw;
        margin: 0 auto;
        margin-top: auto;
        font-weight: 600;
        font-size: 0.9000vw;
        line-height: 1.0500vw;
        color: #000000;
        display: flex;
        justify-content: center;
        align-items: center;
        cursor: pointer;
    }


    .products .slider-content .split-screen-section .swiper-container.right-slider .swiper-slide {
        width: 100%;
        height: 26.5500vw !important;
        max-height: 26.5500vw;
        border-radius: 0.9000vw;
        border: 0.1000vw solid #D1D1D1;
        padding: 0.8500vw 0.8500vw 1.5000vw 0.8500vw;
    }

    .products .slider-content .split-screen-section .swiper-container.right-slider .swiper-slide img {
        width: 100%;
        height: 13.5500vw;
        object-fit: contain;
    }

    .products .slider-content .split-screen-section .swiper-container.right-slider .swiper-slide .text-content {
        width: 20.7500vw;
        display: flex;
        flex-direction: column;
        gap: 0.5000vw;
        padding-left: 0;
        margin-top: 2.0000vw;
        text-align: center;
        margin: auto;
    }

    .products .slider-content .split-screen-section .swiper-container.right-slider .swiper-slide .text-content h3 {
        font-weight: 600;
        font-size: 1.8000vw;
        line-height: 1.8000vw;
        color: #000000;
    }

    .products .slider-content .split-screen-section .swiper-container.right-slider .swiper-slide .text-content p {
        width: 18.5000vw;
        font-weight: 500;
        font-size: 0.9000vw;
        line-height: 1.0500vw;
        color: #000000;
        margin: auto;
    }

    .products .slider-content .split-screen-section .right-content .btn-link {
        width: 12.2000vw;
        height: 2.1000vw;
        background: #0F0FED;
        border: 0.0500vw solid #CCCCCC;
        border-radius: 0.7500vw;
        margin: 0 auto;
        margin-top: auto;
        font-weight: 600;
        font-size: 0.9000vw;
        line-height: 1.0500vw;
        color: #ffffff;
        display: flex;
        justify-content: center;
        align-items: center;
        cursor: pointer;
    }


    .the-insurance {
        width: 100%;
        padding: 6.0000vw 6.8500vw 11.0500vw 6.8500vw;
        background-color: #ffffff;
        position: relative;
        display: flex;
        flex-direction: column;
        gap: 2.3500vw;
    }


    .the-insurance .info-content {
        width: 100%;
        display: flex;
        flex-direction: column;
        margin: auto;
    }

    .the-insurance .info-content h3 {
        width: 40.1000vw;
        font-style: normal;
        font-weight: 600;
        font-size: 3.9000vw;
        line-height: 3.9000vw;
        text-align: center;
        color: #000000;
        margin: auto;
    }

    .the-insurance .info-content p {
        width: 40.9000vw;
        font-weight: 500;
        font-size: 0.9000vw;
        line-height: 1.0500vw;
        text-align: center;
        color: #000000;
        margin: auto;
        margin-top: 1.2500vw;
        margin-bottom: 1.0000vw;
    }

    .the-insurance .info-content div {
        width: max-content;
        display: flex;
        margin: auto;
        gap: 0.3000vw;
    }

    .the-insurance .info-content div span {
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 1.0500vw;
        line-height: 1.2500vw;
    }

    .the-insurance .info-content div span:nth-child(1) {
        width: 3.2500vw;
        height: 1.5500vw;
        background: linear-gradient(90deg, #EB625A 0%, #E65E75 32.69%, #C74C8B 67.79%, #8648D3 100%);
        border-radius: 0.2500vw;
        font-weight: 600;
        font-size: 1.0500vw;
        line-height: 1.2500vw;
        text-align: center;
        color: #000000;
    }

    .the-insurance .info-content div span:nth-child(3) {
        width: 8.8500vw;
        height: 1.5500vw;
        background: #0F0FED;
        border-radius: 0.2500vw;
        font-weight: 600;
        font-size: 1.0500vw;
        line-height: 1.2500vw;
        color: #FFFFFF;
    }

    .cardSwiper {
        width: 100%;
        position: relative;
    }

    .card {
        position: relative;
        background-color: #000000;
        border-radius: 0.9000vw;
        padding: 2.8500vw 2.8500vw 2.6000vw 2.8500vw;
        height: 28.7500vw;
        display: flex;
        flex-direction: column;
        align-items: center;
        background-origin: border-box;
        background-clip: padding-box, border-box;
        border: 0.2000vw solid transparent;
        /*overflow: hidden;*/
    }

    .card:before {
        content: "";
        position: absolute;
        width: 100%;
        height: 0;
        background-color: #ffffff;
        transition: all .7s ease-in-out;
        z-index: 0;
        bottom: 0;
        left: 0;
        border-radius: 0.6000vw;
    }

    .card:hover:before {
        height: 100%;
    }

    .card:nth-child(1):hover {
        background-image: linear-gradient(#000000, #000000),
        linear-gradient(to bottom, #a5bafc 0%, #DCE3FF 38%, #B4AEFF 72%, #7A5BFF 100%);
    }

    .card:hover h3,
    .card:hover p {
        color: #000000;
    }

    .card:nth-child(2):hover {
        background-image: linear-gradient(#000000, #000000),
        linear-gradient(to bottom, #F08CFF 0%, #E56DEB 28%, #FF7F8B 65%, #FFA42E 100%);
    }

    .card:nth-child(3):hover {
        background-image: linear-gradient(#000000, #000000),
        linear-gradient(to bottom, #45DEFF 0%, #4AE3DD 32%, #5AE3B3 68%, #B2F47A 100%);
    }

    .card h3 {
        font-weight: 600;
        font-size: 1.8000vw;
        line-height: 1.8000vw;
        text-align: center;
        color: #FFFFFF;
        margin-bottom: 0.7500vw;
        position: relative;
        z-index: 999;
        transition: all 1s ease-in-out;
    }

    .card p {
        font-weight: 500;
        font-size: 0.9000vw;
        line-height: 1.0500vw;
        text-align: center;
        color: #FFFFFF;
        padding: 0 0.4000vw;
        position: relative;
        z-index: 999;
        transition: all 1s ease-in-out;
    }

    .card img {
        width: 4.3500vw;
        height: 4.3500vw;
        object-fit: contain;
        display: flex;
        margin-top: auto;
        position: relative;
        z-index: 99999;
    }

    .card:hover img {
        animation: floatY 2s ease-in-out forwards;
    }

    @keyframes floatY {
        0% {
            transform: translateY(0);
        }
        25% {
            transform: translateY(-0.5000vw); /* up */
        }
        50% {
            transform: translateY(0); /* back */
        }
        75% {
            transform: translateY(-0.5000vw); /* up */
        }
        100% {
            transform: translateY(0); /* back */
        }
    }

    .one-system {
        width: 100%;
        height: max-content;
        padding: 2.8000vw 6.8500vw 2.0000vw 6.8500vw;
        background-color: #F1F0EE;
        position: relative;
        z-index: 99;
    }

    .one-system .content {
        width: 100%;
        height: max-content;
        padding: 3.0500vw 0;
        border-top: 0.0500vw solid #D9D9D9;
        border-bottom: 0.0500vw solid #D9D9D9;
        display: flex;
        justify-content: center;
    }

    .one-system .content .info-elems {
        width: 47.2500vw;
        height: max-content;
        display: flex;
        flex-direction: column;
        justify-content: center;
        gap: 1.2000vw;
    }

    .one-system .content .info-elems h3 {
        font-weight: 400;
        font-size: 3.2000vw;
        line-height: 3.2000vw;
        text-align: center;
        color: #000000;
    }

    .one-system .content .info-elems p {
        width: 21.0000vw;
        font-weight: 500;
        font-size: 0.9000vw;
        line-height: 1.0500vw;
        color: #000000;
        margin: auto;
        text-align: center;
    }

    .one-system .content .info-elems div {
        width: max-content;
        display: flex;
        margin: auto;
        gap: 0.4000vw;
    }

    .one-system .content .info-elems div span {
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 1.0500vw;
        line-height: 1.2500vw;
    }

    .one-system .content .info-elems div span:nth-child(1) {
        width: 3.2500vw;
        height: 1.5500vw;
        background: linear-gradient(90deg, #EB625A 0%, #E65E75 32.69%, #C74C8B 67.79%, #8648D3 100%);
        border-radius: 0.2500vw;
        font-weight: 600;
        font-size: 1.0500vw;
        line-height: 1.2500vw;
        text-align: center;
        color: #000000;
    }

    .one-system .content .info-elems div span:nth-child(3) {
        width: 8.8500vw;
        height: 1.5500vw;
        background: #0F0FED;
        border-radius: 0.2500vw;
        font-weight: 600;
        font-size: 1.0500vw;
        line-height: 1.2500vw;
        color: #FFFFFF;
    }

    .one-system .content .info-elems div span:nth-child(5) {
        width: 14.7000vw;
        height: 1.5500vw;
        background: #AFAFAF;
        border-radius: 0.2500vw;
        font-weight: 600;
        font-size: 1.0500vw;
        line-height: 1.2500vw;
        color: #000000;
    }

    .one-system .content .info-elems .btn-ask-lara {
        width: 8.8500vw;
        height: 2.7000vw;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border-radius: 0.9000vw;
        border: 0.1000vw solid transparent;
        background-image: linear-gradient(#E2E2E2, #E2E2E2), /* Internal background color */ linear-gradient(90deg, #FF5348 0%, #6938B8 26%, #8648D3 51%, #CD4982 94%); /* Border gradient updated */
        background-origin: border-box;
        background-clip: padding-box, border-box;
        margin: auto;
        cursor: pointer;
        transition: .3s ease-in-out;
    }

    .one-system .content .info-elems .btn-ask-lara svg {
        width: 4.5000vw;
        height: 25px;
    }

    .one-system .content .info-elems .btn-ask-lara:hover {
        border: 0.2500vw solid transparent;
    }

    footer {
        width: 100%;
        padding: 5.0000vw 7.0000vw 4.3500vw 7.0000vw;
        background-color: #E4E2DF;
        position: relative;
        z-index: 99;
        display: flex;
        flex-direction: column;
    }

    footer .top-content {
        width: 100%;
        display: flex;
        gap: 4vw; /*8.5000vw;*/
    }

    footer .top-content p {
        width: 21.5000vw;
        font-weight: 500;
        font-size: 0.9000vw;
        line-height: 1.0500vw;
        color: #565656;
    }

    /*footer .top-content ul:nth-child(2) {*/
    /*    margin-left: auto;*/
    /*}*/

    footer .top-content ul {
        list-style: none;
        width: max-content;
        display: flex;
        flex-direction: column;
        gap: 1.2500vw;
    }

    footer .top-content ul li span {
        font-weight: 600;
        font-size: 0.9000vw;
        line-height: 1.0500vw;
        color: #565656;
    }

    footer .top-content ul li a {
        font-weight: 500;
        font-size: 0.9000vw;
        line-height: 1.0500vw;
        color: #212121;
        text-decoration: none;
    }

    footer .middle-content {
        width: 100%;
        margin-top: 8.5500vw;
        margin-bottom: 3.7500vw;
    }

    footer .middle-content svg {
        width: 100%;
        height: 14.6000vw;
    }

    /*footer .middle-content svg path.bigBlue {*/
    /*    animation: logoBigBlueAnimation 2s forwards;*/
    /*    animation-delay: 5s;*/
    /*}*/
    /*footer .middle-content svg path.smallBlue {*/
    /*    animation: logoSmallBlueAnimation 2s forwards;*/
    /*    animation-delay: 5s;*/
    /*}*/
    .bigBlue {
        /*transform-origin: center; !* Ensures scaling happens from the middle *!*/
        transition: transform 1s ease;
    }

    .smallBlue {
        transform-origin: center;
        transition: transform 1s ease;
    }

    footer .bottom-content {
        width: 100%;
        display: flex;
        justify-content: space-between;
    }

    footer .bottom-content p,
    footer .bottom-content a {
        text-decoration: none;
        font-weight: 500;
        font-size: 0.9000vw;
        line-height: 1.0500vw;
        color: #212121;
    }

    .menu-icon {
        cursor: pointer;
    }

    .line {
        fill: black;
        transition: all 0.4s ease;
        transform-origin: center;
    }

    /* ACTIVE STATE */
    .menu-icon.active .top {
        transform: translateY(0.4000vw) rotate(45deg);
    }

    .menu-icon.active .middle {
        opacity: 0;
    }

    .menu-icon.active .bottom {
        transform: translateY(-0.4000vw) rotate(-45deg);
    }

    .header-modal {
        position: fixed;
        top: 0;
        left: 0;
        width: 100vw;
        height: 0;
        background-color: white;
        z-index: 99999;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        transition: .6s ease-in-out;
        overflow: hidden;
    }

    .header-modal.active {
        height: 100dvh;
    }

    .header-modal .top {
        width: 100%;
        display: flex;
        flex-direction: column;
        gap: 1.0000vw;
        text-align: center;
        padding-top: 6.5000vw;
    }

    .header-modal .top a {
        font-size: 5.5vw; /*6.5000vw;*/
        line-height: 6vw;/*7.2000vw;*/
        font-weight: 600;
        text-decoration: none;
        color: #737271;
        transition: .3s ease-in-out;
    }

    .header-modal .top a.active, .header-modal .top a:hover {
        color: #020202;
    }

    .header-modal .bottom {
        width: 100%;
        display: flex;
        justify-content: space-between;
        padding: 0 3.0000vw 1.0000vw 3.0000vw;
    }

    .header-modal .bottom a,
    .header-modal .bottom p {
        width: max-content;
        font-size: 0.9000vw;
        line-height: 1.0500vw;
        font-weight: 500;
        text-decoration: none;
        color: #020202;
    }

    /* 1920px base */
    /* Formula: (px / 1920) * 100 = vw */
    /* NEWS LIST */
    .recent-news {
        width: 100%;
        display: flex;
        flex-direction: column;
        gap: 3.1250vw;
        background-color: #FAF9F6;
        padding: 10.4688vw 5.5729vw 3.3333vw 5.5729vw;
        height: max-content;
    }

    .recent-news .info-content {
        width: 100%;
        display: flex;
        justify-content: center;
        flex-direction: column;
        text-align: center;
    }

    .recent-news .info-content h3 {
        width: max-content;
        font-style: normal;
        font-weight: 600;
        font-size: 5.8333vw;
        line-height: 6.9792vw;
        text-align: center;
        background: linear-gradient(90deg, #FF5348 0%, #E24769 32.69%, #CD4982 67.79%, #8648D3 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
        text-fill-color: transparent;
        margin: auto;
    }

    .recent-news .info-content p {
        width: 23.1771vw;
        font-size: 0.9375vw;
        line-height: 1.0938vw;
        text-align: center;
        color: #000000;
        margin: auto;
    }

    .recent-news .content {
        width: 100%;
        height: max-content;
        padding: 3.1250vw 0 0;
        border-top: 0.0521vw solid #BFBFBF;
        display: flex;
        flex-wrap: wrap;
        gap: 1.0417vw;
    }

    .recent-news .content .news-card {
        width: 28.9063vw;
        height: 31.25vw; /*40.8854vw;*/
        background: #FFFFFF;
        border-radius: 1.0417vw;
        display: flex;
        flex-direction: column;
        padding: 0.7031vw 0.7813vw 1.5625vw 0.7813vw;
    }

    .recent-news .content .news-card div {
        width: 100%;
        height: 15.625vw; /*25.3125vw;*/
        border-radius: 1.0417vw;
    }

    .recent-news .content .news-card .news-date {
        font-style: normal;
        font-weight: 500;
        font-size: 0.8333vw;
        line-height: 0.9896vw;
        color: #000000;
        margin: 1.1719vw 0 0.5208vw 0;
        padding-left: 1.2500vw;
    }

    .recent-news .content .news-card .news-name {
        font-style: normal;
        font-weight: 600;
        font-size: 1.3542vw;
        line-height: 1.3542vw;
        color: #000000;
        padding-right: 3.6458vw;
        padding-left: 1.2500vw;

        min-height: 2.7vw;

        display: -webkit-box;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }

    .recent-news .content .news-card .news-desc {
        font-style: normal;
        font-weight: 500;
        font-size: 0.9375vw;
        line-height: 1.0938vw;
        color: #424242;
        padding-right: 3.6458vw;
        padding-left: 1.2500vw;
        margin: 0.5208vw 0 0.8333vw 0;

        display: -webkit-box;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 4;
    }

    .recent-news .content .news-card .news-btn {
        width: 24.7917vw;
        height: 2.1875vw;
        border-radius: 0.7813vw;
        font-style: normal;
        font-weight: 600;
        font-size: 0.9375vw;
        line-height: 1.0938vw;
        text-align: center;
        color: #000000;
        text-decoration: none;
        border: 0.08vw solid transparent;
        background-image: linear-gradient(#ffffff, #ffffff),
        linear-gradient(to right, #EB625A 0%, #E65E75 26%, #C74C8B 51%, #8648D3 94%);
        background-origin: border-box;
        background-clip: padding-box, border-box;
        display: flex;
        justify-content: center;
        align-items: center;
        margin: auto;
    }

    .recent-news .see-more {
        width: max-content;
        display: flex;
        gap: 0.5208vw;
        margin: auto;
        cursor: pointer;
    }

    .recent-news .see-more span {
        width: max-content;
        font-style: normal;
        font-weight: 700;
        font-size: 1.0938vw;
        line-height: 1.2500vw;
        background: linear-gradient(90deg, #FF5348 0%, #E24769 32.69%, #CD4982 67.79%, #8648D3 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
        text-fill-color: transparent;
    }

    .related-posts .see-more {
        width: max-content;
        display: flex;
        gap: 0.5208vw;
        margin: auto;
        cursor: pointer;
    }

    .related-posts .see-more span {
        width: max-content;
        font-style: normal;
        font-weight: 700;
        font-size: 1.0938vw;
        line-height: 1.2500vw;
        background: linear-gradient(90deg, #FF5348 0%, #E24769 32.69%, #CD4982 67.79%, #8648D3 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
        text-fill-color: transparent;
    }


    /* NEWS VIEW */
    .news-view {
        width: 100%;
        display: flex;
        flex-direction: column;
        gap: 3.1250vw;
        background-color: #FAF9F6;
        padding: 12.7083vw 16.1458vw 5.9896vw 16.1458vw;
        height: max-content;
    }

    .news-view .info-content {
        width: 100%;
        display: flex;
        justify-content: center;
        flex-direction: column;
        gap: 1.0417vw;
        text-align: center;
    }

    .news-view .info-content span {
        width: 7.0833vw;
        height: 1.6146vw;
        background: linear-gradient(90deg, #EB625A 0%, #E65E75 32.69%, #C74C8B 67.79%, #8648D3 100%);
        border-radius: 0.2604vw;
        font-weight: 600;
        font-size: 1.0938vw;
        line-height: 1.3021vw;
        text-align: center;
        margin: auto;
        color: #000000;
        padding: 0.1563vw 0;
    }

    .news-view .info-content h3 {
        width: 39.6875vw;
        font-style: normal;
        font-weight: 500;
        font-size: 2.9167vw;
        line-height: 2.9167vw;
        text-align: center;
        color: #000000;
        margin: auto;
    }

    .news-view .info-content p {
        width: max-content;
        text-align: center;
        color: #000000;
        margin: auto;
        font-style: normal;
        font-weight: 500;
        font-size: 0.8333vw;
        line-height: 0.9896vw;
    }

    .news-view .content {
        width: 100%;
        height: max-content;
        padding: 3.1250vw 0 0;
        border-top: 0.0521vw solid #BFBFBF;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }

    .news-view .content .first-img {
        width: 52.4479vw;
        height: 29.9479vw; /*48.5417vw;*/
        margin-bottom: 3.1250vw;
        border-radius: 1.0417vw;
    }

    .news-view .content .news-desc-content {
        width: 52.4479vw;
        height: max-content;
        display: flex;
        flex-direction: column;
    }

    .news-view .content .news-desc-content img {
        width: 100%;
        height: max-content;
        object-fit: contain;
        margin-top: 2.0833vw;
        margin-bottom: 3.1250vw;
    }

    .news-view .content .news-desc-content p {
        width: 100%;
        font-style: normal;
        font-weight: 500;
        font-size: 0.9375vw;
        line-height: 1.0938vw;
        color: #000000;
        margin-bottom: 1.0417vw;
    }


    /* RELATED POSTS */
    .related-posts {
        width: 100%;
        display: flex;
        flex-direction: column;
        gap: 3.1250vw;
        background-color: #FAF9F6;
        padding: 0 5.7292vw 5.6771vw 5.7292vw;
        height: max-content;
    }

    .related-posts.for__home {
        padding-bottom: 8.3333vw;
    }

    .related-posts.for__home .info-content h3 {
        width: max-content;
        font-style: normal;
        font-weight: 600;
        font-size: 5.1042vw;
        line-height: 6.0938vw;
        text-align: center;
        background: linear-gradient(90deg, #FF5348 0%, #E24769 32.69%, #CD4982 67.79%, #8648D3 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
        text-fill-color: transparent;
        margin: auto;
    }

    .related-posts.for__home .info-content p {
        width: 23.1771vw;
        font-size: 0.9375vw;
        line-height: 1.0938vw;
        text-align: center;
        color: #000000;
        margin: auto;
    }

    .related-posts.for__home .info-content {
        border-top: none;
        padding-top: 8.0729vw;
    }

    .related-posts .info-content {
        width: 100%;
        border-top: 0.0521vw solid #BFBFBF;
        display: flex;
        padding-top: 2.2396vw;
    }

    .related-posts .info-content h3 {
        font-style: normal;
        font-weight: 600;
        font-size: 3.3333vw;
        line-height: 3.9583vw;
        color: #000000;
    }

    .related-posts .related-posts-slider {
        width: 100%;
        position: relative;
    }

    .related-posts .related-posts-slider .swiper-slide {
        width: max-content;
    }

    .related-posts .related-posts-slider .news-card {
        width: 28.9063vw;
        height: 31.25vw; /*40.8854vw;*/
        background: #FFFFFF;
        border-radius: 1.0417vw;
        display: flex;
        flex-direction: column;
        padding: 0.7031vw 0.7813vw 1.5625vw 0.7813vw;
    }

    .related-posts .related-posts-slider .news-card div {
        width: 100%;
        height: 15.625vw; /*25.3125vw;*/
        border-radius: 1.0417vw;
    }

    .related-posts .related-posts-slider .news-card .news-date {
        font-style: normal;
        font-weight: 500;
        font-size: 0.8333vw;
        line-height: 0.9896vw;
        color: #000000;
        margin: 1.1719vw 0 0.5208vw 0;
        padding-left: 1.2500vw;
    }

    .related-posts .related-posts-slider .news-card .news-name {
        font-style: normal;
        font-weight: 600;
        font-size: 1.3542vw;
        line-height: 1.3542vw;
        color: #000000;
        padding-right: 3.6458vw;
        padding-left: 1.2500vw;

        min-height: 2.7vw;

        display: -webkit-box;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }

    .related-posts .related-posts-slider .news-card .news-desc {
        font-style: normal;
        font-weight: 500;
        font-size: 0.9375vw;
        line-height: 1.0938vw;
        color: #424242;
        padding-right: 3.6458vw;
        padding-left: 1.2500vw;
        margin: 0.5208vw 0 0.8333vw 0;
    }

    .related-posts .related-posts-slider .news-card .news-btn {
        width: 24.7917vw;
        height: 2.1875vw;
        border-radius: 0.7813vw;
        font-style: normal;
        font-weight: 600;
        font-size: 0.9375vw;
        line-height: 1.0938vw;
        text-align: center;
        color: #000000;
        text-decoration: none;
        border: 0.08vw solid transparent;
        background-image: linear-gradient(#ffffff, #ffffff),
        linear-gradient(to right, #EB625A 0%, #E65E75 26%, #C74C8B 51%, #8648D3 94%);
        background-origin: border-box;
        background-clip: padding-box, border-box;
        display: flex;
        justify-content: center;
        align-items: center;
        margin: auto;
    }

    .info-container {
        width: 100%;
        display: flex;
        flex-direction: column;
        background-color: #FAF9F6;
        padding: 10.4167vw 15.625vw 5.2083vw;
        gap: 0.7813vw;
        height: max-content;
    }

    .info-container h3 {
        font-size: 4.2708vw;
        min-height: max-content;
    }


    .info-container ul {
        padding-left: 1.0417vw;
        display: flex;
        flex-direction: column;
        gap: 0.7813vw;
    }
    .fc-elems {
        gap: 4vw; /*1.0417vw;*/
    }
    .header-modal .bottom a:nth-child(3) {
        width: 10.1563vw;
    }
}

@media (max-width: 1919px) {
    .header-modal .top {
        gap: 1.0417vw;
        padding-top: 6.7708vw;
    }

    .header-modal .top a {
        font-size: 5.7292vw; /*6.7708vw;*/
        line-height: 6.25vw; /*7.5vw;*/
    }

    .header-modal .bottom {
        padding: 0 3.125vw 1.0417vw 3.125vw;
    }

    .header-modal .bottom a,
    .header-modal .bottom p {
        font-size: 0.9375vw;
        line-height: 1.0938vw;
    }

    header {
        width: 100vw;
        height: max-content;
        position: fixed;
        background-color: transparent;
        display: flex;
        justify-content: space-between;
        align-items: center;
        top: 2.9167vw;
        left: 0;
        padding: 0 3.1250vw;
    }

    header .logo a {
        display: flex;
    }

    header .logo a svg {
        width: 10.2604vw;
    }

    header .menu-burger {
        display: flex;
    }

    header .menu-burger svg {
        width: 1.7708vw;
    }

    .redifining {
        width: 100%;
        height: max-content;
        /*background: linear-gradient(*/
        /*        180deg,*/
        /*        rgba(255,255,255,1) 30%,*/
        /*        rgba(226,71,105,1) 70%,*/
        /*        rgba(134,72,211,1) 100%*/
        /*);*/
        padding: 15.9896vw 9.0625vw 5.1562vw 9.0625vw;
    }

    .redifining .info-elems {
        width: 100%;
        height: max-content;
        display: flex;
        flex-direction: column;
        gap: 10.4167vw;
    }

    .redifining .info-elems .top {
        width: 100%;
        display: flex;
        flex-direction: column;
        gap: 2.0312vw;
    }

    .redifining .info-elems .top h3 {
        font-weight: 600;
        font-size: 6.6667vw;
        line-height: 5.8854vw;
        text-align: center;
        color: #ffffff;
    }

    .redifining .info-elems .top p {
        width: 34.2708vw;
        margin: auto;
        font-weight: 500;
        font-size: 1.0938vw;
        line-height: 1.3021vw;
        text-align: center;
        color: #000000;
    }

    .redifining .info-elems .bottom {
        display: flex;
        flex-direction: column;
        gap: 0.3125vw;
    }

    .redifining .info-elems .bottom span {
        /*width: 7.5000vw;*/
        width: 9.2188vw;
        height: 2.8125vw;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border-radius: 0.9375vw;
        border: 0.1042vw solid transparent;
    }

    .redifining .info-elems .bottom span svg {
        /*width: 4.3229vw;*/
        width: 4.6875vw;
    }

    .redifining .info-elems .bottom p {
        font-weight: 500;
        font-size: 0.9375vw;
        line-height: 1.0938vw;
        text-align: center;
        color: #FFFFFF;
    }

    .introducing {
        width: 100%;
        height: max-content;
        padding: 9.2188vw 7.0312vw 11.4583vw 7.0312vw;
        background-color: #EFEFEF;
        display: flex;
        flex-direction: column;
        align-items: center;
        margin: auto;
        gap: 3.3333vw;
    }

    .introducing .info-content {
        max-width: 58.4896vw;
        width: 100%;
        height: max-content;
        display: flex;
        flex-direction: column;
        gap: 1.0938vw;
    }

    .introducing .info-content h2 {
        font-weight: 600;
        font-size: 7.7083vw;
        line-height: 9.2188vw;
        text-align: center;
        color: #C9C9C9;
        overflow: hidden;
    }

    .introducing .info-content h2 span {
        position: relative;
        overflow: hidden;
        vertical-align: bottom;
        background: linear-gradient(
                to right,
                #FF5348 0%,
                #E24769 33%,
                #CD4982 68%,
                #8648D3 100%
        );
        -webkit-background-clip: text;
        background-clip: text;
        color: transparent;
        display: inline-block;
    }

    .introducing .info-content h2 span.box.show {
        animation: revealUp 2s cubic-bezier(0.25, 1, 0.5, 1) forwards;
    }

    @keyframes revealUp {
        0% {
            transform: translateY(300%);
        }
        100% {
            transform: translateY(0%);
        }
    }

    .introducing .info-content p {
        width: 21.8750vw;
        font-weight: 500;
        font-size: 0.9375vw;
        line-height: 1.0938vw;
        text-align: center;
        color: #000000;
        margin: auto;
    }

    .introducing .card-content {
        width: 100%;
        background: #FFFFFF;
        border: 0.0521vw solid #D6D6D6;
        border-radius: 0.9375vw;
        display: flex;
        gap: 3.4896vw;
        padding: 2.3958vw 0 2.3958vw 3.1250vw;
        overflow: hidden;
    }

    .introducing .card-content .left-content {
        width: max-content;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        padding: 2.7604vw 0;
        gap: 12.8125vw;
    }

    .introducing .card-content .left-content .top {
        width: max-content;
        display: flex;
        flex-direction: column;
        gap: 0.9375vw;
    }

    .introducing .card-content .left-content .top h3 {
        width: 18.7500vw;
        font-weight: 600;
        font-size: 1.8750vw;
        line-height: 1.8750vw;
    }

    .introducing .card-content .left-content .top h3 span {
        /*background: linear-gradient(90deg, #FF5348 0%, #E24769 32.69%, #CD4982 67.79%, #8648D3 100%);*/
        /*-webkit-background-clip: text;*/
        /*-webkit-text-fill-color: transparent;*/
        /*background-clip: text;*/
        /*text-fill-color: transparent;*/
        color: rgba(235, 98, 90, 1);
    }

    .introducing .card-content .left-content .top p {
        width: 31.8229vw;
        font-weight: 500;
        font-size: 1.0938vw;
        line-height: 1.3021vw;
        color: #000000;
    }

    .introducing .card-content .left-content .bottom {
        width: max-content;
        display: flex;
        gap: 1.8750vw;
    }

    .introducing .card-content .left-content .bottom .elem {
        width: max-content;
        display: flex;
        flex-direction: column;
        gap: 0.7812vw;
    }

    .introducing .card-content .left-content .bottom .elem svg {
        width: 2.0833vw;
        height: 2.0833vw;
    }

    .introducing .card-content .left-content .bottom .elem:first-child p {
        width: 17.9688vw;
    }

    .introducing .card-content .left-content .bottom .elem p {
        width: 18.7500vw;
        font-weight: 500;
        font-size: 0.9375vw;
        line-height: 1.0938vw;
        color: #000000;
    }

    .introducing .card-content .right-content {
        width: 40.7292vw;
        height: 34.2188vw;
    }

    .introducing .card-content .right-content img {
        width: 42.8125vw;
        height: 100%;
    }

    .introducing .card-content .right-content img.show {
        animation: slideInLeft 3s cubic-bezier(0.25, 1, 0.5, 1) forwards;
    }

    @keyframes slideInLeft {
        0% {
            transform: translateX(100%);
        }
        60% {
            transform: translateX(-1.5625vw);
        }
        100% {
            transform: translateX(0.0000vw);
        }
    }

    .vision-platform-introduction {
        width: 100%;
        display: flex;
        flex-direction: column;
        gap: 1.5625vw; /* 30px */
        background-color: white;
        padding: 4.0104vw 11.6667vw 5.0521vw 11.6667vw; /* 77px 224px 97px 224px */
        height: max-content;
    }

    .vision-platform-introduction .top-content {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .vision-platform-introduction .top-content h3 {
        font-weight: 600;
        font-size: 5.8333vw; /* 112px */
        line-height: 6.9792vw; /* 134px */
        text-align: center;
        color: #000000;
    }

    .vision-platform-introduction .top-content p {
        width: 20.0521vw; /* 385px */
        font-weight: 500;
        font-size: 0.9375vw; /* 18px */
        line-height: 1.0938vw; /* 21px */
        text-align: center;
        color: #000000;
    }

    .vision-platform-introduction .bottom-content {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 3.1250vw; /* 60px */
    }

    .vision-platform-introduction .bottom-content .btn-elems {
        width: max-content;
        display: flex;
        align-items: center;
        height: 2.7604vw; /* 53px */
        background: #FAFAFA;
        border-radius: 0.5208vw; /* 10px */
        gap: 0.5208vw; /* 10px */
        padding: 0.2604vw 0.3125vw; /* 5px 6px */
    }

    .vision-platform-introduction .bottom-content .btn-elems div {
        width: max-content;
        height: 100%;
        font-weight: 500;
        font-size: 1.0938vw; /* 21px */
        line-height: 1.3021vw; /* 25px */
        text-align: center;
        color: #676767;
        border-radius: 0.5208vw; /* 10px */
        cursor: pointer;
        transition: .2s ease-in-out;
    }

    .vision-platform-introduction .bottom-content .btn-elems div span {
        width: 100%;
        height: 100%;
        padding: 0 0.8854vw; /* 17px */
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: center;
        transition: 1.5s ease-in-out;
    }

    .vision-platform-introduction .bottom-content .btn-elems div.active {
        background: #E4E2DF;
    }

    .vision-platform-introduction .bottom-content .info-content {
        background: #E4E2DF;
        border-radius: 1.0417vw; /* 20px */
        padding: 0.4167vw 0.4167vw 0.8854vw 0.4167vw; /* 8px 8px 17px 8px */
        width: 100%;
        display: flex;
        flex-direction: column;
        gap: 1.5625vw; /* 30px */
    }

    .vision-platform-introduction .bottom-content .info-content .img-content {
        width: 100%;
        height: 35.6250vw; /* 684px */
        display: flex;
        flex-direction: column;
        gap: 1.0417vw; /* 20px */
        overflow: hidden;
        border-radius: 1.0417vw; /* 20px */
    }

    .vision-platform-introduction .bottom-content .info-content .text-content .arrow-elem {
        width: 1.1979vw; /* 23px */
        height: 1.3021vw; /* 25px */
        position: absolute;
        right: 1.8750vw; /* 36px */
        bottom: 0.7292vw; /* 14px */
    }

    .vision-platform-introduction .bottom-content .info-content .text-content .text-wrapper {
        /*width: 27.5000vw; !* 528px *!*/
        width: 36.4583vw; /* 700px */
        height: 5.2083vw; /* 100px */
        display: flex;
        flex-direction: column;
        gap: 1.0417vw; /* 20px */
        overflow: hidden;
    }

    .vision-platform-introduction .bottom-content .info-content .text-content .text-wrapper .text-elem {
        height: 4.3229vw; /* 83px */
    }

    .vision-platform-introduction .bottom-content .info-content .text-content .text-wrapper .text-elem p {
        width: 100%;
        font-size: 0.9896vw; /* 19px */
        line-height: 1.1458vw; /* 22px */
    }

    .vision-platform-introduction .bottom-content .info-content .text-content .text-wrapper .text-elem h3 {
        font-size: 1.3542vw;
        line-height: 1.6146vw;
        margin-bottom: 0.4167vw;
    }

    .products {
        padding: 8.5417vw 8.3333vw 9.7396vw 8.3333vw;
        gap: 4.5312vw;
    }

    .products .info-content {
        width: max-content;
        display: flex;
        flex-direction: column;
    }

    .products .info-content h3 {
        font-weight: 600;
        font-size: 7.7083vw;
        line-height: 7.7083vw;
        text-align: center;
        color: #000000;
    }

    .products .info-content p {
        width: 21.8750vw;
        font-weight: 500;
        font-size: 0.9375vw;
        line-height: 1.0938vw;
        text-align: center;
        color: #000000;
        margin: auto;
        margin-top: 0.5208vw;
        margin-bottom: 1.0417vw;
    }

    .products .info-content div {
        width: max-content;
        display: flex;
        margin: auto;
        gap: 0.3125vw;
    }

    .products .info-content div span {
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 1.0938vw;
        line-height: 1.3021vw;
    }

    .products .info-content div span:nth-child(1) {
        width: 3.3854vw;
        height: 1.6146vw;
        background: linear-gradient(90deg, #EB625A 0%, #E65E75 32.69%, #C74C8B 67.79%, #8648D3 100%);
        border-radius: 0.2604vw;
        font-weight: 600;
        font-size: 1.0938vw;
        line-height: 1.3021vw;
        text-align: center;
        color: #000000;
    }

    .products .info-content div span:nth-child(3) {
        width: 9.2188vw;
        height: 1.6146vw;
        background: #0F0FED;
        border-radius: 0.2604vw;
        font-weight: 600;
        font-size: 1.0938vw;
        line-height: 1.3021vw;
        color: #FFFFFF;
    }

    .products .slider-content {
        width: 100%;
        height: 46.4063vw;
        /*height: calc(100vh - 0.7292vw*2);*/
        top: 0.7292vw;
    }

    .slider-arrows {
        right: -5.3646vw;
        gap: 1.0417vw;
        height: 46.4063vw;
    }

    .slider-arrow {
        width: 2.0833vw;
        height: 2.0833vw;
    }

    /*.products .slider-content .master-slider {*/
    /*    !*height: 46.4063vw;*!*/
    /*    height: 91.5%;*/
    /*    left: calc((-100vw + 83.3333vw) / 2);*/
    /*}*/
    .products .slider-content .split-screen-section .left-content,
    .products .slider-content .split-screen-section .right-content {
        width: 50%;
        height: 100%;
        padding: 2.7083vw 4.8958vw 2.7083vw 4.8958vw; /* 52px 94px */
        border-radius: 0.9375vw; /* 18px */
        display: flex;
        flex-direction: column;
        gap: 1.5625vw; /* 30px */
    }

    .products .slider-content .split-screen-section .swiper-elems {
        width: 25.5208vw; /* 490px */
        height: 31.2500vw; /* 600px */
        overflow: hidden;
        margin: auto;
    }

    .products .slider-content .split-screen-section .swiper-container .swiper-wrapper {
        width: 25.5208vw; /* 490px */
        height: 27.6563vw; /* 531px */
        margin: auto;
    }

    .products .slider-content .split-screen-section .left-content .top,
    .products .slider-content .split-screen-section .right-content .top {
        display: flex;
        flex-direction: column;
        gap: 0.2604vw; /* 5px */
        margin: auto;
        justify-content: center;
    }

    .products .slider-content .split-screen-section .left-content .top h3,
    .products .slider-content .split-screen-section .right-content .top h3 {
        font-size: 4.2708vw; /* 82px */
        line-height: 5.1042vw; /* 98px */
    }

    .products .slider-content .split-screen-section .left-content .top p,
    .products .slider-content .split-screen-section .right-content .top p {
        font-size: 1.0938vw; /* 21px */
        line-height: 1.3021vw; /* 25px */
    }

    .products .slider-content .split-screen-section .swiper-container.left-slider .swiper-slide {
        height: 27.6563vw !important; /* 531px */
        max-height: 27.6563vw;
        border-radius: 0.9375vw; /* 18px */
        padding: 0.8854vw 0.8854vw 1.5625vw 0.8854vw; /* 17px 30px */
    }

    .products .slider-content .split-screen-section .swiper-container.left-slider .swiper-slide img {
        height: 14.1146vw; /* 271px */
    }

    .products .slider-content .split-screen-section .swiper-container.left-slider .swiper-slide .text-content {
        width: 22.0313vw; /* 423px */
        gap: 0.5208vw; /* 10px */
        margin-top: 2.0833vw; /* 40px */
    }

    .products .slider-content .split-screen-section .swiper-container.left-slider .swiper-slide .text-content h3,
    .products .slider-content .split-screen-section .swiper-container.right-slider .swiper-slide .text-content h3 {
        font-size: 1.8750vw; /* 36px */
        line-height: 1.8750vw;
    }

    .products .slider-content .split-screen-section .swiper-container.left-slider .swiper-slide .text-content p,
    .products .slider-content .split-screen-section .swiper-container.right-slider .swiper-slide .text-content p {
        font-size: 0.9375vw; /* 18px */
        line-height: 1.0938vw; /* 21px */
    }

    .products .slider-content .split-screen-section .left-content .btn-link {
        width: 7.3958vw; /* 142px */
        height: 2.1875vw; /* 42px */
        border-radius: 0.7813vw; /* 15px */
        font-size: 0.9375vw;
        line-height: 1.0938vw;
    }

    .products .slider-content .split-screen-section .swiper-container.right-slider .swiper-slide {
        height: 27.6563vw !important;
        max-height: 27.6563vw;
        border-radius: 0.9375vw;
        padding: 0.8854vw 0.8854vw 1.5625vw 0.8854vw;
    }

    .products .slider-content .split-screen-section .swiper-container.right-slider .swiper-slide img {
        height: 14.1146vw; /* 271px */
    }

    .products .slider-content .split-screen-section .swiper-container.right-slider .swiper-slide .text-content {
        width: 21.6146vw; /* 415px */
        gap: 0.5208vw;
        margin-top: 2.0833vw;
    }

    .products .slider-content .split-screen-section .swiper-container.right-slider .swiper-slide .text-content p {
        width: 19.2708vw; /* 370px */
    }

    .products .slider-content .split-screen-section .right-content .btn-link {
        width: 12.7083vw; /* 244px */
        height: 2.1875vw; /* 42px */
        border-radius: 0.7813vw; /* 15px */
        font-size: 0.9375vw;
        line-height: 1.0938vw;
    }

    .the-insurance {
        width: 100%;
        padding: 6.2500vw 7.1354vw 11.5104vw 7.1354vw;
        background-color: #ffffff;
        position: relative;
        display: flex;
        flex-direction: column;
        gap: 2.4479vw;
    }


    .the-insurance .info-content {
        width: 100%;
        display: flex;
        flex-direction: column;
        margin: auto;
    }

    .the-insurance .info-content h3 {
        width: 41.7708vw;
        font-style: normal;
        font-weight: 600;
        font-size: 4.0625vw;
        line-height: 4.0625vw;
        text-align: center;
        color: #000000;
        margin: auto;
    }

    .the-insurance .info-content p {
        width: 42.6042vw;
        font-weight: 500;
        font-size: 0.9375vw;
        line-height: 1.0938vw;
        text-align: center;
        color: #000000;
        margin: auto;
        margin-top: 1.3021vw;
        margin-bottom: 1.0417vw;
    }

    .the-insurance .info-content div {
        width: max-content;
        display: flex;
        margin: auto;
        gap: 0.3125vw;
    }

    .the-insurance .info-content div span {
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 1.0938vw;
        line-height: 1.3021vw;
    }

    .the-insurance .info-content div span:nth-child(1) {
        width: 3.3854vw;
        height: 1.6146vw;
        background: linear-gradient(90deg, #EB625A 0%, #E65E75 32.69%, #C74C8B 67.79%, #8648D3 100%);
        border-radius: 0.2604vw;
        font-weight: 600;
        font-size: 1.0938vw;
        line-height: 1.3021vw;
        text-align: center;
        color: #000000;
    }

    .the-insurance .info-content div span:nth-child(3) {
        width: 9.2188vw;
        height: 1.6146vw;
        background: #0F0FED;
        border-radius: 0.2604vw;
        font-weight: 600;
        font-size: 1.0938vw;
        line-height: 1.3021vw;
        color: #FFFFFF;
    }

    .cardSwiper {
        width: 100%;
        position: relative;
    }

    .card {
        background-color: #000000;
        border-radius: 0.9375vw;
        padding: 2.9688vw 3.0729vw 2.7083vw 3.0729vw;
        height: 29.9479vw;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .card:before {
        border-radius: 0.625vw;
    }


    .card h3 {
        font-size: 1.7750vw;
        line-height: 1.8750vw;
        text-align: center;
        color: #FFFFFF;
        margin-bottom: 0.7812vw;
    }

    .card p {
        font-weight: 500;
        font-size: 0.9375vw;
        line-height: 1.0938vw;
        text-align: center;
        color: #FFFFFF;
        padding: 0 0.4167vw;
    }

    .card img {
        width: 4.5312vw;
        height: 4.5312vw;
        object-fit: contain;
        display: flex;
        margin-top: auto;
    }

    .one-system {
        width: 100%;
        height: max-content;
        padding: 2.9167vw 7.1354vw 2.0833vw 7.1354vw;
        background-color: #F1F0EE;
        position: relative;
        z-index: 99;
    }

    .one-system .content {
        width: 100%;
        height: max-content;
        padding: 3.1771vw 0;
        border-top: 0.0521vw solid #D9D9D9;
        border-bottom: 0.0521vw solid #D9D9D9;
        display: flex;
        justify-content: center;
    }

    .one-system .content .info-elems {
        width: 49.2188vw;
        height: max-content;
        display: flex;
        flex-direction: column;
        justify-content: center;
        gap: 1.2500vw;
    }

    .one-system .content .info-elems h3 {
        font-weight: 400;
        font-size: 3.3333vw;
        line-height: 3.3333vw;
        text-align: center;
        color: #000000;
    }

    .one-system .content .info-elems p {
        width: 21.8750vw;
        font-weight: 500;
        font-size: 0.9375vw;
        line-height: 1.0938vw;
        color: #000000;
        margin: auto;
        text-align: center;
    }

    .one-system .content .info-elems div {
        width: max-content;
        display: flex;
        margin: auto;
        gap: 0.4167vw;
    }

    .one-system .content .info-elems div span {
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 1.0938vw;
        line-height: 1.3021vw;
    }

    .one-system .content .info-elems div span:nth-child(1) {
        width: 3.3854vw;
        height: 1.6146vw;
        border-radius: 0.2604vw;
        font-weight: 600;
        font-size: 1.0938vw;
        line-height: 1.3021vw;
        text-align: center;
        color: #000000;
    }

    .one-system .content .info-elems div span:nth-child(3) {
        width: 9.2188vw;
        height: 1.6146vw;
        background: #0F0FED;
        border-radius: 0.2604vw;
        font-weight: 600;
        font-size: 1.0938vw;
        line-height: 1.3021vw;
        color: #FFFFFF;
    }

    .one-system .content .info-elems div span:nth-child(5) {
        width: 15.3125vw;
        height: 1.6146vw;
        background: #AFAFAF;
        border-radius: 0.2604vw;
        font-weight: 600;
        font-size: 1.0938vw;
        line-height: 1.3021vw;
        color: #000000;
    }

    .one-system .content .info-elems .btn-ask-lara {
        width: 9.2188vw;
        height: 2.8125vw;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border-radius: 0.9375vw;
        border: 0.1042vw solid transparent;
        background-image: linear-gradient(#E2E2E2, #E2E2E2), /* Internal background color */ linear-gradient(90deg, #FF5348 0%, #6938B8 26%, #8648D3 51%, #CD4982 94%); /* Border gradient updated */
        background-origin: border-box;
        background-clip: padding-box, border-box;
        margin: auto;
    }

    .one-system .content .info-elems .btn-ask-lara svg {
        width: 4.6875vw;
    }

    footer {
        width: 100%;
        padding: 5.2083vw 7.2917vw 4.5312vw 7.2917vw;
        background-color: #E4E2DF;
        position: relative;
        z-index: 99;
        display: flex;
        flex-direction: column;
    }

    footer .top-content {
        width: 100%;
        display: flex;
        gap: 4vw; /*8.8542vw;*/
    }

    footer .top-content p {
        width: 22.3958vw;
        font-weight: 500;
        font-size: 0.9375vw;
        line-height: 1.0938vw;
        color: #565656;
    }

    /*footer .top-content ul:nth-child(2) {*/
    /*    margin-left: auto;*/
    /*}*/

    footer .top-content ul {
        list-style: none;
        width: max-content;
        display: flex;
        flex-direction: column;
        gap: 1.3021vw;
    }

    footer .top-content ul li span {
        font-weight: 600;
        font-size: 0.9375vw;
        line-height: 1.0938vw;
        color: #565656;
    }

    footer .top-content ul li a {
        font-weight: 500;
        font-size: 0.9375vw;
        line-height: 1.0938vw;
        color: #212121;
        text-decoration: none;
    }

    footer .middle-content {
        width: 100%;
        margin-top: 8.9062vw;
        margin-bottom: 3.9062vw;
    }

    footer .middle-content svg {
        width: 100%;
        height: 15.2083vw;
    }

    @keyframes logoBigBlueAnimation {
        0% {
            transform: translateX(0) scale(1);
        }
        15% {
            transform: translateX(130px) scale(1.046);
        }
        30% {
            transform: translateX(50px) scale(1.026);
        }
        45% {
            transform: translateX(100px) scale(1.036);
        }
        65% {
            transform: translateX(70px) scale(1.026);
        }
        85% {
            transform: translateX(84px) scale(1.04);
        }
        100% {
            transform: translateX(74px) scale(1.046);
        }
    }

    @keyframes logoSmallBlueAnimation {
        0% {
            transform: translate(0) scaleY(1);
        }
        15% {
            transform: translate(-1px, 20px) scaleY(2.4);
        }
        30% {
            transform: translate(-2px, 20px) scaleY(2);
        }
        45% {
            transform: translate(-3px, 26px) scaleY(2.36);
        }
        65% {
            transform: translate(-4px, 20px) scaleY(2.1);
        }
        85% {
            transform: translate(-4px, 24px) scaleY(2.38);
        }
        100% {
            transform: translate(-4px, 26px) scaleY(2.36);
        }
    }

    footer .bottom-content {
        width: 100%;
        display: flex;
        justify-content: space-between;
    }

    footer .bottom-content p,
    footer .bottom-content a {
        text-decoration: none;
        font-weight: 500;
        font-size: 0.9375vw;
        line-height: 1.0938vw;
        color: #212121;
    }


    /* NEWS LIST */
    .recent-news {
        width: 100%;
        display: flex;
        flex-direction: column;
        gap: 3.1250vw;
        background-color: #FAF9F6;
        padding: 10.4688vw 5.5729vw 3.3333vw 5.5729vw;
        height: max-content;
    }

    .recent-news .info-content {
        width: 100%;
        display: flex;
        justify-content: center;
        flex-direction: column;
        text-align: center;
    }

    .recent-news .info-content h3 {
        width: max-content;
        font-style: normal;
        font-weight: 600;
        font-size: 5.8333vw;
        line-height: 6.9792vw;
        text-align: center;
        background: linear-gradient(90deg, #FF5348 0%, #E24769 32.69%, #CD4982 67.79%, #8648D3 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
        text-fill-color: transparent;
        margin: auto;
    }

    .recent-news .info-content p {
        width: 23.1771vw;
        font-size: 0.9375vw;
        line-height: 1.0938vw;
        text-align: center;
        color: #000000;
        margin: auto;
    }

    .recent-news .content {
        width: 100%;
        height: max-content;
        padding: 3.1250vw 0 0;
        border-top: 0.0521vw solid #BFBFBF;
        display: flex;
        flex-wrap: wrap;
        gap: 1.0417vw;
    }

    .recent-news .content .news-card {
        width: 28.9063vw;
        height: 31.25vw; /*40.8854vw;*/
        background: #FFFFFF;
        border-radius: 1.0417vw;
        display: flex;
        flex-direction: column;
        padding: 0.7031vw 0.7813vw 1.5625vw 0.7813vw;
    }

    .recent-news .content .news-card div {
        width: 100%;
        height: 15.625vw; /*25.3125vw;*/
        border-radius: 1.0417vw;
    }

    .recent-news .content .news-card .news-date {
        font-style: normal;
        font-weight: 500;
        font-size: 0.8333vw;
        line-height: 0.9896vw;
        color: #000000;
        margin: 1.1719vw 0 0.5208vw 0;
        padding-left: 1.2500vw;
    }

    .recent-news .content .news-card .news-name {
        font-style: normal;
        font-weight: 600;
        font-size: 1.3542vw;
        line-height: 1.3542vw;
        color: #000000;
        padding-right: 3.6458vw;
        padding-left: 1.2500vw;

        min-height: 2.7vw;

        display: -webkit-box;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }

    .recent-news .content .news-card .news-desc {
        font-style: normal;
        font-weight: 500;
        font-size: 0.9375vw;
        line-height: 1.0938vw;
        color: #424242;
        padding-right: 3.6458vw;
        padding-left: 1.2500vw;
        margin: 0.5208vw 0 0.8333vw 0;

        display: -webkit-box;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 4;
    }

    .recent-news .content .news-card .news-btn {
        width: 24.7917vw;
        height: 2.1875vw;
        border-radius: 0.7813vw;
        font-style: normal;
        font-weight: 600;
        font-size: 0.9375vw;
        line-height: 1.0938vw;
        text-align: center;
        color: #000000;
        text-decoration: none;
        border: 0.08vw solid transparent;
        background-image: linear-gradient(#ffffff, #ffffff),
        linear-gradient(to right, #EB625A 0%, #E65E75 26%, #C74C8B 51%, #8648D3 94%);
        background-origin: border-box;
        background-clip: padding-box, border-box;
        display: flex;
        justify-content: center;
        align-items: center;
        margin: auto;
    }

    .recent-news .see-more {
        width: max-content;
        display: flex;
        gap: 0.5208vw;
        margin: auto;
        cursor: pointer;
    }

    .recent-news .see-more span {
        width: max-content;
        font-style: normal;
        font-weight: 700;
        font-size: 1.0938vw;
        line-height: 1.2500vw;
        background: linear-gradient(90deg, #FF5348 0%, #E24769 32.69%, #CD4982 67.79%, #8648D3 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
        text-fill-color: transparent;
    }

    .related-posts .see-more {
        width: max-content;
        display: flex;
        gap: 0.5208vw;
        margin: auto;
        cursor: pointer;
    }

    .related-posts .see-more span {
        width: max-content;
        font-style: normal;
        font-weight: 700;
        font-size: 1.0938vw;
        line-height: 1.2500vw;
        background: linear-gradient(90deg, #FF5348 0%, #E24769 32.69%, #CD4982 67.79%, #8648D3 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
        text-fill-color: transparent;
    }

    /* NEWS VIEW */
    .news-view {
        width: 100%;
        display: flex;
        flex-direction: column;
        gap: 3.1250vw;
        background-color: #FAF9F6;
        padding: 12.7083vw 16.1458vw 5.9896vw 16.1458vw;
        height: max-content;
    }

    .news-view .info-content {
        width: 100%;
        display: flex;
        justify-content: center;
        flex-direction: column;
        gap: 1.0417vw;
        text-align: center;
    }

    .news-view .info-content span {
        width: 7.0833vw;
        height: 1.6146vw;
        background: linear-gradient(90deg, #EB625A 0%, #E65E75 32.69%, #C74C8B 67.79%, #8648D3 100%);
        border-radius: 0.2604vw;
        font-weight: 600;
        font-size: 1.0938vw;
        line-height: 1.3021vw;
        text-align: center;
        margin: auto;
        color: #000000;
        padding: 0.1563vw 0;
    }

    .news-view .info-content h3 {
        width: 39.6875vw;
        font-style: normal;
        font-weight: 500;
        font-size: 2.9167vw;
        line-height: 2.9167vw;
        text-align: center;
        color: #000000;
        margin: auto;
    }

    .news-view .info-content p {
        width: max-content;
        text-align: center;
        color: #000000;
        margin: auto;
        font-style: normal;
        font-weight: 500;
        font-size: 0.8333vw;
        line-height: 0.9896vw;
    }

    .news-view .content {
        width: 100%;
        height: max-content;
        padding: 3.1250vw 0 0;
        border-top: 0.0521vw solid #BFBFBF;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }

    .news-view .content .first-img {
        width: 52.4479vw;
        height: 29.9479vw;/*48.5417vw;*/
        margin-bottom: 3.1250vw;
        border-radius: 1.0417vw;
    }

    .news-view .content .news-desc-content {
        width: 52.4479vw;
        height: max-content;
        display: flex;
        flex-direction: column;
    }

    .news-view .content .news-desc-content img {
        width: 100%;
        height: max-content;
        object-fit: contain;
        margin-top: 2.0833vw;
        margin-bottom: 3.1250vw;
    }

    .news-view .content .news-desc-content p {
        width: 100%;
        font-style: normal;
        font-weight: 500;
        font-size: 0.9375vw;
        line-height: 1.0938vw;
        color: #000000;
        margin-bottom: 1.0417vw;
    }


    /* RELATED POSTS */
    .related-posts {
        width: 100%;
        display: flex;
        flex-direction: column;
        gap: 3.1250vw;
        background-color: #FAF9F6;
        padding: 0 5.7292vw 5.6771vw 5.7292vw;
        height: max-content;
    }

    .related-posts.for__home {
        padding-bottom: 8.3333vw;
    }

    .related-posts.for__home .info-content h3 {
        width: max-content;
        font-style: normal;
        font-weight: 600;
        font-size: 5.1042vw;
        line-height: 6.0938vw;
        text-align: center;
        background: linear-gradient(90deg, #FF5348 0%, #E24769 32.69%, #CD4982 67.79%, #8648D3 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
        text-fill-color: transparent;
        margin: auto;
    }

    .related-posts.for__home .info-content p {
        width: 23.1771vw;
        font-size: 0.9375vw;
        line-height: 1.0938vw;
        text-align: center;
        color: #000000;
        margin: auto;
    }

    .related-posts.for__home .info-content {
        border-top: none;
        padding-top: 8.0729vw;
    }

    .related-posts .info-content {
        width: 100%;
        border-top: 0.0521vw solid #BFBFBF;
        display: flex;
        padding-top: 2.2396vw;
    }

    .related-posts .info-content h3 {
        font-style: normal;
        font-weight: 600;
        font-size: 3.3333vw;
        line-height: 3.9583vw;
        color: #000000;
    }

    .related-posts .related-posts-slider {
        width: 100%;
        position: relative;
    }

    .related-posts .related-posts-slider .swiper-slide {
        width: max-content;
    }

    .related-posts .related-posts-slider .news-card {
        width: 28.9063vw;
        height: 31.25vw; /*40.8854vw;*/
        background: #FFFFFF;
        border-radius: 1.0417vw;
        display: flex;
        flex-direction: column;
        padding: 0.7031vw 0.7813vw 1.5625vw 0.7813vw;
    }

    .related-posts .related-posts-slider .news-card div {
        width: 100%;
        height: 15.625vw; /*25.3125vw;*/
        border-radius: 1.0417vw;
    }

    .related-posts .related-posts-slider .news-card .news-date {
        font-style: normal;
        font-weight: 500;
        font-size: 0.8333vw;
        line-height: 0.9896vw;
        color: #000000;
        margin: 1.1719vw 0 0.5208vw 0;
        padding-left: 1.2500vw;
    }

    .related-posts .related-posts-slider .news-card .news-name {
        font-style: normal;
        font-weight: 600;
        font-size: 1.3542vw;
        line-height: 1.3542vw;
        color: #000000;
        padding-right: 3.6458vw;
        padding-left: 1.2500vw;

        min-height: 2.7vw;

        display: -webkit-box;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }

    .related-posts .related-posts-slider .news-card .news-desc {
        font-style: normal;
        font-weight: 500;
        font-size: 0.9375vw;
        line-height: 1.0938vw;
        color: #424242;
        padding-right: 3.6458vw;
        padding-left: 1.2500vw;
        margin: 0.5208vw 0 0.8333vw 0;
        display: -webkit-box;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 4;
    }

    .related-posts .related-posts-slider .news-card .news-btn {
        width: 24.7917vw;
        height: 2.1875vw;
        border-radius: 0.7813vw;
        font-style: normal;
        font-weight: 600;
        font-size: 0.9375vw;
        line-height: 1.0938vw;
        text-align: center;
        color: #000000;
        text-decoration: none;
        border: 0.08vw solid transparent;
        background-image: linear-gradient(#ffffff, #ffffff),
        linear-gradient(to right, #EB625A 0%, #E65E75 26%, #C74C8B 51%, #8648D3 94%);
        background-origin: border-box;
        background-clip: padding-box, border-box;
        display: flex;
        justify-content: center;
        align-items: center;
        margin: auto;
    }

    .info-container {
        width: 100%;
        display: flex;
        flex-direction: column;
        background-color: #FAF9F6;
        padding: 10.4167vw 15.625vw 5.2083vw;
        gap: 0.7813vw;
        height: max-content;
    }

    .info-container h3 {
        font-size: 4.2708vw;
        min-height: max-content;
    }


    .info-container ul {
        padding-left: 1.0417vw;
        display: flex;
        flex-direction: column;
        gap: 0.7813vw;
    }

    .fc-elems {
        gap: 4vw; /*1.0417vw;*/
    }

    .header-modal .bottom a:nth-child(3) {
        width: 10.1563vw;
    }

}

@media (max-width: 576px) {
    .slider-arrows {
        display: none;
    }

    header.active {
        border-color: transparent;
    }

    .header-modal .top {
        gap: 2.3256vw;
        padding-top: 0;
        position: relative;
        top: 25%;
    }

    .header-modal .top a {
        font-size: 13.9535vw;
        line-height: 18.6047vw;
    }

    .header-modal .bottom {
        justify-content: center;
        padding: 0 2.3023vw 6.9767vw 2.3023vw;
    }

    .header-modal .bottom .mb-first {
        display: none;
    }

    .header-modal .bottom a,
    .header-modal .bottom p {
        font-size: 3.2558vw;
        line-height: 3.9535vw;
    }

    header {
        width: calc(100vw - 9.3023vw);
        left: 4.6512vw;
        top: 6.9767vw;
        padding: 4.6512vw;
        border: 0.2326vw solid #D8D8D8;
        border-radius: 2.3256vw;
        background: white;
        transition: .3s ease-in-out;
    }

    header .logo a svg {
        width: 26.2791vw;
        height: 4.6512vw;
    }

    header .menu-burger svg {
        width: 7.9070vw;
        height: 3.7209vw;
    }

    .redifining {
        animation: none;
        padding: 60.4651vw 4.6512vw 12.0930vw 4.6512vw;
    }

    .redifining .info-elems {
        gap: 56.0465vw;
    }

    .redifining .info-elems .top {
        gap: 4.6512vw;
    }

    .redifining .info-elems .top h3 {
        font-size: 11.1628vw;
        line-height: 13.2558vw;
    }

    .redifining .info-elems .top p {
        width: 82.3256vw;
        font-size: 4.1860vw;
        line-height: 4.8837vw;
    }

    .redifining .info-elems .bottom {
        gap: 1.1628vw;
    }

    .redifining .info-elems .bottom span {
        width: 65.3488vw;
        height: 10.6977vw;
        border-radius: 4.1860vw;
        border: 0.4651vw solid transparent;
    }

    .redifining .info-elems .bottom span svg {
        width: 16.7442vw;
    }

    .redifining .info-elems .bottom p {
        font-size: 3.7209vw;
        line-height: 4.4186vw;
    }

    .introducing {
        padding: 24.4186vw 4.6512vw;
        gap: 14.4186vw;
    }

    .introducing .info-content {
        max-width: 84.8837vw;
        gap: 2.3256vw;
    }

    .introducing .info-content h2 {
        font-size: 11.1628vw;
        line-height: 13.2558vw;
    }

    .introducing .info-content h2 span.box.show {
        animation: revealUp 2s cubic-bezier(0.25, 1, 0.5, 1) forwards;
    }

    @keyframes revealUp {
        0% {
            transform: translateY(300%);
        }
        100% {
            transform: translateY(0%);
        }
    }

    .introducing .info-content p {
        width: 75.5814vw;
        font-size: 4.1860vw;
        line-height: 4.8837vw;
        display: none;
    }

    .introducing .card-content {
        border: 0.2326vw solid #D6D6D6;
        border-radius: 4.1860vw;
        gap: 9.3023vw;
        padding: 11.6279vw 0 11.6279vw 9.3023vw;
    }

    .introducing .card-content .left-content {
        padding: 0;
        gap: 97.2093vw;
    }

    .introducing .card-content .left-content .top {
        gap: 4.6512vw;
    }

    .introducing .card-content .left-content .top h3 {
        width: 72.0930vw;
        font-size: 5.5814vw;
        line-height: 6.7442vw;
    }

    .introducing .card-content .left-content .top h3 span {
        color: rgba(235, 98, 90, 1);
    }

    .introducing .card-content .left-content .top p {
        width: 72.0930vw;
        font-size: 4.1860vw;
        line-height: 4.8837vw;
    }

    .introducing .card-content .left-content .bottom {
        flex-direction: column;
        gap: 9.3023vw;
    }

    .introducing .card-content .left-content .bottom .elem {
        gap: 3.4884vw;
    }

    .introducing .card-content .left-content .bottom .elem svg {
        width: 9.3023vw;
        height: 9.3023vw;
    }

    .introducing .card-content .left-content .bottom .elem:first-child p {
        width: 72.0930vw;
    }

    .introducing .card-content .left-content .bottom .elem p {
        width: 72.0930vw;
        font-size: 4.1860vw;
        line-height: 4.8837vw;
    }

    .introducing .card-content .right-content {
        width: 98.3721vw;
        height: 78.6047vw;
        position: relative;
        top: 55.814vw;
        left: -100%;
    }

    .introducing .card-content .right-content img {
        width: 98.3721vw;
        height: 78.6047vw;
    }

    .introducing .card-content .right-content img.show {
        animation: slideInLeft 3s cubic-bezier(0.25, 1, 0.5, 1) forwards;
    }

    @keyframes slideInLeft {
        0% {
            transform: translateX(100%);
        }
        60% {
            transform: translateX(-6.9767vw);
        }
        100% {
            transform: translateX(0.0000vw);
        }
    }


    .vision-platform-introduction {
        padding: 18.8372vw 4.6512vw 13.9535vw 4.6512vw;
        gap: 6.5581vw;
    }

    .vision-platform-introduction .top-content h3 {
        font-size: 8.8372vw;
        line-height: 10.4651vw;
    }

    .vision-platform-introduction .top-content p {
        width: 80%;
        font-size: 3.7209vw;
        line-height: 4.4186vw;
    }

    .vision-platform-introduction .bottom-content {
        gap: 7.016vw;
    }

    .vision-platform-introduction .bottom-content .btn-elems {
        height: 10.3256vw;
        border-radius: 2.3256vw;
        gap: 0;
        padding: 1.1628vw 1.3953vw;

        display: -webkit-box;
        width: 100%;
        overflow-x: auto;
        margin: unset;
    }

    .vision-platform-introduction .bottom-content .btn-elems::-webkit-scrollbar {
        display: none;
    }

    .vision-platform-introduction .bottom-content .btn-elems div {
        font-size: 3.586vw;
        line-height: 4.5837vw;
        border-radius: 2.3256vw;
    }

    .vision-platform-introduction .bottom-content .btn-elems div:not(:last-child) {
        margin-right: 2.3256vw;
    }

    .vision-platform-introduction .bottom-content .btn-elems div span {
        padding: 0 3.9535vw;
    }

    .vision-platform-introduction .bottom-content .info-content {
        border-radius: 4.6512vw;
        padding: 1.8605vw 1.8605vw 3.9535vw 1.8605vw;
        gap: 6.9767vw;
    }

    .vision-platform-introduction .bottom-content .info-content .img-content {
        height: 100vw;
        gap: 4.6512vw;
        border-radius: 4.6512vw;
    }


    .vision-platform-introduction .bottom-content .info-content .text-content .arrow-elem {
        width: 5.3488vw;
        height: 5.814vw;
        right: 0.3721vw;
        bottom: -0.7442vw;
    }

    .vision-platform-introduction .bottom-content .info-content .text-content .text-wrapper {
        width: 85%;
        height: 27.3023vw;
        display: flex;
        flex-direction: column;
        gap: 4.6512vw;
        overflow: hidden;
    }

    .vision-platform-introduction .bottom-content .info-content .text-content .text-wrapper .text-elem p {
        font-size: 3.286vw;
        line-height: 3.286vw;
    }

    .vision-platform-introduction .bottom-content .info-content .text-content .text-wrapper .text-elem h3 {
        font-size: 4.8837vw;
        line-height: 5.814vw;
        margin-bottom: 1.8605vw;
    }

    .vision-platform-introduction .bottom-content .info-content .text-content .text-wrapper .text-elem {
        /*height: 19.3023vw; !* Ensure this matches the .text-wrapper height *!*/
        height: 22.3023vw; /* Ensure this matches the .text-wrapper height */
    }

    .products {
        height: max-content;
        padding: 28.8372vw 3.4884vw;
        gap: 10.2326vw;
    }

    /*.master-slider {*/
    /*    display: none;*/
    /*}*/
    .products .info-content h3 {
        font-size: 11.1628vw;
        line-height: 11.1628vw;
    }

    .products .info-content p {
        width: 82.5581vw;
        font-size: 3.7209vw;
        line-height: 4.4186vw;
        margin-top: 2.3256vw;
        margin-bottom: 2.3256vw;
    }

    .products .info-content div {
        gap: 1.3953vw;
    }

    .products .info-content div span {
        font-size: 4.1860vw;
        line-height: 4.8837vw;
    }

    .products .info-content div span:nth-child(1) {
        width: 15.1163vw;
        height: 6.2791vw;
        border-radius: 1.1628vw;
        font-size: 4.1860vw;
        line-height: 4.8837vw;
    }

    .products .info-content div span:nth-child(3) {
        width: 36.7442vw;
        height: 6.2791vw;
        border-radius: 1.1628vw;
        font-size: 4.1860vw;
        line-height: 4.8837vw;
    }

    .products .slider-content {
        width: 100%;
        height: max-content;
        position: relative;
    }

    .products .slider-content .split-screen-section {
        flex-direction: column;
    }

    .products .slider-content .split-screen-section .left-content,
    .products .slider-content .split-screen-section .right-content {
        width: 100%;
        height: 100%;
        padding: 10.0000vw 3.4884vw;
        border-radius: 4.1860vw;
        gap: 6.9767vw;
    }

    .products .slider-content .split-screen-section .swiper-container .swiper-wrapper {
        width: 86.0465vw;
        height: 117.0465vw;
        margin: auto;
    }

    .products .slider-content .split-screen-section .left-content .top,
    .products .slider-content .split-screen-section .right-content .top {
        gap: 2.3256vw;
    }

    .products .slider-content .split-screen-section .left-content .top {
        width: 100%;
    }

    .products .slider-content .split-screen-section .left-content .top h3 {
        font-size: 11.1628vw;
        line-height: 13.2558vw;
    }

    .products .slider-content .split-screen-section .left-content .top p {
        font-size: 4.1860vw;
        line-height: 4.8837vw;
    }

    .products .slider-content .split-screen-section .right-content .top h3 {
        font-size: 11.1628vw;
        line-height: 13.2558vw;
    }

    .products .slider-content .split-screen-section .right-content .top p {
        width: max-content;
        font-size: 4.1860vw;
        line-height: 4.8837vw;
    }

    .products .slider-content .split-screen-section .swiper-container.left-slider .swiper-slide {
        width: 100%;
        height: 117.0465vw !important;
        max-height: 117.0465vw;
        border-radius: 3.4884vw;
        border: 0.4651vw solid transparent;
        padding: 2.7907vw 2.7907vw 3.0233vw 2.7907vw;
    }

    .products .slider-content .split-screen-section .swiper-container.left-slider .swiper-slide img {
        height: 62.5581vw;
        object-fit: cover;
        border-radius: 2.3256vw;
    }

    .products .slider-content .split-screen-section .swiper-container.left-slider .swiper-slide .text-content {
        width: 72.5581vw;
        gap: 2.3256vw;
        padding-left: 0;
        margin-top: 6.9767vw;
    }

    .products .slider-content .split-screen-section .swiper-container.left-slider .swiper-slide .text-content h3 {
        font-size: 6.5116vw;
        line-height: 8.3721vw;
    }

    .products .slider-content .split-screen-section .swiper-container.left-slider .swiper-slide .text-content p {
        width: 100%;
        font-size: 3.7209vw;
        line-height: 4.4186vw;
    }

    .products .slider-content .split-screen-section .left-content .btn-link {
        width: 33.0233vw;
        height: 9.0698vw;
        border: 0.2326vw solid #CCCCCC;
        border-radius: 3.4884vw;
        font-size: 3.7209vw;
        line-height: 5.4186vw;
    }


    .products .slider-content .split-screen-section .swiper-container.right-slider .swiper-slide {
        height: 117.0465vw !important;
        max-height: 117.0465vw;
        border-radius: 4.1860vw;
        border: 0.4651vw solid #D1D1D1;
        padding: 2.7907vw 2.7907vw 3.0233vw 2.7907vw;
    }

    .products .slider-content .split-screen-section .swiper-container.right-slider .swiper-slide img {
        height: 62.5581vw;
        object-fit: cover;
        border-radius: 2.3256vw;
    }

    .products .slider-content .split-screen-section .swiper-container.right-slider .swiper-slide .text-content {
        width: 72.5581vw;
        gap: 2.3256vw;
        margin-top: 6.9767vw;
    }

    .products .slider-content .split-screen-section .swiper-container.right-slider .swiper-slide .text-content h3 {
        font-size: 6.5116vw;
        line-height: 8.3721vw;
    }

    .products .slider-content .split-screen-section .swiper-container.right-slider .swiper-slide .text-content p {
        width: 100%;
        font-size: 3.7209vw;
        line-height: 4.4186vw;
    }

    .products .slider-content .split-screen-section .right-content .btn-link {
        width: 56.7442vw;
        height: 9.0698vw;
        border: 0.2326vw solid #CCCCCC;
        border-radius: 3.4884vw;
        font-size: 3.7209vw;
        line-height: 4.4186vw;
    }

    .the-insurance {
        padding: 18.8372vw 4.6512vw 13.9535vw 4.6512vw;
        gap: 12.5581vw;
    }

    .the-insurance .info-content h3 {
        width: 100%;
        font-size: 8.8372vw;
        line-height: 10.4651vw;
    }

    .the-insurance .info-content p {
        width: 100%;
        font-size: 3.7209vw;
        line-height: 4.4186vw;
        margin-top: 3.4884vw;
        margin-bottom: 3.4884vw;
    }

    .the-insurance .info-content div {
        gap: 1.6279vw;
    }

    .the-insurance .info-content div span {
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 4.8837vw;
        line-height: 5.8140vw;
    }

    .the-insurance .info-content div span:nth-child(1) {
        width: 15.1163vw;
        height: 7.2093vw;
        border-radius: 1.1628vw;
        font-weight: 600;
        font-size: 4.8837vw;
        line-height: 5.8140vw;
        color: #000000;
    }

    .the-insurance .info-content div span:nth-child(3) {
        width: 41.1628vw;
        height: 7.2093vw;
        background: #0F0FED;
        border-radius: 1.1628vw;
        font-weight: 600;
        font-size: 4.8837vw;
        line-height: 5.8140vw;
        color: #FFFFFF;
    }

    .cardSwiper {
        width: 100%;
        position: relative;
    }

    .card {
        border-radius: 4.1860vw;
        padding: 13.9535vw 6.9767vw;
        height: 124.1860vw;
        border: 0.9302vw solid transparent;
    }

    .card:before {
        border-radius: 2.7907vw;
    }

    .card h3 {
        font-size: 7.4419vw;
        line-height: 8.3721vw;
        margin-bottom: 3.4884vw;
    }

    .card p {
        font-size: 3.7209vw;
        line-height: 4.4186vw;
        padding: 0;
    }

    .card img {
        width: 20.2326vw;
        height: 20.2326vw;
    }

    .one-system {
        padding: 11.1628vw 4.6512vw 9.3023vw 4.6512vw;
    }

    .one-system .content {
        padding: 14.1860vw 0;
        border-top: 0.2326vw solid #D9D9D9;
        border-bottom: 0.2326vw solid #D9D9D9;
    }

    .one-system .content .info-elems {
        width: 100%;
        gap: 2.7907vw;
    }

    .one-system .content .info-elems h3 {
        font-size: 7.4419vw;
        line-height: 7.4419vw;
    }

    .one-system .content .info-elems p {
        width: 79.3023vw;
        font-size: 3.7209vw;
        line-height: 4.4186vw;
    }

    .one-system .content .info-elems div {
        margin-top: 2.7907vw;
        margin-bottom: 2.7907vw;
        gap: 1.8605vw;
        flex-wrap: wrap;
        width: 74%;
    }

    .one-system .content .info-elems div span {
        font-size: 4.8837vw;
        line-height: 5.8140vw;
    }

    .one-system .content .info-elems div span:nth-child(1) {
        width: 15.1163vw;
        height: 6.5116vw;
        border-radius: 1.1628vw;
        font-size: 4.1860vw;
        line-height: 4.8837vw;
    }

    .one-system .content .info-elems div span:nth-child(3) {
        width: 41.1628vw;
        height: 6.5116vw;
        border-radius: 1.1628vw;
        font-size: 4.1860vw;
        line-height: 4.8837vw;
    }

    .one-system .content .info-elems div span:nth-child(5) {
        width: 59.7674vw;
        height: 6.5116vw;
        border-radius: 1.1628vw;
        font-size: 4.1860vw;
        line-height: 4.8837vw;
    }

    .one-system .content .info-elems .btn-ask-lara {
        width: 65.3488vw;
        height: 10.6977vw;
        border-radius: 4.1860vw;
        border: 0.4651vw solid transparent;
    }

    .one-system .content .info-elems .btn-ask-lara svg {
        width: 16.7442vw;
    }

    footer {
        padding: 10.9302vw 0 13.9535vw 7.2093vw;
    }

    footer .top-content {
        flex-wrap: wrap;
        gap: 9.3023vw 9vw; /*9.3023vw 13.9535vw;*/
    }

    footer .top-content p {
        width: 86.5116vw;
        font-size: 3.7209vw;
        line-height: 4.4186vw;
    }

    /*footer .top-content ul:nth-child(2) {*/
    /*    margin-left: 0;*/
    /*}*/

    footer .top-content ul {
        gap: 4.6512vw;
    }

    footer .top-content ul li span {
        font-size: 3.7209vw;
        line-height: 4.4186vw;
    }

    footer .top-content ul li a {
        font-size: 3.7209vw;
        line-height: 4.4186vw;
    }

    footer .middle-content {
        padding-left: 0;
        margin-top: 9.3023vw;
        margin-bottom: 3.7209vw;
    }

    footer .middle-content svg {
        width: 85.8140vw;
        height: 14.6512vw;
    }

    footer .bottom-content p,
    footer .bottom-content a {
        font-size: 3.7209vw;
        line-height: 4.4186vw;
    }

    footer .bottom-content p:nth-child(2) {
        display: none;
    }

    /* NEWS LIST */
    .recent-news {
        gap: 9.3023vw;
        padding: 37.2093vw 3.4884vw 9.3023vw 3.4884vw;
    }

    .recent-news .info-content {
        gap: 1.1628vw;
    }

    .recent-news .info-content h3 {
        font-style: normal;
        font-weight: 600;
        font-size: 11.1628vw;
        line-height: 13.2558vw;
    }

    .recent-news .info-content p {
        width: 71.3953vw;
        font-style: normal;
        font-weight: 500;
        font-size: 3.2558vw;
        line-height: 3.9535vw;
    }

    .recent-news .content {
        padding: 6.2791vw 0 0;
        gap: 4.6512vw;
    }

    .recent-news .content .news-card {
        width: 93.0233vw;
        height: 139.5349vw; /*179.3023vw;*/
        border-radius: 4.6512vw;
        padding: 2.3256vw 2.3256vw 9.3023vw 2.3256vw;
    }

    .recent-news .content .news-card div {
        width: 100%;
        height: 69.7674vw; /*113.0233vw;*/
        border-radius: 4.6512vw;
    }

    .recent-news .content .news-card .news-date {
        font-size: 3.7209vw;
        line-height: 4.4186vw;
        color: #000000;
        margin: 4.6512vw 0 2.3256vw 0;
        padding-left: 1.3953vw;
    }

    .recent-news .content .news-card .news-name {
        font-style: normal;
        font-weight: 600;
        font-size: 4.8837vw;
        line-height: 4.8837vw;
        color: #000000;
        padding-right: 5.5814vw;
        padding-left: 1.3953vw;

        min-height: 9.7674vw;
        display: -webkit-box;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }

    .recent-news .content .news-card .news-desc {
        font-style: normal;
        font-weight: 500;
        font-size: 3.7209vw;
        line-height: 4.4186vw;
        padding-right: 5.5814vw;
        padding-left: 1.3953vw;
        margin: 2.3256vw 0 3.7209vw 0;
        display: -webkit-box;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 4;
    }

    .recent-news .content .news-card .news-btn {
        width: 83.4884vw;
        height: 9.7674vw;
        border-radius: 3.4884vw;
        font-size: 3.7209vw;
        line-height: 4.4186vw;
        border: 0.2326vw solid transparent;
    }

    .recent-news .see-more {
        width: max-content;
        display: flex;
        gap: 2.3256vw;
        margin: auto;
        cursor: pointer;
    }

    .recent-news .see-more span {
        font-size: 4.1860vw;
        line-height: 4.8837vw;
    }

    .related-posts .see-more {
        width: max-content;
        display: flex;
        gap: 2.3256vw;
        margin: auto;
        cursor: pointer;
    }

    .related-posts .see-more span {
        font-size: 4.1860vw;
        line-height: 4.8837vw;
    }


    /* NEWS VIEW */
    .news-view {
        gap: 13.9535vw;
        padding: 39.3023vw 5.8140vw 9.3023vw 5.8140vw;
    }

    .news-view .info-content {
        gap: 4.6512vw;
    }

    .news-view .info-content span {
        width: 25.5814vw;
        height: 6.5116vw;
        border-radius: 1.1628vw;
        font-size: 3.7209vw;
        line-height: 4.4186vw;
        padding: 1.1628vw 0;
    }

    .news-view .info-content h3 {
        width: 77.6744vw;
        font-size: 7.4419vw;
        line-height: 7.4419vw;
    }

    .news-view .info-content p {
        font-size: 3.2558vw;
        line-height: 3.9535vw;
    }

    .news-view .content {
        padding: 13.9535vw 0 0;
        border-top: 0.2326vw solid #BFBFBF;
    }

    .news-view .content .first-img {
        width: 88.3721vw;
        height: 80vw; /*113.0233vw;*/
        margin-bottom: 18.3721vw;
        object-fit: cover;
        border-radius: 4.6512vw;
    }

    .news-view .content .news-desc-content {
        width: 88.3721vw;
    }

    .news-view .content .news-desc-content img {
        width: 100%;
        height: 58.8372vw;
        margin-top: 9.3023vw;
        margin-bottom: 13.9535vw;
        border-radius: 4.6512vw;
    }

    .news-view .content .news-desc-content p {
        font-size: 3.7209vw;
        line-height: 4.4186vw;
        margin-bottom: 4.6512vw;
    }


    /* RELATED POSTS */
    .related-posts {
        gap: 6.068vw; /*5.3488vw;*/
        padding: 0 3.4884vw 18.6047vw 3.4884vw;
    }

    .related-posts.for__home {
        padding-bottom: 18.8372vw;
    }

    .related-posts.for__home .info-content h3 {
        width: max-content;
        font-style: normal;
        font-weight: 600;
        font-size: 11.1628vw;
        line-height: 13.2558vw;
        text-align: center;
        background: linear-gradient(90deg, #FF5348 0%, #E24769 32.69%, #CD4982 67.79%, #8648D3 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
        text-fill-color: transparent;
        margin: auto;
    }

    .related-posts.for__home .info-content p {
        width: 71.3953vw;
        font-size: 3.2558vw;
        line-height: 3.9535vw;
        text-align: center;
        color: #000000;
        margin: auto;
    }

    .related-posts.for__home .info-content {
        border-top: none;
        padding-top: 18.8372vw;
    }

    .related-posts .info-content {
        width: 88.3721vw;
        margin: auto;
        border-top: 0.2326vw solid #BFBFBF;
        padding-top: 3.6408vw; /*2.3256vw;*/
    }

    .related-posts .info-content h3 {
        font-size: 6.5116vw;
        line-height: 7.6744vw;
    }

    .related-posts .related-posts-slider .news-card {
        width: 93.0233vw;
        height: 139.5349vw; /*179.3023vw;*/
        border-radius: 4.6512vw;
        padding: 2.3256vw 2.3256vw 9.3023vw 2.3256vw;
    }

    .related-posts .related-posts-slider .news-card div {
        height: 69.7674vw; /*113.0233vw;*/
        border-radius: 4.6512vw;
        object-fit: cover;
    }

    .related-posts .related-posts-slider .news-card .news-date {
        font-size: 3.7209vw;
        line-height: 4.4186vw;
        color: #000000;
        margin: 4.6512vw 0 2.3256vw 0;
        padding-left: 1.3953vw;
    }

    .related-posts .related-posts-slider .news-card .news-name {
        font-style: normal;
        font-weight: 600;
        font-size: 4.8837vw;
        line-height: 4.8837vw;
        color: #000000;
        padding-right: 5.5814vw;
        padding-left: 1.3953vw;

        min-height: 9.7674vw;
        display: -webkit-box;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }

    .related-posts .related-posts-slider .news-card .news-desc {
        font-style: normal;
        font-weight: 500;
        font-size: 3.7209vw;
        line-height: 4.4186vw;
        padding-right: 5.5814vw;
        padding-left: 1.3953vw;
        margin: 2.3256vw 0 3.7209vw 0;
        display: -webkit-box;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 4;
    }

    .related-posts .related-posts-slider .news-card .news-btn {
        width: 83.4884vw;
        height: 9.7674vw;
        border-radius: 3.4884vw;
        font-size: 3.7209vw;
        line-height: 4.4186vw;
        border: 0.4vw solid transparent;
    }

    .info-container {
        width: 100%;
        display: flex;
        flex-direction: column;
        background-color: #FAF9F6;
        padding: 38.3333vw 10.4167vw 20vw;
        gap: 0.7813vw;
        height: max-content;
    }

    .info-container h4 {
        margin-top: 2.4272vw;
        margin-bottom: 2.4272vw;
    }


    .info-container .description {
        font-size: 3.3981vw;
        margin-bottom: 3.6408vw;
        margin-top: 2.4272vw;
    }

    .info-container h3 {
        font-size: 5.875vw;
        min-height: max-content;
        width: 100% !important;
    }

    .info-container .title {
        margin-bottom: 2.4272vw;
    }

    .info-container ul {
        padding-left: 4.8544vw;
        display: flex;
        flex-direction: column;
        gap: 2.4272vw;
    }
    .fc-elems {
        margin-left: 0;
        gap: 9vw; /*4.8544vw;*/
    }
    .header-modal .bottom a:nth-child(3) {
        width: max-content;
    }
}