/* Responsive style made by giaidieu.com */

@media (max-width: 1919.98px) {
  :root {
    --title-font-size: clamp(3.2rem, 3.125vw, 6rem);
    --sub-title-font-size: clamp(2.4rem, 1.875vw, 3.6rem);
    --item-title-font-size: clamp(2.4rem, 2.1875vw, 4.2rem);
    --text-medium-font-size: clamp(2rem, 1.40625vw, 2.7rem);
    --text-small-font-size: clamp(1.6rem, 1.09375vw, 2.1rem);
  }

  body.node-447,
  body.node-447 #sections-wrapper {
    max-width: 100%;
    overflow-x: hidden;
  }

  body.node-447 *,
  body.node-447 *::before,
  body.node-447 *::after {
    box-sizing: border-box;
  }

  body.node-447 div.section {
    padding-left: clamp(15px, 7.8125vw, 150px);
    padding-right: clamp(15px, 7.8125vw, 150px);
    padding-top: clamp(44px, 5.208vw, 100px);
    padding-bottom: clamp(44px, 5.208vw, 100px);
  }

  body.node-447 div.region-content img {
    height: auto;
  }

  h1.page-title,
  h2.section-title {
    line-height: 1.12;
    overflow-wrap: anywhere;
  }

  .no-break {
    white-space: normal;
  }

  #fran-secion-1 {
    margin-top: clamp(50px, 5.52vw, 106px);
    padding-top: clamp(28px, 3.125vw, 60px);
  }

  #fran-secion-1 p.sub-slogan {
    line-height: 1.15;
    margin-top: clamp(8px, 1.04vw, 20px);
  }

  #fran-secion-1 #pricing-wrapper img {
    width: clamp(120px, 14.75vw, 283px);
  }

  #fran-secion-2 {
    margin-top: clamp(-120px, -6.25vw, -40px);
  }

  #fran-secion-2 div.row-1 {
    margin-top: clamp(-200px, -10.416vw, -80px);
    margin-bottom: clamp(34px, 5.208vw, 100px);
    gap: clamp(12px, 1.6vw, 30px);
  }

  #fran-secion-2 div.row-1 > img {
    width: clamp(180px, 16.5vw, 317px);
    flex: 0 0 auto;
  }

  #fran-secion-2 div.bonchon-global {
    line-height: 1.22;
    margin-bottom: clamp(18px, 2.6vw, 50px);
  }

  #fran-secion-2 div.row-1 a.get-help-now {
    right: clamp(-70px, -3.64vw, -20px);
    width: clamp(300px, 26vw, 500px);
  }

  #fran-secion-2 div.row-2 {
    grid-column-gap: clamp(24px, 5.208vw, 100px);
    align-items: start;
  }

  #fran-secion-2 h2.section-title {
    margin-bottom: clamp(12px, 1.04vw, 20px);
  }

  #fran-secion-2 h2.section-title div.color-red {
    padding-right: clamp(0px, 2.08vw, 40px);
  }

  #fran-secion-3 {
    margin-top: clamp(-50px, -2.6vw, -20px);
    padding-top: clamp(210px, 26vw, 500px);
    padding-left: clamp(15px, 7.8125vw, 150px);
    padding-right: clamp(15px, 2.6vw, 50px);
  }

  #fran-secion-3 div.row-1 {
    grid-template-columns: minmax(360px, 33.2vw) minmax(0, 1fr);
    gap: clamp(18px, 2.6vw, 50px);
  }

  #fran-secion-3 div.col-1 {
    grid-row-gap: clamp(18px, 1.56vw, 30px);
  }

  #fran-secion-3 div.col-1 > div {
    height: auto;
    min-height: clamp(190px, 15.885vw, 305px);
    background-size: contain;
  }

  #fran-secion-3 div.row-1 div.col-1 div.item-button {
    /*
    width: clamp(180px, 14.323vw, 275px);
    aspect-ratio: 275 / 112;
    */
    width: clamp(165px, 14.323vw, 275px);
    aspect-ratio: 250 / 100;
    height: auto;
    background-size: contain;
    flex-shrink: 0;
  }

  #fran-secion-3 div.row-1 div.col-1 div.item-1 div.item-button,
  #fran-secion-3 div.row-1 div.col-1 div.item-3 div.item-button {
    margin-left: clamp(8px, 1.56vw, 30px);
  }

  #fran-secion-3 div.row-1 div.col-1 div.item-2 div.item-button {
    margin-right: clamp(8px, 1.56vw, 30px);
  }

  #fran-secion-3 div.row-1 div.col-2 div.heading {
    padding-right: clamp(0px, 5.208vw, 100px);
    text-align: right;
  }

  #fran-secion-3 div.row-1 div.col-2 p.sub-title {
    line-height: 1.2;
  }

  #fran-secion-3 div.row-1 div.col-2 #spicy-items-wrapper {
    max-width: 1051px;
    margin-left: auto;
    margin-right: auto;
    margin-top: clamp(24px, 2.6vw, 50px);
    padding-top: clamp(24px, 2.6vw, 50px);
    background-size: contain;
  }

  #fran-secion-3 div.row-1 div.col-2 #spicy-items {
    width: min(100%, 866px);
    height: auto;
    aspect-ratio: 866 / 628;
  }

  #fran-secion-3 div.row-1 div.col-2 #spicy-items > div {
    width: 50%;
    height: 50%;
    padding: clamp(14px, 1.56vw, 30px);
    padding-left: clamp(12px, 1.04vw, 20px);
  }

  #fran-secion-3 div.row-1 div.col-2 #spicy-items div.content-wrapper {
    max-width: clamp(150px, 9.635vw, 185px);
  }

  #fran-secion-3 div.row-1 div.col-2 #spicy-items div.content-wrapper > div p {
    font-size: clamp(1.1rem, 0.729vw, 1.4rem);
    line-height: 1.35;
  }

  #fran-secion-3 div.row-1 div.col-2 p.spicy-items-caption {
    margin-top: clamp(16px, 1.56vw, 30px);
  }

  #fran-secion-4 {
    padding-top: clamp(36px, 2.6vw, 50px);
    padding-bottom: clamp(36px, 2.6vw, 50px);
  }

  #fran-secion-4 div.heading {
    padding-left: clamp(0px, 2.6vw, 50px);
  }

  #fran-secion-4 h2.section-title {
    line-height: 1.16;
  }

  #fran-secion-4 #business-model-wrapper {
    margin-top: clamp(28px, 2.6vw, 50px);
    gap: clamp(18px, 1.56vw, 30px);
  }

  #fran-secion-4 div.content-wrapper {
    padding: clamp(12px, 1.04vw, 20px) clamp(16px, 2.6vw, 50px);
  }

  #fran-secion-4 div.content-wrapper div.model-name {
    line-height: 0.96;
  }

  #fran-secion-4 div.model-details {
    margin-top: clamp(12px, 1.04vw, 20px);
  }

  #fran-secion-4 #business-model-1 div.model-details,
  #fran-secion-4 #business-model-2 div.model-details,
  #fran-secion-4 #business-model-3 div.model-details {
    padding-left: clamp(0px, 2.6vw, 50px);
    padding-right: clamp(0px, 2.6vw, 50px);
  }

  #fran-secion-5 {
    padding-bottom: clamp(44px, 2.6vw, 50px);
  }

  #fran-secion-5 div.heading {
    margin-bottom: clamp(28px, 2.6vw, 50px);
  }

  #fran-secion-5 h2.section-title {
    gap: clamp(0px, 0.52vw, 10px);
  }

  #fran-secion-5 #bonchon-benefits {
    grid-template-columns: minmax(420px, 38vw) minmax(0, 1fr);
    gap: clamp(28px, 3.64vw, 70px);
  }

  #fran-secion-5 div.bonchon-benefits-list {
    grid-row-gap: clamp(18px, 1.56vw, 30px);
  }

  #fran-secion-5 div.bonchon-benefit {
    grid-column-gap: clamp(12px, 0.78vw, 15px);
  }

  #fran-secion-5 div.bonchon-benefit > img {
    width: clamp(54px, 4.2vw, 81px);
    flex: 0 0 auto;
  }

  #fran-secion-5 div.bonchon-benefit.item-2,
  #fran-secion-5 div.bonchon-benefit.item-4 {
    margin-left: clamp(0px, 2.6vw, 50px);
  }

  #fran-secion-5 div.bonchon-benefit.item-3 {
    margin-left: clamp(0px, 5.208vw, 100px);
  }

  #fran-secion-6 {
    padding-top: clamp(36px, 2.6vw, 50px);
    padding-bottom: clamp(36px, 2.6vw, 50px);
  }

  #fran-secion-6 div.content-wrapper {
    align-items: center;
    gap: clamp(12px, 0.78vw, 15px);
    min-width: 0;
  }

  #fran-secion-6 div.content-wrapper > img {
    width: clamp(230px, 17vw, 326px);
    flex: 0 0 auto;
  }

  #fran-secion-6 div.bonchon-slogan {
    min-width: 0;
  }

  #fran-secion-6 div.slogan-title,
  #fran-secion-6 div.slogan-desc {
    line-height: 1.2;
  }

  #fran-secion-6 a.get-help-now {
    right: clamp(-70px, -3.64vw, -25px);
    width: clamp(300px, 26vw, 500px);
  }

  #fran-secion-6 div.slogan-desc img {
    width: clamp(30px, 2.2vw, 42px);
    right: -30px;
  }

  #fran-secion-7 {
    padding-top: clamp(36px, 2.6vw, 50px);
    padding-bottom: clamp(48px, 5.208vw, 100px);
  }

  #fran-secion-7 div.content-wrapper {
    grid-template-columns: clamp(170px, 15.625vw, 300px) minmax(0, 1fr);
    gap: clamp(24px, 2.6vw, 50px);
  }

  #fran-secion-7 #panel-left-buttons > img {
    width: min(100%, 300px);
  }

  #fran-secion-7 #panel-left-buttons a.get-help-now {
    width: clamp(220px, 15.6vw, 300px);
  }

  #fran-secion-7 #bonchon-steps {
    max-width: 1320px;
    padding-left: clamp(40px, 13vw, 250px);
    background-size: contain;
  }

  #fran-secion-7 h2.section-title {
    margin-top: clamp(40px, 5.208vw, 100px);
  }

  #fran-secion-7 #bonchon-steps-wrapper {
    margin-top: clamp(22px, 1.56vw, 30px);
    grid-row-gap: clamp(26px, 2.6vw, 50px);
    grid-column-gap: clamp(26px, 5.208vw, 100px);
  }

  #fran-secion-7 #bonchon-steps-wrapper div.step div.step-label {
    width: clamp(150px, 11.2vw, 215px);
    height: auto;
    aspect-ratio: 215 / 127;
    padding-left: clamp(18px, 1.56vw, 30px);
    background-size: contain;
  }

  #fran-secion-7 #bonchon-steps-wrapper div.step div.step-title {
    line-height: 1.2;
    margin-top: clamp(-25px, -1.3vw, -10px);
  }

  #fran-secion-7 #bonchon-steps-wrapper div.step.step-5 div.step-title,
  div[lang="en"] #fran-secion-7 #bonchon-steps-wrapper div.step.step-2 div.step-title {
    line-height: 1.08;
  }

  body.node-447 #footer .container {
    max-width: 100%;
  }

  #fran-secion-8 {
    min-height: auto;
    padding-top: clamp(60px, 2.6vw, 50px);
    padding-bottom: clamp(60px, 2.6vw, 50px);
  }

  #fran-secion-8 #bonchon-slogan-04 {
    left: clamp(15px, 2.6vw, 50px);
    top: clamp(20px, 2.6vw, 50px);
    width: clamp(120px, 10.42vw, 200px);
  }

  #fran-secion-8 div.content-wrapper {
    width: min(100%, 1131px);
    height: auto;
    min-height: min(1000px, calc(100vw * 0.52));
    padding: clamp(24px, 2.6vw, 50px);
  }

  #fran-secion-8 div.heading > img {
    width: clamp(84px, 6.25vw, 120px);
  }

  #fran-secion-8 h2.section-title {
    line-height: 1.2;
    text-align: center;
  }

  #fran-secion-8 p.section-sub-title {
    font-size: clamp(1.4rem, 0.9375vw, 1.8rem);
    line-height: 1.45;
    margin-top: clamp(10px, 1.04vw, 20px);
    text-align: center;
  }

  #fran-secion-8 #form-dang-ky-wrapper {
    margin-top: clamp(24px, 3.906vw, 75px);
  }

  #fran-secion-8 button.btn.btn--primary {
    width: clamp(200px, 14.74vw, 283px);
  }
}

@media (max-width: 1800px) {
  body.node-447 div.section {
    padding-left: 100px;
    padding-right: 100px;
  }

  #fran-secion-8 {
    padding-right: 0;
  }
}

