.tab-pane {
    display: none;
}

    .tab-pane.active {
        display: block;
    }

.wizard > div.wizard-inner {
    position: relative;
}

.wizard .nav-tabs.nav_wizard {
    position: relative;
    border-bottom-color: #e0e0e0;
}

    .wizard .nav-tabs.nav_wizard > li {
        width: 50%;
        margin-right: 0 !important;
        position: relative;
        z-index: 0;
    }

        .wizard .nav-tabs.nav_wizard > li a .round {
            width: 50px;
            height: 50px;
            margin: 10px auto;
            border-radius: 100%;
            padding: 0;
            position: relative;
            display: block;
        }

.wizard .nav_wizard li:hover p, .wizard .nav_wizard li a.active p {
    color: var(--primary-color) !important;
}

.wizard .nav_wizard li:hover span.round-tab, .wizard .nav_wizard li a.active span.round-tab {
    background: #fff;
    border: 2px solid var(--primary-color) !important;
    color: var(--primary-color);
}

.wizard .nav-link {
    display: block !important;
}

span.round-tab {
    width: 50px;
    height: 50px;
    line-height: 50px;
    display: inline-block;
    border-radius: 100px;
    z-index: 2;
    position: absolute;
    left: 0;
    text-align: center;
    font-size: 25px;
    border: 2px solid #CCCCCC;
    background: #fff;
    color: #aaa;
}

.wizard .nav_wizard .nav-item a:after {
    content: " ";
    position: absolute;
    height: 2px;
    background: #e0e0e0;
    left: 0;
    right: 0;
    top: 50%;
    z-index: -1;
    margin-top: -9px;
}

.wizard .nav-tabs.nav_wizard > li a.disabled .round-tab {
    background: #fff;
}

.wizard .nav_wizard li:hover a:after, .wizard .nav_wizard li a.active:after {
    background: var(--primary-color);
}

.wizard .nav-tabs.nav_wizard > li a.nav-link p {
    color: #aaa;
}

.wizard .nav_wizard li:hover p, .wizard .nav_wizard li a.active p {
    color: var(--primary-color) !important;
}


button {
    appearance: none;
    border: none;
    background-color: transparent;
}


.page-title__section {
    background-color: var(--primary-color);
    padding: 15px 0;
    margin-bottom: 50px;
}

.page__title {
    font-size: 32px;
    font-family: "nimkat", sans-serif;
    color: #ffffff;
}

.thumbnail {
    width: 110px;
    height: 110px;
    cursor: pointer;
    flex-shrink: 0;
    display: flex;
    align-items: center;
}

.thumbnail__container {
    gap: 10px;
    overflow: auto;
    flex-direction: row-reverse;
    padding: 0 20px 5px;
}

    .thumbnail__container::-webkit-scrollbar, .nav-pills::-webkit-scrollbar {
        width: 1px;
        height: 4px;
    }

    .thumbnail__container::-webkit-scrollbar-track, .nav-pills::-webkit-scrollbar-track {
        background-color: #eee;
        border-radius: 25px;
        position: absolute;
        right: 0;
        height: 10px;
    }

    .thumbnail__container::-webkit-scrollbar-thumb, .nav-pills::-webkit-scrollbar-thumb {
        background-color: var(--primary-color);
        border-radius: 25px;
    }

.thumbnail__image {
    max-width: 100%;
    border-radius: 10px;
}

.big-image {
    width: 100%;
    border-radius: 15px;
    margin: auto;
    display: inline-block;
    max-width: 350px;
}

.main-btn.next-step {
    padding: 10px 16px;
    float: left;
}

.box__tabs__wrapper {
    width: 100%;
    padding: 24px 38px;
    background-color: #fff;
    margin-top: -170px;
    max-width: calc(100% - 64px);
    margin-left: auto;
    margin-right: auto;
    border-radius: 30px;
    box-shadow: 0 0 10px 0 rgba(23, 48, 135, 0.4);
    position: relative;
}

    .box__tabs__wrapper * {
        transition: 0.2s ease-in-out;
    }

