body {
  font-family: "Noto Sans Thai", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  color: black;
}
:root {
  --c-blue: #2a166d;
  --rgb-blue: 42, 22, 109;
  --c-border: #ededed;
  --c-grayA9: #a9a9a9;
  --c-gray79: #797979;
  --bs-primary: #7367f0;
  --bs-success: #28c76f;
  --bs-danger: #ff4c51;
  --bs-info: #00bad1;
  --bs-warning: #ff9f43;
}
/*----------------------------------
    COLOR STYLE
----------------------------------*/
.bg-blue {
  background-color: var(--c-blue);
}
.bg-lightGray {
  background-color: #d9d9d9;
}
.bg-whiteGray {
  background-color: #f0f0f0;
}
.text-blue {
  color: var(--c-blue);
}
.text-A9 {
  color: var(--c-grayA9);
}
.text-79 {
  color: var(--c-gray79);
}
.bg-login {
  background-image: url("../images/bg-race.webp");
  background-color: var(--c-blue);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
.bg-requestCompetition {
  background-image: linear-gradient(
      to right,
      rgba(0, 0, 0, 0.8) 0%,
      rgba(42, 22, 109, 0.8) 100%
    ),
    url("../images/bg-competition.webp");
  background-color: var(--c-blue);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 350px;
}
.bg-driver {
  background-image: linear-gradient(
      to right,
      rgba(0, 0, 0, 0.8) 0%,
      rgba(42, 22, 109, 0.8) 100%
    ),
    url("../images/bg-driver.webp");
  background-color: var(--c-blue);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 350px;
}
.bg-team {
  background-image: linear-gradient(
      to right,
      rgba(0, 0, 0, 0.8) 0%,
      rgba(42, 22, 109, 0.8) 100%
    ),
    url("../images/bg-team.webp");
  background-color: var(--c-blue);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 350px;
}
.bg-member {
  background-image: linear-gradient(
      to right,
      rgba(0, 0, 0, 0.8) 0%,
      rgba(42, 22, 109, 0.8) 100%
    ),
    url("../images/bg-member.webp");
  background-color: var(--c-blue);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 350px;
}
.bg-professional{
  background-image: linear-gradient(
      to right,
      rgba(0, 0, 0, 0.5) 0%,
      rgba(0, 0, 0, 0.5) 100%
    ),
    url("../images/bg-driverProfession.webp");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  color:white;
}
/*-----------------------------------------
    LAYOUT STYLE
-------------------------------------------*/
select,
button,
a {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  border: none;
}
.cursor-pointer {
  cursor: pointer !important;
}
.container-fluid.container-fluid50 {
  padding-left: 50px;
  padding-right: 50px;
}
.breadcrumb {
  font-size: 14px;
  font-weight: 400;
}
.breadcrumb-item a {
  color: white;
  text-decoration: none;
}
.breadcrumb-item a:hover {
  opacity: 0.8;
}
.breadcrumb-item.active {
  color: white;
}
.breadcrumb-item + .breadcrumb-item::before {
  color: white;
}
.fs-12 {
  font-size: 12px;
}
.fs-18 {
  font-size: 18px;
}
.icon-svg{
  width:100px;
  height:100px;
  fill:white;
}
.ratio-3x4{
  aspect-ratio: 3/4;
}
.box-link {
  position: relative;
  max-width: 100%;
  aspect-ratio: 16/9;
  overflow: hidden;
}
.box-link img {
  width: 100%;
  object-fit: cover;
}
.box-link .overlay-link {
  content: "";
  width: 100%;
  height: 100%;
  background-image: linear-gradient(to top, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0));
  top: 0;
  left: 0;
  position: absolute;
  transition: all 0.3s linear;
}
.box-link:hover .overlay-link {
  background-image: linear-gradient(
    to top,
    rgba(0, 0, 0, 1),
    rgba(0, 0, 0, 0.1)
  );
}
.box-link .text-boxlink {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: end;
  align-items: end;
  z-index: 2;
  top: 0;
  left: 0;
}
.box-link a {
  text-decoration: none;
  display: flex;
  align-items: center;
  color: white;
  padding: 5px 8px;
}
.box-link a i {
  line-height: 1;
  margin-left: 5px;
}
a.noUnderline {
  text-decoration: none;
}
.box-sDownload {
  background-color: var(--c-blue);
  color: white;
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.box-sDownload i {
  line-height: 1;
}
.box-linkRegister {
  overflow: hidden;
  width: 100%;
  height: 500px;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius:0px;
  position: relative;
}
.box-linkRegister:before {
  background-color: rgba(0, 0, 0, 0.3);
  width: 100%;
  height: 100%;
  content: "";
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
}
.box-linkRegister img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scale(1);
  transition: all 0.5s linear;
}
.box-linkRegisterText {
  z-index: 3;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  width: 90%;
}
.box-linkRegister:hover img {
  transform: scale(1.2);
  transition: all 0.5s linear;
}
.box-linkRegister:hover:before {
  background-color: rgba(0, 0, 0, 0.5);
}
/*-----------------------------------------
    NAVBAR STYLE
-------------------------------------------*/
.offcanvas,
.offcanvas-lg,
.offcanvas-md,
.offcanvas-sm,
.offcanvas-xl,
.offcanvas-xxl {
  --bs-offcanvas-width: 85%;
}
.navbar-toggler {
  border: var(--bs-border-width) solid rgba(255, 255, 255, 0.5);
}
.navbar {
  --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.5' stroke='white' class='size-6'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M3.75 6.75h16.5M3.75 12h16.5m-16.5 5.25h16.5' /%3E%3C/svg%3E%0A");
}
.w-logo {
  height: 60px;
  max-width: 100%;
}
#topnav .nav-link {
  color: white;
}
#topnav .nav-link:hover {
  opacity: 0.8;
}
#topnav button,
#topnav .dropdown {
}
.navbar-nav .nav-link.active {
  font-weight: 500;
}
#topnav .dropdown-toggle.link-body-emphasis {
  color: white !important;
}
#topnav .dropdown-toggle::after {
}
.menu-mobile .nav-link {
  padding-left: 0;
  padding-right: 0;
  color: black;
}
.menu-mobile .nav-link:hover,
.menu-mobile .nav-link:focus,
.menu-mobile .nav-link:active {
  color: var(--c-blue);
  font-weight: 500;
}
/*-----------------------------------------
    BUTTON STYLE
-------------------------------------------*/
.btn-wicon {
  display: flex;
  align-items: center;
}
.btn-wicon i {
  line-height: 16px;
}
.btn-icon {
  width: 34px;
  height: 34px;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.btn-icon i {
  height: 16px;
}
.btn-icon {
  line-height: 0.8;
}
.btn-white {
  background-color: white;
  color: var(--c-blue);
}
.btn-white:hover,
.btn-white:focus,
.btn-white:active {
  background-color: var(--c-border) !important;
  color: var(--c-blue) !important;
}
.btn-blue {
  background-color: var(--c-blue);
  color: white;
}
.btn-blue:hover,
.btn-blue:focus,
.btn-blue:active {
  background-color: rgba(28, 12, 80, 1) !important;
  color: white !important;
}
.btn-light-primary {
  background-color: rgba(115, 103, 240, 0.26) !important;
  color: var(--bs-primary) !important;
}
.btn-light-primary:hover,
.btn-light-primary:focus,
.btn-light-primary:active {
  background-color: rgba(115, 103, 240, 0.35) !important;
  color: var(--bs-primary) !important;
}
.btn-outlineWhite {
  background-color: white;
  text-align: left;
  border-color: #dcdcdc;
  color: black;
  display: flex;
  align-items: center;
}
.btn-outlineWhite:hover,
.btn-outlineWhite:focus,
.btn-outlineWhite:active {
  border-color: #dcdcdc !important;
  background-color: #f0f0f0 !important;
  color: black !important;
}
.btn-outlineWhite i {
  color: var(--c-blue);
  margin-right: 5px;
}
.btn-outlineWhite img {
  margin-right: 5px;
  width: 24px;
  height: 24px;
  object-fit: contain;
}
.btn-light-gray {
  color: #374957;
  background-color: rgba(128, 131, 144, 0.08);
}
.btn-light-gray:hover,
.btn-light-gray:focus {
  color: #374957;
  background-color: rgba(128, 131, 144, 0.3);
}
/*-----------------------------------------
    BADGE STYLE
-------------------------------------------*/
.badge {
  --bs-paper-bg: #fff;
  --bs-bg-label-tint-amount: 90%;
  font-weight: 400;
  font-size: 14px;
}
.badge-light-primary {
  background-color: color-mix(
    in sRGB,
    var(--bs-paper-bg) var(--bs-bg-label-tint-amount),
    var(--bs-primary)
  );
  color: var(--bs-primary);
}
.badge-light-secondary {
  background-color: color-mix(
    in sRGB,
    var(--bs-paper-bg) var(--bs-bg-label-tint-amount),
    var(--bs-secondary)
  );
  color: var(--bs-secondary);
}
.badge-light-success {
  background-color: color-mix(
    in sRGB,
    var(--bs-paper-bg) var(--bs-bg-label-tint-amount),
    var(--bs-success)
  );
  color: var(--bs-success);
}
.badge-light-danger {
  background-color: color-mix(
    in sRGB,
    var(--bs-paper-bg) var(--bs-bg-label-tint-amount),
    var(--bs-danger)
  );
  color: var(--bs-danger);
}
.badge-light-warning {
  background-color: color-mix(
    in sRGB,
    var(--bs-paper-bg) var(--bs-bg-label-tint-amount),
    var(--bs-warning)
  );
  color: var(--bs-warning);
}
.badge-light-info {
  background-color: color-mix(
    in sRGB,
    var(--bs-paper-bg) var(--bs-bg-label-tint-amount),
    var(--bs-info)
  );
  color: var(--bs-info);
}
.badge-light-dark {
  background-color: color-mix(
    in sRGB,
    var(--bs-paper-bg) var(--bs-bg-label-tint-amount),
    var(--bs-dark)
  );
  color: var(--bs-dark);
}
/*-----------------------------------------
    FORM STYLE
-------------------------------------------*/
label {
  font-size: 14px;
  margin-bottom: 0 !important;
  color: rgba(47, 43, 61, 0.9);
}
.form-check-label {
  font-size: 16px;
  color: black;
}
#msform {
  text-align: center;
  position: relative;
  margin-top: 20px;
}

