body {
    font-family: 'Noto Sans Thai', sans-serif;
}

[data-bs-theme=dark] {
    --bs-light: #292a2d;
    --bs-gray-100: #1f2122;
    --bs-gray-200: #3c3e41;
    --bs-gray-300: #5f5f68;
    --bs-gray-400: #a1a1a8;
    --bs-gray-500: #bfc0c9;
    --bs-gray-600: #c5c6cc;
    --bs-gray-700: #ffffffb3;
    --bs-gray-800: #ffffffd9;
    --bs-gray-900: #fff;
    --bs-body-bg: #161618;
    --bs-body-bg-rgb: #161618;
    --bs-body-color: #c4c5c7;
    --bs-heading-color: var(--bs-gray-900);
    --bs-mode: #191b1d;
    --bs-border-color: rgba(255, 255, 255, 0.07);
}

.avatar {
    height: 3rem;
    width: 3rem;
    position: relative;
    display: inline-block !important;
}

.avatar-img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.avatar-group {
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.avatar-group>li {
    position: relative;
}

.avatar-group>li:not(:last-child) {
    margin-right: -0.8rem;
}

.avatar .avatar-name {
    margin-left: 7px;
}

.avatar-xxs {
    height: 1.5rem;
    width: 1.5rem;
}

.avatar-xs {
    height: 2.1875rem;
    width: 2.1875rem;
}

.avatar-sm {
    height: 2.5rem;
    width: 2.5rem;
}

.avatar-lg {
    height: 4rem;
    width: 4rem;
}

.avatar-xl {
    height: 5.125rem;
    width: 5.125rem;
}

.avatar-xxl {
    height: 5.125rem;
    width: 5.125rem;
}

@media (min-width: 768px) {
    .avatar-xxl {
        width: 8rem;
        height: 8rem;
    }
}

.avatar-xxxl {
    height: 8rem;
    width: 8rem;
}

@media (min-width: 768px) {
    .avatar-xxxl {
        width: 11rem;
        height: 11rem;
    }
}

.step-process>* {
    position: relative;
}

.step-process>*::before {
    content: "";
    border: 1px dashed var(--bs-gray-200);
    width: 90%;
    position: absolute;
    top: 50px;
    -webkit-transform: translateX(50%);
    transform: translateX(50%);
    z-index: -1;
    display: none;
}

@media (min-width: 992px) {
    .step-process>*:not(:last-child):before {
        display: block;
    }
}

.grayscale {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    -webkit-transition: all 0.6s ease;
    transition: all 0.6s ease;
}

.grayscale:hover {
    filter: none;
    -webkit-filter: grayscale(0%);
}

.icon-sm {
    width: 1.5rem;
    height: 1.5rem;
    line-height: 1.5rem;
    text-align: center;
    font-size: 75%;
}

.icon-md {
    width: 2.6rem;
    height: 2.6rem;
    line-height: 2.6rem;
    text-align: center;
    font-size: 0.8rem;
}

.icon-lg {
    width: 3.5rem;
    height: 3.5rem;
    line-height: 3.5rem;
    text-align: center;
    font-size: 1.2rem;
}

.icon-xl {
    width: 5rem;
    height: 5rem;
    line-height: 5rem;
    text-align: center;
    font-size: 1.9rem;
}

.icon-xxl {
    width: 7rem;
    height: 7rem;
    line-height: 7rem;
    text-align: center;
    font-size: 2.5rem;
}

.swiper-button-next {
    right: 0;
}

.swiper-button-next:after {
    display: none !important;
}

.swiper-button-prev {
    left: 0;
}

.swiper-button-prev:after {
    display: none !important;
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
    pointer-events: visible;
}

.swiper-pagination-bullet-active {
    background: var(--bs-primary);
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--bs-primary);
}

.swiper-pagination.swiper-pagination-primary .swiper-pagination-bullet {
    background-color: var(--bs-gray-500);
    -webkit-transition: width 0.3s ease-in-out, height 0.3s ease-in-out, background-color 0.3s ease-in-out;
    transition: width 0.3s ease-in-out, height 0.3s ease-in-out, background-color 0.3s ease-in-out;
}

.swiper-pagination.swiper-pagination-primary .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: var(--bs-primary);
    width: 20px;
    border-radius: 5px;
}

