/*
Theme Name: Corsiva Lab
Author: Phuong Luong
Description: Corsiva Lab Version 2
Version: 2.0
License: GNU General Public License v2 or later
Tags: SASS, clean, bootstrap
Text Domain: Corsiva Lab Version 2
 */
/*! normalize.css v1.0.0 | MIT License | git.io/normalize */
/*---:[GLOBAL CSS]:---*/

.mw--500 {
    max-width: 50rem !important;
}

.section.section-kickstart.why-wwu .kickstart-content {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.section.section-kickstart.why-wwu .kickstart-content .item {
    width: calc((100% - 1.5rem * 3)/ 4)
}

@media (max-width: 991px) {
    .section.section-kickstart.why-wwu .kickstart-content .item {
        width: calc((100% - 1.5rem * 1)/ 2)
    }
}

@media (max-width: 576px) {
    .section.section-kickstart.why-wwu .kickstart-content .item {
        width: 100%
    }
}

.projects-type-list .item-image {
    aspect-ratio: 355/241;
}

.section.section-our-packages .our-packages-list.flex-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-column-gap: 1.42857143rem;
    -moz-column-gap: 1.42857143rem;
    column-gap: 1.42857143rem;
    row-gap: 2.14285714rem;
}

.section.section-our-packages .our-packages-list.flex-list .item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 24%;
    flex: 0 0 24%;
    height: auto;
    background-color: #fff;
    border-radius: 0.71428571rem;
    overflow: hidden;
    padding: 0;
    min-width: unset;
    max-width: unset;
    justify-content: unset;
}

.section.section-our-packages .our-packages-list .item-title {
    padding: 1.07142857rem;
    min-height: 7.5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-flow: column;
    flex-flow: column;
}

.section.section-our-packages .our-packages-list .item-title .name-item {
    font-size: 2rem;
}

.section.section-our-packages .our-packages-list .item-content {
    padding: 1.42857143rem 2.14285714rem;
    color: #00113B
}

.section.section-our-packages .our-packages-list .item:nth-child(1) .item-title,
.section.section-our-packages .our-packages-list .item:nth-child(4) .item-title,
.section.section-our-packages .our-packages-list .item:nth-child(5) .item-title,
.section.section-our-packages .our-packages-list .item:nth-child(8) .item-title {
    background-color: #eab54a;
}

.section.section-our-packages .our-packages-list .item:nth-child(2) .item-title,
.section.section-our-packages .our-packages-list .item:nth-child(6) .item-title {
    background-color: #bba77f;
}

.section.section-our-packages .our-packages-list .item:nth-child(3) .item-title,
.section.section-our-packages .our-packages-list .item:nth-child(7) .item-title {
    background-color: #6f6f6f;
}

.section-types-software {
    padding: 10rem 0;
}

.section-types-software .types-sf-content {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}

.section-types-software .types-sf-content .item {
    padding: 4.5rem 3rem;
    background-color: #F7F7F7;
    border-top: 0.35714rem solid #FFE0A0;
}

.section-types-software .types-sf-content .item:nth-child(3n+2) {
    background-color: #F4F4F4;
    border-color: #F4B229;
}

.section-types-software .types-sf-content .item:nth-child(3n) {
    background-color: #EAEAEA;
    border-color: #D38E00;
}

@media (max-width: 575px) {
    .section-types-software .types-sf-content {
        grid-template-columns: repeat(1, 1fr);
    }
}

.mw--495 {
    max-width: 49.5rem !important;
}

.pt--285 {
    padding-top: 28.5rem !important
}

body {
    font-size: 1.8rem;
}

@media (max-width: 575px) {
    .pt--285 {
        padding-top: 22.5rem !important;
    }

    body {
        font-size: 2rem;
    }

    .section.section-clients .clients-list .item span {
        font-size: 1.8rem
    }

    .section.section-banner-home:before {
        background-color: #6860f7;
        /* 		background-image: unset */
    }

    .section.section-partnering:before {
        display: none
    }

    .overlay-preloader {
        background-image: url(./assets/images/preloader-bg-mob.jpeg);
    }
}

.section.section-standard {
    padding-top: 10rem;
    padding-bottom: 10rem;
}

.section.section-clients .clients-list .swiper-button-prev,
.section.section-clients .clients-list .swiper-button-next {
    top: -6rem
}