#msform fieldset {
  background: white;
  border: 0 none;
  border-radius: 0.5rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  padding-bottom: 20px;
  position: relative;
}

.form-card {
  text-align: left;
}

#msform fieldset:not(:first-of-type) {
  display: none;
}

#msform .action-button {
  width: 100px;
  background: var(--c-blue);
  font-weight: normal;
  color: white;
  border: 0 none;
  border-radius: 4px;
  cursor: pointer;
  padding: 10px 5px;
  margin: 10px 0px 10px 5px;
}

#msform .action-button:hover,
#msform .action-button:focus {
  background-color: var(--c-blue);
}

#msform .action-button-previous {
  width: 100px;
  background: #616161;
  font-weight: normal;
  color: white;
  border: 0 none;
  border-radius: 4px;
  cursor: pointer;
  padding: 10px 5px;
  margin: 10px 5px 10px 0px;
}

#msform .action-button-previous:hover,
#msform .action-button-previous:focus {
  background-color: #000000;
}

.fs-title {
  font-size: 25px;
  color: var(--c-blue);
  margin-bottom: 15px;
  font-weight: normal;
  text-align: left;
}

.purple-text {
  color: var(--c-blue);
  font-weight: normal;
}

.steps {
  font-size: 14px;
  color: gray;
  margin-bottom: 10px;
  font-weight: normal;
  text-align: right;
}

