@media (max-width: 1500px) {


    .main-home-page .section-3-hp .box-partnerships .name-partnerships .item .product .icon-pr img {
        object-fit: contain;
        width: 80.35px;
        height: 57.33px;
    }

    .main-home-page .section-3-hp .box-partnerships .name-partnerships .item .product {
        gap: 72.57px;
    }
}

@media (max-width: 1450px) {
    .main-home-page .section-8-hp .re-box-banner .slide-text .item .title {
        width: 84%;
    }

    .main-home-page .section-1-hp {
        background-position: top;
        background-size: contain;
    }

    .main-home-page .section-3-hp .box-text-s3 p {
        width: 64%;
    }

    .main-home-page .section-4-hp .container {
        padding: 0;
        margin: 0;
    }

    /*
    .main-home-page .section-4-hp .box-s4-hp .box-report {
        display: none;
    } */

    .main-home-page .section-4-hp .box-s4-hp .box-text {
        max-width: 1450px;
        padding: 0px 0px 0px 0px;
        background-color: #212123;
        border-radius: 17.33px;
        /* padding: 22px; */
    }

    .main-home-page .section-4-hp .box-s4-hp .box-report {
        padding: 16px 24px;
        margin-top: -24px;
    }

    .main-home-page .section-4-hp .box-s4-hp {
        padding-top: 240px;
    }

    .main-home-page .container-out-slide1 .box-end-out-slide {
        align-items: center;
    }

    .menu-navbar .navbar ul {
        margin: 0px 0px 0px 0px;
    }

    .whitepagers .list-post {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 30px;
    }

    .whitepagers .list-post .box-post {
        max-width: 96%;
    }


}

@media (max-width: 1201px) {


    .footer-menu .box-menu .box-menu1 {
        padding: 52px 36.33px 38px 0px;
    }

    .blog-detail .s2-bl-detail .container-box-img .box-img .image-content {
        width: 100%;
    }

    .clients-right {
        padding: 41.33px 0px 58.67px 58.67px !important;
        justify-content: space-between;
    }

    .blog-detail .s2-bl-detail .container-box-img .box-img {
        padding: 29px 26px 25px 26px;
    }

    .blog-detail .s2-bl-detail .title {
        justify-content: flex-start;
    }

    .blog-detail .s2-bl-detail .title h1 {
        width: 100%;
    }

    .blog-detail .s2-bl-detail .text-day .text-content-after-title p {
        width: 100%;
    }

    .blog-detail .s2-bl-detail .text-day {
        gap: 100px;
    }

    .blog-detail .content-text p {
        line-height: 28.22px;
        font-size: 17px;
        width: 70%;
    }

    .blog-detail .content-text h1 {
        width: 70%;
    }

    .blog-detail .content-text h2 {
        width: 70%;
    }

    .blog-detail .content-text h3 {
        width: 70%;
    }

    .blog-detail .content-text h4 {
        width: 70%;
    }

    .blog-detail .content-text h5 {
        width: 70%;
    }

    .blog-detail .content-text h6 {
        width: 70%;
    }
}

@media (max-width: 1139px) {


    #menu-mb>ul>li {
        max-width: 100%;
    }

    #menu-mb>ul {
        align-items: flex-start !important;
    }

    .icon-menu-mb ul.menu-text li a {
        max-width: max-content;
    }

    .menu-navbar .navbar ul {
        margin: 0px 0px 0px 0px;
        display: none;
    }

    .menu-navbar .navbar .menu-button {
        display: none;
    }

    .menu-navbar .navbar .icon-menu-mb {
        display: block;
    }

    .menu-navbar .navbar .icon-menu-mb ul {
        display: block;
    }

    .menu-button-mb {
        display: block !important;
        margin-top: 50px;
    }
}