.section-banner-portfolio .title-section {
    padding-right: 1.5rem
}

.section.section-portfolio-details .portfolio-details-flex .item:nth-child(4n+3) {
    margin-left: unset
}

.section.section-portfolio-details .portfolio-details-flex .item {
    max-width: 35.5rem;
}

.section.section-portfolio-details .portfolio-details-grid-4 {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 3rem;
}

@media (max-width: 991px) {
    .section.section-work-process .work-process .item:last-child:after {
        right: -4rem;
        left: auto
    }
}

.section.section-featured .featured-right .item-image img {
    border-radius: unset
}

.fs--22 {
    font-size: 2.2rem
}

.section-key-features .key-features-grid .item .name-item i {
    display: none;
}

@media (max-width: 575px) {
    .section-key-features .key-features-grid .item .name-item i {
        display: block;
    }

    .section-key-features .key-features-grid .item.active .name-item i {
        transform: rotate(180deg);
    }

    .section-key-features .key-features-grid .item .description {
        display: none;
    }

    .section-kickstart .kickstart-content,
    .section-corporate-package .kickstart-content,
    .section-key-capabilities .kickstart-content,
    .section-types-mb .types-mb-content {
        display: block;
    }

    .section-types-mb .types-mb-content .owl-dots {
        width: 100vw;
    }

    .section.section-types-mb .types-mb-content .item {
        max-width: calc(100vw - 3rem);
    }
}

.gapy--18 {
    row-gap: 1.8rem;
}

.gap--20 {
    column-gap: 2rem;
}

.section-list-logo .logo_item {
    width: 100%;
    max-width: calc((100% - 4*2rem) / 5);
    aspect-ratio: 2/1;
    overflow: hidden;
}

.section-list-logo .logo_item img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

@media (max-width: 991px) {
    .section-list-logo .logo_item {
        max-width: calc((100% - 3*2rem) / 4);
    }
}

@media (max-width: 767px) {
    .section-list-logo .logo_item {
        max-width: calc((100% - 2*2rem) / 3);
    }
}

@media (max-width: 575px) {
    .section-list-logo .logo_item {
        max-width: calc((100% - 1*2rem) / 2);
    }

    .section-clients .clients-content {
        overflow-x: hidden
    }

    .section.section-clients .clients-list .group-item {
        gap: 3rem;
        grid-template-columns: repeat(3, 1fr);
    }
}

.section-key-features .description h3 {
    font-size: 1.8rem
}

/* FOR ANIMATION IN animation.js FILE ONLY */
.btn-side-pace,
.group-action,
.icon-sticky,
.nav-item,
.navbar-logo {
    opacity: 1;
}

.wpcf7-spinner {
    display: none !important;
}


.modal {
    z-index: 9999999999;
}

.modal-backdrop {
    z-index: 999999998;
}

.btn-close-white {
    margin-bottom: -5rem !important;
    margin-right: 1rem !important;
    z-index: 9999 !important;
}


.header-marquee {
    width: 100%;
    overflow: hidden;
    background: #F4BB4D;
    position: relative;
}

.marquee-content {
    display: inline-block;
    white-space: nowrap;
    position: relative;
    animation: marquee-right 30s linear infinite;
    font-family: outfit;
    font-size: 1.8rem;
    line-height: 1;
    border-radius: 1rem;
    color: #FDFAED;
    padding: 1.4rem 2rem;
    font-weight: 500;
}

@keyframes marquee-right {
    0% {
        right: -100%;
    }

    100% {
        right: 100%;
    }
}

/* NEW CSS CHANGE FOR HOME PAGE - ABOUT US PAGE */
.margin-inline {
    margin-inline: -20rem !important;
}

@media (max-width: 576px) {
    .margin-inline {
        margin-inline: 0 !important;
    }
}

.ml-auto {
    margin-left: auto !important;
}

.mt--7 {
    margin-top: 0.7rem;
}

.mt--10{
    margin-top: 1rem;
}

.mt--18 {
    margin-top: 1.8rem;
}

.mt--20{
    margin-top: 2rem;
}

.mt--25 {
    margin-top: 2.5rem;
}

.mt--30 {
    margin-top: 3rem;
}

.mt--37 {
    margin-top: 3.7rem;
}

.mt--40 {
    margin-top: 4rem;
}