.swiper-pagination.swiper-pagination-white .swiper-pagination-bullet {
    background-color: #fff;
    opacity: 0.6;
    -webkit-transition: width 0.3s ease-in-out, height 0.3s ease-in-out, background-color 0.3s ease-in-out;
    transition: width 0.3s ease-in-out, height 0.3s ease-in-out, background-color 0.3s ease-in-out;
}

.swiper-pagination.swiper-pagination-white .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #fff;
    width: 20px;
    border-radius: 5px;
    opacity: 1;
}

.swiper-pagination.swiper-pagination-line .swiper-pagination-bullet {
    width: 30px;
    height: 3px;
    border-radius: 0;
    background-color: #fff;
}

.swiper-pagination.swiper-pagination-progress-primary {
    background-color: var(--bs-border-color);
}

.swiper-pagination.swiper-pagination-progress-primary .swiper-pagination-progressbar-fill {
    background-color: var(--bs-primary);
}

.swiper-outside-end-n20 {
    margin-right: -20vw;
}

@media (max-width: 767.98px) {
    .swiper-outside-end-n20 {
        margin-right: 0;
    }
}

.swiper-img-scale .scale-img {
    -webkit-transition: -webkit-transform 5000ms linear 0s;
    transition: -webkit-transform 5000ms linear 0s;
    transition: transform 5000ms linear 0s;
    transition: transform 5000ms linear 0s, -webkit-transform 5000ms linear 0s;
}

.swiper-img-scale .swiper-slide-active .scale-img {
    -webkit-transform: scale(1.07, 1.07);
    transform: scale(1.07, 1.07);
}


.m-n1 {
    margin: -0.25rem !important;
}

.m-n2 {
    margin: -0.5rem !important;
}

.m-n3 {
    margin: -1rem !important;
}

.m-n4 {
    margin: -1.6rem !important;
}

.m-n5 {
    margin: -2.5rem !important;
}

.m-n6 {
    margin: -3.5rem !important;
}

.m-n7 {
    margin: -4rem !important;
}

.m-n8 {
    margin: -8rem !important;
}

.m-n9 {
    margin: -11rem !important;
}

.mx-n1 {
    margin-right: -0.25rem !important;
    margin-left: -0.25rem !important;
}

.mx-n2 {
    margin-right: -0.5rem !important;
    margin-left: -0.5rem !important;
}

.mx-n3 {
    margin-right: -1rem !important;
    margin-left: -1rem !important;
}

.mx-n4 {
    margin-right: -1.6rem !important;
    margin-left: -1.6rem !important;
}

.mx-n5 {
    margin-right: -2.5rem !important;
    margin-left: -2.5rem !important;
}

.mx-n6 {
    margin-right: -3.5rem !important;
    margin-left: -3.5rem !important;
}

.mx-n7 {
    margin-right: -4rem !important;
    margin-left: -4rem !important;
}

.mx-n8 {
    margin-right: -8rem !important;
    margin-left: -8rem !important;
}

.mx-n9 {
    margin-right: -11rem !important;
    margin-left: -11rem !important;
}

.my-n1 {
    margin-top: -0.25rem !important;
    margin-bottom: -0.25rem !important;
}

.my-n2 {
    margin-top: -0.5rem !important;
    margin-bottom: -0.5rem !important;
}

.my-n3 {
    margin-top: -1rem !important;
    margin-bottom: -1rem !important;
}

.my-n4 {
    margin-top: -1.6rem !important;
    margin-bottom: -1.6rem !important;
}

.my-n5 {
    margin-top: -2.5rem !important;
    margin-bottom: -2.5rem !important;
}

.my-n6 {
    margin-top: -3.5rem !important;
    margin-bottom: -3.5rem !important;
}

.my-n7 {
    margin-top: -4rem !important;
    margin-bottom: -4rem !important;
}

.my-n8 {
    margin-top: -8rem !important;
    margin-bottom: -8rem !important;
}

.my-n9 {
    margin-top: -11rem !important;
    margin-bottom: -11rem !important;
}

.mt-n1 {
    margin-top: -0.25rem !important;
}

.mt-n2 {
    margin-top: -0.5rem !important;
}

.mt-n3 {
    margin-top: -1rem !important;
}

.mt-n4 {
    margin-top: -1.6rem !important;
}

.mt-n5 {
    margin-top: -2.5rem !important;
}

