body {
    font-family: Arial, Helvetica, sans-serif !important;
}

:root {
    --fs-color-yellow: #FECD0F;
}

/* Container bao ngoài để canh chỉnh */
.lang-switcher-container {

    /* Bo góc trắng bên ngoài */
    .lang-switcher {
        display: flex;
        padding: 5px 6px;
        align-items: center;
        gap: 12px;
        background-color: #ffff;
        border-radius: 5px;

        .lang-item {
            display: flex;
            padding: 2px 8px;
            justify-content: center;
            align-items: center;
            border-radius: 5px;
            font-weight: 600;
            color: var(--fs-color-secondary);

            &.active {
                border-radius: 5px;
                background: var(--fs-color-primary);
                color: #fff;
            }

            &:hover:not(.active) {
                background-color: #f0f0f0;
            }
        }
    }
}

.pb-0 {
    padding-bottom: 0 !important;

    @media screen and (max-width: 768px) {
        padding-bottom: 20px !important;
    }
}


.text-cap {
    span {
        text-transform: capitalize !important;
    }
}

.header {
    .header-wrapper {
        #top-bar {
            padding: 12px 0;

            #header-contact {
                li {
                    a {
                        text-transform: unset;
                    }
                }
            }
        }

        #masthead {
            .header-nav-main {
                justify-content: flex-start !important;

                li {
                    a {
                        color: var(--fs-color-secondary);
                        font-size: 20px;
                        font-style: normal;
                        font-weight: 700;
                        line-height: 100%;
                        letter-spacing: 0.2px;
                    }

                    .header-block-block-1 {
                        width: max-content;
                        max-height: unset;

                        a.button {
                            border-radius: 5px;
                            background: var(--fs-color-primary);
                            box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.20);
                            padding: 8px 30px !important;
                            border: 0 !important;
                            color: #FFF;
                            text-align: center;
                            font-family: Arial;
                            font-size: 16px;
                            font-style: normal;
                            display: flex;
                            align-items: center;
                            text-transform: capitalize;
                            font-weight: 700;
                            box-shadow: none !important;
                            position: relative;
                            overflow: hidden;

                            &::before {
                                content: '';
                                /* opacity: 0; */
                                position: absolute;
                                top: -1px;
                                transform: translateX(-100%);
                                left: -1px;
                                height: 110%;
                                width: 110%;
                                background-color: var(--fs-color-secondary);
                                border: 3px solid var(--fs-color-secondary);
                            }

                            &:hover {
                                span {
                                    position: relative;
                                    z-index: 2;
                                }

                                &::before {
                                    transform: translateX(0);
                                    transition: all 400ms linear;
                                }
                            }
                        }
                    }

                    &.current_page_item {
                        position: relative;

                        &::after {
                            content: "";
                            position: absolute;
                            bottom: -5px;
                            left: 50%;
                            transform: translateX(-50%);
                            width: 6px;
                            height: 6px;
                            background-color: var(--fs-color-secondary);
                            border-radius: 50%;
                        }
                    }

                    &:nth-child(5) {
                        margin-right: 27px !important;

                    }

                    &.header-block {
                        max-width: max-content;
                    }
                }
            }
        }
    }

    &.transparent .header-main {
        @media screen and (max-width:768px) {
            height: 161px;
        }
    }

    &.transparent #logo img {
        max-height: 161px;
        height: 161px;
    }
}

.custom-text {
    width: 65%;
    margin: 0 auto;

    h4 {
        color: var(--fs-color-primary);
        text-align: center;
        font-family: Arial;
        font-size: 20px;
        font-style: normal;
        font-weight: 700;
        line-height: 130%;
        /* 26px */
        letter-spacing: 0.2px;
        margin-bottom: 5px;
    }

    h3 {
        color: var(--fs-color-secondary);
        text-align: center;
        font-family: Arial;
        font-size: 36px;
        font-style: normal;
        font-weight: 700;
        line-height: 130%;
        /* 46.8px */
        letter-spacing: 0.36px;
    }

    p {
        color: #000;
        text-align: center;
        font-family: Arial;
        font-size: 20px;
        font-style: normal;
        font-weight: 400;
        line-height: 130%;
        /* 26px */
        letter-spacing: 0.2px;
    }

    @media screen and (max-width: 768px) {
        width: 100%;
    }
}

.section-title-container {
    margin-bottom: 24px;

    .section-title {
        margin-bottom: 0;
        border-bottom: none;

        b {
            opacity: 0;
        }

        span {
            border-bottom: none;
            color: var(--fs-color-yellow);
            font-size: 24px;
            font-style: normal;
            font-weight: 700;
            line-height: 130%;

            /* 23.4px */
        }
    }
}