@media (max-width: 1650px) {
  #fran-secion-2 h2.section-title {
    align-items: flex-end;
    padding-right: 20px;
  }

  #fran-secion-2 h2.section-title div.color-black {
    text-align: inherit;
  }

  #fran-secion-2 h2.section-title div.color-red {
    padding-right: 0;
  }

  #fran-secion-4 div.model-details ul li span.color-red {
    display: block;
  }
}

@media (max-width: 1600px) {
  #fran-secion-5 h2.section-title {
    flex-direction: column;
    text-align: center;
  }

  #fran-secion-5 #bonchon-benefits {
    grid-template-columns: minmax(420px, 500px) minmax(0, 1fr);
    align-items: start;
  }

  #fran-secion-5 div.bonchon-benefit.item-2,
  #fran-secion-5 div.bonchon-benefit.item-3,
  #fran-secion-5 div.bonchon-benefit.item-4 {
    margin-left: 0;
  }
}

@media (max-width: 1550px) {
  body.node-447 div.section {
    padding-left: 50px;
    padding-right: 50px;
  }

  #fran-secion-3 {
    padding-left: 100px;
  }

  #fran-secion-8 {
    padding-left: 150px;
  }
}

@media (max-width: 1440px) {
  #fran-secion-3 {
    padding-top: 450px;
    padding-left: 50px;
  }

  #fran-secion-3 div.row-1 {
    grid-template-columns: minmax(330px, 28vw) minmax(0, 1fr);
  }

  #fran-secion-3 div.row-1 div.col-2 div.heading {
    padding-right: 0;
  }

  #fran-secion-4 div.content-wrapper {
    padding-left: 20px;
    padding-right: 20px;
  }

  #fran-secion-7 {
    padding-bottom: 50px;
  }

  #fran-secion-7 div.content-wrapper {
    display: flex;
    flex-direction: column;
  }

  #fran-secion-7 #panel-left-buttons {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
  }

  #fran-secion-7 #panel-left-buttons a.get-help-now {
    position: static;
  }

  #fran-secion-2 div.row-1 a.get-help-now,
  #fran-secion-6 a.get-help-now {
    right: 0;
  }

  #fran-secion-7 #bonchon-steps {
    padding-left: 50px;
  }

  #fran-secion-7 h2.section-title {
    margin-top: 0;
  }

  #fran-secion-7 #bonchon-steps-wrapper {
    padding-right: 0;
  }
}

@media (max-width: 1330px) {
  #fran-secion-3 div.row-1 {
    grid-template-columns: 300px minmax(0, 1fr);
  }

  #fran-secion-6 div.bonchon-slogan {
    padding-top: 0;
  }

  #fran-secion-8 {
    padding-left: 0;
    padding-top: 160px;
  }

  #fran-secion-8 #bonchon-slogan-04 {
    top: 16px;
  }
}

@media (max-width: 1240px) {
  #fran-secion-3 {
    padding-top: 300px;
  }

  #fran-secion-3 div.row-1 {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  #fran-secion-3 div.col-1 {
    order: 1;
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    gap: 24px;
    width: 100%;
    margin-top: 44px;
  }

  #fran-secion-3 div.col-1 > div {
    width: min(31%, 360px);
    min-width: 260px;
  }

  #fran-secion-3 div.row-1 div.col-1 div.item-1,
  #fran-secion-3 div.row-1 div.col-1 div.item-2,
  #fran-secion-3 div.row-1 div.col-1 div.item-3 {
    justify-content: center;
    align-items: center;
    background-position: center;
  }

  #fran-secion-3 div.row-1 div.col-1 div.item-1 div.item-button,
  #fran-secion-3 div.row-1 div.col-1 div.item-2 div.item-button,
  #fran-secion-3 div.row-1 div.col-1 div.item-3 div.item-button {
    margin-left: 0;
    margin-right: 0;
  }

  #fran-secion-3 div.row-1 div.col-2 div.heading {
    align-items: center;
    text-align: center;
  }

  #fran-secion-6 div.slogan-desc img {
    right: -30px;
  }
}

@media (min-width: 1200px) {
  div[lang="vi"] #fran-secion-3 div.row-1 div.col-2 #spicy-items-wrapper div.spicy-items-footer {
    width: 92%;
    margin-top: clamp(38px, 3vw, 58px);
  }

  div[lang="vi"] #fran-secion-3 div.row-1 div.col-2 #spicy-items-wrapper:not(:has(img.spicy-caption-arrow))::after {
    left: 4%;
  }
}

@media (max-width: 610px) {
  div[lang="vi"] #fran-secion-3 div.row-1 div.col-2 #spicy-items-wrapper > img.spicy-items-accent,
  div[lang="vi"] #fran-secion-3 div.row-1 div.col-2 #spicy-items-wrapper:not(:has(> img.spicy-items-accent))::before {
    top: -12px;
    right: 2px;
    width: 40px;
  }

  div[lang="vi"] #fran-secion-3 div.row-1 div.col-2 #spicy-items-wrapper div.spicy-items-footer {
    box-sizing: border-box;
    width: 100%;
    min-height: 52px;
    margin-top: 12px;
    padding-left: 0;
  }

  div[lang="vi"] #fran-secion-3 div.row-1 div.col-2 #spicy-items-wrapper div.spicy-items-footer p.spicy-items-caption {
    font-size: clamp(1.4rem, 4vw, 1.6rem);
    line-height: 1.3;
  }

  div[lang="vi"] #fran-secion-3 div.row-1 div.col-2 #spicy-items-wrapper img.spicy-caption-arrow,
  div[lang="vi"] #fran-secion-3 div.row-1 div.col-2 #spicy-items-wrapper:not(:has(img.spicy-caption-arrow))::after {
    width: 52px;
  }

  div[lang="vi"] #fran-secion-3 div.row-1 div.col-2 #spicy-items-wrapper img.spicy-caption-arrow {
    left: 0;
  }

  div[lang="vi"] #fran-secion-3 div.row-1 div.col-2 #spicy-items-wrapper:not(:has(img.spicy-caption-arrow))::after {
    right: auto;
    bottom: -10px;
    left: 0;
    transform: none;
  }
}

@media (max-width: 1100px) {
  #fran-secion-2 {
    margin-top: -50px;
  }

  #fran-secion-2 div.row-1 > img {
    width: 250px;
  }

  #fran-secion-2 div.row-1 a.get-help-now,
  #fran-secion-6 a.get-help-now {
    width: 400px;
  }

  #fran-secion-3 {
    padding-top: 180px;
  }
}

@media (max-width: 1024px) {
  #fran-secion-1 {
    margin-top: 25px;
    padding-top: 82px;
  }

  #fran-secion-2 div.row-1 {
    position: relative;
    align-items: flex-end;
    min-height: 130px;
    margin-top: -155px;
    padding-right: 330px;
  }

  #fran-secion-2 div.bonchon-global {
    position: relative;
    z-index: 2;
    flex: 1 1 auto;
    min-width: 0;
    margin-bottom: -2px;
    line-height: 1.12;
    transform: translateY(10px);
  }

  #fran-secion-2 div.row-1 > img {
    width: 190px;
    margin-left: -34px;
    margin-bottom: 14px;
    transform: translateY(12px);
  }

  #fran-secion-2 div.row-1 a.get-help-now {
    right: -42px;
    bottom: 5px;
    width: 330px;
  }

  #fran-secion-4 div.heading {
    padding-left: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
  }

  #fran-secion-4 #business-model-wrapper {
    display: flex;
    flex-direction: column;
  }

  #fran-secion-4 #business-model-wrapper > div {
    display: grid;
    grid-template-columns: minmax(280px, 400px) minmax(0, 1fr);
    grid-column-gap: 30px;
    align-items: start;
    margin-bottom: 50px;
    padding-top: 0;
  }

  #fran-secion-4 #business-model-wrapper > div:last-child {
    margin-top: 0;
    margin-bottom: 0;
  }

  #fran-secion-4 div.content-wrapper {
    padding: 0;
  }

  #fran-secion-4 div.content-wrapper div.model-prefix,
  #fran-secion-4 div.content-wrapper div.model-name {
    text-align: left;
  }

  #fran-secion-4 #business-model-1 div.model-details,
  #fran-secion-4 #business-model-2 div.model-details,
  #fran-secion-4 #business-model-3 div.model-details {
    padding-left: 0;
    padding-right: 0;
  }

  #fran-secion-4 div.model-details ul li span.color-red {
    display: inline;
  }

  #fran-secion-5 #bonchon-benefits {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 44px;
  }

  #fran-secion-5 div.bonchon-team {
    width: min(100%, 640px);
  }

  #fran-secion-5 div.bonchon-benefits-list {
    width: min(100%, 820px);
  }

  #fran-secion-5 div.bonchon-benefit {
    grid-column-gap: 24px;
  }

  #fran-secion-8 div.content-wrapper {
    width: calc(100% - 100px);
    min-height: 0;
  }
}

@media (max-width: 992px) {
  body.node-447 div.section {
    padding-left: 32px;
    padding-right: 32px;
  }

  #fran-secion-2 {
    aspect-ratio: auto;
    max-height: none;
    background-color: #ffda00;
    background-size: cover;
    padding-bottom: 56px;
  }

  #fran-secion-2 div.row-1 {
    margin-top: -130px;
    margin-bottom: 28px;
    position: relative;
  }

  #fran-secion-2 div.row-1 a.get-help-now {
    right: 0;
    width: 330px;
  }

  #fran-secion-2 div.row-2 {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 28px;
  }

  #fran-secion-2 div.row-2 div.col-1,
  #fran-secion-2 div.row-2 div.col-2 {
    width: 100%;
    text-align: center;
  }

  #fran-secion-2 h2.section-title {
    align-items: center;
    padding-right: 0;
    text-align: center;
  }

  #fran-secion-2 h2.section-title div.color-black,
  #fran-secion-2 h2.section-title div.color-red {
    width: auto;
    text-align: center;
  }

  #fran-secion-3 {
    aspect-ratio: auto;
    z-index: 0;
    background-position: top center;
    background-size: 1920px auto;
  }

  #fran-secion-3 div.row-1 div.col-2 #spicy-items-wrapper {
    padding-left: 40px;
    padding-right: 40px;
  }

  #fran-secion-7 #bonchon-steps {
    aspect-ratio: auto;
    padding-left: 32px;
    padding-right: 32px;
    padding-bottom: 48px;
    background-position: top center;
  }

  #fran-secion-7 #bonchon-steps-wrapper {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 880px) {
  #fran-secion-2 div.row-1 > img {
    width: 200px;
  }

  #fran-secion-2 div.row-1 a.get-help-now,
  #fran-secion-6 a.get-help-now {
    width: 300px;
  }

  #fran-secion-3 div.row-1 div.col-2 #spicy-items {
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
    gap: 18px;
    aspect-ratio: auto;
  }

  #fran-secion-3 div.row-1 div.col-2 #spicy-items > div {
    width: min(100%, 433px);
    height: auto;
    aspect-ratio: 433 / 314;
  }

  #fran-secion-3 div.row-1 div.col-2 #spicy-items-wrapper {
    aspect-ratio: auto;
    background-size: 100% 100%;
    padding-bottom: 30px;
  }

  #fran-secion-6 div.content-wrapper {
    flex-wrap: wrap;
    justify-content: center;
    text-align: center;
  }

  #fran-secion-6 a.get-help-now {
    position: static;
    margin-top: 12px;
  }
}

@media (max-width: 800px) {
  #fran-secion-8 h2.section-title,
  #fran-secion-8 p.section-sub-title {
    padding-left: 130px;
    text-align: left;
  }

  #fran-secion-8 h2.section-title {
    display: block;
  }
}

@media (max-width: 768px) {
  #fran-secion-1 p.sub-slogan {
    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.9), 0 0 2px rgba(0, 0, 0, 0.9);
  }

  #fran-secion-4 #business-model-wrapper > div {
    grid-template-columns: minmax(240px, 320px) minmax(0, 1fr);
    grid-column-gap: 20px;
    margin-bottom: 36px;
  }

  #fran-secion-4 div.model-details div.cols-2 {
    grid-template-columns: 78px 1fr;
  }

  #fran-secion-7 #panel-left-buttons > img {
    width: 210px;
  }
}

@media (min-width: 691px) and (max-width: 768px) {
  #fran-secion-2 div.row-1 {
    align-items: flex-end;
    min-height: 170px;
    margin-bottom: 50px;
    padding-right: 240px;
  }

  #fran-secion-2 div.row-1 > img {
    display: block;
    width: 118px;
    margin-left: -24px;
    margin-bottom: 6px;
    transform: none;
    position: absolute;
    top: 30px;
  }

  #fran-secion-2 div.bonchon-global {
    width: 100%;
    max-width: none;
    margin-bottom: 0;
    text-align: left;
    margin-left: 110px;
    transform: translateY(18px);
  }

  #fran-secion-2 div.row-1 a.get-help-now {
    right: 0;
    bottom: 10px;
    width: 300px;
  }
}