.mt-n6 {
    margin-top: -3.5rem !important;
}

.mt-n7 {
    margin-top: -4rem !important;
}

.mt-n8 {
    margin-top: -8rem !important;
}

.mt-n9 {
    margin-top: -11rem !important;
}

.me-n1 {
    margin-right: -0.25rem !important;
}

.me-n2 {
    margin-right: -0.5rem !important;
}

.me-n3 {
    margin-right: -1rem !important;
}

.me-n4 {
    margin-right: -1.6rem !important;
}

.me-n5 {
    margin-right: -2.5rem !important;
}

.me-n6 {
    margin-right: -3.5rem !important;
}

.me-n7 {
    margin-right: -4rem !important;
}

.me-n8 {
    margin-right: -8rem !important;
}

.me-n9 {
    margin-right: -11rem !important;
}

.mb-n1 {
    margin-bottom: -0.25rem !important;
}

.mb-n2 {
    margin-bottom: -0.5rem !important;
}

.mb-n3 {
    margin-bottom: -1rem !important;
}

.mb-n4 {
    margin-bottom: -1.6rem !important;
}

.mb-n5 {
    margin-bottom: -2.5rem !important;
}

.mb-n6 {
    margin-bottom: -3.5rem !important;
}

.mb-n7 {
    margin-bottom: -4rem !important;
}

.mb-n8 {
    margin-bottom: -8rem !important;
}

.mb-n9 {
    margin-bottom: -11rem !important;
}

.ms-n1 {
    margin-left: -0.25rem !important;
}

.ms-n2 {
    margin-left: -0.5rem !important;
}

.ms-n3 {
    margin-left: -1rem !important;
}

.ms-n4 {
    margin-left: -1.6rem !important;
}

.ms-n5 {
    margin-left: -2.5rem !important;
}

.ms-n6 {
    margin-left: -3.5rem !important;
}

.ms-n7 {
    margin-left: -4rem !important;
}

.ms-n8 {
    margin-left: -8rem !important;
}

.ms-n9 {
    margin-left: -11rem !important;
}

.btn-round {
    height: 40px;
    width: 40px;
    line-height: 40px;
    border-radius: 50%;
    padding: 0;
    text-align: center;
}

.btn-round i {
    margin: 0;
}

.btn-round .fa-play {
    padding-left: 3px;
}

.btn-round.btn-lg,
.btn-group-lg>.btn-round.btn {
    height: 55px;
    width: 55px;
    line-height: 55px;
}

.btn-round.btn-sm,
.btn-group-sm>.btn-round.btn {
    height: 32px;
    width: 32px;
    line-height: 30px;
}

.btn-round.btn-sm i,
.btn-group-sm>.btn-round.btn i {
    font-size: 0.6rem;
}

.btn-round.btn-xs {
    height: 25px;
    width: 25px;
    line-height: 24px;
}

.btn-round.btn-xs i {
    font-size: 0.6rem;
}

/*rtl:raw:
  .btn-round .fa-play{
    padding-left: 3px;
    padding-right: 0;
  }
  */
.btn-primary-soft {
    color: #0D6EFD;
    background-color: rgba(9, 184, 80, 0.1);
}

.btn-primary-soft:active,
.btn-primary-soft:hover,
.btn-primary-soft:focus {
    color: #fff;
    background-color: #0D6EFD;
    border-color: transparent;
}

.btn-white-soft {
    color: #fff;
    background-color: rgba(255, 255, 255, 0.1);
}

.btn-white-soft:active,
.btn-white-soft:hover,
.btn-white-soft:focus {
    color: #000;
    background-color: #fff;
    border-color: transparent;
}

.btn-secondary-soft {
    color: #85878a;
    background-color: rgba(133, 135, 138, 0.1);
}

.btn-secondary-soft:active,
.btn-secondary-soft:hover,
.btn-secondary-soft:focus {
    color: #fff;
    background-color: #85878a;
    border-color: transparent;
}

.btn-success-soft {
    color: #0cbc87;
    background-color: rgba(12, 188, 135, 0.1);
}

.btn-success-soft:active,
.btn-success-soft:hover,
.btn-success-soft:focus {
    color: #fff;
    background-color: #0cbc87;
    border-color: transparent;
}

.btn-info-soft {
    color: #17a2b8;
    background-color: rgba(23, 162, 184, 0.1);
}