.box__tabs__wrapper__tabs {
    border-bottom: 2px solid #D9D9D9;
    padding-bottom: 5px;
    overflow-x: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1rem;
}

    .box__tabs__wrapper__tabs::-webkit-scrollbar {
        height: 5px;
    }

.box__tabs__wrapper__tab {
    color: #7E7D84;
    font-size: 16px;
    padding: 5px;
    white-space: nowrap;
    cursor: pointer;
}

    .box__tabs__wrapper__tab:hover {
        color: var(--primary-color);
    }

    .box__tabs__wrapper__tab.active {
        background-color: transparent;
        color: var(--primary-color);
        border-radius: 0;
        display: block;
    }

.box__tabs__wrapper__content {
    padding: 10px 0;
}

.box__tabs__wrapper__content__item {
    display: none;
}

    .box__tabs__wrapper__content__item h6,
    .box__tabs__wrapper__content__item h5,
    .box__tabs__wrapper__content__item h4,
    .box__tabs__wrapper__content__item h3,
    .box__tabs__wrapper__content__item h2,
    .box__tabs__wrapper__content__item h1 {
        color: var(--primary-color);
        font-size: 1.25rem;
        font-weight: bold;
        margin-bottom: 0.5rem;
    }

        .box__tabs__wrapper__content__item h6:not(:first-child),
        .box__tabs__wrapper__content__item h5:not(:first-child),
        .box__tabs__wrapper__content__item h4:not(:first-child),
        .box__tabs__wrapper__content__item h1:not(:first-child),
        .box__tabs__wrapper__content__item h2:not(:first-child),
        .box__tabs__wrapper__content__item h3:not(:first-child) {
            margin-top: 1rem;
        }

    .box__tabs__wrapper__content__item ul,
    .box__tabs__wrapper__content__item li {
        font-size: unset;
        list-style-type: disc;
        color: var(--primary-color);
    }

    .box__tabs__wrapper__content__item ul {
        padding-right: 1.5rem;
        display: flex;
        flex-direction: column;
        gap: 5px 0;
        margin: 10px 0;
    }

    .box__tabs__wrapper__content__item.active {
        display: block !important;
    }

@-webkit-keyframes fade-in {
    0% {
        visibility: hidden;
        opacity: 0;
    }

    100% {
        visibility: visible;
        opacity: 1;
    }
}

@keyframes fade-in {
    0% {
        visibility: hidden;
        opacity: 0;
    }

    100% {
        visibility: visible;
        opacity: 1;
    }
}

.gallery-btn {
    border: 0;
    appearance: none;
    color: #ffffff;
    top: 50%;
    transform: translateY(-50%);
    transition: all 0.5s;
    background-color: var(--primary-color);
    display: flex;
    justify-content: center;
    align-items: center;
    width: 30px;
    height: 30px;
    border-radius: 50%;
}

    .gallery-btn svg {
        margin-top: 6px;
    }

    .gallery-btn.prev {
        left: 0;
    }

    .gallery-btn.next {
        right: 0;
    }

.thumbnail__container:not(:has(:nth-child(2))) + button, .thumbnail__container:not(:has(:nth-child(2))) + button + button {
    display: none !important;
}

.gallery-btn .fa::before {
    font-size: 18px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
}

.gallery-btn:disabled {
    opacity: 0.5;
}

.thumbnail.active .thumbnail__image {
    outline: 2px solid #f1073a;
    outline-offset: 2px;
}

.thumbnail.active {
    padding: 4px;
}

.form__row {
    display: flex;
    align-items: center;
    gap: 7px;
    justify-content: space-between;
    margin-bottom: 18px;
}

.form__label {
    color: #7E7D84;
    font-size: 15px;
    margin-bottom: 0;
}

.form__input {
    max-width: 288px;
    border: 1px solid #ddd;
}

.form__row > .form__input {
    max-width: calc(100% - 137px);
}

.form__input-border {
    flex-grow: 1;
    height: 40px;
    background-color: var(--color-three) !important;
    padding: 9px;
    max-width: 260px;
    border: 1px solid #ddd;
}

