@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');

body {
    font-family: 'Inter', sans-serif;
}

a {
    text-decoration: none;
}

.sc-founder a:active,
.sc-founder a:hover,
.sc-founder a:focus {
    outline: none;
    border: 0px solid;
}

.fw-600 {
    font-weight: 600;
}

/* a:hover, a:visited, a:focus
{
    outline: none;
} */
ul.sub-menu {
    width: 182px !important;
}

.sub-menu .menu-item {
    padding: 12px 16px !important;
}

.sub-menu .menu-item .menu-link {
    padding: 0 !important;
}

.content-template {
    margin-left: calc(-50vw + 50%);
    margin-right: calc(-50vw + 50%);
    max-width: 100vw;
    width: 100vw;
}

.section {
    background-color: #fff;
    position: relative;
    overflow: hidden;
}

.content-template .ast-container {
    max-width: 1352px;
    display: block;
    /* padding-top: 100px; */
}

.banner {
    padding-top: 77px;
}

.banner p {
    margin-bottom: 0.75rem;
    max-width: 534px;
}

.banner .about-box>img {
    /* 	max-width: 584px;
	height: 648px; */
}

.color-text1 {
    color: #0B1215;
}

.color-text2 {
    color: #292D34;
}

.color-text2-80 {
    color: rgb(41 45 52 / 80%);
}

.Body-1-Regular {
    font-size: 16px !important;
    font-weight: 400 !important;
}

.Body-1-Medium {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
}

.Body-2-Medium {
    font-size: 14px;
    font-weight: 500;
}

.Body-1-Semibold {
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
}

.Body-2-Semibold {
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
}

.heading-1 {
    font-size: 48px;
    font-weight: 600;
    line-height: 62.4px;
    color: #0B1215;
}