.mt--45 {
    margin-top: 4.5rem;
}

.mt--46 {
    margin-top: 4.6rem;
}

.mt--60 {
    margin-top: 6rem;
}

.mt--100 {
    margin-top: 10rem;
}

.mb--30{
    margin-bottom: 3rem;
}

.gapy--13 {
    row-gap: 1.3rem;
}

.gap--37 {
    gap: 3.7rem;
}

.gapx--10 {
    column-gap: 1rem;
}

.gapy--20 {
    row-gap: 2rem;
}

.gapy--26 {
    row-gap: 2.6rem;
}

.gapy--30 {
    row-gap: 3rem;
}

.gapy--40 {
    row-gap: 4rem;
}

.p--20 {
    padding: 2rem;
}

.p--24 {
    padding: 2.4rem;
}

.p--26 {
    padding: 2.6rem;
}

.p--30{
    padding: 3rem;
}

.px--28 {
    padding-left: 2.8rem;
    padding-right: 2.8rem;
}

.px--25 {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
}

.px--85 {
    padding-left: 8.5rem;
    padding-right: 8.5rem;
}

.px--96 {
    padding-left: 9.6rem;
    padding-right: 9.6rem;
}

.py--5 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

.py--10 {
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.py--16 {
    padding-top: 1.6rem;
    padding-bottom: 1.6rem;
}

.py--18 {
    padding-top: 1.8rem;
    padding-bottom: 1.8rem;
}

.py--24 {
    padding-top: 2.4rem;
    padding-bottom: 2.4rem;
}

.py--30 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
}

.py--50 {
    padding-top: 5rem;
    padding-bottom: 5rem;
}

.py--58 {
    padding-top: 5.8rem;
    padding-bottom: 5.8rem;
}

.py--60 {
    padding-top: 6rem;
    padding-bottom: 6rem;
}

.py--63 {
    padding-top: 6.3rem;
    padding-bottom: 6.3rem;
}

.py--80 {
    padding-top: 8rem;
    padding-bottom: 8rem;
}

.py--90 {
    padding-top: 9rem;
    padding-bottom: 9rem;
}

.py--100 {
    padding-top: 10rem;
    padding-bottom: 10rem;
}

.pt--30 {
    padding-top: 3rem !important;
}

.pt--60 {
    padding-top: 6rem;
}

.pt--80 {
    padding-top: 8rem;
}

.pt--90 {
    padding-top: 9rem;
}

.pb--5{
    padding-bottom: 0.5rem;
}

.pb--30 {
    padding-bottom: 3rem;
}

.pb--60 {
    padding-bottom: 6rem;
}

.pb--120 {
    padding-bottom: 12rem;
}

.pr--16 {
    padding-right: 1.6rem;
}

.py--20{
    padding-top: 2rem;
    padding-bottom: 2rem;
}

.py--40 {
    padding-top: 4rem;
    padding-bottom: 4rem;
}

.bg--665FED {
    background-color: #665FED !important;
}

.bg--373737 {
    background-color: #373737 !important;
}

.bg--FFDABD {
    background-color: #FFDABD !important;
}

.bg--F4BB4D {
    background-color: #F4BB4D !important;
}

.fs--18{
    font-size: 1.8rem !important;
}

.fs--20 {
    font-size: 2rem !important;
}

.fs--22 {
    font-size: 2.2rem !important;
}

.fs--25 {
    font-size: 2.5rem !important;
}

.fs--27 {
    font-size: 2.7rem !important;
}

.fs--30{
    font-size: 3rem !important;
}

.fs--35 {
    font-size: 3.5rem !important;
}

.fs--40 {
    font-size: 4rem !important;
}

.fs--92 {
    font-size: 9.2rem !important;
}

.fw-semibold {
    font-weight: 600 !important;
}

.letter---1-8 {
    letter-spacing: -1.8px !important;
}

.letter---0-2 {
    letter-spacing: -0.2px !important;
}

.letter--0-5 {
    letter-spacing: 0.5px !important;
}

.letter--2-5 {
    letter-spacing: 2.5px !important;
}

.color--3C3BF7 {
    color: #3C3BF7 !important;
}

.color--181818 {
    color: #181818 !important;
}

.color--101010 {
    color: #101010 !important;
}