.sec-footer {
    border-top: 1px solid var(--fs-color-secondary);

    .col-bg-white {
        .col-inner {
            background-color: #fff;
            padding: 40px 0 40px 24px;
            height: 100%;

            p {
                color: #000;
                font-size: 20px;
                font-style: normal;
                font-weight: 400;
                line-height: 130%;
                /* 26px */
            }

            .ux-logo {
                .ux-logo-link {
                    padding: 0 !important;
                    padding-right: 8px !important;
                }
            }
        }
    }

    .large-7 {
        .col-inner {
            padding: 0px 40px 0px 40px;

            @media screen and (max-width: 768px) {
                padding: 0px 15px 0px 15px;

            }

            .section-title-container {
                span {
					font-size:18px;
                    padding-top: 50px;

                    @media screen and (max-width: 768px) {
                        padding-top: 20px;
						font-size:18px !important;
                    }
                }
            }

            .ux-menu {
                .ux-menu-link__link {
                    span {
                        color: #FFF;
                        font-size: 18px;
                        font-style: normal;
                        font-weight: 400;
                        line-height: 120%;
                        /* 21.6px */
                    }
                }
            }
        }
    }
}

.absolute-footer {
    display: none;
}


.sec-banner-home {
    .custom-text-banner {
        padding-right: 10px;
        padding-top: 100px;

        h4 {
            color: #000;
            font-size: 20px;
            font-style: normal;
            font-weight: 700;
            line-height: 130%;
            letter-spacing: 0.2px;
        }

        h3 {
            color: var(--fs-color-secondary);
            font-size: 45px;
            font-style: normal;
            font-family: Arial;
            font-weight: 900;
            line-height: 130%;
            /* 58.5px */
            letter-spacing: 0.45px;
        }

        p {
            color: #000;
            font-size: 24px;
            font-family: Arial;
            font-style: normal;
            font-weight: 400;
            line-height: 130%;
            /* 31.2px */
            letter-spacing: 0.24px;
        }

        @media screen and (max-width:768px) {
            h4 {
                color: #000 !important;
            }
        }
    }

    a.button {
        color: #FFF;
        text-align: center;
        font-family: Arial;
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
    }
}

.custom-btn {
    border-radius: 5px;
    background: var(--fs-color-primary);
    box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.20);
    border: 0 !important;
    ;
    padding: 0 70px !important;
    color: #FFF;
    text-align: center;
    font-family: Arial;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    box-shadow: none !important;
    position: relative;
    overflow: hidden;

    &::before {
        content: '';
        /* opacity: 0; */
        position: absolute;
        top: -1px;
        transform: translateX(-100%);
        left: -1px;
        height: 110%;
        width: 110%;
        background-color: var(--fs-color-secondary);
        border: 3px solid var(--fs-color-secondary);
    }

    &:hover {
        span {
            position: relative;
            z-index: 2;
        }

        &::before {
            transform: translateX(0);
            transition: all 400ms linear;
        }
    }
}

.sec-about-us-home {
    .section-bg-overlay {
        background: rgba(0, 36, 123, 0.30) !important;
        backdrop-filter: blur(4px);
    }

    .img {
        .img-inner {
            border-radius: 12px;
            overflow: hidden;
        }
    }

    h3 {
        color: #FFF;
        font-family: Arial;
        font-size: 36px;
        font-style: normal;
        font-weight: 700;
        line-height: 125%;
        /* 45px */
        letter-spacing: 0.36px;
        margin-bottom: 16px;

        @media screen and (max-width:768px) {
            margin-top: 15px;
            text-align: left;
        }
    }

    p {
        color: #FFF;
        font-family: Arial;
        font-size: 20px;
        font-style: normal;
        font-weight: 400;
        line-height: 130%;
        /* 26px */
        letter-spacing: 0.2px;
    }
}