.heading-1 span {
    display: inline-block;
    background: -webkit-linear-gradient(257.42deg, #FFB07B -11.12%, #FF8B59 7.7%, #FF5629 36.33%, #FF350B 58.42%, #FF2900 70.69%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.heading-2,
.heading-3,
.heading-4 {
    color: #0B1215;
}

.heading-2 {
    font-size: 36px;
    line-height: 46.8px;
    font-weight: 600;
}

.heading-3 {
    font-size: 32px;
    line-height: 44.8px;
    font-weight: 600;
    margin-bottom: 0px;
}

.heading-4 {
    font-size: 24px;
    line-height: 33.6px;
    font-weight: 600;
    margin-bottom: 0px;
}

.mb-4px {
    margin-bottom: 4px;
}

figure {
    margin: 0;
}

dl,
ol,
ul {
    margin: 0;
}

.body-1-medium {
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
}

.typography {
    font-size: 36px;
    font-weight: 600;
    line-height: 46.8px;
    text-align: center;
}

.body-regular {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}

.pb-229 {
    padding-bottom: 229px;
}

.pb-253 {
    padding-bottom: 253px;
}

.pb-28 {
    padding-bottom: 28px;
}

.pr-200px {
    padding-right: 200px;
}

:root {
    --color-orange: #FF0000;
    --color-neutral: #292D34;
    --color-tangerine: #FFAA12;
    --color-neutral-text: #0B1215;
    --radius_2: 8px;
    --radius_4: 16px;
    --radius_6: 24px;
}

.text-uppercase {
    text-transform: uppercase;
}

.flex-column {
    flex-direction: column;
}

.flex-wrap {
    flex-wrap: wrap;
}

.align-items-center {
    align-items: center;
}

.mt-1r {
    margin-top: 24px;
}

.mb-1r {
    margin-bottom: 24px;
}

.mb-1rem {
    margin-bottom: 1rem;
}

.mt-2r {
    margin-top: 32px;
}

.mb-2r {
    margin-bottom: 32px;
}

.mt-3r {
    margin-top: 48px;
}

.mb-3r {
    margin-bottom: 48px;
}

.mt-56 {
    margin-top: 56px;
}

.mt-4r {
    margin-top: 64px;
}

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

.mb-20 {
    margin-bottom: 20px;
}

.mb-4r {
    margin-bottom: 64px;
}

.mt-5r {
    margin-top: 5rem;
}

.mt-56 {
    margin-top: 56px;
}

.text-center {
    text-align: center;
}

.mx-auto {
    margin-left: auto;
    margin-right: auto;
}

.padding-top {
    padding-top: 160px;
}

.pt-120 {
    padding-top: 120px;
}

.pb-120 {
    padding-bottom: 120px;
}

.ml-20 {
    margin-left: 20px;
}

.mt-40 {
    margin-top: 40px;
}

.pt-40 {
    padding-top: 40px
}

.pt-2rem {
    padding-top: 2rem;
}

.pt-3rem {
    padding-top: 3rem;
}

.pt-52 {
    padding-top: 52px;
    padding-bottom: 48px;
}

@media(min-width=768px) {
    .sc-difference {
        overflow: visible;
    }
}

.sc-difference .ast-flex {
    position: relative;
}

.sc-difference .box-white-content {
    max-width: 568px;
}

.position-sticky {
    position: sticky;
    top: 7.5rem;
}

.logged-in .position-sticky {
    position: sticky;
    top: 9.5rem;
}

.pb-1rem {
    padding-bottom: 1rem;
}

.pb-2rem {
    padding-bottom: 2rem;
}

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

.pr-200 {
    padding-right: 200px;
}

.pt-4r {
    padding-top: 4rem;
}

.padding-bottom {
    padding-bottom: 100px;
}

.position-relative {
    position: relative;
}

.position-absolute {
    position: absolute;
}

button {
    box-shadow: none;
}

.about-box {
    max-width: 584px;
    margin-right: 31px;
}

.about-box .box-1 {
    width: 274px;
    top: 30%;
    left: 0px;
}

.about-box .box-1:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    border: 1px solid transparent;
    border-radius: 12px;
    background-image: linear-gradient(white, white),
        linear-gradient(102.98deg, #FF0000 0%, #FFAA12 25.16%, #FFFFFF 50.32%);
    background-origin: border-box;
    background-clip: content-box, border-box;
    z-index: 1;
}

.about-box .box-1:after {
    content: "";
    position: absolute;
    background: url('assets/img/corner-arrow.svg');
    bottom: -10px;
    right: 0px;
    width: 22px;
    height: 25px;
    z-index: 2;
}

.box-inner {
    background: #fff;
    padding: 12px;
    gap: 16px;
    position: relative;
    z-index: 2;
    border-radius: 12px;
}

.box-inner:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    border: 1px solid transparent;
    border-radius: 12px;
    background-image: linear-gradient(white, white),
        linear-gradient(102.98deg, #FF0000 0%, #FFAA12 25.16%, #FFFFFF 50.32%);
    background-origin: border-box;
    background-clip: content-box, border-box;
    box-shadow: 16px 20px 40px 0px #002F761A;
}

.about-box .box-1 img,
.about-box .box-2 img {
    flex: 0 0 auto;
}

.about-box .box-1 img {
    width: 58px;
    height: 58px;
}

.about-box .box-content {
    flex: 1;
}

.box-inner img,
.box-inner .box-content {
    z-index: 2;
}

.about-box .box-2 {
    border: 1px solid transparent;
    border-radius: 12px;
    box-shadow: -16px 20px 40px 0px #002F761A;
    top: 60%;
    right: 0px;
    background: #fff;
    z-index: 2;
    background-image: linear-gradient(white, white),
        linear-gradient(115.12deg, #FFFFFF 24.03%, #FFAA12 71.13%, #FF0000 100%);
    background-origin: border-box;
    background-clip: content-box, border-box;
    width: 187px;
}

.box-2 .inner {
    padding: 16px 24px;
}

.color-orange {
    color: var(--color-orange);
}

.freeModeSwiper .swiper-slide {
    display: flex;
    justify-content: center;
    align-items: center;
}

/* Story */
.sc-story {
    padding: 120px 0px;
}

.sc-story:after {
    content: "";
    width: 30vw;
    background: url('assets/img/bg-footer.png') no-repeat;
    right: 0;
    position: absolute;
    display: inline-block;
    bottom: 0;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: right bottom;
    height: 300px;
}

.section-content {
    width: 100%;
}

.color-tangerine {
    color: var(--color-tangerine);
}

.color-tangerine span {
    color: #fff !important;
}

.story-header {
    padding-bottom: 4px;
    border-bottom: 2px solid var(--color-tangerine);
    position: relative;
}

.story-header>div {
    padding: 0px 16px;
}

.story-header:after {
    content: "";
    display: inline-block;
    position: absolute;
    bottom: -6px;
    right: 0px;
    border-left: 7px solid var(--color-tangerine);
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
}

.title-with-icon {
    display: flex;
    flex-direction: column;
    gap: 5px;
    font-size: 20px;
    font-weight: 600;
    line-height: 30px;
    color: #FFAA12;
}

.title-with-icon:before {
    content: "";
    position: relative;
    background: no-repeat url('assets/img/circle-icon.svg');
    width: 24px;
    height: 24px;
}

.story-content>div {
    position: relative;
    padding: 0px 16px;
    display: flex;
}

.story-content>div::after {
    content: "";
    position: absolute;
    width: 1px;
    height: 100%;
    right: 0px;
    top: 0px;
    background-image: linear-gradient(229.93deg, rgba(255, 255, 255, 0) 72.84%, rgba(255, 255, 255, 0.1) 79%, rgba(255, 255, 255, 0.1) 115.95%, rgba(255, 255, 255, 0) 134.43%),
        linear-gradient(125.56deg, rgba(255, 255, 255, 0) 58.2%, rgba(255, 255, 255, 0.1) 130.06%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.1) 171.91%, rgba(255, 255, 255, 0) 199.97%);
    background-origin: border-box;
    background-clip: content-box, border-box;
}

@media(max-width: 768px) {
    .story-content>div::after {
        background-image: none;
    }
}

.story-content>div:last-child::after {
    content: none;
}

.story-content .inner {
    gap: 27px;
    justify-content: space-between;
}

.color-white span {
    color: var(--color-tangerine) !important;
}

.content ul {
    margin: 24px 0px 0px;
    padding-left: 0px !important;
}

.content li {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 12px;
    color: #fff;
}

.content li:before {
    content: "";
    position: relative;
    background: url('assets/img/Vector.png');
    width: 24px;
    height: 24px;
    flex: 0 0 auto;
}

.box-blockquote {
    /*min-height: 561px;*/
    display: flex;
    flex-direction: column;

}

.ver-center {
    align-items: center;
}

.ver-center figure {
    height: 453px;
    display: flex;
    align-items: center;
}

blockquote {
    position: relative;
    margin: 0px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 20px;
    padding: 32px 24px;
    background: rgba(255, 255, 255, 0.2);
}

blockquote::before {
    position: absolute;
    background: no-repeat center/cover url('assets/img/quote.svg');
    width: 67px;
    height: 67px;
    top: -45px;
    left: 25px;
}

blockquote p {
    margin-bottom: 0px;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
}

blockquote span {
    font-weight: 600;
}

blockquote.color-white span {
    color: #fff !important;
}

.story-content figure {
    margin: 0 !important;
}

/* Vision */
.vis-item {
    width: 100%;
    gap: 32px;
    padding: 40px;
    background-color: transparent;
    align-items: stretch;
}

.vis-item>div {
    flex: 0 0 auto;
    width: calc((100% - 32px)/2);
    position: relative;
    z-index: 2;
    height: 100%;
}

.vis-col-content {
    padding: 60px;
    border-radius: 20px;
    z-index: 2;
    display: flex;
    flex-direction: column;
}

.vis-item:nth-child(odd) {
    position: relative;
}

.vis-item:nth-child(odd):before {
    content: none;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    border-radius: 24px;
    border: 1px solid transparent;
    border-top: 0px solid;
    border-right: 0px solid;
    border-bottom: 1px solid transparent;
    background: linear-gradient(white, white),
        linear-gradient(6.21deg, #FFB07B 16.36%, #FF8B59 34.02%, #FF5629 60.9%, #FF350B 81.63%, #FF2900 93.15%);
    background-origin: border-box;
    background-clip: content-box, border-box;
    z-index: 1;
}

.vis-item:nth-child(odd) .vis-col-content {
    background: linear-gradient(267.03deg, rgba(255, 176, 123, 0.1) 4.93%, rgba(255, 139, 89, 0.1) 25.66%, rgba(255, 86, 41, 0.1) 57.21%, rgba(255, 53, 11, 0.1) 81.55%, rgba(255, 41, 0, 0.1) 95.07%);

}

.vis-item:nth-child(odd) .vis-col-content:after {
    content: "";
    position: absolute;
    background: url('assets/img/corner-01.png');
    width: 179px;
    height: 156px;
    bottom: 0px;
    right: 0px;
    z-index: -1;
}

.vis-item:nth-child(even) .vis-col-content {
    background: linear-gradient(75.91deg, rgba(255, 206, 134, 0.1) 20.66%, rgba(255, 180, 52, 0.1) 55.99%, rgba(255, 163, 0, 0.1) 79.94%);
    order: 2;
    justify-content: flex-end;
}

.vis-item:nth-child(even) .vis-col-content:after {
    content: "";
    position: absolute;
    background: url('assets/img/corner-02.png');
    width: 179px;
    height: 156px;
    top: 0px;
    left: 0px;
}

.vis-item:nth-child(even) .vis-col-img {
    order: 1;
}

.vis-border-left,
.vis-border-right {
    position: absolute !important;
    width: 50% !important;
    height: 50% !important;
    /* background: linear-gradient(white, white), 
    linear-gradient(6.21deg, #FFB07B 16.36%, #FF8B59 34.02%, #FF5629 60.9%, #FF350B 81.63%, #FF2900 93.15%);
   */
    background-origin: border-box;
    background-clip: content-box, border-box;
}

.vis-border-left::before,
.vis-border-right::before {
    content: "";
    position: absolute;
    width: 6px;
    height: 6px;
    border-radius: 100%;

}

.vis-border-left::before {
    top: 0px;
    left: -3px;
    background-color: var(--color-orange);
}

.vis-border-right::before {
    bottom: 0px;
    right: -3px;
    background-color: #FF8B59;
}

.vis-border-left {
    bottom: -1px;
    left: 0px;
    border-bottom-left-radius: 24px;
    border: 1px solid transparent;
    border-top: 0px solid;
    border-right: 0px solid;
    border-bottom: 1px solid transparent;
    background-image: linear-gradient(white, white),
        linear-gradient(6.21deg, #FF5629 60.9%, #FF350B 81.63%, #FF2900 93.15%);
}

.vis-border-right {
    top: 0px;
    right: 0px;
    border-top-right-radius: 24px;
    border: 1px solid transparent;
    border-left: 0px solid;
    border-bottom: 0px solid;
    background-image: linear-gradient(white, white),
        linear-gradient(to left, #FFB07B 16.36%, #FF8B59 34.02%, #FF5629 60.9%);
}

.vis-col-content p {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}

.vis-col-img img {
    border-radius: 20px;
    object-fit: cover;
    height: 450px;
}

/* Founder */
.color-white {
    color: #fff !important;
}

a.color-white:hover {
    color: var(--color-orange) !important;
}

a.color-white:hover path {
    stroke: var(--color-orange);
}

.sc-vision {
    padding: 80px 0px;
}

.sc-founder {
    padding: 100px 0px;
}

.sub-title {
    font-size: 20px;
    font-weight: 500;
    line-height: 26px;
    color: #FFAA12;
    text-transform: uppercase;
}

.sc-founder ul {
    list-style: none;
    padding-left: 0px;
    margin-left: 0px;
}

.sc-founder li {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    display: flex;
    align-items: center;
    gap: 22px;
    color: #fff;
}

.sc-founder li:before {
    content: "";
    position: relative;
    background: no-repeat center/cover url('assets/img/Vector.png');
    width: 24px;
    height: 24px;
    flex: 0 0 auto;
}

.col-img .position-relative {
    min-height: 500px;
}

.abs-founder .box-1 {
    top: 20%;
    right: 30%;
    width: 271px;
}

.abs-founder .box-2 {
    top: 70%;
    right: 35%;
    width: 270px;
}

.custom-box {
    border: 1px solid transparent;
    border-radius: 12px;
    box-shadow: -16px 20px 40px 0px #002F761A;
    background: #fff;
    z-index: 2;
    background-image: linear-gradient(white, white),
        linear-gradient(115.12deg, #FFFFFF 24.03%, #FFAA12 71.13%, #FF0000 100%);
    background-origin: border-box;
    background-clip: content-box, border-box;
    max-width: 271px;
}

.custom-box .inner {
    width: 100%;
    padding: 16px 24px;
}

#founder .modal-header {
    border-bottom: 0px solid;
    padding: 0px 0 4px 0;
}

#founder .btn-close,
.modal-about-register .btn-close {
    background: no-repeat center/cover url('assets/img/circle-close-blue.svg');
    width: 26.67px;
    height: 26.67px;
    opacity: 1;
    margin: 12px 12px 0px auto;
    padding: 3px;
    z-index: 10;
    background-size: 26.67px 26.67px;
}

#founder .btn-close:hover,
#founder .btn-close:visited,
#founder .btn-close:focus {
    outline: none;
    box-shadow: none;
}

/*Team */
.sc-team {
    padding: 120px 0px;
    background-image: url('assets/img/Section-5.png');
    background-repeat: no-repeat;
    background-position: center;
}

.heading-2 span {
    color: var(--color-orange);
}

.member-list {
    gap: 48px 32px;
    margin-top: 56px;
}

.member-list .ast-width-md-3 {
    width: calc((100% - (32px * 3))/4);
}

.member-box {
    height: 100%;
}

.member-box figure {
    margin: 0 0 20px;
    height: 268px;
    overflow: hidden;
}

.member-box figure img {
    object-fit: cover;
    height: 100%;
    border-radius: 8px;
    width: 100%;
}

.member-content {
    margin-bottom: 36px;
}

.member-content h2 {
    font-size: 20px;
    font-weight: 600;
    line-height: 30px;
    color: var(--color-neutral-text);
    margin-bottom: 4px;
}

.position {
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    color: #002F76;
}

.member-content .desc {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: var(--color-neutral);
    margin-top: 12px;
    width: 100%;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    /*     height:40px; */
    /*     overflow-y: auto; */
}

.member-content .desc::-webkit-scrollbar {
    width: 5px;
}

.member-content .desc::-webkit-scrollbar-track {
    background-color: #f8f8f8;
}

.member-content .desc::-webkit-scrollbar-thumb {
    background-color: #000;
}

.member-content .desc::-webkit-scrollbar-thumb:hover {
    background-color: #000;
}

.readmore {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    color: #002F76;
    text-decoration: none;
    display: flex;
    gap: 8px;
    padding-bottom: 4px;
    padding-top: 4px;

}

.member-box .readmore {
    margin-top: auto;
}

.buttons {
    margin-top: 64px;
}

.btn-nobg {
    background: transparent;
    padding: 15px 30px;
    text-align: center;
    border-radius: 100px;
    text-decoration: none;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
}

.btn-nobg svg {
    margin-left: 8px;
}

.service-button {
    max-width: 170px;
}

.border-orange {
    border: 1px solid var(--color-orange);
    color: var(--color-orange);
    transition: 0.5s ease;
    background-color: #FFFFFF;
}

.btn-nobg.border-orange:hover {
    background: linear-gradient(135.48deg, #FFB07B -9.59%, #FF8B59 7.43%, #FF5629 33.33%, #FF350B 53.3%, #FF2900 64.4%);
    border: 1px solid #FFFFFF;
    color: #fff;
}

.btn-nobg.border-orange:hover svg path {
    stroke: #fff;
}

.radius-100 {
    border-radius: 100px;
}

.sc-mask-image {
    position: absolute;
    bottom: -0px;
    left: 0;
    z-index: 2;
    -webkit-mask-image: url('assets/img/target-04.png') !important;
    mask-image: url('assets/img/target-04.png');
    /* mask-size: 100%; */
    mask-repeat: no-repeat;
    max-width: 530px;
    /* max-height: 297px; */
}

/* Popup Founder*/
.modal-dialog {
    max-width: 1088px;
}

.modal-body {
    padding: 0px;
}

.founder-win {
    position: relative;
    max-width: 1088px;
    color: #0B1215;
    padding: 0px 48px 57px;
}

.founder-win::after {
    content: "";
    position: absolute;
    bottom: 0px;
    right: 0px;
    z-index: -1;
}

.featured-list {
    position: relative;
    height: 366px;
    overflow-y: auto;
    opacity: 0.8;
    direction: rtl;
    /*scrollbar-width: thin;*/
    margin-left: -20px;
    padding-left: 20px;
}

.featured-list::-webkit-scrollbar {
    width: 5px;
}

.featured-list::-webkit-scrollbar-track {
    background-color: #f8f8f8;
}

.featured-list::-webkit-scrollbar-thumb {
    background-color: #000;
}

.featured-list::-webkit-scrollbar-thumb:hover {
    background-color: #000;
}

.founder-win ul {
    display: flex;
    gap: 16px;
    flex-wrap: wrap;
    position: relative;
    margin-bottom: 0px;
    direction: ltr;
}

.founder-win ul:before {
    content: "";
    position: absolute;
    width: 1px;
    height: 85%;
    top: 5%;
    left: 5px;
    background: rgba(0, 0, 0, 0.1);
}

.founder-win li {
    flex: 0 0 100%;
    align-items: flex-start;
}

.founder-win li:before {
    background: none;
    width: 10px;
    height: 10px;
    border: 1px solid var(--color-orange);
    border-radius: 100%;
    top: 15px;
    left: 0px;
    background-color: #fff;
}

.founder-win .item {
    display: flex;
    gap: 32px;
}

.founder-win .year {
    flex: 0 0 auto;
    color: var(--color-orange);
    font-size: 24px;
    font-weight: 600;
    line-height: 33.6px;
}

.founder-win .content {
    font-size: 18px;
    font-weight: 600;
    color: #0B1215;
}

.founder-win .content p {
    margin-bottom: 4px;
}

.founder-win .content .by {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    color: #002F76;
}

.bg-founder {
    position: absolute;
    right: 0px;
    bottom: 0px;
    width: 490px;
    height: 652px;
    border-bottom-right-radius: 5px;
}

.sc-founder .ast-width-lg-33 ul li {
    margin-bottom: 13px !important;
}

.member-slider .slick-list {
    padding-right: 100px;
}

@media(min-width: 768px) {

    /* the slides */
    .member-slide.slick-slide {
        margin: 0 16px;
    }

    /* the parent */
    .member-slide.slick-slide .slick-list {
        margin: 0 -16px;
    }
}

@media (min-width:992px) {
    .sc-founder .ast-width-lg-33 {
        width: 50%;
        max-width: 528px;
    }

    .sc-founder .ast-width-lg-66 {
        width: 50%;
        max-width: calc(100% - 528px);
    }

    .right-solution-card {
        padding-right: 200px;
    }
}

.only-mobile {
    display: none !important;
}

@media (max-width:544px) {
    #founder .modal-dialog {
        max-width: 361px;
        border-radius: 16px;
        margin-left: auto;
        margin-right: auto;
    }
}

@media (max-width:767px) {
    .mb-1r {
        margin-bottom: 20px;
    }

    .mb-2r {
        margin-bottom: 24px;
    }

    .mt-3r {
        margin-bottom: 32px;
    }

    .mb-3r {
        margin-bottom: 32px;
    }

    .mt-4r {
        margin-top: 48px;
    }

    .mb-4r {
        margin-bottom: 48px;
    }

    .content-template .ast-container {
        padding-left: 16px !important;
        padding-right: 16px !important;
    }

    .heading-2 {
        font-size: 20px;
        line-height: 30px;
    }

    .heading-3 {
        font-size: 24px;
        line-height: 33.6px;
    }

    .only-mobile {
        display: flex !important;
    }

    .only-desktop {
        display: none;
    }

    .section.banner {
        padding: 50px 0px 0px;
    }

    .about-box {
        margin-right: 0px;
        padding-left: 57px;
    }

    .about-box .box-1 img {
        width: 42px;
        height: 42px;
    }

    .about-box .box-content .heading-4 {
        font-size: 16px;
        line-height: 24px;
    }

    .about-box .box-content span {
        font-size: 12px;
        line-height: 16px;
    }

    .about-box .box-2 {
        right: 15px;
    }

    .title-with-icon {
        font-size: 14px;
        line-height: 20px;
        padding-bottom: 12px;
        border-bottom: 1px solid #FFAA12;
        margin-bottom: 32px;
    }

    .content ul {
        padding-left: 0px;
    }

    .content li,
    blockquote p,
    .content p {
        font-size: 14px;
        line-height: 20px;
        font-weight: 600;
    }

    .story-content .inner {
        gap: 32px;
    }

    .pl-0 ul {
        padding-left: 0rem !important;
    }

    blockquote {
        border-radius: 16px;
        padding: 24px 16px;
    }

    blockquote::before {
        width: 52px;
        height: 52px;
        top: -35px;
    }

    .sc-story:after {
        width: 100%;
        height: 100%;
    }

    .sc-vision .section-content {
        gap: 24px;
    }

    .vis-border-left,
    .vis-border-right {
        display: none;
    }

    .vis-item {
        padding: 0px;
        gap: 24px;
    }

    .vis-col-content p {
        font-size: 14px;
        line-height: 20px;
    }

    .about-box .box-1 {
        top: 30%;
    }

    .story-header {
        display: none;
    }

    .vis-col-content,
    .vis-col-img img {
        border-radius: 12px;
    }

    .vis-item:nth-child(odd) .vis-col-img {
        order: 1;
    }

    .vis-item:nth-child(odd) .vis-col-content {
        padding: 24px 24px 180px;
    }

    .vis-item:nth-child(even) .vis-col-content {
        order: 2;
        padding: 180px 24px 24px;
    }

    .vis-border-left,
    .vis-border-right {
        height: 25% !important;
    }

    .story-content {
        row-gap: 32px;
    }

    .ver-center figure {
        height: auto;
    }

    .vis-item>div {
        width: 100%;
        height: auto;
    }

    .vis-col-img img {
        height: auto;
    }

    .sc-founder {
        padding-bottom: 0px;
    }

    .sub-title,
    .sc-founder .readmore {
        font-size: 16px;
        line-height: 24px;
    }

    .sc-founder li {
        font-size: 14px;
        line-height: 20px;
    }

    .sc-founder li:before {
        width: 20px;
        height: 20px;
    }

    .bg-founder {
        width: 279px;
        height: 371px;
    }

    .col-img .position-relative {
        min-height: 371px;
    }

    .abs-founder .box-1 {
        top: 100px;
        right: 45%;
        max-width: 192px
    }

    .custom-box {
        width: 193px;
    }

    .custom-box.box-2 {
        width: 173px;
        top: 210px;
        right: auto;
        left: 25px;
    }

    .custom-box .inner {
        padding: 8px 12px;
    }

    .custom-box span {
        font-weight: 600;
        font-size: 10px;
        line-height: 14px;
        display: block;
    }

    .member-list .ast-width-md-3 {
        width: 100%;
    }

    .member-box figure {
        text-align: center;
    }

    .sc-team .desc {
        font-size: 14px;
        line-height: 20px;
    }

    .member-slider {
        margin-top: 48px;
        margin-right: -16px;
    }

    .member-slider .slick-list {
        padding-right: 100px;
    }

    .member-slider .member-slide {}

    .member-content h2 {
        font-size: 18px;
        line-height: 27px;
        margin-bottom: 4px;
    }

    .position {
        font-size: 12px;
        line-height: 16px;
    }

    .member-content .desc {
        margin-top: 12px;
    }

    .founder-win {
        padding: 32px 20px 0px 32px;

    }

    .founder-win .bg-founder {
        display: none;
        width: 301px;
        height: 400px;
    }

    .founder-win .featured-list {
        height: 248px;
        overflow-y: auto;
        padding-right: 20px;
    }

    .founder-win .heading-3 {
        font-size: 20px;
        line-height: 30px;
    }

    .founder-win ul:before {
        left: 5px;
    }

    .founder-win li {
        margin-bottom: 0px;
    }

    .founder-win li:before {
        width: 10px;
        height: 10px;
        top: 10px;
        left: 0px;
    }

    .founder-win .item {
        gap: 20px;
    }

    .founder-win .year {
        font-size: 18px;
        line-height: 27px;
    }

    .founder-win .content {
        font-size: 14px;
        line-height: 20px;
    }

    .about-box .box-inner,
    .box-2 .inner {
        padding: 8px;
    }
}

@media (min-width:768px) and (max-width:999px) {
    .bg-founder {
        width: calc(490px * 0.7);
        height: calc(652px * 0.7);
    }

    .col-img .position-relative {
        min-height: 400px;
    }

    .abs-founder .box-1 {
        top: 35%;
    }

    .member-list .ast-width-md-3 {
        width: calc((100% - (32px * 2))/3);
    }

}

@media (max-width:999px) {
    .heading-1 {
        font-size: 32px;
        line-height: 44.8px;
    }

    .heading-2 {
        font-size: 24px;
        line-height: 33.6px;
    }

    .heading-4 {
        font-size: 20px;
        line-height: 30px;
    }
}

/* Giai Phap Page */
.index-1 {
    z-index: 1;
}

.index-2 {
    z-index: 2;
}

.title-1-medium {
    font-weight: 500;
    font-size: 20px;
    line-height: 26px;
}

.title-1-semibold {
    font-weight: 600;
    font-size: 20px;
    line-height: 30px;
}

.sc-main-des {
    max-width: 776px;
    margin: 0 auto;
}

.solution-about-blur-1 {
    position: absolute;
    width: 494px;
    height: 818px;
    top: 0px;
    right: 0px;
    overflow: hidden;
}

.solution-about-blur-1:before {
    content: "";
    display: inline-block;
    position: absolute;
    background: no-repeat center/cover url('assets/img/solution-about-blur-1.png');
    width: 494px;
    height: 818px;
    top: 0px;
    right: 0px;
}

.solution-about-blur-1::after {
    content: "";
    display: inline-block;
    position: absolute;
    width: 512px;
    height: 480px;
    right: 0px;
    bottom: 0px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 30%, rgba(255, 255, 255, 0.952832) 40%, #FFFFFF 100%);
}

.solution-about-blur-2 {
    position: absolute;
    background: no-repeat center/cover url('assets/img/solution-about-blur-2.png');
    width: 100%;
    height: 332px;
    top: 100px;
    left: 0px;
    z-index: 2;
}

.solution-about-blur-3 {
    background: #FFFFFF80;
    position: absolute;
    width: 733px;
    height: 755px;
    top: 150px;
    left: 0px;
    z-index: 1;
}

.solution-about-blur-3:before {
    content: "";
    display: inline-block;
    position: absolute;
    background: no-repeat center/cover url('assets/img/solution-about-blur-3.png');
    width: 733px;
    height: 755px;
    top: 0px;
    left: 0px;
}

.sc-solution-about div.ast-width-md-66 {
    position: relative;
    z-index: 3;
    width: 100%;
    max-width: 1088px;
}

.sc-solution-about .heading-2 span {
    background: -webkit-linear-gradient(6.21deg, #FFB07B 16.36%, #FF8B59 34.02%, #FF5629 60.9%, #FF350B 81.63%, #FF2900 93.15%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.desc {
    color: #222325;
}

.text-white .desc,
.text-white.desc {
    color: #fff;
}

#solution_about .modal-dialog {
    max-width: 512px;
}

#solution_about .modal-content {
    border-radius: 16px;
}

#solution_about .modal-header {
    height: 160px;
    align-items: flex-start;
}

#solution_about .modal-header .btn-close {
    background: no-repeat url('assets/img/circle-close-w.svg');
    opacity: 1;
    width: 26px;
    height: 26px;
    background-size: 26px 26px;
    position: absolute;
    top: 15px;
    right: 15px;
    margin: 0;
    padding: 0;
}

#solution_about .modal-body {
    padding: 24px 32px 32px;
}