.mw--48{
    max-width: 4.8rem !important;
}

.mw--76 {
    max-width: 7.6rem !important;
}

.mw--80 {
    max-width: 8rem !important;
}

.mw--100 {
    max-width: 10rem !important;
}

.mw--156 {
    max-width: 15.6rem !important;
}

.mw--197 {
    max-width: 19.7rem !important;
}

.mw--228 {
    max-width: 22.8rem !important;
}

.mw--550 {
    max-width: 55rem !important;
}

.mw--600 {
    max-width: 60rem !important;
}

.mw--660 {
    max-width: 66rem !important;
}

.mw--1052 {
    max-width: 105.2rem !important;
}

.mw--1128 {
    max-width: 112.8rem !important;
}

.border-top-1--EDEDED {
    border-top: 1px solid #EDEDED !important;
}

.border-1--EDEDED {
    border: 1px solid #EDEDED !important;
}

.border-1--665FED {
    border: 1px solid #665FED !important;
}

.border-bottom-1--D8D5B5{
    border-bottom: 1px solid #D8D5B5 !important;
}

.radius--10 {
    border-radius: 1rem !important;
}

.radius--14{
    border-radius: 1.4rem !important;
}

.radius--16 {
    border-radius: 1.6rem !important;
}

.radius--20{
    border-radius: 2rem !important;
}

.radius--26 {
    border-radius: 2.6rem !important;
}

.radius--28 {
    border-radius: 2.8rem !important;
}

.overflow-unset {
    overflow: unset !important;
}

.aspect-ratio--427-230 {
    aspect-ratio: 427/230 !important;
}

.media--cover{
    object-fit: cover !important;
}

@media (min-width: 992px) {
    .section-service-level-agreement .card-sla {
        min-height: 26.5rem;
    }
    .section-service-level-agreement .support_items{
        height: 92%;
    }
    .margin-inline-end--20{
        margin-inline-end: -20rem !important;
    }
    .mw-lg-unset {
        max-width: unset !important;
    }

    .px-sm--40 {
        padding-left: 4rem !important;
        padding-right: 4rem !important;
    }

    .ml-lg-auto {
        margin-left: auto !important;
    }
}

@media (max-width: 576px) {
    .px-sm-unset {
        padding-left: unset !important;
        padding-right: unset !important;
    }

    .mw-sm--90 {
        max-width: 90px !important;
    }

    .p-sm--20 {
        padding: 20px !important;
    }

    .pt-sm--100 {
        padding-top: 10rem !important;
    }

    .fs-sm--46 {
        font-size: 46px !important;
    }
}

.section-work-process-v2 .list_step .icon-bg {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 32.3rem;
    height: 19.6rem;
}

.section-work-process-v2 .list_step .nav-pills {
    position: absolute;
    top: -4rem;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
}

.section-work-process-v2 .list_step .nav-link.active {
    background: #0010D6 !important;
}

.section-work-process-v2 .step-wrapper {
    position: absolute;
    top: -4rem;
    left: 50%;
    transform: translateX(-50%);
    background: #0010D6 !important;
    width: fit-content;
}

.section-work-process-v2 .carousel-indicators .active {
    background-color: #F4BB4D !important;
}

/* Accordion icon toggle */
.section-type-of-customised .accordion-button .accordion-icon-plus {
    display: inline-flex;
    flex-shrink: 0;
}

.section-type-of-customised .accordion-button .accordion-icon-close {
    display: none;
    flex-shrink: 0;
}

.section-type-of-customised .accordion-button:not(.collapsed) {
    background-color: #373737 !important;
    color: #fff !important;
    box-shadow: unset !important;
    padding-bottom: 0 !important;
}

.section-type-of-customised .accordion-button:not(.collapsed) .accordion-icon-plus {
    display: none;
}

.section-type-of-customised .accordion-button:not(.collapsed) .accordion-icon-close {
    display: inline-flex;
}

.section-type-of-customised .accordion-button::after {
    display: none;
}

.accordion-icon-plus svg,
.accordion-icon-close svg {
    width: 2rem;
    height: 2rem;
}

.accordion-collapse {
    margin-top: -1px;
}