.btn-info-soft:active,
.btn-info-soft:hover,
.btn-info-soft:focus {
    color: #fff;
    background-color: #17a2b8;
    border-color: transparent;
}

.btn-warning-soft {
    color: #f7c32e;
    background-color: rgba(247, 195, 46, 0.1);
}

.btn-warning-soft:active,
.btn-warning-soft:hover,
.btn-warning-soft:focus {
    color: #000;
    background-color: #f7c32e;
    border-color: transparent;
}

.btn-danger-soft {
    color: #d6293e;
    background-color: rgba(214, 41, 62, 0.1);
}

.btn-danger-soft:active,
.btn-danger-soft:hover,
.btn-danger-soft:focus {
    color: #fff;
    background-color: #d6293e;
    border-color: transparent;
}

.btn-light-soft {
    color: #f8f8f8;
    background-color: rgba(248, 248, 248, 0.1);
}

.btn-light-soft:active,
.btn-light-soft:hover,
.btn-light-soft:focus {
    color: #000;
    background-color: #f8f8f8;
    border-color: transparent;
}

.btn-dark-soft {
    color: #202124;
    background-color: rgba(32, 33, 36, 0.1);
}

.btn-dark-soft:active,
.btn-dark-soft:hover,
.btn-dark-soft:focus {
    color: #fff;
    background-color: #202124;
    border-color: transparent;
}

.btn-primary-soft-check:hover {
    background-color: rgba(var(--bs-primary-rgb), 0.2);
    border: 1px solid var(--bs-primary);
    color: var(--bs-primary);
}

.btn-check:active+.btn-primary-soft-check,
.btn-check:checked+.btn-primary-soft-check,
.btn-primary-soft-check.active,
.btn-primary-soft-check:active,
.show>.btn-primary-soft-check.dropdown-toggle {
    background-color: rgba(var(--bs-primary-rgb), 0.2);
    color: var(--bs-primary);
    border: 1px solid var(--bs-primary) !important;
}

.btn-check:focus+.btn,
.btn-round-shadow:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.btn-check:focus+.btn,
.btn-round-shadow:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.btn-primary-check:hover {
    background-color: var(--bs-primary) !important;
    color: #fff !important;
    border: 1px solid var(--bs-primary);
}

.btn-check:active+.btn-primary-check,
.btn-check:checked+.btn-primary-check,
.btn-primary-check.active,
.btn-primary-check:active,
.show>.btn-primary-check.dropdown-toggle {
    background-color: var(--bs-primary);
    color: #fff;
    border: 1px solid var(--bs-primary);
}

.btn-white-hover:hover {
    background-color: #fff !important;
    border-color: #fff;
    color: #202124 !important;
}

.btn-transition {
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.btn-transition:focus,
.btn-transition:hover {
    -webkit-transform: translateY(-0.1875rem);
    transform: translateY(-0.1875rem);
}

.btn-icon {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 2.5rem;
    height: 2.5rem;
    padding: 0;
}

.btn-icon.btn-xs {
    width: 2rem;
    height: 2rem;
    font-size: 0.8rem;
}

.btn-icon.btn-sm,
.btn-group-sm>.btn-icon.btn {
    width: 2.25rem;
    height: 2.25rem;
    font-size: 0.8rem;
}

.btn-icon.btn-lg,
.btn-group-lg>.btn-icon.btn {
    width: 3rem;
    height: 3rem;
    font-size: 1.4375rem;
}

.btn-icon.btn-xl {
    width: 3.5rem;
    height: 3.5rem;
    font-size: 1.75rem;
}

.btn-ripple {
    position: relative;
    overflow: visible;
}

.btn-ripple:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    border-color: inherit;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    opacity: 1;
    -webkit-animation-name: rippleanim;
    animation-name: rippleanim;
    -webkit-animation-duration: 1.2s;
    animation-duration: 1.2s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.3, 1);
    animation-timing-function: cubic-bezier(0.4, 0, 0.3, 1);
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
}

@keyframes rippleanim {
    0% {
        opacity: 1;
        -webkit-box-shadow: 0 0 0 0 rgba(var(--bs-primary-rgb), 0.9);
        box-shadow: 0 0 0 0 rgba(var(--bs-primary-rgb), 0.9);
    }

    100% {
        opacity: 0;
        -webkit-box-shadow: 0 0 0 15px rgba(var(--bs-primary-rgb), 0.4);
        box-shadow: 0 0 0 15px rgba(var(--bs-primary-rgb), 0.4);
    }
}

