@charset "UTF-8";
@import "https://fonts.googleapis.com/css?family=Nunito";
@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";
@import "https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap";
@import "https://fonts.googleapis.com/css2?family=Quicksand:ital,wght@0,100..900;1,100..900&family=Quicksand:wght@300..700&display=swap";

@font-face {
    font-family: '1FTV Photograph Signature';
    src: url(/fonts/Fz-Photograph.ttf) format("truetype");
    font-weight: 400;
    font-style: normal
}

body {
    overflow: hidden;
    overflow-y: auto
}

.wrap-header {
    background-image: url() !important
}

section.wrap-section.about-website > .container-fluid {
    padding: 0
}

h2.title-section {
    color: #FFF;
    text-align: center;
    text-shadow: 0 0 26px #1A61ED, 0 0 16px #1A61ED;
    font-family: Inter;
    font-size: 34px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    margin-bottom: 30px
}

p.title-section-text {
    color: #FFF;
    text-align: center;
    font-family: Inter;
    font-size: 32px;
    font-style: normal;
    font-weight: 900;
    line-height: normal;
    display: inline-flex;
    padding: 12px 24px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 12px;
    background: #0A7CFF;
    margin-top: 5px;
    margin-bottom: 40px
}

.top-about {
    width: 100%;
    height: 784px;
    position: relative;
    margin: 0;
    padding: 0;

    &:before {;
        content: " ";
        position: absolute;
        top: -1px;
        left: 0;
        width: 100%;
        height: 261px;
        background: linear-gradient(360deg, rgba(10, 12, 42, 0.00) 0%, #0A0C2A 76.64%, #0A0C2A 100%)
    }

    &:after {
        content: " ";
        position: absolute;
        bottom: -1px;
        left: 0;
        width: 100%;
        height: 60px;
        background: linear-gradient(180deg, rgba(10, 12, 42, 0.00) 0%, #0A0C2A 66.64%, #0A0C2A 100%)
    }

    .box-top {
        height: 50px
    }

    .background-img {
        width: 100%;
        height: 735px;
        background-image: url(/storage/images/panoramic-view-dubai-city-illuminated-neon-spectrum.webp);
        background-repeat: no-repeat;
        background-size: 100%
    }

    .content-top-introduce {
        left: 50%;
        top: 45%;
        transform: translate(-50%, -50%);
        position: absolute;
        width: 1034px;
        height: 435px;
        display: inline-flex;
        padding: 42px;
        flex-direction: column;
        gap: 10px;
        border-radius: 24px;
        background: var(--f11, linear-gradient(113deg, rgba(59, 45, 220, 0.35) 0%, rgba(255, 255, 255, 0.35) 0.01%, rgba(58, 59, 65, 0.15) 37.77%, rgba(58, 57, 62, 0.10) 58.98%, rgba(237, 237, 237, 0.25) 99.33%));
        justify-content: center
    }

    h1.title-introduce {
        color: #FFF;
        text-align: center;
        text-shadow: 0 0 42.667px #1A61ED, 0 0 26.667px #1A61ED, 0 0 16px #1A61ED;
        font-family: "1FTV Photograph Signature";
        font-size: 40px;
        font-style: normal;
        font-weight: 400;
        line-height: normal
    }

    p.content-introduce {
        color: #FFF;
        text-align: justify;
        text-shadow: 0 0 6px #000;
        font-family: Inter;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 34px
    }

    p.content-bottom-right {
        color: #FFF;
        text-align: right;
        text-shadow: 0 0 42.667px #1A61ED, 0 0 26.667px #1A61ED, 0 0 16px #1A61ED;
        font-family: "1FTV Photograph Signature";
        font-size: 48px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        margin: 0
    }
}

.experience {
    width: 100%;
    height: 450px;
    background: #0A0C2A;
    text-align: center;
    h2title-experiencecolor: #FFF;
    text-align: center;
    text-shadow: 0 0 26px #1A61ED, 0 0 16px #1A61ED;
    font-family: Inter;
    font-size: 32px;
    padding-top: 70px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase
}

p.year-experience {
    color: #0A7CFF;
    text-align: center;
    font-family: Inter;
    font-size: 64px;
    font-style: normal;
    font-weight: 900;
    line-height: normal
}

span.year-color {
    color: #CB0041;
    font-family: Inter;
    font-size: 64px;
    font-style: normal;
    font-weight: 900;
    line-height: normal
}

p.target-text {
    display: inline-flex;
    padding: 12px 24px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 12px;
    background: #0A7CFF;
    color: #FFF;
    font-family: Inter;
    font-size: 32px;
    font-style: normal;
    font-weight: 900;
    line-height: normal
}

}

section.start-project {
    width: 100%;
    background: #0A0C2A;
    text-align: center;
    height: 100%;
    h2title-start-projectcolor: #FFF;
    text-align: center;
    text-shadow: 0 0 26px #1A61ED, 0 0 16px #1A61ED;
    font-family: Inter;
    font-size: 128px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase
}

p.start-project-text {
    color: #FFF;
    font-family: Inter;
    font-size: 32px;
    font-style: normal;
    font-weight: 900;
    line-height: normal;
    display: inline-flex;
    padding: 12px 24px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 12px;
    background: #0A7CFF
}

.start-project-image {
    display: flex;
    width: 100%;
    height: 399px;
    justify-content: flex-end;
    align-items: flex-start;
    gap: 20px;
    flex-shrink: 0
}

.start-project-image {
    height: 100%;
    flex-shrink: 0
}

.col-md-4 {
    padding: 0
}

}

.list-image-project {
    position: relative
}

.start-project {
    svgwidth: 100%;
    position: relative;
    z-index: 5
}

svg.elip-top {
    margin-bottom: -10px
}

svg.elip-bottom {
    margin-top: -50px
}

}

.after-time {
    width: 100%;
    height: 1002px;
    background: #0A0C2A;
    padding-top: 100px;
    text-align: center;

    .title-after-timecolor:#FFF
;
    text-align: center;
    text-shadow: 0 0 26px #1A61ED, 0 0 16px #1A61ED;
    font-family: Inter;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    margin-bottom: 15px
}

.title-after-text {
    color: #FFF;
    font-family: Inter;
    font-size: 32px;
    font-style: normal;
    font-weight: 900;
    line-height: normal;
    display: inline-flex;
    padding: 12px 24px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 12px;
    margin-bottom: 30px;
    background: #0A7CFF
}