.section-transform-ideas .list_number .icon {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

.section-transform-ideas .list_number .icon svg {
    width: 100%;
    height: 100%;
}

.section-we-build .item-we-build {
    min-height: 59.5rem;
}

.section-banner-home-ver2 {
    position: relative;
}

.section.section-banner-home-ver2 .item img {
    height: 9.7rem;
    width: auto;
    display: block;
    margin-top: 2rem;
}

.section-banner-home-ver2 .image {
/*     margin-inline-end: -15rem; */
	margin-inline-end: -22rem;
}

.section-banner-home-ver2 .icon {
    position: absolute;
    left: -20rem;
    bottom: 0;
    width: 129.8rem;
    height: 30.5rem;
    overflow: hidden;
    z-index: 1;
}

.section-banner-home-ver2 .container {
    position: relative;
    z-index: 2;
}

@media (max-width: 991px) {
    .section-transform-ideas .list_number {
        flex-wrap: wrap;
        gap: 2rem;
    }

    .section-transform-ideas .list_number .item {
        width: calc((100% - 2rem) /2);
    }

    .section-banner-home-ver2 .image {
        margin-inline-end: unset;
    }

    .section-banner-home-ver2 .banner-home-featured {
        display: none;
    }

    .section-banner-home-ver2 .icon {
        display: none;
    }
}

@media (max-width: 576px) {
    .section-type-of-customised {
        background-position: 80% !important;
    }

    .section.section-banner-portfolio.section-banner-portfolio-details.show_banner_mobile::before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 47rem;
        background: url(./assets/images/bg-mob.png) center;
        background-size: cover;
        z-index: 2;
    }

    .section.section-banner-portfolio.section-banner-portfolio-details.show_banner_mobile .banner-portfolio {
        position: relative;
        z-index: 3;
        background: unset;
        margin-bottom: -5px;
        padding-top: 5rem;
        min-height: 37rem
    }
}

/* We Build: link hover interaction */
.section-we-build .list-item-we-build li>a {
    position: relative;
    align-items: center;
    width: fit-content;
    max-width: 100%;
    text-decoration: none;
    transition: transform 0.25s ease, opacity 0.25s ease;
}

.section-we-build .list-item-we-build li>a .icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.25s ease;
}

.section-we-build .list-item-we-build li>a .icon svg {
    transition: transform 0.25s ease;
}

.section-we-build .list-item-we-build li:hover>a,
.section-we-build .list-item-we-build li>a:focus-visible {
    transform: translateX(0.4rem);
}

.section-we-build .list-item-we-build li:hover>a .icon,
.section-we-build .list-item-we-build li>a:focus-visible .icon {
    transform: translateX(0.6rem);
}

.section-we-build .list-item-we-build li:hover>a .icon svg,
.section-we-build .list-item-we-build li>a:focus-visible .icon svg {
    transform: scale(1.04);
}

.section-we-build .list-item-we-build li>a:focus-visible {
    outline: 0.2rem solid currentColor;
    outline-offset: 0.2rem;
}

@media (prefers-reduced-motion: reduce) {

    .section-we-build .list-item-we-build li>a,
    .section-we-build .list-item-we-build li>a .icon,
    .section-we-build .list-item-we-build li>a .icon svg {
        transition: none;
    }
}

.our-blogs .owl-nav {
    margin: unset;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 110%;
    justify-content: space-between;
}

.our-blogs .owl-nav .owl-prev:hover span,
.our-blogs .owl-nav .owl-next:hover span {
    color: #fff !important;
}

@media (max-width: 991px) {
    .our-blogs .owl-nav {
        width: 100%;
    }
}

.list_blogs .item-image a {
    aspect-ratio: 357/238;
    display: block
}

.list_blogs .item-image a img {
    height: 100%;
    object-fit: cover
}

.footer-accreditation img {
    height: 8rem;
}

.footer-accreditation img:nth-of-type(3) {
    height: 12.4rem;
}

.footer-accreditation img:nth-of-type(4) {
    width: 100%;
    object-fit: cover;
    height: 10rem;
}

.cgptcb-body {
    display: none !important
}

@media (max-width: 576px) {
    .section-we-build .list-item-we-build li>a {
        justify-content: space-between;
        width: 100%;
    }
}

.section-banner-portfolio .group-btn .btn {
    background: #F4BB4D;
}

.section-banner-portfolio .group-btn .btn:hover {
    background: #4C40F7;
}