select:focus {
    outline: 0;
}

.form-box {
    background-color: var(--color-three);
    padding: 14px 16px !important;
}

.form__select {
    border: 1px solid #ddd;
    appearance: none;
    background: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.28033 0.21967C9.57322 0.512563 9.57322 0.987437 9.28033 1.28033L5.28033 5.28033C4.98744 5.57322 4.51256 5.57322 4.21967 5.28033L0.21967 1.28033C-0.0732233 0.987437 -0.0732233 0.512564 0.21967 0.21967C0.512563 -0.073223 0.987437 -0.073223 1.28033 0.21967L4.75 3.68934L8.21967 0.21967C8.51256 -0.0732233 8.98744 -0.0732233 9.28033 0.21967Z' fill='black'/%3E%3C/svg%3E") 15px center no-repeat;
}

.form__wrapper {
    max-width: 100%;
    border: 1px solid #ddd;
    height: auto;
    gap: 5px;
    border-radius: 20px;
}

.radio-label {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 14px 8px;
    background-color: #E8E8E8;
    margin-bottom: 0;
    color: #000;
    font-size: var(--font-size-1);
    font-weight: 300;
    position: relative;
    width: 80px;
    cursor: pointer;
    border-radius: 10px;
    text-align: center;
}

    .radio-label.active {
        background-color: var(--primary-color);
    }

    .radio-label span {
        display: block;
        width: 32px;
        height: 32px;
        background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16 4.32432C9.07405 4.32432 3.45946 9.93892 3.45946 16.8649C3.45946 23.7908 9.07405 29.4054 16 29.4054C22.926 29.4054 28.5405 23.7908 28.5405 16.8649C28.5405 9.93892 22.926 4.32432 16 4.32432ZM0.864865 16.8649C0.864865 8.50596 7.6411 1.72973 16 1.72973C24.3589 1.72973 31.1351 8.50596 31.1351 16.8649C31.1351 25.2238 24.3589 32 16 32C7.6411 32 0.864865 25.2238 0.864865 16.8649Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16 6.91892C16.7165 6.91892 17.2973 7.49974 17.2973 8.21622V16.1458L21.8768 19.008C22.4843 19.3877 22.669 20.1881 22.2893 20.7957C21.9096 21.4032 21.1092 21.5879 20.5016 21.2082L15.3124 17.965C14.9331 17.7279 14.7027 17.3122 14.7027 16.8649V8.21622C14.7027 7.49974 15.2835 6.91892 16 6.91892Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.53895 0.37997C7.04558 0.886596 7.04558 1.708 6.53895 2.21463L2.21463 6.53895C1.708 7.04558 0.886596 7.04558 0.37997 6.53895C-0.126657 6.03232 -0.126657 5.21092 0.37997 4.70429L4.70429 0.37997C5.21092 -0.126657 6.03232 -0.126657 6.53895 0.37997Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M25.4611 0.37997C24.9544 0.886596 24.9544 1.708 25.4611 2.21463L29.7854 6.53895C30.292 7.04558 31.1134 7.04558 31.62 6.53895C32.1267 6.03232 32.1267 5.21092 31.62 4.70429L27.2957 0.37997C26.7891 -0.126657 25.9677 -0.126657 25.4611 0.37997Z' fill='white'/%3E%3C/svg%3E");
        margin-bottom: 5px;
    }

    .radio-label input[type="radio"] {
        position: absolute;
        visibility: hidden;
        opacity: 0;
    }

.color-box {
    padding: 16px;
    display: flex;
    align-items: center;
    border: 1px solid;
    margin-bottom: 14px;
    height: 80px;
    border-radius: 20px;
}

.color-box__img {
    max-width: 40px;
    margin-left: 15px;
}

.blue-box {
    border-color: var(--primary-color);
}

.green-box {
    border-color: var(--color-text);
}

.red-box {
    border-color: var(--primary-color);
    margin-bottom: 12px;
}

.color-box__title {
    font-size: 26px !important;
    font-weight: 300;
    letter-spacing: -1px;
}