.after-time-left {
    width: 100% !important
}

img.after-time-image-center {
    width: 830px
}

img.after-time-image-top {
    width: 505px;
    object-fit: cover;
    border-radius: 8px;
    margin-bottom: 10px
}

img.after-time-image-bottom {
    width: 505px;
    margin-top: 15px;
    border-radius: 8px
}

img.after-time-top-left {
    position: absolute;
    left: -115px;
    width: 187px
}

.after-time-right {
    position: relative
}

img.after-time-bottom-left {
    position: absolute;
    width: 187px;
    left: -105px;
    bottom: -70px
}

}

section.signature {
    width: 100%;
    background: #0a0c2a;
    position: relative;
    padding-top: 30px;
    border: 1px solid #0a0c2a;
    text-align: center;
    sectionsignaturewidth: 100%;
    height: 1018px;
    background: #0a0c2a
}

h4.title-section {
    color: #FFF;
    text-align: center;
    text-shadow: 0 0 26px #1A61ED, 0 0 16px #1A61ED;
    font-family: Inter;
    font-size: 34px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    margin-bottom: 15px
}

p.title-signature-text {
    color: #FFF;
    font-family: Inter;
    font-size: 32px;
    font-style: normal;
    font-weight: 900;
    line-height: normal;
    display: inline-flex;
    padding: 12px 24px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 12px;
    background: #0A7CFF
}

}

section.technology {
    background: #0a0c2a;
    width: 100%;
    padding: 80px 0
}

.container-technology {
    display: flex;
    width: 100%;
    flex-direction: column;
    align-items: center
}

img.signature-image.w-100 {
    padding: 0;
    margin-top: -70px
}

p.title-technology-text {
    color: #FFF;
    font-family: Inter;
    font-size: 32px;
    font-style: normal;
    font-weight: 900;
    line-height: normal;
    display: flex;
    padding: 12px 24px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 12px;
    background: #0A7CFF;
    margin-bottom: 40px
}

.slick-start-project {
    margin: 0 -10px;

    .slick-slidepadding:

    0 10px
}

}

section.minister {
    width: 100%;
    background: #0a0c2a;
    text-align: center;
    padding-top: 50px
}

section.after-year {
    width: 100%;
    background: #0a0c2a;
    text-align: center
}

.after-year-image {
    width: 100%
}

.after-time > .container {
    max-width: 1420px !important
}

.signature-image {
    width: 100%
}

img.signature-image {
    margin-top: -80px;
    object-fit: none
}

section.connect {
    width: 100%;
    background: url(/storage/images/connect.png);
    background-size: cover;
    position: relative;
    padding-top: 150px
}

h4.title-connect {
    width: 301.504px;
    color: #FFF;
    font-family: Inter;
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: normal
}

.connect-text {
    text-align: left;
    padding-left: 180px;
    padding-top: 150px
}

ol.list-connect {
    margin-left: 50px;
    margin-top: 30px
}

ol.list-connect li {
    color: #FFF;
    text-align: justify;
    text-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
    font-family: Inter;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 33px
}

.img-ceo {
    padding-top: 30px;
    width: 100%;
    padding-left: 50px
}