.advise-wrap h4>span {
    color: #FF0000;
}

.advise-frm p,
.register-frm p {
    font-weight: 400;
    font-size: 13px;
    color: #292D34;
}

.sc-proccess {
    margin-top: -100px;
    z-index: 2;
    overflow: visible;

}

.pt-100 {
    padding-top: 100px;
}

.sc-proccess .bg-overlay-top {
    position: absolute;
    width: 100%;
    height: 306px;
    /*top:-200px;*/
    top: -240px;
    left: 0px;
    background: no-repeat center/cover url('assets/img/bg-proccess-top.png');
    z-index: 2;
}

.process-list {
    gap: 64px 64px;
    position: relative;
    z-index: 3;
}

.process-list .box {
    width: 366px;
}

.box .desc strong {
    font-weight: 600;
}

.process-img {
    position: relative;
    z-index: 3;
}

.box h4 {
    margin-bottom: 0.8rem;
    /* 12px */
}

.box h4 span {
    color: #FFAA12;
}

.bg-corner-bottom {
    position: absolute;
    bottom: 0px;
    left: 0px;
    z-index: 2;
}

.sc-proccess .process-sep {

    position: absolute;
    width: 80%;
    height: 100%;
    right: -100px;
    bottom: 0px;
    border: 4px solid transparent;
    border-top: 0px solid;
    border-left: 0px solid;
    border-bottom-right-radius: 24px;
    background-image: linear-gradient(#002F76, #002F76),
        linear-gradient(0deg, rgba(255, 139, 89, 0.2) 43.42%, rgba(255, 139, 89, 0.1) 83.03%, rgba(255, 139, 89, 0) 100%);
    background-origin: border-box;
    background-clip: content-box, border-box;
    z-index: 1;

}

/* Section 3 - sc-diference */
.bg-orange {
    background: linear-gradient(135.48deg, #FFB07B -9.59%, #FF8B59 7.43%, #FF5629 33.33%, #FF350B 53.3%, #FF2900 64.4%);
    color: #fff;
}

.btn-bg svg {
    margin-left: 10px;
}

.bg-orange svg>path {
    /*     stroke:#fff; */
    fill: #FFFFFF;
}

.bg-white.border-orange:hover #demo {
    fill: #FFFFFF;
}

.sc-difference .difference-infor,
.sc-difference .difference-list {
    position: relative;
    z-index: 2;
}

.difference-list {
    gap: 24px;
}

.bg-bottom-left-corner:after {
    content: "";
    display: inline-block;
    position: absolute;
    background: no-repeat url('assets/img/corner-img-2.png');
    width: 582px;
    height: 525px;
    bottom: 0px;
    left: 0px;
    width: 100%;
}

.box-white {
    width: 100%;
    padding: 32px;
    background-color: #fff;
    border-radius: 12px;
    display: flex;
    gap: 56px;
}

.box-white h4>span {
    color: #FF0000;
}

.box-white img {
    flex: 0 0 auto;
}

.box-white-content ul {
    margin-left: 0px;
    padding-left: 0px;
    list-style: none;
    margin-top: 16px;
}

.box-white-content li {
    display: flex;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #292D34;
    margin-top: 4px;
}

.sc-buttons {
    display: block;
}

section.sc-proccess .icon-image {
    width: 48px;
    height: 48px;
}

.btn-bg,
.btn-nobg {
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
}

.btn-bg {
    padding: 16px 32px;
    text-decoration: none;
    display: inline-block;
}

.bg-white.border-orange:hover {
    /* background-color: var(--color-orange) !important; */
    color: #fff;
    background: linear-gradient(135.48deg, #FFB07B -9.59%, #FF8B59 7.43%, #FF5629 33.33%, #FF350B 53.3%, #FF2900 64.4%);
    border: 1px solid #FFFFFF;
}

.features-list {
    row-gap: 32px;
    margin-left: -16px;
    margin-right: -16px;
}

.features-list .box-grey {
    padding: 0px 16px;
}

.box-grey .inner {
    border-radius: 16px;
    background-color: #F6F8FB;
    padding: 40px;
    display: flex;
    flex-direction: column;
    gap: 24px;
    height: 100%;
}

.box-grey figure {
    width: 80px;
    height: 80px;
    overflow: hidden;
    margin: 0 0 8px 0;
}

.box-grey figure img {
    object-fit: cover;
}

.box-grey h4 {
    color: #0B1215;
}

.box-grey ul {
    margin-left: 0px;
    list-style: none;
    padding-left: 0px;
    margin-bottom: 24px;
}

.box-grey li {
    display: flex;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #292D34;
    margin-bottom: 8px;
}

.box-white-content li::before,
.box-grey li::before {
    content: "";
    display: inline-block;
    position: relative;
    background: no-repeat center/cover url('assets/img/check-orange.svg');
    width: 24px;
    height: 24px;
    margin-right: 8px;
}

.f-box-grey ul {
    margin-left: 0px;
    list-style: none;
    padding-left: 0px;
    margin-bottom: 24px;
}

.f-box-grey li {
    display: flex;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #292D34;
    margin-bottom: 8px;
    position: relative;
    padding-left: 32px;
}

.f-box-grey li::before {
    content: "";
    display: inline-block;
    position: absolute;
    background: no-repeat center/cover url('assets/img/check-orange.svg');
    width: 24px;
    height: 24px;
    margin-right: 8px;
    left: 0px;
}

.box-grey .sc-buttons {
    margin-top: auto;
}

.modal-support .modal-dialog {
    max-width: 864px;
}

.modal-support .modal-header {
    padding: 24px 24px 24px 24px;
    border-bottom: 0px solid;
}

.support-content ul {
    margin-bottom: 0px;
}

.support-content ul li:last-child {
    margin-bottom: 0px;
}

.modal-support .btn-close {
    background: no-repeat center/cover url('assets/img/circle-close-blue.svg');
    opacity: 1;
    background-size: 26px 26px;
    width: 32px;
    height: 32px;
    padding: 0px;
    position: absolute;
    top: 12px;
    right: 12px;
    margin: 0px;
    box-shadow: none;
}

.modal-support .modal-body {
    padding: 0px 48px 48px;
}

.sc-founder .modal-content {
    border: none;
    box-shadow: 0px 8px 16px 0px #0000000D;
}

.modal-support .modal-content {
    border-radius: 16px;
    box-shadow: 0px 8px 16px 0px #0000000D;
}

.modal-support .modal-content:after {
    content: "";
    display: inline-block;
    position: absolute;
    background: no-repeat center/cover url('assets/img/corner-bottom-r-circle-2.png');
    width: 286px;
    height: 221px;
    right: 0px;
    bottom: 0px;
}

.support-wrap .heading-3 {
    color: #0B1215;
}

/* Solutions*/
.box-shadow {
    box-shadow: 0px 6px 25px 0px #FF8B5933;
}

.chart-infor {
    position: absolute;
    bottom: 32px;
    left: 32px;
    padding: 24px;
    background-color: #fff;
    display: flex;
    align-items: center;
    border-radius: 16px;
    gap: 10px;
}

.chart-infor div,
.chart-infor figure {
    flex: 0 0 auto;
}

.chart-infor:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 16px;
    border: 1px solid transparent;
    background-image: linear-gradient(white, white), linear-gradient(244.02deg, #FFFFFF 49.2%, #FF0000 100%),
        linear-gradient(75.31deg, rgba(255, 255, 255, 0) 39.73%, rgba(0, 0, 0, 0.2) 100%);
    background-origin: border-box;
    background-clip: content-box, border-box;
}

.chart-infor * {
    position: relative;
    z-index: 2;
}

.score {
    display: inline-block;
    padding: 4px 8px;
    background-color: var(--color-orange);
    color: #fff;
    font-family: 'Lato', sans-serif;
    font-size: 12px;
    line-height: 28px;
    border-radius: 100px;
}

.chart-infor p {
    color: #9CA3AF;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
}

.solution-cart {
    gap: 10px;
}

.sep-orange {
    color: var(--color-orange) !important;
}

.solution-cart span {
    font-weight: 600;
    font-size: 24px;
    line-height: 33.6px;
    color: var(--color-neutral-text);
}

.sc-solutions .desc ul {
    margin-left: 0px;
    padding-left: 0px;
    list-style: none;
}

.sc-solutions .desc li {
    display: flex;
    margin-bottom: 12px;
    gap: 12px;
    align-items: center;
}

.sc-solutions .desc li:before {
    content: "";
    display: inline-block;
    position: relative;
    background: no-repeat center/cover url('assets/img/circle-check-orange-2.svg');
    width: 32px;
    height: 34px;
    flex: 0 0 auto;
}

.sc-solutions .desc li,
.distribution {
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: #292D34;
}

.distribution {
    position: absolute;
    bottom: 60px;
    right: 0px;
}

.solutions-wrap {
    position: relative;
}

.solutions-wrap .progress {
    position: absolute;
    width: 508px;
    height: 1px;
    background-color: rgba(0, 0, 0, 0.1);
    right: 0px;
    bottom: 37px;
    background-image: linear-gradient(to right, #002F76, #002F76);
    background-repeat: no-repeat;
    background-size: 0 100%;
    transition: background-size .4s ease-in-out;
}

.solutions-wrap .progress .slider__label {
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 2px;
    height: 2px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
}

.solution-item .ast-flex {
    justify-content: space-between;
}

.solution-item .solution-item-img {
    flex: 0 0 auto;
    width: 560px;
}

.solution-item .solution-item-content {
    flex: 0 0 auto;
    width: 640px;
}

.solution-item-content {
    padding: 37px 0px;
    position: relative;
}

.solutions-slider {
    overflow: hidden;
}

.solutions-slider .slick-arrow {
    bottom: 37px;
    z-index: 10;
}

.solutions-slider .slick-prev {
    right: 592px;
}

.solutions-slider .slick-next {
    right: 532px;
}

.modal-solution .modal-content {
    padding: 64px 48px 64px 48px;
    background-color: #fff;
    box-shadow: 0px 8px 16px 0px #0000000D;
    border-radius: 16px;
}

.modal-solution .modal-content::after {
    content: "";
    display: inline-block;
    background: no-repeat bottom right /cover url('assets/img/corner_style_1.png');
    width: 320px;
    height: 396px;
    position: absolute;
    right: 0px;
    bottom: 0px;
    /*     opacity: 0.25; */
}

.modal-solution .btn-close,
.modal-register .btn-close {
    background: no-repeat center/cover url('assets/img/icon-close.svg');
    width: 32px;
    height: 32px;
    padding: 3px;
    background-size: 26px 26px;
    opacity: 1;
    padding: 0px;
    position: absolute;
    top: 12px;
    right: 12px;
    margin: 0px;
    box-shadow: none;
    /*     margin:-15px -15px 0px auto; */
}

.hidden-button {
    display: none !important;
}

.only-for-pc {
    display: block;
}

.modal .btn-close:hover,
.modal .btn-close:hover:focus {
    outline: none;
    box-shadow: none;
}

.modal-solution .modal-header,
.modal-register .modal-header {
    border-bottom: 0px solid;
    padding: 0px;
}

.modal-solution .modal-body {
    z-index: 2;
}

.modal-body .solution {
    flex-direction: column;
    gap: 32px;
}

.solution-boxies {
    gap: 32px;
}

.solution-boxies>div {
    flex: 0 0 auto;
    width: calc((100% - 32px)/2);
}

.box-border-orange {
    border: 1px solid var(--color-orange);
    padding: 16px 12px;
    border-radius: 16px;
    background-color: #fff;
}

.box-border-orange h4 {
    color: #002F76;
}

.box-border-orange ul {
    margin-left: 0px;
    padding-left: 0px;
    list-style: none;
}

.box-border-orange ul li:last-child {
    margin-bottom: 0px;
}

.box-border-orange li {
    display: flex;
    margin-bottom: 12px;
    gap: 8px;
    align-items: center;
    color: #292D34;
    font-weight: 500;
    font-size: 13px;
    margin-bottom: 12px;
}

.box-border-orange li:before {
    content: "";
    display: inline-block;
    position: relative;
    background: no-repeat center/cover url('assets/img/check-orange.svg');
    width: 24px;
    height: 24px;
    flex: 0 0 auto;
}

/*clients Slider */
.slick-arrow {
    position: absolute;
    background-color: transparent;
    padding: 0px;
}

.clients-slider .slick-arrow {
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
}

.clients-slider .slick-prev {
    left: 0px;

}

.clients-slider .slick-next {
    right: 0px;
}

.slick-arrow:hover,
.slick-arrow:focus {
    outline: none;
    background-color: transparent;
}

.sc-blue-bg {
    background: linear-gradient(159.71deg, #002F76 0%, #002F77 61.2%, #003688 83.86%, #004CBF 100%),
        linear-gradient(139deg, rgba(0, 68, 172, 0.5) 0%, rgba(0, 53, 132, 0) 32.54%);

}

/* Tabs */
.nav-tabs {
    justify-content: center;
    border-bottom: 0px solid;
    gap: 24px 12px;
}

.nav-tabs .nav-link {
    font-weight: 500;
    font-size: 20px;
    line-height: 26px;
    padding: 0px 16px 16px !important;
    background-color: transparent;
    color: #fff;
    border-bottom: 1.5px solid transparent;
    opacity: 0.8;
    transition: none !important;
}

.nav-tabs .nav-link.active,
.nav-tabs .nav-link:hover,
.nav-tabs .nav-link:focus {
    background-color: transparent;
    color: #fff;
    border: 0px solid;
    border-bottom: 1.5px solid #FFAA12;
    opacity: 1;
}

.section.sc-blue-bg .nav-link.active {
    font-weight: 600;
}

/* FAQ List */
.faq-accordion .accordion-item {
    background-color: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.faq-accordion .accordion-item:first-of-type,
.faq-accordion .accordion-item:first-of-type button {
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
}

.faq-accordion .accordion-item:last-of-type,
.faq-accordion .accordion-item:last-of-type button {
    border-bottom-left-radius: 16px;
    border-bottom-right-radius: 16px;
}

.faq-accordion .accordion-button:not(.collapsed) {
    background-color: rgba(0, 39, 98, 0.6);
}

.faq-accordion .accordion-button {
    background-color: rgba(255, 255, 255, 0.05);
}

.faq-accordion .accordion-header button,
.faq-accordion .accordion-button {
    color: #FFFFFF;
    font-size: 20px;
    line-height: 26px;
}

.faq-accordion .accordion-body p {
    color: #DEECFF;
    font-size: 16px;
    line-height: 24px;
}

.accordion-body {
    padding: 0px 30px 30px 30px;
}

.faq-accordion .accordion-button:focus,
.faq-accordion .accordion-button:visited {
    outline: none;
    box-shadow: none !important;
}

.faq-accordion .accordion-button {
    padding: 30px 30px 30px 30px;
}

.accordion-button:not(.collapsed) {
    box-shadow: none;
    padding: 30px 30px 24px 30px;
}

.faq-accordion .accordion-button::after {
    background: no-repeat center/cover url('assets/img/plus-2.svg');
    width: 32px;
    height: 32px;
}

.accordion-button:not(.collapsed)::after {
    background: no-repeat center/cover url('assets/img/minus.svg');
    width: 32px;
    height: 32px;
}

/* Service section */
.sc-services {
    position: relative;
    z-index: 3;
}

.body-2-regular {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
}

.service-box .inner {
    padding: 46px 32px;
    border-radius: 16px;
    background-color: #fff;
    display: flex;
    flex-direction: column;
    gap: 20px;
    align-items: center;
    justify-content: center;
    box-shadow: 0px 4px 20px 0px #87B7FF33;
}

.service-box figure {
    width: 64px;
    height: 64px;
    overflow: hidden;
    margin: 0px auto 0px;
}

.service-box figure img {
    object-fit: cover;
}

.sc-success {
    /*     padding-top:390px;
    margin-top:-100px; */
}

.sc-success .overlay-bg-top {
    position: absolute;
    width: 100%;
    height: 290px;
    top: 110px;
    left: 0px;
    background: no-repeat top center/cover url('assets/img/Animation_Line.gif');
}

@media (min-width:768px) {

    /* the slides */
    .services-slider .slick-slide {
        margin: 0 16px;
    }

    /* the parent */
    .services-slider .slick-list {
        margin: 0 -16px;
    }
}

@media (max-width:540px) {
    .sc-solution-about {
        padding-bottom: 0px !important;
    }

    .sc-solution-about:before {
        content: "";
        display: inline-block;
        position: absolute;
        background: no-repeat center/100% 100% url('assets/img/solution-about-blur-2.png');
        width: 100%;
        height: 131px;
        top: 30px;
        left: 0px;
        z-index: 2;
    }

    .sc-solution-about .sc-buttons {
        display: flex;
        flex-direction: column;
        gap: 20px;
    }

    .sc-solution-about .sc-buttons a:last-child {
        margin-left: 0px !important;
    }

    div.solution-about-blur-1 {
        width: 308px;
        height: 312px;
        top: 300px;
        right: -120px;
        z-index: 2;
    }

    div.solution-about-blur-1:before {
        background-size: 100% 100%;
        width: 308px;
        height: 312px;
        top: 0px;
    }

    div.solution-about-blur-1::after {
        width: 226px;
        height: 212px;
        left: 0px;
        bottom: -60px;
    }

    div.solution-about-blur-2 {
        background-size: 100% 100%;
        height: 131px;
        top: 250px;
    }

    div.solution-about-blur-3 {
        width: 250px;
        height: 205px;
        top: 50px;
        z-index: 1;
    }

    div.solution-about-blur-3:before {
        background-size: 100% 100%;
        width: 60vw;
        height: 60vh;
    }

    .sc-proccess .bg-overlay-top {
        background-size: 100% 100%;
        height: calc(306px * 0.5);
        top: -120px;
    }

    .solution-about-img {
        margin-top: 0px;
    }

    .sc-proccess .padding-top {
        padding-top: 0px !important;
    }

    .bg-corner-bottom img {
        object-fit: cover;
        /* height: 228px; */
        width: 320px;
        mask-size: 100%;
    }

    .process-img {
        order: 1;
        margin-left: auto;
        padding: 0px 20px 0px 0px;
    }

    .sc-proccess .ast-width-md-66 {
        order: 2;
    }

    .modal-solution .btn-close {
        width: 20px;
        height: 20px;
        padding: 2px;
        background-size: 20px 20px;
        top: 8px;
        right: 8px;
    }

    .modal-support .btn-close {
        width: 20px;
        height: 20px;
        padding: 2px;
        background-size: 20px 20px;
        top: 8px;
        right: 8px;
    }

    .only-for-pc {
        display: none !important;
    }

    .faq-accordion .accordion-button::after,
    .accordion-button:not(.collapsed)::after {
        width: 20px;
        height: 20px;
    }
}

@media only screen and (max-width:767px) {
    .m-pe-0 {
        padding-right: 0px !important;
    }

    .m-ps-0 {
        padding-left: 0px !important;
    }

    .solution-about-blur-1 {
        background-size: 100% 100%;
        width: calc(494px* 0.6);
        height: calc(818px* 0.6);
        top: 100px;
    }

    .sc-solution-about .sc-buttons {
        display: flex;
        flex-direction: column;
        gap: 20px;
    }

    .sc-solution-about .sc-buttons a {
        margin-left: 0px;
    }

    .solution-about-blur-1:after {
        background-size: 100% 100%;
        width: calc(512px* 0.6);
        top: 200px;
        height: calc(480px* 0.6);
    }

    .solution-about-blur-1:before {
        background-size: 100% 100%;
        width: calc(494px* 0.6);
        height: calc(818px* 0.6);
    }

    .solution-about-blur-2 {
        background-size: 100% 100%;
        height: 50vh;
    }

    .solution-about-blur-3 {
        width: calc(733px * 0.5);
        height: calc(755px * 0.5);
    }

    .solution-about-blur-3:before {
        background-size: 100% 100%;
        width: calc(733px * 0.5);
        height: calc(755px * 0.5);
    }

    .sc-solution-about .heading-2 {
        margin-bottom: 20px;
    }

    .sc-solution-about .sc-buttons {
        margin-top: 32px !important;
        align-items: center;
    }

    .sc-solution-about .sc-buttons a {
        width: 277px;
    }

    #solution_about .modal-header {
        background-size: 100% 100% !important;
        height: 132px;
    }

    #solution_about .modal-body {
        padding: 20px;
    }

    .sc-proccess {}

    .sc-difference .box-white-content .heading-4 br {
        display: none;
    }

    .modal-support .modal-body {
        padding: 0px 32px 32px;
    }

    .support-wrap .heading-3 {
        font-size: 20px;
        line-height: 30px;
    }

    .support-wrap .ast-width-md-6.align-items-end {
        padding-bottom: 0px !important;
    }

    .support-wrap img {
        width: 120px;
    }

    .modal-support .modal-content:after {
        width: calc(286px * 0.6);
        height: calc(221px * 0.6);
    }

    .process-list {
        gap: 56px;
    }

    .process-list .box img {
        width: 36px;
        height: 36px;
    }

    .process-list .box figure {
        margin-bottom: 24px;
    }

    .process-list .box .heading-2 {
        margin-bottom: 12px;
    }

    .process-list .box .desc,
    .desc {
        font-size: 14px;
        line-height: 20px;
    }

    .sc-proccess .ast-flex.justify-content-between {
        padding-bottom: 80px;
    }

    .sc-proccess .ast-width-md-66 {
        padding: 0px 80px 100px 0px !important;
    }

    .sc-proccess .process-sep {
        height: 110%;
        top: 0px;
        right: 60px;
    }

    .sc-difference .ast-flex {
        row-gap: 42px;
    }

    .sc-difference .heading-2 {
        margin-bottom: 20px !important;
    }

    .box-white {
        flex-direction: column;
        gap: 32px;
        padding: 32px;
    }

    .box-white figure {
        flex: 0 0 auto;
        width: 52px;
        height: 52px;
        margin-bottom: 0px;
    }

    .box-white figure img {
        object-fit: cover;
    }

    .difference-list.ast-flex {
        gap: 24px;
    }

    .box-white-content li::before,
    .box-grey li::before {
        flex: 0 0 auto;
        width: 20px;
        height: 20px;
    }

    .box-white-content li,
    .box-grey li {
        font-size: 14px;
        line-height: 20px;
    }

    .solution-features-slider {
        margin-right: -20px !important;
        margin-top: 48px;
        height: 100%;
    }

    .solution-features-slider .slick-list {
        padding-right: 40px;
    }

    .solution-features-slider .slick-track {
        display: flex;
        align-items: stretch;
    }

    .solution-features-slider .features-slide {
        padding-right: 16px;
        height: inherit;
        min-height: 100%;
    }

    .box-grey .inner {
        padding: 24px;
    }

    .box-grey figure {
        width: 64px;
        height: 64px;
        margin-bottom: 0px;
    }

    .process-list .box,
    .solution-boxies>div {
        width: 100%;
    }

    .modal-solution .modal-content {
        padding: 32px;
    }

    .modal-solution .modal-content::after {
        width: calc(320px * 0.6);
        height: calc(396px * 0.6);
    }

    .solution-boxies {
        height: 322px;
        overflow-y: auto;
        margin-right: -16px;
        padding-right: 16px;
    }

    .solution-boxies::-webkit-scrollbar {
        width: 2px;
    }

    .solution-boxies::-webkit-scrollbar-track {
        background: rgba(0, 0, 0, 0.1);
    }

    .solution-boxies::-webkit-scrollbar-thumb {
        background-color: #002F76;
        border-radius: 100px;
    }

    .solution-boxies::-webkit-scrollbar-thumb:hover {
        background-color: #002F76;
    }

    .service-box {
        /* margin-bottom: 20px; */
    }

    .sc-solutions {
        padding: 50px 0px;
    }

    .solution-item .ast-width-md-66 {
        order: 1;
        padding-left: 0px !important;
    }

    .solution-item .ast-width-md-4 {
        order: 2;
    }

    .solution-cart {
        gap: 8px;
    }

    .solution-cart img {
        height: 20px;
    }

    .solution-cart span {
        font-size: 20px;
        line-height: 30px;
    }

    .solution-item .heading-2 {
        margin-bottom: 20px;
        padding-right: 50px;
    }

    .solution-item .desc {
        margin-top: 16px;
    }

    .sc-solutions .desc li {
        margin-bottom: 8px;
        gap: 8px;
    }

    .sc-solutions .desc li:before {
        width: 20px;
        height: 20px;
    }

    .solution-item .ast-flex {
        row-gap: 24px;
    }

    .sc-solutions .solution-item .sc-buttons {
        margin-top: 24px !important;
    }

    .distribution {
        margin: 16px 0px 8px;
        justify-content: flex-end;
        font-size: 14px;
        line-height: 20px;
    }

    .distribution .sep-orange {
        margin-right: 8px;
    }

    .chart-infor {
        padding: 12px;
        gap: 8px;
        border-radius: 8px;
        bottom: 16px;
        left: 16px;
    }

    .score {
        font-size: 8px;
        line-height: 16px;
        margin-bottom: 3px;
    }

    .chart-infor p {
        font-size: 10px;
        line-height: 16px;
        margin-bottom: 3px;
    }

    .chart-infor h4 {
        font-size: 16px;
        line-height: 20px;
        font-weight: 600;
    }

    .solutions-slider .slick-list {
        padding-bottom: 0px;
    }

    .solutions-slider .slick-arrow {
        width: 28px;
        height: 28px;
    }

    .solutions-slider .slick-prev {
        left: 0px;
    }

    .solutions-slider .slick-next {
        left: calc(8px + 28px);
    }

    .solutions-wrap .progress {
        width: calc(100% - (8px + 56px));
    }

    .sc-solutions .sc-buttons {
        padding-top: 0px !important;
        margin-top: 64px !important;
    }

    .clients-slider {
        margin-right: -16px;
    }

    .clients-slider .slick-list {
        padding-right: 25px;
    }

    .clients-slider .slick-slide {
        padding-right: 56px;
    }

    .sc-tabs nav {
        width: 100%;
        overflow-x: scroll;
        padding-bottom: 10px;
    }

    .nav-tabs {
        width: 1400px;
        flex-wrap: nowrap;
        gap: 0px;
    }

    .nav-tabs .nav-link {
        flex: 1 1 auto;
        font-size: 16px;
        line-height: 24px;
    }

    .faq-accordion button.accordion-button {
        padding: 24px;
        font-size: 14px;
        line-height: 20px;
        gap: 24px;
    }

    .faq-accordion .accordion-button:not(.collapsed) {
        background: rgba(0, 39, 98, 0.6);
    }

    .accordion-collapse.collapse.show {
        background: rgba(0, 39, 98, 0.6);
    }

    .faq-accordion .accordion-body p {
        font-size: 14px;
        line-height: 20px;
    }

    .sc-services .heading-2 {
        margin-bottom: 20px;
    }

    .services-slider {
        margin-right: -16px;
    }

    .services-slider .slick-list {
        padding-right: 40px;
    }

    .services-slider .slick-slide {
        padding-right: 16px;
    }

    .service-box .inner {
        padding: 20px;
        gap: 0px;
        background: #F6F8FB;
        box-shadow: 0px 0px 0px 0px #87B7FF33;
    }

    .service-box figure {
        margin-bottom: 20px;
    }

    .service-content h2 {
        margin-bottom: 16px !important;
    }

    .service-box .sc-buttons {
        margin-top: 32px;
    }
}

@media (min-width:768px) and (max-width:999px) {
    .solution-about-blur-1 {
        width: calc(494px * 0.6);
        height: calc(818px * 0.6);
        top: 100px;
    }

    .solution-about-blur-2 {
        height: calc(332px * 0.6);
    }

    .solution-about-blur-3,
    .solution-about-blur-3:before {
        width: calc(733px * 0.6);
        height: calc(755px * 0.6);
    }

    .bg-corner-bottom img {
        height: 200px;
    }

    .sc-proccess .bg-overlay-top {
        top: -250px;
    }

    .sc-proccess .process-sep {
        right: -50px;
    }

    .solutions-slider .slick-slide {
        padding: 0px 15px;
    }

    .clients-slider {
        margin-right: -16px;
    }

    .clients-slider .slick-list {
        padding-right: 40px;
    }

    .clients-slider .slick-slide {
        padding-right: 16px;
    }

    .sc-tabs nav {
        width: 100%;
        overflow-x: scroll;
        padding-bottom: 10px;
    }

    .nav-tabs {
        width: 1400px;
        flex-wrap: nowrap;
        gap: 0px;
    }

    .nav-tabs .nav-link {
        flex: 1 1 auto;
        font-size: 16px;
        line-height: 24px;
    }

    .sc-difference .box-white-content .heading-4 br {
        display: none;
    }

    .services-slider {
        margin-right: -20px;
    }

    .services-slider .slick-list {
        padding-right: 40px;
    }
}

@media (min-width:1024px) and (max-width:1199px) {
    .sc-proccess .bg-overlay-top {
        top: -250px;
    }

    .sc-proccess .process-sep {
        width: 60%;
        right: -50px;
    }
}

@media (min-width:1920px) {
    .sc-proccess .bg-overlay-top {
        top: -250px;
    }

    .sc-proccess .process-sep {
        width: 100%;
    }
}

/* News */
.sc-last-news:after {
    content: "";
    display: inline-block;
    position: absolute;
    right: 0px;
    top: 50%;
    transform: translateY(-50%);
    background: no-repeat center/cover url('assets/img/pattern.png');
    width: 405px;
    height: 900px;
}

.last-news {
    position: relative;
    z-index: 2;
    min-height: 614px;
}

.color-text2-hover {
    color: #292D34 !important;
}

.news-slider .news-slide {
    width: 100%;
}

.news-slider,
.news-slider .news-slide,
.news-slider .slick-track {
    height: 100%;
}

.news-slider .news-inner {
    position: relative;
    display: flex !important;
    height: 100%;
    border-radius: 12px;
}

.news-slider .news-slide::before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 2;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.08) 29.39%, rgba(0, 0, 0, 0.2) 82.18%);
    border-radius: 12px;
}