@media (max-width: 1023px) {
    .main-home-page .section-2-hp .box-card-s2 {
        flex-direction: column;
        gap: 0px;
    }

    .main-home-page .section-2-hp .box-card-s2 .item {
        margin-bottom: 20px;
        width: 100%;
    }

    .main-home-page .section-3-hp .box-partnerships .name-partnerships .item .product {
        display: flex;
        align-items: flex-start;
        gap: 18.57px;
        border-top: 0.8px solid #484848;
        padding-top: 18.33px;
    }
}

@media (max-width: 800px) {
    .main-home-page .section-7-hp .box-text {
        display: flex;
        flex-direction: column;
    }

    .main-home-page .section-7-hp .box-text h2 {
        width: 100%;
        text-align: center;
    }

    .main-home-page .section-7-hp .box-text .box-right {
        width: 100%;
        justify-content: space-between;
    }

    .container-section7-hp {
        padding: 0 30px;
    }
}

@media (max-width: 1024px) {

    .footer-menu .box-menu .box-menu1 {
        padding: 52px 15px 38px 0px;
        width: 52%;
    }

    .footer-menu .box-menu .box-menu2 {
        padding: 34px 15px 38px 20px;
        width: 52%;
    }

    .footer-menu .box-menu .box-menu3 {
        padding: 34px 15px 38px 20px;
        width: 36%;
    }

    .footer-menu .box-menu .box-menu4 {
        padding: 34px 15px 38px 20px;
        width: 17%;
    }



    .main-home-page .container-out-slide1 .box-end-out-slide a div p {
        white-space: nowrap;

    }

    .main-home-page .section-3-hp .box-text-s3 p {
        width: 100%;
    }

    .main-home-page .section-3-hp .box-partnerships .name-partnerships .item .product .icon-pr img {
        object-fit: scale-down;
    }

    .main-home-page .section-3-hp .box-partnerships .cate-partnerships {
        padding: 36px 10px 30px 10px;
    }

    .main-home-page .section-7-hp .box-text {
        flex-direction: column;
    }

    .main-home-page .section-7-hp .box-text .box-right {
        width: 100%;
    }

    .main-home-page .section-7-hp .box-text h2 {
        width: 100%;
        text-align: left;
    }
}