@media (max-width: 690px) {
  body.node-447 div.section {
    padding-left: 24px;
    padding-right: 24px;
  }

  #fran-secion-3 div.col-1 > div {
    position: relative;
    width: min(100%, 392px);
  }

  #fran-secion-3 div.row-1 div.col-1 div.item-button {
    position: absolute;
    bottom: 1px;
    left: 1px;
    margin: 0;
  }

  #fran-secion-3 div.row-1 div.col-1 div.item-1 div.item-button,
  #fran-secion-3 div.row-1 div.col-1 div.item-2 div.item-button,
  #fran-secion-3 div.row-1 div.col-1 div.item-3 div.item-button {
    margin-right: 0;
    margin-left: 0;
  }

  div[lang="vi"] #fran-secion-3 div.row-1 div.col-1 div.item-3 div.item-button {
    position: absolute;
    bottom: 1px;
    left: 1px;
  }

  #fran-secion-4 #business-model-wrapper > div {
    display: flex;
    flex-direction: column;
    gap: 18px;
  }

  #fran-secion-4 div.content-wrapper div.model-prefix,
  #fran-secion-4 div.content-wrapper div.model-name {
    text-align: center;
  }

  #fran-secion-4 p.sub-title {
    line-height: 1.2;
    text-align: center;
  }

  #fran-secion-7 #bonchon-steps {
    padding-left: 0;
    padding-right: 0;
  }

  #fran-secion-8 {
    padding-bottom: 50px;
  }

  #fran-secion-8 div.content-wrapper {
    width: calc(100% - 48px);
  }
}

@media (max-width: 610px) {
  :root {
    --title-font-size: clamp(2.8rem, 8.2vw, 3.6rem);
    --sub-title-font-size: clamp(2rem, 5.5vw, 2.4rem);
    --item-title-font-size: clamp(2rem, 5.5vw, 2.4rem);
    --text-medium-font-size: clamp(1.8rem, 4.8vw, 2.1rem);
    --text-small-font-size: clamp(1.5rem, 4vw, 1.7rem);
  }

  body.node-447 div.section {
    padding-top: 48px;
    padding-bottom: 48px;
  }

  h1.page-title {
    display: block;
    text-align: center;
  }

  h1.page-title span {
    display: block;
  }

  #fran-secion-1 {
    aspect-ratio: auto;
    min-height: 520px;
    background-position: center top;
  }

  #fran-secion-1 #pricing-wrapper {
    margin-top: 16px;
    padding-right: 8px;
  }

  #fran-secion-2 {
    margin-top: 0;
  }

  #fran-secion-2 div.row-1 {
    display: grid;
    grid-template-columns: 120px minmax(0, 1fr);
    min-height: 0;
    margin-top: -40px;
    margin-bottom: 20px;
    gap: 10px;
    align-items: center;
  }

  #fran-secion-2 div.row-1 > img {
    width: 120px;
    margin-left: 0;
  }

  #fran-secion-2 div.row-1 a.get-help-now {
    position: static;
    grid-column: 1 / -1;
    justify-self: center;
    width: min(280px, calc(100vw - 30px));
  }

  #fran-secion-3 div.row-1 div.col-2 #spicy-items-wrapper {
    margin-top: 14px;
    padding: 20px 0 0;
    background-image: none;
  }

  #fran-secion-3 div.row-1 div.col-2 #spicy-items div.content-wrapper {
    max-width: 52%;
  }

  #fran-secion-5 div.bonchon-benefit {
    align-items: flex-start;
    gap: 18px;
  }

  #fran-secion-5 div.bonchon-benefit > img {
    width: 50px;
    margin-top: 8px;
  }

  #fran-secion-6 div.content-wrapper {
    flex-direction: column;
    gap: 8px;
  }

  #fran-secion-6 a.get-help-now {
    width: 280px;
  }

  #fran-secion-6 div.slogan-desc {
    font-size: calc(var(--sub-title-font-size) - 4px);
    font-weight: 500;
  }

  #fran-secion-6 div.slogan-desc img {
    position: absolute;
    right: -20px;
  }

  #fran-secion-7 #panel-left-buttons {
    align-items: flex-start;
  }

  #fran-secion-7 #panel-left-buttons a.get-help-now {
    display: none;
  }

  #fran-secion-7 #panel-bottom-buttons {
    display: flex;
    justify-content: center;
    margin-top: 0;
  }

  #fran-secion-7 #panel-bottom-buttons a.get-help-now {
    display: block;
    width: 230px;
  }

  #fran-secion-7 h2.section-title {
    text-align: center;
  }

  #fran-secion-7 #bonchon-steps-wrapper {
    display: flex;
    flex-direction: column;
    gap: 18px;
    margin-top: 28px;
  }

  #fran-secion-8 {
    padding-top: 142px;
  }

  #fran-secion-8 #bonchon-slogan-04 {
    width: 118px;
  }

  #fran-secion-8 div.content-wrapper {
    width: calc(100% - 30px);
    padding: 28px 20px;
  }

  #fran-secion-8 div.heading > img {
    top: 0;
    width: 90px;
  }

  #fran-secion-8 h2.section-title,
  #fran-secion-8 p.section-sub-title {
    padding-left: 104px;
  }
}

@media (max-width: 480px) {
  body.node-447 div.section {
    padding-left: 15px;
    padding-right: 15px;
  }

  #fran-secion-2 {
    padding-bottom: 42px;
  }

  #fran-secion-2 div.row-1 {
    display: grid;
    grid-template-columns: 98px minmax(0, 1fr);
    grid-template-areas:
      "globe global"
      ". cta";
    column-gap: 14px;
    row-gap: 10px;
    align-items: end;
    margin-top: -38px;
    margin-bottom: 28px;
    padding-right: 0;
  }

  #fran-secion-2 div.row-1 > img {
    grid-area: globe;
    width: 98px;
    margin: 0 0 4px;
  }

  #fran-secion-2 div.bonchon-global {
    grid-area: global;
    width: auto;
    min-width: 0;
    max-width: none;
    margin: 0;
    font-size: clamp(1.8rem, 5vw, 2.1rem);
    line-height: 1.12;
    text-align: left;
  }

  #fran-secion-2 div.row-1 a.get-help-now {
    grid-area: cta;
    justify-self: end;
    width: min(230px, 100%);
  }

  #fran-secion-3 div.row-1 div.col-2 #spicy-items > div {
    max-width: 100%;
  }

  #fran-secion-4 h2.section-title,
  #fran-secion-5 h2.section-title {
    flex-direction: column;
    text-align: center;
  }

  #fran-secion-4 div.model-details div.cols-2 {
    display: flex;
    flex-direction: column;
  }

  #fran-secion-7 #panel-left-buttons a.get-help-now {
    width: 210px;
  }
}

@media (max-width: 450px) {
  div[lang="vi"] #fran-secion-2 div.bonchon-global .country-name {
    white-space: nowrap;
  }
}

@media (min-width: 360px) and (max-width: 430px) {
  body.node-447 div.section {
    padding-top: 50px;
  }

  #fran-secion-2 div.row-1 > img {
    width: 92px;
  }

  #fran-secion-2 div.row-1 a.get-help-now {
    width: min(220px, 100%);
  }

  #fran-secion-3 div.row-1 div.col-2 #spicy-items div.content-wrapper {
    max-width: 50%;
  }

  #fran-secion-7 #panel-left-buttons > img {
    width: 170px;
  }

  #fran-secion-7 #panel-left-buttons a.get-help-now {
    width: 195px;
  }

  #fran-secion-8 h2.section-title,
  #fran-secion-8 p.section-sub-title {
    padding-left: 98px;
  }
}

@media (min-width: 431px) and (max-width: 690px) {
  #fran-secion-2 div.row-1 {
    display: grid;
    grid-template-columns: clamp(92px, 22vw, 120px) minmax(0, 1fr);
    grid-template-areas:
      "globe cta"
      "global global";
    column-gap: 14px;
    row-gap: 30px;
    align-items: end;
    margin-top: clamp(-118px, -14vw, -98px);
    margin-bottom: 34px;
    padding-right: 0;
  }

  #fran-secion-2 div.row-1 > img {
    grid-area: globe;
    width: clamp(92px, 22vw, 120px);
    margin: 0;
  }

  #fran-secion-2 div.row-1 a.get-help-now {
    grid-area: cta;
    position: static;
    justify-self: end;
    width: min(220px, 100%);
    transform: translateY(15px);
  }

  #fran-secion-2 div.bonchon-global {
    grid-area: global;
    justify-self: center;
    width: auto;
    max-width: none;
    margin: 0;
    transform: none;
    font-size: var(--sub-title-font-size);
    line-height: 1.14;
    text-align: center;
  }
}

@media (min-width: 431px) and (max-width: 518px) {
  #fran-secion-1 h1.page-title {
    font-size: clamp(2.6rem, 5.4vw, 2.8rem);
    line-height: 1.08;
  }

  #fran-secion-1 h1.page-title span.color-white {
    display: inline-block;
    white-space: nowrap;
  }
}

@media (min-width: 431px) and (max-width: 610px) {
  #fran-secion-3 {
    padding-left: 15px;
    padding-right: 15px;
  }

  #fran-secion-3 div.row-1,
  #fran-secion-3 div.col-1,
  #fran-secion-3 div.row-1 div.col-2,
  #fran-secion-3 div.row-1 div.col-2 #spicy-items-wrapper,
  #fran-secion-3 div.row-1 div.col-2 #spicy-items {
    width: 100%;
  }

  #fran-secion-3 div.col-1,
  #fran-secion-3 div.row-1 div.col-2 #spicy-items-wrapper,
  #fran-secion-3 div.row-1 div.col-2 #spicy-items {
    align-items: center;
  }

  #fran-secion-3 div.col-1 > div,
  #fran-secion-3 div.row-1 div.col-2 #spicy-items > div {
    width: min(100%, calc(100vw - 60px));
    max-width: 370px;
    margin-left: auto;
    margin-right: auto;
    background-position: center center;
  }
}

@media (min-width: 360px) and (max-width: 430px) {
  #fran-secion-1 h1.page-title {
    font-size: clamp(2.6rem, 6.5vw, 2.8rem);
    line-height: 1.08;
  }

  #fran-secion-1 h1.page-title span.color-white {
    display: inline-block;
    white-space: nowrap;
  }

  #fran-secion-1 h1.page-title span.color-red {
    display: block;
  }

  #fran-secion-2 div.row-1 {
    grid-template-areas:
      "globe cta"
      ". global";
    row-gap: 15px;
    margin-top: -78px;
    margin-bottom: 40px;
  }

  #fran-secion-2 div.row-1 > img {
    align-self: start;
    margin: -6px 0 0;
  }

  #fran-secion-2 div.bonchon-global {
    grid-column: 1 / -1;
    justify-self: center;
    width: max-content;
    max-width: calc(100vw - 30px);
    align-self: start;
    text-align: center;
  }

  #fran-secion-2 div.row-1 a.get-help-now {
    align-self: end;
    margin-right: 0;
  }

  #fran-secion-3 div.row-1,
  #fran-secion-3 div.col-1,
  #fran-secion-3 div.row-1 div.col-2,
  #fran-secion-3 div.row-1 div.col-2 #spicy-items-wrapper,
  #fran-secion-3 div.row-1 div.col-2 #spicy-items {
    width: 100%;
  }

  #fran-secion-3 div.col-1 {
    align-items: center;
  }

  #fran-secion-3 div.col-1 > div,
  #fran-secion-3 div.row-1 div.col-2 #spicy-items > div {
    width: min(100%, calc(100vw - 60px));
    max-width: 370px;
    margin-left: auto;
    margin-right: auto;
    background-position: center center;
  }

  #fran-secion-3 div.row-1 div.col-2 #spicy-items-wrapper {
    align-items: center;
  }

  #fran-secion-7 #bonchon-steps-wrapper {
    align-items: center;
  }

  #fran-secion-7 #bonchon-steps-wrapper div.step {
    width: min(100%, 300px);
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
  }

  #fran-secion-7 #bonchon-steps-wrapper div.step div.step-label {
    margin-left: auto;
    margin-right: auto;
  }

  #fran-secion-7 #bonchon-steps-wrapper div.step div.step-title,
  #fran-secion-7 #bonchon-steps-wrapper div.step div.step-desc {
    width: 100%;
    text-align: center;
  }
}