.sec-video-home {
    background-image: url('https://ktech4.k-tech-services.com/agsma669/wp-content/uploads/2026/04/Rectangle-30149.svg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center 20%;

    .custom-video {
        padding-top: 0 !important;

        border-radius: 20px;
        border: 9px solid #FFF;
        overflow: hidden;

        .wp-video {
            width: 100% !important;
            box-shadow: 3px 7px 21.9px 0 rgba(0, 0, 0, 0.25);

        }
    }
}

.sec-core-home {
    .custom-text-core {
        color: var(--fs-color-secondary);
        text-align: center;
        font-family: Arial;
        font-size: 32px;
        font-style: normal;
        font-weight: 700;
        line-height: 130%;
        /* 41.6px */
        letter-spacing: 0.32px;
    }

    .number-text {

        p {
            color: var(--fs-color-primary);
            font-family: Arial;
            font-size: 28px;
            letter-spacing: 0.28px;
            margin-bottom: 0;
            font-weight: 700;

            strong {
                color: var(--fs-color-primary);
                font-family: Arial;
                font-size: 50px;
                letter-spacing: 0.5px;
            }
        }

        &.text-right {
            @media screen and (max-width:768px) {
                text-align: left !important;
            }
        }

        @media screen and (max-width:768px) {
            margin-bottom: 20px;
        }
    }

    .custom-img-box {
        /* background-color: var(--fs-color-secondary); */
        border-radius: 20px;
        overflow: hidden;
        position: relative;
        display: flex;

        .box-image {
            position: relative;
            z-index: 10;
            width: 56%;
            left: 0;
            transform: translateX(-40%);

            img {
                border-radius: 5px 200px 200px 5px;
            }
        }

        .box-text {
            background-color: var(--fs-color-secondary);
            position: absolute;
            bottom: 0px;
            height: 95%;
            z-index: 9;
            width: 55%;
            /* left: -2%; */
            right: 20px;
            border-top-right-radius: 20px;
            border-bottom-right-radius: 20px;
            /* overflow: hidden; */

            .box-text-inner {
                background-color: #F9F5F0;
                height: 110%;
                transform: translateY(-10%);
                /* box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; */
                border-radius: 20px;
                overflow: hidden;
                display: flex;
                align-items: center;
                padding-right: 50px;
                justify-content: start;

                .custom-text-img {
                    p {
                        color: #000;
                        font-family: Arial;
                        font-size:20px;
                        font-style: normal;
                        font-weight: 400;
                        line-height: 130%;
                        letter-spacing: 0.2px;
                        width: 100%;
                        padding-left: 30%;
                        text-align: left;
                    }


                }
            }



        }

        @media screen and (max-width:768px) {
            position: unset;
            flex-direction: column;

            .box-image {
                transform: unset;

                img {
                    border-radius: unset;
                }
            }

            .box-text {
                position: unset;
                width: unset;
                height: unset;
                border-radius: 0;

                .box-text-inner {
                    height: unset;
                    transform: unset;
                    padding-right: unset;
                    padding: 15px;
                    background-color: transparent;

                    p {

                        color: #fff !important;
                        padding-left: unset !important;
                    }
                }
            }
        }
    }

    .box-img-right {
        .custom-img-box {
            flex-direction: row-reverse;

            .box-image {
                transform: translateX(40%);

                img {
                    border-radius: 200px 5px 5px 200px;
                }
            }

            .box-text {
                left: 0;
                border-top-left-radius: 20px;
                border-bottom-left-radius: 20px;
                border-top-right-radius: 0;
                border-bottom-right-radius: 0;

                p {
                    width: 85% !important;
                    padding-left: 5% !important;
                }
            }

            @media screen and (max-width:768px) {
                position: unset;
                flex-direction: column !important;

                .box-image {
                    transform: unset;

                    img {
                        border-radius: unset;
                    }
                }

                .box-text {
                    position: unset;
                    width: unset;
                    height: unset;
                    border-radius: 0;

                    .box-text-inner {
                        height: unset;
                        transform: unset;
                        padding-right: unset;
                        padding: 15px;
                        background-color: transparent;

                        p {
                            width: 100% !important;
                            color: #fff !important;
                            padding-left: unset !important;
                        }
                    }
                }
            }
        }


    }
}

.sec-para-home {


    .custom-icon-box {
        .col-inner {
            border-radius: 12px;
            border: 1px solid #B0BBD6;
            background: #F8F9FB;
            padding: 20px;
            height: 100%;

            h3 {
                color: var(--fs-color-secondary);
                text-align: center;
                font-family: Arial;
                font-size: 65px;
                font-style: normal;
                font-weight: 700;
                line-height: 100%;
                /* 65px */
                letter-spacing: 0.65px;
            }

            p {
                color: #000;
                text-align: center;
                font-family: Arial;
                font-size: 18px;
                font-style: normal;
                font-weight: 400;
                line-height: 130%;
                /* 23.4px */
                letter-spacing: 0.18px;
            }

            &:hover {
                background-color: var(--fs-color-secondary);
                cursor: pointer;

                h3,
                p {
                    color: #FFF;
                }

            }
        }

        &.two {
            .col-inner {
                position: relative;
                overflow: hidden;

                .icon-box {
                    position: relative;
                    z-index: 10;
                }

                &::before {
                    content: "";
                    position: absolute;
                    top: 0%;
                    left: 0;
                    transform: translateX(-100%);
                    width: 100%;
                    height: 100%;
                    background-color: var(--fs-color-secondary) !important;
                }

                &::after {
                    content: "";
                    position: absolute;
                    top: 0;
                    right: 0%;
                    transform: translateX(100%);
                    width: 100%;
                    height: 100%;
                    background-color: var(--fs-color-secondary) !important;
                }

                h3 {
                    color: var(--fs-color-secondary);
                    text-align: center;
                    font-family: Arial;
                    font-size: 32px;
                    font-style: normal;
                    font-weight: 700;
                    line-height: 130%;
                    /* 41.6px */
                    letter-spacing: 0.32px;
                }

                &:hover {
                    background-color: transparent;

                    &::before {
                        width: 100%;
                        left: 0;
                        transform: translateX(-49%);
                        transition: all 400ms linear;
                    }

                    &::after {
                        width: 100%;
                        right: 0;
                        transform: translateX(49%);
                        transition: all 400ms linear;
                    }

                    p,
                    h3 {
                        color: #FFF;
                    }
                }

            }
        }
    }

    .custom-text-mission {
        h3 {
            color: var(--fs-color-secondary);
            font-family: Arial;
            font-size: 28px;
            font-style: normal;
            font-weight: 700;
            line-height: 130%;
            letter-spacing: 0.28px;
            margin-bottom: 25px;
        }

        p {
            color: #000;
            font-family: Arial;
            font-size: 20px;
            font-style: normal;
            font-weight: 400;
            line-height: 130%;
            /* 26px */
            letter-spacing: 0.2px;
            margin-bottom: 8px;
        }
    }

    .img {
        .img-inner {
            border-radius: 12px;
            overflow: hidden;
        }
    }
}

.sec-numbers-home {
    .section-title-container {
        h3 {
            color: var(--fs-color-yellow);
            text-align: center;
            font-family: Arial;
            font-size: 24px;
            font-style: normal;
            font-weight: 700;
            line-height: 130%;
            /* 31.2px */
            letter-spacing: 0.24px;
            margin-bottom: 50px;
        }
    }

    .custom-text-numbers {
        .col-inner {
            position: relative;
            &::after {
                content: '';
                position: absolute;
                top:-10%;
                right: 0;
                width: 1px;
                background-color: #fff;
                height: 150%;
            }

            h3 {
                color: #FFF;
                text-align: center;
                font-family: Arial;
                font-size: 50px;
                font-style: normal;
                font-weight: 700;
                line-height: 100%;
                letter-spacing: 0.5px;
                margin-bottom: 0;
            }

            h4 {
                color: #FFF;
                text-align: center;
                font-family: Arial;
                font-size: 28px;
                font-style: normal;
                font-weight: 700;
                line-height: 130%;
                letter-spacing: 0.28px;
                margin: 5px 0;
            }

            p {
                color: rgba(255, 255, 255, 0.80);
                text-align: center;
                font-family: Arial;
                font-size: 20px;
                font-style: normal;
                font-weight: 400;
                line-height: 130%;
                /* 26px */
                letter-spacing: 0.2px;
                margin-bottom: 0;
            }

            @media screen and (max-width:768px) {
                padding-bottom: 30px !important;
            }
        }
        & {
            &:last-child {
                .col-inner {
                    &::after{
                        background-color: transparent!important;
                    }
                }
            }
        }
    }
}

.sec-fb-home {
    .p-15 {
        @media screen and (max-width:768px) {
            padding: 15px !important;
        }
    }

    .col-img-fb {
        .col-inner {
            transform: translate(30px, -20px);

            position: relative;
            z-index: 9;

            img {
                border-radius: 16px;
                overflow: hidden;
            }

            @media screen and (max-width:768px) {
                transform: translate(0, 40px);

                img {
                    width: 200px;
                }
            }
        }
    }

    .col-info-fb {
        .col-inner {
            display: flex;
            padding: 66px 20px 20px 56px;
            flex-direction: column;
            align-items: flex-start;
            gap: 16px;
            align-self: stretch;
            border-radius: 16px;
            border: 1px solid var(--fs-color-primary);
            background: #FAFAFA;
            box-shadow: 0 3.189px 20px 0 rgba(255, 2, 2, 0.12), 0 0 10px 0 rgba(255, 2, 2, 0.12);

            &::before {
                content: "";
                position: absolute;
                top: 34px;
                left: 66px;
                width: 36px;
                height: 30px;
                border-radius: 16px;
                transform: translate(-10px, -10px);
                background-image: url('https://ktech4.k-tech-services.com/agsma669/wp-content/uploads/2026/04/Vector.png');
                background-size: cover;
                background-repeat: no-repeat;

                @media screen and (max-width:768px) {
                    left: 85% !important;
                }
            }

            .custom-text-fb {
                p {
                    color: var(--color-text, #000);
                    font-family: Arial;
                    font-size: 18px;
                    font-style: normal;
                    font-weight: 400;
                    line-height: 130%;
                    /* 23.4px */
                }

                h3 {
                    color: var(--fs-color-secondary);
                    font-family: Arial;
                    font-size: 18px;
                    font-style: normal;
                    font-weight: 700;
                    line-height: 130%;
                    /* 23.4px */
                    letter-spacing: 0.18px;
                    margin-bottom: 0;
                }

                h4 {
                    color: #000;
                    font-family: Arial;
                    font-size: 16px;
                    font-style: normal;
                    font-weight: 700;
                    line-height: 130%;
                    letter-spacing: 0.16px;
                    margin-bottom: 0;
                }

                h5 {
                    color: #000;
                    font-family: Arial;
                    font-size: 16px;
                    font-style: normal;
                    font-weight: 400;
                    line-height: 130%;
                    letter-spacing: 0.16px;
                }
            }

            @media screen and (max-width:768px) {
                padding: 66px 15px 15px !important;
            }
        }
    }

    .custom-stack-fb {
        display: flex;
        gap: 8px;

        .flex-1 {
            /* flex: 1; */

            &.text {
                border-radius: 99px;
                background: #25CC68;
                color: #FFF;
                overflow: hidden;
                width: 150px;
                display: flex;
                justify-content: center;
                padding: 8px;
                color: #FFF;
                font-family: Arial;
                font-size: 12px;
                font-style: normal;
                font-weight: 700;
                line-height: 130%;
                /* 15.6px */
                letter-spacing: 0.12px;
            }

            &.icon-box {
                border-radius: 99px;
                background: #E6E9F2;
                width: 150px;
                display: flex;
                align-items: center;
                justify-content: center;

                .icon-box-img {
                    img {
                        padding-top: 0;
                        transform: translateY(-2px)
                    }
                }

                .icon-box-text {
                    flex: unset;
                    padding-left: 8px;

                    p {
                        color: #000;
                        font-family: Arial;
                        font-size: 12px;
                        font-style: normal;
                        font-weight: 700;
                        line-height: 130%;
                        /* 15.6px */
                        letter-spacing: 0.12px;
                    }
                }
            }
        }

        @media screen and (max-width:768px) {
            flex-wrap: wrap;
        }
    }

    .row-slider {
        .slider-custom-exp {
            .flickity-viewport {
                height: 520px !important;
                padding-top: 20px !important;

                @media screen and (max-width: 768px) {
                    height: 920px !important;
                }
            }

            & .flickity-viewport .flickity-slider>* {
                max-width: 65% !important;

                @media screen and (max-width:768px) {
                    /* padding: 15px; */
                }
            }

            .flickity-button {
                top: unset;
                bottom: 12px;
                color: var(--fs-color-primary);
                border-radius: 10px;
                border: 0.727px solid var(--fs-color-primary);
                background: #fff;
                height: 48px !important;
                width: 48px !important;
                opacity: 1 !important;
                display: block !important;

                .flickity-button-icon {
                    display: none;
                }

                &::before {
                    position: absolute;
                    content: '\f061';
                    font-family: 'Font Awesome 7 Free';
                    font-weight: 600;
                    top: 0;
                    left: 0;
                    height: 100%;
                    width: 100%;
                }

                &.previous {
                    left: 44%;

                    &::before {
                        content: '\f060';
                    }

                    @media screen and (max-width: 768px) {
                        &.previous {
                            left: 30%;
                        }
                    }
                }

                &.next {
                    right: 44%;

                    @media screen and (max-width: 768px) {
                        &.next {
                            right: 30%;
                        }
                    }
                }
            }

            .flickity-page-dots {
                bottom: 80px;

                .dot {
                    transition: all ease-in 0.3s;
                    background: #FF9A9A;
                    border-color: #FF9A9A;

                    &.is-selected {
                        width: 36px;
                        border-radius: 99px;
                        background: var(--fs-color-primary);
                        border-color: var(--fs-color-primary);
                    }
                }
            }

            .slider-style-focus .flickity-slider>:not(.is-selected) {
                opacity: 1;
                transform: scale(1);
            }
        }
    }
}

.sec-partner-home {
    border-radius: 20px;
    overflow: hidden;

    .custom-text-partner {
        h5 {
            color: var(--fs-color-yellow);
            font-family: Arial;
            font-size: 20px;
            font-style: normal;
            font-weight: 700;
            line-height: 130%;
            /* 26px */
            letter-spacing: 0.2px;
            margin-bottom: 20px;
        }

        h3 {
            color: #FFF;
            font-family: Arial;
            font-size: 36px;
            font-style: normal;
            font-weight: 700;
            line-height: 130%;
            /* 46.8px */
            letter-spacing: 0.36px;
            margin-bottom: 0;
        }

        p {
            color: #FFF;
            font-family: Arial;
            font-size: 20px;
            font-style: normal;
            font-weight: 400;
            line-height: 130%;
            /* 26px */
            letter-spacing: 0.2px;
            margin-bottom: 30px;
            margin-top: 30px;
        }

    }

    .row-count-number {
        h3 {
            color: var(--fs-color-yellow);
            font-family: Arial;
            font-size: 40px;
            font-style: normal;
            font-weight: 400;
            line-height: 130%;
            letter-spacing: 0.4px;
            margin-bottom: 0;
        }

        p {
            color: rgba(255, 255, 255, 0.80);
            font-family: Arial;
            font-size: 18px;
            font-style: normal;
            font-weight: 400;
            line-height: 130%;
            /* 23.4px */
            letter-spacing: 0.18px;
        }
    }


    .custom-slider-partner {
        .custom-img-partner {
            .col-inner {
                border-radius: 20px;
                border: 1px solid var(--fs-color-yellow);
                background: rgba(255, 255, 255, 0.16);
                padding: 32px 20px;

                h4 {
                    color: #FFF;
                    text-align: center;
                    font-family: Arial;
                    font-size: 20px;
                    font-style: normal;
                    font-weight: 700;
                    line-height: 130%;
                    /* 26px */
                    letter-spacing: 0.2px;
                    margin-bottom: 8px;
                }

                p {
                    color: #FFF;
                    text-align: center;
                    font-family: Arial;
                    font-size: 18px;
                    font-style: normal;
                    font-weight: 400;
                    line-height: 130%;
                    /* 23.4px */
                    letter-spacing: 0.18px;
                }
            }
        }

        .slider-style-focus .flickity-slider>:not(.is-selected) {
            opacity: 0.5;
            transform: scale(0.75);
        }

        .flickity-button {
            /* top: unset; */
            /* bottom: 12px; */
            color: #fff;
            border-radius: 99px;
            border: 1px solid rgba(255, 255, 255, 0.30);
            background: rgba(255, 255, 255, 0.30);
            height: 48px;
            width: 48px;
            border-radius: 50%;
            opacity: 1 !important;
            display: block !important;

            .flickity-button-icon {
                display: none;
            }

            &::before {
                position: absolute;
                content: '\f061';
                font-family: 'Font Awesome 7 Free';
                font-weight: 600;
                top: 0;
                left: 0;
                height: 100%;
                width: 100%;
            }

            &.previous {
                left: 3%;

                &::before {
                    content: '\f060';
                }
            }

            &.next {
                right: 3%;
            }
        }

        .flickity-page-dots {
            /* bottom: 80px; */

            .dot {
                transition: all ease-in 0.3s;
                background: #fff;
                border-color: #fff;

                &.is-selected {
                    width: 36px;
                    border-radius: 99px;
                    background: var(--fs-color-yellow);
                    border-color: var(--fs-color-yellow);
                }
            }
        }
    }
}

.sec-map-home {
    .custom-col-map {
        .col-inner {
            border-radius: 20px;
            border: 1px solid #ECEFF1;
            overflow: hidden;
            background: #FFF;
            box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.12);
            padding: 20px;

            p {
                color: var(--fs-color-primary);
                text-align: center;
                font-family: Arial;
                font-size: 20px;
                font-style: normal;
                font-weight: 400;
                line-height: 130%;
                letter-spacing: 0.2px;
                margin-bottom: 0;
            }
        }
    }

    .col-info-map {
        &>.col-inner {
            .section-title-container {
                .section-title-main {
                    color: var(--fs-color-secondary);
                    text-align: right;
                    font-family: Arial;
                    font-size: 24px;
                    font-style: normal;
                    font-weight: 700;
                    line-height: normal;
                    letter-spacing: 0.24px;
                }
            }

            .custom-row {
                border-radius: 12px;
                overflow: hidden;
                padding: 8px 20px;
                background: #FFF;
                box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.16);
                margin-bottom: 16px;

                @media screen and (max-width:768px) {
                    padding: 15px !important;
                }

                .large-3 {
                    padding-right: 20px !important;


                    .text-box-left {
                        p {
                            display: flex;
                            padding: 24px 8px;
                            justify-content: center;
                            align-items: center;
                            font-family: Arial;
                            font-size: 24px;
                            font-style: normal;
                            font-weight: 700;
                            line-height: normal;
                            width: 100%;
                            height: 66px;
                            margin: auto;
                            letter-spacing: 0.24px;
                            border-radius: 8px;
                            overflow: hidden;
                        }
                    }

                    @media screen and (max-width:768px) {
                        padding-right: 0 !important;
                        margin-bottom: 20px;
                    }
                }


                .text-info-right {
                    h3 {
                        color: var(--fs-color-secondary);
                        font-family: Arial;
                        font-size: 20px;
                        font-style: normal;
                        font-weight: 700;
                        line-height: normal;
                        letter-spacing: 0.2px;
                        margin-bottom: 8px;
                    }

                    p {
                        color: #000;
                        font-family: Arial;
                        font-size: 18px;
                        font-style: normal;
                        font-weight: 400;
                        line-height: normal;
                        letter-spacing: 0.18px;
                        margin-bottom: 8px;
                    }

                    .icon-box {
                        align-items: center;

                        .icon-box-img {
                            width: 16px !important;

                            .icon-inner {
                                display: flex;
                                align-items: center;

                                img {
                                    padding-top: 0;
                                }
                            }
                        }

                        .icon-box-text {
                            padding-left: 5px;

                            p {
                                margin-bottom: 0;
                                font-family: Arial;
                                font-size: 14px;
                                font-style: normal;
                                font-weight: 400;
                                line-height: normal;
                                letter-spacing: 0.14px;
                            }
                        }
                    }
                }

                &.red {
                    .text-box-left {
                        p {
                            background: #FFD0CE;
                            color: var(--fs-color-primary);

                        }
                    }

                    .text-info-right {
                        .icon-box-text {
                            p {
                                color: #E56861;
                            }
                        }
                    }
                }

                &.blue {
                    .text-box-left {
                        p {
                            background: #BFD0FA;
                            color: var(--fs-color-secondary);


                        }
                    }

                    .text-info-right {
                        .icon-box-text {
                            p {
                                color: #4668BB;
                            }
                        }
                    }
                }

                &.yellow {
                    .text-box-left {
                        p {
                            background: #FFF5CE;
                            color: var(--fs-color-yellow);


                        }
                    }

                    .text-info-right {
                        .icon-box-text {
                            p {
                                color: #FECD0F;
                            }
                        }
                    }
                }

                &:hover {

                    &.red {
                        border: 1.5px solid var(--fs-color-primary);

                        .text-box-left {
                            p {

                                background: var(--fs-color-primary);
                                color: #fff;

                            }
                        }
                    }

                    &.blue {
                        border: 1.5px solid var(--fs-color-secondary);

                        .text-box-left {
                            p {

                                background: var(--fs-color-secondary);
                                color: #fff;

                            }
                        }
                    }

                    &.yellow {
                        border: 1.5px solid var(--fs-color-yellow);

                        .text-box-left {
                            p {

                                background: var(--fs-color-yellow);
                                color: #fff;

                            }
                        }
                    }

                }
            }

            .custom-row-blue {
                .col:nth-child(1) {
                    .col-inner {
                        position: relative;

                        &::after {
                            content: '';
                            position: absolute;
                            top: 0;
                            right: 30px;
                            height: 100%;
                            width: 1px;
                            background-color: var(--fs-color-yellow);

                            @media screen and (max-width:768px) {
                                background-color: transparent;
                            }
                        }
                    }

                }

                border-radius: 20px;
                background: var(--fs-color-secondary);
                overflow: hidden;
                padding: 16px 65px;

                @media screen and (max-width:768px) {
                    padding: 15px;
                    margin: 0;

                    .pb-0 {
                        padding-bottom: 15px !important;
                    }
                }

                h3 {
                    color: var(--fs-color-yellow);
                    font-family: Arial;
                    font-size: 36px;
                    font-style: normal;
                    font-weight: 700;
                    line-height: 100%;
                    /* 36px */
                    letter-spacing: 0.36px;
                    margin-bottom: 0;
                }

                p {
                    color: rgba(255, 255, 255, 0.80);
                    font-family: Arial;
                    font-size: 18px;
                    font-style: normal;
                    font-weight: 700;
                    line-height: 130%;
                    /* 23.4px */
                    letter-spacing: 0.18px;
                    text-transform: uppercase;
                    margin-bottom: 0;
                }

            }
        }
    }
}

