/* Common styles */
#main, #wrapper {
    background-color: rgba(222, 231, 251, 1)!important;
    position: relative;
} 

.stuck .header-main {
    background: linear-gradient(91.89deg, #3459DC 4.46%, #2140AC 97.23%);
}

.nav > li > a, .mobile-sidebar-levels-2 .nav > li > ul > li > a {
    color: #fff !important;
}

.header-bg-color {
    background: transparent !important;
}

.stuck #logo {
    width: 182px;
}

.header-main .button.success {
    background: #F47721 !important;
    color: #fff;
    font-weight: 600;
    padding-top: 8px;
    color: #fff;
    padding: 0px 16px;
    font-size: 16px;
    min-height: 44px;
}

.header-main .button.success::before{
    content: "";
    background: url(../assets/png/Pen.png) no-repeat;
    background-size: 100%;
    float: left !important;
    width: 22px;
    height: 22px;
    position: relative;
    margin: 7px 0px 0 0;
}

.nav-spacing-xlarge>li {
    margin: 0px 20px;
}

.main-title{
    color: rgba(41, 58, 164, 1);
    font-weight: 600;
    font-size: 40px;
    line-height: 48px;
    letter-spacing: 0%;
    text-align: center;
}
.is-divider {display: none!important;}
.section h2{
    color: rgba(41, 58, 164, 1);
    font-weight: 600!important;
    font-size: 40px!important;
    line-height: 48px!important;
    letter-spacing: 0%;
}
.bg-white{background: #fff!important;}
.p-50 { padding: 50px!important; }
.mt-30 { margin-top: 30px!important; }
.mt-40 { margin-top: 40px!important; }
.mt-50 { margin-top: 50px!important; }

.mb-24 { margin-bottom: 24px!important; }

.mt-100 { margin-top: 100px!important; }
.mt--50 { margin-top: -50px; }
.mt--100 { margin-top: -100px!important; }
.mt--150 { margin-top: -150px; }
.mt--200 { margin-top: -200px; }
.mt--250 { margin-top: -250px!important; }
.mt--300 { margin-top: -300px!important; }

.p-tb-24 { padding-top: 24px!important; padding-bottom: 24px!important; }
.pt-24 { padding-top: 24px!important; }
.pt-30 { padding-top: 30px!important; }
.pt-40 { padding-top: 40px!important; }
.p-24 { padding: 24px!important; }

.radius-16 { border-radius: 16px!important; }

/* Homepage */
.section__banner .fill {
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)),
    linear-gradient(270deg, rgba(0, 27, 164, 0) 0%, rgba(0, 27, 164, 0.75) 100%);
}
.section__banner h1 {
    font-weight: 600;
    font-size: 60px;
    line-height: 60px;
    letter-spacing: -1px;
    margin-bottom: 0;
}

.section__banner ul{
    margin-top: 1.3rem;
}

.section__banner li{
    list-style: none;
    font-weight: 700;
    margin-left: 0px!important;
    font-size: 20px;
    line-height: 28px;
    letter-spacing: 0%;
}

.section__banner li::before {
       display: block;
    content: '';
    background: url(https://beta.globalpathways.edu.vn/wp-content/uploads/2025/12/star-1.png);
    width: 16px;
    height: 16px;
    float: left;
    background-size: 100%;
    margin: 7px;
}

.banner__logo img {
    min-height: 48px;
    height: auto;
    max-height: 48px;
    width: auto!important;
}

.section__banner .button{
    font-size: 16px;
    min-height: 40px;
    margin-right: 2rem;
}

.home__pathway .col-inner {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.3) 0%, #FFFFFF 100%);
    width: 100%;
    max-width: 792px;
    display: block;
    margin: auto!important;
    border-radius: 24px;
    backdrop-filter: blur(4px);
}

.home__pathway p {
    padding: 0 24px 0;
}

.section__why__box .col-inner .icon-box-text {
    background: rgba(255, 255, 255, 1);
    border-radius: 24px;
    backdrop-filter: blur(4px);
    padding-top: 48px;
    padding-right: 24px;
    padding-bottom: 24px;
    padding-left: 24px;
    min-height: 192px;
    border-radius: 24px;
}

.section__why__box .col-inner .icon-box-text h4{
    font-weight: 700;
    font-style: Bold;
    font-size: 20px!important;
    line-height: 28px;
    letter-spacing: 0%;
    color:rgba(38, 53, 130, 1);
}