@media (min-width: 360px) and (max-width: 430px) {
  #fran-secion-3 {
    padding-left: 15px;
  }

  #fran-secion-3 div.row-1,
  #fran-secion-3 div.col-1,
  #fran-secion-3 div.row-1 div.col-2,
  #fran-secion-3 div.row-1 div.col-2 #spicy-items-wrapper,
  #fran-secion-3 div.row-1 div.col-2 #spicy-items {
    width: 100%;
  }

  #fran-secion-3 div.col-1 {
    align-items: center;
  }

  #fran-secion-3 div.col-1 > div,
  #fran-secion-3 div.row-1 div.col-2 #spicy-items > div {
    width: min(100%, calc(100vw - 60px));
    max-width: 370px;
    margin-left: auto;
    margin-right: auto;
    background-position: center center;
  }

  #fran-secion-3 div.row-1 div.col-2 #spicy-items-wrapper {
    align-items: center;
  }
}

@media (max-width: 390px) {
  :root {
    --title-font-size: 2.8rem;
    --sub-title-font-size: 2rem;
    --item-title-font-size: 2rem;
  }

  #fran-secion-2 div.row-1 > img {
    width: 86px;
  }

  #fran-secion-2 div.row-1 a.get-help-now {
    width: min(205px, 100%);
  }

  #fran-secion-5 div.bonchon-benefit {
    gap: 14px;
  }

  #fran-secion-8 div.heading > img {
    width: 78px;
  }

  #fran-secion-8 h2.section-title,
  #fran-secion-8 p.section-sub-title {
    padding-left: 86px;
  }
}

@media (max-width: 360px) {
  body.node-447 div.section {
    padding-left: 15px;
    padding-right: 15px;
  }

  #fran-secion-7 #panel-left-buttons {
    flex-direction: column;
    align-items: center;
  }

  #fran-secion-2 div.row-1 {
    grid-template-columns: 78px minmax(0, 1fr);
    column-gap: 10px;
  }

  #fran-secion-2 div.row-1 > img {
    width: 78px;
  }

  #fran-secion-2 div.bonchon-global {
    font-size: 1.7rem;
  }

  #fran-secion-2 div.row-1 a.get-help-now {
    width: min(195px, 100%);
  }

  #fran-secion-8 h2.section-title,
  #fran-secion-8 p.section-sub-title {
    padding-left: 0;
    text-align: center;
  }

  #fran-secion-8 div.heading > img {
    position: static;
    margin-bottom: 14px;
  }
}

@media (min-width: 1200px) and (max-width: 1550px) {
  #fran-secion-1 {
    padding-top: 130px;
  }
}

@media (max-width: 1440px) {
  #fran-secion-3 {
    padding-top: 340px;
  }

  #fran-secion-4 {
    padding-top: 90px;
  }

  #fran-secion-7 #bonchon-steps {
    aspect-ratio: auto;
    min-height: 0;
    padding-top: 50px;
    padding-bottom: clamp(50px, 4vw, 70px);
    background-position: top center;
    background-size: 100% 100%;
  }
}

@media (max-width: 992px) {
  #fran-secion-7 #bonchon-steps {
    padding-top: 44px;
  }
}

@media (max-width: 610px) {
  #fran-secion-7 #bonchon-steps {
    padding-top: 34px;
  }
}

@media (min-width: 1250px) and (max-width: 1399px) {
  #fran-secion-3 {
    padding-top: 320px;
  }
}

@media (min-width: 1281px) and (max-width: 1330px) {
  #fran-secion-3 {
    padding-top: 250px;
  }

  #fran-secion-3 div.row-1 div.col-2 #spicy-items-wrapper {
    align-items: flex-end;
  }
}

@media (min-width: 1241px) and (max-width: 1280px) {
  #fran-secion-3 {
    padding-top: 200px;
  }
}

@media (max-width: 1240px) {
  #fran-secion-3 {
    padding-top: clamp(110px, calc(41.86vw - 319px), 200px);
  }

  #fran-secion-7 #bonchon-steps {
    padding-top: 0;
  }

  #fran-secion-4 {
    padding-top: 72px;
  }
}

@media (max-width: 1024px) {
  #fran-secion-3 {
    padding-top: clamp(52px, 10.742vw, 110px);
  }
}

@media (max-width: 610px) {
  #fran-secion-4 {
    padding-top: 56px;
  }
}

@media (max-width: 1919.98px) {
  #fran-secion-8 {
    align-items: flex-start;
    aspect-ratio: auto;
    height: auto;
  }

  #fran-secion-8 div.content-wrapper {
    min-height: 0;
  }
}

@media (min-width: 1025px) {
  #fran-secion-1 {
    padding-top: 100px;
  }
}

/* Vietnamese landing-page safe zone, following Bootstrap container breakpoints. */
div[lang="vi"] #fran-secion-1,
div[lang="vi"] #fran-secion-2,
div[lang="vi"] #fran-secion-3,
div[lang="vi"] #fran-secion-4,
div[lang="vi"] #fran-secion-5,
div[lang="vi"] #fran-secion-6,
div[lang="vi"] #fran-secion-7 {
  padding-right: 0;
  padding-left: 0;
}

div[lang="vi"] #fran-secion-1 #pricing-wrapper img {
  position: relative;
  right: clamp(35px, 8.333vw, 160px);
}

div[lang="vi"] #fran-secion-1 p.sub-slogan > span {
  white-space: nowrap;
}

@media (max-width: 460px) {
  #fran-secion-1 {
    background-color: #07090b;
    background-image:
      linear-gradient(
        to bottom,
        #07090b 0,
        rgba(7, 9, 11, 0.98) 48px,
        rgba(7, 9, 11, 0.72) 96px,
        rgba(7, 9, 11, 0) 172px
      ),
      url('/sites/all/themes/giaidieu/images/franchising/banner-1.jpg');
    background-position: center top, center bottom;
    background-repeat: no-repeat, no-repeat;
    background-size: 100% 100%, clamp(680px, 172vw, 790px) auto;
  }
}

div[lang="en"] #fran-secion-1 p.sub-slogan > span {
  white-space: nowrap;
}

div[lang="en"] a.get-help-now img {
  display: block;
  width: 100%;
  height: auto;
}

div[lang="en"] #fran-secion-2 div.row-2 img {
  max-width: 100%;
  height: auto;
}

div[lang="en"] #fran-secion-3 div.row-1 div.col-2 #spicy-items div.item-2 div.content-wrapper h3 {
  white-space: normal;
}

div[lang="en"] #fran-secion-3 div.row-1 div.col-2 #spicy-items div.content-wrapper {
  overflow-wrap: anywhere;
}

div[lang="en"] #fran-secion-5 #bonchon-benefits,
div[lang="en"] #fran-secion-5 .bonchon-team,
div[lang="en"] #fran-secion-5 .bonchon-benefits-list {
  min-width: 0;
}

div[lang="en"] #fran-secion-5 img {
  max-width: 100%;
  height: auto;
}

div[lang="en"] #fran-secion-7 #bonchon-steps-wrapper div.step-5 div.step-title {
  line-height: 1.08;
  white-space: normal;
}

div[lang="en"] #fran-secion-7 #bonchon-steps-wrapper div.step-5 div.step-title span {
  display: block;
  white-space: nowrap;
}

@media (min-width: 431px) and (max-width: 518px) {
  div[lang="en"] #fran-secion-1 h1.page-title {
    font-size: clamp(2.2rem, 5.5vw, 2.8rem);
    line-height: 1.1;
  }

  div[lang="en"] #fran-secion-1 h1.page-title span.color-white,
  div[lang="en"] #fran-secion-1 h1.page-title span.color-red {
    display: block;
    white-space: normal;
  }
}

@media (max-width: 1399.98px) {
  .fran-container {
    max-width: 1140px;
  }
}

@media (min-width: 769px) {
  div[lang="vi"] #fran-secion-1 h1.page-title {
    font-size: clamp(3rem, 2.6vw, 5rem);
  }

  div[lang="vi"] #fran-secion-1 p.sub-slogan {
    font-size: clamp(1.6rem, 1.40625vw, 2.7rem);
    line-height: 1.2;
  }

  div[lang="vi"] #fran-secion-1 #pricing-wrapper img {
    width: clamp(100px, 9.375vw, 180px);
  }

  div[lang="vi"] #fran-secion-2 div.row-1 {
    width: min(72.9167vw, 1400px);
    margin-right: auto;
    margin-left: 50%;
    padding-right: 0;
    transform: translateX(-50%);
  }

  div[lang="vi"] #fran-secion-2 div.row-1 > img {
    width: clamp(120px, 14.0625vw, 270px);
    margin-left: 0;
    transform: none;
  }

  div[lang="vi"] #fran-secion-2 div.bonchon-global {
    position: absolute;
    left: 50%;
    margin-bottom: 25px;
    font-size: clamp(1.6rem, 1.6667vw, 3.2rem);
    line-height: 1.2;
    transform: translateX(-50%);
    white-space: nowrap;
  }

  div[lang="vi"] #fran-secion-2 div.bonchon-global .font-draw {
    display: inline-block;
    font-size: 1.45em;
    line-height: 0.75;
    vertical-align: -0.08em;
  }

  div[lang="vi"] #fran-secion-2 div.row-1 a.get-help-now {
    top: clamp(67px, calc(3.4vw + 5px), 70px);
    right: 0;
    bottom: auto;
    width: clamp(190px, 18.75vw, 360px);
  }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
  div[lang="vi"] #fran-secion-2 div.row-1 a.get-help-now {
    top: 52px;
  }
}