.connect-content-text {
    position: relative;
    width: 100%;
    background-image: url(/storage/images/background-connect.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 10px;
    padding: 50px;
    color: #fff;
    justify-content: center
}

.content-message {
    color: #FFF;
    text-align: justify;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    letter-spacing: -.8px;
    width: 439.98px;
    margin-left: 130px
}

.name-ceo {
    color: #FFF;
    text-align: center;
    font-family: Inter;
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: normal
}

span.title-ceo {
    color: #FFF;
    font-family: Inter;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal
}

section.target-business {
    width: 100%;
    background: #0A0C2A;
    padding-top: 80px;
    padding-bottom: 130px
}

h4.title-target-business {
    color: #FFF;
    font-family: Quicksand;
    font-size: 33.309px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: uppercase
}

section.use-services {
    width: 100%;
    background: url(/storage/images/img-use-service-now.webp);
    background-size: cover;
    align-items: center;
    display: flex;
    height: 600px
}

.container-use-services {
    display: flex;
    width: calc(100% - 14%);
    margin-left: auto;
    align-items: flex-end
}

.content-use-services {
    display: inline-flex;
    flex-direction: column;
    align-items: flex-start;
    background: rgba(52, 47, 44, 0.50);
    flex: 0 0 45%;
    max-width: 45%;
    padding: 60px 81px 130px 40px
}

.partner-list {
    flex: 0 0 55%;
    max-width: 55%;
    background: rgba(0, 0, 0, 0.25);
    backdrop-filter: blur(12px);
    margin-bottom: 50px;
    display: flex;
    align-items: center
}

.creative {
    width: 100%
}

img.img-creative, img.img-distinctive, img.private-mark {
    width: 100%
}

h4.title-content-use-services {
    color: var(--fffbef, #FFFBEF);
    font-family: Inter;
    font-size: 40px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 72px
}

p.content-use-service-text {
    color: #FFF;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 28px
}

.partner-item {
    text-align: center;
    color: #FFF;
    font-family: Calibri;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 125%;
    margin-right: 15px;
    margin-left: 30px;
}

.partner-item:first-child {
    align-items: center
}

.slick-partner-list {
    display: flex !important;
    flex: 0 0 100%;
    max-width: 100%
}

.grid:after {
    content: '';
    display: block;
    clear: both
}

.grid-sizer, .grid-item {
    width: 33.333%
}

.grid-item {
    float: left
}

.grid-item img {
    display: block;
    width: 100%
}

.grid-item {
    padding: 5px
}

section.culture {
    width: 100%;
    text-align: center;
    background: #0A0C2A;
    padding-top: 30px;
    padding-bottom: 50px
}

.list-image {
    background: #0A0C2A
}

section.contact-form {
    width: 100%;
    background: #0A0C2A;
    padding-top: 80px;
    text-align: center;
    display: flex;
    width: 1920px;
    padding: 50px 386px;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    height: 800px
}

.swiper {
    width: 100%;
    padding-top: 50px;
    padding-bottom: 50px
}

.swiper-slide {
    background-position: center;
    background-size: cover;
    width: 300px;
    height: 300px
}

.swiper-slide img {
    display: block;
    width: 100%
}

.slick-track {
    display: flex !important
}

.item.slick-slide {
    height: auto !important
}

img.img-start-project {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.slick-slide-target-business {
    width: 100%
}

.slick-slide-component {
    display: flex;
    gap: 50px;
    padding-top: 40px
}

.img-slide-target {
    width: 137.617px;
    height: 438.272px;
    flex-shrink: 0;
    background: linear-gradient(180deg, rgba(45, 45, 45, 0.00) 0%, #2D2D2D 100%)
}

.img-slide-target.img-slide-target-1 {
    background: url(/storage/images/img-target-1.png)
}

.img-slide-target.active.img-slide-target-1 {
    background: url(/storage/images/img-target-1-1.png);
    width: auto;
    background-size: cover
}

.img-slide-target.img-slide-target-2 {
    background: url(/storage/images/img-target-2.png)
}

.img-slide-target.active.img-slide-target-2 {
    background: url(/storage/images/img-target-2-1.png);
    width: auto;
    background-size: cover
}

.img-slide-target {
    position: relative;
    align-items: center;
    display: flex;
    justify-content: center;
    flex: auto;
    border-radius: 20px;
    transition: all .5s ease-in-out;
    overflow: hidden
}

.img-slide-target::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    z-index: -1;
    filter: drop-shadow(0px 20px 30px rgba(0, 0, 0, 0.7));
    transition: all .5s ease-in-out;
    opacity: 0
}

.img-slide-target {
    flex: 0 0 20%;
    max-width: 100%;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    border-radius: 20px;
    background-size: cover;
    background-position: left center;
    transition: transform .5s ease-in-out, width .5s ease-in-out, background-position .5s ease-in-out;
    overflow: hidden
}

.partner-item-text {
    text-align: center;
    color: #FFF;
    font-family: Calibri;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 125%;
    margin-right: 15px;
    margin-left: 30px;
    flex: 0 0 12%;
}

.img-slide-target.active {
    width: 45%;
    background-position: right center
}

.img-slide-target:not(.active) {
    opacity: .5
}

@keyframes scrollBackground {
    0% {
        background-position: left center
    }

    100% {
        background-position: right center
    }
}

.img-slide-target.active.img-slide-target-2::before {
    background-image: url(/storage/images/img-target-2-1.png);
    opacity: 1
}

.img-slide-target.img-slide-target-3 {
    background: url(/storage/images/img-target-3.png)
}

.img-slide-target.active.img-slide-target-3 {
    background: url(/storage/images/img-target-3-1.jpg);
    width: auto;
    background-size: cover
}

.img-slide-target.img-slide-target-4 {
    background: url(/storage/images/img-target-4.png)
}

.img-slide-target.active.img-slide-target-4 {
    background: url(/storage/images/img-target-4-1.jpg);
    width: auto;
    background-size: cover
}

.img-slide-target.img-slide-target-5 {
    background: url(/storage/images/img-target-5.png)
}

.img-slide-target.active.img-slide-target-5 {
    background: url(/storage/images/img-target-5-1.jpg);
    width: auto;
    background-size: cover
}

h2.target-business {
    color: #FFFBFB;
    font-family: Montserrat;
    font-size: 17.531px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: uppercase
}

.img-slide-target {
    position: relative;
    text-align: center;
    align-items: center;
    display: flex;
    justify-content: center;
    flex: auto;
    border-radius: 20px;
    transition: opacity .1s ease, transform .8s ease;
    overflow: hidden
}

.img-slide-target.active {
    flex: 0 0 45%;
    max-width: 50%;
    display: flex;
    align-items: flex-end;
    border-radius: 20px
}

.img-slide-target.active p {
    display: flex !important;
    width: 100%;
    flex-direction: column;
    justify-content: center;
    flex-shrink: 0;
    color: #FFF;
    text-align: center;
    font-family: Montserrat;
    font-size: 15.778px;
    font-style: normal;
    font-weight: 400;
    margin: 0;
    line-height: normal;
    padding: 0 30px !important
}

.img-slide-target.active h2 {
    color: #FFFBFB;
    text-align: center;
    font-family: Montserrat;
    font-size: 42.074px;
    font-style: normal;
    font-weight: 400;
    line-height: normal
}

.img-slide-target.active .content-target-business {
    background: linear-gradient(180deg, rgba(45, 45, 45, 0.00) 0%, #2D2D2D 100%);
    height: 215px;
    display: block
}

.content-target-business {
    background: linear-gradient(180deg, rgba(45, 45, 45, 0.00) 0%, #2D2D2D 100%);
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

.container.container-contact-form {
    background: url(/storage/images/background-contact.png) no-repeat;
    height: 100%
}

h4.title-contact-form {
    color: #0A7CFF;
    font-family: Inter;
    font-size: 32px;
    font-style: normal;
    font-weight: 900;
    line-height: normal;
    margin-top: 50px;
    text-transform: uppercase
}

h4.title-contact-form {
    color: #0A7CFF;
    font-family: Inter;
    font-size: 32px;
    font-style: normal;
    font-weight: 900;
    line-height: normal;
    margin-top: 50px;
    text-transform: uppercase
}

.contact-content {
    background: url(/storage/images/background-contact-2.png) no-repeat;
    width: 100%;
    height: 225px;
    padding: 40px 60px 20px 65px;
    margin-top: 35px;
    margin-left: 35px
}

p.contact-content-text {
    color: #FFF;
    text-align: justify;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px;
    letter-spacing: .16px
}

p.contact-now-text {
    color: #FFF;
    text-align: justify;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: .14px;
    width: 430px;
    margin: 15px 100px
}

.social-contact {
    width: 436px;
    height: 117px;
    display: flex;
    margin: 10px 100px
}

.zalo-contact {
    margin-right: 40px
}

.img-icon {
    display: grid
}

span.contact-text {
    color: #0A7CFF;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-top: 12px
}

section.wrap-section.experience {
    height: 884px
}

.container.container-experience {
    background: url(/storage/images/experience-background.png) no-repeat;
    background-size: cover;
    background-position: center
}

img.service-htv-img {
    margin-top: -70px
}

img.server-img {
    padding-top: 100px;
    padding-right: 70px
}

.image-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 17px;
    padding: 16px
}

.column {
    display: grid;
    gap: 17px
}

.column img {
    width: 100%;
    object-fit: cover;
    border-radius: 24px;
    height: 100%
}

@media screen and (max-width: 1200px) {
    .image-grid {
        grid-template-columns:repeat(3, 1fr)
    }
}

@media screen and (max-width: 800px) {
    .image-grid {
        grid-template-columns:repeat(2, 1fr)
    }
}

@media screen and (max-width: 600px) {
    .image-grid {
        grid-template-columns:1fr
    }
}

.d-flex.align-items-rotate-30 {
    transform: rotate(-30deg);
    align-items: center
}

.rocket-animate-rotate {
    margin-left: 45%;
    background: url(/images/line-gradient.png?0da8964…);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center;
    width: 0;
    height: 0;
    animation: fly 5s infinite forwards
}

.distinctive.aos-init.aos-animate {
    position: relative
}

.icon-rocket-rotate {
    position: absolute;
    bottom: 10%;
    left: 0;
    width: 100%
}

.distinctive.aos-init.aos-animate {
    margin-bottom: 60px
}

a.edit-slide {
    display: block;
    position: relative;
    z-index: 9
}

section.wrap-section.other-service-website {
    width: 100%;
    padding-top: 220px;
    position: relative
}

h1.title-service-section {
    color: #FFF;
    font-family: Inter;
    font-size: 36px;
    font-style: normal;
    font-weight: 500;
    line-height: 100%
}

p.service-section-content {
    color: #FFF;
    text-align: justify;
    font-family: Inter;
    font-size: 21px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    width: 620px;
    margin-top: 25px
}

.intro-service-section {
    width: 100%;
    position: relative
}

img.img-service-right-section {
    padding: 0;
    margin-top: -115px;
    margin-left: -115px
}

section.mobile-app-marketing-section {
    width: 100%;
    background: url(/storage/images/img-service-background.webp) no-repeat;
    text-align: center;
    background-size: contain
}

section.process-design-website {
    width: 100%;
    background: #090b2a;
    text-align: center;
    height: 750px
}

h2.title-process {
    color: #FFF;
    text-align: center;
    font-size: 32px;
    font-style: normal;
    font-weight: 900;
    line-height: normal;
    text-transform: uppercase;
    margin-bottom: 0;
    margin-top: -100px;
    z-index: 1999
}

.swiper-slide {
    position: relative
}

span.number-process {
    position: absolute;
    top: 35%;
    left: 45%;
    text-align: center;
    color: #30304D;
    font-family: Inter;
    font-size: 30.053px;
    font-style: normal;
    font-weight: 900;
    line-height: normal;
    letter-spacing: -1.503px
}

.swiper-slide {
    position: relative;
    text-align: center;
    justify-content: center
}

h3.name-process {
    position: absolute;
    bottom: 30%;!;!i;!;
    color: #171728;
    text-shadow: 0 3.929px 3.929px rgba(0, 0, 0, 0.25);
    font-family: Inter;
    font-size: 19.647px;
    font-style: normal;
    font-weight: 900;
    line-height: normal;
    text-transform: uppercase;
    width: 100%
}

section.why-choose-us {
    width: 100%;
    height: 720px;
    text-align: center;
    background: url(/storage/images/img-why-choose.webp) no-repeat;
}

h2.title-why-choose-us {
    color: #FFF;
    text-align: center;
    text-shadow: 0 0 16px #1A61ED;
    font-family: Inter;
    font-size: 34px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    padding-top: 60px
}

.item-why-choose-us-left img.icon-why-choose-us {
    width: 100%;
    height: 240px;
    border-radius: 0 48px;
    border: 1px solid var(--l2, #FFF)
}

.item-why-choose-us-right img.icon-why-choose-us {
    width: 100%;
    height: 240px;
    border-radius: 48px 0;
    border: 1px solid var(--l2, #FFF);
    background: linear-gradient(90deg, rgba(10, 12, 42, 0.70) 31.3%, rgba(10, 12, 42, 0.00) 85.65%);
    position: relative
}

h3.title-item-why-choose-us {
    color: #FFF;
    font-family: Inter;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    position: absolute;
    line-height: normal;
    top: 40px;
    left: 40px
}

p.content-item-why-choose-us {
    position: absolute;
    top: 81px;
    left: 40px;
    color: #FFF;
    font-family: Inter;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin: 20px 0;
    text-align: justify
}

.item-why-choose-us-left, .item-why-choose-us-right {
    position: relative;
    margin: 25px 15px
}

span.span-strong {
    padding: 4px 24px;
    border-radius: 0 12px;
    background: #0A7CFF;
    text-transform: uppercase
}

.img-choose-us {
    &:after {;
        content: " ";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 240px;
        background: linear-gradient(90deg, rgba(10, 12, 42, 0.70) 31.3%, rgba(10, 12, 42, 0.00) 85.65%)
    }
}

.item-why-choose-us-left .img-choose-us {
    &:after {;
        border: 1px solid var(--l2, #FFF);
        border-radius: 0 48px 0 45px
    }
}

.item-why-choose-us-right .img-choose-us {
    &:after {;
        border: 1px solid var(--l2, #FFF);
        border-radius: 48px 0 48px 0
    }
}

section.we-response-all {
    background: #090b29;
    text-align: center;
    padding-top: 40px;
    padding-bottom: 120px
}

h2.title-we-response-all {
    color: #FFF;
    text-align: center;
    font-family: Inter;
    font-size: 32px;
    font-style: normal;
    font-weight: 900;
    line-height: normal;
    text-transform: uppercase;
    margin-bottom: 50px
}

.container-gsap {
    display: flex;
    justify-content: space-between;
    height: 100vh;
    overflow: hidden;
    position: relative;

    &:before {;
        content: " ";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 177px;
        background: linear-gradient(0deg, rgba(10, 12, 42, 0.00) 0%, #0A0C2A 76.64%, #0A0C2A 100%);
        z-index: 99
    }

    &:after {
        content: " ";
        position: absolute;
        bottom: -1px;
        left: 0;
        width: 100%;
        height: 177px;
        background: linear-gradient(180deg, rgba(10, 12, 42, 0.00) 0%, #0A0C2A 76.64%, #0A0C2A 100%)
    }
}

.column {
    width: 13.6%;
    height: 100vh;
    position: relative;
    overflow: hidden
}

.scroll {
    position: absolute;
    width: 100%;
    display: flex;
    flex-direction: column
}

.scroll img {
    width: 100%;
    height: 100vh;
    object-fit: cover
}

section.contact-call-to-action__section {
    padding: 50px;
}

section.question-and-answer {
    background: #0A0C2A;
    text-align: justify;
    padding-top: 10px;
    padding-bottom: 50px
}

h2.title-question-and-answer {
    color: #FFF;
    text-align: center;
    font-family: Inter;
    font-size: 32px;
    font-style: normal;
    font-weight: 900;
    line-height: normal;
    text-transform: uppercase;
    margin-bottom: 30px
}

.question-title {
    display: flex;
    padding: 24px;
    cursor: pointer;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
    align-self: stretch;
    border-radius: 24px;
    border: .5px solid #D9D9D9;
    background: var(--l1, linear-gradient(-10deg, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.35) 0.01%, rgba(58, 59, 65, 0.15) 37.77%, rgba(58, 57, 62, 0.10) 58.98%, rgba(237, 237, 237, 0.25) 99.33%))
}

.question-title h3 {
    color: #FFF;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin: 0;
    width: 100%
}

.question-answer p {
    color: #ffebebe0;
    font-size: 16px
}

.question-answer {
    max-height: 0;
    overflow: hidden;
    transition: max-height .3s ease-out;
    display: none
}

.question-title.active .question-answer {
    display: block !important;
    max-height: 100%;
}

.question {
    margin: 25px 0
}

.all-service {
    width: 100%
}

img.img-all-service {
    width: 100%
}

.list-img-service {
    width: 100%;
    background: linear-gradient(180deg, rgba(10, 12, 42, 0.00) 0%, #0A0C2A 76.64%, #0A0C2A 100%);
    position: relative;
    margin-top: -80px
}

img.img-service-center {
    position: relative;
    max-width: 100%;
    z-index: 99
}

img.img-service-left {
    position: absolute;
    left: 240px;
    width: 400px;
    top: 12px;
}

img.img-service-right {
    position: absolute;
    right: 280px;
    width: 295px;
    z-index: 1;
    top: 65px;
}

.img-service-left-section {
    top: 0;
    right: -120px
}

.other-service-website {
    &:after {;
        content: " ";
        position: absolute;
        bottom: -1px;
        left: 0;
        width: 100%;
        height: 100px;
        background: linear-gradient(180deg, rgba(10, 12, 42, 0.00) 0%, #0A0C2A 76.64%, #0A0C2A 100%)
    }
}

.swiper-button-next, .swiper-button-prev {
    color: #fff !important
}

img.img-service-section-right {
    width: 55%;
    position: absolute;
    top: -25px;
    right: 100px
}

.other-service-website {
    background: url(/storage/images/img-background-service-mobile.png) no-repeat;
}

.component-top-right {
    position: absolute;
    right: 0;
    top: 60px;
    background: url(/storage/images/UI.png) no-repeat;
    background-size: contain;
    padding: 55px
}

p.component-top-right-text {
    color: var(--Label-Color-Dark-Primary, #FFF);
    text-shadow: 0 7.447px 14.894px rgba(0, 0, 0, 0.25);
    font-family: Inter;
    font-size: 25.319px;
    font-style: normal;
    font-weight: 700;
    line-height: 30.532px;
    letter-spacing: .279px
}

.component-top-left {
    position: absolute;
    top: 225px;
    left: 100px;
    background: url(/storage/images/UI_CREATE.png) no-repeat;
    background-size: contain;
    padding: 45px
}

.component-bottom-right {
    position: absolute;
    right: 90px;
    top: 365px;
    background: url(/storage/images/UI_UX.png) no-repeat;
    background-size: contain;
    padding: 13px 22.558px 38px 22.341px;
    width: 238.516px;
    height: 120px
}

p.component-bottom-right-text {
    color: var(--Label-Color-Dark-Primary, #FFF);
    font-family: Inter;
    font-size: 25.319px;
    font-style: normal;
    font-weight: 400;
    line-height: 30.532px;
    letter-spacing: .279px
}

span.span-top-right-text {
    color: #EBEBF5;
    font-family: Inter;
    font-size: 11.17px;
    font-style: normal;
    font-weight: 400;
    line-height: 14.894px;
    letter-spacing: -.179px
}

.component-bottom-left {
    position: absolute;
    left: 40px;
    top: 530px;
    background: url(/storage/images/UI_BUTTON.png) no-repeat;
    background-size: contain;
    height: 100px;
    text-align: center;
    align-items: center;
    width: 250px;
    padding: 16px
}

p.component-bottom-left-text {
    color: var(--Default-SystemGray-06-Light, #F2F2F7);
    text-align: center;
    font-family: Inter;
    font-size: 14.225px;
    font-style: normal;
    font-weight: 700;
    line-height: 18.408px;
    letter-spacing: -.341px
}

@keyframes moveUpDown {
    0% {
        transform: translateY(0);
        animation-timing-function: ease-in
    }

    40% {
        transform: translateY(30px);
        animation-timing-function: ease-out
    }

    50% {
        transform: translateY(40px)
    }

    90% {
        transform: translateY(0);
        animation-timing-function: ease-out
    }

    100% {
        transform: translateY(0)
    }
}

@keyframes moveUpDownReverse {
    0% {
        transform: translateY(0);
        animation-timing-function: ease-in
    }

    40% {
        transform: translateY(-30px);
        animation-timing-function: ease-out
    }

    50% {
        transform: translateY(-40px)
    }

    90% {
        transform: translateY(0);
        animation-timing-function: ease-out
    }

    100% {
        transform: translateY(0)
    }
}

@keyframes moveRightToLeft {
    0% {
        transform: translateX(0);
        animation-timing-function: ease-in
    }

    40% {
        transform: translateX(-30px);
        animation-timing-function: ease-out
    }

    50% {
        transform: translateX(-40px)
    }

    90% {
        transform: translateX(0);
        animation-timing-function: ease-out
    }

    100% {
        transform: translateX(0)
    }
}

.component-top-right, .component-bottom-right {
    animation: moveUpDown 3.8s infinite
}

.component-top-left {
    animation: moveUpDownReverse 3.8s infinite
}

.component-bottom-left {
    animation: moveRightToLeft 3.8s infinite
}

.question-title i {
    float: right;
}

@media (max-width: 991px) {
    section.wrap-section.other-service-website {
        position: relative;
        padding: 40px 24px;
        height: 807px !important;
        imp;
        im;
        background-position: right;
        background-size: cover;
        overflow: hidden;
    }

    h1.title-service-section {
        color: #FFF;
        font-family: Inter;
        font-size: 20px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
    }

    .col-lg-6.col-12 {
        display: flex;
        width: 100% !important;
    );
    ) %;
    ) %;
    ) %;
    );
    }

    p.service-section-content {
        color: #FFF;
        text-align: justify;
        font-family: Inter;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 22px;
        /* 157.143% */
        letter-spacing: -0.42px;
        width: 100%;
    }

    img.img-service-left-section {
        /* 157.143% */
        width: 417.75px;
        height: 293.625px;
        position: absolute;
        left: -120px;
        top: 140px;
    }

    .img-service-right-section {
        width: 440px;
        height: 1009px;
        flex-shrink: 0;
    }

    .list-group-item {
    }

    img.img-service-section-right {
        top: 0px;
        right: 55px;
        width: 250px !important;
    }

    .component-top-right {
        display: flex;
        width: 155.599px;
        height: 63.349px;
        padding: 20.049px;
        align-items: flex-start;
        gap: 66.831px;
        flex-shrink: 0;
        border-radius: 16.755px;
        border: 1.117px solid rgba(255, 255, 255, 0.50);
        background: linear-gradient(69deg, rgba(255, 255, 255, 0.20) 10.42%, rgba(255, 255, 255, 0.04) 77.11%);
        box-shadow: 0px 0.668px 16.708px 0px rgba(69, 42, 124, 0.10);
        backdrop-filter: blur(19.54787254333496px);
        right: 55px !important;
    }

    p.component-top-right-text {
        color: var(--Label-Color-Dark-Primary, #FFF);
        text-shadow: 0px 5.585px 11.17px rgba(0, 0, 0, 0.25);
        font-family: Inter;
        font-size: 18.989px;
        font-style: normal;
        font-weight: 700;
        line-height: 22.899px; /* 120.588% */
        letter-spacing: 0.209px;
    }

    .component-top-left {
        left: 45px !important;;
        display: flex;
        width: 120.349px;
        height: 63.349px;
        padding: 20.049px;
        align-items: flex-start;
        gap: 66.831px;
        border-radius: 16.755px;
        border: 1.117px solid var(--stock-22, rgba(255, 255, 255, 0.50));
        background: linear-gradient(69deg, rgba(255, 255, 255, 0.20) 10.42%, rgba(255, 255, 255, 0.04) 77.11%);
        box-shadow: 0px 0.668px 16.708px 0px rgba(69, 42, 124, 0.10);
        backdrop-filter: blur(19.54787254333496px);
    }

    .component-bottom-right {
        justify-content: center;
        align-items: center;
        width: 178px;
        right: 70px;
        top: 270px;
    }

    p.component-bottom-right-text {
        color: var(--Label-Color-Dark-Primary, #FFF);
        font-family: Inter;
        font-size: 18.989px;
        font-style: normal;
        font-weight: 400;
        line-height: 22.899px; /* 120.588% */
        letter-spacing: 0.209px;
    }

    span.span-top-right-text {
        color: #EBEBF5;
        font-family: Inter;
        font-size: 12px !important;
        font-style: normal;
        font-weight: 400;
        line-height: 11.17px; /* 93.085% */
        letter-spacing: -0.134px;
    }

    .component-bottom-left {
        top: 395px;
        left: 30px;
        display: flex;
        height: 50px;
        line-height: 50px !important;
        width: 163.163px;

        justify-content: center;
        align-items: center;
        border-radius: 10.041px;
        background: linear-gradient(200deg, #844FFC 13.57%, #491EB8 97.35%);
        box-shadow: 5.648px 4.393px 6.276px 0px rgba(255, 255, 255, 0.21) inset, -6.276px 11.923px 12.551px 0px rgba(43, 9, 120, 0.35);
        padding: 0px !important;
        margin: 0px !important;
    }

    p.component-bottom-left-text {
        color: var(--Default-SystemGray-06-Light, #F2F2F7);
        text-align: center;
        font-family: Inter;
        font-size: 12px !important;
        font-style: normal;
        font-weight: 700;
        line-height: 13.806px; /* 115.051% */
        letter-spacing: -0.256px;

        margin: 0px !important;
    }

    h2.title-section {
        color: #FFF;
        text-align: center;
        text-shadow: 0px 0px 12px rgba(26, 97, 237, 0.90) !important;
        font-family: Inter;
        font-size: 18px;
        font-style: normal;
        font-weight: 900;
        line-height: 34px; /* 188.889% */
        margin-bottom: 5px !important;
    }

    p.title-section-text {
        color: #FFF;
        font-family: Inter;
        font-size: 13px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        letter-spacing: -0.65px;
        margin-bottom: 20px !important;
    }

    section.mobile-app-marketing-section {
        height: 600px !important;
        background: url(/storage/images/img-service-background-mobile.png) no-repeat;
        background-size: contain;
        overflow: hidden;
    }

    img.img-service-center.aos-init.aos-animate {

    }

    .list-img-service {
        margin: 0px !important;
    }

    img.img-service-center.aos-init.aos-animate {
        height: 500px !important;
        object-fit: cover;
    }

    img.img-service-left.aos-init.aos-animate {
        left: 0px;
        top: 65px;
        width: 120px !important;
        imp;
        im;
    }

    img.img-service-right.aos-init.aos-animate {
        right: -5px;
        width: 120px;
        top: 80px;
    }

    h2.title-process {
        color: #FFF;
        text-align: center !important;
        text-shadow: 0px 0px 12px rgba(26, 97, 237, 0.90);
        font-family: Inter;
        font-size: 18px !important;
        font-style: normal;
        font-weight: 900 !important;
        line-height: 34px !important; /* 188.889% */
        padding: 0px 40px;
        margin-top: 0px !important;
        margin-bottom: 30px;
    }

    img.img-process-slide {
        width: 306px;
        height: 406px;
    }

    img.img-process-slide {
        width: 100%;
        height: auto;
    }

    section.process-design-website {
        height: 620px !important;
    }

    h2.title-why-choose-us {
        color: #FFF;
        text-align: center;
        text-shadow: 0px 0px 12px rgba(26, 97, 237, 0.90);
        font-size: 18px !important;
        font-style: normal;
        font-weight: 900 !important;
        margin-bottom: 15px;
        line-height: 34px; /* 188.889% */
    }

    .img-choose-us {
        border-radius: 36px;
        border: 1px solid var(--l2, #FFF);
        background: linear-gradient(90deg, rgba(10, 12, 42, 0.70) 31.3%, rgba(10, 12, 42, 0.00) 85.65%);
    }

    .img-choose-us {
        &:after {
            border-radius: 36px !important;
            border: 1px solid var(--l2, #FFF) !important;
            background: linear-gradient(90deg, rgba(10, 12, 42, 0.70) 31.3%, rgba(10, 12, 42, 0.00) 85.65%) !important;
            height: 180px !important;
        }

    }

    .item-why-choose-us-left {
        border-radius: 36px;
        background: linear-gradient(90deg, rgba(10, 12, 42, 0.70) 31.3%, rgba(10, 12, 42, 0.00) 85.65%);
        margin: 0px 15px !important;
        margin-bottom: 15px !important;
        border: none !important;
    }

    img.icon-why-choose-us {
        border-radius: 36px !important;
        height: 180px !important;
    }

    .img-choose-us {
        border: none;
    }

    h3.title-item-why-choose-us {
        color: #FFF;
        font-family: Inter;
        font-size: 24px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        margin: 0px !important;
        padding: 0px !important;
    }

    p.content-item-why-choose-us {
        color: #FFF;
        font-family: Inter;
        font-size: 18px !important;
        font-style: normal;
        font-weight: 400;
        line-height: normal;

        margin: 0px !important;
    }

    span.span-strong {
        padding: 5px 18px;
        justify-content: center;
        align-items: center;
        gap: 7.5px;
        color: #FFF;
        font-family: Inter;
        font-size: 15px !important;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
    }

    .item-why-choose-us-right {
        margin-bottom: 15px;
        margin-top: 0px;
    }

    section.why-choose-us {
        height: 900px !important;
        background: #090b29 !important;
    }

    h2.title-we-response-all {
        color: #FFF;
        text-align: center;
        text-shadow: 0px 0px 12px rgba(26, 97, 237, 0.90);
        font-family: Inter;
        font-size: 18px;
        font-style: normal;
        font-weight: 900;
        line-height: 34px; /* 188.889% */
        padding: 0px 65px;
        margin-bottom: 5px !important;
    }

    .column.column-mobile {
        height: 650px !important;
        width: 140.68px;
        padding: 0px !important;
    }

    .column-mobile[data-direction="down"] {
        margin: 0px 10px;
    }

    .container-gsap {
        height: 80vh !important;
    }

    .column.column-mobile img {
        object-fit: contain;
        height: 100% !important;
    }

    .container-gsap {
        &:before {
            height: 140px !important;
        }

        &:after {
            bottom: 0% !important;!i;!;
            height: 250px !important;
        }
    }

    section.we-response-all {
        padding: 0px !important;
        height: 85vh !important;
    }

    section.use-services {
        display: inline-flex;
        height: 250.034px;
        flex-direction: column;
        align-items: flex-start;
        gap: 19.025px;
        margin: 0px !important;
        padding: 0px !important;
    }

    .container-use-services {
        width: 100% !important;
        flex-wrap: wrap;
    }

    h4.title-content-use-services {
        color: var(--fffbef, #FFFBEF);
        font-family: Inter;
        font-size: 20px !important;
        font-style: normal;
        font-weight: 400 !important;
        line-height: normal;
        display: flex;
        margin-left: 30px;
        margin-top: 40px;
        margin-bottom: 25px !important;
    }

    p.content-use-service-text {
        color: #FFF;
        font-family: Inter;
        font-size: 13px !important;
        font-style: normal;
        font-weight: 400 !important;
        line-height: 17.255px;
        margin-left: 30px;
    }

    .content-use-services {
        background: none !important;
        display: contents !important;
    }

    .partner-list {
        width: 100%;
        max-width: 100% !important;
        margin: 0px !important;
        padding: 0px !important;
        height: 59px !important;
        flex-basis: 100%;
        margin-top: 20px !important;
        background: rgba(0, 0, 0, 0.25) !important;
        backdrop-filter: blur(5.113636016845703px) !important;
    }

    .slick-partner-list.slick-initialized.slick-slider {
        width: 100% !important;
        flex: 0 0 65% !important;
    }

    .partner-item-text {
        margin: 0px;
        flex: 0 0 25% !important;
        line-height: 100% !IMPORTANT;
        font-size: 12px !important;
    }

    span.partner-text {
        color: #FFF;
        font-family: Calibri;
        font-size: 13px !important;
        font-style: normal;
        font-weight: 700;
        line-height: 125%; /* 15px */
    }

    .slick-partner-list.slick-initialized.slick-slider {
        width: 75% !important;
    }

    .item.partner-item.slick-slide {
        margin: 0 5px;
    }

    .contact-call-to-action__container {
        width: 100% !important;
    }

    p.contact-call-to-action__header.text-center {
        color: #0A7CFF;
        font-size: 19.745px !important;
        font-style: normal;
        font-weight: 900 !important;
        line-height: normal;
    }

    .contact-call-to-action__container {
        padding: 30px 15px !important;
    }

    section.contact-call-to-action__section {
        padding: 10px 0px !important;
    }

    .row.justify-content-between .col-12 {
        display: block;
    }

    .contact-call-to-action__section .contact-call-to-action__container .contact-call-to-action-border p {
        color: #FFF;
        text-align: justify;
        font-family: Inter;
        font-size: 13.163px !important;
        font-style: normal;
        font-weight: 400 !important;
        line-height: 18.648px !important; /* 141.667% */
    }

    .contact-call-to-action__section .contact-call-to-action__container .contact-call-to-action-border {
        padding: 25px !important;
    }

    p.contact-promo__text {
        font-size: 13.163px !important;
        font-weight: 500 !important;
        letter-spacing: 0.132px !important;
        padding: 20px 10px !important;
    }

    .col-12.mb-50 {
        margin-bottom: 10px !important;
    }

    form#saveContactForm .contact {
        background: none;
        text-align: left;
        justify-content: flex-start;
        padding: 0px 10px !important;
        !;
    }

    img.zalo {
        width: 46.071px !important;
        height: 46.071px !important;
    }

    img.phone-call {
        width: 46.071px !important;
        height: 46.071px !important;
        flex-shrink: 0;
    }

    span.phone-number {
        font-size: 13.163px !important;
    }

    span.phone-number {
        font-size: 13.163px !important;
    }

    img.address-icon {
        width: 22.449px !important;
        height: 21.939px !important;
        flex-shrink: 0;
    }

    p.address-text {
        color: #FFF;
        font-size: 13.163px !important;
        font-weight: 400 !important;
    }

    img.address-icon {
        width: 22.449px !important;

        flex-shrink: 0;
    }

    form#saveContactForm .col-lg-6.col-12.d-flex {
        padding: 10px 20px !important;
    }

    .row.mt-5 {
        margin-top: 10px !important;
    }

    .contact-call-to-action__section .contact-call-to-action__container {
        width: 80%;
        padding: 50px 70px;
        border-radius: 24px;
        background: url(/storage/images/background-contact-mobile.png) no-repeat !important;
        background-size: cover !important;
    }

    h2.title-question-and-answer {
        font-size: 19.745px !important;
        margin: 20px 0px 0px 0px !important;
        font-weight: 700 !important;
    }

    .question-title h3 {
        display: flex;
        font-size: 15px !important;
    }

    .question-title h3 i {
        margin-left: 10px !important;
        margin-right: 0px !important;
    }

    .question-answer p {
        font-size: 15px !important;
    }

    button#saveContact {
        padding: 20px 30px !important;
    }

}

.contact-call-to-action__section .contact-call-to-action__container {
    width: 80%;
    padding: 50px 70px;
    border-radius: 24px;
    background: url(/storage/images/background-contact-1.png) no-repeat;
    background-size: cover !important;
}

img.partner-image {
    width: 100%;
}


@media screen and (max-width: 390px) {
    h1.title-service-section {
        font-size: 18px !important;
    }

    section.wrap-section.other-service-website {
        padding: 40px 20px !important;
    }

    p.service-section-content {
        font-size: 12px !important;
        line-height: 18.75px !important; /* 156.25% */
        letter-spacing: -0.36px !important;
    }

    img.img-service-left-section {
        left: -165px !important;
    }

    img.img-service-section-right {
        right: 120px !important;
        top: 5px !important;
    }

    .component-top-right {
        display: flex;
        width: 135.17px !important;
        height: 53.991px !important;
        padding: 17.088px !important;
        right: 105px !important;
    }

    p.component-top-right-text {
        text-shadow: 0px 4.76px 9.52px rgba(0, 0, 0, 0.25);
        font-size: 16px !important;
        line-height: 19.516px !important; /* 121.976% */
        letter-spacing: 0.178px !important;
    }

    .component-bottom-right {
        right: 115px !important;
        width: 170px !important;
    }

    p.component-bottom-right-text {

        font-size: 16px !important;
        line-height: 19.516px !important; /* 121.976% */
        letter-spacing: 0.178px !important;
    }

    span.span-top-right-text {
        font-size: 11px !important;
        line-height: 9.52px !important;
        letter-spacing: -0.114px !important;
    }

    .component-top-left {
        width: 102.57px !important;
        height: 53.991px !important;
        padding: 17.088px !important;
        flex-shrink: 0;
    }

    .component-bottom-left {
        width: 150.06px !important;
        height: 40px !important;
        padding: 9.627px 8.558px !important;
    }

    h2.title-section {
        font-size: 16px !important;
        line-height: 28.977px !important; /* 181.108% */
    }

    p.title-section-text {
        padding: 5.835px 10.67px !important;
        font-size: 11px !important;
        letter-spacing: -0.55px !important;
        border-radius: 4px !important;
    }

    img.img-service-center.aos-init.aos-animate {
        height: 450px !important;
    }

    img.img-service-left.aos-init.aos-animate {
        top: 45px !important;
        width: 130px !important;
        left: -20px;
    }

    img.img-service-right.aos-init.aos-animate {
        width: 120px !important;
        right: -30px;
        top: 75px;
    }

    h2.title-process {
        font-size: 16px !important;
        line-height: 28.977px !important; /* 181.108% */
        margin-top: -80px !important;
    }

    h3.name-process {
        bottom: 150px !important;
    }

    section.process-design-website {
        height: 450px !important;
    }

    h2.title-why-choose-us {
        font-size: 16px !important;
    }

    .item-why-choose-us-left {
        flex-shrink: 0;
    }

    .item-why-choose-us-left, .item-why-choose-us-right {
        margin: 0px 5px !important;
        margin-bottom: 15px !important;
    }

    h3.title-item-why-choose-us {
        font-size: 21px !important;
        left: 30px !important;
    }

    p.content-item-why-choose-us {
        font-size: 15px !important;
        left: 30px !important;
    }

    span.span-strong {
        height: 24.29px !important;
        padding: 2.557px 15.341px !important;

    }

    h2.title-we-response-all {
        text-shadow: 0px 0px 10.227px rgba(26, 97, 237, 0.90);
        font-size: 16px !important;
        line-height: 28.977px !important; /* 181.108% */
        padding: 0px 60px !important;
    }

    .container-gsap {
        height: 75vh !important;
    }

    .column.column-mobile {
        height: 560px !important;
    }

    section.we-response-all {
        height: 80vh !important;
    }

    h4.title-content-use-services {
        font-size: 17px !important;
    }

    p.content-use-service-text {
        font-size: 11.5px !important;
        line-height: 14.706px !important; /* 127.877% */
        margin-right: 15px !important;
    }

    p.contact-call-to-action__header.text-center {
        font-size: 16px !important;
    }
    .contact-call-to-action-border p {
        font-size: 12px !important;
    }

    .contact-call-to-action__section .contact-call-to-action__container .contact-call-to-action-border p {
        font-size: 12px !important;
        line-height: 17.045px !important; /* 142.045% */
        letter-spacing: -0.6px !important;
    }

    .contact-call-to-action__section .contact-call-to-action__container .contact-promo__text {
        font-size: 12px !important;
        letter-spacing: -0.6px !important;
    }

    img.zalo {
        width: 39px !important;
        height: 39px !important;
    }

    img.phone-call {
        width: 39px !important;
        height: 39px !important;
    }

    label.label {
        font-size: 14px !important;
    }

    h2.title-question-and-answer {
        font-size: 16px !important;
        margin-top: 10px !important;
    }
}