.blue-box .color-box__title {
    color: var(--primary-color);
}

.green-box .color-box__title {
    color: var(--color-text)
}

.red-box .color-box__title {
    color: #F30000;
}

.tip {
    color: var(--primary-color) !important;
    font-size: 20px;
    font-weight: 900;
    padding: 0 30px;
    text-align: center;
    margin-bottom: 16px;
}

    .tip span {
        color: #7E7D84;
        font-size: 13px;
        font-weight: 500;
    }

.guide-link {
    font-size: 20px;
    font-weight: 500;
    color: var(--primary-color);
    text-decoration: underline solid 1px;
    display: table;
    margin: auto auto 10px;
}

.tags__wrapper, .numbers__wrapper {
    height: auto !important;
    background: #FDFDFD !important;
    border: 1px solid #D9D9D9;
    box-shadow: 0 2px 90px -30px rgba(0, 0, 0, 0.25);
}

.buttons_next {
    width: 100%;
    margin-top: 16px;
    padding-left: 16px;
    padding-right: 16px;
}

.tags {
    flex-wrap: wrap;
    column-gap: 25px;
    row-gap: 10px;
}

.tag__link {
    color: #7E7D84;
    font-size: var(--font-size-1);
    font-weight: 500;
    text-decoration: underline solid 1px;
}

    .tag__link:hover {
        color: var(--primary-color);
    }

.number__item-text {
    font-size: var(--font-size-2);
    font-weight: 500;
    color: #7E7D84;
}

.number__item-number {
    background-color: #F0EBEB;
    border-radius: 50%;
    font-size: 16px;
    padding: 3px;
    min-width: 33px;
    height: 33px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--primary-color);
}

.blue-back {
    background-color: var(--primary-color);
    height: 210px;
    border-radius: 30px;
}

.faq {
    max-width: 1111px;
    padding: 30px 0;
    border-bottom: 1px solid #d9d9d9;
    display: flex;
    flex-direction: column;
}

.faq-question {
    font-size: 20px;
    color: #000000;
    margin-bottom: 0;
    cursor: pointer;
}

    .faq-question::before {
        content: " ";
        width: 24px;
        height: 24px;
        margin-left: 13px;
        float: right;
        background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.1649 15C6.1649 14.2682 6.75912 13.6749 7.49213 13.6749H13.6728V7.5042C13.6728 6.77238 14.267 6.17912 15 6.17912C15.733 6.17912 16.3273 6.77238 16.3273 7.5042V13.6749H22.508C23.241 13.6749 23.8353 14.2682 23.8353 15C23.8353 15.7318 23.241 16.3251 22.508 16.3251H16.3273V22.4958C16.3273 23.2276 15.733 23.8208 15 23.8208C14.267 23.8208 13.6728 23.2276 13.6728 22.4958V16.3251H7.49213C6.75912 16.3251 6.1649 15.7318 6.1649 15Z' fill='%23FFCB05'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.71234 0.457258C12.1762 -0.152419 17.8238 -0.152419 23.2877 0.457258C26.5197 0.8179 29.1297 3.35965 29.5099 6.60515C30.1634 12.1827 30.1634 17.8173 29.5099 23.3949C29.1297 26.6403 26.5197 29.1821 23.2877 29.5427C17.8238 30.1524 12.1762 30.1524 6.71233 29.5427C3.4803 29.1821 0.87026 26.6403 0.490054 23.3949C-0.163351 17.8173 -0.163351 12.1827 0.490054 6.60515C0.87026 3.35965 3.4803 0.8179 6.71234 0.457258ZM22.9928 3.09102C17.7249 2.50321 12.2751 2.50321 7.00718 3.09102C4.98194 3.317 3.36086 4.91283 3.12654 6.91301C2.4971 12.286 2.4971 17.714 3.12654 23.087C3.36086 25.0872 4.98194 26.683 7.00717 26.909C12.2751 27.4968 17.7249 27.4968 22.9928 26.909C25.0181 26.683 26.6391 25.0872 26.8735 23.087C27.5029 17.714 27.5029 12.286 26.8735 6.91301C26.6391 4.91283 25.0181 3.317 22.9928 3.09102Z' fill='%23FFCB05'/%3E%3C/svg%3E");
    }

    .faq-question.active::before {
        background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.71234 0.457258C12.1762 -0.152419 17.8238 -0.152419 23.2877 0.457258C26.5197 0.8179 29.1297 3.35965 29.5099 6.60515C30.1634 12.1827 30.1634 17.8173 29.5099 23.3949C29.1297 26.6403 26.5197 29.1821 23.2877 29.5427C17.8238 30.1524 12.1762 30.1524 6.71233 29.5427C3.4803 29.1821 0.87026 26.6403 0.490054 23.3949C-0.163351 17.8173 -0.163351 12.1827 0.490054 6.60515C0.87026 3.35965 3.4803 0.8179 6.71234 0.457258ZM22.9928 3.09102C17.7249 2.50321 12.2751 2.50321 7.00718 3.09102C4.98194 3.317 3.36086 4.91283 3.12654 6.91301C2.4971 12.286 2.4971 17.714 3.12654 23.087C3.36086 25.0872 4.98194 26.683 7.00717 26.909C12.2751 27.4968 17.7249 27.4968 22.9928 26.909C25.0181 26.683 26.6391 25.0872 26.8735 23.087C27.5029 17.714 27.5029 12.286 26.8735 6.91301C26.6391 4.91283 25.0181 3.317 22.9928 3.09102Z' fill='%23FFCB05'/%3E%3Cline x1='7.5' y1='14.5' x2='22.5' y2='14.5' stroke='%23FFCB05' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E");
    }