.news-slider .news-slide img {
    position: absolute;
    top: 0px;
    left: 0px;
    min-width: 100%;
    min-height: 100%;
    object-fit: fill;
    border-radius: 12px;
    z-index: 1;
    display: none;
}

.news-slide-content {
    display: flex;
    flex-direction: column;
    position: relative;
    z-index: 3;
    margin-top: auto;
    padding: 0px 32px 32px;
}

.post-meta {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
}

.post-meta a {
    color: #FFA033;
}

.news-slider .slick-list {
    height: 100%;
    border-radius: 12px;
}

.news-slider .slick-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
}

.news-slider .slick-prev {
    left: 32px;
}

.news-slider .slick-next {
    right: 32px;
}

.news-slider .slick-next img {
    transform: rotate(180deg);
}

.news-slider .slick-dots {
    position: absolute;
    right: 32px;
    bottom: 10px;
    list-style: none;
    margin: 0px;
    padding: 0px;
    display: flex;
    gap: 6px;
}

.news-slider .slick-dots>li button {
    text-indent: -9999px;
    padding: 0px;
    width: 9px;
    height: 9px;
    border: 1px solid #fff;
    border-radius: 100px;
    background-color: transparent;
}

.news-slider .slick-dots>li.slick-active button {
    background-color: #fff;
}