.section.section-banner-portfolio .item img {
    height: 9.7rem;
    width: auto;
    display: block;
    margin-top: 2rem;
}

@media (min-width: 992px) {
    .mr--80 {
        margin-right: 8rem !important;
    }

    .header .navbar-nav .nav-item.dropdown-services-mega {
        position: static;
    }

    .header .navbar-nav .nav-item.dropdown-services-mega .dropdown-menu-services-mega {
        position: absolute !important;
        inset: auto !important;
        top: 100% !important;
        left: 50% !important;
        transform: translateX(-50%) !important;
        width: min(184rem, calc(100vw - 4rem));
        border: 0;
        border-radius: 0;
        margin-top: 0;
        padding: 0;
        background: transparent;
    }

    .header .navbar-nav .nav-item.dropdown-services-mega .dropdown-menu-services-mega.show,
    .header .navbar-nav .nav-item.dropdown-services-mega:hover .dropdown-menu-services-mega,
    .header .navbar-nav .nav-item.dropdown-services-mega:focus-within .dropdown-menu-services-mega {
        display: block;
    }

    .services-mega-menu {
        display: grid;
        grid-template-columns: 35.5rem 35.5rem 1fr;
        min-height: 51rem;
        background: #FDFAED;
        border-radius: 2.4rem;
        overflow: hidden;
        border: 1px solid #D2D2D2;
    }

    .services-mega-groups,
    .services-mega-services {
        border-right: 1px solid #D2D2D2;
        background: #FDFAED;
    }

    .services-mega-group-item {
        width: 100%;
        border: 0;
        border-bottom: 1px solid #D2D2D2;
        background: transparent;
        display: flex;
        align-items: center;
        gap: 2rem;
        padding: 5rem 3rem;
        text-align: left;
        color: #0b1234;
        transition: background-color 0.2s ease;
    }

    .services-mega-group-item.active {
        background: #3f3fe5;
        color: #fff;
    }

    .services-mega-group-icon {
        width: 5.4rem;
        height: 5.4rem;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border-radius: 0.8rem;
        overflow: hidden;
        flex-shrink: 0;
    }

    .services-mega-group-icon img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .services-mega-group-content {
        display: flex;
        flex-direction: column;
        gap: 0.4rem;
    }

    .services-mega-group-title {
        color: #121234;
        font-size: 2rem;
        line-height: 1.05;
        font-weight: 700;
    }

    .services-mega-group-item.active .services-mega-group-title {
        color: #fff;
    }

    .services-mega-group-desc {
        font-size: 1.6rem;
        font-weight: 300;
        line-height: 1.35;
    }

    .services-mega-services-list {
        display: none;
        padding: 0;
    }

    .services-mega-services-list.active {
        display: block;
    }

    .services-mega-service-link {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 1.2rem;
        padding: 2.4rem 3rem;
        border-bottom: 1px solid #D2D2D2;
        color: #101636;
        font-size: 1.8rem;
        line-height: 1.16;
        font-weight: 500;
        text-decoration: none;
    }

    .services-mega-service-link:hover,
    .services-mega-service-link.active {
        background: #3f3fe5;
        color: #fff;
    }

    .services-mega-service-link .fa-arrow-right {
        font-size: 2rem;
        flex-shrink: 0;
    }

    .services-mega-detail-panel {
        padding: 6rem 7rem;
        background: #f9f8ef;
        display: flex;
        align-items: center;
    }

    .services-mega-detail-item {
        display: none;
    }

    .services-mega-detail-item.active {
        display: flex;
        align-items: center;
        gap: 7rem;
    }

    .services-mega-detail-icon {
        width: 20rem;
        min-width: 20rem;
    }

    .services-mega-detail-icon img {
        width: 100%;
        height: auto;
    }

    .services-mega-detail-subtitle {
        font-size: 1.8rem;
        line-height: 1.4;
        color: #121234;
        margin-bottom: 1rem;
    }

    .services-mega-detail-subtitle span {
        color: #3C3BF7;
        font-weight: 700;
    }

    .services-mega-detail-title {
        font-size: 3rem;
        font-weight: 700;
        line-height: 1.08;
        color: #121234;
        margin: 0 0 2rem;
    }

    .services-mega-detail-desc {
        margin: 0;
        font-size: 1.8rem;
        font-weight: 300;
        line-height: 1.5;
        color: #707070;
    }

    .navbar-nav .nav-item>.nav-link:hover:before {
        opacity: 1;
    }

    .navbar-nav .nav-item>.nav-link:before {
        content: "";
        height: 1.3rem;
        width: 100%;
        background-color: #665FED;
        border-radius: 0 0 .5rem .5rem;
        position: absolute;
        top: 0;
        left: 0;
        opacity: 0;
        transition: .3s;
    }
}