.faq-answer {
    font-size: 19px;
    font-weight: 400;
    margin-right: 45px;
    padding-right: 14px;
    border-right: 3px solid var(--primary-color);
    margin-bottom: 0;
    display: none;
}

.faq-section {
    margin-bottom: 80px;
}

.faq p:not(:first-child) {
    font-size: 14px;
    margin-right: 45px;
    padding-right: 14px;
    border-right: 3px solid var(--primary-color);
    margin-bottom: 0;
    display: none;
    padding-bottom: 16px;
    line-height: 27px;
}

.faq p:nth-child(2) {
    margin-top: 16px;
}

.white-box {
    background: #FDFDFD;
    border: 1px solid #D9D9D9;
    box-shadow: 0 2px 90px -30px rgba(0, 0, 0, 0.25);
}

.save-btn {
    font-size: 24px;
    font-weight: bold;
    background-color: var(--primary-color);
    width: 100%;
    color: #fff;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
    margin-top: 20px;
}

.instant {
    background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 31 35' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.4861 2.59487C11.7727 2.59487 11.1944 2.01399 11.1944 1.29743C11.1944 0.580881 11.7727 0 12.4861 0H18.5751C19.2884 0 19.8667 0.580881 19.8667 1.29743C19.8667 2.01399 19.2884 2.59487 18.5751 2.59487H12.4861Z' fill='white'/%3E%3Cpath d='M6.51057 3.37662C7.015 3.8833 7.015 4.70479 6.51057 5.21147L2.20501 9.53626C1.70059 10.0429 0.882748 10.0429 0.37832 9.53626C-0.126107 9.02958 -0.126107 8.20808 0.37832 7.70141L4.68388 3.37662C5.1883 2.86994 6.00614 2.86994 6.51057 3.37662Z' fill='white'/%3E%3Cpath d='M15.9306 7.3214C9.03467 7.3214 3.44444 12.9366 3.44444 19.8633C3.44444 26.7899 9.03467 32.4051 15.9306 32.4051C22.8264 32.4051 28.4167 26.7899 28.4167 19.8633C28.4167 19.1467 28.995 18.5658 29.7083 18.5658C30.4217 18.5658 31 19.1467 31 19.8633C31 28.2231 24.2532 35 15.9306 35C7.60793 35 0.861111 28.2231 0.861111 19.8633C0.861111 11.5035 7.60793 4.72653 15.9306 4.72653C16.6439 4.72653 17.2222 5.30741 17.2222 6.02396C17.2222 6.74051 16.6439 7.3214 15.9306 7.3214Z' fill='white'/%3E%3Cpath d='M24.8658 11.8438C25.2657 11.3273 25.2202 10.5925 24.7596 10.1299C24.2989 9.66718 23.5674 9.62144 23.0532 10.0232L17.5939 14.2882L14.0265 16.8478C13.2644 17.3945 12.8122 18.2773 12.8122 19.2179C12.8122 20.8265 14.1104 22.1306 15.7119 22.1306C16.6484 22.1306 17.5272 21.6763 18.0715 20.9109L20.6197 17.3275L24.8658 11.8438Z' fill='white'/%3E%3C/svg%3E") !important;
}


