html {
    font-size: 62.5% !important;
}

.container-width,
.full-width,
.container,
.row {
    max-width: 1200px !important;
}

@media screen and (min-width: 850px) {
    .section-large-10 > .section-content > .row {
        width: 100% !important;
        max-width: 1050px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
	
	    .section-large-1275 > .section-content > .row {
        width: 100% !important;
        max-width: 1275px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .section-large-9 > .section-content > .row {
        width: 100% !important;
        max-width: 950px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
	
	 .column-950 {
        width: 100% !important;
        max-width: 950px !important;
        flex-basis: 950px !important;

        margin-left: auto !important;
        margin-right: auto !important;
    }
}

.font-montserrat,
.font-montserrat * {
  font-family: "Montserrat", sans-serif !important;
}

.font-chic,
.font-chic * {
  font-family: "Chic Avenue", serif !important;
  font-style: normal !important;
}

.font-zalando,
.font-zalando * {
  font-family: "Zalando Sans", sans-serif !important;
	font-style: normal !important;
}

.font-zalando-italic,
.font-zalando-italic * {
  font-family: "Zalando Sans", sans-serif !important;
  font-style: italic !important;
}

.font-motherland,
.font-motherland * {
  font-family: "NVN Motherland Signature", cursive !important;
  font-style: normal !important;
}

.font-400,
.font-400 * {
  font-weight: 400 !important;
}

.font-zalando strong,
.font-zalando b {
  font-weight: 700 !important;
}

.font-500,
.font-500 * {
  font-weight: 500 !important;
}

.font-600,
.font-600 * {
  font-weight: 600 !important;
}

.font-700,
.font-700 * {
  font-weight: 700 !important;
}

.padding-0 {
  padding: 0 !important;
}

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

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

.mb-0 *,
.h2-0 *,
.ul-mb-0 * {
  margin-bottom: 0 !important;
}

.mb-3 * {
  margin-bottom: 3rem !important;
}

.mb-1\.5 * {
    margin-bottom: 1.5rem !important;
}

.mt-3 * {
  margin-top: 3rem !important;
}

.fontsize64,
.fontsize64 * {
  font-size: 6.4rem !important;
}

.fontsize140 * {
  font-size: 14rem !important;
}

.fontsize48 * {
  font-size: 4.8rem !important;
}

.fontsize42 * {
  font-size: 4.2rem !important;
}

.fontsize-32 * {
  font-size: 3.2rem !important;
}

.fontsize-18,
.fontsize-18 * {
    font-size: 1.8rem !important;
}

.fontsize-15,
.fontsize-15 * {
    font-size: 1.5rem !important;
}

.fontsize14 * {
  font-size: 1.4rem !important;
}

.line-height-6 {
  line-height: 6rem !important;
}

.img-radius-1 {
  border-radius: 1rem !important;
  overflow: hidden !important;
}

.justify {
  text-align: justify !important;
}

.responsive-br p br {
    display: inline;
}

.no-row-after::after {
    display: none !important;
    content: none !important;
}

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

.image-3-4 .img-inner {
    aspect-ratio: 3 / 4 !important;
    overflow: hidden !important;
}

.image-3-4 img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
}

@media (max-width: 768px) {
    .responsive-br p br {
        display: none;
    }
	
	 .responsive-row-padding {
        width: 100% !important;
        max-width: 100% !important;

        margin-left: auto !important;
        margin-right: auto !important;
    }
}

@media (max-width: 480px) {
    .responsive-br-1 p br {
        display: none;
    }
	
	  .mobile-condensed {
        letter-spacing: -0.03em !important;
    }
	
	 /* Ẩn Gap nằm giữa các Text */
    .mobile-merge-p > .col-inner > .text + .gap-element {
        display: none !important;
        padding-top: 0 !important;
        height: 0 !important;
    }

    /* 3 Text element phải nằm inline */
    .mobile-merge-p > .col-inner > .text {
        display: inline !important;
        width: auto !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    /* p bên trong cũng phải inline */
    .mobile-merge-p > .col-inner > .text p {
        display: inline !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    /* thêm 1 khoảng trắng giữa các đoạn */
    .mobile-merge-p > .col-inner > .text:not(:last-child) p::after {
        content: " ";
    }
	
	 .mobile-ratio-3-4 .img-inner {
        width: 100% !important;
        aspect-ratio: 3 / 4 !important;
        overflow: hidden !important;
        padding: 0 !important;
    }

    .mobile-ratio-3-4 .img-inner img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
        object-position: center !important;
        display: block !important;
    }
	
		.mobile-text-center,
    .mobile-text-center * {
        text-align: center !important;
    }
}

@media (max-width: 768px) {
  .fontsize80 * {
    font-size: 8rem !important;
  }
	
	.fontsize38 * {
    font-size: 3.8rem !important;
  }

  .fontsize36 * {
    font-size: 3.6rem !important;
  }

  .fontsize32 * {
    font-size: 3.2rem !important;
  }
	
	.fontsize-28 * {
    font-size: 2.8rem !important;
  }
	
	.fontsize24 * {
    font-size: 2.4rem !important;
  }

  .fontsize22 * {
    font-size: 2.2rem !important;
  }

  .fontsize2 * {
    font-size: 2rem !important;
  }
	
/* 	.fontsize-18 * {
    font-size: 1.8rem !important;
  } */

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

  .gap-0 {
    padding-top: 0 !important;
  }
	
	 .gap-15 {
    padding-top: 1.5rem !important;
  }
}

@media (max-width: 480px) {
  .fontsize50 * {
    font-size: 5rem !important;
  }

	.fontsize3 * {
    font-size: 3rem !important;
  }
	
  .fontsize28 * {
    font-size: 2.8rem !important;
  }
	
	.fontsize-24 * {
    font-size: 2.4rem !important;
  }
	
	.fontsize20 * {
    font-size: 2rem !important;
  }

  .fontsize18,
  .fontsize18 * {
    font-size: 1.8rem !important;
  }

  .fontsize16,
  .fontsize16 * {
    font-size: 1.6rem !important;
  }

  .fontsize14,
  .fontsize14 * {
    font-size: 1.4rem !important;
  }
	
	.gap0 {
    padding-top: 0 !important;
  }
}

.page-wrapper:has(.hero-home) {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.page-wrapper > .row-main > .large-12.col {
  padding-bottom: 0 !important;
}

/* HERO FULL WIDTH + 16:9 */
.hero-home {
    width: 100vw !important;
    max-width: none !important;
    aspect-ratio: 2.7 / 1 !important;
    height: auto !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    overflow: hidden !important;
}

.hero-home .bg-fill {
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
}

.hero-home .hero-title * {
    font-family: "Chic Avenue", serif !important;
    font-weight: 400 !important;
    font-style: normal !important;
    font-size: 12rem !important; 
    margin: 0 !important;
    padding: 0 !important;
}

/* =========================
   HERO BUTTON
   ========================= */

.hero-home .hero-button {
    font-family: "Zalando Sans", sans-serif !important;
    font-weight: 400 !important;
    font-style: normal !important;

    font-size: 1.4rem !important;
    line-height: 1.2 !important;

    color: #030870 !important;
    background-color: #ffffff !important;

    border: none !important;
    border-radius: 0 !important;

    margin: 0 !important;

    min-height: 0 !important;

    text-align: center !important;
    text-decoration: none !important;

    box-shadow: none !important;

    cursor: pointer !important;

    transition:
        background-color 0.3s ease,
        color 0.3s ease,
        transform 0.3s ease !important;
}


/* =========================================
   HOVER
   ========================================= */

.hero-home .hero-button:hover {
    background-color: #FF4200 !important;
    color: #ffffff !important;

    transform: translateY(-0.3rem) !important;

    box-shadow: none !important;
}


/* =========================================
   CLICK
   ========================================= */

.hero-home .hero-button:active {
    transform: translateY(0) scale(0.97) !important;
}

/* =========================================
   TABLET + MOBILE: <= 768px
   GIỮ NGUYÊN HERO 16:9
   ========================================= */

@media (max-width: 768px) {

    /* Title: 140px desktop -> 80px */
    .hero-home .hero-title * {
        font-size: 6rem !important;
/*         line-height: 0.95 !important;
        letter-spacing: 0.03rem !important; */
    }

}


/* =========================================
   MOBILE NHỎ: <= 480px
   GIỮ NGUYÊN HERO 16:9
   ========================================= */

@media (max-width: 480px) {

    .hero-home .hero-title * {
        font-size: 4rem !important;
    }

    /* Mobile không cần hiệu ứng nhảy lên */
    .hero-home .hero-button:hover {
        transform: none !important;
    }
}

@media (max-width: 320px) {

    .hero-home .hero-title * {
        font-size: 3rem !important;
    }
	
}

.home-intro .intro-column {
    padding: 0 !important;
}

.home-intro .intro-line-1,
.home-intro .intro-line-2 {
    font-family: "Chic Avenue", serif !important;
    font-weight: 400 !important;
    font-style: normal !important;
/* 		font-size: 1.8rem !important; */
}

.home-intro .intro-line-1 *, .home-intro .intro-line-2 * {
    margin-bottom: 0rem !important;
}

.home-intro .intro-description {
    font-family: "Zalando Sans", sans-serif !important;
	  font-weight: 400;
	  text-align: justify;
}

.home-intro .intro-description strong{
    font-weight: 700 !important;
}


.home-intro .intro-description * {
    margin-bottom: 0rem !important;
}

/* =========================================
   HOME INTRO - TABLET <= 768px
   ========================================= */

@media (max-width: 768px) {

/*     .home-intro .intro-line-1,
    .home-intro .intro-line-2 {
        font-size: 2rem !important;
    }  */
}


/* =========================================
   HOME INTRO - MOBILE <= 480px
   ========================================= */

@media (max-width: 480px) {
/* 
    .home-intro .intro-line-1,
    .home-intro .intro-line-2 {
        font-size: 2rem !important;
    }

    .home-intro .intro-description {
        font-size: 1.4rem !important;
    }  */
}

.home-quote {
    width: 100vw !important;
    max-width: none !important;

    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
}

.home-quote .quote-row {
    width: 100% !important;
    max-width: 120rem !important;
    margin-left: auto !important;
    margin-right: auto !important;
		padding-left: 3rem!important;
		padding-right: 3rem!important;
}

.home-quote .quote-column {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.home-quote .quote-column > .col-inner {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.home-quote .quote-wrapper {
    width: 100% !important;
    max-width: 100% !important;

    align-items: center !important;
}

.home-quote .quote-mark {
    width: 100% !important;
    max-width: 100% !important;

    margin: 0 auto!important;

    text-align: right !important;
	  padding-right: 5rem !important;
		margin-bottom: 1rem !important;
}

.home-quote .quote-mark p{
	  display: inline-block !important;
    padding: 0 !important;

    font-family: Arial, sans-serif !important;
    font-weight: 700 !important;

    transform: rotate(180deg);
		margin-bottom: 0 !important;
}

/* =========================================
   HOME QUOTE - TABLET <= 768px
   ========================================= */

@media (max-width: 768px) {
	
	.home-quote .quote-mark {
	  padding-right: 5rem !important;
	}
}


/* =========================================
   HOME QUOTE - MOBILE <= 480px
   ========================================= */

@media (max-width: 480px) {
/*     .home-quote .quote-mark {
        font-size: 4rem !important;
    } */
	.home-quote .quote-mark {
	  padding-right: 0rem !important;
	}
}

.home-system{
	padding: 0 !important;
}

.home-system .system-title,
.home-system .system-description {
    font-family: "Chic Avenue", serif !important;
    font-weight: 400 !important;
    font-style: normal !important;
		text-align: justify !important;
}

.home-system .system-title *{
	margin-bottom: 0rem !important;
}

.home-system .system-description *{
	margin-bottom: 0rem !important;
}

/* =========================================
   HOME SYSTEM - TABLET <= 768px
   ========================================= */

@media (max-width: 768px) {
/*     .home-system .system-title * {
        font-size: 2rem !important;
    }
	
    .home-system .system-description * {
        font-size: 2rem !important;
    } */
}


/* =========================================
   HOME SYSTEM - MOBILE <= 480px
   ========================================= */

/* @media (max-width: 480px) {

    .home-system .system-title * {
        font-size: 2.4rem !important;
    }

    .home-system .system-description * {
        font-size: 2.4rem !important;
    }
} */

.home-link-grid {
    width: 100vw !important;
    max-width: none !important;

    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
}

.home-link-grid .link-grid-row {
    width: 100% !important;
/*     max-width: 120rem !important; */
    margin: 0rem auto !important;
    padding-left: 0rem !important;
    padding-right: 0rem !important;
		align-items: center !important;
}

.home-link-grid .link-left {
    position: relative !important;
}

.home-link-grid .link-left-title,
.home-link-grid .link-left-subtitle {
    font-family: "Chic Avenue", serif !important;
    font-weight: 400 !important;
    font-style: normal !important;
}

.home-link-grid .link-left-title {
  position: absolute !important;

  top: auto !important;
  bottom: calc(100% + 0.5rem) !important;

  left: -10% !important;
  right: auto !important;

  width: max-content !important;
  white-space: normal !important;

  z-index: 5 !important;
}

.home-link-grid .link-left-subtitle {
  position: absolute !important;
  top: 0 !important;

  left: -10% !important;
  right: auto !important;

  width: max-content !important;
  white-space: nowrap !important;

  z-index: 5 !important;
}

.home-link-grid .link-left-title *,
.home-link-grid .link-left-subtitle * {
    margin: 0 !important;
}

.home-link-grid .link-left-image {
    width: 75% !important;
    aspect-ratio: 3 / 4;
    overflow: hidden;
    border-radius: 1rem;
		margin-left: 0 !important;
    margin-right: auto !important;
}

.home-link-grid .link-left-image img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
    display: block;
}

/* =========================
   CENTER COLUMN
   ========================= */

.home-link-grid .link-center {
    position: relative !important;
    padding-top: 4rem !important;
}

/* FONT CHUNG */
.home-link-grid .link-center-title-small,
.home-link-grid .link-center-title-main,
.home-link-grid .link-center-methodology {
    font-family: "Chic Avenue", serif !important;
    font-weight: 400 !important;
    font-style: normal !important;

    width: auto !important;
    z-index: 5 !important;

    white-space: nowrap !important;
}

.home-link-grid .link-center-title-small *,
.home-link-grid .link-center-title-main *,
.home-link-grid .link-center-methodology * {
    margin: 0 !important;
}

.home-link-grid .link-center-title-small {
    position: absolute !important;

    top: 3.5rem !important;
    bottom: auto !important;

    left: -10% !important;
    right: auto !important;

    transform: translateY(-100%) !important;
    z-index: 10 !important;
}

/* INNER STYLING */
.home-link-grid .link-center-title-main {
    position: absolute !important;

    top: 4rem !important;

    left: -10% !important;
    right: auto !important;
}

/* METHODOLOGY */
.home-link-grid .link-center-methodology {
    position: absolute !important;

    bottom: 18rem !important;
    left: -10% !important;
}

.home-link-grid .link-center-image-top,
.home-link-grid .link-center-image-bottom {
    width: 100% !important;
    aspect-ratio: 16 / 9 !important;
    overflow: hidden !important;
    border-radius: 1rem;
}

.home-link-grid .link-center-image-top {
    margin-bottom: 3rem !important;
}

.home-link-grid .link-center-image-top img,
.home-link-grid .link-center-image-bottom img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block;
}

/* =========================
   RIGHT STACK
   ========================= */

.home-link-grid .link-right {
    position: relative !important;
}

/* Ảnh */
.home-link-grid .link-right-image {
    width: 75% !important;
    aspect-ratio: 3 / 4 !important;

    overflow: hidden !important;
    border-radius: 1rem !important;

    margin-left: auto !important;
    margin-right: 0 !important;
}

.home-link-grid .link-right-image img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
}

/* SERVICES */
.home-link-grid .link-right-services {
    position: absolute !important;

    left: 15% !important;

    top: 0 !important;
    bottom: auto !important;

    width: auto !important;
    z-index: 5 !important;

    font-family: "Chic Avenue", serif !important;
    font-weight: 400 !important;
    font-style: normal !important;

    white-space: nowrap !important;
}

.home-link-grid .link-right-services p {
    margin: 0 !important;
}

.home-link-grid .link-left-image,
.home-link-grid .link-center-image-top,
.home-link-grid .link-center-image-bottom,
.home-link-grid .link-right-image {
    overflow: hidden !important;
}

.home-link-grid .link-left-image img,
.home-link-grid .link-center-image-top img,
.home-link-grid .link-center-image-bottom img,
.home-link-grid .link-right-image img {
    transition: transform 0.4s ease !important;
    transform: scale(1);
}

.home-link-grid .link-left-image:hover img,
.home-link-grid .link-center-image-top:hover img,
.home-link-grid .link-center-image-bottom:hover img,
.home-link-grid .link-right-image:hover img {
    transform: scale(1.08);
}

/* =========================================
   HOME LINK GRID - TABLET <= 768px
   ========================================= */

@media (max-width: 768px) {

    .home-link-grid {
        width: 100vw !important;
        max-width: none !important;

        margin-left: calc(50% - 50vw) !important;
        margin-right: calc(50% - 50vw) !important;

        overflow: visible !important;
    }

    .home-link-grid .link-grid-row {
        width: 100% !important;
        max-width: 100% !important;

        display: flex !important;
        flex-direction: column !important;

        margin: 0 auto !important;

        padding: 3rem 0 !important;

        overflow: visible !important;
    }

    .home-link-grid .link-grid-row > .col {
        width: 100% !important;
        max-width: 100% !important;
        flex-basis: 100% !important;

        padding: 0 !important;
    }
	
	     .home-link-grid .link-grid-row > .col {
        margin-bottom: 1rem !important;
    }

    /* Cột RIGHT không có khoảng cách dưới */
    .home-link-grid .link-grid-row > .col:has(.link-right) {
        margin-bottom: 0 !important;
    }


    /* =========================================
       LEFT
       ========================================= */

    .home-link-grid .link-left {
        position: relative !important;

        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;

        width: 100% !important;

        overflow: visible !important;
    }

    .home-link-grid .link-left-title,
    .home-link-grid .link-left-subtitle {
        position: static !important;

        width: 100% !important;

        transform: none !important;

        left: auto !important;
        top: auto !important;

        text-align: center !important;

        white-space: normal !important;
    }

    .home-link-grid .link-left-title {
        margin-bottom: 0.3rem !important;
    }

    .home-link-grid .link-left-subtitle {
        margin-bottom: 1.5rem !important;
    }

    .home-link-grid .link-left-image {
        width: 70% !important;

        margin: 0 auto !important;

        aspect-ratio: 3 / 4 !important;

        overflow: hidden !important;
    }


  /* =========================================
   CENTER - TABLET/MOBILE <= 768px
   ========================================= */

.home-link-grid .link-center {
    position: relative !important;

    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;

    width: 100% !important;

    padding-top: 0 !important;

    overflow: visible !important;
}


/* =========================
   TEXT CHUNG
   ========================= */

.home-link-grid .link-center-title-small,
.home-link-grid .link-center-title-main,
.home-link-grid .link-center-methodology {
    position: static !important;

    width: 100% !important;

    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;

    transform: none !important;

    text-align: center !important;

    white-space: normal !important;
}


/* =========================
   ORDER
   ========================= */

/* WHAT IS */
.home-link-grid .link-center-title-small {
    order: 1;

    margin: 0 !important;
}


/* INNER STYLING */
.home-link-grid .link-center-title-main {
    order: 2;

    margin: 0 0 1.5rem 0 !important;
}


/* ẢNH TRÊN */
.home-link-grid .link-center-image-top {
    order: 3;

    width: 70% !important;

    margin: 0 auto 3rem auto !important;
}


/* METHODOLOGY */
.home-link-grid .link-center-methodology {
    order: 4;

    margin: 0 0 1.5rem 0 !important;
}


/* ẢNH DƯỚI */
.home-link-grid .link-center-image-bottom {
    order: 5;

    width: 70% !important;

    margin: 0 auto !important;
}


/* =========================
   IMAGE
   ========================= */

.home-link-grid .link-center-image-top,
.home-link-grid .link-center-image-bottom {
    aspect-ratio: 3 / 4 !important;
    overflow: hidden !important;
    border-radius: 1rem !important;
}

/* thẻ a của Flatsome */
.home-link-grid .link-center-image-top > a,
.home-link-grid .link-center-image-bottom > a {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
}

/* lớp img-inner của Flatsome */
.home-link-grid .link-center-image-top .img-inner,
.home-link-grid .link-center-image-bottom .img-inner {
    width: 100% !important;
    height: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* ảnh */
.home-link-grid .link-center-image-top img,
.home-link-grid .link-center-image-bottom img {
    display: block !important;

    width: 100% !important;
    height: 100% !important;

    max-width: none !important;
    max-height: none !important;

    object-fit: cover !important;
}


/* =========================================
   RIGHT - TABLET/MOBILE <= 768px
   ========================================= */

.home-link-grid .link-right {
    position: relative !important;

    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;

    width: 100% !important;

    overflow: visible !important;
}


/* SERVICES - đưa lên trước ảnh */
.home-link-grid .link-right-services {
    position: static !important;

    order: 1 !important;

    width: 100% !important;

    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;

    transform: none !important;

    margin: 0 0 1.5rem 0 !important;

    text-align: center !important;

    white-space: normal !important;
}


/* Ảnh nằm sau SERVICES */
.home-link-grid .link-right-image {
    order: 2 !important;

    width: 70% !important;

    margin: 0 auto !important;

    aspect-ratio: 3 / 4 !important;

    overflow: hidden !important;
    border-radius: 1rem !important;
}

.home-link-grid .link-right-image img {
    width: 100% !important;
    height: 100% !important;

    object-fit: cover !important;
    display: block !important;
}
}

.home-testimonials .testimonial-column {
    padding: 0 !important;
}

/* =========================================
   HOME LINK GRID - MOBILE <= 480px
   ========================================= */

@media (max-width: 480px) {

    /* =========================================
       ROW
       ========================================= */

    .home-link-grid .link-grid-row {
        width: 100% !important;
        max-width: 100% !important;

        margin: 0 auto !important;

        /* nhỏ hơn 768px */
        padding: 2rem !important;

        overflow: visible !important;
    }

    /* Khoảng cách LEFT -> CENTER -> RIGHT */
    .home-link-grid .link-grid-row > .col {
        margin-bottom: 1rem !important;
    }

    /* RIGHT là cuối cùng */
    .home-link-grid .link-grid-row > .col:has(.link-right) {
        margin-bottom: 0 !important;
    }


    /* =========================================
       LEFT
       ========================================= */

    .home-link-grid .link-left-title {
        margin-bottom: 0.2rem !important;
    }

    .home-link-grid .link-left-subtitle {
        margin-bottom: 1rem !important;
    }

    .home-link-grid .link-left-image {
        width: 85% !important;

        margin: 0 auto !important;

        aspect-ratio: 3 / 4 !important;
    }


    /* =========================================
       CENTER
       ========================================= */

    /* WHAT IS */
    .home-link-grid .link-center-title-small {

        margin: 0 !important;
    }

    /* INNER STYLING */
    .home-link-grid .link-center-title-main {

        margin: 0 0 1rem 0 !important;
    }

    /* ẢNH TRÊN */
    .home-link-grid .link-center-image-top {
        width: 85% !important;

        margin: 0 auto 2rem auto !important;
    }

    /* METHODOLOGY */
    .home-link-grid .link-center-methodology {

        margin: 0 0 1rem 0 !important;
    }

    /* ẢNH DƯỚI */
    .home-link-grid .link-center-image-bottom {
        width: 85% !important;

        margin: 0 auto !important;
    }


    /* =========================================
       RIGHT
       ========================================= */

    /* SERVICES */
    .home-link-grid .link-right-services {

        margin: 0 0 1rem 0 !important;
    }

    /* ẢNH */
    .home-link-grid .link-right-image {
        width: 85% !important;

        margin: 0 auto !important;

        aspect-ratio: 3 / 4 !important;
    }
}


/* =========================
   TESTIMONIAL LEFT
   ========================= */

.home-testimonials .testimonial-section-title {
    font-family: "Chic Avenue", serif !important;
    font-weight: 400 !important;
    font-style: normal !important;
}

.home-testimonials .testimonial-section-title * {
    margin-bottom: 0 !important;
}


/* =========================
   TESTIMONIAL VIEWPORT
   ========================= */

.home-testimonials .testimonial-viewport {
    position: relative !important;

    width: 100% !important;

    overflow: hidden !important;

    cursor: grab !important;

    touch-action: pan-y !important;

    -webkit-user-select: none !important;
    user-select: none !important;
}

.home-testimonials .testimonial-viewport.is-dragging {
    cursor: grabbing !important;
}


/* =========================
   TESTIMONIAL TRACK
   ========================= */

.home-testimonials .testimonial-items {
    display: flex !important;
    width: 100% !important;
    align-items: stretch !important;

    margin: 0 !important;
    padding: 0 !important;

    will-change: transform;

    transform: translate3d(0, 0, 0);

    transition:
        transform 0.45s
        cubic-bezier(0.22, 1, 0.36, 1) !important;
}

.home-testimonials .testimonial-items.is-no-transition {
    transition: none !important;
}


/* Tắt transition khi drag / reset clone */

.home-testimonials .testimonial-items.is-no-transition {
    transition: none !important;
}


/* =========================
   TESTIMONIAL PAGE
   ========================= */

.home-testimonials .testimonial-page {
    flex: 0 0 100% !important;

    min-width: 100% !important;
    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    opacity: 1;

    transition:
        opacity 0.3s ease !important;
}


/* Khi đang kéo thì tránh click nhầm content */

.home-testimonials
.testimonial-viewport.is-dragging
.testimonial-page {
    pointer-events: none;
}


/* =========================
   ITEM
   ========================= */

.home-testimonials .testimonial-item {
    position: relative !important;

    display: grid !important;

    grid-template-columns: 25% 75% !important;

    width: 100% !important;

    padding: 1rem 0 !important;
    margin: 0 !important;

    border-bottom: 1px solid #dddddd !important;
}


/* Item đầu tiên mỗi page không padding top */

.home-testimonials
.testimonial-page
.testimonial-item:first-child {
    padding-top: 0 !important;
}


/* Item cuối mỗi page không border */

.home-testimonials
.testimonial-page
.testimonial-item:last-child {
    border-bottom: none !important;
}


/* =========================
   NAME
   ========================= */

.home-testimonials .testimonial-name {
    width: 100% !important;

    padding: 0 !important;
    margin: 0 !important;
}

.home-testimonials .testimonial-name-text {
    font-family: "Zalando Sans", sans-serif !important;
    font-weight: 400 !important;
    font-style: normal !important;

    font-size: 1.5rem !important;
		line-height: 1.5;

    color: #050036 !important;
}

.home-testimonials .testimonial-name-text * {
    margin: 0 !important;
}


/* =========================
   REVIEW
   ========================= */

.home-testimonials .testimonial-review {
    width: 100% !important;

    padding: 0 !important;
    margin: 0 !important;
}

.home-testimonials .testimonial-stars,
.home-testimonials .testimonial-title,
.home-testimonials .testimonial-description {
    font-family: "Zalando Sans", sans-serif !important;
}

.home-testimonials .testimonial-stars *,
.home-testimonials .testimonial-title *,
.home-testimonials .testimonial-description * {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}


/* =========================
   STAR
   ========================= */

.home-testimonials .testimonial-stars {
    font-weight: 700 !important;

    font-size: 1.5rem !important;

    line-height: 1.5 !important;

    margin-bottom: 0rem !important;

    color: #FF4200 !important;
}


/* =========================
   TITLE
   ========================= */

.home-testimonials .testimonial-title {
    font-weight: 700 !important;

    font-size: 1.5rem !important;
		line-height: 1.5;

    color: #050036 !important;
		text-align: justify !important;
}


/* =========================
   DESCRIPTION
   ========================= */

.home-testimonials .testimonial-description {
    font-weight: 400 !important;

    font-size: 1.5rem !important;
		line-height: 1.5;

    color: #050036 !important;
		text-align: justify !important;
}


/* =========================
   TESTIMONIAL NAV
   ========================= */

.home-testimonials .testimonial-nav {
    width: 100% !important;

    display: flex !important;

    flex-direction: row !important;

    justify-content: center !important;

    align-items: center !important;

    gap: 1rem !important;

    padding: 0 !important;

    margin: 0 !important;
}


/* =========================
   PREV / NEXT
   ========================= */

.home-testimonials .testimonial-prev,
.home-testimonials .testimonial-next {
    display: flex !important;

    align-items: center !important;

    justify-content: center !important;

    width: 3rem !important;

    height: 3rem !important;

    min-width: 3rem !important;

    min-height: 3rem !important;

    padding: 0 !important;

    margin: 0 !important;

    border: 2px solid #050036 !important;

    border-radius: 50% !important;

    background: transparent !important;

    box-shadow: none !important;

    color: #050036 !important;

    font-family: Arial, sans-serif !important;

    font-size: 1.6rem !important;

    font-weight: 400 !important;

    line-height: 1 !important;

    text-align: center !important;

    text-transform: none !important;

    cursor: pointer !important;

    transition:
        background-color 0.25s ease,
        color 0.25s ease,
        transform 0.25s ease !important;
}


/* =========================
   SPAN / ARROW
   ========================= */

.home-testimonials .testimonial-prev span,
.home-testimonials .testimonial-next span {
    display: flex !important;

    align-items: center !important;

    justify-content: center !important;

    width: 100% !important;

    height: 100% !important;

    padding: 0 !important;

    margin: 0 !important;

    line-height: 1 !important;

    position: static !important;

    transform: none !important;
}


/* =========================
   HOVER
   ========================= */

.home-testimonials .testimonial-prev:hover,
.home-testimonials .testimonial-next:hover {
    background: #0b2454 !important;

    color: #ffffff !important;

    transform: scale(1.1) !important;

    box-shadow: none !important;
}


/* =========================
   CLICK
   ========================= */

.home-testimonials .testimonial-prev:active,
.home-testimonials .testimonial-next:active {
    transform: scale(0.95) !important;
}


/* =========================
   MOBILE
   ========================= */

/* =========================================
   TESTIMONIAL - TABLET + MOBILE <= 768px
   ========================================= */

@media (max-width: 768px) {

    /* Section title */
/*     .home-testimonials .testimonial-section-title {
        font-size: 2rem !important;
    }
 */
    /* Item chuyển thành 1 cột */
    .home-testimonials .testimonial-item {
        grid-template-columns: 1fr !important;
        gap: 0.8rem !important;

        padding: 1.5rem 0 !important;
    }

    .home-testimonials
    .testimonial-page
    .testimonial-item:first-child {
        padding-top: 0 !important;
    }

    /* Name */
/*     .home-testimonials .testimonial-name-text {
        font-size: 1.5rem !important;
    } */
	
    /* Star */
/*     .home-testimonials .testimonial-stars {
        font-size: 1.8rem !important;
        margin-bottom: 0.4rem !important;
    } */

    /* Title */
/*     .home-testimonials .testimonial-title {
        font-size: 1.8rem !important;
        margin-bottom: 0.8rem !important;
    } */

    /* Description */
/*     .home-testimonials .testimonial-description {
        font-size: 1.5rem !important;
        line-height: 1.5 !important;
    } */

    /* Nav */
    .home-testimonials .testimonial-nav {
        gap: 0.8rem !important;
    }

/*     .home-testimonials .testimonial-prev,
    .home-testimonials .testimonial-next {
        width: 3rem !important;
        height: 3rem !important;

        min-width: 3rem !important;
        min-height: 3rem !important;

        font-size: 1.6rem !important;
    } */
}


/* =========================================
   TESTIMONIAL - MOBILE NHỎ <= 480px
   ========================================= */

@media (max-width: 480px) {

    /* Section title */
/*     .home-testimonials .testimonial-section-title {
        font-size: 2rem !important;
    } */

    /* Item */
    .home-testimonials .testimonial-item {
        gap: 0.6rem !important;

        padding: 1.2rem 0 !important;
    }

    /* Name */
/*     .home-testimonials .testimonial-name-text {
        font-size: 1.6rem !important;
    } */

    /* Star */
/*     .home-testimonials .testimonial-stars {
        font-size: 1.6rem !important;
    }
 */
    /* Title */
    .home-testimonials .testimonial-title {
/*         font-size: 1.6rem !important; */
        margin-bottom: 0.6rem !important;
    }

    /* Description */
    .home-testimonials .testimonial-description {
/*         font-size: 1.6rem !important; */
        line-height: 1.5 !important;
    }

    /* Nav */
    .home-testimonials .testimonial-nav {
        gap: 0.6rem !important;
    }

/*     .home-testimonials .testimonial-prev,
    .home-testimonials .testimonial-next {
        width: 3.2rem !important;
        height: 3.2rem !important;

        min-width: 3.2rem !important;
        min-height: 3.2rem !important;

        border-width: 1.5px !important;

        font-size: 1.6rem !important;
    } */
}

/* =========================================================
   TESTIMONIAL ITEM CLICK
   ========================================================= */

.home-testimonials .testimonial-item {
    cursor: pointer !important;
}


/* =========================================================
   MODAL
   ========================================================= */

.testimonial-modal {
    position: fixed;

    inset: 0;

    width: 100%;
    height: 100%;

    display: flex;
    align-items: center;
    justify-content: center;

    padding: 3rem;

    opacity: 0;
    visibility: hidden;
    pointer-events: none;

    z-index: 999999;

    transition:
        opacity 0.3s ease,
        visibility 0.3s ease;
}


.testimonial-modal.is-open {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}


/* =========================================
   OVERLAY
   ========================================= */

.testimonial-modal-overlay {
    position: absolute;

    inset: 0;

    background: rgba(0, 0, 0, 0.4);

    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
}


/* =========================================
   DIALOG
   ========================================= */
.testimonial-modal-dialog {
    position: relative;

    width: 100%;
    max-width: 90rem;

    max-height: 90vh;

    /*
     * Chỉ scroll dọc.
     * Không cho hover X tạo overflow ngang.
     */
    overflow-y: auto;
    overflow-x: hidden;

    /*
     * Luôn dành sẵn chỗ cho scrollbar
     * => không giật trái/phải.
     */
    scrollbar-gutter: stable;

    padding: 5rem;

    background: #ffffff;

    z-index: 2;

    transform: translateY(2rem) scale(0.98);

    transition:
        transform 0.3s cubic-bezier(0.22, 1, 0.36, 1);
}


.testimonial-modal.is-open
.testimonial-modal-dialog {
    transform:
        translateY(0)
        scale(1);
}


/* =========================================
   CLOSE
   ========================================= */

.testimonial-modal-close {
    position: absolute;

    top: 1.5rem;
    right: 2rem;

    width: 4rem;
    height: 4rem;

    display: flex;
    align-items: center;
    justify-content: center;

    padding: 0;
    margin: 0;

    border: none;
    background: transparent;

    font-family: Arial, sans-serif;
    font-size: 3rem;
    font-weight: 300;
    line-height: 1;

    color: #050036;

    cursor: pointer;

    z-index: 5;

    transition:
        color 0.25s ease,
        transform 0.25s ease;
}


.testimonial-modal-close:hover {
    color: #FF4200;

    transform: rotate(90deg);
}


/* =========================================================
   INFO
   ========================================================= */

.testimonial-modal-info {
    display: grid;

    grid-template-columns: 25% 75%;

    width: 100%;

    margin-bottom: 3rem;
}


/* NAME */

.testimonial-modal-name {
    padding-right: 2rem;

    font-family: "Zalando Sans", sans-serif;

    font-size: 1.5rem;
    font-weight: 500;
		line-height: 1.5;

    color: #050036;
}


.testimonial-modal-name * {
    margin: 0 !important;
}


/* REVIEW */

.testimonial-modal-review {
    width: 100%;
}


.testimonial-modal-stars,
.testimonial-modal-title,
.testimonial-modal-description {
    font-family: "Zalando Sans", sans-serif;
}


.testimonial-modal-stars {
    margin-bottom: 0rem;

    font-size: 1.5rem;
    font-weight: 700;

    line-height: 1.5;

    color: #FF4200;
}


.testimonial-modal-title {
    margin-bottom: 1rem;

    font-size: 1.5rem;
    font-weight: 700;
		line-height: 1.5;

    color: #050036;
		text-align: justify !important;
}


.testimonial-modal-description {
    font-size: 1.5rem;
    font-weight: 400;

    line-height: 1.5;

    color: #050036;
		text-align: justify !important;
}


.testimonial-modal-stars *,
.testimonial-modal-title *,
.testimonial-modal-description * {
    margin: 0 !important;
}


/* =========================================================
   BEFORE / AFTER
   ========================================================= */

.testimonial-modal-images {
    display: grid;

    grid-template-columns:
        minmax(0, 1fr)
        8rem
        minmax(0, 1fr);

    align-items: center;

    gap: 2rem;

    width: 100%;
}


/* IMAGE BOX */

.testimonial-modal-image-box {
    width: 100%;

    display: flex;
    align-items: center;
    justify-content: center;

    overflow: hidden;
}


/* IMAGE */

.testimonial-modal-image-box img {
    display: block;

    width: 100%;
    max-width: 38rem;

    height: auto;
    max-height: 55vh;

    object-fit: contain;

    margin: 0 auto;
}


/* =========================================
   ARROW
   ========================================= */

.testimonial-modal-arrow {
    display: flex;

    align-items: center;
    justify-content: center;
}


.testimonial-modal-arrow span {
    display: block;

    font-family: Arial, sans-serif;

    font-size: 5rem;
    font-weight: 400;
    line-height: 1;

    color: #FF4200;
}


/* =========================================
   HIDDEN
   ========================================= */

.testimonial-modal .is-hidden {
    display: none !important;
}


/* =========================================
   BODY LOCK
   ========================================= */

body.testimonial-modal-open {
    overflow: hidden !important;
}

/* =========================================================
   TESTIMONIAL MODAL <= 768PX
   ========================================================= */

@media (max-width: 768px) {

    .testimonial-modal {
        padding: 2rem;
    }


    .testimonial-modal-dialog {
        max-height: 90vh;

        padding:
            4.5rem
            3rem
            3rem;
    }


    /* =========================
       INFO
       ========================= */

    .testimonial-modal-info {
    grid-template-columns: 1fr;
    gap: 1rem;
    margin-bottom: 2.5rem;

    text-align: center;
}

.testimonial-modal-person {
    display: flex;
    flex-direction: column;
    align-items: center;

    width: 100%;
    text-align: center;
}

.testimonial-modal-name {
    width: 100%;
    padding-right: 0;

    text-align: center;
}

.testimonial-modal-avatar {
    margin-left: auto;
    margin-right: auto;
}

.testimonial-modal-review {
    width: 100%;
    text-align: center;
}

.testimonial-modal-stars{
    text-align: center;
}


/*     .testimonial-modal-name {
        font-size: 1.5rem;
    } */

/* 
    .testimonial-modal-stars {
        font-size: 1.8rem;
    }


    .testimonial-modal-title {
        font-size: 1.8rem;
    }
 */

/*     .testimonial-modal-description {
        font-size: 1.5rem;
    }
 */

    /* =========================
       IMAGES
       ========================= */

    .testimonial-modal-images {
        grid-template-columns:
            minmax(0, 1fr)
            5rem
            minmax(0, 1fr);

        gap: 1rem;
    }


    .testimonial-modal-arrow span {
        font-size: 3.5rem;
    }


    .testimonial-modal-image-box img {
        max-height: 45vh;
    }
}

/* =========================================================
   TESTIMONIAL MODAL <= 480PX
   ========================================================= */

@media (max-width: 480px) {

    .testimonial-modal {
        padding: 1rem;
    }


    .testimonial-modal-dialog {
        width: 100%;

        max-height: 94vh;

        padding:
            4rem
            1.8rem
            2rem;
    }


    .testimonial-modal-close {
        top: 1rem;
        right: 1rem;

        width: 3.5rem;
        height: 3.5rem;

        font-size: 2.6rem;
    }


    /* =========================
       INFO
       ========================= */

    .testimonial-modal-info {
        grid-template-columns: 1fr;

        gap: 1rem;

        margin-bottom: 2rem;
    }


    .testimonial-modal-name {
        padding-right: 0;

/*         font-size: 1.6rem; */
    }


/*     .testimonial-modal-stars {
        font-size: 1.6rem;
    } */


    .testimonial-modal-title {
/*         font-size: 1.6rem; */

        margin-bottom: 0.7rem;
    }


    .testimonial-modal-description {
/*         font-size: 1.6rem; */

        line-height: 1.5;
    }


    /* =========================
       BEFORE / AFTER
       ========================= */

    .testimonial-modal-images {
        grid-template-columns:
            minmax(0, 1fr)
            3rem
            minmax(0, 1fr);

        gap: 0.5rem;
    }


    .testimonial-modal-arrow span {
        font-size: 2.6rem;
    }


    .testimonial-modal-image-box img {
        width: 100%;

        max-height: 40vh;

        object-fit: contain;
    }
}

	.home-testimonials .testimonial-avatar {
		width: 8rem !important;
		height: 8rem !important;

		margin-top: 1.2rem !important;

		border-radius: 50% !important;
		overflow: hidden !important;
	}

	.home-testimonials .testimonial-avatar img {
		display: block !important;

		width: 100% !important;
		height: 100% !important;

		object-fit: cover !important;
	}

@media (max-width: 768px) {

    .home-testimonials .testimonial-name {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;

        text-align: center !important;
    }

    .home-testimonials .testimonial-avatar {
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .home-testimonials .testimonial-review {
        text-align: center !important;
    }

    .home-testimonials .testimonial-stars {
        text-align: center !important;
    }
}

.testimonial-modal-person {
  width: 100%;
}

.testimonial-modal-avatar {
  width: 8rem;
  height: 8rem;

  margin-top: 1.5rem;

  border-radius: 50%;
  overflow: hidden;
}

.testimonial-modal-avatar img {
  display: block;

  width: 100%;
  height: 100%;

  object-fit: cover;
}

@media (max-width: 480px) {

    .testimonial-modal-person {
        display: flex;
        flex-direction: column;
        align-items: center;

        text-align: center;
    }

    .testimonial-modal-name {
        width: 100%;
        padding-right: 0;

        text-align: center;
    }

    .testimonial-modal-avatar {
        margin-left: auto;
        margin-right: auto;
    }

    .testimonial-modal-stars {
        text-align: center;
    }
}

.innerstyling-button {
  font-size: 1.4rem !important;
  line-height: 1.2 !important;
  background-color: #ff4200 !important;
  color: #ffffff !important;

  border: none !important;
  border-radius: 0 !important;

  margin: 0 !important;

  min-height: 0 !important;

  text-align: center !important;
  text-decoration: none !important;

  box-shadow: none !important;

  cursor: pointer !important;

  transition:
    background-color 0.3s ease,
    color 0.3s ease,
    transform 0.3s ease !important;
}

/* =========================================
   HOVER
   ========================================= */

.innerstyling-button:hover {
  transform: translateY(-0.3rem) !important;
  box-shadow: none !important;
}

/* =========================================
   CLICK
   ========================================= */

.innerstyling-button:active {
  transform: translateY(0) scale(0.97) !important;
}


@media (max-width: 768px) {
  .innerstyling-button {
    padding: 0.5rem 1.5rem !important;
  }
}

@media (max-width: 480px) {
  .innerstyling-button {
    font-size: 1.4rem !important;
    padding: 0.5rem 1.5rem !important;
  }

  .innerstyling-button:hover {
    transform: none !important;
  }
}

@media (max-width: 320px) {
	
	 .innerstyling-button {
		 font-size: 1.2rem !important;
  }
}