.sec-parameter-home {
    .custom-col {
        .col-inner {
            border-radius: 16px;
            border: 1px solid #E6E9F2;
            background: #F8F9FB;
            padding: 20px 24px;
            overflow: hidden;
            border-top: 1px solid #E6E9F2;
            border-right: 1px solid #E6E9F2;
            border-bottom: 5px solid #E6E9F2;
            border-left: 1px solid #E6E9F2;
            background: var(--Foundation-Blue-Light, #E6E9F2);

            h3 {
                color: var(--fs-color-secondary);
                text-align: center;
                font-family: Arial;
                font-size: 40px;
                font-style: normal;
                font-weight: 700;
                line-height: 100%;
                letter-spacing: 0.4px;
                margin-bottom: 8px;
            }

            p {
                color: #000;
                text-align: center;
                font-family: Arial;
                font-size: 18px;
                font-style: normal;
                font-weight: 400;
                line-height: 130%;
                margin-bottom: 0;
                letter-spacing: 0.18px;
            }

            &:hover {
                cursor: cell;
                border-top: 1px solid var(--fs-color-secondary);
                border-right: 1px solid var(--fs-color-secondary);
                border-bottom: 5px solid var(--fs-color-secondary);
                border-left: 1px solid var(--fs-color-secondary);
                background: #E6E9F2;
            }
        }
    }
}

.sec-one-about {
    .custom-img {
        border-radius: 16px;
        overflow: hidden;

        .box-text {
            /* position: relative; */
            border-radius: 0 0 16px 16px;
            background: linear-gradient(180deg, rgba(0, 36, 123, 0.00) 0%, rgba(0, 36, 123, 0.80) 100%);
            height: 30%;

            .box-text-inner {
                position: absolute;
                bottom: 10px;

                h4 {
                    color: #FFF;
                    font-family: Arial;
                    font-size: 28px;
                    font-style: normal;
                    font-weight: 700;
                    line-height: 130%;
                    margin-bottom: 5px;
                    letter-spacing: 0.28px;
                }

                p {
                    color: #FFF;

                    font-family: Arial;
                    font-size: 18px;
                    font-style: normal;
                    font-weight: 400;
                    line-height: 130%;
                    margin-bottom: 0;
                    letter-spacing: 0.18px;
                }
            }
        }

        &:hover {
            .box-text {
                transition: ease-in-out .3s;
                height: 300%;
            }
        }
    }
}

.sec-core-about {
    .custom-icon-box {
        .col-inner {
            padding: 24px 40px 24px 40px;
            border-radius: 16px;
            overflow: hidden;
            background: #FFF;
            box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.10), 0 1px 2px -1px rgba(0, 0, 0, 0.10);
            height: 100%;

            .icon-box-img {
                margin-bottom: 0;

                .icon {
                    padding: 16px;
                    background: #F9FAFB;
                    border-radius: 14px;
                    overflow: hidden;

                    img {
                        padding-top: 0px;
                        transform: translateY(-2px);
                    }
                }
            }

            .icon-box-text {
                h3 {
                    color: var(--fs-color-secondary);
                    text-align: center;
                    font-family: Inter;
                    font-size: 20px;
                    font-style: normal;
                    font-weight: 700;
                    line-height: 28px;
                    letter-spacing: -0.439px;
                    margin-top: 6px;
                    margin-bottom: 6px;
                }

                p {
                    color: #000;
                    font-family: Inter;
                    font-size: 18px;
                    font-style: normal;
                    font-weight: 400;
                    line-height: 22.75px;
                    margin-bottom: 0;
                    letter-spacing: -0.15px;
                }
            }

            &:hover {
                background-color: var(--fs-color-secondary);
                cursor: cell;
                transition: ease-in 0.3s;

                .icon-box-img {
                    .icon {

                        background: rgba(249, 250, 251, 0.39);

                        img {
                            filter: brightness(0) invert(1);
                        }
                    }
                }

                .icon-box-text {

                    h3,
                    p {
                        color: #fff;
                    }
                }
            }
        }
    }
}