@media (max-width: 991px) {
    .section-manage-software-maintenance .image{
        margin-inline: -2rem;
    }
    .dropdown-menu-services-mega {
        display: none !important;
    }

    .header .navbar-nav .dropdown-services-mega>.nav-link {
        display: inline-flex;
        align-items: center;
        gap: 0.8rem;
    }

    .header .navbar-nav .dropdown-services-mega>.nav-link .dropdown-toggle {
        transition: transform 0.2s ease;
    }

    .services-mega-mobile-menu {
        display: none;
        margin-top: 1.4rem;
        border-top: 1px solid #D2D2D2;
        border-bottom: 1px solid #D2D2D2;
    }

    .header .navbar-nav .dropdown-services-mega.services-mobile-open .services-mega-mobile-menu {
        display: block;
    }

    .services-mega-mobile-group {
        border-top: 1px solid #D2D2D2;
    }

    .services-mega-mobile-group:first-child {
        border-top: 0;
    }

    .services-mega-mobile-group-head {
        width: 100%;
        border: 0;
        background: #fff;
        padding: 3rem 1rem;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 1rem;
        text-align: left;
        color: #121234;
    }

    .services-mega-mobile-group.active .services-mega-mobile-group-head {
        background: #3F3FE5;
        color: #fff;
    }

    .services-mega-mobile-group-main {
        display: flex;
        align-items: center;
        gap: 1.5rem;
        min-width: 0;
    }

    .services-mega-mobile-group-icon {
        width: 5rem;
        height: 5rem;
        border-radius: 0.5rem;
        overflow: hidden;
        flex-shrink: 0;
    }

    .services-mega-mobile-group-icon img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .services-mega-mobile-group-text {
        display: flex;
        flex-direction: column;
        gap: 0.2rem;
        min-width: 0;
    }

    .services-mega-mobile-group-title {
        font-size: 2rem;
        line-height: 1.2;
        font-weight: 700;
    }

    .services-mega-mobile-group-desc {
        font-size: 2rem;
        line-height: 1.25;
        font-weight: 400;
        opacity: 0.95;
    }

    .services-mega-mobile-group-toggle-icon {
        width: 0;
        height: 0;
        border-left: 1.2rem solid transparent;
        border-right: 1.2rem solid transparent;
        border-top: 1.4rem solid currentColor;
        color: #665FED;
        flex-shrink: 0;
        transition: transform 0.2s ease;
    }

    .services-mega-mobile-group.active .services-mega-mobile-group-toggle-icon {
        transform: rotate(180deg);
        color: #fff;
    }

    .services-mega-mobile-group-services {
        display: none;
        background: #fff;
    }

    .services-mega-mobile-group.active .services-mega-mobile-group-services {
        display: block;
    }

    .services-mega-mobile-service-link {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 1rem;
        padding: 2rem 2rem 2rem 1rem;
        color: #121234;
        font-size: 2rem;
        font-weight: 500;
        line-height: 1.25;
        text-decoration: none;
    }

    .services-mega-mobile-service-link .fa-arrow-right {
        color: #3F3FE5;
        flex-shrink: 0;
    }

    .navbar-nav .nav-link.show .dropdown-toggle:before {
        display: none;
    }

    .header-menu .offcanvas-body {
        padding: 0 !important;
    }

    .header-menu .offcanvas-body .nav-item .nav-link,
    .header-menu .offcanvas-body .name-item {
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }
}

.navbar-nav .nav-item:before {
    display: none;
}

.navbar-nav .nav-item>.nav-link {
    position: relative;
}

/* Copilot Start Here */


.section-the-problem .content-wrapper {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(26rem, 51rem) minmax(0, 1fr);
    grid-template-areas:
        "item-1 center item-2"
        "item-3 center item-4";
    align-items: center;
    column-gap: 4rem;
    row-gap: 5.5rem;
    margin: 0 auto;
}

