#desktopHeader {
  font-family: "FC-Iconic-Regular", sans-serif;
  font-weight: 500;
  z-index: 9999;
  width: auto;
  background: linear-gradient(45deg, #fa4786 0%, #fa4786 60%, #e9a7bf 100%);
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none; }
  #desktopHeader .des-header {
    position: relative;
    height: 65px;
    color: #333333;
    display: flex;
    justify-content: space-between;
    align-items: center; }
  #desktopHeader .image-logo-link {
    display: flex;
    align-items: center;
    max-width: 137px; }
    #desktopHeader .image-logo-link .img-ntb {
      height: 65px;
      display: block;
      max-width: 100%; }
  #desktopHeader .menu-items-container {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1;
    margin-right: 20px; }
  #desktopHeader .menu-header {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 65px;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    text-align: center;
    margin: auto 30px auto 0px;
    cursor: pointer;
    text-decoration: none;
    padding-top: 2px;
    color: #FFFFFF; }
    #desktopHeader .menu-header.active {
      font-weight: bold;
      border-bottom: 4px solid #FFFFFF; }
    #desktopHeader .menu-header.menu-loan {
      width: 126px; }
    #desktopHeader .menu-header.menu-insurance {
      width: 127px; }
    #desktopHeader .menu-header.menu-article {
      width: 105px; }
    #desktopHeader .menu-header.menu-branches {
      width: 119px; }
    #desktopHeader .menu-header.menu-calculator {
      width: 205px; }
    #desktopHeader .menu-header .flag {
      float: left;
      padding-top: 1px;
      margin-right: 5px; }
  #desktopHeader .mac-browser-menu-header {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 65px;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    text-align: center;
    margin: auto 30px auto 0px;
    cursor: pointer;
    text-decoration: none;
    padding-top: 2px;
    color: #FFFFFF; }
    #desktopHeader .mac-browser-menu-header.active {
      font-weight: bold;
      border-bottom: 4px solid #FFFFFF; }
    #desktopHeader .mac-browser-menu-header.menu-loan {
      width: 126px; }
    #desktopHeader .mac-browser-menu-header.menu-insurance {
      width: 127px; }
    #desktopHeader .mac-browser-menu-header.menu-article {
      width: 105px; }
    #desktopHeader .mac-browser-menu-header.menu-branches {
      width: 119px; }
    #desktopHeader .mac-browser-menu-header.menu-calculator {
      width: 205px; }
    #desktopHeader .mac-browser-menu-header .flag {
      float: left;
      padding-top: 1px;
      margin-right: 5px; }
  #desktopHeader .menu-product-box {
    display: flex; }
  #desktopHeader .menu-product-box:hover #subMenuLoan,
  #desktopHeader .menu-product-box:hover #subMenuInsurance {
    display: flex; }
  #desktopHeader #subMenuLoan, #desktopHeader #subMenuInsurance {
    display: none;
    position: absolute;
    top: 65px;
    left: 0;
    right: 0;
    z-index: 9999;
    width: auto;
    height: 216px;
    background-color: #FFFFFF;
    gap: 8px;
    justify-content: center; }
    #desktopHeader #subMenuLoan .sub-menu-container, #desktopHeader #subMenuInsurance .sub-menu-container {
      display: flex;
      flex-direction: column;
      width: 902px;
      height: 168px; }
    #desktopHeader #subMenuLoan .sub-menu-header, #desktopHeader #subMenuInsurance .sub-menu-header {
      font-weight: 400;
      font-size: 16px;
      line-height: 24px;
      color: #002D72;
      margin-top: 10px; }
      #desktopHeader #subMenuLoan .sub-menu-header .see-all, #desktopHeader #subMenuInsurance .sub-menu-header .see-all {
        display: block;
        width: 290px;
        height: auto;
        padding: 8px 16px;
        text-decoration: none;
        color: #002D72; }
        #desktopHeader #subMenuLoan .sub-menu-header .see-all:hover, #desktopHeader #subMenuInsurance .sub-menu-header .see-all:hover {
          background-color: #FFEDF3;
          border-radius: 8px;
          color: #FA4786; }
          #desktopHeader #subMenuLoan .sub-menu-header .see-all:hover div, #desktopHeader #subMenuInsurance .sub-menu-header .see-all:hover div {
            color: #FA4786 !important; }
    #desktopHeader #subMenuLoan .sub-menu-box, #desktopHeader #subMenuInsurance .sub-menu-box {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      width: 902px; }
      #desktopHeader #subMenuLoan .sub-menu-box.sub-menu-box-1, #desktopHeader #subMenuInsurance .sub-menu-box.sub-menu-box-1 {
        grid-column: 1;
        height: 224px; }
      #desktopHeader #subMenuLoan .sub-menu-box.sub-menu-box-2, #desktopHeader #subMenuInsurance .sub-menu-box.sub-menu-box-2 {
        grid-column: 2;
        height: 104px; }
      #desktopHeader #subMenuLoan .sub-menu-box.sub-menu-box-3, #desktopHeader #subMenuInsurance .sub-menu-box.sub-menu-box-3 {
        grid-column: 3;
        height: 224px; }
      #desktopHeader #subMenuLoan .sub-menu-box .sub-menu, #desktopHeader #subMenuInsurance .sub-menu-box .sub-menu {
        display: block;
        width: 290px;
        height: auto;
        font-size: 16px;
        line-height: 24px;
        padding: 8px 16px;
        gap: 8px;
        font-weight: 400;
        text-decoration: none;
        color: #002D72; }
        #desktopHeader #subMenuLoan .sub-menu-box .sub-menu:hover, #desktopHeader #subMenuLoan .sub-menu-box .sub-menu.active, #desktopHeader #subMenuInsurance .sub-menu-box .sub-menu:hover, #desktopHeader #subMenuInsurance .sub-menu-box .sub-menu.active {
          background-color: #FFEDF3;
          border-radius: 8px;
          color: #FA4786; }
          #desktopHeader #subMenuLoan .sub-menu-box .sub-menu:hover div, #desktopHeader #subMenuLoan .sub-menu-box .sub-menu.active div, #desktopHeader #subMenuInsurance .sub-menu-box .sub-menu:hover div, #desktopHeader #subMenuInsurance .sub-menu-box .sub-menu.active div {
            color: #FA4786 !important; }
        #desktopHeader #subMenuLoan .sub-menu-box .sub-menu.disabled, #desktopHeader #subMenuInsurance .sub-menu-box .sub-menu.disabled {
          color: #c4c4c4; }
          #desktopHeader #subMenuLoan .sub-menu-box .sub-menu.disabled.active, #desktopHeader #subMenuInsurance .sub-menu-box .sub-menu.disabled.active {
            color: #c4c4c4; }
        #desktopHeader #subMenuLoan .sub-menu-box .sub-menu div:first-child, #desktopHeader #subMenuInsurance .sub-menu-box .sub-menu div:first-child {
          color: inherit;
          font-size: 16px;
          line-height: 24px;
          font-weight: 400; }
        #desktopHeader #subMenuLoan .sub-menu-box .sub-menu div:last-child, #desktopHeader #subMenuInsurance .sub-menu-box .sub-menu div:last-child {
          color: #7F7F80;
          font-size: 14px;
          line-height: 20px;
          width: 274px;
          height: auto; }
        #desktopHeader #subMenuLoan .sub-menu-box .sub-menu:last-child, #desktopHeader #subMenuInsurance .sub-menu-box .sub-menu:last-child {
          border-bottom: unset; }
      #desktopHeader #subMenuLoan .sub-menu-box .mac-browser-sub-menu, #desktopHeader #subMenuInsurance .sub-menu-box .mac-browser-sub-menu {
        display: block;
        width: 290px;
        height: auto;
        font-size: 16px;
        line-height: 24px;
        padding: 8px 16px;
        gap: 8px;
        font-weight: 400;
        text-decoration: none;
        color: #002D72; }
        #desktopHeader #subMenuLoan .sub-menu-box .mac-browser-sub-menu:hover, #desktopHeader #subMenuLoan .sub-menu-box .mac-browser-sub-menu.active, #desktopHeader #subMenuInsurance .sub-menu-box .mac-browser-sub-menu:hover, #desktopHeader #subMenuInsurance .sub-menu-box .mac-browser-sub-menu.active {
          background-color: #FFEDF3;
          border-radius: 8px;
          color: #FA4786; }
          #desktopHeader #subMenuLoan .sub-menu-box .mac-browser-sub-menu:hover div, #desktopHeader #subMenuLoan .sub-menu-box .mac-browser-sub-menu.active div, #desktopHeader #subMenuInsurance .sub-menu-box .mac-browser-sub-menu:hover div, #desktopHeader #subMenuInsurance .sub-menu-box .mac-browser-sub-menu.active div {
            color: #FA4786 !important; }
        #desktopHeader #subMenuLoan .sub-menu-box .mac-browser-sub-menu.disabled, #desktopHeader #subMenuInsurance .sub-menu-box .mac-browser-sub-menu.disabled {
          color: #c4c4c4; }
          #desktopHeader #subMenuLoan .sub-menu-box .mac-browser-sub-menu.disabled.active, #desktopHeader #subMenuInsurance .sub-menu-box .mac-browser-sub-menu.disabled.active {
            color: #c4c4c4; }
        #desktopHeader #subMenuLoan .sub-menu-box .mac-browser-sub-menu div:first-child, #desktopHeader #subMenuInsurance .sub-menu-box .mac-browser-sub-menu div:first-child {
          color: inherit;
          font-size: 16px;
          line-height: 24px;
          font-weight: 400; }
        #desktopHeader #subMenuLoan .sub-menu-box .mac-browser-sub-menu div:last-child, #desktopHeader #subMenuInsurance .sub-menu-box .mac-browser-sub-menu div:last-child {
          color: #7F7F80;
          font-size: 14px;
          line-height: 20px;
          width: 274px;
          height: auto; }
        #desktopHeader #subMenuLoan .sub-menu-box .mac-browser-sub-menu:last-child, #desktopHeader #subMenuInsurance .sub-menu-box .mac-browser-sub-menu:last-child {
          border-bottom: unset; }
    #desktopHeader #subMenuLoan:hover, #desktopHeader #subMenuInsurance:hover {
      display: flex; }
  #desktopHeader .button-search-branch {
    margin: auto 20px auto auto;
    height: 34px;
    border-radius: 4px;
    background-color: #ffffff;
    padding: 0px 10px;
    cursor: pointer;
    border: 1px solid #ffebf2;
    text-decoration: none; }
    #desktopHeader .button-search-branch .btn-search-branch {
      margin-top: 4px; }
      #desktopHeader .button-search-branch .btn-search-branch img {
        width: 20px;
        vertical-align: middle; }
      #desktopHeader .button-search-branch .btn-search-branch span {
        margin-right: 7px;
        font-family: "FC-Iconic-Medium", sans-serif;
        font-size: 14px;
        color: #333333; }
    #desktopHeader .button-search-branch:hover {
      background-color: #ffebf2;
      border: 1px solid #fccadb; }
  @media only screen and (max-width: 1280px) {
    #desktopHeader {
      /*header*/
      /*header*/ }
      #desktopHeader .des-header {
        width: 100%; }
        #desktopHeader .des-header .button-search-branch {
          margin-right: 20px; }
      #desktopHeader .menu-items-container {
        margin-right: 20px; } }
  @media only screen and (max-width: 900px) {
    #desktopHeader .menu-items-container {
      margin-right: 20px; }
    #desktopHeader .button-search-branch span {
      display: none; }
    #desktopHeader .button-search-branch i {
      margin-right: 0px !important; } }
  @media screen and (max-width: 640px) {
    #desktopHeader .button-search-branch {
      margin-right: 16px; } }

#mobileHeader {
  user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -o-user-select: none;
  min-height: 70px;
  max-height: 100%;
  z-index: 99999;
  overflow: hidden; }
  #mobileHeader .mob-nav-row {
    display: flex;
    height: 70px;
    width: 100%;
    background: linear-gradient(45deg, #fa4786 0%, #fa4786 60%, #e9a7bf 100%); }
    #mobileHeader .mob-nav-row .mob-logo {
      -webkit-transition: all 0.5s;
      transition: all 0.5s;
      cursor: pointer;
      width: 100%;
      overflow: hidden;
      right: 0; }
      #mobileHeader .mob-nav-row .mob-logo .mob-img-ntb {
        height: 100%; }
    #mobileHeader .mob-nav-row .mob-sub-menu {
      cursor: pointer;
      position: absolute;
      top: 0px;
      right: 0px;
      font-size: 24px;
      line-height: 24px;
      color: #FFFFFF;
      display: block;
      width: 24px;
      height: 19px;
      margin-top: 26px;
      margin-bottom: 26px;
      margin-left: auto;
      margin-right: 25px;
      padding-top: 8px;
      /* on activation */ }
      #mobileHeader .mob-nav-row .mob-sub-menu span {
        position: relative;
        display: block;
        width: 100%;
        height: 3px;
        background-color: #FFFFFF;
        transition: all 0.3s;
        backface-visibility: hidden;
        border-radius: 8px; }
        #mobileHeader .mob-nav-row .mob-sub-menu span:after, #mobileHeader .mob-nav-row .mob-sub-menu span:before {
          content: "";
          position: absolute;
          left: 0;
          width: 100%;
          height: 3px;
          background-color: #FFFFFF;
          transition: all 0.3s;
          backface-visibility: hidden;
          border-radius: 8px; }
        #mobileHeader .mob-nav-row .mob-sub-menu span:after {
          top: 9px; }
        #mobileHeader .mob-nav-row .mob-sub-menu span:before {
          top: -9px; }
      #mobileHeader .mob-nav-row .mob-sub-menu.active span {
        background-color: transparent; }
        #mobileHeader .mob-nav-row .mob-sub-menu.active span:before {
          transform: rotate(45deg) translate(5px, 5px); }
        #mobileHeader .mob-nav-row .mob-sub-menu.active span:after {
          transform: rotate(-45deg) translate(7px, -8px); }
    #mobileHeader .mob-nav-row .mob-btn-search-branch {
      position: absolute;
      top: 50%;
      left: 70%;
      transform: translate(-50%, -50%);
      z-index: 10; }
      #mobileHeader .mob-nav-row .mob-btn-search-branch.expanded {
        left: 0;
        right: 0;
        top: 0;
        transform: none;
        width: 100%;
        height: 100%;
        background: rgba(250, 71, 134, 0.95);
        display: flex;
        align-items: center;
        padding: 0 16px; }
      #mobileHeader .mob-nav-row .mob-btn-search-branch .button-search-branch {
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center; }
        #mobileHeader .mob-nav-row .mob-btn-search-branch .button-search-branch .btn-search-branch {
          background: rgba(255, 255, 255, 0.2);
          border: 1px solid rgba(255, 255, 255, 0.3);
          border-radius: 20px;
          padding: 8px 16px;
          display: flex;
          align-items: center;
          gap: 8px;
          backdrop-filter: blur(10px);
          height: 39px; }
          #mobileHeader .mob-nav-row .mob-btn-search-branch .button-search-branch .btn-search-branch:hover {
            background: rgba(255, 255, 255, 0.3);
            border-color: rgba(255, 255, 255, 0.5); }
          #mobileHeader .mob-nav-row .mob-btn-search-branch .button-search-branch .btn-search-branch .text-search-branch {
            color: white;
            font-family: "FC-Iconic-Regular", sans-serif;
            font-size: 14px;
            font-weight: 400;
            white-space: nowrap; }
          #mobileHeader .mob-nav-row .mob-btn-search-branch .button-search-branch .btn-search-branch img {
            width: 16px;
            height: 16px;
            filter: brightness(0) invert(1); }
      #mobileHeader .mob-nav-row .mob-btn-search-branch .input-search-branch-expanded {
        display: flex;
        align-items: center;
        width: 100%;
        gap: 12px; }
        #mobileHeader .mob-nav-row .mob-btn-search-branch .input-search-branch-expanded .search-back-arrow {
          cursor: pointer;
          display: flex;
          align-items: center;
          justify-content: center;
          width: 40px;
          height: 40px;
          border-radius: 50%;
          background: rgba(255, 255, 255, 0.2); }
          #mobileHeader .mob-nav-row .mob-btn-search-branch .input-search-branch-expanded .search-back-arrow:hover {
            background: rgba(255, 255, 255, 0.3); }
          #mobileHeader .mob-nav-row .mob-btn-search-branch .input-search-branch-expanded .search-back-arrow svg {
            width: 24px;
            height: 24px; }
        #mobileHeader .mob-nav-row .mob-btn-search-branch .input-search-branch-expanded .search-input-container {
          flex: 1;
          position: relative;
          align-items: center; }
          #mobileHeader .mob-nav-row .mob-btn-search-branch .input-search-branch-expanded .search-input-container .search-input {
            width: 100%;
            background: rgba(255, 255, 255, 0.9);
            border: none;
            border-radius: 25px;
            padding: 12px 45px 12px 16px;
            font-family: "FC-Iconic-Regular", sans-serif;
            font-size: 16px;
            color: #243871;
            outline: none; }
            #mobileHeader .mob-nav-row .mob-btn-search-branch .input-search-branch-expanded .search-input-container .search-input::placeholder {
              color: #7F7F80; }
            #mobileHeader .mob-nav-row .mob-btn-search-branch .input-search-branch-expanded .search-input-container .search-input:focus {
              background: white;
              box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); }
          #mobileHeader .mob-nav-row .mob-btn-search-branch .input-search-branch-expanded .search-input-container .search-marker {
            position: absolute;
            right: 16px;
            width: 20px;
            height: 20px;
            filter: brightness(0) saturate(100%) invert(27%) sepia(51%) saturate(2878%) hue-rotate(346deg) brightness(104%) contrast(97%); }
    #mobileHeader .mob-nav-row .mob-back-to-maps {
      cursor: pointer;
      position: absolute;
      top: 0px;
      left: 20px;
      font-size: 24px;
      line-height: 24px;
      color: #ffffff;
      display: block;
      width: 24px;
      height: 19px;
      margin: 26px auto 0px;
      padding-top: 8px; }
      #mobileHeader .mob-nav-row .mob-back-to-maps span {
        position: relative;
        display: block;
        width: 100%;
        height: 3px;
        background-color: #ffffff;
        transition: all 0.3s;
        backface-visibility: hidden;
        border-radius: 8px; }
        #mobileHeader .mob-nav-row .mob-back-to-maps span:after, #mobileHeader .mob-nav-row .mob-back-to-maps span:before {
          content: "";
          position: absolute;
          left: 0;
          width: 100%;
          height: 3px;
          background-color: #ffffff;
          transition: all 0.3s;
          backface-visibility: hidden;
          border-radius: 8px; }
        #mobileHeader .mob-nav-row .mob-back-to-maps span:after {
          top: -3px;
          left: 0px;
          width: 40%;
          transform: rotate(45deg) translate(5px, 5px); }
        #mobileHeader .mob-nav-row .mob-back-to-maps span:before {
          top: 3px;
          left: 0px;
          width: 40%;
          transform: rotate(-45deg) translate(5px, -5px); }
      #mobileHeader .mob-nav-row .mob-back-to-maps ~ .mob-logo {
        width: 0px; }
  #mobileHeader .content-sidenav {
    max-height: 0px;
    width: 100%;
    overflow: hidden;
    -webkit-transition: max-height 0.5s ease;
    transition: max-height 0.5s ease;
    position: flex;
    background-color: #ffffff;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    height: 100vh; }
    #mobileHeader .content-sidenav .sidenav {
      padding: 16px;
      gap: 8px;
      background-color: #FFFFFF;
      overflow: auto; }
      #mobileHeader .content-sidenav .sidenav::-webkit-scrollbar {
        margin-top: 10px !important;
        border-radius: 8px !important;
        height: 5px !important;
        width: 5px !important; }
      #mobileHeader .content-sidenav .sidenav::-webkit-scrollbar-track {
        background: #f6f6f6 !important;
        border-radius: 8px !important;
        margin-top: 39px !important;
        margin-bottom: 39px !important; }
      #mobileHeader .content-sidenav .sidenav::-webkit-scrollbar-thumb {
        background: #c4c4c4 !important;
        border-radius: 8px !important; }
      #mobileHeader .content-sidenav .sidenav .box-menu-sidenav {
        padding: 8px 12px;
        gap: 4px; }
        #mobileHeader .content-sidenav .sidenav .box-menu-sidenav:first-child {
          padding-top: 0px; }
        #mobileHeader .content-sidenav .sidenav .box-menu-sidenav:last-child {
          border-bottom: unset;
          padding-bottom: 0px; }
        #mobileHeader .content-sidenav .sidenav .box-menu-sidenav a {
          font-family: "FC-Iconic-Regular", sans-serif;
          font-size: 16px;
          font-weight: 400;
          font-stretch: normal;
          font-style: normal;
          line-height: 24px;
          letter-spacing: normal;
          color: #243871;
          text-decoration: none;
          cursor: pointer;
          display: block;
          width: 100%; }
          #mobileHeader .content-sidenav .sidenav .box-menu-sidenav a.active {
            color: #ee347f; }
      #mobileHeader .content-sidenav .sidenav label {
        font-family: "FC-Iconic-Regular", sans-serif;
        font-size: 16px;
        font-weight: 400;
        font-stretch: normal;
        font-style: normal;
        line-height: 24px;
        letter-spacing: normal;
        color: #243871;
        display: block;
        cursor: pointer;
        border-top-left-radius: 16px;
        border-top-right-radius: 16px;
        padding: 8px 12px;
        gap: 4px; }
        #mobileHeader .content-sidenav .sidenav label i {
          float: right;
          margin-top: 7px;
          font-size: 15px; }
      #mobileHeader .content-sidenav .sidenav .mobile-label {
        padding-top: 15px; }
      #mobileHeader .content-sidenav .sidenav #mobMenuLoan {
        border-left: 1px solid #B0BED3;
        border-right: 1px solid #B0BED3;
        border-bottom: 0px;
        border-bottom-left-radius: 16px;
        border-bottom-right-radius: 16px;
        overflow: hidden;
        max-height: 0;
        -webkit-transition: all 0.5s ease; }
      #mobileHeader .content-sidenav .sidenav #mobMenuToggleLoan {
        display: none; }
      #mobileHeader .content-sidenav .sidenav #mobMenuToggleLoan:checked ~ #mobMenuLoan {
        max-height: 500px;
        border-bottom: 1px solid #B0BED3; }
      #mobileHeader .content-sidenav .sidenav #mobMenuToggleLoan:checked ~ .loan-label {
        color: #FA4786;
        background-color: #FFEDF3; }
      #mobileHeader .content-sidenav .sidenav #mobMenuInsurance {
        border-left: 1px solid #B0BED3;
        border-right: 1px solid #B0BED3;
        border-bottom: 0px;
        border-bottom-left-radius: 16px;
        border-bottom-right-radius: 16px;
        overflow: hidden;
        max-height: 0;
        -webkit-transition: all 0.5s ease; }
      #mobileHeader .content-sidenav .sidenav #mobMenuToggleInsurance {
        display: none; }
      #mobileHeader .content-sidenav .sidenav #mobMenuToggleInsurance:checked ~ #mobMenuInsurance {
        max-height: 500px;
        border-bottom: 1px solid #B0BED3;
        max-height: 500px; }
      #mobileHeader .content-sidenav .sidenav #mobMenuToggleInsurance:checked ~ .insurance-label {
        color: #FA4786;
        background-color: #FFEDF3; }
      #mobileHeader .content-sidenav .sidenav #mobMenuAboutUs {
        border-left: 1px solid #B0BED3;
        border-right: 1px solid #B0BED3;
        border-bottom: 0px;
        border-bottom-left-radius: 16px;
        border-bottom-right-radius: 16px;
        overflow: hidden;
        max-height: 0;
        -webkit-transition: all 0.5s ease; }
      #mobileHeader .content-sidenav .sidenav #mobMenuToggleAboutUs {
        display: none; }
      #mobileHeader .content-sidenav .sidenav #mobMenuToggleAboutUs:checked ~ #mobMenuAboutUs {
        max-height: 632px;
        border-bottom: 1px solid #B0BED3; }
      #mobileHeader .content-sidenav .sidenav #mobMenuToggleAboutUs:checked ~ .aboutus-label {
        color: #FA4786;
        background-color: #FFEDF3; }
      #mobileHeader .content-sidenav .sidenav .box-sub-menu {
        border-bottom: 1px solid #c4c4c4; }
        #mobileHeader .content-sidenav .sidenav .box-sub-menu .sub-menu-divider {
          min-width: 327px;
          border: 1px solid #E6EAF1;
          margin: 8px 8px; }
        #mobileHeader .content-sidenav .sidenav .box-sub-menu .sub-menu {
          padding: 0px 24px 15px 24px; }
          #mobileHeader .content-sidenav .sidenav .box-sub-menu .sub-menu:first-child {
            padding-top: 20px; }
          #mobileHeader .content-sidenav .sidenav .box-sub-menu .sub-menu:last-child {
            padding-bottom: 20px; }
          #mobileHeader .content-sidenav .sidenav .box-sub-menu .sub-menu span {
            font-family: "FC-Iconic-Regular", sans-serif;
            font-size: 14px;
            font-weight: 400;
            font-stretch: normal;
            font-style: normal;
            line-height: 20px;
            letter-spacing: normal;
            color: #7F7F80;
            text-decoration: none; }
          #mobileHeader .content-sidenav .sidenav .box-sub-menu .sub-menu a {
            font-family: "FC-Iconic-Regular", sans-serif;
            font-size: 16px;
            font-weight: 400;
            font-stretch: normal;
            font-style: normal;
            line-height: 24px;
            letter-spacing: normal;
            color: #243871;
            text-decoration: none;
            cursor: pointer;
            display: block;
            width: 100%; }
            #mobileHeader .content-sidenav .sidenav .box-sub-menu .sub-menu a:hover, #mobileHeader .content-sidenav .sidenav .box-sub-menu .sub-menu a.active {
              color: #ee347f;
              background-color: #FFEDF3;
              border-radius: 8px; }
            #mobileHeader .content-sidenav .sidenav .box-sub-menu .sub-menu a.disabled {
              color: #c4c4c4; }
              #mobileHeader .content-sidenav .sidenav .box-sub-menu .sub-menu a.disabled.active {
                color: #c4c4c4; }
  #mobileHeader .content-sidenav.active {
    max-height: 100vh;
    width: 100%; }

@media only screen and (max-height: 900px) {
  .content-sidenav .sidenav {
    max-height: 750px; } }

@media only screen and (max-height: 800px) {
  .content-sidenav .sidenav {
    max-height: 650px; } }

@media only screen and (max-height: 700px) {
  .content-sidenav .sidenav {
    max-height: 550px; } }

@media only screen and (max-height: 600px) {
  .content-sidenav .sidenav {
    max-height: 450px; } }

@media only screen and (max-height: 500px) {
  .content-sidenav .sidenav {
    max-height: 350px; } }

@media screen and (max-width: 1280px) {
  .mob-sub-menu {
    left: 20px; }
  .mob-logo.active {
    left: calc(50vw - 50px) !important; } }

@media screen and (max-width: 640px) {
  .content-sidenav .sidenav {
    padding: 20px 16px !important; }
  .mob-logo {
    left: 66px !important; }
  .mob-logo.active {
    left: 66px !important;
    background-color: #FA4786; }
  .mob-sub-menu {
    left: 16px !important; }
  .mob-btn-search-branch {
    right: 16px !important; }
    .mob-btn-search-branch.expanded {
      left: 0 !important;
      right: 0 !important;
      padding: 0 16px !important; }
    .mob-btn-search-branch .button-search-branch .btn-search-branch {
      padding: 6px 12px !important; }
      .mob-btn-search-branch .button-search-branch .btn-search-branch .text-search-branch {
        font-size: 16px !important; }
      .mob-btn-search-branch .button-search-branch .btn-search-branch img {
        width: 14px !important;
        height: 14px !important; }
    .mob-btn-search-branch .input-search-branch-expanded {
      gap: 8px !important; }
      .mob-btn-search-branch .input-search-branch-expanded .search-back-arrow {
        width: 36px !important;
        height: 36px !important; }
        .mob-btn-search-branch .input-search-branch-expanded .search-back-arrow svg {
          width: 20px !important;
          height: 20px !important; }
      .mob-btn-search-branch .input-search-branch-expanded .search-input-container .search-input {
        padding: 10px 40px 10px 14px !important;
        font-size: 14px !important; }
      .mob-btn-search-branch .input-search-branch-expanded .search-input-container .search-marker {
        width: 18px !important;
        height: 18px !important;
        right: 14px !important; } }

#markerMaps.zoom-dot {
  position: absolute;
  left: -5px;
  top: -5px;
  width: 10px;
  height: 10px; }
  #markerMaps.zoom-dot .marker-dot {
    border-radius: 50%;
    background-color: #ed347d;
    position: absolute;
    bottom: 0px;
    transform-origin: 5px 5px;
    transform: scale(0.65, 0.65);
    width: 10px;
    height: 10px;
    will-change: transform;
    transition: -webkit-transform 0.25s cubic-bezier(0.485, 1.65, 0.545, 0.835) 0s; }
  #markerMaps.zoom-dot.hover {
    z-index: 99999999;
    cursor: pointer; }
    #markerMaps.zoom-dot.hover .marker-dot {
      transform: scale(1, 1);
      border: 2px solid #002c6f; }

#markerMaps.zoom-10 {
  position: absolute;
  left: -20px;
  top: -40px;
  width: 40px;
  height: 40px; }
  #markerMaps.zoom-10 img {
    position: absolute;
    bottom: 0px;
    transform-origin: 20px 40px;
    transform: scale(0.55, 0.55);
    width: 40px;
    height: 40px;
    will-change: transform;
    transition: -webkit-transform 0.25s cubic-bezier(0.485, 1.55, 0.545, 0.835) 0s; }
  #markerMaps.zoom-10.hover {
    z-index: 99999999;
    cursor: pointer; }
    #markerMaps.zoom-10.hover img {
      bottom: 0px;
      transform: scale(1, 1); }

#markerMaps.zoom-15 {
  position: absolute;
  left: -35px;
  top: -70px;
  width: 70px;
  height: 70px; }
  #markerMaps.zoom-15 img {
    position: absolute;
    bottom: 0px;
    transform-origin: 35px 70px;
    transform: scale(0.65, 0.65);
    width: 70px;
    height: 70px;
    will-change: transform;
    transition: -webkit-transform 0.25s cubic-bezier(0.485, 1.65, 0.545, 0.835) 0s; }
  #markerMaps.zoom-15.hover {
    z-index: 99999999;
    cursor: pointer; }
    #markerMaps.zoom-15.hover img {
      bottom: 0px;
      transform: scale(1, 1); }

#mapsFilter {
  position: fixed;
  left: 16px;
  top: 120px;
  width: 400px;
  border-radius: 4px;
  box-shadow: 0 2px 4px 0 rgba(155, 155, 155, 0.3);
  z-index: 999;
  background-color: #ffffff;
  padding-bottom: 20px; }
  #mapsFilter .filter-box {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    background-color: #f6f6f6;
    padding: 20px; }
    #mapsFilter .filter-box .filter-header {
      margin: 0px !important; }
    #mapsFilter .filter-box .row-form {
      width: 100%;
      margin-top: 10px; }
      #mapsFilter .filter-box .row-form .input-form {
        width: 100%;
        height: 35px;
        padding: 7px 10px;
        background-color: #ffffff;
        font-family: "FC-Iconic-Regular", sans-serif;
        font-size: 14px;
        border: solid 1px #c4c4c4;
        border-radius: 4px;
        transition: all 0.2s;
        color: #000000; }
        #mapsFilter .filter-box .row-form .input-form:focus {
          border-color: #243871;
          outline: none !important;
          transition: all 0.2s; }
        #mapsFilter .filter-box .row-form .input-form::placeholder {
          color: #9b9b9b; }
        #mapsFilter .filter-box .row-form .input-form.invalid {
          border: 1px solid #e02020;
          transition: all 0.2s; }
        #mapsFilter .filter-box .row-form .input-form.disabled {
          opacity: 0.5;
          transition: all 0.2s; }
  #mapsFilter .item-list {
    max-height: calc(100vh - 330px);
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    width: 100%;
    margin-left: -5px;
    padding-bottom: 10px; }
    #mapsFilter .item-list::-webkit-scrollbar {
      margin-top: 10px !important;
      border-radius: 8px !important;
      height: 5px !important;
      width: 5px !important; }
    #mapsFilter .item-list::-webkit-scrollbar-track {
      background: #f6f6f6 !important;
      border-radius: 8px !important;
      margin-top: 39px !important;
      margin-bottom: 39px !important; }
    #mapsFilter .item-list::-webkit-scrollbar-thumb {
      background: #c4c4c4 !important;
      border-radius: 8px !important; }
    #mapsFilter .item-list .empty {
      text-align: center;
      margin-top: 20px; }
    #mapsFilter .item-list .widget-wrapper:first-child .card-box {
      border-top: unset; }

#branchBox {
  width: calc(100% - 5px);
  padding: 0px 10px 0px 20px;
  max-height: 70px;
  -webkit-transition: max-height 0.5s ease;
  transition: max-height 0.5s ease;
  overflow: hidden; }
  #branchBox .card-box {
    cursor: pointer;
    padding: 10px 0px;
    border-top: 1px solid #c4c4c4;
    position: relative; }
    @media screen and (max-width: 768px) and (min-width: 481px) {
      #branchBox .card-box .card-detail.scroll {
        display: flex;
        flex-wrap: nowrap;
        overflow-x: auto;
        overflow-y: hidden;
        scroll-behavior: smooth;
        -webkit-overflow-scrolling: touch;
        scroll-snap-type: x mandatory;
        gap: 15px;
        padding: 0 10px;
        -ms-overflow-style: none;
        scrollbar-width: none; }
        #branchBox .card-box .card-detail.scroll::-webkit-scrollbar {
          display: none; }
        #branchBox .card-box .card-detail.scroll > * {
          flex: 0 0 calc(100vw - 40px);
          min-width: calc(100vw - 40px);
          max-width: calc(100vw - 40px);
          scroll-snap-align: start;
          margin-right: 0; } }
    @media screen and (max-width: 480px) {
      #branchBox .card-box .card-detail.scroll {
        display: flex;
        flex-wrap: nowrap;
        overflow-x: auto;
        overflow-y: hidden;
        scroll-behavior: smooth;
        -webkit-overflow-scrolling: touch;
        scroll-snap-type: x mandatory;
        gap: 15px;
        padding: 0 10px;
        -ms-overflow-style: none;
        scrollbar-width: none; }
        #branchBox .card-box .card-detail.scroll::-webkit-scrollbar {
          display: none; }
        #branchBox .card-box .card-detail.scroll > * {
          flex: 0 0 calc(100vw - 40px);
          min-width: calc(100vw - 40px);
          max-width: calc(100vw - 40px);
          scroll-snap-align: start;
          margin-right: 0; } }
    #branchBox .card-box .card-detail .row-header {
      width: 100%;
      display: flex; }
      #branchBox .card-box .card-detail .row-header .title-header {
        font-size: 18px;
        margin: 0px !important;
        color: #333333;
        font-weight: bold; }
      #branchBox .card-box .card-detail .row-header .status-header {
        position: absolute;
        padding: 1px 5px;
        border-radius: 4px;
        background-color: #3a668d;
        font-size: 12px;
        font-weight: 500;
        color: #ffffff;
        right: 0px;
        top: 22px; }
        #branchBox .card-box .card-detail .row-header .status-header.close {
          border: 1px solid #3a668d;
          color: #3a668d;
          background-color: #ffffff; }
    #branchBox .card-box .card-detail .row-detail-min {
      display: block;
      margin-top: 5px; }
      #branchBox .card-box .card-detail .row-detail-min .address {
        font-family: "Sarabun-Regular", sans-serif;
        font-size: 12px;
        font-weight: 500;
        color: #6d7278; }
    #branchBox .card-box .card-detail .row-detail-full {
      display: none;
      margin-top: 5px; }
      #branchBox .card-box .card-detail .row-detail-full .nearby-place {
        font-family: "Sarabun-Regular", sans-serif;
        font-size: 14px;
        font-weight: 600;
        color: #333333; }
      #branchBox .card-box .card-detail .row-detail-full .address {
        font-family: "Sarabun-Regular", sans-serif;
        font-size: 12px;
        font-weight: 500;
        color: #6d7278; }
      #branchBox .card-box .card-detail .row-detail-full .open-close {
        margin-top: 5px;
        font-family: "Sarabun-Regular", sans-serif;
        font-size: 12px;
        font-weight: 600;
        color: #333333; }
      #branchBox .card-box .card-detail .row-detail-full .phone-number {
        font-family: "Sarabun-Regular", sans-serif;
        font-size: 14px;
        font-weight: 600;
        color: #333333;
        width: fit-content; }
        #branchBox .card-box .card-detail .row-detail-full .phone-number a {
          margin-top: 5px;
          font-family: "Sarabun-Regular", sans-serif;
          font-size: 14px;
          font-weight: 500;
          font-weight: 600;
          text-decoration: none;
          color: #333333; }
          #branchBox .card-box .card-detail .row-detail-full .phone-number a:hover {
            text-decoration: underline; }
      #branchBox .card-box .card-detail .row-detail-full .direction a {
        margin-top: 5px;
        font-family: "Sarabun-Regular", sans-serif;
        font-size: 14px;
        font-weight: 500;
        text-decoration: none;
        color: #ee347f; }
        #branchBox .card-box .card-detail .row-detail-full .direction a:hover {
          text-decoration: underline; }
  #branchBox .share-bar {
    display: none;
    cursor: pointer;
    width: 50px;
    mix-blend-mode: multiply;
    background-color: #243871;
    position: relative; }
    #branchBox .share-bar i {
      position: absolute;
      top: calc(50% - 9px);
      left: calc(50% - 9px);
      font-size: 18px;
      color: #ffffff; }
    #branchBox .share-bar:hover i {
      color: #122457; }
  #branchBox.hover .card-box .card-detail .row-header .title-header {
    color: #ee347f !important; }
  #branchBox:not(.footer) {
    margin-left: 5px; }
  #branchBox.active {
    display: flex;
    max-height: 250px; }
    #branchBox.active:not(.footer) {
      box-shadow: 0 2px 8px 0 rgba(155, 155, 155, 0.6);
      margin-left: 5px; }
    #branchBox.active.mobile-branch .card-box {
      width: calc(100% - 45px); }
      #branchBox.active.mobile-branch .card-box .direction a {
        text-decoration: underline; }
    #branchBox.active.mobile-branch .share-bar {
      width: 45px; }
    #branchBox.active .card-box {
      width: calc(100% - 50px);
      border-top: unset;
      padding: 15px 0px; }
      #branchBox.active .card-box .card-detail {
        padding-right: 13px; }
        #branchBox.active .card-box .card-detail .row-header {
          width: calc(100% - 70px);
          display: flex; }
          #branchBox.active .card-box .card-detail .row-header .title-header {
            font-size: 22px !important;
            color: #ee347f; }
          #branchBox.active .card-box .card-detail .row-header .status-header {
            right: 15px;
            top: 15px; }
        #branchBox.active .card-box .card-detail .row-detail-min {
          display: none; }
        #branchBox.active .card-box .card-detail .row-detail-full {
          display: block; }
    #branchBox.active .share-bar {
      display: block !important; }
  @media screen and (max-width: 640px) {
    #branchBox {
      width: calc(100vw - 10px);
      padding: 0px 6px 0px 16px; } }

#suggessionBox {
  position: relative; }
  #suggessionBox .suggession-box {
    z-index: 99999999;
    width: 100%;
    position: absolute;
    padding: 5px 0px;
    background-color: #ffffff;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    box-shadow: 0 2px 4px 0 rgba(155, 155, 155, 0.3);
    border: solid 1px #fafafa;
    max-height: 250px;
    overflow-y: auto; }
    #suggessionBox .suggession-box::-webkit-scrollbar {
      margin-top: 10px !important;
      border-radius: 8px !important;
      height: 5px !important;
      width: 5px !important; }
    #suggessionBox .suggession-box::-webkit-scrollbar-track {
      background: #f6f6f6 !important;
      border-radius: 8px !important;
      margin-top: 5px !important;
      margin-bottom: 5px !important; }
    #suggessionBox .suggession-box::-webkit-scrollbar-thumb {
      background: #c4c4c4 !important;
      border-radius: 8px !important; }
    #suggessionBox .suggession-box .suggession-list {
      padding: 1px 9px;
      cursor: pointer;
      font-size: 18px;
      color: #888888; }
      #suggessionBox .suggession-box .suggession-list:hover {
        color: #000;
        background-color: #eeeeee; }

#goToTop .position-btn {
  position: fixed;
  right: 29.5px;
  bottom: 30px;
  opacity: 0;
  transition: opacity 0.5s;
  z-index: -9; }
  #goToTop .position-btn.active {
    opacity: 1;
    z-index: 9; }
  #goToTop .position-btn .box-go-to-top {
    cursor: pointer;
    width: 50px;
    height: 50px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
    background-color: #ffffff;
    border-radius: 50%;
    text-align: center;
    padding-top: 10px; }
    #goToTop .position-btn .box-go-to-top i {
      color: #ee347f;
      font-size: 14px; }

html {
  scroll-behavior: smooth; }
  html input {
    position: relative; }
  html select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTc5MiIgaGVpZ2h0PSIxNzkyIiB2aWV3Qm94PSIwIDAgMTc5MiAxNzkyIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGZpbGw9IiM1NTU1NTUiIGQ9Ik0xNjgzIDgwOGwtNzQyIDc0MXEtMTkgMTktNDUgMTl0LTQ1LTE5bC03NDItNzQxcS0xOS0xOS0xOS00NS41dDE5LTQ1LjVsMTY2LTE2NXExOS0xOSA0NS0xOXQ0NSAxOWw1MzEgNTMxIDUzMS01MzFxMTktMTkgNDUtMTl0NDUgMTlsMTY2IDE2NXExOSAxOSAxOSA0NS41dC0xOSA0NS41eiIvPjwvc3ZnPg==) no-repeat calc(100% - 10px) 50%;
    background-size: 10px; }
  html body {
    font-family: "FC-Iconic-Regular", sans-serif;
    margin: 0px; }
    html body h1 {
      font-family: "FC-Iconic-Regular", sans-serif;
      font-size: 22px; }
    html body h2 {
      font-family: "FC-Iconic-Regular", sans-serif;
      font-size: 20px; }
    html body h3 {
      font-family: "FC-Iconic-Regular", sans-serif;
      font-size: 18px; }
    html body h4 {
      font-family: "FC-Iconic-Regular", sans-serif;
      font-size: 16px; }
    html body h5 {
      font-family: "FC-Iconic-Regular", sans-serif;
      font-size: 14px; }
    html body * {
      box-sizing: border-box; }
    html body #headerMain {
      height: 44px;
      width: auto;
      display: flex;
      background-color: #FFFFFF; }
      html body #headerMain .header-col-left {
        display: flex;
        font-family: "FC-Iconic-Light", sans-serif;
        padding: 0 24px;
        gap: 24px; }
        html body #headerMain .header-col-left .menu-about-us {
          display: flex;
          align-items: center;
          justify-content: center;
          width: 75px;
          height: 44px;
          gap: 10px; }
          html body #headerMain .header-col-left .menu-about-us:has(.active) {
            border-bottom: 2px solid #FA4786; }
        html body #headerMain .header-col-left .menu-contact-us {
          display: flex;
          align-items: center;
          justify-content: center;
          width: 61px;
          height: 44px;
          gap: 10px; }
          html body #headerMain .header-col-left .menu-contact-us:has(.active) {
            border-bottom: 2px solid #FA4786; }
        html body #headerMain .header-col-left a {
          display: flex;
          align-items: center;
          gap: 10;
          color: #002D72;
          font-size: 16px;
          font-weight: 400;
          line-height: 24px;
          letter-spacing: 0%;
          text-decoration: none; }
        html body #headerMain .header-col-left .menu-about-us:hover ~ #subMenuAboutus {
          display: unset; }
    html body #subMenuAboutus {
      display: none;
      position: absolute;
      top: 20px;
      left: 0;
      right: 0;
      width: 100%;
      z-index: 9999; }
      html body #subMenuAboutus .sub-menu-container {
        display: grid;
        grid-template-columns: 272px 1px 272px 1px 272px 100%;
        height: 272px;
        width: 100%;
        box-shadow: 0px 2px 4px 0px rgba(169, 169, 170, 0.24);
        background-color: #FFFFFF;
        margin-top: 24px;
        padding: 24px 240px;
        gap: 24px; }
      html body #subMenuAboutus .sub-menu-divider {
        width: 1px;
        height: 224px;
        background-color: #e8e8e8;
        align-self: start; }
      html body #subMenuAboutus .sub-menu-box {
        width: 272px;
        gap: 8px;
        display: grid;
        position: relative; }
        html body #subMenuAboutus .sub-menu-box span {
          display: flex;
          gap: 10px;
          padding: 0px 8px;
          height: 24px;
          width: 272px;
          font-weight: 400;
          font-size: 16px;
          line-height: 24px;
          letter-spacing: 0%;
          color: #7F7F80; }
        html body #subMenuAboutus .sub-menu-box.sub-menu-box-1 {
          grid-column: 1;
          height: 224px; }
        html body #subMenuAboutus .sub-menu-box.sub-menu-box-2 {
          grid-column: 3;
          height: 104px; }
        html body #subMenuAboutus .sub-menu-box.sub-menu-box-3 {
          grid-column: 5;
          height: 224px; }
        html body #subMenuAboutus .sub-menu-box .sub-menu a {
          display: flex;
          width: 272px;
          height: 32px;
          padding: 4px 8px;
          font-size: 16px;
          line-height: 24px;
          font-weight: 400;
          letter-spacing: 0%;
          text-decoration: none;
          color: #002D72; }
          html body #subMenuAboutus .sub-menu-box .sub-menu a:hover, html body #subMenuAboutus .sub-menu-box .sub-menu a.active {
            background-color: #FFEDF3;
            border-radius: 8px;
            color: #FA4786; }
            html body #subMenuAboutus .sub-menu-box .sub-menu a:hover div, html body #subMenuAboutus .sub-menu-box .sub-menu a.active div {
              color: #FA4786 !important; }
        html body #subMenuAboutus .sub-menu-box .mac-browser-sub-menu {
          padding: 5px 0px;
          border-bottom: 1px solid #c4c4c4; }
          html body #subMenuAboutus .sub-menu-box .mac-browser-sub-menu a {
            font-size: 16px;
            text-decoration: none;
            color: #fff; }
            html body #subMenuAboutus .sub-menu-box .mac-browser-sub-menu a:hover, html body #subMenuAboutus .sub-menu-box .mac-browser-sub-menu a.active {
              -webkit-text-stroke-width: thin;
              font-weight: bold; }
            html body #subMenuAboutus .sub-menu-box .mac-browser-sub-menu a.disabled {
              color: #c4c4c4; }
              html body #subMenuAboutus .sub-menu-box .mac-browser-sub-menu a.disabled.active {
                color: #c4c4c4; }
          html body #subMenuAboutus .sub-menu-box .mac-browser-sub-menu:last-child {
            border-bottom: unset; }
      html body #subMenuAboutus:hover {
        display: unset; }
    html body #headerLayout {
      position: sticky;
      top: 0;
      z-index: 8888;
      width: 100%; }
    @media only screen and (max-width: 640px) {
      html body #headerMain .header-main-content .header-col-left {
        margin-left: 16px; }
      html body #headerMain .header-main-content .header-col-right {
        display: none; } }
    @media only screen and (max-width: 500px) {
      html body input {
        font-size: 16px !important; } }
  html .main {
    max-width: auto;
    font-weight: 400;
    -webkit-box-shadow: 0px -1px 54px 5px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0px -1px 54px 5px rgba(0, 0, 0, 0.05);
    box-shadow: 0px -1px 54px 5px rgba(0, 0, 0, 0.05); }
    @supports (-ms-ime-align: auto) {
      html .main {
        -webkit-box-shadow: unset !important;
        -moz-box-shadow: unset !important;
        box-shadow: unset !important; } }
    @media only screen and (min-width: 1281px) {
      html .main {
        min-height: calc(100vh - 182px); } }
    @media only screen and (min-width: 769px) and (max-width: 1280px) {
      html .main {
        min-height: calc(100vh - 252px); } }
    @media only screen and (min-width: 349px) and (max-width: 768px) {
      html .main {
        min-height: calc(100vh - 273px); } }
    @media only screen and (max-width: 348px) {
      html .main {
        min-height: calc(100vh - 291px); } }
  html .mobile {
    min-height: 100vh;
    background-color: #F2F4F9; }
  html #cookieApprovalBox {
    position: fixed;
    bottom: -70px;
    display: none;
    width: 100%;
    height: auto;
    opacity: 0;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 999;
    transition: all 1s; }
    html #cookieApprovalBox.active {
      display: block;
      bottom: 0px;
      opacity: 1;
      transition: all 1s; }
    html #cookieApprovalBox .container-box {
      display: flex;
      width: fit-content;
      margin-left: auto;
      margin-top: 10px;
      margin-right: auto;
      margin-bottom: 10px;
      padding: 10px 20px;
      flex-wrap: wrap; }
      html #cookieApprovalBox .container-box .row-box {
        display: inline-flex;
        width: 100%; }
      html #cookieApprovalBox .container-box .text-box {
        max-width: 620px;
        width: 100%;
        margin-right: 90px;
        color: #ffffff; }
        html #cookieApprovalBox .container-box .text-box .text {
          font-size: 12px;
          font-family: "Sarabun-Regular", sans-serif;
          line-height: 1.67; }
        html #cookieApprovalBox .container-box .text-box .link-text {
          cursor: pointer;
          margin-left: 5px;
          margin-right: 5px;
          color: #ffffff;
          text-decoration: underline; }
      html #cookieApprovalBox .container-box .button-box {
        display: block;
        margin-top: 10px; }
        html #cookieApprovalBox .container-box .button-box .btn {
          cursor: pointer;
          width: 80px;
          height: 35px;
          padding: 7px 10px;
          color: #ffffff;
          text-align: center;
          border-radius: 4px; }
          html #cookieApprovalBox .container-box .button-box .btn.skip-btn {
            margin-right: 10px;
            background-color: #333333;
            transition: all 0.2s; }
            html #cookieApprovalBox .container-box .button-box .btn.skip-btn:hover {
              background-color: #6e6e6e;
              transition: all 0.2s; }
          html #cookieApprovalBox .container-box .button-box .btn.approve-btn {
            background-color: #ee347f;
            transition: all 0.2s; }
            html #cookieApprovalBox .container-box .button-box .btn.approve-btn:hover {
              background-color: #f76da4;
              transition: all 0.2s; }
          html #cookieApprovalBox .container-box .button-box .btn .text {
            font-size: 14px; }
    html #cookieApprovalBox .close-policy {
      position: absolute;
      cursor: pointer;
      font-size: 14px;
      right: 5px;
      transition: all 0.2s;
      bottom: 5px;
      color: #5f5f5f;
      border-radius: 4px;
      padding: 0px 5px; }
      html #cookieApprovalBox .close-policy:hover {
        color: #6e6e6e; }
  @media only screen and (max-width: 918px) {
    html .container-box {
      margin-top: 0px !important;
      margin-bottom: 0px !important; }
      html .container-box .text-box {
        max-width: unset !important;
        margin-right: 0px !important; }
      html .container-box .button-box {
        margin-left: auto !important;
        margin-top: 20px !important;
        margin-right: auto !important; } }


@font-face {
  font-family: 'Prompt-Black';
  font-display: swap;
  src: url(/_next/static/chunks/fonts/Prompt-Black-ab8a3710b58f869235e1c3261d0bda7e.ttf) format('truetype');
  font-style: normal;
  font-weight: normal;
}

@font-face {
  font-family: 'Prompt-BlackItalic';
  font-display: swap;
  src: url(/_next/static/chunks/fonts/Prompt-BlackItalic-b4c8d57ab6fbd9c1a45c4ea77523afdd.ttf) format('truetype');
  font-style: normal;
  font-weight: normal;
}

@font-face {
  font-family: 'Prompt-Bold';
  font-display: swap;
  src: url(/_next/static/chunks/fonts/Prompt-Bold-29d20779076f00fa20301bcbf2e424b9.ttf) format('truetype');
  font-style: normal;
  font-weight: normal;
}

@font-face {
  font-family: 'Prompt-BoldItalic';
  font-display: swap;
  src: url(/_next/static/chunks/fonts/Prompt-BoldItalic-48fd9e2cd14ba4d5df4d4aef63aa19c0.ttf) format('truetype');
  font-style: normal;
  font-weight: normal;
}

@font-face {
  font-family: 'Prompt-ExtraBold';
  font-display: swap;
  src: url(/_next/static/chunks/fonts/Prompt-ExtraBold-80b37921ca66b2c6078ac2c32f15c1ac.ttf) format('truetype');
  font-style: normal;
  font-weight: normal;
}

@font-face {
  font-family: 'Prompt-ExtraBoldItalic';
  font-display: swap;
  src: url(/_next/static/chunks/fonts/Prompt-ExtraBoldItalic-52535f788e9937b8349725872fbf81b9.ttf) format('truetype');
  font-style: normal;
  font-weight: normal;
}

@font-face {
  font-family: 'Prompt-ExtraLight';
  font-display: swap;
  src: url(/_next/static/chunks/fonts/Prompt-ExtraLight-241aa7c99990caf95b5729fdbdd327b5.ttf) format('truetype');
  font-style: normal;
  font-weight: normal;
}

@font-face {
  font-family: 'Prompt-ExtraLightItalic';
  font-display: swap;
  src: url(/_next/static/chunks/fonts/Prompt-ExtraLightItalic-860307495dee9ea642cd34b6a3cf686f.ttf) format('truetype');
  font-style: normal;
  font-weight: normal;
}

@font-face {
  font-family: 'Prompt-Italic';
  font-display: swap;
  src: url(/_next/static/chunks/fonts/Prompt-Italic-bd202b693525d9983d4cfe040b04ec04.ttf) format('truetype');
  font-style: normal;
  font-weight: normal;
}

@font-face {
  font-family: 'Prompt-Light';
  font-display: swap;
  src: url(/_next/static/chunks/fonts/Prompt-Light-a8c114c4f073ec6e452fd070d8dbee51.ttf) format('truetype');
  font-style: normal;
  font-weight: normal;
}

@font-face {
  font-family: 'Prompt-LightItalic';
  font-display: swap;
  src: url(/_next/static/chunks/fonts/Prompt-LightItalic-3cd3627fa9c3e8f85b23f7b7927493eb.ttf) format('truetype');
  font-style: normal;
  font-weight: normal;
}

@font-face {
  font-family: 'Prompt-Medium';
  font-display: swap;
  src: url(/_next/static/chunks/fonts/Prompt-Medium-893fe67b0b8337c2cbeed20cf315d938.ttf) format('truetype');
  font-style: normal;
  font-weight: normal;
}

@font-face {
  font-family: 'Prompt-MediumItalic';
  font-display: swap;
  src: url(/_next/static/chunks/fonts/Prompt-MediumItalic-88b47b06de52101007bd6aaed990376c.ttf) format('truetype');
  font-style: normal;
  font-weight: normal;
}

@font-face {
  font-family: 'Prompt-Regular';
  font-display: swap;
  src: url(/_next/static/chunks/fonts/Prompt-Regular-9fae2410ddff4997798ffdba0cf39e2a.ttf) format('truetype');
  font-style: normal;
  font-weight: normal;
}

@font-face {
  font-family: 'Prompt-SemiBold';
  font-display: swap;
  src: url(/_next/static/chunks/fonts/Prompt-SemiBold-ad1f826223f41ab1301b2f30a8e884b5.ttf) format('truetype');
  font-style: normal;
  font-weight: normal;
}

@font-face {
  font-family: 'Prompt-SemiBoldItalic';
  font-display: swap;
  src: url(/_next/static/chunks/fonts/Prompt-SemiBoldItalic-35691c1ba86c46b7137ecccd9a214769.ttf) format('truetype');
  font-style: normal;
  font-weight: normal;
}

@font-face {
  font-family: 'Prompt-Thin';
  font-display: swap;
  src: url(/_next/static/chunks/fonts/Prompt-Thin-4c7a66c908214c9696d367e785ec72c6.ttf) format('truetype');
  font-style: normal;
  font-weight: normal;
}

@font-face {
  font-family: 'Prompt-ThinItalic';
  font-display: swap;
  src: url(/_next/static/chunks/fonts/Prompt-Thin-4c7a66c908214c9696d367e785ec72c6.ttf) format('truetype');
  font-style: normal;
  font-weight: normal;
}

@font-face {
  font-family: 'Sarabun-Bold';
  font-display: swap;
  src: url(/_next/static/chunks/fonts/Sarabun-Bold-60bddd6bb0c18a6e70fe1276c0d86c81.ttf) format('truetype');
  font-style: normal;
  font-weight: normal;
}

@font-face {
  font-family: 'Sarabun-BoldItalic';
  font-display: swap;
  src: url(/_next/static/chunks/fonts/Sarabun-BoldItalic-358596367a8ba99780d5b4709e9f058f.ttf) format('truetype');
  font-style: normal;
  font-weight: normal;
}

@font-face {
  font-family: 'Sarabun-ExtraBold';
  font-display: swap;
  src: url(/_next/static/chunks/fonts/Sarabun-ExtraBold-4ce3574489b4860bcc54e8a30567e5e0.ttf) format('truetype');
  font-style: normal;
  font-weight: normal;
}

@font-face {
  font-family: 'Sarabun-ExtraBoldItalic';
  font-display: swap;
  src: url(/_next/static/chunks/fonts/Sarabun-ExtraBoldItalic-47b72fd55279e3fe4e0e5d6eeafbf089.ttf) format('truetype');
  font-style: normal;
  font-weight: normal;
}

@font-face {
  font-family: 'Sarabun-ExtraLight';
  font-display: swap;
  src: url(/_next/static/chunks/fonts/Sarabun-ExtraLight-42d3e6663cb65d3503c2e6009c4ad652.ttf) format('truetype');
  font-style: normal;
  font-weight: normal;
}

@font-face {
  font-family: 'Sarabun-ExtraLightItalic';
  font-display: swap;
  src: url(/_next/static/chunks/fonts/Sarabun-ExtraLightItalic-b06692199cf88696dee0bedab9bd2b88.ttf) format('truetype');
  font-style: normal;
  font-weight: normal;
}

@font-face {
  font-family: 'Sarabun-Italic';
  font-display: swap;
  src: url(/_next/static/chunks/fonts/Sarabun-Italic-e6f60ba9249fb0a050e76a17a8330986.ttf) format('truetype');
  font-style: normal;
  font-weight: normal;
}

@font-face {
  font-family: 'Sarabun-Light';
  font-display: swap;
  src: url(/_next/static/chunks/fonts/Sarabun-Light-3c1a731bfa103215eccee8be3e7ce637.ttf) format('truetype');
  font-style: normal;
  font-weight: normal;
}

@font-face {
  font-family: 'Sarabun-LightItalic';
  font-display: swap;
  src: url(/_next/static/chunks/fonts/Sarabun-LightItalic-0a83e3675336094afe6d6820c887df06.ttf) format('truetype');
  font-style: normal;
  font-weight: normal;
}

@font-face {
  font-family: 'Sarabun-Medium';
  font-display: swap;
  src: url(/_next/static/chunks/fonts/Sarabun-Medium-d497a8b3c84a0c9f9f916a668f12b749.ttf) format('truetype');
  font-style: normal;
  font-weight: normal;
}

@font-face {
  font-family: 'Sarabun-MediumItalic';
  font-display: swap;
  src: url(/_next/static/chunks/fonts/Sarabun-MediumItalic-f023aeb30a28ae6f29433234ff19134f.ttf) format('truetype');
  font-style: normal;
  font-weight: normal;
}

@font-face {
  font-family: 'Sarabun-Regular';
  font-display: swap;
  src: url(/_next/static/chunks/fonts/Sarabun-Regular-49d082d0164cdf471f5e00b1fddb89f9.ttf) format('truetype');
  font-style: normal;
  font-weight: normal;
}

@font-face {
  font-family: 'Sarabun-SemiBold';
  font-display: swap;
  src: url(/_next/static/chunks/fonts/Sarabun-SemiBold-b8efe5f4835e6d7ebfedfe50be6a4291.ttf) format('truetype');
  font-style: normal;
  font-weight: normal;
}

@font-face {
  font-family: 'Sarabun-SemiBoldItalic';
  font-display: swap;
  src: url(/_next/static/chunks/fonts/Sarabun-SemiBoldItalic-0232e23cda405f8b90ebf59e46eec06f.ttf) format('truetype');
  font-style: normal;
  font-weight: normal;
}

@font-face {
  font-family: 'Sarabun-Thin';
  font-display: swap;
  src: url(/_next/static/chunks/fonts/Sarabun-Thin-d00bfab5fba5b148be0e24eafa3f6e63.ttf) format('truetype');
  font-style: normal;
  font-weight: normal;
}

@font-face {
  font-family: 'Sarabun-ThinItalic';
  font-display: swap;
  src: url(/_next/static/chunks/fonts/Sarabun-Thin-d00bfab5fba5b148be0e24eafa3f6e63.ttf) format('truetype');
  font-style: normal;
  font-weight: normal;
}

@font-face {
  font-family: 'FC-Iconic-Regular';
  font-display: swap;
  src: url(/_next/static/chunks/fonts/FC-Iconic-Regular-847591ff0908acb2f2c7e0f1fb499551.ttf) format('truetype');
  src: url(/_next/static/chunks/fonts/FC-Iconic-Regular-7ba2d16ff28c10f813f831a5db9ad3b4.otf) format('opentype');
  font-style: normal;
  font-weight: normal;
}

@font-face {
  font-family: 'FC-Iconic-Italic';
  font-display: swap;
  src: url(/_next/static/chunks/fonts/FC-Iconic-Italic-0361b9ebae2eac7aa03c4eb66a7803c7.ttf) format('truetype');
  src: url(/_next/static/chunks/fonts/FC-Iconic-Italic-6f0bf1a55e3af26c9e79d613e22c7528.otf) format('opentype');
  font-style: normal;
  font-weight: normal;
}

@font-face {
  font-family: 'FC-Iconic-Bold-Italic';
  font-display: swap;
  src: url(/_next/static/chunks/fonts/FC-Iconic-Bold-Italic-0951e41e2e873d8279a25fafd55f0c7d.ttf) format('truetype');
  src: url(/_next/static/chunks/fonts/FC-Iconic-Bold-Italic-0fb694a6f6ebb03f1715f574b8cc82ff.otf) format('opentype');
  font-style: normal;
  font-weight: normal;
}

@font-face {
  font-family: 'FC-Iconic-Bold';
  font-display: swap;
  src: url(/_next/static/chunks/fonts/FC-Iconic-Bold-da5dc4f27ffed18e47889f279145f0fc.ttf) format('truetype');
  src: url(/_next/static/chunks/fonts/FC-Iconic-Bold-b811278ca30821fdc3add7698e00d049.otf) format('opentype');
  font-style: normal;
  font-weight: normal;
}

@font-face {
  font-family: 'FC-Iconic-Medium-Italic';
  font-display: swap;
  src: url(/_next/static/chunks/fonts/FC-Iconic-Medium-Italic-76ed99c62e2e7b3986a47565107820ad.ttf) format('truetype');
  src: url(/_next/static/chunks/fonts/FC-Iconic-Medium-Italic-6abb7cc4f091b4da3bcbc860bee19f9b.otf) format('opentype');
  font-style: normal;
  font-weight: normal;
}

@font-face {
  font-family: 'FC-Iconic-Medium';
  font-display: swap;
  src: url(/_next/static/chunks/fonts/FC-Iconic-Medium-279fd3d08e3a614bb09a1f7ea0f13a84.ttf) format('truetype');
  src: url(/_next/static/chunks/fonts/FC-Iconic-Medium-6b799796c6ee657f8991c1183c413ec7.otf) format('opentype');
  font-style: normal;
  font-weight: normal;
}

@font-face {
  font-family: 'FC-Iconic-Light';
  font-display: swap;
  src: url(/_next/static/chunks/fonts/FC-Iconic-Light-50dae1a202f4bc55f37fd75233728817.ttf) format('truetype');
  src: url(/_next/static/chunks/fonts/FC-Iconic-Light-55fed13a0f1b504cf3e1db8352339db7.otf) format('opentype');
  font-style: normal;
  font-weight: normal;
}
@font-face {
  font-family: 'icomoon';
  src: url(/_next/static/chunks/fonts/icomoon-0f48d310f7906d835e4532ca393e2d46.ttf) format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-sl"], [class*=" icon-sl"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon', sans-serif !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  vertical-align: middle;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-sl-Tractor:before {
  content: "\E900";
}
.icon-sl-Nano_finance:before {
  content: "\E901";
}
.icon-sl-Loan:before {
  content: "\E903";
}
.icon-sl-infoapprove:before {
  content: "\E902";
}
.icon-sl-BNPL:before {
  content: "\E904";
}
.icon-sl-download:before {
  content: "\E905";
}
.icon-sl-pdfdoc:before {
  content: "\E906";
}
.icon-sl-filter:before {
  content: "\E907";
}
.icon-sl-checkbox:before {
  content: "\E908";
}
.icon-sl-share:before {
  content: "\E909";
}
.icon-sl-correct:before {
  content: "\E90A";
}
.icon-sl-fail:before {
  content: "\E90B";
}
.icon-sl-bike:before {
  content: "\E90C";
}
.icon-sl-car:before {
  content: "\E90D";
}
.icon-sl-insurance:before {
  content: "\E90E";
}
.icon-sl-land:before {
  content: "\E913";
}
.icon-sl-check:before {
  content: "\E914";
}
.icon-sl-property:before {
  content: "\E915";
}
.icon-sl-content:before {
  content: "\E916";
}
.icon-sl-register:before {
  content: "\E91F";
}
.icon-sl-arrowdown:before {
  content: "\E918";
}
.icon-sl-arrowdropdown:before {
  content: "\E91D";
}
.icon-sl-arrowleft:before {
  content: "\E90F";
}
.icon-sl-arrowright:before {
  content: "\E910";
}
.icon-sl-arrowup:before {
  content: "\E911";
}
.icon-sl-facebook:before {
  content: "\E912";
}
.icon-sl-line:before {
  content: "\E917";
}
.icon-sl-phone:before {
  content: "\E919";
}
.icon-sl-play:before {
  content: "\E91A";
}
.icon-sl-readmore:before {
  content: "\E91B";
}
.icon-sl-time:before {
  content: "\E91C";
}
.icon-sl-twitter:before {
  content: "\E91E";
}
.icon-sl-youtube:before {
  content: "\E920";
}
.icon-sl-duration:before {
  content: "\E921";
}
.icon-sl-tag:before {
  content: "\E922";
}
/* Make clicks pass-through */
#nprogress {
  pointer-events: none;
}

#nprogress .bar {
  background: #ffebf2;

  position: fixed;
  z-index: 99999;
  top: 0;
  left: 0;

  width: 100%;
  height: 2px;
}

/* Fancy blur effect */
#nprogress .peg {
  display: block;
  position: absolute;
  right: 0px;
  width: 100px;
  height: 100%;
  box-shadow: 0 0 10px #ffebf2, 0 0 5px #ffebf2;
  opacity: 1.0;

  -webkit-transform: rotate(3deg) translate(0px, -4px);
      -ms-transform: rotate(3deg) translate(0px, -4px);
          transform: rotate(3deg) translate(0px, -4px);
}

/* Remove these to get rid of the spinner */
#nprogress .spinner {
  display: block;
  position: fixed;
  z-index: 9999999999;
  top: 15px;
  right: 15px;
}

#nprogress .spinner-icon {
  width: 18px;
  height: 18px;
  box-sizing: border-box;

  border: solid 2px transparent;
  border-top-color: #ffebf2;
  border-left-color: #ffebf2;
  border-radius: 50%;

  -webkit-animation: nprogress-spinner 400ms linear infinite;
          animation: nprogress-spinner 400ms linear infinite;
}

.nprogress-custom-parent {
  overflow: hidden;
  position: relative;
}

.nprogress-custom-parent #nprogress .spinner,
.nprogress-custom-parent #nprogress .bar {
  position: absolute;
}

@-webkit-keyframes nprogress-spinner {
  0%   { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}
@keyframes nprogress-spinner {
  0%   { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

#desktopFooter {
  font-family: "FC-Iconic-Regular", sans-serif;
  font-weight: 400;
  width: auto;
  background: linear-gradient(5deg, #b2325f 0%, #fa4786 50%, #e9a7bf 120%); }
  #desktopFooter .des-footer-top {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: auto;
    height: 456px;
    padding: 40px 240px; }
  #desktopFooter .des-footer-top-content {
    color: #FFFFFF;
    display: flex;
    width: 1440px;
    height: 226px;
    justify-content: space-between;
    position: relative;
    gap: 8px; }
    #desktopFooter .des-footer-top-content .loans {
      height: 170px;
      width: 128px; }
    #desktopFooter .des-footer-top-content .insurances {
      height: 142px;
      width: 172px; }
    #desktopFooter .des-footer-top-content .aboutus {
      height: 226px;
      width: 170px; }
    #desktopFooter .des-footer-top-content .info {
      height: 170px;
      width: 224px; }
    #desktopFooter .des-footer-top-content .contactus {
      height: 208px;
      width: 300px; }
      #desktopFooter .des-footer-top-content .contactus #menuContactus {
        margin-top: 8px;
        display: flex;
        flex-direction: column;
        gap: 16px; }
        #desktopFooter .des-footer-top-content .contactus #menuContactus .company-name {
          font-size: 14px;
          font-weight: 400; }
        #desktopFooter .des-footer-top-content .contactus #menuContactus .box-telephone {
          font-size: 20px;
          font-weight: 600;
          width: fit-content; }
          #desktopFooter .des-footer-top-content .contactus #menuContactus .box-telephone a {
            color: #FFFFFF;
            text-decoration: none; }
    #desktopFooter .des-footer-top-content .menu {
      margin-top: 8px;
      font-family: "FC-Iconic-Light", sans-serif;
      display: flex;
      max-height: 230px;
      flex-direction: column;
      flex-wrap: wrap;
      font-size: 14px;
      font-weight: 400;
      line-height: 20px;
      gap: 8px;
      letter-spacing: 0; }
      @media screen and (max-width: 800px) {
        #desktopFooter .des-footer-top-content .menu {
          margin-top: 0px; } }
    #desktopFooter .des-footer-top-content h3 {
      height: 30px;
      margin: 0px 0px 0px 0px !important;
      font-weight: 600;
      font-size: 20px;
      line-height: 30px;
      letter-spacing: 0; }
    #desktopFooter .des-footer-top-content label {
      display: none; }
      #desktopFooter .des-footer-top-content label i {
        display: none; }
    #desktopFooter .des-footer-top-content input[type="checkbox"] {
      display: none; }
    #desktopFooter .des-footer-top-content p {
      font-family: "FC-Iconic-Light", sans-serif;
      gap: 8px;
      margin: 0px !important; }
      #desktopFooter .des-footer-top-content p a {
        font-weight: 400;
        font-size: 14px;
        line-height: 20px;
        letter-spacing: 0;
        color: #ffffff;
        cursor: pointer;
        text-decoration: none; }
        #desktopFooter .des-footer-top-content p a.footer-link:hover {
          text-decoration: underline;
          opacity: 1; }
        #desktopFooter .des-footer-top-content p a.footer-social {
          font-size: 24px;
          opacity: 0.75;
          text-decoration: none !important;
          margin-right: 20px; }
          #desktopFooter .des-footer-top-content p a.footer-social:hover {
            opacity: 1; }
          #desktopFooter .des-footer-top-content p a.footer-social:last-child {
            margin-right: 0px; }
  #desktopFooter .button-search-branch {
    width: 176px;
    height: 48px;
    border-radius: 16px;
    background-color: #ffffff;
    padding: 0px 10px;
    cursor: pointer;
    border: 1px solid #ffebf2;
    text-decoration: none;
    display: flex;
    justify-content: center;
    align-items: center; }
    #desktopFooter .button-search-branch .btn-search-branch {
      display: flex;
      gap: 4px; }
      #desktopFooter .button-search-branch .btn-search-branch img {
        width: 20px;
        vertical-align: middle; }
      #desktopFooter .button-search-branch .btn-search-branch span {
        font-family: "FC-Iconic-Medium", sans-serif;
        font-size: 16px;
        font-weight: 600;
        color: #002D72; }
    #desktopFooter .button-search-branch:hover {
      background-color: #ffebf2;
      border: 1px solid #fccadb; }
  #desktopFooter .box-telephone {
    gap: 8px;
    width: 160px;
    height: 30px;
    display: flex;
    align-items: center; }
    #desktopFooter .box-telephone .content-icon.icon-sl-phone {
      display: flex;
      align-items: center;
      margin-right: 2px; }
    #desktopFooter .box-telephone.footer-tel {
      width: 128px;
      height: 30px;
      font-size: 20px;
      text-decoration: none !important; }
  #desktopFooter .des-footer-top-link {
    position: relative;
    width: 1440px;
    height: 150px;
    display: flex;
    justify-content: space-between; }
  #desktopFooter .footer-social {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 537px;
    height: 24px;
    gap: 6px;
    display: flex;
    flex: 1; }
    #desktopFooter .footer-social a {
      color: #FFFFFF;
      display: flex;
      align-items: center;
      justify-content: space-between;
      text-decoration: none;
      font-weight: 400;
      font-size: 14px;
      line-height: 20px;
      margin-left: 4px; }
      #desktopFooter .footer-social a img {
        filter: brightness(0) invert(1);
        margin-right: 6px; }
    #desktopFooter .footer-social .facebook {
      height: 24px;
      width: 98px;
      gap: 8px;
      display: flex;
      align-items: center;
      justify-content: center; }
    #desktopFooter .footer-social .line {
      height: 24px;
      width: 113px;
      gap: 8px;
      display: flex;
      align-items: center;
      justify-content: center; }
    #desktopFooter .footer-social .tiktok {
      height: 24px;
      width: 92px;
      display: flex;
      align-items: center;
      justify-content: center; }
    #desktopFooter .footer-social .instagram {
      height: 24px;
      width: 102px;
      display: flex;
      align-items: center;
      justify-content: center; }
    #desktopFooter .footer-social .youtube {
      height: 24px;
      width: 102px;
      display: flex;
      align-items: center;
      justify-content: center; }
  #desktopFooter .footer-app-download {
    position: absolute;
    height: 150px;
    right: 0;
    width: 304;
    display: flex;
    flex-direction: column;
    gap: 8px; }
    #desktopFooter .footer-app-download .text {
      width: 294px;
      height: 30px;
      font-weight: 600;
      font-size: 20px;
      line-height: 30px;
      color: #FFFFFF; }
    #desktopFooter .footer-app-download .download-box {
      width: 304px;
      height: 112px;
      gap: 8px;
      display: flex; }
      #desktopFooter .footer-app-download .download-box .app-download {
        display: flex;
        width: 184px;
        height: 112px;
        gap: 8px;
        flex-direction: column; }
        #desktopFooter .footer-app-download .download-box .app-download .search-box {
          width: 184px;
          height: 32px;
          border-radius: 12px;
          padding: 4px 16px;
          display: flex;
          align-content: center;
          background-color: rgba(178, 50, 95, 0.54); }
          #desktopFooter .footer-app-download .download-box .app-download .search-box svg {
            filter: brightness(0) invert(1); }
          #desktopFooter .footer-app-download .download-box .app-download .search-box .search-text {
            color: #FFFFFF;
            margin-left: 5px; }
        #desktopFooter .footer-app-download .download-box .app-download .download-link-box {
          display: flex;
          width: 184px;
          height: 72px;
          gap: 8px; }
          #desktopFooter .footer-app-download .download-box .app-download .download-link-box .turbo-icon-img {
            width: 72px;
            height: 72px; }
            #desktopFooter .footer-app-download .download-box .app-download .download-link-box .turbo-icon-img img {
              width: 100%;
              height: 100%;
              border-radius: 16px; }
          #desktopFooter .footer-app-download .download-box .app-download .download-link-box .mobile-app-box {
            display: flex;
            flex-direction: column;
            width: 104px;
            height: 72px;
            gap: 8px; }
            #desktopFooter .footer-app-download .download-box .app-download .download-link-box .mobile-app-box .mobile-app-img {
              width: 104px;
              height: 32px; }
              #desktopFooter .footer-app-download .download-box .app-download .download-link-box .mobile-app-box .mobile-app-img img {
                width: 100%;
                height: 100%;
                border-radius: 12px;
                object-fit: cover; }
      #desktopFooter .footer-app-download .download-box .qr-code-box {
        width: 112px;
        height: 112px; }
        #desktopFooter .footer-app-download .download-box .qr-code-box img {
          width: 112px;
          height: 112px;
          border-radius: 16px; }
  #desktopFooter .des-footer-bottom {
    display: flex;
    justify-content: center;
    align-items: center;
    background: #b2325f;
    position: relative;
    width: auto;
    height: 52px;
    padding: 16px 240px; }
    #desktopFooter .des-footer-bottom .des-footer-bottom-row {
      width: 1440px;
      align-items: center;
      display: flex;
      justify-content: space-between;
      font-weight: 400;
      font-size: 14px;
      line-height: 20px; }
      #desktopFooter .des-footer-bottom .des-footer-bottom-row .policy-list {
        width: 351px;
        height: 20px;
        display: flex;
        color: #ffffff;
        overflow: hidden; }
        #desktopFooter .des-footer-bottom .des-footer-bottom-row .policy-list a {
          color: #FFFFFF;
          text-decoration: none; }
        #desktopFooter .des-footer-bottom .des-footer-bottom-row .policy-list .cookie {
          width: 145px;
          height: 20px;
          margin-right: 15px; }
        #desktopFooter .des-footer-bottom .des-footer-bottom-row .policy-list .privacy {
          width: 166px;
          height: 20px;
          margin-left: 15px; }
      #desktopFooter .des-footer-bottom .des-footer-bottom-row .divider {
        display: flex;
        position: relative;
        width: 1px;
        background-color: #e8e8e8;
        height: 16px;
        align-items: center;
        justify-content: center; }
      #desktopFooter .des-footer-bottom .des-footer-bottom-row .copy-right {
        width: 335px;
        height: 20px;
        color: #FFFFFF;
        text-decoration: none; }
  @media only screen and (max-width: 1450px) {
    #desktopFooter .des-footer-top {
      padding: 40px 20px; }
    #desktopFooter .des-footer-top-content {
      width: calc(100% - 40px) !important; }
    #desktopFooter .des-footer-top-link {
      width: calc(100% - 40px) !important; }
    #desktopFooter .des-footer-bottom .des-footer-bottom-row {
      width: calc(100% - 40px) !important; } }
  @media only screen and (max-width: 900px) {
    #desktopFooter .des-footer-bottom .des-footer-bottom-row {
      display: block; }
      #desktopFooter .des-footer-bottom .des-footer-bottom-row .des-footer-bottom-col:first-child {
        margin-left: auto;
        margin-right: auto; }
      #desktopFooter .des-footer-bottom .des-footer-bottom-row .des-footer-bottom-col:last-child {
        font-family: "FC-Iconic-Regular", sans-serif;
        font-size: 12px;
        color: #ffffff;
        margin-left: auto;
        margin-right: auto; } }
  @media only screen and (max-width: 800px) {
    #desktopFooter .des-footer-top {
      height: 584px;
      display: contents; }
      #desktopFooter .des-footer-top .des-footer-top-content {
        display: contents; }
        #desktopFooter .des-footer-top .des-footer-top-content .loans,
        #desktopFooter .des-footer-top .des-footer-top-content .insurances,
        #desktopFooter .des-footer-top .des-footer-top-content .aboutus,
        #desktopFooter .des-footer-top .des-footer-top-content .info {
          display: flex;
          width: auto;
          padding: 0px 16px;
          height: auto;
          flex-direction: column; }
          #desktopFooter .des-footer-top .des-footer-top-content .loans h3,
          #desktopFooter .des-footer-top .des-footer-top-content .insurances h3,
          #desktopFooter .des-footer-top .des-footer-top-content .aboutus h3,
          #desktopFooter .des-footer-top .des-footer-top-content .info h3 {
            display: none; }
          #desktopFooter .des-footer-top .des-footer-top-content .loans label,
          #desktopFooter .des-footer-top .des-footer-top-content .insurances label,
          #desktopFooter .des-footer-top .des-footer-top-content .aboutus label,
          #desktopFooter .des-footer-top .des-footer-top-content .info label {
            opacity: 0.9;
            font-size: 18px;
            display: flex;
            justify-content: space-between;
            align-items: center;
            font-family: "FC-Iconic-Medium", sans-serif;
            font-weight: 600;
            color: #ffffff;
            cursor: pointer;
            border-bottom: 1px solid #E6EAF1;
            padding-bottom: 16px;
            margin-top: 16px; }
            #desktopFooter .des-footer-top .des-footer-top-content .loans label i,
            #desktopFooter .des-footer-top .des-footer-top-content .insurances label i,
            #desktopFooter .des-footer-top .des-footer-top-content .aboutus label i,
            #desktopFooter .des-footer-top .des-footer-top-content .info label i {
              color: #ffffff;
              opacity: 1;
              font-size: 12px; }
          #desktopFooter .des-footer-top .des-footer-top-content .loans p,
          #desktopFooter .des-footer-top .des-footer-top-content .insurances p,
          #desktopFooter .des-footer-top .des-footer-top-content .aboutus p,
          #desktopFooter .des-footer-top .des-footer-top-content .info p {
            opacity: 0.9;
            font-family: "FC-Iconic-Regular", sans-serif;
            font-weight: 500;
            font-size: 12px;
            line-height: 2;
            color: #ffffff;
            margin: 0px !important; }
            #desktopFooter .des-footer-top .des-footer-top-content .loans p a.footer-tel,
            #desktopFooter .des-footer-top .des-footer-top-content .insurances p a.footer-tel,
            #desktopFooter .des-footer-top .des-footer-top-content .aboutus p a.footer-tel,
            #desktopFooter .des-footer-top .des-footer-top-content .info p a.footer-tel {
              font-size: 12px; }
          #desktopFooter .des-footer-top .des-footer-top-content .loans input[type="checkbox"],
          #desktopFooter .des-footer-top .des-footer-top-content .insurances input[type="checkbox"],
          #desktopFooter .des-footer-top .des-footer-top-content .aboutus input[type="checkbox"],
          #desktopFooter .des-footer-top .des-footer-top-content .info input[type="checkbox"] {
            display: none; }
          #desktopFooter .des-footer-top .des-footer-top-content .loans .menu,
          #desktopFooter .des-footer-top .des-footer-top-content .insurances .menu,
          #desktopFooter .des-footer-top .des-footer-top-content .aboutus .menu,
          #desktopFooter .des-footer-top .des-footer-top-content .info .menu {
            overflow: hidden;
            max-height: 0; }
          #desktopFooter .des-footer-top .des-footer-top-content .loans #menuToggleLoan:checked ~ #menuLoan,
          #desktopFooter .des-footer-top .des-footer-top-content .insurances #menuToggleLoan:checked ~ #menuLoan,
          #desktopFooter .des-footer-top .des-footer-top-content .aboutus #menuToggleLoan:checked ~ #menuLoan,
          #desktopFooter .des-footer-top .des-footer-top-content .info #menuToggleLoan:checked ~ #menuLoan {
            max-height: 500px;
            border-bottom: 1px solid #E6EAF1;
            padding-bottom: 16px; }
          #desktopFooter .des-footer-top .des-footer-top-content .loans #menuToggleLoan:checked ~ label,
          #desktopFooter .des-footer-top .des-footer-top-content .insurances #menuToggleLoan:checked ~ label,
          #desktopFooter .des-footer-top .des-footer-top-content .aboutus #menuToggleLoan:checked ~ label,
          #desktopFooter .des-footer-top .des-footer-top-content .info #menuToggleLoan:checked ~ label {
            border-bottom: none; }
            #desktopFooter .des-footer-top .des-footer-top-content .loans #menuToggleLoan:checked ~ label > .icon-sl-arrowdown,
            #desktopFooter .des-footer-top .des-footer-top-content .insurances #menuToggleLoan:checked ~ label > .icon-sl-arrowdown,
            #desktopFooter .des-footer-top .des-footer-top-content .aboutus #menuToggleLoan:checked ~ label > .icon-sl-arrowdown,
            #desktopFooter .des-footer-top .des-footer-top-content .info #menuToggleLoan:checked ~ label > .icon-sl-arrowdown {
              display: none; }
            #desktopFooter .des-footer-top .des-footer-top-content .loans #menuToggleLoan:checked ~ label > .icon-sl-arrowup,
            #desktopFooter .des-footer-top .des-footer-top-content .insurances #menuToggleLoan:checked ~ label > .icon-sl-arrowup,
            #desktopFooter .des-footer-top .des-footer-top-content .aboutus #menuToggleLoan:checked ~ label > .icon-sl-arrowup,
            #desktopFooter .des-footer-top .des-footer-top-content .info #menuToggleLoan:checked ~ label > .icon-sl-arrowup {
              display: unset;
              font-weight: bold;
              padding-right: 4px; }
          #desktopFooter .des-footer-top .des-footer-top-content .loans #menuToggleLoan:not(:checked) ~ label > .icon-sl-arrowdown,
          #desktopFooter .des-footer-top .des-footer-top-content .insurances #menuToggleLoan:not(:checked) ~ label > .icon-sl-arrowdown,
          #desktopFooter .des-footer-top .des-footer-top-content .aboutus #menuToggleLoan:not(:checked) ~ label > .icon-sl-arrowdown,
          #desktopFooter .des-footer-top .des-footer-top-content .info #menuToggleLoan:not(:checked) ~ label > .icon-sl-arrowdown {
            display: unset;
            font-weight: bold;
            padding-right: 4px; }
          #desktopFooter .des-footer-top .des-footer-top-content .loans #menuToggleLoan:not(:checked) ~ label > .icon-sl-arrowup,
          #desktopFooter .des-footer-top .des-footer-top-content .insurances #menuToggleLoan:not(:checked) ~ label > .icon-sl-arrowup,
          #desktopFooter .des-footer-top .des-footer-top-content .aboutus #menuToggleLoan:not(:checked) ~ label > .icon-sl-arrowup,
          #desktopFooter .des-footer-top .des-footer-top-content .info #menuToggleLoan:not(:checked) ~ label > .icon-sl-arrowup {
            display: none; }
          #desktopFooter .des-footer-top .des-footer-top-content .loans #menuToggleInsurance:checked ~ #menuInsurance,
          #desktopFooter .des-footer-top .des-footer-top-content .insurances #menuToggleInsurance:checked ~ #menuInsurance,
          #desktopFooter .des-footer-top .des-footer-top-content .aboutus #menuToggleInsurance:checked ~ #menuInsurance,
          #desktopFooter .des-footer-top .des-footer-top-content .info #menuToggleInsurance:checked ~ #menuInsurance {
            max-height: 500px;
            border-bottom: 1px solid #E6EAF1;
            padding-bottom: 16px; }
          #desktopFooter .des-footer-top .des-footer-top-content .loans #menuToggleInsurance:checked ~ label,
          #desktopFooter .des-footer-top .des-footer-top-content .insurances #menuToggleInsurance:checked ~ label,
          #desktopFooter .des-footer-top .des-footer-top-content .aboutus #menuToggleInsurance:checked ~ label,
          #desktopFooter .des-footer-top .des-footer-top-content .info #menuToggleInsurance:checked ~ label {
            border-bottom: none; }
            #desktopFooter .des-footer-top .des-footer-top-content .loans #menuToggleInsurance:checked ~ label > .icon-sl-arrowdown,
            #desktopFooter .des-footer-top .des-footer-top-content .insurances #menuToggleInsurance:checked ~ label > .icon-sl-arrowdown,
            #desktopFooter .des-footer-top .des-footer-top-content .aboutus #menuToggleInsurance:checked ~ label > .icon-sl-arrowdown,
            #desktopFooter .des-footer-top .des-footer-top-content .info #menuToggleInsurance:checked ~ label > .icon-sl-arrowdown {
              display: none; }
            #desktopFooter .des-footer-top .des-footer-top-content .loans #menuToggleInsurance:checked ~ label > .icon-sl-arrowup,
            #desktopFooter .des-footer-top .des-footer-top-content .insurances #menuToggleInsurance:checked ~ label > .icon-sl-arrowup,
            #desktopFooter .des-footer-top .des-footer-top-content .aboutus #menuToggleInsurance:checked ~ label > .icon-sl-arrowup,
            #desktopFooter .des-footer-top .des-footer-top-content .info #menuToggleInsurance:checked ~ label > .icon-sl-arrowup {
              display: unset;
              font-weight: bold;
              padding-right: 4px; }
          #desktopFooter .des-footer-top .des-footer-top-content .loans #menuToggleInsurance:not(:checked) ~ label > .icon-sl-arrowdown,
          #desktopFooter .des-footer-top .des-footer-top-content .insurances #menuToggleInsurance:not(:checked) ~ label > .icon-sl-arrowdown,
          #desktopFooter .des-footer-top .des-footer-top-content .aboutus #menuToggleInsurance:not(:checked) ~ label > .icon-sl-arrowdown,
          #desktopFooter .des-footer-top .des-footer-top-content .info #menuToggleInsurance:not(:checked) ~ label > .icon-sl-arrowdown {
            display: unset;
            font-weight: bold;
            padding-right: 4px; }
          #desktopFooter .des-footer-top .des-footer-top-content .loans #menuToggleInsurance:not(:checked) ~ label > .icon-sl-arrowup,
          #desktopFooter .des-footer-top .des-footer-top-content .insurances #menuToggleInsurance:not(:checked) ~ label > .icon-sl-arrowup,
          #desktopFooter .des-footer-top .des-footer-top-content .aboutus #menuToggleInsurance:not(:checked) ~ label > .icon-sl-arrowup,
          #desktopFooter .des-footer-top .des-footer-top-content .info #menuToggleInsurance:not(:checked) ~ label > .icon-sl-arrowup {
            display: none; }
          #desktopFooter .des-footer-top .des-footer-top-content .loans #menuToggleAboutus:checked ~ #menuAboutus,
          #desktopFooter .des-footer-top .des-footer-top-content .insurances #menuToggleAboutus:checked ~ #menuAboutus,
          #desktopFooter .des-footer-top .des-footer-top-content .aboutus #menuToggleAboutus:checked ~ #menuAboutus,
          #desktopFooter .des-footer-top .des-footer-top-content .info #menuToggleAboutus:checked ~ #menuAboutus {
            max-height: 500px;
            border-bottom: 1px solid #E6EAF1;
            padding-bottom: 16px; }
          #desktopFooter .des-footer-top .des-footer-top-content .loans #menuToggleAboutus:checked ~ label,
          #desktopFooter .des-footer-top .des-footer-top-content .insurances #menuToggleAboutus:checked ~ label,
          #desktopFooter .des-footer-top .des-footer-top-content .aboutus #menuToggleAboutus:checked ~ label,
          #desktopFooter .des-footer-top .des-footer-top-content .info #menuToggleAboutus:checked ~ label {
            border-bottom: none; }
            #desktopFooter .des-footer-top .des-footer-top-content .loans #menuToggleAboutus:checked ~ label > .icon-sl-arrowdown,
            #desktopFooter .des-footer-top .des-footer-top-content .insurances #menuToggleAboutus:checked ~ label > .icon-sl-arrowdown,
            #desktopFooter .des-footer-top .des-footer-top-content .aboutus #menuToggleAboutus:checked ~ label > .icon-sl-arrowdown,
            #desktopFooter .des-footer-top .des-footer-top-content .info #menuToggleAboutus:checked ~ label > .icon-sl-arrowdown {
              display: none; }
            #desktopFooter .des-footer-top .des-footer-top-content .loans #menuToggleAboutus:checked ~ label > .icon-sl-arrowup,
            #desktopFooter .des-footer-top .des-footer-top-content .insurances #menuToggleAboutus:checked ~ label > .icon-sl-arrowup,
            #desktopFooter .des-footer-top .des-footer-top-content .aboutus #menuToggleAboutus:checked ~ label > .icon-sl-arrowup,
            #desktopFooter .des-footer-top .des-footer-top-content .info #menuToggleAboutus:checked ~ label > .icon-sl-arrowup {
              display: unset;
              font-weight: bold;
              padding-right: 4px; }
          #desktopFooter .des-footer-top .des-footer-top-content .loans #menuToggleAboutus:not(:checked) ~ label > .icon-sl-arrowdown,
          #desktopFooter .des-footer-top .des-footer-top-content .insurances #menuToggleAboutus:not(:checked) ~ label > .icon-sl-arrowdown,
          #desktopFooter .des-footer-top .des-footer-top-content .aboutus #menuToggleAboutus:not(:checked) ~ label > .icon-sl-arrowdown,
          #desktopFooter .des-footer-top .des-footer-top-content .info #menuToggleAboutus:not(:checked) ~ label > .icon-sl-arrowdown {
            display: unset;
            font-weight: bold;
            padding-right: 4px; }
          #desktopFooter .des-footer-top .des-footer-top-content .loans #menuToggleAboutus:not(:checked) ~ label > .icon-sl-arrowup,
          #desktopFooter .des-footer-top .des-footer-top-content .insurances #menuToggleAboutus:not(:checked) ~ label > .icon-sl-arrowup,
          #desktopFooter .des-footer-top .des-footer-top-content .aboutus #menuToggleAboutus:not(:checked) ~ label > .icon-sl-arrowup,
          #desktopFooter .des-footer-top .des-footer-top-content .info #menuToggleAboutus:not(:checked) ~ label > .icon-sl-arrowup {
            display: none; }
          #desktopFooter .des-footer-top .des-footer-top-content .loans #menuToggleInfo:checked ~ #menuInfo,
          #desktopFooter .des-footer-top .des-footer-top-content .insurances #menuToggleInfo:checked ~ #menuInfo,
          #desktopFooter .des-footer-top .des-footer-top-content .aboutus #menuToggleInfo:checked ~ #menuInfo,
          #desktopFooter .des-footer-top .des-footer-top-content .info #menuToggleInfo:checked ~ #menuInfo {
            max-height: 500px;
            border-bottom: 1px solid #E6EAF1;
            padding-bottom: 16px; }
          #desktopFooter .des-footer-top .des-footer-top-content .loans #menuToggleInfo:checked ~ label,
          #desktopFooter .des-footer-top .des-footer-top-content .insurances #menuToggleInfo:checked ~ label,
          #desktopFooter .des-footer-top .des-footer-top-content .aboutus #menuToggleInfo:checked ~ label,
          #desktopFooter .des-footer-top .des-footer-top-content .info #menuToggleInfo:checked ~ label {
            border-bottom: none; }
            #desktopFooter .des-footer-top .des-footer-top-content .loans #menuToggleInfo:checked ~ label > .icon-sl-arrowdown,
            #desktopFooter .des-footer-top .des-footer-top-content .insurances #menuToggleInfo:checked ~ label > .icon-sl-arrowdown,
            #desktopFooter .des-footer-top .des-footer-top-content .aboutus #menuToggleInfo:checked ~ label > .icon-sl-arrowdown,
            #desktopFooter .des-footer-top .des-footer-top-content .info #menuToggleInfo:checked ~ label > .icon-sl-arrowdown {
              display: none; }
            #desktopFooter .des-footer-top .des-footer-top-content .loans #menuToggleInfo:checked ~ label > .icon-sl-arrowup,
            #desktopFooter .des-footer-top .des-footer-top-content .insurances #menuToggleInfo:checked ~ label > .icon-sl-arrowup,
            #desktopFooter .des-footer-top .des-footer-top-content .aboutus #menuToggleInfo:checked ~ label > .icon-sl-arrowup,
            #desktopFooter .des-footer-top .des-footer-top-content .info #menuToggleInfo:checked ~ label > .icon-sl-arrowup {
              display: unset;
              font-weight: bold;
              padding-right: 4px; }
          #desktopFooter .des-footer-top .des-footer-top-content .loans #menuToggleInfo:not(:checked) ~ label > .icon-sl-arrowdown,
          #desktopFooter .des-footer-top .des-footer-top-content .insurances #menuToggleInfo:not(:checked) ~ label > .icon-sl-arrowdown,
          #desktopFooter .des-footer-top .des-footer-top-content .aboutus #menuToggleInfo:not(:checked) ~ label > .icon-sl-arrowdown,
          #desktopFooter .des-footer-top .des-footer-top-content .info #menuToggleInfo:not(:checked) ~ label > .icon-sl-arrowdown {
            display: unset;
            font-weight: bold;
            padding-right: 4px; }
          #desktopFooter .des-footer-top .des-footer-top-content .loans #menuToggleInfo:not(:checked) ~ label > .icon-sl-arrowup,
          #desktopFooter .des-footer-top .des-footer-top-content .insurances #menuToggleInfo:not(:checked) ~ label > .icon-sl-arrowup,
          #desktopFooter .des-footer-top .des-footer-top-content .aboutus #menuToggleInfo:not(:checked) ~ label > .icon-sl-arrowup,
          #desktopFooter .des-footer-top .des-footer-top-content .info #menuToggleInfo:not(:checked) ~ label > .icon-sl-arrowup {
            display: none; }
        #desktopFooter .des-footer-top .des-footer-top-content .contactus {
          margin-top: 16px;
          display: block;
          padding: 0px 16px;
          gap: 4px;
          height: 185px; }
          #desktopFooter .des-footer-top .des-footer-top-content .contactus h3 {
            display: unset; }
          #desktopFooter .des-footer-top .des-footer-top-content .contactus #menuContactus {
            width: 343px;
            height: 60px; }
      #desktopFooter .des-footer-top .des-footer-top-link {
        display: contents;
        margin-top: 400px;
        flex-direction: column;
        gap: 16px; }
        #desktopFooter .des-footer-top .des-footer-top-link .footer-social {
          display: flex;
          padding: 16px;
          gap: 6px;
          position: static;
          top: auto;
          left: auto;
          width: 248px;
          height: 40px; }
          #desktopFooter .des-footer-top .des-footer-top-link .footer-social span {
            display: none; }
          #desktopFooter .des-footer-top .des-footer-top-link .footer-social img {
            width: 40px;
            height: 40px; }
        #desktopFooter .des-footer-top .des-footer-top-link .footer-app-download {
          position: static;
          display: flex;
          padding: 16px;
          gap: 16px;
          top: auto;
          left: auto;
          width: fit-content;
          margin-bottom: 8px;
          height: 100px; }
          #desktopFooter .des-footer-top .des-footer-top-link .footer-app-download .text {
            width: fit-content;
            height: 24px;
            font-size: 16px;
            font-weight: 600; }
          #desktopFooter .des-footer-top .des-footer-top-link .footer-app-download .download-box {
            height: 36px; }
            #desktopFooter .des-footer-top .des-footer-top-link .footer-app-download .download-box .app-download .search-box {
              display: none; }
            #desktopFooter .des-footer-top .des-footer-top-link .footer-app-download .download-box .app-download .download-link-box {
              height: 36px;
              gap: 0; }
              #desktopFooter .des-footer-top .des-footer-top-link .footer-app-download .download-box .app-download .download-link-box img {
                display: none; }
              #desktopFooter .des-footer-top .des-footer-top-link .footer-app-download .download-box .app-download .download-link-box .mobile-app-box {
                gap: 12px;
                width: 254px;
                height: 36px;
                display: flex;
                flex-direction: row;
                flex-wrap: nowrap;
                left: 0; }
                #desktopFooter .des-footer-top .des-footer-top-link .footer-app-download .download-box .app-download .download-link-box .mobile-app-box .mobile-app-img {
                  width: 121px;
                  height: 36px;
                  flex-shrink: 0; }
                  #desktopFooter .des-footer-top .des-footer-top-link .footer-app-download .download-box .app-download .download-link-box .mobile-app-box .mobile-app-img img {
                    width: 100%;
                    height: 100%;
                    display: unset; }
            #desktopFooter .des-footer-top .des-footer-top-link .footer-app-download .download-box .qr-code-box {
              display: none; }
    #desktopFooter .des-footer-bottom {
      width: 100%;
      padding: 0px 0px; }
      #desktopFooter .des-footer-bottom .des-footer-bottom-row {
        display: flex;
        width: calc(100% - 0px) !important;
        margin-left: 0;
        margin-right: 0;
        flex-direction: column;
        color: #FFFFFF;
        font-family: "FC-Iconic-Regular", sans-serif;
        font-size: 12px;
        font-weight: 400;
        line-height: 18px;
        letter-spacing: 0; }
        #desktopFooter .des-footer-bottom .des-footer-bottom-row .policy-list {
          display: flex;
          height: 18px;
          width: fit-content; }
          #desktopFooter .des-footer-bottom .des-footer-bottom-row .policy-list .cookie {
            display: flex;
            height: 18px;
            width: 124px; }
          #desktopFooter .des-footer-bottom .des-footer-bottom-row .policy-list .privay {
            display: flex;
            height: 18px;
            width: 142px; }
        #desktopFooter .des-footer-bottom .des-footer-bottom-row .copy-right {
          display: flex;
          gap: 8px;
          height: 18px;
          width: 287px; } }

#mapsFilterMobile {
  position: fixed;
  left: 0;
  width: 100%;
  height: calc(100vh - 0px);
  transition: top 0.5s;
  overflow: hidden;
  box-shadow: 0 2px 4px 0 rgba(155, 155, 155, 0.3);
  z-index: 999;
  background-color: #ffffff;
  top: calc(100vh - 0px); }
  #mapsFilterMobile.active {
    top: 100px;
    padding-bottom: 20px; }
  #mapsFilterMobile .back-to-maps {
    cursor: pointer;
    width: 100%;
    text-align: center;
    padding-top: 10px;
    height: 40px;
    color: #3a668d;
    font-size: 14px; }
    #mapsFilterMobile .back-to-maps i {
      display: block;
      text-align: center;
      font-size: 7px; }
  #mapsFilterMobile .filter-box {
    background-color: #f6f6f6;
    padding: 15px 20px 8px 20px; }
    #mapsFilterMobile .filter-box .row-filter {
      width: 100%;
      cursor: pointer; }
      #mapsFilterMobile .filter-box .row-filter.active i {
        color: #3a668d; }
      #mapsFilterMobile .filter-box .row-filter i {
        font-size: 14px;
        color: #000000;
        margin-right: 10px; }
      #mapsFilterMobile .filter-box .row-filter .title-filter {
        font-size: 16px;
        color: #6d7278; }
      #mapsFilterMobile .filter-box .row-filter .tag-filter {
        border-radius: 4px;
        padding: 2px 5px 1px 5px;
        background-color: #3a668d;
        font-size: 14px;
        color: #fafafa;
        margin-left: 5px; }
        #mapsFilterMobile .filter-box .row-filter .tag-filter:last-child {
          margin-left: unset; }
      #mapsFilterMobile .filter-box .row-filter .tag-close {
        margin-left: 5px; }
    #mapsFilterMobile .filter-box .row-form {
      width: 100%;
      max-height: 0px;
      overflow: hidden;
      transition: max-height 0.5s; }
      #mapsFilterMobile .filter-box .row-form .input-form {
        margin-top: 10px;
        width: 100%;
        height: 45px;
        padding: 7px 10px;
        background-color: #ffffff;
        font-family: "FC-Iconic-Regular", sans-serif;
        font-size: 14px;
        border: solid 1px #c4c4c4;
        border-radius: 4px;
        transition: all 0.2s; }
        #mapsFilterMobile .filter-box .row-form .input-form:focus {
          border-color: #243871;
          outline: none !important;
          transition: all 0.2s; }
        #mapsFilterMobile .filter-box .row-form .input-form::placeholder {
          color: #9b9b9b; }
        #mapsFilterMobile .filter-box .row-form .input-form.invalid {
          border: 1px solid #e02020;
          transition: all 0.2s; }
        #mapsFilterMobile .filter-box .row-form .input-form.disabled {
          opacity: 0.5;
          transition: all 0.2s; }
      #mapsFilterMobile .filter-box .row-form.active {
        max-height: 100px; }
    #mapsFilterMobile .filter-box .collapse {
      margin-top: 11px;
      text-align: center; }
      #mapsFilterMobile .filter-box .collapse i {
        font-size: 20px;
        color: #3a668d; }
  #mapsFilterMobile .item-list {
    transition: max-height 0.5s;
    max-height: calc(100vh - 295px);
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    width: 100vw;
    margin-left: -5px;
    padding-bottom: 10px; }
    #mapsFilterMobile .item-list.show-filter {
      transition: max-height 0.1s;
      max-height: calc(100vh - 205px) !important;
      min-height: calc(100vh - 205px); }
    #mapsFilterMobile .item-list::-webkit-scrollbar {
      margin-top: 10px !important;
      border-radius: 8px !important;
      height: 5px !important;
      width: 5px !important; }
    #mapsFilterMobile .item-list::-webkit-scrollbar-track {
      background: #f6f6f6 !important;
      border-radius: 8px !important;
      margin-top: 39px !important;
      margin-bottom: 39px !important; }
    #mapsFilterMobile .item-list::-webkit-scrollbar-thumb {
      background: #c4c4c4 !important;
      border-radius: 8px !important; }
    #mapsFilterMobile .item-list .empty {
      text-align: center;
      margin-top: 20px; }
    #mapsFilterMobile .item-list .widget-wrapper:first-child .card-box {
      border-top: unset; }
  @media screen and (max-width: 1280px) {
    #mapsFilterMobile .mob-sub-menu {
      left: 20px; }
    #mapsFilterMobile .mob-logo.active {
      left: calc(50vw - 50px) !important; } }
  @media screen and (max-width: 640px) {
    #mapsFilterMobile .filter-box {
      padding: 15px 16px 8px 16px; } }

.footer-selected {
  width: 100%;
  padding-right: 5px;
  position: fixed;
  bottom: -300px;
  background-color: #ffffff;
  transition: bottom 0.5s;
  z-index: 9; }
  .footer-selected.active {
    bottom: 0px; }
    .footer-selected.active .triangle {
      display: unset; }
  .footer-selected .triangle {
    display: none;
    cursor: pointer;
    width: 80px;
    height: 15px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    background-color: #ffffff;
    position: absolute;
    top: -15px;
    left: calc(50vw - 40px);
    text-align: center; }
    .footer-selected .triangle i {
      margin-top: 4px;
      display: block;
      font-size: 10px;
      color: #3a668d; }

@media screen and (max-width: 640px) {
  .footer-selected {
    padding-right: 0px !important; }
  select {
    font-size: 16px !important; } }

#error {
  text-align: center; }
  #error .title {
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
    font-family: "FC-Iconic-Regular";
    font-size: 42px;
    font-weight: 500;
    color: #243871;
    padding-top: 20vh; }
  #error .sub-title {
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
    font-family: "FC-Iconic-Regular";
    font-size: 32px;
    font-weight: 500;
    color: #ee347f;
    margin-top: 10px; }

#aboutUs {
  position: relative; }
  #aboutUs #mainBox {
    width: 100%;
    position: relative;
    display: block;
    color: #333333; }
    #aboutUs #mainBox #tabBox {
      width: 100%;
      height: 50px;
      box-shadow: 0 2px 4px 0 rgba(155, 155, 155, 0.3);
      overflow: hidden;
      overflow-x: auto; }
      @media only screen and (max-width: 768px) {
        #aboutUs #mainBox #tabBox {
          height: 55px !important; } }
      #aboutUs #mainBox #tabBox::-webkit-scrollbar {
        margin-top: 10px !important;
        border-radius: 8px !important;
        height: 5px !important;
        width: 5px !important; }
      #aboutUs #mainBox #tabBox::-webkit-scrollbar-track {
        background: #f6f6f6 !important;
        border-radius: 8px !important;
        margin-top: 39px !important;
        margin-bottom: 39px !important; }
      #aboutUs #mainBox #tabBox::-webkit-scrollbar-thumb {
        background: #c4c4c4 !important;
        border-radius: 8px !important; }
      #aboutUs #mainBox #tabBox ul {
        display: flex;
        max-width: 1240px;
        width: 100%;
        margin-top: 0px;
        margin-right: auto;
        margin-bottom: 0px;
        margin-left: auto;
        padding: 0px;
        list-style: none; }
        @media only screen and (max-width: 1280px) {
          #aboutUs #mainBox #tabBox ul {
            width: max-content !important; } }
        #aboutUs #mainBox #tabBox ul li {
          cursor: pointer;
          height: 50px;
          padding: 15px 30px;
          font-family: "FC-Iconic-Regular", sans-serif;
          font-size: 14px;
          font-weight: 600;
          color: #333333;
          box-sizing: border-box;
          transition: all 0.2; }
          #aboutUs #mainBox #tabBox ul li.active {
            color: #ee347f;
            border-bottom: solid 2px #ee347f;
            transition: all 0.2s; }
          #aboutUs #mainBox #tabBox ul li:hover {
            color: #ee347f;
            transition: all 0.2s; }
  #aboutUs .row-box {
    display: inline-flex;
    width: 100%; }

#aboutUsSection {
  position: relative;
  display: flex;
  max-width: 1240px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 30px 0px;
  flex-wrap: wrap;
  animation: fadein 1s;
  -moz-animation: fadein 1s;
  -webkit-animation: fadein 1s;
  -o-animation: fadein 1s; }

@keyframes fadein {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@-moz-keyframes fadein {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@-webkit-keyframes fadein {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@-o-keyframes fadein {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
  #aboutUsSection #imageColumn {
    display: block;
    width: 620px;
    height: 100%;
    padding: 24px 0px; }
  #aboutUsSection #textColumn {
    display: block;
    width: 620px;
    padding: 20px 10px;
    background-color: #ffebf2; }
    #aboutUsSection #textColumn .content-title {
      display: block;
      width: auto;
      margin-left: auto;
      margin-right: auto;
      margin-bottom: 15px;
      text-align: center; }
      #aboutUsSection #textColumn .content-title .text {
        margin-bottom: 5px;
        font-family: "FC-Iconic-Regular", sans-serif;
        font-size: 22px;
        font-weight: 600;
        color: #ee347f; }
      #aboutUsSection #textColumn .content-title .line {
        width: 100px;
        height: 2px;
        margin-left: auto;
        margin-right: auto;
        background-color: #243871; }
    #aboutUsSection #textColumn p {
      margin-block-end: 2em;
      text-indent: 27px;
      font-family: "Sarabun-Regular", sans-serif;
      font-size: 14px;
      color: #333333;
      line-height: 24px; }
      #aboutUsSection #textColumn p:last-child {
        margin-bottom: 0px; }
      #aboutUsSection #textColumn p .link {
        text-decoration: none;
        color: #00f;
        cursor: pointer; }
        #aboutUsSection #textColumn p .link:hover {
          text-decoration: underline; }
  @media only screen and (max-width: 1280px) {
    #aboutUsSection #imageColumn {
      width: 100%;
      padding: 0px 20px; }
    #aboutUsSection #textColumn {
      position: inherit;
      top: -30px;
      width: 100%;
      margin-left: 36px;
      margin-right: 36px; } }
  @media only screen and (max-width: 640px) {
    #aboutUsSection {
      padding: 0px; }
      #aboutUsSection #imageColumn {
        padding: 0px 0px; }
      #aboutUsSection #textColumn {
        position: inherit;
        top: -30px;
        margin-left: 16px;
        margin-right: 16px; } }
  #aboutUsSection h1 {
    margin: 0 !important; }

#beliefSection {
  position: relative;
  display: flex;
  max-width: 1240px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 30px 0px;
  flex-wrap: wrap-reverse;
  animation: fadein 1s;
  -moz-animation: fadein 1s;
  -webkit-animation: fadein 1s;
  -o-animation: fadein 1s; }

@keyframes fadein {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@-moz-keyframes fadein {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@-webkit-keyframes fadein {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@-o-keyframes fadein {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
  #beliefSection #textColumn {
    display: block;
    width: 411px;
    padding: 20px 10px;
    background-color: #ffebf2;
    z-index: 99; }
    #beliefSection #textColumn .content-title {
      display: block;
      width: 160px;
      margin-left: auto;
      margin-right: auto;
      margin-bottom: 15px;
      text-align: center; }
      #beliefSection #textColumn .content-title .text {
        margin-bottom: 5px;
        font-family: "FC-Iconic-Regular", sans-serif;
        font-size: 22px;
        font-weight: 600;
        color: #ee347f; }
      #beliefSection #textColumn .content-title .line {
        width: 100px;
        height: 2px;
        margin-left: auto;
        margin-right: auto;
        background-color: #243871; }
    #beliefSection #textColumn .text-box {
      margin-bottom: 20px;
      font-family: "Sarabun-Regular", sans-serif;
      font-size: 14px; }
    #beliefSection #textColumn p {
      margin-block-end: 2em;
      text-indent: 27px;
      font-family: "Sarabun-Regular", sans-serif;
      font-size: 14px;
      color: #333333;
      line-height: 24px; }
      #beliefSection #textColumn p:last-child {
        margin-bottom: 0px; }
  #beliefSection #imageColumn {
    display: block;
    width: 829px;
    padding: 20px 0px;
    z-index: 9; }
  @media only screen and (max-width: 1280px) {
    #beliefSection #imageColumn {
      width: 100%;
      padding: 0px 20px; }
    #beliefSection #textColumn {
      position: inherit;
      top: -30px;
      width: 100%;
      margin-left: 36px;
      margin-right: 36px; } }
  @media only screen and (max-width: 640px) {
    #beliefSection {
      padding: 0px; }
      #beliefSection #imageColumn {
        padding: 0px 0px; }
      #beliefSection #textColumn {
        position: inherit;
        top: -30px;
        margin-left: 16px;
        margin-right: 16px; } }

#visionSection {
  position: relative;
  display: block;
  max-width: 1240px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 5px 0px 0px 0px;
  animation: fadein 1s;
  -moz-animation: fadein 1s;
  -webkit-animation: fadein 1s;
  -o-animation: fadein 1s; }

@keyframes fadein {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@-moz-keyframes fadein {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@-webkit-keyframes fadein {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@-o-keyframes fadein {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
  #visionSection #imageColumn {
    display: block;
    width: 1240px;
    height: auto;
    padding: 0px 0px; }
  #visionSection #textColumn {
    position: inherit;
    display: block;
    top: -30px;
    max-width: 1190px;
    width: auto;
    margin-left: auto;
    margin-right: auto;
    padding: 20px 10px;
    background-color: #ffebf2; }
    #visionSection #textColumn .content-title {
      display: block;
      width: 160px;
      margin-left: auto;
      margin-right: auto;
      margin-bottom: 20px;
      text-align: center; }
      #visionSection #textColumn .content-title.margin-top {
        margin-top: 20px; }
      #visionSection #textColumn .content-title .text {
        margin-bottom: 5px;
        font-family: "FC-Iconic-Regular", sans-serif;
        font-size: 22px;
        font-weight: 600;
        color: #ee347f; }
      #visionSection #textColumn .content-title .line {
        width: 100px;
        height: 2px;
        margin-left: auto;
        margin-right: auto;
        background-color: #243871; }
    #visionSection #textColumn .text-box {
      text-align: center;
      font-family: "Sarabun-Regular", sans-serif;
      font-size: 14px;
      line-height: 24px; }
  @media only screen and (max-width: 1280px) {
    #visionSection #imageColumn {
      width: 100%;
      padding: 0px 20px; }
    #visionSection #textColumn {
      position: inherit;
      width: auto;
      margin-left: 36px;
      margin-right: 36px; } }
  @media only screen and (max-width: 640px) {
    #visionSection {
      padding: 0px; }
      #visionSection #imageColumn {
        padding: 0px 0px; }
      #visionSection #textColumn {
        position: inherit;
        top: -30px;
        margin-left: 16px;
        margin-right: 16px; } }

#waySection {
  max-width: 1240px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 30px 0px; }
  #waySection .content-title {
    display: block;
    width: auto;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
    text-align: center; }
    #waySection .content-title.margin-top {
      margin-top: 20px; }
    #waySection .content-title .text {
      margin-bottom: 5px;
      font-family: "FC-Iconic-Regular", sans-serif;
      font-size: 22px;
      font-weight: 600;
      color: #ee347f; }
    #waySection .content-title .line {
      width: 100px;
      height: 2px;
      margin-left: auto;
      margin-right: auto;
      background-color: #243871; }
  #waySection #slideSection {
    position: relative;
    margin-top: 20px;
    margin-bottom: 10px;
    height: auto; }
    #waySection #slideSection .slider-list {
      cursor: unset !important; }
      #waySection #slideSection .slider-list .slider-slide {
        outline: unset !important; }
    #waySection #slideSection .slider-control-bottomcenter {
      bottom: -20px !important; }
      #waySection #slideSection .slider-control-bottomcenter #bottomControl {
        display: inline-flex; }
        #waySection #slideSection .slider-control-bottomcenter #bottomControl .bottom-btn-control {
          cursor: pointer;
          width: 8px;
          height: 8px;
          border-radius: 5px;
          margin-right: 5px;
          background-color: #c4c4c4; }
        #waySection #slideSection .slider-control-bottomcenter #bottomControl .bottom-btn-control:last-child {
          margin-right: 0px; }
    #waySection #slideSection .slide-card {
      position: relative;
      display: flex;
      justify-content: center;
      max-width: 1240px;
      width: 100%;
      height: fit-content;
      margin-left: auto;
      margin-right: auto;
      overflow: hidden; }
      #waySection #slideSection .slide-card:focus {
        outline: unset !important; }
      #waySection #slideSection .slide-card .slide-item {
        position: relative;
        max-width: 403px;
        height: unset;
        width: 100%; }
        #waySection #slideSection .slide-card .slide-item:only-child {
          margin-left: auto;
          margin-right: auto; }
        #waySection #slideSection .slide-card .slide-item:not(:first-child) {
          margin-left: 15px; }
      #waySection #slideSection .slide-card .image-box {
        width: 100%;
        height: auto; }
      #waySection #slideSection .slide-card .mobile-space {
        position: relative; }
      #waySection #slideSection .slide-card .content-box {
        position: inherit;
        top: -30px;
        display: block;
        max-width: 343px;
        width: 100%;
        min-height: max-content;
        height: max-content;
        margin-left: auto;
        margin-right: auto;
        padding: 20px 10px;
        background-color: #ffebf2; }
        #waySection #slideSection .slide-card .content-box .content-box-title {
          font-family: "FC-Iconic-Regular", sans-serif;
          font-size: 18px;
          font-weight: 600;
          color: #243871;
          text-align: center; }
        #waySection #slideSection .slide-card .content-box .content-box-text {
          margin-top: 20px;
          font-family: "Sarabun-Regular", sans-serif;
          font-size: 14px;
          color: #333333;
          text-align: left;
          text-indent: 45px; }

@media only screen and (max-width: 360px) {
  #slideSection .slide-card .mobile-space {
    margin-left: 16px !important;
    margin-right: 16px !important; } }

#cultureSection {
  position: relative;
  display: block;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 10px 0px 0px 0px;
  animation: fadein 1s;
  -moz-animation: fadein 1s;
  -webkit-animation: fadein 1s;
  -o-animation: fadein 1s; }
  #cultureSection .inner-box {
    display: block;
    max-width: 1240px;
    width: 100%;
    margin-left: auto;
    margin-right: auto; }
  #cultureSection .image-column {
    display: block;
    width: 411px;
    height: auto;
    padding: 20px 0px; }
  #cultureSection #headSection .content-column {
    max-width: 1190px; }
  #cultureSection #secondSection {
    position: relative; }
    #cultureSection #secondSection .content-column {
      max-width: 829px; }
  #cultureSection #fourthSection {
    position: relative; }
    #cultureSection #fourthSection .image-column {
      width: 418px; }
    #cultureSection #fourthSection .content-column:first-child {
      max-width: 411px; }
    #cultureSection #fourthSection .content-column:last-child {
      max-width: 411px; }
  #cultureSection #fifthSection {
    position: relative; }
    #cultureSection #fifthSection .content-column {
      background-color: #ffffff; }
      #cultureSection #fifthSection .content-column:first-child {
        max-width: 821px; }
      #cultureSection #fifthSection .content-column:last-child {
        max-width: 404px; }
  #cultureSection #sixthSection {
    position: relative; }
    #cultureSection #sixthSection .content-column {
      max-width: 829px; }
  #cultureSection .content-column {
    position: inherit;
    display: block;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding: 20px 10px 20px 10px;
    background-color: #ffebf2; }
    #cultureSection .content-column.white {
      background-color: #ffffff !important; }
    #cultureSection .content-column.center {
      text-align: center !important; }
    #cultureSection .content-column .content-title {
      display: block;
      width: auto;
      margin-left: auto;
      margin-right: auto;
      margin-bottom: 20px;
      text-align: center; }
      #cultureSection .content-column .content-title.margin-top {
        margin-top: 20px; }
      #cultureSection .content-column .content-title .text {
        margin-bottom: 5px;
        font-family: "FC-Iconic-Regular", sans-serif;
        font-size: 22px;
        font-weight: 600;
        color: #ee347f; }
      #cultureSection .content-column .content-title .line {
        width: 100px;
        height: 2px;
        margin-left: auto;
        margin-right: auto;
        background-color: #243871; }
    #cultureSection .content-column .main-text-box {
      text-align: center;
      font-family: "FC-Iconic-Regular", sans-serif;
      font-size: 16px;
      line-height: 24px;
      color: #333333; }
      #cultureSection .content-column .main-text-box .label-main-text {
        font-size: 18px;
        font-weight: 600;
        color: #243871; }
    #cultureSection .content-column .sub-main-text {
      text-align: left; }
      #cultureSection .content-column .sub-main-text .p-main-text {
        margin-block-end: 0px;
        text-indent: 27px;
        font-family: "Sarabun-Regular", sans-serif;
        font-size: 14px;
        color: #333333;
        line-height: 24px; }
    #cultureSection .content-column p {
      margin-block-end: 0px;
      text-indent: 27px;
      font-family: "Sarabun-Regular", sans-serif;
      font-size: 14px;
      color: #333333;
      line-height: 24px; }
  #cultureSection .sub-content-title {
    display: block;
    width: auto;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
    text-align: center; }
    #cultureSection .sub-content-title .text {
      font-family: "FC-Iconic-Regular", sans-serif;
      font-size: 18px;
      font-weight: 600;
      color: #243871; }
  #cultureSection #purpleSection {
    width: 100%;
    height: auto;
    background-color: #edf1fd; }
    #cultureSection #purpleSection .box {
      display: flex;
      max-width: 1240px;
      width: 100%;
      margin-left: auto;
      margin-right: auto;
      padding: 20px 0px;
      flex-wrap: wrap; }
      #cultureSection #purpleSection .box p {
        margin-bottom: 0px;
        text-indent: 27px;
        font-family: "Sarabun-Regular", sans-serif;
        font-size: 14px;
        color: #333333;
        line-height: 24px; }
  #cultureSection .third-column {
    max-width: 403px;
    width: 100%; }
    #cultureSection .third-column.middle {
      max-width: 433px;
      padding: 0px 15px; }
  #cultureSection .row-box {
    display: flex;
    width: 100%;
    padding-bottom: 30px; }
  @media only screen and (max-width: 1280px) {
    #cultureSection .inner-box {
      padding: 0px 20px; }
    #cultureSection #secondSection .image-column {
      max-width: 411px !important;
      width: 100%;
      margin-left: auto;
      margin-right: auto;
      padding: 0px 0px; }
    #cultureSection #secondSection .content-column {
      position: inherit;
      max-width: 80%;
      width: auto;
      margin-left: auto;
      margin-right: auto; }
    #cultureSection #fourthSection {
      margin-bottom: -105px; }
      #cultureSection #fourthSection .content-column {
        max-width: 80% !important; }
        #cultureSection #fourthSection .content-column:last-child {
          top: -70px;
          z-index: 9; }
      #cultureSection #fourthSection .image-column {
        position: inherit;
        top: -35px;
        margin-left: auto;
        margin-right: auto;
        z-index: 99; }
    #cultureSection #fifthSection {
      padding-bottom: 0px; }
      #cultureSection #fifthSection .content-column {
        max-width: 80% !important; }
    #cultureSection #sixthSection {
      margin-bottom: -35px; }
      #cultureSection #sixthSection .content-column {
        max-width: 80% !important; }
      #cultureSection #sixthSection .image-column {
        position: inherit;
        top: -35px;
        margin-left: auto;
        margin-right: auto; }
    #cultureSection .third-column {
      max-width: 403px;
      width: 100%;
      margin-left: auto;
      margin-right: auto; }
      #cultureSection .third-column:last-child {
        margin-top: 20px; }
      #cultureSection .third-column.middle {
        max-width: 433px;
        padding: 0px 15px; }
    #cultureSection .row-box {
      flex-wrap: wrap; } }
  @media only screen and (max-width: 835px) and (min-width: 641px) {
    #cultureSection .inner-box {
      padding: 0px 20px; }
    #cultureSection .third-column {
      max-width: calc(calc(100% - 60px) * 0.8);
      width: 100%;
      margin-left: auto;
      margin-right: auto; }
      #cultureSection .third-column.middle {
        max-width: calc(calc(100% - 60px) * 0.8);
        padding: 0; }
      #cultureSection .third-column:not(:first-child) {
        margin-top: 20px; } }
  @media only screen and (max-width: 640px) {
    #cultureSection {
      padding: 0px; }
      #cultureSection .inner-box {
        padding: 0px 0px; }
      #cultureSection #secondSection {
        padding-bottom: 0px; }
        #cultureSection #secondSection .image-column {
          max-width: 411px !important;
          width: 100%;
          margin-left: auto;
          margin-right: auto;
          padding: 0px 0px; }
        #cultureSection #secondSection .content-column {
          position: inherit;
          top: -30px;
          max-width: 100% !important;
          width: 100%;
          margin-left: 16px;
          margin-right: 16px; }
      #cultureSection #purpleSection {
        width: 100%;
        margin-left: 0px;
        margin-right: 0px; }
        #cultureSection #purpleSection .third-column {
          padding: 0px 16px; }
      #cultureSection #fourthSection {
        height: auto !important;
        margin-bottom: -110px; }
        #cultureSection #fourthSection .content-column {
          max-width: 100% !important;
          margin-left: 16px;
          margin-right: 16px;
          z-index: 99; }
          #cultureSection #fourthSection .content-column:last-child {
            top: -80px;
            z-index: 99; }
        #cultureSection #fourthSection .image-column {
          max-width: 100%;
          width: 100%;
          height: auto;
          position: inherit;
          top: -40px;
          margin-left: auto;
          margin-right: auto;
          z-index: 9; }
      #cultureSection #fifthSection .content-column {
        max-width: 100% !important;
        padding-left: 0px;
        padding-right: 0px;
        margin-left: 16px;
        margin-right: 16px; }
      #cultureSection #sixthSection {
        height: auto !important;
        margin-bottom: -70px; }
        #cultureSection #sixthSection .content-column {
          max-width: 100% !important;
          margin-left: 16px;
          margin-right: 16px;
          z-index: 99; }
        #cultureSection #sixthSection .image-column {
          position: inherit;
          top: -40px;
          max-width: 100%;
          width: 100%;
          height: auto;
          margin-left: auto;
          margin-right: auto;
          z-index: 9; }
      #cultureSection .third-column {
        max-width: 403px;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        padding: 0px 10px; }
        #cultureSection .third-column.middle {
          max-width: 403px;
          margin-top: 20px; } }
  @media only screen and (max-width: 640px) and (min-width: 403px) {
    #cultureSection .third-column {
      max-width: calc(calc(100% - 20px)); }
      #cultureSection .third-column.middle {
        max-width: calc(calc(100% - 20px));
        padding-top: 30px; } }
  @media only screen and (max-width: 380px) {
    #cultureSection {
      padding: 0px; }
      #cultureSection .inner-box {
        padding: 0px 0px; }
      #cultureSection #secondSection.row-box {
        margin-bottom: 0px !important; }
      #cultureSection #secondSection .image-column {
        max-width: 411px !important;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        padding: 0px 0px; }
      #cultureSection #secondSection .content-column {
        position: inherit;
        top: -30px;
        max-width: 343px !important;
        width: 100%;
        margin-left: 16px;
        margin-right: 16px; }
      #cultureSection #purpleSection {
        width: 100%;
        margin-left: 0px;
        margin-right: 0px; }
      #cultureSection #fifthSection .content-column {
        padding-left: 0px;
        padding-right: 6px; }
      #cultureSection .third-column {
        max-width: 403px;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        padding: 0px 16px; } }

@keyframes fadein {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@-moz-keyframes fadein {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@-webkit-keyframes fadein {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@-o-keyframes fadein {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

#turboCulture .main-box-container {
  background: linear-gradient(220.22deg, #FFFFFF 1.55%, #FFEDF3 52.21%, #FDC6D9 97.56%);
  width: 100%;
  margin: 0 auto;
  padding: 20px; }
  #turboCulture .main-box-container .main-box {
    padding: 0;
    text-align: center;
    box-sizing: border-box; }
    #turboCulture .main-box-container .main-box h1 {
      margin-block-start: 0;
      font-family: "FC-Iconic-Medium", sans-serif;
      font-size: 36px;
      font-weight: bold;
      color: #FA4786;
      margin-bottom: 40px; }
    #turboCulture .main-box-container .main-box .main-box-content {
      background-color: transparent;
      display: flex;
      max-width: 1440px;
      max-height: 559px;
      margin: auto auto; }
      #turboCulture .main-box-container .main-box .main-box-content .main-box-content-image {
        flex: 1;
        width: 50%;
        box-sizing: border-box;
        display: flex;
        gap: 20px; }
        #turboCulture .main-box-container .main-box .main-box-content .main-box-content-image .main-box-content-image-left {
          width: 50%;
          display: flex;
          justify-content: center;
          align-items: center; }
          #turboCulture .main-box-container .main-box .main-box-content .main-box-content-image .main-box-content-image-left img {
            height: 431px;
            width: 345px;
            width: 100%;
            border-radius: 36px;
            object-fit: cover; }
        #turboCulture .main-box-container .main-box .main-box-content .main-box-content-image .main-box-content-image-right {
          width: 50%; }
          #turboCulture .main-box-container .main-box .main-box-content .main-box-content-image .main-box-content-image-right .main-box-content-image-right-box {
            max-width: 345px;
            gap: 20px; }
            #turboCulture .main-box-container .main-box .main-box-content .main-box-content-image .main-box-content-image-right .main-box-content-image-right-box .image-top {
              max-width: 345px;
              max-height: 194px;
              width: 100%;
              border-radius: 36px; }
            #turboCulture .main-box-container .main-box .main-box-content .main-box-content-image .main-box-content-image-right .main-box-content-image-right-box .image-bottom {
              max-width: 345px;
              max-height: 345px;
              width: 100%;
              border-radius: 36px; }
      #turboCulture .main-box-container .main-box .main-box-content .main-box-content-text {
        width: 50%;
        text-align: center;
        padding: 0px 20px;
        gap: 8px;
        margin: auto auto; }
        #turboCulture .main-box-container .main-box .main-box-content .main-box-content-text span {
          font-family: "FC-Iconic-Regular", sans-serif;
          font-weight: 500;
          font-size: 32px;
          line-height: 48px;
          color: #002D72; }
          #turboCulture .main-box-container .main-box .main-box-content .main-box-content-text span span {
            font-family: "FC-Iconic-Medium", sans-serif;
            color: #FA4786; }
        #turboCulture .main-box-container .main-box .main-box-content .main-box-content-text p {
          font-family: "FC-Iconic-light", sans-serif;
          font-weight: 400;
          font-size: 18px;
          line-height: 28px;
          color: #7F7F80; }

#turboCulture .value-box-container {
  width: 100%;
  margin: 0 auto;
  padding: 10px;
  background-color: #FFFFFF; }
  #turboCulture .value-box-container .value-box {
    text-align: center;
    box-sizing: border-box; }
    #turboCulture .value-box-container .value-box h1 {
      font-family: "FC-Iconic-Medium", sans-serif;
      font-size: 36px;
      font-weight: bold;
      color: #FA4786; }
    #turboCulture .value-box-container .value-box .value-box-content-container {
      padding: 20px calc((100vw - 1440px) / 2);
      overflow: hidden;
      position: relative;
      margin: 0 auto; }
      #turboCulture .value-box-container .value-box .value-box-content-container .value-box-content {
        gap: 20px;
        display: flex;
        flex-wrap: nowrap;
        justify-content: space-between;
        align-items: flex-start;
        margin: 0 auto; }
        #turboCulture .value-box-container .value-box .value-box-content-container .value-box-content .sub-content {
          gap: 8px;
          display: flex;
          flex-direction: column;
          align-items: center;
          text-align: center; }
          #turboCulture .value-box-container .value-box .value-box-content-container .value-box-content .sub-content .first-span {
            font-weight: 700;
            font-size: 24px;
            text-align: center;
            font-family: "FC-Iconic-medium", sans-serif;
            color: #002D72;
            display: flex;
            align-items: center;
            justify-content: center; }
          #turboCulture .value-box-container .value-box .value-box-content-container .value-box-content .sub-content .second-span {
            font-weight: 500;
            font-size: 20px;
            text-align: center;
            font-family: "FC-Iconic-Regular", sans-serif;
            color: #FA4786;
            display: flex;
            align-items: center;
            justify-content: center; }
          #turboCulture .value-box-container .value-box .value-box-content-container .value-box-content .sub-content p {
            font-weight: 400;
            font-size: 18px;
            text-align: center;
            font-family: "FC-Iconic-light", sans-serif;
            color: #7F7F80;
            margin: 0;
            display: flex;
            align-items: center;
            justify-content: center; }

#turboCulture .life-box-container {
  width: 100%;
  margin: 0 auto;
  height: 540px; }
  #turboCulture .life-box-container .life-box {
    height: 540px;
    display: flex;
    width: 100%;
    margin: auto auto; }
    #turboCulture .life-box-container .life-box .life-box-content {
      height: 540px;
      flex: 1;
      width: 50%;
      box-sizing: border-box;
      text-align: center;
      background: linear-gradient(220.22deg, #FFFFFF 1.55%, #FFEDF3 52.21%, #FDC6D9 97.56%);
      display: flex;
      align-items: center;
      justify-content: center; }
      #turboCulture .life-box-container .life-box .life-box-content .life-box-content-text {
        padding: 0 20% 0 25%; }
        #turboCulture .life-box-container .life-box .life-box-content .life-box-content-text h1 {
          left: 0;
          font-weight: 700;
          font-size: 36px;
          line-height: 52px;
          letter-spacing: 0%;
          text-align: left;
          color: #FA4786;
          font-family: "FC-Iconic-Medium", sans-serif; }
        #turboCulture .life-box-container .life-box .life-box-content .life-box-content-text .life-box-content-text-p .first-p {
          left: 0;
          font-weight: 700;
          font-size: 24px;
          line-height: 36px;
          letter-spacing: 0%;
          text-align: left;
          color: #002D72;
          font-family: "FC-Iconic-Regular", sans-serif; }
          #turboCulture .life-box-container .life-box .life-box-content .life-box-content-text .life-box-content-text-p .first-p span {
            font-family: "FC-Iconic-Medium", sans-serif;
            color: #FA4786; }
        #turboCulture .life-box-container .life-box .life-box-content .life-box-content-text .life-box-content-text-p .second-p {
          left: 0;
          font-weight: 400;
          font-size: 18px;
          line-height: 28px;
          letter-spacing: 0%;
          text-align: left;
          color: #7F7F80;
          font-family: "FC-Iconic-light", sans-serif; }
    #turboCulture .life-box-container .life-box .life-box-image-right {
      flex: 1;
      width: 50%;
      box-sizing: border-box; }

#turboCulture .org-box-container {
  width: 100%;
  margin: 0 auto;
  height: 540px; }
  #turboCulture .org-box-container .org-box {
    display: flex;
    width: 100%;
    height: 540px;
    margin: auto auto; }
    #turboCulture .org-box-container .org-box .org-box-left {
      flex: 1;
      width: 50%;
      box-sizing: border-box; }
    #turboCulture .org-box-container .org-box .org-box-content {
      flex: 1;
      height: 540px;
      width: 50%;
      box-sizing: border-box;
      padding-top: 40px;
      text-align: center;
      background: linear-gradient(220.22deg, #FFFFFF 1.55%, #FFEDF3 52.21%, #FDC6D9 97.56%);
      display: flex;
      align-items: center;
      justify-content: center; }
      #turboCulture .org-box-container .org-box .org-box-content .org-box-content-text {
        padding: 0 25% 0 7%; }
        #turboCulture .org-box-container .org-box .org-box-content .org-box-content-text .org-box-content-title {
          font-weight: 700;
          font-size: 36px;
          line-height: 52px;
          letter-spacing: 0%;
          text-align: right;
          color: #FA4786;
          font-family: "FC-Iconic-Medium", sans-serif; }
        #turboCulture .org-box-container .org-box .org-box-content .org-box-content-text .org-box-content-text-p .first-p {
          font-weight: 700;
          font-size: 24px;
          line-height: 36px;
          letter-spacing: 0%;
          text-align: right;
          color: #002D72;
          font-family: "FC-Iconic-Regular", sans-serif; }
          #turboCulture .org-box-container .org-box .org-box-content .org-box-content-text .org-box-content-text-p .first-p span {
            font-family: "FC-Iconic-Medium", sans-serif;
            color: #FA4786; }
        #turboCulture .org-box-container .org-box .org-box-content .org-box-content-text .org-box-content-text-p .second-p {
          font-weight: 400;
          font-size: 18px;
          line-height: 28px;
          letter-spacing: 0%;
          text-align: right;
          color: #7F7F80;
          font-family: "FC-Iconic-light", sans-serif; }

#turboCulture .grow-box-container .grow-box {
  padding-bottom: 20px;
  padding-top: 20px;
  background-color: #FFF8FA;
  text-align: center;
  box-sizing: border-box; }
  #turboCulture .grow-box-container .grow-box h1 {
    font-size: 36px;
    color: #FA4786;
    margin-bottom: 40px;
    font-family: "FC-Iconic-Medium", sans-serif; }
  #turboCulture .grow-box-container .grow-box .grow-box-content-container {
    margin-left: auto;
    overflow: hidden;
    position: relative;
    padding: 0 calc((100vw - 1440px) / 2); }
    #turboCulture .grow-box-container .grow-box .grow-box-content-container .grow-box-content {
      display: flex;
      gap: 20px;
      flex-direction: row;
      flex-wrap: nowrap;
      transition: transform 0.3s ease-in-out; }
      #turboCulture .grow-box-container .grow-box .grow-box-content-container .grow-box-content .grow-box-sub-content {
        width: 466px;
        background-color: #FFFFFF;
        flex: 1;
        gap: 20px;
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 24px;
        box-sizing: border-box;
        border-radius: 36px; }
        #turboCulture .grow-box-container .grow-box .grow-box-content-container .grow-box-content .grow-box-sub-content .grow-box-sub-content-text {
          height: 200px;
          display: flex;
          flex-direction: column;
          align-items: center;
          justify-content: center; }
          #turboCulture .grow-box-container .grow-box .grow-box-content-container .grow-box-content .grow-box-sub-content .grow-box-sub-content-text p {
            display: flex;
            justify-content: center;
            align-items: center;
            max-width: 418px;
            font-weight: 400;
            font-size: 20px;
            line-height: 30px;
            letter-spacing: 0%;
            color: #002D72;
            text-align: center;
            gap: 8px;
            font-family: "FC-Iconic-Regular", sans-serif; }
          #turboCulture .grow-box-container .grow-box .grow-box-content-container .grow-box-content .grow-box-sub-content .grow-box-sub-content-text .quote {
            display: flex;
            justify-content: center;
            margin-top: 0px;
            margin-bottom: 0px;
            font-family: "Sarabun-Bold";
            font-size: 50px;
            color: #FA4786; }
        #turboCulture .grow-box-container .grow-box .grow-box-content-container .grow-box-content .grow-box-sub-content .grow-box-sub-content-image {
          width: 140px;
          height: 140px;
          border-radius: 9999px; }
        #turboCulture .grow-box-container .grow-box .grow-box-content-container .grow-box-content .grow-box-sub-content .grow-box-sub-content-span {
          gap: 10px;
          display: flex;
          flex-direction: column; }
          #turboCulture .grow-box-container .grow-box .grow-box-content-container .grow-box-content .grow-box-sub-content .grow-box-sub-content-span .first-span {
            font-weight: 600;
            font-size: 20px;
            line-height: 30px;
            letter-spacing: 0%;
            display: flex;
            justify-content: center;
            align-items: center;
            color: #002D72;
            text-align: center;
            font-family: "FC-Iconic-Medium", sans-serif; }
          #turboCulture .grow-box-container .grow-box .grow-box-content-container .grow-box-content .grow-box-sub-content .grow-box-sub-content-span .second-span {
            font-weight: 400;
            font-size: 18px;
            line-height: 28px;
            letter-spacing: 0%;
            display: flex;
            justify-content: center;
            align-items: center;
            color: #7F7F80;
            text-align: center;
            font-family: "FC-Iconic-light", sans-serif; }

#turboCulture .prize-box-container .prize-box {
  padding-bottom: 40px;
  background-color: #FFFFFF;
  text-align: center;
  box-sizing: border-box; }
  #turboCulture .prize-box-container .prize-box h1 {
    font-size: 36px;
    color: #FA4786;
    margin-bottom: 40px;
    font-family: "FC-Iconic-Medium", sans-serif; }
  #turboCulture .prize-box-container .prize-box .prize-box-image {
    margin-left: auto;
    overflow: hidden;
    position: relative;
    flex: 1;
    max-width: 1075px;
    gap: 20px;
    display: flex;
    margin: auto auto;
    justify-content: space-between;
    align-items: flex-start; }
    #turboCulture .prize-box-container .prize-box .prize-box-image img {
      object-fit: cover;
      width: 345px;
      height: 345px;
      border-radius: 36px; }

@media screen and (max-width: 640px) {
  #turboCulture .main-box-container {
    padding-bottom: 0px; }
    #turboCulture .main-box-container .main-box h1 {
      font-size: 24px;
      margin-bottom: 0px; }
    #turboCulture .main-box-container .main-box .main-box-content {
      display: flex;
      flex-direction: column-reverse;
      padding: 20px; }
      #turboCulture .main-box-container .main-box .main-box-content .main-box-content-text {
        width: 100%;
        padding: 0px; }
        #turboCulture .main-box-container .main-box .main-box-content .main-box-content-text span {
          font-size: 20px;
          line-height: 30px; }
        #turboCulture .main-box-container .main-box .main-box-content .main-box-content-text p {
          font-size: 16px;
          line-height: 24px; }
      #turboCulture .main-box-container .main-box .main-box-content .main-box-content-image {
        flex: 1;
        height: 270px;
        width: 100%;
        gap: 12px;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center; }
        #turboCulture .main-box-container .main-box .main-box-content .main-box-content-image .main-box-content-image-left {
          height: 270px;
          width: 50%;
          display: flex;
          justify-content: right;
          align-items: center; }
          #turboCulture .main-box-container .main-box .main-box-content .main-box-content-image .main-box-content-image-left img {
            object-fit: cover;
            max-height: 207px;
            max-width: 166px;
            width: 100%;
            border-radius: 24px; }
        #turboCulture .main-box-container .main-box .main-box-content .main-box-content-image .main-box-content-image-right {
          height: 270px;
          width: 50%; }
          #turboCulture .main-box-container .main-box .main-box-content .main-box-content-image .main-box-content-image-right .main-box-content-image-right-box {
            gap: 12px;
            display: flex;
            justify-content: center;
            align-items: center;
            flex-direction: column;
            max-width: 166px; }
            #turboCulture .main-box-container .main-box .main-box-content .main-box-content-image .main-box-content-image-right .main-box-content-image-right-box .image-top {
              max-width: 166px;
              max-height: 93px;
              width: 100%;
              border-radius: 24px; }
            #turboCulture .main-box-container .main-box .main-box-content .main-box-content-image .main-box-content-image-right .main-box-content-image-right-box .image-bottom {
              max-width: 166px;
              max-height: 166px;
              width: 100%;
              border-radius: 24px; }
  #turboCulture .value-box-container {
    padding: 10px 0; }
    #turboCulture .value-box-container .value-box h1 {
      font-size: 24px; }
    #turboCulture .value-box-container .value-box .value-box-content-container {
      margin-left: auto;
      overflow-x: auto;
      scrollbar-width: none;
      position: relative;
      padding: 20px; }
      #turboCulture .value-box-container .value-box .value-box-content-container .value-box-content {
        display: inline-flex;
        flex-direction: row;
        flex-wrap: nowrap;
        transition: transform 0.3s ease-in-out;
        gap: 20px; }
        #turboCulture .value-box-container .value-box .value-box-content-container .value-box-content .sub-content {
          width: 190px;
          display: flex; }
          #turboCulture .value-box-container .value-box .value-box-content-container .value-box-content .sub-content .first-span {
            font-size: 16px; }
          #turboCulture .value-box-container .value-box .value-box-content-container .value-box-content .sub-content .second-span {
            font-size: 16px; }
          #turboCulture .value-box-container .value-box .value-box-content-container .value-box-content .sub-content p {
            font-size: 14px; }
  #turboCulture .life-box-container {
    height: auto; }
    #turboCulture .life-box-container .life-box {
      height: auto;
      display: flex;
      flex-direction: column;
      margin: auto auto;
      text-align: center; }
      #turboCulture .life-box-container .life-box .life-box-content {
        height: auto;
        flex: 1;
        width: 100%;
        box-sizing: border-box;
        padding: 0px 20px;
        text-align: center;
        background: linear-gradient(220.22deg, #FFFFFF 1.55%, #FFEDF3 52.21%, #FDC6D9 97.56%);
        display: flex;
        align-items: center;
        justify-content: center; }
        #turboCulture .life-box-container .life-box .life-box-content .life-box-content-text {
          padding: 0; }
          #turboCulture .life-box-container .life-box .life-box-content .life-box-content-text h1 {
            line-height: 36px;
            font-size: 24px;
            text-align: center; }
          #turboCulture .life-box-container .life-box .life-box-content .life-box-content-text .life-box-content-text-p .first-p {
            font-size: 20px;
            line-height: 30px;
            text-align: center; }
          #turboCulture .life-box-container .life-box .life-box-content .life-box-content-text .life-box-content-text-p .second-p {
            font-size: 16px;
            line-height: 24px;
            text-align: center; }
      #turboCulture .life-box-container .life-box .life-box-image-right {
        text-align: center;
        width: 100%;
        margin-bottom: -5px; }
  #turboCulture .org-box-container {
    position: relative;
    height: auto; }
    #turboCulture .org-box-container .org-box {
      display: flex;
      flex-direction: column-reverse;
      margin: auto auto;
      text-align: center;
      height: auto; }
      #turboCulture .org-box-container .org-box .org-box-left {
        text-align: center;
        width: 100%;
        margin-bottom: -5px; }
      #turboCulture .org-box-container .org-box .org-box-content {
        height: auto;
        flex: 1;
        height: auto;
        width: 100%;
        padding: 20px;
        margin: 0 auto;
        text-align: center;
        background: linear-gradient(220.22deg, #FFFFFF 1.55%, #FFEDF3 52.21%, #FDC6D9 97.56%);
        display: flex;
        align-items: center;
        justify-content: center; }
        #turboCulture .org-box-container .org-box .org-box-content .org-box-content-text {
          padding: 0; }
          #turboCulture .org-box-container .org-box .org-box-content .org-box-content-text .org-box-content-title {
            font-size: 24px;
            line-height: 36px;
            text-align: center; }
          #turboCulture .org-box-container .org-box .org-box-content .org-box-content-text .org-box-content-text-p .first-p {
            font-size: 20px;
            line-height: 30px;
            text-align: center; }
          #turboCulture .org-box-container .org-box .org-box-content .org-box-content-text .org-box-content-text-p .second-p {
            font-size: 16px;
            line-height: 24px;
            text-align: center; }
  #turboCulture .grow-box-container .grow-box h1 {
    font-size: 24px;
    margin-bottom: 20px; }
  #turboCulture .grow-box-container .grow-box .grow-box-content-container {
    margin-left: auto;
    overflow-x: auto;
    scrollbar-width: none;
    position: relative;
    padding: 20px; }
    #turboCulture .grow-box-container .grow-box .grow-box-content-container .grow-box-content {
      display: inline-flex;
      flex-direction: row;
      flex-wrap: nowrap;
      transition: transform 0.3s ease-in-out;
      gap: 10px; }
      #turboCulture .grow-box-container .grow-box .grow-box-content-container .grow-box-content .grow-box-sub-content {
        width: 320px;
        border-radius: 32px; }
        #turboCulture .grow-box-container .grow-box .grow-box-content-container .grow-box-content .grow-box-sub-content .grow-box-sub-content-text {
          height: 200px;
          display: flex;
          flex-direction: column;
          align-items: center;
          justify-content: center; }
          #turboCulture .grow-box-container .grow-box .grow-box-content-container .grow-box-content .grow-box-sub-content .grow-box-sub-content-text p {
            font-size: 16px;
            line-height: 24px; }
          #turboCulture .grow-box-container .grow-box .grow-box-content-container .grow-box-content .grow-box-sub-content .grow-box-sub-content-text .quote {
            font-size: 40px; }
        #turboCulture .grow-box-container .grow-box .grow-box-content-container .grow-box-content .grow-box-sub-content .grow-box-sub-content-image {
          width: 140px;
          height: 140px;
          border-radius: 9999px; }
        #turboCulture .grow-box-container .grow-box .grow-box-content-container .grow-box-content .grow-box-sub-content .grow-box-sub-content-span .first-span {
          font-size: 14px;
          line-height: 20px; }
        #turboCulture .grow-box-container .grow-box .grow-box-content-container .grow-box-content .grow-box-sub-content .grow-box-sub-content-span .second-span {
          font-size: 14px;
          line-height: 20px; }
  #turboCulture .prize-box-container .prize-box {
    padding-bottom: 40px;
    background-color: #FFFFFF;
    text-align: center;
    box-sizing: border-box; }
    #turboCulture .prize-box-container .prize-box h1 {
      font-size: 24px;
      margin-bottom: 20px; }
    #turboCulture .prize-box-container .prize-box .prize-box-image {
      margin-left: auto;
      overflow-x: auto;
      scrollbar-width: none;
      position: relative;
      padding: 0 20px; }
      #turboCulture .prize-box-container .prize-box .prize-box-image img {
        object-fit: cover;
        width: 320px;
        height: 320px;
        border-radius: 32px; } }

#imageCarouselBox {
  width: 100%;
  height: 100%;
  position: relative; }
  #imageCarouselBox #slideBox {
    width: 100%;
    height: 100%;
    position: relative; }
    #imageCarouselBox #slideBox .slide-image-card {
      position: relative;
      width: 100%;
      height: 100%;
      display: flex;
      justify-content: center; }
      #imageCarouselBox #slideBox .slide-image-card .slide-image-box {
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        object-fit: cover; }
  #imageCarouselBox #bottomControl {
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    align-items: center;
    gap: 4px;
    z-index: 10; }
    #imageCarouselBox #bottomControl .bottom-btn-control {
      width: 8px;
      height: 8px;
      border-radius: 50%;
      border: 2px solid transparent;
      background: #E6EAF1;
      cursor: pointer;
      transition: all 0.3s ease;
      outline: none;
      box-sizing: border-box; }
      #imageCarouselBox #bottomControl .bottom-btn-control:hover {
        opacity: 0.8; }
      #imageCarouselBox #bottomControl .bottom-btn-control.active {
        width: 10px;
        height: 10px;
        background: #FA4786;
        border: 2px solid white; }
  #imageCarouselBox .custom-left-control,
  #imageCarouselBox .custom-right-control {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    background-color: rgba(255, 255, 255, 0.8);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    transition: all 0.3s ease; }
    #imageCarouselBox .custom-left-control:hover,
    #imageCarouselBox .custom-right-control:hover {
      background-color: white; }
    #imageCarouselBox .custom-left-control.disabled,
    #imageCarouselBox .custom-right-control.disabled {
      opacity: 0.5;
      cursor: not-allowed; }
      #imageCarouselBox .custom-left-control.disabled:hover,
      #imageCarouselBox .custom-right-control.disabled:hover {
        background-color: rgba(255, 255, 255, 0.8); }
    #imageCarouselBox .custom-left-control i,
    #imageCarouselBox .custom-right-control i {
      font-size: 20px;
      color: #FA4786; }
  #imageCarouselBox .custom-left-control {
    left: 20px; }
  #imageCarouselBox .custom-right-control {
    right: 20px; }

#weLooking {
  max-width: 1280px;
  padding: 30px 12.5px 20px;
  width: 100%;
  margin-left: auto;
  margin-right: auto; }
  @media screen and (max-width: 640px) {
    #weLooking {
      padding: 10px 8.5px; } }
  #weLooking .title {
    font-family: "FC-Iconic-Regular";
    font-size: 22px;
    font-weight: 500;
    color: #ee347f;
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
    font-weight: bold;
    margin-bottom: 10px;
    padding: 0 7.5px; }
  #weLooking .image-box-ele {
    display: flex;
    flex-wrap: wrap;
    width: 100%; }
    #weLooking .image-box-ele .image-box {
      margin: 10px 7.5px;
      width: 298.75px;
      height: fit-content; }
      @media screen and (max-width: 1280px) {
        #weLooking .image-box-ele .image-box {
          width: calc(50% - 15px); } }
      #weLooking .image-box-ele .image-box .image-text {
        margin-top: 10px;
        text-align: center;
        font-family: "FC-Iconic-Regular";
        font-size: 14px;
        font-weight: 500;
        color: #333;
        width: fit-content;
        margin-left: auto;
        margin-right: auto; }

#procedure {
  padding: 30px 0px 20px;
  background-color: #edf1fd;
  width: 100%;
  margin-left: auto;
  margin-right: auto; }
  #procedure .title {
    font-family: "FC-Iconic-Regular";
    font-size: 18px;
    font-weight: 500;
    color: #333;
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
    font-weight: bold;
    padding: 0 7.5px;
    margin-bottom: 10px; }
  #procedure .text-box-ele {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    max-width: 1280px;
    padding: 0 12.5px; }
    @media screen and (max-width: 640px) {
      #procedure .text-box-ele {
        padding: 0 7.5px; } }
    #procedure .text-box-ele .text-group {
      width: 25%;
      padding: 10px 7.5px; }
      @media screen and (max-width: 1280px) {
        #procedure .text-box-ele .text-group {
          width: 50%; } }
      @media screen and (max-width: 640px) {
        #procedure .text-box-ele .text-group {
          width: 100%; } }
      #procedure .text-box-ele .text-group .number {
        font-family: "FC-Iconic-Regular";
        font-size: 28px;
        font-weight: 500;
        color: #333;
        font-weight: bold; }
      #procedure .text-box-ele .text-group .text-box {
        font-family: "Sarabun-Medium";
        font-size: 14px;
        font-weight: 500;
        color: #333;
        line-height: 1.71; }

#area {
  max-width: 1240px;
  padding: 30px 0;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  flex-wrap: wrap; }
  @media screen and (max-width: 640px) {
    #area {
      max-width: 100%;
      padding-bottom: 0;
      overflow: hidden; } }
  #area .image-box {
    width: 50%; }
    @media screen and (max-width: 1280px) {
      #area .image-box {
        width: fit-content;
        margin-left: calc(50% - 305px); } }
    @media screen and (max-width: 640px) {
      #area .image-box {
        width: fit-content;
        margin-left: 0; } }
    #area .image-box .background-box {
      width: 280px;
      height: 440px;
      background-color: #ffebf2;
      padding-top: 40px;
      overflow-x: visible; }
      @media screen and (max-width: 640px) {
        #area .image-box .background-box {
          width: calc(100vw * 0.456);
          height: calc(calc(100vw * 0.456) * calc(440 / 280));
          padding-top: calc(40px - calc(calc(640px - 100vw) / calc(340 / 17.85))); } }
      #area .image-box .background-box .image-div {
        margin-left: 130px;
        width: 480px;
        height: fit-content; }
        @media screen and (max-width: 640px) {
          #area .image-box .background-box .image-div {
            width: calc(100vw * calc(295 / 375));
            margin-left: calc(calc(100vw * 0.456) * calc(80 / 172)); } }
  #area .text-area-box {
    width: 50%;
    margin-top: 100px; }
    @media screen and (max-width: 1280px) {
      #area .text-area-box {
        width: 100%;
        margin-top: 30px; } }
    #area .text-area-box .title {
      width: fit-content;
      margin-left: auto;
      margin-right: auto;
      font-family: "FC-Iconic-Regular";
      font-size: 18px;
      font-weight: 500;
      color: #ee347f;
      font-weight: bold; }
    #area .text-area-box .detail-box {
      width: fit-content;
      margin-left: auto;
      margin-right: auto;
      font-family: "FC-Iconic-Regular";
      font-size: 14px;
      font-weight: 500;
      color: #333;
      margin-top: 20px; }
      #area .text-area-box .detail-box .line {
        display: flex; }
        #area .text-area-box .detail-box .line i {
          background: linear-gradient(to bottom, #ee347f 62%, #243871 38%);
          -webkit-background-clip: text;
          -webkit-text-fill-color: transparent;
          padding-top: 5px;
          margin-right: 10px; }
        #area .text-area-box .detail-box .line .header {
          font-weight: bold;
          font-size: 16px; }
        #area .text-area-box .detail-box .line .dash {
          margin-left: 35px;
          margin-right: 15px; }
        #area .text-area-box .detail-box .line .text {
          font-weight: normal; }

#rentBuilding .btn-box {
  width: 100%;
  padding-bottom: 30px; }
  @media screen and (max-width: 640px) {
    #rentBuilding .btn-box {
      padding: 0 16px 30px; } }
  #rentBuilding .btn-box .btn {
    width: 180px;
    height: 40px;
    margin-left: auto;
    margin-right: auto;
    border-radius: 4px;
    background-color: #ee347f;
    font-family: "FC-Iconic-Regular", sans-serif;
    font-size: 16px;
    text-align: center;
    color: #ffffff;
    padding-top: 8px;
    cursor: pointer; }
    @media screen and (max-width: 640px) {
      #rentBuilding .btn-box .btn {
        width: 100%; } }
    #rentBuilding .btn-box .btn.disabled {
      opacity: 0.5 !important;
      cursor: no-drop !important; }

.banner-carousel {
  position: relative;
  width: 100%;
  height: auto;
  overflow: hidden;
  background: #f5f5f5; }

.slides-container {
  position: relative;
  width: 100%;
  height: auto;
  min-height: inherit; }

.slide {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  min-height: inherit;
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
  z-index: 1; }

.slide.active {
  opacity: 1;
  z-index: 2;
  position: relative; }

.slide-content {
  width: 100%;
  height: auto;
  display: block; }

.slide-content img {
  width: 100%;
  height: auto;
  display: block;
  object-fit: cover;
  object-position: center; }

.arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: rgba(255, 255, 255, 0.8);
  border: none;
  border-radius: 50%;
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 10;
  transition: all 0.3s ease; }

.arrow:hover {
  background: rgba(255, 255, 255, 0.9);
  transform: translateY(-50%) scale(1.05); }

.arrow:active {
  transform: translateY(-50%) scale(0.95); }

.arrow-left {
  left: 24px; }

.arrow-right {
  right: 24px; }

.arrow i {
  font-size: 20px;
  color: #FA4786; }

.indicators {
  position: absolute;
  bottom: 24px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  gap: 4px;
  z-index: 10; }

.indicator {
  width: 8px;
  height: 16px;
  border-radius: 50%;
  border: 2px solid transparent;
  background: #E6EAF1;
  cursor: pointer;
  transition: all 0.3s ease;
  outline: none;
  box-sizing: border-box; }

.indicator.active {
  background: #FA4786;
  border: 2px solid white; }

@media (max-width: 1024px) {
  .arrow {
    width: 44px;
    height: 44px; }
  .arrow i {
    font-size: 18px; }
  .arrow-left {
    left: 16px; }
  .arrow-right {
    right: 16px; }
  .indicators {
    bottom: 20px; } }

@media (max-width: 768px) {
  .arrow {
    display: none; }
  .indicators {
    bottom: 16px; }
  .indicator {
    width: 6px;
    height: 14px;
    border: 1px solid transparent; }
  .indicator.active {
    border: 1px solid white; } }

@media (max-width: 480px) {
  .indicators {
    bottom: 12px; } }

#customerExpSection {
  width: 100%;
  padding: 30px 0px; }
  #customerExpSection .customerexp-content {
    width: 1240px;
    margin-left: auto;
    margin-right: auto; }
    #customerExpSection .customerexp-content .customerexp-header {
      font-family: "FC-Iconic-Medium", sans-serif;
      font-size: 22px;
      font-weight: 500;
      color: #333333; }
    #customerExpSection .customerexp-content .customerexp-detail {
      padding-top: 20px; }
    @media screen and (max-width: 1283px) {
      #customerExpSection .customerexp-content {
        width: 100%; }
        #customerExpSection .customerexp-content .customerexp-header {
          padding: 0px 20px !important; } }
    @media screen and (max-width: 640px) {
      #customerExpSection .customerexp-content .customerexp-header {
        padding: 0px 16px !important; } }

#sliderVideoAndImage #slideBox {
  position: relative; }
  #sliderVideoAndImage #slideBox .slider {
    padding-bottom: 38px; }
  #sliderVideoAndImage #slideBox .slide-customer-card {
    display: flex;
    flex-wrap: wrap; }
    #sliderVideoAndImage #slideBox .slide-customer-card:focus {
      outline: none !important; }
    #sliderVideoAndImage #slideBox .slide-customer-card .slide-customer-box {
      width: 499px;
      height: 328px;
      margin-right: 20px;
      overflow: hidden; }
      #sliderVideoAndImage #slideBox .slide-customer-card .slide-customer-box .customer-video {
        width: 100%;
        height: 100%;
        border: unset !important; }
      #sliderVideoAndImage #slideBox .slide-customer-card .slide-customer-box .customer-cover-image {
        cursor: pointer;
        width: 100%;
        height: 100%;
        border: unset !important; }
    #sliderVideoAndImage #slideBox .slide-customer-card .slide-customer-box-detail {
      position: relative;
      width: 566px;
      margin-left: auto;
      margin-right: auto;
      text-align: center;
      display: flex;
      justify-content: center;
      flex-direction: column; }
      #sliderVideoAndImage #slideBox .slide-customer-card .slide-customer-box-detail .detail-video {
        font-size: 22px;
        text-align: center;
        color: #333333;
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical; }
      #sliderVideoAndImage #slideBox .slide-customer-card .slide-customer-box-detail .detail-customer-name {
        margin-top: 20px;
        font-family: "FC-Iconic-Regular", sans-serif;
        font-size: 16px;
        color: #ee347f; }
      #sliderVideoAndImage #slideBox .slide-customer-card .slide-customer-box-detail .detail-customer-occupation {
        font-size: 14px;
        color: #333333; }
  #sliderVideoAndImage #slideBox .slider-control-bottomcenter {
    bottom: -7px !important; }
    #sliderVideoAndImage #slideBox .slider-control-bottomcenter #bottomControl {
      display: inline-flex; }
      #sliderVideoAndImage #slideBox .slider-control-bottomcenter #bottomControl .bottom-btn-control {
        cursor: pointer;
        width: 8px;
        height: 8px;
        border-radius: 5px;
        margin-right: 5px;
        background-color: #c4c4c4; }
      #sliderVideoAndImage #slideBox .slider-control-bottomcenter #bottomControl .bottom-btn-control:last-child {
        margin-right: 0px; }

@media screen and (max-width: 1283px) {
  #sliderVideoAndImage .slide-customer-card {
    padding: 0px 20px; } }

@media screen and (max-width: 1158px) {
  #sliderVideoAndImage #slideBox .slider {
    padding-bottom: unset; }
  #sliderVideoAndImage #slideBox .slide-customer-box {
    margin-left: auto !important;
    margin-right: auto !important; }
  #sliderVideoAndImage #slideBox .slide-customer-box-detail {
    margin-top: 20px;
    width: 100% !important; } }

@media screen and (max-width: 640px) {
  #sliderVideoAndImage #slideBox .slide-customer-box {
    width: 100% !important;
    height: auto !important;
    margin-left: auto !important;
    margin-right: auto !important; }
  #sliderVideoAndImage #slideBox .customer-video {
    height: calc(250px + calc(100vw / 10)) !important; }
  #sliderVideoAndImage #slideBox .slide-customer-card {
    padding: 0px 16px !important; }
  #sliderVideoAndImage #slideBox .slide-customer-box-detail {
    margin-top: 20px;
    width: 100% !important; }
    #sliderVideoAndImage #slideBox .slide-customer-box-detail .detail {
      color: #243871 !important;
      overflow: hidden !important; } }

#promotionSection {
  width: 100%;
  padding: 30px 12.5px; }

@keyframes shine-lines {
  0% {
    background-position: -100px; }
  50% {
    background-position: 200px; }
  100% {
    background-position: 400px; } }
  @media screen and (max-width: 640px) {
    #promotionSection {
      padding-left: 8.5px;
      padding-right: 8.5px; } }
  #promotionSection .promotion-content {
    margin-left: auto;
    margin-right: auto;
    width: fit-content; }
    @media screen and (max-width: 1283px) {
      #promotionSection .promotion-content {
        width: 100%; } }
    #promotionSection .promotion-content .promotion-header-box {
      width: 832px;
      display: flex; }
      @media screen and (max-width: 1280px) {
        #promotionSection .promotion-content .promotion-header-box {
          width: calc(100% - 10px); } }
      #promotionSection .promotion-content .promotion-header-box .promotion-header {
        font-family: "FC-Iconic-Medium", sans-serif;
        font-size: 22px;
        font-weight: 500;
        color: #333333;
        margin: 0 7.5px; }
      #promotionSection .promotion-content .promotion-header-box .see-all {
        margin-left: auto;
        margin-right: 0;
        font-family: "FC-Iconic-Medium", sans-serif;
        font-size: 14px;
        padding-top: 8px;
        cursor: pointer;
        text-decoration: none;
        color: #333333; }
        #promotionSection .promotion-content .promotion-header-box .see-all:hover {
          color: #ee347f; }
    #promotionSection .promotion-content .promotion-detail {
      display: flex;
      flex-wrap: wrap;
      width: fit-content; }
      @media screen and (max-width: 1280px) {
        #promotionSection .promotion-content .promotion-detail {
          width: 100%; } }
      #promotionSection .promotion-content .promotion-detail .promotion-image-box {
        width: 403px;
        height: 302px;
        margin: 20px 7.5px 0;
        border-radius: 4px;
        box-shadow: 0 2px 4px 0 rgba(155, 155, 155, 0.3);
        border: solid 1px #eff1f6;
        background-image: linear-gradient(90deg, #f4f4f4 0px, rgba(229, 229, 229, 0.8) 100px, #f4f4f4 200px);
        background-size: 600px;
        animation: shine-lines 1s infinite ease-out; }
        @media screen and (max-width: 1283px) {
          #promotionSection .promotion-content .promotion-detail .promotion-image-box {
            margin-left: auto;
            margin-right: auto; } }
        @media screen and (max-width: 640px) {
          #promotionSection .promotion-content .promotion-detail .promotion-image-box {
            width: 100%;
            height: calc(calc(width / 4) * 3);
            margin: 20px 7.5px 0; } }
        #promotionSection .promotion-content .promotion-detail .promotion-image-box img {
          width: 100%;
          height: 100%;
          object-fit: cover;
          border-radius: 4px; }

#imageSildeBox {
  margin: 20px 7.5px 0;
  box-shadow: 0 2px 4px 0 rgba(155, 155, 155, 0.3);
  border: solid 1px #eff1f6;
  border-radius: 4px;
  animation: fadein 1s;
  -moz-animation: fadein 1s;
  /* Firefox */
  -webkit-animation: fadein 1s;
  /* Safari and Chrome */
  -o-animation: fadein 1s;
  /* Opera */ }

@keyframes fadein {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@-moz-keyframes fadein {
  /* Firefox */
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@-webkit-keyframes fadein {
  /* Safari and Chrome */
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@-o-keyframes fadein {
  /* Opera */
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
  @media screen and (max-width: 1283px) {
    #imageSildeBox {
      width: calc(100% - 15px); }
      #imageSildeBox #slideBox {
        width: calc(100vw - 34px) !important;
        height: calc(calc(300 / 822) * 100vw) !important;
        max-width: 100%; }
        #imageSildeBox #slideBox .image-card .image-box {
          width: calc(50% - 7.5px) !important;
          height: calc(calc(300 / 822) * 100vw) !important; }
        #imageSildeBox #slideBox .image-card .image-box-detail {
          width: calc(100% - calc(50% - 7.5px)) !important;
          padding: 20px 15px !important; }
          #imageSildeBox #slideBox .image-card .image-box-detail .triangle {
            top: calc(calc(calc(calc(300 / 822) * 100vw) / 2) - 5px) !important; } }
  @media screen and (max-width: 640px) {
    #imageSildeBox #slideBox {
      height: fit-content !important; }
      #imageSildeBox #slideBox .image-card {
        height: fit-content !important; }
        #imageSildeBox #slideBox .image-card .image-box {
          width: calc(100vw - 15px) !important;
          height: calc(calc(calc(100vw - 15px) / 4) * 3) !important;
          border-radius: 0 !important;
          border-top-left-radius: 4px !important;
          border-top-right-radius: 4px !important; }
          #imageSildeBox #slideBox .image-card .image-box img {
            border-radius: 0 !important;
            border-top-left-radius: 4px !important;
            border-top-right-radius: 4px !important; }
        #imageSildeBox #slideBox .image-card .image-box-detail {
          width: calc(100vw - 15px) !important;
          height: fit-content !important;
          border-radius: 0 !important;
          border-bottom-left-radius: 4px !important;
          border-bottom-right-radius: 4px !important; }
          #imageSildeBox #slideBox .image-card .image-box-detail .triangle {
            display: none; } }
  #imageSildeBox #slideBox {
    position: relative;
    width: 822px;
    height: 300px;
    background-color: #ee347f;
    border-radius: 4px; }
    #imageSildeBox #slideBox .image-card {
      display: flex;
      flex-wrap: wrap; }
      #imageSildeBox #slideBox .image-card .image-box {
        width: 400px;
        border-top-left-radius: 4px;
        border-bottom-left-radius: 4px;
        height: 300px; }
        #imageSildeBox #slideBox .image-card .image-box img {
          width: 100%;
          height: 100%;
          object-fit: cover;
          border-top-left-radius: 4px;
          border-bottom-left-radius: 4px; }
      #imageSildeBox #slideBox .image-card .image-box-detail {
        position: relative;
        width: 422px;
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px;
        background-color: #ee347f;
        padding: 50px 30px; }
        #imageSildeBox #slideBox .image-card .image-box-detail .title {
          font-family: "FC-Iconic-Medium", sans-serif;
          font-size: 22px;
          font-weight: 500;
          color: #ffffff; }
        #imageSildeBox #slideBox .image-card .image-box-detail .detail {
          font-family: "Sarabun-Light", sans-serif;
          font-size: 14px;
          line-height: 1.71;
          color: #ffffff;
          margin-top: 10px;
          margin-bottom: 20px;
          overflow: hidden;
          text-overflow: ellipsis;
          display: -webkit-box;
          -webkit-box-orient: vertical;
          -webkit-line-clamp: 3;
          min-height: 46px; }
        #imageSildeBox #slideBox .image-card .image-box-detail .see-more-box {
          display: flex;
          text-decoration: none;
          width: fit-content;
          cursor: pointer; }
          #imageSildeBox #slideBox .image-card .image-box-detail .see-more-box .see-more-text {
            font-family: "FC-Iconic-Medium", sans-serif;
            font-size: 14px;
            color: white;
            background: #ee347f;
            z-index: 1; }
          #imageSildeBox #slideBox .image-card .image-box-detail .see-more-box .slide-box {
            position: relative; }
            #imageSildeBox #slideBox .image-card .image-box-detail .see-more-box .slide-box .icon-sl-readmore {
              position: absolute;
              font-size: 10px;
              font-weight: bold;
              color: white;
              transition: 0.3s;
              left: -30px;
              top: 6px; }
          #imageSildeBox #slideBox .image-card .image-box-detail .see-more-box:hover .slide-box .icon-sl-readmore {
            transition: 0.3s;
            left: 10px; }
        #imageSildeBox #slideBox .image-card .image-box-detail .triangle {
          position: absolute;
          width: 0px;
          height: 0px;
          border-top: 10px solid transparent;
          border-right: 10px solid #ee347f;
          border-bottom: 10px solid transparent;
          left: -10px;
          z-index: 1;
          top: 140px; }
    #imageSildeBox #slideBox .slider-control-bottomcenter {
      bottom: 7px !important;
      left: 200px !important; }
      @media screen and (max-width: 1283px) {
        #imageSildeBox #slideBox .slider-control-bottomcenter {
          left: calc(calc(100% - calc(50% - 15px)) - calc(25% + 15px)) !important; } }
      @media screen and (max-width: 640px) {
        #imageSildeBox #slideBox .slider-control-bottomcenter {
          left: 50% !important;
          top: calc(calc(calc(calc(100vw - 15px) / 4) * 3) - 27px) !important; } }
      #imageSildeBox #slideBox .slider-control-bottomcenter #bottomControl {
        display: inline-flex; }
        #imageSildeBox #slideBox .slider-control-bottomcenter #bottomControl .bottom-btn-control {
          cursor: pointer;
          width: 8px;
          height: 8px;
          border-radius: 5px;
          margin-right: 5px;
          background-color: #c4c4c4; }
        #imageSildeBox #slideBox .slider-control-bottomcenter #bottomControl .bottom-btn-control:last-child {
          margin-right: 0px; }

#imageSildeLoadingBox {
  margin: 20px 7.5px 0;
  box-shadow: 0 2px 4px 0 rgba(155, 155, 155, 0.3);
  border: solid 1px #eff1f6;
  border-radius: 4px; }

@keyframes shine-lines {
  0% {
    background-position: -100px; }
  50% {
    background-position: 200px; }
  100% {
    background-position: 400px; } }
  @media screen and (max-width: 1283px) {
    #imageSildeLoadingBox {
      width: calc(100% - 15px); }
      #imageSildeLoadingBox .image-card {
        width: calc(100vw - 34px) !important;
        height: calc(calc(300 / 822) * 100vw) !important;
        max-width: 100%; }
        #imageSildeLoadingBox .image-card .image-box {
          width: calc(50% - 7.5px) !important;
          height: calc(calc(300 / 822) * 100vw) !important; }
        #imageSildeLoadingBox .image-card .image-box-detail {
          width: calc(100% - calc(50% - 7.5px)) !important;
          padding: 20px 15px !important; }
          #imageSildeLoadingBox .image-card .image-box-detail .triangle {
            top: calc(calc(calc(calc(300 / 822) * 100vw) / 2) - 5px) !important; } }
  @media screen and (max-width: 640px) {
    #imageSildeLoadingBox .image-card {
      height: fit-content !important; }
      #imageSildeLoadingBox .image-card .image-box {
        width: calc(100vw - 15px) !important;
        height: calc(calc(calc(100vw - 15px) / 4) * 3) !important;
        border-radius: 0 !important;
        border-top-left-radius: 4px !important;
        border-top-right-radius: 4px !important; }
        #imageSildeLoadingBox .image-card .image-box img {
          border-radius: 0 !important;
          border-top-left-radius: 4px !important;
          border-top-right-radius: 4px !important; }
      #imageSildeLoadingBox .image-card .image-box-detail {
        width: calc(100vw - 15px) !important;
        height: calc(calc(calc(100vw - 15px) / 4) * 3) !important;
        border-radius: 0 !important;
        border-bottom-left-radius: 4px !important;
        border-bottom-right-radius: 4px !important; }
        #imageSildeLoadingBox .image-card .image-box-detail .triangle {
          display: none; } }
  #imageSildeLoadingBox .image-card {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    width: 822px;
    height: 300px;
    background-color: #fadee7;
    border-radius: 4px; }
    #imageSildeLoadingBox .image-card .image-box {
      width: 400px;
      border-top-left-radius: 4px;
      border-bottom-left-radius: 4px;
      height: 300px;
      background-image: linear-gradient(90deg, #f4f4f4 0px, rgba(229, 229, 229, 0.8) 100px, #f4f4f4 200px);
      background-size: 600px;
      animation: shine-lines 1s infinite ease-out; }
    #imageSildeLoadingBox .image-card .image-box-detail {
      position: relative;
      width: 422px;
      border-top-right-radius: 4px;
      border-bottom-right-radius: 4px;
      background-color: #fff;
      padding: 50px 30px; }
      #imageSildeLoadingBox .image-card .image-box-detail .title {
        font-family: "FC-Iconic-Medium", sans-serif;
        font-size: 22px;
        font-weight: 500;
        color: #ffffff; }
        #imageSildeLoadingBox .image-card .image-box-detail .title .line {
          width: 80%;
          border-radius: 10px;
          background-color: #f4f4f4;
          height: 22px;
          margin-bottom: 15px;
          background-image: linear-gradient(90deg, #f4f4f4 0px, rgba(229, 229, 229, 0.8) 100px, #f4f4f4 200px);
          background-size: 600px;
          animation: shine-lines 1s infinite ease-out; }
      #imageSildeLoadingBox .image-card .image-box-detail .detail {
        font-family: "Sarabun-Light", sans-serif;
        font-size: 14px;
        line-height: 1.71;
        color: #ffffff;
        margin-top: 10px;
        margin-bottom: 20px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3; }
        #imageSildeLoadingBox .image-card .image-box-detail .detail .line {
          border-radius: 10px;
          background-color: #f4f4f4;
          height: 14px;
          margin-bottom: 5px;
          background-image: linear-gradient(90deg, #f4f4f4 0px, rgba(229, 229, 229, 0.8) 100px, #f4f4f4 200px);
          background-size: 600px;
          animation: shine-lines 1s infinite ease-out; }
          #imageSildeLoadingBox .image-card .image-box-detail .detail .line:nth-child(1) {
            width: 40%; }
          #imageSildeLoadingBox .image-card .image-box-detail .detail .line:nth-child(3) {
            width: 60%; }
      #imageSildeLoadingBox .image-card .image-box-detail .triangle {
        position: absolute;
        width: 0px;
        height: 0px;
        border-top: 10px solid transparent;
        border-right: 10px solid #fff;
        border-bottom: 10px solid transparent;
        left: -10px;
        z-index: 1;
        top: 140px; }

#sectionPageManage {
  width: 100%;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto; }
  #sectionPageManage.over-line-class {
    padding: 0px !important; }
  #sectionPageManage.full-screen {
    max-width: unset !important;
    padding: 0 !important; }
  #sectionPageManage .title-box .header {
    font-family: "FC-Iconic-Medium";
    font-size: 28px;
    font-weight: 500;
    color: #ee347f;
    margin-top: 30px; }
  #sectionPageManage .title-box .content-date {
    font-family: "Sarabun-Regular";
    font-size: 16px;
    font-weight: 500;
    color: #9b9b9b;
    display: flex;
    margin-top: 10px; }
    #sectionPageManage .title-box .content-date i {
      padding-top: 4px;
      margin-right: 5px; }
  #sectionPageManage .underline {
    width: 100px;
    height: 2px;
    background-color: #243871;
    margin-top: 30px; }
  #sectionPageManage .section-group {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap; }
    @media screen and (max-width: 768px) and (min-width: 481px) {
      #sectionPageManage .section-group {
        flex-wrap: nowrap;
        overflow-x: auto;
        overflow-y: hidden;
        scroll-behavior: smooth;
        -webkit-overflow-scrolling: touch;
        scroll-snap-type: x mandatory;
        gap: 15px;
        padding: 0 0px;
        -ms-overflow-style: none;
        scrollbar-width: none; }
        #sectionPageManage .section-group::-webkit-scrollbar {
          display: none; }
        #sectionPageManage .section-group .section-box, #sectionPageManage .section-group .content-text {
          flex: 0 0 calc(50% - 20px);
          min-width: calc(50% - 20px);
          max-width: calc(50% - 20px);
          scroll-snap-align: start;
          margin-right: 0; } }
    @media screen and (max-width: 480px) {
      #sectionPageManage .section-group {
        flex-wrap: nowrap;
        overflow-x: auto;
        overflow-y: hidden;
        scroll-behavior: smooth;
        -webkit-overflow-scrolling: touch;
        scroll-snap-type: x mandatory;
        gap: 15px;
        padding: 0 0px;
        -ms-overflow-style: none;
        scrollbar-width: none; }
        #sectionPageManage .section-group::-webkit-scrollbar {
          display: none; }
        #sectionPageManage .section-group .section-box, #sectionPageManage .section-group .content-text {
          flex: 0 0 calc(100vw - 40px);
          min-width: calc(100vw - 40px);
          max-width: calc(100vw - 40px);
          scroll-snap-align: start;
          margin-right: 0; } }
    #sectionPageManage .section-group .content-text {
      margin: 15px 0;
      font-family: "Sarabun-Regular";
      font-size: 14px;
      font-weight: 500;
      color: #333; }
    #sectionPageManage .section-group .section-box {
      width: 100%;
      max-width: 700px;
      margin-top: 15px;
      margin-bottom: 15px; }
      #sectionPageManage .section-group .section-box.no-top {
        margin-top: 0px !important; }

#visionMission .main-box-container {
  background-color: #FFFFFF;
  max-width: 1440px;
  width: 100%;
  margin: 0 auto;
  padding: 20px; }
  #visionMission .main-box-container .main-box {
    padding: 0px;
    text-align: center;
    box-sizing: border-box; }
    #visionMission .main-box-container .main-box h1 {
      font-family: "FC-Iconic-Medium", sans-serif;
      font-size: 36px;
      font-weight: bold;
      color: #FA4786;
      margin-bottom: 40px; }
    #visionMission .main-box-container .main-box .main-box-content {
      display: flex;
      max-width: 1440px;
      max-height: 559px;
      margin: auto auto; }
      #visionMission .main-box-container .main-box .main-box-content .main-box-content-text {
        width: 50%;
        text-align: center;
        padding: 0px 50px;
        gap: 8px;
        margin: auto auto; }
        #visionMission .main-box-container .main-box .main-box-content .main-box-content-text span {
          font-family: "FC-Iconic-Medium", sans-serif;
          font-weight: 500;
          font-size: 32px;
          line-height: 48px;
          color: #002D72; }
          #visionMission .main-box-container .main-box .main-box-content .main-box-content-text span span {
            color: #FA4786; }
        #visionMission .main-box-container .main-box .main-box-content .main-box-content-text p {
          font-family: "FC-Iconic-light", sans-serif;
          font-weight: 400;
          font-size: 18px;
          line-height: 28px;
          color: #7F7F80; }
      #visionMission .main-box-container .main-box .main-box-content .main-box-content-image {
        flex: 1;
        width: 50%;
        box-sizing: border-box;
        display: flex;
        gap: 20px; }
        #visionMission .main-box-container .main-box .main-box-content .main-box-content-image .main-box-content-image-left {
          width: 50%;
          display: flex;
          justify-content: center;
          align-items: center; }
          #visionMission .main-box-container .main-box .main-box-content .main-box-content-image .main-box-content-image-left img {
            max-height: 431px;
            max-width: 345px;
            width: 100%;
            border-radius: 36px;
            object-fit: cover; }
        #visionMission .main-box-container .main-box .main-box-content .main-box-content-image .main-box-content-image-right {
          width: 50%; }
          #visionMission .main-box-container .main-box .main-box-content .main-box-content-image .main-box-content-image-right .main-box-content-image-right-box {
            max-width: 345px;
            gap: 20px; }
            #visionMission .main-box-container .main-box .main-box-content .main-box-content-image .main-box-content-image-right .main-box-content-image-right-box .image-top {
              max-width: 345px;
              max-height: 194px;
              width: 100%;
              border-radius: 36px; }
            #visionMission .main-box-container .main-box .main-box-content .main-box-content-image .main-box-content-image-right .main-box-content-image-right-box .image-bottom {
              max-width: 345px;
              max-height: 345px;
              width: 100%;
              border-radius: 36px; }

#visionMission .vision-container {
  width: 100%;
  max-height: 540px;
  margin: 0 auto; }
  #visionMission .vision-container .vision-box {
    display: flex;
    margin: auto auto;
    width: 100%; }
    #visionMission .vision-container .vision-box .vision-box-left {
      flex: 1;
      max-height: 540px;
      width: 50%;
      box-sizing: border-box; }
      #visionMission .vision-container .vision-box .vision-box-left .vision-box-image {
        width: 100%;
        height: 100%;
        text-align: center;
        object-fit: cover; }
    #visionMission .vision-container .vision-box .vision-box-content {
      flex: 1;
      max-height: 540px;
      width: 50%;
      box-sizing: border-box;
      text-align: center;
      background: linear-gradient(220.22deg, #FFFFFF 1.55%, #FFEDF3 52.21%, #FDC6D9 97.56%);
      display: flex;
      align-items: center;
      justify-content: center; }
      #visionMission .vision-container .vision-box .vision-box-content .vision-box-content-text {
        padding: 0 25% 0 20%; }
        #visionMission .vision-container .vision-box .vision-box-content .vision-box-content-text h1 {
          font-weight: 700;
          font-size: 36px;
          line-height: 52px;
          letter-spacing: 0%;
          text-align: right;
          color: #FA4786;
          font-family: "FC-Iconic-Medium", sans-serif; }
        #visionMission .vision-container .vision-box .vision-box-content .vision-box-content-text p {
          font-weight: 400;
          font-size: 18px;
          line-height: 28px;
          letter-spacing: 0%;
          text-align: right;
          color: #002D72;
          font-family: "FC-Iconic-light", sans-serif; }

#visionMission .mission-container {
  width: 100%;
  max-height: 540px;
  margin: 0 auto; }
  #visionMission .mission-container .mission-box {
    display: flex;
    width: 100%;
    margin: auto auto; }
    #visionMission .mission-container .mission-box .mission-box-content {
      flex: 1;
      max-height: 540px;
      width: 50%;
      box-sizing: border-box;
      text-align: center;
      background: linear-gradient(220.22deg, #FFFFFF 1.55%, #FFEDF3 52.21%, #FDC6D9 97.56%);
      display: flex;
      align-items: center;
      justify-content: center; }
      #visionMission .mission-container .mission-box .mission-box-content .mission-box-content-text {
        padding: 0 20% 0 25%; }
        #visionMission .mission-container .mission-box .mission-box-content .mission-box-content-text h1 {
          left: 0;
          font-weight: 700;
          font-size: 36px;
          line-height: 52px;
          letter-spacing: 0%;
          text-align: left;
          color: #FA4786;
          font-family: "FC-Iconic-Medium", sans-serif; }
        #visionMission .mission-container .mission-box .mission-box-content .mission-box-content-text p {
          left: 0;
          font-weight: 400;
          font-size: 18px;
          line-height: 28px;
          letter-spacing: 0%;
          text-align: left;
          color: #002D72;
          font-family: "FC-Iconic-light", sans-serif; }
    #visionMission .mission-container .mission-box .mission-box-right {
      flex: 1;
      max-height: 540px;
      width: 50%;
      box-sizing: border-box; }
      #visionMission .mission-container .mission-box .mission-box-right .mission-box-image {
        flex: 1;
        width: 100%;
        height: 100%;
        text-align: center;
        object-fit: cover; }

#visionMission .belief-container .belief-box {
  padding-top: 20px;
  padding-bottom: 20px;
  background-color: #FFFFFF;
  text-align: center;
  box-sizing: border-box; }
  #visionMission .belief-container .belief-box h1 {
    font-family: "FC-Iconic-Medium", sans-serif;
    font-size: 36px;
    font-weight: bold;
    color: #FA4786;
    margin-bottom: 20px; }
  #visionMission .belief-container .belief-box .belief-box-content {
    display: flex;
    max-width: 1440px;
    margin: auto auto;
    justify-content: space-between; }
    #visionMission .belief-container .belief-box .belief-box-content .belief-box-sub-content {
      width: 33%; }
      #visionMission .belief-container .belief-box .belief-box-content .belief-box-sub-content .belief-box-sub-content-image {
        max-height: 262px;
        max-width: 100%;
        border-radius: 36px; }
      #visionMission .belief-container .belief-box .belief-box-content .belief-box-sub-content p {
        max-width: 446px;
        font-weight: 400px;
        font-size: 18px;
        line-height: 28px;
        color: #002D72; }

#visionMission .strategy-container {
  width: 100%;
  margin: 0 auto; }
  #visionMission .strategy-container .strategy-box {
    padding-top: 20px;
    background-color: #FFF8FA;
    text-align: center; }
    #visionMission .strategy-container .strategy-box h1 {
      font-family: "FC-Iconic-Medium", sans-serif;
      font-size: 36px;
      font-weight: bold;
      color: #FA4786; }
    #visionMission .strategy-container .strategy-box .strategy-box-container {
      margin-left: auto;
      position: relative; }
      #visionMission .strategy-container .strategy-box .strategy-box-container .strategy-box-content {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        transition: transform 0.3s ease-in-out;
        gap: 20px;
        overflow-x: auto;
        scrollbar-width: none; }
        #visionMission .strategy-container .strategy-box .strategy-box-container .strategy-box-content::-webkit-scrollbar {
          display: none; }
      #visionMission .strategy-container .strategy-box .strategy-box-container .strategy-box-sub-content {
        width: 466px;
        flex-shrink: 0;
        display: flex;
        flex-direction: column;
        align-items: center; }
        @media screen and (min-width: 1281px) {
          #visionMission .strategy-container .strategy-box .strategy-box-container .strategy-box-sub-content:first-child {
            margin-left: 12.5%; }
          #visionMission .strategy-container .strategy-box .strategy-box-container .strategy-box-sub-content:last-child {
            margin-right: 12.5%; } }
        #visionMission .strategy-container .strategy-box .strategy-box-container .strategy-box-sub-content img {
          background-color: grey;
          width: 465.93px;
          border-radius: 36px;
          object-fit: cover; }
        #visionMission .strategy-container .strategy-box .strategy-box-container .strategy-box-sub-content .strategy-box-sub-content-title {
          padding-top: 20px; }
          #visionMission .strategy-container .strategy-box .strategy-box-container .strategy-box-sub-content .strategy-box-sub-content-title span {
            height: 72px;
            width: 466px;
            font-weight: 700;
            font-family: "FC-Iconic-Medium", sans-serif;
            font-size: 24px;
            line-height: 36px;
            letter-spacing: 0%;
            display: flex;
            justify-content: center;
            align-items: center;
            color: #002D72;
            text-align: center;
            white-space: pre-line; }
        #visionMission .strategy-container .strategy-box .strategy-box-container .strategy-box-sub-content p {
          font-family: "FC-Iconic-light", sans-serif;
          font-weight: 400;
          font-size: 18px;
          line-height: 28px;
          letter-spacing: 0%;
          color: #7F7F80;
          text-align: center;
          padding: 0;
          white-space: pre-line; }
    #visionMission .strategy-container .strategy-box .strategy-box-navigation {
      display: flex;
      justify-content: flex-end;
      gap: 20px;
      margin-top: 30px;
      margin-bottom: 40px;
      padding-left: 12.5%;
      padding-right: 12.5%;
      width: 100%;
      max-width: none; }
      #visionMission .strategy-container .strategy-box .strategy-box-navigation .nav-button {
        width: 50px;
        height: 50px;
        border-radius: 50%;
        border: 0px #FFEDF3;
        background-color: #FFEDF3;
        color: #FA4786;
        font-size: 20px;
        font-weight: bold;
        cursor: pointer;
        transition: all 0.3s ease;
        display: flex;
        align-items: center;
        justify-content: center; }
        #visionMission .strategy-container .strategy-box .strategy-box-navigation .nav-button:hover:not(:disabled) {
          background-color: #FA4786;
          color: #FFFFFF; }
        #visionMission .strategy-container .strategy-box .strategy-box-navigation .nav-button:disabled {
          opacity: 0.5;
          cursor: not-allowed;
          border-color: #ccc;
          color: #ccc; }

@media screen and (max-width: 640px) {
  #visionMission .main-box-container {
    padding-bottom: 0px; }
    #visionMission .main-box-container .main-box h1 {
      font-size: 24px;
      margin-bottom: 0px; }
    #visionMission .main-box-container .main-box .main-box-content {
      display: flex;
      flex-direction: column;
      padding: 20px; }
      #visionMission .main-box-container .main-box .main-box-content .main-box-content-text {
        width: 100%;
        padding: 0px; }
        #visionMission .main-box-container .main-box .main-box-content .main-box-content-text span {
          font-size: 20px;
          line-height: 30px; }
        #visionMission .main-box-container .main-box .main-box-content .main-box-content-text p {
          font-size: 16px;
          line-height: 24px; }
      #visionMission .main-box-container .main-box .main-box-content .main-box-content-image {
        flex: 1;
        height: 270px;
        width: 100%;
        gap: 12px;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center; }
        #visionMission .main-box-container .main-box .main-box-content .main-box-content-image .main-box-content-image-left {
          height: 270px;
          width: 50%;
          display: flex;
          justify-content: right;
          align-items: center; }
          #visionMission .main-box-container .main-box .main-box-content .main-box-content-image .main-box-content-image-left img {
            max-height: 207px;
            max-width: 166px;
            width: 100%;
            border-radius: 24px;
            object-fit: cover; }
        #visionMission .main-box-container .main-box .main-box-content .main-box-content-image .main-box-content-image-right {
          height: 270px;
          width: 50%; }
          #visionMission .main-box-container .main-box .main-box-content .main-box-content-image .main-box-content-image-right .main-box-content-image-right-box {
            gap: 12px;
            display: flex;
            justify-content: center;
            align-items: center;
            flex-direction: column;
            max-width: 166px; }
            #visionMission .main-box-container .main-box .main-box-content .main-box-content-image .main-box-content-image-right .main-box-content-image-right-box .image-top {
              max-width: 166px;
              max-height: 93px;
              width: 100%;
              border-radius: 24px; }
            #visionMission .main-box-container .main-box .main-box-content .main-box-content-image .main-box-content-image-right .main-box-content-image-right-box .image-bottom {
              max-width: 166px;
              max-height: 166px;
              width: 100%;
              border-radius: 24px; }
  #visionMission .vision-container .vision-box {
    display: flex;
    flex-direction: column;
    margin: auto auto;
    text-align: center; }
    #visionMission .vision-container .vision-box .vision-box-left {
      text-align: center;
      width: 100%;
      margin-bottom: -5px; }
      #visionMission .vision-container .vision-box .vision-box-left .vision-box-image {
        width: 100%;
        height: 100%;
        text-align: center;
        object-fit: cover; }
    #visionMission .vision-container .vision-box .vision-box-content {
      height: 172px;
      width: 100%;
      padding: 0px 20px;
      margin: 0 auto;
      text-align: center;
      background: linear-gradient(220.22deg, #FFFFFF 1.55%, #FFEDF3 52.21%, #FDC6D9 97.56%);
      display: flex;
      align-items: center;
      justify-content: center; }
      #visionMission .vision-container .vision-box .vision-box-content .vision-box-content-text {
        padding: 0; }
        #visionMission .vision-container .vision-box .vision-box-content .vision-box-content-text h1 {
          font-weight: 700;
          font-size: 24px;
          line-height: 36px;
          letter-spacing: 0%;
          text-align: center;
          color: #FA4786;
          font-family: "FC-Iconic-Medium", sans-serif; }
        #visionMission .vision-container .vision-box .vision-box-content .vision-box-content-text p {
          font-weight: 400;
          font-size: 16px;
          line-height: 24px;
          letter-spacing: 0%;
          text-align: center;
          color: #002D72;
          font-family: "FC-Iconic-light", sans-serif; }
  #visionMission .mission-container .mission-box {
    display: flex;
    flex-direction: column-reverse;
    margin: auto auto;
    text-align: center; }
    #visionMission .mission-container .mission-box .mission-box-content {
      flex: 1;
      max-height: 540px;
      width: 100%;
      box-sizing: border-box;
      padding: 0px 20px;
      text-align: center;
      background: linear-gradient(220.22deg, #FFFFFF 1.55%, #FFEDF3 52.21%, #FDC6D9 97.56%);
      display: flex;
      align-items: center;
      justify-content: center; }
      #visionMission .mission-container .mission-box .mission-box-content .mission-box-content-text {
        padding: 0; }
        #visionMission .mission-container .mission-box .mission-box-content .mission-box-content-text h1 {
          left: 0;
          font-weight: 700;
          font-size: 24px;
          line-height: 36px;
          letter-spacing: 0%;
          text-align: center;
          color: #FA4786;
          font-family: "FC-Iconic-Medium", sans-serif; }
        #visionMission .mission-container .mission-box .mission-box-content .mission-box-content-text p {
          left: 0;
          font-weight: 400;
          font-size: 16px;
          line-height: 24px;
          letter-spacing: 0%;
          text-align: center;
          color: #002D72;
          font-family: "FC-Iconic-light", sans-serif; }
    #visionMission .mission-container .mission-box .mission-box-right {
      text-align: center;
      width: 100%;
      margin-bottom: -5px; }
      #visionMission .mission-container .mission-box .mission-box-right .mission-box-image {
        width: 100%;
        height: 100%;
        text-align: center;
        object-fit: cover; }
  #visionMission .belief-container .belief-box h1 {
    font-family: "FC-Iconic-Medium", sans-serif;
    font-size: 24px;
    font-weight: bold;
    color: #FA4786;
    margin-bottom: 20px; }
  #visionMission .belief-container .belief-box .belief-box-content {
    display: flex;
    flex-direction: column;
    margin: auto auto;
    justify-content: space-between; }
    #visionMission .belief-container .belief-box .belief-box-content .belief-box-sub-content {
      width: 100%;
      padding: 0px 20px; }
      #visionMission .belief-container .belief-box .belief-box-content .belief-box-sub-content .belief-box-sub-content-image {
        max-height: 100%;
        max-width: 100%;
        border-radius: 32px; }
      #visionMission .belief-container .belief-box .belief-box-content .belief-box-sub-content p {
        max-width: 100%;
        font-weight: 400px;
        font-size: 16px;
        line-height: 24px;
        color: #002D72; }
  #visionMission .strategy-container .strategy-box h1 {
    font-size: 24px; }
  #visionMission .strategy-container .strategy-box .strategy-box-container {
    margin-left: auto;
    overflow: hidden;
    position: relative;
    padding: 20px; }
    #visionMission .strategy-container .strategy-box .strategy-box-container .strategy-box-content {
      overflow-x: auto;
      scrollbar-width: none;
      display: flex;
      flex-direction: row;
      flex-wrap: nowrap;
      transition: transform 0.3s ease-in-out;
      gap: 20px; }
      #visionMission .strategy-container .strategy-box .strategy-box-container .strategy-box-content .strategy-box-sub-content {
        width: 350px;
        flex-shrink: 0;
        display: flex;
        flex-direction: column;
        align-items: center; }
        #visionMission .strategy-container .strategy-box .strategy-box-container .strategy-box-content .strategy-box-sub-content img {
          background-color: grey;
          width: 100%;
          border-radius: 32px;
          object-fit: cover; }
        #visionMission .strategy-container .strategy-box .strategy-box-container .strategy-box-content .strategy-box-sub-content .strategy-box-sub-content-title {
          padding-top: 20px; }
          #visionMission .strategy-container .strategy-box .strategy-box-container .strategy-box-content .strategy-box-sub-content .strategy-box-sub-content-title span {
            height: 60px;
            width: 100%;
            font-weight: 700;
            font-family: "FC-Iconic-Medium", sans-serif;
            font-size: 20px;
            line-height: 30px;
            letter-spacing: 0%;
            display: flex;
            justify-content: center;
            align-items: center;
            color: #002D72;
            text-align: center; }
        #visionMission .strategy-container .strategy-box .strategy-box-container .strategy-box-content .strategy-box-sub-content p {
          font-family: "FC-Iconic-light", sans-serif;
          font-weight: 400;
          font-size: 14px;
          line-height: 20px;
          letter-spacing: 0%;
          color: #7F7F80;
          text-align: center; } }

#videoWithHilight {
  overflow-x: hidden; }
  #videoWithHilight .video-container {
    margin: 0 auto;
    padding-top: 20px; }
  #videoWithHilight .page-title {
    font-family: "FC-Iconic-Medium";
    font-size: 36px;
    font-weight: 700;
    color: #FA4786;
    text-align: center; }
    @media screen and (max-width: 1280px) {
      #videoWithHilight .page-title {
        font-size: 24px; } }
  #videoWithHilight .video-thumbnail {
    position: relative;
    width: 100%;
    height: 100%;
    cursor: pointer; }
    #videoWithHilight .video-thumbnail img {
      width: 100%;
      height: 100%;
      border-radius: inherit;
      border: none; }
    #videoWithHilight .video-thumbnail .play-icon-overlay {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
      background: rgba(0, 0, 0, 0.1);
      border-radius: inherit;
      transition: all 0.3s ease; }
      #videoWithHilight .video-thumbnail .play-icon-overlay .play-icon {
        display: flex;
        align-items: center;
        justify-content: center;
        transition: transform 0.3s ease; }
        #videoWithHilight .video-thumbnail .play-icon-overlay .play-icon svg {
          filter: drop-shadow(0 4px 8px rgba(0, 0, 0, 0.3)); }
    #videoWithHilight .video-thumbnail:hover .play-icon-overlay {
      background: rgba(0, 0, 0, 0.2); }
      #videoWithHilight .video-thumbnail:hover .play-icon-overlay .play-icon {
        transform: scale(1.1); }
  #videoWithHilight .hilight-video {
    max-width: 1440px;
    width: 100%;
    margin: 0 auto;
    padding: 20px 0px 40px 20px;
    background-color: #FFFFFF;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px; }
    #videoWithHilight .hilight-video .video-container {
      width: 709.33px;
      height: 399px; }
      #videoWithHilight .hilight-video .video-container iframe, #videoWithHilight .hilight-video .video-container img {
        width: 100%;
        height: 100%;
        border-radius: 40px;
        border: none; }
      #videoWithHilight .hilight-video .video-container .video-thumbnail img {
        border-radius: 40px; }
      #videoWithHilight .hilight-video .video-container .video-thumbnail .play-icon-overlay {
        border-radius: 40px; }
    #videoWithHilight .hilight-video .text-container {
      flex: 1;
      text-align: center;
      color: #002D72;
      font-size: 20px; }
      #videoWithHilight .hilight-video .text-container .text-container-quote {
        display: flex;
        flex-direction: row;
        justify-content: center;
        gap: 16px; }
        #videoWithHilight .hilight-video .text-container .text-container-quote .text-line-1 {
          font-family: "FC-Iconic-Regular";
          margin-bottom: 20px; }
        #videoWithHilight .hilight-video .text-container .text-container-quote .quote {
          font-family: "Sarabun-Bold";
          font-size: 50px;
          color: #FDB5CF;
          margin: 0;
          padding: 10px 10px 0px 10px; }
      #videoWithHilight .hilight-video .text-container .text-line-2 {
        font-family: "FC-Iconic-Medium";
        margin: 0;
        font-weight: 600; }
    @media screen and (max-width: 1280px) {
      #videoWithHilight .hilight-video {
        flex-direction: column;
        padding: 0px; }
        #videoWithHilight .hilight-video .video-container {
          width: 90%;
          max-width: 505px;
          height: 289px; }
          #videoWithHilight .hilight-video .video-container iframe, #videoWithHilight .hilight-video .video-container img {
            border-radius: 24px; }
          #videoWithHilight .hilight-video .video-container .video-thumbnail img {
            border-radius: 24px; }
          #videoWithHilight .hilight-video .video-container .video-thumbnail .play-icon-overlay {
            border-radius: 24px; }
            #videoWithHilight .hilight-video .video-container .video-thumbnail .play-icon-overlay .play-icon svg {
              width: 50px;
              height: 50px; }
        #videoWithHilight .hilight-video .text-container {
          width: 100%;
          font-size: 16px; }
          #videoWithHilight .hilight-video .text-container .text-container-quote {
            text-align: center; }
            #videoWithHilight .hilight-video .text-container .text-container-quote .text-line-1 {
              margin-bottom: 0px; }
            #videoWithHilight .hilight-video .text-container .text-container-quote .quote {
              font-size: 40px;
              padding: 10px 20px 0px 20px; }
          #videoWithHilight .hilight-video .text-container .text-line-2 {
            text-align: center;
            margin-bottom: 20px; } }
  #videoWithHilight .content-video {
    width: 100%;
    position: relative;
    margin: auto;
    padding: 0px;
    background-color: #FFF8FA; }
    #videoWithHilight .content-video.white {
      background-color: #fff; }
    #videoWithHilight .content-video.light-pink {
      background-color: #FFF8FA; }
    #videoWithHilight .content-video.dark-pink {
      background-color: #FFEDF3; }
    #videoWithHilight .content-video .content-video-box {
      padding: 20px 0px 0px 0px; }
      #videoWithHilight .content-video .content-video-box .section-title {
        font-family: "FC-Iconic-Medium";
        font-size: 24px;
        font-weight: 700;
        color: #FA4786;
        text-align: center;
        margin-bottom: 20px; }
        @media screen and (max-width: 1280px) {
          #videoWithHilight .content-video .content-video-box .section-title {
            font-size: 20px; } }
      #videoWithHilight .content-video .content-video-box .content-video-carousel-wrapper {
        position: relative; }
        #videoWithHilight .content-video .content-video-box .content-video-carousel-wrapper .video-grid {
          display: flex;
          gap: 20px;
          overflow-x: auto;
          scrollbar-width: none;
          -ms-overflow-style: none;
          padding: 5px 16px; }
          #videoWithHilight .content-video .content-video-box .content-video-carousel-wrapper .video-grid::-webkit-scrollbar {
            display: none; }
          #videoWithHilight .content-video .content-video-box .content-video-carousel-wrapper .video-grid .video-card {
            flex: 0 0 auto;
            border: 3px solid transparent;
            border-radius: 40px;
            overflow: hidden;
            transition: border-color 0.3s ease; }
            @media screen and (min-width: 1281px) {
              #videoWithHilight .content-video .content-video-box .content-video-carousel-wrapper .video-grid .video-card:first-child {
                margin-left: 12.5%; }
              #videoWithHilight .content-video .content-video-box .content-video-carousel-wrapper .video-grid .video-card:last-child {
                margin-right: 12.5%; } }
            #videoWithHilight .content-video .content-video-box .content-video-carousel-wrapper .video-grid .video-card .video-frame {
              width: 345px;
              height: 194px; }
              #videoWithHilight .content-video .content-video-box .content-video-carousel-wrapper .video-grid .video-card .video-frame iframe, #videoWithHilight .content-video .content-video-box .content-video-carousel-wrapper .video-grid .video-card .video-frame img {
                width: 100%;
                height: 100%;
                border-top-left-radius: 36px;
                border-top-right-radius: 36px;
                border: none; }
              #videoWithHilight .content-video .content-video-box .content-video-carousel-wrapper .video-grid .video-card .video-frame .video-thumbnail img {
                border-top-left-radius: 36px;
                border-top-right-radius: 36px; }
              #videoWithHilight .content-video .content-video-box .content-video-carousel-wrapper .video-grid .video-card .video-frame .video-thumbnail .play-icon-overlay {
                border-top-left-radius: 36px;
                border-top-right-radius: 36px; }
                #videoWithHilight .content-video .content-video-box .content-video-carousel-wrapper .video-grid .video-card .video-frame .video-thumbnail .play-icon-overlay .play-icon svg {
                  width: 50px;
                  height: 50px; }
            #videoWithHilight .content-video .content-video-box .content-video-carousel-wrapper .video-grid .video-card .video-text {
              width: 345px;
              height: 108px;
              background-color: #FFFFFF;
              border-bottom-left-radius: 36px;
              border-bottom-right-radius: 36px;
              padding: 20px;
              display: flex; }
              #videoWithHilight .content-video .content-video-box .content-video-carousel-wrapper .video-grid .video-card .video-text p {
                font-family: "FC-Iconic-Regular";
                font-size: 20px;
                color: #002D72;
                margin: 0;
                font-weight: 600; }
            @media screen and (max-width: 1280px) {
              #videoWithHilight .content-video .content-video-box .content-video-carousel-wrapper .video-grid .video-card .video-frame {
                width: 320px;
                height: 180px; }
                #videoWithHilight .content-video .content-video-box .content-video-carousel-wrapper .video-grid .video-card .video-frame iframe, #videoWithHilight .content-video .content-video-box .content-video-carousel-wrapper .video-grid .video-card .video-frame img {
                  border-top-left-radius: 22.39px;
                  border-top-right-radius: 22.39px; }
                #videoWithHilight .content-video .content-video-box .content-video-carousel-wrapper .video-grid .video-card .video-frame .video-thumbnail img {
                  border-top-left-radius: 22.39px;
                  border-top-right-radius: 22.39px; }
                #videoWithHilight .content-video .content-video-box .content-video-carousel-wrapper .video-grid .video-card .video-frame .video-thumbnail .play-icon-overlay {
                  border-top-left-radius: 22.39px;
                  border-top-right-radius: 22.39px; }
                  #videoWithHilight .content-video .content-video-box .content-video-carousel-wrapper .video-grid .video-card .video-frame .video-thumbnail .play-icon-overlay .play-icon svg {
                    width: 40px;
                    height: 40px; }
              #videoWithHilight .content-video .content-video-box .content-video-carousel-wrapper .video-grid .video-card .video-text {
                width: 320px;
                height: 80px;
                border-bottom-left-radius: 22.39px;
                border-bottom-right-radius: 22.39px; }
                #videoWithHilight .content-video .content-video-box .content-video-carousel-wrapper .video-grid .video-card .video-text p {
                  font-size: 16px; } }
  #videoWithHilight .scroll-navigation {
    display: flex;
    justify-content: flex-end;
    gap: 20px;
    margin-top: 20px;
    padding-left: 12.5%;
    padding-right: 12.5%;
    padding-bottom: 20px;
    width: 100%;
    max-width: none; }
    #videoWithHilight .scroll-navigation .scroll-button {
      width: 40px;
      height: 40px;
      padding: 8px;
      border-radius: 50%;
      border: 2px solid #FFEDF3;
      background: #FFEDF3;
      cursor: pointer;
      display: flex;
      align-items: center;
      justify-content: center;
      transition: all 0.3s ease;
      color: #FA4786;
      font-family: "FC-Iconic-Medium";
      font-size: 20px; }
      #videoWithHilight .scroll-navigation .scroll-button:hover {
        background-color: #FFEDF3; }
      #videoWithHilight .scroll-navigation .scroll-button.disabled {
        opacity: 0.5;
        cursor: not-allowed; }
        #videoWithHilight .scroll-navigation .scroll-button.disabled:hover {
          background: #FFEDF3; }

#disclosure {
  display: flex;
  flex-direction: column;
  max-width: 1260px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 30px;
  padding-bottom: 30px;
  padding-left: 10px;
  padding-right: 10px; }
  #disclosure .header {
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 20px; }
  #disclosure .scroll-box {
    overflow: auto; }
    #disclosure .scroll-box::-webkit-scrollbar {
      opacity: 0 !important;
      height: 5px !important;
      width: 5px !important; }
    #disclosure .scroll-box::-webkit-scrollbar-track {
      opacity: 0 !important;
      height: 5px !important;
      width: 5px !important; }
    #disclosure .scroll-box::-webkit-scrollbar-thumb {
      opacity: 0 !important;
      height: 5px !important;
      width: 5px !important; }
    #disclosure .scroll-box:hover::-webkit-scrollbar {
      margin-top: 10px !important;
      border-radius: 8px !important;
      height: 5px !important;
      width: 5px !important; }
    #disclosure .scroll-box:hover::-webkit-scrollbar-track {
      background: #f6f6f6 !important;
      border-radius: 8px !important;
      margin-top: 39px !important;
      margin-bottom: 39px !important; }
    #disclosure .scroll-box:hover::-webkit-scrollbar-thumb {
      background: #c4c4c4 !important;
      border-radius: 8px !important; }
    #disclosure .scroll-box .tab-panel {
      display: flex;
      width: max-content;
      border-bottom: 1px solid #c4c4c4;
      min-width: 512px; }
      #disclosure .scroll-box .tab-panel .tab-item {
        font-size: 14px;
        color: #333333;
        padding: 0 30px 10px;
        cursor: pointer; }
        #disclosure .scroll-box .tab-panel .tab-item.active {
          border-bottom: 2px solid #ee347f;
          cursor: default; }
  #disclosure .empty-data {
    text-align: center; }
  #disclosure .btn-more {
    width: 180px;
    height: 40px;
    margin-left: auto;
    margin-right: auto;
    border-radius: 4px;
    background-color: #ee347f;
    font-family: "FC-Iconic-Regular", sans-serif;
    font-size: 16px;
    text-align: center;
    color: #ffffff;
    padding-top: 8px;
    cursor: pointer; }
    #disclosure .btn-more.disabled {
      opacity: 0.5 !important;
      cursor: no-drop !important; }
  #disclosure .badge-container {
    margin-top: 20px; }
    #disclosure .badge-container .badge-item {
      width: 100%;
      padding: 20px;
      border-radius: 4px;
      box-shadow: 0 2px 8px 0 rgba(155, 155, 155, 0.6);
      background-color: #ffffff;
      margin-bottom: 20px;
      display: flex;
      color: #000000;
      text-decoration: none;
      border: solid 2px #ffffff;
      justify-content: space-between; }
      #disclosure .badge-container .badge-item:hover {
        border: solid 2px #ee347f; }
        #disclosure .badge-container .badge-item:hover .download-icon {
          color: #ee347f; }
      #disclosure .badge-container .badge-item .badge-content {
        display: flex; }
      #disclosure .badge-container .badge-item i {
        font-size: 24px;
        color: #243871;
        margin-right: 12px; }
      #disclosure .badge-container .badge-item .link {
        text-decoration: none; }
      #disclosure .badge-container .badge-item .download-icon {
        margin-left: 10px;
        margin-right: 0; }

#conditions {
  width: 100%;
  height: auto;
  padding-top: 30px;
  padding-bottom: 55px;
  background-color: #fafafa; }
  #conditions .container {
    max-width: 1240px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 55px; }
    @media screen and (max-width: 1250px) {
      #conditions .container {
        padding: 0px 16px; } }
    #conditions .container .title-box {
      margin-bottom: 20px;
      text-align: left; }
      #conditions .container .title-box .title-text {
        font-family: "FC-Iconic-Regular", sans-serif;
        font-size: 22px;
        font-weight: bold;
        color: #243871; }
    #conditions .container .text-box {
      font-family: "Sarabun-Regular", sans-serif;
      color: #3F4959;
      font-size: 14px;
      line-height: 24px; }
      #conditions .container .text-box .text-bold {
        margin-top: 20px;
        font-weight: bold; }
      #conditions .container .text-box .no-indent {
        text-indent: 0px !important; }
      #conditions .container .text-box p {
        text-indent: 25px;
        margin: 0px 0px; }
        #conditions .container .text-box p.margin-top {
          margin-top: 20px; }
      #conditions .container .text-box a {
        color: -webkit-link;
        cursor: pointer;
        text-decoration: underline; }
  #conditions h1 {
    margin: 0 !important; }

#contactusApp {
  font-family: "Prompt-Medium", sans-serif;
  width: 100%;
  min-height: 100vh;
  background-color: #f2f4f9;
  padding: 8px 0; }
  #contactusApp .contactus-app-group {
    padding: 0px 16px;
    background-color: #fff; }
    #contactusApp .contactus-app-group .social-box {
      background-color: white;
      display: flex;
      justify-content: space-between;
      padding: 16px 0px;
      border-bottom: 1px solid #f2f4f9; }
      #contactusApp .contactus-app-group .social-box .social {
        display: flex;
        cursor: pointer; }
        #contactusApp .contactus-app-group .social-box .social img {
          width: 36px; }
        #contactusApp .contactus-app-group .social-box .social .group-text {
          display: flex;
          flex-direction: column;
          margin-left: 10px; }
          #contactusApp .contactus-app-group .social-box .social .group-text .platform {
            font-size: 14px;
            color: #3F4959;
            font-weight: 500; }
          #contactusApp .contactus-app-group .social-box .social .group-text .link {
            font-size: 11px;
            color: #9194AD;
            font-weight: 500; }

@media only screen and (max-width: 480px) {
  #contactusApp {
    font-family: "Prompt-Medium", sans-serif;
    width: 100%;
    height: 100%;
    padding: 8px 0; }
    #contactusApp .contactus-app-group {
      padding: 0px 16px;
      background-color: #fff; }
      #contactusApp .contactus-app-group .social-box {
        background-color: white;
        display: flex;
        justify-content: space-between;
        padding: 16px 0px;
        border-bottom: 1px solid #f2f4f9; }
        #contactusApp .contactus-app-group .social-box .social {
          display: flex;
          cursor: pointer; }
          #contactusApp .contactus-app-group .social-box .social img {
            width: 36px; }
          #contactusApp .contactus-app-group .social-box .social .group-text {
            display: flex;
            flex-direction: column;
            margin-left: 10px; }
            #contactusApp .contactus-app-group .social-box .social .group-text .platform {
              font-size: 14px;
              color: #3F4959;
              font-weight: 500; }
            #contactusApp .contactus-app-group .social-box .social .group-text .link {
              font-size: 11px;
              color: #9194AD;
              font-weight: 500; } }

#contactUs {
  position: relative; }
  #contactUs #bannerSection {
    position: relative; }
  #contactUs .info-card-box {
    min-height: 380px;
    margin-top: -70px;
    position: relative;
    padding: 0px 20px 20px 20px;
    width: 100%; }
    @media only screen and (max-width: 1280px) {
      #contactUs .info-card-box {
        margin-top: 0px; }
        #contactUs .info-card-box .info-card-map {
          margin-left: -20px;
          margin-right: -20px;
          width: calc(100% + 40px) !important; } }

#contactUs {
  overflow-x: hidden; }
  #contactUs .contact-us-container {
    margin: 0 auto;
    padding-top: 10px;
    background-color: #FFF8FA; }
    #contactUs .contact-us-container .page-title {
      font-family: "FC-Iconic-Medium", sans-serif;
      font-size: 36px;
      color: #FA4786;
      text-align: center; }
      @media screen and (max-width: 1280px) {
        #contactUs .contact-us-container .page-title {
          font-size: 24px; } }
    #contactUs .contact-us-container .contact-detail-container {
      max-width: 1440px;
      width: 100%;
      margin: 0 auto;
      padding: 20px 20px 40px 20px;
      display: flex;
      align-items: center;
      gap: 40px; }
      #contactUs .contact-us-container .contact-detail-container .contact-image {
        width: 700px;
        height: 394px; }
        #contactUs .contact-us-container .contact-detail-container .contact-image img {
          width: 100%;
          height: 100%;
          border-radius: 36px;
          border: none; }
      #contactUs .contact-us-container .contact-detail-container .contact-detail {
        display: flex;
        flex-direction: column; }
        #contactUs .contact-us-container .contact-detail-container .contact-detail .hq-detail {
          font-family: "FC-Iconic-Medium", sans-serif;
          color: #FA4786;
          font-size: 24px;
          margin-bottom: 20px; }
        #contactUs .contact-us-container .contact-detail-container .contact-detail .company-name {
          font-family: "FC-Iconic-light", sans-serif;
          color: #002D72;
          font-size: 18px;
          margin-bottom: 20px; }
        #contactUs .contact-us-container .contact-detail-container .contact-detail .location-data .content {
          display: flex;
          margin-bottom: 20px; }
          #contactUs .contact-us-container .contact-detail-container .contact-detail .location-data .content .content-icon {
            margin: 0 10px 0 0;
            font-size: 24px;
            color: #ee347f; }
          #contactUs .contact-us-container .contact-detail-container .contact-detail .location-data .content .content-icon-img {
            margin: 0 10px 0 0;
            width: 24px;
            height: 24px; }
            #contactUs .contact-us-container .contact-detail-container .contact-detail .location-data .content .content-icon-img img {
              width: 100%;
              height: 100%;
              filter: invert(45%) sepia(82%) saturate(1548%) hue-rotate(308deg) brightness(97%) contrast(98%); }
          #contactUs .contact-us-container .contact-detail-container .contact-detail .location-data .content .content-icon-space {
            padding-left: 4px; }
          #contactUs .contact-us-container .contact-detail-container .contact-detail .location-data .content .content-data {
            font-family: "FC-Iconic-light", sans-serif;
            color: #002D72;
            font-size: 18px; }
        #contactUs .contact-us-container .contact-detail-container .contact-detail .contact-channel {
          font-family: "FC-Iconic-Medium", sans-serif;
          color: #FA4786;
          font-size: 24px;
          margin-bottom: 20px; }
        #contactUs .contact-us-container .contact-detail-container .contact-detail .platform {
          display: flex;
          flex-wrap: wrap;
          width: 100%;
          gap: 10px; }
          #contactUs .contact-us-container .contact-detail-container .contact-detail .platform .platform-item {
            display: flex;
            width: 25%;
            gap: 10px; }
            #contactUs .contact-us-container .contact-detail-container .contact-detail .platform .platform-item .social {
              text-decoration: none; }
            #contactUs .contact-us-container .contact-detail-container .contact-detail .platform .platform-item img {
              width: 100%;
              max-width: 200px; }
            #contactUs .contact-us-container .contact-detail-container .contact-detail .platform .platform-item .social-data {
              font-family: "FC-Iconic-light", sans-serif;
              color: #002D72;
              font-size: 18px;
              padding-top: 5px; }
    #contactUs .contact-us-container .map-container {
      background-color: #FFFFFF; }
      #contactUs .contact-us-container .map-container .info-card-map {
        max-width: 1440px;
        margin: 0 auto;
        padding: 20px 20px 40px 20px;
        height: 540px; }
        #contactUs .contact-us-container .map-container .info-card-map iframe {
          border: none;
          border-radius: 36px; }
    @media screen and (max-width: 1280px) {
      #contactUs .contact-us-container .contact-detail-container {
        display: flex;
        flex-direction: column;
        padding: 0px 20px;
        gap: 20px; }
        #contactUs .contact-us-container .contact-detail-container .contact-image {
          width: 100%;
          max-width: 434px;
          height: 193px; }
          #contactUs .contact-us-container .contact-detail-container .contact-image img {
            border-radius: 28px; }
        #contactUs .contact-us-container .contact-detail-container .contact-detail .hq-detail {
          font-size: 20px;
          margin-bottom: 10px; }
        #contactUs .contact-us-container .contact-detail-container .contact-detail .company-name {
          font-size: 14px;
          margin-bottom: 10px; }
        #contactUs .contact-us-container .contact-detail-container .contact-detail .location-data .content {
          margin-bottom: 10px; }
          #contactUs .contact-us-container .contact-detail-container .contact-detail .location-data .content .content-icon {
            font-size: 16px;
            margin: 0 5px 0 0; }
          #contactUs .contact-us-container .contact-detail-container .contact-detail .location-data .content .content-icon-img {
            width: 20px;
            height: 20px;
            margin: 0 10px 0 0; }
          #contactUs .contact-us-container .contact-detail-container .contact-detail .location-data .content .content-icon-space {
            padding-left: 2px; }
          #contactUs .contact-us-container .contact-detail-container .contact-detail .location-data .content .content-data {
            font-size: 14px; }
        #contactUs .contact-us-container .contact-detail-container .contact-detail .contact-channel {
          font-size: 16px; }
        #contactUs .contact-us-container .contact-detail-container .contact-detail .platform {
          display: flex;
          flex-wrap: nowrap; }
          #contactUs .contact-us-container .contact-detail-container .contact-detail .platform .platform-item {
            display: flex;
            width: auto; }
      #contactUs .contact-us-container .map-container .info-card-map {
        padding: 20px;
        width: 100%;
        height: 375px; } }

#homePage section:nth-child(3) {
  background-color: #fafafa; }

#homePage section:nth-child(2n+4) {
  background-color: rgba(255, 64, 129, 0.15); }

#homePage h1 {
  text-align: center; }

.all-product-section-card {
  min-height: calc(100vh - 182px);
  background-color: #fff;
  width: 100%; }
  .all-product-section-card .container {
    max-width: 1440px;
    margin: 0 auto 0 auto;
    padding: 40px 0px; }
  .all-product-section-card .section-title {
    font-family: "FC-Iconic-Medium", sans-serif;
    font-weight: 700;
    font-size: 32px;
    line-height: 48px;
    text-align: center;
    margin: 0px auto;
    color: #FA4786; }
  .all-product-section-card .section-sub-title {
    font-family: "FC-Iconic-Regular", sans-serif;
    font-weight: 500;
    font-size: 20px;
    line-height: 30px;
    text-align: center;
    margin-top: 8px;
    margin-bottom: 20px;
    color: #002D72; }
  .all-product-section-card .products-container {
    position: relative;
    width: 100%; }
  .all-product-section-card .products-grid {
    display: grid;
    width: 100%; }
    .all-product-section-card .products-grid.desktop-grid {
      grid-template-columns: repeat(auto-fit, 345px);
      justify-items: center;
      align-items: start;
      gap: 20px;
      justify-content: center;
      max-width: 1600px;
      margin: 0 auto;
      padding: 0; }
      @media (min-width: 1500px) {
        .all-product-section-card .products-grid.desktop-grid {
          grid-template-columns: repeat(4, 345px);
          max-width: 1440px; } }
    .all-product-section-card .products-grid.center {
      justify-content: center;
      align-items: center; }
    .all-product-section-card .products-grid.mobile-grid {
      grid-template-columns: repeat(2, 1fr);
      justify-items: center;
      align-items: start;
      gap: 15px;
      width: 100%;
      margin: 0 auto;
      justify-content: center;
      max-width: fit-content; }
  .all-product-section-card .product-card {
    width: 100%;
    max-width: 345px;
    height: 423px;
    border-radius: 36px;
    background: #fff;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    text-decoration: none;
    color: inherit;
    cursor: pointer; }
    .products-grid.desktop-grid .all-product-section-card .product-card {
      width: 345px;
      min-width: 345px;
      max-width: 345px; }
    .all-product-section-card .product-card:hover {
      transform: translateY(-5px);
      text-decoration: none; }
    .all-product-section-card .product-card.insurances {
      height: 411px; }
  .all-product-section-card .card-content {
    padding: 24px;
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding-bottom: 0px;
    order: 1; }
  .all-product-section-card .tag {
    min-width: 120px;
    max-width: 100%;
    width: fit-content;
    height: 40px;
    background: radial-gradient(62.29% 191.86% at 50% 49.89%, rgba(255, 237, 243, 0.4) 0%, rgba(253, 198, 217, 0.4) 67.94%, rgba(253, 170, 199, 0.4) 81.38%);
    border-radius: 12px;
    padding: 8px 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: "FC-Iconic-Light", sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0%;
    color: var(--text-brand, #FA4786);
    gap: 8px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
  .all-product-section-card .text-content {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 8px; }
  .all-product-section-card .title {
    max-width: 100%;
    font-family: "FC-Iconic-Medium", sans-serif;
    font-weight: 700;
    font-size: 24px;
    line-height: 36px;
    letter-spacing: 0%;
    color: var(--text-default, #002D72);
    margin: 0; }
  .all-product-section-card .subtitle {
    max-width: 100%;
    font-family: "FC-Iconic-Light", sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0%;
    color: var(--text-tertiary, #7F7F80);
    margin: 0; }
  .all-product-section-card .image-container {
    width: 100%;
    height: 259px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f8f9fa;
    order: 2; }
  .all-product-section-card .product-image {
    width: 100%;
    height: 259px;
    object-fit: cover;
    transition: transform 0.3s ease; }
    .product-card:hover .all-product-section-card .product-image {
      transform: scale(1.05); }
  .all-product-section-card .loading .loading-placeholder {
    text-align: center;
    padding: 60px 0;
    font-size: 18px;
    color: #666; }
  @media (max-width: 640px) {
    .all-product-section-card .container {
      padding: 16px 0px; }
    .all-product-section-card .section-title {
      width: 343px;
      height: 36px;
      font-family: "FC-Iconic-Medium", sans-serif;
      font-weight: 700;
      font-size: 24px;
      line-height: 36px;
      letter-spacing: 0%;
      text-align: center;
      color: var(--text-brand, #FA4786);
      margin: 0 auto 16px auto; }
    .all-product-section-card .section-sub-title {
      width: 343px;
      height: 24px;
      font-family: "FC-Iconic-Regular", sans-serif;
      font-weight: 500;
      font-size: 16px;
      line-height: 24px;
      letter-spacing: 0%;
      text-align: center;
      color: var(--text-default, #002D72);
      margin: 0 auto 20px auto; }
    .all-product-section-card .products-grid {
      gap: 15px;
      margin-bottom: 12px;
      width: 164px;
      max-width: 164px;
      margin-left: auto;
      margin-right: auto; }
      .all-product-section-card .products-grid.mobile-grid {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        justify-items: center;
        gap: 15px; }
        .all-product-section-card .products-grid.mobile-grid .product-card {
          width: 164px;
          max-width: 164px;
          height: 241px;
          border-radius: 20px;
          background: var(--surface-base, #FFFFFF);
          text-decoration: none;
          color: inherit; }
          .all-product-section-card .products-grid.mobile-grid .product-card:hover {
            text-decoration: none; }
          .all-product-section-card .products-grid.mobile-grid .product-card.insurances {
            height: 227px; }
        .all-product-section-card .products-grid.mobile-grid .image-container {
          height: 123px; }
        .all-product-section-card .products-grid.mobile-grid .product-image {
          width: 100%;
          height: 123px; }
        .all-product-section-card .products-grid.mobile-grid .card-content {
          padding: 12px 0px 0px 12px;
          gap: 4px; }
        .all-product-section-card .products-grid.mobile-grid .tag {
          width: fit-content;
          max-width: 100%;
          height: 26px;
          padding: 4px 8px;
          border-radius: 8px;
          background: radial-gradient(62.29% 191.86% at 50% 49.89%, rgba(255, 237, 243, 0.4) 0%, rgba(253, 198, 217, 0.4) 67.94%, rgba(253, 170, 199, 0.4) 81.38%);
          font-family: "FC-Iconic-Light", sans-serif;
          font-weight: 400;
          font-size: 12px;
          line-height: 18px;
          letter-spacing: 0%;
          color: var(--text-brand, #FA4786);
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis; }
        .all-product-section-card .products-grid.mobile-grid .title {
          width: 100%;
          max-width: 148px;
          font-family: "FC-Iconic-Regular", sans-serif;
          font-weight: 600;
          font-size: 16px;
          line-height: 24px;
          letter-spacing: 0%;
          color: var(--text-default, #002D72); }
        .all-product-section-card .products-grid.mobile-grid .subtitle {
          width: 100%;
          max-width: 148px;
          font-family: "FC-Iconic-Light", sans-serif;
          font-weight: 400;
          font-size: 12px;
          line-height: 18px;
          letter-spacing: 0%;
          color: var(--text-tertiary, #7F7F80); } }

#cookiePolicy {
  width: 100%;
  height: auto;
  padding-top: 30px;
  padding-bottom: 55px;
  background-color: #fafafa; }
  #cookiePolicy.consumer-app {
    padding-bottom: 0; }
  #cookiePolicy #privacy {
    padding-top: 100px;
    margin-top: -100px; }
  #cookiePolicy .container {
    max-width: 1240px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 55px; }
    @media screen and (max-width: 1250px) {
      #cookiePolicy .container {
        padding: 0px 16px; } }
    #cookiePolicy .container .title-box {
      margin-bottom: 20px;
      text-align: left; }
      #cookiePolicy .container .title-box .title-text {
        font-family: "FC-Iconic-Regular", sans-serif;
        font-size: 22px;
        font-weight: bold;
        color: #243871; }
        #cookiePolicy .container .title-box .title-text.pink {
          color: #fa4786; }
    #cookiePolicy .container .text-box {
      font-family: "Sarabun-Regular", sans-serif;
      color: #333333;
      font-size: 14px;
      line-height: 24px; }
      #cookiePolicy .container .text-box ol {
        list-style-type: none;
        counter-reset: item;
        margin: 0;
        padding: 0; }
      #cookiePolicy .container .text-box ol > li {
        display: table;
        counter-increment: item;
        margin-bottom: 0.6em; }
      #cookiePolicy .container .text-box ol > li:before {
        content: counters(item, ".") ". ";
        display: table-cell;
        padding-right: 0.3em; }
      #cookiePolicy .container .text-box ol > .list-bold:before {
        content: counters(item, ".") ". ";
        display: table-cell;
        padding-right: 0.3em;
        font-weight: bold; }
      #cookiePolicy .container .text-box li ol > li {
        margin: 0; }
      #cookiePolicy .container .text-box li ol > li:before {
        content: counters(item, ".") " "; }
      #cookiePolicy .container .text-box .text-bold {
        margin-top: 20px;
        font-weight: bold; }
      #cookiePolicy .container .text-box .m-top {
        margin-top: 20px; }
      #cookiePolicy .container .text-box p {
        text-indent: 25px;
        margin: 0px 0px; }
        #cookiePolicy .container .text-box p.margin-top {
          margin-top: 20px; }
      #cookiePolicy .container .text-box .link-text {
        margin-left: 10px;
        margin-right: 10px; }
      #cookiePolicy .container .text-box .underline {
        text-decoration: underline; }
      #cookiePolicy .container .text-box ol.sub-list {
        margin-left: 25px; }
  #cookiePolicy .float-box {
    display: flex;
    flex-direction: column;
    row-gap: 18px;
    position: sticky;
    bottom: 0;
    padding: 15px;
    background-color: #fff;
    box-shadow: 0px 0px 14px rgba(213, 177, 191, 0.3);
    font-size: 14px;
    line-height: 21px; }
    #cookiePolicy .float-box .flex-box {
      display: flex; }
      #cookiePolicy .float-box .flex-box input[type="checkbox"] {
        -webkit-appearance: none;
        appearance: none;
        background-color: var(--form-background);
        margin: 0;
        font: inherit;
        color: currentColor;
        width: 20px;
        height: 20px;
        border: 1px solid currentColor;
        border-radius: 4px;
        transform: translateY(-0.075em);
        display: grid;
        place-content: center;
        margin-right: 10px; }
      #cookiePolicy .float-box .flex-box input[type="checkbox"]::before {
        content: "";
        width: 16px;
        height: 16px;
        clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
        transform: scale(0);
        transform-origin: bottom left;
        transition: 120ms transform ease-in-out;
        box-shadow: inset 1em 1em #fa4786;
        /* Windows High Contrast Mode */
        background-color: CanvasText; }
      #cookiePolicy .float-box .flex-box input[type="checkbox"]:checked::before {
        transform: scale(1); }
      #cookiePolicy .float-box .flex-box input[type="checkbox"]:disabled {
        --form-control-color: #959495;
        color: #959495;
        cursor: not-allowed; }
    #cookiePolicy .float-box .disabled {
      color: #ddd6d8;
      cursor: default; }
  #cookiePolicy .seperate-line {
    display: block;
    width: 50%;
    height: 2px;
    margin-left: auto;
    margin-top: 100px;
    margin-right: auto;
    margin-bottom: 100px;
    border-bottom: 1px dashed #cbcbcb; }
  #cookiePolicy .webkit-link {
    color: -webkit-link;
    cursor: pointer;
    text-decoration: underline; }
  #cookiePolicy .read-more-link {
    color: #fa4786;
    cursor: pointer;
    text-decoration: underline; }
  #cookiePolicy .acception-label {
    -webkit-tap-highlight-color: transparent; }
  #cookiePolicy h1 {
    margin: 0 !important; }

#cookiePolicy {
  width: 100%;
  height: auto;
  padding-top: 30px;
  padding-bottom: 55px;
  background-color: #fafafa; }
  #cookiePolicy.consumer-app {
    padding-bottom: 0; }
  #cookiePolicy #privacy {
    padding-top: 100px;
    margin-top: -100px; }
  #cookiePolicy .container {
    max-width: 1240px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 55px; }
    @media screen and (max-width: 1250px) {
      #cookiePolicy .container {
        padding: 0px 16px; } }
    #cookiePolicy .container .title-box {
      margin-bottom: 20px;
      text-align: left; }
      #cookiePolicy .container .title-box .title-text {
        font-family: "FC-Iconic-Regular", sans-serif;
        font-size: 22px;
        font-weight: bold;
        color: #243871; }
        #cookiePolicy .container .title-box .title-text.pink {
          color: #fa4786; }
    #cookiePolicy .container .text-box {
      font-family: "Sarabun-Regular", sans-serif;
      color: #333333;
      font-size: 14px;
      line-height: 24px; }
      #cookiePolicy .container .text-box ol {
        list-style-type: none;
        counter-reset: item;
        margin: 0;
        padding: 0; }
      #cookiePolicy .container .text-box ol > li {
        display: table;
        counter-increment: item;
        margin-bottom: 0.6em; }
      #cookiePolicy .container .text-box ol > li:before {
        content: counters(item, ".") ". ";
        display: table-cell;
        padding-right: 0.3em; }
      #cookiePolicy .container .text-box ol > .list-bold:before {
        content: counters(item, ".") ". ";
        display: table-cell;
        padding-right: 0.3em;
        font-weight: bold; }
      #cookiePolicy .container .text-box li ol > li {
        margin: 0; }
      #cookiePolicy .container .text-box li ol > li:before {
        content: counters(item, ".") " "; }
      #cookiePolicy .container .text-box .text-bold {
        margin-top: 20px;
        font-weight: bold; }
      #cookiePolicy .container .text-box .m-top {
        margin-top: 20px; }
      #cookiePolicy .container .text-box p {
        text-indent: 25px;
        margin: 0px 0px; }
        #cookiePolicy .container .text-box p.margin-top {
          margin-top: 20px; }
      #cookiePolicy .container .text-box .link-text {
        margin-left: 10px;
        margin-right: 10px; }
      #cookiePolicy .container .text-box .underline {
        text-decoration: underline; }
      #cookiePolicy .container .text-box ol.sub-list {
        margin-left: 25px; }
  #cookiePolicy .float-box {
    display: flex;
    flex-direction: column;
    row-gap: 18px;
    position: sticky;
    bottom: 0;
    padding: 15px;
    background-color: #fff;
    box-shadow: 0px 0px 14px rgba(213, 177, 191, 0.3);
    font-size: 14px;
    line-height: 21px; }
    #cookiePolicy .float-box .flex-box {
      display: flex; }
      #cookiePolicy .float-box .flex-box input[type="checkbox"] {
        -webkit-appearance: none;
        appearance: none;
        background-color: var(--form-background);
        margin: 0;
        font: inherit;
        color: currentColor;
        width: 20px;
        height: 20px;
        border: 1px solid currentColor;
        border-radius: 4px;
        transform: translateY(-0.075em);
        display: grid;
        place-content: center;
        margin-right: 10px; }
      #cookiePolicy .float-box .flex-box input[type="checkbox"]::before {
        content: "";
        width: 16px;
        height: 16px;
        clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
        transform: scale(0);
        transform-origin: bottom left;
        transition: 120ms transform ease-in-out;
        box-shadow: inset 1em 1em #fa4786;
        /* Windows High Contrast Mode */
        background-color: CanvasText; }
      #cookiePolicy .float-box .flex-box input[type="checkbox"]:checked::before {
        transform: scale(1); }
      #cookiePolicy .float-box .flex-box input[type="checkbox"]:disabled {
        --form-control-color: #959495;
        color: #959495;
        cursor: not-allowed; }
    #cookiePolicy .float-box .disabled {
      color: #ddd6d8;
      cursor: default; }
  #cookiePolicy .seperate-line {
    display: block;
    width: 50%;
    height: 2px;
    margin-left: auto;
    margin-top: 100px;
    margin-right: auto;
    margin-bottom: 100px;
    border-bottom: 1px dashed #cbcbcb; }
  #cookiePolicy .webkit-link {
    color: -webkit-link;
    cursor: pointer;
    text-decoration: underline; }
  #cookiePolicy .read-more-link {
    color: #fa4786;
    cursor: pointer;
    text-decoration: underline; }
  #cookiePolicy .acception-label {
    -webkit-tap-highlight-color: transparent; }

#cookiePolicy {
  width: 100%;
  height: auto;
  padding-top: 16px;
  padding-bottom: 55px;
  background-color: #fafafa; }
  #cookiePolicy.consumer-app {
    padding-bottom: 0; }
  #cookiePolicy .container {
    max-width: 1240px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 35px; }
    @media screen and (max-width: 1250px) {
      #cookiePolicy .container {
        padding: 0px 16px; } }
    #cookiePolicy .container .title-box {
      margin-bottom: 8px;
      text-align: left; }
      #cookiePolicy .container .title-box .title-text {
        font-family: "FC-Iconic-Regular", sans-serif;
        font-size: 22px;
        font-weight: bold;
        color: #243871; }
        #cookiePolicy .container .title-box .title-text.pink {
          color: #fa4786; }
    #cookiePolicy .container .text-box {
      font-family: "Sarabun-Regular", sans-serif;
      color: #3F4959;
      font-size: 14px;
      line-height: 20px; }
      #cookiePolicy .container .text-box ol {
        list-style-type: none;
        counter-reset: item;
        padding: 0;
        margin-top: 1em; }
        #cookiePolicy .container .text-box ol .with-sublist {
          margin-top: 1em; }
          #cookiePolicy .container .text-box ol .with-sublist li {
            margin-top: 1em; }
            #cookiePolicy .container .text-box ol .with-sublist li p {
              margin-top: 10px; }
        #cookiePolicy .container .text-box ol.sub-list {
          margin-left: 1em; }
      #cookiePolicy .container .text-box ol > li {
        counter-increment: item;
        margin-bottom: 1em; }
      #cookiePolicy .container .text-box ol > li:before {
        content: counters(item, ".") ". ";
        display: contents; }
      #cookiePolicy .container .text-box ol > .list-bold:before {
        content: counters(item, ".") ". ";
        padding-right: 0.3em;
        font-weight: bold; }
      #cookiePolicy .container .text-box li ol > li {
        margin-top: 24px;
        margin-left: 1em; }
      #cookiePolicy .container .text-box li ol > li:before {
        content: counters(item, ".") " "; }
      #cookiePolicy .container .text-box li > ol {
        margin-bottom: 0; }
      #cookiePolicy .container .text-box .text-bold {
        margin-top: 20px;
        font-weight: bold; }
      #cookiePolicy .container .text-box .m-top {
        margin-top: 20px; }
      #cookiePolicy .container .text-box p {
        margin: 0px 0px;
        display: contents;
        text-indent: 0px; }
        #cookiePolicy .container .text-box p.margin-top {
          margin-top: 20px; }
      #cookiePolicy .container .text-box p.sub-p {
        display: block;
        margin-top: 1em;
        margin-left: 1em; }
      #cookiePolicy .container .text-box .link-text {
        margin-left: 10px;
        margin-right: 10px; }
      #cookiePolicy .container .text-box .underline {
        text-decoration: underline; }
  #cookiePolicy .float-box {
    display: flex;
    flex-direction: column;
    row-gap: 18px;
    position: sticky;
    bottom: 0;
    padding: 15px;
    background-color: #fff;
    box-shadow: 0px 0px 14px rgba(213, 177, 191, 0.3);
    font-size: 14px;
    line-height: 21px; }
    #cookiePolicy .float-box .flex-box {
      display: flex; }
      #cookiePolicy .float-box .flex-box input[type="checkbox"] {
        -webkit-appearance: none;
        appearance: none;
        background-color: var(--form-background);
        margin: 0;
        font: inherit;
        color: currentColor;
        width: 20px;
        height: 20px;
        border: 1px solid currentColor;
        border-radius: 4px;
        transform: translateY(-0.075em);
        display: grid;
        place-content: center;
        margin-right: 10px; }
      #cookiePolicy .float-box .flex-box input[type="checkbox"]::before {
        content: "";
        width: 16px;
        height: 16px;
        clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
        transform: scale(0);
        transform-origin: bottom left;
        transition: 120ms transform ease-in-out;
        box-shadow: inset 1em 1em #fa4786;
        /* Windows High Contrast Mode */
        background-color: CanvasText; }
      #cookiePolicy .float-box .flex-box input[type="checkbox"]:checked::before {
        transform: scale(1); }
      #cookiePolicy .float-box .flex-box input[type="checkbox"]:disabled {
        --form-control-color: #959495;
        color: #959495;
        cursor: not-allowed; }
    #cookiePolicy .float-box .disabled {
      color: #ddd6d8;
      cursor: default; }
  #cookiePolicy .seperate-line {
    display: block;
    width: 50%;
    height: 2px;
    margin-left: auto;
    margin-top: 100px;
    margin-right: auto;
    margin-bottom: 100px;
    border-bottom: 1px dashed #cbcbcb; }
  #cookiePolicy .webkit-link {
    color: -webkit-link;
    cursor: pointer;
    text-decoration: underline; }
  #cookiePolicy .read-more-link {
    color: #fa4786;
    cursor: pointer;
    text-decoration: underline; }
  #cookiePolicy .acception-label {
    font-family: "Prompt", sans-serif;
    -webkit-tap-highlight-color: transparent; }

#cookiePolicyV3 {
  width: 100%;
  height: auto;
  padding-top: 16px;
  padding-bottom: 55px;
  background-color: #fafafa; }
  #cookiePolicyV3.consumer-app {
    padding-bottom: 0; }
  #cookiePolicyV3 .container {
    max-width: 1240px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 35px; }
    @media screen and (max-width: 1250px) {
      #cookiePolicyV3 .container {
        padding: 0px 16px; } }
    #cookiePolicyV3 .container .title-box {
      margin-bottom: 8px;
      text-align: left; }
      #cookiePolicyV3 .container .title-box .title-text {
        font-family: "FC-Iconic-Regular", sans-serif;
        font-size: 22px;
        font-weight: bold;
        color: #243871; }
        #cookiePolicyV3 .container .title-box .title-text.pink {
          color: #fa4786; }
    #cookiePolicyV3 .container .text-box {
      font-family: "Sarabun-Regular", sans-serif;
      color: #3F4959;
      font-size: 14px;
      line-height: 20px; }
      #cookiePolicyV3 .container .text-box ol {
        list-style-type: none;
        counter-reset: item;
        padding: 0;
        margin-top: 1em; }
        #cookiePolicyV3 .container .text-box ol .with-sublist {
          margin-top: 1em; }
          #cookiePolicyV3 .container .text-box ol .with-sublist li {
            margin-top: 1em; }
            #cookiePolicyV3 .container .text-box ol .with-sublist li p {
              margin-top: 10px; }
        #cookiePolicyV3 .container .text-box ol.sub-list {
          margin-left: 1em; }
      #cookiePolicyV3 .container .text-box ol > li {
        counter-increment: item;
        margin-bottom: 1em; }
      #cookiePolicyV3 .container .text-box ol > li:before {
        content: counters(item, ".") ". ";
        display: contents; }
      #cookiePolicyV3 .container .text-box ol > .list-bold:before {
        content: counters(item, ".") ". ";
        padding-right: 0.3em;
        font-weight: bold; }
      #cookiePolicyV3 .container .text-box li ol > li {
        margin-top: 24px;
        margin-left: 1em; }
      #cookiePolicyV3 .container .text-box li ol > li:before {
        content: counters(item, ".") " "; }
      #cookiePolicyV3 .container .text-box li > ol {
        margin-bottom: 0; }
      #cookiePolicyV3 .container .text-box .text-bold {
        margin-top: 20px;
        font-weight: bold; }
      #cookiePolicyV3 .container .text-box .m-top {
        margin-top: 20px; }
      #cookiePolicyV3 .container .text-box p {
        margin: 0px 0px;
        display: contents;
        text-indent: 0px; }
        #cookiePolicyV3 .container .text-box p.margin-top {
          margin-top: 20px; }
      #cookiePolicyV3 .container .text-box p.sub-p {
        display: block;
        margin-top: 1em;
        margin-left: 1em; }
      #cookiePolicyV3 .container .text-box p.new-line {
        display: block;
        margin-top: 1em; }
      #cookiePolicyV3 .container .text-box p.new-line-section {
        display: block;
        margin-top: 1em;
        margin-bottom: 1em; }
      #cookiePolicyV3 .container .text-box .link-text {
        margin-left: 10px;
        margin-right: 10px; }
      #cookiePolicyV3 .container .text-box .underline {
        text-decoration: underline; }
  #cookiePolicyV3 .float-box {
    display: flex;
    flex-direction: column;
    row-gap: 18px;
    position: sticky;
    bottom: 0;
    padding: 15px;
    background-color: #fff;
    box-shadow: 0px 0px 14px rgba(213, 177, 191, 0.3);
    font-size: 14px;
    line-height: 21px; }
    #cookiePolicyV3 .float-box .flex-box {
      display: flex; }
      #cookiePolicyV3 .float-box .flex-box .custom-checkbox[type="checkbox"] {
        -webkit-appearance: none;
        appearance: none;
        margin: 0;
        color: #8693BF;
        width: 20px;
        height: 20px;
        border: 1.5px solid #8693BF;
        border-radius: 4px;
        transform: translateY(-0.075em);
        display: grid;
        place-content: center;
        margin-right: 10px; }
      #cookiePolicyV3 .float-box .flex-box .custom-checkbox[type="checkbox"]:checked::before {
        transform: scale(1); }
      #cookiePolicyV3 .float-box .flex-box .custom-checkbox[type="checkbox"]:checked {
        background-color: #FA4786;
        border: none;
        background-image: url("/static/images/Policy/image-checkbox.png");
        background-repeat: no-repeat;
        background-position: center; }
      #cookiePolicyV3 .float-box .flex-box .custom-checkbox[type="checkbox"]:disabled {
        --form-control-color: #959495;
        color: #959495;
        border: 1.5px solid #959495;
        cursor: not-allowed; }
    #cookiePolicyV3 .float-box .disabled {
      font-family: "Prompt-Regular", sans-serif;
      font-size: 14px;
      color: #ddd6d8;
      cursor: default;
      font-weight: 400; }
    #cookiePolicyV3 .float-box .consent-text {
      font-family: "Prompt-Regular", sans-serif;
      color: #9194AD;
      font-size: 14px;
      font-weight: 400; }
  #cookiePolicyV3 .seperate-line {
    display: block;
    width: 50%;
    height: 2px;
    margin-left: auto;
    margin-top: 100px;
    margin-right: auto;
    margin-bottom: 100px;
    border-bottom: 1px dashed #cbcbcb; }
  #cookiePolicyV3 .webkit-link {
    color: -webkit-link;
    cursor: pointer;
    text-decoration: underline; }
  #cookiePolicyV3 .read-more-link {
    color: #fa4786;
    cursor: pointer;
    text-decoration: underline; }
  #cookiePolicyV3 .acception-label {
    font-family: "Prompt", sans-serif;
    -webkit-tap-highlight-color: transparent; }

#services #slideBox:not(.new-promotion) {
  height: auto !important; }

#services #slideBox:not(.new-promotion) .image-card .image-box {
  height: auto !important;
  max-height: unset; }

#whistleBlower {
  width: 100%;
  min-height: calc(100vh - 182px);
  padding-top: 30px;
  padding-bottom: 55px;
  background-color: #fafafa;
  font-family: "Sarabun-Regular", sans-serif;
  color: #333333;
  line-height: 24px; }
  #whistleBlower .container {
    max-width: 1240px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 55px; }
    #whistleBlower .container h1 {
      margin: 0 !important; }
    @media screen and (max-width: 1250px) {
      #whistleBlower .container {
        padding: 0px 16px; } }
    #whistleBlower .container .header-text {
      font-family: "FC-Iconic-Regular", sans-serif;
      font-size: 22px;
      font-weight: bold;
      color: #243871;
      margin-bottom: 20px; }
    #whistleBlower .container .detail-box {
      font-size: 14px; }

#contactSection {
  padding: 20px 0; }
  #contactSection .info-card-content {
    display: flex;
    flex-wrap: wrap-reverse;
    border-radius: 4px;
    box-shadow: 0 2px 4px 0 rgba(155, 155, 155, 0.3);
    background-color: #ffffff;
    width: 1280px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto; }
    #contactSection .info-card-content .info-card-map {
      width: 50%;
      border-top-left-radius: 4px;
      border-bottom-left-radius: 4px; }
      #contactSection .info-card-content .info-card-map iframe {
        border: none !important;
        border-top-left-radius: 4px;
        border-bottom-left-radius: 4px; }
    #contactSection .info-card-content .info-card-detail-box {
      padding: 38px 100px;
      width: 50%; }
      #contactSection .info-card-content .info-card-detail-box .info-card-detail {
        width: fit-content;
        margin-right: auto; }
        #contactSection .info-card-content .info-card-detail-box .info-card-detail .map-header {
          display: none; }
        #contactSection .info-card-content .info-card-detail-box .info-card-detail .header {
          font-family: "FC-Iconic-Medium", sans-serif;
          font-size: 22px;
          font-weight: 500;
          color: #243871;
          margin-bottom: 20px; }
        #contactSection .info-card-content .info-card-detail-box .info-card-detail .sub-header {
          font-size: 18px;
          margin-top: 10px; }
        #contactSection .info-card-content .info-card-detail-box .info-card-detail .platform {
          display: flex;
          flex-wrap: wrap;
          width: 100%;
          gap: 10px; }
          #contactSection .info-card-content .info-card-detail-box .info-card-detail .platform .platform-item {
            display: flex;
            width: 25%; }
            #contactSection .info-card-content .info-card-detail-box .info-card-detail .platform .platform-item .social {
              text-decoration: none; }
            #contactSection .info-card-content .info-card-detail-box .info-card-detail .platform .platform-item img {
              width: 100%;
              max-width: 200px; }
        #contactSection .info-card-content .info-card-detail-box .info-card-detail .content {
          margin-bottom: 20px;
          display: flex; }
          #contactSection .info-card-content .info-card-detail-box .info-card-detail .content .social {
            display: flex;
            text-decoration: none; }
          #contactSection .info-card-content .info-card-detail-box .info-card-detail .content:last-child {
            margin-bottom: 0; }
          #contactSection .info-card-content .info-card-detail-box .info-card-detail .content img {
            width: 25px;
            margin: 0 10px 0 0; }
          #contactSection .info-card-content .info-card-detail-box .info-card-detail .content .location-data {
            display: flex;
            flex-direction: column;
            gap: 15px; }
          #contactSection .info-card-content .info-card-detail-box .info-card-detail .content .content-icon {
            font-size: 24px;
            margin-right: 10px;
            height: 24px;
            color: #ee347f; }
            #contactSection .info-card-content .info-card-detail-box .info-card-detail .content .content-icon.icon-sl-facebook {
              color: #3b5998; }
              #contactSection .info-card-content .info-card-detail-box .info-card-detail .content .content-icon.icon-sl-facebook:hover {
                color: #6587d4; }
            #contactSection .info-card-content .info-card-detail-box .info-card-detail .content .content-icon.icon-sl-line {
              color: #00c300; }
              #contactSection .info-card-content .info-card-detail-box .info-card-detail .content .content-icon.icon-sl-line:hover {
                color: #47d840; }
          #contactSection .info-card-content .info-card-detail-box .info-card-detail .content .content-data {
            font-family: "Sarabun-Medium", sans-serif;
            font-size: 14px;
            color: #333333; }
            #contactSection .info-card-content .info-card-detail-box .info-card-detail .content .content-data .tel {
              text-decoration: none;
              color: #333333; }
          #contactSection .info-card-content .info-card-detail-box .info-card-detail .content .location-title {
            font-size: 16px;
            color: #333333;
            font-weight: 500; }
  @media only screen and (min-width: 1281px) and (max-width: 1920px) {
    #contactSection {
      top: calc(530px + calc(calc(1920px - 100vw) * calc(13 / 639))); } }
  @media only screen and (max-width: 1280px) {
    #contactSection {
      position: unset;
      margin-bottom: 30px;
      padding: 0; }
      #contactSection .info-card-content {
        border-radius: unset;
        box-shadow: unset; }
        #contactSection .info-card-content .info-card-map {
          height: 100vw;
          max-height: 50vh;
          border-radius: unset; }
          #contactSection .info-card-content .info-card-map iframe {
            border-radius: unset; }
        #contactSection .info-card-content .info-card-detail-box {
          padding: 30px 20px 0;
          width: 100%; } }
      @media only screen and (max-width: 1280px) and (max-width: 640px) {
        #contactSection .info-card-content .info-card-detail-box {
          padding: 30px 16px 0; } }
  @media only screen and (max-width: 1280px) {
          #contactSection .info-card-content .info-card-detail-box .info-card-detail {
            margin: 0;
            width: 100%; }
            #contactSection .info-card-content .info-card-detail-box .info-card-detail .map-header {
              display: block; }
              #contactSection .info-card-content .info-card-detail-box .info-card-detail .map-header .sub-header {
                margin-bottom: 10px; }
            #contactSection .info-card-content .info-card-detail-box .info-card-detail .sub-header {
              margin-top: 20px; } }

#thankYou {
  padding: 40px 0px;
  font-family: "FC-Iconic-Regular", sans-serif; }
  #thankYou .thank-header {
    text-align: center;
    color: #FA4786;
    font-size: 50px;
    margin-top: 30px; }
    #thankYou .thank-header .thank-icon {
      font-size: 100px; }
  #thankYou .thank-body {
    margin-top: 20px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 22px;
    font-weight: 500; }
    #thankYou .thank-body .thank-text {
      font-family: "Sarabun-Regular", sans-serif; }
    #thankYou .thank-body .thank-btn {
      margin-top: 20px;
      background-color: #FA4786;
      border-radius: 4px;
      padding: 8px 48px;
      cursor: pointer;
      font-size: 16px;
      color: #FFFFFF; }
    #thankYou .thank-body .thank-backgroundnumber {
      background-color: #FAFAFA;
      margin-top: 20px;
      padding: 20px;
      width: 404px;
      height: 114px;
      border-radius: 4px;
      gap: 5px; }
    #thankYou .thank-body .thank-callback {
      font-family: "FC-Iconic-Regular", sans-serif;
      word-wrap: break-word;
      white-space: pre-wrap;
      max-width: 1240px;
      overflow-wrap: break-word;
      font-weight: 400;
      color: #333333;
      font-size: 22px; }
    #thankYou .thank-body .thank-messagephone {
      font-family: "FC-Iconic-Regular", sans-serif;
      font-size: 18px;
      font-weight: 400;
      line-height: 27px;
      text-align: center; }
    #thankYou .thank-body .thank-phonenumber {
      font-family: "FC-Iconic-Regular", sans-serif;
      color: #002d72;
      font-size: 28px;
      font-weight: 500;
      line-height: 50px;
      text-align: center; }

@media screen and (max-width: 640px) {
  #thankYou .thank-header {
    font-size: 22px !important;
    margin-top: 0px !important;
    margin-bottom: 20px !important; }
    #thankYou .thank-header .thank-text {
      margin-top: 20px !important; }
  #thankYou .thank-body {
    font-size: 14px !important;
    width: 238px !important;
    margin: auto !important; }
  #thankYou .thank-backgroundnumber {
    background-color: #FAFAFA !important;
    margin-top: 20px !important;
    padding: 20px !important;
    width: 343px !important;
    height: 99px !important;
    border-radius: 4px !important;
    gap: 5px !important; }
  #thankYou .thank-messagephone {
    font-family: "FC-Iconic-Regular", sans-serif !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 21px !important;
    text-align: center !important; }
  #thankYou .thank-phonenumber {
    font-family: "FC-Iconic-Regular", sans-serif !important;
    color: #002d72 !important;
    font-size: 22px !important;
    font-weight: 500 !important;
    line-height: 33px !important;
    text-align: center !important; }
  #thankYou .thank-callback {
    font-family: "FC-Iconic-Regular", sans-serif !important;
    word-wrap: break-word !important;
    white-space: pre-wrap !important;
    max-width: 1240px !important;
    overflow-wrap: break-word !important;
    font-weight: 400 !important;
    color: #333333 !important;
    font-size: 16px !important; } }

.register-form-container {
  width: 612px;
  background: white;
  border-radius: 40px;
  overflow: hidden;
  z-index: 20; }

.form-header .tab-buttons {
  display: flex; }

.form-header .tab-buttons .tab-btn {
  flex: 1;
  height: 80px;
  padding: 16px 20px;
  border: none;
  background: #e6eaf1;
  color: #002d72;
  font-size: 18px;
  font-weight: 500;
  font-family: "FC-Iconic-Regular", sans-serif;
  cursor: pointer;
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px; }

.form-header .tab-buttons .tab-btn.active {
  background: #ffffff;
  color: #fa4786; }

.form-header .tab-buttons .tab-btn:first-child {
  border-top-left-radius: 20px; }

.form-header .tab-buttons .tab-btn:last-child {
  border-top-right-radius: 20px; }

.form-header .tab-buttons .tab-btn .tab-icon {
  width: 32px;
  height: 32px; }

.form-content {
  padding: 24px; }

.form-content .form-title {
  line-height: 52px;
  font-size: 36px;
  font-weight: 800;
  color: #fa4786;
  text-align: center;
  font-family: "FC-Iconic-Medium", sans-serif; }

.form-content .form-title.insurance-title {
  margin-bottom: 4px;
  white-space: pre-line; }

.form-content .form-title.loan-title {
  margin-bottom: 16px; }

.form-content .insurance-subtitle {
  font-size: 16px;
  font-weight: 400;
  font-family: "FC-Iconic-Light", sans-serif;
  color: #002d72;
  text-align: center;
  line-height: 1.4;
  margin-bottom: 16px; }

.loan-type-grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 8px;
  margin-bottom: 16px; }

.loan-type-grid .loan-type-btn {
  padding: 8px 8px;
  width: 129px;
  height: 84px;
  border: 1px solid transparent;
  border-radius: 16px;
  background: #e6eaf1;
  cursor: pointer;
  transition: all 0.3s ease;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center; }

.loan-type-grid .loan-type-btn:hover {
  border-color: #fa4786;
  background: #ffedf3; }

.loan-type-grid .loan-type-btn.active {
  border-color: #fa4786;
  background: #ffedf3;
  color: #fa4786;
  font-weight: 500; }

.loan-type-icon {
  width: 32px;
  height: 32px;
  padding: 0px; }

.loan-type-grid .loan-type-btn .loan-icon img[src*="car"] {
  padding: 2px; }

.loan-type-grid .loan-type-btn span {
  text-align: center;
  line-height: 1.2;
  color: #002d72;
  font-weight: 500;
  font-size: 18px;
  font-family: "FC-Iconic-Regular", sans-serif; }

.loan-type-grid .loan-type-btn.active span {
  color: #fa4786 !important; }

.floating-input-group {
  position: relative;
  margin-bottom: 16px; }

.floating-input-group .floating-input {
  width: 100%;
  height: 60px;
  padding: 8px 16px 8px 16px;
  border: 1px solid #b0bed3;
  border-radius: 16px;
  font-size: 18px;
  font-family: "FC-Iconic-Light", sans-serif;
  background: transparent;
  outline: none;
  transition: all 0.3s ease;
  caret-color: #FA4786;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.floating-input-group .floating-input::placeholder {
  opacity: 0;
  transition: opacity 0.3s ease; }

.floating-input-group .floating-input:focus {
  border-color: #fa4786;
  background: #fff5f8;
  box-shadow: 0 0 0 3px rgba(250, 71, 134, 0.1); }

.floating-input-group .floating-input.has-value {
  border-color: #fa4786;
  background: #fff5f8; }

.floating-input-group .floating-input.invalid {
  border-color: #e02020;
  background: #fff2f2;
  box-shadow: 0 0 0 3px rgba(224, 32, 32, 0.1); }

.floating-input-group .floating-label {
  position: absolute;
  left: 16px;
  top: 50%;
  transform: translateY(-50%);
  color: #B0BED3;
  font-size: 18px;
  font-family: "FC-Iconic-Light", sans-serif;
  pointer-events: none;
  transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  background: white;
  padding: 0 4px;
  z-index: 1; }

.floating-input-group .floating-label.active {
  top: 0;
  transform: translateY(-50%);
  font-size: 14px;
  color: #fa4786;
  font-weight: 500; }

.floating-input-group .floating-label.active.has-value-unfocused {
  color: #B0BED3; }

.floating-input-group .floating-label.error {
  color: #e02020; }

.floating-input-group .floating-label.submit-error {
  color: #fa4786; }

.floating-input-group .error-text {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  font-size: 14px;
  color: #FA4786;
  background: #FFEDF3;
  padding: 8px 12px;
  border-radius: 8px;
  font-family: "FC-Iconic-Light", sans-serif;
  z-index: 1;
  animation: slideInError 0.3s ease-out; }

.input-group {
  position: relative;
  margin-bottom: 16px; }

.input-group .form-input {
  height: 60px;
  width: 100%;
  padding: 14px 16px;
  border: 1px solid #b0bed3;
  border-radius: 16px;
  font-size: 18px;
  transition: all 0.3s ease;
  font-family: "FC-Iconic-Light", sans-serif; }

.input-group .form-input:focus {
  outline: none;
  border-color: #fa4786;
  background: #fff5f8; }

.input-group .form-input::placeholder {
  color: #B0BED3; }

.input-group .form-input.invalid {
  border-color: #e02020;
  background: #fff2f2; }

.input-group .form-select {
  height: 60px;
  width: 100%;
  padding: 14px 16px;
  border: 1px solid #b0bed3;
  border-radius: 16px;
  font-size: 18px;
  font-family: "FC-Iconic-Light", sans-serif;
  background: white;
  color: #333;
  cursor: pointer;
  transition: all 0.3s ease; }

.input-group .form-select:focus {
  outline: none;
  border-color: #fa4786;
  background: #fff5f8; }

.input-group .form-select.invalid {
  border-color: #e02020;
  background: #fff2f2; }

.input-group .form-select option {
  padding: 8px; }

.input-group.select-wrapper {
  position: relative; }

.input-group.select-wrapper .form-select {
  appearance: none;
  background-image: none;
  padding-right: 48px; }

.input-group.select-wrapper .dropdown-arrow {
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
  color: #b0bed3;
  transition: all 0.3s ease; }

.input-group.select-wrapper .form-select:focus + .dropdown-arrow {
  color: #fa4786; }

.input-group .error-text {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  font-size: 14px;
  color: #FA4786;
  background: #FFEDF3;
  padding: 5px 10px;
  border-radius: 8px;
  font-family: "FC-Iconic-Light", sans-serif;
  z-index: 1; }

.validation-error {
  margin-bottom: 16px;
  text-align: center; }

.validation-error .text-validate {
  font-size: 14px;
  color: #e02020;
  font-family: "FC-Iconic-Light", sans-serif;
  background: #fff2f2;
  padding: 8px 12px;
  border-radius: 8px;
  border: 1px solid #e02020; }

.terms-text {
  margin: 16px 0;
  text-align: center; }

.terms-text small {
  font-size: 14px;
  color: #353536;
  line-height: 1.4;
  font-family: "FC-Iconic-Light", sans-serif; }

.terms-text small .terms-link {
  color: #4fa0ca;
  text-decoration: underline; }

.terms-text small .terms-link:hover {
  color: #4fa0ca; }

.submit-btn {
  width: 100%;
  height: 54px;
  background: #fa4786;
  color: white;
  border: none;
  border-radius: 16px;
  font-size: 20px;
  font-family: "FC-Iconic-Medium", sans-serif;
  cursor: pointer;
  transition: all 0.3s ease; }

.submit-btn:hover:not(.disabled) {
  background: #e55a8a; }

.submit-btn:active:not(.disabled) {
  transform: translateY(0); }

.submit-btn.disabled {
  opacity: 0.5;
  cursor: not-allowed;
  background: #cccccc; }

.submit-btn.disabled:hover {
  background: #cccccc;
  transform: none; }

@keyframes slideInError {
  from {
    opacity: 0;
    transform: translateY(-10px); }
  to {
    opacity: 1;
    transform: translateY(0); } }

@media (max-width: 1440px) {
  .register-form-container {
    width: 550px; }
  .form-header .tab-buttons .tab-btn {
    height: 72px;
    padding: 14px 18px;
    font-size: 17px;
    gap: 7px; }
  .form-header .tab-buttons .tab-btn .tab-icon {
    width: 30px;
    height: 30px; }
  .form-content {
    padding: 22px; }
  .form-content .form-title {
    font-size: 34px;
    line-height: 48px; }
  .loan-type-grid {
    gap: 7px;
    margin-bottom: 15px; }
  .loan-type-grid .loan-type-btn {
    width: 120px;
    height: 78px;
    padding: 7px 7px;
    border-radius: 15px; }
  .loan-type-icon {
    width: 30px;
    height: 30px; }
  .loan-type-grid .loan-type-btn span {
    font-size: 17px;
    margin-top: 3px; }
  .floating-input-group {
    margin-bottom: 15px; }
  .floating-input-group .floating-input {
    height: 56px;
    padding: 7px 15px;
    font-size: 17px;
    border-radius: 15px; }
  .floating-input-group .floating-label {
    left: 15px;
    font-size: 17px; }
  .floating-input-group .floating-label.active {
    font-size: 13px; }
  .submit-btn {
    height: 50px;
    font-size: 19px;
    border-radius: 15px; }
  .terms-text {
    margin: 15px 0; } }

/* High DPI and smaller laptops */
@media (max-width: 1366px) {
  .register-form-container {
    width: 500px; }
  .form-header .tab-buttons .tab-btn {
    height: 68px;
    padding: 12px 16px;
    font-size: 16px;
    gap: 6px; }
  .form-header .tab-buttons .tab-btn .tab-icon {
    width: 28px;
    height: 28px; }
  .form-content {
    padding: 20px; }
  .form-content .form-title {
    font-size: 32px;
    line-height: 44px; }
  .loan-type-grid {
    gap: 6px;
    margin-bottom: 14px; }
  .loan-type-grid .loan-type-btn {
    width: 110px;
    height: 74px;
    padding: 6px 6px;
    border-radius: 14px; }
  .loan-type-icon {
    width: 28px;
    height: 28px; }
  .loan-type-grid .loan-type-btn span {
    font-size: 16px; }
  .floating-input-group {
    margin-bottom: 14px; }
  .floating-input-group .floating-input {
    height: 54px;
    padding: 6px 14px;
    font-size: 16px;
    border-radius: 14px; }
  .floating-input-group .floating-label {
    left: 14px;
    font-size: 16px; }
  .floating-input-group .floating-label.active {
    font-size: 12px; }
  .submit-btn {
    height: 48px;
    font-size: 18px;
    border-radius: 14px; }
  .terms-text {
    margin: 14px 0; }
  .terms-text small {
    font-size: 13px; } }

@media (max-width: 1024px) {
  .register-form-container {
    width: 450px; }
  .form-header .tab-buttons .tab-btn {
    height: 64px;
    padding: 10px 14px;
    font-size: 15px;
    gap: 5px; }
  .form-header .tab-buttons .tab-btn .tab-icon {
    width: 26px;
    height: 26px; }
  .form-content {
    padding: 18px; }
  .form-content .form-title {
    font-size: 28px;
    line-height: 40px; }
  .loan-type-grid {
    gap: 5px;
    margin-bottom: 12px; }
  .loan-type-grid .loan-type-btn {
    width: 100px;
    height: 68px;
    padding: 5px 5px;
    border-radius: 12px; }
  .loan-type-icon {
    width: 26px;
    height: 26px; }
  .loan-type-grid .loan-type-btn span {
    font-size: 14px; }
  .floating-input-group {
    margin-bottom: 12px; }
  .floating-input-group .floating-input {
    height: 50px;
    padding: 5px 12px;
    font-size: 15px;
    border-radius: 12px; }
  .floating-input-group .floating-label {
    left: 12px;
    font-size: 15px; }
  .floating-input-group .floating-label.active {
    font-size: 11px; }
  .submit-btn {
    height: 44px;
    font-size: 16px;
    border-radius: 12px; }
  .terms-text {
    margin: 12px 0; }
  .terms-text small {
    font-size: 12px; } }

@media (max-width: 768px) {
  .register-form-container {
    width: 100% !important;
    border-radius: 0 !important; }
  .form-header .tab-buttons .tab-btn {
    height: 56px;
    font-size: 16px;
    padding: 12px 16px; }
  .form-header .tab-buttons .tab-btn .tab-icon {
    width: 28px;
    height: 28px; }
  .form-header .tab-buttons .tab-btn:first-child {
    border-top-left-radius: 0px; }
  .form-header .tab-buttons .tab-btn:last-child {
    border-top-right-radius: 0px; }
  .loan-type-grid {
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 6px; }
  .loan-type-grid .loan-type-btn {
    padding: 10px 4px;
    font-size: 10px;
    width: auto;
    height: 70px;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .loan-type-grid .loan-type-btn .loan-icon {
    font-size: 16px;
    width: 24px;
    height: 24px; }
  .loan-type-grid .loan-type-btn span {
    font-size: 12px; }
  .form-content {
    padding: 24px; }
  .form-content .form-title {
    font-size: 24px;
    height: auto;
    margin-bottom: 14px; }
  .form-content .form-title.insurance-title {
    font-size: 22px;
    margin-bottom: 6px;
    white-space: normal; }
  .form-content .insurance-subtitle {
    font-size: 16px;
    margin-bottom: 16px;
    line-height: 1.5; }
  .floating-input-group {
    margin-bottom: 16px; }
  .floating-input-group .floating-input {
    height: 56px;
    padding: 8px 16px 8px 16px;
    font-size: 16px; }
  .floating-input-group .floating-label {
    font-size: 16px; }
  .floating-input-group .floating-label.active {
    font-size: 12px; }
  .floating-input-group .error-text {
    font-size: 12px;
    color: #FA4786;
    background: #FFEDF3;
    padding: 6px 12px; }
  .input-group {
    margin-bottom: 16px; }
  .input-group .form-input,
  .input-group .form-select {
    padding: 16px 18px;
    font-size: 18px;
    height: 56px; }
  .input-group .error-text {
    font-size: 12px;
    color: #FA4786;
    background: #FFEDF3;
    padding: 6px 12px; }
  .validation-error .text-validate {
    font-size: 14px;
    padding: 10px 16px; }
  .terms-text {
    margin: 16px 0; }
  .terms-text small {
    font-size: 12px; }
  .submit-btn {
    height: 56px;
    font-size: 20px;
    font-weight: 600; } }

@media (max-width: 640px) {
  .register-form-container {
    width: 100% !important;
    border-radius: 0 !important; }
  .form-content {
    padding: 20px; }
  .form-content .form-title {
    font-size: 22px;
    height: auto;
    margin-bottom: 12px;
    line-height: 36px; }
  .form-content .form-title.insurance-title {
    font-size: 20px;
    margin-bottom: 6px;
    white-space: normal; }
  .loan-type-grid .loan-type-btn {
    height: 60px;
    font-size: 11px; }
  .loan-type-grid .loan-type-btn span {
    font-size: 11px; } }

@media (max-width: 480px) {
  .form-content {
    padding: 20px; }
  .loan-type-grid {
    gap: 6px;
    margin-bottom: 35px; }
  .loan-type-icon {
    width: 28px;
    height: 28px; }
  .loan-type-grid .loan-type-btn {
    height: 52px;
    justify-content: center;
    position: relative;
    border-radius: 16px;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .loan-type-grid .loan-type-btn .loan-icon {
    width: 28px;
    height: 28px; }
  .form-header .tab-buttons .tab-btn .tab-icon {
    width: 24px;
    height: 24px; }
  .loan-type-grid .loan-type-btn span {
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    font-size: 12px;
    font-weight: 500;
    font-family: "FC-Iconic-Regular", sans-serif;
    text-align: center;
    width: max-content;
    margin-top: 8px;
    word-break: break-word;
    line-height: 1.1; }
  .form-content .form-title {
    font-size: 24px; }
  .form-content .form-title.insurance-title {
    font-size: 24px;
    white-space: pre-line; }
  .form-content .insurance-subtitle {
    font-size: 14px; }
  .floating-input-group .floating-input {
    height: 52px;
    padding: 8px 16px 8px 16px;
    font-size: 16px; }
  .floating-input-group .floating-label {
    font-size: 16px; }
  .floating-input-group .floating-label.active {
    font-size: 12px; }
  .floating-input-group .error-text {
    font-size: 12px;
    color: #FA4786;
    background: #FFEDF3;
    padding: 5px 10px; }
  .input-group .form-input,
  .input-group .form-select {
    font-size: 16px;
    height: 52px;
    padding: 15px 16px; }
  .input-group .error-text {
    font-size: 12px;
    color: #FA4786;
    background: #FFEDF3;
    padding: 5px 10px; }
  .submit-btn {
    height: 48px;
    font-size: 16px; } }

#pagesDetail.preview {
  overflow-y: scroll;
  overflow-x: hidden; }
  #pagesDetail.preview::-webkit-scrollbar {
    scroll-margin: 50px 0 0 50px;
    position: relative;
    width: 16px; }
  #pagesDetail.preview::-webkit-scrollbar-thumb {
    position: absolute;
    background-color: #c4c4c4;
    border-radius: 10px;
    border: 4px solid rgba(255, 255, 255, 0);
    background-clip: padding-box; }

#pagesDetail ul:not(.slider-list), #pagesDetail ol {
  margin: 0 !important;
  padding-inline-start: 20px; }
  #pagesDetail ul:not(.slider-list) li, #pagesDetail ol li {
    margin: 5px 0 !important;
    line-height: 150% !important; }

#pagesDetail .related-post {
  padding: 0 20px;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 30px; }
  #pagesDetail .related-post h2 {
    font-size: 22px;
    margin-top: 0px;
    margin-bottom: -20px; }
  @media screen and (max-width: 640px) {
    #pagesDetail .related-post {
      padding: 0 16px; } }

#pagesDetail .underline-detail-box {
  margin-top: 30px;
  margin-bottom: 15px; }

#pagesDetail .margin-top-15 {
  padding-top: 15px; }

#bannerSection {
  width: 100%;
  background-color: #fafafa; }
  #bannerSection.border {
    max-width: 1240px;
    margin-left: auto;
    margin-right: auto; }
  #bannerSection.full-width {
    max-width: 100%;
    width: 100vw;
    position: relative; }
    #bannerSection.full-width #slideBox {
      max-width: 100vw;
      width: 100%; }
  #bannerSection #slideBox {
    position: relative;
    width: 100%;
    max-height: 600px;
    min-height: 150px;
    background-color: rgba(255, 64, 129, 0.15); }
    #bannerSection #slideBox:not(.new-promotion) {
      height: 600px; }
      #bannerSection #slideBox:not(.new-promotion) .image-card .image-box {
        height: 600px; }
    #bannerSection #slideBox.detail-banner {
      height: 70vh;
      min-height: 400px;
      max-height: 800px; }
      #bannerSection #slideBox.detail-banner .image-card .image-box {
        height: 70vh;
        min-height: 400px;
        max-height: 800px; }
      @media screen and (max-width: 768px) {
        #bannerSection #slideBox.detail-banner {
          height: 50vh;
          min-height: 300px; }
          #bannerSection #slideBox.detail-banner .image-card .image-box {
            height: 50vh;
            min-height: 300px; } }
    @media only screen and (max-width: 1920px) {
      #bannerSection #slideBox:not(.new-promotion):not(.detail-banner) {
        height: calc( 600px - calc(calc(1920px - 100vw) * calc(140 / 1545))) !important; }
        #bannerSection #slideBox:not(.new-promotion):not(.detail-banner) .image-card .image-box {
          height: calc( 600px - calc(calc(1920px - 100vw) * calc(140 / 1545))) !important; } }
    @media screen and (max-width: 640px) {
      #bannerSection #slideBox .slider-control-centerleft {
        display: none; }
      #bannerSection #slideBox .slider-control-centerright {
        display: none; } }
    #bannerSection #slideBox .slider-list {
      cursor: unset !important;
      margin: 0 !important; }
    #bannerSection #slideBox .image-card {
      display: flex;
      flex-wrap: wrap; }
      #bannerSection #slideBox .image-card .image-box {
        width: 100%;
        max-height: 600px; }
        #bannerSection #slideBox .image-card .image-box.detail-banner {
          max-height: 800px; }
        #bannerSection #slideBox .image-card .image-box img {
          width: 100%;
          height: 100%;
          object-fit: cover; }
    #bannerSection #slideBox .slider-control-centerleft {
      margin-left: 20px !important; }
      #bannerSection #slideBox .slider-control-centerleft #leftControl {
        cursor: pointer;
        width: 40px;
        height: 60px;
        padding: 11px 8px;
        background-color: rgba(255, 255, 255, 0.6);
        font-size: 24px;
        color: #ee347f; }
        #bannerSection #slideBox .slider-control-centerleft #leftControl.disabled {
          opacity: 0.5; }
    #bannerSection #slideBox .slider-control-centerright {
      margin-right: 20px !important; }
      #bannerSection #slideBox .slider-control-centerright #rightControl {
        cursor: pointer;
        width: 40px;
        height: 60px;
        padding: 11px 8px;
        background-color: rgba(255, 255, 255, 0.6);
        font-size: 24px;
        color: #ee347f; }
        #bannerSection #slideBox .slider-control-centerright #rightControl.disabled {
          opacity: 0.5; }
    #bannerSection #slideBox .slider-control-bottomcenter {
      top: 20px !important;
      right: 20px !important;
      bottom: 0px !important;
      left: auto !important;
      height: 26px !important;
      transform: none !important; }
      #bannerSection #slideBox .slider-control-bottomcenter #bottomControl {
        display: inline-flex; }
        #bannerSection #slideBox .slider-control-bottomcenter #bottomControl #controlDisplay {
          width: 45px;
          height: 26px;
          padding: 0px 10px;
          border-radius: 12px;
          border: solid 1px #ebebeb;
          background-color: rgba(255, 255, 255, 0.7); }
          #bannerSection #slideBox .slider-control-bottomcenter #bottomControl #controlDisplay .control-text {
            font-family: "FC-Iconic-Regular", sans-serif;
            font-size: 14px; }

.faq-main {
  background: #FFF8FA;
  min-height: 83vh;
  width: 100%;
  overflow-x: hidden; }
  .faq-main .faq-container {
    width: 100%;
    max-width: 1280px;
    margin: 0 auto; }
    @media screen and (min-width: 768px) {
      .faq-main .faq-container {
        padding: 0 16px; } }
    @media screen and (max-width: 640px) {
      .faq-main .faq-container {
        padding: 0 20px; } }
  .faq-main .faq-header-section {
    background: white;
    padding: 40px 0;
    margin-left: calc(-50vw + 50%);
    margin-right: calc(-50vw + 50%);
    padding-left: calc(50vw - 50%);
    padding-right: calc(50vw - 50%); }
    .faq-main .faq-header-section .faq-header {
      text-align: center;
      margin-bottom: 40px; }
      .faq-main .faq-header-section .faq-header .faq-title {
        font-family: "FC-Iconic-Medium", sans-serif;
        font-size: 32px;
        font-weight: 700;
        color: #FA4786;
        margin: 0;
        letter-spacing: -0.5px; }
        @media (max-width: 768px) {
          .faq-main .faq-header-section .faq-header .faq-title {
            font-size: 24px; } }
    @media (max-width: 768px) {
      .faq-main .faq-header-section {
        padding: 20px 0 30px; }
        .faq-main .faq-header-section .faq-header {
          margin-bottom: 30px; } }
  .faq-main .faq-content-area {
    padding: 40px 0 80px; }
    @media (max-width: 768px) {
      .faq-main .faq-content-area {
        padding: 20px 0 40px; } }

.filter-group {
  position: relative; }
  .filter-group .filter-label {
    position: absolute;
    top: -8px;
    left: 16px;
    padding: 0 8px;
    font-size: 12px;
    color: #94a3b8;
    font-family: "FC-Iconic-light", sans-serif;
    font-weight: 400 !important;
    z-index: 1;
    pointer-events: none; }
  @media (max-width: 768px) {
    .filter-group .filter-label {
      font-size: 11px;
      left: 12px;
      top: -7px; } }

.search-wrapper {
  position: relative; }
  .search-wrapper .search-input {
    background: white;
    border: 2px solid #cbd5e1;
    border-radius: 20px;
    padding: 14px 50px 14px 20px;
    font-size: 16px;
    color: #1e293b;
    transition: all 0.2s ease;
    width: 100%;
    outline: none; }
    .search-wrapper .search-input::placeholder {
      color: #94a3b8;
      font-weight: 400; }
    .search-wrapper .search-input:hover {
      border-color: #94a3b8;
      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08); }
    .search-wrapper .search-input:focus {
      border-color: #e91e63;
      box-shadow: 0 0 0 3px rgba(233, 30, 99, 0.1); }
    @media (max-width: 768px) {
      .search-wrapper .search-input {
        padding: 12px 40px 12px 16px;
        font-size: 15px;
        border-radius: 16px; } }
  .search-wrapper .search-icon {
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
    color: #94a3b8;
    pointer-events: none; }
    .search-wrapper .search-icon svg {
      width: 20px;
      height: 20px; }
    @media (max-width: 768px) {
      .search-wrapper .search-icon {
        right: 12px; }
        .search-wrapper .search-icon svg {
          width: 18px;
          height: 18px; } }

.faq-tabs .tab-navigation {
  display: flex;
  justify-content: center;
  gap: 8px;
  margin-bottom: 0;
  flex-wrap: wrap; }
  @media (max-width: 768px) {
    .faq-tabs .tab-navigation {
      flex-wrap: nowrap;
      overflow-x: auto;
      overflow-y: hidden;
      padding: 6px 20px;
      margin: 0 -20px;
      scrollbar-width: none;
      -ms-overflow-style: none;
      -webkit-overflow-scrolling: touch; }
      .faq-tabs .tab-navigation::-webkit-scrollbar {
        display: none; } }
  @media (max-width: 480px) {
    .faq-tabs .tab-navigation {
      flex-wrap: nowrap;
      overflow-x: auto;
      overflow-y: hidden;
      justify-content: flex-start;
      padding: 6px 20px;
      margin: 0 -20px;
      scrollbar-width: none;
      -ms-overflow-style: none;
      -webkit-overflow-scrolling: touch; }
      .faq-tabs .tab-navigation::-webkit-scrollbar {
        display: none; } }
  .faq-tabs .tab-navigation .tab-button {
    background: #E6EAF1;
    border: none;
    border-radius: 20px;
    padding: 16px 24px;
    font-family: "FC-Iconic-Regular", sans-serif;
    font-size: 20px;
    font-weight: 500;
    line-height: 30px;
    letter-spacing: 0%;
    text-align: center;
    color: #002D72;
    cursor: pointer;
    transition: all 0.3s ease;
    width: 195px;
    height: 62px;
    display: flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap; }
    .faq-tabs .tab-navigation .tab-button:hover {
      background: #d1d9e6;
      transform: translateY(-1px); }
    .faq-tabs .tab-navigation .tab-button.active {
      background: #FFEDF3;
      color: #FA4786; }
    @media (max-width: 768px) {
      .faq-tabs .tab-navigation .tab-button {
        padding: 12px 16px;
        font-size: 16px;
        line-height: 24px;
        width: 120px;
        height: 48px;
        flex-shrink: 0;
        border-radius: 16px; }
        .faq-tabs .tab-navigation .tab-button:first-child {
          margin-left: 20px; }
        .faq-tabs .tab-navigation .tab-button:last-child {
          margin-right: 20px; }
        .faq-tabs .tab-navigation .tab-button:hover {
          transform: none; } }
  @media (max-width: 768px) {
    .faq-tabs .tab-navigation {
      gap: 6px; } }

.faq-tabs .filters-section {
  margin-bottom: 30px;
  max-width: 1196px;
  margin-right: auto; }
  .faq-tabs .filters-section .filter-row {
    display: grid;
    grid-template-columns: 1fr 3fr;
    gap: 24px;
    align-items: end; }
    @media (max-width: 768px) {
      .faq-tabs .filters-section .filter-row {
        grid-template-columns: 1fr;
        gap: 20px; } }
  .faq-tabs .filters-section .filter-group {
    display: flex;
    flex-direction: column;
    gap: 8px;
    position: relative; }
    .faq-tabs .filters-section .filter-group .filter-label {
      font-family: "FC-Iconic-Regular", sans-serif;
      font-size: 14px;
      font-weight: 600;
      line-height: 1.4;
      letter-spacing: 0%;
      color: #B0BED3;
      margin-bottom: 4px;
      background: #ffff; }
    .faq-tabs .filters-section .filter-group .filter-select {
      border: 2px solid #e2e8f0;
      border-radius: 8px;
      padding: 12px 16px;
      padding-right: 40px;
      font-family: "FC-Iconic-Regular", sans-serif;
      font-size: 16px;
      font-weight: 400;
      line-height: 1.5;
      letter-spacing: 0%;
      color: #002D72;
      background: white;
      cursor: pointer;
      transition: all 0.2s ease;
      appearance: none;
      -webkit-appearance: none;
      -moz-appearance: none; }
      .faq-tabs .filters-section .filter-group .filter-select:focus {
        outline: none;
        background: white;
        box-shadow: 0 0 0 3px rgba(233, 30, 99, 0.1); }
      .faq-tabs .filters-section .filter-group .filter-select:hover {
        border-color: #cbd5e1; }
      .faq-tabs .filters-section .filter-group .filter-select option {
        padding: 8px;
        font-family: "FC-Iconic-Regular", sans-serif; }
    .faq-tabs .filters-section .filter-group::after {
      content: "";
      position: absolute;
      top: 23%;
      right: 16px;
      transform: translateY(-50%) translateY(10px) rotate(45deg);
      width: 6px;
      height: 6px;
      border-right: 2px solid #002D72;
      border-bottom: 2px solid #002D72;
      pointer-events: none;
      transition: border-color 0.2s ease; }
    .filter-select:focus ~ .faq-tabs .filters-section .filter-group::after, .faq-tabs .filters-section .filter-group:has(.filter-select:focus)::after {
      border-color: #e91e63; }
    .faq-tabs .filters-section .filter-group .search-wrapper {
      position: relative; }
      .faq-tabs .filters-section .filter-group .search-wrapper .search-input {
        width: 100%;
        background: #f8fafc;
        border: 2px solid #e2e8f0;
        border-radius: 8px;
        padding: 12px 16px 12px 44px;
        font-family: "FC-Iconic-Regular", sans-serif;
        font-size: 14px;
        font-weight: 400;
        line-height: 1.5;
        letter-spacing: 0%;
        color: #1e293b;
        transition: all 0.2s ease; }
        .faq-tabs .filters-section .filter-group .search-wrapper .search-input::placeholder {
          color: #94a3b8;
          font-family: "FC-Iconic-Regular", sans-serif; }
        .faq-tabs .filters-section .filter-group .search-wrapper .search-input:focus {
          outline: none;
          border-color: #e91e63;
          background: white;
          box-shadow: 0 0 0 3px rgba(233, 30, 99, 0.1); }
        .faq-tabs .filters-section .filter-group .search-wrapper .search-input:hover {
          border-color: #cbd5e1; }
      .faq-tabs .filters-section .filter-group .search-wrapper .search-icon {
        position: absolute;
        left: 14px;
        top: 23%;
        transform: translateY(-50%);
        color: #94a3b8;
        pointer-events: none;
        width: 16px;
        height: 16px; }
        .faq-tabs .filters-section .filter-group .search-wrapper .search-icon::before {
          content: "";
          position: absolute;
          width: 10px;
          height: 10px;
          border: 2px solid currentColor;
          border-radius: 50%;
          top: 1px;
          left: 1px; }
        .faq-tabs .filters-section .filter-group .search-wrapper .search-icon::after {
          content: "";
          position: absolute;
          width: 2px;
          height: 5px;
          background: currentColor;
          transform: rotate(45deg);
          top: 9px;
          left: 9px; }
  @media (max-width: 768px) {
    .faq-tabs .filters-section {
      padding: 20px;
      margin-bottom: 25px; } }

.faq-list {
  margin: 0 auto; }
  .faq-list .category-header,
  .faq-list .product-header {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 24px;
    padding-left: 0; }
    .faq-list .category-header .category-title,
    .faq-list .category-header .product-title,
    .faq-list .product-header .category-title,
    .faq-list .product-header .product-title {
      font-family: "FC-Iconic-Medium", sans-serif;
      font-size: 20px;
      font-weight: 700;
      color: #e91e63;
      margin: 0; }
    .faq-list .category-header .faq-count,
    .faq-list .product-header .faq-count {
      font-family: "FC-Iconic-Regular", sans-serif;
      font-size: 14px;
      color: #64748b;
      font-weight: 500; }
    @media (max-width: 768px) {
      .faq-list .category-header .category-title,
      .faq-list .category-header .product-title,
      .faq-list .product-header .category-title,
      .faq-list .product-header .product-title {
        font-size: 18px; }
      .faq-list .category-header .faq-count,
      .faq-list .product-header .faq-count {
        font-size: 13px; } }
  .faq-list .product-group {
    margin-bottom: 40px; }
    .faq-list .product-group:last-child {
      margin-bottom: 0; }
    .faq-list .product-group .product-header .product-title {
      font-size: 24px;
      font-family: "FC-Iconic-Medium", sans-serif;
      font-weight: 700;
      color: #FA4786; }
  .faq-list .faq-items {
    display: flex;
    flex-direction: column;
    gap: 12px; }
  .faq-list .no-results {
    text-align: center;
    padding: 60px 20px; }
    .faq-list .no-results .no-results-icon {
      display: inline-flex;
      justify-content: center;
      align-items: center;
      width: 80px;
      height: 80px;
      border-radius: 50%;
      margin-bottom: 10px;
      color: #94a3b8; }
      .faq-list .no-results .no-results-icon svg {
        width: 48px;
        height: 48px; }
    .faq-list .no-results .no-results-title {
      font-family: "FC-Iconic-Regular", sans-serif;
      font-size: 20px;
      font-weight: 600;
      color: #374151;
      margin: 0 0 8px 0; }
    .faq-list .no-results .no-results-desc {
      font-size: 14px;
      color: #6b7280;
      margin: 0;
      line-height: 1.5; }
    @media (max-width: 768px) {
      .faq-list .no-results {
        padding: 40px 20px; }
        .faq-list .no-results .no-results-icon {
          width: 60px;
          height: 60px;
          margin-bottom: 16px; }
          .faq-list .no-results .no-results-icon svg {
            width: 36px;
            height: 36px; }
        .faq-list .no-results .no-results-title {
          font-size: 18px; }
        .faq-list .no-results .no-results-desc {
          font-size: 13px; } }
  @media (max-width: 768px) {
    .faq-list .faq-items {
      gap: 10px; }
    .faq-list .product-group {
      margin-bottom: 30px; } }

.faq-item {
  background: white;
  border-radius: 12px;
  overflow: hidden;
  transition: all 0.3s ease; }
  .faq-item:hover {
    transform: translateY(-1px); }
  .faq-item .faq-question {
    font-family: "FC-Iconic-Regular", sans-serif;
    width: 100%;
    background: transparent;
    border: none;
    padding: 20px 24px;
    text-align: left;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    transition: all 0.2s ease; }
    .faq-item .faq-question:hover {
      background: #FFEDF3; }
    .faq-item .faq-question:focus {
      outline-offset: -2px; }
    .faq-item .faq-question.active {
      background: #FFEDF3; }
    .faq-item .faq-question .question-content {
      flex: 1; }
      .faq-item .faq-question .question-content .question-title {
        font-family: "FC-Iconic-Regular", sans-serif;
        font-size: 20px;
        font-weight: 500;
        color: #002D72;
        margin: 0;
        line-height: 1.5;
        text-align: left; }
    .faq-item .faq-question .expand-icon {
      flex-shrink: 0;
      color: #002D72;
      transition: transform 0.3s ease;
      display: flex;
      align-items: center;
      justify-content: center; }
      .faq-item .faq-question .expand-icon.rotated {
        transform: rotate(180deg);
        color: #FA4786; }
      .faq-item .faq-question .expand-icon svg {
        width: 24px;
        height: 24px; }
    @media (max-width: 768px) {
      .faq-item .faq-question {
        padding: 16px 20px;
        gap: 12px; }
        .faq-item .faq-question .question-content .question-title {
          font-size: 16px; }
        .faq-item .faq-question .expand-icon svg {
          width: 20px;
          height: 20px; } }
  .faq-item .faq-answer {
    overflow: hidden;
    max-height: 0;
    transition: max-height 0.3s ease; }
    .faq-item .faq-answer.visible {
      max-height: 1000px; }
    .faq-item .faq-answer .answer-content {
      padding: 0 24px 24px;
      border-top: 1px solid #f1f5f9; }
      .faq-item .faq-answer .answer-content .answer-text {
        font-family: "FC-Iconic-light", sans-serif;
        font-weight: 400;
        font-size: 18px;
        line-height: 1.7;
        color: #002D72;
        margin-top: 16px; }
        .faq-item .faq-answer .answer-content .answer-text p {
          margin: 0 0 12px 0; }
          .faq-item .faq-answer .answer-content .answer-text p:last-child {
            margin-bottom: 0; }
        .faq-item .faq-answer .answer-content .answer-text br {
          display: block;
          margin: 8px 0; }
        .faq-item .faq-answer .answer-content .answer-text strong {
          font-weight: 600;
          color: #334155; }
        .faq-item .faq-answer .answer-content .answer-text ul, .faq-item .faq-answer .answer-content .answer-text ol {
          margin: 12px 0;
          padding-left: 20px; }
          .faq-item .faq-answer .answer-content .answer-text ul li, .faq-item .faq-answer .answer-content .answer-text ol li {
            margin-bottom: 8px; }
        .faq-item .faq-answer .answer-content .answer-text a {
          color: #e91e63;
          text-decoration: underline; }
          .faq-item .faq-answer .answer-content .answer-text a:hover {
            text-decoration: none; }
      @media (max-width: 768px) {
        .faq-item .faq-answer .answer-content {
          padding: 0 20px 20px; }
          .faq-item .faq-answer .answer-content .answer-text {
            font-size: 16px;
            margin-top: 14px; }
            .faq-item .faq-answer .answer-content .answer-text p {
              margin-bottom: 10px; }
            .faq-item .faq-answer .answer-content .answer-text br {
              margin: 6px 0; }
            .faq-item .faq-answer .answer-content .answer-text ul, .faq-item .faq-answer .answer-content .answer-text ol {
              margin: 10px 0;
              padding-left: 16px; }
              .faq-item .faq-answer .answer-content .answer-text ul li, .faq-item .faq-answer .answer-content .answer-text ol li {
                margin-bottom: 6px; } }
  @media (max-width: 768px) {
    .faq-item {
      border-radius: 10px; }
      .faq-item:hover {
        transform: none; } }

#condition {
  padding: 20px 0px;
  width: 100%;
  margin-left: auto;
  margin-right: auto; }
  #condition .text-box-ele {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    max-width: 1280px;
    padding: 0 12.5px; }
    @media screen and (max-width: 640px) {
      #condition .text-box-ele {
        padding: 0 7.5px; } }
    #condition .text-box-ele .text-group {
      width: 50%;
      padding: 10px 7.5px; }
      @media screen and (max-width: 640px) {
        #condition .text-box-ele .text-group {
          width: 100%; } }
      #condition .text-box-ele .text-group .title {
        font-family: "FC-Iconic-Regular";
        font-size: 18px;
        font-weight: 500;
        color: #ee347f;
        font-weight: bold;
        margin-bottom: 10px; }
      #condition .text-box-ele .text-group .text-box {
        font-family: "Sarabun-Medium";
        font-size: 14px;
        font-weight: 500;
        color: #333;
        line-height: 1.71; }
        #condition .text-box-ele .text-group .text-box .line {
          display: flex;
          margin-left: 15px; }
          #condition .text-box-ele .text-group .text-box .line .number {
            margin-right: 10px; }

#shareSocial .share-dt {
  display: flex;
  justify-content: center; }
  #shareSocial .share-dt .btn-share {
    margin-left: 10px; }
    #shareSocial .share-dt .btn-share .image-social-logo {
      width: 30px;
      height: 30px; }
      #shareSocial .share-dt .btn-share .image-social-logo img {
        width: 100%;
        height: 100%; }

#shareSocial .btn-share-mb {
  position: fixed;
  z-index: 1;
  right: 29.5px;
  bottom: 160px;
  width: 50px;
  height: 50px;
  background-color: #002d72;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 1;
  cursor: pointer; }
  #shareSocial .btn-share-mb:hover {
    opacity: 0.9; }
  #shareSocial .btn-share-mb .icon-sl-share {
    color: #fff;
    font-size: 18px; }

#shareSocial .backdrop-share {
  position: fixed;
  left: 0;
  top: 0;
  width: 0;
  height: 0; }
  #shareSocial .backdrop-share .share-mb {
    position: fixed;
    right: 39.5px;
    bottom: 210px;
    height: 0px;
    overflow: hidden;
    transition: all 0.5s; }
    #shareSocial .backdrop-share .share-mb .image-social-logo {
      width: 30px;
      height: 30px; }
      #shareSocial .backdrop-share .share-mb .image-social-logo img {
        width: 100%;
        height: 100%; }
  #shareSocial .backdrop-share.active {
    left: 0;
    top: 0;
    width: 100vw;
    height: 100vh;
    z-index: 10000;
    background-color: rgba(0, 0, 0, 0.35); }
    #shareSocial .backdrop-share.active .share-mb {
      height: 117px; }

#headerSection {
  width: 800px;
  max-width: 800px;
  margin-left: auto;
  margin-right: auto; }
  @media screen and (max-width: 800px) {
    #headerSection {
      width: 100%;
      max-width: 800px; } }
  @media screen and (max-width: 640px) {
    #headerSection {
      padding: 0 16px; } }
  #headerSection .title-box {
    position: relative; }
    #headerSection .title-box .header {
      font-family: "FC-Iconic-Medium";
      font-size: 28px;
      font-weight: 500;
      color: #ee347f;
      margin-top: 30px;
      margin-bottom: 0; }
    #headerSection .title-box .header-v2 {
      font-family: "FC-Iconic-Bold";
      font-size: 36px;
      font-weight: 500;
      color: #353536;
      margin-top: 30px;
      margin-bottom: 0; }
      @media screen and (max-width: 640px) {
        #headerSection .title-box .header-v2 {
          font-family: "FC-Iconic-Bold";
          font-size: 24px;
          font-weight: 500;
          color: #353536; } }
    #headerSection .title-box .content-date {
      font-family: "FC-Iconic-Light";
      font-size: 16px;
      font-weight: 500;
      color: #9b9b9b;
      display: flex;
      margin-top: 20px; }
      #headerSection .title-box .content-date i {
        padding-top: 4px;
        margin-right: 5px; }
      @media screen and (max-width: 640px) {
        #headerSection .title-box .content-date {
          font-family: "FC-Iconic-Light";
          font-size: 14px;
          font-weight: 500;
          color: #9b9b9b;
          margin-top: 8px; } }
    #headerSection .title-box .share-bar {
      position: absolute;
      right: 0;
      top: 50px; }
    #headerSection .title-box .tag-box {
      margin-top: 20px;
      display: flex;
      text-decoration: none;
      width: fit-content; }
      @media screen and (max-width: 640px) {
        #headerSection .title-box .tag-box {
          margin-top: 8px; } }
      #headerSection .title-box .tag-box .tag-text {
        padding: 8px 16px 8px 16px;
        border-radius: 12px;
        font-family: "FC-Iconic-Regular", sans-serif;
        font-size: 16px;
        font-weight: 500;
        color: #ee347f;
        background: #FFEDF3; }
        @media screen and (max-width: 640px) {
          #headerSection .title-box .tag-box .tag-text {
            font-size: 14px; } }
  #headerSection .underline {
    width: 100px;
    height: 2px;
    background-color: #243871;
    margin-top: 30px; }

#contentSection {
  width: 100%;
  margin-left: auto;
  margin-right: auto; }
  #contentSection.full-screen {
    max-width: unset !important;
    padding: 0 !important; }
  #contentSection .title-box .header {
    font-family: "FC-Iconic-Medium";
    font-size: 28px;
    font-weight: 500;
    color: #ee347f;
    margin-top: 30px; }
  #contentSection .title-box .content-date {
    font-family: "Sarabun-Regular";
    font-size: 16px;
    font-weight: 500;
    color: #9b9b9b;
    display: flex;
    margin-top: 10px; }
    #contentSection .title-box .content-date i {
      padding-top: 4px;
      margin-right: 5px; }
  #contentSection .underline {
    width: 100px;
    height: 2px;
    background-color: #243871;
    margin-top: 30px; }
  #contentSection .section-group {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap; }
    @media screen and (max-width: 768px) and (min-width: 481px) {
      #contentSection .section-group {
        flex-wrap: nowrap;
        overflow-x: auto;
        overflow-y: hidden;
        scroll-behavior: smooth;
        -webkit-overflow-scrolling: touch;
        scroll-snap-type: x mandatory;
        gap: 15px;
        -ms-overflow-style: none;
        scrollbar-width: none; }
        #contentSection .section-group::-webkit-scrollbar {
          display: none; }
        #contentSection .section-group .section-box, #contentSection .section-group .content-text {
          min-width: calc(50% - 20px);
          max-width: calc(50% - 20px);
          scroll-snap-align: start;
          margin-right: 0;
          padding: 0; } }
    @media screen and (max-width: 480px) {
      #contentSection .section-group {
        flex-wrap: nowrap;
        overflow-x: auto;
        overflow-y: hidden;
        scroll-behavior: smooth;
        -webkit-overflow-scrolling: touch;
        scroll-snap-type: x mandatory;
        gap: 15px;
        -ms-overflow-style: none;
        scrollbar-width: none; }
        #contentSection .section-group::-webkit-scrollbar {
          display: none; }
        #contentSection .section-group .section-box, #contentSection .section-group .content-text {
          flex: 0 0 calc(100vw - 40px);
          min-width: calc(100vw - 40px);
          max-width: calc(100vw - 40px);
          scroll-snap-align: start;
          margin-right: 0;
          padding: 0; } }
    #contentSection .section-group .content-text {
      margin: 15px auto !important;
      max-width: 800px !important;
      text-align: left !important;
      width: 800px !important;
      flex: 0 0 calc(100vw - 40px);
      font-family: "Sarabun-Light";
      font-size: 18px;
      font-weight: 500;
      color: #353536; }
      @media screen and (max-width: 640px) {
        #contentSection .section-group .content-text {
          font-family: "Sarabun-Light";
          font-size: 16px;
          font-weight: 500;
          color: #353536;
          max-width: 100% !important; } }
    #contentSection .section-group .section-box {
      width: 100%;
      max-width: 1280px;
      margin-top: 15px;
      margin-bottom: 15px; }
      #contentSection .section-group .section-box.no-top {
        margin-top: 0px !important; }
      @media screen and (max-width: 768px) {
        #contentSection .section-group .section-box {
          padding: 0; } }
      #contentSection .section-group .section-box.picture-container {
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
        max-width: 800px;
        margin-left: auto;
        margin-right: auto;
        flex: 0 0 calc(108vw - 40px); }
        #contentSection .section-group .section-box.picture-container .picture-component {
          width: 100%;
          max-width: 600px;
          height: auto; }
          #contentSection .section-group .section-box.picture-container .picture-component img {
            width: 100%;
            height: auto;
            max-width: 100%;
            border-radius: 8px;
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); }
        @media screen and (max-width: 768px) {
          #contentSection .section-group .section-box.picture-container {
            max-width: 100%; }
            #contentSection .section-group .section-box.picture-container .picture-component {
              max-width: 500px; } }
        @media screen and (max-width: 480px) {
          #contentSection .section-group .section-box.picture-container .picture-component {
            max-width: 100%; } }

@charset "UTF-8";
#formRegis {
  padding: 0 0 0px;
  margin: 15px 0; }
  @media screen and (max-width: 640px) {
    #formRegis {
      padding: 0 11px 0px; } }
  #formRegis #formBox {
    width: 100%;
    max-width: 620px;
    margin-left: auto;
    margin-right: auto;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.5s; }
    #formRegis #formBox.showform {
      max-height: 1000px;
      transition: max-height 0.3s; }
    @media screen and (max-width: 679px) {
      #formRegis #formBox {
        width: 100%; } }
    #formRegis #formBox .title {
      font-family: "FC-Iconic-Medium";
      font-size: 22px;
      font-weight: 500;
      color: #333333;
      width: fit-content;
      margin-left: auto;
      margin-right: auto; }
    #formRegis #formBox .text-validate {
      font-family: "FC-Iconic-Medium";
      font-size: 14px;
      font-weight: 500;
      color: #333333;
      width: fit-content;
      margin-left: auto;
      margin-right: auto;
      color: #e02020; }
    #formRegis #formBox .form-group-box {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      margin: 20px 0; }
      #formRegis #formBox .form-group-box .input-box {
        width: 100%;
        max-width: 285px;
        margin: 10px 5px; }
        @media screen and (max-width: 679px) {
          #formRegis #formBox .form-group-box .input-box {
            width: 100%; }
            #formRegis #formBox .form-group-box .input-box .input-form {
              height: 45px !important; } }
        #formRegis #formBox .form-group-box .input-box .input-form {
          font-family: "FC-Iconic-Regular", sans-serif;
          font-weight: normal;
          font-size: 14px;
          width: 100%;
          height: 35px;
          border-radius: 4px;
          border: solid 1px #c4c4c4;
          background-color: #ffffff;
          padding: 0 10px;
          color: #000000; }
          #formRegis #formBox .form-group-box .input-box .input-form:focus {
            border-color: #243871;
            outline: none !important;
            transition: all 0.2s; }
          #formRegis #formBox .form-group-box .input-box .input-form.invalid {
            border: 1px solid #e02020;
            transition: all 0.2s; }
          #formRegis #formBox .form-group-box .input-box .input-form.disabled {
            opacity: 0.5;
            transition: all 0.2s; }
          #formRegis #formBox .form-group-box .input-box .input-form.invalid-box {
            border: 1px solid #243871;
            transition: all 0.2s; }
        #formRegis #formBox .form-group-box .input-box .input-select {
          user-select: none !important;
          cursor: default;
          background-color: #F1F1EF; }
        #formRegis #formBox .form-group-box .input-box .input-select:focus {
          outline: none; }
        #formRegis #formBox .form-group-box .input-box.invalid-phone-box:after {
          position: absolute;
          content: "\E23\E39\E1B\E41\E1A\E1A\E2B\E21\E32\E22\E40\E25\E02\E42\E17\E23\E28\E31\E1E\E17\E4C\E44\E21\E48\E16\E39\E01\E15\E49\E2D\E07";
          font-size: 12px;
          font-weight: 400;
          line-height: 17px;
          border-radius: 4px;
          color: #FA4786;
          padding: 5px;
          display: block;
          background-color: #FFEBF6;
          opacity: 0;
          transition: all 0.2s; }
        #formRegis #formBox .form-group-box .input-box.invalid-name-box:after {
          position: absolute;
          content: "\E01\E23\E38\E13\E32\E01\E23\E2D\E01\E0A\E37\E48\E2D-\E19\E32\E21\E2A\E01\E38\E25\E40\E1B\E47\E19\E20\E32\E29\E32\E44\E17\E22";
          font-size: 12px;
          font-weight: 400;
          line-height: 17px;
          border-radius: 4px;
          color: #FA4786;
          padding: 5px;
          display: block;
          background-color: #FFEBF6;
          opacity: 0;
          transition: all 0.2s;
          z-index: 1; }
        #formRegis #formBox .form-group-box .input-box.show:after {
          opacity: 1; }
      #formRegis #formBox .form-group-box .input-box-short {
        width: 100%;
        max-width: 582px;
        margin: 10px 5px; }
        @media screen and (max-width: 679px) {
          #formRegis #formBox .form-group-box .input-box-short {
            max-width: 285px;
            width: 100%; }
            #formRegis #formBox .form-group-box .input-box-short .input-form {
              height: 45px !important; } }
        #formRegis #formBox .form-group-box .input-box-short .input-form {
          font-family: "FC-Iconic-Regular", sans-serif;
          font-weight: normal;
          font-size: 14px;
          width: 100%;
          height: 35px;
          border-radius: 4px;
          border: solid 1px #c4c4c4;
          background-color: #ffffff;
          padding: 0 10px;
          color: #000000; }
          #formRegis #formBox .form-group-box .input-box-short .input-form:focus {
            border-color: #243871;
            outline: none !important;
            transition: all 0.2s; }
          #formRegis #formBox .form-group-box .input-box-short .input-form.invalid {
            border: 1px solid #e02020;
            transition: all 0.2s; }
          #formRegis #formBox .form-group-box .input-box-short .input-form.disabled {
            opacity: 0.5;
            transition: all 0.2s; }
          #formRegis #formBox .form-group-box .input-box-short .input-form.invalid-box {
            border: 1px solid #243871;
            transition: all 0.2s; }
        #formRegis #formBox .form-group-box .input-box-short .input-select {
          user-select: none !important;
          cursor: default;
          background-color: #F1F1EF; }
        #formRegis #formBox .form-group-box .input-box-short .input-select:focus {
          outline: none; }
        #formRegis #formBox .form-group-box .input-box-short.invalid-phone-box:after {
          position: absolute;
          content: "\E23\E39\E1B\E41\E1A\E1A\E2B\E21\E32\E22\E40\E25\E02\E42\E17\E23\E28\E31\E1E\E17\E4C\E44\E21\E48\E16\E39\E01\E15\E49\E2D\E07";
          font-size: 12px;
          font-weight: 400;
          line-height: 17px;
          border-radius: 4px;
          color: #FA4786;
          padding: 5px;
          display: block;
          background-color: #FFEBF6;
          opacity: 0;
          transition: all 0.2s; }
        #formRegis #formBox .form-group-box .input-box-short.invalid-name-box:after {
          position: absolute;
          content: "\E01\E23\E38\E13\E32\E01\E23\E2D\E01\E0A\E37\E48\E2D-\E19\E32\E21\E2A\E01\E38\E25\E40\E1B\E47\E19\E20\E32\E29\E32\E44\E17\E22";
          font-size: 12px;
          font-weight: 400;
          line-height: 17px;
          border-radius: 4px;
          color: #FA4786;
          padding: 5px;
          display: block;
          background-color: #FFEBF6;
          opacity: 0;
          transition: all 0.2s;
          z-index: 1; }
        #formRegis #formBox .form-group-box .input-box-short.show:after {
          opacity: 1; }
  #formRegis .btn-box {
    margin-left: auto;
    margin-right: auto;
    width: fit-content;
    display: flex;
    flex-wrap: wrap-reverse;
    height: 40px; }
    #formRegis .btn-box div {
      margin-left: auto;
      margin-right: auto; }
  #formRegis .btn-box-policy {
    font-family: "Sarabun-Regular", sans-serif;
    font-weight: 500;
    font-size: 14px;
    text-align: center; }
  #formRegis .btn-cancel {
    margin-right: 10px !important;
    font-family: "FC-Iconic-Regular", sans-serif;
    font-size: 16px;
    color: #333;
    width: 150px;
    text-align: center;
    padding: 8px 0;
    border-radius: 4px;
    background-color: #fff;
    cursor: pointer;
    max-width: 0;
    transition: max-width 0.3s;
    overflow: hidden; }
    #formRegis .btn-cancel.showform {
      max-width: 130px; }
    #formRegis .btn-cancel.disabled {
      cursor: unset !important; }
  #formRegis .noselect {
    -webkit-touch-callout: none;
    /* iOS Safari */
    -webkit-user-select: none;
    /* Safari */
    -khtml-user-select: none;
    /* Konqueror HTML */
    -moz-user-select: none;
    /* Old versions of Firefox */
    -ms-user-select: none;
    /* Internet Explorer/Edge */
    user-select: none;
    /* Non-prefixed version, currently
                                    supported by Chrome, Edge, Opera and Firefox */ }
  #formRegis .btn-confirm {
    font-family: "FC-Iconic-Regular", sans-serif;
    font-size: 16px;
    color: #fff;
    width: 150px;
    text-align: center;
    height: fit-content;
    padding: 8px 0;
    border-radius: 4px;
    background-color: #ee347f;
    cursor: pointer; }
    #formRegis .btn-confirm.disabled {
      cursor: unset !important; }

.alert-bg {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  opacity: 0.7;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  background-color: rgba(0, 0, 0, 0.95);
  z-index: 9999; }

.alert-box {
  position: fixed;
  left: calc(50% - 222.5px);
  top: calc(50% - 111.5px);
  width: 445px;
  border-radius: 4px;
  box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.3);
  background-color: #ffffff;
  margin-left: auto;
  margin-right: auto;
  z-index: 9999;
  padding: 30px 25px; }
  @media screen and (max-width: 640px) {
    .alert-box {
      left: calc(50% - calc(calc(100% - 32px) / 2));
      top: calc(50% - 111.5px);
      width: calc(100% - 32px); } }
  .alert-box .center {
    margin-left: auto;
    margin-right: auto;
    width: fit-content; }
  .alert-box .text {
    margin-top: 20px;
    font-family: "FC-Iconic-Medium", sans-serif;
    font-size: 22px;
    font-weight: 500;
    color: #333333;
    text-align: center; }
  .alert-box .text-sm {
    font-family: "FC-Iconic-Medium", sans-serif;
    font-size: 14px;
    font-weight: 500;
    color: #333333;
    text-align: center; }
  .alert-box i {
    font-size: 58px;
    color: #243871; }
    .alert-box i.icon-sl-fail {
      color: #c4c4c4; }
  .alert-box .btn {
    width: 80px;
    margin-top: 20px;
    padding: 8px 0;
    border-radius: 4px;
    background-color: #ee347f;
    font-family: "FC-Iconic-Medium", sans-serif;
    font-size: 16px;
    font-weight: 500;
    color: white;
    cursor: pointer;
    text-align: center; }

#consentConfirm {
  /* Track */
  /* Handle */
  /* Handle on hover */ }
  #consentConfirm .alert-bg {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    opacity: 0.7;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    background-color: rgba(0, 0, 0, 0.95);
    z-index: 9999; }
  #consentConfirm .alert-consent-box {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    width: 100vw;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center; }
    #consentConfirm .alert-consent-box .alert-consent {
      border-radius: 4px;
      box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.3);
      background-color: #ffffff;
      padding: 30px 20px; }
      #consentConfirm .alert-consent-box .alert-consent .inner-box {
        position: relative !important;
        top: unset !important;
        width: 100%;
        height: 100%; }
      #consentConfirm .alert-consent-box .alert-consent.min {
        width: 620px;
        max-width: calc(100vw - 20px); }
      #consentConfirm .alert-consent-box .alert-consent.max {
        width: 800px;
        max-width: calc(100vw - 32px);
        max-height: calc(100vh - 32px); }
      #consentConfirm .alert-consent-box .alert-consent .title {
        text-align: center;
        font-family: "FC-Iconic-Medium", sans-serif;
        font-size: 22px;
        color: #243871; }
      #consentConfirm .alert-consent-box .alert-consent .notice-box {
        width: 100%;
        min-height: 36px;
        height: auto;
        margin-top: 20px;
        padding: 7px 10px;
        background-color: #ffebf2;
        text-align: center;
        font-family: "FC-Iconic-Medium", sans-serif;
        color: #243871;
        font-size: 14px; }
      #consentConfirm .alert-consent-box .alert-consent .detail-box {
        display: block;
        width: 100%;
        margin-top: 20px;
        height: 100%;
        overflow-y: auto;
        overflow-x: hidden;
        font-family: "Sarabun-Regular", sans-serif;
        font-size: 14px;
        color: #333333;
        line-height: 24px; }
        #consentConfirm .alert-consent-box .alert-consent .detail-box .text-normal {
          font-family: "Sarabun-Regular", sans-serif;
          font-size: 14px;
          color: #333333; }
        #consentConfirm .alert-consent-box .alert-consent .detail-box .text-bold {
          font-family: "Sarabun-Regular", sans-serif;
          font-size: 14px;
          color: #333333;
          font-weight: bold; }
        #consentConfirm .alert-consent-box .alert-consent .detail-box p {
          text-indent: 25px;
          margin: 0px 0px; }
      #consentConfirm .alert-consent-box .alert-consent .command-box {
        display: inline-flex;
        width: 100%; }
        #consentConfirm .alert-consent-box .alert-consent .command-box .btn {
          width: 80px;
          height: 35px;
          margin-top: 20px;
          padding: 8px 0;
          border-radius: 4px;
          font-family: "FC-Iconic-Medium", sans-serif;
          font-size: 14px;
          font-weight: 500;
          color: white;
          cursor: pointer;
          text-align: center; }
          #consentConfirm .alert-consent-box .alert-consent .command-box .btn.not-accept {
            margin-left: auto;
            margin-right: 10px;
            background-color: #333333; }
          #consentConfirm .alert-consent-box .alert-consent .command-box .btn.accept {
            margin-right: auto;
            background-color: #ee347f; }
  #consentConfirm .center {
    margin-left: auto;
    margin-right: auto;
    width: fit-content; }
  #consentConfirm ::-webkit-scrollbar {
    width: 5px; }
  #consentConfirm ::-webkit-scrollbar-track {
    background: #f6f6f6; }
  #consentConfirm ::-webkit-scrollbar-thumb {
    background: #c4c4c4;
    border-radius: 2.5px; }
  #consentConfirm ::-webkit-scrollbar-thumb:hover {
    background: #c4c4c4; }

@media screen and (max-width: 768px) {
  #consentConfirm .title {
    font-size: 14px !important; } }

@media screen and (max-width: 360px) {
  #consentConfirm .title {
    font-size: 14px !important; }
  #consentConfirm .detail-box {
    max-height: calc(100vh - 340px) !important; } }

@media screen and (max-width: 320px) {
  #consentConfirm .title {
    font-size: 14px !important; }
  #consentConfirm .detail-box {
    max-height: calc(100vh - 320px) !important; } }

#loading {
  width: 100%;
  height: 100%;
  z-index: 99999; }

#elementBox {
  position: fixed;
  left: calc(50% - 100px);
  top: calc(50% - 60px);
  width: 198px;
  height: 84px;
  z-index: 99999; }
  @media screen and (max-width: 800px) {
    #elementBox {
      left: calc(50% - 60px);
      width: 130px;
      height: 50px; } }
  #elementBox #outerBox {
    width: 100%;
    height: 100%;
    position: relative; }
    #elementBox #outerBox #innerBox {
      width: 100%;
      height: 100%;
      position: relative; }
    #elementBox #outerBox #colorBox {
      position: absolute;
      width: 0%;
      height: auto;
      overflow: hidden;
      z-index: 9999999;
      transition: width 0.3s; }
    #elementBox #outerBox #grayBox {
      position: absolute; }
    #elementBox #outerBox #progressBox {
      position: absolute;
      bottom: -30px;
      width: 100%; }
      #elementBox #outerBox #progressBox #progressBar {
        display: block;
        width: 0%;
        height: 3px;
        background-color: #efefef;
        transition: width 0.3s; }
      #elementBox #outerBox #progressBox #progressText {
        display: block;
        width: 21px;
        margin-top: 5px;
        margin-left: auto;
        margin-right: auto;
        font-size: 8px;
        color: #fff; }

#mapsModalShare {
  position: fixed;
  width: 100vw;
  height: 100vh;
  top: 0;
  left: 0;
  z-index: 999999;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  background-color: rgba(0, 0, 0, 0.7);
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }
  #mapsModalShare .modal-box {
    position: absolute;
    top: calc(50vh - 100px);
    left: calc(50vw - 235.5px);
    width: 471px;
    border-radius: 4px;
    box-shadow: 0 2px 4px 0 rgba(155, 155, 155, 0.3);
    background-color: #ffffff;
    padding: 20px; }
    #mapsModalShare .modal-box .modal-close {
      cursor: pointer;
      font-size: 18px;
      position: absolute;
      top: 15px;
      right: 15px;
      color: #c4c4c4; }
      #mapsModalShare .modal-box .modal-close:hover {
        color: #000000; }
    #mapsModalShare .modal-box .modal-header {
      margin-top: 13px;
      font-family: "FC-Iconic-Medium", sans-serif;
      font-size: 22px;
      font-weight: 500;
      text-align: center;
      color: #243871; }
    #mapsModalShare .modal-box .modal-content {
      margin-top: 10px;
      text-align: center; }
      #mapsModalShare .modal-box .modal-content .input {
        margin-left: auto;
        margin-right: auto;
        width: 360px; }
        #mapsModalShare .modal-box .modal-content .input .input-form {
          text-align: center;
          width: 100%;
          height: 35px;
          padding: 7px 10px;
          background-color: #ffffff;
          font-family: "FC-Iconic-Regular", sans-serif;
          font-size: 14px;
          border: solid 1px #c4c4c4;
          border-radius: 4px;
          transition: all 0.2s;
          color: #000000; }
          #mapsModalShare .modal-box .modal-content .input .input-form:focus {
            border-color: #243871;
            outline: none !important;
            transition: all 0.2s; }
          #mapsModalShare .modal-box .modal-content .input .input-form::placeholder {
            color: #9b9b9b; }
          #mapsModalShare .modal-box .modal-content .input .input-form.disabled {
            opacity: 0.5;
            transition: all 0.2s; }
        #mapsModalShare .modal-box .modal-content .input .btn-copy {
          cursor: pointer;
          margin-top: 20px;
          border-radius: 4px;
          background-color: #ee347f;
          font-family: "FC-Iconic-Regular", sans-serif;
          font-size: 16px;
          font-weight: 500;
          font-stretch: normal;
          font-style: normal;
          line-height: normal;
          letter-spacing: normal;
          text-align: center;
          color: #ffffff;
          border: none;
          padding: 8px 10px; }
          #mapsModalShare .modal-box .modal-content .input .btn-copy:hover {
            opacity: 0.8; }
          #mapsModalShare .modal-box .modal-content .input .btn-copy:focus {
            border: none;
            outline: none !important;
            transition: all 0.2s; }
        #mapsModalShare .modal-box .modal-content .input .copy-success {
          margin-top: 10px;
          font-size: 14px;
          color: #243871; }

#branchesIndex {
  position: relative; }

.hero-banner-section {
  position: relative;
  display: block;
  width: 100%;
  margin-left: auto;
  margin-right: auto; }

.banner-container {
  position: relative;
  width: 100%;
  height: 100%; }

.carousel-wrapper {
  position: relative;
  width: 100%;
  height: auto; }

.carousel-wrapper .image-card {
  position: relative;
  width: 100%;
  height: 100%; }

.carousel-wrapper .image-card .image-box {
  width: 100%;
  height: auto; }

.carousel-wrapper .image-card .image-box img {
  width: 100%;
  height: auto;
  object-fit: cover; }

.placeholder-banner {
  width: 100%;
  height: 600px;
  background: linear-gradient(135deg, #fa4786, #ff8fab);
  display: flex;
  align-items: center;
  justify-content: center; }

.placeholder-banner .placeholder-content {
  color: white;
  font-size: 2rem;
  font-weight: bold; }

.loan-form-container {
  position: absolute;
  top: 50%;
  right: 10%;
  transform: translateY(-50%);
  z-index: 20; }

@media (max-width: 1440px) {
  .loan-form-container {
    right: 5%; } }

@media (max-width: 1024px) {
  .loan-form-container {
    right: 3%; } }

@media (max-width: 768px) and (min-width: 481px) {
  .hero-banner-section {
    display: flex;
    flex-direction: column; }
  .banner-container {
    position: relative; }
  .loan-form-container {
    position: relative !important;
    transform: none !important;
    top: auto !important;
    right: auto !important;
    margin: 0 auto;
    width: 90%;
    max-width: 500px; } }

@media (max-width: 640px) {
  .loan-form-container {
    width: 95%;
    max-width: 450px; } }

@media (max-width: 480px) {
  .hero-banner-section {
    display: flex;
    flex-direction: column; }
  .banner-container {
    position: relative;
    display: flex;
    flex-direction: column; }
  .carousel-wrapper {
    height: auto;
    order: 1; }
  .carousel-wrapper .image-card .image-box {
    width: 100%;
    height: auto; }
  .carousel-wrapper .image-card .image-box img {
    width: 100%;
    height: auto;
    object-fit: cover; }
  .loan-form-container {
    position: relative !important;
    transform: none !important;
    top: auto !important;
    right: auto !important;
    order: 2;
    margin: 0 auto;
    width: 100%; } }

#loadingMin {
  width: 100%;
  height: 100%;
  z-index: 99999; }
  #loadingMin .lds-ellipsis {
    display: inline-block;
    width: 64px;
    height: 64px;
    position: absolute;
    left: calc(50% - 32px);
    top: calc(50% - 32px); }
    #loadingMin .lds-ellipsis.white div {
      background: white !important; }
    #loadingMin .lds-ellipsis div {
      position: absolute;
      top: 27px;
      width: 11px;
      height: 11px;
      border-radius: 50%;
      background: #243871;
      animation-timing-function: cubic-bezier(0, 1, 1, 0); }
      #loadingMin .lds-ellipsis div:nth-child(1) {
        left: 6px;
        animation: lds-ellipsis1 0.6s infinite; }
      #loadingMin .lds-ellipsis div:nth-child(2) {
        left: 6px;
        animation: lds-ellipsis2 0.6s infinite; }
      #loadingMin .lds-ellipsis div:nth-child(3) {
        left: 26px;
        animation: lds-ellipsis2 0.6s infinite; }
      #loadingMin .lds-ellipsis div:nth-child(4) {
        left: 45px;
        animation: lds-ellipsis3 0.6s infinite; }
  @media only screen and (min-width: 1921px) {
    #loadingMin .lds-ellipsis {
      left: 49.2% !important; } }
  @media only screen and (min-width: 750px) and (max-width: 900px) {
    #loadingMin .lds-ellipsis {
      left: 46.2% !important; } }
  @media only screen and (min-width: 550px) and (max-width: 749px) {
    #loadingMin .lds-ellipsis {
      left: 43.2% !important; } }
  @media only screen and (min-width: 300px) and (max-width: 549px) {
    #loadingMin .lds-ellipsis {
      left: 42.2% !important; } }

@keyframes lds-ellipsis1 {
  0% {
    transform: scale(0); }
  100% {
    transform: scale(1); } }

@keyframes lds-ellipsis3 {
  0% {
    transform: scale(1); }
  100% {
    transform: scale(0); } }

@keyframes lds-ellipsis2 {
  0% {
    transform: translate(0, 0); }
  100% {
    transform: translate(19px, 0); } }

#invoice {
  padding: 40px 0px; }
  #invoice #invoiceBox {
    text-align: center;
    width: 85%;
    height: 70vh;
    margin: 0px auto;
    background-color: #efefef;
    border: 1px solid #cecece;
    border-radius: 15px;
    align-items: center;
    display: flex; }
  #invoice .text-box {
    width: 100%; }
    #invoice .text-box h1 {
      font-size: 2em;
      margin: 0px !important; }
    #invoice .text-box h2 {
      font-size: 1.5em;
      margin: 0px !important; }
  @media screen and (max-width: 1280px) {
    #invoice .text-box {
      padding: 0px 12vw; } }
  @media screen and (max-width: 640px) {
    #invoice .text-box {
      padding: 0px 3vw; } }

#underline {
  width: 100%;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto; }
  #underline.padding {
    padding: 0 20px; }
  @media screen and (max-width: 640px) {
    #underline {
      padding: 0 16px; } }
  #underline .underline-component {
    width: 100px;
    height: 2px;
    background-color: #243871; }

#serviceInformation {
  width: 100%;
  margin-top: 30px;
  margin-bottom: 30px;
  padding: 0 20px; }
  @media screen and (max-width: 640px) {
    #serviceInformation {
      padding: 0 16px; } }
  #serviceInformation .service-name {
    font-family: "FC-Iconic-Medium";
    font-size: 22px;
    font-weight: 500;
    color: #333333;
    width: fit-content;
    margin-left: auto;
    margin-right: auto; }
  #serviceInformation .service-quote {
    margin-top: 30px;
    font-family: "FC-Iconic-Medium";
    font-size: 50px;
    font-weight: 500;
    color: #333333;
    width: fit-content;
    margin-left: auto;
    margin-right: auto; }
  #serviceInformation .choice-box {
    width: 100%;
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-wrap: wrap;
    margin-top: 20px; }
    @media screen and (max-width: 1440px) {
      #serviceInformation .choice-box {
        width: 600px !important; } }
    @media screen and (max-width: 640px) {
      #serviceInformation .choice-box {
        width: 300px !important; } }
    #serviceInformation .choice-box .choice {
      width: 300px;
      display: flex;
      margin: 10px 0; }
      #serviceInformation .choice-box .choice i {
        color: #ff8dbb;
        font-size: 18px; }
      #serviceInformation .choice-box .choice .text {
        margin-left: 10px;
        font-family: "Sarabun-Medium", sans-serif;
        font-size: 14px;
        color: #333333; }
  #serviceInformation .service-information {
    display: flex;
    font-family: "Sarabun-Medium";
    font-size: 16px;
    font-weight: 500;
    color: #333333;
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    text-decoration: none; }
    #serviceInformation .service-information i {
      font-size: 18px;
      color: #243871; }
    #serviceInformation .service-information .text {
      margin-left: 10px;
      color: #243871;
      text-decoration: underline; }
  #serviceInformation hr {
    margin: 30px 0 0;
    width: 100%;
    max-width: 1240px;
    margin-left: auto;
    margin-right: auto; }

#quanlification {
  width: 100%;
  margin: 30px 0 0;
  padding: 15px 20px;
  height: fit-content;
  background-color: #edf1fd; }
  @media screen and (max-width: 640px) {
    #quanlification {
      padding: 15px 16px; } }
  #quanlification .quanlification-box {
    width: 100%;
    max-width: 1240px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-wrap: flex; }
    @media screen and (max-width: 640px) {
      #quanlification .quanlification-box {
        display: block; }
        #quanlification .quanlification-box .card-box {
          width: 100% !important; } }
    #quanlification .quanlification-box .card-box {
      width: 50%;
      height: fit-content;
      padding: 15px 0; }
      #quanlification .quanlification-box .card-box .card {
        width: fit-content;
        margin-left: auto;
        margin-right: auto; }
        #quanlification .quanlification-box .card-box .card .icon {
          width: 120px;
          height: 120px;
          background-color: #fff;
          border-radius: 50%;
          padding: 35px;
          width: fit-content;
          margin-left: auto;
          margin-right: auto; }
          #quanlification .quanlification-box .card-box .card .icon i {
            font-size: 50px;
            color: #ff8dbb; }
        #quanlification .quanlification-box .card-box .card .title {
          margin-top: 20px;
          font-family: "FC-Iconic-Medium";
          font-size: 22px;
          font-weight: 500;
          color: #333333;
          width: fit-content;
          margin-left: auto;
          margin-right: auto;
          width: fit-content;
          margin-left: auto;
          margin-right: auto; }
        #quanlification .quanlification-box .card-box .card ul {
          padding: 0;
          width: fit-content;
          margin-left: auto;
          margin-right: auto;
          margin: 10px 0 0; }
          #quanlification .quanlification-box .card-box .card ul li {
            font-family: "Sarabun-Medium", sans-serif;
            font-size: 14px;
            font-weight: 500;
            color: #333333;
            line-height: 2.14; }

.collapse-card {
  margin: 15px 0;
  max-width: 1280px;
  width: 100%;
  margin-left: auto;
  margin-right: auto; }
  @media screen and (min-width: 768px) {
    .collapse-card {
      padding: 0 16px; } }
  .collapse-card .collapse-header {
    padding: 11px 20px;
    height: 50px;
    background-color: #fff;
    width: 100%;
    display: flex; }
    .collapse-card .collapse-header i {
      margin-left: auto;
      margin-right: 0;
      padding-top: 8px; }

.topic-header {
  margin-top: 5px;
  padding: 11px 20px;
  height: auto;
  background-color: #fff;
  width: 100%;
  display: flex;
  cursor: pointer; }
  @media screen and (max-width: 1280px) {
    .topic-header {
      border: solid 1px #ebebeb; } }
  .topic-header .title {
    font-family: "FC-Iconic-Medium";
    font-size: 18px;
    font-weight: 500;
    color: #333333; }
    .topic-header .title.active {
      color: #ee347f; }
  .topic-header i {
    margin-left: auto;
    margin-right: 0;
    padding-top: 8px;
    font-size: 16px;
    color: #ee347f; }

.topic-content {
  width: 100%;
  padding: 0 20px;
  background-color: #ffebf2;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-in-out; }
  .topic-content.show {
    max-height: 10000px; }
  .topic-content .title {
    font-family: "Sarabun-Bold";
    font-size: 14px;
    font-weight: 500;
    color: #333333;
    margin: 20px 0; }
  .topic-content .detail {
    font-family: "Sarabun-Regular";
    font-size: 14px;
    font-weight: 500;
    color: #333333;
    margin-bottom: 20px; }
    .topic-content .detail ol {
      list-style-type: none;
      counter-reset: item;
      margin: 0;
      padding: 0; }
    .topic-content .detail ol > li {
      display: table;
      counter-increment: item;
      padding-left: 0.4em; }
    .topic-content .detail ol > li:before {
      content: counters(item, ".") ". ";
      display: table-cell;
      padding-right: 0.2em; }
    .topic-content .detail li ol > li {
      margin: 0; }
    .topic-content .detail li ol > li:before {
      content: counters(item, ".") " "; }
    .topic-content .detail a {
      cursor: pointer; }

.consumer-collapse-card {
  margin: 8px 0;
  max-width: 1280px;
  width: 100%;
  margin-left: auto;
  margin-right: auto; }
  .consumer-collapse-card .collapse-header {
    padding: 11px 20px;
    height: 50px;
    background-color: red;
    width: 100%;
    display: flex; }
    .consumer-collapse-card .collapse-header i {
      margin-left: auto;
      margin-right: 0;
      padding-top: 8px; }

.topic-group:not(:last-child) .topic-border {
  border-bottom: solid 1px #ebebeb; }

.topic-group {
  padding: 0 16px;
  background-color: #fff; }
  .topic-group .consumer-topic-header {
    padding: 16px 0;
    height: auto;
    background-color: #fff;
    width: 100%;
    display: flex;
    align-items: center;
    cursor: pointer; }
    .topic-group .consumer-topic-header .title {
      font-family: "Prompt-Medium";
      font-size: 18px;
      font-weight: 500;
      color: #3F4959; }
    .topic-group .consumer-topic-header i {
      margin-left: auto;
      margin-right: 0;
      font-size: 12px;
      color: #8693BF; }
  .topic-group .consumer-topic-content {
    width: 100%;
    background-color: #fff;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-in-out; }
    .topic-group .consumer-topic-content.show {
      padding-top: -11px;
      max-height: 10000px; }
    .topic-group .consumer-topic-content .title {
      font-family: "Sarabun-Bold";
      font-size: 14px;
      font-weight: 500;
      color: #3F4959; }
    .topic-group .consumer-topic-content .detail {
      font-family: "Sarabun-Regular";
      font-size: 14px;
      font-weight: 500;
      color: #3F4959;
      background-color: #FFF5FA;
      border-radius: 10px;
      padding: 16px;
      color: #9194AD;
      margin-bottom: 16px; }
      .topic-group .consumer-topic-content .detail p {
        margin: 0;
        padding: 0;
        line-height: 28px; }
      .topic-group .consumer-topic-content .detail * {
        color: #9194AD !important;
        font-family: "Prompt-Medium", sans-serif !important;
        font-weight: 400; }
      .topic-group .consumer-topic-content .detail *[style*="font-family: Sarabun-Bold;"] {
        font-weight: 500; }
      .topic-group .consumer-topic-content .detail strong {
        font-weight: 500; }
      .topic-group .consumer-topic-content .detail ol {
        list-style-type: none;
        counter-reset: item;
        margin: 0;
        padding: 0; }
      .topic-group .consumer-topic-content .detail ol > li {
        display: table;
        counter-increment: item;
        padding-left: 0.4em; }
      .topic-group .consumer-topic-content .detail ol > li:before {
        content: counters(item, ".") ". ";
        display: table-cell;
        padding-right: 0.2em; }
      .topic-group .consumer-topic-content .detail li ol > li {
        margin: 0; }
      .topic-group .consumer-topic-content .detail li ol > li:before {
        content: counters(item, ".") " "; }
      .topic-group .consumer-topic-content .detail a {
        cursor: pointer; }

@charset "UTF-8";
#formCampaign {
  padding: 0 0 0px;
  margin: 15px 0; }
  @media screen and (max-width: 640px) {
    #formCampaign {
      padding: 0 11px 0px; } }
  #formCampaign #formBox {
    width: 100%;
    max-width: 620px;
    margin-left: auto;
    margin-right: auto;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.5s; }
    #formCampaign #formBox.showform {
      max-height: 1000px;
      transition: max-height 0.3s; }
    @media screen and (max-width: 679px) {
      #formCampaign #formBox {
        width: 100%; } }
    #formCampaign #formBox .title {
      font-family: "FC-Iconic-Medium";
      font-size: 22px;
      font-weight: 500;
      color: #333333;
      width: fit-content;
      margin-left: auto;
      margin-right: auto; }
    #formCampaign #formBox .text-validate {
      font-family: "FC-Iconic-Medium";
      font-size: 14px;
      font-weight: 500;
      color: #333333;
      width: fit-content;
      margin-left: auto;
      margin-right: auto;
      color: #e02020; }
    #formCampaign #formBox .form-group-box {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      margin: 20px 0; }
      #formCampaign #formBox .form-group-box .input-box {
        width: 100%;
        max-width: 285px;
        margin: 10px 5px; }
        #formCampaign #formBox .form-group-box .input-box.full {
          max-width: 570px; }
        @media screen and (max-width: 679px) {
          #formCampaign #formBox .form-group-box .input-box {
            width: 100%; }
            #formCampaign #formBox .form-group-box .input-box.full {
              max-width: 285px; }
            #formCampaign #formBox .form-group-box .input-box .input-form {
              height: 45px !important; } }
        #formCampaign #formBox .form-group-box .input-box .input-row {
          display: flex;
          column-gap: 5px;
          margin-top: 10px;
          width: fit-content; }
          #formCampaign #formBox .form-group-box .input-box .input-row .input-radio, #formCampaign #formBox .form-group-box .input-box .input-row .input-row-text {
            cursor: pointer; }
        #formCampaign #formBox .form-group-box .input-box .input-form {
          font-family: "FC-Iconic-Regular", sans-serif;
          font-weight: normal;
          font-size: 14px;
          width: 100%;
          height: 35px;
          border-radius: 4px;
          border: solid 1px #c4c4c4;
          background-color: #ffffff;
          padding: 0 10px; }
          #formCampaign #formBox .form-group-box .input-box .input-form.invalid {
            border: 1px solid #e02020;
            transition: all 0.2s; }
          #formCampaign #formBox .form-group-box .input-box .input-form.invalid-box {
            border: 1px solid #243871;
            transition: all 0.2s; }
          #formCampaign #formBox .form-group-box .input-box .input-form.disabled {
            opacity: 0.5;
            transition: all 0.2s; }
        #formCampaign #formBox .form-group-box .input-box.invalid-phone-box:after {
          position: absolute;
          content: "\E23\E39\E1B\E41\E1A\E1A\E2B\E21\E32\E22\E40\E25\E02\E42\E17\E23\E28\E31\E1E\E17\E4C\E44\E21\E48\E16\E39\E01\E15\E49\E2D\E07";
          font-size: 12px;
          font-weight: 400;
          line-height: 17px;
          border-radius: 4px;
          color: #FA4786;
          padding: 5px;
          display: block;
          background-color: #FFEBF6;
          opacity: 0;
          transition: all 0.2s; }
        #formCampaign #formBox .form-group-box .input-box.invalid-name-box:after {
          position: absolute;
          content: "\E01\E23\E38\E13\E32\E01\E23\E2D\E01\E0A\E37\E48\E2D-\E19\E32\E21\E2A\E01\E38\E25\E40\E1B\E47\E19\E20\E32\E29\E32\E44\E17\E22";
          font-size: 12px;
          font-weight: 400;
          line-height: 17px;
          border-radius: 4px;
          color: #FA4786;
          padding: 5px;
          display: block;
          background-color: #FFEBF6;
          opacity: 0;
          transition: all 0.2s;
          z-index: 1; }
        #formCampaign #formBox .form-group-box .input-box.show:after {
          opacity: 1; }
        #formCampaign #formBox .form-group-box .input-box .input-radio {
          width: 20px;
          height: 20px; }
  #formCampaign .btn-box {
    margin-left: auto;
    margin-right: auto;
    width: fit-content;
    display: flex;
    flex-wrap: wrap-reverse; }
    #formCampaign .btn-box div {
      margin-left: auto;
      margin-right: auto; }
  #formCampaign .btn-box-policy {
    font-family: "Sarabun-Regular", sans-serif;
    font-weight: 500;
    font-size: 14px;
    text-align: center; }
  #formCampaign .noselect {
    -webkit-touch-callout: none;
    /* iOS Safari */
    -webkit-user-select: none;
    /* Safari */
    -khtml-user-select: none;
    /* Konqueror HTML */
    -moz-user-select: none;
    /* Old versions of Firefox */
    -ms-user-select: none;
    /* Internet Explorer/Edge */
    user-select: none;
    /* Non-prefixed version, currently
                                    supported by Chrome, Edge, Opera and Firefox */ }
  #formCampaign .btn-confirm {
    font-family: "FC-Iconic-Regular", sans-serif;
    font-size: 16px;
    color: #fff;
    width: 200px;
    text-align: center;
    height: fit-content;
    padding: 8px 0;
    border-radius: 4px;
    background-color: #ee347f;
    cursor: pointer; }
    #formCampaign .btn-confirm.disabled {
      cursor: unset !important; }

.content-card {
  text-decoration: none;
  width: 298px;
  border-radius: 4px;
  margin: 7.5px 7.5px;
  background-color: white;
  transition: all 0.2s;
  position: relative;
  animation: fadein 1s;
  -moz-animation: fadein 1s;
  /* Firefox */
  -webkit-animation: fadein 1s;
  /* Safari and Chrome */
  -o-animation: fadein 1s;
  /* Opera */ }
  .content-card.preview-item {
    position: absolute;
    top: 50%;
    left: calc(50% - 7px);
    transform: translate(-50%, -50%); }

@keyframes fadein {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@-moz-keyframes fadein {
  /* Firefox */
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@-webkit-keyframes fadein {
  /* Safari and Chrome */
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@-o-keyframes fadein {
  /* Opera */
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
  .content-card.three-row {
    width: 403px; }
  .content-card:hover {
    transition: all 0.2s; }
    .content-card:hover .image-banner img {
      transform: scale(1.1); }
  @media screen and (max-width: 1280px) {
    .content-card {
      width: calc(50% - 15px) !important; }
      .content-card .image-banner {
        max-height: unset !important; } }
  @media screen and (max-width: 640px) {
    .content-card {
      width: calc(100% - 15px) !important; } }
  .content-card .image-banner {
    width: 100%;
    height: auto;
    overflow: hidden;
    min-width: 200px;
    max-height: 200px; }
    .content-card .image-banner img {
      min-height: 200px;
      object-fit: cover;
      border-top-left-radius: 4px;
      border-top-right-radius: 4px;
      transition: all 0.2s ease-in-out; }
  .content-card .content-section {
    padding: 20px 10px 41px; }
    .content-card .content-section .content-header {
      font-family: "FC-Iconic-Regular", sans-serif;
      font-size: 18px;
      font-weight: 500;
      color: #243871;
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
      cursor: pointer; }
    .content-card .content-section .content-date {
      font-family: "Sarabun-Regular", sans-serif;
      font-size: 12px;
      color: #9b9b9b;
      display: flex; }
      .content-card .content-section .content-date i {
        padding-top: 2px;
        margin-right: 5px; }
    .content-card .content-section .content-detail {
      margin-top: 10px;
      font-family: "Sarabun-Medium", sans-serif;
      font-size: 14px;
      color: #333333;
      max-lines: 3;
      margin-bottom: 20px;
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 3;
      line-height: 24px; }
    .content-card .content-section .see-more-box {
      position: absolute;
      display: flex;
      text-decoration: none;
      width: fit-content;
      bottom: 20px;
      left: 10px;
      cursor: pointer; }
      .content-card .content-section .see-more-box .see-more-text {
        font-family: "FC-Iconic-Medium", sans-serif;
        font-size: 14px;
        color: #ee347f;
        background: white;
        z-index: 1; }
      .content-card .content-section .see-more-box .slide-box {
        position: relative; }
        .content-card .content-section .see-more-box .slide-box .icon-sl-readmore {
          position: absolute;
          font-size: 10px;
          font-weight: bold;
          color: #ee347f;
          transition: 0.3s;
          left: -30px;
          top: 6px; }
      .content-card .content-section .see-more-box:hover .slide-box .icon-sl-readmore {
        transition: 0.3s;
        left: 10px; }

.content-card-v2 {
  text-decoration: none;
  width: 345px;
  border-radius: 36px;
  background-color: white;
  transition: all 0.2s;
  position: relative;
  cursor: pointer;
  animation: fadein 1s;
  -moz-animation: fadein 1s;
  /* Firefox */
  -webkit-animation: fadein 1s;
  /* Safari and Chrome */
  -o-animation: fadein 1s;
  /* Opera */ }
  .content-card-v2.preview-item {
    position: absolute;
    top: 50%;
    left: calc(50% - 7px);
    transform: translate(-50%, -50%); }

@keyframes fadein {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@-moz-keyframes fadein {
  /* Firefox */
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@-webkit-keyframes fadein {
  /* Safari and Chrome */
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@-o-keyframes fadein {
  /* Opera */
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
  .content-card-v2.three-row {
    width: 403px; }
  .content-card-v2:hover {
    transition: all 0.2s; }
    .content-card-v2:hover .image-banner img {
      transform: scale(1.1); }
  @media screen and (max-width: 1440px) {
    .content-card-v2 {
      width: 100% !important; }
      .content-card-v2 .image-banner {
        max-height: unset !important; } }
  @media screen and (max-width: 768px) and (min-width: 481px) {
    .content-card-v2 {
      width: calc(50vw - 40px) !important;
      margin: 0 auto !important; } }
  @media screen and (max-width: 640px) {
    .content-card-v2 {
      width: calc(100% - 15px) !important; } }
  .content-card-v2 .image-banner-v2 {
    width: 100%;
    height: auto;
    overflow: hidden; }
    .content-card-v2 .image-banner-v2 img {
      min-height: 259px;
      object-fit: cover;
      border-top-left-radius: 36px;
      border-top-right-radius: 36px;
      transition: all 0.2s ease-in-out; }
  .content-card-v2 .content-section-v2 {
    height: 168px;
    padding: 20px; }
    .content-card-v2 .content-section-v2 .content-header-v2 {
      max-width: 297px;
      font-family: "FC-Iconic-Regular", sans-serif;
      font-size: 20px;
      font-weight: 600;
      color: #002D72;
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2; }
    .content-card-v2 .content-section-v2 .tag-box {
      position: absolute;
      display: flex;
      text-decoration: none;
      width: fit-content;
      bottom: 20px;
      left: 20px; }
      .content-card-v2 .content-section-v2 .tag-box .tag-text {
        padding: 8px 16px 8px 16px;
        border-radius: 12px;
        font-family: "FC-Iconic-Regular", sans-serif;
        font-size: 16px;
        font-weight: 500;
        color: #ee347f;
        background: #FFEDF3;
        z-index: 1; }

.loading-card {
  width: 298px;
  border-radius: 4px;
  box-shadow: 0 2px 4px 0 rgba(155, 155, 155, 0.3);
  margin: 7.5px 7.5px;
  background-color: white;
  transition: all 0.2s;
  position: relative; }

@keyframes shine-lines {
  0% {
    background-position: -100px; }
  50% {
    background-position: 200px; }
  100% {
    background-position: 400px; } }
  .loading-card.three-row {
    width: 403px; }
  @media screen and (max-width: 1280px) {
    .loading-card {
      width: calc(50% - 15px) !important; } }
  @media screen and (max-width: 640px) {
    .loading-card {
      width: calc(100% - 15px) !important; } }
  .loading-card .image-banner {
    width: 100%;
    height: 200px;
    background-color: #f4f4f4;
    background-image: linear-gradient(90deg, #f4f4f4 0px, rgba(229, 229, 229, 0.8) 100px, #f4f4f4 200px);
    background-size: 600px;
    animation: shine-lines 1s infinite ease-out; }
  .loading-card .content-section {
    padding: 20px 10px 21px; }
    .loading-card .content-section .content-header .line {
      border-radius: 10px;
      background-color: #aebde8;
      height: 24px;
      width: 80%;
      background-image: linear-gradient(90deg, #aebde8 0px, #91a1ce 100px, #aebde8 200px);
      background-size: 600px;
      animation: shine-lines 1s infinite ease-out; }
    .loading-card .content-section .content-detail {
      margin-top: 10px;
      margin-bottom: 20px; }
      .loading-card .content-section .content-detail .line {
        border-radius: 10px;
        background-color: #f4f4f4;
        height: 24px;
        margin-bottom: 5px;
        background-image: linear-gradient(90deg, #f4f4f4 0px, rgba(229, 229, 229, 0.8) 100px, #f4f4f4 200px);
        background-size: 600px;
        animation: shine-lines 1s infinite ease-out; }
        .loading-card .content-section .content-detail .line:nth-child(1) {
          width: 40%; }
        .loading-card .content-section .content-detail .line:nth-child(3) {
          width: 60%; }

#cardSection {
  width: 100%;
  padding: 30px 12.5px 22.5px;
  background-color: #fff; }
  @media screen and (max-width: 640px) {
    #cardSection {
      padding-left: 8.5px;
      padding-right: 8.5px; } }
  #cardSection .card-content {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    max-width: 1255px; }
    #cardSection .card-content .card-header-box {
      display: flex;
      width: calc(100% - 10px); }
      @media screen and (max-width: 640px) {
        #cardSection .card-content .card-header-box {
          width: calc(100% - 7.5px); } }
      #cardSection .card-content .card-header-box .card-header {
        font-family: "FC-Iconic-Medium", sans-serif;
        font-size: 22px;
        font-weight: 500;
        color: #333333;
        margin: 0 10px 7.5px; }
      #cardSection .card-content .card-header-box .see-all {
        margin-left: auto;
        margin-right: 0;
        font-family: "FC-Iconic-Medium", sans-serif;
        font-size: 14px;
        padding-top: 8px;
        cursor: pointer;
        color: #333333;
        text-decoration: none; }
        #cardSection .card-content .card-header-box .see-all:hover {
          color: #ee347f;
          transition: all 0.2s; }
    #cardSection .card-content .card-detail {
      display: flex;
      flex-wrap: wrap; }
      @media screen and (max-width: 768px) and (min-width: 481px) {
        #cardSection .card-content .card-detail.scroll {
          flex-wrap: nowrap;
          overflow-x: auto;
          overflow-y: hidden;
          scroll-behavior: smooth;
          -webkit-overflow-scrolling: touch;
          scroll-snap-type: x mandatory;
          gap: 15px;
          padding: 0 10px;
          -ms-overflow-style: none;
          scrollbar-width: none; }
          #cardSection .card-content .card-detail.scroll::-webkit-scrollbar {
            display: none; }
          #cardSection .card-content .card-detail.scroll .content-card,
          #cardSection .card-content .card-detail.scroll .content-card-v2 {
            flex: 0 0 calc(100vw - 40px);
            min-width: calc(100vw - 40px);
            max-width: calc(100vw - 40px);
            scroll-snap-align: start;
            margin-right: 0; } }
      @media screen and (max-width: 480px) {
        #cardSection .card-content .card-detail.scroll {
          flex-wrap: nowrap;
          overflow-x: auto;
          overflow-y: hidden;
          scroll-behavior: smooth;
          -webkit-overflow-scrolling: touch;
          scroll-snap-type: x mandatory;
          gap: 15px;
          padding: 0 10px;
          -ms-overflow-style: none;
          scrollbar-width: none; }
          #cardSection .card-content .card-detail.scroll::-webkit-scrollbar {
            display: none; }
          #cardSection .card-content .card-detail.scroll .content-card,
          #cardSection .card-content .card-detail.scroll .content-card-v2 {
            flex: 0 0 calc(100vw - 40px);
            min-width: calc(100vw - 40px);
            max-width: calc(100vw - 40px);
            scroll-snap-align: start;
            margin-right: 0; } }

#cardSectionCarousel {
  width: 100%;
  padding: 10px 12.5px 22.5px;
  background-color: #fff; }
  @media screen and (max-width: 640px) {
    #cardSectionCarousel {
      padding-left: 8.5px;
      padding-right: 8.5px; } }
  #cardSectionCarousel .card-content {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    max-width: 1255px; }
    #cardSectionCarousel .card-content .card-header-box {
      display: flex;
      width: calc(100% - 10px); }
      @media screen and (max-width: 640px) {
        #cardSectionCarousel .card-content .card-header-box {
          width: calc(100% - 7.5px); } }
      #cardSectionCarousel .card-content .card-header-box .card-header {
        font-family: "FC-Iconic-Medium", sans-serif;
        font-size: 22px;
        font-weight: 500;
        color: #333333;
        margin: 0 10px 7.5px; }
      #cardSectionCarousel .card-content .card-header-box .see-all {
        margin-left: auto;
        margin-right: 0;
        font-family: "FC-Iconic-Medium", sans-serif;
        font-size: 14px;
        padding-top: 8px;
        cursor: pointer;
        color: #333333;
        text-decoration: none; }
        #cardSectionCarousel .card-content .card-header-box .see-all:hover {
          color: #ee347f;
          transition: all 0.2s; }
    #cardSectionCarousel .card-content .card-detail {
      display: flex;
      flex-wrap: wrap; }
      @media screen and (max-width: 768px) and (min-width: 481px) {
        #cardSectionCarousel .card-content .card-detail.scroll {
          flex-wrap: nowrap;
          overflow-x: auto;
          overflow-y: hidden;
          scroll-behavior: smooth;
          -webkit-overflow-scrolling: touch;
          scroll-snap-type: x mandatory;
          gap: 15px;
          padding: 0 10px;
          -ms-overflow-style: none;
          scrollbar-width: none; }
          #cardSectionCarousel .card-content .card-detail.scroll::-webkit-scrollbar {
            display: none; }
          #cardSectionCarousel .card-content .card-detail.scroll .content-card,
          #cardSectionCarousel .card-content .card-detail.scroll .content-card-v2 {
            flex: 0 0 calc(100vw - 40px);
            min-width: calc(100vw - 40px);
            max-width: calc(100vw - 40px);
            scroll-snap-align: start;
            margin-right: 0; } }
      @media screen and (max-width: 480px) {
        #cardSectionCarousel .card-content .card-detail.scroll {
          flex-wrap: nowrap;
          overflow-x: auto;
          overflow-y: hidden;
          scroll-behavior: smooth;
          -webkit-overflow-scrolling: touch;
          scroll-snap-type: x mandatory;
          gap: 15px;
          padding: 0 10px;
          -ms-overflow-style: none;
          scrollbar-width: none; }
          #cardSectionCarousel .card-content .card-detail.scroll::-webkit-scrollbar {
            display: none; }
          #cardSectionCarousel .card-content .card-detail.scroll .content-card,
          #cardSectionCarousel .card-content .card-detail.scroll .content-card-v2 {
            flex: 0 0 calc(100vw - 40px);
            min-width: calc(100vw - 40px);
            max-width: calc(100vw - 40px);
            scroll-snap-align: start;
            margin-right: 0; } }
      #cardSectionCarousel .card-content .card-detail .slider-control-bottomcenter {
        position: unset !important;
        transform: none !important;
        display: flex;
        justify-content: center;
        padding-top: 10px; }
        #cardSectionCarousel .card-content .card-detail .slider-control-bottomcenter .custom-bottom-control {
          display: inline-flex; }
          #cardSectionCarousel .card-content .card-detail .slider-control-bottomcenter .custom-bottom-control .btn-control {
            cursor: pointer;
            width: 8px;
            height: 8px;
            border-radius: 5px;
            margin-right: 5px;
            background-color: #c4c4c4; }
          #cardSectionCarousel .card-content .card-detail .slider-control-bottomcenter .custom-bottom-control .active {
            background-color: #FF037F !important; }
      #cardSectionCarousel .card-content .card-detail .slider-control-centerright .custom-right-control {
        cursor: pointer;
        width: 40px;
        height: 60px;
        padding: 11px 8px;
        background-color: rgba(255, 255, 255, 0.6);
        font-size: 24px;
        color: #ee347f; }
      #cardSectionCarousel .card-content .card-detail .slider-control-centerright .disabled {
        opacity: 0.5;
        pointer-events: none; }
      #cardSectionCarousel .card-content .card-detail .slider-control-centerleft .custom-left-control {
        cursor: pointer;
        width: 40px;
        height: 60px;
        padding: 11px 8px;
        background-color: rgba(255, 255, 255, 0.6);
        font-size: 24px;
        color: #ee347f; }
      #cardSectionCarousel .card-content .card-detail .slider-control-centerleft .disabled {
        opacity: 0.5;
        pointer-events: none; }
      #cardSectionCarousel .card-content .card-detail .see-more-box {
        width: max-content; }
      #cardSectionCarousel .card-content .card-detail .content-card,
      #cardSectionCarousel .card-content .card-detail .content-card-v2 {
        display: table-cell;
        margin: 0 !important; }
        @media screen and (max-width: 1280px) {
          #cardSectionCarousel .card-content .card-detail .content-card,
          #cardSectionCarousel .card-content .card-detail .content-card-v2 {
            width: 100% !important; } }
      #cardSectionCarousel .card-content .card-detail .slider .slider-frame ul {
        height: 403px !important; }
      #cardSectionCarousel .card-content .card-detail .slider .slider-frame li {
        display: flex !important;
        height: 393px !important; }

#servicesCardSection {
  width: 100%;
  padding: 30px 12.5px 22.5px;
  background-color: #fff; }
  @media screen and (max-width: 640px) {
    #servicesCardSection {
      padding-left: 8.5px;
      padding-right: 8.5px; } }
  #servicesCardSection .card-content {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    max-width: 1255px; }
    #servicesCardSection .card-content .card-header-box {
      display: flex;
      width: calc(100% - 10px); }
      @media screen and (max-width: 640px) {
        #servicesCardSection .card-content .card-header-box {
          width: calc(100% - 7.5px); } }
      #servicesCardSection .card-content .card-header-box .card-header {
        font-family: "FC-Iconic-Medium", sans-serif;
        font-size: 22px;
        font-weight: 500;
        color: #333333;
        margin: 0 10px 7.5px; }
      #servicesCardSection .card-content .card-header-box .see-all {
        margin-left: auto;
        margin-right: 0;
        font-family: "FC-Iconic-Medium", sans-serif;
        font-size: 14px;
        padding-top: 8px;
        cursor: pointer;
        color: #333333;
        text-decoration: none; }
        #servicesCardSection .card-content .card-header-box .see-all:hover {
          color: #ee347f;
          transition: all 0.2s; }
    #servicesCardSection .card-content .card-detail {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 15px; }
      #servicesCardSection .card-content .card-detail .content-card {
        display: flex;
        flex-direction: column;
        width: 100% !important;
        margin: 0 !important; }
        #servicesCardSection .card-content .card-detail .content-card .image-banner {
          min-width: unset !important; }
      @media screen and (max-width: 768px) and (min-width: 481px) {
        #servicesCardSection .card-content .card-detail.scroll {
          display: flex !important;
          grid-template-columns: none !important;
          flex-wrap: nowrap;
          overflow-x: auto;
          overflow-y: hidden;
          scroll-behavior: smooth;
          -webkit-overflow-scrolling: touch;
          scroll-snap-type: x mandatory;
          gap: 15px;
          padding: 0 10px;
          -ms-overflow-style: none;
          scrollbar-width: none; }
          #servicesCardSection .card-content .card-detail.scroll::-webkit-scrollbar {
            display: none; }
          #servicesCardSection .card-content .card-detail.scroll .content-card,
          #servicesCardSection .card-content .card-detail.scroll .content-card-v2 {
            flex: 0 0 calc(100vw - 40px);
            min-width: calc(100vw - 40px);
            max-width: calc(100vw - 40px);
            scroll-snap-align: start;
            margin-right: 0 !important; } }
      @media screen and (max-width: 480px) {
        #servicesCardSection .card-content .card-detail.scroll {
          display: flex !important;
          grid-template-columns: none !important;
          flex-wrap: nowrap;
          overflow-x: auto;
          overflow-y: hidden;
          scroll-behavior: smooth;
          -webkit-overflow-scrolling: touch;
          scroll-snap-type: x mandatory;
          gap: 15px;
          padding: 0 10px;
          -ms-overflow-style: none;
          scrollbar-width: none; }
          #servicesCardSection .card-content .card-detail.scroll::-webkit-scrollbar {
            display: none; }
          #servicesCardSection .card-content .card-detail.scroll .content-card,
          #servicesCardSection .card-content .card-detail.scroll .content-card-v2 {
            flex: 0 0 calc(100vw - 40px);
            min-width: calc(100vw - 40px);
            max-width: calc(100vw - 40px);
            scroll-snap-align: start;
            margin-right: 0 !important; } }

#cardSectionV2 {
  width: 100%;
  padding: 0; }
  #cardSectionV2 .header-section {
    padding: 30px 0px 22.5px; }
    @media screen and (max-width: 640px) {
      #cardSectionV2 .header-section {
        width: calc(102% - 7.5px);
        padding-left: 8.5px;
        padding-right: 8.5px; } }
  #cardSectionV2 .content-section {
    padding: 30px 0px 22.5px; }
    @media screen and (max-width: 640px) {
      #cardSectionV2 .content-section {
        width: calc(102% - 7.5px);
        padding: 10px;
        padding-left: 8.5px;
        padding-right: 8.5px; } }
    @media screen and (max-width: 768px) {
      #cardSectionV2 .content-section {
        width: calc(102% - 7.5px);
        padding: 10px;
        padding-left: 8.5px;
        padding-right: 8.5px; } }
  #cardSectionV2 .card-content-v2 {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    max-width: 1440px;
    padding-left: 10px;
    padding-right: 10px; }
    #cardSectionV2 .card-content-v2 .card-header-box-v2 {
      width: calc(100% - 10px);
      display: flex;
      justify-content: center;
      align-items: center;
      position: relative; }
      #cardSectionV2 .card-content-v2 .card-header-box-v2.with-see-all {
        justify-content: center; }
      @media screen and (max-width: 640px) {
        #cardSectionV2 .card-content-v2 .card-header-box-v2 {
          width: calc(100% - 7.5px); } }
      #cardSectionV2 .card-content-v2 .card-header-box-v2 .title-container {
        flex: 1;
        text-align: center;
        position: relative;
        z-index: 1; }
      #cardSectionV2 .card-content-v2 .card-header-box-v2 .card-header-v2 {
        font-family: "FC-Iconic-Medium", sans-serif;
        font-size: 36px;
        font-weight: 700;
        color: #FA4786;
        margin: 0 10px 7.5px;
        text-align: center; }
        @media screen and (max-width: 640px) {
          #cardSectionV2 .card-content-v2 .card-header-box-v2 .card-header-v2 {
            font-size: 24px; } }
      #cardSectionV2 .card-content-v2 .card-header-box-v2 .see-all-v2 {
        position: absolute;
        right: 0;
        font-family: "FC-Iconic-Regular", sans-serif;
        font-weight: 500;
        font-size: 16px;
        cursor: pointer;
        color: #002D72;
        text-decoration: none;
        z-index: 2; }
        #cardSectionV2 .card-content-v2 .card-header-box-v2 .see-all-v2:hover {
          color: #ee347f;
          transition: all 0.2s; }
    #cardSectionV2 .card-content-v2 .card-detail {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 20px;
      max-width: 1440px; }
      #cardSectionV2 .card-content-v2 .card-detail .content-card,
      #cardSectionV2 .card-content-v2 .card-detail .content-card-v2 {
        max-width: 345px !important;
        min-height: 427px !important;
        border-radius: 36px;
        background-color: #FFFFFF;
        overflow: hidden;
        transition: transform 0.3s ease;
        justify-self: center; }
        #cardSectionV2 .card-content-v2 .card-detail .content-card:hover,
        #cardSectionV2 .card-content-v2 .card-detail .content-card-v2:hover {
          transform: translateY(-5px); }
      @media screen and (max-width: 768px) and (min-width: 481px) {
        #cardSectionV2 .card-content-v2 .card-detail.scroll {
          display: flex !important;
          grid-template-columns: none !important;
          flex-wrap: nowrap;
          overflow-x: auto;
          overflow-y: hidden;
          scroll-behavior: smooth;
          -webkit-overflow-scrolling: touch;
          scroll-snap-type: x mandatory;
          gap: 15px;
          padding: 10px 10px;
          -ms-overflow-style: none;
          scrollbar-width: none; }
          #cardSectionV2 .card-content-v2 .card-detail.scroll::-webkit-scrollbar {
            display: none; }
          #cardSectionV2 .card-content-v2 .card-detail.scroll .content-card,
          #cardSectionV2 .card-content-v2 .card-detail.scroll .content-card-v2 {
            flex: 0 0 calc(100vw - 70px) !important;
            scroll-snap-align: start;
            margin-right: 0; } }
      @media screen and (max-width: 480px) {
        #cardSectionV2 .card-content-v2 .card-detail.scroll {
          display: flex !important;
          grid-template-columns: none !important;
          flex-wrap: nowrap;
          overflow-x: auto;
          overflow-y: hidden;
          scroll-behavior: smooth;
          -webkit-overflow-scrolling: touch;
          scroll-snap-type: x mandatory;
          gap: 15px;
          padding: 10px 10px;
          -ms-overflow-style: none;
          scrollbar-width: none; }
          #cardSectionV2 .card-content-v2 .card-detail.scroll::-webkit-scrollbar {
            display: none; }
          #cardSectionV2 .card-content-v2 .card-detail.scroll .content-card,
          #cardSectionV2 .card-content-v2 .card-detail.scroll .content-card-v2 {
            flex: 0 0 calc(100vw - 70px) !important;
            scroll-snap-align: start;
            margin-right: 0; } }
      @media screen and (max-width: 1200px) {
        #cardSectionV2 .card-content-v2 .card-detail.scroll {
          display: flex !important;
          grid-template-columns: none !important;
          flex-wrap: nowrap;
          overflow-x: auto;
          overflow-y: hidden;
          scroll-behavior: smooth;
          -webkit-overflow-scrolling: touch;
          scroll-snap-type: x mandatory;
          gap: 15px;
          padding: 10px 10px;
          -ms-overflow-style: none;
          scrollbar-width: none; }
          #cardSectionV2 .card-content-v2 .card-detail.scroll::-webkit-scrollbar {
            display: none; }
          #cardSectionV2 .card-content-v2 .card-detail.scroll .content-card,
          #cardSectionV2 .card-content-v2 .card-detail.scroll .content-card-v2 {
            flex: 0 0 calc(100vw - 70px) !important;
            scroll-snap-align: start;
            margin-right: 0; } }
      @media screen and (max-width: 1200px) {
        #cardSectionV2 .card-content-v2 .card-detail {
          grid-template-columns: repeat(3, 1fr);
          gap: 15px;
          padding: 0 15px; } }
      @media screen and (max-width: 768px) {
        #cardSectionV2 .card-content-v2 .card-detail {
          grid-template-columns: repeat(2, 1fr);
          gap: 12px;
          padding: 0 10px; } }
      @media screen and (max-width: 500px) {
        #cardSectionV2 .card-content-v2 .card-detail {
          grid-template-columns: 1fr;
          gap: 15px;
          padding: 0 10px;
          justify-items: center; }
          #cardSectionV2 .card-content-v2 .card-detail .content-card,
          #cardSectionV2 .card-content-v2 .card-detail .content-card-v2 {
            max-width: unset !important; } }
    #cardSectionV2 .card-content-v2 .see-all-button {
      width: 100%;
      margin: 30px auto 0;
      border-radius: 16px;
      border: 1px solid #FA4786;
      padding: 12px;
      background-color: #FFFFFF;
      font-family: "FC-Iconic-Medium", sans-serif;
      font-size: 16px;
      font-weight: 600;
      color: #FA4786;
      cursor: pointer;
      transition: all 0.3s ease; }
      #cardSectionV2 .card-content-v2 .see-all-button:hover {
        background-color: #FA4786;
        color: #FFFFFF; }
  #cardSectionV2.card-pagination-context .card-detail .content-card {
    height: 400px !important;
    min-height: 400px !important; }
  .section-page-context #cardSectionV2 .header-section,
  .content-section-context #cardSectionV2 .header-section {
    padding: 20px 0px 15px; }
  .section-page-context #cardSectionV2 .content-section,
  .content-section-context #cardSectionV2 .content-section {
    padding: 20px 0px 30px; }
  .section-page-context #cardSectionV2 .card-header-v2,
  .content-section-context #cardSectionV2 .card-header-v2 {
    font-size: 32px; }
    @media screen and (max-width: 640px) {
      .section-page-context #cardSectionV2 .card-header-v2,
      .content-section-context #cardSectionV2 .card-header-v2 {
        font-size: 22px; } }
  @media screen and (min-width: 641px) and (max-width: 1024px) {
    .section-page-context #cardSectionV2 .card-content-v2 .card-detail,
    .content-section-context #cardSectionV2 .card-content-v2 .card-detail {
      grid-template-columns: repeat(3, 1fr);
      gap: 15px;
      padding: 0 15px; } }
  @media screen and (min-width: 481px) and (max-width: 640px) {
    .section-page-context #cardSectionV2 .card-content-v2 .card-detail,
    .content-section-context #cardSectionV2 .card-content-v2 .card-detail {
      grid-template-columns: repeat(2, 1fr);
      gap: 12px;
      padding: 0 10px; } }
  @media screen and (max-width: 480px) {
    .section-page-context #cardSectionV2 .card-content-v2 .card-detail,
    .content-section-context #cardSectionV2 .card-content-v2 .card-detail {
      display: flex !important;
      grid-template-columns: none !important;
      overflow-x: auto !important;
      overflow-y: hidden !important;
      gap: 15px !important;
      padding: 0 10px !important;
      scroll-behavior: smooth !important;
      -webkit-overflow-scrolling: touch !important;
      scroll-snap-type: x mandatory !important;
      -ms-overflow-style: none !important;
      scrollbar-width: none !important; }
      .section-page-context #cardSectionV2 .card-content-v2 .card-detail::-webkit-scrollbar,
      .content-section-context #cardSectionV2 .card-content-v2 .card-detail::-webkit-scrollbar {
        display: none !important; }
      .section-page-context #cardSectionV2 .card-content-v2 .card-detail .content-card,
      .section-page-context #cardSectionV2 .card-content-v2 .card-detail .content-card-v2,
      .content-section-context #cardSectionV2 .card-content-v2 .card-detail .content-card,
      .content-section-context #cardSectionV2 .card-content-v2 .card-detail .content-card-v2 {
        flex: 0 0 calc(100vw - 70px) !important;
        width: calc(100vw - 40px) !important;
        height: 380px !important;
        max-width: calc(100vw - 40px) !important;
        min-width: calc(100vw - 40px) !important;
        min-height: 380px !important;
        scroll-snap-align: start !important;
        margin-right: 0 !important; } }
  .content-section-context #cardSectionV2 .header-section {
    padding: 15px 0px 10px; }
  .content-section-context #cardSectionV2 .content-section {
    padding: 15px 0px 25px; }
  .content-section-context #cardSectionV2 .card-header-v2 {
    font-size: 30px; }
    @media screen and (max-width: 640px) {
      .content-section-context #cardSectionV2 .card-header-v2 {
        font-size: 20px; } }
  .content-section-context #cardSectionV2 .card-content-v2 .card-detail {
    gap: 18px; }
    .content-section-context #cardSectionV2 .card-content-v2 .card-detail .content-card {
      height: 410px !important;
      min-height: 410px !important; }
    @media screen and (min-width: 641px) and (max-width: 1024px) {
      .content-section-context #cardSectionV2 .card-content-v2 .card-detail {
        grid-template-columns: repeat(3, 1fr);
        gap: 15px;
        padding: 0 15px; } }
    @media screen and (min-width: 481px) and (max-width: 640px) {
      .content-section-context #cardSectionV2 .card-content-v2 .card-detail {
        grid-template-columns: repeat(2, 1fr);
        gap: 12px;
        padding: 0 10px; } }
    @media screen and (max-width: 480px) {
      .content-section-context #cardSectionV2 .card-content-v2 .card-detail {
        display: flex !important;
        grid-template-columns: none !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        gap: 15px !important;
        padding: 0 10px !important;
        scroll-behavior: smooth !important;
        -webkit-overflow-scrolling: touch !important;
        scroll-snap-type: x mandatory !important;
        -ms-overflow-style: none !important;
        scrollbar-width: none !important; }
        .content-section-context #cardSectionV2 .card-content-v2 .card-detail::-webkit-scrollbar {
          display: none !important; }
        .content-section-context #cardSectionV2 .card-content-v2 .card-detail .content-card,
        .content-section-context #cardSectionV2 .card-content-v2 .card-detail .content-card-v2 {
          flex: 0 0 calc(100vw - 70px) !important;
          width: calc(100vw - 40px) !important;
          height: 390px !important;
          max-width: calc(100vw - 40px) !important;
          min-width: calc(100vw - 40px) !important;
          min-height: 390px !important;
          scroll-snap-align: start !important;
          margin-right: 0 !important; } }
  #cardSectionV2.homepage-context .header-section {
    padding: 40px 0px 25px; }
  #cardSectionV2.homepage-context .content-section {
    padding: 40px 0px 30px; }
  #cardSectionV2.homepage-context .card-detail {
    gap: 25px; }
    #cardSectionV2.homepage-context .card-detail .content-card,
    #cardSectionV2.homepage-context .card-detail .content-card-v2 {
      height: 450px !important;
      min-height: 450px !important;
      border-radius: 40px; }

.all-product-section {
  background-color: #fff;
  width: 100%; }
  .all-product-section .container {
    max-width: 100%;
    margin: 40px auto 40px auto; }
  .all-product-section .section-title {
    font-family: "FC-Iconic-Medium", sans-serif;
    font-weight: 700;
    font-size: 32px;
    line-height: 48px;
    text-align: center;
    margin-bottom: 24px;
    color: #FA4786; }
  .all-product-section .filter-buttons-container {
    width: 392px;
    height: 76px;
    border-radius: 28px;
    padding: 8px;
    background: var(--surface-component-surface, #FFEDF3);
    display: flex;
    gap: 8px;
    align-items: center;
    justify-content: center;
    margin: 0 auto 20px auto; }
  .all-product-section .filter-button {
    width: 188px;
    height: 60px;
    border-radius: 20px;
    padding: 16px;
    border: none;
    cursor: pointer;
    font-family: "FC-Iconic-Regular", sans-serif;
    font-weight: 500;
    font-size: 16px;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center; }
    .all-product-section .filter-button.active {
      background: var(--surface-brand, #FA4786);
      color: #fff; }
    .all-product-section .filter-button:not(.active) {
      background: transparent;
      color: #FA4786; }
      .all-product-section .filter-button:not(.active):hover {
        background: rgba(250, 71, 134, 0.1); }
  .all-product-section .products-container {
    position: relative;
    width: 100%; }
  .all-product-section .products-grid {
    display: flex;
    flex-wrap: nowrap;
    gap: 20px;
    overflow-x: auto;
    padding: 20px 0px;
    max-width: 100%;
    -ms-overflow-style: none;
    /* IE and Edge */
    scrollbar-width: none;
    /* Firefox */ }
    .all-product-section .products-grid::-webkit-scrollbar {
      display: none; }
    .all-product-section .products-grid.mobile-grid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      overflow-x: visible;
      justify-items: center;
      justify-content: center;
      margin: 0 auto;
      max-width: fit-content;
      padding: 0 16px; }
  .all-product-section .scroll-navigation {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 20px;
    width: 100%;
    padding-left: 12.5%;
    padding-right: 12.5%;
    height: 40px;
    margin: 40px auto 0px auto; }
  .all-product-section .scroll-button {
    width: 40px;
    height: 40px;
    border-radius: 999px;
    padding: 8px;
    background: var(--surface-component-surface, #FFEDF3);
    border: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
    flex-shrink: 0;
    color: #FA4786; }
    .all-product-section .scroll-button:hover:not(.disabled) {
      background: rgba(250, 71, 134, 0.2);
      transform: scale(1.05); }
    .all-product-section .scroll-button.disabled {
      opacity: 0.3;
      cursor: not-allowed;
      pointer-events: none; }
    .all-product-section .scroll-button svg {
      width: 24px;
      height: 24px; }
  .all-product-section .product-card {
    width: 345px;
    height: 423px;
    border-radius: 36px;
    background: #fff;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    padding-left: 0;
    margin-left: 0;
    text-decoration: none !important;
    color: inherit;
    cursor: pointer; }
    .all-product-section .product-card, .all-product-section .product-card:hover, .all-product-section .product-card:focus, .all-product-section .product-card:active, .all-product-section .product-card:visited {
      text-decoration: none !important;
      color: inherit; }
    .all-product-section .product-card * {
      text-decoration: none !important; }
    .all-product-section .product-card .title, .all-product-section .product-card .subtitle, .all-product-section .product-card .tag {
      text-decoration: none !important; }
    .all-product-section .product-card:first-child {
      margin-left: 12.5%; }
    .all-product-section .product-card:last-child {
      margin-right: 12.5%; }
    .all-product-section .product-card:hover {
      transform: translateY(-5px); }
    .all-product-section .product-card.insurances {
      height: 411px; }
  .all-product-section .card-content {
    padding: 24px;
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding-bottom: 0px;
    order: 1; }
  .all-product-section .tag {
    min-width: 120px;
    max-width: 100%;
    width: fit-content;
    height: 40px;
    background: radial-gradient(62.29% 191.86% at 50% 49.89%, rgba(255, 237, 243, 0.4) 0%, rgba(253, 198, 217, 0.4) 67.94%, rgba(253, 170, 199, 0.4) 81.38%);
    border-radius: 12px;
    padding: 8px 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: "FC-Iconic-Light", sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0%;
    color: var(--text-brand, #FA4786);
    gap: 8px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
  .all-product-section .text-content {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 8px; }
  .all-product-section .title {
    max-width: 100%;
    font-family: "FC-Iconic-Medium", sans-serif;
    font-weight: 700;
    font-size: 24px;
    line-height: 36px;
    letter-spacing: 0%;
    color: var(--text-default, #002D72);
    margin: 0; }
  .all-product-section .subtitle {
    max-width: 100%;
    font-family: "FC-Iconic-Light", sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0%;
    color: var(--text-tertiary, #7F7F80);
    margin: 0; }
  .all-product-section .image-container {
    width: 100%;
    height: 259px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f8f9fa;
    order: 2; }
  .all-product-section .product-image {
    width: 345px;
    height: 259px;
    object-fit: cover;
    transition: transform 0.3s ease; }
    .product-card:hover .all-product-section .product-image {
      transform: scale(1.05); }
  .all-product-section .loading .loading-placeholder {
    text-align: center;
    padding: 60px 0;
    font-size: 18px;
    color: #666; }
  @media (max-width: 640px) {
    .all-product-section .container {
      width: 100%;
      max-width: 375px;
      margin: 16px auto 16px auto; }
    .all-product-section .section-title {
      font-family: "FC-Iconic-Medium", sans-serif;
      font-weight: 700;
      font-size: 24px;
      line-height: 36px;
      text-align: center;
      margin-bottom: 16px;
      color: #FA4786; }
    .all-product-section .filter-buttons-container {
      width: 320px;
      height: 64px;
      padding: 4px;
      margin-bottom: 16px;
      border-radius: 20px; }
    .all-product-section .filter-button {
      width: 156px;
      height: 56px;
      font-size: 14px;
      padding: 12px;
      border-radius: 16px; }
    .all-product-section .scroll-navigation {
      gap: 12px;
      display: none; }
    .all-product-section .scroll-button {
      width: 32px;
      height: 32px;
      padding: 4px; }
      .all-product-section .scroll-button svg {
        width: 18px;
        height: 18px; }
    .all-product-section .products-grid {
      gap: 15px;
      margin-bottom: 12px; }
      .all-product-section .products-grid.mobile-grid .product-card {
        width: 164px;
        height: 241px;
        border-radius: 20px;
        background: var(--surface-base, #FFFFFF);
        text-decoration: none !important;
        color: inherit; }
        .all-product-section .products-grid.mobile-grid .product-card, .all-product-section .products-grid.mobile-grid .product-card:hover, .all-product-section .products-grid.mobile-grid .product-card:focus, .all-product-section .products-grid.mobile-grid .product-card:active, .all-product-section .products-grid.mobile-grid .product-card:visited {
          text-decoration: none !important;
          color: inherit; }
        .all-product-section .products-grid.mobile-grid .product-card * {
          text-decoration: none !important; }
        .all-product-section .products-grid.mobile-grid .product-card .title, .all-product-section .products-grid.mobile-grid .product-card .subtitle, .all-product-section .products-grid.mobile-grid .product-card .tag {
          text-decoration: none !important; }
        .all-product-section .products-grid.mobile-grid .product-card:first-child {
          margin-left: 0; }
        .all-product-section .products-grid.mobile-grid .product-card:last-child {
          margin-right: 0; }
        .all-product-section .products-grid.mobile-grid .product-card.insurances {
          height: 227px;
          border-radius: 16px;
          background: var(--surface-base, #FFFFFF); }
      .all-product-section .products-grid.mobile-grid .image-container {
        height: 123px; }
      .all-product-section .products-grid.mobile-grid .product-image {
        width: 100%;
        height: 123px; }
      .all-product-section .products-grid.mobile-grid .card-content {
        padding: 12px 0px 0px 12px;
        gap: 4px; }
      .all-product-section .products-grid.mobile-grid .tag {
        max-width: 100%;
        height: 26px;
        padding-top: 4px;
        padding-right: 8px;
        padding-bottom: 4px;
        padding-left: 8px;
        border-radius: 8px;
        background: radial-gradient(62.29% 191.86% at 50% 49.89%, rgba(255, 237, 243, 0.4) 0%, rgba(253, 198, 217, 0.4) 67.94%, rgba(253, 170, 199, 0.4) 81.38%);
        font-size: 11px;
        line-height: 16px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis; }
      .all-product-section .products-grid.mobile-grid .title {
        width: 100%;
        max-width: 148px;
        height: auto;
        font-family: "FC-Iconic-Regular", sans-serif;
        font-weight: 600;
        font-size: 16px;
        line-height: 24px;
        letter-spacing: 0%; }
      .all-product-section .products-grid.mobile-grid .subtitle {
        width: 100%;
        max-width: 148px;
        height: auto;
        font-size: 12px;
        line-height: 18px; }
    .all-product-section .product-card {
      width: 280px;
      height: 360px; }
    .all-product-section .card-content {
      padding: 20px; }
    .all-product-section .image-container {
      height: 200px; }
    .all-product-section .product-image {
      width: 280px;
      height: 200px; }
    .all-product-section .tag {
      min-width: 100px;
      max-width: 100%;
      width: fit-content;
      height: 32px;
      font-size: 12px;
      line-height: 18px;
      padding: 6px 12px; }
    .all-product-section .text-content {
      gap: 4px; }
    .all-product-section .title {
      width: 170px;
      height: 27px;
      font-size: 18px;
      line-height: 27px; }
    .all-product-section .subtitle {
      width: 140px;
      height: 19px;
      font-size: 13px;
      line-height: 19px; } }

.faq-simple-component {
  width: 100%;
  margin: 0;
  padding: 60px 0;
  min-height: 400px; }
  .faq-simple-component .faq-content-wrapper {
    margin: 0 auto; }
  .faq-simple-component .faq-header {
    margin-bottom: 50px;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    max-width: 1440px;
    padding-left: 10px;
    padding-right: 10px; }
    .faq-simple-component .faq-header .faq-header-content {
      width: calc(100% - 10px);
      display: flex;
      justify-content: center;
      align-items: center;
      position: relative; }
      .faq-simple-component .faq-header .faq-header-content h2 {
        font-family: "FC-Iconic-Medium";
        font-size: 36px;
        font-weight: 500;
        color: #333333;
        color: #ee347f;
        margin: 0;
        font-weight: 700;
        line-height: 1.2;
        width: 100%;
        text-align: center; }
        @media (max-width: 768px) {
          .faq-simple-component .faq-header .faq-header-content h2 {
            font-size: 24px; } }
      .faq-simple-component .faq-header .faq-header-content .faq-link {
        font-family: "FC-Iconic-Regular";
        font-size: 16px;
        font-weight: 500;
        color: #333333;
        color: #002D72;
        text-decoration: none;
        font-weight: 500;
        transition: all 0.2s ease;
        white-space: nowrap;
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
        z-index: 1; }
        .faq-simple-component .faq-header .faq-header-content .faq-link:hover {
          color: #ee347f;
          text-decoration: underline; }
        @media (max-width: 768px) {
          .faq-simple-component .faq-header .faq-header-content .faq-link {
            font-size: 14px; } }
    @media (max-width: 768px) {
      .faq-simple-component .faq-header .faq-header-content {
        text-align: center; }
        .faq-simple-component .faq-header .faq-header-content h2 {
          text-align: center;
          width: 100%; }
        .faq-simple-component .faq-header .faq-header-content .faq-link {
          display: none; } }
  .faq-simple-component .faq-list {
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 12px; }
    .faq-simple-component .faq-list .faq-item {
      background: white;
      border-radius: 12px;
      overflow: hidden;
      transition: all 0.3s ease; }
      .faq-simple-component .faq-list .faq-item:hover {
        transform: translateY(-1px); }
      .faq-simple-component .faq-list .faq-item .faq-question {
        width: 100%;
        background: transparent;
        border: none;
        padding: 24px 28px;
        text-align: left;
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 20px;
        transition: all 0.2s ease; }
        .faq-simple-component .faq-list .faq-item .faq-question:hover {
          background: #fafbfc; }
        .faq-simple-component .faq-list .faq-item .faq-question:focus {
          outline-offset: -2px; }
        .faq-simple-component .faq-list .faq-item .faq-question .question-text {
          flex: 1;
          font-family: "FC-Iconic-Regular";
          font-size: 20px;
          font-weight: 500;
          color: #333333;
          color: #002D72;
          line-height: 1.4;
          text-align: left;
          margin: 0;
          font-weight: 500;
          transition: color 0.2s ease; }
        .faq-simple-component .faq-list .faq-item .faq-question .expand-icon {
          flex-shrink: 0;
          color: #002D72;
          transition: all 0.3s ease;
          display: flex;
          align-items: center;
          justify-content: center;
          width: 28px;
          height: 28px;
          border-radius: 50%; }
          .faq-simple-component .faq-list .faq-item .faq-question .expand-icon svg {
            width: 18px;
            height: 18px;
            stroke-width: 2.5; }
        .faq-simple-component .faq-list .faq-item .faq-question.active {
          background: #FFEDF3; }
        .faq-simple-component .faq-list .faq-item .faq-question.active .expand-icon {
          transform: rotate(180deg);
          color: #FA4786; }
        @media (max-width: 768px) {
          .faq-simple-component .faq-list .faq-item .faq-question {
            padding: 20px 24px;
            gap: 16px; }
            .faq-simple-component .faq-list .faq-item .faq-question .question-text {
              font-size: 16px;
              line-height: 1.3; }
            .faq-simple-component .faq-list .faq-item .faq-question .expand-icon {
              width: 24px;
              height: 24px; }
              .faq-simple-component .faq-list .faq-item .faq-question .expand-icon svg {
                width: 16px;
                height: 16px; } }
      .faq-simple-component .faq-list .faq-item .faq-answer {
        overflow: hidden;
        max-height: 0;
        transition: max-height 0.4s cubic-bezier(0.4, 0, 0.2, 1); }
        .faq-simple-component .faq-list .faq-item .faq-answer.expanded {
          max-height: 2000px; }
        .faq-simple-component .faq-list .faq-item .faq-answer .answer-content {
          padding: 0 28px 28px;
          border-top: 1px solid rgba(238, 52, 127, 0.1); }
          .faq-simple-component .faq-list .faq-item .faq-answer .answer-content .answer-text {
            font-family: "FC-Iconic-Light";
            font-size: 18px;
            font-weight: 500;
            color: #333333;
            color: #002D72;
            line-height: 1.7;
            margin-top: 20px;
            font-weight: 400; }
            .faq-simple-component .faq-list .faq-item .faq-answer .answer-content .answer-text p {
              margin: 0 0 16px 0; }
              .faq-simple-component .faq-list .faq-item .faq-answer .answer-content .answer-text p:last-child {
                margin-bottom: 0; }
            .faq-simple-component .faq-list .faq-item .faq-answer .answer-content .answer-text ul,
            .faq-simple-component .faq-list .faq-item .faq-answer .answer-content .answer-text ol {
              margin: 16px 0;
              padding-left: 24px; }
              .faq-simple-component .faq-list .faq-item .faq-answer .answer-content .answer-text ul li,
              .faq-simple-component .faq-list .faq-item .faq-answer .answer-content .answer-text ol li {
                margin-bottom: 10px;
                line-height: 1.6; }
            .faq-simple-component .faq-list .faq-item .faq-answer .answer-content .answer-text strong {
              font-weight: 600;
              color: #2c3e50; }
            .faq-simple-component .faq-list .faq-item .faq-answer .answer-content .answer-text a {
              color: #FA4786;
              text-decoration: underline;
              font-weight: 500; }
              .faq-simple-component .faq-list .faq-item .faq-answer .answer-content .answer-text a:hover {
                color: #FA4786;
                text-decoration: none; }
          @media (max-width: 768px) {
            .faq-simple-component .faq-list .faq-item .faq-answer .answer-content {
              padding: 0 24px 24px; }
              .faq-simple-component .faq-list .faq-item .faq-answer .answer-content .answer-text {
                font-size: 16px;
                margin-top: 16px;
                line-height: 1.6; }
                .faq-simple-component .faq-list .faq-item .faq-answer .answer-content .answer-text ul,
                .faq-simple-component .faq-list .faq-item .faq-answer .answer-content .answer-text ol {
                  margin: 12px 0;
                  padding-left: 20px; }
                  .faq-simple-component .faq-list .faq-item .faq-answer .answer-content .answer-text ul li,
                  .faq-simple-component .faq-list .faq-item .faq-answer .answer-content .answer-text ol li {
                    margin-bottom: 8px; } }
  .faq-simple-component .loading,
  .faq-simple-component .error,
  .faq-simple-component .no-data {
    text-align: center;
    padding: 80px 20px;
    font-family: "FC-Iconic-Regular";
    font-size: 18px;
    font-weight: 500;
    color: #333333;
    color: #7f8c8d; }
    @media (max-width: 768px) {
      .faq-simple-component .loading,
      .faq-simple-component .error,
      .faq-simple-component .no-data {
        padding: 60px 20px;
        font-size: 16px; } }
  .faq-simple-component .error {
    color: #e74c3c; }
  @media (max-width: 1024px) {
    .faq-simple-component .faq-content-wrapper {
      padding: 0 30px; } }
  @media (max-width: 768px) {
    .faq-simple-component {
      padding: 40px 0; }
      .faq-simple-component .faq-content-wrapper {
        padding: 0 20px; }
      .faq-simple-component .faq-header {
        margin-bottom: 40px; }
      .faq-simple-component .faq-list {
        gap: 10px; } }
  @media (max-width: 480px) {
    .faq-simple-component {
      padding: 30px 0; }
      .faq-simple-component .faq-content-wrapper {
        padding: 0 16px; }
      .faq-simple-component .faq-header {
        margin-bottom: 30px; }
        .faq-simple-component .faq-header h2 {
          font-size: 22px; }
      .faq-simple-component .faq-list {
        gap: 8px; }
        .faq-simple-component .faq-list .faq-item {
          border-radius: 10px; }
          .faq-simple-component .faq-list .faq-item .faq-question {
            padding: 18px 20px;
            gap: 14px; }
            .faq-simple-component .faq-list .faq-item .faq-question .question-text {
              font-size: 16px; }
            .faq-simple-component .faq-list .faq-item .faq-question .expand-icon {
              width: 22px;
              height: 22px; }
              .faq-simple-component .faq-list .faq-item .faq-question .expand-icon svg {
                width: 14px;
                height: 14px; }
          .faq-simple-component .faq-list .faq-item .faq-answer .answer-content {
            padding: 0 20px 20px; }
            .faq-simple-component .faq-list .faq-item .faq-answer .answer-content .answer-text {
              font-size: 16px;
              margin-top: 14px;
              line-height: 1.5; } }
  .faq-simple-component .faq-link-mobile {
    display: inline-block;
    margin-top: 24px;
    padding: 12px 24px;
    border: 1px solid #FA4786;
    color: #FA4786;
    border-radius: 10px;
    background-color: #ffffff;
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%; }
    .faq-simple-component .faq-link-mobile:hover {
      background-color: #FA4786;
      color: #ffffff; }
  .faq-simple-component .faq-link-wrapper-mobile {
    text-align: center; }

@charset "UTF-8";
#formCampaignV2 {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 40px;
  padding-bottom: 40px; }
  #formCampaignV2.light-pink {
    background-color: #FFF8FA; }
  #formCampaignV2.dark-pink {
    background-color: #FFEDF3; }
  #formCampaignV2.white {
    background-color: #ffffff; }
  @media screen and (max-width: 640px) {
    #formCampaignV2 {
      padding: 0;
      gap: 0px; } }
  #formCampaignV2 .section-form-campaign {
    height: fit-content;
    width: 100%;
    max-width: 588px;
    border-radius: 40px;
    justify-content: center;
    background: var(--surface-base, #FFFFFF); }
    @media screen and (max-width: 640px) {
      #formCampaignV2 .section-form-campaign {
        max-width: 100%;
        border-radius: 0;
        height: auto; } }
    #formCampaignV2 .section-form-campaign .form-wrapper {
      width: 540px;
      display: flex;
      flex-direction: column;
      margin: 24px auto; }
      @media screen and (max-width: 640px) {
        #formCampaignV2 .section-form-campaign .form-wrapper {
          width: 100%;
          margin: 16px auto;
          padding: 0 16px; } }
    #formCampaignV2 .section-form-campaign .topic {
      width: 100%;
      max-width: 588px;
      font-family: "FC-Iconic-Medium", sans-serif;
      font-size: 36px;
      font-weight: 700;
      line-height: 1.4;
      text-align: center;
      color: var(--text-brand, #FA4786);
      word-wrap: break-word;
      overflow-wrap: break-word;
      hyphens: auto;
      margin: 0 auto;
      padding: 0 16px;
      box-sizing: border-box; }
      @media screen and (max-width: 640px) {
        #formCampaignV2 .section-form-campaign .topic {
          max-width: 343px;
          font-family: "FC-Iconic-Medium", sans-serif;
          font-weight: 700;
          font-size: 24px;
          line-height: 1.5;
          letter-spacing: 0%;
          text-align: center;
          margin: 0 auto;
          padding: 0 16px; } }
    #formCampaignV2 .section-form-campaign .text-validate {
      font-family: "FC-Iconic-Medium", sans-serif;
      font-size: 14px;
      font-weight: 500;
      width: fit-content;
      margin-left: auto;
      margin-right: auto;
      text-align: center;
      padding: 10px; }
    #formCampaignV2 .section-form-campaign .section-form-campaign-v2 {
      display: flex;
      justify-content: center;
      border-radius: 8px;
      transition: background-color 0.3s ease; }
      #formCampaignV2 .section-form-campaign .section-form-campaign-v2 .form-group-box {
        display: flex;
        flex-wrap: wrap;
        margin: 0px; }
        @media screen and (max-width: 640px) {
          #formCampaignV2 .section-form-campaign .section-form-campaign-v2 .form-group-box {
            width: 100%; } }
        #formCampaignV2 .section-form-campaign .section-form-campaign-v2 .form-group-box .form-group {
          width: 300px;
          margin: 10px 5px; }
          #formCampaignV2 .section-form-campaign .section-form-campaign-v2 .form-group-box .form-group.full {
            width: 100%; }
            @media screen and (max-width: 640px) {
              #formCampaignV2 .section-form-campaign .section-form-campaign-v2 .form-group-box .form-group.full {
                width: 343px;
                margin: 10px auto; } }
            #formCampaignV2 .section-form-campaign .section-form-campaign-v2 .form-group-box .form-group.full.radio-inline {
              display: flex;
              align-items: center;
              gap: 20px; }
              #formCampaignV2 .section-form-campaign .section-form-campaign-v2 .form-group-box .form-group.full.radio-inline .form-text {
                flex: 0 0 auto;
                margin-right: 10px; }
              #formCampaignV2 .section-form-campaign .section-form-campaign-v2 .form-group-box .form-group.full.radio-inline .input-row {
                margin-top: 0;
                flex: 0 0 auto;
                display: flex;
                align-items: center; }
            #formCampaignV2 .section-form-campaign .section-form-campaign-v2 .form-group-box .form-group.full.radio-mobile {
              display: flex;
              flex-direction: column;
              gap: 10px;
              width: 100%;
              max-width: 343px;
              margin: 10px auto; }
              #formCampaignV2 .section-form-campaign .section-form-campaign-v2 .form-group-box .form-group.full.radio-mobile .form-text {
                width: 100%;
                margin-bottom: 5px; }
              #formCampaignV2 .section-form-campaign .section-form-campaign-v2 .form-group-box .form-group.full.radio-mobile .radio-row-mobile {
                display: flex;
                flex-direction: row;
                gap: 20px;
                width: 100%;
                justify-content: flex-start; }
                #formCampaignV2 .section-form-campaign .section-form-campaign-v2 .form-group-box .form-group.full.radio-mobile .radio-row-mobile .input-row {
                  flex: 0 0 auto;
                  width: fit-content;
                  margin-top: 0;
                  display: flex;
                  align-items: center;
                  justify-content: flex-start; }
          #formCampaignV2 .section-form-campaign .section-form-campaign-v2 .form-group-box .form-group .input-row {
            display: flex;
            align-items: center;
            column-gap: 5px;
            margin-top: 10px;
            width: fit-content; }
            #formCampaignV2 .section-form-campaign .section-form-campaign-v2 .form-group-box .form-group .input-row .input-radio {
              cursor: pointer;
              accent-color: #FA4786;
              width: 20px;
              height: 20px;
              align-items: center; }
            #formCampaignV2 .section-form-campaign .section-form-campaign-v2 .form-group-box .form-group .input-row .input-row-text {
              cursor: pointer;
              accent-color: #FA4786;
              font-family: "FC-Iconic-Regular", sans-serif;
              font-size: 14px;
              color: #333333; }
          #formCampaignV2 .section-form-campaign .section-form-campaign-v2 .form-group-box .form-group .form-text {
            font-family: "FC-Iconic-Regular", sans-serif;
            color: #353536; }
            @media screen and (max-width: 640px) {
              #formCampaignV2 .section-form-campaign .section-form-campaign-v2 .form-group-box .form-group .form-text {
                font-size: 14px; } }
          #formCampaignV2 .section-form-campaign .section-form-campaign-v2 .form-group-box .form-group .form-input {
            position: relative;
            max-width: 540px;
            width: 100%;
            max-height: 60px;
            gap: 8px;
            border-radius: 16px;
            border: 1px solid var(--border-default, #B0BED3);
            background-color: #ffffff;
            padding: 16px 20px;
            font-family: "FC-Iconic-Regular", sans-serif;
            font-size: 14px;
            color: #333333;
            box-sizing: border-box; }
            @media screen and (max-width: 640px) {
              #formCampaignV2 .section-form-campaign .section-form-campaign-v2 .form-group-box .form-group .form-input {
                width: 343px;
                height: 52px;
                max-width: 343px;
                padding: 4px 16px;
                gap: 4px;
                border-radius: 16px;
                border: 1px solid var(--border-default, #B0BED3);
                background: var(--surface-base, #FFFFFF); } }
            #formCampaignV2 .section-form-campaign .section-form-campaign-v2 .form-group-box .form-group .form-input::placeholder {
              color: #B0BED3;
              font-family: "FC-Iconic-Regular", sans-serif;
              font-size: 14px;
              opacity: 1; }
            #formCampaignV2 .section-form-campaign .section-form-campaign-v2 .form-group-box .form-group .form-input:focus {
              outline: none;
              box-shadow: none;
              background-color: #ffffff; }
            #formCampaignV2 .section-form-campaign .section-form-campaign-v2 .form-group-box .form-group .form-input:disabled {
              background-color: #ffffff;
              color: #333333;
              opacity: 1;
              cursor: not-allowed; }
            #formCampaignV2 .section-form-campaign .section-form-campaign-v2 .form-group-box .form-group .form-input.invalid {
              transition: all 0.2s; }
            #formCampaignV2 .section-form-campaign .section-form-campaign-v2 .form-group-box .form-group .form-input.invalid-box {
              transition: all 0.2s; }
          #formCampaignV2 .section-form-campaign .section-form-campaign-v2 .form-group-box .form-group .floating-input-group {
            position: relative;
            margin-bottom: 0;
            width: 100%; }
            #formCampaignV2 .section-form-campaign .section-form-campaign-v2 .form-group-box .form-group .floating-input-group .floating-input {
              width: 100%;
              height: 60px;
              padding: 20px 16px 8px 16px;
              border: 1px solid #b0bed3;
              border-radius: 16px;
              font-size: 18px;
              font-family: "FC-Iconic-Regular", sans-serif;
              background: transparent;
              outline: none;
              transition: all 0.3s ease;
              box-sizing: border-box; }
              @media screen and (max-width: 640px) {
                #formCampaignV2 .section-form-campaign .section-form-campaign-v2 .form-group-box .form-group .floating-input-group .floating-input {
                  height: 52px;
                  padding: 17px 16px 8px 16px;
                  font-size: 16px; } }
              #formCampaignV2 .section-form-campaign .section-form-campaign-v2 .form-group-box .form-group .floating-input-group .floating-input::placeholder {
                opacity: 0;
                transition: opacity 0.3s ease; }
              #formCampaignV2 .section-form-campaign .section-form-campaign-v2 .form-group-box .form-group .floating-input-group .floating-input:focus {
                background: #ffffff;
                caret-color: #fa4786;
                box-shadow: none; }
              #formCampaignV2 .section-form-campaign .section-form-campaign-v2 .form-group-box .form-group .floating-input-group .floating-input.has-value {
                background: #ffffff;
                color: #002D72; }
              #formCampaignV2 .section-form-campaign .section-form-campaign-v2 .form-group-box .form-group .floating-input-group .floating-input.invalid {
                background: #ffffff;
                box-shadow: none; }
            #formCampaignV2 .section-form-campaign .section-form-campaign-v2 .form-group-box .form-group .floating-input-group .floating-label {
              position: absolute;
              left: 16px;
              top: 50%;
              transform: translateY(-50%);
              color: #999;
              font-size: 18px;
              font-family: "FC-Iconic-Regular", sans-serif;
              pointer-events: none;
              transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
              background: white;
              padding: 0 4px;
              z-index: 1; }
              @media screen and (max-width: 640px) {
                #formCampaignV2 .section-form-campaign .section-form-campaign-v2 .form-group-box .form-group .floating-input-group .floating-label {
                  font-size: 16px; } }
              #formCampaignV2 .section-form-campaign .section-form-campaign-v2 .form-group-box .form-group .floating-input-group .floating-label.active {
                top: 0;
                transform: translateY(-50%);
                font-size: 14px;
                color: #B0BED3;
                font-weight: 500; }
                @media screen and (max-width: 640px) {
                  #formCampaignV2 .section-form-campaign .section-form-campaign-v2 .form-group-box .form-group .floating-input-group .floating-label.active {
                    font-size: 12px; } }
              #formCampaignV2 .section-form-campaign .section-form-campaign-v2 .form-group-box .form-group .floating-input-group .floating-label.focus {
                top: 0;
                transform: translateY(-50%);
                font-size: 14px;
                color: #FA4786;
                font-weight: 500; }
                @media screen and (max-width: 640px) {
                  #formCampaignV2 .section-form-campaign .section-form-campaign-v2 .form-group-box .form-group .floating-input-group .floating-label.focus {
                    font-size: 12px; } }
              #formCampaignV2 .section-form-campaign .section-form-campaign-v2 .form-group-box .form-group .floating-input-group .floating-label.invalid {
                color: #FA4786; }
              #formCampaignV2 .section-form-campaign .section-form-campaign-v2 .form-group-box .form-group .floating-input-group .floating-label.error {
                border: #FF3535; }
            #formCampaignV2 .section-form-campaign .section-form-campaign-v2 .form-group-box .form-group .floating-input-group .error-text {
              position: absolute;
              top: 100%;
              left: 0;
              font-size: 14px;
              color: #FA4786;
              background: #FFEBF6;
              padding: 8px 12px;
              border-radius: 8px;
              margin-top: 0px;
              font-family: "FC-Iconic-Regular", sans-serif;
              z-index: 10;
              animation: slideInError 0.3s ease-out;
              width: fit-content;
              white-space: nowrap; }
              @media screen and (max-width: 640px) {
                #formCampaignV2 .section-form-campaign .section-form-campaign-v2 .form-group-box .form-group .floating-input-group .error-text {
                  font-size: 12px;
                  padding: 6px 12px; } }
          #formCampaignV2 .section-form-campaign .section-form-campaign-v2 .form-group-box .form-group.invalid-phone-box:after {
            position: absolute;
            content: "\E23\E39\E1B\E41\E1A\E1A\E2B\E21\E32\E22\E40\E25\E02\E42\E17\E23\E28\E31\E1E\E17\E4C\E44\E21\E48\E16\E39\E01\E15\E49\E2D\E07";
            font-size: 12px;
            font-weight: 400;
            line-height: 17px;
            color: #002D72;
            display: block;
            background-color: #E6EAF1;
            opacity: 0;
            transition: all 0.2s;
            width: 155px;
            height: 28px;
            padding: 4px 8px;
            border-radius: 8px; }
          #formCampaignV2 .section-form-campaign .section-form-campaign-v2 .form-group-box .form-group.invalid-name-box:after {
            position: absolute;
            content: "\E01\E23\E38\E13\E32\E01\E23\E2D\E01\E0A\E37\E48\E2D\E20\E32\E29\E32\E44\E17\E22";
            font-size: 12px;
            font-weight: 400;
            line-height: 17px;
            color: #002D72;
            padding: 5px;
            display: block;
            background-color: #E6EAF1;
            opacity: 0;
            transition: all 0.2s;
            border-radius: 8px;
            z-index: 1; }
          #formCampaignV2 .section-form-campaign .section-form-campaign-v2 .form-group-box .form-group.show:after {
            opacity: 1; }
        #formCampaignV2 .section-form-campaign .section-form-campaign-v2 .form-group-box .btn-box {
          display: flex;
          justify-content: center;
          width: 100%;
          margin-top: 10px; }
          @media screen and (max-width: 640px) {
            #formCampaignV2 .section-form-campaign .section-form-campaign-v2 .form-group-box .btn-box {
              max-width: 343px;
              margin: 10px auto 0px auto; } }
          #formCampaignV2 .section-form-campaign .section-form-campaign-v2 .form-group-box .btn-box .btn {
            font-family: "FC-Iconic-Regular", sans-serif;
            font-size: 16px;
            min-width: 160px;
            text-align: center;
            padding: 6px 10px;
            border-radius: 4px;
            cursor: not-allowed; }
            #formCampaignV2 .section-form-campaign .section-form-campaign-v2 .form-group-box .btn-box .btn.btn-confirm {
              width: 100%;
              max-width: 540px;
              height: 54px;
              gap: 8px;
              border-radius: 16px;
              padding: 12px 16px;
              background: var(--surface-brand, #FA4786);
              color: #ffffff;
              cursor: pointer;
              opacity: 1;
              border: none;
              display: flex;
              align-items: center;
              justify-content: center;
              font-weight: 500;
              word-wrap: break-word;
              overflow-wrap: break-word;
              white-space: normal; }
              @media screen and (max-width: 640px) {
                #formCampaignV2 .section-form-campaign .section-form-campaign-v2 .form-group-box .btn-box .btn.btn-confirm {
                  max-width: 343px;
                  height: 48px;
                  width: 100%;
                  padding: 12px 16px;
                  gap: 8px;
                  border-radius: 16px;
                  background: var(--surface-brand, #FA4786);
                  font-size: 14px; } }
  #formCampaignV2 .section-data-box .data-command-box {
    display: block;
    width: auto;
    height: auto;
    padding: 10px 10px;
    font-size: 14px;
    z-index: 97;
    transition: height 0.2s; }
    #formCampaignV2 .section-data-box .data-command-box .data-command-btn {
      cursor: pointer;
      display: block;
      width: fit-content;
      padding: 5px 15px;
      border-radius: 4px; }
      #formCampaignV2 .section-data-box .data-command-box .data-command-btn.btn-cancel {
        background-color: #d0021b;
        color: #fff;
        margin-left: auto;
        margin-right: 10px;
        border: none; }
      #formCampaignV2 .section-data-box .data-command-box .data-command-btn.btn-submit {
        background-color: #002b70;
        color: #fff;
        border: none; }
        #formCampaignV2 .section-data-box .data-command-box .data-command-btn.btn-submit.disabled {
          background-color: #9c9c9c;
          color: #fff; }
      #formCampaignV2 .section-data-box .data-command-box .data-command-btn.btn-edit {
        margin-left: auto;
        background-color: #002b70;
        color: #fff;
        border: none; }
        #formCampaignV2 .section-data-box .data-command-box .data-command-btn.btn-edit.disabled {
          background-color: #9c9c9c;
          color: #fff; }
  #formCampaignV2 .btn-box-policy {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: 540px;
    margin: 10px auto;
    font-family: "FC-Iconic-Regular", sans-serif;
    font-weight: 500;
    font-size: 14px;
    text-align: center; }
    @media screen and (max-width: 640px) {
      #formCampaignV2 .btn-box-policy {
        max-width: 343px;
        min-height: 36px;
        gap: 4px;
        margin: 10px auto;
        font-size: 12px; } }
    #formCampaignV2 .btn-box-policy p {
      font-family: "FC-Iconic-Regular", sans-serif;
      color: #353536;
      margin: 0; }
      #formCampaignV2 .btn-box-policy p a {
        color: var(--text-link, #4FA0CA); }
  #formCampaignV2 .noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  #formCampaignV2 .remark-box {
    margin: 0 16px; }
    @media screen and (max-width: 640px) {
      #formCampaignV2 .remark-box {
        max-width: 375px;
        height: 76px;
        opacity: 1;
        padding: 20px 16px;
        gap: 24px;
        margin: 0px; } }
    #formCampaignV2 .remark-box .remark {
      max-width: 688px;
      opacity: 1;
      font-family: "FC-Iconic-Light", sans-serif;
      font-weight: 400;
      font-size: 14px;
      line-height: 20px;
      text-align: center;
      color: var(--text-default, #002D72); }
      @media screen and (max-width: 640px) {
        #formCampaignV2 .remark-box .remark {
          max-width: 343px;
          font-size: 12px;
          line-height: 18px;
          white-space: pre-line; } }

@keyframes slideInError {
  from {
    opacity: 0;
    transform: translateY(-10px); }
  to {
    opacity: 1;
    transform: translateY(0); } }

#highlightBubble {
  width: 100%;
  height: 100%;
  padding-top: 0px; }
  #highlightBubble.light-pink {
    background-color: #FFF8FA; }
  #highlightBubble.dark-pink {
    background-color: #FFEDF3; }
  #highlightBubble.white {
    background-color: #ffffff; }
  #highlightBubble .main-highlight-bubble {
    max-width: 1440px;
    margin: 36px auto;
    display: flex;
    flex-direction: column;
    gap: 40px; }
    @media (max-width: 920px) {
      #highlightBubble .main-highlight-bubble .title-box {
        display: flex;
        flex-direction: column;
        width: 100%; }
        #highlightBubble .main-highlight-bubble .title-box .sub-title {
          max-width: 524px;
          margin: 0 auto; } }
    @media (max-width: 640px) {
      #highlightBubble .main-highlight-bubble {
        width: 100%;
        max-width: 375px;
        margin: 0 auto;
        gap: 16px;
        padding: 16px; } }
    #highlightBubble .main-highlight-bubble .title-box {
      display: flex;
      flex-direction: column;
      gap: 8px; }
      @media (max-width: 640px) {
        #highlightBubble .main-highlight-bubble .title-box {
          gap: 4px;
          margin: 0 auto; } }
      #highlightBubble .main-highlight-bubble .title-box .title {
        justify-content: center;
        font-family: "FC-Iconic-Medium", sans-serif;
        font-weight: 700;
        font-size: 36px;
        line-height: 52px;
        text-align: center;
        color: #FA4786; }
        @media (max-width: 640px) {
          #highlightBubble .main-highlight-bubble .title-box .title {
            width: 343px;
            font-size: 24px;
            line-height: 36px;
            text-align: center;
            color: var(--text-brand, #FA4786);
            margin: 0 auto;
            white-space: pre-line; } }
      #highlightBubble .main-highlight-bubble .title-box .sub-title {
        font-family: "FC-Iconic-Light", sans-serif;
        font-weight: 400;
        font-size: 18px;
        line-height: 28px;
        text-align: center;
        color: #002D72; }
        @media (max-width: 640px) {
          #highlightBubble .main-highlight-bubble .title-box .sub-title {
            width: 343px;
            font-size: 16px;
            line-height: 24px;
            text-align: center;
            color: var(--text-default, #002D72);
            margin: 0 auto;
            white-space: pre-line; } }
    #highlightBubble .main-highlight-bubble .highlight-box {
      display: grid;
      width: 880px;
      height: 512px;
      margin: auto;
      grid-template-columns: repeat(2, 1fr);
      grid-template-rows: repeat(2, 1fr);
      grid-column-gap: 20px;
      grid-row-gap: 20px; }
      @media (max-width: 920px) {
        #highlightBubble .main-highlight-bubble .highlight-box {
          width: 100%;
          height: auto;
          grid-template-columns: 1fr;
          grid-template-rows: auto auto auto;
          max-width: 524px; } }
      @media (max-width: 640px) {
        #highlightBubble .main-highlight-bubble .highlight-box {
          width: 343px;
          height: auto;
          grid-template-columns: 1fr;
          grid-template-rows: auto auto auto;
          margin: 0 auto; } }
      #highlightBubble .main-highlight-bubble .highlight-box .highlight {
        grid-area: 1 / 1 / 3 / 2;
        width: 524px;
        height: 512px;
        border-radius: 36px;
        padding-top: 32px;
        padding-right: 40px;
        padding-bottom: 32px;
        padding-left: 40px;
        background: var(--surface-component-surface, #FFEDF3);
        display: flex;
        flex-direction: column;
        gap: 20px;
        position: relative; }
        @media (max-width: 920px) {
          #highlightBubble .main-highlight-bubble .highlight-box .highlight {
            grid-area: 1 / 1 / 2 / 2;
            width: 100%;
            height: auto;
            min-height: 400px; } }
        @media (max-width: 640px) {
          #highlightBubble .main-highlight-bubble .highlight-box .highlight {
            grid-area: 1 / 1 / 2 / 2;
            width: 343px;
            height: auto;
            min-height: 384px;
            gap: 16px;
            border-radius: 24px;
            padding: 20px; } }
        #highlightBubble .main-highlight-bubble .highlight-box .highlight .title {
          font-family: "FC-Iconic-Medium", sans-serif;
          font-weight: 700;
          font-size: 24px;
          line-height: 36px;
          color: var(--text-brand, #FA4786); }
          @media (max-width: 640px) {
            #highlightBubble .main-highlight-bubble .highlight-box .highlight .title {
              width: 303px;
              font-size: 20px;
              line-height: 30px;
              color: var(--text-brand, #FA4786);
              white-space: pre-line; } }
        #highlightBubble .main-highlight-bubble .highlight-box .highlight .item {
          font-family: "FC-Iconic-Light", sans-serif;
          font-weight: 400;
          font-size: 18px;
          line-height: 28px;
          color: var(--text-default, #002D72);
          display: flex;
          align-items: flex-start; }
          @media (max-width: 640px) {
            #highlightBubble .main-highlight-bubble .highlight-box .highlight .item {
              font-size: 16px;
              line-height: 24px;
              color: var(--text-default, #002D72);
              white-space: pre-line; } }
          #highlightBubble .main-highlight-bubble .highlight-box .highlight .item .bi-check-circle-fill {
            width: 16px;
            height: 16px;
            margin-right: 8px;
            margin-top: 6px;
            flex-shrink: 0;
            background: linear-gradient(180deg, #002D72 0%, #4FA0CA 100%);
            -webkit-mask: url("/static/fontawesome/svgs/solid/check-circle.svg") no-repeat center;
            mask: url("/static/fontawesome/svgs/solid/check-circle.svg") no-repeat center;
            -webkit-mask-size: contain;
            mask-size: contain; }
            @media (max-width: 920px) {
              #highlightBubble .main-highlight-bubble .highlight-box .highlight .item .bi-check-circle-fill {
                width: 16px;
                height: 16px;
                margin-top: 6px; } }
            @media (max-width: 640px) {
              #highlightBubble .main-highlight-bubble .highlight-box .highlight .item .bi-check-circle-fill {
                width: 14px;
                height: 14px;
                margin-top: 5px; } }
        #highlightBubble .main-highlight-bubble .highlight-box .highlight .more-detail {
          height: 24px;
          font-family: "FC-Iconic-Light", sans-serif;
          font-weight: 400;
          font-size: 16px;
          line-height: 24px;
          text-align: center;
          text-decoration: underline;
          text-decoration-style: solid;
          text-decoration-thickness: 0%;
          color: #4FA0CA;
          position: absolute;
          bottom: 32px;
          left: 40px;
          right: 40px; }
          @media (max-width: 920px) {
            #highlightBubble .main-highlight-bubble .highlight-box .highlight .more-detail {
              position: relative;
              bottom: auto;
              left: auto;
              right: auto;
              margin-top: 20px; } }
          @media (max-width: 640px) {
            #highlightBubble .main-highlight-bubble .highlight-box .highlight .more-detail {
              width: 303px;
              font-size: 12px;
              line-height: 18px;
              text-align: center;
              text-decoration: underline;
              text-decoration-style: solid;
              text-decoration-thickness: 0%;
              color: #4FA0CA;
              position: relative;
              bottom: auto;
              left: auto;
              right: auto;
              margin-top: 20px; } }
      #highlightBubble .main-highlight-bubble .highlight-box .property {
        grid-area: 1 / 2 / 2 / 3;
        width: 336px;
        height: 264px;
        border-radius: 36px;
        padding-top: 32px;
        padding-right: 40px;
        padding-bottom: 32px;
        padding-left: 40px;
        background: var(--surface-component-surface, #FFEDF3);
        display: flex;
        flex-direction: column;
        gap: 20px;
        position: relative; }
        @media (max-width: 920px) {
          #highlightBubble .main-highlight-bubble .highlight-box .property {
            grid-area: 2 / 1 / 3 / 2;
            width: 100%;
            height: auto;
            min-height: 200px; } }
        @media (max-width: 640px) {
          #highlightBubble .main-highlight-bubble .highlight-box .property {
            grid-area: 2 / 1 / 3 / 2;
            width: 343px;
            height: auto;
            gap: 16px;
            border-radius: 24px;
            padding: 20px; } }
        #highlightBubble .main-highlight-bubble .highlight-box .property .title {
          font-family: "FC-Iconic-Medium", sans-serif;
          font-weight: 700;
          font-size: 24px;
          line-height: 36px;
          color: var(--text-brand, #FA4786); }
          @media (max-width: 640px) {
            #highlightBubble .main-highlight-bubble .highlight-box .property .title {
              width: 303px;
              font-size: 20px;
              line-height: 30px;
              color: var(--text-brand, #FA4786);
              white-space: pre-line; } }
        #highlightBubble .main-highlight-bubble .highlight-box .property .items-wrapper {
          display: flex;
          flex-direction: column;
          gap: 12px; }
        #highlightBubble .main-highlight-bubble .highlight-box .property .item {
          font-family: "FC-Iconic-Light", sans-serif;
          font-weight: 400;
          font-size: 18px;
          line-height: 28px;
          color: var(--text-default, #002D72);
          display: flex;
          align-items: flex-start;
          text-indent: 10px; }
          @media (max-width: 640px) {
            #highlightBubble .main-highlight-bubble .highlight-box .property .item {
              font-size: 16px;
              line-height: 24px;
              color: var(--text-default, #002D72);
              white-space: pre-line;
              text-indent: 8px; } }
      #highlightBubble .main-highlight-bubble .highlight-box .document {
        grid-area: 2 / 2 / 3 / 3;
        width: 336px;
        height: 228px;
        border-radius: 36px;
        padding-top: 32px;
        padding-right: 40px;
        padding-bottom: 32px;
        padding-left: 40px;
        background: var(--surface-component-surface, #FFEDF3);
        display: flex;
        flex-direction: column;
        gap: 20px;
        position: relative; }
        @media (max-width: 920px) {
          #highlightBubble .main-highlight-bubble .highlight-box .document {
            grid-area: 3 / 1 / 4 / 2;
            width: 100%;
            height: auto;
            min-height: 180px; } }
        @media (max-width: 640px) {
          #highlightBubble .main-highlight-bubble .highlight-box .document {
            grid-area: 3 / 1 / 4 / 2;
            width: 343px;
            height: auto;
            gap: 16px;
            border-radius: 24px;
            padding: 20px; } }
        #highlightBubble .main-highlight-bubble .highlight-box .document .title {
          font-family: "FC-Iconic-Medium", sans-serif;
          font-weight: 700;
          font-size: 24px;
          line-height: 36px;
          color: var(--text-brand, #FA4786); }
          @media (max-width: 640px) {
            #highlightBubble .main-highlight-bubble .highlight-box .document .title {
              width: 303px;
              font-size: 20px;
              line-height: 30px;
              color: var(--text-brand, #FA4786);
              white-space: pre-line; } }
        #highlightBubble .main-highlight-bubble .highlight-box .document .items-wrapper {
          display: flex;
          flex-direction: column;
          gap: 12px; }
        #highlightBubble .main-highlight-bubble .highlight-box .document .item {
          font-family: "FC-Iconic-Light", sans-serif;
          font-weight: 400;
          font-size: 18px;
          line-height: 28px;
          color: var(--text-default, #002D72);
          display: flex;
          align-items: flex-start;
          text-indent: 10px; }
          @media (max-width: 640px) {
            #highlightBubble .main-highlight-bubble .highlight-box .document .item {
              font-size: 16px;
              line-height: 24px;
              color: var(--text-default, #002D72);
              white-space: pre-line;
              text-indent: 8px; } }
    @media (max-width: 920px) {
      #highlightBubble .main-highlight-bubble .remark-box {
        width: 100%;
        max-width: 524px;
        margin: 0 auto; } }
    @media (max-width: 640px) {
      #highlightBubble .main-highlight-bubble .remark-box {
        width: 100%;
        max-width: 343px;
        margin: 0 auto; } }
    #highlightBubble .main-highlight-bubble .remark-box .remark {
      font-family: "FC-Iconic-Light", sans-serif;
      font-weight: 400;
      font-size: 14px;
      line-height: 20px;
      text-align: center;
      color: #002D72; }
      @media (max-width: 640px) {
        #highlightBubble .main-highlight-bubble .remark-box .remark {
          width: 343px;
          font-size: 12px;
          line-height: 18px;
          text-align: center;
          color: var(--text-default, #002D72);
          white-space: pre-line; } }
    #highlightBubble .main-highlight-bubble .faq-box {
      width: calc(100% - 40px);
      max-width: 1196px;
      border-radius: 20px;
      background: var(--surface-base, #FFFFFF);
      overflow: hidden;
      transition: all 0.3s ease;
      align-items: center;
      margin: 0 auto;
      min-width: 880px; }
      @media (max-width: 920px) {
        #highlightBubble .main-highlight-bubble .faq-box {
          width: calc(100% - 40px);
          max-width: 524px;
          margin: 0 auto;
          min-width: auto; } }
      @media (max-width: 640px) {
        #highlightBubble .main-highlight-bubble .faq-box {
          width: 343px;
          height: auto;
          max-width: 343px;
          border-radius: 20px;
          padding: 0;
          background: var(--Surface-base, #FFFFFF);
          margin: 0 auto;
          min-width: auto; } }
      #highlightBubble .main-highlight-bubble .faq-box .faq-header {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 24px 20px;
        cursor: pointer;
        user-select: none;
        transition: background-color 0.3s ease; }
        @media (max-width: 640px) {
          #highlightBubble .main-highlight-bubble .faq-box .faq-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 16px;
            cursor: pointer;
            user-select: none;
            transition: background-color 0.3s ease; } }
        #highlightBubble .main-highlight-bubble .faq-box .faq-header .title {
          margin: 0;
          font-family: "FC-Iconic-Regular", sans-serif;
          font-weight: 500;
          font-size: 20px;
          line-height: 28px;
          color: #002D72;
          transition: color 0.3s ease; }
          @media (max-width: 640px) {
            #highlightBubble .main-highlight-bubble .faq-box .faq-header .title {
              font-size: 16px;
              line-height: 24px;
              color: var(--Text-default, #002D72);
              transition: color 0.3s ease; } }
        #highlightBubble .main-highlight-bubble .faq-box .faq-header .toggle-icon {
          display: flex;
          align-items: center;
          justify-content: center;
          width: 28px;
          height: 28px;
          transition: transform 0.3s ease; }
          @media (max-width: 640px) {
            #highlightBubble .main-highlight-bubble .faq-box .faq-header .toggle-icon {
              display: flex;
              align-items: center;
              justify-content: center;
              width: 24px;
              height: 24px;
              transition: transform 0.3s ease; } }
          #highlightBubble .main-highlight-bubble .faq-box .faq-header .toggle-icon.rotated {
            transform: rotate(180deg); }
          #highlightBubble .main-highlight-bubble .faq-box .faq-header .toggle-icon svg {
            width: 16px;
            height: 16px;
            color: #002D72; }
            @media (max-width: 640px) {
              #highlightBubble .main-highlight-bubble .faq-box .faq-header .toggle-icon svg {
                width: 14px;
                height: 14px; } }
      #highlightBubble .main-highlight-bubble .faq-box:not(.collapsed) .faq-header {
        background-color: #FFEDF3; }
        #highlightBubble .main-highlight-bubble .faq-box:not(.collapsed) .faq-header .title {
          color: #FA4786; }
        #highlightBubble .main-highlight-bubble .faq-box:not(.collapsed) .faq-header .toggle-icon svg {
          color: #FA4786; }
      #highlightBubble .main-highlight-bubble .faq-box .faq-content {
        padding: 24px 20px;
        transition: all 0.3s ease; }
        @media (max-width: 640px) {
          #highlightBubble .main-highlight-bubble .faq-box .faq-content {
            padding: 16px;
            transition: all 0.3s ease; } }
        #highlightBubble .main-highlight-bubble .faq-box .faq-content.hidden {
          max-height: 0;
          padding-top: 0;
          padding-bottom: 0;
          overflow: hidden; }
        #highlightBubble .main-highlight-bubble .faq-box .faq-content .item {
          font-family: "FC-Iconic-Light", sans-serif;
          font-weight: 400;
          font-size: 16px;
          line-height: 30px;
          color: #002D72; }
          @media (max-width: 640px) {
            #highlightBubble .main-highlight-bubble .faq-box .faq-content .item {
              font-size: 14px;
              line-height: 20px;
              color: var(--text-default, #002D72);
              white-space: pre-line; } }
          #highlightBubble .main-highlight-bubble .faq-box .faq-content .item:first-child {
            margin-top: 0; }
          #highlightBubble .main-highlight-bubble .faq-box .faq-content .item:last-child {
            margin-bottom: 0; }
    #highlightBubble .main-highlight-bubble.tractor-product .highlight-box .highlight .title,
    #highlightBubble .main-highlight-bubble.tractor-product .highlight-box .property .title,
    #highlightBubble .main-highlight-bubble.tractor-product .highlight-box .document .title {
      font-size: 22px; }
      @media (max-width: 640px) {
        #highlightBubble .main-highlight-bubble.tractor-product .highlight-box .highlight .title,
        #highlightBubble .main-highlight-bubble.tractor-product .highlight-box .property .title,
        #highlightBubble .main-highlight-bubble.tractor-product .highlight-box .document .title {
          font-size: 20px; } }

#loanStep {
  width: 100%;
  height: 100%;
  padding-top: 0px; }
  #loanStep.white {
    background-color: #ffffff; }
  #loanStep.light-pink {
    background-color: #FFF8FA; }
  #loanStep.dark-pink {
    background-color: #FFEDF3; }
  #loanStep .main-loan-step {
    max-width: 1440px;
    margin: 36px auto;
    display: flex;
    flex-direction: column;
    gap: 40px; }
    @media (max-width: 640px) {
      #loanStep .main-loan-step {
        width: 100%;
        max-width: 375px;
        margin: 0 auto;
        padding: 16px;
        gap: 16px; } }
    #loanStep .main-loan-step .title {
      font-family: "FC-Iconic-Medium", sans-serif;
      font-weight: 700;
      font-size: 36px;
      line-height: 52px;
      text-align: center;
      color: var(--text-brand, #FA4786);
      margin: 0 auto; }
      @media (max-width: 640px) {
        #loanStep .main-loan-step .title {
          font-size: 24px;
          line-height: 36px;
          margin: 0;
          white-space: pre-line; } }
    #loanStep .main-loan-step .detail-box {
      max-width: 1075px;
      width: 100%;
      height: fit-content;
      gap: 20px;
      display: flex;
      flex-direction: row;
      position: relative;
      margin: 0 auto; }
      @media (max-width: 640px) {
        #loanStep .main-loan-step .detail-box {
          max-width: 343px;
          height: fit-content;
          flex-direction: column;
          align-items: center; } }
      #loanStep .main-loan-step .detail-box .connecting-line {
        position: absolute;
        top: 31px;
        left: 50%;
        transform: translateX(-50%);
        width: 730px;
        height: 0px;
        border-width: 1px;
        border: 1px solid var(--border-default, #B0BED3);
        z-index: 1; }
        @media (max-width: 1074px) {
          #loanStep .main-loan-step .detail-box .connecting-line {
            width: calc(100% - 320px);
            min-width: 500px; } }
        @media (max-width: 640px) {
          #loanStep .main-loan-step .detail-box .connecting-line {
            display: none; } }
      #loanStep .main-loan-step .detail-box .content {
        width: 345px;
        height: fit-content;
        gap: 16px;
        display: flex;
        flex-direction: column;
        align-items: center;
        position: relative;
        z-index: 2; }
        @media (max-width: 640px) {
          #loanStep .main-loan-step .detail-box .content {
            max-width: 343px;
            height: fit-content;
            gap: 8px;
            display: flex;
            flex-direction: row;
            align-items: flex-start; } }
        #loanStep .main-loan-step .detail-box .content .number {
          width: 62px;
          height: 62px;
          border-radius: 9999px;
          padding: 16px;
          background: var(--surface-component-surface, #FFEDF3);
          display: flex;
          align-items: center;
          justify-content: center;
          font-family: "FC-Iconic-Regular", sans-serif;
          font-weight: 600;
          font-size: 20px;
          line-height: 36px;
          color: var(--text-brand, #FA4786); }
          @media (max-width: 640px) {
            #loanStep .main-loan-step .detail-box .content .number {
              width: 32px;
              height: 32px;
              padding: 4px;
              font-size: 16px;
              line-height: 24px;
              text-align: center;
              flex-shrink: 0; } }
        #loanStep .main-loan-step .detail-box .content .image {
          width: 140px;
          height: 140px;
          border-radius: 9999px; }
          @media (max-width: 640px) {
            #loanStep .main-loan-step .detail-box .content .image {
              display: none; } }
          #loanStep .main-loan-step .detail-box .content .image img {
            width: 100%;
            height: 100%;
            object-fit: cover; }
        #loanStep .main-loan-step .detail-box .content .content-text-box-prepare-documents {
          display: flex;
          flex-direction: column;
          gap: 16px;
          padding: 0px; }
          @media (max-width: 640px) {
            #loanStep .main-loan-step .detail-box .content .content-text-box-prepare-documents {
              flex: 1;
              gap: 4px;
              margin: auto; } }
          #loanStep .main-loan-step .detail-box .content .content-text-box-prepare-documents .title {
            font-family: "FC-Iconic-Regular", sans-serif;
            font-weight: 600;
            font-size: 20px;
            line-height: 30px;
            text-align: center;
            color: var(--text-default, #002D72); }
            @media (max-width: 640px) {
              #loanStep .main-loan-step .detail-box .content .content-text-box-prepare-documents .title {
                font-size: 16px;
                line-height: 24px;
                text-align: left; } }
          #loanStep .main-loan-step .detail-box .content .content-text-box-prepare-documents .description {
            max-width: 164px;
            font-family: "FC-Iconic-Light", sans-serif;
            font-weight: 400;
            font-size: 16px;
            line-height: 24px;
            text-align: left;
            color: var(--text-tertiary, #7F7F80);
            white-space: pre-line;
            margin-left: 32px; }
            @media (max-width: 640px) {
              #loanStep .main-loan-step .detail-box .content .content-text-box-prepare-documents .description {
                max-width: 303px;
                font-size: 14px;
                line-height: 20px;
                margin-left: 8px; } }
        #loanStep .main-loan-step .detail-box .content .content-text-box-fill-in-information {
          display: flex;
          flex-direction: column;
          gap: 16px;
          padding: 0px; }
          @media (max-width: 640px) {
            #loanStep .main-loan-step .detail-box .content .content-text-box-fill-in-information {
              flex: 1;
              gap: 4px;
              margin: auto; } }
          #loanStep .main-loan-step .detail-box .content .content-text-box-fill-in-information .title {
            font-family: "FC-Iconic-Regular", sans-serif;
            font-weight: 600;
            font-size: 20px;
            line-height: 30px;
            text-align: center;
            color: var(--text-default, #002D72); }
            @media (max-width: 640px) {
              #loanStep .main-loan-step .detail-box .content .content-text-box-fill-in-information .title {
                font-size: 16px;
                line-height: 24px;
                text-align: left; } }
          #loanStep .main-loan-step .detail-box .content .content-text-box-fill-in-information .description {
            max-width: 301px;
            font-family: "FC-Iconic-Light", sans-serif;
            font-weight: 400;
            font-size: 16px;
            line-height: 24px;
            text-align: left;
            color: var(--text-tertiary, #7F7F80);
            white-space: pre-line;
            margin-left: 6px; }
            @media (max-width: 640px) {
              #loanStep .main-loan-step .detail-box .content .content-text-box-fill-in-information .description {
                max-width: 303px;
                font-size: 14px;
                line-height: 20px;
                margin-left: 0px; }
                #loanStep .main-loan-step .detail-box .content .content-text-box-fill-in-information .description div:not(:first-child) {
                  margin-left: 8px;
                  padding-left: 12px;
                  text-indent: -12px; } }
            #loanStep .main-loan-step .detail-box .content .content-text-box-fill-in-information .description .branch-link {
              font-family: "FC-Iconic-Light", sans-serif;
              font-weight: 400;
              font-size: 16px;
              line-height: 24px;
              text-decoration: underline;
              text-decoration-style: solid;
              text-decoration-thickness: 0%;
              color: #4FA0CA; }
              @media (max-width: 640px) {
                #loanStep .main-loan-step .detail-box .content .content-text-box-fill-in-information .description .branch-link {
                  font-size: 14px;
                  line-height: 20px; } }
        #loanStep .main-loan-step .detail-box .content .content-text-box-approve {
          display: flex;
          flex-direction: column;
          gap: 16px;
          padding: 0px; }
          @media (max-width: 640px) {
            #loanStep .main-loan-step .detail-box .content .content-text-box-approve {
              flex: 1;
              gap: 4px;
              margin: auto; } }
          #loanStep .main-loan-step .detail-box .content .content-text-box-approve .title {
            font-family: "FC-Iconic-Regular", sans-serif;
            font-weight: 600;
            font-size: 20px;
            line-height: 30px;
            text-align: center;
            color: var(--text-default, #002D72); }
            @media (max-width: 640px) {
              #loanStep .main-loan-step .detail-box .content .content-text-box-approve .title {
                font-size: 16px;
                line-height: 24px;
                text-align: left; } }
          #loanStep .main-loan-step .detail-box .content .content-text-box-approve .description {
            max-width: 219px;
            font-family: "FC-Iconic-Light", sans-serif;
            font-weight: 400;
            font-size: 16px;
            line-height: 24px;
            text-align: left;
            color: var(--text-tertiary, #7F7F80);
            white-space: pre-line;
            padding-left: 12px;
            text-indent: -12px; }
            @media (max-width: 640px) {
              #loanStep .main-loan-step .detail-box .content .content-text-box-approve .description {
                max-width: 303px;
                font-size: 14px;
                line-height: 20px;
                margin-left: 8px; } }
    #loanStep .main-loan-step .remark {
      font-family: "FC-Iconic-Light", sans-serif;
      font-weight: 400;
      font-size: 14px;
      line-height: 20px;
      text-align: center;
      color: var(--text-default, #002D72);
      margin: 0 24px; }
      @media (max-width: 640px) {
        #loanStep .main-loan-step .remark {
          max-width: 343px;
          height: auto;
          font-size: 12px;
          line-height: 18px;
          white-space: pre-line;
          margin: 0 auto; } }


.insurance-best-match {
  padding: 40px 0;
  width: calc(100% + 0px); }
  .insurance-best-match.light-pink {
    background-color: #FFF8FA; }
  .insurance-best-match.dark-pink {
    background-color: #FFEDF3; }
  .insurance-best-match.white {
    background-color: #ffffff; }
  @media screen and (max-width: 640px) {
    .insurance-best-match {
      padding: 16px 0; } }
  .insurance-best-match .container {
    margin: 0 auto;
    padding: 0 20px; }
    @media screen and (max-width: 640px) {
      .insurance-best-match .container {
        padding: 0 16px; } }
  .insurance-best-match .header {
    text-align: center;
    margin-bottom: 40px; }
    @media screen and (max-width: 640px) {
      .insurance-best-match .header {
        margin-bottom: 16px; } }
    .insurance-best-match .header .title {
      font-family: "FC-Iconic-Medium", sans-serif;
      font-size: 36px;
      font-weight: 700;
      color: #FA4786;
      margin: 0;
      line-height: 1.2; }
      @media screen and (max-width: 640px) {
        .insurance-best-match .header .title {
          font-size: 24px; } }
    .insurance-best-match .header .subtitle {
      font-family: "FC-Iconic-Light", sans-serif;
      font-size: 20px;
      font-weight: 400;
      color: #002D72;
      margin: 16px 0 0 0;
      line-height: 1.4; }
      @media screen and (max-width: 640px) {
        .insurance-best-match .header .subtitle {
          font-size: 14px;
          margin-top: 16px; } }
  .insurance-best-match .content {
    display: flex;
    justify-content: center; }
  .insurance-best-match .cards-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px; }
    @media screen and (max-width: 640px) {
      .insurance-best-match .cards-container {
        gap: 16px;
        overflow-x: auto;
        overflow-y: hidden;
        flex-wrap: nowrap;
        justify-content: flex-start;
        padding: 0 16px;
        margin: 0 -16px;
        scroll-snap-type: x mandatory;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
        -ms-overflow-style: none; }
        .insurance-best-match .cards-container::-webkit-scrollbar {
          display: none; } }
  .insurance-best-match .card {
    width: 345px;
    background: transparent;
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center; }
    @media screen and (max-width: 640px) {
      .insurance-best-match .card {
        width: 224px;
        flex-shrink: 0;
        scroll-snap-align: center; } }
    .insurance-best-match .card .card-icon {
      width: 140px;
      height: 140px;
      margin-bottom: 16px;
      display: flex;
      align-items: center;
      justify-content: center; }
      @media screen and (max-width: 640px) {
        .insurance-best-match .card .card-icon {
          width: 96px;
          height: 96px;
          margin-bottom: 8px; } }
      .insurance-best-match .card .card-icon img {
        max-width: 100%;
        max-height: 100%;
        object-fit: contain; }
    .insurance-best-match .card .card-title {
      font-family: "FC-Iconic-Regular", sans-serif;
      font-size: 20px;
      font-weight: 600;
      color: #002D72;
      margin: 0 0 8px 0;
      line-height: 1.3; }
      @media screen and (max-width: 640px) {
        .insurance-best-match .card .card-title {
          font-size: 14px;
          font-weight: 500;
          margin-bottom: 4px; } }
    .insurance-best-match .card .card-subtitle {
      font-family: "FC-Iconic-Regular", sans-serif;
      font-size: 20px;
      font-weight: 500;
      color: #FA4786;
      margin: 0 0 8px 0;
      min-height: 52px;
      line-height: 1.3; }
      @media screen and (max-width: 640px) {
        .insurance-best-match .card .card-subtitle {
          font-size: 14px;
          font-weight: 400;
          margin-bottom: 4px;
          min-height: max-content; } }
    .insurance-best-match .card .card-detail {
      font-family: "FC-Iconic-Light", sans-serif;
      font-size: 16px;
      font-weight: 400;
      color: #7F7F80;
      margin: 0;
      line-height: 1.4; }
      @media screen and (max-width: 640px) {
        .insurance-best-match .card .card-detail {
          font-size: 14px; } }
  @media screen and (max-width: 640px) {
    .insurance-best-match .desktop-break {
      display: none; } }
  .insurance-best-match .mobile-break {
    display: none; }
    @media screen and (max-width: 640px) {
      .insurance-best-match .mobile-break {
        display: inline; } }

.insurance-compare-plans {
  padding: 40px 0;
  width: calc(100% + 0px); }
  @media screen and (max-width: 640px) {
    .insurance-compare-plans .desktop-break {
      display: none; } }
  .insurance-compare-plans .icon-check {
    width: 24px;
    height: 24px;
    flex-shrink: 0;
    background-color: #fa4786;
    -webkit-mask: url("/static/images/Insurance/compare-plans/icon-check.svg") no-repeat center;
    mask: url("/static/images/Insurance/compare-plans/icon-check.svg") no-repeat center;
    -webkit-mask-size: contain;
    mask-size: contain;
    margin: 0 auto; }
    @media screen and (max-width: 640px) {
      .insurance-compare-plans .icon-check {
        width: 20px;
        height: 20px; } }
  .insurance-compare-plans .mobile-break {
    display: none; }
    @media screen and (max-width: 640px) {
      .insurance-compare-plans .mobile-break {
        display: inline; } }
  .insurance-compare-plans.light-pink {
    background-color: #FFF8FA; }
  .insurance-compare-plans.dark-pink {
    background-color: #FFEDF3; }
  .insurance-compare-plans.white {
    background-color: #ffffff; }
  @media screen and (max-width: 640px) {
    .insurance-compare-plans {
      padding: 16px 0; } }
  .insurance-compare-plans .container {
    margin: 0 auto; }
  .insurance-compare-plans .compare-table {
    display: flex;
    flex-direction: column;
    align-items: center; }
    .insurance-compare-plans .compare-table .table-title {
      font-family: "FC-Iconic-Medium", sans-serif;
      font-size: 36px;
      font-weight: 700;
      color: #fa4786;
      margin: 0 0 40px 0;
      text-align: center;
      line-height: 1.2; }
      @media screen and (max-width: 640px) {
        .insurance-compare-plans .compare-table .table-title {
          font-size: 24px;
          margin-bottom: 16px; } }
    .insurance-compare-plans .compare-table .table-container {
      width: 100%;
      display: flex;
      justify-content: center;
      overflow-x: auto; }
      @media screen and (max-width: 640px) {
        .insurance-compare-plans .compare-table .table-container {
          overflow-x: auto;
          scrollbar-width: none;
          -ms-overflow-style: none; }
          .insurance-compare-plans .compare-table .table-container::-webkit-scrollbar {
            display: none; } }
    .insurance-compare-plans .compare-table .compare-table-element {
      border-collapse: collapse;
      border-radius: 36px;
      overflow: hidden;
      border: 1px solid #e6eaf1;
      background: white; }
      @media screen and (max-width: 640px) {
        .insurance-compare-plans .compare-table .compare-table-element {
          border-radius: 24px; } }
      .insurance-compare-plans .compare-table .compare-table-element .table-header {
        height: 92px;
        background-color: #002d72;
        color: white;
        padding: 20px;
        border: 1px solid #e6eaf1;
        text-align: center;
        vertical-align: middle;
        position: relative; }
        @media screen and (max-width: 640px) {
          .insurance-compare-plans .compare-table .compare-table-element .table-header {
            height: 64px;
            padding: 12px; } }
        .insurance-compare-plans .compare-table .compare-table-element .table-header .header-icon {
          width: 52px;
          height: 52px;
          margin: 0 auto;
          display: flex;
          align-items: center;
          justify-content: center; }
          @media screen and (max-width: 640px) {
            .insurance-compare-plans .compare-table .compare-table-element .table-header .header-icon {
              width: 28px;
              height: 28px; } }
          .insurance-compare-plans .compare-table .compare-table-element .table-header .header-icon img {
            max-width: 100%;
            max-height: 100%;
            object-fit: contain; }
        .insurance-compare-plans .compare-table .compare-table-element .table-header .header-text {
          font-family: "FC-Iconic-Medium", sans-serif;
          font-size: 20px;
          font-weight: 700;
          display: block; }
          @media screen and (max-width: 640px) {
            .insurance-compare-plans .compare-table .compare-table-element .table-header .header-text {
              font-size: 14px; } }
      .insurance-compare-plans .compare-table .compare-table-element .table-row {
        height: 70px;
        border: 1px solid #e6eaf1; }
        @media screen and (max-width: 640px) {
          .insurance-compare-plans .compare-table .compare-table-element .table-row {
            height: 44px; }
            .insurance-compare-plans .compare-table .compare-table-element .table-row:nth-child(10) {
              height: 64px; } }
        .insurance-compare-plans .compare-table .compare-table-element .table-row.category {
          background-color: #fa4786;
          color: white; }
          .insurance-compare-plans .compare-table .compare-table-element .table-row.category .first-column {
            background-color: #fa4786;
            color: white; }
          .insurance-compare-plans .compare-table .compare-table-element .table-row.category .first-column-indent {
            background-color: #fa4786;
            color: white;
            padding-left: 42px;
            text-indent: -22px; }
          .insurance-compare-plans .compare-table .compare-table-element .table-row.category .table-cell {
            background-color: #fa4786;
            color: white; }
          .insurance-compare-plans .compare-table .compare-table-element .table-row.category td {
            font-family: "FC-Iconic-Regular", sans-serif;
            font-size: 20px;
            font-weight: 600; }
            @media screen and (max-width: 640px) {
              .insurance-compare-plans .compare-table .compare-table-element .table-row.category td {
                font-size: 14px; } }
        .insurance-compare-plans .compare-table .compare-table-element .table-row.normal {
          background-color: white; }
          .insurance-compare-plans .compare-table .compare-table-element .table-row.normal .first-column {
            background-color: #ffedf3;
            color: #002d72; }
          .insurance-compare-plans .compare-table .compare-table-element .table-row.normal .table-cell {
            background-color: white;
            color: #002d72; }
          .insurance-compare-plans .compare-table .compare-table-element .table-row.normal td {
            font-family: "FC-Iconic-Light", sans-serif;
            font-size: 20px;
            font-weight: 400;
            color: #002d72; }
            @media screen and (max-width: 640px) {
              .insurance-compare-plans .compare-table .compare-table-element .table-row.normal td {
                font-size: 14px; } }
        .insurance-compare-plans .compare-table .compare-table-element .table-row .first-column {
          text-align: left;
          padding: 20px;
          border: 1px solid #e6eaf1; }
          @media screen and (max-width: 640px) {
            .insurance-compare-plans .compare-table .compare-table-element .table-row .first-column {
              padding: 12px; } }
        .insurance-compare-plans .compare-table .compare-table-element .table-row .table-cell {
          text-align: center;
          padding: 20px;
          border: 1px solid #e6eaf1;
          vertical-align: middle; }
          @media screen and (max-width: 640px) {
            .insurance-compare-plans .compare-table .compare-table-element .table-row .table-cell {
              padding: 12px; } }
          .insurance-compare-plans .compare-table .compare-table-element .table-row .table-cell .check-icon {
            color: #fa4786;
            font-size: 24px;
            font-weight: bold;
            width: 24px;
            height: 24px;
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 0 auto; }
            @media screen and (max-width: 640px) {
              .insurance-compare-plans .compare-table .compare-table-element .table-row .table-cell .check-icon {
                font-size: 20px;
                width: 20px;
                height: 20px; } }
          .insurance-compare-plans .compare-table .compare-table-element .table-row .table-cell .dash-text {
            color: #002d72;
            font-family: "FC-Iconic-Light", sans-serif;
            font-size: 20px;
            font-weight: 400; }
            @media screen and (max-width: 640px) {
              .insurance-compare-plans .compare-table .compare-table-element .table-row .table-cell .dash-text {
                font-size: 14px; } }
          .insurance-compare-plans .compare-table .compare-table-element .table-row .table-cell .price-cell {
            display: flex;
            flex-direction: column;
            align-items: center; }
            .insurance-compare-plans .compare-table .compare-table-element .table-row .table-cell .price-cell .price-text {
              font-family: "FC-Iconic-Light", sans-serif;
              font-size: 20px;
              font-weight: 400;
              color: #002d72;
              text-align: center; }
              @media screen and (max-width: 640px) {
                .insurance-compare-plans .compare-table .compare-table-element .table-row .table-cell .price-cell .price-text {
                  font-size: 14px; } }
            .insurance-compare-plans .compare-table .compare-table-element .table-row .table-cell .price-cell .detail-text {
              font-family: "FC-Iconic-Light", sans-serif;
              font-size: 16px;
              font-weight: 400;
              color: #002d72;
              text-align: center; }
              @media screen and (max-width: 640px) {
                .insurance-compare-plans .compare-table .compare-table-element .table-row .table-cell .price-cell .detail-text {
                  font-size: 16px; } }

#paCompareTable .table-cell {
  text-align: end; }
  #paCompareTable .table-cell .check-icon {
    margin-left: auto; }
  #paCompareTable .table-cell .price-cell {
    align-items: end; }
    #paCompareTable .table-cell .price-cell .price-text {
      text-align: end; }
    #paCompareTable .table-cell .price-cell .detail-text {
      text-align: end; }
  #paCompareTable .table-cell.white-bg-cell {
    background-color: white !important;
    color: #002d72 !important;
    font-family: "FC-Iconic-Light", sans-serif !important;
    font-size: 20px !important;
    font-weight: 400 !important; }
    @media screen and (max-width: 640px) {
      #paCompareTable .table-cell.white-bg-cell {
        font-size: 14px !important; } }

@media screen and (max-width: 640px) {
  .pa-table .desktop-table {
    display: none !important; } }

.pa-table .mobile-sticky-table {
  display: none; }
  @media screen and (max-width: 640px) {
    .pa-table .mobile-sticky-table {
      display: block;
      width: 343px;
      overflow-x: auto;
      border-radius: 24px;
      position: relative; }
      .pa-table .mobile-sticky-table::-webkit-scrollbar {
        height: 4px;
        position: absolute;
        bottom: 0; }
      .pa-table .mobile-sticky-table::-webkit-scrollbar-track {
        background: transparent;
        margin-left: 179px;
        position: absolute;
        bottom: 0; }
      .pa-table .mobile-sticky-table::-webkit-scrollbar-thumb {
        background: rgba(230, 234, 241, 0.8);
        border-radius: 2px;
        min-width: 20px;
        position: absolute;
        bottom: 0; }
      .pa-table .mobile-sticky-table::-webkit-scrollbar-thumb:hover {
        background: #e6eaf1; }
      .pa-table .mobile-sticky-table::-webkit-scrollbar-corner {
        background: transparent; }
      .pa-table .mobile-sticky-table table {
        width: 100%;
        border-collapse: collapse;
        min-width: 600px; }
        .pa-table .mobile-sticky-table table th,
        .pa-table .mobile-sticky-table table td {
          padding: 12px;
          text-align: left;
          border: 1px solid #e6eaf1;
          white-space: nowrap;
          font-size: 14px; }
        .pa-table .mobile-sticky-table table th {
          background-color: #002d72;
          color: white;
          position: sticky;
          top: 0;
          z-index: 10;
          height: 42px;
          font-family: "FC-Iconic-Regular", sans-serif;
          font-weight: 500;
          font-size: 12px; }
          .pa-table .mobile-sticky-table table th:first-child {
            position: sticky;
            left: 0;
            z-index: 11;
            background-color: #002d72;
            width: 179px;
            min-width: 179px;
            max-width: 179px;
            text-align: left; }
          .pa-table .mobile-sticky-table table th:not(:first-child) {
            width: 80px;
            text-align: center; }
        .pa-table .mobile-sticky-table table td {
          background-color: white;
          font-family: "FC-Iconic-Light", sans-serif;
          font-weight: 400;
          color: #002d72;
          font-size: 14px; }
          .pa-table .mobile-sticky-table table td:first-child {
            position: sticky;
            left: 0;
            background-color: #ffedf3;
            z-index: 2;
            width: 179px;
            min-width: 179px;
            max-width: 179px;
            text-align: left;
            font-weight: 400;
            font-size: 14px; }
          .pa-table .mobile-sticky-table table td:not(:first-child) {
            text-align: end;
            width: 80px; }
        .pa-table .mobile-sticky-table table .category-row td {
          background-color: #fa4786;
          color: white;
          font-weight: 400;
          font-size: 14px; }
          .pa-table .mobile-sticky-table table .category-row td:first-child {
            background-color: #fa4786;
            color: white;
            font-weight: 500;
            font-size: 12px;
            padding-left: 24px;
            text-indent: -12px; }
        .pa-table .mobile-sticky-table table tbody tr:nth-child(1) {
          height: 78px; }
        .pa-table .mobile-sticky-table table tbody tr:nth-child(2), .pa-table .mobile-sticky-table table tbody tr:nth-child(4) {
          height: 42px; }
          .pa-table .mobile-sticky-table table tbody tr:nth-child(2) td:first-child, .pa-table .mobile-sticky-table table tbody tr:nth-child(4) td:first-child {
            font-size: 12px;
            font-weight: 400; }
        .pa-table .mobile-sticky-table table tbody tr:nth-child(3), .pa-table .mobile-sticky-table table tbody tr:nth-child(5) {
          height: 60px; }
          .pa-table .mobile-sticky-table table tbody tr:nth-child(3) td:first-child, .pa-table .mobile-sticky-table table tbody tr:nth-child(5) td:first-child {
            font-size: 12px;
            font-weight: 400; }
        .pa-table .mobile-sticky-table table tbody tr:nth-child(6), .pa-table .mobile-sticky-table table tbody tr:nth-child(7) {
          height: 96px; }
        .pa-table .mobile-sticky-table table tbody tr:nth-child(8) {
          height: 60px; }
          .pa-table .mobile-sticky-table table tbody tr:nth-child(8) td:first-child {
            font-size: 12px;
            font-weight: 400; }
        .pa-table .mobile-sticky-table table .white-bg-row td:not(:first-child) {
          background-color: white !important;
          color: #002d72 !important; }
        .pa-table .mobile-sticky-table table .price-cell {
          display: flex;
          flex-direction: column;
          align-items: end; }
          .pa-table .mobile-sticky-table table .price-cell .price-text {
            font-size: 12px;
            font-weight: 400;
            color: #002d72; }
          .pa-table .mobile-sticky-table table .price-cell .detail-text {
            font-size: 12px;
            font-weight: 400;
            color: #002d72; } }

.pa-table .table-unit {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-bottom: 16px;
  width: 100%;
  max-width: 1440px;
  height: 20px; }
  @media screen and (max-width: 640px) {
    .pa-table .table-unit {
      margin-left: 12px;
      margin-right: 12px;
      margin-bottom: 12px;
      width: 343px; } }
  .pa-table .table-unit .unit-text {
    font-family: "FC-Iconic-Light", sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #002d72; }
    @media screen and (max-width: 640px) {
      .pa-table .table-unit .unit-text {
        font-size: 12px;
        font-weight: 400; } }

.pa-table .table-note {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-top: 16px;
  width: 100%;
  max-width: 1440px; }
  @media screen and (max-width: 640px) {
    .pa-table .table-note {
      margin-left: 12px;
      margin-right: 12px;
      margin-top: 12px;
      width: 343px; } }
  .pa-table .table-note .note-text {
    font-family: "FC-Iconic-Light", sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #002d72; }
    @media screen and (max-width: 640px) {
      .pa-table .table-note .note-text {
        font-size: 12px;
        font-weight: 400; } }

@media screen and (max-width: 640px) {
  .health-table .desktop-table {
    display: none !important; } }

@media screen and (max-width: 640px) {
  .health-table .cell-with-check .cell-text {
    font-size: 12px !important;
    font-weight: 400 !important; } }

.health-table .check-circle-fill {
  width: 24px;
  height: 24px;
  flex-shrink: 0;
  background: linear-gradient(180deg, #002d72 0%, #4fa0ca 100%);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center; }
  @media (max-width: 640px) {
    .health-table .check-circle-fill {
      width: 20px;
      height: 20px; } }
  .health-table .check-circle-fill .check-icon-white {
    width: 13px;
    height: 13px;
    background-color: white;
    -webkit-mask: url("/static/images/Insurance/compare-plans/icon-check.svg") no-repeat center;
    mask: url("/static/images/Insurance/compare-plans/icon-check.svg") no-repeat center;
    -webkit-mask-size: contain;
    mask-size: contain; }
    @media (max-width: 640px) {
      .health-table .check-circle-fill .check-icon-white {
        width: 11px;
        height: 11px;
        margin-top: 2px; } }

@media screen and (max-width: 640px) {
  .health-table .mobile-sticky-table .cell-with-check .cell-text {
    font-size: 12px !important;
    font-weight: 400 !important; } }

@media screen and (max-width: 640px) {
  .health-table .desktop-table .cell-with-check .cell-text {
    font-size: 12px !important;
    font-weight: 400 !important; } }

.health-table .mobile-sticky-table {
  display: none; }
  @media screen and (max-width: 640px) {
    .health-table .mobile-sticky-table {
      display: block;
      width: 343px;
      overflow-x: auto;
      border-radius: 24px;
      position: relative; }
      .health-table .mobile-sticky-table::-webkit-scrollbar {
        height: 4px;
        position: absolute;
        bottom: 0; }
      .health-table .mobile-sticky-table::-webkit-scrollbar-track {
        background: transparent;
        margin-left: 114px;
        position: absolute;
        bottom: 0; }
      .health-table .mobile-sticky-table::-webkit-scrollbar-thumb {
        background: rgba(230, 234, 241, 0.8);
        border-radius: 2px;
        min-width: 20px;
        position: absolute;
        bottom: 0; }
      .health-table .mobile-sticky-table::-webkit-scrollbar-thumb:hover {
        background: #e6eaf1; }
      .health-table .mobile-sticky-table::-webkit-scrollbar-corner {
        background: transparent; }
      .health-table .mobile-sticky-table table {
        width: 100%;
        border-collapse: collapse;
        min-width: 600px; }
        .health-table .mobile-sticky-table table th,
        .health-table .mobile-sticky-table table td {
          padding: 12px;
          text-align: left;
          border: 1px solid #e6eaf1;
          white-space: nowrap;
          font-size: 14px; }
        .health-table .mobile-sticky-table table th {
          background-color: #002d72;
          color: white;
          position: sticky;
          top: 0;
          z-index: 10;
          height: 42px;
          font-family: "FC-Iconic-Regular", sans-serif;
          font-weight: 600 !important;
          font-size: 14px !important; }
          .health-table .mobile-sticky-table table th:first-child {
            position: sticky;
            left: 0;
            z-index: 11;
            background-color: #002d72;
            width: 114px;
            min-width: 114px;
            max-width: 114px;
            text-align: left;
            height: 64px;
            font-weight: 600 !important;
            font-size: 14px !important; }
          .health-table .mobile-sticky-table table th:not(:first-child) {
            width: 80px;
            text-align: left; }
        .health-table .mobile-sticky-table table td {
          background-color: white;
          font-family: "FC-Iconic-Light", sans-serif;
          font-weight: 400;
          color: #002d72;
          font-size: 14px; }
          .health-table .mobile-sticky-table table td:first-child {
            position: sticky;
            left: 0;
            background-color: #fa4786;
            color: white;
            z-index: 2;
            width: 114px;
            min-width: 114px;
            max-width: 114px;
            text-align: left;
            font-weight: 600 !important;
            font-size: 14px !important;
            height: 88px; }
          .health-table .mobile-sticky-table table td:not(:first-child) {
            text-align: center;
            width: 80px; }
          .health-table .mobile-sticky-table table td:nth-child(2), .health-table .mobile-sticky-table table td:nth-child(3), .health-table .mobile-sticky-table table td:nth-child(4), .health-table .mobile-sticky-table table td:nth-child(5) {
            background-color: white !important;
            color: #002d72 !important; }
        .health-table .mobile-sticky-table table .category-row td {
          background-color: #fa4786;
          color: white;
          font-weight: 400;
          font-size: 14px; }
          .health-table .mobile-sticky-table table .category-row td:first-child {
            background-color: #fa4786;
            color: white;
            font-weight: 500;
            font-size: 12px; }
          .health-table .mobile-sticky-table table .category-row td:nth-child(2), .health-table .mobile-sticky-table table .category-row td:nth-child(3), .health-table .mobile-sticky-table table .category-row td:nth-child(4), .health-table .mobile-sticky-table table .category-row td:nth-child(5) {
            background-color: white !important;
            color: #002d72 !important; } }

.health-table .table-header {
  height: 70px !important;
  width: 287px;
  background-color: #002d72;
  color: white;
  padding: 20px;
  border: 1px solid #e6eaf1;
  text-align: center;
  vertical-align: middle;
  position: relative; }
  .health-table .table-header:first-child {
    text-align: left; }
  .health-table .table-header:nth-child(2), .health-table .table-header:nth-child(3), .health-table .table-header:nth-child(4), .health-table .table-header:nth-child(5) {
    padding: 0 !important; }
  .health-table .table-header .header-text {
    font-family: "FC-Iconic-Medium", sans-serif;
    font-size: 20px;
    font-weight: 700;
    display: block; }
  @media screen and (max-width: 640px) {
    .health-table .table-header {
      height: 64px !important;
      padding: 12px; }
      .health-table .table-header:first-child {
        width: 153px;
        padding: 12px;
        text-align: left; }
      .health-table .table-header:not(:first-child) {
        width: 75px;
        padding: 12px 8px; }
      .health-table .table-header:nth-child(2), .health-table .table-header:nth-child(3), .health-table .table-header:nth-child(4), .health-table .table-header:nth-child(5) {
        padding: 0 !important; }
      .health-table .table-header .header-text {
        font-size: 14px; } }

.health-table .table-row {
  height: 90px;
  border: 1px solid #e6eaf1; }
  @media screen and (max-width: 640px) {
    .health-table .table-row {
      height: 44px; } }
  .health-table .table-row:nth-child(1), .health-table .table-row:nth-child(2), .health-table .table-row:nth-child(3), .health-table .table-row:nth-child(4) {
    height: 90px !important; }
    @media screen and (max-width: 640px) {
      .health-table .table-row:nth-child(1), .health-table .table-row:nth-child(2), .health-table .table-row:nth-child(3), .health-table .table-row:nth-child(4) {
        height: 44px !important; } }
  .health-table .table-row.category {
    background-color: #fa4786;
    color: white; }
    .health-table .table-row.category .first-column {
      background-color: #fa4786;
      color: white; }
    .health-table .table-row.category .table-cell {
      background-color: #fa4786;
      color: white; }
      .health-table .table-row.category .table-cell:nth-child(2), .health-table .table-row.category .table-cell:nth-child(3), .health-table .table-row.category .table-cell:nth-child(4), .health-table .table-row.category .table-cell:nth-child(5) {
        background-color: white !important;
        color: #002d72 !important; }
    .health-table .table-row.category td {
      font-family: "FC-Iconic-Regular", sans-serif;
      font-size: 20px;
      font-weight: 600; }
      @media screen and (max-width: 640px) {
        .health-table .table-row.category td {
          font-size: 14px; } }
  .health-table .table-row .first-column {
    background-color: #fa4786;
    color: white;
    text-align: left;
    padding: 20px;
    border: 1px solid #e6eaf1;
    font-family: "FC-Iconic-Regular", sans-serif;
    font-size: 20px;
    font-weight: 600; }
    @media screen and (max-width: 640px) {
      .health-table .table-row .first-column {
        padding: 12px;
        font-size: 14px; } }
  .health-table .table-row .table-cell {
    text-align: center;
    padding: 20px;
    border: 1px solid #e6eaf1;
    vertical-align: middle;
    background-color: white;
    color: #002d72;
    font-family: "FC-Iconic-Light", sans-serif;
    font-size: 14px;
    font-weight: 400; }
    @media screen and (max-width: 640px) {
      .health-table .table-row .table-cell {
        padding: 12px; } }
    .health-table .table-row .table-cell:nth-child(2), .health-table .table-row .table-cell:nth-child(3), .health-table .table-row .table-cell:nth-child(4), .health-table .table-row .table-cell:nth-child(5) {
      background-color: white !important; }
    .health-table .table-row .table-cell .check-icon {
      color: #fa4786;
      font-size: 24px;
      font-weight: bold;
      width: 24px;
      height: 24px;
      display: flex;
      align-items: center;
      justify-content: center;
      margin: 0 auto; }
      @media screen and (max-width: 640px) {
        .health-table .table-row .table-cell .check-icon {
          font-size: 20px;
          width: 20px;
          height: 20px; } }
    .health-table .table-row .table-cell .dash-text {
      color: #002d72;
      font-family: "FC-Iconic-Light", sans-serif;
      font-size: 20px;
      font-weight: 400; }
      @media screen and (max-width: 640px) {
        .health-table .table-row .table-cell .dash-text {
          font-size: 14px; } }
    .health-table .table-row .table-cell .cell-with-check {
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 8px; }
      .health-table .table-row .table-cell .cell-with-check .check-icon {
        margin: 0; }
      .health-table .table-row .table-cell .cell-with-check .cell-text {
        color: inherit;
        font-family: "FC-Iconic-Light", sans-serif;
        font-size: 14px;
        font-weight: 400;
        text-align: center; }
        @media screen and (max-width: 640px) {
          .health-table .table-row .table-cell .cell-with-check .cell-text {
            font-size: 12px !important;
            font-weight: 400 !important; } }

.health-table .health-cards-container {
  margin-top: 40px;
  display: flex;
  justify-content: center;
  width: 100%; }
  @media screen and (max-width: 640px) {
    .health-table .health-cards-container {
      margin-top: 24px; } }

.health-table .health-cards-grid {
  display: grid;
  grid-template-columns: repeat(3, 466px);
  gap: 20px; }
  @media screen and (max-width: 1440px) {
    .health-table .health-cards-grid {
      grid-template-columns: repeat(3, 1fr);
      max-width: 1440px; } }
  @media screen and (max-width: 1024px) {
    .health-table .health-cards-grid {
      grid-template-columns: repeat(2, 1fr);
      gap: 16px; } }
  @media screen and (max-width: 640px) {
    .health-table .health-cards-grid {
      grid-template-columns: 1fr;
      gap: 16px; } }

.health-table .health-card {
  background: white;
  border-radius: 24px;
  overflow: hidden; }
  @media screen and (max-width: 640px) {
    .health-table .health-card {
      border-radius: 16px;
      width: 343px; } }

.health-table .card-header {
  padding: 20px;
  background: linear-gradient(22deg, #fdc6d9 0%, #ffedf3 50%, #ffffff 100%);
  display: flex;
  justify-content: space-between;
  align-items: flex-start; }
  @media screen and (max-width: 640px) {
    .health-table .card-header {
      padding: 16px; } }
  .health-table .card-header .header-content {
    flex: 1; }
  .health-table .card-header .header-main {
    color: #002d72;
    font-family: "FC-Iconic-Regular", sans-serif;
    font-size: 20px;
    font-weight: 600; }
    @media screen and (max-width: 640px) {
      .health-table .card-header .header-main {
        font-size: 16px; } }
  .health-table .card-header .header-subtitle1 {
    color: #7f7f80;
    font-family: "FC-Iconic-Light", sans-serif;
    font-size: 16px;
    font-weight: 400;
    margin-top: 8px; }
    @media screen and (max-width: 640px) {
      .health-table .card-header .header-subtitle1 {
        font-size: 14px;
        margin-top: 8px; } }
  .health-table .card-header .header-subtitle2 {
    color: #fa4786;
    font-family: "FC-Iconic-Regular", sans-serif;
    font-size: 16px;
    font-weight: 500;
    margin-top: 8px; }
    @media screen and (max-width: 640px) {
      .health-table .card-header .header-subtitle2 {
        font-size: 14px;
        margin-top: 8px; } }
  .health-table .card-header .header-badge {
    margin-top: 8px;
    height: 36px;
    padding: 8px 12px;
    border-radius: 12px;
    background: radial-gradient(circle, rgba(255, 237, 243, 0.4) 0%, rgba(253, 198, 217, 0.4) 50%, rgba(253, 170, 199, 0.4) 100%);
    color: #fa4786;
    font-family: "FC-Iconic-Light", sans-serif;
    font-size: 14px;
    font-weight: 400;
    display: inline-block; }
    @media screen and (max-width: 640px) {
      .health-table .card-header .header-badge {
        height: 32px;
        padding: 6px 10px;
        font-size: 12px;
        margin-top: 8px; } }
  .health-table .card-header .header-icon {
    width: 56px;
    height: 56px;
    flex-shrink: 0; }
    @media screen and (max-width: 640px) {
      .health-table .card-header .header-icon {
        width: 48px;
        height: 48px; } }
    .health-table .card-header .header-icon img {
      width: 100%;
      height: 100%;
      object-fit: contain;
      border-radius: 12px; }

.health-table .card-details {
  padding: 20px; }
  @media screen and (max-width: 640px) {
    .health-table .card-details {
      padding: 16px; } }
  .health-table .card-details .detail-item {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    margin-bottom: 12px; }
    .health-table .card-details .detail-item:last-child {
      margin-bottom: 0; }
    .health-table .card-details .detail-item .detail-check {
      flex-shrink: 0;
      width: 24px;
      height: 24px; }
      @media screen and (max-width: 640px) {
        .health-table .card-details .detail-item .detail-check {
          width: 20px;
          height: 20px; } }
      .health-table .card-details .detail-item .detail-check svg {
        width: 100%;
        height: 100%; }
    .health-table .card-details .detail-item .detail-text {
      color: #002d72;
      font-family: "FC-Iconic-Light", sans-serif;
      font-size: 18px;
      font-weight: 400;
      line-height: 1.4; }
      @media screen and (max-width: 640px) {
        .health-table .card-details .detail-item .detail-text {
          font-size: 16px; } }

.health-table .card-bottom {
  padding: 20px; }
  @media screen and (max-width: 640px) {
    .health-table .card-bottom {
      padding: 20px; } }

.health-table .card-price {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: 16px; }
  .health-table .card-price .price-label {
    color: #002d72;
    font-family: "FC-Iconic-Regular", sans-serif;
    font-size: 18px;
    font-weight: 500; }
    @media screen and (max-width: 640px) {
      .health-table .card-price .price-label {
        font-size: 14px; } }
  .health-table .card-price .price-amount {
    display: flex;
    align-items: baseline;
    gap: 8px; }
    .health-table .card-price .price-amount .amount {
      color: #fa4786;
      font-family: "FC-Iconic-Medium", sans-serif;
      font-size: 36px;
      font-weight: 700; }
      @media screen and (max-width: 640px) {
        .health-table .card-price .price-amount .amount {
          font-size: 24px; } }
    .health-table .card-price .price-amount .unit {
      color: #fa4786;
      font-family: "FC-Iconic-Light", sans-serif;
      font-size: 18px;
      font-weight: 400; }
      @media screen and (max-width: 640px) {
        .health-table .card-price .price-amount .unit {
          font-size: 14px; } }

.health-table .price-divider {
  height: 1px;
  background-color: rgba(176, 190, 211, 0.4);
  margin: 16px 0; }
  @media screen and (max-width: 640px) {
    .health-table .price-divider {
      margin: 16px 0; } }

.health-table .card-button {
  width: 100%;
  height: 54px;
  border-radius: 16px;
  background-color: #fa4786;
  color: white;
  font-family: "FC-Iconic-Regular", sans-serif;
  font-size: 20px;
  font-weight: 600;
  border: none;
  cursor: pointer;
  transition: background-color 0.3s ease; }
  @media screen and (max-width: 640px) {
    .health-table .card-button {
      height: 48px;
      font-size: 16px;
      border-radius: 16px; } }
  .health-table .card-button:hover {
    background-color: #e73c7e; }

.health-table .table-note {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-top: 40px;
  width: 100%;
  max-width: 1440px; }
  @media screen and (max-width: 640px) {
    .health-table .table-note {
      margin-left: 12px;
      margin-right: 12px;
      margin-top: 24px;
      width: 343px; } }
  .health-table .table-note .note-text {
    font-family: "FC-Iconic-Light", sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #002d72; }
    @media screen and (max-width: 640px) {
      .health-table .table-note .note-text {
        font-size: 12px;
        font-weight: 400; } }

#carCompareTable .table-header {
  height: 92px;
  width: 287px;
  background-color: #002d72;
  color: white;
  padding: 20px;
  border: 1px solid #e6eaf1;
  text-align: center;
  vertical-align: middle;
  position: relative; }
  #carCompareTable .table-header:first-child {
    text-align: left; }
  @media screen and (max-width: 640px) {
    #carCompareTable .table-header {
      height: 64px;
      padding: 12px; }
      #carCompareTable .table-header:first-child {
        width: 153px;
        padding: 12px;
        text-align: left; }
      #carCompareTable .table-header:not(:first-child) {
        width: 46.25px;
        padding: 12px 8px; } }

#bikeCompareTable .table-header {
  height: 92px;
  width: 479px;
  background-color: #002d72;
  color: white;
  padding: 20px;
  border: 1px solid #e6eaf1;
  text-align: center;
  vertical-align: middle;
  position: relative; }
  #bikeCompareTable .table-header:first-child {
    text-align: left; }
  @media screen and (max-width: 640px) {
    #bikeCompareTable .table-header {
      height: 64px;
      padding: 12px; }
      #bikeCompareTable .table-header:first-child {
        width: 153px;
        padding: 12px;
        text-align: left; }
      #bikeCompareTable .table-header:not(:first-child) {
        width: 93.5px;
        padding: 12px 8px; } }

#healthCompareTable .table-header {
  height: 92px;
  width: 287px;
  background-color: #002d72;
  color: white;
  padding: 20px;
  border: 1px solid #e6eaf1;
  text-align: center;
  vertical-align: middle;
  position: relative; }
  #healthCompareTable .table-header:first-child {
    text-align: left; }
  @media screen and (max-width: 640px) {
    #healthCompareTable .table-header {
      height: 64px;
      padding: 12px; }
      #healthCompareTable .table-header:first-child {
        width: 153px;
        padding: 12px;
        text-align: left; }
      #healthCompareTable .table-header:not(:first-child) {
        width: 75px;
        padding: 12px 8px; } }

#paCompareTable .table-header {
  height: 70px;
  background-color: #002d72;
  color: white;
  padding: 20px;
  border: 1px solid #e6eaf1;
  text-align: center;
  vertical-align: middle;
  position: relative; }
  #paCompareTable .table-header:first-child {
    width: 583px;
    text-align: left; }
  #paCompareTable .table-header:not(:first-child) {
    width: 170.2px; }
  @media screen and (max-width: 640px) {
    #paCompareTable .table-header {
      height: 64px;
      padding: 12px; }
      #paCompareTable .table-header:first-child {
        width: 153px;
        padding: 12px;
        text-align: left; }
      #paCompareTable .table-header:not(:first-child) {
        width: 80px;
        padding: 12px 8px; } }

#paCompareTable .table-row:nth-child(6), #paCompareTable .table-row:nth-child(7) {
  height: 100px; }
  @media screen and (max-width: 640px) {
    #paCompareTable .table-row:nth-child(6), #paCompareTable .table-row:nth-child(7) {
      height: 64px; } }

#paCompareTable .table-row:nth-child(8) {
  height: 94px; }
  @media screen and (max-width: 640px) {
    #paCompareTable .table-row:nth-child(8) {
      height: 60px; } }

#insuranceHighlightBubble {
  width: 100%;
  height: 100%;
  padding-top: 0px; }
  #insuranceHighlightBubble.light-pink {
    background-color: #FFF8FA; }
  #insuranceHighlightBubble.dark-pink {
    background-color: #FFEDF3; }
  #insuranceHighlightBubble.white {
    background-color: #ffffff; }
  #insuranceHighlightBubble .main-highlight-bubble {
    max-width: 1440px;
    margin: 36px auto;
    display: flex;
    flex-direction: column;
    gap: 40px; }
    @media (max-width: 920px) {
      #insuranceHighlightBubble .main-highlight-bubble .title-box {
        display: flex;
        flex-direction: column;
        width: 100%; } }
    @media (max-width: 640px) {
      #insuranceHighlightBubble .main-highlight-bubble {
        gap: 16px;
        padding: 16px;
        margin: auto; } }
    #insuranceHighlightBubble .main-highlight-bubble .title-box {
      display: flex;
      flex-direction: column;
      gap: 8px; }
      @media (max-width: 640px) {
        #insuranceHighlightBubble .main-highlight-bubble .title-box {
          gap: 4px;
          margin: 0 auto; } }
      #insuranceHighlightBubble .main-highlight-bubble .title-box .title {
        justify-content: center;
        font-family: "FC-Iconic-Medium", sans-serif;
        font-weight: 700;
        font-size: 36px;
        line-height: 52px;
        text-align: center;
        color: #FA4786; }
        @media (max-width: 640px) {
          #insuranceHighlightBubble .main-highlight-bubble .title-box .title {
            width: 343px;
            font-family: "FC-Iconic-Medium", sans-serif;
            font-weight: 700;
            font-size: 24px;
            line-height: 36px;
            text-align: center;
            color: var(--text-brand, #FA4786);
            margin: 0 auto;
            white-space: pre-line; } }
    #insuranceHighlightBubble .main-highlight-bubble .highlight-box {
      display: flex;
      flex-wrap: wrap;
      margin: auto;
      width: calc(100% - 40px);
      max-width: 1196px; }
      @media (max-width: 920px) {
        #insuranceHighlightBubble .main-highlight-bubble .highlight-box {
          width: 100%;
          display: flex;
          flex-direction: column;
          max-width: 524px; } }
      @media (max-width: 640px) {
        #insuranceHighlightBubble .main-highlight-bubble .highlight-box {
          width: 343px;
          display: flex;
          flex-direction: column;
          margin: 0 auto; } }
      #insuranceHighlightBubble .main-highlight-bubble .highlight-box .highlight {
        width: 100%;
        border-radius: 36px;
        padding-top: 32px;
        padding-right: 40px;
        padding-bottom: 32px;
        padding-left: 40px;
        background: var(--surface-component-surface, #FFEDF3);
        display: flex;
        flex-direction: column;
        gap: 20px;
        position: relative; }
        @media (max-width: 920px) {
          #insuranceHighlightBubble .main-highlight-bubble .highlight-box .highlight {
            width: 100%;
            height: auto; } }
        @media (max-width: 640px) {
          #insuranceHighlightBubble .main-highlight-bubble .highlight-box .highlight {
            width: 343px;
            height: auto;
            gap: 16px;
            border-radius: 24px;
            padding: 20px; } }
        #insuranceHighlightBubble .main-highlight-bubble .highlight-box .highlight .title {
          font-family: "FC-Iconic-Medium", sans-serif;
          font-weight: 700;
          font-size: 24px;
          line-height: 36px;
          color: var(--text-brand, #FA4786); }
          @media (max-width: 640px) {
            #insuranceHighlightBubble .main-highlight-bubble .highlight-box .highlight .title {
              width: 303px;
              font-family: "FC-Iconic-Medium", sans-serif;
              font-weight: 700;
              font-size: 20px;
              line-height: 30px;
              color: var(--text-brand, #FA4786);
              white-space: pre-line; } }
        #insuranceHighlightBubble .main-highlight-bubble .highlight-box .highlight .highlight-item {
          display: grid;
          grid-template-columns: repeat(2, 1fr);
          gap: 20px; }
          @media (max-width: 920px) {
            #insuranceHighlightBubble .main-highlight-bubble .highlight-box .highlight .highlight-item {
              grid-template-columns: 1fr; } }
          @media (max-width: 640px) {
            #insuranceHighlightBubble .main-highlight-bubble .highlight-box .highlight .highlight-item {
              grid-template-columns: 1fr; } }
          #insuranceHighlightBubble .main-highlight-bubble .highlight-box .highlight .highlight-item .item {
            font-family: "FC-Iconic-Light", sans-serif;
            font-weight: 400;
            font-size: 18px;
            line-height: 28px;
            color: var(--text-default, #002D72);
            display: flex;
            align-items: flex-start; }
            @media (max-width: 640px) {
              #insuranceHighlightBubble .main-highlight-bubble .highlight-box .highlight .highlight-item .item {
                font-family: "FC-Iconic-Light", sans-serif;
                font-weight: 400;
                font-size: 16px;
                line-height: 24px;
                color: var(--text-default, #002D72);
                white-space: pre-line; } }
            #insuranceHighlightBubble .main-highlight-bubble .highlight-box .highlight .highlight-item .item .bi-check-circle-fill {
              width: 16px;
              height: 16px;
              margin-right: 8px;
              margin-top: 6px;
              flex-shrink: 0;
              background: linear-gradient(180deg, #002D72 0%, #4FA0CA 100%);
              -webkit-mask: url("/static/fontawesome/svgs/solid/check-circle.svg") no-repeat center;
              mask: url("/static/fontawesome/svgs/solid/check-circle.svg") no-repeat center;
              -webkit-mask-size: contain;
              mask-size: contain; }
              @media (max-width: 920px) {
                #insuranceHighlightBubble .main-highlight-bubble .highlight-box .highlight .highlight-item .item .bi-check-circle-fill {
                  width: 16px;
                  height: 16px;
                  margin-top: 6px; } }
              @media (max-width: 640px) {
                #insuranceHighlightBubble .main-highlight-bubble .highlight-box .highlight .highlight-item .item .bi-check-circle-fill {
                  width: 14px;
                  height: 14px;
                  margin-top: 5px; } }
    #insuranceHighlightBubble .main-highlight-bubble .faq-box {
      width: calc(100% - 40px);
      max-width: 1196px;
      border-radius: 20px;
      background: var(--surface-base, #FFFFFF);
      overflow: hidden;
      transition: all 0.3s ease;
      align-items: center;
      margin: 0 auto;
      min-width: 880px; }
      @media (max-width: 920px) {
        #insuranceHighlightBubble .main-highlight-bubble .faq-box {
          width: calc(100% - 40px);
          max-width: 524px;
          margin: 0 auto;
          min-width: auto; } }
      @media (max-width: 640px) {
        #insuranceHighlightBubble .main-highlight-bubble .faq-box {
          width: 343px;
          height: auto;
          max-width: 343px;
          border-radius: 20px;
          padding: 0;
          background: var(--Surface-base, #FFFFFF);
          margin: 0 auto;
          min-width: auto; } }
      #insuranceHighlightBubble .main-highlight-bubble .faq-box .faq-header {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 24px 20px;
        cursor: pointer;
        user-select: none;
        transition: background-color 0.3s ease; }
        @media (max-width: 640px) {
          #insuranceHighlightBubble .main-highlight-bubble .faq-box .faq-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 16px;
            cursor: pointer;
            user-select: none;
            transition: background-color 0.3s ease; } }
        #insuranceHighlightBubble .main-highlight-bubble .faq-box .faq-header .title {
          margin: 0;
          font-family: "FC-Iconic-Regular", sans-serif;
          font-weight: 500;
          font-size: 20px;
          line-height: 28px;
          color: #002D72;
          transition: color 0.3s ease; }
          @media (max-width: 640px) {
            #insuranceHighlightBubble .main-highlight-bubble .faq-box .faq-header .title {
              font-family: "FC-Iconic-Regular", sans-serif;
              font-weight: 500;
              font-size: 16px;
              line-height: 24px;
              color: var(--Text-default, #002D72);
              transition: color 0.3s ease; } }
        #insuranceHighlightBubble .main-highlight-bubble .faq-box .faq-header .toggle-icon {
          display: flex;
          align-items: center;
          justify-content: center;
          width: 28px;
          height: 28px;
          transition: transform 0.3s ease; }
          @media (max-width: 640px) {
            #insuranceHighlightBubble .main-highlight-bubble .faq-box .faq-header .toggle-icon {
              display: flex;
              align-items: center;
              justify-content: center;
              width: 24px;
              height: 24px;
              transition: transform 0.3s ease; } }
          #insuranceHighlightBubble .main-highlight-bubble .faq-box .faq-header .toggle-icon.rotated {
            transform: rotate(180deg); }
          #insuranceHighlightBubble .main-highlight-bubble .faq-box .faq-header .toggle-icon svg {
            width: 16px;
            height: 16px;
            color: #002D72; }
            @media (max-width: 640px) {
              #insuranceHighlightBubble .main-highlight-bubble .faq-box .faq-header .toggle-icon svg {
                width: 14px;
                height: 14px; } }
      #insuranceHighlightBubble .main-highlight-bubble .faq-box:not(.collapsed) .faq-header {
        background-color: #FFEDF3; }
        #insuranceHighlightBubble .main-highlight-bubble .faq-box:not(.collapsed) .faq-header .title {
          color: #FA4786; }
        #insuranceHighlightBubble .main-highlight-bubble .faq-box:not(.collapsed) .faq-header .toggle-icon .arrow-down::before, #insuranceHighlightBubble .main-highlight-bubble .faq-box:not(.collapsed) .faq-header .toggle-icon .arrow-down::after {
          background-color: #FA4786; }
      #insuranceHighlightBubble .main-highlight-bubble .faq-box .faq-content {
        padding: 24px 20px;
        transition: all 0.3s ease; }
        @media (max-width: 640px) {
          #insuranceHighlightBubble .main-highlight-bubble .faq-box .faq-content {
            padding: 16px;
            transition: all 0.3s ease; } }
        #insuranceHighlightBubble .main-highlight-bubble .faq-box .faq-content.hidden {
          max-height: 0;
          padding-top: 0;
          padding-bottom: 0;
          overflow: hidden; }
        #insuranceHighlightBubble .main-highlight-bubble .faq-box .faq-content .item {
          font-family: "FC-Iconic-Light", sans-serif;
          font-weight: 400;
          font-size: 16px;
          line-height: 30px;
          color: #002D72;
          white-space: pre-wrap; }
          @media (max-width: 640px) {
            #insuranceHighlightBubble .main-highlight-bubble .faq-box .faq-content .item {
              font-family: "FC-Iconic-Light", sans-serif;
              font-weight: 400;
              font-size: 14px;
              line-height: 20px;
              color: var(--text-default, #002D72); } }
          #insuranceHighlightBubble .main-highlight-bubble .faq-box .faq-content .item:first-child {
            margin-top: 0; }
          #insuranceHighlightBubble .main-highlight-bubble .faq-box .faq-content .item:last-child {
            margin-bottom: 0; }

.insurance-claim-guide {
  padding: 40px 0;
  width: 100%; }
  @media screen and (max-width: 640px) {
    .insurance-claim-guide .desktop-break {
      display: none; } }
  .insurance-claim-guide .mobile-break {
    display: none; }
    @media screen and (max-width: 640px) {
      .insurance-claim-guide .mobile-break {
        display: inline; } }
  .insurance-claim-guide.light-pink {
    background-color: #FFF8FA; }
  .insurance-claim-guide.dark-pink {
    background-color: #FFEDF3; }
  .insurance-claim-guide.white {
    background-color: #ffffff; }
  @media screen and (max-width: 640px) {
    .insurance-claim-guide {
      padding: 16px; } }
  .insurance-claim-guide .container {
    margin: 0 auto;
    max-width: 1440px; }
  .insurance-claim-guide .claim-guide-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%; }
  .insurance-claim-guide .header {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 40px; }
    @media screen and (max-width: 640px) {
      .insurance-claim-guide .header {
        margin-bottom: 16px; } }
    .insurance-claim-guide .header .title {
      font-family: "FC-Iconic-Medium", sans-serif;
      font-size: 36px;
      font-weight: 700;
      color: #FA4786;
      margin: 0;
      text-align: center;
      line-height: 1.2; }
      @media screen and (max-width: 640px) {
        .insurance-claim-guide .header .title {
          font-size: 24px; } }
    .insurance-claim-guide .header .subtitle {
      font-family: "FC-Iconic-Light", sans-serif;
      font-size: 18px;
      font-weight: 400;
      color: #002D72;
      margin-top: 16px;
      text-align: center;
      line-height: 1.4; }
      @media screen and (max-width: 640px) {
        .insurance-claim-guide .header .subtitle {
          font-size: 16px;
          margin-top: 16px; } }
    .insurance-claim-guide .header .tabs-container {
      display: flex;
      width: 392px;
      height: 76px;
      background-color: #FFEDF3;
      border-radius: 28px;
      padding: 8px;
      margin-top: 16px; }
      @media screen and (max-width: 640px) {
        .insurance-claim-guide .header .tabs-container {
          width: 343px;
          height: 56px;
          border-radius: 20px;
          padding: 4px; } }
      .insurance-claim-guide .header .tabs-container .tab-button {
        flex: 1;
        height: 60px;
        border-radius: 20px;
        padding: 16px;
        border: none;
        cursor: pointer;
        font-family: "FC-Iconic-Regular", sans-serif;
        font-size: 18px;
        font-weight: 500;
        color: #FA4786;
        background-color: transparent;
        transition: all 0.3s ease; }
        @media screen and (max-width: 640px) {
          .insurance-claim-guide .header .tabs-container .tab-button {
            height: 48px;
            border-radius: 16px;
            padding: 12px;
            font-size: 16px;
            -webkit-tap-highlight-color: transparent;
            -webkit-touch-callout: none;
            -webkit-user-select: none;
            -khtml-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none; } }
        .insurance-claim-guide .header .tabs-container .tab-button.active {
          background-color: #FA4786 !important;
          color: white !important; }
  .insurance-claim-guide .steps-container {
    width: 100%;
    overflow-x: visible;
    overflow-y: hidden; }
    @media screen and (max-width: 640px) {
      .insurance-claim-guide .steps-container {
        overflow-x: visible;
        overflow-y: visible;
        padding: 0;
        touch-action: auto;
        display: flex;
        justify-content: center; } }
  .insurance-claim-guide .steps-wrapper {
    display: flex;
    gap: 20px;
    justify-content: center;
    width: 100%;
    max-width: 1440px;
    margin: 0 auto; }
    @media screen and (max-width: 1024px) {
      .insurance-claim-guide .steps-wrapper {
        gap: 16px; } }
    @media screen and (max-width: 768px) {
      .insurance-claim-guide .steps-wrapper {
        gap: 12px; } }
    @media screen and (max-width: 640px) {
      .insurance-claim-guide .steps-wrapper {
        flex-direction: column;
        gap: 20px;
        max-width: 343px;
        min-width: auto;
        justify-content: center; } }
  .insurance-claim-guide .step-item {
    flex: 1;
    position: relative;
    max-width: 345px; }
    @media screen and (max-width: 640px) {
      .insurance-claim-guide .step-item {
        flex: none;
        width: auto;
        display: grid;
        grid-template-columns: 32px 1fr;
        gap: 12px;
        align-items: start; } }
  .insurance-claim-guide .step-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    text-align: center; }
    @media screen and (max-width: 640px) {
      .insurance-claim-guide .step-content {
        display: contents; } }
  .insurance-claim-guide .step-indicator {
    width: 62px;
    height: 62px;
    background-color: #FFEDF3;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 2; }
    @media screen and (max-width: 640px) {
      .insurance-claim-guide .step-indicator {
        width: 32px;
        height: 32px;
        grid-column: 1;
        grid-row: 1; } }
    .insurance-claim-guide .step-indicator .step-number {
      font-family: "FC-Iconic-Regular", sans-serif;
      font-size: 20px;
      font-weight: 600;
      color: #FA4786; }
      @media screen and (max-width: 640px) {
        .insurance-claim-guide .step-indicator .step-number {
          font-size: 16px;
          width: 32px;
          height: 32px;
          padding: 4px;
          line-height: 24px;
          text-align: center;
          flex-shrink: 0; } }
  .insurance-claim-guide .step-connector {
    position: absolute;
    top: 31px;
    left: calc(50%);
    right: calc(-50%);
    height: 1px;
    background-color: #B0BED3;
    z-index: 1; }
    @media screen and (max-width: 640px) {
      .insurance-claim-guide .step-connector {
        display: none; } }
  .insurance-claim-guide .step-icon {
    width: 140px;
    height: 140px;
    display: flex;
    align-items: center;
    justify-content: center; }
    @media screen and (max-width: 640px) {
      .insurance-claim-guide .step-icon {
        display: none; } }
    .insurance-claim-guide .step-icon img {
      max-width: 100%;
      max-height: 100%;
      object-fit: contain; }
  .insurance-claim-guide .step-text {
    display: flex;
    flex-direction: column;
    gap: 16px; }
    @media screen and (max-width: 640px) {
      .insurance-claim-guide .step-text {
        grid-column: 2;
        grid-row: 1;
        text-align: left;
        gap: 4px; } }
    .insurance-claim-guide .step-text .step-title {
      font-family: "FC-Iconic-Regular", sans-serif;
      font-size: 20px;
      font-weight: 600;
      color: #002D72;
      margin: 0;
      line-height: 1.3; }
      @media screen and (max-width: 640px) {
        .insurance-claim-guide .step-text .step-title {
          font-size: 16px; } }
    .insurance-claim-guide .step-text .step-title-car-bike {
      font-family: "FC-Iconic-Regular", sans-serif;
      font-size: 20px;
      font-weight: 600;
      color: #002D72;
      margin: 0;
      min-height: 52px;
      line-height: 1.3; }
      @media screen and (max-width: 640px) {
        .insurance-claim-guide .step-text .step-title-car-bike {
          font-size: 16px;
          min-height: max-content; } }
    .insurance-claim-guide .step-text .step-subtitle {
      font-family: "FC-Iconic-Light", sans-serif;
      font-size: 16px;
      font-weight: 400;
      color: #7F7F80;
      line-height: 1.4; }
      @media screen and (max-width: 640px) {
        .insurance-claim-guide .step-text .step-subtitle {
          font-size: 14px; } }
      @media screen and (min-width: 641px) {
        .insurance-claim-guide .step-text .step-subtitle.align-left {
          text-align: left; } }
      .insurance-claim-guide .step-text .step-subtitle .link-text {
        color: #4FA0CA;
        text-decoration: underline; }
        .insurance-claim-guide .step-text .step-subtitle .link-text:hover {
          color: #3A7BA8; }
      .insurance-claim-guide .step-text .step-subtitle a, .insurance-claim-guide .step-text .step-subtitle .link-text {
        color: #4FA0CA;
        text-decoration: underline; }
        .insurance-claim-guide .step-text .step-subtitle a:hover, .insurance-claim-guide .step-text .step-subtitle .link-text:hover {
          color: #3A7BA8; }
  .insurance-claim-guide .steps-wrapper .step-item:not(:last-child) .step-connector {
    display: block; }
    @media screen and (max-width: 640px) {
      .insurance-claim-guide .steps-wrapper .step-item:not(:last-child) .step-connector {
        display: none !important; } }
  .insurance-claim-guide .steps-wrapper .step-item:last-child .step-connector {
    display: none; }

@charset "UTF-8";
#videoMockContainer {
  width: 100%;
  overflow-x: hidden; }
  #videoMockContainer .mock-video-wrapper {
    margin: 0 auto;
    padding-top: 20px; }
  #videoMockContainer .mock-page-title {
    font-family: "FC-Iconic-Medium", sans-serif;
    font-size: 36px;
    color: #FA4786;
    text-align: center; }
    @media screen and (max-width: 1280px) {
      #videoMockContainer .mock-page-title {
        font-size: 24px; } }
  #videoMockContainer .featured-video-showcase {
    max-width: 1440px;
    width: 100%;
    margin: 0 auto;
    padding: 20px 0px 40px 20px;
    background-color: #FFFFFF;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px; }
    #videoMockContainer .featured-video-showcase .featured-video-wrapper {
      width: 709.33px;
      height: 399px; }
      #videoMockContainer .featured-video-showcase .featured-video-wrapper iframe, #videoMockContainer .featured-video-showcase .featured-video-wrapper img {
        width: 100%;
        height: 100%;
        border-radius: 40px;
        border: none; }
    #videoMockContainer .featured-video-showcase .featured-text-content {
      flex: 1;
      text-align: center;
      color: #002D72;
      font-size: 20px; }
      #videoMockContainer .featured-video-showcase .featured-text-content .quote-section {
        display: flex;
        flex-direction: row;
        justify-content: center; }
        #videoMockContainer .featured-video-showcase .featured-text-content .quote-section .quote-content {
          font-family: "FC-Iconic-Regular", sans-serif;
          margin-bottom: 20px; }
        #videoMockContainer .featured-video-showcase .featured-text-content .quote-section .quote-symbol {
          font-family: "Sarabun-Bold", sans-serif;
          font-size: 50px;
          color: #FA4786;
          margin: 0;
          padding: 10px 10px 0px 10px; }
      #videoMockContainer .featured-video-showcase .featured-text-content .author-info {
        font-family: "FC-Iconic-Regular", sans-serif;
        margin: 0;
        font-weight: 600; }
    @media screen and (max-width: 1280px) {
      #videoMockContainer .featured-video-showcase {
        flex-direction: column;
        padding: 0px; }
        #videoMockContainer .featured-video-showcase .featured-video-wrapper {
          width: 90%;
          max-width: 505px;
          height: 289px; }
          #videoMockContainer .featured-video-showcase .featured-video-wrapper iframe, #videoMockContainer .featured-video-showcase .featured-video-wrapper img {
            border-radius: 24px; }
        #videoMockContainer .featured-video-showcase .featured-text-content {
          width: 100%;
          font-size: 16px; }
          #videoMockContainer .featured-video-showcase .featured-text-content .quote-section {
            text-align: center; }
            #videoMockContainer .featured-video-showcase .featured-text-content .quote-section .quote-content {
              margin-bottom: 0px; }
            #videoMockContainer .featured-video-showcase .featured-text-content .quote-section .quote-symbol {
              font-size: 40px;
              padding: 10px 20px 0px 20px; }
          #videoMockContainer .featured-video-showcase .featured-text-content .author-info {
            text-align: center;
            margin-bottom: 20px; } }
  #videoMockContainer .video-carousel-main {
    width: 100%;
    position: relative;
    margin: auto;
    background-color: #FFF8FA; }
    #videoMockContainer .video-carousel-main.theme-white {
      background-color: #fff; }
    #videoMockContainer .video-carousel-main.theme-light-pink {
      background-color: #FFF8FA; }
    #videoMockContainer .video-carousel-main.theme-dark-pink {
      background-color: #FFEDF3; }
    #videoMockContainer .video-carousel-main .carousel-main-container {
      padding: 20px 0px 20px;
      display: flex;
      flex-direction: column; }
      @media screen and (max-width: 640px) {
        #videoMockContainer .video-carousel-main .carousel-main-container {
          padding: 16px 0px 16px; } }
      #videoMockContainer .video-carousel-main .carousel-main-container .carousel-header {
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        max-width: 1440px;
        margin: 30px auto;
        padding: 0 12.5%; }
        @media screen and (max-width: 1280px) {
          #videoMockContainer .video-carousel-main .carousel-main-container .carousel-header {
            flex-direction: column;
            gap: 15px;
            padding: 0 20px; } }
        @media screen and (max-width: 640px) {
          #videoMockContainer .video-carousel-main .carousel-main-container .carousel-header {
            margin: 0px;
            margin-bottom: 16px;
            padding: 0px; } }
        #videoMockContainer .video-carousel-main .carousel-main-container .carousel-header .see-all-video {
          position: absolute;
          right: 4%;
          font-family: "FC-Iconic-Regular", sans-serif;
          font-weight: 500;
          font-size: 16px;
          cursor: pointer;
          color: #002D72;
          text-decoration: none;
          transition: all 0.2s ease; }
          #videoMockContainer .video-carousel-main .carousel-main-container .carousel-header .see-all-video:hover {
            color: #FA4786; }
          @media screen and (max-width: 1280px) {
            #videoMockContainer .video-carousel-main .carousel-main-container .carousel-header .see-all-video {
              position: static;
              right: auto;
              margin: 0; } }
      #videoMockContainer .video-carousel-main .carousel-main-container .carousel-section-title {
        font-family: "FC-Iconic-Medium", sans-serif;
        font-size: 32px;
        font-weight: 700;
        color: #FA4786;
        text-align: center;
        margin: 0; }
        @media screen and (max-width: 1280px) {
          #videoMockContainer .video-carousel-main .carousel-main-container .carousel-section-title {
            font-size: 24px; } }
      #videoMockContainer .video-carousel-main .carousel-main-container .see-all-video-button {
        width: calc(100% - 20px);
        margin: 30px auto 0;
        border-radius: 16px;
        border: 1px solid #FA4786;
        padding: 12px;
        background-color: #FFFFFF;
        font-family: "FC-Iconic-Regular", sans-serif;
        font-size: 16px;
        font-weight: 600;
        color: #FA4786;
        cursor: pointer;
        transition: all 0.3s ease; }
        @media screen and (max-width: 640px) {
          #videoMockContainer .video-carousel-main .carousel-main-container .see-all-video-button {
            width: calc(100% - 32px);
            margin: 12px 16px 0px 16px; } }
        #videoMockContainer .video-carousel-main .carousel-main-container .see-all-video-button:hover {
          background-color: #FA4786;
          color: #FFFFFF; }
      #videoMockContainer .video-carousel-main .carousel-main-container .carousel-content-wrapper {
        position: relative; }
        #videoMockContainer .video-carousel-main .carousel-main-container .carousel-content-wrapper .video-cards-container {
          display: flex;
          gap: 20px;
          overflow-x: auto;
          scrollbar-width: none;
          -ms-overflow-style: none;
          padding-top: 5px;
          padding-bottom: 5px; }
          #videoMockContainer .video-carousel-main .carousel-main-container .carousel-content-wrapper .video-cards-container::-webkit-scrollbar {
            display: none; }
          #videoMockContainer .video-carousel-main .carousel-main-container .carousel-content-wrapper .video-cards-container .video-card-item {
            flex: 0 0 auto;
            overflow: hidden;
            transition: border-color 0.3s ease; }
            @media screen and (min-width: 1281px) {
              #videoMockContainer .video-carousel-main .carousel-main-container .carousel-content-wrapper .video-cards-container .video-card-item:first-child {
                margin-left: 12.5%; }
              #videoMockContainer .video-carousel-main .carousel-main-container .carousel-content-wrapper .video-cards-container .video-card-item:last-child {
                margin-right: 12.5%; } }
            @media screen and (max-width: 640px) {
              #videoMockContainer .video-carousel-main .carousel-main-container .carousel-content-wrapper .video-cards-container .video-card-item:first-child {
                margin-left: 16px; }
              #videoMockContainer .video-carousel-main .carousel-main-container .carousel-content-wrapper .video-cards-container .video-card-item:last-child {
                margin-right: 16px; } }
            #videoMockContainer .video-carousel-main .carousel-main-container .carousel-content-wrapper .video-cards-container .video-card-item .video-thumbnail-area {
              width: 612px;
              height: 358px;
              position: relative; }
              #videoMockContainer .video-carousel-main .carousel-main-container .carousel-content-wrapper .video-cards-container .video-card-item .video-thumbnail-area iframe, #videoMockContainer .video-carousel-main .carousel-main-container .carousel-content-wrapper .video-cards-container .video-card-item .video-thumbnail-area img {
                width: 100%;
                height: 100%;
                border-radius: 36px;
                border: none;
                object-fit: cover;
                cursor: pointer; }
              #videoMockContainer .video-carousel-main .carousel-main-container .carousel-content-wrapper .video-cards-container .video-card-item .video-thumbnail-area .play-button-overlay {
                position: absolute;
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%);
                width: 80px;
                height: 80px;
                background: rgba(0, 0, 0, 0.6);
                border-radius: 50%;
                display: flex;
                align-items: center;
                justify-content: center;
                color: white;
                font-size: 32px;
                cursor: pointer;
                transition: all 0.3s ease; }
                #videoMockContainer .video-carousel-main .carousel-main-container .carousel-content-wrapper .video-cards-container .video-card-item .video-thumbnail-area .play-button-overlay:hover {
                  background: rgba(0, 0, 0, 0.8);
                  transform: translate(-50%, -50%) scale(1.1); }
                #videoMockContainer .video-carousel-main .carousel-main-container .carousel-content-wrapper .video-cards-container .video-card-item .video-thumbnail-area .play-button-overlay::after {
                  content: "\25B6";
                  margin-left: 3px; }
              #videoMockContainer .video-carousel-main .carousel-main-container .carousel-content-wrapper .video-cards-container .video-card-item .video-thumbnail-area .video-container {
                position: relative;
                width: 100%;
                height: 100%; }
                #videoMockContainer .video-carousel-main .carousel-main-container .carousel-content-wrapper .video-cards-container .video-card-item .video-thumbnail-area .video-container iframe {
                  width: 100%;
                  height: 100%;
                  border-top-left-radius: 36px;
                  border-top-right-radius: 36px;
                  border: none; }
                #videoMockContainer .video-carousel-main .carousel-main-container .carousel-content-wrapper .video-cards-container .video-card-item .video-thumbnail-area .video-container iframe:-webkit-full-screen {
                  border-radius: 0 !important; }
                #videoMockContainer .video-carousel-main .carousel-main-container .carousel-content-wrapper .video-cards-container .video-card-item .video-thumbnail-area .video-container iframe:-moz-full-screen {
                  border-radius: 0 !important; }
                #videoMockContainer .video-carousel-main .carousel-main-container .carousel-content-wrapper .video-cards-container .video-card-item .video-thumbnail-area .video-container iframe:fullscreen {
                  border-radius: 0 !important; }
            #videoMockContainer .video-carousel-main .carousel-main-container .carousel-content-wrapper .video-cards-container .video-card-item .video-info-section {
              width: 612px;
              height: fit-content;
              border-bottom-left-radius: 36px;
              border-bottom-right-radius: 36px;
              padding-top: 20px;
              align-items: center;
              position: relative; }
              #videoMockContainer .video-carousel-main .carousel-main-container .carousel-content-wrapper .video-cards-container .video-card-item .video-info-section .quote-icon-left {
                font-family: "Sarabun-Bold" !important;
                font-size: 50px;
                color: #FDB5CF;
                line-height: 1;
                position: absolute;
                left: -90px;
                top: 0px;
                z-index: 1; }
              #videoMockContainer .video-carousel-main .carousel-main-container .carousel-content-wrapper .video-cards-container .video-card-item .video-info-section .quote-icon-right {
                font-family: "Sarabun-Bold" !important;
                font-size: 50px;
                color: #FDB5CF;
                line-height: 1;
                position: absolute;
                right: -90px;
                top: 0px;
                z-index: 1; }
              #videoMockContainer .video-carousel-main .carousel-main-container .carousel-content-wrapper .video-cards-container .video-card-item .video-info-section .video-quote-text {
                font-family: "FC-Iconic-Light", sans-serif;
                font-size: 20px;
                font-weight: 400;
                color: #002D72;
                margin: 0 auto 8px auto;
                line-height: 1.3;
                text-align: center;
                width: 70%;
                position: relative;
                word-break: keep-all; }
                #videoMockContainer .video-carousel-main .carousel-main-container .carousel-content-wrapper .video-cards-container .video-card-item .video-info-section .video-quote-text .quote-content {
                  flex: 1;
                  text-align: center; }
              #videoMockContainer .video-carousel-main .carousel-main-container .carousel-content-wrapper .video-cards-container .video-card-item .video-info-section .video-author-text {
                font-family: "FC-Iconic-Regular", sans-serif;
                font-size: 18px;
                font-weight: 600;
                color: #002D72;
                margin: 0 auto;
                line-height: 1.3;
                text-align: center;
                width: 70%;
                word-break: keep-all; }
            @media screen and (max-width: 1280px) {
              #videoMockContainer .video-carousel-main .carousel-main-container .carousel-content-wrapper .video-cards-container .video-card-item .video-thumbnail-area {
                width: 320px;
                height: 180px; }
                #videoMockContainer .video-carousel-main .carousel-main-container .carousel-content-wrapper .video-cards-container .video-card-item .video-thumbnail-area iframe, #videoMockContainer .video-carousel-main .carousel-main-container .carousel-content-wrapper .video-cards-container .video-card-item .video-thumbnail-area img {
                  border-top-left-radius: 22.39px;
                  border-top-right-radius: 22.39px; }
                #videoMockContainer .video-carousel-main .carousel-main-container .carousel-content-wrapper .video-cards-container .video-card-item .video-thumbnail-area .play-button-overlay {
                  width: 50px;
                  height: 50px;
                  font-size: 20px; }
                #videoMockContainer .video-carousel-main .carousel-main-container .carousel-content-wrapper .video-cards-container .video-card-item .video-thumbnail-area .video-container iframe {
                  border-top-left-radius: 22.39px;
                  border-top-right-radius: 22.39px; }
              #videoMockContainer .video-carousel-main .carousel-main-container .carousel-content-wrapper .video-cards-container .video-card-item .video-info-section {
                width: 320px;
                border-bottom-left-radius: 22.39px;
                border-bottom-right-radius: 22.39px; }
                #videoMockContainer .video-carousel-main .carousel-main-container .carousel-content-wrapper .video-cards-container .video-card-item .video-info-section .quote-icon-left {
                  font-size: 32px;
                  left: -45px;
                  top: 0px; }
                #videoMockContainer .video-carousel-main .carousel-main-container .carousel-content-wrapper .video-cards-container .video-card-item .video-info-section .quote-icon-right {
                  font-size: 32px;
                  right: -45px;
                  top: 0px; }
                #videoMockContainer .video-carousel-main .carousel-main-container .carousel-content-wrapper .video-cards-container .video-card-item .video-info-section .video-quote-text {
                  font-size: 16px;
                  width: 70%;
                  margin: 0 auto 4px auto;
                  word-break: keep-all; }
                #videoMockContainer .video-carousel-main .carousel-main-container .carousel-content-wrapper .video-cards-container .video-card-item .video-info-section .video-author-text {
                  font-size: 14px;
                  width: 70%;
                  margin: 0 auto;
                  word-break: keep-all; } }
      #videoMockContainer .video-carousel-main .carousel-main-container .carousel-navigation-controls {
        display: flex;
        justify-content: flex-end;
        gap: 20px;
        margin-top: 30px;
        padding-left: 12.5%;
        padding-right: 12.5%;
        width: 100%; }
        #videoMockContainer .video-carousel-main .carousel-main-container .carousel-navigation-controls .nav-control-button {
          width: 40px;
          height: 40px;
          border-radius: 50%;
          border: 2px solid #FFEDF3;
          background: #FFEDF3;
          cursor: pointer;
          display: flex;
          align-items: center;
          justify-content: center;
          transition: all 0.3s ease; }
          #videoMockContainer .video-carousel-main .carousel-main-container .carousel-navigation-controls .nav-control-button:hover {
            background-color: #FFEDF3; }
          #videoMockContainer .video-carousel-main .carousel-main-container .carousel-navigation-controls .nav-control-button.button-disabled {
            opacity: 0.5;
            cursor: not-allowed; }
            #videoMockContainer .video-carousel-main .carousel-main-container .carousel-navigation-controls .nav-control-button.button-disabled:hover {
              background: #FFEDF3; }
          #videoMockContainer .video-carousel-main .carousel-main-container .carousel-navigation-controls .nav-control-button .arrow-icon-symbol {
            color: #FA4786;
            font-family: "FC-Iconic-Medium", sans-serif;
            font-size: 20px; }

#loanCalculation {
  width: 100%;
  height: 100%;
  padding-top: 0px; }
  #loanCalculation.white {
    background-color: #ffffff; }
  #loanCalculation.light-pink {
    background-color: #FFF8FA; }
  #loanCalculation.dark-pink {
    background-color: #FFEDF3; }
  #loanCalculation .main-loan-calculation {
    max-width: 1440px;
    margin: 36px auto;
    display: flex;
    flex-direction: column;
    gap: 40px; }
    @media (max-width: 640px) {
      #loanCalculation .main-loan-calculation {
        width: 100%;
        max-width: 375px;
        margin: 0 auto;
        padding: 16px;
        gap: 16px; } }
    #loanCalculation .main-loan-calculation .title {
      font-family: "FC-Iconic-Medium", sans-serif;
      font-weight: 700;
      font-size: 36px;
      line-height: 52px;
      text-align: center;
      color: var(--text-brand, #FA4786);
      margin: 0 auto; }
      @media (max-width: 1348px) {
        #loanCalculation .main-loan-calculation .title {
          margin: auto 16px; } }
      @media (max-width: 640px) {
        #loanCalculation .main-loan-calculation .title {
          font-size: 24px;
          line-height: 36px;
          width: 343;
          opacity: 1;
          white-space: pre-line;
          margin: 0 auto; } }
    #loanCalculation .main-loan-calculation .details-box {
      max-width: 1348px;
      width: 100%;
      gap: 20px;
      display: flex;
      flex-direction: column;
      margin: 0 auto; }
      @media (max-width: 640px) {
        #loanCalculation .main-loan-calculation .details-box {
          max-width: 343px;
          gap: 16px; } }
      #loanCalculation .main-loan-calculation .details-box .description-box {
        max-width: 1348px;
        width: 100%;
        height: fit-content;
        opacity: 1;
        padding: 20px 40px;
        border-radius: 20px;
        background: var(--surface-default, #E6EAF1); }
        @media (max-width: 1348px) {
          #loanCalculation .main-loan-calculation .details-box .description-box {
            margin: auto;
            width: calc(100% - 32px); } }
        @media (max-width: 640px) {
          #loanCalculation .main-loan-calculation .details-box .description-box {
            max-width: 343px;
            border-radius: 24px;
            padding: 16px;
            width: 100%; } }
        #loanCalculation .main-loan-calculation .details-box .description-box .description {
          width: 100%;
          opacity: 1;
          font-family: "FC-Iconic-Regular", sans-serif;
          font-weight: 500;
          font-size: 20px;
          line-height: 30px;
          text-align: center;
          color: var(--text-default, #002D72); }
          @media (max-width: 640px) {
            #loanCalculation .main-loan-calculation .details-box .description-box .description {
              font-size: 16px;
              line-height: 24px;
              white-space: pre-line; } }
      #loanCalculation .main-loan-calculation .details-box .sample-box {
        max-width: 1348px;
        height: fit-content;
        opacity: 1;
        gap: 8px;
        display: flex;
        flex-direction: column; }
        @media (max-width: 1348px) {
          #loanCalculation .main-loan-calculation .details-box .sample-box {
            margin: auto 16px; } }
        @media (max-width: 640px) {
          #loanCalculation .main-loan-calculation .details-box .sample-box {
            margin: 0;
            max-width: 343px;
            gap: 4px; } }
        #loanCalculation .main-loan-calculation .details-box .sample-box .sample-title {
          max-width: 71px;
          opacity: 1;
          font-family: "FC-Iconic-Regular", sans-serif;
          font-weight: 600;
          font-size: 20px;
          line-height: 30px;
          color: var(--text-brand, #FA4786); }
          @media (max-width: 640px) {
            #loanCalculation .main-loan-calculation .details-box .sample-box .sample-title {
              font-size: 16px;
              line-height: 24px; } }
        #loanCalculation .main-loan-calculation .details-box .sample-box .sample-item {
          max-width: 1348px;
          opacity: 1;
          font-family: "FC-Iconic-Light", sans-serif;
          font-weight: 400;
          font-size: 18px;
          line-height: 28px;
          color: var(--text-default, #002D72); }
          @media (max-width: 640px) {
            #loanCalculation .main-loan-calculation .details-box .sample-box .sample-item {
              max-width: 343px;
              font-size: 14px;
              line-height: 20px;
              white-space: pre-line; } }
          #loanCalculation .main-loan-calculation .details-box .sample-box .sample-item.bold {
            font-family: "FC-Iconic-Regular", sans-serif;
            font-weight: 600;
            font-size: 20px;
            line-height: 30px; }
            @media (max-width: 640px) {
              #loanCalculation .main-loan-calculation .details-box .sample-box .sample-item.bold {
                font-size: 14px;
                line-height: 20px; } }
      #loanCalculation .main-loan-calculation .details-box .formula-box {
        max-width: 1348px;
        height: fit-content;
        opacity: 1;
        gap: 8px;
        display: flex;
        flex-direction: column; }
        @media (max-width: 1348px) {
          #loanCalculation .main-loan-calculation .details-box .formula-box {
            margin: auto 16px; } }
        @media (max-width: 640px) {
          #loanCalculation .main-loan-calculation .details-box .formula-box {
            margin: 0;
            max-width: 343px;
            gap: 0; } }
        #loanCalculation .main-loan-calculation .details-box .formula-box .formula-title {
          max-width: 59px;
          opacity: 1;
          font-family: "FC-Iconic-Regular", sans-serif;
          font-weight: 600;
          font-size: 20px;
          line-height: 30px;
          color: var(--text-brand, #FA4786); }
          @media (max-width: 640px) {
            #loanCalculation .main-loan-calculation .details-box .formula-box .formula-title {
              font-size: 16px;
              line-height: 24px;
              margin-bottom: 4px; } }
        #loanCalculation .main-loan-calculation .details-box .formula-box .formula-item {
          max-width: 1348px;
          opacity: 1;
          font-family: "FC-Iconic-Light", sans-serif;
          font-weight: 400;
          font-size: 18px;
          line-height: 28px;
          color: var(--text-default, #002D72); }
          @media (max-width: 640px) {
            #loanCalculation .main-loan-calculation .details-box .formula-box .formula-item {
              max-width: 343px;
              font-size: 14px;
              line-height: 20px;
              padding-left: 14px;
              text-indent: -14px;
              white-space: pre-line; } }
      #loanCalculation .main-loan-calculation .details-box .remark-box {
        max-width: 1348px;
        height: fit-content;
        opacity: 1;
        gap: 8px;
        display: flex;
        flex-direction: column; }
        @media (max-width: 1348px) {
          #loanCalculation .main-loan-calculation .details-box .remark-box {
            margin: auto 16px; } }
        @media (max-width: 640px) {
          #loanCalculation .main-loan-calculation .details-box .remark-box {
            margin: 0;
            max-width: 343px;
            gap: 4px; } }
        #loanCalculation .main-loan-calculation .details-box .remark-box .remark-title {
          max-width: 79px;
          opacity: 1;
          font-family: "FC-Iconic-Regular", sans-serif;
          font-weight: 600;
          font-size: 20px;
          line-height: 30px;
          color: var(--text-brand, #FA4786); }
          @media (max-width: 640px) {
            #loanCalculation .main-loan-calculation .details-box .remark-box .remark-title {
              font-size: 16px;
              line-height: 24px; } }
        #loanCalculation .main-loan-calculation .details-box .remark-box .remark-item {
          max-width: 1348px;
          opacity: 1;
          font-family: "FC-Iconic-Light", sans-serif;
          font-weight: 400;
          font-size: 18px;
          line-height: 28px;
          color: var(--text-default, #002D72);
          margin-left: 12px;
          padding-left: 12px;
          text-indent: -12px; }
          @media (max-width: 640px) {
            #loanCalculation .main-loan-calculation .details-box .remark-box .remark-item {
              font-size: 14px;
              line-height: 20px;
              margin-left: 8px;
              padding-left: 12px;
              text-indent: -12px;
              white-space: pre-line; } }

#tagSection {
  margin-top: 20px;
  width: 100%;
  padding: 0 20px;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto; }
  @media screen and (max-width: 640px) {
    #tagSection {
      padding: 0 16px; } }
  #tagSection .tag-box {
    display: flex;
    flex-wrap: wrap; }
    #tagSection .tag-box i {
      margin-right: 10px;
      color: #243871;
      font-size: 18px;
      padding-top: 12px; }
    #tagSection .tag-box .tag-badge-box {
      display: flex;
      flex-wrap: wrap;
      width: calc(100% - 28px); }
      #tagSection .tag-box .tag-badge-box .tag-badge {
        font-family: "FC-Iconic-Regular";
        font-size: 16px;
        font-weight: 500;
        color: #243871;
        border-radius: 15px;
        border: solid 1px #243871;
        background-color: #ffffff;
        padding: 2px 10px;
        margin: 5px 5px 0 0;
        cursor: pointer; }
        #tagSection .tag-box .tag-badge-box .tag-badge:hover {
          background-color: #243871;
          color: #fff; }

.pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  height: 80px;
  user-select: none;
  padding: 12px;
  border-radius: 30px; }
  .pagination .nav-button {
    cursor: pointer;
    padding: 4px 0px 0px 10px;
    color: #FA4786;
    font-size: 20px;
    font-family: "FC-Iconic-Regular", sans-serif;
    min-width: 40px;
    height: 40px;
    transition: all 0.3s ease;
    background-color: #FFEDF3;
    border-radius: 50%; }
    .pagination .nav-button:hover:not(.disabled) {
      opacity: 0.8; }
    .pagination .nav-button.disabled {
      cursor: not-allowed;
      background-color: #F2F2F2;
      color: #C4C4C5; }
  .pagination .page-number {
    cursor: pointer;
    padding: 8px;
    border-radius: 50%;
    transition: all 0.3s ease;
    color: #002D72;
    font-weight: 400;
    font-size: 20px;
    font-family: "FC-Iconic-Regular", sans-serif;
    min-width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center; }
    .pagination .page-number:hover:not(.active) {
      background-color: rgba(0, 43, 127, 0.1); }
    .pagination .page-number.active {
      background-color: #FF4D8D;
      color: white; }
  .pagination .ellipsis {
    padding: 8px;
    color: #002B7F; }

.card-page .btn-box {
  width: 100%;
  padding-bottom: 30px; }
  .card-page .btn-box .btn {
    width: 180px;
    height: 40px;
    margin-left: auto;
    margin-right: auto;
    border-radius: 4px;
    background-color: #ee347f;
    font-family: "FC-Iconic-Regular", sans-serif;
    font-size: 16px;
    text-align: center;
    color: #ffffff;
    padding-top: 8px;
    cursor: pointer; }
    .card-page .btn-box .btn.disabled {
      opacity: 0.5 !important;
      cursor: no-drop !important; }

.responsive-banner {
  width: 100%;
  margin: 0;
  padding: 0;
  display: block;
  overflow: hidden; }
  .responsive-banner .banner-image {
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover;
    object-position: center; }

@media (min-width: 1025px) {
  .responsive-banner .banner-image {
    min-height: 400px;
    max-height: 600px; } }

@media (min-width: 769px) and (max-width: 1024px) {
  .responsive-banner .banner-image {
    min-height: 300px;
    max-height: 500px; } }

@media (max-width: 768px) {
  .responsive-banner .banner-image {
    height: auto; } }

#policy {
  background-color: #FFF8FA; }
  #policy .container {
    width: 100%;
    margin: 0 auto;
    min-height: calc(100vh - 182px); }