.sec-location-about {
    .custom-img-box {
        border-radius: 20px;
        background: #FFF;
        overflow: hidden;
        box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.20);

        .box-text {
            padding: 20px 15px;

            .custom-text-info {
                /* padding: 10px 5px; */

                h3 {
                    color: var(--fs-color-secondary);
                    font-family: Arial;
                    font-size: 24px;
                    font-style: normal;
                    font-weight: 700;
                    line-height: 130%;
                    margin-bottom: 0;
                    letter-spacing: 0.24px;
                }

                p {
                    color: #000;
                    font-family: Arial;
                    font-size: 20px;
                    font-style: normal;
                    font-weight: 400;
                    line-height: 130%;
                    margin: 16px 0;
                    letter-spacing: 0.2px;
                }


            }
        }

        .custom-row-icon {
            padding: 0 20px;

            .custom-icon-box {
                .col-inner {
                    border-radius: 8px;
                    border: 1px solid #E6E9F2;
                    background: #F8F9FA;
                    padding: 12px 20px;
                    overflow: hidden;
                    height: 100%;

                    .icon-box {
                        align-items: center;

                        h3 {
                            color: var(--fs-color-primary);
                            font-family: Arial;
                            font-size: 24px;
                            font-style: normal;
                            font-weight: 400;
                            line-height: 100%;
                            margin-bottom: 10px;
                            letter-spacing: 0.24px;
                        }

                        p {
                            color: #000;
                            font-family: Arial;
                            font-size: 18px;
                            font-style: normal;
                            font-weight: 400;
                            line-height: 130%;
                            margin-bottom: 0;
                            letter-spacing: 0.18px;
                        }
                    }
                }
            }
        }

        .custom-row-list {
            ul {
                li {
                    &::marker {
                        font-family: "Font Awesome 7 Free";
                        font-weight: 900;
                        content: "\f058";
                        color: var(--fs-color-primary);
                        font-size: 1.2rem;
                    }

                    padding-left: 15px;
                }
            }
        }

        .custom-text-local {
            position: absolute;
            top: -320px;
            display: flex;
            padding: 6px 8px;
            align-items: center;
            background: var(--fs-color-primary);
            border-radius: 99px;

            &::before {
                content: '\f276';
                position: absolute;
                top: 0;
                left: -48px;
                height: 100%;
                color: #fff;
                width: 100%;
                font-family: "Font Awesome 7 Free";
                font-weight: 900;

            }

            p {
                color: #FFF;
                font-family: Arial;
                font-size: 12px;
                font-style: normal;
                font-weight: 700;
                line-height: 130%;
                padding-left: 26px;
                letter-spacing: 0.12px;
            }
        }
    }
}