.nav_file_send li div.active {
    background: var(--primary-color) !important;
    border-radius: 32px;
}

.nav_file_send .nav-item .custom-control {
    padding-right: 2.5rem;
    color: var(--primary-color);
    border-radius: 25px !important;
    border: 1px solid var(--primary-color);
    padding-top: 21px;
}

    .nav_file_send .nav-item .custom-control.active {
        color: #fff !important;
    }

.nav_file_send .nav-item .custom-control {
    padding-right: 2.5rem;
    color: var(--primary-color);
    border-radius: 25px !important;
    border: 1px solid var(--primary-color);
    padding-top: 21px;
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e")
}

.nav_file_send .custom-control-input:checked ~ .custom-control-label::before, .nav_file_send .custom-control-input:checked ~ .custom-control-label::after {
    border: 1px solid #fff;
    margin-left: 10px;
    top: 0;
    margin-right: 12px;
}

.custom-control-input {
    position: absolute;
    z-index: -1;
    opacity: 0;
}

    .custom-control-input:checked ~ .custom-control-label::before {
        background-color: var(--primary-color) !important;
        border-color: var(--primary-color) !important;
    }

.content_file_send .upload_file {
    border: 2px dashed #ddd;
    border-radius: 20px;
}

    .content_file_send .upload_file .title {
        font-size: 15px;
        position: absolute;
        top: -45px;
        right: 5px;
        background: #FCFAFA;
        padding: 0 10px;
        margin-top: 1.25rem;
    }

.SizeUploadText {
    display: inline-block;
    position: absolute;
    top: -30px;
    background: white;
    right: 79px;
    border: 2px solid var(--primary-color);
    padding: 4px 8px;
    border-radius: 20px;
    color: #474a4c;
    font-size: 12px;
    margin-right: 6px;
}

.p-4 {
    padding: 1.5rem !important;
}

.content_file_send .upload_file .title2 {
    font-size: 15px;
    padding: 0 10px;
}

.cart_shop .table_cart tbody .list li:before, .content_file_send .way_send ul li:before, .content_file_send .Terms_DesignOrder ul li:before, .content_file_send .File_format ul li:before {
    content: "-";
    position: absolute;
    right: 0;
    top: 2px;
    font-weight: 100;
}

.cart_shop .table_cart tbody .list li, .content_file_send .File_format ul li {
    position: relative;
    padding-right: 10px;
    font-size: 13px;
    line-height: 25px;
    margin-bottom: 5px;
}

.p-3 {
    padding: 1rem !important;
}

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

.border {
    border: 1px solid #dee2e6 !important;
}

.custom-file {
    position: relative;
    display: inline-block;
    width: 100%;
    margin-bottom: 0;
    height: auto;
    border-radius: 15px !important;
}

.title__section {
    margin-bottom: 0 !important;
}

.k-dropzone {
    border-style: solid;
    border-width: 0;
    padding: 0.8em;
    background-color: transparent;
}

.custom-file .k-button span {
    font-size: 14px;
}

.k-dropzone em {
    font-size: 14px;
    color: var(--color-text);
    font-weight: 500;
}

.k-upload-button {
    background: var(--secondary-color);
    color: #fff;
    font-size: 13px;
    padding: 15px 10px;
    display: table;
    margin: auto auto 10px;
    border-radius: 50px;
    position: relative;
}

    .k-upload-button label {
        margin-bottom: 0 !important;
    }