.fieldlabels {
  color: gray;
  text-align: left;
}

#progressbar {
  margin-bottom: 30px;
  overflow: hidden;
  color: lightgrey;
  padding-left: 0;
  display: flex;
}

#progressbar .active {
  color: var(--c-blue);
}

#progressbar li {
  list-style-type: none;
  font-size: 15px;
  flex-grow: 1;
  flex-basis: 0;
  position: relative;
  font-weight: 400;
}

#progressbar #account:before {
  font-family: uicons-solid-rounded !important;
  content: "\e509";
}

#progressbar #address:before {
  font-family: uicons-solid-rounded !important;
  content: "\ebce";
}

#progressbar #document:before {
  font-family: uicons-solid-rounded !important;
  content: "\e654";
}

#progressbar #confirm:before {
  font-family: uicons-solid-rounded !important;
  content: "\ec03";
}
#progressbar #work:before {
  font-family: uicons-solid-rounded !important;
  content: "\e2af";
}

#progressbar #charity:before {
  font-family: uicons-solid-rounded !important;
  content: "\e94c";
}

#progressbar li:before {
  width: 50px;
  height: 50px;
  line-height: 45px;
  display: block;
  font-size: 20px;
  color: #ffffff;
  background: lightgray;
  border-radius: 50%;
  margin: 0 auto 10px auto;
  padding: 2px;
  position: relative;
  z-index: 1;
}