.sec-provides-about {
    .custom-text-what {
        h3 {
            color: var(--fs-color-secondary);
            text-align: center;
            font-family: Arial;
            font-size: 36px;
            font-style: normal;
            font-weight: 700;
            line-height: 130%;
            /* 46.8px */
            letter-spacing: 0.36px;
        }
    }

    .custom-icon-box {
        .col-inner {
            height: 100%;
            padding: 20px 28px;
            border-radius: 12px;
            background: #FFF;
            box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.16);

            .icon-box-img {
                margin-bottom: 0;
            }

            h3 {
                color: var(--fs-color-secondary);
                text-align: center;
                font-family: Arial;
                font-size: 24px;
                font-style: normal;
                font-weight: 700;
                line-height: 130%;
                letter-spacing: 0.24px;
                margin-bottom: 12px;
                margin-top: 20px;
            }

            p {
                color: #000;
                text-align: center;
                font-family: Arial;
                font-size: 20px;
                font-style: normal;
                font-weight: 400;
                line-height: 130%;
                /* 26px */
                letter-spacing: 0.2px;
            }
        }
    }
}

.sec-cta-about {
    h3 {
        color: #FFF;
        text-align: center;
        font-family: Arial;
        font-size: 40px;
        font-style: normal;
        font-weight: 700;
        line-height: 130%;
        margin-bottom: 16px;
        letter-spacing: 0.4px;
    }

    p {
        color: #FFF;
        text-align: center;
        font-family: Arial;
        font-size: 20px;
        font-style: normal;
        font-weight: 400;
        line-height: 130%;
        letter-spacing: 0.2px;
        margin-bottom: 50px;
    }
}