.custom-file .title {
    top: -15px !important;
    right: 20px !important;
}

.content_file_send .upload_file .group_file input {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    display: none;
}

.float-left {
    float: left;
}

.comments-template {
    color: var(--color-text);
    font-size: 15px;
    font-weight: 600;
    padding-bottom: 10px;
}

    .comments-template .btn {
        background-color: var(--primary-color);
        display: table;
        min-width: 110px;
        text-align: center;
        transition: all 0.3s;
        border-radius: 50px;
        color: #000;
        font-size: 16px;
        font-weight: 500;
        letter-spacing: -1.2px;
        padding: 7px 10px;
        border: none;
    }

@media only screen and (max-width: 1200px) {
    .color-box__title {
        font-size: 17px !important;
    }

    .number__item-text {
        font-size: var(--font-size-0);
    }

    .number__item-number {
        min-width: 25px;
        height: 25px;
    }

    .radio-label {
        font-size: var(--font-size-0);
        gap: 3px;
    }
}

@media only screen and (max-width: 992px) {

    .form__input {
        width: 100% !important;
        max-width: initial !important;
    }

    .nav-link {
        font-size: var(--font-size-2);
        text-align: center;
    }

    .save-btn {
        font-size: 18px;
    }
}

@media (max-width: 768px) {
    .box__tabs__wrapper__tab {
        color: #7E7D84;
        font-size: 12px;
    }

    .box__tabs__wrapper {
        width: 100%;
        padding: 10px;
    }

    .box__tabs__wrapper {
        width: 100%;
        padding: 10px;
        max-width: 100% !important;
        margin-top: -210px;
    }

    .color-box__img {
        max-width: 40px;
    }

    .color-box__title {
        font-size: var(--font-size-2);
    }

    .faq-question {
        font-size: 22px;
    }

        .faq-question::before {
            width: 20px;
            height: 20px;
            background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.1649 15C6.1649 14.2682 6.75912 13.6749 7.49213 13.6749H13.6728V7.5042C13.6728 6.77238 14.267 6.17912 15 6.17912C15.733 6.17912 16.3273 6.77238 16.3273 7.5042V13.6749H22.508C23.241 13.6749 23.8353 14.2682 23.8353 15C23.8353 15.7318 23.241 16.3251 22.508 16.3251H16.3273V22.4958C16.3273 23.2276 15.733 23.8208 15 23.8208C14.267 23.8208 13.6728 23.2276 13.6728 22.4958V16.3251H7.49213C6.75912 16.3251 6.1649 15.7318 6.1649 15Z' fill='%23FFCB05'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.71234 0.457258C12.1762 -0.152419 17.8238 -0.152419 23.2877 0.457258C26.5197 0.8179 29.1297 3.35965 29.5099 6.60515C30.1634 12.1827 30.1634 17.8173 29.5099 23.3949C29.1297 26.6403 26.5197 29.1821 23.2877 29.5427C17.8238 30.1524 12.1762 30.1524 6.71233 29.5427C3.4803 29.1821 0.87026 26.6403 0.490054 23.3949C-0.163351 17.8173 -0.163351 12.1827 0.490054 6.60515C0.87026 3.35965 3.4803 0.8179 6.71234 0.457258ZM22.9928 3.09102C17.7249 2.50321 12.2751 2.50321 7.00718 3.09102C4.98194 3.317 3.36086 4.91283 3.12654 6.91301C2.4971 12.286 2.4971 17.714 3.12654 23.087C3.36086 25.0872 4.98194 26.683 7.00717 26.909C12.2751 27.4968 17.7249 27.4968 22.9928 26.909C25.0181 26.683 26.6391 25.0872 26.8735 23.087C27.5029 17.714 27.5029 12.286 26.8735 6.91301C26.6391 4.91283 25.0181 3.317 22.9928 3.09102Z' fill='%23FFCB05'/%3E%3C/svg%3E");
        }

        .faq-question.active::before {
            background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.71234 0.457258C12.1762 -0.152419 17.8238 -0.152419 23.2877 0.457258C26.5197 0.8179 29.1297 3.35965 29.5099 6.60515C30.1634 12.1827 30.1634 17.8173 29.5099 23.3949C29.1297 26.6403 26.5197 29.1821 23.2877 29.5427C17.8238 30.1524 12.1762 30.1524 6.71233 29.5427C3.4803 29.1821 0.87026 26.6403 0.490054 23.3949C-0.163351 17.8173 -0.163351 12.1827 0.490054 6.60515C0.87026 3.35965 3.4803 0.8179 6.71234 0.457258ZM22.9928 3.09102C17.7249 2.50321 12.2751 2.50321 7.00718 3.09102C4.98194 3.317 3.36086 4.91283 3.12654 6.91301C2.4971 12.286 2.4971 17.714 3.12654 23.087C3.36086 25.0872 4.98194 26.683 7.00717 26.909C12.2751 27.4968 17.7249 27.4968 22.9928 26.909C25.0181 26.683 26.6391 25.0872 26.8735 23.087C27.5029 17.714 27.5029 12.286 26.8735 6.91301C26.6391 4.91283 25.0181 3.317 22.9928 3.09102Z' fill='%23FFCB05'/%3E%3Cline x1='7.5' y1='14.5' x2='22.5' y2='14.5' stroke='%23FFCB05' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E");
        }

    .faq-answer {
        font-size: var(--font-size-2);
    }

    .faq p:not(:first-child) {
        font-size: 14px;
    }

    .form__label {
        width: 100%;
        margin-bottom: 5px;
    }

    #customSizeBox .w-35 {
        width: 100% !important;
        margin-right: 0 !important;
    }
}