#progressbar li:after {
  content: "";
  width: 100%;
  height: 2px;
  background: lightgray;
  position: absolute;
  left: 0;
  top: 25px;
  z-index: 0;
}

#progressbar li.active:before,
#progressbar li.active:after {
  background: var(--c-blue);
}

.progress {
  height: 20px;
}

.progress-bar {
  background-color: var(--c-blue);
}

.fit-image {
  width: 100%;
  object-fit: cover;
}
/*-----------------------------------------
    TAB STYLE
-------------------------------------------*/
#pills-tab .nav-item.active .nav-link,
#pills-tab .show > .nav-item .nav-link {
  color: white;
  background-color: var(--c-blue);
}
#pills-tab .nav-item .nav-link {
  color: #2f2b3d;
}
#pills-tab .nav-item:hover .nav-link {
  color: var(--c-blue);
}
#pills-tabsub.nav-underline .nav-link.active,
#pills-tabsub.nav-underline .show > .nav-link {
  font-weight: 400;
  color: black;
  border-bottom-color: var(--c-blue);
}
#pills-tabsub.nav-underline .nav-link {
  color: black;
}
#pills-tabsub.nav-underline .nav-link:hover,
#pills-tabsub.nav-underline .show > .nav-link:hover {
  font-weight: 400;
  color: var(--c-blue);
  border-bottom-color: var(--c-blue);
}
/*-----------------------------------------
    UPLOAD STYLE
-------------------------------------------*/
.file-input .file-input-wrapper {
  position: relative;
}

.file-input input {
  cursor: pointer;
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.01;
  border: 0;
}

.file-input input:focus ~ .upload-cta {
  border-color: var(--c-blue);
}

.file-input .upload-cta {
  display: block;
  text-align: center;
  border: 1px dashed var(--c-grayA9);
  border-radius: 5px;
  padding: 20px 30px;
  max-width: 100%;
  line-height: 1.5;
  margin-bottom: 16px;
}

.file-input .upload-cta:before {
  display: block;
  width: 32px;
  height: 32px;
  margin: 0 auto 18px;
  background-size: contain;
  content: "";
  background-image: url("data:image/png;base64,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");
}

.file-input .selected-files {
  list-style: none;
  margin: 0;
  padding: 0;
}

.file-input .selected-files li {
  background: var(--c-border);
  border-radius: 5px;
  padding: 10px 72px 10px 20px;
  position: relative;
  margin-top: 8px;
  word-break: break-all;
}

.file-input .selected-files .remove {
  appearance: none;
  -webkit-appearance: none;
  display: block;
  position: absolute;
  border: 1px solid #9a9fa9;
  width: 16px;
  height: 16px;
  text-indent: 64px;
  white-space: nowrap;
  overflow: hidden;
  top: 50%;
  right: 30px;
  transform: translateY(-50%);
  background: transparent;
  border-radius: 16px;
  outline: 0;
  cursor: pointer;
}

.file-input .selected-files .remove:focus {
  border-color: var(--c-blue);
}

.file-input .selected-files .remove:before,
.file-input .selected-files .remove:after {
  content: "";
  width: 1px;
  height: 10px;
  background-color: #364053;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
}

.file-input .selected-files .remove:before {
  transform: translate(-50%, -50%) rotate(45deg);
}