.news-list-nav .slick-list {
    padding: 0px !important;
}

.news-list {
    background-color: #002F76;
    padding: 32px 24px 8px;
    border-radius: 12px;
}

.news-list .news-content {
    gap: 10px;
}

.c-border-bottom {
    position: relative;
    padding-bottom: 12px;
    border-bottom: 2px solid #F6F8FB;
}

.c-border-bottom:after {
    content: "";
    position: absolute;
    width: 45%;
    height: 2px;
    background: linear-gradient(254.51deg, #FFB07B 10.85%, #FF8B59 28.86%, #FF5629 56.26%, #FF350B 77.4%, #FF2900 89.15%);
    left: 0px;
    bottom: -2px;
}

.news-list-item {
    padding: 24px 0px;
    border-top: 1px solid #FFFFFF4D !important;
}

.news-list-item.slick-current {
    border-top: 0px solid !important;
}

.news-meta.text-white span:before {
    background-color: #fff;
}

.text-white a {
    color: #fff;
}

/* Features News */
.features-news {
    background: linear-gradient(99.97deg, #F9FBFF 0%, #DDE6F8 100%);
    border-radius: 24px;
    position: relative;
    z-index: 2;
}

.features-news:after {
    content: "";
    display: inline-block;
    position: absolute;
    top: 0px;
    right: 0px;
    background: no-repeat center/cover url('assets/img/bg-circle-radius.png');
    width: 701px;
    height: 458px;
}

.features-news .ast-width-md-6 {
    position: relative;
    z-index: 2;
}

.features-news-content {
    padding: 40px 104px 34px 80px;
}

.news-meta {
    font-weight: 400;
    font-size: 14px;
    font-size: 14px;
    line-height: 20px;
    color: #292D34;
    display: flex;
    align-items: center;
    gap: 20px;
}

.news-meta a {
    font-weight: 500;
    text-decoration: none;
    color: #FFA033;
}

.news-meta span {
    position: relative;
}

.news-meta span:before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 3px;
    height: 3px;
    background-color: #0B1215;
    border-radius: 100px;
    left: -10px;
    top: 50%;
    transform: translateY(-50%);
}

.features-news h4 {
    color: #0B1215;
}

.features-news .desc {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #292D34;
}

.features-news-img {
    padding: 12px 12px 12px 100px;
}

.features-news-img img {
    border-radius: 12px;
    object-fit: cover;
    height: 418px;
}

.sidebar-hightlight .readmore {
    color: #0B1215;
    font-size: 12px;
    line-height: 16px;
    font-weight: 500;
}

.features-news-content .readmore {
    margin-top: auto;
    color: #0B1215;
    font-size: 16px;
    line-height: 24px;
    padding: 4px 0px;
    gap: 12px;
}

/*Update News */
.bg-corner-left:before {
    content: "";
    position: absolute;
    width: 439px;
    height: 717px;
    background: no-repeat center/cover url('assets/img/corner-news.png');
    bottom: 0px;
    left: 0px;
}

.update-news-heading a {
    text-decoration: none;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #0B1215;
}

.update-news-list {
    position: relative;
    z-index: 2;
    gap: 40px 32px;
}

.update-news-list .news-items {
    flex: 0 0 calc((100% - 64px)/3);
}

.news-content {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.post-meta-2 {
    color: #292D34;
}

.post-meta-2 a {
    padding: 8px 16px;
    font-weight: 500;
    font-size: 13px;
    color: #0B63E5;
    background: #F0F5FF;
    border-radius: 100px;
    text-decoration: none;
    transition: 0.5s ease-in-out;
}

.post-meta-2 a:hover {
    background-color: var(--color-orange);
    color: #fff;
}

.date {
    display: flex;
    align-items: center;
}

.date:before {
    content: "";
    display: inline-block;
    background: no-repeat center/cover url('assets/img/calendar.svg');
    width: 20px;
    height: 20px;
    margin-right: 6px;
}

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

.news-items img {
    object-fit: cover;
    border-radius: 12px;
}

.hidden-scale img {
    object-fit: cover;
    border-radius: 12px;
    transform: scale(1);
    transition-duration: 1s;
}

.hidden-scale img:hover {
    transform: scale(1.2);
    transition-duration: 1s;
}

/* .readmore:hover,
.update-news-heading a:hover
{
    color:var(--color-orange);
} */
/* .update-news-heading a:hover svg path,
.readmore:hover svg path{
    stroke:var(--color-orange);
} */
@media (max-width:544px) {
    .news-slider {
        height: calc(616px * 0.5) !important;
    }

    .news-list-nav {
        margin-left: -15px;
        margin-right: -15px;
    }

    .news-list-item {
        padding: 0px 15px;
    }

    .sc-buttons .btn-bg {
        width: 100% !important;
    }

    .solution-item-content .sc-buttons .btn-bg {
        width: auto !important;
        display: inline-block !important;
    }

}

@media only screen and (max-width:767px) {
    .last-news {
        gap: 20px;
        min-height: initial;
        align-items: normal !important;
    }

    .news-slider {
        height: calc(616px * 0.65);
        overflow: hidden;
    }

    .news-slider .news-slide::before {
        content: none;
    }

    .news-list {
        padding-bottom: 32px;
    }

    .news-list-item.slick-current {
        border-left: 0px solid !important;
    }

    .news-list-item {
        padding: 0px 15px;
        border-top: 0px solid !important;
        border-left: 1px solid #FFFFFF4D !important;
    }

    .features-news-content {
        padding: 30px;
    }

    .features-news-img {
        padding-left: 10px !important;
    }

    .features-news:after {
        width: calc(701px * 0.5);
        height: calc(458px * 0.5);
        bottom: 0px;
        top: auto;
    }

    .update-news-list {
        gap: 32px;
    }

    .update-news-list .news-items {
        flex: 0 0 100%;
    }

    .solution-item .solution-item-img {
        width: 100%;
        order: 2;
    }

    .solution-item .solution-item-content {
        width: 100%;
        order: 1;
    }

    .solutions-slider .slick-list {
        padding-bottom: 44px;
    }

    .solutions-slider .slick-arrow {
        bottom: 0px;
    }

    .solutions-wrap .progress {
        bottom: 0px;
    }

    .solution-item-img {
        position: relative;
    }

    .solution-item .solution-item-content {
        padding: 0px;
    }

    .distribution {
        bottom: -32px;
        margin: 0px;
    }
}

@media (min-width:768px) and (max-width:999px) {
    .features-news-content {
        padding: 30px 50px;
    }

    .features-news-img {
        padding-left: 50px !important;
    }

    .features-news:after {
        width: calc(701px * 0.7);
        height: calc(458px * 0.7);
    }

    .solution-item .solution-item-img {
        width: 300px;
    }

    .solutions-slider .slick-prev {
        left: 348px;

    }

    .solutions-slider .slick-next {
        left: 408px;
    }

    .solutions-wrap .progress {
        /*left: 432px;*/
        width: calc(100% - 462px);
        right: 0px;
    }
}

@media (min-width:1000px) and (max-width:1199px) {
    .features-news-content {
        padding: 30px 50px;
    }

    .features-news-img {
        padding-left: 50px !important;
    }

    .features-news:after {
        width: calc(701px * 0.7);
        height: calc(458px * 0.7);
    }

    .solution-item .solution-item-img {
        width: 361px;
    }

    .solutions-slider .slick-prev {
        left: 391px;
    }

    .solutions-slider .slick-next {
        left: 451px;
    }

    .solutions-wrap .progress {
        /*left: 493px;*/
        width: calc(100% - 523px);
        right: 0px;
    }
}

@media (min-width:768px) and (max-width:1199px) {
    .chart-infor {
        padding: 12px;
        gap: 8px;
        bottom: 16px;
        left: 16px;
    }

    .score {
        font-size: 8px;
        line-height: 16px;
        margin-bottom: 3px;
    }

    .chart-infor p {
        font-size: 10px;
        line-height: 16px;
        margin-bottom: 3px;
    }

    .chart-infor h4 {
        font-size: 16px;
        line-height: 20px;
        font-weight: 600;
    }

    .solution-cart span {
        font-size: 20px;
        line-height: 30px;
    }

    .solution-item .solution-item-content {
        flex: 1;
        padding: 0px 0px 0px 30px;
    }

    .solutions-slider .slick-list {
        padding-bottom: 64px;
    }

    .right-solution-card .sc-buttons {
        margin-top: 24px !important;
    }

    .distribution {
        bottom: -48px;
    }

    .solutions-slider .slick-arrow {
        bottom: 0px;
        right: auto;
    }

    .solutions-wrap .progress {
        bottom: 0px;
    }

}

/* News Detail */
.single-news-content {
    border-bottom: 1px solid #CBCBCB;
    padding-top: 30px;
    overflow: hidden;
}

.article__bread-crumb span {
    color: #1E233280;
    font-weight: 500;
    font-size: 13px;
}

.article__bread-crumb span a {
    color: #1E233280;
}

.article__bread-crumb .breadcrumb_last {
    color: #333333;
}

.news-single-featured-img {
    border-radius: 12px;
    max-height: 550px;
    width: 100%;
    text-align: center;
}

.breascrumb-list {
    margin: 30px 0px;
    width: 100%;
}

.breascrumb-list ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
    display: flex;
    gap: 32px;
    align-items: center;
}

.breascrumb-list li {
    position: relative;
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    color: #1E233280;
}

.breascrumb-list li:not(:first-child):before {
    content: "";
    display: inline-block;
    position: absolute;
    background: no-repeat center/cover url('assets/img/s-arrow-right.svg');
    width: 16px;
    height: 16px;
    left: -24px;
    top: 0px;
}

.breascrumb-list li:last-child {
    color: #333;
    font-size: 13px;
}

.single-news-content #primary,
.single-news-content #secondary {
    margin: 0px !important;
}