@media only screen and (max-width: 576px) {
    .page__title {
        font-size: 20px;
        text-align: center;
    }

    .color-box__title {
        font-size: 20px;
    }

    .nav-link {
        font-size: var(--font-size-1);
        padding: 16px 8px;
        display: inline-block;
    }

    .faq-question {
        font-size: 16px;
    }

    .tab-section .tab-pane h3 {
        font-size: 18px;
    }

    .tab-section .tab-pane p {
        font-size: 14px;
        line-height: 22px;
    }
}

.adt-checkbox {
    display: block;
    line-height: 27px;
    font-size: 14px;
}

.adtBox .form__input, .adtBox .form__select, .adtBox input {
    width: 80% !important;
    margin-bottom: 10px;
    float: left;
}

.adtBox {
    display: flex;
}

    .adtBox label {
        margin-top: 8px;
    }

.custom-control-input:checked ~ .custom-control-label::before {
    color: #fff;
    border-color: #7E7D84;
    background-color: #7E7D84;
}

.white-box__title {
    color: var(--color-text) !important;
    font-size: 16px;
    font-weight: 600;
}

    .white-box__title svg path {
        fill: var(--color-text);
    }

.sidebar {
    position: sticky;
    top: 145px
}

#comment_user {
    margin-top: 20px;
}

.offsetAdtBox select {
    width: 100%;
    max-width: initial;
}

.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
    border: none;
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: #495057;
    background-color: transparent;
    border-color: transparent
}

.form__input, .form__select {
    font-size: 14px;
}

.tab-pane .contentdetail ol {
    margin: 15px 12px;
}

.tab-pane .contentdetail li {
    color: #7E7D84 !important;
}

ul.boxtabswrapper__tabs .scroll-right {
    position: absolute;
    right: 0;
    font-weight: 900;
    font-size: 1rem;
    color: rgba(0, 0, 0, 0.9);
    right: 2px;
}

ul.boxtabswrapper__tabs .scroll-left {
    position: absolute;
    right: calc(100% - 10px);
    font-weight: 900;
    font-size: 1rem;
    color: rgba(0, 0, 0, 0.9);
    right: 2px;
}

button#scroll-right {
    position: absolute;
    right: 10px;
    top: 15px;
}

button#scroll-left {
    /* z-index: 9999999; */ position: absolute;
    left: 10px;
    top: 15px;
}