.file-input .selected-files .remove:after {
  transform: translate(-50%, -50%) rotate(-45deg);
}
/*-----------------------------------------
    TABLE STYLE
-------------------------------------------*/
table.table-annualY {
  border: 1px solid #ccc;
  border-collapse: collapse;
  margin: 0;
  padding: 0;
  width: 100%;
  table-layout: fixed;
}

table.table-annualY caption {
  font-size: 20px;
  font-weight: 600;
  caption-side: top;
  color: black;
}
table.table-annualY caption span {
  font-weight: 400;
}
table.table-annualY tr {
  background-color: #fff;
  padding: 0.35em;
}
table.table-annualY thead tr {
  background-color: rgba(42, 22, 109, 0.1);
}
table.table-annualY th,
table.table-annualY td {
  padding: 0.625em;
  text-align: center;
  border: 1px solid #ddd;
}

table.table-annualY th {
  font-size: 0.85em;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

@media screen and (max-width: 600px) {
  table.table-annualY {
    border: 0;
  }

  table.table-annualY caption {
    font-size: 1.3em;
  }

  table.table-annualY thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }

  table.table-annualY tr {
    display: block;
    margin-bottom: 0.625em;
    border: 1px solid #ddd;
  }

  table.table-annualY td {
    border-width: 0 0 1px 0;
    display: block;
    font-size: 0.8em;
    text-align: right;
  }

  table.table-annualY td::before {
    /*
    * aria-label has no advantage, it won't be read inside a table
    content: attr(aria-label);
    */
    content: attr(data-label);
    float: left;
    font-weight: bold;
    text-transform: uppercase;
  }

  table td:last-child {
    border-bottom: 0;
  }
}
.active > .page-link,
.page-link.active {
  color: white;
  background-color: var(--c-blue) !important;
  border-color: var(--c-blue) !important;
}
table.dataTable th.dt-type-numeric div.dt-column-header,
table.dataTable th.dt-type-numeric div.dt-column-footer,
table.dataTable th.dt-type-date div.dt-column-header,
table.dataTable th.dt-type-date div.dt-column-footer,
table.dataTable td.dt-type-numeric div.dt-column-header,
table.dataTable td.dt-type-numeric div.dt-column-footer,
table.dataTable td.dt-type-date div.dt-column-header,
table.dataTable td.dt-type-date div.dt-column-footer {
  flex-direction: row !important;
}
table.dataTable th.dt-type-numeric,
table.dataTable th.dt-type-date,
table.dataTable td.dt-type-numeric,
table.dataTable td.dt-type-date {
  text-align: left !important;
}
/*-----------------------------------------
    CAROUSEL STYLE
-------------------------------------------*/
#homebanner.owl-theme .owl-dots {
  text-align: center;
  -webkit-tap-highlight-color: transparent;
  padding-left: 0px;
  width: 100%;
  left: 0;
  bottom: 10px;
  z-index: 1;
  position: absolute;
}
#homebanner .owl-prev i,
#homebanner .owl-next i {
  transform: scale(2);
  color: #fff;
  text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
}
#homebanner .owl-prev {
  left: 1.5%;
}
#homebanner .owl-next {
  right: 1.5%;
}
/*-----------------------------------------
    RESPONSIVE
-------------------------------------------*/
@media screen and (max-width: 767px) {
  .container-fluid.container-fluid50 {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media screen and (max-width: 1023px) {
}
@media screen and (min-width: 320px) and (max-width: 374px) {
}
@media screen and (min-width: 375px) and (max-width: 413px) {
}
@media screen and (min-width: 414px) and (max-width: 424px) {
}
@media screen and (min-width: 425px) and (max-width: 767px) {
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
}
@media screen and (min-width: 1024px) and (max-width: 1279px) {
}
@media screen and (min-width: 1280px) and (max-width: 1359px) {
}
@media screen and (min-width: 1360px) and (max-width: 1439px) {
}
@media screen and (min-width: 1440px) and (max-width: 1599px) {
}
@media screen and (min-width: 1600px) and (max-width: 1919px) {
}
@media screen and (min-width: 1920px) and (max-width: 2559px) {
}
@media screen and (min-width: 2560px) {
}