.section-the-problem .problem-center-image {
    grid-area: center;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 40rem;
}

.section-the-problem .problem-center-image img {
    display: block;
    width: 100%;
    max-width: 51rem;
    height: auto;
}

.section-the-problem .problem-item {
    display: flex;
    align-items: center;
    gap: 6rem;
}

.section-the-problem .problem-item-1 {
    grid-area: item-1;
    justify-self: end;
    flex-direction: row-reverse;
    text-align: right;
    margin-right: -17rem;
}

.section-the-problem .problem-item-2 {
    grid-area: item-2;
    justify-self: start;
    margin-left: -17rem;
}

.section-the-problem .problem-item-3 {
    grid-area: item-3;
    justify-self: end;
    flex-direction: row-reverse;
    text-align: right;
    margin-right: -17rem;
}

.section-the-problem .problem-item-4 {
    grid-area: item-4;
    justify-self: start;
    margin-left: -17rem;
}

.section-the-problem .problem-item:nth-child(n+5):not(.problem-center-image) {
    grid-column: 1 / -1;
    justify-self: center;
    text-align: center;
}

.section-the-problem .problem-item-icon {
    width: 13.2rem;
    min-width: 13.2rem;
}

.section-the-problem .problem-item-icon img {
    display: block;
    width: 100%;
    height: auto;
}

.section-the-problem .problem-item-content {
    max-width: 31rem;
}

.section-the-problem .problem-item-title {
    color: #121234;
    font-size: 2.5rem;
    line-height: 132%;
    font-weight: 500;
}

@media (max-width: 991px) {
    .section-the-problem .content-wrapper {
        grid-template-columns: minmax(0, 1fr) minmax(20rem, 28rem) minmax(0, 1fr);
        column-gap: 2.4rem;
        row-gap: 4rem;
    }

    .section-the-problem .problem-item {
        gap: 1.8rem;
    }

    .section-the-problem .problem-item-icon {
        width: 7.2rem;
        min-width: 7.2rem;
    }

    .section-the-problem .problem-item-title {
        font-size: 1.8rem;
    }

    .section-achievements .description-smallest {
        font-size: 1.8rem;
    }

    .section-achievements .item-top {
        font-size: 2.5rem;
    }
}

@media (max-width: 767px) {
    .section-the-problem .content-wrapper {
        display: flex;
        flex-direction: column;
        gap: 2rem;
    }

    .section-the-problem .problem-center-image {
        display: none;
    }

    .section-the-problem .problem-item,
    .section-the-problem .problem-item-1,
    .section-the-problem .problem-item-2,
    .section-the-problem .problem-item-3,
    .section-the-problem .problem-item-4 {
        width: 100%;
        justify-self: auto;
        flex-direction: row;
        text-align: left;
        align-items: center;
        margin-left: 0;
        margin-right: 0;
        gap: 1.6rem;
    }

    .section-the-problem .problem-item-content {
        max-width: none;
        flex: 1;
    }
}

.section-banner-home-ver2 .group-btn .btn.btn-yellow,
.section-consultation-workshop .group-btn .btn.btn-yellow {
    background-color: #F29B00 !important
}

.section-banner-home-ver2 .group-btn .btn.btn-yellow:hover,
.section-consultation-workshop .group-btn .btn.btn-yellow:hover {
    background-color: #4C40F7 !important
}

@media (max-width: 767.98px) {
    .section-work-process-v2 .carousel-item .description table {
        padding: 0 2rem;
    }

    .section-work-process-v2 .carousel-item .description table,
    .section-work-process-v2 .carousel-item .description tbody,
    .section-work-process-v2 .carousel-item .description tr,
    .section-work-process-v2 .carousel-item .description td {
        display: block;
        width: 100% !important;
        text-align: left;
    }

    .section-work-process-v2 .carousel-item .description td {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }
}

.section-maintenance-packages .btn.btn-yellow , 
.section-why-work-with-us .btn.btn-yellow,
.section-manage-software-maintenance .btn.btn-yellow{
    background-color: #F29B00 !important;
}
.section-maintenance-packages .btn.btn-yellow:hover, 
.section-why-work-with-us .btn.btn-yellow:hover,
.section-manage-software-maintenance .btn.btn-yellow:hover{
    background-color: #4C40F7 !important;
}