.section__why__box .icon-box .icon-box-img {
    margin-bottom: -2rem;   
    margin-left: 1.5rem;
    z-index: 2;
}

.section__fee .col {
    padding-bottom: 0!important;
}

.section__fee .box__image img, .section__experience .box__image img {
    width: auto;
    height: auto;
}

.section__fee .box__text .accordion-title.active{
    background: transparent!important;
    border-color: transparent!important;
}

.section__fee .box__text .accordion .toggle{
      right: 1rem;
    left: auto;
    top: 0;
    opacity: 1;
}   

.section__fee .box__text .accordion-title {
    border-top:none!important;
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
    letter-spacing: 0;
    color:rgba(52, 89, 220, 1);
}

.section__fee .box__text .accordion-inner {
    display: none;
    padding: .1em 3.3em;
}

.section__fee .box__text .accordion .accordion-inner p {
    margin-bottom: .5rem!important;
}

.section__fee .fill {
    background: url(https://beta.globalpathways.edu.vn/wp-content/uploads/2025/12/hocphi_pattern.png);
    height: 100%;
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size: contain;
}


.section__fee .box__text__col {
    background: rgba(255, 255, 255, 1);
    gap: 16px;
    border-radius: 24px;
    padding: 24px;
    margin: 24px 0 24px;
        
    }
.section__fee .box__text__col h4{
    font-size: 20px!important;
    font-weight: 700;
    font-style: Bold;
    font-size: 24px;
    line-height: 32px;
    letter-spacing: 0%;
    color: rgba(52, 89, 220, 1);
}
.section__fee .box__text__col p {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0%;
    color: rgba(41, 58, 164, 1);
    margin-bottom: 5px!important;
}

.section__fee .box__text__col ul li {
    font-weight: 400;
    font-size: 16px;
    color: rgba(38, 38, 38, 1);
    line-height: 24px;
    letter-spacing: 0%;
    margin-bottom: 0;
}

.section__scholarship .col-inner {
    border-radius: 24px;
    padding: 0;
}

.section__scholarship .scholarship__box {
    border-radius: 24px;
    padding: 24px;
    height: 100%;
    display: grid;
    justify-content: space-between;
    grid-template-columns: 2fr 1fr;
}

.section__scholarship__box .col:nth-child(odd) .col-inner {
    background: rgba(52, 89, 220, 1);
}

.section__scholarship__box .col:nth-child(even) .col-inner {
    background: rgba(38, 53, 130, 1);
}

.section__scholarship .scholarship__box h3 {
    font-size: 24px;
    line-height: 32px;
    letter-spacing: 0%;
}

.scholarship__left p {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0%;
}

.scholarship__right {
    text-align: right;
}

.scholarship__right .num{
    font-size: 60px;
    font-weight: bold;
    line-height: 60px;
    letter-spacing: 0%;
}
.scholarship__right .text{
    font-size: 24px;
    letter-spacing: 0%;
}

.section__enrollment .accordion-title.active {
    border:none;
}


.section__choose__box .accordion-title, .section__choose__box .accordion .accordion-item{
    border:none;
    background-color:transparent!important;
    background: transparent!important;
    padding: 0;
}

.section__choose__box .accordion .accordion-item {
    padding: 0;
}

.section__choose__box .accordion-title {
    border-bottom: 1px solid rgba(209, 209, 209, 1)!important;
    border-radius: 0!important;
    padding: 16px 16px 10px 10px;
}

.section__enrollment .accordion .accordion-item, .section__enrollment .accordion-title, .section__enrollment .accordion-title.active,
.section__choose__box .accordion-title.active {
    background: rgba(246, 246, 246, 1);
    background-color: rgba(246, 246, 246, 1);
    margin-bottom: 20px;
    padding: 16px;
    border-radius: 24px;
    border-top:none!important;
    width: 100%;
    margin-bottom: .5rem;
}

.section__enrollment .accordion .accordion-item a span {
    font-size: 20px;
    margin-bottom: 0;
}

.section__enrollment .accordion-title, .section__choose__box .accordion-title {
    color: rgba(52, 89, 220, 1);
    width: 100%;
    font-family: Barlow;
    font-weight: 700;
    font-size: 16px !important;
    line-height: 24px;
    letter-spacing: 0;
}

.section__enrollment .accordion .accordion-inner, .section__choose__box .accordion .accordion-inner {
    padding: 0 1rem;
}

.section__choose__box h2 {
    margin-bottom: 0!important;
}

.accordion .accordion-inner p {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0;
    color: rgba(38, 38, 38, 1);
}

.section__enrollment .accordion .toggle, .section__choose__box .accordion .toggle {
    right: 0;
    margin-right: 30px;
    left: auto;
    top:1rem;
    opacity: 1;
}

.border-title {
    position: absolute;
    top: 3%;
    right: auto;
    left: 0;
    color:rgba(41, 58, 164, 1);
    font-weight: 700;
    font-size: 24px;
    text-transform: uppercase;
    left: 5px;
}

.section__choose__box .col-inner h3{
    font-weight: 275;
    font-size: 120px;
    line-height: 120px;
    letter-spacing: -6px;
    color:rgba(52, 89, 220, 1);
}

.section__choose__box .accordion ul {
    display: grid!important;
    grid-template-columns: 1fr 1fr;
}

/* .inverted {
	-webkit-mask: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20384%20304%22%3E%3Cpath%20d%3D%22M32%2C0H290A14%2C14%200%2C0%2C1%20304%2C14V26A14%2C14%200%2C0%2C0%20318%2C40H370A14%2C14%200%2C0%2C1%20384%2C54V272A32%2C32%200%2C0%2C1%20352%2C304H32A32%2C32%200%2C0%2C1%200%2C272V32A32%2C32%200%2C0%2C1%2032%2C0Z%22%20fill%3D%22%23fff%22%20%2F%3E%3C%2Fsvg%3E') no-repeat center / contain;
    	mask: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20384%20304%22%3E%3Cpath%20d%3D%22M32%2C0H290A14%2C14%200%2C0%2C1%20304%2C14V26A14%2C14%200%2C0%2C0%20318%2C40H370A14%2C14%200%2C0%2C1%20384%2C54V272A32%2C32%200%2C0%2C1%20352%2C304H32A32%2C32%200%2C0%2C1%200%2C272V32A32%2C32%200%2C0%2C1%2032%2C0Z%22%20fill%3D%22%23fff%22%20%2F%3E%3C%2Fsvg%3E') no-repeat center / contain;
	width: 384px;
	background-color: #4a77e8!important;
	aspect-ratio: 24 / 19;
} */

.choose__inverted {
	-webkit-mask: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201000%20320%22%3E%3Cpath%20d%3D%22M24%2C0H976A24%2C24%200%2C0%2C1%201000%2C24V296A24%2C24%200%2C0%2C1%20976%2C320H24A24%2C24%200%2C0%2C1%200%2C296V80A20%2C20%200%2C0%2C1%2020%2C60H130A20%2C20%200%2C0%2C0%20150%2C40V20A20%2C20%200%2C0%2C1%20170%2C0%22%20fill%3D%22%23fff%22%20%2F%3E%3C%2Fsvg%3E') no-repeat center / contain;
    	mask: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201000%20320%22%3E%3Cpath%20d%3D%22M24%2C0H976A24%2C24%200%2C0%2C1%201000%2C24V296A24%2C24%200%2C0%2C1%20976%2C320H24A24%2C24%200%2C0%2C1%200%2C296V80A20%2C20%200%2C0%2C1%2020%2C60H130A20%2C20%200%2C0%2C0%20150%2C40V20A20%2C20%200%2C0%2C1%20170%2C0%22%20fill%3D%22%23fff%22%20%2F%3E%3C%2Fsvg%3E') no-repeat center / contain;
	width: 100%;
    height: auto;
	background-color: #f0f5fe;
	aspect-ratio: 25 / 8;
}


.section__event__box .col-inner .row .post-item .col-inner {
    border-radius: 16px;
    border: 1.25px solid rgba(231, 231, 231, 1);
}

.section__event__box .col-inner .row .post-item .col-inner .box-text {
    padding:24px;
}

.section__event__box .col-inner .row .post-item .col-inner .box-image img {
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
}

.section__event__box .col-inner .row .post-item .col-inner .box-vertical img {
    border-bottom-left-radius: 16px;
    border-top-right-radius: 0!important;
}

.section__experience .__box .col-inner{
    background: rgba(255, 255, 255, 1);
    border:1px solid rgba(231, 231, 231, 1);
    border-radius: 16px;
}

.section__experience .__box .col-inner .box-text h4 {
    color:rgba(52, 89, 220, 1);
    font-size: 20px!important;
}


.section__experience .__box .col-inner .box-text p {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0%;
    color: rgba(38, 38, 38, 1)
}

.section__experience .__box .col-inner .box-text a {
    font-weight: 500;
    font-size: 20px;
    display: flex;
    justify-content: flex-end;
    margin-right: 10px !important;
    margin-bottom: 0;
    padding-bottom: 0;
    line-height: 1.2;
}

.section__experience .__box .col-inner .box-image img{
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
}


.section__form__box  {
    height: 100%;
    background-repeat: no-repeat;
    background-position: left center;
    background-size: contain;
    background: linear-gradient(180deg, #F0F5FE 0%, #FFFFFF 100%)!important;
    z-index: 999;
    padding: 60px 40px;
    border-radius: 40px;
}


/* .section__form__box__image::before{
    content: "";
    display: block;
    position:absolute;
}
.section__form__box__image {
    background-image: url(https://beta.globalpathways.edu.vn/wp-content/uploads/2025/12/partern_form.png) !important;
    position: relative;
    background-size: contain !important;
    background-repeat: no-repeat !important;
} */

/* .gradient__bottom .section-bg-overlay {
    background: transparent!important;
} */

.gradient__bottom {
    background: linear-gradient(180deg, #F0F5FE 0%, #FFFFFF 100%)!important;
    min-height: 800px!important;
    width: 1200px!important;
    margin: auto;
    border-radius: 40px
}
.gradient__bottom .fill {
    background-image: url(https://beta.globalpathways.edu.vn/wp-content/uploads/2025/12/partern_form.png) !important;
    height: 100%;
    background-repeat: no-repeat!important;
    border-radius: 40px;
    background-size: contain;
}

.section__form__box__right .col {
    padding-bottom: 0!important;
}
.section__form__box__right .form-wrapper {
    background: #fff;
    padding: 30px;
    border-radius: 20px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
    margin: 40px;
}

.section__form__box__right .consult-form label {
    font-weight: 400;
    margin-bottom: 6px;
    display: block;
    font-size: 14px;
    text-align: left;
    color:rgba(38, 38, 38, 1);
}

.section__form__box__right .consult-form input,
.section__form__box__right .consult-form select {
    width: 100%;
    padding: 10px;
    border: 1px solid #dedede;
    border-radius: 10px;
    font-size: 15px;
    background: #fafafa;
    box-shadow: unset;
    line-height: 22px;
    height: auto;
}

.section__form__box__right .consult-form input:focus,
.section__form__box__right .consult-form select:focus {
    border-color: #4C44C1;
    box-shadow: 0 0 0 2px rgba(76,68,193,0.15);
}

.section__form__box__right .form-title {
    font-weight: 700;
    font-style: Bold;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0%;
    text-align: left;
}

.section__form__box__right .button.primary {
    background: #F47721 !important;
    color: #fff;
    font-weight: 600;
    font-size: 16px;
    padding: 0px 20px!important;
    margin-bottom: 0;
    text-transform: none;
    min-height: 44px;
}

.section__career .border-title {
    position: absolute;
    top: 3%;
    right: auto;
    left: 0;
    color:rgba(41, 58, 164, 1);
    font-weight: 700;
    font-size: 24px;
    text-transform: uppercase;
    left: 5px;
}

.section__career .inverted h3 {
    font-weight: 600;
    padding: 40px 40px 0 40px;
    font-size: 32px;
    line-height: 40px;
    letter-spacing: 0%;
    text-align: left;
    color: rgba(255, 255, 255, 1);
}

.section__career .inverted p {
    font-weight: 500;
    font-style: Medium;
    font-size: 16px;
    line-height: 24px;
    padding: 0 40px 40px 40px;

    letter-spacing: 0%;
    color: rgba(255, 255, 255, 1);

}

.section__career .inverted {
    padding: 30px;
    -webkit-mask: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20384%20304%22%3E%3Cpath%20d%3D%22M32%2C0H290A14%2C14%200%2C0%2C1%20304%2C14V26A14%2C14%200%2C0%2C0%20318%2C40H370A14%2C14%200%2C0%2C1%20384%2C54V272A32%2C32%200%2C0%2C1%20352%2C304H32A32%2C32%200%2C0%2C1%200%2C272V32A32%2C32%200%2C0%2C1%2032%2C0Z%22%20fill%3D%22%23fff%22%20%2F%3E%3C%2Fsvg%3E') no-repeat center / contain;
    mask: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20384%20304%22%3E%3Cpath%20d%3D%22M32%2C0H290A14%2C14%200%2C0%2C1%20304%2C14V26A14%2C14%200%2C0%2C0%20318%2C40H370A14%2C14%200%2C0%2C1%20384%2C54V272A32%2C32%200%2C0%2C1%20352%2C304H32A32%2C32%200%2C0%2C1%200%2C272V32A32%2C32%200%2C0%2C1%2032%2C0Z%22%20fill%3D%22%23fff%22%20%2F%3E%3C%2Fsvg%3E') no-repeat center / contain;
    width: 384px;
    /* background-color: #4a77e8; */
    aspect-ratio: 24 / 19;
    padding: 0!important;
}

.section__career .col:first-child .text-light {
   background: rgba(74, 118, 231, 1)!important;
}

.section__career .col:nth-child(2) .text-light {
background: rgba(52, 89, 220, 1)!important;
}

.section__career .col:last-child .text-light{
   background: rgba(28, 35, 80, 1)!important;
}

.section__career .box-image img {
    height: auto;
    max-height: 190px;
}

.box__inverted__right .inverted {
    background: linear-gradient(257.6deg, #DFE8F8 12.3%, #F9FBFF 100.87%)!important;
    padding: 0;
}

.box__inverted__right .inverted h3 {
    color:rgba(52, 89, 220, 1);
    font-weight: 300;
    font-style: Light;
    font-size: 64px;
    line-height: 64px;
    letter-spacing: -5%;
    margin-bottom: .4rem;
}

.box__inverted__right .inverted h5 {
    color:rgba(38, 53, 130, 1);
    padding: 0 24px;
}

.box__inverted__right .inverted p {
    color:rgba(38, 38, 38, 1);
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    padding-bottom:0!important;
    margin-bottom:0;
    letter-spacing: 0%;
}
/* End Homepage */

.why__box__right h3{
    color: rgba(52, 89, 220, 1);
    font-size: 60px;
    margin-bottom: .5rem;
}
.why__box__right h4{
    font-size: 14px;
    letter-spacing: 0%;
    font-weight: 400;
    color:rgba(136, 136, 136, 1);
}
.why__box__right span{
    font-size: 32px!important;
    padding-right: .3rem;
}
.why__box__right p{
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0%;
    margin-bottom: 0;
    color: rgba(38, 38, 38, 1);
}


.tabbed-content ul li a {
    color: rgba(41, 58, 164, 1)!important;
    font-weight: 600;
    font-size: 16px;
    text-transform: none;
}

    
/* Block quality of life improvements */
.stat-item .col-inner {
    display: flex;
    align-items: center;
    padding: 24px;
    height: 100%;
    background: linear-gradient(91.89deg, #3459DC 4.46%, #2140AC 97.23%);
}

.stat-number {
    font-size: 65px;
    font-weight: 800;
    line-height: 1;
    margin-right: 20px;
    flex-shrink: 0;
    color: #ffffff;
}

.stat-text {
    font-size: 14px;
    line-height: 1.4;
    font-weight: 400;
    opacity: 0.95;
}

.has-border-radius .col-inner {
    border-radius: 24px;
}

/* --- RESPONSIVE (Mobile) --- */
@media (max-width: 850px) {
    .stats-floating-bar {
        margin-top: 0;
        border-radius: 10px;
        padding: 20px;
    }

    .stat-item {
        flex-direction: row;
        padding: 20px 0;
        border-bottom: 1px solid rgba(255,255,255,0.1);
    }

    .has-border {
        border-left: none; /* Bỏ gạch dọc trên mobile */
    }
    
    .stat-item:last-child {
        border-bottom: none;
    }
    
    .stat-number {
        font-size: 50px; /* Giảm cỡ chữ trên mobile */
    }
}

@media screen and (max-width: 549px) {
    .mt-mb-0 {
        margin-top: 0!important;
    }
    .section h2 {
        color: rgba(41, 58, 164, 1);
        font-weight: 600 !important;
        font-size: 24px !important;
        line-height: 32px !important;
        letter-spacing: 0%;
        margin-bottom: 0!important;
    }

    .section__banner {
        padding-top:100px!important;
    }

    .section__banner h2 {
        margin-bottom: 0px;
        font-size: 32px !important;
        line-height: 40px !important;
        letter-spacing: 0%;
    }
    .section__banner ul {
        margin-top:1.3em!important;
    }

    .section__banner p {
        margin-bottom: 0;
    }

    .banner__logo img {
        margin-bottom: 1rem;
    }

    #col-937119300 , #col-297580067{
        display:none!important;
    }

    .inverted-box::before {
            -webkit-mask: url('../assets/mask/mask-shape-mb.svg') 
        no-repeat center top;
        mask: url('../assets/mask/mask-shape-mb.svg') 
        no-repeat center top;   
    }

    .inverted-box {
        width: 90%!important;
    }

    .box-content h3 {
        font-size: 100px!important;
        line-height: 120px;
        letter-spacing: -5%;
    }
    
    .box-top {
        height:20px
    }

    .section__choose__box .accordion-title{
        padding:16px 0px!important;
    }

    .section__choose__box .accordion .toggle {  
        top: 0.5rem;
        margin-right: 0;
    }

    .section__scholarship .scholarship__box {
        padding:0!important;
    }

    .scholarship__left p{
        margin-bottom: 0!important;
    }

    .section__career .inverted{
        margin:auto!important;
    }

    .gradient__bottom {
        width: 90%!important;
    }

    .section__form__box__right .form-wrapper{
        margin: auto!important;
    }

    .gradient__bottom .fill{
        background-size: 100%;
        height: 100%;
        background-repeat: no-repeat !important;
        border-radius: 40px;
    }

}




/* Footer */
.section__pattern {
    background-color: #1c234f!important;
}
.footer-wrapper li {
    list-style: none;
    margin-left: 0!important;
}

.footer-wrapper p, .footer-wrapper li {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0%;
    vertical-align: middle;
}

.footer__logo img {
    min-height: 40px;
    height: auto;
    max-height: 40px;
    width: auto!important;
}


.section__pattern .fill {
    background: url(https://beta.globalpathways.edu.vn/wp-content/uploads/2025/12/Pattern.png);
    height: 100%;
    background-repeat: no-repeat;
    background-position: left;
}
.absolute-footer {display: none;}
/* End Footer */


/* Test */
.inverted-box h3 {
    font-weight: 700;
    font-size: 24px;
    line-height: 32px;
    text-transform: uppercase;
    margin: 5px 0 0 5px;
    color: rgba(52, 89, 220, 1);
}

.shape-box {
    mask: url('../assets/svg/mask-shape.svg') no-repeat 0 0 / 100% 100%;
    -webkit-mask: url('../assets/svg/mask-shape.svg') no-repeat 0 0 / 100% 100%;
    background: linear-gradient(257.6deg, #F0F5FE 12.3%, #FAFBFF 100.87%);
    padding: 40px;
    max-width: 1200px;
    margin: 40px auto;
    /* content grow height OK */
    display: block;
}

.shape-box {
    width: 100%;
    max-width: 800px;
    background: #c7d8b0;
    /* Bỏ aspect-ratio cứng - đây chính là lý do nó không scale theo height */
    aspect-ratio: auto;
    /* Mask */
 mask: url('../assets/svg/mask-shape.svg');
    -webkit-mask: url('../assets/svg/mask-shape.svg');

    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
        /* scale theo kích thước thật của box (nhiều content = box cao = mask cao) */
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;

    padding: 40px;

}

.box {
    position: relative;
    max-width: 1200px;
    margin: 40px auto;
    border-radius: 25px;
    overflow: hidden;
}

/* Phần TOP dùng mask */
.box-top {
    height: 50px;
    background: #bdcca5;

    -webkit-mask: url('../assets/mask/mask-shape.svg') 
        no-repeat center top;
    mask: url('../assets/mask/mask-shape.svg') 
        no-repeat center top;

    mask-size: 100% auto;
    -webkit-mask-size: 100% auto;
}

.box-content {
    background: linear-gradient(257.6deg, #F0F5FE 12.3%, #FAFBFF 100.87%);
    padding:0 0px 50px;
}

.box-content h4 {
    font-weight: 700;
    font-size: 24px;
    line-height: 32px;
    letter-spacing: 0;
    color: rgba(41, 58, 164, 1);
}


.inverted-box {
    position: relative;
    background:transparent;
    border-radius: 25px;
    width: 100%;
    max-width: 1200px;
    margin: 0px auto;
    overflow: hidden;
}

.inverted-box::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: auto;
    min-height: 200px;
    width: 100%;
    height: 50px;
    background: linear-gradient(257.6deg, #F0F5FE 12.3%, #FAFBFF 100.87%);

    -webkit-mask: url('../assets/svg/mask-shape.svg') 
        no-repeat center top;
    mask: url('../assets/svg/mask-shape.svg')
        no-repeat center top;

    -webkit-mask-size: 100% auto;
    mask-size: 100% auto;
}