.single-news-content #primary {
    border-right: 0px solid;
}

.single-news-content #secondary {
    border-left: 0px solid;
}

.single-news-content #primary article {
    padding: 0px 60px 0px 0px;
}

.single-news-content #primary .entry-title {
    font-weight: 600;
    font-size: 36px;
    line-height: 46.8px;
    margin-bottom: 16px;
    color: #0B1215;
}

.share-post {
    display: flex;
    align-items: center;
}

.share-post .socials {
    display: flex;
    gap: 21px;
}

.share-post .socials img {
    box-shadow: initial;
}

.share-post span {
    font-weight: 500;
    font-size: 13px;
    line-height: normal;
    color: #292D34;
    margin-right: 13px;
}

.single-news-content .aligncenter,
.single-news-content .alignleft,
.single-news-content .alignright,
.single-news-content .aligncenter img,
.single-news-content .alignleft img,
.single-news-content .alignright img {
    border-radius: 12px;
}

.single-news-content p {
    color: #0B1215;
    font-size: 14px;
    line-height: 20px;
}

.single-news-content em {
    color: #292D34;
    font-size: 12px;
    line-height: 16px;
}

.single-news-content h3 {
    font-weight: 600;
    font-size: 18px;
    margin: 28px 0px 16px;
}

.wp-block-image :where(figcaption) {
    margin-bottom: 0px;
}