@media (min-width: 1200px) {
  div[lang="vi"] #fran-secion-2 div.row-2 {
    grid-template-columns: 42.5% 48.5%;
    grid-column-gap: 9%;
  }

  div[lang="vi"] #fran-secion-2 div.row-2 div.col-1,
  div[lang="vi"] #fran-secion-2 div.row-2 div.col-2 {
    width: 100%;
  }

  div[lang="vi"] #fran-secion-2 h2.section-title {
    width: max-content;
    max-width: none;
    margin-bottom: clamp(70px, 5.73vw, 110px);
    font-size: clamp(3.6rem, 2.6vw, 5rem);
    line-height: 1.2;
  }

  div[lang="vi"] #fran-secion-2 h2.section-title div.color-black,
  div[lang="vi"] #fran-secion-2 h2.section-title div.color-red {
    white-space: nowrap;
  }

  div[lang="vi"] #fran-secion-2 h2.section-title div.color-red {
    transform: translateX(clamp(45px, 5.47vw, 105px));
  }

  div[lang="vi"] #fran-secion-2 div.row-2 div.col-1 > img {
    width: 92%;
    margin-left: 8%;
  }

  div[lang="vi"] #fran-secion-2 div.row-2 div.col-2 > img {
    width: 100%;
  }

  div[lang="vi"] #fran-secion-2 div.row-2 div.col-2 {
    padding-top: clamp(55px, 4.6875vw, 90px);
  }

  div[lang="vi"] #fran-secion-3 div.row-1 {
    position: relative;
    left: 50%;
    width: min(104.545%, 1380px);
    margin-right: auto;
    margin-left: auto;
    grid-template-columns: 38.4% 58%;
    gap: 3.6%;
    transform: translate(-50%, clamp(-35px, -1.5625vw, -30px));
  }

  div[lang="vi"] #fran-secion-3 div.col-1 {
    padding-top: clamp(15px, 1.25vw, 24px);
    grid-row-gap: clamp(6px, 0.625vw, 12px);
  }

  div[lang="vi"] #fran-secion-3 div.col-1 > div {
    height: auto;
    min-height: 0;
    aspect-ratio: 637 / 280;
  }

  div[lang="vi"] #fran-secion-3 div.row-1 div.col-1 div.item-1,
  div[lang="vi"] #fran-secion-3 div.row-1 div.col-1 div.item-3 {
    background-position: calc(100% + 30px) center;
    background-size: 68% auto;
  }

  div[lang="vi"] #fran-secion-3 div.row-1 div.col-1 div.item-2 {
    background-position: clamp(45px, 4.01vw, 77px) center;
    background-size: 68% auto;
  }

  div[lang="vi"] #fran-secion-3 div.row-1 div.col-1 div.item-button {
    width: clamp(190px, 11.979vw, 230px);
  }

  div[lang="vi"] #fran-secion-3 div.row-1 div.col-1 div.item-button span:nth-child(1) {
    font-size: clamp(2.4rem, 1.4583vw, 2.8rem);
    line-height: 1;
  }

  div[lang="vi"] #fran-secion-3 div.row-1 div.col-1 div.item-button span:nth-child(2) {
    font-size: clamp(1.4rem, 0.8333vw, 1.6rem);
    line-height: 1.4;
  }

  div[lang="vi"] #fran-secion-3 div.row-1 div.col-1 div.item-2 div.item-button {
    margin-right: 0;
  }

  div[lang="vi"] #fran-secion-3 div.row-1 div.col-2 div.heading {
    padding-right: clamp(35px, 3.385vw, 65px);
  }

  div[lang="vi"] #fran-secion-3 div.row-1 div.col-2 h2.section-title {
    font-size: clamp(3.6rem, 2.6vw, 5rem);
    line-height: 1.1;
    white-space: nowrap;
  }

  div[lang="vi"] #fran-secion-3 div.row-1 div.col-2 p.sub-title {
    font-size: clamp(2rem, 1.4583vw, 2.8rem);
    white-space: nowrap;
  }

  div[lang="vi"] #fran-secion-3 div.row-1 div.col-2 #spicy-items-wrapper {
    aspect-ratio: auto;
    margin-top: clamp(50px, 3.125vw, 60px);
    padding-top: clamp(20px, 1.5625vw, 30px);
    background-position: center top;
    background-size: 108% auto;
    justify-content: flex-start;
  }

  div[lang="vi"] #fran-secion-3 div.row-1 div.col-2 #spicy-items {
    width: 92%;
    height: auto;
    aspect-ratio: 866 / 628;
  }

  div[lang="vi"] #fran-secion-3 div.row-1 div.col-2 #spicy-items > div {
    width: 50%;
    height: 50%;
    padding: clamp(14px, 1.25vw, 24px);
    padding-left: clamp(12px, 0.8333vw, 16px);
  }

  div[lang="vi"] #fran-secion-3 div.row-1 div.col-2 #spicy-items div.content-wrapper {
    max-width: 43%;
  }

  div[lang="vi"] #fran-secion-3 div.row-1 div.col-2 #spicy-items div.content-wrapper h3 {
    font-size: clamp(2.4rem, 1.4583vw, 2.8rem);
    line-height: 0.95;
  }

  div[lang="vi"] #fran-secion-3 div.row-1 div.col-2 #spicy-items div.content-wrapper p.item-sub-title {
    font-size: clamp(1.4rem, 0.8333vw, 1.6rem);
    line-height: 1.4;
  }

  div[lang="vi"] #fran-secion-3 div.row-1 div.col-2 #spicy-items div.content-wrapper > div p {
    font-size: clamp(1.1rem, 0.625vw, 1.2rem);
    line-height: 1.35;
  }

  div[lang="vi"] #fran-secion-3 div.row-1 div.col-2 p.spicy-items-caption {
    margin-top: clamp(50px, 3.6458vw, 70px);
  }

  div[lang="vi"] #fran-secion-4 {
    padding-top: clamp(90px, 5.7292vw, 110px);
  }

  div[lang="vi"] #fran-secion-4 div.heading {
    padding-left: 0;
  }

  div[lang="vi"] #fran-secion-4 h2.section-title {
    font-size: clamp(4.2rem, 2.6042vw, 5rem);
    line-height: 1;
    margin-bottom: 5px;
  }

  div[lang="vi"] #fran-secion-4 p.sub-title {
    font-size: clamp(2.4rem, 1.4583vw, 2.8rem);
    line-height: 1.1;
  }

  div[lang="vi"] #fran-secion-4 #business-model-wrapper {
    position: relative;
    left: 50%;
    width: min(104.545%, 1380px);
    margin-top: 50px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: clamp(16px, 1.0417vw, 20px);
    transform: translateX(-50%);
  }

  div[lang="vi"] #fran-secion-4 #business-model-wrapper img {
    width: 100%;
  }

  div[lang="vi"] #fran-secion-4 div.content-wrapper {
    padding: clamp(14px, 1.0417vw, 20px) clamp(8px, 0.625vw, 12px);
  }

  div[lang="vi"] #fran-secion-4 #business-model-1 div.model-details,
  div[lang="vi"] #fran-secion-4 #business-model-2 div.model-details,
  div[lang="vi"] #fran-secion-4 #business-model-3 div.model-details {
    padding-right: clamp(6px, 0.5208vw, 10px);
    padding-left: clamp(6px, 0.5208vw, 10px);
  }

  div[lang="vi"] #fran-secion-4 div.model-details li.expected-revenue span.color-red {
    display: block;
  }

  div[lang="vi"] #fran-secion-5 {
    padding-top: clamp(80px, 5.2083vw, 100px);
    padding-bottom: clamp(80px, 5.2083vw, 100px);
  }

  div[lang="vi"] #fran-secion-5 div.heading {
    margin-bottom: clamp(45px, 2.6042vw, 50px);
  }

  div[lang="vi"] #fran-secion-5 h2.section-title {
    flex-direction: row;
    gap: clamp(8px, 0.5208vw, 10px);
    font-size: clamp(3.8rem, 2.6042vw, 5rem);
    line-height: 1.1;
    white-space: nowrap;
  }

  div[lang="vi"] #fran-secion-5 #bonchon-benefits {
    grid-template-columns: minmax(0, 600px) minmax(0, 1fr);
    gap: clamp(45px, 3.125vw, 60px);
    align-items: start;
  }

  div[lang="vi"] #fran-secion-5 div.bonchon-team {
    padding-top: clamp(5px, 0.5208vw, 10px);
  }

  div[lang="vi"] #fran-secion-5 div.bonchon-team img {
    width: 100%;
  }

  div[lang="vi"] #fran-secion-5 div.bonchon-benefits-list {
    grid-row-gap: clamp(20px, 1.3021vw, 25px);
  }

  div[lang="vi"] #fran-secion-5 div.bonchon-benefit {
    gap: clamp(14px, 0.8333vw, 16px);
  }

  div[lang="vi"] #fran-secion-5 div.bonchon-benefit.item-2,
  div[lang="vi"] #fran-secion-5 div.bonchon-benefit.item-4 {
    margin-left: clamp(30px, 2.6042vw, 50px);
  }

  div[lang="vi"] #fran-secion-5 div.bonchon-benefit.item-3 {
    margin-left: clamp(60px, 5.2083vw, 100px);
  }

  div[lang="vi"] #fran-secion-5 div.bonchon-benefit > img {
    width: clamp(65px, 4.1667vw, 80px);
    flex: 0 0 auto;
  }

  div[lang="vi"] #fran-secion-5 div.bonchon-benefit div.item-details p.item-title,
  div[lang="vi"] #fran-secion-5 div.bonchon-benefit div.item-details p.item-desc {
    font-size: clamp(1.8rem, 1.1458vw, 2.2rem);
    line-height: 1.35;
  }

  div[lang="vi"] #fran-secion-6 a.get-help-now {
    top: clamp(-85px, -4.4271vw, -70px);
    right: 0;
    width: clamp(360px, 21.875vw, 420px);
  }

  div[lang="vi"] #fran-secion-6 div.slogan-desc img {
    position: static;
    display: inline-block;
    width: clamp(24px, 1.5104vw, 29px);
    margin-left: clamp(4px, 0.4167vw, 8px);
    transform: translateY(-12%);
  }

  div[lang="vi"] #fran-secion-6 div.slogan-desc {
    font-size: clamp(2rem, 1.3021vw, 2.5rem);
    white-space: nowrap;
  }

  div[lang="vi"] #fran-secion-6 div.bonchon-slogan {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-self: stretch;
    padding-top: 0;
  }

  div[lang="vi"] #fran-secion-6 div.slogan-title {
    font-size: clamp(2.4rem, 1.5625vw, 3rem);
    line-height: 1.2;
  }

}

@media (min-width: 1550px) {
  div[lang="vi"] #fran-secion-3 {
    aspect-ratio: 48 / 35;
    min-height: 1270px;
    background-position: center bottom;
    background-size: 100% auto;
  }

  div[lang="en"] #fran-secion-7 div.content-wrapper {
    grid-template-columns: 300px minmax(0, 1020px);
  }

  div[lang="en"] #fran-secion-7 #bonchon-steps {
    box-sizing: border-box;
    width: 100%;
    max-width: 1020px;
    padding-left: 150px;
  }

  div[lang="en"] #fran-secion-7 #bonchon-steps-wrapper {
    grid-column-gap: 48px;
  }

  div[lang="en"] #fran-secion-7 #bonchon-steps-wrapper div.step {
    min-width: 0;
  }
}

@media (min-width: 1400px) {
  body.node-447 #header #block-giaidieu-branding-2.container {
    width: 1320px;
    max-width: 1320px;
  }

  div[lang="vi"] #fran-secion-5 div.bonchon-team img {
    width: 103%;
    max-width: none;
    transform: translateX(-1.5%);
  }

  div[lang="vi"] #fran-secion-5 div.bonchon-benefits-list {
    transform: translateX(-30px);
  }

  div[lang="vi"] #fran-secion-6 {
    padding-top: 15px;
    padding-bottom: 15px;
  }

  div[lang="vi"] #fran-secion-6 div.content-wrapper > img {
    width: 320px;
    transform: translateY(3px);
  }

  div[lang="vi"] #fran-secion-6 div.bonchon-slogan {
    transform: translateY(3px);
  }

  div[lang="vi"] #fran-secion-6 a.get-help-now {
    top: -50px;
  }

  div[lang="vi"] #fran-secion-6 div.slogan-desc img {
    transform: translateY(-28%);
  }

  div[lang="vi"] #fran-secion-8 {
    padding-top: 320px;
    padding-bottom: 68px;
  }

  div[lang="vi"] #fran-secion-8 #bonchon-slogan-04 {
    top: 15px;
    left: calc(50% - 620px);
  }

  div[lang="vi"] #fran-secion-8 div.content-wrapper {
    width: 965px;
    height: 965px;
  }

  div[lang="vi"] #fran-secion-8 div.heading > img {
    width: 95px;
  }

  div[lang="vi"] #fran-secion-8 h2.section-title {
    font-size: 3rem;
    line-height: 1.2;
    margin-left: 20px;
  }

  div[lang="vi"] #fran-secion-8 #form-dang-ky-wrapper {
    margin-top: 53px;
  }

  div[lang="vi"] #fran-secion-7 div.content-wrapper {
    grid-template-columns: 300px minmax(0, 1fr);
    gap: 0;
  }

  div[lang="vi"] #fran-secion-7 #panel-left-buttons > img {
    width: 400px;
    max-width: none;
  }

  div[lang="vi"] #fran-secion-7 #bonchon-steps {
    box-sizing: border-box;
    width: 1280px;
    max-width: none;
    margin-left: -100px;
    padding-left: 0;
  }

  div[lang="vi"] #fran-secion-7 h2.section-title {
    width: 900px;
    margin-left: 200px;
  }

  div[lang="vi"] #fran-secion-7 #bonchon-steps-wrapper {
    width: 960px;
    margin-left: 170px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    grid-column-gap: 50px;
  }

  div[lang="vi"] #fran-secion-7 #bonchon-steps-wrapper div.step div.step-title,
  div[lang="vi"] #fran-secion-7 #bonchon-steps-wrapper div.step div.step-desc {
    box-sizing: border-box;
    padding-left: 30px;
  }

  div[lang="vi"] #fran-secion-7 #bonchon-steps-wrapper div.step-5 div.step-title {
    white-space: normal;
  }

  div[lang="vi"] #fran-secion-7 #bonchon-steps-wrapper div.step-5 div.step-title span {
    display: block;
    white-space: nowrap;
  }

  div[lang="vi"] #fran-secion-7 #bonchon-steps-wrapper div.step-6 div.step-title {
    white-space: nowrap;
  }
}

@media (min-width: 1400px) and (max-width: 1440px) {
  div[lang="vi"] #fran-secion-4 #business-model-wrapper {
    width: 1240px;
  }

  div[lang="vi"] #fran-secion-4 #business-model-1 div.model-details {
    padding-left: 55px;
  }

  div[lang="vi"] #fran-secion-4 #business-model-2 div.model-details,
  div[lang="vi"] #fran-secion-4 #business-model-3 div.model-details {
    padding-left: 36px;
  }

  div[lang="vi"] #fran-secion-5 #bonchon-benefits {
    width: 1100px;
    margin-right: auto;
    margin-left: auto;
    grid-template-columns: 505px minmax(0, 1fr);
    gap: 55px;
    align-items: center;
  }

  div[lang="vi"] #fran-secion-5 div.bonchon-team {
    width: 505px;
    padding-top: 0;
  }

  div[lang="vi"] #fran-secion-5 div.bonchon-team img {
    width: 100%;
    transform: none;
  }

  div[lang="vi"] #fran-secion-5 div.bonchon-benefits-list {
    transform: none;
  }

  div[lang="vi"] #fran-secion-7 div.content-wrapper,
  div[lang="vi"] #fran-secion-7 #panel-left-buttons {
    width: 1200px;
    margin-right: auto;
    margin-left: auto;
  }

  div[lang="vi"] #fran-secion-7 {
    padding-top: 50px;
  }

  div[lang="vi"] #fran-secion-7 #bonchon-steps {
    width: 1100px;
    margin-right: auto;
    margin-left: auto;
    padding-left: 0;
    transform: translateY(-35px);
  }

  div[lang="vi"] #fran-secion-7 h2.section-title {
    width: auto;
    margin-left: 0;
  }

  div[lang="vi"] #fran-secion-7 #bonchon-steps-wrapper {
    width: 900px;
    margin-right: auto;
    margin-left: auto;
  }

  div[lang="vi"] #fran-secion-7 #bonchon-steps-wrapper div.step div.step-label {
    padding-left: 30px;
  }

  div[lang="vi"] #fran-secion-8 {
    padding-top: 110px;
  }
}

