.section-theme {
    margin: 70px 0;
}
/************************
        Hero
 *********************/
.section-hero {
    position: relative;
    display: flex;
    align-items: center;
    margin:10px 0 40px;
}
.section-hero.product-hero {
    margin: 24px 0 32px;
}
.section-hero .scroll-down {
    display: none;
}
.section-hero .swiper-hero {
    border-radius: 30px;
}
.slide-item {
    position: relative;
}

.slide-bg {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.slide-content {
    position: absolute;
    top: 5%;
    width: 90%;
}

.slide-content.left {
    left: 5%;
}
.slide-content.right {
    right: 5%;
}

.slide-content.center {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
}

.slide-content .title {
    color: var(--white);
    font-family: var(--bold_font);
    font-size: 23px;
    line-height: normal;
    opacity: 0;
}
.slide-content .subtitle {
    color: var(--white);
    font-size: 18px;
    line-height: 28px;
    opacity: 0;
    font-family: var(--bold_font);
    margin-bottom: 8px;
}
.slide-content .subtitle img {
    max-width: 35px;
    margin-left: 8px;
}
.subtitle i {
    font-size: 19px;
    margin-left: 8px;
    vertical-align: -5px;
}
.slide-content .content {
    color: var(--white);
    font-size: 14px;
    line-height: 28px;
    margin-top: 8px;
    opacity: 0;
}
.slide-content .link {
    margin-top: 20px;
    opacity: 0;
}
.buttons-wrap {
    display: flex;
    align-items: center;
    gap: 8px;
}
.buttons-wrap .button {
    min-width: unset;
    font-size: 14px;
    padding: 5px 10px;
}
.swiper-hero .swiper-slide.swiper-slide-active .slide-content.left .title {
    animation: fadeInLeft 1.5s ease-out 0.5s forwards;
}

.swiper-hero .swiper-slide.swiper-slide-active .slide-content.left .subtitle {
    animation: fadeInLeft 1.5s ease-out 0.7s forwards;
}

.swiper-hero .swiper-slide.swiper-slide-active .slide-content.left .content {
    animation: fadeInLeft 1.5s ease-out 0.9s forwards;
}

.swiper-hero .swiper-slide.swiper-slide-active .slide-content.left .link {
    animation: fadeInLeft 1.5s ease-out 1.1s forwards;
}

.swiper-hero .swiper-slide.swiper-slide-active .slide-content.left .slider-video {
    animation: fadeInLeft 1.5s ease-out 1.3s forwards, getFull 1.5s ease-out 2s forwards;
}

.swiper-hero .swiper-slide.swiper-slide-active .slide-content.right .title {
    animation: fadeInRight 1.5s ease-out 0.5s forwards;
}

.swiper-hero .swiper-slide.swiper-slide-active .slide-content.right .subtitle {
    animation: fadeInRight 1.5s ease-out 0.7s forwards;
}

.swiper-hero .swiper-slide.swiper-slide-active .slide-content.right .content {
    animation: fadeInRight 1.5s ease-out 0.9s forwards;
}

.swiper-hero .swiper-slide.swiper-slide-active .slide-content.right .link {
    animation: fadeInRight 1.5s ease-out 1.1s forwards;
}

.swiper-hero .swiper-slide.swiper-slide-active .slide-content.right .slider-video {
    animation: fadeInRight 1.5s ease-out 1.3s forwards, getFull 1.5s ease-out 2s forwards;
}

@keyframes getFull {
    from {
        width: 46px;
    }

    to {
        width: 168px;
    }
}

@-webkit-keyframes fadeInLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-400px, 0, 0);
        transform: translate3d(-400px, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fadeInLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-400px, 0, 0);
        transform: translate3d(-400px, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@-webkit-keyframes fadeInRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(400px, 0, 0);
        transform: translate3d(400px, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fadeInRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(400px, 0, 0);
        transform: translate3d(400px, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
@keyframes fadeInBottomLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 100%, 0);
        transform: translate3d(-100%, 100%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@-webkit-keyframes fadeInBottomRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(100%, 100%, 0);
        transform: translate3d(100%, 100%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fadeInBottomRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(100%, 100%, 0);
        transform: translate3d(100%, 100%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
.slider-navigation {
    position: absolute;
    bottom: 20px;
}
.slider-inner {
    position: relative;
}

/************************
        About
 *********************/
.about-image {
    display: inline-flex;
    flex: 0 0 35.8%;
    position: relative;
}
.about-image.mobile-mode {
    margin: 16px 0;
}
.about-image::after {
    content: '\e917';
    font-family: icomoon;
    position: absolute;
    top: 0;
    right: 0;
    font-size: 22px;
    line-height: 1;
    color: var(--color1);
}
.about-image img {
    clip-path: polygon( 83.288% 0%,83.288% 0%,83.761% 0.024%,84.227% 0.095%,84.685% 0.211%,85.131% 0.372%,85.564% 0.577%,85.98% 0.823%,86.379% 1.111%,86.757% 1.438%,87.113% 1.804%,87.443% 2.207%,98.579% 16.989%,98.579% 16.989%,98.841% 17.363%,99.078% 17.758%,99.29% 18.17%,99.475% 18.598%,99.633% 19.041%,99.763% 19.496%,99.866% 19.962%,99.94% 20.436%,99.985% 20.918%,100% 21.404%,100% 76.421%,100% 93.377%,100% 93.377%,99.927% 94.452%,99.716% 95.471%,99.378% 96.421%,98.924% 97.289%,98.367% 98.06%,97.717% 98.722%,96.986% 99.261%,96.186% 99.662%,95.328% 99.913%,94.424% 100%,18.593% 100%,10.515% 100%,10.515% 100%,9.961% 99.967%,9.419% 99.871%,8.89% 99.713%,8.38% 99.495%,7.89% 99.221%,7.426% 98.891%,6.989% 98.509%,6.584% 98.075%,6.215% 97.594%,5.884% 97.066%,0.945% 88.321%,0.945% 88.321%,0.769% 87.988%,0.61% 87.645%,0.469% 87.292%,0.346% 86.93%,0.242% 86.56%,0.155% 86.184%,0.088% 85.802%,0.039% 85.416%,0.01% 85.026%,0% 84.632%,0% 6.623%,0% 6.623%,0.073% 5.548%,0.284% 4.529%,0.622% 3.579%,1.076% 2.711%,1.633% 1.94%,2.283% 1.278%,3.014% 0.739%,3.814% 0.338%,4.672% 0.087%,5.576% 0%);

}
.about-inner {

}
.about-content.image-in {
    flex: 0 0 33%;
}
.swiper.swiper-features {
    height: 453px;
}
.swiper-features-wrap.sw {
    position: relative;
    margin-top: 20px;
}
.feature-item {
    background: #FFFFFF99;
    padding: 0 31px 20px;
    border-radius: 20px;
    height: calc(100% - 23px);
    width: 100%;
    margin-top: 23px;
    backdrop-filter: blur(23.33047103881836px)
}
.icon-bg {
    width: 70px;
    height: 70px;
    background: #15264FCC;
    border-radius: 15px;
    transform: translateY(-23px);
    margin-bottom: -5px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #12BCFF;
    font-size: 34px;
}
.icon-bg img {
    max-width: 38px;
}
.feature-item .title {
    font-size: 25px;
    color: var(--color1);
    font-family: var(--bold_font);
}
.feature-item .desc {
    font-size: 16px;
    color: #262B4E;
    line-height: 32px;
}
.toptitle {
    font-size: 18px;
    font-family: var(--bold_font);
    line-height: 28px;
    margin-bottom: 6px;
    color: var(--color1);
}

/************************
        content
 *********************/

.section-content-inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 23px;
    background: linear-gradient(0deg, rgba(0, 15, 94, 0.82), rgba(0, 15, 94, 0.82)), linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));
    border-radius: 20px;
    padding: 42px 10px;
}
.content-text {
    text-align: center;
}
.content-text .btns-wrap {
    justify-content: center;
    margin-top: 32px;
}
.content-media {
    flex: 0 0 43%;
    position: relative;
}
.content-media.mobile-mode {
    margin: 26px 0 20px;
}
.content-media::after {
    content: '\e917';
    font-family: icomoon;
    position: absolute;
    top: 0;
    right: 0;
    font-size: 22px;
    line-height: 1;
    color: #fff;
}
.content-media > img {
    clip-path: polygon( 84.129% 0%,84.129% 0%,84.625% 0.035%,85.114% 0.138%,85.592% 0.308%,86.058% 0.543%,86.509% 0.841%,86.942% 1.199%,87.354% 1.617%,87.744% 2.092%,88.109% 2.622%,88.446% 3.206%,98.619% 22.475%,98.619% 22.475%,98.866% 22.977%,99.089% 23.502%,99.287% 24.05%,99.461% 24.617%,99.609% 25.201%,99.731% 25.8%,99.827% 26.413%,99.897% 27.036%,99.938% 27.667%,99.953% 28.305%,99.953% 75%,99.953% 90.964%,99.953% 90.964%,99.879% 92.43%,99.665% 93.82%,99.322% 95.117%,98.862% 96.301%,98.298% 97.353%,97.64% 98.257%,96.899% 98.991%,96.089% 99.539%,95.219% 99.882%,94.303% 100%,14.628% 100%,5.65% 100%,5.65% 100%,4.733% 99.882%,3.864% 99.539%,3.053% 98.991%,2.313% 98.257%,1.655% 97.353%,1.09% 96.3%,0.631% 95.116%,0.288% 93.82%,0.074% 92.43%,0% 90.964%,0% 85.843%,0% 9.036%,0% 9.036%,0.074% 7.57%,0.288% 6.18%,0.631% 4.884%,1.09% 3.7%,1.655% 2.647%,2.313% 1.743%,3.053% 1.009%,3.864% 0.461%,4.733% 0.118%,5.65% 0%,84.129% 0% );
}
.video-container {
    clip-path: polygon( 84.129% 0%,84.129% 0%,84.625% 0.035%,85.114% 0.138%,85.592% 0.308%,86.058% 0.543%,86.509% 0.841%,86.942% 1.199%,87.354% 1.617%,87.744% 2.092%,88.109% 2.622%,88.446% 3.206%,98.619% 22.475%,98.619% 22.475%,98.866% 22.977%,99.089% 23.502%,99.287% 24.05%,99.461% 24.617%,99.609% 25.201%,99.731% 25.8%,99.827% 26.413%,99.897% 27.036%,99.938% 27.667%,99.953% 28.305%,99.953% 75%,99.953% 90.964%,99.953% 90.964%,99.879% 92.43%,99.665% 93.82%,99.322% 95.117%,98.862% 96.301%,98.298% 97.353%,97.64% 98.257%,96.899% 98.991%,96.089% 99.539%,95.219% 99.882%,94.303% 100%,14.628% 100%,5.65% 100%,5.65% 100%,4.733% 99.882%,3.864% 99.539%,3.053% 98.991%,2.313% 98.257%,1.655% 97.353%,1.09% 96.3%,0.631% 95.116%,0.288% 93.82%,0.074% 92.43%,0% 90.964%,0% 85.843%,0% 9.036%,0% 9.036%,0.074% 7.57%,0.288% 6.18%,0.631% 4.884%,1.09% 3.7%,1.655% 2.647%,2.313% 1.743%,3.053% 1.009%,3.864% 0.461%,4.733% 0.118%,5.65% 0%,84.129% 0% );
    position: relative;
    display: flex;
    overflow: hidden;
    margin: 0 auto;
    z-index: 1;
}
.video-poster {
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 1;
    transition: 0.4s ease;
}
.video-btn {
    width: 41px;
    height: 41px;
    color: #fff;
    position: absolute;
    right: 50%;
    top: 50%;
    margin: auto;
    z-index: 1;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    border-radius: 100%;
    cursor: pointer;
    transition: 0.4s ease;
    background: #07136E;
    transform: translate(50%, -50%);
}
.video-btn:hover {
    background: var(--color2);
}
.video-btn::after {
    content: '';
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.17);
    position: absolute;
    margin: auto;
    inset: -4px;
    border-radius: 100%;
    animation: pulse-on 1s ease-in-out infinite;
    z-index: -1;
}
@keyframes pulse-on {
    0% {
        transform: scale(1);
        opacity: 1;
    }

    100% {
        transform: scale(1.4);
        opacity: 0;
    }
}
.video-text {
    position: absolute;
    bottom: 0;
    right: 0;
    background: #00063799;
    display: block;
    width: 100%;
    z-index: 1;
    color: #fff;
    padding: 11px 20px 12px;
    font-size: 13px;
    line-height: 28px;
    pointer-events: none;
    text-align: right;
}
/*---------------
 section brands
--------------*/
.swiper-brands-wrap {
    max-width: 100%;
    margin: 24px auto 0;
}
.swiper-brands {
    background: #0000000A;
    border-radius: 8px;
    padding: 8px;
}
.item-brand {
    width: 100%;
    background: linear-gradient(270deg,rgba(242, 242, 242, 0.8) 0%,rgba(242, 242, 242, 0.8) 35%, #3C38DB 50%, #7543FF 70%, #12BCFF 100%);
    background-position-x: 0%;
    background-position-y: 0%;
    background-size: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 70px;
    border-radius: 8px;
    background-size: 300%;
    background-position: 100%;
    transition: 0.5s ease;
}
.inner-page .item-brand {
    background: linear-gradient(270deg, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 35%, #3C38DB 50%, #7543FF 70%, #12BCFF 100%);
    background-size: 300%;
    background-position: 100%;
}
.swiper-slide-active .item-brand {
    background-position: 8%;
}
.item-brand img {
    transition: 0.4s ease;
    max-width: 70px;
}
.swiper-slide-active .item-brand img {
    filter: invert(100%) brightness(3);
}

/*---------
   block
----------*/
.section-block {
    overflow: hidden;
    position: relative;
    padding: 27px 0;
}
.img-block {
    position: relative;
    text-align: left;
}
.img-block::after {
    content: '\e916';
    font-family: icomoon;
    position: absolute;
    top: 0;
    left: 0;
    font-size: 22px;
    line-height: 1;
    color: var(--color1);
}
.about-content-wrap {
    display: flex;
    align-items: center;
}
.content-box {
    margin-top: 16px;
}

.section-title i.icon-logo {
    font-size: 32px;
    margin-bottom: 16px;
}
.img-block img {
    clip-path: polygon( 21.079% 0%,21.079% 0%,20.719% 0.018%,20.362% 0.071%,20.008% 0.159%,19.659% 0.281%,19.315% 0.437%,18.977% 0.627%,18.647% 0.849%,18.326% 1.104%,18.013% 1.391%,17.711% 1.71%,2.549% 18.767%,2.549% 18.767%,2.09% 19.34%,1.671% 19.976%,1.294% 20.67%,0.962% 21.417%,0.676% 22.21%,0.437% 23.044%,0.249% 23.913%,0.112% 24.811%,0.028% 25.733%,0% 26.673%,0% 61.538%,0% 90.385%,0% 90.385%,0.077% 91.944%,0.302% 93.424%,0.66% 94.804%,1.142% 96.063%,1.733% 97.184%,2.423% 98.145%,3.198% 98.927%,4.047% 99.51%,4.957% 99.874%,5.917% 100%,84.328% 100%,94.576% 100%,94.576% 100%,95.44% 99.887%,96.259% 99.559%,97.023% 99.034%,97.721% 98.33%,98.342% 97.465%,98.874% 96.457%,99.307% 95.323%,99.63% 94.081%,99.832% 92.75%,99.901% 91.346%,99.901% 91.346%,99.901% 9.615%,99.901% 9.615%,99.824% 8.056%,99.6% 6.576%,99.241% 5.197%,98.76% 3.937%,98.168% 2.816%,97.479% 1.855%,96.704% 1.073%,95.855% 0.49%,94.944% 0.126%,93.984% 0%);
}
.right-side::before, .right-side::after {
    content: '';
    width: 211px;
    height: 211px;
    position: absolute;
    right: -60px;
    display: inline-block;
    border-radius: 50%;
    opacity: 40%;
    filter: blur(254px)

}
.right-side::before {
    top: -80px;
    background: #7543FF;
}
.right-side::after {
    bottom: -80px;
    background: #12BCFF;
}
.left-side::before, .left-side::after {
    content: '';
    width: 211px;
    height: 211px;
    position: absolute;
    left: -60px;
    display: inline-block;
    opacity: 40%;
    border-radius: 50%;
    filter: blur(254px)
}
.left-side::before {
    top: -80px;
    background: #12BCFF;
}
.left-side::after {
    bottom: -80px;
    background: #7543FF;
}
.left-side,
.right-side {
    opacity: 0.4;
}
/*****************
   product
****************/
.product-inner {
    display: flex;
    gap: 8px;
    align-items: center;
    flex-direction: column;
}
.swiper-products-wrap {
    flex: 0 0 100%;
    max-width: 100%;
}
.product-item {
    border-radius: 36px;
    overflow: hidden;
    display: block;
    position: relative;
}
.product-item img {
    width: 100%;
}
.product-body {
    position: absolute;
    color: #fff;
    z-index: 1;
    bottom: 0;
    width: 100%;
    text-align: center;
    padding: 10px 15px 37px;
}
.product-item::before {
    content: '';
    height: 50%;
    width: 100%;
    background: linear-gradient(359.96deg, rgba(1, 27, 220, 0.58) 22.25%, rgba(0, 0, 0, 0) 99.96%);
    position: absolute;
    bottom: 0;
    transition: 0.4s ease;
}
.product-item:hover::before {
    height: 100%;
}
.product-content {
    margin-top: 16px;
    text-align: center;
}
.product-content .btns-wrap {
    justify-content: center;
}
.product-body .title {
    font-size: 26px;
    line-height: 41px;
}
.product-body .title-en {
    font-size: 25px;
    color: #ffffffa8;
}
.product-body::after {
    content: '';
    width: 40px;
    height: 3px;
    background: #fff;
    display: block;
    border-radius: 8px;
    margin: auto;
}
/*****************
banner
*************/
.item-banner {
    transition: 0.4s ease;
}
.item-banner img {
    width: 100%;
}
.item-banner:hover {
    filter: drop-shadow(10px 10px 2px #5340a494);
}
/************
features
**********/
.section-features {

    overflow: hidden;
    position: relative;
}
.section-features:after,
.section-features:before {
    content: '';
    width: 211px;
    height: 211px;
    position: absolute;
    display: inline-block;
    opacity: 60%;
    border-radius: 50%;
    filter: blur(254px);
    z-index: -2;
}
.section-features:before {
    background: #7543FF;
    bottom: 65px;
    right: 17%;
}
.section-features:after {
    background: #12BCFF;
    top: 50%;
    right: 30%;
}
.features-inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: column-reverse;
}

.features-content.items-in {
    flex: 0 0 45%;
}
.features-content .button.button2::after {
    background: #f1f1ed;
}
.features-content .button.button2:hover::after {
    background: var(--color1);
}
.features-box {
    flex: 0 0 100%;
    width: 100%;
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 24px;
    margin-top: 24px;
}
.feature-card {
    display: grid;
    grid-template-columns: repeat(2, auto);
    grid-template-rows: repeat(2, auto);
    grid-column-gap: 20px;
    grid-row-gap: 10px;
    align-items: center;
    position: relative;
    padding: 12px 0 12px 27px;

}
.icon-wrap {
    grid-area: 1 / 1 / 3 / 2;
    width: 72px;
    height: 72px;
    background: #FFFFFF33;
    backdrop-filter: blur(54px);
    border-radius: 50%;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: 36px;
}
.feature-card .title {
    font-size: 16px;
    font-family: var(--bold_font);
    color: #fff;
    font-weight: bold;
    line-height: 25px;
}
.feature-card .desc {
    font-size: 11px;
    color: #F2F2F2;
}
.feature-card::before {
    content: '';
    position: absolute;
    height: 100%;
    width: calc(100% - 36px);
    left: 0;
    border-radius: 22px;
    background: var(--color1);
    z-index: -1;
}
/* about intro */

.slider-box {
    position: relative;
    margin: 24px auto;
}
.swiper.swiper-slider {
    clip-path: polygon( 83.844% 0.305%,83.844% 0.305%,84.217% 0.326%,84.586% 0.389%,84.951% 0.493%,85.31% 0.637%,85.662% 0.82%,86.006% 1.043%,86.341% 1.304%,86.666% 1.603%,86.979% 1.939%,87.28% 2.311%,97.83% 16.298%,97.83% 16.298%,98.217% 16.86%,98.568% 17.474%,98.883% 18.136%,99.161% 18.84%,99.4% 19.582%,99.598% 20.358%,99.754% 21.161%,99.868% 21.989%,99.937% 22.835%,99.96% 23.696%,99.96% 76.492%,99.96% 90.595%,99.96% 90.595%,99.887% 92.121%,99.677% 93.568%,99.339% 94.917%,98.886% 96.149%,98.33% 97.245%,97.682% 98.185%,96.952% 98.95%,96.154% 99.52%,95.297% 99.877%,94.394% 100%,18.704% 100%,10.053% 100%,10.053% 100%,9.599% 99.968%,9.151% 99.876%,8.711% 99.723%,8.282% 99.511%,7.864% 99.242%,7.461% 98.918%,7.073% 98.539%,6.704% 98.107%,6.355% 97.625%,6.028% 97.092%,1.687% 89.414%,1.687% 89.414%,1.404% 88.873%,1.147% 88.299%,0.918% 87.697%,0.717% 87.069%,0.546% 86.418%,0.403% 85.746%,0.292% 85.058%,0.211% 84.355%,0.162% 83.641%,0.146% 82.918%,0.146% 9.709%,0.146% 9.709%,0.219% 8.184%,0.43% 6.737%,0.767% 5.387%,1.22% 4.155%,1.776% 3.059%,2.425% 2.119%,3.154% 1.355%,3.952% 0.784%,4.809% 0.428%,5.712% 0.305%);
}
.slider-box::after {
    content: '\e917';
    font-family: icomoon;
    position: absolute;
    top: 0;
    right: 0;
    font-size: 22px;
    line-height: 1;
    color: var(--color1);
}
.slider-box::before {
    content: '';
    width: 88%;
    height: 100%;
    background: var(--color1);
    clip-path: polygon( 91.473% 0%,8.482% 0%,8.482% 0%,6.876% 0.22%,5.381% 0.85%,4.021% 1.847%,2.82% 3.166%,1.801% 4.764%,0.988% 6.597%,0.404% 8.62%,0.072% 10.789%,0.017% 13.061%,0.261% 15.391%,13.104% 90.353%,13.104% 90.353%,13.698% 92.761%,14.574% 94.853%,15.687% 96.604%,16.991% 97.992%,18.443% 98.991%,19.996% 99.579%,21.606% 99.732%,23.228% 99.426%,24.817% 98.637%,26.327% 97.342%,96.475% 22.38%,96.475% 22.38%,98.164% 20.035%,99.282% 17.338%,99.861% 14.428%,99.933% 11.448%,99.528% 8.539%,98.68% 5.842%,97.418% 3.498%,95.775% 1.649%,93.783% 0.436%);
    position: absolute;
    left: 10px;
    top: -8px;
}
.slider-item {
    display: block;
}
.slider-item img {
    width: 100%;
}
.slider-navigation.v2 {
    bottom: 16px;
    background: #FFFFFF80;
    backdrop-filter: blur(52px);
}

.page-template-template-modular section:first-child {
    margin-top: 0;
    padding-top: 40px;
}
.section-about_intro{
    position: relative;
    overflow: hidden;
    padding: 60px 0;
}
.section-about_intro.section-theme {
    margin-bottom: 0;
}
.section-about_intro.items-in {
    padding-bottom: 90px;
}
.items-box {
    margin-top: -56px;
}
.icon-item .icon-back {
    grid-area: 1 / 1 / 3 / 2;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: 24px;
    z-index: 0;
    transition: 0.4s ease;
}
.icon-item .icon-back:before {
    content: "\e931";
    font-family: 'icomoon';
    color: var(--color3);
    font-size: 40px;
    position: absolute;
    z-index: -1;
    transition: 0.4s ease;
}
.icon-item:hover .icon-back:before {
    color: #fff;
}
.icon-item:hover .icon-back {
    color: var(--color3);
}
.icon-back img {
    max-width: 24px;
    filter: brightness(0) invert(1);
    transition: 0.4s ease;
}
.icon-item:hover img {
    filter: unset;
}
.icon-item {
    display: grid;
    grid-template-columns: 55px 1fr;
    grid-template-rows: repeat(2, 1fr);
    gap: 10px;
    background: #FFFFFF;
    border: 1px solid #D1DFE5;
    border-radius: 22px;
    padding: 16px 10px;
    position: relative;
    transition: 0.4s ease;
}
.icon-item .title {
    font-family: var(--bold_font);
    font-size: 16px;
    line-height: 25px;
    color: #262B4E;
    transition: 0.4s ease;
}
.icon-item .desc {
    color: #333;
    font-size: 13px;
    text-align: right;
    transition: 0.4s ease;
}
.icon-item:hover {
    background: var(--color3);
}
.icon-item:hover .title,
.icon-item:hover .desc {
    color: #fff;
}
.access-item {
    padding-left: 50px;
}
.access-item > i {
    position: absolute;
    left: 24px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 22px;
    color: var(--color3);
    transition: 0.4s ease;
}
.access-item:hover > i {
    color: #fff;
}
/* team */
.team-item {
    text-align: center;
    padding: 10px 10px 20px 10px;
    border: 1px solid #0000000D;
    border-radius: 30px 30px 6px 6px;
    transition:0.4s;
    background:#fff;
}


.team-img {
    position: relative;
    border-radius: 26px;
    margin-bottom: 17px;
    overflow: hidden;
}
.team-img::before {
    content: '';
    width: 100%;
    height: 0;
    background: linear-gradient(180deg, rgba(18, 188, 255, 0) 0%, rgba(18, 188, 255, 0.5) 100%);
    display: inline-block;
    position: absolute;
    z-index: 2;
    transition: 0.4s ease;
    bottom: 0;
}
.team-item:hover .team-img::before {
    height: 100%;
}
.team-content {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.team-content .name {
    color: #333;
    font-size: 20px;
    line-height: 31px;
    margin-bottom: 8px;
    transition: 0.4s ease;
}
.team-item:hover .team-content .name{
    color: var(--color3);
}
.team-item:hover .team-content .post{
    color: #333333;
}
.team-content .post {
    color: #A6A6A6;
    font-size: 15px;
    margin-bottom: 20px;
    transition: 0.4s ease;
}
.team-item img {
    width: 100%;
    object-fit: cover;
    position: relative;
    z-index: 1;
}
.team-access {
    display: flex;
    gap: 10px 16px;
    font-size: 13px;
    margin-bottom: 14px;
}
.team-access a {
    display: flex;
    align-items: center;
    gap: 4px;
    color: #333333;
    transition: 0.4s ease;
}
.team-access a i {
    transition: 0.4s ease;
    font-size: 18px;
    color: #A6A6A6
}
.team-item:hover .team-access a i {
    color:var(--color3)
}
.team-access a:hover {
    color:var(--color3)
}
.teams-social {
    display: inline-flex;
    align-items: center;
    gap: 16px;
    z-index:1;
}

.teams-social a {
    display: flex;
    line-height: 1;
    color: #989797;
    font-size: 23px;
    transition: 0.4s ease;
}
.teams-social a:hover{
    color:var(--color3)
}
/* testimonial*/
.section-testimonial {
    padding: 48px 0;
}
.section-testimonial {
    position: relative;
    overflow: hidden;
}
.swiper.swiper-testimonial {
    height: 265px;
    padding-bottom: 103px;

}
.testimonial-card {
    background: #fff;
    border: 1px solid #17214C1A;
    padding: 10px;
    border-radius: 14px;
    transition: 0.4s ease;
}
.swiper.swiper-testimonial .swiper-slide:not(.swiper-slide-active) .testimonial-card {
    background: #DBE4FB;
}
.testimonial-content {
    text-align: center;
}
.testimonial-content .editor-content p{
    text-align: center;
}
.testimonial-head {
    display: flex;
    gap: 0 20px;
    align-items: center;
    margin-bottom: 16px;
}
.testimonial-head .img-wrap {
   max-width: 60px;
    max-height: 60px;
    border-radius: 50%;
    overflow: hidden;
    position: relative;
}
.swiper-slide .img-wrap::before {
    content: '';
    width: 100%;
    height: 100%;
    background: #0123DCC4;
    display: inline-block;
    position: absolute;
    mix-blend-mode: plus-lighter;
    opacity: 0;
    transition: 0.4s ease;
}

.swiper-slide-active .img-wrap::before {
    opacity: 1;
}
.testimonial-info {
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.testimonial-info .title {
    font-family: var(--bold_font);
    font-size: 15px;
    color: #000;
    line-height: 30px;
}
.testimonial-info .position {
    font-size: 13px;
    color: #000000b0;
    line-height: 1;
}
.testimonial-card .desc {
    color: #747474;
    font-size: 14px;
    line-height: 35px;
}
.testimonial-desc {
    min-height: 118px;
    display: block;
}
.testimonial-content-wrap {
    display: flex;
}
.testimonial-content {
    align-self: center;
}
/* honor */
.honor-item {
    border-radius: 30px 30px 10px 10px;
    border: 1px solid #F6F6F6;

    position: relative;
    overflow: hidden;
}
.honor-item > a {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 290px;
}
.honor-item img {
    max-height: 220px;
    width: auto;
}
.caption.honor-content {
    text-align: center;
    color: #272829;
    margin-top: 16px;
}
.honor-item::before {
    content: '';
    background: linear-gradient(0, #3C38DB 0%, #7543FF 12.5%, #12BCFF 50%, #FFF 90%,#fff 80%);
    width: 100%;
    height: 0;
    position: absolute;
    bottom: 0;
    z-index: -1;
    transition: 0.4s ease;
    pointer-events: none;
}
.honor-item::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 50px;
    padding: 2px;
    background: linear-gradient(270deg, #3C38DB 0%, #7543FF 42.5%, #12BCFF 100%);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask-composite: add, add;
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    border-radius: 30px 30px 10px 10px;
    transition: 0.4s ease;
    opacity: 0;
    pointer-events: none;
}
.swiper-slide-active .honor-item::before {
    height: 100%;
}
.swiper-slide-active .honor-item::after {
    opacity: 1;
}
.swiper-slide-active .honors-part .caption.honor-content {
    color: var(--color3);
}
.swiper-honor .swiper-slide {
    opacity: 0.4;
}
.swiper-honor .swiper-slide.swiper-slide-fully-visible {
    opacity: 0.6;
}
.swiper-honor .swiper-slide.swiper-slide-fully-visible.swiper-slide-prev,
.swiper-honor .swiper-slide.swiper-slide-fully-visible.swiper-slide-next {
    opacity: 0.8;
}
.swiper-honor .swiper-slide.swiper-slide-fully-visible.swiper-slide-active{
    opacity: 1;
}

/* gallery */
.sliderGallery-item {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(3, auto);
    gap: 15px;
}
.sliderGallery-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.main-item {
    grid-area: 1 / 1 / 2 / 3;
    clip-path: polygon( 82.347% 0.031%,82.347% 0.031%,82.505% 0.041%,82.663% 0.07%,82.818% 0.118%,82.97% 0.185%,83.118% 0.27%,83.263% 0.373%,83.403% 0.494%,83.537% 0.631%,83.666% 0.786%,83.788% 0.956%,99.212% 24.148%,99.212% 24.148%,99.343% 24.363%,99.462% 24.593%,99.568% 24.838%,99.661% 25.096%,99.741% 25.366%,99.808% 25.646%,99.86% 25.935%,99.898% 26.232%,99.921% 26.534%,99.929% 26.84%,99.929% 81.687%,99.929% 96.189%,99.929% 96.189%,99.901% 96.776%,99.819% 97.332%,99.688% 97.851%,99.512% 98.325%,99.297% 98.747%,99.045% 99.108%,98.762% 99.402%,98.453% 99.622%,98.12% 99.759%,97.77% 99.806%,18.631% 99.806%,8.566% 99.806%,8.566% 99.806%,8.382% 99.793%,8.2% 99.754%,8.022% 99.689%,7.848% 99.6%,7.679% 99.487%,7.517% 99.35%,7.362% 99.191%,7.215% 99.01%,7.077% 98.808%,6.949% 98.585%,0.605% 86.565%,0.605% 86.565%,0.505% 86.361%,0.415% 86.147%,0.334% 85.923%,0.263% 85.69%,0.203% 85.45%,0.153% 85.203%,0.114% 84.951%,0.086% 84.694%,0.069% 84.433%,0.063% 84.169%,0.063% 3.648%,0.063% 3.648%,0.092% 3.062%,0.173% 2.505%,0.304% 1.986%,0.48% 1.512%,0.695% 1.091%,0.947% 0.729%,1.23% 0.435%,1.54% 0.216%,1.872% 0.079%,2.222% 0.031%,82.347% 0.031% );
}
.grid-item {
    clip-path: polygon( 19.514% 0.087%,19.514% 0.087%,19.025% 0.114%,18.544% 0.195%,18.073% 0.328%,17.614% 0.511%,17.17% 0.744%,16.744% 1.025%,16.338% 1.351%,15.954% 1.723%,15.594% 2.138%,15.263% 2.595%,1.497% 23.297%,1.497% 23.297%,1.254% 23.69%,1.035% 24.101%,0.839% 24.53%,0.668% 24.974%,0.522% 25.432%,0.401% 25.901%,0.306% 26.381%,0.238% 26.868%,0.196% 27.363%,0.183% 27.863%,0.183% 81.718%,0.183% 92.757%,0.183% 92.757%,0.255% 93.904%,0.466% 94.993%,0.804% 96.008%,1.256% 96.935%,1.813% 97.759%,2.461% 98.466%,3.191% 99.041%,3.989% 99.47%,4.846% 99.738%,5.749% 99.831%,81.441% 99.831%,89.504% 99.831%,89.504% 99.831%,90.057% 99.796%,90.598% 99.693%,91.126% 99.524%,91.636% 99.292%,92.124% 98.999%,92.588% 98.646%,93.023% 98.238%,93.428% 97.775%,93.797% 97.261%,94.127% 96.697%,99.057% 87.356%,99.057% 87.356%,99.232% 87%,99.391% 86.633%,99.532% 86.256%,99.654% 85.87%,99.759% 85.475%,99.845% 85.073%,99.912% 84.665%,99.961% 84.252%,99.99% 83.836%,100% 83.416%,100% 7.161%,100% 7.161%,99.927% 6.013%,99.716% 4.925%,99.379% 3.91%,98.926% 2.983%,98.37% 2.159%,97.721% 1.451%,96.992% 0.876%,96.193% 0.447%,95.337% 0.179%,94.434% 0.087%,19.514% 0.087% );
}
.main-item .for-lightgallery {
    display: block;
}
.main-item .video-container {
    clip-path: unset;
    height: 100%;
}
.main-item .video-btn {
    background: transparent;
    color: var(--color3);
    font-size: 50px;
}
.sliderGallery-item {
    position: relative;
}

.video-container {
    display: block;
    position: relative;
}
/*targets*/
.section-targets {
    padding: 54px 0 42px;
    position: relative;
    overflow: hidden;
}
.target-item {
    background: #F2F2F2;
    border-radius: 20px 20px 9px 9px;
    border-top: 3px solid #12BCFF;
    padding: 15px 16px 10px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.target-icon {
    width: 50px;
    height: 50px;
    background: var(--color3);
    border-radius: 11px;
    font-size: 28px;
    margin-bottom: 15px;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}
.target-item .title {
    font-size: 16px;
    line-height: 32px;
    color: #121212;
    margin-bottom: 10px;
}
.icon-divider {
    width: 20px;
    height: 3px;
    border-radius: 3px;
    background: #7500E8;
    opacity: 10%;
    margin-bottom: 10px;
    box-shadow: 0px 4px 4px 0px #00000040;
}
.target-item .desc {
    font-size: 14px;
    line-height: 32px;
    color: #666666;
}
/* blog tab*/
.tabs-blogitems {
    gap: 0.5rem;
    margin-bottom: 1rem;
    padding-bottom: 6px;
    transition: 0.3s;
}
.content-blogtab .stretch-blogcard:not(:last-child) {
    margin-bottom: min(1.5rem, 5vw);
}
.btn--blogtab {
    color: #666666;
    background-color: #fff;
    border-radius: 12px;
    padding: 6px 15px;
    transition: 0.3s;
    cursor: pointer;
    font-size: 14px;
    text-align: center;
}
.btn--blogtab:hover,
.btn--blogtab.active {
    background-color: var(--color1);
    color: #fff;
}
.sidebar-banner {
    margin-bottom: 30px;
    display: block;
    border-radius: 45px;
    overflow: hidden;
}
.sidebar-banner img {
    width: 100%;
}
.mobile a.sidebar-banner:active,
.desktop a.sidebar-banner:is(:hover, :focus-visible) {
    opacity: 0.8;
}
.content-blogtab .post-item {
    margin-bottom: 24px;
}
.content-blogtab .post-item.post-item-hr .post-image img {
    min-height: 220px;
}
.post-item-content {
    padding: 20px min(2rem, 3vw);
}
.blog-btn {
    font-size: 16px;
    display: flex;
    align-items: center;
    gap: 10px;
    color: var(--color3);
    margin-top: 14px;
}
.blog-btn i {
    font-size: 10px;
}
.section-desc-inner {
    padding: 20px 17px;
    border-radius: 44px 44px 12px 12px;
    position: relative;
    display: block;
    background: var(--color1);
    color: white;
    z-index: 1;
    overflow: hidden;
    border-bottom: 10px solid #12BCFF;
}
.section-desc-inner::before {
    content: "\e92c";
    font-family: 'icomoon';
    font-size: 135px;
    display: block;
    position: absolute;
    left: 16px;
    opacity: 10%;
    top: 83%;
    line-height: 1;
    transform: translateY(-40%);
}
.title-inner {
    font-size: 18px;
    color: var(--color3);
    margin-bottom: 17px;
}

/* product page */
.modular-access {
    border: 1px solid #0123DC;
    display: flex;
    border-radius: 20px;
    padding: 15px;
    max-width: fit-content;
    gap: 30px;
    background: rgb(255,255,255);
    background: linear-gradient(90deg, rgb(255, 255, 255) 11%, rgb(208, 242, 255) 31%, rgb(243, 244, 244) 45%, rgb(227, 218, 253) 54%, rgb(239, 239, 239) 76%, rgb(208, 242, 255) 85%);
    overflow: auto;
    white-space: nowrap;
}
.modular-links {
    display: flex;
    gap: 5px;
}
.modular-links a {
    padding: 5px 15px;
    border-radius: 10px;
    color: var(--color1);
    min-width: 100px;
    display: inline-block;
    text-align: center;
    background: transparent;
    transition: 0.4s ease;
}
.scroll-item.active {
    background: var(--color1);
    color: #fff;
}
.inner-page .section-hero {
    height: unset;
}
.access-btn {
    display: flex;
    align-items: center;
    gap: 8px;
    color: var(--color2);
}
.access-btn > i {
    width: 42px;
    height: 42px;
    border-radius: 12px;
    background: var(--color1);
    color: #fff;
    font-size: 22px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}
.modular-access-wrap {
    margin-top: 80px;
    position: sticky;
    top: 80px;
    z-index: 2;
}
.access-btn span {
    direction: ltr;
}
/* product features */
.pr-feature-item {
    border: 4px solid transparent;
    border-radius: 24px;
    padding: 24px;
    background-clip: padding-box;
    position: relative;
    z-index: 1;
    text-align: center;
}
.pr-feature-item::before {
    content: '';
    position: absolute;
    top: -1px;
    left: -1px;
    right: -1px;
    bottom: -1px;
    border-radius: 24px;
    padding: 2px;
    background: linear-gradient(270deg, rgba(60, 56, 219, 0.6) 0%, rgba(117, 67, 255, 0.6) 42.5%, rgba(18, 188, 255, 0.6) 100%);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    z-index: -1;
}
.pr-feature-item img {
    max-width: 72px;
    margin-bottom: 16px;
}
.pr-feature-item .title {
    color: #262626;
    font-size: 18px;
    margin-bottom: 16px;
}
.pr-feature-item .desc {
    color: #5F5F5F;
    font-size: 16px;
}
.image-block img {
    border-radius: 40px;
}

.section-block-pr .image-block {
    margin-bottom: 24px;
    text-align: center;
}
.section-full {
    background-attachment: fixed;
    background-position: center;
    background-size: cover;
    padding: 64px 0 170px;
}
.banner-content {
    text-align: center;
    max-width: 100%;
    margin: auto;
}
.banner-content .editor-content p {
    text-align: center;
}
.banner-content .btns-wrap {
    justify-content: center;
}
.section-product .section-title {
    margin-bottom: 32px;
}
.group-image {
    border-radius: 33px;
    display: block;
    overflow: hidden;
    margin-bottom: 16px;
}
.group-body .title {
    color: #333;
    font-size: 20px;
    margin-bottom: 8px;
    text-align: center;
    transition: 0.4s ease;
}
.group-body .desc {
    text-align: right;
    display: block;
    color: #5F5F5F;
    opacity: 0;
    padding: 0 10px;
    transition: 0.4s ease;
}
.swiper-slide-active .group-body .desc {
    opacity: 1;
}
.swiper-slide-active .group-body .title {
    color: var(--color2);
}
.swiper-productsGroup .swiper-slide {
    transition: 0.4s ease;
}
.swiper-productsGroup .swiper-slide:not(.swiper-slide-visible) {
    opacity: 0;
}
.swiper-service {
    height: 500px;
    margin-right: 30px;
    padding-bottom: 65px;
}
.service-card {
    padding: 12px;
    border-radius: 18px;
    background: #fff;
    box-shadow: 0px 4px 27px 0px #2B37BD26;
    margin: 0 20px;
    display: flex;
    align-items: center;
    gap: 5px;
    transition: 0.4s  ease;
}
.swiper.swiper-service .swiper-slide:not(.swiper-slide-active) .service-card {
    background: #E1E4FC;
    filter: blur(5px);
}
.service-img {
    flex: 0 0 30%;
}
.service-img img {
    width: 100%;
    border-radius: 11px;
}
.service-info {
    text-align: right;
}
.service-info .title {
    font-size: 13px;
    color: var(--color2);
    margin-bottom: 12px;
    display: block;
    text-align: right;
}

.service-info .desc {
    font-size: 12px;
    color: #262B4E;
    margin-bottom: 10px;
}
.service-link {
    background: var(--color1);
    clip-path: polygon( 28.406% 1.667%,28.406% 1.667%,27.17% 1.726%,25.953% 1.9%,24.761% 2.187%,23.599% 2.584%,22.474% 3.087%,21.392% 3.693%,20.358% 4.4%,19.38% 5.204%,18.464% 6.102%,17.615% 7.09%,6.511% 21.196%,6.511% 21.196%,5.868% 22.076%,5.286% 22.999%,4.768% 23.962%,4.315% 24.96%,3.927% 25.99%,3.607% 27.048%,3.356% 28.129%,3.175% 29.23%,3.065% 30.346%,3.028% 31.474%,3.028% 75%,3.028% 82.632%,3.028% 82.632%,3.215% 85.179%,3.756% 87.595%,4.622% 89.847%,5.782% 91.905%,7.209% 93.734%,8.872% 95.304%,10.743% 96.581%,12.791% 97.533%,14.987% 98.128%,17.303% 98.333%,92.21% 98.333%,92.21% 98.333%,92.818% 98.279%,93.394% 98.123%,93.932% 97.873%,94.423% 97.538%,94.86% 97.126%,95.234% 96.645%,95.539% 96.105%,95.767% 95.514%,95.909% 94.879%,95.958% 94.211%,95.958% 50.431%,95.958% 5.789%,95.958% 5.789%,95.909% 5.121%,95.767% 4.486%,95.539% 3.895%,95.234% 3.355%,94.86% 2.874%,94.423% 2.462%,93.932% 2.127%,93.394% 1.877%,92.818% 1.721%,92.21% 1.667%);
    width: 26px;
    height: 25px;
    display: inline-flex;
    color: #fff;
    justify-content: center;
    align-items: center;
}
.service-link:hover {
    color: var(--color3);
}
.section-blog.with-bg {
    padding: 54px 0;
    overflow: hidden;
    position: relative;
}
/**************************/
/* res
*/
/**************************/
@media (min-width: 380px) {
    .img-block::after,
    .content-media::after,
    .about-image::after,
    .slider-box::after {
        font-size: 33px;
    }
}
/**************************/
/* ABOVE 768px */
/**************************/
@media (min-width: 48em) {
    .buttons-wrap {
        gap: 16px;
    }
    .buttons-wrap .button {
        min-width: 155px;
        font-size: 16px;
        padding: 5px 18px;
    }
    .title-inner {
        font-size: 24px;
    }
    .stretch-blogcard .post-item {
        display:flex;
        flex-direction: row;
    }
    .sectiob-blogtab .stretch-blogcard .post-card__date {
        left: auto;
        right: 0;
        transform-origin: 75% -18%;
    }
    .stretch-blogcard .post-item-image img {
        width: 100%;
        aspect-ratio: 5 / 3;
        -o-object-fit: cover;
        object-fit: cover;
        height: 100%;
        transition: 0.3s;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
    }
    .stretch-blogcard .blog-date {
        margin-top: 0;
        margin-bottom: 0.5rem;
    }

    .stretch-blogcard .post-item-image {
        margin: 0;
        width: 34%;
        flex: 0 0 34%;
        display:flex;
    }

    .stretch-blogcard .post-item h2 {
        margin-bottom: 14px;
        text-align: right;
        justify-content: flex-start;
        min-height: unset;
        margin-top: 0;
        font-size: 18px;
        font-family: var(--bold_font);
    }

    .stretch-blogcard {
        margin-bottom: 1.4rem;
    }

}
/**************************/
/* ABOVE 992px */
/**************************/
@media (min-width: 62em) {
    .tabs-blogitems {
        gap: 1.5rem;
        margin-bottom: 3.4rem;
        padding-bottom: 6px;
        transition: 0.3s;
    }
    .btn--blogtab {
        font-size: 16px;
    }

}
@media screen and (min-width: 576px) {
    .features-box {
        grid-template-columns: repeat(2, 1fr);
        gap: 15px 10px;
    }
    .section-features:after {
        top: 80px;
    }
    .btn--blogtab {
        padding: 6px 20px;
        min-width: 112px;
    }
}

@media screen and (min-width: 768px) {
    .slider-box {
        flex: 0 0 80%;
        max-width: 80%;
        margin-top: 20px;
    }
    .slider-navigation {
        bottom: 41px;
    }
    .page-template-template-modular section:first-child {
        padding-top: 70px;
    }
    .icon-item {
        padding: 25px 24px;
    }
    .testimonial-card {
        padding: 21px 20px;
        border-radius: 38px;
    }
    .sliderGallery-item {
        display: grid;
        grid-template-columns: repeat(2, 2fr) 6fr;
        grid-template-rows: repeat(2, 1fr);
        gap: 24px;
    }
    .main-item {
        grid-area: 1 / 3 / 3 / 4;
    }
    .banner-content {
        max-width: 90%;
    }
}
@media screen and (min-width: 992px) {
    .section-hero.product-hero {
        margin: 93px 0 85px;
    }
    .section-features {
        padding: 78px 0;
    }
    .section-theme {
        margin: 140px 0;
    }
    .section-hero {
        height: calc(calc(var(--vh, 1vh) * 100) - 70px);
        margin:0 0 80px
    }
    .section-hero .scroll-down {
        display: inline-flex;
    }
    .slide-content {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 45%;
    }
    .slide-content .title {
        font-size: 48px;
        line-height: 75px;
        opacity: 0;
        font-weight: bold;
    }
    .slide-content .subtitle {
        font-size: 20px;
        line-height: 40px;
    }
    .slide-content .content {
        color: var(--white);
        font-size: 16px;
        line-height: 31px;
        margin-top: 16px;
    }
    .slide-content .link {
        margin-top: 48px;
    }

    .section-content-inner {
        flex-direction: row;
        gap: 124px;
        padding: 60px 84px;
    }
    .about-inner:not(.mobile) {
        display: flex;
        gap: 20px;
        align-items: center;
        flex-direction: row;
    }
    .slider-box {
        flex: 0 0 50%;
        max-width: 50%;
    }
    .about-image::after {
        font-size: 44px;
    }
    .swiper-features-wrap .swiper-navigation {
        position: absolute;
        left: 0;
        right: unset;
        top: 50%;
        transform: translateY(-50%);
        margin: 0;
    }
    .swiper-testimonial-wrap .swiper-navigation {
        position: absolute;
        left: 0;
        right: unset;
        top: 50%;

        margin: 0;
    }
    .swiper-features-wrap.sw {
        padding-left: 80px;
        margin-right: -51px;
        margin-top: 0;
    }
    .swiper-testimonial-wrap {
        padding-left: 80px;
        margin-top: 0;
    }
    .content-media::after {
        font-size: 44px;
    }
    .content-text {
        text-align: right;
    }
    .content-text .btns-wrap {
        justify-content: flex-start;
        margin-top: 40px;
    }
    .swiper-brands-wrap {
        max-width: 75%;
    }
    .item-brand {
        min-height: 147px;
    }
    .item-brand img {
        max-width: 200px;
    }
    .swiper-brands {
        border-radius: 16px;
        padding: 24px 0;
    }
    .product-inner {
        flex-direction: row;
        gap: 35px;
    }
    .product-content {
        margin-top: 0;
        text-align: right;
    }
    .product-content .btns-wrap {
        justify-content: flex-start;
    }
    .swiper-products-wrap {
        flex: 0 0 68%;
        max-width: 68%;
    }
    .product-content .swiper-navigation {
        right: 0;
        transform: unset;
    }
    .img-block::after {
        font-size: 44px;
    }
    .content-box {
        padding-right: 60px;
        margin-top: 0;
    }
    .section-block {
        padding: 82px 0;
    }
    .left-side,
    .right-side {
        opacity: 1;
    }
    .features-inner {
        flex-direction: row;
    }
    .features-box {
        flex: 0 0 52%;
        margin-top: 0;
        gap: 25px 15px;
    }
    .video-text {
        padding: 20px 42px 24px;
        font-size: 18px;
        line-height: 28px;
    }
    .video-btn {
        width: 74px;
        height: 74px;
        font-size: 26px;
    }
    .slider-box::after {
        font-size: 44px;
    }
    .section-editor-inner {
        max-width: 80%;
        margin: auto;
    }
    .section-desc-inner {
        padding: 48px;
    }
    .page-template-template-modular section:first-child {
        padding-top: 90px;
    }
    .section-desc-inner::before {
        font-size: 174px;
        top: 50%;
    }
    .section-about_intro.items-in {
        padding-bottom: 162px;
    }
    .team-access {
        gap: 10px 16px;
        margin-bottom: 14px;
    }
    .testimonial-head {
        gap: 0 32px;
        margin-bottom: 22px;
    }
    .testimonial-head .img-wrap {
        max-width: 120px;
        max-height: 120px;
    }
    .testimonial-info .title {
        font-size: 17px;
    }
    .testimonial-info .position {
        font-size: 16px;
    }
    .testimonial-card .desc {
        font-size: 18px;
    }
    .testimonial-desc {
        min-height: 90px;
    }
    .swiper.swiper-testimonial {
        height: 390px;
    }
    .testimonial-content {
        text-align: right;
    }
    .testimonial-content .editor-content p{
        text-align: right;
    }
    .section-targets {
        padding: 64px 0 79px;
        position: relative;
        overflow: hidden;
    }
    .target-item {
        border-radius: 30px 30px 12px 12px;
        border-top: 5px solid #12BCFF;
        padding: 20px 24px 32px;
    }
    .target-icon {
        width: 70px;
        height: 70px;
        border-radius: 16px;
        font-size: 32px;
        margin-bottom: 20px;
    }
    .target-item .title {
        font-size: 20px;
        line-height: 32px;
        margin-bottom: 14px;
    }
    .icon-divider {
        width: 24px;
        margin-bottom: 15px;
    }
    .target-item .desc {
        font-size: 16px;
    }
    .honor-item > a {
        display: flex;
        justify-content: center;
        align-items: center;
        min-height: 398px;
    }
    .honor-item img {
        max-height: 290px;
        width: auto;
    }
    .section-block-pr .image-block {
        margin-bottom: 0;
    }
    .banner-content {
        max-width: 80%;
    }
    .group-body .desc {
        padding: 0 40px;
    }
    .service-card {
        padding: 24px;
        border-radius: 40px;
        gap: 13px;
    }
    .service-img {
        flex: 0 0 35%;
    }
    .service-img img {
        border-radius: 24px;
    }
    .service-info .title {
        font-size: 20px;
        margin-bottom: 30px;
    }
    .service-info .desc {
        font-size: 16px;
        margin-bottom: 28px;
    }
    .service-link {
       width: 32px;
        height: 31px;
    }
    .order-lg-2 .image-block {
        text-align: left !important;
    }
    .order-lg-1 .image-block {
        text-align: right !important;
    }
}

@media screen and (min-width: 1200px) {
    .page-template-template-modular section:first-child {
        padding-top: 120px;
    }
    .section-about_intro{
        padding: 120px 0;
    }
    .features-box {
        flex: 0 0 45%;
        margin-top: 0;
        gap: 25px 29px;
    }
    .slider-box::after {
        font-size: 44px;
    }
    .slider-box {
        flex: 0 0 42%;
        max-width: 42%;
        margin-right: 80px;
    }
    .banner-content {
        max-width: 50%;
    }
}