@-webkit-keyframes rippleanim {
    0% {
        opacity: 1;
        background: rgba(var(--bs-primary-rgb), 0.9);
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    100% {
        opacity: 0;
        background: rgba(var(--bs-primary-rgb), 0.4);
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
    }
}

a.badge:hover {
    color: #fff;
}

.jarallax {
    position: relative;
    z-index: 0
}

.jarallax>.jarallax-img {
    position: absolute;
    object-fit: cover;
    font-family: 'object-fit: cover;';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1
}

@media (min-width: 576px) {
    .h-sm-20px {
        height: 20px !important;
    }

    .h-sm-30px {
        height: 30px !important;
    }

    .h-sm-40px {
        height: 40px !important;
    }

    .h-sm-50px {
        height: 50px !important;
    }

    .h-sm-60px {
        height: 60px !important;
    }

    .h-sm-150px {
        height: 150px !important;
    }

    .h-sm-200px {
        height: 200px !important;
    }

    .h-sm-250px {
        height: 250px !important;
    }

    .h-sm-300px {
        height: 300px !important;
    }

    .h-sm-400px {
        height: 400px !important;
    }

    .h-sm-500px {
        height: 500px !important;
    }

    .h-sm-600px {
        height: 600px !important;
    }

    .h-sm-700px {
        height: 700px !important;
    }

    .h-sm-750px {
        height: 750px !important;
    }

    .w-sm-30 {
        width: 30% !important;
    }

    .w-sm-20px {
        width: 20px !important;
    }

    .w-sm-30px {
        width: 30px !important;
    }

    .w-sm-40px {
        width: 40px !important;
    }

    .w-sm-50px {
        width: 50px !important;
    }

    .w-sm-80px {
        width: 80px !important;
    }

    .w-sm-150px {
        width: 150px !important;
    }

    .w-sm-200px {
        width: 200px !important;
    }

    .w-sm-250px {
        width: 250px !important;
    }

    .rotate-sm-10 {
        -webkit-transform: rotate(10deg) !important;
        transform: rotate(10deg) !important;
    }

    .rotate-sm-13 {
        -webkit-transform: rotate(13deg) !important;
        transform: rotate(13deg) !important;
    }

    .rotate-sm-33 {
        -webkit-transform: rotate(33deg) !important;
        transform: rotate(33deg) !important;
    }

    .rotate-sm-180 {
        -webkit-transform: rotate(180deg) !important;
        transform: rotate(180deg) !important;
    }

    .rotate-sm-270 {
        -webkit-transform: rotate(270deg) !important;
        transform: rotate(270deg) !important;
    }

    .rotate-sm-335 {
        -webkit-transform: rotate(335deg) !important;
        transform: rotate(335deg) !important;
    }

    .rotate-sm-343 {
        -webkit-transform: rotate(343deg) !important;
        transform: rotate(343deg) !important;
    }

    .rotate-sm-355 {
        -webkit-transform: rotate(355deg) !important;
        transform: rotate(355deg) !important;
    }

    .lh-sm-0 {
        line-height: 0 !important;
    }

    .lh-sm-base {
        line-height: 1.5 !important;
    }
}

@media (min-width: 768px) {
    .h-md-20px {
        height: 20px !important;
    }

    .h-md-30px {
        height: 30px !important;
    }

    .h-md-40px {
        height: 40px !important;
    }

    .h-md-50px {
        height: 50px !important;
    }

    .h-md-60px {
        height: 60px !important;
    }

    .h-md-150px {
        height: 150px !important;
    }

    .h-md-200px {
        height: 200px !important;
    }

    .h-md-250px {
        height: 250px !important;
    }

    .h-md-300px {
        height: 300px !important;
    }

    .h-md-400px {
        height: 400px !important;
    }

    .h-md-500px {
        height: 500px !important;
    }

    .h-md-600px {
        height: 600px !important;
    }

    .h-md-700px {
        height: 700px !important;
    }

    .h-md-750px {
        height: 750px !important;
    }

    .w-md-30 {
        width: 30% !important;
    }

    .w-md-20px {
        width: 20px !important;
    }

    .w-md-30px {
        width: 30px !important;
    }

    .w-md-40px {
        width: 40px !important;
    }

    .w-md-50px {
        width: 50px !important;
    }

    .w-md-80px {
        width: 80px !important;
    }

    .w-md-150px {
        width: 150px !important;
    }

    .w-md-200px {
        width: 200px !important;
    }

    .w-md-250px {
        width: 250px !important;
    }

    .rotate-md-10 {
        -webkit-transform: rotate(10deg) !important;
        transform: rotate(10deg) !important;
    }

    .rotate-md-13 {
        -webkit-transform: rotate(13deg) !important;
        transform: rotate(13deg) !important;
    }

    .rotate-md-33 {
        -webkit-transform: rotate(33deg) !important;
        transform: rotate(33deg) !important;
    }

    .rotate-md-180 {
        -webkit-transform: rotate(180deg) !important;
        transform: rotate(180deg) !important;
    }

    .rotate-md-270 {
        -webkit-transform: rotate(270deg) !important;
        transform: rotate(270deg) !important;
    }

    .rotate-md-335 {
        -webkit-transform: rotate(335deg) !important;
        transform: rotate(335deg) !important;
    }

    .rotate-md-343 {
        -webkit-transform: rotate(343deg) !important;
        transform: rotate(343deg) !important;
    }

    .rotate-md-355 {
        -webkit-transform: rotate(355deg) !important;
        transform: rotate(355deg) !important;
    }

    .lh-md-0 {
        line-height: 0 !important;
    }

    .lh-md-base {
        line-height: 1.5 !important;
    }
}

@media (min-width: 992px) {
    .h-lg-20px {
        height: 20px !important;
    }

    .h-lg-30px {
        height: 30px !important;
    }

    .h-lg-40px {
        height: 40px !important;
    }

    .h-lg-50px {
        height: 50px !important;
    }

    .h-lg-60px {
        height: 60px !important;
    }

    .h-lg-150px {
        height: 150px !important;
    }

    .h-lg-200px {
        height: 200px !important;
    }

    .h-lg-250px {
        height: 250px !important;
    }

    .h-lg-300px {
        height: 300px !important;
    }

    .h-lg-400px {
        height: 400px !important;
    }

    .h-lg-500px {
        height: 500px !important;
    }

    .h-lg-600px {
        height: 600px !important;
    }

    .h-lg-700px {
        height: 700px !important;
    }

    .h-lg-750px {
        height: 750px !important;
    }

    .w-lg-30 {
        width: 30% !important;
    }

    .w-lg-20px {
        width: 20px !important;
    }

    .w-lg-30px {
        width: 30px !important;
    }

    .w-lg-40px {
        width: 40px !important;
    }

    .w-lg-50px {
        width: 50px !important;
    }

    .w-lg-80px {
        width: 80px !important;
    }

    .w-lg-150px {
        width: 150px !important;
    }

    .w-lg-200px {
        width: 200px !important;
    }

    .w-lg-250px {
        width: 250px !important;
    }

    .rotate-lg-10 {
        -webkit-transform: rotate(10deg) !important;
        transform: rotate(10deg) !important;
    }

    .rotate-lg-13 {
        -webkit-transform: rotate(13deg) !important;
        transform: rotate(13deg) !important;
    }

    .rotate-lg-33 {
        -webkit-transform: rotate(33deg) !important;
        transform: rotate(33deg) !important;
    }

    .rotate-lg-180 {
        -webkit-transform: rotate(180deg) !important;
        transform: rotate(180deg) !important;
    }

    .rotate-lg-270 {
        -webkit-transform: rotate(270deg) !important;
        transform: rotate(270deg) !important;
    }

    .rotate-lg-335 {
        -webkit-transform: rotate(335deg) !important;
        transform: rotate(335deg) !important;
    }

    .rotate-lg-343 {
        -webkit-transform: rotate(343deg) !important;
        transform: rotate(343deg) !important;
    }

    .rotate-lg-355 {
        -webkit-transform: rotate(355deg) !important;
        transform: rotate(355deg) !important;
    }

    .lh-lg-0 {
        line-height: 0 !important;
    }

    .lh-lg-base {
        line-height: 1.5 !important;
    }
}

@media (min-width: 1200px) {
    .h-xl-20px {
        height: 20px !important;
    }

    .h-xl-30px {
        height: 30px !important;
    }

    .h-xl-40px {
        height: 40px !important;
    }

    .h-xl-50px {
        height: 50px !important;
    }

    .h-xl-60px {
        height: 60px !important;
    }

    .h-xl-150px {
        height: 150px !important;
    }

    .h-xl-200px {
        height: 200px !important;
    }

    .h-xl-250px {
        height: 250px !important;
    }

    .h-xl-300px {
        height: 300px !important;
    }

    .h-xl-400px {
        height: 400px !important;
    }

    .h-xl-500px {
        height: 500px !important;
    }

    .h-xl-600px {
        height: 600px !important;
    }

    .h-xl-700px {
        height: 700px !important;
    }

    .h-xl-750px {
        height: 750px !important;
    }

    .w-xl-30 {
        width: 30% !important;
    }

    .w-xl-20px {
        width: 20px !important;
    }

    .w-xl-30px {
        width: 30px !important;
    }

    .w-xl-40px {
        width: 40px !important;
    }

    .w-xl-50px {
        width: 50px !important;
    }

    .w-xl-80px {
        width: 80px !important;
    }

    .w-xl-150px {
        width: 150px !important;
    }

    .w-xl-200px {
        width: 200px !important;
    }

    .w-xl-250px {
        width: 250px !important;
    }

    .rotate-xl-10 {
        -webkit-transform: rotate(10deg) !important;
        transform: rotate(10deg) !important;
    }

    .rotate-xl-13 {
        -webkit-transform: rotate(13deg) !important;
        transform: rotate(13deg) !important;
    }

    .rotate-xl-33 {
        -webkit-transform: rotate(33deg) !important;
        transform: rotate(33deg) !important;
    }

    .rotate-xl-180 {
        -webkit-transform: rotate(180deg) !important;
        transform: rotate(180deg) !important;
    }

    .rotate-xl-270 {
        -webkit-transform: rotate(270deg) !important;
        transform: rotate(270deg) !important;
    }

    .rotate-xl-335 {
        -webkit-transform: rotate(335deg) !important;
        transform: rotate(335deg) !important;
    }

    .rotate-xl-343 {
        -webkit-transform: rotate(343deg) !important;
        transform: rotate(343deg) !important;
    }

    .rotate-xl-355 {
        -webkit-transform: rotate(355deg) !important;
        transform: rotate(355deg) !important;
    }

    .lh-xl-0 {
        line-height: 0 !important;
    }

    .lh-xl-base {
        line-height: 1.5 !important;
    }
}

@media (min-width: 1400px) {
    .h-xxl-20px {
        height: 20px !important;
    }

    .h-xxl-30px {
        height: 30px !important;
    }

    .h-xxl-40px {
        height: 40px !important;
    }

    .h-xxl-50px {
        height: 50px !important;
    }

    .h-xxl-60px {
        height: 60px !important;
    }

    .h-xxl-150px {
        height: 150px !important;
    }

    .h-xxl-200px {
        height: 200px !important;
    }

    .h-xxl-250px {
        height: 250px !important;
    }

    .h-xxl-300px {
        height: 300px !important;
    }

    .h-xxl-400px {
        height: 400px !important;
    }

    .h-xxl-500px {
        height: 500px !important;
    }

    .h-xxl-600px {
        height: 600px !important;
    }

    .h-xxl-700px {
        height: 700px !important;
    }

    .h-xxl-750px {
        height: 750px !important;
    }

    .w-xxl-30 {
        width: 30% !important;
    }

    .w-xxl-20px {
        width: 20px !important;
    }

    .w-xxl-30px {
        width: 30px !important;
    }

    .w-xxl-40px {
        width: 40px !important;
    }

    .w-xxl-50px {
        width: 50px !important;
    }

    .w-xxl-80px {
        width: 80px !important;
    }

    .w-xxl-150px {
        width: 150px !important;
    }

    .w-xxl-200px {
        width: 200px !important;
    }

    .w-xxl-250px {
        width: 250px !important;
    }

    .rotate-xxl-10 {
        -webkit-transform: rotate(10deg) !important;
        transform: rotate(10deg) !important;
    }

    .rotate-xxl-13 {
        -webkit-transform: rotate(13deg) !important;
        transform: rotate(13deg) !important;
    }

    .rotate-xxl-33 {
        -webkit-transform: rotate(33deg) !important;
        transform: rotate(33deg) !important;
    }

    .rotate-xxl-180 {
        -webkit-transform: rotate(180deg) !important;
        transform: rotate(180deg) !important;
    }

    .rotate-xxl-270 {
        -webkit-transform: rotate(270deg) !important;
        transform: rotate(270deg) !important;
    }

    .rotate-xxl-335 {
        -webkit-transform: rotate(335deg) !important;
        transform: rotate(335deg) !important;
    }

    .rotate-xxl-343 {
        -webkit-transform: rotate(343deg) !important;
        transform: rotate(343deg) !important;
    }

    .rotate-xxl-355 {
        -webkit-transform: rotate(355deg) !important;
        transform: rotate(355deg) !important;
    }

    .lh-xxl-0 {
        line-height: 0 !important;
    }

    .lh-xxl-base {
        line-height: 1.5 !important;
    }
}

@media (min-width: 1200px) {
    header {
        -webkit-animation: fadeInUp 0.5s;
        animation: fadeInUp 0.5s;
    }

    header.header-sticky-on {
        position: fixed;
        z-index: 1040;
        top: 0;
        left: 0;
        right: 0;
        background-color: var(--bs-body-bg);
        -webkit-animation: fadeInDown 0.5s;
        animation: fadeInDown 0.5s;
        width: 100%;
        border-bottom: 1px solid var(--bs-gray-200);
    }

    header.header-sticky-on .navbar-top {
        display: none !important;
    }

    header.header-sticky-on .navbar-brand {
        padding: 0px 0;
    }

    header.header-sticky-on .navbar-brand .navbar-brand-item {
        height: 35px;
    }
}

@-webkit-keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.header-absolute {
    background: transparent;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
}

.back-top {
    cursor: pointer;
    position: fixed !important;
    bottom: 40px;
    right: 40px;
    display: block;
    z-index: 99;
    visibility: hidden;
    opacity: 0;
    -webkit-transform: translateY(50%);
    transform: translateY(50%);
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    background: var(--bs-primary);
    color: #fff;
    border-radius: 10%;
    width: 52px;
    height: 52px;
    line-height: 52px;
    text-align: center;
}

.back-top:before {
    content: "\f176";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.back-top:hover {
    background: var(--bs-link-hover-color);
    color: #fff;
}

.back-top.back-top-show {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
}

@media (max-width: 767.98px) {
    .back-top {
        bottom: 10px;
        right: 10px;
        width: 30px;
        height: 30px;
        line-height: 30px;
    }

    .back-top:before {
        font-size: 0.6rem;
    }
}

@media (max-width: 575.98px) {
    .back-top {
        display: none;
    }
}

.nav-search .dropdown-menu {
    top: 120%;
    visibility: hidden;
    opacity: 0;
    display: block;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    width: 300px;
    left: auto;
    right: 0;
}

.nav-search .dropdown-menu.show {
    top: 100%;
    visibility: visible;
    opacity: 1;
}

@media (max-width: 575.98px) {
    .nav-search .dropdown-menu {
        width: 100%;
    }
}

.fill-primary {
    fill: #0D6EFD !important;
}

.fill-white {
    fill: #fff !important;
}

.fill-secondary {
    fill: #85878a !important;
}

.fill-success {
    fill: #0cbc87 !important;
}

.fill-info {
    fill: #17a2b8 !important;
}

.fill-warning {
    fill: #f7c32e !important;
}

.fill-danger {
    fill: #d6293e !important;
}

.fill-light {
    fill: #f8f8f8 !important;
}

.fill-dark {
    fill: #202124 !important;
}

.fill-body {
    fill: var(--bs-body-bg) !important;
}

.fill-mode {
    fill: var(--bs-gray-900) !important;
}

.z-index-0 {
    z-index: 0 !important;
}

.z-index-1 {
    z-index: 1 !important;
}

.z-index-2 {
    z-index: 2 !important;
}

.z-index-9 {
    z-index: 9 !important;
}

.z-index-99 {
    z-index: 99 !important;
}

.z-index-n1 {
    z-index: -1 !important;
}

.list-group-borderless .list-group-item {
    border: none !important;
    padding: 0.425rem 0;
}

.list-group-borderless a.list-group-item:hover {
    background-color: transparent;
    color: var(--bs-primary);
}