.entry-content[ast-blocks-layout]>figure {
    margin-top: 28px;
    margin-bottom: 28px;
}

.w-list {
    flex-direction: column;
    gap: 24px;
}

.w-item {
    display: flex;
    gap: 15px;
}

.w-item figure {
    flex: 0 0 auto;
    width: 112px;
    background-color: #F6F8FB;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0px;
    border-radius: 8px;
}

.w-item figure img {
    object-fit: cover;
    width: 67px;
}

.w-item-content {
    display: flex;
    flex-direction: column;
}

.w-item-content h4 {
    margin-bottom: 4px;
    color: #0B1215;
}

.w-item-content .desc,
.w-item-content .desc p {
    font-size: 12px;
    line-height: 16px;
    margin-bottom: 20px;
    color: #292D34;
}

.w-item-content .readmore {
    margin-top: auto;
}

@media (max-width:767px) {

    .single-news-content #primary .entry-title {
        font-size: 24px;
        line-height: 33.6px;
    }
}

@media (max-width:999px) {
    .single-news-content #primary article {
        padding-right: 0px;
    }
}

@media only screen and (min-width:993px) {
    .single-news-content #primary {
        padding-right: 56px;
    }

    .single-news-content #secondary {
        padding-left: 56px;
    }

    .single-news-content #primary article {
        padding-right: 0px;
    }
}

/* Contact Page */
.custom-banner {
    z-index: 2;
    background: linear-gradient(to bottom, #fff 60%, transparent 40%);
}

.custom-banner:before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 494px;
    height: 416px;
    right: 0px;
    top: 0px;
    background: no-repeat center/cover url('assets/img/corner-top-right.png');
    z-index: 2;
}

.bg-blur-bottom {
    position: absolute;
    width: 733px;
    height: 755px;
    left: 0px;
    bottom: 0px;
    background: rgba(255, 255, 255, 0.5);
    display: none;
}

.custom-banner .bg-blur-bottom:before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 733px;
    height: 755px;
    left: 0px;
    bottom: 0px;
    background: no-repeat center/cover url('assets/img/corner-bottom-ellip-2.png');
    opacity: 0.2;
    z-index: 2;
}

.custom-banner .banner-inner {
    position: relative;
    z-index: 3;
}

.custom-banner .btn-bg {
    margin-top: 40px;
    box-shadow: 0px 6px 25px 0px #FF8B5933;
    border: 1px solid #FFFFFF;
}

.sc-contact-map {
    margin-top: -280px;
    z-index: 1;
}

.bg-orange:hover {
    border: 1px solid var(--color-orange);
    color: var(--color-orange);
    background: #fff !important;
}

.bg-orange:hover #reg {
    fill: #FF0000;
}

.sc-contact-map iframe {
    z-index: 1;
    width: 100%;
    min-height: 690px;
}

/*.custom-banner:after
{
    content:"";
    display: inline-block;
    position:absolute;
    width:100%;
    height:307px;
    background:no-repeat center/cover url('assets/img/bottom-ellip-2.png');
    bottom:0px;
    left:0px;
    z-index:1;
}*/
.sc-contact-form {
    z-index: 2;
    overflow: visible;
}

.contact-form.contact-form-custom {
    top: 0px;
    margin-top: -120px;
}

.contact-form {
    position: relative;
    top: -120px;
    max-width: 1088px;
    margin: 0px auto;
    padding: 16px;
    background: no-repeat center/cover url('assets/img/bg-blue-frm.png');
    border-radius: 24px;
    overflow: hidden;
    justify-content: space-between;
}

.contact-form::after {
    content: "";
    display: inline-block;
    position: absolute;
    background: no-repeat center/cover url('assets/img/corner-1.png');
    width: 442px;
    height: 286px;
    bottom: 0px;
    left: 0px;
    z-index: -1;
}

.contact-form .ast-width-md-6 {
    position: relative;
    z-index: 2;
}

.contact-infor-wrap {
    padding: 40px 154px 40px 40px;
    flex: 1;
}

.contact-infor-wrap figure img {
    height: 60px;
}

.infor-item {
    gap: 12px;
    flex-wrap: nowrap;
    align-items: flex-start;
    margin-bottom: 12px;
}

.infor-item img {
    flex: 0 0 auto;
    width: 24px;
}

.socials-list {
    gap: 8px;
}

.socials-list a {
    width: 48px;
    height: 48px;
    background-color: rgba(255, 255, 255, 0.1);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100px;
}

.socials-list a svg {
    width: 16px;
    height: 16px;
    fill: #fff;
}

.register-forms {
    background-color: #fff;
    border-radius: 16px;
    padding: 20px 39px 23px;
    max-width: 512px;
}

.tabs-register {
    display: flex;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 100px;
    background-color: #F6F8FB;
    padding: 4px;
    /*     gap:10px; */
    overflow: hidden;
    flex-wrap: nowrap;
    height: 53px;
}

.register-link {
    flex: 0 0 auto;
    /*     width:calc((100% - 10px)/2); */
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    padding: 11px 24px;
    color: #0B1215;
    background: transparent;
    border-radius: 100px;
    position: relative;
    max-height: 45px;
}

.register-link span {
    position: relative;
    z-index: 2;
}