@media (max-width: 768px) {
    /* body {
        overflow: hidden;
    } */
    html,

    body {
        overflow-x: initial;
    }

    main {
        padding-top: 80px;
        overflow: hidden;
    }

    .has-menu-open .menu-navbar {
        height: 100%;
    }

    .menu-navbar .navbar ul {
        gap: 10px;
    }

    .main-home-page .section-2-hp .box-card-s2 .item {
        margin-bottom: 20px;
        width: 100%;
        min-height: auto;
    }

    .orbit-main-wrapper {
        height: 90vw;
        width: 90vw;
        top: -20%;
        right: -35%;
    }

    .animated-svg {
        height: 120vw;
        width: 120vw;
    }

    .progress-circle-left {
        display: none;
    }

    .progress-circle-right {
        display: none;
    }

    .main-home-page .hero-section #scroll_animation {
        display: none;
    }

    .main-home-page .section-8-hp .re-box-banner .slide-text .item .title {
        width: 100%;
    }

    .main-home-page .section-8-hp .re-box-banner .slide-text .item {
        padding: 0px 30px
    }

    .main-home-page .section-8-hp .re-box-banner .slide-text .item .title {
        padding-left: 0px;
    }

    .main-home-page .section-8-hp .re-box-banner .slide-text .item .box-desc {
        padding-left: 0px;
        flex-direction: column;
        align-items: flex-start;
        gap: 0px;
    }

    .main-home-page .section-8-hp .re-box-banner .slide-text .item .box-desc .line {
        rotate: 90deg;
        margin: 0 0 0 18px;
    }

    .re-box-banner .slide-text .item {
        min-height: 511px;
        background-size: cover;
        border-radius: 20px;
    }

    .main-home-page .section-8-hp .re-box-banner .arrow-slide-text {
        display: flex;
        gap: 5px;
        position: absolute;
        top: 25px;
        left: 26px;
        z-index: 999;
        display: none;
    }

    .main-home-page .section-8-hp .re-box-banner .arrow-slide-text .arrow-right {
        background-color: #0D0D0D45;
        height: 37px;
        width: 37px;
        padding-top: 2px;
        border-radius: 50%;
        padding-left: 3px;
    }

    .main-home-page .section-8-hp .re-box-banner .arrow-slide-text .arrow-left {
        background-color: #0D0D0D45;
        height: 37px;
        width: 37px;
        padding-top: 2px;
        border-radius: 50%;
    }

    .main-home-page .section-8-hp .re-box-banner .slide-text .item .title {
        font-size: 24px;
        line-height: 28px;
    }

    .menu-button-mb {
        display: block !important;
    }

    /* a.btn-box-text-s1 {
        display: none !important;
    } */

    .blog-detail .content-text p {
        line-height: 28.22px;
        font-size: 17px;
        width: 100%;
    }

    .blog-detail .content-text h1 {
        font-size: 30px;
        line-height: 36.52px;
        margin: 0px;
        width: 100%;
    }

    .blog-detail .content-text h2 {
        font-size: 22px;
        line-height: 36.52px;
        margin: 0px;
        width: 100%;
    }

    .blog-detail .content-text h3 {
        font-size: 20px;
        line-height: 36.52px;
        margin: 0px;
        width: 100%;
    }

    .blog-detail .content-text h4 {
        font-size: 18px;
        line-height: 36.52px;
        margin: 0px;
        width: 100%;
    }

    .blog-detail .content-text h5 {
        font-size: 17px;
        line-height: 36.52px;
        margin: 0px;
        width: 100%;
    }

    .blog-detail .content-text h6 {
        font-size: 16px;
        line-height: 36.52px;
        margin: 0px;
        width: 100%;
    }

    .menu-text li .submenu {
        min-width: auto;
    }

    .slide-box-s2 .slick-track {
        display: contents;
    }

    .slide-commercial .slick-track {
        display: contents;
    }

    .main-home-page .slide-box-s2 .items {
        width: 100% !important;
        margin-bottom: 20px;
    }

    .main-home-page .slide-box-s2 {
        padding-left: 0px;
    }

    .slick-dots {
        display: none !important;
    }

    .main-home-page .container-out-slide .progress-bar-container {
        display: none;
    }

    .main-home-page .container-out-slide .text-after-slide {
        flex-direction: column;
    }

    .main-home-page .container-out-slide .text-after-slide div {
        width: 100%;
    }

    .main-home-page .container-out-slide .box-text3 .API {
        width: 100%;
    }

    .main-home-page .container-out-slide .box-text3 .box-text-3-cloudly {
        flex-direction: column;
        align-items: flex-start;
        gap: 10.33px;
    }

    .main-home-page .container-out-slide .box-text3 .box-text-3-cloudly .line {
        rotate: 90deg;
        margin: 0 0 0 20px;
    }

    .main-home-page .container-out-slide1 .box-end-out-slide {
        flex-direction: column;
        align-items: flex-start;
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .main-home-page .container-out-slide1 .box-end-out-slide .text1 {
        margin-bottom: 30px;
    }

    .main-home-page .section-3-hp .box-text-s3 {
        align-items: flex-start;
        width: 100%;
    }


    .main-home-page .section-3-hp .box-text-s3 p {
        width: 100%;
        font-size: 16px;
        line-height: 23.42px;
    }

    .main-home-page .section-3-hp .box-partnerships .name-partnerships {
        grid-template-columns: repeat(1, 1fr);
        gap: 0px;
    }

    .main-home-page .section-3-hp .box-partnerships .name-partnerships .item {
        margin-bottom: 0px;
        width: 100%;
    }

    .main-home-page .section-3-hp .box-partnerships .name-partnerships .item .product {
        flex-direction: column;
    }

    .container-section3-hp {
        padding: 0px 30px;
    }

    .main-home-page .section-3-hp .box-partnerships .name-partnerships .item .product .icon-pr img {
        display: none;
    }

    .main-home-page .section-3-hp .box-partnerships .cate-partnerships {
        display: none;
    }

    .main-home-page .section-4-hp .box-s4-hp {
        padding-top: 145px;
        background-size: 70vh;
        background-position: top;
    }

    .main-home-page .section-6-hp .slide-commercial {
        display: flex;
        flex-direction: column;
    }

    .main-home-page .section-6-hp .slide-commercial .item {
        width: 100% !important;
        margin-bottom: 20px;
    }

    .container-section6-hp {
        padding: 0 30px;
    }

    .main-home-page .section-7-hp .box-text {
        flex-direction: column;
        align-items: flex-start;
    }

    .main-home-page .section-7-hp .box-text h2 {
        width: 100%;
        margin-bottom: 50px;
    }

    .main-home-page .section-6-hp {
        margin-bottom: 0px;
    }

    .main-home-page .section-7-hp .box-text .box-right {
        width: 100%;
        flex-direction: column;
    }

    .main-home-page .section-8-hp .box-banner .slide-text .item .title {
        width: 100% !important;
        font-size: 24px;
        line-height: 30.02px;
        font-weight: 400;
    }

    .main-home-page .section-8-hp .box-banner {
        min-height: 511px;
    }

    .main-home-page .section-8-hp .box-banner .slide-text {
        padding-left: 26px;
        width: 83%;
    }

    .main-home-page .section-8-hp .box-banner .slide-text .item .box-desc {
        display: flex;
        gap: 0px;
        align-items: flex-start;
        justify-content: flex-start;
    }

    .main-home-page .section-8-hp .box-banner .arrow-slide-text {
        display: flex;
        gap: 5px;
        position: absolute;
        top: 25px;
        left: 26px;
    }

    .main-home-page .section-8-hp .box-banner .slide-text .item .box-desc .line {
        rotate: 90deg;
    }

    .main-home-page .section-9-hp .box-newsroom .box-news .news-item {
        display: flex;
        flex-direction: column;
        position: relative;
        gap: 30px;
    }

    .main-home-page .section-9-hp .box-newsroom .box-news .news-item .right {
        display: grid;
        grid-template-columns: 1fr;
        padding-right: 0px;
    }




    .clients-right .orbit-main-wrapper {
        bottom: -65%;
        right: -50%;
    }

    .footer-menu .box-menu {
        flex-direction: column;
    }

    .footer-menu .box-menu {
        flex-direction: column;
        gap: 60px;
    }

    .footer-menu .box-menu>ul>li.menu-item-has-children {
        display: flex;
        align-items: center !important;
        flex-direction: column;
    }

    .footer-menu .box-menu>ul>li ul.sub-menu li {
        text-align: center !important;
    }

    .footer-menu .box-menu .box-menu1 {
        width: 100%;
    }

    .footer-menu .box-menu .box-menu2 {
        width: 100%;
        border: none;
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 0px;
    }

    .footer-menu .box-menu .box-menu3 {
        width: 100%;
        border: none;
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 0px;
    }

    .footer-menu .box-menu .box-menu4 {
        width: 100%;
        border: none;
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 0px;
        margin-bottom: 60px;
    }

    .footer-menu .box-menu .box-menu1 {
        padding: 0px 0px 0px 0px;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .footer-menu .box-menu .box-menu1 .text-box-menu1 {
        text-align: center;
    }

    .footer-menu .box-menu .box-menu2 .sub-menu-footer {
        text-align: center;
    }

    .footer-menu .box-menu .box-menu3 .sub-menu-footer {
        text-align: center;
    }

    .footer-menu .box-menu .box-menu4 .sub-menu-footer {
        text-align: center;
    }

    .main-home-page .section-1-hp .box-text-s1 h1 {
        width: 100%;
    }

    .main-home-page .section-1-hp {
        padding-top: 290px;
    }

    .main-home-page .section-1-hp {
        background-size: 150% auto;
        background-position: right top;
    }

    .main-home-page .section-1-hp .box-text-s1 h1 {
        font-size: 50px;
        line-height: 58px;
        margin-bottom: 24px;
    }

    .main-home-page .section-1-hp .box-text-s1 p {
        width: 100%;
        font-size: 18px;
        line-height: 20.88px;
        margin-bottom: 23.67px;
    }

    .main-home-page .section-2-hp .desc-text-s2 p small {
        width: 125.67px;
    }

    .container-section1-hp {
        padding: 0 30px;
    }

    .main-home-page .section-1-hp {
        padding-bottom: 50px;
    }

    .main-home-page .section-2-hp {
        padding-top: 48px;
    }

    .boxes-container {
        margin-bottom: 95px;
    }

    .container-section2-hp {
        padding: 0 30px;
    }

    .main-home-page .section-2-hp .desc-text-s2 {
        margin: 0 0 53px 0px;
    }

    .main-home-page .section-2-hp .box-number-title .btn-box-text-s1 {
        display: none;
    }

    .main-home-page .section-2-hp .box-card-s2 .item .text-main-item h2 {
        font-size: 30px;
        line-height: 34.8px;
    }

    .main-home-page .section-2-hp .box-card-s2 .item .text-main-item p {
        font-size: 16px;
        line-height: auto;
    }

    .main-home-page .section-2-hp .box-card-s2 .item .text-main-item p {
        width: 100%;
    }

    .main-home-page .section-2-hp .intelligent .box-number-title .item1 p {
        font-size: 20px;
        line-height: 23.2px;
    }

    .main-home-page .section-2-hp .intelligent .box-number-title .item1 a div {
        display: none;
    }


    .main-home-page .section-2-hp .intelligent .box-number-title {
        margin-bottom: 21px;
    }

    .main-home-page .section-2-hp .intelligent .box-slide .box-slide-text {
        align-items: flex-start;
    }

    .main-home-page .section-2-hp .intelligent {
        padding: 0 20px;
    }

    .main-home-page .section-2-hp .intelligent .box-slide .box-slide-text p {
        font-size: 16px;
        line-height: 23.42px;
        margin: 0px 0 55px 0px;
    }

    .main-home-page .slide-box-s2 .items .item-text p {
        font-size: 16px;
        line-height: 23.42px;
    }

    .main-home-page .slide-box-s2 .items .item-img {
        margin-top: 20px;
        margin-bottom: 30px;
    }

    .main-home-page .slide-box-s2 .items {
        min-height: auto;
    }

    .main-home-page .container-out-slide .text-after-slide div p {
        font-size: 16px;
        line-height: 23.42px;
    }

    .container-out-slide {
        padding: 0px;
    }

    .main-home-page .container-out-slide .text-after-slide {
        margin-bottom: 123px;
    }

    .main-home-page .container-out-slide .box-text3 .API {
        margin-bottom: 44px;
    }

    .container-out-slide {
        margin-bottom: 75.67px;
    }

    .container-out-slide1 {
        padding: 0px;
    }

    .main-home-page .container-out-slide1 .box-end-out-slide .text1 {
        font-size: 24px;
        line-height: 27.84px;
    }

    .main-home-page .section-2-hp .intelligent {
        margin-bottom: 91px;
    }

    .main-home-page .section-3-hp .box-text-s3 h2 {
        margin-bottom: 30px;
    }

    .main-home-page .section-3-hp .box-text-s3 {
        padding-left: 30px;
        margin-bottom: 76px;
    }



    .main-home-page .section-3-hp .box-partnerships .name-partnerships .item .product .box-title .desc {
        font-size: 16px;
        line-height: 18.56px;
        width: 100%;
    }

    .main-home-page .section-3-hp {
        margin-bottom: 0;
    }

    .main-home-page .section-4-hp .box-s4-hp .box-text h2 {
        margin: 0 0 20px 0;
    }

    .main-home-page .section-4-hp {
        margin-bottom: 91px;
    }

    .main-home-page .section-5-hp .container-section5-hp p {
        font-size: 30px;
        line-height: 34.8px !important;
    }

    .container-section5-hp {
        padding: 0 30px;
    }

    .main-home-page .section-5-hp {
        margin-bottom: 49px;
    }

    .main-home-page .section-6-hp .slide-commercial .item .title {
        font-size: 24px;
        line-height: 27.84px;
        margin-bottom: 20px;
    }

    .main-home-page .section-6-hp .slide-commercial .item .desc {
        font-size: 16px;
        margin-bottom: 20px;
        line-height: 18.56px;
    }

    .main-home-page .section-7-hp .box-text .box-right {
        gap: 60px
    }

    .main-home-page .section-7-hp {
        padding-top: 50px;
        margin-bottom: 80px;
    }

    .main-home-page .section-8-hp .box-banner .arrow-slide-text .arrow-left {
        background-color: #0D0D0D45;
        height: 37px;
        width: 37px;
        padding-top: 2px;
        border-radius: 50%;
    }

    .main-home-page .section-8-hp .box-banner .arrow-slide-text .arrow-right {
        background-color: #0D0D0D45;
        height: 37px;
        width: 37px;
        padding-top: 2px;
        border-radius: 50%;
        padding-left: 3px;
    }

    .container-section8-hp {
        padding: 0 30px;
    }

    .main-home-page .section-8-hp {
        margin-bottom: 96px;
    }

    .container-section9-1-hp {
        padding: 0 30px;
    }

    .main-home-page .section-9-hp .box-newsroom .box-news {
        padding: 0 21px 40px 21px;
    }

    .main-home-page .section-9-hp .box-newsroom .btn-box-text-s1 {
        display: flex;
        align-items: center;
        padding: 0;
        max-width: 183.33px;
        margin: 0 auto;
    }

    .main-home-page .section-9-hp .box-newsroom {
        padding-bottom: 30px !important;
    }

    .main-home-page .section-9-hp .box-newsroom .btn-box-text-s1 span {
        padding: 12px 18px !important
    }

    .main-home-page .section-9-hp .box-newsroom .title-box a div {
        display: none;
    }

    .main-home-page .section-9-hp .btn-all-news-mb {
        display: block;
    }

    .main-home-page .section-9-hp .btn-all-news-mb a {
        display: flex;
        justify-content: center;
        padding-bottom: 29.33px;
    }

    .main-home-page .section-9-hp .btn-all-news-mb a div {
        display: flex;
        align-items: center;
        border: 1.33px solid #757575;
        background-color: #1A1A1A;
        border-radius: 5.33px;
        width: 178px;
    }

    .main-home-page .section-9-hp .btn-all-news-mb a div p {
        font-size: 16px;
        line-height: 19.28px;
        padding: 18.67px;
        border-right: 1.33px solid #747474;
        font-family: 'GT America Mono';
    }

    .main-home-page .section-9-hp .btn-all-news-mb a div img {
        padding: 18.67px;
    }

    .main-home-page .section-9-hp {
        margin-bottom: 43px;
    }

    .clients-right {
        padding: 28px 0 25.33px 24px !important;
        justify-content: space-between;
    }

    .footer-menu {
        border-top: none;
    }

    .footer-menu .box-menu .box-menu1 .logo-menu {
        margin-bottom: 35px;
    }

    .footer-menu .box-menu .box-menu1 .soc-2 {
        margin-bottom: 35px;
    }

    .footer-menu .box-menu .box-menu1 .text-box-menu1 p {
        color: #8C8C8C;
    }

    .footer-menu .box-menu .box-menu2 .sub-menu-footer p a {
        color: #929292;
    }

    .footer-menu .box-menu .box-menu3 .sub-menu-footer p a {
        color: #929292;
    }

    .footer-menu .box-menu .box-menu4 .sub-menu-footer p a {
        color: #929292;
    }

    .footer-menu h3 {
        margin-bottom: 30px;
    }

    .container-footer {
        padding: 0 30px;
    }

    .footer-menu .box-menu .box-menu3 .privacy {
        bottom: -295px;
    }

    .blog-detail .s1-bl-detail {
        padding: 73px 0 21px 0px;
        border-bottom: 1px solid #404040;
        margin-bottom: 24px;
    }

    .blog-detail .s2-bl-detail .title h1 {
        font-size: 40px;
        line-height: 46.4px;
        margin: 0px;
    }

    .blog-detail .s2-bl-detail .text-day .text-content-after-title p {
        font-size: 16px;
        line-height: 23.42px;
    }

    .blog-detail .s2-bl-detail .text-day {
        display: flex;
        gap: 18px;
        margin-bottom: 50px;
        flex-direction: column-reverse;
        align-items: normal;
    }

    .blog-detail .s2-bl-detail .title {
        margin-bottom: 18px;
    }

    .blog-detail .s2-bl-detail .container-box-img .box-img {
        display: flex;
        justify-content: flex-end;
        background-color: #22222200;
        border-radius: 12px;
        padding: 0px 0px 0px 0px;
    }

    .blog-detail .s2-bl-detail .container-box-img .box-img .image-content {
        width: 100%;
        height: auto;
    }

    .blog-detail .s2-bl-detail {
        margin-bottom: 50px;
    }

    .blog-detail .s3-bl-detail .content-text .content-item {
        align-items: flex-start;
        margin: 0px;
    }

    .blog-detail .s3-bl-detail .content-text .content-item p {
        font-size: 16px;
        line-height: 26.56px;
        width: 100%;
    }

    .blog-detail .s3-bl-detail .content-text .content-item h2 {
        width: 100%;
    }

    .blog-detail .s3-bl-detail {
        margin-bottom: 79px;
    }



    .logo-navbar a img {
        width: 90%;
    }

    .section-2-hp .container-section2-hp {
        margin-bottom: 70px;
    }

    .main-home-page .section-2-hp .intelligent .box-number-title {
        padding-left: 0px;
    }

    .main-home-page .slide-box-s2 .items .item-img {
        padding-left: 20px;
        padding-right: 20px;
    }

    .main-home-page .slide-box-s2 .items .item-text {
        padding-left: 20px;
        padding-right: 20px;
    }

    .container-section2-1-hp {
        padding: 0 30px 0 40px;
    }

    .main-home-page .section-9-hp .box-newsroom .box-news .news-item .left .large-item img {
        min-height: 234px;
        object-fit: cover;
    }

    .main-home-page .section-9-hp .box-newsroom .box-news .news-item .right .small-item img {
        min-height: 234px;
        object-fit: contain;
    }

    .whitepagers .list-post {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 30px;
        margin: -30px 0px 0px 0px;
    }

    .whitepagers .list-post .box-post {
        max-width: 98%;
    }

    .whitepagers .sec-articles {
        border-top: 0px solid #404040;
    }

    .whitepagers .sec-articles {
        border-top: 0px solid #404040;
    }

    .whitepagers .secb-banner {
        padding-bottom: 10px;
    }

    .box-arrown-slider {
        display: none;
    }
}

@media (max-width: 476px) {
    .main-home-page .section-2-hp .box-card-s2 .item1:hover .hover-default {
        height: 100px;
    }

    .main-home-page .section-2-hp .box-card-s2 .item2:hover .hover-mouse {
        height: 100px;
    }

    .main-home-page .section-2-hp .box-card-s2 .item2:hover .hover-default {
        height: 100px;
    }

    .main-home-page .section-2-hp .box-card-s2 .item3:hover .hover-default {
        height: 100px;
    }

    .main-home-page .section-2-hp .box-card-s2 .item2 .img-hover .hover-default {
        height: 100px;
    }

    .main-home-page .section-2-hp .box-card-s2 .item1 .img-hover .hover-default {
        height: 100px;
    }

    .main-home-page .section-2-hp .box-card-s2 .item1:hover .hover-mouse {
        height: 100px;
    }

    .main-home-page .section-2-hp .box-card-s2 .item3 .img-hover .hover-default {
        height: 100px;
    }

    .main-home-page .section-2-hp .box-card-s2 .item .img-hover {
        margin-bottom: 25px;
    }

    /* .main-home-page .slide-box-s2 .items .item-img img {
        min-height: 169px;
    } */

    .main-home-page .slide-box-s2 .items .item-img {
        padding-left: 10px;
        padding-right: 10px;
    }

    .main-home-page .slide-box-s2 .items .item-text {
        padding-left: 10px;
        padding-right: 10px;
    }


}

@media(max-width: 999px) {
    .c-header_backdrop {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: var(--header-height);
        transform: translate3d(0, -100%, 0);
        z-index: 485;
        -webkit-backdrop-filter: blur(10px);
        backdrop-filter: blur(10px)
    }
}

@media(max-width: 999px)and (prefers-reduced-motion: no-preference) {
    .c-header_backdrop {
        transition: transform .3s cubic-bezier(0.215, 0.61, 0.355, 1)
    }
}

@media(max-width: 999px) {
    .menu-navbar .navbar ul li, .menu-button-mb a {
        transition: clip-path .9s cubic-bezier(0.215, 0.61, 0.355, 1), transform .9s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-delay: 0s;
        transform: translate3d(0, 100%, 0);
        clip-path: polygon(-10% -100%, 110% -100%, 110% 0%, -10% 0%);
    }



    .menu-navbar .navbar ul li.is-inview, .menu-button-mb a.is-inview {
        transform: translate3d(0, 0, 0);
        clip-path: polygon(-10% 0%, 110% 0%, 110% 110%, -10% 110%);
    }

    .c-header_backdrop:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: var(--color-bg);
        opacity: .8
    }

    html.has-scrolled:not(.has-modal-open):not(.has-media-hero-inview) .c-header_backdrop {
        transform: translate3d(0, 0, 0)
    }

    html.has-footer-inview .c-header_backdrop {
        opacity: 0;
        pointer-events: none
    }
}

.c-menu {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100%;
    visibility: hidden;
    pointer-events: none;
    z-index: 700;
    transition: visibility 0s var(--menu-transition-easing) var(--menu-transition-duration)
}

html.has-menu-open .c-menu {
    --menu-transition-duration: 0.45s;
    --menu-transition-duration-opacity: calc(var(--menu-transition-duration) * 1.33)
}

html.has-menu-open {
    overflow: hidden;
}

@media(prefers-reduced-motion) {
    html.has-menu-open .c-menu {
        --menu-transition-duration: 0s
    }
}

html.has-menu-open .c-menu {
    visibility: visible;
    pointer-events: all;
    transition: visibility 0s var(--menu-transition-easing) 0s
}

@media(min-width: 700px) {
    .c-menu {
        display: flex;
        justify-content: flex-end;
        padding: var(--grid-outer)
    }
}

.c-menu_backdrop {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--color);
    opacity: 0;
    cursor: no-drop;
    transition: opacity var(--menu-transition-duration) var(--menu-transition-easing)
}

html.has-menu-open .c-menu_backdrop {
    opacity: .3
}