/* 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);
    height: auto;
    aspect-ratio: 275 / 112;
    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 (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: -70px;
    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 {
    width: min(100%, 392px);
  }

  #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 img {
    position: static;
    display: inline-block;
    margin-left: 4px;
    vertical-align: text-top;
  }

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

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

  #fran-secion-7 #panel-left-buttons a.get-help-now {
    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 (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: 132px;
  }

  #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: -50px;
  }

  #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;
  }
}