@media (min-width: 1200px) and (max-width: 1240px) {
  div[lang="vi"] #fran-secion-2 h2.section-title {
    transform: translateX(66px);
  }

  div[lang="vi"] #fran-secion-2 div.row-2 {
    transform: translateX(-20px);
  }

  div[lang="vi"] #fran-secion-3 div.col-1 {
    display: grid;
    width: 1080px;
    margin-right: auto;
    margin-left: auto;
    grid-template-columns: repeat(3, 340px);
    gap: 30px;
  }

  div[lang="vi"] #fran-secion-3 div.col-1 > div {
    width: 340px;
    min-width: 0;
  }

  div[lang="vi"] #fran-secion-3 div.row-1 div.col-1 div.item-1,
  div[lang="vi"] #fran-secion-3 div.row-1 div.col-1 div.item-2,
  div[lang="vi"] #fran-secion-3 div.row-1 div.col-1 div.item-3 {
    background-position: center;
  }

  div[lang="vi"] #fran-secion-4 #business-model-1 div.model-details {
    padding-left: 52px;
  }

  div[lang="vi"] #fran-secion-4 #business-model-2 div.model-details,
  div[lang="vi"] #fran-secion-4 #business-model-3 div.model-details {
    padding-left: 34px;
  }

  div[lang="vi"] #fran-secion-5 #bonchon-benefits {
    align-items: center;
  }
}

@media (min-width: 769px) {
  div[lang="en"] #fran-secion-1 h1.page-title {
    font-size: clamp(3rem, 2.6vw, 5rem);
  }

  div[lang="en"] #fran-secion-1 p.sub-slogan {
    font-size: clamp(1.6rem, 1.40625vw, 2.7rem);
    line-height: 1.2;
  }

  div[lang="en"] #fran-secion-1 #pricing-wrapper img {
    width: clamp(100px, 9.375vw, 180px);
  }

  div[lang="en"] #fran-secion-2 div.row-1 {
    width: min(72.9167vw, 1400px);
    margin-right: auto;
    margin-left: 50%;
    padding-right: 0;
    transform: translateX(-50%);
  }

  div[lang="en"] #fran-secion-2 div.row-1 > img {
    width: clamp(120px, 14.0625vw, 270px);
    margin-left: 0;
    transform: none;
  }

  div[lang="en"] #fran-secion-2 div.bonchon-global {
    position: absolute;
    left: calc(50% + 60px);
    margin-bottom: 25px;
    font-size: clamp(1.6rem, 1.6667vw, 3.2rem);
    line-height: 1.2;
    transform: translateX(-50%);
    white-space: nowrap;
  }

  div[lang="en"] #fran-secion-2 div.bonchon-global .font-draw {
    display: inline-block;
    font-size: 1.45em;
    line-height: 0.75;
    vertical-align: -0.08em;
  }

  div[lang="en"] #fran-secion-2 div.row-1 a.get-help-now {
    top: clamp(67px, calc(3.4vw + 5px), 70px);
    right: 0;
    bottom: auto;
    width: clamp(190px, 18.75vw, 360px);
  }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
  div[lang="en"] #fran-secion-2 div.row-1 a.get-help-now {
    top: 52px;
  }
}

@media (min-width: 1200px) {
  div[lang="en"] #fran-secion-2 div.row-2 {
    grid-template-columns: 42.5% 48.5%;
    grid-column-gap: 9%;
  }

  div[lang="en"] #fran-secion-2 div.row-2 div.col-1,
  div[lang="en"] #fran-secion-2 div.row-2 div.col-2 {
    width: 100%;
  }

  div[lang="en"] #fran-secion-2 h2.section-title {
    width: max-content;
    max-width: none;
    margin-bottom: clamp(70px, 5.73vw, 110px);
    font-size: clamp(3.6rem, 2.6vw, 5rem);
    line-height: 1.2;
  }

  div[lang="en"] #fran-secion-2 h2.section-title div.color-black,
  div[lang="en"] #fran-secion-2 h2.section-title div.color-red {
    white-space: nowrap;
  }

  div[lang="en"] #fran-secion-2 h2.section-title div.color-red {
    transform: translateX(clamp(45px, 5.47vw, 105px));
  }

  div[lang="en"] #fran-secion-2 div.row-2 div.col-1 > img {
    width: 92%;
    margin-left: 8%;
  }

  div[lang="en"] #fran-secion-2 div.row-2 div.col-2 > img {
    width: 100%;
  }

  div[lang="en"] #fran-secion-2 div.row-2 div.col-2 {
    padding-top: clamp(55px, 4.6875vw, 90px);
  }

  div[lang="en"] #fran-secion-3 div.row-1 {
    position: relative;
    left: 50%;
    width: min(104.545%, 1380px);
    margin-right: auto;
    margin-left: auto;
    grid-template-columns: 38.4% 58%;
    gap: 3.6%;
    transform: translate(-50%, clamp(-35px, -1.5625vw, -30px));
  }

  div[lang="en"] #fran-secion-3 div.col-1 {
    padding-top: clamp(15px, 1.25vw, 24px);
    grid-row-gap: clamp(6px, 0.625vw, 12px);
  }

  div[lang="en"] #fran-secion-3 div.col-1 > div {
    height: auto;
    min-height: 0;
    aspect-ratio: 637 / 280;
  }

  div[lang="en"] #fran-secion-3 div.row-1 div.col-1 div.item-1,
  div[lang="en"] #fran-secion-3 div.row-1 div.col-1 div.item-3 {
    background-position: calc(100% + 30px) center;
    background-size: 68% auto;
  }

  div[lang="en"] #fran-secion-3 div.row-1 div.col-1 div.item-2 {
    background-position: clamp(45px, 4.01vw, 77px) center;
    background-size: 68% auto;
  }

  div[lang="en"] #fran-secion-3 div.row-1 div.col-1 div.item-button {
    width: clamp(190px, 11.979vw, 230px);
  }

  div[lang="en"] #fran-secion-3 div.row-1 div.col-1 div.item-button span:nth-child(1) {
    font-size: clamp(2.4rem, 1.4583vw, 2.8rem);
    line-height: 1;
  }

  div[lang="en"] #fran-secion-3 div.row-1 div.col-1 div.item-button span:nth-child(2) {
    font-size: clamp(1.4rem, 0.8333vw, 1.6rem);
    line-height: 1.4;
  }

  div[lang="en"] #fran-secion-3 div.row-1 div.col-1 div.item-2 div.item-button {
    margin-right: 0;
  }

  div[lang="en"] #fran-secion-3 div.row-1 div.col-2 div.heading {
    padding-right: clamp(35px, 3.385vw, 65px);
  }

  div[lang="en"] #fran-secion-3 div.row-1 div.col-2 h2.section-title {
    font-size: clamp(3.6rem, 2.6vw, 5rem);
    line-height: 1.1;
    white-space: nowrap;
  }

  div[lang="en"] #fran-secion-3 div.row-1 div.col-2 p.sub-title {
    font-size: clamp(2rem, 1.4583vw, 2.8rem);
    white-space: nowrap;
  }

  div[lang="en"] #fran-secion-3 div.row-1 div.col-2 {
    transform: translateX(-50px);
  }

  div[lang="en"] #fran-secion-3 div.row-1 div.col-2 #spicy-items-wrapper {
    aspect-ratio: auto;
    margin-top: clamp(50px, 3.125vw, 60px);
    padding-top: clamp(20px, 1.5625vw, 30px);
    background-position: center top;
    background-size: 108% auto;
    justify-content: flex-start;
  }

  div[lang="en"] #fran-secion-3 div.row-1 div.col-2 #spicy-items {
    width: 92%;
    height: auto;
    aspect-ratio: 866 / 628;
  }

  div[lang="en"] #fran-secion-3 div.row-1 div.col-2 #spicy-items > div {
    width: 50%;
    height: 50%;
    padding: clamp(14px, 1.25vw, 24px);
    padding-left: clamp(12px, 0.8333vw, 16px);
  }

  div[lang="en"] #fran-secion-3 div.row-1 div.col-2 #spicy-items div.content-wrapper {
    max-width: 46%;
  }

  div[lang="en"] #fran-secion-3 div.row-1 div.col-2 #spicy-items div.content-wrapper h3 {
    font-size: clamp(2.4rem, 1.4583vw, 2.8rem);
    line-height: 0.95;
  }

  div[lang="en"] #fran-secion-3 div.row-1 div.col-2 #spicy-items div.content-wrapper p.item-sub-title {
    font-size: clamp(1.3rem, 0.7813vw, 1.5rem);
    line-height: 1.3;
  }

  div[lang="en"] #fran-secion-3 div.row-1 div.col-2 #spicy-items div.content-wrapper > div p {
    font-size: clamp(1.05rem, 0.5729vw, 1.1rem);
    line-height: 1.28;
  }

  div[lang="en"] #fran-secion-3 div.row-1 div.col-2 #spicy-items > div {
    min-height: 0;
    overflow: hidden;
  }

  div[lang="en"] #fran-secion-3 div.row-1 div.col-2 p.spicy-items-caption {
    margin-top: clamp(50px, 3.6458vw, 70px);
  }

  div[lang="en"] #fran-secion-4 {
    padding-top: clamp(90px, 5.7292vw, 110px);
  }

  div[lang="en"] #fran-secion-4 div.heading {
    padding-left: 0;
  }

  div[lang="en"] #fran-secion-4 h2.section-title {
    font-size: clamp(4.2rem, 2.6042vw, 5rem);
    line-height: 1;
    margin-bottom: 5px;
  }

  div[lang="en"] #fran-secion-4 p.sub-title {
    font-size: clamp(2.4rem, 1.4583vw, 2.8rem);
    line-height: 1.1;
  }

  div[lang="en"] #fran-secion-4 #business-model-wrapper {
    position: relative;
    left: 50%;
    width: min(104.545%, 1380px);
    margin-top: 50px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: clamp(16px, 1.0417vw, 20px);
    transform: translateX(-50%);
  }

  div[lang="en"] #fran-secion-4 #business-model-wrapper img {
    width: 100%;
  }

  div[lang="en"] #fran-secion-4 div.content-wrapper {
    padding: clamp(14px, 1.0417vw, 20px) clamp(8px, 0.625vw, 12px);
  }

  div[lang="en"] #fran-secion-4 #business-model-1 div.model-details,
  div[lang="en"] #fran-secion-4 #business-model-2 div.model-details,
  div[lang="en"] #fran-secion-4 #business-model-3 div.model-details {
    padding-right: clamp(6px, 0.5208vw, 10px);
    padding-left: clamp(6px, 0.5208vw, 10px);
  }

  div[lang="en"] #fran-secion-4 div.model-details li.expected-revenue span.color-red {
    display: block;
  }

  div[lang="en"] #fran-secion-5 {
    padding-top: clamp(80px, 5.2083vw, 100px);
    padding-bottom: clamp(80px, 5.2083vw, 100px);
  }

  div[lang="en"] #fran-secion-5 div.heading {
    margin-bottom: clamp(45px, 2.6042vw, 50px);
  }

  div[lang="en"] #fran-secion-5 h2.section-title {
    flex-direction: row;
    gap: clamp(8px, 0.5208vw, 10px);
    font-size: clamp(3.8rem, 2.6042vw, 5rem);
    line-height: 1.1;
    white-space: nowrap;
  }

  div[lang="en"] #fran-secion-5 #bonchon-benefits {
    grid-template-columns: minmax(0, 600px) minmax(0, 1fr);
    gap: clamp(45px, 3.125vw, 60px);
    align-items: start;
  }

  div[lang="en"] #fran-secion-5 div.bonchon-team {
    padding-top: clamp(5px, 0.5208vw, 10px);
  }

  div[lang="en"] #fran-secion-5 div.bonchon-team img {
    width: 100%;
  }

  div[lang="en"] #fran-secion-5 div.bonchon-benefits-list {
    grid-row-gap: clamp(20px, 1.3021vw, 25px);
  }

  div[lang="en"] #fran-secion-5 div.bonchon-benefit {
    gap: clamp(14px, 0.8333vw, 16px);
  }

  div[lang="en"] #fran-secion-5 div.bonchon-benefit.item-2,
  div[lang="en"] #fran-secion-5 div.bonchon-benefit.item-4 {
    margin-left: clamp(30px, 2.6042vw, 50px);
  }

  div[lang="en"] #fran-secion-5 div.bonchon-benefit.item-3 {
    margin-left: clamp(60px, 5.2083vw, 100px);
  }

  div[lang="en"] #fran-secion-5 div.bonchon-benefit > img {
    width: clamp(65px, 4.1667vw, 80px);
    flex: 0 0 auto;
  }

  div[lang="en"] #fran-secion-5 div.bonchon-benefit div.item-details p.item-title,
  div[lang="en"] #fran-secion-5 div.bonchon-benefit div.item-details p.item-desc {
    font-size: clamp(1.8rem, 1.1458vw, 2.2rem);
    line-height: 1.35;
  }

  div[lang="en"] #fran-secion-6 a.get-help-now {
    top: clamp(-85px, -4.4271vw, -70px);
    right: 0;
    width: clamp(360px, 21.875vw, 420px);
  }

  div[lang="en"] #fran-secion-6 div.slogan-desc img {
    position: static;
    display: inline-block;
    width: clamp(24px, 1.5104vw, 29px);
    margin-left: clamp(4px, 0.4167vw, 8px);
    transform: translateY(-12%);
  }

  div[lang="en"] #fran-secion-6 div.slogan-desc {
    font-size: clamp(2rem, 1.3021vw, 2.5rem);
    white-space: nowrap;
  }

  div[lang="en"] #fran-secion-6 div.bonchon-slogan {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-self: stretch;
    padding-top: 0;
  }

  div[lang="en"] #fran-secion-6 div.slogan-title {
    font-size: clamp(2.4rem, 1.5625vw, 3rem);
    line-height: 1.2;
  }
}