.register-link::after {
    content: "";
    display: inline-block;
    position: absolute;
    width: 100%;
    height: 100%;

    transition: transform 1s linear;
    top: 0px;
    left: 0px;
    background: linear-gradient(131.07deg, #FFB07B 6.11%, #FF8B59 21.47%, #FF5629 44.85%, #FF350B 62.88%, #FF2900 72.9%);
    border-radius: 100px;
}

.register-link.active {
    color: #fff;
    /* background: linear-gradient(131.07deg, #FFB07B 6.11%, #FF8B59 21.47%, #FF5629 44.85%, #FF350B 62.88%, #FF2900 72.9%);
    border-radius:100px; */
}

.r-item p {
    margin: 12px;
}

.wpcf7 form>div,
.wpcf7 form>p {
    margin-bottom: 12px;
}

.wpcf7 form>div.mb-1r {
    margin-bottom: 24px;
}

.wpcf7 form>div.mb-0 p {
    margin: 0px;
}

.register-link:hover {
    background: transparent;
}

.register-link.active:hover span {
    color: #fff;
}

.register-link:hover span {
    color: #0B1215;
}

.register-link:not(.active)::after {
    transform: translateX(-250%);
}

.register-link.active::after {
    transform: translateX(0);
}

@media (max-width:600px) {
    .register-link {
        height: auto;
    }
}

@media (max-width:767px) {

    .custom-banner {
        padding-bottom: 50px;
    }

    .register-link {
        height: auto;
    }

}

@media (max-width:999px) {
    .heading-3 {
        font-size: 24px;
        line-height: 33.6px;
    }

    .register-link {
        max-height: 100px;
    }

    .contact-infor-wrap {
        padding: 20px;
    }

    .custom-banner:before {
        width: calc(494px * 0.5);
        height: calc(416px * 0.5);
    }

    .contact-form::after {
        width: calc(442px * 0.5);
        height: calc(286px * 0.5);
    }

    .register-forms {
        padding: 20px;
    }

    .tabs-register {
        gap: 15px;
        height: auto;
    }

    .tabs-register .register-link {
        flex: 0 0 auto;
        width: calc((100% - 15px)/2);
        font-size: 14px;
    }
}

/* Fix home & footer */
.site-header {
    box-shadow: 0px 2px 20px 0px #002F760D;
}

.ast-primary-header-bar .site-primary-header-wrap {
    min-height: 74px;
}

.ast-site-identity {
    padding: 13px 0px;
}

.sc-faqs {
    overflow: hidden;
}

.ast-header-button-1 .ast-custom-button {
    height: 44px;
}

.main-header-menu .menu-link,
.main-header-menu>a {
    padding: 0px 16px;
}

.site-header-section>* {
    padding: 0px 20px;
}

.site-header-primary-section-right .ast-header-html-1 {
    padding-left: 0px !important;
}

.site-header-primary-section-right .ast-header-html-1 .ast-builder-html-element p,
.site-primary-footer-wrap .ast-builder-html-element p {
    display: none;
}

.ast-header-html-1 .lang-menu {
    display: block;
}

.site-header-section .lang-menu {
    padding-left: 12px;
}

.lang-menu .item-lg {
    font-size: 14px;
    line-height: 20px;
    color: #C6C6C6;
}

.lang-menu .item-lg.current,
.lang-menu .item-lg:hover {
    color: #0B1215;
}

.lang-menu .sep_lang {
    font-size: 14px;
    line-height: 20px;
    color: #C6C6C6;
    padding: 0px 5px;
}

[data-section="section-header-mobile-trigger"] .ast-button-wrap .mobile-menu-toggle-icon .ast-mobile-svg {
    fill: #002F76;
}

.customers-say-about {
    overflow: hidden;
}

.site-footer h5 {
    margin-bottom: 24px;
}

.site-footer-section-1 aside.footer-widget-area,
.site-footer-section-1 #block-23,
.site-footer-section-1 #block-10 p,
.site-footer-section-1 .footer_text p {
    margin-bottom: 0px;
}

.site-footer-primary-section-1 figure {
    margin-bottom: 32px;
}

.site-footer-primary-section-1 figure img {
    height: 72px;
}

.ast-builder-layout-element[data-section="section-fb-social-icons-1"],
.site-footer-section-1 .footer_socials {
    margin-top: 48px;
}

.site-footer h5 {
    font-weight: 600;
    font-size: 16px;
}

footer ul {
    padding: 0px;
    margin: 0px;
}

footer ul li {
    margin-bottom: 16px;
}

footer .footer_text {
    font-weight: 400;
    font-size: 14px;
    line-height: 21px;
}

.site-below-footer-wrap[data-section="section-below-footer-builder"] .site-below-footer-inner-wrap {
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    padding: 44px 0px;
}

@media (max-width:767px) {
    .site-primary-footer-wrap[data-section="section-primary-footer-builder"] {
        padding: 48px 0px 22px;
    }

    .site-footer-primary-section-2 #block-25 {
        text-align: left;
    }

    .site-footer-primary-section-3 #nav_menu-3 {
        text-align: left;
    }

    .site-footer-primary-section-3 #nav_menu-5 {
        text-align: left;
    }

    .site-below-footer-wrap[data-section="section-below-footer-builder"] .site-below-footer-inner-wrap {
        padding: 20px 16px;
    }

    .ast-footer-copyright p {
        text-align: left;
    }

    .footer-widget-area-inner {
        padding: 0px 16px;
    }

    div.site-footer-section-1,
    div.site-footer-section-2 {
        margin-bottom: 32px !important;
    }

    .site-footer-primary-section-1 figure {
        margin-bottom: 16px;
    }

    .ast-footer-social-wrap,
    .site-footer h5 {
        margin-top: 16px;
    }

    .widget-title {
        margin-bottom: 16px;
    }

    footer ul li,
    section.widget.widget_block {
        margin-bottom: 12px;
    }

    .widget.widget_nav_menu {
        margin-bottom: 0px;
    }

    .site-below-footer-wrap[data-section="section-below-footer-builder"] {
        padding-top: 20px;
    }

    footer .footer_text {
        font-size: 13px;
        line-height: 19px;
    }
}

@media (max-width:921px) {
    .lang-menu {
        display: none;
    }

    .footer-col-1 {
        margin-left: auto;
        margin-right: auto;
        text-align: center !important;
    }

    .footer-col-1 .footer_socials {
        justify-content: center;
    }
}

@media (min-width:1500px) {
    .custom-banner {
        background-position: bottom center !important;
    }
}

/* popup header & home page*/
.modal-about-register .modal-content {
    background-color: transparent;
    border: 0px solid;
}

.register-forms .tab-content {
    display: block;
    margin-top: 24px;
}

.modal-about-register .contact-form {
    top: 0px;
}

.modal-about-register .modal-header {
    border-bottom: 0px solid;
    padding: 0px;
}

.modal-about-register .btn-close {
    position: absolute;
    right: 10px;
    top: 10px;
}

.r-item>p {
    margin: 0px 0px 12px;
}

.r-item .wpcf7-spinner {
    display: block;
}

.wpcf7-form-control,
.r-item .frm-control {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    padding: 16px !important;
    min-height: 52px;
    background-color: #F6F8FB;
    border-radius: var(--radius_2);
    color: #292D34B2;
    border: 0px solid !important;
    box-shadow: none !important;
}

textarea.wpcf7-form-control,
textarea.r-item .frm-control {
    min-height: 100px;
}

.r-item select.frm-select {
    -moz-appearance: none !important;
    -webkit-appearance: none !important;
    appearance: none !important;
    background: #F6F8FB url('assets/img/arrow-down.svg') no-repeat;
    background-position: calc(100% - 18px) center;
}

.r-item .frm-select:after {
    content: "";
    display: inline-block;
    background: no-repeat center/cover url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4 6L8 10L12 6" stroke="#292D34" stroke-opacity="0.7" stroke-width="1.5" stroke-linecap="square" stroke-linejoin="round"/></svg>');
    width: 16px;
    height: 16px;
    position: absolute;
    right: 10px;
}

.r-item .frm-control.frm-textarea {
    height: 100px;
    resize: none;
}

.r-item .frm-control::placeholder {
    color: #292D34B2;
}

.r-item .frm-control:hover,
.r-item .frm-control:focus,
.r-item .frm-control:visited {
    outline: none !important;
    box-shadow: none !important;
    border: 0px solid !important;
    background-color: #F6F8FB;
}

.r-item .btn-register {
    border: 1px solid transparent !important;
    background: linear-gradient(135.48deg, #FFB07B -9.59%, #FF8B59 7.43%, #FF5629 33.33%, #FF350B 53.3%, #FF2900 64.4%);
    color: #fff;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    padding: 16px 20px !important;
    text-align: center;
    width: 100%;
    box-shadow: 0px 6px 25px 0px #FF8B5933 !important;
    height: 56px;
}

.r-item .btn-register:hover {
    border: 1px solid var(--color-orange) !important;
    color: var(--color-orange);
    background: #fff !important;
}

.r-item.frm-term,
.r-item.frm-term p {
    font-size: 13px;
    line-height: 16px;
    margin: 0px;
    color: #292D34;
}

.r-item.frm-term a,
.r-item.frm-term p a {
    color: #292D34;
}

@media (max-width:767px) {
    .modal-about-register .modal-dialog {
        max-width: 361px;
        margin-left: auto;
        margin-right: auto;
    }

    .modal-about-register .contact-form {
        padding: 0px;
        border-radius: 16px;
    }

    .modal-about-register .btn-close {
        background: no-repeat center / cover url('assets/img/circle-close-w.svg');
        margin: 0px;
    }

    .contact-form:before {
        content: "";
        display: inline-block;
        position: absolute;
        top: 0px;
        right: 0px;
        background: no-repeat center / cover url('assets/img/vector-path.png');
        width: 340px;
        height: 203px;
    }

    .contact-form::after {
        background: no-repeat center / cover url('assets/img/corner-home-popup.png');
        bottom: auto;
        top: 100px;
        right: 0px;
        left: auto;
    }

    .modal-about-register .contact-infor-wrap {
        padding: 24px 20px;
    }

    .modal-about-register .contact-infor-wrap figure {
        margin-bottom: 16px !important;
    }

    .modal-about-register .register-forms,
    .contact-form .register-forms {
        border-top-left-radius: 0px;
        border-top-right-radius: 0px;
        padding-top: 32px;
    }

    .modal form {
        display: flex;
        flex-wrap: wrap;
        gap: 12px;
    }

    .modal form .r-item {
        display: inline-block;
        width: 100%;
        margin-bottom: 0px !important;
    }

    .modal form .r-item:nth-child(3),
    .modal form .r-item:nth-child(4) {
        width: calc((100% - 12px)/2);
    }

    .contact-form {
        padding-bottom: 0px;
    }

    .modal .contact-form .register-forms {
        z-index: 3;
    }

    .sc-contact-form .contact-form .register-forms {
        /*         margin-left:-16px;
        margin-right:-16px; */
        border-bottom-left-radius: 24px;
        border-bottom-right-radius: 24px;
        z-index: 3;
        margin-bottom: 15px;
    }

    .main-navigation .sub-menu {
        width: 100% !important;
    }

    .contact-form::after {
        top: 360px;
    }

    .solution-features-slider .slick-arrow.slick-prev {
        left: -14px;
    }

    .solution-features-slider .slick-arrow.slick-next {
        right: 40px;
    }

}

@media (min-width:768px) and (max-width:999px) {

    .contact-form .register-forms {
        max-width: 100%;
        margin: 0px auto;
    }
}

@media (max-width:1199px) {
    .contact-infor-wrap {
        padding: 30px;
    }
}

@media (min-width:922px) {
    .breascrumb-list {
        width: 70%;
        /* margin: 30px auto !important; */
    }

    .single-news-content #primary {
        margin: 0px auto !important;
    }
}

@media (min-width:768px) {
    .solution-features-slider {
        margin-top: 48px;
        height: 100%;
    }

    .solution-features-slider .slick-list {
        padding-right: 40px;
    }

    .solution-features-slider .slick-track {
        display: flex;
        align-items: stretch;
    }

    .solution-features-slider .features-slide {
        padding-right: 32px;
        height: inherit;
        min-height: 100%;
    }
}

@media (max-width:1280px) {
    .solution-features-slider {
        margin-right: -20px;
    }

}

@media (max-width:1400px) {
    .solution-features-slider .slick-next {
        right: 44px;
    }
}

@media (min-width:1200px) and (max-width:1400px) {
    .solution-features-slider .slick-arrow.slick-prev {
        left: -12px;
    }
}

@media (min-width:1360px) {

    .solution-features-slider {
        margin-right: calc((1312px - 100vw)/2);
    }
}

@media (min-width:1400.98px) {
    .solution-features-slider .slick-arrow.slick-next {
        right: 48px;
    }
}

.box-why-choose-right {
    overflow: hidden;
}

.solution-features-slider {
    padding-bottom: 0px;
}

.solution-features-slider .slick-arrow {
    position: absolute;
    top: calc((100% - 57px)/2);
    transform: translateY(-50%);
    z-index: 10;
}

.solution-features-slider .slick-prev {
    left: -24px;
}

.solution-features-slider .slick-next {
    right: 48px;
}

.solution-features-slider .slick-dots {
    position: relative;
    list-style: none;
    padding: 48px 0px 0px;
    display: flex;
    gap: 6px;
    justify-content: center;
}

.solution-features-slider .slick-dots>li {
    width: 9px;
    height: 9px;
}

.solution-features-slider .slick-dots>li button {
    text-indent: -9999px;
    padding: 0px;
    width: 9px;
    height: 9px;
    border: 1px solid #000;
    border-radius: 100px;
    background-color: transparent;
}

.solution-features-slider .slick-dots>li.slick-active button {
    background-color: #000;
}

.features-solution .solution-features-slider .slick-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
}

.pb-40 {
    padding-bottom: 40px;
}

@media (max-width:1024px) {
    .features-solution .solution-features-slider .slick-arrow {
        top: calc((100% - 57px)/2);
    }
}