@media (min-width: 1550px) {
  div[lang="en"] #fran-secion-3 {
    aspect-ratio: 48 / 35;
    min-height: 1270px;
    background-position: center bottom;
    background-size: 100% auto;
  }
}

@media (min-width: 1400px) {
  div[lang="en"] #fran-secion-5 div.bonchon-team img {
    width: 103%;
    max-width: none;
    transform: translateX(-1.5%);
  }

  div[lang="en"] #fran-secion-5 div.bonchon-benefits-list {
    transform: translateX(-30px);
  }

  div[lang="en"] #fran-secion-6 {
    padding-top: 15px;
    padding-bottom: 15px;
  }

  div[lang="en"] #fran-secion-6 div.content-wrapper > img {
    width: 320px;
    transform: translateY(3px);
  }

  div[lang="en"] #fran-secion-6 div.bonchon-slogan {
    transform: translateY(3px);
  }

  div[lang="en"] #fran-secion-6 a.get-help-now {
    top: -50px;
  }

  div[lang="en"] #fran-secion-6 div.slogan-desc img {
    transform: translateY(-28%);
  }

  div[lang="en"] #fran-secion-8 {
    padding-top: 320px;
    padding-bottom: 68px;
  }

  div[lang="en"] #fran-secion-8 #bonchon-slogan-04 {
    top: 15px;
    left: calc(50% - 620px);
  }

  div[lang="en"] #fran-secion-8 div.content-wrapper {
    width: 965px;
    height: 965px;
  }

  div[lang="en"] #fran-secion-8 div.heading > img {
    width: 95px;
  }

  div[lang="en"] #fran-secion-8 h2.section-title {
    font-size: 3rem;
    line-height: 1.2;
    margin-left: 20px;
  }

  div[lang="en"] #fran-secion-8 #form-dang-ky-wrapper {
    margin-top: 53px;
  }

  div[lang="en"] #fran-secion-7 div.content-wrapper {
    grid-template-columns: 300px minmax(0, 1fr);
    gap: 0;
  }

  div[lang="en"] #fran-secion-7 #panel-left-buttons > img {
    width: 400px;
    max-width: none;
  }

  div[lang="en"] #fran-secion-7 #bonchon-steps {
    box-sizing: border-box;
    width: 1280px;
    max-width: none;
    margin-left: -100px;
    padding-left: 0;
  }

  div[lang="en"] #fran-secion-7 h2.section-title {
    width: 900px;
    margin-left: 200px;
  }

  div[lang="en"] #fran-secion-7 #bonchon-steps-wrapper {
    width: 960px;
    margin-left: 170px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    grid-column-gap: 50px;
  }

  div[lang="en"] #fran-secion-7 #bonchon-steps-wrapper div.step div.step-title,
  div[lang="en"] #fran-secion-7 #bonchon-steps-wrapper div.step div.step-desc {
    box-sizing: border-box;
    padding-left: 30px;
  }

  div[lang="en"] #fran-secion-7 #bonchon-steps-wrapper div.step-5 div.step-title {
    white-space: normal;
  }

  div[lang="en"] #fran-secion-7 #bonchon-steps-wrapper div.step-5 div.step-title span {
    display: block;
    white-space: nowrap;
  }

  div[lang="en"] #fran-secion-7 #bonchon-steps-wrapper div.step-6 div.step-title {
    white-space: nowrap;
  }
}

@media (min-width: 1400px) and (max-width: 1440px) {
  div[lang="en"] #fran-secion-4 #business-model-wrapper {
    width: 1240px;
  }

  div[lang="en"] #fran-secion-4 #business-model-1 div.model-details {
    padding-left: 55px;
  }

  div[lang="en"] #fran-secion-4 #business-model-2 div.model-details,
  div[lang="en"] #fran-secion-4 #business-model-3 div.model-details {
    padding-left: 36px;
  }

  div[lang="en"] #fran-secion-5 #bonchon-benefits {
    width: 1100px;
    margin-right: auto;
    margin-left: auto;
    grid-template-columns: 505px minmax(0, 1fr);
    gap: 55px;
    align-items: center;
  }

  div[lang="en"] #fran-secion-5 div.bonchon-team {
    width: 505px;
    padding-top: 0;
  }

  div[lang="en"] #fran-secion-5 div.bonchon-team img {
    width: 100%;
    transform: none;
  }

  div[lang="en"] #fran-secion-5 div.bonchon-benefits-list {
    transform: none;
  }

  div[lang="en"] #fran-secion-7 div.content-wrapper,
  div[lang="en"] #fran-secion-7 #panel-left-buttons {
    width: 1200px;
    margin-right: auto;
    margin-left: auto;
  }

  div[lang="en"] #fran-secion-7 {
    padding-top: 50px;
  }

  div[lang="en"] #fran-secion-7 #bonchon-steps {
    width: 1100px;
    margin-right: auto;
    margin-left: auto;
    padding-left: 0;
    transform: translateY(-35px);
  }

  div[lang="en"] #fran-secion-7 h2.section-title {
    width: auto;
    margin-left: 0;
  }

  div[lang="en"] #fran-secion-7 #bonchon-steps-wrapper {
    width: 900px;
    margin-right: auto;
    margin-left: auto;
  }

  div[lang="en"] #fran-secion-7 #bonchon-steps-wrapper div.step div.step-label {
    padding-left: 30px;
  }

  div[lang="en"] #fran-secion-8 {
    padding-top: 110px;
  }
}

@media (min-width: 1450px) and (max-width: 1599.98px) {
  div[lang="en"] #fran-secion-7 #bonchon-steps {
    width: calc(100vw - 315px);
  }
}

@media (min-width: 1200px) and (max-width: 1240px) {
  div[lang="en"] #fran-secion-2 h2.section-title {
    transform: translateX(66px);
  }

  div[lang="en"] #fran-secion-2 div.row-2 {
    transform: translateX(-20px);
  }

  div[lang="en"] #fran-secion-3 div.col-1 {
    display: grid;
    width: 1080px;
    margin-right: auto;
    margin-left: auto;
    grid-template-columns: repeat(3, 340px);
    gap: 30px;
  }

  div[lang="en"] #fran-secion-3 div.col-1 > div {
    width: 340px;
    min-width: 0;
  }

  div[lang="en"] #fran-secion-3 div.row-1 div.col-1 div.item-1,
  div[lang="en"] #fran-secion-3 div.row-1 div.col-1 div.item-2,
  div[lang="en"] #fran-secion-3 div.row-1 div.col-1 div.item-3 {
    background-position: center;
  }

  div[lang="en"] #fran-secion-4 #business-model-1 div.model-details {
    padding-left: 52px;
  }

  div[lang="en"] #fran-secion-4 #business-model-2 div.model-details,
  div[lang="en"] #fran-secion-4 #business-model-3 div.model-details {
    padding-left: 34px;
  }

  div[lang="en"] #fran-secion-5 #bonchon-benefits {
    align-items: center;
  }
}

@media (min-width: 993px) and (max-width: 1024px) {
  body.node-447 #header #block-giaidieu-branding-2.container {
    width: 960px;
    max-width: 960px;
    padding-right: 0;
    padding-left: 0;
  }

  body.node-447 #header .giaidieu-main-navigation:before {
    left: 0;
  }

  body.node-447 #header #block-giaidieu-advancedlanguageselectorblock {
    left: 45px;
  }

  div[lang="vi"] #fran-secion-2 div.row-1 {
    transform: translateX(-50%) translateY(45px);
  }

  div[lang="vi"] #fran-secion-2 div.row-1 a.get-help-now {
    transform: translateY(-18px);
  }

  div[lang="vi"] #fran-secion-2 div.row-2 {
    transform: translateY(30px);
  }

  div[lang="vi"] #fran-secion-2 h2.section-title {
    text-align: left;
  }

  div[lang="vi"] #fran-secion-2 h2.section-title div.color-black,
  div[lang="vi"] #fran-secion-2 h2.section-title div.color-red {
    width: max-content;
    margin-left: 75px;
  }

  div[lang="vi"] #fran-secion-2 h2.section-title div.color-black {
    transform: translateX(-25px);
  }

  div[lang="vi"] #fran-secion-2 h2.section-title div.color-red {
    padding-right: 0;
    transform: translateX(25px);
  }

  div[lang="vi"] #fran-secion-2 div.row-2 div.col-2 {
    transform: translateY(50px);
  }

  div[lang="vi"] #fran-secion-4 #business-model-wrapper {
    margin-top: 68px;
  }

  div[lang="vi"] #fran-secion-5 div.bonchon-benefits-list {
    width: min(100%, 640px);
  }

  div[lang="vi"] #fran-secion-6 {
    padding-top: 46px;
    padding-bottom: 46px;
  }

  div[lang="vi"] #fran-secion-6 a.get-help-now {
    top: -85px;
  }
}

@media (min-width: 881px) and (max-width: 992px) {
  div[lang="vi"] #fran-secion-2 div.row-1 {
    transform: translateX(-50%) translateY(45px);
  }

  div[lang="vi"] #fran-secion-2 div.row-1 a.get-help-now {
    transform: translateY(-18px);
  }

  div[lang="vi"] #fran-secion-2 div.row-2 {
    transform: translateY(30px);
  }

  div[lang="vi"] #fran-secion-4 #business-model-wrapper {
    margin-top: 68px;
  }

  div[lang="vi"] #fran-secion-5 div.bonchon-benefits-list {
    width: min(100%, 640px);
  }

  div[lang="vi"] #fran-secion-6 {
    padding-top: 46px;
    padding-bottom: 46px;
  }

  div[lang="vi"] #fran-secion-6 a.get-help-now {
    top: -85px;
  }

  div[lang="vi"] #fran-secion-7 #bonchon-steps {
    margin-bottom: -30px;
    transform: translateY(-30px);
  }

  div[lang="vi"] #fran-secion-7 #bonchon-steps-wrapper .step-5 .step-title {
    display: flex;
    gap: 0.25em;
    white-space: nowrap;
  }
}

@media (min-width: 991.99px) and (max-width: 992px) {
  div[lang="vi"] #fran-secion-2 div.row-1 a.get-help-now {
    transform: translateY(-60px);
  }

  div[lang="vi"] #fran-secion-2 div.row-1 > img,
  div[lang="vi"] #fran-secion-2 div.bonchon-global {
    transform: translateY(-25px);
  }

  body.node-447 #header #block-giaidieu-branding-2.container {
    width: 880px;
    max-width: 880px;
    padding-right: 0;
    padding-left: 0;
  }

  body.node-447 #header .giaidieu-main-navigation:before {
    left: 0;
  }

  body.node-447 #header #block-giaidieu-advancedlanguageselectorblock {
    left: 45px;
  }

  div[lang="vi"] #fran-secion-7 #panel-left-buttons,
  div[lang="vi"] #fran-secion-7 #bonchon-steps {
    box-sizing: border-box;
    width: 880px;
    margin-right: auto;
    margin-left: auto;
  }

  div[lang="vi"] #fran-secion-7 #bonchon-steps {
    padding-right: 32px;
    padding-left: 32px;
  }

  div[lang="vi"] #fran-secion-7 #bonchon-steps-wrapper {
    width: 740px;
    margin-right: auto;
    margin-left: auto;
    grid-column-gap: 60px;
  }
}

@media (min-width: 769px) and (max-width: 1199.98px) {
  div[lang="vi"] #fran-secion-2 div.bonchon-global {
    position: relative;
    left: auto;
    transform: none;
  }
}

@media (min-width: 769px) and (max-width: 880px) {
  div[lang="vi"] #fran-secion-2 div.bonchon-global {
    max-width: 260px;
    text-align: center;
    white-space: normal;
  }
}

@media (max-width: 1199.98px) {
  .fran-container {
    max-width: 960px;
  }
}

@media (max-width: 991.98px) {
  .fran-container {
    max-width: 720px;
  }

  body.node-447 #header #block-giaidieu-branding-2.container {
    width: 720px;
    max-width: 720px;
    padding-right: 0;
    padding-left: 0;
  }

  body.node-447 #header .giaidieu-main-navigation:before {
    left: 0;
  }

  body.node-447 #header #block-giaidieu-advancedlanguageselectorblock {
    left: 45px;
  }
}

@media (max-width: 767.98px) {
  .fran-container {
    max-width: 540px;
  }

  body.node-447 #header #block-giaidieu-branding-2.container {
    width: 540px;
    max-width: 540px;
  }
}

@media (max-width: 575.98px) {
  .fran-container {
    width: calc(100% - 30px);
    max-width: none;
  }

  body.node-447 #header #block-giaidieu-branding-2.container {
    width: calc(100% - 30px);
    max-width: none;
  }
}

@media (min-width: 769px) and (max-width: 992px) {
  div[lang="vi"] #fran-secion-2 div.row-1 > img,
  div[lang="vi"] #fran-secion-2 div.bonchon-global {
    transform: translateY(-25px);
  }

  div[lang="vi"] #fran-secion-2 div.row-1 a.get-help-now {
    transform: translateY(-60px);
  }

  div[lang="vi"] #fran-secion-2 h2.section-title div.color-black {
    transform: translateX(-25px);
  }

  div[lang="vi"] #fran-secion-2 h2.section-title div.color-red {
    transform: translateX(25px);
  }
}

@media (max-width: 992px) {
  div[lang="vi"] #fran-secion-2 h2.section-title {
    margin-bottom: 30px;
  }
}

@media (min-width: 769px) and (max-width: 880px) {
  div[lang="vi"] #fran-secion-2 div.row-1 > img {
    transform: translateY(22px);
  }

  div[lang="vi"] #fran-secion-2 div.bonchon-global {
    max-width: none;
    font-size: 14px;
    transform: translate(-69px, 35px);
    white-space: nowrap;
  }

  div[lang="vi"] #fran-secion-2 div.row-1 a.get-help-now {
    transform: none;
  }

  div[lang="vi"] #fran-secion-2 div.row-2 {
    transform: translateY(45px);
  }
}

@media (max-width: 768px) {
  body.node-447 #header .block-giaidieu-hotline {
    padding-right: 0;
  }

  div[lang="vi"] #fran-secion-1 #pricing-wrapper img {
    right: clamp(15px, 5.86vw, 45px);
    width: clamp(78px, 12.4vw, 95px);
  }

  div[lang="vi"] #fran-secion-2 div.row-1 {
    transform: translateY(-25px);
  }

  div[lang="vi"] #fran-secion-2 div.bonchon-global {
    width: min(100%, 520px);
    max-width: calc(100% - 16px);
    font-size: clamp(16px, 2.1vw, 18px);
    line-height: 1.2;
    text-align: center;
    white-space: normal;
  }

  div[lang="vi"] #fran-secion-2 h2.section-title div.color-black {
    transform: translateX(calc(-1 * clamp(8px, 3vw, 25px)));
  }

  div[lang="vi"] #fran-secion-2 h2.section-title div.color-red {
    transform: translateX(clamp(8px, 3vw, 25px));
  }
}

@media (min-width: 611px) and (max-width: 768px) {
  .fran-container,
  body.node-447 #header #block-giaidieu-branding-2.container,
  div[lang="vi"] #fran-secion-8 div.content-wrapper {
    width: calc(100% - 48px);
    max-width: 720px;
  }

  body.node-447 div.section {
    padding-right: 0;
    padding-left: 0;
  }

  div[lang="vi"] #fran-secion-8 #bonchon-slogan-04 {
    left: 24px;
  }

  div[lang="vi"] #fran-secion-2 div.row-1 {
    display: block;
    position: relative;
    min-height: 130px;
    margin-top: -130px;
    margin-bottom: 75px;
    padding-right: 0;
    transform: none;
  }

  div[lang="vi"] #fran-secion-2 div.row-1 > img {
    position: absolute;
    top: 33px;
    left: 30px;
    width: 118px;
    margin: 0;
    transform: none;
  }

  div[lang="vi"] #fran-secion-2 div.bonchon-global {
    position: absolute;
    top: 125px;
    left: 50%;
    justify-self: auto;
    margin: 0;
    transform: translateX(-50%);
  }

  div[lang="vi"] #fran-secion-2 div.row-1 a.get-help-now {
    position: absolute;
    top: 68px;
    right: 0;
    bottom: auto;
    width: 190px;
    transform: none;
  }
}

@media (min-width: 431px) and (max-width: 610px) {
  div[lang="vi"] #fran-secion-2 div.row-1 {
    --globe-shift: calc(82.8px - 12vw);
    margin-bottom: calc(100.8px - 12vw);
    transform: none;
  }

  div[lang="vi"] #fran-secion-2 div.row-1 > img {
    transform: translateY(var(--globe-shift));
  }

  div[lang="vi"] #fran-secion-2 div.bonchon-global {
    transform: translateY(-8px);
  }

  div[lang="vi"] #fran-secion-2 div.row-1 a.get-help-now {
    transform: translateY(calc(50.8px - 12vw));
  }
}

@media (min-width: 431px) and (max-width: 510px) {
  div[lang="vi"] #fran-secion-2 div.bonchon-global {
    transform: translateY(calc(var(--globe-shift) - 8px));
  }
}

@media (max-width: 430px) {
  div[lang="en"] #fran-secion-1 h1.page-title {
    font-size: clamp(2.2rem, 6vw, 2.6rem);
    line-height: 1.1;
  }

  div[lang="en"] #fran-secion-1 h1.page-title span.color-white,
  div[lang="en"] #fran-secion-1 h1.page-title span.color-red {
    display: block;
    white-space: normal;
  }

  div[lang="en"] #fran-secion-1 p.sub-slogan {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0;
    width: 100%;
    font-size: 0;
    line-height: 1.15;
  }

  div[lang="en"] #fran-secion-1 p.sub-slogan > span {
    display: block;
    max-width: 100%;
    font-size: clamp(1.7rem, 5vw, 2rem);
    line-height: 1.15;
    white-space: nowrap;
  }

  div[lang="en"] #fran-secion-2 div.row-1 {
    grid-template-columns: 118px minmax(0, 1fr);
    margin-bottom: 35px;
    transform: translateY(-45px);
  }

  div[lang="en"] #fran-secion-2 div.row-1 > img {
    width: 118px;
    transform: translateY(21px);
  }

  div[lang="en"] #fran-secion-2 div.bonchon-global {
    width: min(100%, calc(100vw - 30px));
    max-width: calc(100vw - 30px);
    transform: translateY(31px);
  }

  div[lang="en"] #fran-secion-7 #bonchon-steps,
  div[lang="en"] #fran-secion-7 #bonchon-steps-wrapper {
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
  }

  div[lang="vi"] #fran-secion-1 p.sub-slogan {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0;
    font-size: 0;
    line-height: 1.15;
  }

  div[lang="vi"] #fran-secion-1 p.sub-slogan > span {
    display: block;
    font-size: var(--item-title-font-size);
    line-height: 1.15;
  }

  div[lang="vi"] #fran-secion-2 div.row-1 {
    grid-template-columns: 118px minmax(0, 1fr);
    margin-bottom: 35px;
    transform: translateY(-45px);
  }

  div[lang="vi"] #fran-secion-2 div.row-1 > img {
    width: 118px;
    transform: translateY(21px);
  }

  div[lang="vi"] #fran-secion-2 div.bonchon-global {
    transform: translateY(31px);
  }
}

@media (max-width: 1399px) {
  div[lang="vi"] #fran-secion-7 #bonchon-steps-wrapper div.step {
    --step-content-offset: clamp(18px, 1.56vw, 30px);
  }

  div[lang="vi"] #fran-secion-7 #bonchon-steps-wrapper div.step div.step-label {
    padding-left: var(--step-content-offset);
  }

  div[lang="vi"] #fran-secion-7 #bonchon-steps-wrapper div.step div.step-title,
  div[lang="vi"] #fran-secion-7 #bonchon-steps-wrapper div.step div.step-desc {
    box-sizing: border-box;
    padding-left: var(--step-content-offset);
  }

  div[lang="vi"] #fran-secion-7 #bonchon-steps-wrapper div.step div.step-title {
    display: flex;
    grid-gap: 5px;
  }
}

@media (max-width: 518px) {
  div[lang="vi"] #fran-secion-7 #bonchon-steps-wrapper div.step {
    align-items: flex-start;
    text-align: left;
  }

  div[lang="vi"] #fran-secion-7 #bonchon-steps-wrapper div.step div.step-label {
    margin-right: 0;
    margin-left: 0;
  }

  div[lang="vi"] #fran-secion-7 #bonchon-steps-wrapper div.step div.step-title,
  div[lang="vi"] #fran-secion-7 #bonchon-steps-wrapper div.step div.step-desc {
    text-align: left;
  }
}

@media (min-width: 991.99px) and (max-width: 992px) {
  div[lang="vi"] #fran-secion-8 div.content-wrapper {
    box-sizing: border-box;
    width: 880px;
  }

  div[lang="vi"] #fran-secion-8 #bonchon-slogan-04 {
    left: calc(50% - 440px);
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  div[lang="vi"] #fran-secion-8 div.content-wrapper {
    box-sizing: border-box;
    width: 720px;
  }

  div[lang="vi"] #fran-secion-8 #bonchon-slogan-04 {
    left: calc(50% - 360px);
  }
}

@media (min-width: 575.99px) and (max-width: 767.98px) {
  div[lang="vi"] #fran-secion-8 div.content-wrapper {
    box-sizing: border-box;
    width: 540px;
  }

  div[lang="vi"] #fran-secion-8 #bonchon-slogan-04 {
    left: calc(50% - 270px);
  }
}

@media (max-width: 575.98px) {
  div[lang="vi"] #fran-secion-8 div.content-wrapper {
    box-sizing: border-box;
    width: calc(100% - 30px);
  }

  div[lang="vi"] #fran-secion-8 #bonchon-slogan-04 {
    left: 15px;
  }
}

@media (max-width: 1240px) {
  div[lang="vi"] #fran-secion-3 div.row-1 div.col-1 div.item-3 > img.hand-brushed-accent,
  div[lang="vi"] #fran-secion-3 div.row-1 div.col-1 div.item-3:not(:has(> img.hand-brushed-accent))::before {
    top: auto;
    left: auto;
    right: -5%;
    bottom: -15px;
    transform: none;
  }

  div[lang="vi"] #fran-secion-3 div.row-1 div.col-2 #spicy-items-wrapper > img.spicy-items-accent,
  div[lang="vi"] #fran-secion-3 div.row-1 div.col-2 #spicy-items-wrapper:not(:has(> img.spicy-items-accent))::before,
  div[lang="vi"] #fran-secion-3 div.row-1 div.col-1 div.item-3 > img.hand-brushed-accent,
  div[lang="vi"] #fran-secion-3 div.row-1 div.col-1 div.item-3:not(:has(> img.hand-brushed-accent))::before,
  div[lang="vi"] #fran-secion-3 div.row-1 div.col-2 #spicy-items-wrapper img.spicy-caption-arrow,
  div[lang="vi"] #fran-secion-3 div.row-1 div.col-2 #spicy-items-wrapper:not(:has(img.spicy-caption-arrow))::after {
    display: none;
  }
}

@media (max-width: 690px) {
  div[lang="vi"] #fran-secion-3 div.row-1 div.col-1 div.item-3 > img.hand-brushed-accent,
  div[lang="vi"] #fran-secion-3 div.row-1 div.col-1 div.item-3:not(:has(> img.hand-brushed-accent))::before {
    right: -2%;
    bottom: -10px;
    width: 44%;
  }
}

@media (max-width: 694px) {
  div[lang="vi"] #fran-secion-6 div.slogan-desc span.slogan-desc-tail {
    display: inline-block;
    position: relative;
    white-space: nowrap;
  }

  div[lang="vi"] #fran-secion-6 div.slogan-desc span.slogan-desc-tail > img {
    position: absolute;
    top: 50%;
    right: auto;
    left: calc(100% + 6px);
    width: 22px;
    height: auto;
    transform: translateY(-54%);
  }
}

@media (max-width: 447px) {
  div[lang="vi"] #fran-secion-4 div.heading p.sub-title span.strategy-phrase {
    display: inline-block;
    white-space: nowrap;
  }
}