/* Thêm CSS cho section partner */

.section_partner {
    padding: 60px 0;
    position: relative;
    background-color: #f9f9f9;
}

.section_partner .block-title {
    text-align: center;
    margin-bottom: 40px;
}

.section_partner .block-title h2 {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 20px;
    position: relative;
}

.section_partner .partner-item {
    text-align: center;
    transition: all 0.3s ease;
    border-radius: 5px;
    background-color: #fff;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.05);
    display: flex;
    flex-direction: column;
    max-height: 185px;
    overflow: hidden;
}

.section_partner .partner-image {
    margin-bottom: 15px;
    overflow: hidden;
    padding: 10px;
}

.section_partner .partner-image img {
    max-width: 100%;
    height: auto;
    transition: all 0.5s ease;
    object-fit: contain;
}

.section_partner .partner-item:hover {
    transform: translateY(-5px);
    box-shadow: 0 5px 25px rgba(0, 0, 0, 0.1);
}

.section_partner .partner-item:hover .partner-image img {
    transform: scale(1.05);
}

.section_partner .partner-info {
    flex: 1;
    display: flex;
    flex-direction: column;
    padding: 10px;
}

.section_partner .partner-info .name {
    margin-bottom: 10px;
}

.section_partner .partner-info .name a {
    font-size: 18px;
    font-weight: 600;
    color: #333;
    transition: all 0.3s ease;
}

.section_partner .partner-info .name a:hover {
    color: var(--mainColor);
}

.section_partner .swiper-pagination {
    margin-top: 30px;
}

@media (max-width: 767px) {
    .section_partner {
        padding: 40px 0;
    }
    .section_partner .block-title h2 {
        font-size: 24px;
    }
    .section_partner .partner-info .name a {
        font-size: 16px;
    }
}


/* Biến màu chính */

:root {
    --primary-color: #f3881f;
    --content-color: #182d57;
    --primary-hover: #e67600;
    --primary-active: #d66a00;
    --primary-light: rgba(243, 136, 31, 0.1);
    --secondary-color: #007dc2;
    --secondary-hover: #0069a3;
    --secondary-active: #005584;
    --secondary-light: rgba(0, 125, 194, 0.1);
    --success-color: #28a745;
    --danger-color: #dc3545;
    --warning-color: #ffc107;
    --info-color: #17a2b8;
    --text-dark: #333;
    --text-muted: #6c757d;
    --border-radius: 0.35rem;
    --box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1);
}


/* Nút đẹp hơn */

.btn-primary {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
    border-radius: var(--border-radius);
    font-weight: 500;
    transition: all 0.3s ease;
}

.btn-primary:hover {
    background-color: var(--primary-hover);
    border-color: var(--primary-hover);
}

.btn-primary:active,
.btn-primary:focus {
    background-color: var(--primary-active) !important;
    border-color: var(--primary-active) !important;
    box-shadow: 0 0 0 0.2rem rgba(243, 136, 31, 0.25) !important;
}

.btn-secondary {
    background-color: var(--secondary-color);
    border-color: var(--secondary-color);
    border-radius: var(--border-radius);
    font-weight: 500;
    transition: all 0.3s ease;
}

.btn-secondary:hover {
    background-color: var(--secondary-hover);
    border-color: var(--secondary-hover);
}

.btn-secondary:active,
.btn-secondary:focus {
    background-color: var(--secondary-active) !important;
    border-color: var(--secondary-active) !important;
    box-shadow: 0 0 0 0.2rem rgba(0, 125, 194, 0.25) !important;
}

.btn-outline-primary {
    color: var(--primary-color);
    border-color: var(--primary-color);
}

.btn-outline-primary:hover,
.btn-outline-primary:focus {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
    color: var(--text-light);
}

.btn-block {
    padding: 12px 0;
    font-weight: 500;
}

.btn-lg {
    padding: 0.75rem 1.5rem;
    font-size: 1.1rem;
}


/* Form controls */

.account-page .form-control {
    border-radius: var(--border-radius);
    padding: 0.75rem 1rem;
    font-size: 1rem;
    border: 1px solid #ddd;
    transition: all 0.3s ease;
}

.account-page .form-control:focus {
    box-shadow: 0 0 0 0.2rem rgba(243, 136, 31, 0.25);
    border-color: var(--primary-color);
}

.account-page .form-group {
    margin-bottom: 1.5rem;
    position: relative;
}

.account-page .form-group.input-focused label {
    color: var(--primary-color);
    font-weight: 500;
}

.account-page .input-focused .form-control {
    border-color: var(--primary-color);
    background-color: #fff;
    box-shadow: 0 0 0 0.2rem rgba(243, 136, 31, 0.1);
}


/* Tùy chỉnh checkbox đẹp hơn */

.account-page .form-check {
    position: relative;
    padding-left: 1.8rem;
    margin-bottom: 0.5rem;
    cursor: pointer;
    user-select: none;
}

.account-page .form-check-input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.account-page .form-check-label {
    position: relative;
    padding-left: 12px;
    margin-bottom: 0;
    font-size: 0.95rem;
    cursor: pointer;
    user-select: none;
    display: inline-block;
}

.account-page .form-check-label:before {
    content: '';
    position: absolute;
    left: -25px;
    top: 2px;
    width: 20px;
    height: 20px;
    border: 2px solid #ddd;
    border-radius: 4px;
    background-color: #fff;
    transition: all 0.2s ease-in-out;
}

.account-page .form-check-label:after {
    content: '';
    position: absolute;
    display: none;
    left: -21px;
    top: 6px;
    width: 12px;
    height: 6px;
    border: solid white;
    border-width: 0 0 2px 2px;
    transform: rotate(-45deg);
    transition: all 0.2s ease;
}

.account-page .form-check-input:checked~.form-check-label:before {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
}

.account-page .form-check-input:checked~.form-check-label:after {
    display: block;
}

.account-page .form-check-input:focus~.form-check-label:before {
    box-shadow: 0 0 0 0.2rem rgba(243, 136, 31, 0.25);
}

.account-page .form-check:hover .form-check-label:before {
    border-color: var(--primary-hover);
}


/* Form validation */

.invalid-feedback,
.valid-feedback {
    font-size: 0.85rem;
    margin-top: 0.25rem;
}

.was-validated .form-control:invalid,
.form-control.is-invalid {
    border-color: var(--danger-color);
    background-image: none;
}

.was-validated .form-control:valid,
.form-control.is-valid {
    border-color: var(--success-color);
    background-image: none;
}

.was-validated .form-control:invalid:focus,
.form-control.is-invalid:focus {
    border-color: var(--danger-color);
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}

.was-validated .form-control:valid:focus,
.form-control.is-valid:focus {
    border-color: var(--success-color);
    box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}

.account-page .text-danger {
    font-size: 0.85rem;
    margin-top: 5px;
    color: red;
}


/* Custom checkbox */

.form-check-input {
    position: absolute;
    margin-top: 0.25rem;
    margin-left: -1.25rem;
}

.form-check-label {
    margin-bottom: 0;
    padding-left: 0.5rem;
    cursor: pointer;
}


/* Account sidebar */

.account-sidebar {
    border-radius: 6px;
    box-shadow: var(--box-shadow);
}

.sidebar-title {
    color: var(--primary-color);
    font-weight: 600;
}

.account-menu-link {
    display: block;
    padding: 10px 15px;
    border-radius: 5px;
    color: var(--text-dark);
    text-decoration: none;
    transition: var(--transition);
    margin-bottom: 8px;
}

.account-menu-link:hover {
    background-color: var(--primary-light);
    color: var(--primary-color);
    text-decoration: none;
}

.account-menu li.active .account-menu-link {
    background-color: var(--primary-light);
    color: var(--primary-color);
    font-weight: 500;
    border-left: 3px solid var(--primary-color);
}


/* Alert styles */

.alert {
    border-radius: var(--border-radius);
    padding: 1rem 1.25rem;
    margin-bottom: 1.5rem;
    border: 1px solid transparent;
    font-size: 0.95rem;
}

.alert-danger {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
}

.alert-success {
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb;
}

.alert-warning {
    color: #856404;
    background-color: #fff3cd;
    border-color: #ffeeba;
}

.alert-info {
    color: #0c5460;
    background-color: #d1ecf1;
    border-color: #bee5eb;
}


/* Responsive styling */

@media (max-width: 767px) {
    .account-sidebar {
        margin-bottom: 20px;
    }
    .card-body {
        padding: 20px 15px;
    }
}


/* Address card styles */

.address-card {
    padding: 15px;
    border: 1px solid #eee;
    border-radius: var(--border-radius);
    transition: var(--transition);
}

.address-card:hover {
    box-shadow: var(--box-shadow);
}

.address-name {
    color: var(--primary-color);
    font-weight: 600;
}

.address-actions a {
    text-decoration: none;
    transition: var(--transition);
}

.address-actions a:hover {
    opacity: 0.8;
}


/* Badge styles */

.badge {
    padding: 0.4rem 0.8rem;
    font-weight: 500;
    border-radius: 30px;
    letter-spacing: 0.3px;
    font-size: 0.75rem;
    text-transform: uppercase;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
}

.badge-secondary {
    background-color: #6c757d;
    color: white;
}

.badge-primary {
    background-color: #0062cc;
    color: white;
}

.badge-info {
    background-color: #0097a7;
    color: white;
}

.badge-success {
    background-color: #218838;
    color: white;
}

.badge-danger {
    background-color: #c82333;
    color: white;
}

.badge-warning {
    background-color: #e0a800;
    color: #212529;
    border: 1px solid #d39e00;
}

.badge-dark {
    background-color: #23272b;
    color: white;
}


/* Modal styles */

.modal-header {
    background-color: var(--primary-color);
    color: var(--text-light);
    border-radius: 0;
}

.modal-title {
    font-weight: 500;
}

.modal-header .close {
    color: var(--text-light);
    opacity: 0.8;
}

.modal-header .close:hover {
    opacity: 1;
}

.modal-footer {
    border-top: 1px solid #eee;
    padding: 15px;
}


/* CSS cho input khi focus */

.input-focused .form-control {
    border-color: var(--primary-color);
    box-shadow: 0 0 0 0.1rem rgba(0, 125, 194, 0.15);
}

.form-group {
    position: relative;
}

.security-tips li {
    margin-bottom: 10px;
    position: relative;
    padding-left: 20px;
}

.security-tips li:before {
    content: '\f105';
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    position: absolute;
    left: 0;
    top: 0;
    color: var(--secondary-color);
}


/* Style cho form đăng ký */

.register-form {
    max-width: 800px;
    margin: 0 auto;
}


/* Style cho term-link */

.term-link {
    color: var(--primary-color);
    text-decoration: none;
    transition: var(--transition);
}

.term-link:hover {
    color: var(--secondary-color);
    text-decoration: underline;
}


/* Password strength indicator */

.password-strength {
    height: 5px;
    background-color: #e9ecef;
    margin-top: 5px;
    border-radius: 3px;
    position: relative;
}

.password-strength .strength-meter {
    height: 100%;
    border-radius: 3px;
    transition: width 0.3s ease;
}

.password-strength.weak .strength-meter {
    width: 25%;
    background-color: #dc3545;
}

.password-strength.medium .strength-meter {
    width: 50%;
    background-color: #ffc107;
}

.password-strength.strong .strength-meter {
    width: 75%;
    background-color: #28a745;
}

.password-strength.very-strong .strength-meter {
    width: 100%;
    background-color: #28a745;
}

.strength-text {
    font-size: 0.8rem;
    margin-top: 5px;
}

.strength-text.weak {
    color: #dc3545;
}

.strength-text.medium {
    color: #ffc107;
}

.strength-text.strong,
.strength-text.very-strong {
    color: #28a745;
}


/* Account section styling */

.account-section {
    min-height: calc(100vh - 350px);
    display: flex;
    align-items: center;
    padding: 50px 0;
}


/* Security tips */

.security-tips {
    margin-top: 1rem;
    padding: 1rem;
    background-color: var(--secondary-light);
    border-radius: var(--border-radius);
}

.security-tips h5 {
    color: var(--secondary-color);
    margin-bottom: 0.5rem;
    font-size: 1rem;
}

.security-tips ul {
    margin-bottom: 0;
    padding-left: 1.25rem;
}

.security-tips li {
    margin-bottom: 0.5rem;
    font-size: 0.9rem;
    color: var(--text-dark);
}

.security-tips li:last-child {
    margin-bottom: 0;
}


/* Responsive styles */

@media (max-width: 768px) {
    .account-page .account-section {
        padding-top: 2rem;
        padding-bottom: 2rem;
        display: block;
    }
    .account-page .form-group {
        margin-bottom: 1rem;
    }
    .btn-lg {
        padding: 0.6rem 1.2rem;
        font-size: 1rem;
    }
    .account-page .card-body {
        padding: 1.25rem;
    }
}


/* Register form specific */

.register-form {
    margin-bottom: 1rem;
}

.register-form label {
    font-weight: 500;
    margin-bottom: 0.5rem;
    display: block;
}

.register-form .text-danger {
    font-size: 0.85rem;
    margin-top: 0.25rem;
}


/* Account Layout */

.account-page {
    /*max-width: 900px !important;*/
    /* Tăng width từ 500px lên 900px */
    margin: 0 auto;
    padding: 40px 0;
    border: 0;
}

.account-page .block-info-contact {
    height: auto;
    border: 0;
    min-height: 300px;
    padding: 20px;
}

.account-page a {
    color: var(--secondary-color);
    transition: color 0.3s ease;
}

.account-page a:hover {
    color: var(--primary-color);
    text-decoration: none;
}

.other-options {
    margin-top: 30px;
}


/* Form layout improvements */

.account-page .form-row {
    display: flex;
    margin-right: -10px;
    margin-left: -10px;
    flex-wrap: wrap;
}

.account-page .form-row>.col,
.account-page .form-row>[class*="col-"] {
    padding-right: 10px;
    padding-left: 10px;
}

.account-page .form-group label {
    font-weight: 500;
    color: var(--text-dark);
    margin-bottom: 8px;
    display: block;
}

.account-page .form-control {
    height: calc(2.5rem + 2px);
    padding: 0.75rem 1rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: var(--border-radius);
    border: 1px solid #ddd;
}

.account-page textarea.form-control {
    height: auto;
    min-height: 100px;
}


/* Input with icons */

.input-with-icon {
    position: relative;
    display: flex;
    align-items: center;
}

.input-with-icon svg {
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    color: var(--text-muted);
    width: 16px;
    height: 16px;
    z-index: 2;
    transition: color 0.3s ease;
}


/* Chỉnh vị trí SVG cho textarea */

.input-with-icon textarea+svg,
.input-with-icon textarea~svg {
    top: 18px;
    transform: none;
}


/* Cải thiện hiệu ứng khi focus */

.input-focused svg {
    color: var(--primary-color) !important;
}


/* Điều chỉnh padding cho input có icon */

.input-with-icon .form-control {
    padding-left: 40px;
    width: 100%;
}


/* Button improvements */

.account-page .btn {
    font-weight: 500;
    padding: 0.75rem 1.5rem;
    border-radius: var(--border-radius);
    transition: all 0.3s ease;
}

.account-page .btn-primary {
    background: linear-gradient(to right, var(--primary-color), var(--primary-hover));
    border: none;
    color: #fff;
    display: flex;
}

.account-page .btn-primary:hover {
    background: linear-gradient(to right, var(--primary-hover), var(--primary-active));
    transform: translateY(-2px);
    box-shadow: 0 4px 10px rgba(243, 136, 31, 0.3);
}

.account-page .btn-secondary {
    background: linear-gradient(to right, var(--secondary-color), var(--secondary-hover));
    border: none;
}

.account-page .btn-secondary:hover {
    background: linear-gradient(to right, var(--secondary-hover), var(--secondary-active));
    transform: translateY(-2px);
    box-shadow: 0 4px 10px rgba(0, 125, 194, 0.3);
}


/* Card improvements */

.account-page .card {
    border: none;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 25px;
    transition: all 0.3s ease;
}

.account-page .card:hover {
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
}

.account-page .card-header {
    background-color: #fff;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    padding: 15px 20px;
}

.account-page .card-header h5 {
    font-weight: 600;
    color: var(--text-dark);
    margin: 0;
}

.account-page .card-body {
    padding: 25px;
}


/* Responsive padding for mobile */

@media (max-width: 576px) {
    .account-page .card-body {
        padding: 15px;
    }
    .account-page .form-control {
        height: calc(2.25rem + 2px);
        padding: 0.5rem 0.75rem;
    }
    .account-page .btn {
        padding: 0.5rem 1rem;
    }
}


/* Cải thiện SVG icons */

.account-page svg {
    vertical-align: middle;
}


/* Điều chỉnh vị trí SVG trong button */

.account-page button svg,
.account-page a svg {
    vertical-align: -0.125em;
    margin-right: 5px;
}


/* Điều chỉnh SVG trong alert */

.account-page .alert svg {
    vertical-align: -0.125em;
    margin-right: 5px;
}


/* Điều chỉnh vị trí SVG trong sidebar */

.account-menu-link svg {
    margin-right: 8px;
    vertical-align: -0.125em;
}


/* Điều chỉnh icons trong card header */

.account-page .card-header svg {
    vertical-align: -0.125em;
    margin-right: 10px;
}


/* Hover effect for SVG icons */

.account-page a:hover svg {
    color: inherit;
}


/* Style trang đơn hàng (Order) và chi tiết đơn hàng (OrderDetail) */


/* Style cho bảng đơn hàng - cải tiến */

.order-table {
    border-radius: var(--border-radius);
    overflow: hidden;
    margin-bottom: 0;
    width: 100%;
}

.order-table th {
    font-weight: 600;
    border-top: none;
    padding: 1rem;
    font-size: 0.9rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: var(--text-dark);
}

.order-table td {
    vertical-align: middle;
    border-color: rgba(0, 0, 0, 0.05);
    padding: 1rem;
}

.order-table .thead-light th {
    background-color: rgba(243, 136, 31, 0.05);
    border-color: rgba(243, 136, 31, 0.1);
    color: var(--text-dark);
}

.order-table.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(0, 0, 0, 0.01);
}

.order-table.table-hover tbody tr:hover {
    background-color: rgba(243, 136, 31, 0.03);
    transform: translateY(-1px);
}

.order-table .text-danger {
    color: var(--primary-color) !important;
}


/* Style cho icon đơn hàng */

.order-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    background-color: rgba(243, 136, 31, 0.1);
    border-radius: 50%;
    color: var(--primary-color);
}


/* Style cho icon ngày giờ */

.date-time-icon {
    color: #aaa;
    vertical-align: -1px;
}


/* Style cho nút chi tiết */

.btn-outline-primary.rounded-pill {
    padding: 0.25rem 0.75rem;
    transition: all 0.3s ease;
    border-color: rgba(243, 136, 31, 0.3);
    color: var(--primary-color);
}

.btn-outline-primary.rounded-pill:hover {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 3px 10px rgba(243, 136, 31, 0.2);
}


/* Style cho phần phân trang */

.pagination {
    margin-bottom: 0;
}

.pagination .page-item .page-link {
    color: var(--primary-color);
    border-color: rgba(243, 136, 31, 0.1);
    margin: 0 2px;
    padding: 0.4rem 0.75rem;
    transition: all 0.3s ease;
    border-radius: 5px;
}

.pagination .page-item.active .page-link {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
    color: #fff;
    box-shadow: 0 2px 5px rgba(243, 136, 31, 0.2);
}

.pagination .page-item .page-link:hover {
    background-color: rgba(243, 136, 31, 0.1);
    border-color: rgba(243, 136, 31, 0.2);
    color: var(--primary-color);
    z-index: 2;
}

.pagination .page-item.active .page-link:hover {
    background-color: var(--primary-color);
    color: #fff;
}


/* Fix cho small text trong bảng */

.order-table small {
    font-size: 80%;
    line-height: 1.4;
}


/* ===== STYLE TRANG ĐƠN HÀNG (Order) VÀ CHI TIẾT ĐƠN HÀNG (OrderDetail) ===== */


/* Cải tiến chung cho card */

.account-page .card {
    border: none;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 25px;
    transition: all 0.3s ease;
}

.account-page .card:hover {
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
}

.account-page .card-header {
    background-color: #fff;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    padding: 1rem 1.5rem;
    /* Tăng padding */
}

.account-page .card-header h5 {
    font-weight: 600;
    color: var(--text-dark);
    margin: 0;
    font-size: 1.1rem;
    /* Tăng font size */
}

.account-page .card-body {
    padding: 1.5rem;
    /* Tăng padding */
}


/* Style cho bảng danh sách đơn hàng (Order List) */

.order-table-container {
    border-radius: var(--border-radius);
    overflow: hidden;
    /* Đảm bảo border-radius hoạt động */
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
    /* Thêm shadow nhẹ */
}

.order-table {
    margin-bottom: 0;
    /* Loại bỏ margin bottom mặc định của table */
    border-collapse: separate;
    /* Cho phép border-radius */
    border-spacing: 0;
}

.order-table thead th {
    background-color: #f8f9fa;
    /* Màu nền sáng hơn */
    color: var(--text-dark);
    font-weight: 600;
    font-size: 0.85rem;
    /* Giảm font size */
    text-transform: uppercase;
    letter-spacing: 0.5px;
    padding: 0.8rem 1rem;
    /* Điều chỉnh padding */
    border-top: none;
    border-bottom: 2px solid #dee2e6;
    /* Thêm đường kẻ dưới đậm hơn */
    vertical-align: middle;
}

.order-table tbody td {
    padding: 1rem;
    /* Đồng nhất padding */
    vertical-align: middle;
    border-top: 1px solid #f1f1f1;
    /* Đường kẻ nhạt hơn */
    font-size: 0.9rem;
    /* Điều chỉnh font size */
    color: #555;
    /* Màu chữ tối hơn */
}


/* Thêm hiệu ứng hover cho hàng */

.order-table tbody tr:hover {
    background-color: var(--primary-light);
    /* Sử dụng màu primary light */
    cursor: pointer;
    /* transform: scale(1.01); */
    /* Có thể thêm hiệu ứng scale nhẹ */
    transition: background-color 0.2s ease-in-out;
}


/* Mã đơn hàng */

.order-code {
    font-weight: 600;
    color: var(--primary-color);
    display: flex;
    align-items: center;
}

.order-code-icon {
    margin-right: 8px;
    color: var(--primary-color);
    opacity: 0.8;
}


/* Ngày đặt hàng */

.order-date {
    font-size: 0.85rem;
    color: var(--text-muted);
}

.order-date svg {
    margin-right: 4px;
    vertical-align: -1px;
}


/* Tổng tiền */

.order-total {
    font-weight: 600;
    color: var(--danger-color);
    /* Sử dụng màu danger */
}


/* Trạng thái */

.order-status .badge {
    font-size: 0.7rem;
    padding: 0.4em 0.8em;
    font-weight: 500;
    letter-spacing: 0.3px;
    min-width: 110px;
    /* Đảm bảo độ rộng tối thiểu */
    text-align: center;
}


/* Nút chi tiết */

.btn-order-detail {
    padding: 0.3rem 0.8rem;
    font-size: 0.8rem;
    transition: all 0.2s ease;
    display: inline-flex;
    align-items: center;
}

.btn-order-detail svg {
    margin-right: 5px;
}

.btn-order-detail:hover {
    transform: translateY(-1px);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}


/* Phân trang */

.order-pagination {
    margin-top: 1.5rem;
    /* Tăng khoảng cách */
}

.order-pagination .pagination {
    justify-content: center;
    /* Căn giữa */
}

.order-pagination .page-link {
    border-radius: 50px !important;
    /* Bo tròn */
    margin: 0 3px;
    min-width: 35px;
    /* Đảm bảo kích thước tối thiểu */
    text-align: center;
    border-color: #ddd;
    color: var(--text-muted);
    transition: all 0.3s ease;
}

.order-pagination .page-link:hover {
    background-color: var(--primary-light);
    border-color: var(--primary-color);
    color: var(--primary-color);
}

.order-pagination .page-item.active .page-link {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
    color: #fff;
    box-shadow: 0 2px 5px rgba(243, 136, 31, 0.3);
}

.order-pagination .page-item.disabled .page-link {
    opacity: 0.6;
    pointer-events: none;
}


/* Style trang chi tiết đơn hàng (OrderDetail) */

.order-detail-page .card-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.order-info {
    border-bottom: 1px solid #eee;
    padding-bottom: 1.5rem;
}

.order-info h6 {
    font-size: 0.9rem;
    font-weight: 600;
    color: var(--text-muted);
    margin-bottom: 1rem;
}

.order-info p {
    margin-bottom: 0.7rem;
    font-size: 0.95rem;
}

.order-info p strong {
    min-width: 150px;
    /* Đảm bảo các label thẳng hàng */
    display: inline-block;
    color: var(--text-dark);
}

.order-info .badge {
    font-size: 0.8rem;
    padding: 0.4em 0.9em;
}

.order-note .alert {
    margin-bottom: 1.5rem;
}

.order-note .alert-heading {
    font-size: 1rem;
    margin-bottom: 0.5rem;
}


/* Bảng chi tiết sản phẩm */

.order-items-table {
    margin-top: 1rem;
}

.order-items-table thead th {
    background-color: #f8f9fa;
    font-weight: 600;
    font-size: 0.85rem;
    padding: 0.8rem 1rem;
    border-bottom: 2px solid #dee2e6;
}

.order-items-table tbody td {
    padding: 1rem;
    vertical-align: middle;
    font-size: 0.9rem;
}

.order-items-table .product-name strong {
    display: block;
    margin-bottom: 3px;
    color: var(--text-dark);
}

.order-items-table .product-name small {
    color: var(--text-muted);
    font-size: 0.8rem;
}

.order-items-table tfoot td {
    font-weight: 600;
    padding: 1rem;
    font-size: 1rem;
}

.order-items-table tfoot .total-amount {
    color: var(--danger-color);
    font-size: 1.1rem;
}


/* Nút hành động */

.order-actions {
    margin-top: 1.5rem;
    padding-top: 1.5rem;
    border-top: 1px solid #eee;
    display: flex;
    /* Sử dụng flexbox */
    justify-content: flex-end;
    /* Căn các nút về bên phải */
    gap: 10px;
    /* Khoảng cách giữa các nút */
}

.order-actions .btn {
    min-width: 150px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.order-actions .btn svg {
    margin-right: 8px;
}


/* Modal xác nhận hủy */

.modal-header {
    background-color: var(--primary-color);
    color: white;
    border-bottom: none;
}

.modal-header .close {
    color: white;
    opacity: 0.9;
    text-shadow: none;
}

.modal-title {
    font-weight: 500;
}

.modal-body p {
    font-size: 1rem;
}

.modal-footer {
    border-top: none;
    padding: 1rem 1.25rem;
}


/* Responsive adjustments */

@media (max-width: 991px) {
    .order-info .col-md-6 {
        margin-bottom: 1.5rem;
        /* Thêm khoảng cách giữa 2 cột trên mobile */
    }
    .order-info p strong {
        min-width: 120px;
        /* Giảm min-width trên mobile */
    }
}

@media (max-width: 767px) {
    .account-page .card-header,
    .account-page .card-body {
        padding: 1rem;
        /* Giảm padding trên mobile */
    }
    .order-table thead {
        display: none;
        /* Ẩn thead trên mobile */
    }
    .order-table tbody tr {
        display: block;
        margin-bottom: 1rem;
        border: 1px solid #eee;
        border-radius: var(--border-radius);
        overflow: hidden;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
    }
    .order-table tbody td {
        display: flex;
        /* Sử dụng flex để căn chỉnh */
        justify-content: space-between;
        /* Đẩy label và value ra 2 bên */
        align-items: center;
        /* Căn giữa theo chiều dọc */
        padding: 0.7rem 1rem;
        border: none;
        /* Bỏ border mặc định */
        border-bottom: 1px solid #f5f5f5;
        /* Thêm border nhẹ giữa các dòng */
        font-size: 0.85rem;
    }
    .order-table tbody td:last-child {
        border-bottom: none;
        /* Bỏ border cho dòng cuối */
    }
    /* Thêm label cho từng cell */
    .order-table tbody td::before {
        content: attr(data-label);
        /* Lấy nội dung từ data-label */
        font-weight: 600;
        margin-right: 10px;
        /* Khoảng cách với value */
        color: var(--text-dark);
        min-width: 100px;
        /* Độ rộng tối thiểu cho label */
        text-align: left;
    }
    .order-table tbody td.order-total::before {
        content: "Tổng tiền:";
    }
    .order-table tbody td.order-status-cell::before {
        content: "Trạng thái:";
    }
    .order-table tbody td.order-payment-cell::before {
        content: "Thanh toán:";
    }
    .order-table tbody td.order-actions-cell::before {
        content: "Hành động:";
    }
    .order-table tbody td.order-code-cell::before {
        content: "Mã ĐH:";
    }
    .order-table tbody td.order-date-cell::before {
        content: "Ngày đặt:";
    }
    /* Điều chỉnh nút chi tiết trên mobile */
    .order-table tbody .btn-order-detail {
        padding: 0.2rem 0.6rem;
        font-size: 0.75rem;
    }
    .order-table tbody .order-actions-cell {
        justify-content: flex-end;
        /* Đẩy nút về cuối */
    }
    .order-detail-page .card-header {
        flex-direction: column;
        align-items: flex-start;
    }
    .order-detail-page .card-header h5 {
        margin-bottom: 10px;
    }
    .order-detail-page .card-header .btn {
        align-self: flex-end;
        /* Đẩy nút quay lại về bên phải */
    }
    .order-items-table thead {
        display: none;
    }
    .order-items-table tbody tr {
        display: block;
        margin-bottom: 1rem;
        border: 1px solid #eee;
        border-radius: var(--border-radius);
        overflow: hidden;
    }
    .order-items-table tbody td {
        display: flex;
        justify-content: space-between;
        padding: 0.7rem 1rem;
        border: none;
        border-bottom: 1px solid #f5f5f5;
        font-size: 0.85rem;
        text-align: right;
        /* Căn phải giá trị */
    }
    .order-items-table tbody td:last-child {
        border-bottom: none;
    }
    .order-items-table tbody td::before {
        content: attr(data-label);
        font-weight: 600;
        margin-right: 10px;
        color: var(--text-dark);
        text-align: left;
        /* Căn trái label */
    }
    .order-items-table tbody td.product-cell::before {
        content: "Sản phẩm:";
        text-align: left;
    }
    .order-items-table tbody td.price-cell::before {
        content: "Đơn giá:";
    }
    .order-items-table tbody td.quantity-cell::before {
        content: "Số lượng:";
    }
    .order-items-table tbody td.item-total-cell::before {
        content: "Thành tiền:";
    }
    .order-items-table tbody td.product-cell {
        flex-direction: column;
        /* Hiển thị tên và chi tiết trên nhiều dòng */
        align-items: flex-start;
        /* Căn trái */
    }
    .order-items-table tbody td.product-cell::before {
        margin-bottom: 5px;
        /* Khoảng cách giữa label và nội dung */
    }
    .order-items-table .product-name {
        width: 100%;
    }
    .order-items-table tfoot tr td {
        display: flex;
        justify-content: space-between;
        font-size: 1rem;
    }
    .order-items-table tfoot tr td::before {
        content: "Tổng cộng:";
        font-weight: 600;
    }
    .order-items-table tfoot tr td:first-child {
        display: none;
        /* Ẩn các ô không cần thiết */
    }
    .order-actions {
        flex-direction: column;
        /* Xếp chồng các nút trên mobile */
        align-items: stretch;
        /* Kéo dãn nút */
    }
    .order-actions .btn {
        width: 100%;
        /* Nút chiếm toàn bộ chiều rộng */
        margin-bottom: 10px;
        /* Khoảng cách giữa các nút */
    }
    .order-actions .btn:last-child {
        margin-bottom: 0;
    }
}


/* ================= Search Result Page ================= */

.search-result-page {
    background-color: #f9f9f9;
}

.search-result-page .block-title {
    font-size: 24px;
    font-weight: 700;
    position: relative;
    color: var(--primary-color);
}

.search-result-page .result-block {
    background-color: #fff;
    padding: 25px;
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
}

.search-result-page .card {
    border: 1px solid #eee;
    transition: transform .2s ease, box-shadow .2s ease;
}

.search-result-page .card:hover {
    transform: translateY(-4px);
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
}

.search-result-page .card-title a {
    color: var(--text-dark);
    text-decoration: none;
    transition: color .2s ease;
}

.search-result-page .card-title a:hover {
    color: var(--primary-color);
}

.search-result-page .price {
    font-weight: 600;
    font-size: 0.95rem;
}

.search-result-page .media .thumb img {
    border-radius: 6px;
}

.search-result-page .media-body h3 a {
    color: var(--text-dark);
    text-decoration: none;
    transition: color .2s ease;
}

.search-result-page .media-body h3 a:hover {
    color: var(--primary-color);
}

.search-result-page .media {
    align-items: flex-start;
}

@media (max-width: 767px) {
    .search-result-page .result-block {
        padding: 15px;
    }
    .search-result-page .block-title {
        font-size: 20px;
    }
}

.search-result-page .row>[class*="col-"] {
    margin-bottom: 30px;
}

.search-result-page .media {
    margin-bottom: 15px;
}

.search-result-page .search-empty {
    border: 1px dashed #ddd;
    border-radius: 10px;
    padding: 40px;
    background-color: #ffffff;
}

.search-result-page .search-summary {
    margin-bottom: 25px;
}

.search-result-page .search-summary .alert {
    border-left: 4px solid var(--primary-color);
    font-size: 0.95rem;
}

.search-result-page .block-title h2 a {
    color: var(--text-dark);
    text-decoration: none;
}

.search-result-page .block-title h2 a:hover {
    color: var(--primary-color);
}

.search-result-page .btn-viewmore {
    display: inline-block;
    padding: 8px 25px;
    background-color: var(--primary-color);
    color: #fff;
    border-radius: 4px;
    transition: all .3s ease;
    text-decoration: none;
}

.search-result-page .btn-viewmore:hover {
    background-color: var(--primary-hover);
    transform: translateY(-2px);
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}

.search-page-wrapper {
    background-color: #fff;
    border-radius: 10px;
    padding: 25px;
    box-shadow: 0 1px 15px rgba(0, 0, 0, 0.05);
    overflow: hidden;
}

.search-result-page .section_service,
.search-result-page .section_blog {
    margin-bottom: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid #f0f0f0;
}

.search-result-page .section_service:last-child,
.search-result-page .section_blog:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}

.search-result-page .block-title {
    margin-bottom: 20px;
}

.search-result-page .service-item {
    margin-bottom: 25px;
}

.search-result-page .product-item {
    margin-bottom: 15px;
}

.search-result-page .item-blog {
    margin-bottom: 20px;
}

.search-result-page .row>[class*="col-"] {
    margin-bottom: 20px;
}

.search-result-page .row {
    margin-left: -10px;
    margin-right: -10px;
}

.search-result-page .row>[class*="col-"] {
    padding-left: 10px;
    padding-right: 10px;
}

.search-result-page .text-center {
    margin-top: 15px;
}

.search-result-page .service-item .main-body {
    padding: 15px;
}

.search-result-page .service-item .main-body h3 {
    font-size: 17px;
    margin-bottom: 10px;
}

.search-result-page .service-item .main-body p {
    font-size: 14px;
    line-height: 1.5;
}

.search-result-page .item-blog .article-card {
    height: 100%;
}

.search-result-page .item-blog .block-content {
    padding: 15px;
}

.search-result-page .item-blog .block-content h3 {
    font-size: 17px;
    margin-bottom: 10px;
}

.search-result-page .item-blog .article-content {
    font-size: 14px;
    line-height: 1.5;
}

@media (max-width: 767px) {
    .search-page-wrapper {
        padding: 15px;
    }
    .search-result-page .section_service,
    .search-result-page .section_blog {
        margin-bottom: 20px;
        padding-bottom: 20px;
    }
}

.main-content-common .block {
    float: left;
    width: 100%;
    margin-bottom: 50px;
    position: relative;
}
.title-line {
    text-align: center;
    text-transform: uppercase;
    color: #1e315f;
    font-size: 30px;
    padding-bottom: 20px;
    margin-bottom: 30px;
    position: relative;
}
.block-services .block-ct-row {
    float: left;
    width: 100%;
}
.aos-animate {
    opacity: 1;
    transform: translateZ(0);
}
.block-services .block-ct-row:nth-of-type(odd) > a {
    float: left;
}

.block-services .block-ct-row > a {
    width: 50%;
    height: 348px;
    display: block;
    overflow: hidden;
    position: relative;
}
.block-services .block-ct-row:nth-child(1) .textwidget {
    background: #1f315f;
    padding-top: 70px;
}

.block-services .block-ct-row:nth-of-type(odd) .textwidget {
    float: right;
}

.block-services .block-ct-row .textwidget {
    width: 50%;
    padding: 40px;
    min-height: 348px;
    color: #fff;
    position: relative;
}
    .block-services .block-ct-row .textwidget * {
        color: #fff;
        position: relative;
        z-index: 2;
    }
    .block-services .block-ct-row .textwidget * {
        color: #fff;
        position: relative;
        z-index: 2;
    }
[data-aos^=fade][data-aos^=fade].aos-animate {
    opacity: 1;
    transform: translateZ(0);
}
.block-services .block-ct-row:nth-of-type(even) > a {
    float: right;
}
.block-services .block-ct-row:nth-child(2) .textwidget {
    background: #f0ab1f;
    padding-top: 90px;
}
.block-services .block-ct-row:nth-child(3) .textwidget {
    background: #d42534;
    padding-top: 70px;
}


.elementor-19647 .elementor-element.elementor-element-c08cda2 {
    --display: flex;
    --flex-direction: row;
    --container-widget-width: calc((1 - var(--container-widget-flex-grow)) * 100%);
    --container-widget-height: 100%;
    --container-widget-flex-grow: 1;
    --container-widget-align-self: stretch;
    --flex-wrap-mobile: wrap;
    --align-items: flex-start;
    --gap: 0px 0px;
    --overflow: hidden;
    --background-transition: 0.3s;
    --padding-top: 81px;
    --padding-bottom: 0px;
    --padding-left: 20px;
    --padding-right: 20px;
}
.elementor-element {
    --flex-direction: initial;
    --flex-wrap: initial;
    --justify-content: initial;
    --align-items: initial;
    --align-content: initial;
    --gap: initial;
    --flex-basis: initial;
    --flex-grow: initial;
    --flex-shrink: initial;
    --order: initial;
    --align-self: initial;
    flex-basis: var(--flex-basis);
    flex-grow: var(--flex-grow);
    flex-shrink: var(--flex-shrink);
    order: var(--order);
    align-self: var(--align-self);
}

.e-con.e-con > .e-con-inner > .elementor-widget, .elementor.elementor .e-con > .elementor-widget {
    max-width: 100%;
}

.elementor-element-c99cc26{
    margin-top:70px;
}

.e-con .elementor-widget.elementor-widget {
    margin-block-end: 0;
}

.elementor-widget:not(:last-child) {
    margin-block-end: 20px;
}

.e-con .elementor-widget {
    min-width: 0;
}

.elementor-widget:not(:last-child) {
    margin-bottom: 20px;
}
.elementor-19647 .elementor-element.elementor-element-7f91ec7 > .elementor-widget-container {
    margin: 0px 0px 14px 0px;
    padding: 0px 0px 0px 25px;
}

.e-con > .e-con-inner > .elementor-widget > .elementor-widget-container, .e-con > .elementor-widget > .elementor-widget-container {
    height: 100%;
}

.elementor-element .elementor-widget-container {
    transition: background .3s, border .3s, border-radius .3s, box-shadow .3s, transform var(--e-transform-transition-duration, .4s);
}

.elementor *, .elementor :after, .elementor :before {
    box-sizing: border-box;
}

.elementor-element * {
    scrollbar-width: auto;
    scrollbar-color: #137eb7 #123e7f;
}
.elementor-element, .elementor-lightbox {
    --swiper-theme-color: #000;
    --swiper-navigation-size: 44px;
    --swiper-pagination-bullet-size: 6px;
    --swiper-pagination-bullet-horizontal-gap: 6px;
}

.elementor-element {
    --widgets-spacing: 20px 20px;
}
.elementor-widget-image-box .elementor-image-box-img {
    position: relative;
    overflow: hidden;
    border-radius: 32px;
}
.e-con {
    --container-max-width: 1530px;
}
@media (min-width: 768px) {
    .md\:w-2\/3 {
        width: 66.666667%;
    }
}
.e-con .elementor-widget {
    min-width: 0;
}

.elementor-widget:not(:last-child) {
    margin-bottom: 20px;
}
.top-bar li, #header li, .footer li {
    list-style: none;
}
.footer ul {
    padding: 0;
    margin: 0;
}
.top-logo {
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
/*    .top-logo .logo__content {
        padding-left: 10px;
    }*/
        .top-logo .logo__content h2 {
            font-size: 16px;
            color: #42c1c7;
            margin-bottom: 5px;
            line-height:10px;
        }
            .top-logo .logo__content h2 span {
                color: #fdd381;
            }
        .top-logo .logo__content > span {
            color: #b7b7b7;
            font-size: 11px;
        }
.header-search-form {
    position: relative;
    margin-right: 10px;
}
.header-search-form input {
    border: none;
    border-radius: 4px;
    height: 30px;
    font-size: 14px;
    padding-right: 25px;
    padding-left: 8px;
}
.header-search-form button {
    position: absolute;
    right: 0;
    top: 0;
    height: 30px;
    width: 30px;
    border: none;
}
/*.container{padding: 0;}*/

.e-con.e-con > .e-con-inner > .elementor-widget, .elementor.elementor .e-con > .elementor-widget {
    max-width: 100%;
}
.e-con > .e-con-inner > .elementor-widget > .elementor-widget-container, .e-con > .elementor-widget > .elementor-widget-container {
    height: 100%;
}
.elementor-element .elementor-widget-container {
    transition: background .3s, border .3s, border-radius .3s, box-shadow .3s, transform var(--e-transform-transition-duration, .4s);
}
.elementor-widget {
    position: relative;
}
.elementor-element {
    --widgets-spacing: 20px 20px;
}
.elementor-19647 .elementor-element.elementor-element-84611cd.e-con {
    --flex-grow: 0;
    --flex-shrink: 0;
}
.elementor-image-box-description .button-new {
    display: flex;
    align-items: center;
    color: #15bef0 !important;
    position: relative;
    width: fit-content;
}
.right-icon {
    display: block;
    width: 12px;
    height: 12px;
    left: 0;
    top: 0;
    background-image: url(/assets/ic-right.svg);
    background-size: contain;
    background-repeat: no-repeat;
    margin-left: 7px;
}

.elementor-19647 .elementor-element.elementor-element-84611cd {
    --display: flex;
    --gap: 0px 0px;
    --background-transition: 0.3s;
    --padding-top: 83px;
    --padding-bottom: 0px;
    --padding-left: 0px;
    --padding-right: 0px;
}

.e-con-full.e-flex, .e-con.e-flex > .e-con-inner {
    flex-direction: var(--flex-direction);
}

.e-con.e-flex {
    --flex-direction: column;
    --flex-basis: auto;
    --flex-grow: 0;
    --flex-shrink: 1;
    flex: var(--flex-grow) var(--flex-shrink) var(--flex-basis);
}

.elementor-element, .elementor-lightbox {
    --swiper-theme-color: #000;
    --swiper-navigation-size: 44px;
    --swiper-pagination-bullet-size: 6px;
    --swiper-pagination-bullet-horizontal-gap: 6px;
}

.elementor-element {
    --widgets-spacing: 20px 20px;
}
.elementor-19647 .elementor-element.elementor-element-db8d7ab {
    --display: flex;
    --gap: 0px 0px;
    --background-transition: 0.3s;
    --padding-top: 10px;
    --padding-bottom: 0px;
    --padding-left: 0px;
    --padding-right: 0px;
}
.elementor-19647 .elementor-element.elementor-element-46be0a2 > .elementor-widget-container {
    margin-top: 100px;
}
.elementor-19647 .elementor-element.elementor-element-46be0a2:first-child > .elementor-widget-container {
    margin-top: 0px;
}
.e-con-full.e-flex, .e-con.e-flex > .e-con-inner {
    flex-direction: var(--flex-direction);
    gap: 100px;
}
.elementor-image-box-content {
    padding-left: 30px;
    padding-top:10px;
}
    .elementor-image-box-content h3{
        font-size:20px;
    }

    .e-con-full, .e-con > .e-con-inner {
        text-align: var(--text-align);
        padding-block-start: var(--padding-block-start);
        padding-block-end: var(--padding-block-end);
    }

.e-con {
    --border-radius: 0;
    --border-top-width: 0px;
    --border-right-width: 0px;
    --border-bottom-width: 0px;
    --border-left-width: 0px;
    --border-style: initial;
    --border-color: initial;
    --container-widget-width: 100%;
    --container-widget-height: initial;
    --container-widget-flex-grow: 0;
    --container-widget-align-self: initial;
    --content-width: min(100%, var(--container-max-width, 1140px));
    --width: 100%;
    --min-height: initial;
    --height: auto;
    --text-align: initial;
    --margin-top: 0px;
    --margin-right: 0px;
    --margin-bottom: 0px;
    --margin-left: 0px;
    --padding-top: var(--container-default-padding-top, 10px);
    --padding-right: var(--container-default-padding-right, 10px);
    --padding-bottom: var(--container-default-padding-bottom, 10px);
    --padding-left: var(--container-default-padding-left, 10px);
    --position: relative;
    --z-index: revert;
    --overflow: visible;
    --gap: var(--widgets-spacing, 20px);
    --overlay-mix-blend-mode: initial;
    --overlay-opacity: 1;
    --overlay-transition: 0.3s;
    --e-con-grid-template-columns: repeat(3, 1fr);
    --e-con-grid-template-rows: repeat(2, 1fr);
    position: var(--position);
    width: var(--width);
    min-width: 0;
    min-height: var(--min-height);
    height: var(--height);
    border-radius: var(--border-radius);
    z-index: var(--z-index);
    overflow: var(--overflow);
    transition: background var(--background-transition, .3s), border var(--border-transition, .3s), box-shadow var(--border-transition, .3s), transform var(--e-con-transform-transition-duration, .4s);
    --flex-wrap-mobile: wrap;
    margin-block-start: var(--margin-block-start);
    margin-inline-end: var(--margin-inline-end);
    margin-block-end: var(--margin-block-end);
    margin-inline-start: var(--margin-inline-start);
    padding-inline-start: var(--padding-inline-start);
    padding-inline-end: var(--padding-inline-end);
    --margin-block-start: var(--margin-top);
    Show all properties (11 more)
}

.elementor-element:where(.e-con-full,.elementor-widget) {
    flex-direction: var(--flex-direction);
    flex-wrap: var(--flex-wrap);
    justify-content: var(--justify-content);
    align-items: var(--align-items);
    align-content: var(--align-content);
    gap: var(--gap);
}

.elementor-element {
    --flex-direction: initial;
    --flex-wrap: initial;
    --justify-content: initial;
    --align-items: initial;
    --align-content: initial;
    --gap: initial;
    --flex-basis: initial;
    --flex-grow: initial;
    --flex-shrink: initial;
    --order: initial;
    --align-self: initial;
    flex-basis: var(--flex-basis);
    flex-grow: var(--flex-grow);
    flex-shrink: var(--flex-shrink);
    order: var(--order);
    align-self: var(--align-self);
}

.elementor *, .elementor :after, .elementor :before {
    box-sizing: border-box;
}

.elementor-element * {
    scrollbar-width: auto;
    scrollbar-color: #137eb7 #123e7f;
}
.font-20 {
    font-size:20px!important;
}
.tru-cot-title {
    font-size: 22px !important;
    margin-top: -60px;
    margin-bottom: 20px;
}
.values-swiper-item{
    max-height:400px;
}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
.values-swiper-item{
    max-height:400px;
}

.block-section-content {
    padding: 20px 0;
}
/*
! tailwindcss v3.4.4 | MIT License | https://tailwindcss.com
*/
*, :after, :before {
    box-sizing: border-box;
    border: 0 solid #eee
}

:after, :before {
    --tw-content: ""
}

:host, html {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4;
    font-family: Roboto,sans-serif;
    font-feature-settings: normal;
    font-variation-settings: normal;
    -webkit-tap-highlight-color: transparent
}

body {
    margin: 0;
    line-height: inherit
}

hr {
    height: 0;
    color: inherit;
    border-top-width: 1px
}

abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

h1, h2, h3, h4, h5, h6 {
    font-size: inherit;
    font-weight: inherit
}

a {
    color: inherit;
    text-decoration: inherit
}

b, strong {
    font-weight: bolder
}

code, kbd, pre, samp {
    font-family: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;
    font-feature-settings: normal;
    font-variation-settings: normal;
    font-size: 1em
}

small {
    font-size: 80%
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse
}

button, input, optgroup, select, textarea {
    font-family: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    font-size: 100%;
    font-weight: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    color: inherit;
    margin: 0;
    padding: 0
}

button, select {
    text-transform: none
}

button, input:where([type=button]), input:where([type=reset]), input:where([type=submit]) {
    -webkit-appearance: button;
    background-color: transparent;
    background-image: none
}

:-moz-focusring {
    outline: auto
}

:-moz-ui-invalid {
    box-shadow: none
}

progress {
    vertical-align: baseline
}

::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

summary {
    display: list-item
}

blockquote, dd, dl, figure, h1, h2, h3, h4, h5, h6, hr, p, pre {
    margin: 0
}

fieldset {
    margin: 0
}

fieldset, legend {
    padding: 0
}

menu, ol, ul {
    list-style: none;
    margin: 0;
    padding: 0
}

dialog {
    padding: 0
}

textarea {
    resize: vertical
}

    input::-moz-placeholder, textarea::-moz-placeholder {
        opacity: 1;
        color: #bdbdbd
    }

    input::placeholder, textarea::placeholder {
        opacity: 1;
        color: #bdbdbd
    }

[role=button], button {
    cursor: pointer
}

:disabled {
    cursor: default
}

audio, canvas, embed, iframe, img, object, svg, video {
    display: block;
    vertical-align: middle
}

img, video {
    max-width: 100%;
    height: auto
}

[hidden] {
    display: none
}

:root {
    --primary-color: #182d57;
    --secondary-color: #febc11;
    --blue: #5ccbff;
    --normal-text: #4d4d4d;
    --placeholder: #ccc;
    --disable: #e6e7e8;
    --shadow-hover: 1px 1px 10px 0px hsla(0,0%,40%,.25);
    --shadow: 3px 3px 12.9px 0px hsla(0,0%,80%,.26)
}

*, :after, :before {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x:;
    --tw-pan-y:;
    --tw-pinch-zoom:;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position:;
    --tw-gradient-via-position:;
    --tw-gradient-to-position:;
    --tw-ordinal:;
    --tw-slashed-zero:;
    --tw-numeric-figure:;
    --tw-numeric-spacing:;
    --tw-numeric-fraction:;
    --tw-ring-inset:;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgba(33,150,243,.5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur:;
    --tw-brightness:;
    --tw-contrast:;
    --tw-grayscale:;
    --tw-hue-rotate:;
    --tw-invert:;
    --tw-saturate:;
    --tw-sepia:;
    --tw-drop-shadow:;
    --tw-backdrop-blur:;
    --tw-backdrop-brightness:;
    --tw-backdrop-contrast:;
    --tw-backdrop-grayscale:;
    --tw-backdrop-hue-rotate:;
    --tw-backdrop-invert:;
    --tw-backdrop-opacity:;
    --tw-backdrop-saturate:;
    --tw-backdrop-sepia:;
    --tw-contain-size:;
    --tw-contain-layout:;
    --tw-contain-paint:;
    --tw-contain-style:
}

::backdrop {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x:;
    --tw-pan-y:;
    --tw-pinch-zoom:;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position:;
    --tw-gradient-via-position:;
    --tw-gradient-to-position:;
    --tw-ordinal:;
    --tw-slashed-zero:;
    --tw-numeric-figure:;
    --tw-numeric-spacing:;
    --tw-numeric-fraction:;
    --tw-ring-inset:;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgba(33,150,243,.5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur:;
    --tw-brightness:;
    --tw-contrast:;
    --tw-grayscale:;
    --tw-hue-rotate:;
    --tw-invert:;
    --tw-saturate:;
    --tw-sepia:;
    --tw-drop-shadow:;
    --tw-backdrop-blur:;
    --tw-backdrop-brightness:;
    --tw-backdrop-contrast:;
    --tw-backdrop-grayscale:;
    --tw-backdrop-hue-rotate:;
    --tw-backdrop-invert:;
    --tw-backdrop-opacity:;
    --tw-backdrop-saturate:;
    --tw-backdrop-sepia:;
    --tw-contain-size:;
    --tw-contain-layout:;
    --tw-contain-paint:;
    --tw-contain-style:
}

.container {
    width: 100%
}

@media (min-width: 0px) {
    .container {
        max-width: 0
    }
}

@media (min-width: 576px) {
    .container {
        max-width: 576px
    }
}

@media (min-width: 768px) {
    .container {
        max-width: 768px
    }
}

@media (min-width: 1024px) {
    .container {
        max-width: 1024px
    }
}

@media (min-width: 1280px) {
    .container {
        max-width: 1280px
    }
}

@media (min-width: 1320px) {
    .container {
        max-width: 1320px
    }
}

@media (min-width: 1440px) {
    .container {
        max-width: 1440px
    }
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    white-space: nowrap;
    border-width: 0
}

.pointer-events-none {
    pointer-events: none
}

.pointer-events-auto {
    pointer-events: auto
}

.\!invisible {
    visibility: hidden !important
}

.invisible {
    visibility: hidden
}

.collapse {
    visibility: collapse
}

.static {
    position: static
}

.fixed {
    position: fixed
}

.\!absolute {
    position: absolute !important
}

.absolute {
    position: absolute
}

.relative {
    position: relative
}

.sticky {
    position: sticky
}

.inset-0 {
    inset: 0
}

.\!-right-20 {
    right: -5rem !important
}

.-bottom-10 {
    bottom: -2.5rem
}

.-bottom-5 {
    bottom: -1.25rem
}

.-left-0 {
    left: 0
}

.-left-1 {
    left: -.25rem
}

.-left-12 {
    left: -3rem
}

.-right-0 {
    right: 0
}

.-right-10 {
    right: -2.5rem
}

.-right-16 {
    right: -4rem
}

.-top-1 {
    top: -.25rem
}

.-top-1\.5 {
    top: -.375rem
}

.-top-1\/2 {
    top: -50%
}

.-top-12 {
    top: -3rem
}

.-top-16 {
    top: -4rem
}

.-top-2 {
    top: -.5rem
}

.-top-2\.5 {
    top: -.625rem
}

.bottom-0 {
    bottom: 0
}

.bottom-10 {
    bottom: 2.5rem
}

.bottom-2 {
    bottom: .5rem
}

.bottom-20 {
    bottom: 5rem
}

.bottom-3 {
    bottom: .75rem
}

.bottom-4 {
    bottom: 1rem
}

.bottom-6 {
    bottom: 1.5rem
}

.bottom-\[10\%\] {
    bottom: 10%
}

.bottom-\[14\%\] {
    bottom: 14%
}

.bottom-\[4\%\] {
    bottom: 4%
}

.bottom-\[5\%\] {
    bottom: 5%
}

.left-0 {
    left: 0
}

.left-1 {
    left: .25rem
}

.left-1\.5 {
    left: .375rem
}

.left-1\/2 {
    left: 50%
}

.left-10 {
    left: 2.5rem
}

.left-12 {
    left: 3rem
}

.left-2 {
    left: .5rem
}

.left-2\/4 {
    left: 50%
}

.left-3 {
    left: .75rem
}

.left-4 {
    left: 1rem
}

.left-5 {
    left: 1.25rem
}

.left-6 {
    left: 1.5rem
}

.left-\[14\%\] {
    left: 14%
}

.left-\[2\%\] {
    left: 2%
}

.right-0 {
    right: 0
}

.right-1 {
    right: .25rem
}

.right-2 {
    right: .5rem
}

.right-3 {
    right: .75rem
}

.right-4 {
    right: 1rem
}

.right-5 {
    right: 1.25rem
}

.right-6 {
    right: 1.5rem
}

.right-\[14\%\] {
    right: 14%
}

.right-\[2\%\] {
    right: 2%
}

.start-1\/2 {
    inset-inline-start: 50%
}

.top-0 {
    top: 0
}

.top-1 {
    top: .25rem
}

.top-1\/2 {
    top: 50%
}

.top-16 {
    top: 4rem
}

.top-2 {
    top: .5rem
}

.top-2\/4 {
    top: 50%
}

.top-3 {
    top: .75rem
}

.top-4 {
    top: 1rem
}

.top-40 {
    top: 10rem
}

.top-6 {
    top: 1.5rem
}

.top-\[112px\] {
    top: 112px
}

.top-\[120px\] {
    top: 120px
}

.top-\[14\%\] {
    top: 14%
}

.top-\[4\%\] {
    top: 4%
}

.top-\[49\%\] {
    top: 49%
}

.top-\[5\%\] {
    top: 5%
}

.top-\[52px\] {
    top: 52px
}

.z-10 {
    z-index: 10
}

.z-20 {
    z-index: 20
}

.z-50 {
    z-index: 50
}

.z-\[100\] {
    z-index: 100
}

.z-\[2\] {
    z-index: 2
}

.z-\[9995\] {
    z-index: 9995
}

.z-\[9999\] {
    z-index: 9999
}

.z-\[999\] {
    z-index: 999
}

.\!col-span-full {
    grid-column: 1/-1 !important
}

.col-span-1 {
    grid-column: span 1/span 1
}

.col-span-12 {
    grid-column: span 12/span 12
}

.col-span-2 {
    grid-column: span 2/span 2
}

.col-span-3 {
    grid-column: span 3/span 3
}

.col-span-4 {
    grid-column: span 4/span 4
}

.col-span-5 {
    grid-column: span 5/span 5
}

.col-span-6 {
    grid-column: span 6/span 6
}

.col-span-7 {
    grid-column: span 7/span 7
}

.col-span-9 {
    grid-column: span 9/span 9
}

.col-span-full {
    grid-column: 1/-1
}

.col-start-2 {
    grid-column-start: 2
}

.col-start-3 {
    grid-column-start: 3
}

.col-start-5 {
    grid-column-start: 5
}

.col-end-11 {
    grid-column-end: 11
}

.col-end-3 {
    grid-column-end: 3
}

.col-end-6 {
    grid-column-end: 6
}

.m-0 {
    margin: 0
}

.m-0\.5 {
    margin: .125rem
}

.m-4 {
    margin: 1rem
}

.\!mx-0 {
    margin-left: 0 !important;
    margin-right: 0 !important
}

.mx-0 {
    margin-left: 0;
    margin-right: 0
}

.mx-2 {
    margin-left: .5rem;
    margin-right: .5rem
}

.mx-4 {
    margin-left: 1rem;
    margin-right: 1rem
}

.mx-auto {
    margin-left: auto;
    margin-right: auto
}

.mx-px {
    margin-left: 1px;
    margin-right: 1px
}

.my-8 {
    margin-top: 2rem;
    margin-bottom: 2rem
}

.my-auto {
    margin-top: auto;
    margin-bottom: auto
}

.\!ml-0 {
    margin-left: 0 !important
}

.-ml-1 {
    margin-left: -.25rem
}

.-mt-6 {
    margin-top: -1.5rem
}

.mb-0 {
    margin-bottom: 0
}

.mb-3 {
    margin-bottom: .75rem
}

.mb-4 {
    margin-bottom: 1rem
}

.mb-8 {
    margin-bottom: 2rem
}

.ml-0 {
    margin-left: 0
}

.ml-0\.5 {
    margin-left: .125rem
}

.ml-1 {
    margin-left: .25rem
}

.ml-3 {
    margin-left: .75rem
}

.ml-4 {
    margin-left: 1rem
}

.ml-5 {
    margin-left: 1.25rem
}

.ml-\[18px\] {
    margin-left: 18px
}

.ml-auto {
    margin-left: auto
}

.mr-12 {
    margin-right: 3rem
}

.mr-2 {
    margin-right: .5rem
}

.mr-4 {
    margin-right: 1rem
}

.mr-5 {
    margin-right: 1.25rem
}

.mt-0 {
    margin-top: 0
}

.mt-1 {
    margin-top: .25rem
}

.mt-1\.5 {
    margin-top: .375rem
}

.mt-16 {
    margin-top: 4rem
}

.mt-2 {
    margin-top: .5rem
}

.mt-3 {
    margin-top: .75rem
}

.mt-4 {
    margin-top: 1rem
}

.mt-6 {
    margin-top: 1.5rem
}

.mt-\[130\%\] {
    margin-top: 130%
}

.mt-\[1px\] {
    margin-top: 1px
}

.mt-\[2px\] {
    margin-top: 2px
}

.mt-auto {
    margin-top: auto
}

.mt-px {
    margin-top: 1px
}

.box-border {
    box-sizing: border-box
}

.line-clamp-2 {
    -webkit-line-clamp: 2
}

.line-clamp-2, .line-clamp-3 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical
}

.line-clamp-3 {
    -webkit-line-clamp: 3
}

.line-clamp-6 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 6
}

.block {
    display: block
}

.inline-block {
    display: inline-block
}

.inline {
    display: inline
}

.flex {
    display: flex
}

.inline-flex {
    display: inline-flex
}

.grid {
    display: grid
}

.hidden {
    display: none
}

.aspect-\[0\.9\] {
    aspect-ratio: .9
}

.aspect-\[1\.25\] {
    aspect-ratio: 1.25
}

.aspect-\[1\.28\] {
    aspect-ratio: 1.28
}

.aspect-\[1\.5\] {
    aspect-ratio: 1.5
}

.aspect-\[16\/9\] {
    aspect-ratio: 16/9
}

.aspect-\[2\.375\] {
    aspect-ratio: 2.375
}

.aspect-\[200\/90\] {
    aspect-ratio: 200/90
}

.aspect-\[28\/11\] {
    aspect-ratio: 28/11
}

.aspect-\[2\] {
    aspect-ratio: 2
}

.aspect-\[3\/2\] {
    aspect-ratio: 3/2
}

.aspect-square {
    aspect-ratio: 1/1
}

.size-12 {
    width: 3rem;
    height: 3rem
}

.size-full {
    width: 100%;
    height: 100%
}

.h-0 {
    height: 0
}

.h-0\.5 {
    height: .125rem
}

.h-1 {
    height: .25rem
}

.h-1\.5 {
    height: .375rem
}

.h-10 {
    height: 2.5rem
}

.h-11 {
    height: 2.75rem
}

.h-12 {
    height: 3rem
}

.h-14 {
    height: 3.5rem
}

.h-16 {
    height: 4rem
}

.h-2 {
    height: .5rem
}

.h-2\.5 {
    height: .625rem
}

.h-20 {
    height: 5rem
}

.h-24 {
    height: 6rem
}

.h-3 {
    height: .75rem
}

.h-3\.5 {
    height: .875rem
}

.h-4 {
    height: 1rem
}

.h-4\/5 {
    height: 80%
}

.h-5 {
    height: 1.25rem
}

.h-6 {
    height: 1.5rem
}

.h-7 {
    height: 1.75rem
}

.h-8 {
    height: 2rem
}

.h-9 {
    height: 2.25rem
}

.h-\[100px\] {
    height: 100px
}

.h-\[110px\] {
    height: 110px
}

.h-\[120px\] {
    height: 120px
}

.h-\[140px\] {
    height: 140px
}

.h-\[144px\] {
    height: 144px
}

.h-\[200px\] {
    height: 200px
}

.h-\[220px\] {
    height: 220px
}

.h-\[240px\] {
    height: 240px
}

.h-\[300px\] {
    height: 300px
}

.h-\[343px\] {
    height: 343px
}

.h-\[400px\] {
    height: 400px
}

.h-\[440px\] {
    height: 440px
}

.h-\[54px\] {
    height: 54px
}

.h-\[58px\] {
    height: 58px
}

.h-\[60px\] {
    height: 60px
}

.h-\[70px\] {
    height: 70px
}

.h-\[74px\] {
    height: 74px
}

.h-\[76px\] {
    height: 76px
}

.h-\[80px\] {
    height: 80px
}

.h-\[calc\(100vh-120px\)\] {
    height: calc(100vh - 120px)
}

.h-fit {
    height: -moz-fit-content;
    height: fit-content
}

.h-full {
    height: 100%
}

.h-max {
    height: -moz-max-content;
    height: max-content
}

.h-screen {
    height: 100vh
}

.max-h-16 {
    max-height: 4rem
}

.max-h-96 {
    max-height: 24rem
}

.max-h-\[100vh\] {
    max-height: 100vh
}

.max-h-\[32px\] {
    max-height: 32px
}

.max-h-\[40px\] {
    max-height: 40px
}

.max-h-\[48px\] {
    max-height: 48px
}

.max-h-full {
    max-height: 100%
}

.min-h-14 {
    min-height: 3.5rem
}

.min-h-\[100px\] {
    min-height: 100px
}

.min-h-\[100vh\] {
    min-height: 100vh
}

.min-h-\[12px\] {
    min-height: 12px
}

.min-h-\[200px\] {
    min-height: 200px
}

.min-h-\[24px\] {
    min-height: 24px
}

.min-h-\[48px\] {
    min-height: 48px
}

.min-h-screen {
    min-height: 100vh
}

.\!w-6 {
    width: 1.5rem !important
}

.\!w-full {
    width: 100% !important
}

.w-0 {
    width: 0
}

.w-0\.5 {
    width: .125rem
}

.w-1 {
    width: .25rem
}

.w-1\/3 {
    width: 33.333333%
}

.w-1\/4 {
    width: 25%
}

.w-1\/5 {
    width: 20%
}

.w-10 {
    width: 2.5rem
}

.w-12 {
    width: 3rem
}

.w-14 {
    width: 3.5rem
}

.w-16 {
    width: 4rem
}

.w-2 {
    width: .5rem
}

.w-2\/3 {
    width: 66.666667%
}

.w-2\/5 {
    width: 40%
}

.w-24 {
    width: 6rem
}

.w-3 {
    width: .75rem
}

.w-3\.5 {
    width: .875rem
}

.w-3\/4 {
    width: 75%
}

.w-3\/5 {
    width: 60%
}

.w-32 {
    width: 8rem
}

.w-4 {
    width: 1rem
}

.w-5 {
    width: 1.25rem
}

.w-6 {
    width: 1.5rem
}

.w-7 {
    width: 1.75rem
}

.w-8 {
    width: 2rem
}

.w-9 {
    width: 2.25rem
}

.w-\[100px\] {
    width: 100px
}

.w-\[110px\] {
    width: 110px
}

.w-\[120px\] {
    width: 120px
}

.w-\[140px\] {
    width: 140px
}

.w-\[220px\] {
    width: 220px
}

.w-\[300px\] {
    width: 300px
}

.w-\[400px\] {
    width: 400px
}

.w-\[40px\] {
    width: 40px
}

.w-\[58px\] {
    width: 58px
}

.w-\[60\%\] {
    width: 60%
}

.w-\[60px\] {
    width: 60px
}

.w-\[70px\] {
    width: 70px
}

.w-\[74px\] {
    width: 74px
}

.w-\[82\%\] {
    width: 82%
}

.w-\[84px\] {
    width: 84px
}

.w-\[90\%\] {
    width: 90%
}

.w-\[95\%\] {
    width: 95%
}

.w-fit {
    width: -moz-fit-content;
    width: fit-content
}

.w-full {
    width: 100%
}

.w-max {
    width: -moz-max-content;
    width: max-content
}

.w-screen {
    width: 100vw
}

.\!min-w-\[234px\] {
    min-width: 234px !important
}

.min-w-6 {
    min-width: 1.5rem
}

.min-w-7 {
    min-width: 1.75rem
}

.min-w-\[100vw\] {
    min-width: 100vw
}

.min-w-\[12px\] {
    min-width: 12px
}

.min-w-\[150px\] {
    min-width: 150px
}

.min-w-\[180px\] {
    min-width: 180px
}

.min-w-\[200px\] {
    min-width: 200px
}

.min-w-\[225px\] {
    min-width: 225px
}

.min-w-\[240px\] {
    min-width: 240px
}

.min-w-\[24px\] {
    min-width: 24px
}

.min-w-\[48px\] {
    min-width: 48px
}

.min-w-\[80\%\] {
    min-width: 80%
}

.min-w-\[90\%\] {
    min-width: 90%
}

.min-w-\[95\%\] {
    min-width: 95%
}

.max-w-16 {
    max-width: 4rem
}

.max-w-\[100vw\] {
    max-width: 100vw
}

.max-w-\[200px\] {
    max-width: 200px
}

.max-w-\[32px\] {
    max-width: 32px
}

.max-w-\[40px\] {
    max-width: 40px
}

.max-w-\[48px\] {
    max-width: 48px
}

.max-w-\[80\%\] {
    max-width: 80%
}

.max-w-\[90\%\] {
    max-width: 90%
}

.max-w-\[95\%\] {
    max-width: 95%
}

.max-w-full {
    max-width: 100%
}

.max-w-screen-2xl {
    max-width: 1320px
}

.flex-1 {
    flex: 1 1 0%
}

.flex-none {
    flex: none
}

.flex-shrink-0 {
    flex-shrink: 0
}

.shrink {
    flex-shrink: 1
}

.shrink-0 {
    flex-shrink: 0
}

.grow {
    flex-grow: 1
}

.basis-full {
    flex-basis: 100%
}

.-translate-x-1\/2 {
    --tw-translate-x: -50%
}

.-translate-x-10, .-translate-x-1\/2 {
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.-translate-x-10 {
    --tw-translate-x: -2.5rem
}

.-translate-x-2\/4 {
    --tw-translate-x: -50%
}

.-translate-x-2\/4, .-translate-x-\[20px\] {
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.-translate-x-\[20px\] {
    --tw-translate-x: -20px
}

.-translate-x-\[91\%\] {
    --tw-translate-x: -91%
}

.-translate-x-\[91\%\], .-translate-y-1\/2 {
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.-translate-y-1\/2 {
    --tw-translate-y: -50%
}

.-translate-y-1\/3 {
    --tw-translate-y: -33.333333%
}

.-translate-y-1\/3, .-translate-y-1\/4 {
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.-translate-y-1\/4 {
    --tw-translate-y: -25%
}

.-translate-y-2\/4 {
    --tw-translate-y: -50%
}

.-translate-y-2\/4, .-translate-y-full {
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.-translate-y-full {
    --tw-translate-y: -100%
}

.translate-x-0 {
    --tw-translate-x: 0px;
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.translate-x-1\/2, .translate-x-2\/4 {
    --tw-translate-x: 50%
}

.translate-x-1\/2, .translate-x-2\/4, .translate-x-\[120\%\] {
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.translate-x-\[120\%\] {
    --tw-translate-x: 120%
}

.translate-x-\[91\%\] {
    --tw-translate-x: 91%
}

.translate-x-\[91\%\], .translate-x-full {
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.translate-x-full {
    --tw-translate-x: 100%
}

.translate-y-1\/3 {
    --tw-translate-y: 33.333333%
}

.translate-y-1\/3, .translate-y-2\/4 {
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.translate-y-2\/4 {
    --tw-translate-y: 50%
}

.translate-y-\[91\%\] {
    --tw-translate-y: 91%
}

.translate-y-\[91\%\], .translate-y-full {
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.translate-y-full {
    --tw-translate-y: 100%
}

.-rotate-90 {
    --tw-rotate: -90deg
}

.-rotate-90, .rotate-0 {
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.rotate-0 {
    --tw-rotate: 0deg
}

.rotate-180 {
    --tw-rotate: 180deg
}

.rotate-180, .rotate-90 {
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.rotate-90 {
    --tw-rotate: 90deg
}

.scale-100 {
    --tw-scale-x: 1;
    --tw-scale-y: 1
}

.scale-100, .scale-75 {
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.scale-75 {
    --tw-scale-x: .75;
    --tw-scale-y: .75
}

.scale-\[1\.03\] {
    --tw-scale-x: 1.03;
    --tw-scale-y: 1.03
}

.scale-\[1\.03\], .scale-\[1\.05\] {
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.scale-\[1\.05\] {
    --tw-scale-x: 1.05;
    --tw-scale-y: 1.05
}

.scale-x-0 {
    --tw-scale-x: 0
}

.scale-x-0, .scale-x-100 {
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.scale-x-100 {
    --tw-scale-x: 1
}

.transform {
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

@keyframes spin {
    to {
        transform: rotate(1turn)
    }
}

.animate-spin {
    animation: spin 1s linear infinite
}

.cursor-default {
    cursor: default
}

.cursor-not-allowed {
    cursor: not-allowed
}

.cursor-pointer {
    cursor: pointer
}

.select-none {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.\!resize-none {
    resize: none !important
}

.resize-y {
    resize: vertical
}

.\!resize {
    resize: both !important
}

.resize {
    resize: both
}

.appearance-none {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.grid-cols-1 {
    grid-template-columns: repeat(1,minmax(0,1fr))
}

.grid-cols-12 {
    grid-template-columns: repeat(12,minmax(0,1fr))
}

.grid-cols-15 {
    grid-template-columns: repeat(15,minmax(0,1fr))
}

.grid-cols-2 {
    grid-template-columns: repeat(2,minmax(0,1fr))
}

.grid-cols-3 {
    grid-template-columns: repeat(3,minmax(0,1fr))
}

.grid-cols-4 {
    grid-template-columns: repeat(4,minmax(0,1fr))
}

.grid-cols-6 {
    grid-template-columns: repeat(6,minmax(0,1fr))
}

.grid-cols-7 {
    grid-template-columns: repeat(7,minmax(0,1fr))
}

.grid-cols-8 {
    grid-template-columns: repeat(8,minmax(0,1fr))
}

.grid-cols-9 {
    grid-template-columns: repeat(9,minmax(0,1fr))
}

.flex-row {
    flex-direction: row
}

.flex-col {
    flex-direction: column
}

.flex-col-reverse {
    flex-direction: column-reverse
}

.flex-wrap {
    flex-wrap: wrap
}

.flex-nowrap {
    flex-wrap: nowrap
}

.place-items-center {
    place-items: center
}

.items-start {
    align-items: flex-start
}

.items-end {
    align-items: flex-end
}

.items-center {
    align-items: center
}

.justify-start {
    justify-content: flex-start
}

.justify-end {
    justify-content: flex-end
}

.justify-center {
    justify-content: center
}

.justify-between {
    justify-content: space-between
}

.\!gap-0 {
    gap: 0 !important
}

.gap-1 {
    gap: .25rem
}

.gap-10 {
    gap: 2.5rem
}

.gap-12 {
    gap: 3rem
}

.gap-2 {
    gap: .5rem
}

.gap-3 {
    gap: .75rem
}

.gap-4 {
    gap: 1rem
}

.gap-5 {
    gap: 1.25rem
}

.gap-6 {
    gap: 1.5rem
}

.gap-8 {
    gap: 2rem
}

.gap-9 {
    gap: 2.25rem
}

.divide-x > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-x-reverse: 0;
    border-right-width: calc(1px * var(--tw-divide-x-reverse));
    border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)))
}

.divide-amber-600 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgb(255 179 0/var(--tw-divide-opacity))
}

.divide-blue-600 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgb(30 136 229/var(--tw-divide-opacity))
}

.divide-blue-gray-50 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgb(236 239 241/var(--tw-divide-opacity))
}

.divide-blue-gray-600 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgb(84 110 122/var(--tw-divide-opacity))
}

.divide-brown-600 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgb(109 76 65/var(--tw-divide-opacity))
}

.divide-cyan-600 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgb(0 172 193/var(--tw-divide-opacity))
}

.divide-deep-orange-600 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgb(244 81 30/var(--tw-divide-opacity))
}

.divide-deep-purple-600 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgb(94 53 177/var(--tw-divide-opacity))
}

.divide-gray-800 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgb(66 66 66/var(--tw-divide-opacity))
}

.divide-green-600 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgb(67 160 71/var(--tw-divide-opacity))
}

.divide-indigo-600 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgb(57 73 171/var(--tw-divide-opacity))
}

.divide-light-blue-600 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgb(3 155 229/var(--tw-divide-opacity))
}

.divide-light-green-600 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgb(124 179 66/var(--tw-divide-opacity))
}

.divide-lime-600 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgb(192 202 51/var(--tw-divide-opacity))
}

.divide-orange-600 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgb(251 140 0/var(--tw-divide-opacity))
}

.divide-pink-600 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgb(216 27 96/var(--tw-divide-opacity))
}

.divide-purple-600 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgb(142 36 170/var(--tw-divide-opacity))
}

.divide-red-600 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgb(229 57 53/var(--tw-divide-opacity))
}

.divide-teal-600 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgb(0 137 123/var(--tw-divide-opacity))
}

.divide-yellow-600 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgb(253 216 53/var(--tw-divide-opacity))
}

.justify-self-end {
    justify-self: end
}

.overflow-auto {
    overflow: auto
}

.overflow-hidden {
    overflow: hidden
}

.\!overflow-visible {
    overflow: visible !important
}

.overflow-y-auto {
    overflow-y: auto
}

.overflow-x-hidden {
    overflow-x: hidden
}

.overflow-y-hidden {
    overflow-y: hidden
}

.overflow-y-scroll {
    overflow-y: scroll
}

.truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.whitespace-normal {
    white-space: normal
}

.whitespace-nowrap {
    white-space: nowrap
}

.whitespace-pre-line {
    white-space: pre-line
}

.text-nowrap {
    text-wrap: nowrap
}

.break-words {
    overflow-wrap: break-word
}

.break-all {
    word-break: break-all
}

.\!rounded-full {
    border-radius: 9999px !important
}

.\!rounded-none {
    border-radius: 0 !important
}

.rounded {
    border-radius: .25rem
}

.rounded-2xl {
    border-radius: 1rem
}

.rounded-3xl {
    border-radius: 1.5rem
}

.rounded-\[12px\] {
    border-radius: 12px
}

.rounded-\[16px\] {
    border-radius: 16px
}

.rounded-\[20px\] {
    border-radius: 20px
}

.rounded-\[24px\] {
    border-radius: 24px
}

.rounded-\[32px\] {
    border-radius: 32px
}

.rounded-\[7px\] {
    border-radius: 7px
}

.rounded-full {
    border-radius: 9999px
}

.rounded-lg {
    border-radius: .5rem
}

.rounded-md {
    border-radius: .375rem
}

.rounded-none {
    border-radius: 0
}

.rounded-xl {
    border-radius: .75rem
}

.rounded-b {
    border-bottom-right-radius: .25rem;
    border-bottom-left-radius: .25rem
}

.rounded-b-2xl {
    border-bottom-right-radius: 1rem;
    border-bottom-left-radius: 1rem
}

.rounded-l-full {
    border-top-left-radius: 9999px;
    border-bottom-left-radius: 9999px
}

.rounded-l-none {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.rounded-r-\[24px\] {
    border-top-right-radius: 24px;
    border-bottom-right-radius: 24px
}

.rounded-r-none {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.rounded-t {
    border-top-right-radius: .25rem
}

.rounded-t, .rounded-tl {
    border-top-left-radius: .25rem
}

.rounded-tr {
    border-top-right-radius: .25rem
}

.border {
    border-width: 1px
}

.border-2 {
    border-width: 2px
}

.border-\[0px\] {
    border-width: 0
}

.border-\[3px\] {
    border-width: 3px
}

.border-\[4px\] {
    border-width: 4px
}

.border-b {
    border-bottom-width: 1px
}

.border-l-2 {
    border-left-width: 2px
}

.border-r {
    border-right-width: 1px
}

.border-r-0 {
    border-right-width: 0
}

.border-r-2 {
    border-right-width: 2px
}

.border-t {
    border-top-width: 1px
}

.border-t-2 {
    border-top-width: 2px
}

.border-none {
    border-style: none
}

.\!border-black {
    --tw-border-opacity: 1 !important;
    border-color: rgb(0 0 0/var(--tw-border-opacity)) !important
}

.\!border-primary {
    border-color: var(--primary-color) !important
}

.\!border-white {
    --tw-border-opacity: 1 !important;
    border-color: rgb(255 255 255/var(--tw-border-opacity)) !important
}

.border-\[\#3358A2\] {
    --tw-border-opacity: 1;
    border-color: rgb(51 88 162/var(--tw-border-opacity))
}

.border-\[\#4D4D4D\] {
    --tw-border-opacity: 1;
    border-color: rgb(77 77 77/var(--tw-border-opacity))
}

.border-\[\#CCCCCC\], .border-\[\#CCC\] {
    --tw-border-opacity: 1;
    border-color: rgb(204 204 204/var(--tw-border-opacity))
}

.border-\[\#F2F2F2\] {
    --tw-border-opacity: 1;
    border-color: rgb(242 242 242/var(--tw-border-opacity))
}

.border-amber-500 {
    --tw-border-opacity: 1;
    border-color: rgb(255 193 7/var(--tw-border-opacity))
}

.border-black {
    --tw-border-opacity: 1;
    border-color: rgb(0 0 0/var(--tw-border-opacity))
}

.border-blue-500 {
    --tw-border-opacity: 1;
    border-color: rgb(33 150 243/var(--tw-border-opacity))
}

.border-blue-gray-100 {
    --tw-border-opacity: 1;
    border-color: rgb(207 216 220/var(--tw-border-opacity))
}

.border-blue-gray-200 {
    --tw-border-opacity: 1;
    border-color: rgb(176 190 197/var(--tw-border-opacity))
}

.border-blue-gray-50 {
    --tw-border-opacity: 1;
    border-color: rgb(236 239 241/var(--tw-border-opacity))
}

.border-blue-gray-500 {
    --tw-border-opacity: 1;
    border-color: rgb(96 125 139/var(--tw-border-opacity))
}

.border-brown-500 {
    --tw-border-opacity: 1;
    border-color: rgb(121 85 72/var(--tw-border-opacity))
}

.border-cyan-500 {
    --tw-border-opacity: 1;
    border-color: rgb(0 188 212/var(--tw-border-opacity))
}

.border-deep-orange-500 {
    --tw-border-opacity: 1;
    border-color: rgb(255 87 34/var(--tw-border-opacity))
}

.border-deep-purple-500 {
    --tw-border-opacity: 1;
    border-color: rgb(103 58 183/var(--tw-border-opacity))
}

.border-gray-500 {
    --tw-border-opacity: 1;
    border-color: rgb(158 158 158/var(--tw-border-opacity))
}

.border-gray-900 {
    --tw-border-opacity: 1;
    border-color: rgb(33 33 33/var(--tw-border-opacity))
}

.border-green-500 {
    --tw-border-opacity: 1;
    border-color: rgb(76 175 80/var(--tw-border-opacity))
}

.border-indigo-500 {
    --tw-border-opacity: 1;
    border-color: rgb(63 81 181/var(--tw-border-opacity))
}

.border-light-blue-500 {
    --tw-border-opacity: 1;
    border-color: rgb(3 169 244/var(--tw-border-opacity))
}

.border-light-green-500 {
    --tw-border-opacity: 1;
    border-color: rgb(139 195 74/var(--tw-border-opacity))
}

.border-lime-500 {
    --tw-border-opacity: 1;
    border-color: rgb(205 220 57/var(--tw-border-opacity))
}

.border-orange-500 {
    --tw-border-opacity: 1;
    border-color: rgb(255 152 0/var(--tw-border-opacity))
}

.border-pink-500 {
    --tw-border-opacity: 1;
    border-color: rgb(233 30 99/var(--tw-border-opacity))
}

.border-primary {
    border-color: var(--primary-color)
}

.border-purple-500 {
    --tw-border-opacity: 1;
    border-color: rgb(156 39 176/var(--tw-border-opacity))
}

.border-red-500 {
    --tw-border-opacity: 1;
    border-color: rgb(244 67 54/var(--tw-border-opacity))
}

.border-secondary {
    border-color: var(--secondary-color)
}

.border-teal-500 {
    --tw-border-opacity: 1;
    border-color: rgb(0 150 136/var(--tw-border-opacity))
}

.border-transparent {
    border-color: transparent
}

.border-white {
    --tw-border-opacity: 1;
    border-color: rgb(255 255 255/var(--tw-border-opacity))
}

.border-white\/80 {
    border-color: hsla(0,0%,100%,.8)
}

.border-yellow-500 {
    --tw-border-opacity: 1;
    border-color: rgb(255 235 59/var(--tw-border-opacity))
}

.\!border-t-transparent {
    border-top-color: transparent !important
}

.border-b-blue-gray-100 {
    --tw-border-opacity: 1;
    border-bottom-color: rgb(207 216 220/var(--tw-border-opacity))
}

.border-l-transparent {
    border-left-color: transparent
}

.border-r-transparent {
    border-right-color: transparent
}

.border-t-blue-gray-100 {
    --tw-border-opacity: 1;
    border-top-color: rgb(207 216 220/var(--tw-border-opacity))
}

.border-t-transparent {
    border-top-color: transparent
}

.bg-\[\#223F7A\] {
    --tw-bg-opacity: 1;
    background-color: rgb(34 63 122/var(--tw-bg-opacity))
}

.bg-\[\#EDF9FF\] {
    --tw-bg-opacity: 1;
    background-color: rgb(237 249 255/var(--tw-bg-opacity))
}

.bg-\[\#FFF7D3\] {
    --tw-bg-opacity: 1;
    background-color: rgb(255 247 211/var(--tw-bg-opacity))
}

.bg-amber-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(255 193 7/var(--tw-bg-opacity))
}

.bg-amber-500\/10 {
    background-color: rgba(255,193,7,.1)
}

.bg-amber-500\/20 {
    background-color: rgba(255,193,7,.2)
}

.bg-black {
    --tw-bg-opacity: 1;
    background-color: rgb(0 0 0/var(--tw-bg-opacity))
}

.bg-blue {
    background-color: var(--blue)
}

.bg-blue-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(33 150 243/var(--tw-bg-opacity))
}

.bg-blue-500\/10 {
    background-color: rgba(33,150,243,.1)
}

.bg-blue-500\/20 {
    background-color: rgba(33,150,243,.2)
}

.bg-blue-gray-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(207 216 220/var(--tw-bg-opacity))
}

.bg-blue-gray-50 {
    --tw-bg-opacity: 1;
    background-color: rgb(236 239 241/var(--tw-bg-opacity))
}

.bg-blue-gray-50\/50 {
    background-color: rgba(236,239,241,.5)
}

.bg-blue-gray-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(96 125 139/var(--tw-bg-opacity))
}

.bg-blue-gray-500\/10 {
    background-color: rgba(96,125,139,.1)
}

.bg-blue-gray-500\/20 {
    background-color: rgba(96,125,139,.2)
}

.bg-brown-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(121 85 72/var(--tw-bg-opacity))
}

.bg-brown-500\/10 {
    background-color: rgba(121,85,72,.1)
}

.bg-brown-500\/20 {
    background-color: rgba(121,85,72,.2)
}

.bg-current {
    background-color: currentColor
}

.bg-cyan-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(0 188 212/var(--tw-bg-opacity))
}

.bg-cyan-500\/10 {
    background-color: rgba(0,188,212,.1)
}

.bg-cyan-500\/20 {
    background-color: rgba(0,188,212,.2)
}

.bg-deep-orange-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(255 87 34/var(--tw-bg-opacity))
}

.bg-deep-orange-500\/10 {
    background-color: rgba(255,87,34,.1)
}

.bg-deep-orange-500\/20 {
    background-color: rgba(255,87,34,.2)
}

.bg-deep-purple-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(103 58 183/var(--tw-bg-opacity))
}

.bg-deep-purple-500\/10 {
    background-color: rgba(103,58,183,.1)
}

.bg-deep-purple-500\/20 {
    background-color: rgba(103,58,183,.2)
}

.bg-gray-300 {
    --tw-bg-opacity: 1;
    background-color: rgb(224 224 224/var(--tw-bg-opacity))
}

.bg-gray-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(158 158 158/var(--tw-bg-opacity))
}

.bg-gray-900 {
    --tw-bg-opacity: 1;
    background-color: rgb(33 33 33/var(--tw-bg-opacity))
}

.bg-gray-900\/10 {
    background-color: rgba(33,33,33,.1)
}

.bg-green-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(76 175 80/var(--tw-bg-opacity))
}

.bg-green-500\/10 {
    background-color: rgba(76,175,80,.1)
}

.bg-green-500\/20 {
    background-color: rgba(76,175,80,.2)
}

.bg-indigo-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(63 81 181/var(--tw-bg-opacity))
}

.bg-indigo-500\/10 {
    background-color: rgba(63,81,181,.1)
}

.bg-indigo-500\/20 {
    background-color: rgba(63,81,181,.2)
}

.bg-light-blue-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(3 169 244/var(--tw-bg-opacity))
}

.bg-light-blue-500\/10 {
    background-color: rgba(3,169,244,.1)
}

.bg-light-blue-500\/20 {
    background-color: rgba(3,169,244,.2)
}

.bg-light-green-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(139 195 74/var(--tw-bg-opacity))
}

.bg-light-green-500\/10 {
    background-color: rgba(139,195,74,.1)
}

.bg-light-green-500\/20 {
    background-color: rgba(139,195,74,.2)
}

.bg-lime-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(205 220 57/var(--tw-bg-opacity))
}

.bg-lime-500\/10 {
    background-color: rgba(205,220,57,.1)
}

.bg-lime-500\/20 {
    background-color: rgba(205,220,57,.2)
}

.bg-orange-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(255 152 0/var(--tw-bg-opacity))
}

.bg-orange-500\/10 {
    background-color: rgba(255,152,0,.1)
}

.bg-orange-500\/20 {
    background-color: rgba(255,152,0,.2)
}

.bg-pink-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(233 30 99/var(--tw-bg-opacity))
}

.bg-pink-500\/10 {
    background-color: rgba(233,30,99,.1)
}

.bg-pink-500\/20 {
    background-color: rgba(233,30,99,.2)
}

.bg-primary {
    background-color: var(--primary-color)
}

.bg-purple-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(156 39 176/var(--tw-bg-opacity))
}

.bg-purple-500\/10 {
    background-color: rgba(156,39,176,.1)
}

.bg-purple-500\/20 {
    background-color: rgba(156,39,176,.2)
}

.bg-red-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(244 67 54/var(--tw-bg-opacity))
}

.bg-red-500\/10 {
    background-color: rgba(244,67,54,.1)
}

.bg-red-500\/20 {
    background-color: rgba(244,67,54,.2)
}

.bg-secondary {
    background-color: var(--secondary-color)
}

.bg-teal-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(0 150 136/var(--tw-bg-opacity))
}

.bg-teal-500\/10 {
    background-color: rgba(0,150,136,.1)
}

.bg-teal-500\/20 {
    background-color: rgba(0,150,136,.2)
}

.bg-transparent {
    background-color: transparent
}

.bg-white {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity))
}

.bg-white\/10 {
    background-color: hsla(0,0%,100%,.1)
}

.bg-white\/50 {
    background-color: hsla(0,0%,100%,.5)
}

.bg-yellow-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(255 235 59/var(--tw-bg-opacity))
}

.bg-yellow-500\/10 {
    background-color: rgba(255,235,59,.1)
}

.bg-yellow-500\/20 {
    background-color: rgba(255,235,59,.2)
}

.bg-opacity-30 {
    --tw-bg-opacity: 0.3
}

.bg-opacity-50 {
    --tw-bg-opacity: 0.5
}

.bg-opacity-60 {
    --tw-bg-opacity: 0.6
}

.bg-opacity-80 {
    --tw-bg-opacity: 0.8
}

.bg-gradient-to-t {
    background-image: linear-gradient(to top,var(--tw-gradient-stops))
}

.bg-gradient-to-tr {
    background-image: linear-gradient(to top right,var(--tw-gradient-stops))
}

.from-amber-600 {
    --tw-gradient-from: #ffb300 var(--tw-gradient-from-position);
    --tw-gradient-to: rgba(255,179,0,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to)
}

.from-black\/25 {
    --tw-gradient-from: rgba(0,0,0,.25) var(--tw-gradient-from-position);
    --tw-gradient-to: transparent var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to)
}

.from-blue-600 {
    --tw-gradient-from: #1e88e5 var(--tw-gradient-from-position);
    --tw-gradient-to: rgba(30,136,229,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to)
}

.from-blue-gray-600 {
    --tw-gradient-from: #546e7a var(--tw-gradient-from-position);
    --tw-gradient-to: rgba(84,110,122,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to)
}

.from-brown-600 {
    --tw-gradient-from: #6d4c41 var(--tw-gradient-from-position);
    --tw-gradient-to: rgba(109,76,65,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to)
}

.from-cyan-600 {
    --tw-gradient-from: #00acc1 var(--tw-gradient-from-position);
    --tw-gradient-to: rgba(0,172,193,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to)
}

.from-deep-orange-600 {
    --tw-gradient-from: #f4511e var(--tw-gradient-from-position);
    --tw-gradient-to: rgba(244,81,30,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to)
}

.from-deep-purple-600 {
    --tw-gradient-from: #5e35b1 var(--tw-gradient-from-position);
    --tw-gradient-to: rgba(94,53,177,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to)
}

.from-gray-600 {
    --tw-gradient-from: #757575 var(--tw-gradient-from-position);
    --tw-gradient-to: hsla(0,0%,46%,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to)
}

.from-gray-900 {
    --tw-gradient-from: #212121 var(--tw-gradient-from-position);
    --tw-gradient-to: rgba(33,33,33,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to)
}

.from-green-600 {
    --tw-gradient-from: #43a047 var(--tw-gradient-from-position);
    --tw-gradient-to: rgba(67,160,71,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to)
}

.from-indigo-600 {
    --tw-gradient-from: #3949ab var(--tw-gradient-from-position);
    --tw-gradient-to: rgba(57,73,171,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to)
}

.from-light-blue-600 {
    --tw-gradient-from: #039be5 var(--tw-gradient-from-position);
    --tw-gradient-to: rgba(3,155,229,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to)
}

.from-light-green-600 {
    --tw-gradient-from: #7cb342 var(--tw-gradient-from-position);
    --tw-gradient-to: rgba(124,179,66,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to)
}

.from-lime-600 {
    --tw-gradient-from: #c0ca33 var(--tw-gradient-from-position);
    --tw-gradient-to: rgba(192,202,51,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to)
}

.from-orange-600 {
    --tw-gradient-from: #fb8c00 var(--tw-gradient-from-position);
    --tw-gradient-to: rgba(251,140,0,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to)
}

.from-pink-600 {
    --tw-gradient-from: #d81b60 var(--tw-gradient-from-position);
    --tw-gradient-to: rgba(216,27,96,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to)
}

.from-purple-600 {
    --tw-gradient-from: #8e24aa var(--tw-gradient-from-position);
    --tw-gradient-to: rgba(142,36,170,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to)
}

.from-red-600 {
    --tw-gradient-from: #e53935 var(--tw-gradient-from-position);
    --tw-gradient-to: rgba(229,57,53,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to)
}

.from-teal-600 {
    --tw-gradient-from: #00897b var(--tw-gradient-from-position);
    --tw-gradient-to: rgba(0,137,123,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to)
}

.from-yellow-600 {
    --tw-gradient-from: #fdd835 var(--tw-gradient-from-position);
    --tw-gradient-to: rgba(253,216,53,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to)
}

.to-amber-400 {
    --tw-gradient-to: #ffca28 var(--tw-gradient-to-position)
}

.to-black\/25 {
    --tw-gradient-to: rgba(0,0,0,.25) var(--tw-gradient-to-position)
}

.to-blue-400 {
    --tw-gradient-to: #42a5f5 var(--tw-gradient-to-position)
}

.to-blue-gray-400 {
    --tw-gradient-to: #78909c var(--tw-gradient-to-position)
}

.to-brown-400 {
    --tw-gradient-to: #8d6e63 var(--tw-gradient-to-position)
}

.to-cyan-400 {
    --tw-gradient-to: #26c6da var(--tw-gradient-to-position)
}

.to-deep-orange-400 {
    --tw-gradient-to: #ff7043 var(--tw-gradient-to-position)
}

.to-deep-purple-400 {
    --tw-gradient-to: #7e57c2 var(--tw-gradient-to-position)
}

.to-gray-400 {
    --tw-gradient-to: #bdbdbd var(--tw-gradient-to-position)
}

.to-gray-800 {
    --tw-gradient-to: #424242 var(--tw-gradient-to-position)
}

.to-green-400 {
    --tw-gradient-to: #66bb6a var(--tw-gradient-to-position)
}

.to-indigo-400 {
    --tw-gradient-to: #5c6bc0 var(--tw-gradient-to-position)
}

.to-light-blue-400 {
    --tw-gradient-to: #29b6f6 var(--tw-gradient-to-position)
}

.to-light-green-400 {
    --tw-gradient-to: #9ccc65 var(--tw-gradient-to-position)
}

.to-lime-400 {
    --tw-gradient-to: #d4e157 var(--tw-gradient-to-position)
}

.to-orange-400 {
    --tw-gradient-to: #ffa726 var(--tw-gradient-to-position)
}

.to-pink-400 {
    --tw-gradient-to: #ec407a var(--tw-gradient-to-position)
}

.to-purple-400 {
    --tw-gradient-to: #ab47bc var(--tw-gradient-to-position)
}

.to-red-400 {
    --tw-gradient-to: #ef5350 var(--tw-gradient-to-position)
}

.to-teal-400 {
    --tw-gradient-to: #26a69a var(--tw-gradient-to-position)
}

.to-yellow-400 {
    --tw-gradient-to: #ffee58 var(--tw-gradient-to-position)
}

.bg-clip-border {
    background-clip: border-box
}

.bg-clip-text {
    -webkit-background-clip: text;
    background-clip: text
}

.fill-secondary {
    fill: var(--secondary-color)
}

.stroke-current {
    stroke: currentColor
}

.stroke-\[1px\] {
    stroke-width: 1px
}

.stroke-\[3px\] {
    stroke-width: 3px
}

.object-contain {
    -o-object-fit: contain;
    object-fit: contain
}

.object-cover {
    -o-object-fit: cover;
    object-fit: cover
}

.object-center {
    -o-object-position: center;
    object-position: center
}

.p-0 {
    padding: 0
}

.p-0\.5 {
    padding: .125rem
}

.p-1 {
    padding: .25rem
}

.p-1\.5 {
    padding: .375rem
}

.p-2 {
    padding: .5rem
}

.p-3 {
    padding: .75rem
}

.p-4 {
    padding: 1rem
}

.p-5 {
    padding: 1.25rem
}

.p-6 {
    padding: 1.5rem
}

.p-\[10px\] {
    padding: 10px
}

.p-\[6px\] {
    padding: 6px
}

.px-1 {
    padding-left: .25rem;
    padding-right: .25rem
}

.px-2 {
    padding-left: .5rem;
    padding-right: .5rem
}

.px-3 {
    padding-left: .75rem;
    padding-right: .75rem
}

.px-4 {
    padding-left: 1rem;
    padding-right: 1rem
}

.px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem
}

.px-7 {
    padding-left: 1.75rem;
    padding-right: 1.75rem
}

.px-8 {
    padding-left: 2rem;
    padding-right: 2rem
}

.px-px {
    padding-left: 1px;
    padding-right: 1px
}

.py-1 {
    padding-top: .25rem;
    padding-bottom: .25rem
}

.py-1\.5 {
    padding-top: .375rem;
    padding-bottom: .375rem
}

.py-2 {
    padding-top: .5rem;
    padding-bottom: .5rem
}

.py-2\.5 {
    padding-top: .625rem;
    padding-bottom: .625rem
}

.py-3 {
    padding-top: .75rem;
    padding-bottom: .75rem
}

.py-3\.5 {
    padding-top: .875rem;
    padding-bottom: .875rem
}

.py-4 {
    padding-top: 1rem;
    padding-bottom: 1rem
}

.py-6 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem
}

.py-8 {
    padding-top: 2rem;
    padding-bottom: 2rem
}

.\!pr-7 {
    padding-right: 1.75rem !important
}

.\!pr-9 {
    padding-right: 2.25rem !important
}

.pb-1 {
    padding-bottom: .25rem
}

.pb-1\.5 {
    padding-bottom: .375rem
}

.pb-2 {
    padding-bottom: .5rem
}

.pb-4 {
    padding-bottom: 1rem
}

.pb-7 {
    padding-bottom: 1.75rem
}

.pl-4 {
    padding-left: 1rem
}

.pr-\[0\.55px\] {
    padding-right: .55px
}

.pt-0 {
    padding-top: 0
}

.pt-0\.5 {
    padding-top: .125rem
}

.pt-12 {
    padding-top: 3rem
}

.pt-3 {
    padding-top: .75rem
}

.pt-4 {
    padding-top: 1rem
}

.pt-5 {
    padding-top: 1.25rem
}

.pt-6 {
    padding-top: 1.5rem
}

.pt-\[9px\] {
    padding-top: 9px
}

.pt-px {
    padding-top: 1px
}

.text-left {
    text-align: left
}

.\!text-center {
    text-align: center !important
}

.text-center {
    text-align: center
}

.text-start {
    text-align: start
}

.text-end {
    text-align: end
}

.align-middle {
    vertical-align: middle
}

.font-montserrat {
    font-family: var(--font-montserrat),sans-serif
}

.font-raleway {
    font-family: var(--font-raleway),sans-serif
}

.font-sans {
    font-family: Roboto,sans-serif
}

.\!text-\[10px\] {
    font-size: 10px !important
}

.\!text-\[11px\] {
    font-size: 11px !important
}

.\!text-\[7px\] {
    font-size: 7px !important
}

.\!text-\[9px\] {
    font-size: 9px !important
}

.\!text-sm {
    font-size: .875rem !important;
    line-height: 1.25rem !important
}

.\!text-xs {
    font-size: .75rem !important;
    line-height: 1rem !important
}

.text-2xl {
    font-size: 1.5rem;
    line-height: 2rem
}

.text-3xl {
    font-size: 1.875rem;
    line-height: 2.25rem
}

.text-4xl {
    font-size: 2.25rem;
    line-height: 2.5rem
}

.text-5xl {
    font-size: 3rem;
    line-height: 1
}

.text-\[10px\] {
    font-size: 10px
}

.text-\[11px\] {
    font-size: 11px
}

.text-base {
    font-size: 1rem;
    line-height: 1.5rem
}

.text-sm {
    font-size: .875rem;
    line-height: 1.25rem
}

.text-xl {
    font-size: 1.25rem;
    line-height: 1.75rem
}

.text-xs {
    font-size: .75rem;
    line-height: 1rem
}

.\!font-bold {
    font-weight: 700 !important
}

.font-bold {
    font-weight: 700
}

.font-extrabold {
    font-weight: 800
}

.font-light {
    font-weight: 300
}

.font-medium {
    font-weight: 500
}

.font-normal {
    font-weight: 400
}

.font-semibold {
    font-weight: 600
}

.uppercase {
    text-transform: uppercase
}

.\!leading-\[1\.5\] {
    line-height: 1.5 !important
}

.\!leading-tight {
    line-height: 1.25 !important
}

.leading-\[1\.3\] {
    line-height: 1.3
}

.leading-\[3\.75\] {
    line-height: 3.75
}

.leading-\[4\.1\] {
    line-height: 4.1
}

.leading-\[4\.25\] {
    line-height: 4.25
}

.leading-\[4\.875\] {
    line-height: 4.875
}

.leading-none {
    line-height: 1
}

.leading-normal {
    line-height: 1.5
}

.leading-relaxed {
    line-height: 1.625
}

.leading-snug {
    line-height: 1.375
}

.leading-tight {
    line-height: 1.25
}

.tracking-normal {
    letter-spacing: 0
}

.\!text-black {
    --tw-text-opacity: 1 !important;
    color: rgb(0 0 0/var(--tw-text-opacity)) !important
}

.\!text-primary {
    color: var(--primary-color) !important
}

.\!text-secondary {
    color: var(--secondary-color) !important
}

.\!text-white {
    --tw-text-opacity: 1 !important;
    color: rgb(255 255 255/var(--tw-text-opacity)) !important
}

.text-\[\#3358A2\] {
    --tw-text-opacity: 1;
    color: rgb(51 88 162/var(--tw-text-opacity))
}

.text-\[\#CCC\] {
    --tw-text-opacity: 1;
    color: rgb(204 204 204/var(--tw-text-opacity))
}

.text-amber-500 {
    --tw-text-opacity: 1;
    color: rgb(255 193 7/var(--tw-text-opacity))
}

.text-amber-700 {
    --tw-text-opacity: 1;
    color: rgb(255 160 0/var(--tw-text-opacity))
}

.text-amber-900 {
    --tw-text-opacity: 1;
    color: rgb(255 111 0/var(--tw-text-opacity))
}

.text-black {
    --tw-text-opacity: 1;
    color: rgb(0 0 0/var(--tw-text-opacity))
}

.text-blue {
    color: var(--blue)
}

.text-blue-500 {
    --tw-text-opacity: 1;
    color: rgb(33 150 243/var(--tw-text-opacity))
}

.text-blue-700 {
    --tw-text-opacity: 1;
    color: rgb(25 118 210/var(--tw-text-opacity))
}

.text-blue-900 {
    --tw-text-opacity: 1;
    color: rgb(13 71 161/var(--tw-text-opacity))
}

.text-blue-gray-400 {
    --tw-text-opacity: 1;
    color: rgb(120 144 156/var(--tw-text-opacity))
}

.text-blue-gray-500 {
    --tw-text-opacity: 1;
    color: rgb(96 125 139/var(--tw-text-opacity))
}

.text-blue-gray-700 {
    --tw-text-opacity: 1;
    color: rgb(69 90 100/var(--tw-text-opacity))
}

.text-blue-gray-900 {
    --tw-text-opacity: 1;
    color: rgb(38 50 56/var(--tw-text-opacity))
}

.text-brown-500 {
    --tw-text-opacity: 1;
    color: rgb(121 85 72/var(--tw-text-opacity))
}

.text-brown-700 {
    --tw-text-opacity: 1;
    color: rgb(93 64 55/var(--tw-text-opacity))
}

.text-brown-900 {
    --tw-text-opacity: 1;
    color: rgb(62 39 35/var(--tw-text-opacity))
}

.text-current {
    color: currentColor
}

.text-cyan-500 {
    --tw-text-opacity: 1;
    color: rgb(0 188 212/var(--tw-text-opacity))
}

.text-cyan-700 {
    --tw-text-opacity: 1;
    color: rgb(0 151 167/var(--tw-text-opacity))
}

.text-cyan-900 {
    --tw-text-opacity: 1;
    color: rgb(0 96 100/var(--tw-text-opacity))
}

.text-deep-orange-500 {
    --tw-text-opacity: 1;
    color: rgb(255 87 34/var(--tw-text-opacity))
}

.text-deep-orange-700 {
    --tw-text-opacity: 1;
    color: rgb(230 74 25/var(--tw-text-opacity))
}

.text-deep-orange-900 {
    --tw-text-opacity: 1;
    color: rgb(191 54 12/var(--tw-text-opacity))
}

.text-deep-purple-500 {
    --tw-text-opacity: 1;
    color: rgb(103 58 183/var(--tw-text-opacity))
}

.text-deep-purple-700 {
    --tw-text-opacity: 1;
    color: rgb(81 45 168/var(--tw-text-opacity))
}

.text-deep-purple-900 {
    --tw-text-opacity: 1;
    color: rgb(49 27 146/var(--tw-text-opacity))
}

.text-gray-200 {
    --tw-text-opacity: 1;
    color: rgb(238 238 238/var(--tw-text-opacity))
}

.text-gray-300 {
    --tw-text-opacity: 1;
    color: rgb(224 224 224/var(--tw-text-opacity))
}

.text-gray-400 {
    --tw-text-opacity: 1;
    color: rgb(189 189 189/var(--tw-text-opacity))
}

.text-gray-500 {
    --tw-text-opacity: 1;
    color: rgb(158 158 158/var(--tw-text-opacity))
}

.text-gray-700 {
    --tw-text-opacity: 1;
    color: rgb(97 97 97/var(--tw-text-opacity))
}

.text-gray-900 {
    --tw-text-opacity: 1;
    color: rgb(33 33 33/var(--tw-text-opacity))
}

.text-green-500 {
    --tw-text-opacity: 1;
    color: rgb(76 175 80/var(--tw-text-opacity))
}

.text-green-700 {
    --tw-text-opacity: 1;
    color: rgb(56 142 60/var(--tw-text-opacity))
}

.text-green-900 {
    --tw-text-opacity: 1;
    color: rgb(27 94 32/var(--tw-text-opacity))
}

.text-indigo-500 {
    --tw-text-opacity: 1;
    color: rgb(63 81 181/var(--tw-text-opacity))
}

.text-indigo-700 {
    --tw-text-opacity: 1;
    color: rgb(48 63 159/var(--tw-text-opacity))
}

.text-indigo-900 {
    --tw-text-opacity: 1;
    color: rgb(26 35 126/var(--tw-text-opacity))
}

.text-inherit {
    color: inherit
}

.text-light-blue-500 {
    --tw-text-opacity: 1;
    color: rgb(3 169 244/var(--tw-text-opacity))
}

.text-light-blue-700 {
    --tw-text-opacity: 1;
    color: rgb(2 136 209/var(--tw-text-opacity))
}

.text-light-blue-900 {
    --tw-text-opacity: 1;
    color: rgb(1 87 155/var(--tw-text-opacity))
}

.text-light-green-500 {
    --tw-text-opacity: 1;
    color: rgb(139 195 74/var(--tw-text-opacity))
}

.text-light-green-700 {
    --tw-text-opacity: 1;
    color: rgb(104 159 56/var(--tw-text-opacity))
}

.text-light-green-900 {
    --tw-text-opacity: 1;
    color: rgb(51 105 30/var(--tw-text-opacity))
}

.text-lime-500 {
    --tw-text-opacity: 1;
    color: rgb(205 220 57/var(--tw-text-opacity))
}

.text-lime-700 {
    --tw-text-opacity: 1;
    color: rgb(175 180 43/var(--tw-text-opacity))
}

.text-lime-900 {
    --tw-text-opacity: 1;
    color: rgb(130 119 23/var(--tw-text-opacity))
}

.text-normal {
    color: var(--normal-text)
}

.text-orange-500 {
    --tw-text-opacity: 1;
    color: rgb(255 152 0/var(--tw-text-opacity))
}

.text-orange-700 {
    --tw-text-opacity: 1;
    color: rgb(245 124 0/var(--tw-text-opacity))
}

.text-orange-900 {
    --tw-text-opacity: 1;
    color: rgb(230 81 0/var(--tw-text-opacity))
}

.text-pink-500 {
    --tw-text-opacity: 1;
    color: rgb(233 30 99/var(--tw-text-opacity))
}

.text-pink-700 {
    --tw-text-opacity: 1;
    color: rgb(194 24 91/var(--tw-text-opacity))
}

.text-pink-900 {
    --tw-text-opacity: 1;
    color: rgb(136 14 79/var(--tw-text-opacity))
}

.text-primary {
    color: var(--primary-color)
}

.text-purple-500 {
    --tw-text-opacity: 1;
    color: rgb(156 39 176/var(--tw-text-opacity))
}

.text-purple-700 {
    --tw-text-opacity: 1;
    color: rgb(123 31 162/var(--tw-text-opacity))
}

.text-purple-900 {
    --tw-text-opacity: 1;
    color: rgb(74 20 140/var(--tw-text-opacity))
}

.text-red-500 {
    --tw-text-opacity: 1;
    color: rgb(244 67 54/var(--tw-text-opacity))
}

.text-red-700 {
    --tw-text-opacity: 1;
    color: rgb(211 47 47/var(--tw-text-opacity))
}

.text-red-900 {
    --tw-text-opacity: 1;
    color: rgb(183 28 28/var(--tw-text-opacity))
}

.text-secondary {
    color: var(--secondary-color)
}

.text-teal-500 {
    --tw-text-opacity: 1;
    color: rgb(0 150 136/var(--tw-text-opacity))
}

.text-teal-700 {
    --tw-text-opacity: 1;
    color: rgb(0 121 107/var(--tw-text-opacity))
}

.text-teal-900 {
    --tw-text-opacity: 1;
    color: rgb(0 77 64/var(--tw-text-opacity))
}

.text-transparent {
    color: transparent
}

.text-white {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity))
}

.text-yellow-500 {
    --tw-text-opacity: 1;
    color: rgb(255 235 59/var(--tw-text-opacity))
}

.text-yellow-700 {
    --tw-text-opacity: 1;
    color: rgb(251 192 45/var(--tw-text-opacity))
}

.text-yellow-900 {
    --tw-text-opacity: 1;
    color: rgb(245 127 23/var(--tw-text-opacity))
}

.antialiased {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.placeholder-gray-200::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgb(238 238 238/var(--tw-placeholder-opacity))
}

.placeholder-gray-200::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgb(238 238 238/var(--tw-placeholder-opacity))
}

.placeholder-gray-400::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgb(189 189 189/var(--tw-placeholder-opacity))
}

.placeholder-gray-400::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgb(189 189 189/var(--tw-placeholder-opacity))
}

.opacity-0 {
    opacity: 0
}

.opacity-10 {
    opacity: .1
}

.opacity-100 {
    opacity: 1
}

.opacity-50 {
    opacity: .5
}

.opacity-60 {
    opacity: .6
}

.opacity-70 {
    opacity: .7
}

.shadow {
    --tw-shadow: var(--shadow);
    --tw-shadow-colored: var(--shadow)
}

.shadow, .shadow-2xl {
    box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}

.shadow-2xl {
    --tw-shadow: 0 25px 50px -12px rgba(0,0,0,.25);
    --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color)
}

.shadow-hover {
    --tw-shadow: var(--shadow-hover);
    --tw-shadow-colored: var(--shadow-hover)
}

.shadow-hover, .shadow-lg {
    box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}

.shadow-lg {
    --tw-shadow: 0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)
}

.shadow-md {
    --tw-shadow: 0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);
    --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color)
}

.shadow-md, .shadow-none {
    box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}

.shadow-none {
    --tw-shadow: 0 0 rgb(0,0/0,0);
    --tw-shadow-colored: 0 0 var(--tw-shadow-color)
}

.shadow-amber-500\/20 {
    --tw-shadow-color: rgba(255,193,7,.2);
    --tw-shadow: var(--tw-shadow-colored)
}

.shadow-amber-500\/40 {
    --tw-shadow-color: rgba(255,193,7,.4);
    --tw-shadow: var(--tw-shadow-colored)
}

.shadow-blue-500\/20 {
    --tw-shadow-color: rgba(33,150,243,.2);
    --tw-shadow: var(--tw-shadow-colored)
}

.shadow-blue-500\/40 {
    --tw-shadow-color: rgba(33,150,243,.4);
    --tw-shadow: var(--tw-shadow-colored)
}

.shadow-blue-gray-500\/10 {
    --tw-shadow-color: rgba(96,125,139,.1);
    --tw-shadow: var(--tw-shadow-colored)
}

.shadow-blue-gray-500\/20 {
    --tw-shadow-color: rgba(96,125,139,.2);
    --tw-shadow: var(--tw-shadow-colored)
}

.shadow-blue-gray-500\/40 {
    --tw-shadow-color: rgba(96,125,139,.4);
    --tw-shadow: var(--tw-shadow-colored)
}

.shadow-blue-gray-900\/10 {
    --tw-shadow-color: rgba(38,50,56,.1);
    --tw-shadow: var(--tw-shadow-colored)
}

.shadow-brown-500\/20 {
    --tw-shadow-color: rgba(121,85,72,.2);
    --tw-shadow: var(--tw-shadow-colored)
}

.shadow-brown-500\/40 {
    --tw-shadow-color: rgba(121,85,72,.4);
    --tw-shadow: var(--tw-shadow-colored)
}

.shadow-cyan-500\/20 {
    --tw-shadow-color: rgba(0,188,212,.2);
    --tw-shadow: var(--tw-shadow-colored)
}

.shadow-cyan-500\/40 {
    --tw-shadow-color: rgba(0,188,212,.4);
    --tw-shadow: var(--tw-shadow-colored)
}

.shadow-deep-orange-500\/20 {
    --tw-shadow-color: rgba(255,87,34,.2);
    --tw-shadow: var(--tw-shadow-colored)
}

.shadow-deep-orange-500\/40 {
    --tw-shadow-color: rgba(255,87,34,.4);
    --tw-shadow: var(--tw-shadow-colored)
}

.shadow-deep-purple-500\/20 {
    --tw-shadow-color: rgba(103,58,183,.2);
    --tw-shadow: var(--tw-shadow-colored)
}

.shadow-deep-purple-500\/40 {
    --tw-shadow-color: rgba(103,58,183,.4);
    --tw-shadow: var(--tw-shadow-colored)
}

.shadow-gray-900\/10 {
    --tw-shadow-color: rgba(33,33,33,.1);
    --tw-shadow: var(--tw-shadow-colored)
}

.shadow-gray-900\/20 {
    --tw-shadow-color: rgba(33,33,33,.2);
    --tw-shadow: var(--tw-shadow-colored)
}

.shadow-green-500\/20 {
    --tw-shadow-color: rgba(76,175,80,.2);
    --tw-shadow: var(--tw-shadow-colored)
}

.shadow-green-500\/40 {
    --tw-shadow-color: rgba(76,175,80,.4);
    --tw-shadow: var(--tw-shadow-colored)
}

.shadow-indigo-500\/20 {
    --tw-shadow-color: rgba(63,81,181,.2);
    --tw-shadow: var(--tw-shadow-colored)
}

.shadow-indigo-500\/40 {
    --tw-shadow-color: rgba(63,81,181,.4);
    --tw-shadow: var(--tw-shadow-colored)
}

.shadow-light-blue-500\/20 {
    --tw-shadow-color: rgba(3,169,244,.2);
    --tw-shadow: var(--tw-shadow-colored)
}

.shadow-light-blue-500\/40 {
    --tw-shadow-color: rgba(3,169,244,.4);
    --tw-shadow: var(--tw-shadow-colored)
}

.shadow-light-green-500\/20 {
    --tw-shadow-color: rgba(139,195,74,.2);
    --tw-shadow: var(--tw-shadow-colored)
}

.shadow-light-green-500\/40 {
    --tw-shadow-color: rgba(139,195,74,.4);
    --tw-shadow: var(--tw-shadow-colored)
}

.shadow-lime-500\/20 {
    --tw-shadow-color: rgba(205,220,57,.2);
    --tw-shadow: var(--tw-shadow-colored)
}

.shadow-lime-500\/40 {
    --tw-shadow-color: rgba(205,220,57,.4);
    --tw-shadow: var(--tw-shadow-colored)
}

.shadow-orange-500\/20 {
    --tw-shadow-color: rgba(255,152,0,.2);
    --tw-shadow: var(--tw-shadow-colored)
}

.shadow-orange-500\/40 {
    --tw-shadow-color: rgba(255,152,0,.4);
    --tw-shadow: var(--tw-shadow-colored)
}

.shadow-pink-500\/20 {
    --tw-shadow-color: rgba(233,30,99,.2);
    --tw-shadow: var(--tw-shadow-colored)
}

.shadow-pink-500\/40 {
    --tw-shadow-color: rgba(233,30,99,.4);
    --tw-shadow: var(--tw-shadow-colored)
}

.shadow-purple-500\/20 {
    --tw-shadow-color: rgba(156,39,176,.2);
    --tw-shadow: var(--tw-shadow-colored)
}

.shadow-purple-500\/40 {
    --tw-shadow-color: rgba(156,39,176,.4);
    --tw-shadow: var(--tw-shadow-colored)
}

.shadow-red-500\/20 {
    --tw-shadow-color: rgba(244,67,54,.2);
    --tw-shadow: var(--tw-shadow-colored)
}

.shadow-red-500\/40 {
    --tw-shadow-color: rgba(244,67,54,.4);
    --tw-shadow: var(--tw-shadow-colored)
}

.shadow-teal-500\/20 {
    --tw-shadow-color: rgba(0,150,136,.2);
    --tw-shadow: var(--tw-shadow-colored)
}

.shadow-teal-500\/40 {
    --tw-shadow-color: rgba(0,150,136,.4);
    --tw-shadow: var(--tw-shadow-colored)
}

.shadow-yellow-500\/20 {
    --tw-shadow-color: rgba(255,235,59,.2);
    --tw-shadow: var(--tw-shadow-colored)
}

.shadow-yellow-500\/40 {
    --tw-shadow-color: rgba(255,235,59,.4);
    --tw-shadow: var(--tw-shadow-colored)
}

.outline-none {
    outline: 2px solid transparent;
    outline-offset: 2px
}

.outline {
    outline-style: solid
}

.outline-0 {
    outline-width: 0
}

.filter {
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.backdrop-blur-2xl {
    --tw-backdrop-blur: blur(40px)
}

.backdrop-blur-2xl, .backdrop-blur-sm {
    -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
}

.backdrop-blur-sm {
    --tw-backdrop-blur: blur(4px)
}

.backdrop-saturate-200 {
    --tw-backdrop-saturate: saturate(2);
    -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
}

.transition {
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration: .15s
}

.transition-\[border\] {
    transition-property: border;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration: .15s
}

.transition-all {
    transition-property: all;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration: .15s
}

.transition-colors {
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration: .15s
}

.transition-opacity {
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration: .15s
}

.transition-transform {
    transition-property: transform;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration: .15s
}

.duration-1000 {
    transition-duration: 1s
}

.duration-200 {
    transition-duration: .2s
}

.duration-300 {
    transition-duration: .3s
}

.duration-500 {
    transition-duration: .5s
}

.ease-in-out {
    transition-timing-function: cubic-bezier(.4,0,.2,1)
}

.content-\[\'\'\] {
    --tw-content: "";
    content: var(--tw-content)
}

.\[-webkit-appearance\:none\] {
    -webkit-appearance: none
}

.\[mask-image\:_linear-gradient\(to_right\2c transparent_0\2c _black_60px\2c _black_calc\(100\%-60px\)\2c transparent_100\%\)\] {
    -webkit-mask-image: linear-gradient(90deg,transparent 0,#000 60px,#000 calc(100% - 60px),transparent);
    mask-image: linear-gradient(90deg,transparent 0,#000 60px,#000 calc(100% - 60px),transparent)
}

.noScrollBar::-webkit-scrollbar {
    width: 0;
    height: 0
}

.cm__btn {
    background: var(--linear) !important;
    border: var(--blue) !important;
    color: #fff !important
}

.cm__btn--secondary {
    background: transparent !important;
    color: var(--blue) !important;
    border: 1px solid var(--blue) !important
}

.pm__btn {
    background: var(--linear) !important;
    border: #fff !important;
    color: #fff !important
}

.pm__btn--secondary {
    color: var(--blue) !important;
    background: transparent !important;
    border: 1px solid var(--blue) !important
}

.nav-link {
    position: relative
}

    .nav-link:before {
        content: "";
        position: absolute;
        bottom: 0;
        left: 50%;
        width: 0;
        height: 2px;
        background-color: var(--secondary-color);
        transition: width .4s ease,left .4s ease
    }

.nav-container:hover {
    .nav-link:before

{
    width: 100%;
    left: 0
}

}

.nav-active {
    font-weight: 600;
    position: relative
}

    .nav-active:before {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 2px;
        background-color: var(--secondary-color)
    }

.nav-active--mobile {
    background-color: rgba(0,0,0,.04);
    font-weight: 600 !important
}

.nav-menu-transition {
    transition: transform .5s ease;
    transform: translateX(100%)
}

    .nav-menu-transition.active {
        transform: translateX(0)
    }

.animate-infinite-scroll {
    display: flex;
    width: -moz-max-content;
    width: max-content;
    animation: infinite-scroll 55s linear infinite
}

@keyframes infinite-scroll {
    0% {
        transform: translateX(0)
    }

    to {
        transform: translateX(-100%)
    }
}

.inner-p-gap > p {
    margin-top: 4px
}

.inner-p-gap > h1, .inner-p-gap > h2, .inner-p-gap > h3, .inner-p-gap > h4, .inner-p-gap > h5, .inner-p-gap > h6 {
    margin-top: 16px;
    margin-bottom: 16px;
    font-weight: 700
}

.inner-image-rounded img {
    border-radius: 16px !important;
    margin-top: 8px;
    margin-bottom: 16px
}

@keyframes card-move-1 {
    0% {
        left: 0
    }

    to {
        left: 12.5%
    }
}

@keyframes card-move-2 {
    0% {
        left: 12.5%;
        opacity: 1;
        scale: 1
    }

    50% {
        scale: 1.8
    }

    to {
        left: 50%;
        opacity: 0;
        transform: translateX("-50%")
    }
}

@keyframes card-move-3 {
    0% {
        right: 50%;
        transform: translateX("-50%");
        scale: 1.8;
        opacity: 0
    }

    50% {
        opacity: 1
    }

    to {
        scale: 1;
        right: 12.5%
    }
}

@keyframes card-end {
    0% {
        right: 12.5%
    }

    to {
        right: 0
    }
}

@keyframes card-begin {
    0% {
        right: 0
    }

    50% {
        right: -100%
    }

    51% {
        left: -100%
    }

    to {
        left: 0
    }
}

h1 {
    font-size: 2.25rem;
    line-height: 2.5rem
}

@media (min-width:1024px) {
    h1 {
        font-size: 3rem;
        line-height: 1
    }
}

@media (min-width:1440px) {
    h1 {
        font-size: 3.75rem;
        line-height: 1
    }
}

h2 {
    font-size: 1.875rem;
    line-height: 2.25rem
}

@media (min-width:1024px) {
    h2 {
        font-size: 2.25rem;
        line-height: 2.5rem
    }
}

@media (min-width:1440px) {
    h2 {
        font-size: 3rem;
        line-height: 1
    }
}

h3 {
    font-size: 1rem;
    line-height: 1.5rem
}

@media (min-width:768px) {
    h3 {
        font-size: 1.5rem;
        line-height: 2rem
    }
}

@media (min-width:1024px) {
    h3 {
        font-size: 1.875rem;
        line-height: 2.25rem
    }
}

@media (min-width:1440px) {
    h3 {
        font-size: 2.25rem;
        line-height: 2.5rem
    }
}

h4 {
    font-size: .75rem;
    line-height: 1rem
}

@media (min-width:768px) {
    h4 {
        font-size: 1.25rem;
        line-height: 1.75rem
    }
}

@media (min-width:1024px) {
    h4 {
        font-size: 1.5rem;
        line-height: 2rem
    }
}

@media (min-width:1440px) {
    h4 {
        font-size: 1.875rem;
        line-height: 2.25rem
    }
}

h5 {
    font-size: .875rem;
    line-height: 1.25rem
}

@media (min-width:768px) {
    h5 {
        font-size: 1.125rem;
        line-height: 1.75rem
    }
}

@media (min-width:1024px) {
    h5 {
        font-size: 1.25rem;
        line-height: 1.75rem
    }
}

@media (min-width:1440px) {
    h5 {
        font-size: 1.5rem;
        line-height: 2rem
    }
}

h6 {
    font-size: .75rem;
    line-height: 1rem
}

@media (min-width:768px) {
    h6 {
        font-size: 1rem;
        line-height: 1.5rem
    }
}

@media (min-width:1024px) {
    h6 {
        font-size: 1.125rem;
        line-height: 1.75rem
    }
}

@media (min-width:1440px) {
    h6 {
        font-size: 1.25rem;
        line-height: 1.75rem
    }
}

.small {
    font-size: 10px !important
}

@media (min-width:768px) {
    .small {
        font-size: .75rem !important;
        line-height: 1rem !important
    }
}

h1, h3, h4, h5, h6 {
    font-family: var(--font-raleway),sans-serif
}

p {
    font-family: var(--font-montserrat),sans-serif
}

.text-primary-inner > h1, .text-primary-inner > h2, .text-primary-inner > h3, .text-primary-inner > h4, .text-primary-inner > h5, .text-primary-inner > h6, .text-primary-inner > p, .text-primary-inner > span {
    color: var(--primary-color)
}

.text-primary-inner-important > h1, .text-primary-inner-important > h2, .text-primary-inner-important > h3, .text-primary-inner-important > h4, .text-primary-inner-important > h5, .text-primary-inner-important > h6, .text-primary-inner-important > p, .text-primary-inner-important > span {
    color: var(--primary-color) !important
}

.text-inner-small, .text-inner-small > h1, .text-inner-small > h2, .text-inner-small > h3, .text-inner-small > h4, .text-inner-small > h5, .text-inner-small > h6, .text-inner-small > p, .text-inner-small > span {
    font-size: 6px !important
}

@media (min-width:768px) {
    .text-inner-small, .text-inner-small > h1, .text-inner-small > h2, .text-inner-small > h3, .text-inner-small > h4, .text-inner-small > h5, .text-inner-small > h6, .text-inner-small > p, .text-inner-small > span {
        font-size: .75rem !important;
        line-height: 1rem !important
    }
}

.text-inner-medium, .text-inner-medium > h1, .text-inner-medium > h2, .text-inner-medium > h3, .text-inner-medium > h4, .text-inner-medium > h5, .text-inner-medium > h6, .text-inner-medium > p, .text-inner-medium > span {
    font-size: .75rem !important;
    line-height: 1rem !important
}

@media (min-width:768px) {
    .text-inner-medium, .text-inner-medium > h1, .text-inner-medium > h2, .text-inner-medium > h3, .text-inner-medium > h4, .text-inner-medium > h5, .text-inner-medium > h6, .text-inner-medium > p, .text-inner-medium > span {
        font-size: 1rem !important;
        line-height: 1.5rem !important
    }
}

.text-white-inner, .text-white-inner > h1, .text-white-inner > h2, .text-white-inner > h3, .text-white-inner > h4, .text-white-inner > h5, .text-white-inner > h6, .text-white-inner > p, .text-white-inner > span {
    color: #fff !important
}

.body-small, p {
    font-size: 10px !important
}

@media (min-width:768px) {
    .body-small, p {
        font-size: .875rem !important;
        line-height: 1.25rem !important
    }
}

.body-medium {
    font-size: .75rem;
    line-height: 1rem
}

@media (min-width:768px) {
    .body-medium {
        font-size: 1rem;
        line-height: 1.5rem
    }
}

.body-large {
    font-size: .875rem;
    line-height: 1.25rem
}

@media (min-width:768px) {
    .body-large {
        font-size: 1rem;
        line-height: 1.5rem
    }
}

@media (min-width:1440px) {
    .body-large {
        font-size: 1.125rem;
        line-height: 1.75rem
    }
}

.card-1 {
    animation: card-move-1 1s ease-in-out forwards
}

.card-2 {
    animation: card-move-2 1s ease-in-out forwards
}

.card-3 {
    animation: card-move-3 1s ease-in-out forwards
}

.card-end {
    animation: card-end 1s ease-in-out forwards
}

.card-begin {
    animation: card-begin 1s ease-in-out forwards
}

.animation-reverse {
    animation-direction: reverse
}

@keyframes fade-in {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.fade-in {
    animation: fade-in 1s forwards
}

@keyframes bounce {
    0%,20%,50%,80%,to {
        transform: translateY(0)
    }

    40% {
        transform: translateY(-30px)
    }

    60% {
        transform: translateY(-15px)
    }
}

.bounce {
    animation: bounce 3s infinite
}

.animate-pause {
    animation-play-state: paused
}

.ap-at-school {
    background-color: rgba(24,45,87,.7)
}

ol, ul {
    list-style: revert;
    padding-left: 16px
}

.placeholder\:opacity-0::-moz-placeholder {
    opacity: 0
}

.placeholder\:opacity-0::placeholder {
    opacity: 0
}

.before\:pointer-events-none:before {
    content: var(--tw-content);
    pointer-events: none
}

.before\:absolute:before {
    content: var(--tw-content);
    position: absolute
}

.before\:left-2\/4:before {
    content: var(--tw-content);
    left: 50%
}

.before\:top-2\/4:before {
    content: var(--tw-content);
    top: 50%
}

.before\:mr-1:before {
    content: var(--tw-content);
    margin-right: .25rem
}

.before\:mt-\[6\.5px\]:before {
    content: var(--tw-content);
    margin-top: 6.5px
}

.before\:box-border:before {
    content: var(--tw-content);
    box-sizing: border-box
}

.before\:block:before {
    content: var(--tw-content);
    display: block
}

.before\:h-1:before {
    content: var(--tw-content);
    height: .25rem
}

.before\:h-1\.5:before {
    content: var(--tw-content);
    height: .375rem
}

.before\:h-10:before {
    content: var(--tw-content);
    height: 2.5rem
}

.before\:h-12:before {
    content: var(--tw-content);
    height: 3rem
}

.before\:w-10:before {
    content: var(--tw-content);
    width: 2.5rem
}

.before\:w-12:before {
    content: var(--tw-content);
    width: 3rem
}

.before\:w-2:before {
    content: var(--tw-content);
    width: .5rem
}

.before\:w-2\.5:before {
    content: var(--tw-content);
    width: .625rem
}

.before\:-translate-x-2\/4:before {
    --tw-translate-x: -50%
}

.before\:-translate-x-2\/4:before, .before\:-translate-y-2\/4:before {
    content: var(--tw-content);
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.before\:-translate-y-2\/4:before {
    --tw-translate-y: -50%
}

.before\:rounded-full:before {
    content: var(--tw-content);
    border-radius: 9999px
}

.before\:rounded-tl-md:before {
    content: var(--tw-content);
    border-top-left-radius: .375rem
}

.before\:border-l:before {
    content: var(--tw-content);
    border-left-width: 1px
}

.before\:border-l-2:before {
    content: var(--tw-content);
    border-left-width: 2px
}

.before\:border-t:before {
    content: var(--tw-content);
    border-top-width: 1px
}

.before\:border-t-2:before {
    content: var(--tw-content);
    border-top-width: 2px
}

.before\:\!border-black:before {
    content: var(--tw-content);
    --tw-border-opacity: 1 !important;
    border-color: rgb(0 0 0/var(--tw-border-opacity)) !important
}

.before\:\!border-blue-gray-200:before {
    content: var(--tw-content);
    --tw-border-opacity: 1 !important;
    border-color: rgb(176 190 197/var(--tw-border-opacity)) !important
}

.before\:\!border-white:before {
    content: var(--tw-content);
    --tw-border-opacity: 1 !important;
    border-color: rgb(255 255 255/var(--tw-border-opacity)) !important
}

.before\:border-amber-500:before {
    content: var(--tw-content);
    --tw-border-opacity: 1;
    border-color: rgb(255 193 7/var(--tw-border-opacity))
}

.before\:border-black:before {
    content: var(--tw-content);
    --tw-border-opacity: 1;
    border-color: rgb(0 0 0/var(--tw-border-opacity))
}

.before\:border-blue-500:before {
    content: var(--tw-content);
    --tw-border-opacity: 1;
    border-color: rgb(33 150 243/var(--tw-border-opacity))
}

.before\:border-blue-gray-200:before {
    content: var(--tw-content);
    --tw-border-opacity: 1;
    border-color: rgb(176 190 197/var(--tw-border-opacity))
}

.before\:border-blue-gray-500:before {
    content: var(--tw-content);
    --tw-border-opacity: 1;
    border-color: rgb(96 125 139/var(--tw-border-opacity))
}

.before\:border-brown-500:before {
    content: var(--tw-content);
    --tw-border-opacity: 1;
    border-color: rgb(121 85 72/var(--tw-border-opacity))
}

.before\:border-cyan-500:before {
    content: var(--tw-content);
    --tw-border-opacity: 1;
    border-color: rgb(0 188 212/var(--tw-border-opacity))
}

.before\:border-deep-orange-500:before {
    content: var(--tw-content);
    --tw-border-opacity: 1;
    border-color: rgb(255 87 34/var(--tw-border-opacity))
}

.before\:border-deep-purple-500:before {
    content: var(--tw-content);
    --tw-border-opacity: 1;
    border-color: rgb(103 58 183/var(--tw-border-opacity))
}

.before\:border-gray-900:before {
    content: var(--tw-content);
    --tw-border-opacity: 1;
    border-color: rgb(33 33 33/var(--tw-border-opacity))
}

.before\:border-green-500:before {
    content: var(--tw-content);
    --tw-border-opacity: 1;
    border-color: rgb(76 175 80/var(--tw-border-opacity))
}

.before\:border-indigo-500:before {
    content: var(--tw-content);
    --tw-border-opacity: 1;
    border-color: rgb(63 81 181/var(--tw-border-opacity))
}

.before\:border-light-blue-500:before {
    content: var(--tw-content);
    --tw-border-opacity: 1;
    border-color: rgb(3 169 244/var(--tw-border-opacity))
}

.before\:border-light-green-500:before {
    content: var(--tw-content);
    --tw-border-opacity: 1;
    border-color: rgb(139 195 74/var(--tw-border-opacity))
}

.before\:border-lime-500:before {
    content: var(--tw-content);
    --tw-border-opacity: 1;
    border-color: rgb(205 220 57/var(--tw-border-opacity))
}

.before\:border-orange-500:before {
    content: var(--tw-content);
    --tw-border-opacity: 1;
    border-color: rgb(255 152 0/var(--tw-border-opacity))
}

.before\:border-pink-500:before {
    content: var(--tw-content);
    --tw-border-opacity: 1;
    border-color: rgb(233 30 99/var(--tw-border-opacity))
}

.before\:border-purple-500:before {
    content: var(--tw-content);
    --tw-border-opacity: 1;
    border-color: rgb(156 39 176/var(--tw-border-opacity))
}

.before\:border-red-500:before {
    content: var(--tw-content);
    --tw-border-opacity: 1;
    border-color: rgb(244 67 54/var(--tw-border-opacity))
}

.before\:border-teal-500:before {
    content: var(--tw-content);
    --tw-border-opacity: 1;
    border-color: rgb(0 150 136/var(--tw-border-opacity))
}

.before\:border-transparent:before {
    content: var(--tw-content);
    border-color: transparent
}

.before\:border-white:before {
    content: var(--tw-content);
    --tw-border-opacity: 1;
    border-color: rgb(255 255 255/var(--tw-border-opacity))
}

.before\:border-yellow-500:before {
    content: var(--tw-content);
    --tw-border-opacity: 1;
    border-color: rgb(255 235 59/var(--tw-border-opacity))
}

.before\:border-l-transparent:before {
    content: var(--tw-content);
    border-left-color: transparent
}

.before\:border-t-transparent:before {
    content: var(--tw-content);
    border-top-color: transparent
}

.before\:bg-blue-gray-500:before {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(96 125 139/var(--tw-bg-opacity))
}

.before\:opacity-0:before {
    content: var(--tw-content);
    opacity: 0
}

.before\:transition-all:before {
    content: var(--tw-content);
    transition-property: all;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration: .15s
}

.before\:transition-opacity:before {
    content: var(--tw-content);
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration: .15s
}

.after\:pointer-events-none:after {
    content: var(--tw-content);
    pointer-events: none
}

.after\:absolute:after {
    content: var(--tw-content);
    position: absolute
}

.after\:-bottom-0:after {
    content: var(--tw-content);
    bottom: 0
}

.after\:-bottom-1:after {
    content: var(--tw-content);
    bottom: -.25rem
}

.after\:-bottom-1\.5:after {
    content: var(--tw-content);
    bottom: -.375rem
}

.after\:-bottom-2:after {
    content: var(--tw-content);
    bottom: -.5rem
}

.after\:-bottom-2\.5:after {
    content: var(--tw-content);
    bottom: -.625rem
}

.after\:ml-1:after {
    content: var(--tw-content);
    margin-left: .25rem
}

.after\:mt-\[6\.5px\]:after {
    content: var(--tw-content);
    margin-top: 6.5px
}

.after\:box-border:after {
    content: var(--tw-content);
    box-sizing: border-box
}

.after\:block:after {
    content: var(--tw-content);
    display: block
}

.after\:h-1:after {
    content: var(--tw-content);
    height: .25rem
}

.after\:h-1\.5:after {
    content: var(--tw-content);
    height: .375rem
}

.after\:w-2:after {
    content: var(--tw-content);
    width: .5rem
}

.after\:w-2\.5:after {
    content: var(--tw-content);
    width: .625rem
}

.after\:w-full:after {
    content: var(--tw-content);
    width: 100%
}

.after\:flex-grow:after {
    content: var(--tw-content);
    flex-grow: 1
}

.after\:scale-x-0:after {
    --tw-scale-x: 0
}

.after\:scale-x-0:after, .after\:scale-x-100:after {
    content: var(--tw-content);
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.after\:scale-x-100:after {
    --tw-scale-x: 1
}

.after\:rounded-tr-md:after {
    content: var(--tw-content);
    border-top-right-radius: .375rem
}

.after\:border-b-2:after {
    content: var(--tw-content);
    border-bottom-width: 2px
}

.after\:border-r:after {
    content: var(--tw-content);
    border-right-width: 1px
}

.after\:border-r-2:after {
    content: var(--tw-content);
    border-right-width: 2px
}

.after\:border-t:after {
    content: var(--tw-content);
    border-top-width: 1px
}

.after\:border-t-2:after {
    content: var(--tw-content);
    border-top-width: 2px
}

.after\:\!border-black:after {
    content: var(--tw-content);
    --tw-border-opacity: 1 !important;
    border-color: rgb(0 0 0/var(--tw-border-opacity)) !important
}

.after\:\!border-blue-gray-200:after {
    content: var(--tw-content);
    --tw-border-opacity: 1 !important;
    border-color: rgb(176 190 197/var(--tw-border-opacity)) !important
}

.after\:\!border-white:after {
    content: var(--tw-content);
    --tw-border-opacity: 1 !important;
    border-color: rgb(255 255 255/var(--tw-border-opacity)) !important
}

.after\:border-amber-500:after {
    content: var(--tw-content);
    --tw-border-opacity: 1;
    border-color: rgb(255 193 7/var(--tw-border-opacity))
}

.after\:border-black:after {
    content: var(--tw-content);
    --tw-border-opacity: 1;
    border-color: rgb(0 0 0/var(--tw-border-opacity))
}

.after\:border-blue-500:after {
    content: var(--tw-content);
    --tw-border-opacity: 1;
    border-color: rgb(33 150 243/var(--tw-border-opacity))
}

.after\:border-blue-gray-200:after {
    content: var(--tw-content);
    --tw-border-opacity: 1;
    border-color: rgb(176 190 197/var(--tw-border-opacity))
}

.after\:border-blue-gray-50:after {
    content: var(--tw-content);
    --tw-border-opacity: 1;
    border-color: rgb(236 239 241/var(--tw-border-opacity))
}

.after\:border-blue-gray-500:after {
    content: var(--tw-content);
    --tw-border-opacity: 1;
    border-color: rgb(96 125 139/var(--tw-border-opacity))
}

.after\:border-brown-500:after {
    content: var(--tw-content);
    --tw-border-opacity: 1;
    border-color: rgb(121 85 72/var(--tw-border-opacity))
}

.after\:border-cyan-500:after {
    content: var(--tw-content);
    --tw-border-opacity: 1;
    border-color: rgb(0 188 212/var(--tw-border-opacity))
}

.after\:border-deep-orange-500:after {
    content: var(--tw-content);
    --tw-border-opacity: 1;
    border-color: rgb(255 87 34/var(--tw-border-opacity))
}

.after\:border-deep-purple-500:after {
    content: var(--tw-content);
    --tw-border-opacity: 1;
    border-color: rgb(103 58 183/var(--tw-border-opacity))
}

.after\:border-gray-500:after {
    content: var(--tw-content);
    --tw-border-opacity: 1;
    border-color: rgb(158 158 158/var(--tw-border-opacity))
}

.after\:border-gray-900:after {
    content: var(--tw-content);
    --tw-border-opacity: 1;
    border-color: rgb(33 33 33/var(--tw-border-opacity))
}

.after\:border-green-500:after {
    content: var(--tw-content);
    --tw-border-opacity: 1;
    border-color: rgb(76 175 80/var(--tw-border-opacity))
}

.after\:border-indigo-500:after {
    content: var(--tw-content);
    --tw-border-opacity: 1;
    border-color: rgb(63 81 181/var(--tw-border-opacity))
}

.after\:border-light-blue-500:after {
    content: var(--tw-content);
    --tw-border-opacity: 1;
    border-color: rgb(3 169 244/var(--tw-border-opacity))
}

.after\:border-light-green-500:after {
    content: var(--tw-content);
    --tw-border-opacity: 1;
    border-color: rgb(139 195 74/var(--tw-border-opacity))
}

.after\:border-lime-500:after {
    content: var(--tw-content);
    --tw-border-opacity: 1;
    border-color: rgb(205 220 57/var(--tw-border-opacity))
}

.after\:border-orange-500:after {
    content: var(--tw-content);
    --tw-border-opacity: 1;
    border-color: rgb(255 152 0/var(--tw-border-opacity))
}

.after\:border-pink-500:after {
    content: var(--tw-content);
    --tw-border-opacity: 1;
    border-color: rgb(233 30 99/var(--tw-border-opacity))
}

.after\:border-purple-500:after {
    content: var(--tw-content);
    --tw-border-opacity: 1;
    border-color: rgb(156 39 176/var(--tw-border-opacity))
}

.after\:border-red-500:after {
    content: var(--tw-content);
    --tw-border-opacity: 1;
    border-color: rgb(244 67 54/var(--tw-border-opacity))
}

.after\:border-teal-500:after {
    content: var(--tw-content);
    --tw-border-opacity: 1;
    border-color: rgb(0 150 136/var(--tw-border-opacity))
}

.after\:border-transparent:after {
    content: var(--tw-content);
    border-color: transparent
}

.after\:border-white:after {
    content: var(--tw-content);
    --tw-border-opacity: 1;
    border-color: rgb(255 255 255/var(--tw-border-opacity))
}

.after\:border-yellow-500:after {
    content: var(--tw-content);
    --tw-border-opacity: 1;
    border-color: rgb(255 235 59/var(--tw-border-opacity))
}

.after\:border-r-transparent:after {
    content: var(--tw-content);
    border-right-color: transparent
}

.after\:border-t-transparent:after {
    content: var(--tw-content);
    border-top-color: transparent
}

.after\:transition-all:after {
    content: var(--tw-content);
    transition-property: all;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration: .15s
}

.after\:transition-transform:after {
    content: var(--tw-content);
    transition-property: transform;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration: .15s
}

.after\:duration-300:after {
    content: var(--tw-content);
    transition-duration: .3s
}

.last\:rounded-b:last-child {
    border-bottom-right-radius: .25rem;
    border-bottom-left-radius: .25rem
}

.last\:border-r-0:last-child {
    border-right-width: 0
}

.odd\:flex-row-reverse:nth-child(odd) {
    flex-direction: row-reverse
}

.odd\:bg-secondary:nth-child(odd) {
    background-color: var(--secondary-color)
}

.odd\:text-primary:nth-child(odd) {
    color: var(--primary-color)
}

.even\:\!text-secondary:nth-child(2n) {
    color: var(--secondary-color) !important
}

.checked\:border-amber-500:checked {
    --tw-border-opacity: 1;
    border-color: rgb(255 193 7/var(--tw-border-opacity))
}

.checked\:border-blue-500:checked {
    --tw-border-opacity: 1;
    border-color: rgb(33 150 243/var(--tw-border-opacity))
}

.checked\:border-blue-gray-500:checked {
    --tw-border-opacity: 1;
    border-color: rgb(96 125 139/var(--tw-border-opacity))
}

.checked\:border-brown-500:checked {
    --tw-border-opacity: 1;
    border-color: rgb(121 85 72/var(--tw-border-opacity))
}

.checked\:border-cyan-500:checked {
    --tw-border-opacity: 1;
    border-color: rgb(0 188 212/var(--tw-border-opacity))
}

.checked\:border-deep-orange-500:checked {
    --tw-border-opacity: 1;
    border-color: rgb(255 87 34/var(--tw-border-opacity))
}

.checked\:border-deep-purple-500:checked {
    --tw-border-opacity: 1;
    border-color: rgb(103 58 183/var(--tw-border-opacity))
}

.checked\:border-gray-900:checked {
    --tw-border-opacity: 1;
    border-color: rgb(33 33 33/var(--tw-border-opacity))
}

.checked\:border-green-500:checked {
    --tw-border-opacity: 1;
    border-color: rgb(76 175 80/var(--tw-border-opacity))
}

.checked\:border-indigo-500:checked {
    --tw-border-opacity: 1;
    border-color: rgb(63 81 181/var(--tw-border-opacity))
}

.checked\:border-light-blue-500:checked {
    --tw-border-opacity: 1;
    border-color: rgb(3 169 244/var(--tw-border-opacity))
}

.checked\:border-light-green-500:checked {
    --tw-border-opacity: 1;
    border-color: rgb(139 195 74/var(--tw-border-opacity))
}

.checked\:border-lime-500:checked {
    --tw-border-opacity: 1;
    border-color: rgb(205 220 57/var(--tw-border-opacity))
}

.checked\:border-orange-500:checked {
    --tw-border-opacity: 1;
    border-color: rgb(255 152 0/var(--tw-border-opacity))
}

.checked\:border-pink-500:checked {
    --tw-border-opacity: 1;
    border-color: rgb(233 30 99/var(--tw-border-opacity))
}

.checked\:border-purple-500:checked {
    --tw-border-opacity: 1;
    border-color: rgb(156 39 176/var(--tw-border-opacity))
}

.checked\:border-red-500:checked {
    --tw-border-opacity: 1;
    border-color: rgb(244 67 54/var(--tw-border-opacity))
}

.checked\:border-teal-500:checked {
    --tw-border-opacity: 1;
    border-color: rgb(0 150 136/var(--tw-border-opacity))
}

.checked\:border-yellow-500:checked {
    --tw-border-opacity: 1;
    border-color: rgb(255 235 59/var(--tw-border-opacity))
}

.checked\:bg-amber-500:checked {
    --tw-bg-opacity: 1;
    background-color: rgb(255 193 7/var(--tw-bg-opacity))
}

.checked\:bg-blue-500:checked {
    --tw-bg-opacity: 1;
    background-color: rgb(33 150 243/var(--tw-bg-opacity))
}

.checked\:bg-blue-gray-500:checked {
    --tw-bg-opacity: 1;
    background-color: rgb(96 125 139/var(--tw-bg-opacity))
}

.checked\:bg-brown-500:checked {
    --tw-bg-opacity: 1;
    background-color: rgb(121 85 72/var(--tw-bg-opacity))
}

.checked\:bg-cyan-500:checked {
    --tw-bg-opacity: 1;
    background-color: rgb(0 188 212/var(--tw-bg-opacity))
}

.checked\:bg-deep-orange-500:checked {
    --tw-bg-opacity: 1;
    background-color: rgb(255 87 34/var(--tw-bg-opacity))
}

.checked\:bg-deep-purple-500:checked {
    --tw-bg-opacity: 1;
    background-color: rgb(103 58 183/var(--tw-bg-opacity))
}

.checked\:bg-gray-900:checked {
    --tw-bg-opacity: 1;
    background-color: rgb(33 33 33/var(--tw-bg-opacity))
}

.checked\:bg-green-500:checked {
    --tw-bg-opacity: 1;
    background-color: rgb(76 175 80/var(--tw-bg-opacity))
}

.checked\:bg-indigo-500:checked {
    --tw-bg-opacity: 1;
    background-color: rgb(63 81 181/var(--tw-bg-opacity))
}

.checked\:bg-light-blue-500:checked {
    --tw-bg-opacity: 1;
    background-color: rgb(3 169 244/var(--tw-bg-opacity))
}

.checked\:bg-light-green-500:checked {
    --tw-bg-opacity: 1;
    background-color: rgb(139 195 74/var(--tw-bg-opacity))
}

.checked\:bg-lime-500:checked {
    --tw-bg-opacity: 1;
    background-color: rgb(205 220 57/var(--tw-bg-opacity))
}

.checked\:bg-orange-500:checked {
    --tw-bg-opacity: 1;
    background-color: rgb(255 152 0/var(--tw-bg-opacity))
}

.checked\:bg-pink-500:checked {
    --tw-bg-opacity: 1;
    background-color: rgb(233 30 99/var(--tw-bg-opacity))
}

.checked\:bg-purple-500:checked {
    --tw-bg-opacity: 1;
    background-color: rgb(156 39 176/var(--tw-bg-opacity))
}

.checked\:bg-red-500:checked {
    --tw-bg-opacity: 1;
    background-color: rgb(244 67 54/var(--tw-bg-opacity))
}

.checked\:bg-teal-500:checked {
    --tw-bg-opacity: 1;
    background-color: rgb(0 150 136/var(--tw-bg-opacity))
}

.checked\:bg-yellow-500:checked {
    --tw-bg-opacity: 1;
    background-color: rgb(255 235 59/var(--tw-bg-opacity))
}

.checked\:before\:bg-amber-500:checked:before {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(255 193 7/var(--tw-bg-opacity))
}

.checked\:before\:bg-blue-500:checked:before {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(33 150 243/var(--tw-bg-opacity))
}

.checked\:before\:bg-blue-gray-500:checked:before {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(96 125 139/var(--tw-bg-opacity))
}

.checked\:before\:bg-brown-500:checked:before {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(121 85 72/var(--tw-bg-opacity))
}

.checked\:before\:bg-cyan-500:checked:before {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(0 188 212/var(--tw-bg-opacity))
}

.checked\:before\:bg-deep-orange-500:checked:before {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(255 87 34/var(--tw-bg-opacity))
}

.checked\:before\:bg-deep-purple-500:checked:before {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(103 58 183/var(--tw-bg-opacity))
}

.checked\:before\:bg-gray-900:checked:before {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(33 33 33/var(--tw-bg-opacity))
}

.checked\:before\:bg-green-500:checked:before {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(76 175 80/var(--tw-bg-opacity))
}

.checked\:before\:bg-indigo-500:checked:before {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(63 81 181/var(--tw-bg-opacity))
}

.checked\:before\:bg-light-blue-500:checked:before {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(3 169 244/var(--tw-bg-opacity))
}

.checked\:before\:bg-light-green-500:checked:before {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(139 195 74/var(--tw-bg-opacity))
}

.checked\:before\:bg-lime-500:checked:before {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(205 220 57/var(--tw-bg-opacity))
}

.checked\:before\:bg-orange-500:checked:before {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(255 152 0/var(--tw-bg-opacity))
}

.checked\:before\:bg-pink-500:checked:before {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(233 30 99/var(--tw-bg-opacity))
}

.checked\:before\:bg-purple-500:checked:before {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(156 39 176/var(--tw-bg-opacity))
}

.checked\:before\:bg-red-500:checked:before {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(244 67 54/var(--tw-bg-opacity))
}

.checked\:before\:bg-teal-500:checked:before {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(0 150 136/var(--tw-bg-opacity))
}

.checked\:before\:bg-yellow-500:checked:before {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(255 235 59/var(--tw-bg-opacity))
}

.placeholder-shown\:border:-moz-placeholder-shown {
    border-width: 1px
}

.placeholder-shown\:border:placeholder-shown {
    border-width: 1px
}

.placeholder-shown\:border-blue-gray-200:-moz-placeholder-shown {
    --tw-border-opacity: 1;
    border-color: rgb(176 190 197/var(--tw-border-opacity))
}

.placeholder-shown\:border-blue-gray-200:placeholder-shown {
    --tw-border-opacity: 1;
    border-color: rgb(176 190 197/var(--tw-border-opacity))
}

.placeholder-shown\:border-green-500:-moz-placeholder-shown {
    --tw-border-opacity: 1;
    border-color: rgb(76 175 80/var(--tw-border-opacity))
}

.placeholder-shown\:border-green-500:placeholder-shown {
    --tw-border-opacity: 1;
    border-color: rgb(76 175 80/var(--tw-border-opacity))
}

.placeholder-shown\:border-red-500:-moz-placeholder-shown {
    --tw-border-opacity: 1;
    border-color: rgb(244 67 54/var(--tw-border-opacity))
}

.placeholder-shown\:border-red-500:placeholder-shown {
    --tw-border-opacity: 1;
    border-color: rgb(244 67 54/var(--tw-border-opacity))
}

.placeholder-shown\:border-t-blue-gray-200:-moz-placeholder-shown {
    --tw-border-opacity: 1;
    border-top-color: rgb(176 190 197/var(--tw-border-opacity))
}

.placeholder-shown\:border-t-blue-gray-200:placeholder-shown {
    --tw-border-opacity: 1;
    border-top-color: rgb(176 190 197/var(--tw-border-opacity))
}

.placeholder-shown\:border-t-green-500:-moz-placeholder-shown {
    --tw-border-opacity: 1;
    border-top-color: rgb(76 175 80/var(--tw-border-opacity))
}

.placeholder-shown\:border-t-green-500:placeholder-shown {
    --tw-border-opacity: 1;
    border-top-color: rgb(76 175 80/var(--tw-border-opacity))
}

.placeholder-shown\:border-t-red-500:-moz-placeholder-shown {
    --tw-border-opacity: 1;
    border-top-color: rgb(244 67 54/var(--tw-border-opacity))
}

.placeholder-shown\:border-t-red-500:placeholder-shown {
    --tw-border-opacity: 1;
    border-top-color: rgb(244 67 54/var(--tw-border-opacity))
}

.hover\:scale-110:hover {
    --tw-scale-x: 1.1;
    --tw-scale-y: 1.1
}

.hover\:scale-110:hover, .hover\:scale-\[1\.03\]:hover {
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.hover\:scale-\[1\.03\]:hover {
    --tw-scale-x: 1.03;
    --tw-scale-y: 1.03
}

.hover\:scale-\[1\.05\]:hover {
    --tw-scale-x: 1.05;
    --tw-scale-y: 1.05
}

.hover\:scale-\[1\.05\]:hover, .hover\:scale-\[1\.1\]:hover {
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.hover\:scale-\[1\.1\]:hover {
    --tw-scale-x: 1.1;
    --tw-scale-y: 1.1
}

.hover\:border:hover {
    border-width: 1px
}

.hover\:border-primary:hover {
    border-color: var(--primary-color)
}

.hover\:border-secondary:hover {
    border-color: var(--secondary-color)
}

.hover\:\!bg-primary:hover {
    background-color: var(--primary-color) !important
}

.hover\:\!bg-secondary:hover {
    background-color: var(--secondary-color) !important
}

.hover\:bg-amber-500\/10:hover {
    background-color: rgba(255,193,7,.1)
}

.hover\:bg-blue-500\/10:hover {
    background-color: rgba(33,150,243,.1)
}

.hover\:bg-blue-gray-50:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(236 239 241/var(--tw-bg-opacity))
}

.hover\:bg-blue-gray-500\/10:hover {
    background-color: rgba(96,125,139,.1)
}

.hover\:bg-brown-500\/10:hover {
    background-color: rgba(121,85,72,.1)
}

.hover\:bg-cyan-500\/10:hover {
    background-color: rgba(0,188,212,.1)
}

.hover\:bg-deep-orange-500\/10:hover {
    background-color: rgba(255,87,34,.1)
}

.hover\:bg-deep-purple-500\/10:hover {
    background-color: rgba(103,58,183,.1)
}

.hover\:bg-gray-900\/10:hover {
    background-color: rgba(33,33,33,.1)
}

.hover\:bg-green-500\/10:hover {
    background-color: rgba(76,175,80,.1)
}

.hover\:bg-indigo-500\/10:hover {
    background-color: rgba(63,81,181,.1)
}

.hover\:bg-light-blue-500\/10:hover {
    background-color: rgba(3,169,244,.1)
}

.hover\:bg-light-green-500\/10:hover {
    background-color: rgba(139,195,74,.1)
}

.hover\:bg-lime-500\/10:hover {
    background-color: rgba(205,220,57,.1)
}

.hover\:bg-orange-500\/10:hover {
    background-color: rgba(255,152,0,.1)
}

.hover\:bg-pink-500\/10:hover {
    background-color: rgba(233,30,99,.1)
}

.hover\:bg-purple-500\/10:hover {
    background-color: rgba(156,39,176,.1)
}

.hover\:bg-red-500\/10:hover {
    background-color: rgba(244,67,54,.1)
}

.hover\:bg-secondary:hover {
    background-color: var(--secondary-color)
}

.hover\:bg-teal-500\/10:hover {
    background-color: rgba(0,150,136,.1)
}

.hover\:bg-transparent:hover {
    background-color: transparent
}

.hover\:bg-white\/10:hover {
    background-color: hsla(0,0%,100%,.1)
}

.hover\:bg-yellow-500\/10:hover {
    background-color: rgba(255,235,59,.1)
}

.hover\:bg-opacity-80:hover {
    --tw-bg-opacity: 0.8
}

.hover\:font-bold:hover {
    font-weight: 700
}

.hover\:text-blue-gray-500:hover {
    --tw-text-opacity: 1;
    color: rgb(96 125 139/var(--tw-text-opacity))
}

.hover\:text-blue-gray-900:hover {
    --tw-text-opacity: 1;
    color: rgb(38 50 56/var(--tw-text-opacity))
}

.hover\:text-light-blue-500:hover {
    --tw-text-opacity: 1;
    color: rgb(3 169 244/var(--tw-text-opacity))
}

.hover\:text-secondary:hover {
    color: var(--secondary-color)
}

.hover\:opacity-75:hover {
    opacity: .75
}

.hover\:shadow-hover:hover {
    --tw-shadow: var(--shadow-hover);
    --tw-shadow-colored: var(--shadow-hover)
}

.hover\:shadow-hover:hover, .hover\:shadow-lg:hover {
    box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}

.hover\:shadow-lg:hover {
    --tw-shadow: 0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)
}

.hover\:shadow-amber-500\/40:hover {
    --tw-shadow-color: rgba(255,193,7,.4);
    --tw-shadow: var(--tw-shadow-colored)
}

.hover\:shadow-blue-500\/40:hover {
    --tw-shadow-color: rgba(33,150,243,.4);
    --tw-shadow: var(--tw-shadow-colored)
}

.hover\:shadow-blue-gray-500\/20:hover {
    --tw-shadow-color: rgba(96,125,139,.2);
    --tw-shadow: var(--tw-shadow-colored)
}

.hover\:shadow-blue-gray-500\/40:hover {
    --tw-shadow-color: rgba(96,125,139,.4);
    --tw-shadow: var(--tw-shadow-colored)
}

.hover\:shadow-brown-500\/40:hover {
    --tw-shadow-color: rgba(121,85,72,.4);
    --tw-shadow: var(--tw-shadow-colored)
}

.hover\:shadow-cyan-500\/40:hover {
    --tw-shadow-color: rgba(0,188,212,.4);
    --tw-shadow: var(--tw-shadow-colored)
}

.hover\:shadow-deep-orange-500\/40:hover {
    --tw-shadow-color: rgba(255,87,34,.4);
    --tw-shadow: var(--tw-shadow-colored)
}

.hover\:shadow-deep-purple-500\/40:hover {
    --tw-shadow-color: rgba(103,58,183,.4);
    --tw-shadow: var(--tw-shadow-colored)
}

.hover\:shadow-gray-900\/20:hover {
    --tw-shadow-color: rgba(33,33,33,.2);
    --tw-shadow: var(--tw-shadow-colored)
}

.hover\:shadow-green-500\/40:hover {
    --tw-shadow-color: rgba(76,175,80,.4);
    --tw-shadow: var(--tw-shadow-colored)
}

.hover\:shadow-indigo-500\/40:hover {
    --tw-shadow-color: rgba(63,81,181,.4);
    --tw-shadow: var(--tw-shadow-colored)
}

.hover\:shadow-light-blue-500\/40:hover {
    --tw-shadow-color: rgba(3,169,244,.4);
    --tw-shadow: var(--tw-shadow-colored)
}

.hover\:shadow-light-green-500\/40:hover {
    --tw-shadow-color: rgba(139,195,74,.4);
    --tw-shadow: var(--tw-shadow-colored)
}

.hover\:shadow-lime-500\/40:hover {
    --tw-shadow-color: rgba(205,220,57,.4);
    --tw-shadow: var(--tw-shadow-colored)
}

.hover\:shadow-orange-500\/40:hover {
    --tw-shadow-color: rgba(255,152,0,.4);
    --tw-shadow: var(--tw-shadow-colored)
}

.hover\:shadow-pink-500\/40:hover {
    --tw-shadow-color: rgba(233,30,99,.4);
    --tw-shadow: var(--tw-shadow-colored)
}

.hover\:shadow-purple-500\/40:hover {
    --tw-shadow-color: rgba(156,39,176,.4);
    --tw-shadow: var(--tw-shadow-colored)
}

.hover\:shadow-red-500\/40:hover {
    --tw-shadow-color: rgba(244,67,54,.4);
    --tw-shadow: var(--tw-shadow-colored)
}

.hover\:shadow-teal-500\/40:hover {
    --tw-shadow-color: rgba(0,150,136,.4);
    --tw-shadow: var(--tw-shadow-colored)
}

.hover\:shadow-yellow-500\/40:hover {
    --tw-shadow-color: rgba(255,235,59,.4);
    --tw-shadow: var(--tw-shadow-colored)
}

.hover\:before\:opacity-10:hover:before {
    content: var(--tw-content);
    opacity: .1
}

.focus\:scale-110:focus {
    --tw-scale-x: 1.1;
    --tw-scale-y: 1.1;
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.focus\:border-2:focus {
    border-width: 2px
}

.focus\:\!border-black:focus {
    --tw-border-opacity: 1 !important;
    border-color: rgb(0 0 0/var(--tw-border-opacity)) !important
}

.focus\:\!border-white:focus {
    --tw-border-opacity: 1 !important;
    border-color: rgb(255 255 255/var(--tw-border-opacity)) !important
}

.focus\:border-amber-500:focus {
    --tw-border-opacity: 1;
    border-color: rgb(255 193 7/var(--tw-border-opacity))
}

.focus\:border-black:focus {
    --tw-border-opacity: 1;
    border-color: rgb(0 0 0/var(--tw-border-opacity))
}

.focus\:border-blue-500:focus {
    --tw-border-opacity: 1;
    border-color: rgb(33 150 243/var(--tw-border-opacity))
}

.focus\:border-blue-gray-500:focus {
    --tw-border-opacity: 1;
    border-color: rgb(96 125 139/var(--tw-border-opacity))
}

.focus\:border-blue-gray-900:focus {
    --tw-border-opacity: 1;
    border-color: rgb(38 50 56/var(--tw-border-opacity))
}

.focus\:border-brown-500:focus {
    --tw-border-opacity: 1;
    border-color: rgb(121 85 72/var(--tw-border-opacity))
}

.focus\:border-cyan-500:focus {
    --tw-border-opacity: 1;
    border-color: rgb(0 188 212/var(--tw-border-opacity))
}

.focus\:border-deep-orange-500:focus {
    --tw-border-opacity: 1;
    border-color: rgb(255 87 34/var(--tw-border-opacity))
}

.focus\:border-deep-purple-500:focus {
    --tw-border-opacity: 1;
    border-color: rgb(103 58 183/var(--tw-border-opacity))
}

.focus\:border-gray-500:focus {
    --tw-border-opacity: 1;
    border-color: rgb(158 158 158/var(--tw-border-opacity))
}

.focus\:border-gray-900:focus {
    --tw-border-opacity: 1;
    border-color: rgb(33 33 33/var(--tw-border-opacity))
}

.focus\:border-green-500:focus {
    --tw-border-opacity: 1;
    border-color: rgb(76 175 80/var(--tw-border-opacity))
}

.focus\:border-indigo-500:focus {
    --tw-border-opacity: 1;
    border-color: rgb(63 81 181/var(--tw-border-opacity))
}

.focus\:border-light-blue-500:focus {
    --tw-border-opacity: 1;
    border-color: rgb(3 169 244/var(--tw-border-opacity))
}

.focus\:border-light-green-500:focus {
    --tw-border-opacity: 1;
    border-color: rgb(139 195 74/var(--tw-border-opacity))
}

.focus\:border-lime-500:focus {
    --tw-border-opacity: 1;
    border-color: rgb(205 220 57/var(--tw-border-opacity))
}

.focus\:border-orange-500:focus {
    --tw-border-opacity: 1;
    border-color: rgb(255 152 0/var(--tw-border-opacity))
}

.focus\:border-pink-500:focus {
    --tw-border-opacity: 1;
    border-color: rgb(233 30 99/var(--tw-border-opacity))
}

.focus\:border-purple-500:focus {
    --tw-border-opacity: 1;
    border-color: rgb(156 39 176/var(--tw-border-opacity))
}

.focus\:border-red-500:focus {
    --tw-border-opacity: 1;
    border-color: rgb(244 67 54/var(--tw-border-opacity))
}

.focus\:border-teal-500:focus {
    --tw-border-opacity: 1;
    border-color: rgb(0 150 136/var(--tw-border-opacity))
}

.focus\:border-white:focus {
    --tw-border-opacity: 1;
    border-color: rgb(255 255 255/var(--tw-border-opacity))
}

.focus\:border-yellow-500:focus {
    --tw-border-opacity: 1;
    border-color: rgb(255 235 59/var(--tw-border-opacity))
}

.focus\:border-t-transparent:focus {
    border-top-color: transparent
}

.focus\:bg-blue-gray-50:focus {
    --tw-bg-opacity: 1;
    background-color: rgb(236 239 241/var(--tw-bg-opacity))
}

.focus\:bg-transparent:focus {
    background-color: transparent
}

.focus\:bg-opacity-80:focus {
    --tw-bg-opacity: 0.8
}

.focus\:text-blue-gray-500:focus {
    --tw-text-opacity: 1;
    color: rgb(96 125 139/var(--tw-text-opacity))
}

.focus\:text-blue-gray-900:focus {
    --tw-text-opacity: 1;
    color: rgb(38 50 56/var(--tw-text-opacity))
}

.focus\:opacity-\[0\.85\]:focus {
    opacity: .85
}

.focus\:shadow-none:focus {
    --tw-shadow: 0 0 rgb(0,0/0,0);
    --tw-shadow-colored: 0 0 var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}

.focus\:outline-none:focus {
    outline: 2px solid transparent;
    outline-offset: 2px
}

.focus\:outline-0:focus {
    outline-width: 0
}

.focus\:ring:focus {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)
}

.focus\:ring-amber-200:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(255 224 130/var(--tw-ring-opacity))
}

.focus\:ring-blue-200:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(144 202 249/var(--tw-ring-opacity))
}

.focus\:ring-blue-gray-200:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(176 190 197/var(--tw-ring-opacity))
}

.focus\:ring-brown-200:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(188 170 164/var(--tw-ring-opacity))
}

.focus\:ring-cyan-200:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(128 222 234/var(--tw-ring-opacity))
}

.focus\:ring-deep-orange-200:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(255 171 145/var(--tw-ring-opacity))
}

.focus\:ring-deep-purple-200:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(179 157 219/var(--tw-ring-opacity))
}

.focus\:ring-gray-300:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(224 224 224/var(--tw-ring-opacity))
}

.focus\:ring-green-200:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(165 214 167/var(--tw-ring-opacity))
}

.focus\:ring-indigo-200:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(159 168 218/var(--tw-ring-opacity))
}

.focus\:ring-light-blue-200:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(129 212 250/var(--tw-ring-opacity))
}

.focus\:ring-light-green-200:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(197 225 165/var(--tw-ring-opacity))
}

.focus\:ring-lime-200:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(230 238 156/var(--tw-ring-opacity))
}

.focus\:ring-orange-200:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(255 204 128/var(--tw-ring-opacity))
}

.focus\:ring-pink-200:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(244 143 177/var(--tw-ring-opacity))
}

.focus\:ring-purple-200:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(206 147 216/var(--tw-ring-opacity))
}

.focus\:ring-red-200:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(239 154 154/var(--tw-ring-opacity))
}

.focus\:ring-teal-200:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(128 203 196/var(--tw-ring-opacity))
}

.focus\:ring-white\/50:focus {
    --tw-ring-color: hsla(0,0%,100%,.5)
}

.focus\:ring-yellow-200:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(255 245 157/var(--tw-ring-opacity))
}

.focus\:placeholder\:opacity-100:focus::-moz-placeholder {
    opacity: 1
}

.focus\:placeholder\:opacity-100:focus::placeholder {
    opacity: 1
}

.active\:scale-100:active {
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.active\:bg-amber-500\/30:active {
    background-color: rgba(255,193,7,.3)
}

.active\:bg-blue-500\/30:active {
    background-color: rgba(33,150,243,.3)
}

.active\:bg-blue-gray-50:active {
    --tw-bg-opacity: 1;
    background-color: rgb(236 239 241/var(--tw-bg-opacity))
}

.active\:bg-blue-gray-500\/30:active {
    background-color: rgba(96,125,139,.3)
}

.active\:bg-brown-500\/30:active {
    background-color: rgba(121,85,72,.3)
}

.active\:bg-cyan-500\/30:active {
    background-color: rgba(0,188,212,.3)
}

.active\:bg-deep-orange-500\/30:active {
    background-color: rgba(255,87,34,.3)
}

.active\:bg-deep-purple-500\/30:active {
    background-color: rgba(103,58,183,.3)
}

.active\:bg-gray-900\/20:active {
    background-color: rgba(33,33,33,.2)
}

.active\:bg-green-500\/30:active {
    background-color: rgba(76,175,80,.3)
}

.active\:bg-indigo-500\/30:active {
    background-color: rgba(63,81,181,.3)
}

.active\:bg-light-blue-500\/30:active {
    background-color: rgba(3,169,244,.3)
}

.active\:bg-light-green-500\/30:active {
    background-color: rgba(139,195,74,.3)
}

.active\:bg-lime-500\/30:active {
    background-color: rgba(205,220,57,.3)
}

.active\:bg-orange-500\/30:active {
    background-color: rgba(255,152,0,.3)
}

.active\:bg-pink-500\/30:active {
    background-color: rgba(233,30,99,.3)
}

.active\:bg-purple-500\/30:active {
    background-color: rgba(156,39,176,.3)
}

.active\:bg-red-500\/30:active {
    background-color: rgba(244,67,54,.3)
}

.active\:bg-teal-500\/30:active {
    background-color: rgba(0,150,136,.3)
}

.active\:bg-transparent:active {
    background-color: transparent
}

.active\:bg-white\/30:active {
    background-color: hsla(0,0%,100%,.3)
}

.active\:bg-yellow-500\/30:active {
    background-color: rgba(255,235,59,.3)
}

.active\:bg-opacity-80:active {
    --tw-bg-opacity: 0.8
}

.active\:text-blue-gray-500:active {
    --tw-text-opacity: 1;
    color: rgb(96 125 139/var(--tw-text-opacity))
}

.active\:text-blue-gray-900:active {
    --tw-text-opacity: 1;
    color: rgb(38 50 56/var(--tw-text-opacity))
}

.active\:opacity-\[0\.85\]:active {
    opacity: .85
}

.active\:shadow-none:active {
    --tw-shadow: 0 0 rgb(0,0/0,0);
    --tw-shadow-colored: 0 0 var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}

.disabled\:pointer-events-none:disabled {
    pointer-events: none
}

.disabled\:cursor-not-allowed:disabled {
    cursor: not-allowed
}

.disabled\:resize-none:disabled {
    resize: none
}

.disabled\:border-0:disabled {
    border-width: 0
}

.disabled\:bg-blue-gray-50:disabled {
    --tw-bg-opacity: 1;
    background-color: rgb(236 239 241/var(--tw-bg-opacity))
}

.disabled\:opacity-50:disabled {
    opacity: .5
}

.disabled\:shadow-none:disabled {
    --tw-shadow: 0 0 rgb(0,0/0,0);
    --tw-shadow-colored: 0 0 var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}

.group\/all:hover .group-hover\/all\:-top-10 {
    top: -2.5rem
}

.group\/all:hover .group-hover\/all\:mt-\[120\%\] {
    margin-top: 120%
}

.group\/all:hover .group-hover\/all\:mt-\[30\%\] {
    margin-top: 30%
}

.group:hover .group-hover\:bg-primary {
    background-color: var(--primary-color)
}

.group:hover .group-hover\:bg-secondary {
    background-color: var(--secondary-color)
}

.group:hover .group-hover\:text-primary {
    color: var(--primary-color)
}

.group:hover .group-hover\:text-secondary {
    color: var(--secondary-color)
}

.group\/item:hover .group-hover\/item\:opacity-100 {
    opacity: 1
}

.peer:checked ~ .peer-checked\:translate-x-full {
    --tw-translate-x: 100%;
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.peer:checked ~ .peer-checked\:border-amber-500 {
    --tw-border-opacity: 1;
    border-color: rgb(255 193 7/var(--tw-border-opacity))
}

.peer:checked ~ .peer-checked\:border-blue-500 {
    --tw-border-opacity: 1;
    border-color: rgb(33 150 243/var(--tw-border-opacity))
}

.peer:checked ~ .peer-checked\:border-blue-gray-500 {
    --tw-border-opacity: 1;
    border-color: rgb(96 125 139/var(--tw-border-opacity))
}

.peer:checked ~ .peer-checked\:border-brown-500 {
    --tw-border-opacity: 1;
    border-color: rgb(121 85 72/var(--tw-border-opacity))
}

.peer:checked ~ .peer-checked\:border-cyan-500 {
    --tw-border-opacity: 1;
    border-color: rgb(0 188 212/var(--tw-border-opacity))
}

.peer:checked ~ .peer-checked\:border-deep-orange-500 {
    --tw-border-opacity: 1;
    border-color: rgb(255 87 34/var(--tw-border-opacity))
}

.peer:checked ~ .peer-checked\:border-deep-purple-500 {
    --tw-border-opacity: 1;
    border-color: rgb(103 58 183/var(--tw-border-opacity))
}

.peer:checked ~ .peer-checked\:border-gray-900 {
    --tw-border-opacity: 1;
    border-color: rgb(33 33 33/var(--tw-border-opacity))
}

.peer:checked ~ .peer-checked\:border-green-500 {
    --tw-border-opacity: 1;
    border-color: rgb(76 175 80/var(--tw-border-opacity))
}

.peer:checked ~ .peer-checked\:border-indigo-500 {
    --tw-border-opacity: 1;
    border-color: rgb(63 81 181/var(--tw-border-opacity))
}

.peer:checked ~ .peer-checked\:border-light-blue-500 {
    --tw-border-opacity: 1;
    border-color: rgb(3 169 244/var(--tw-border-opacity))
}

.peer:checked ~ .peer-checked\:border-light-green-500 {
    --tw-border-opacity: 1;
    border-color: rgb(139 195 74/var(--tw-border-opacity))
}

.peer:checked ~ .peer-checked\:border-lime-500 {
    --tw-border-opacity: 1;
    border-color: rgb(205 220 57/var(--tw-border-opacity))
}

.peer:checked ~ .peer-checked\:border-orange-500 {
    --tw-border-opacity: 1;
    border-color: rgb(255 152 0/var(--tw-border-opacity))
}

.peer:checked ~ .peer-checked\:border-pink-500 {
    --tw-border-opacity: 1;
    border-color: rgb(233 30 99/var(--tw-border-opacity))
}

.peer:checked ~ .peer-checked\:border-purple-500 {
    --tw-border-opacity: 1;
    border-color: rgb(156 39 176/var(--tw-border-opacity))
}

.peer:checked ~ .peer-checked\:border-red-500 {
    --tw-border-opacity: 1;
    border-color: rgb(244 67 54/var(--tw-border-opacity))
}

.peer:checked ~ .peer-checked\:border-teal-500 {
    --tw-border-opacity: 1;
    border-color: rgb(0 150 136/var(--tw-border-opacity))
}

.peer:checked ~ .peer-checked\:border-yellow-500 {
    --tw-border-opacity: 1;
    border-color: rgb(255 235 59/var(--tw-border-opacity))
}

.peer:checked ~ .peer-checked\:opacity-100 {
    opacity: 1
}

.peer:checked ~ .peer-checked\:before\:bg-amber-500:before {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(255 193 7/var(--tw-bg-opacity))
}

.peer:checked ~ .peer-checked\:before\:bg-blue-500:before {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(33 150 243/var(--tw-bg-opacity))
}

.peer:checked ~ .peer-checked\:before\:bg-blue-gray-500:before {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(96 125 139/var(--tw-bg-opacity))
}

.peer:checked ~ .peer-checked\:before\:bg-brown-500:before {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(121 85 72/var(--tw-bg-opacity))
}

.peer:checked ~ .peer-checked\:before\:bg-cyan-500:before {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(0 188 212/var(--tw-bg-opacity))
}

.peer:checked ~ .peer-checked\:before\:bg-deep-orange-500:before {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(255 87 34/var(--tw-bg-opacity))
}

.peer:checked ~ .peer-checked\:before\:bg-deep-purple-500:before {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(103 58 183/var(--tw-bg-opacity))
}

.peer:checked ~ .peer-checked\:before\:bg-gray-900:before {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(33 33 33/var(--tw-bg-opacity))
}

.peer:checked ~ .peer-checked\:before\:bg-green-500:before {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(76 175 80/var(--tw-bg-opacity))
}

.peer:checked ~ .peer-checked\:before\:bg-indigo-500:before {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(63 81 181/var(--tw-bg-opacity))
}

.peer:checked ~ .peer-checked\:before\:bg-light-blue-500:before {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(3 169 244/var(--tw-bg-opacity))
}

.peer:checked ~ .peer-checked\:before\:bg-light-green-500:before {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(139 195 74/var(--tw-bg-opacity))
}

.peer:checked ~ .peer-checked\:before\:bg-lime-500:before {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(205 220 57/var(--tw-bg-opacity))
}

.peer:checked ~ .peer-checked\:before\:bg-orange-500:before {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(255 152 0/var(--tw-bg-opacity))
}

.peer:checked ~ .peer-checked\:before\:bg-pink-500:before {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(233 30 99/var(--tw-bg-opacity))
}

.peer:checked ~ .peer-checked\:before\:bg-purple-500:before {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(156 39 176/var(--tw-bg-opacity))
}

.peer:checked ~ .peer-checked\:before\:bg-red-500:before {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(244 67 54/var(--tw-bg-opacity))
}

.peer:checked ~ .peer-checked\:before\:bg-teal-500:before {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(0 150 136/var(--tw-bg-opacity))
}

.peer:checked ~ .peer-checked\:before\:bg-yellow-500:before {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(255 235 59/var(--tw-bg-opacity))
}

.peer:-moz-placeholder-shown ~ .peer-placeholder-shown\:text-sm {
    font-size: .875rem;
    line-height: 1.25rem
}

.peer:placeholder-shown ~ .peer-placeholder-shown\:text-sm {
    font-size: .875rem;
    line-height: 1.25rem
}

.peer:-moz-placeholder-shown ~ .peer-placeholder-shown\:leading-\[3\.75\] {
    line-height: 3.75
}

.peer:placeholder-shown ~ .peer-placeholder-shown\:leading-\[3\.75\] {
    line-height: 3.75
}

.peer:-moz-placeholder-shown ~ .peer-placeholder-shown\:leading-\[4\.1\] {
    line-height: 4.1
}

.peer:placeholder-shown ~ .peer-placeholder-shown\:leading-\[4\.1\] {
    line-height: 4.1
}

.peer:-moz-placeholder-shown ~ .peer-placeholder-shown\:leading-\[4\.25\] {
    line-height: 4.25
}

.peer:placeholder-shown ~ .peer-placeholder-shown\:leading-\[4\.25\] {
    line-height: 4.25
}

.peer:-moz-placeholder-shown ~ .peer-placeholder-shown\:leading-\[4\.875\] {
    line-height: 4.875
}

.peer:placeholder-shown ~ .peer-placeholder-shown\:leading-\[4\.875\] {
    line-height: 4.875
}

.peer:-moz-placeholder-shown ~ .peer-placeholder-shown\:leading-tight {
    line-height: 1.25
}

.peer:placeholder-shown ~ .peer-placeholder-shown\:leading-tight {
    line-height: 1.25
}

.peer:-moz-placeholder-shown ~ .peer-placeholder-shown\:text-blue-gray-500 {
    --tw-text-opacity: 1;
    color: rgb(96 125 139/var(--tw-text-opacity))
}

.peer:placeholder-shown ~ .peer-placeholder-shown\:text-blue-gray-500 {
    --tw-text-opacity: 1;
    color: rgb(96 125 139/var(--tw-text-opacity))
}

.peer:-moz-placeholder-shown ~ .peer-placeholder-shown\:text-green-500 {
    --tw-text-opacity: 1;
    color: rgb(76 175 80/var(--tw-text-opacity))
}

.peer:placeholder-shown ~ .peer-placeholder-shown\:text-green-500 {
    --tw-text-opacity: 1;
    color: rgb(76 175 80/var(--tw-text-opacity))
}

.peer:-moz-placeholder-shown ~ .peer-placeholder-shown\:text-red-500 {
    --tw-text-opacity: 1;
    color: rgb(244 67 54/var(--tw-text-opacity))
}

.peer:placeholder-shown ~ .peer-placeholder-shown\:text-red-500 {
    --tw-text-opacity: 1;
    color: rgb(244 67 54/var(--tw-text-opacity))
}

.peer:-moz-placeholder-shown ~ .peer-placeholder-shown\:before\:border-transparent:before {
    content: var(--tw-content);
    border-color: transparent
}

.peer:placeholder-shown ~ .peer-placeholder-shown\:before\:border-transparent:before {
    content: var(--tw-content);
    border-color: transparent
}

.peer:-moz-placeholder-shown ~ .peer-placeholder-shown\:after\:border-transparent:after {
    content: var(--tw-content);
    border-color: transparent
}

.peer:placeholder-shown ~ .peer-placeholder-shown\:after\:border-transparent:after {
    content: var(--tw-content);
    border-color: transparent
}

.peer:focus ~ .peer-focus\:text-\[11px\] {
    font-size: 11px
}

.peer:focus ~ .peer-focus\:text-sm {
    font-size: .875rem;
    line-height: 1.25rem
}

.peer:focus ~ .peer-focus\:leading-tight {
    line-height: 1.25
}

.peer:focus ~ .peer-focus\:\!text-black {
    --tw-text-opacity: 1 !important;
    color: rgb(0 0 0/var(--tw-text-opacity)) !important
}

.peer:focus ~ .peer-focus\:\!text-white {
    --tw-text-opacity: 1 !important;
    color: rgb(255 255 255/var(--tw-text-opacity)) !important
}

.peer:focus ~ .peer-focus\:text-amber-500 {
    --tw-text-opacity: 1;
    color: rgb(255 193 7/var(--tw-text-opacity))
}

.peer:focus ~ .peer-focus\:text-black {
    --tw-text-opacity: 1;
    color: rgb(0 0 0/var(--tw-text-opacity))
}

.peer:focus ~ .peer-focus\:text-blue-500 {
    --tw-text-opacity: 1;
    color: rgb(33 150 243/var(--tw-text-opacity))
}

.peer:focus ~ .peer-focus\:text-blue-gray-500 {
    --tw-text-opacity: 1;
    color: rgb(96 125 139/var(--tw-text-opacity))
}

.peer:focus ~ .peer-focus\:text-brown-500 {
    --tw-text-opacity: 1;
    color: rgb(121 85 72/var(--tw-text-opacity))
}

.peer:focus ~ .peer-focus\:text-cyan-500 {
    --tw-text-opacity: 1;
    color: rgb(0 188 212/var(--tw-text-opacity))
}

.peer:focus ~ .peer-focus\:text-deep-orange-500 {
    --tw-text-opacity: 1;
    color: rgb(255 87 34/var(--tw-text-opacity))
}

.peer:focus ~ .peer-focus\:text-deep-purple-500 {
    --tw-text-opacity: 1;
    color: rgb(103 58 183/var(--tw-text-opacity))
}

.peer:focus ~ .peer-focus\:text-gray-900 {
    --tw-text-opacity: 1;
    color: rgb(33 33 33/var(--tw-text-opacity))
}

.peer:focus ~ .peer-focus\:text-green-500 {
    --tw-text-opacity: 1;
    color: rgb(76 175 80/var(--tw-text-opacity))
}

.peer:focus ~ .peer-focus\:text-indigo-500 {
    --tw-text-opacity: 1;
    color: rgb(63 81 181/var(--tw-text-opacity))
}

.peer:focus ~ .peer-focus\:text-light-blue-500 {
    --tw-text-opacity: 1;
    color: rgb(3 169 244/var(--tw-text-opacity))
}

.peer:focus ~ .peer-focus\:text-light-green-500 {
    --tw-text-opacity: 1;
    color: rgb(139 195 74/var(--tw-text-opacity))
}

.peer:focus ~ .peer-focus\:text-lime-500 {
    --tw-text-opacity: 1;
    color: rgb(205 220 57/var(--tw-text-opacity))
}

.peer:focus ~ .peer-focus\:text-orange-500 {
    --tw-text-opacity: 1;
    color: rgb(255 152 0/var(--tw-text-opacity))
}

.peer:focus ~ .peer-focus\:text-pink-500 {
    --tw-text-opacity: 1;
    color: rgb(233 30 99/var(--tw-text-opacity))
}

.peer:focus ~ .peer-focus\:text-purple-500 {
    --tw-text-opacity: 1;
    color: rgb(156 39 176/var(--tw-text-opacity))
}

.peer:focus ~ .peer-focus\:text-red-500 {
    --tw-text-opacity: 1;
    color: rgb(244 67 54/var(--tw-text-opacity))
}

.peer:focus ~ .peer-focus\:text-teal-500 {
    --tw-text-opacity: 1;
    color: rgb(0 150 136/var(--tw-text-opacity))
}

.peer:focus ~ .peer-focus\:text-white {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity))
}

.peer:focus ~ .peer-focus\:text-yellow-500 {
    --tw-text-opacity: 1;
    color: rgb(255 235 59/var(--tw-text-opacity))
}

.peer:focus ~ .peer-focus\:before\:border-l-2:before {
    content: var(--tw-content);
    border-left-width: 2px
}

.peer:focus ~ .peer-focus\:before\:border-t-2:before {
    content: var(--tw-content);
    border-top-width: 2px
}

.peer:focus ~ .peer-focus\:before\:\!border-amber-500:before {
    content: var(--tw-content);
    --tw-border-opacity: 1 !important;
    border-color: rgb(255 193 7/var(--tw-border-opacity)) !important
}

.peer:focus ~ .peer-focus\:before\:\!border-black:before {
    content: var(--tw-content);
    --tw-border-opacity: 1 !important;
    border-color: rgb(0 0 0/var(--tw-border-opacity)) !important
}

.peer:focus ~ .peer-focus\:before\:\!border-blue-500:before {
    content: var(--tw-content);
    --tw-border-opacity: 1 !important;
    border-color: rgb(33 150 243/var(--tw-border-opacity)) !important
}

.peer:focus ~ .peer-focus\:before\:\!border-blue-gray-500:before {
    content: var(--tw-content);
    --tw-border-opacity: 1 !important;
    border-color: rgb(96 125 139/var(--tw-border-opacity)) !important
}

.peer:focus ~ .peer-focus\:before\:\!border-brown-500:before {
    content: var(--tw-content);
    --tw-border-opacity: 1 !important;
    border-color: rgb(121 85 72/var(--tw-border-opacity)) !important
}

.peer:focus ~ .peer-focus\:before\:\!border-cyan-500:before {
    content: var(--tw-content);
    --tw-border-opacity: 1 !important;
    border-color: rgb(0 188 212/var(--tw-border-opacity)) !important
}

.peer:focus ~ .peer-focus\:before\:\!border-deep-orange-500:before {
    content: var(--tw-content);
    --tw-border-opacity: 1 !important;
    border-color: rgb(255 87 34/var(--tw-border-opacity)) !important
}

.peer:focus ~ .peer-focus\:before\:\!border-deep-purple-500:before {
    content: var(--tw-content);
    --tw-border-opacity: 1 !important;
    border-color: rgb(103 58 183/var(--tw-border-opacity)) !important
}

.peer:focus ~ .peer-focus\:before\:\!border-gray-900:before {
    content: var(--tw-content);
    --tw-border-opacity: 1 !important;
    border-color: rgb(33 33 33/var(--tw-border-opacity)) !important
}

.peer:focus ~ .peer-focus\:before\:\!border-green-500:before {
    content: var(--tw-content);
    --tw-border-opacity: 1 !important;
    border-color: rgb(76 175 80/var(--tw-border-opacity)) !important
}

.peer:focus ~ .peer-focus\:before\:\!border-indigo-500:before {
    content: var(--tw-content);
    --tw-border-opacity: 1 !important;
    border-color: rgb(63 81 181/var(--tw-border-opacity)) !important
}

.peer:focus ~ .peer-focus\:before\:\!border-light-blue-500:before {
    content: var(--tw-content);
    --tw-border-opacity: 1 !important;
    border-color: rgb(3 169 244/var(--tw-border-opacity)) !important
}

.peer:focus ~ .peer-focus\:before\:\!border-light-green-500:before {
    content: var(--tw-content);
    --tw-border-opacity: 1 !important;
    border-color: rgb(139 195 74/var(--tw-border-opacity)) !important
}

.peer:focus ~ .peer-focus\:before\:\!border-lime-500:before {
    content: var(--tw-content);
    --tw-border-opacity: 1 !important;
    border-color: rgb(205 220 57/var(--tw-border-opacity)) !important
}

.peer:focus ~ .peer-focus\:before\:\!border-orange-500:before {
    content: var(--tw-content);
    --tw-border-opacity: 1 !important;
    border-color: rgb(255 152 0/var(--tw-border-opacity)) !important
}

.peer:focus ~ .peer-focus\:before\:\!border-pink-500:before {
    content: var(--tw-content);
    --tw-border-opacity: 1 !important;
    border-color: rgb(233 30 99/var(--tw-border-opacity)) !important
}

.peer:focus ~ .peer-focus\:before\:\!border-purple-500:before {
    content: var(--tw-content);
    --tw-border-opacity: 1 !important;
    border-color: rgb(156 39 176/var(--tw-border-opacity)) !important
}

.peer:focus ~ .peer-focus\:before\:\!border-red-500:before {
    content: var(--tw-content);
    --tw-border-opacity: 1 !important;
    border-color: rgb(244 67 54/var(--tw-border-opacity)) !important
}

.peer:focus ~ .peer-focus\:before\:\!border-teal-500:before {
    content: var(--tw-content);
    --tw-border-opacity: 1 !important;
    border-color: rgb(0 150 136/var(--tw-border-opacity)) !important
}

.peer:focus ~ .peer-focus\:before\:\!border-white:before {
    content: var(--tw-content);
    --tw-border-opacity: 1 !important;
    border-color: rgb(255 255 255/var(--tw-border-opacity)) !important
}

.peer:focus ~ .peer-focus\:before\:\!border-yellow-500:before {
    content: var(--tw-content);
    --tw-border-opacity: 1 !important;
    border-color: rgb(255 235 59/var(--tw-border-opacity)) !important
}

.peer:focus ~ .peer-focus\:before\:border-green-500:before {
    content: var(--tw-content);
    --tw-border-opacity: 1;
    border-color: rgb(76 175 80/var(--tw-border-opacity))
}

.peer:focus ~ .peer-focus\:before\:border-red-500:before {
    content: var(--tw-content);
    --tw-border-opacity: 1;
    border-color: rgb(244 67 54/var(--tw-border-opacity))
}

.peer:focus ~ .peer-focus\:after\:scale-x-100:after {
    content: var(--tw-content);
    --tw-scale-x: 1;
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.peer:focus ~ .peer-focus\:after\:border-r-2:after {
    content: var(--tw-content);
    border-right-width: 2px
}

.peer:focus ~ .peer-focus\:after\:border-t-2:after {
    content: var(--tw-content);
    border-top-width: 2px
}

.peer:focus ~ .peer-focus\:after\:\!border-amber-500:after {
    content: var(--tw-content);
    --tw-border-opacity: 1 !important;
    border-color: rgb(255 193 7/var(--tw-border-opacity)) !important
}

.peer:focus ~ .peer-focus\:after\:\!border-black:after {
    content: var(--tw-content);
    --tw-border-opacity: 1 !important;
    border-color: rgb(0 0 0/var(--tw-border-opacity)) !important
}

.peer:focus ~ .peer-focus\:after\:\!border-blue-500:after {
    content: var(--tw-content);
    --tw-border-opacity: 1 !important;
    border-color: rgb(33 150 243/var(--tw-border-opacity)) !important
}

.peer:focus ~ .peer-focus\:after\:\!border-blue-gray-500:after {
    content: var(--tw-content);
    --tw-border-opacity: 1 !important;
    border-color: rgb(96 125 139/var(--tw-border-opacity)) !important
}

.peer:focus ~ .peer-focus\:after\:\!border-brown-500:after {
    content: var(--tw-content);
    --tw-border-opacity: 1 !important;
    border-color: rgb(121 85 72/var(--tw-border-opacity)) !important
}

.peer:focus ~ .peer-focus\:after\:\!border-cyan-500:after {
    content: var(--tw-content);
    --tw-border-opacity: 1 !important;
    border-color: rgb(0 188 212/var(--tw-border-opacity)) !important
}

.peer:focus ~ .peer-focus\:after\:\!border-deep-orange-500:after {
    content: var(--tw-content);
    --tw-border-opacity: 1 !important;
    border-color: rgb(255 87 34/var(--tw-border-opacity)) !important
}

.peer:focus ~ .peer-focus\:after\:\!border-deep-purple-500:after {
    content: var(--tw-content);
    --tw-border-opacity: 1 !important;
    border-color: rgb(103 58 183/var(--tw-border-opacity)) !important
}

.peer:focus ~ .peer-focus\:after\:\!border-gray-900:after {
    content: var(--tw-content);
    --tw-border-opacity: 1 !important;
    border-color: rgb(33 33 33/var(--tw-border-opacity)) !important
}

.peer:focus ~ .peer-focus\:after\:\!border-green-500:after {
    content: var(--tw-content);
    --tw-border-opacity: 1 !important;
    border-color: rgb(76 175 80/var(--tw-border-opacity)) !important
}

.peer:focus ~ .peer-focus\:after\:\!border-indigo-500:after {
    content: var(--tw-content);
    --tw-border-opacity: 1 !important;
    border-color: rgb(63 81 181/var(--tw-border-opacity)) !important
}

.peer:focus ~ .peer-focus\:after\:\!border-light-blue-500:after {
    content: var(--tw-content);
    --tw-border-opacity: 1 !important;
    border-color: rgb(3 169 244/var(--tw-border-opacity)) !important
}

.peer:focus ~ .peer-focus\:after\:\!border-light-green-500:after {
    content: var(--tw-content);
    --tw-border-opacity: 1 !important;
    border-color: rgb(139 195 74/var(--tw-border-opacity)) !important
}

.peer:focus ~ .peer-focus\:after\:\!border-lime-500:after {
    content: var(--tw-content);
    --tw-border-opacity: 1 !important;
    border-color: rgb(205 220 57/var(--tw-border-opacity)) !important
}

.peer:focus ~ .peer-focus\:after\:\!border-orange-500:after {
    content: var(--tw-content);
    --tw-border-opacity: 1 !important;
    border-color: rgb(255 152 0/var(--tw-border-opacity)) !important
}

.peer:focus ~ .peer-focus\:after\:\!border-pink-500:after {
    content: var(--tw-content);
    --tw-border-opacity: 1 !important;
    border-color: rgb(233 30 99/var(--tw-border-opacity)) !important
}

.peer:focus ~ .peer-focus\:after\:\!border-purple-500:after {
    content: var(--tw-content);
    --tw-border-opacity: 1 !important;
    border-color: rgb(156 39 176/var(--tw-border-opacity)) !important
}

.peer:focus ~ .peer-focus\:after\:\!border-red-500:after {
    content: var(--tw-content);
    --tw-border-opacity: 1 !important;
    border-color: rgb(244 67 54/var(--tw-border-opacity)) !important
}

.peer:focus ~ .peer-focus\:after\:\!border-teal-500:after {
    content: var(--tw-content);
    --tw-border-opacity: 1 !important;
    border-color: rgb(0 150 136/var(--tw-border-opacity)) !important
}

.peer:focus ~ .peer-focus\:after\:\!border-white:after {
    content: var(--tw-content);
    --tw-border-opacity: 1 !important;
    border-color: rgb(255 255 255/var(--tw-border-opacity)) !important
}

.peer:focus ~ .peer-focus\:after\:\!border-yellow-500:after {
    content: var(--tw-content);
    --tw-border-opacity: 1 !important;
    border-color: rgb(255 235 59/var(--tw-border-opacity)) !important
}

.peer:focus ~ .peer-focus\:after\:border-amber-500:after {
    content: var(--tw-content);
    --tw-border-opacity: 1;
    border-color: rgb(255 193 7/var(--tw-border-opacity))
}

.peer:focus ~ .peer-focus\:after\:border-black:after {
    content: var(--tw-content);
    --tw-border-opacity: 1;
    border-color: rgb(0 0 0/var(--tw-border-opacity))
}

.peer:focus ~ .peer-focus\:after\:border-blue-500:after {
    content: var(--tw-content);
    --tw-border-opacity: 1;
    border-color: rgb(33 150 243/var(--tw-border-opacity))
}

.peer:focus ~ .peer-focus\:after\:border-blue-gray-500:after {
    content: var(--tw-content);
    --tw-border-opacity: 1;
    border-color: rgb(96 125 139/var(--tw-border-opacity))
}

.peer:focus ~ .peer-focus\:after\:border-brown-500:after {
    content: var(--tw-content);
    --tw-border-opacity: 1;
    border-color: rgb(121 85 72/var(--tw-border-opacity))
}

.peer:focus ~ .peer-focus\:after\:border-cyan-500:after {
    content: var(--tw-content);
    --tw-border-opacity: 1;
    border-color: rgb(0 188 212/var(--tw-border-opacity))
}

.peer:focus ~ .peer-focus\:after\:border-deep-orange-500:after {
    content: var(--tw-content);
    --tw-border-opacity: 1;
    border-color: rgb(255 87 34/var(--tw-border-opacity))
}

.peer:focus ~ .peer-focus\:after\:border-deep-purple-500:after {
    content: var(--tw-content);
    --tw-border-opacity: 1;
    border-color: rgb(103 58 183/var(--tw-border-opacity))
}

.peer:focus ~ .peer-focus\:after\:border-gray-900:after {
    content: var(--tw-content);
    --tw-border-opacity: 1;
    border-color: rgb(33 33 33/var(--tw-border-opacity))
}

.peer:focus ~ .peer-focus\:after\:border-green-500:after {
    content: var(--tw-content);
    --tw-border-opacity: 1;
    border-color: rgb(76 175 80/var(--tw-border-opacity))
}

.peer:focus ~ .peer-focus\:after\:border-indigo-500:after {
    content: var(--tw-content);
    --tw-border-opacity: 1;
    border-color: rgb(63 81 181/var(--tw-border-opacity))
}

.peer:focus ~ .peer-focus\:after\:border-light-blue-500:after {
    content: var(--tw-content);
    --tw-border-opacity: 1;
    border-color: rgb(3 169 244/var(--tw-border-opacity))
}

.peer:focus ~ .peer-focus\:after\:border-light-green-500:after {
    content: var(--tw-content);
    --tw-border-opacity: 1;
    border-color: rgb(139 195 74/var(--tw-border-opacity))
}

.peer:focus ~ .peer-focus\:after\:border-lime-500:after {
    content: var(--tw-content);
    --tw-border-opacity: 1;
    border-color: rgb(205 220 57/var(--tw-border-opacity))
}

.peer:focus ~ .peer-focus\:after\:border-orange-500:after {
    content: var(--tw-content);
    --tw-border-opacity: 1;
    border-color: rgb(255 152 0/var(--tw-border-opacity))
}

.peer:focus ~ .peer-focus\:after\:border-pink-500:after {
    content: var(--tw-content);
    --tw-border-opacity: 1;
    border-color: rgb(233 30 99/var(--tw-border-opacity))
}

.peer:focus ~ .peer-focus\:after\:border-purple-500:after {
    content: var(--tw-content);
    --tw-border-opacity: 1;
    border-color: rgb(156 39 176/var(--tw-border-opacity))
}

.peer:focus ~ .peer-focus\:after\:border-red-500:after {
    content: var(--tw-content);
    --tw-border-opacity: 1;
    border-color: rgb(244 67 54/var(--tw-border-opacity))
}

.peer:focus ~ .peer-focus\:after\:border-teal-500:after {
    content: var(--tw-content);
    --tw-border-opacity: 1;
    border-color: rgb(0 150 136/var(--tw-border-opacity))
}

.peer:focus ~ .peer-focus\:after\:border-white:after {
    content: var(--tw-content);
    --tw-border-opacity: 1;
    border-color: rgb(255 255 255/var(--tw-border-opacity))
}

.peer:focus ~ .peer-focus\:after\:border-yellow-500:after {
    content: var(--tw-content);
    --tw-border-opacity: 1;
    border-color: rgb(255 235 59/var(--tw-border-opacity))
}

.peer:disabled ~ .peer-disabled\:text-blue-gray-400 {
    --tw-text-opacity: 1;
    color: rgb(120 144 156/var(--tw-text-opacity))
}

.peer:disabled ~ .peer-disabled\:text-transparent {
    color: transparent
}

.peer:disabled ~ .peer-disabled\:after\:border-transparent:after, .peer:disabled ~ .peer-disabled\:before\:border-transparent:before {
    content: var(--tw-content);
    border-color: transparent
}

.peer:disabled:-moz-placeholder-shown ~ .peer-disabled\:peer-placeholder-shown\:text-blue-gray-500 {
    --tw-text-opacity: 1;
    color: rgb(96 125 139/var(--tw-text-opacity))
}

.peer:disabled:placeholder-shown ~ .peer-disabled\:peer-placeholder-shown\:text-blue-gray-500 {
    --tw-text-opacity: 1;
    color: rgb(96 125 139/var(--tw-text-opacity))
}

@media (min-width:768px) {
    .md\:absolute {
        position: absolute
    }

    .md\:-left-6 {
        left: -1.5rem
    }

    .md\:-right-6 {
        right: -1.5rem
    }

    .md\:bottom-5 {
        bottom: 1.25rem
    }

    .md\:left-0 {
        left: 0
    }

    .md\:left-10 {
        left: 2.5rem
    }

    .md\:left-3 {
        left: .75rem
    }

    .md\:left-5 {
        left: 1.25rem
    }

    .md\:right-10 {
        right: 2.5rem
    }

    .md\:right-12 {
        right: 3rem
    }

    .md\:right-7 {
        right: 1.75rem
    }

    .md\:right-8 {
        right: 2rem
    }

    .md\:right-auto {
        right: auto
    }

    .md\:top-1\/2 {
        top: 50%
    }

    .md\:top-3 {
        top: .75rem
    }

    .md\:top-60 {
        top: 15rem
    }

    .md\:top-7 {
        top: 1.75rem
    }

    .md\:col-span-1 {
        grid-column: span 1/span 1
    }

    .md\:col-span-10 {
        grid-column: span 10/span 10
    }

    .md\:col-span-2 {
        grid-column: span 2/span 2
    }

    .md\:col-span-3 {
        grid-column: span 3/span 3
    }

    .md\:col-span-4 {
        grid-column: span 4/span 4
    }

    .md\:col-span-5 {
        grid-column: span 5/span 5
    }

    .md\:col-span-6 {
        grid-column: span 6/span 6
    }

    .md\:col-span-7 {
        grid-column: span 7/span 7
    }

    .md\:col-span-8 {
        grid-column: span 8/span 8
    }

    .md\:col-span-9 {
        grid-column: span 9/span 9
    }

    .md\:col-span-full {
        grid-column: 1/-1
    }

    .md\:col-start-2 {
        grid-column-start: 2
    }

    .md\:col-start-3 {
        grid-column-start: 3
    }

    .md\:col-end-11 {
        grid-column-end: 11
    }

    .md\:col-end-12 {
        grid-column-end: 12
    }

    .md\:mx-0 {
        margin-left: 0;
        margin-right: 0
    }

    .md\:mx-4 {
        margin-left: 1rem;
        margin-right: 1rem
    }

    .md\:mx-6 {
        margin-left: 1.5rem;
        margin-right: 1.5rem
    }

    .md\:\!ml-auto {
        margin-left: auto !important
    }

    .md\:mb-10 {
        margin-bottom: 2.5rem
    }

    .md\:mb-20 {
        margin-bottom: 5rem
    }

    .md\:mb-3 {
        margin-bottom: .75rem
    }

    .md\:mb-8 {
        margin-bottom: 2rem
    }

    .md\:ml-auto {
        margin-left: auto
    }

    .md\:mt-0 {
        margin-top: 0
    }

    .md\:mt-10 {
        margin-top: 2.5rem
    }

    .md\:mt-4 {
        margin-top: 1rem
    }

    .md\:mt-5 {
        margin-top: 1.25rem
    }

    .md\:mt-6 {
        margin-top: 1.5rem
    }

    .md\:mt-8 {
        margin-top: 2rem
    }

    .md\:mt-auto {
        margin-top: auto
    }

    .md\:line-clamp-4 {
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 4
    }

    .md\:block {
        display: block
    }

    .md\:flex {
        display: flex
    }

    .md\:grid {
        display: grid
    }

    .md\:hidden {
        display: none
    }

    .md\:aspect-auto {
        aspect-ratio: auto
    }

    .md\:size-24 {
        width: 6rem;
        height: 6rem
    }

    .md\:h-10 {
        height: 2.5rem
    }

    .md\:h-12 {
        height: 3rem
    }

    .md\:h-20 {
        height: 5rem
    }

    .md\:h-4 {
        height: 1rem
    }

    .md\:h-40 {
        height: 10rem
    }

    .md\:h-5 {
        height: 1.25rem
    }

    .md\:h-6 {
        height: 1.5rem
    }

    .md\:h-\[100px\] {
        height: 100px
    }

    .md\:h-\[112px\] {
        height: 112px
    }

    .md\:h-\[120px\] {
        height: 120px
    }

    .md\:h-\[133px\] {
        height: 133px
    }

    .md\:h-\[150px\] {
        height: 150px
    }

    .md\:h-\[162px\] {
        height: 162px
    }

    .md\:h-\[168px\] {
        height: 168px
    }

    .md\:h-\[200px\] {
        height: 200px
    }

    .md\:h-\[260px\] {
        height: 260px
    }

    .md\:h-\[292px\] {
        height: 292px
    }

    .md\:h-\[300px\] {
        height: 300px
    }

    .md\:h-\[350px\] {
        height: 350px
    }

    .md\:h-\[360px\] {
        height: 360px
    }

    .md\:h-\[400px\] {
        height: 400px
    }

    .md\:h-\[45px\] {
        height: 45px
    }

    .md\:h-\[48px\] {
        height: 48px
    }

    .md\:h-\[500px\] {
        height: 500px
    }

    .md\:h-\[50px\] {
        height: 50px
    }

    .md\:h-\[84px\] {
        height: 84px
    }

    .md\:h-\[90px\] {
        height: 90px
    }

    .md\:h-auto {
        height: auto
    }

    .md\:h-full {
        height: 100%
    }

    .md\:min-h-20 {
        min-height: 5rem
    }

    .md\:\!w-10 {
        width: 2.5rem !important
    }

    .md\:\!w-8 {
        width: 2rem !important
    }

    .md\:w-10 {
        width: 2.5rem
    }

    .md\:w-12 {
        width: 3rem
    }

    .md\:w-2\/3 {
        width: 66.666667%
    }

    .md\:w-20 {
        width: 5rem
    }

    .md\:w-3\/4 {
        width: 75%
    }

    .md\:w-3\/5 {
        width: 60%
    }

    .md\:w-4 {
        width: 1rem
    }

    .md\:w-40 {
        width: 10rem
    }

    .md\:w-5 {
        width: 1.25rem
    }

    .md\:w-5\/6 {
        width: 83.333333%
    }

    .md\:w-6 {
        width: 1.5rem
    }

    .md\:w-\[100px\] {
        width: 100px
    }

    .md\:w-\[120px\] {
        width: 120px
    }

    .md\:w-\[140px\] {
        width: 140px
    }

    .md\:w-\[150px\] {
        width: 150px
    }

    .md\:w-\[160px\] {
        width: 160px
    }

    .md\:w-\[180px\] {
        width: 180px
    }

    .md\:w-\[200px\] {
        width: 200px
    }

    .md\:w-\[300px\] {
        width: 300px
    }

    .md\:w-\[30px\] {
        width: 30px
    }

    .md\:w-\[360px\] {
        width: 360px
    }

    .md\:w-\[400px\] {
        width: 400px
    }

    .md\:w-\[45px\] {
        width: 45px
    }

    .md\:w-\[50px\] {
        width: 50px
    }

    .md\:w-\[90\%\] {
        width: 90%
    }

    .md\:w-auto {
        width: auto
    }

    .md\:w-full {
        width: 100%
    }

    .md\:\!min-w-0 {
        min-width: 0 !important
    }

    .md\:min-w-\[60\%\] {
        min-width: 60%
    }

    .md\:min-w-\[66\.666667\%\] {
        min-width: 66.666667%
    }

    .md\:min-w-\[75\%\] {
        min-width: 75%
    }

    .md\:min-w-\[83\.333333\%\] {
        min-width: 83.333333%
    }

    .md\:max-w-\[60\%\] {
        max-width: 60%
    }

    .md\:max-w-\[600px\] {
        max-width: 600px
    }

    .md\:max-w-\[66\.666667\%\] {
        max-width: 66.666667%
    }

    .md\:max-w-\[75\%\] {
        max-width: 75%
    }

    .md\:max-w-\[83\.333333\%\] {
        max-width: 83.333333%
    }

    .md\:-translate-x-\[36\%\] {
        --tw-translate-x: -36%
    }

    .md\:-translate-x-\[36\%\], .md\:-translate-y-1\/2 {
        transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }

    .md\:-translate-y-1\/2 {
        --tw-translate-y: -50%
    }

    .md\:-translate-y-\[30\%\] {
        --tw-translate-y: -30%
    }

    .md\:-translate-y-\[30\%\], .md\:-translate-y-\[90\%\] {
        transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }

    .md\:-translate-y-\[90\%\] {
        --tw-translate-y: -90%
    }

    .md\:-translate-y-full {
        --tw-translate-y: -100%
    }

    .md\:-translate-y-full, .md\:translate-x-1\/2 {
        transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }

    .md\:translate-x-1\/2 {
        --tw-translate-x: 50%
    }

    .md\:grid-cols-12 {
        grid-template-columns: repeat(12,minmax(0,1fr))
    }

    .md\:grid-cols-5 {
        grid-template-columns: repeat(5,minmax(0,1fr))
    }

    .md\:flex-row {
        flex-direction: row
    }

    .md\:flex-row-reverse {
        flex-direction: row-reverse
    }

    .md\:flex-col {
        flex-direction: column
    }

    .md\:items-start {
        align-items: flex-start
    }

    .md\:items-center {
        align-items: center
    }

    .md\:justify-start {
        justify-content: flex-start
    }

    .md\:justify-center {
        justify-content: center
    }

    .md\:justify-between {
        justify-content: space-between
    }

    .md\:\!gap-12 {
        gap: 3rem !important
    }

    .md\:gap-0 {
        gap: 0
    }

    .md\:gap-1 {
        gap: .25rem
    }

    .md\:gap-10 {
        gap: 2.5rem
    }

    .md\:gap-12 {
        gap: 3rem
    }

    .md\:gap-14 {
        gap: 3.5rem
    }

    .md\:gap-16 {
        gap: 4rem
    }

    .md\:gap-2 {
        gap: .5rem
    }

    .md\:gap-20 {
        gap: 5rem
    }

    .md\:gap-3 {
        gap: .75rem
    }

    .md\:gap-4 {
        gap: 1rem
    }

    .md\:gap-5 {
        gap: 1.25rem
    }

    .md\:gap-6 {
        gap: 1.5rem
    }

    .md\:gap-7 {
        gap: 1.75rem
    }

    .md\:gap-8 {
        gap: 2rem
    }

    .md\:gap-9 {
        gap: 2.25rem
    }

    .md\:rounded-3xl {
        border-radius: 1.5rem
    }

    .md\:rounded-\[20px\] {
        border-radius: 20px
    }

    .md\:rounded-\[24px\] {
        border-radius: 24px
    }

    .md\:rounded-xl {
        border-radius: .75rem
    }

    .md\:rounded-b-2xl {
        border-bottom-right-radius: 1rem;
        border-bottom-left-radius: 1rem
    }

    .md\:rounded-t-2xl {
        border-top-right-radius: 1rem
    }

    .md\:rounded-t-2xl, .md\:rounded-tl-2xl {
        border-top-left-radius: 1rem
    }

    .md\:rounded-tr-2xl {
        border-top-right-radius: 1rem
    }

    .md\:border {
        border-width: 1px
    }

    .md\:border-primary {
        border-color: var(--primary-color)
    }

    .md\:object-cover {
        -o-object-fit: cover;
        object-fit: cover
    }

    .md\:p-12 {
        padding: 3rem
    }

    .md\:p-2 {
        padding: .5rem
    }

    .md\:p-3 {
        padding: .75rem
    }

    .md\:p-5 {
        padding: 1.25rem
    }

    .md\:p-6 {
        padding: 1.5rem
    }

    .md\:p-\[10px\] {
        padding: 10px
    }

    .md\:px-0 {
        padding-left: 0;
        padding-right: 0
    }

    .md\:px-10 {
        padding-left: 2.5rem;
        padding-right: 2.5rem
    }

    .md\:px-12 {
        padding-left: 3rem;
        padding-right: 3rem
    }

    .md\:px-3 {
        padding-left: .75rem;
        padding-right: .75rem
    }

    .md\:px-4 {
        padding-left: 1rem;
        padding-right: 1rem
    }

    .md\:py-0 {
        padding-top: 0;
        padding-bottom: 0
    }

    .md\:py-10 {
        padding-top: 2.5rem;
        padding-bottom: 2.5rem
    }

    .md\:py-2 {
        padding-top: .5rem;
        padding-bottom: .5rem
    }

    .md\:py-20 {
        padding-top: 5rem;
        padding-bottom: 5rem
    }

    .md\:py-6 {
        padding-top: 1.5rem;
        padding-bottom: 1.5rem
    }

    .md\:py-8 {
        padding-top: 2rem;
        padding-bottom: 2rem
    }

    .md\:pb-20 {
        padding-bottom: 5rem
    }

    .md\:pb-7 {
        padding-bottom: 1.75rem
    }

    .md\:pl-6 {
        padding-left: 1.5rem
    }

    .md\:pt-20 {
        padding-top: 5rem
    }

    .md\:text-center {
        text-align: center
    }

    .md\:text-start {
        text-align: start
    }

    .md\:text-end {
        text-align: end
    }

    .md\:\!text-base {
        font-size: 1rem !important;
        line-height: 1.5rem !important
    }

    .md\:\!text-sm {
        font-size: .875rem !important;
        line-height: 1.25rem !important
    }

    .md\:\!text-xs {
        font-size: .75rem !important;
        line-height: 1rem !important
    }

    .md\:text-2xl {
        font-size: 1.5rem;
        line-height: 2rem
    }

    .md\:text-base {
        font-size: 1rem;
        line-height: 1.5rem
    }

    .md\:text-lg {
        font-size: 1.125rem;
        line-height: 1.75rem
    }

    .md\:text-sm {
        font-size: .875rem;
        line-height: 1.25rem
    }

    .md\:text-xl {
        font-size: 1.25rem;
        line-height: 1.75rem
    }

    .md\:font-bold {
        font-weight: 700
    }

    .md\:\[mask-image\:_linear-gradient\(to_right\2c transparent_0\2c _black_120px\2c _black_calc\(100\%-120px\)\2c transparent_100\%\)\] {
        -webkit-mask-image: linear-gradient(90deg,transparent 0,#000 120px,#000 calc(100% - 120px),transparent);
        mask-image: linear-gradient(90deg,transparent 0,#000 120px,#000 calc(100% - 120px),transparent)
    }

    .md\:last\:rounded-b-2xl:last-child {
        border-bottom-right-radius: 1rem;
        border-bottom-left-radius: 1rem
    }

    .hover\:md\:scale-\[1\.1\]:hover {
        --tw-scale-x: 1.1;
        --tw-scale-y: 1.1;
        transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }

    .hover\:md\:border-secondary:hover {
        border-color: var(--secondary-color)
    }
}

@media (min-width:1024px) {
    .lg\:absolute {
        position: absolute
    }

    .lg\:-left-20 {
        left: -5rem
    }

    .lg\:-right-20 {
        right: -5rem
    }

    .lg\:-top-\[100px\] {
        top: -100px
    }

    .lg\:left-0 {
        left: 0
    }

    .lg\:left-10 {
        left: 2.5rem
    }

    .lg\:left-2 {
        left: .5rem
    }

    .lg\:right-10 {
        right: 2.5rem
    }

    .lg\:right-2 {
        right: .5rem
    }

    .lg\:right-6 {
        right: 1.5rem
    }

    .lg\:top-10 {
        top: 2.5rem
    }

    .lg\:top-16 {
        top: 4rem
    }

    .lg\:col-span-10 {
        grid-column: span 10/span 10
    }

    .lg\:col-span-3 {
        grid-column: span 3/span 3
    }

    .lg\:col-span-6 {
        grid-column: span 6/span 6
    }

    .lg\:col-span-9 {
        grid-column: span 9/span 9
    }

    .lg\:mx-0 {
        margin-left: 0;
        margin-right: 0
    }

    .lg\:mx-8 {
        margin-left: 2rem;
        margin-right: 2rem
    }

    .lg\:mx-auto {
        margin-left: auto;
        margin-right: auto
    }

    .lg\:mb-14 {
        margin-bottom: 3.5rem
    }

    .lg\:mt-5 {
        margin-top: 1.25rem
    }

    .lg\:mt-8 {
        margin-top: 2rem
    }

    .lg\:mt-\[100px\] {
        margin-top: 100px
    }

    .lg\:mt-\[3px\] {
        margin-top: 3px
    }

    .lg\:block {
        display: block
    }

    .lg\:flex {
        display: flex
    }

    .lg\:grid {
        display: grid
    }

    .lg\:hidden {
        display: none
    }

    .lg\:size-36 {
        width: 9rem;
        height: 9rem
    }

    .lg\:h-10 {
        height: 2.5rem
    }

    .lg\:h-6 {
        height: 1.5rem
    }

    .lg\:h-60 {
        height: 15rem
    }

    .lg\:h-7 {
        height: 1.75rem
    }

    .lg\:h-\[100px\] {
        height: 100px
    }

    .lg\:h-\[120px\] {
        height: 120px
    }

    .lg\:h-\[300px\] {
        height: 300px
    }

    .lg\:h-\[500px\] {
        height: 500px
    }

    .lg\:h-\[600px\] {
        height: 600px
    }

    .lg\:\!w-10 {
        width: 2.5rem !important
    }

    .lg\:\!w-12 {
        width: 3rem !important
    }

    .lg\:w-1\/2 {
        width: 50%
    }

    .lg\:w-10 {
        width: 2.5rem
    }

    .lg\:w-12 {
        width: 3rem
    }

    .lg\:w-2\/3 {
        width: 66.666667%
    }

    .lg\:w-2\/4 {
        width: 50%
    }

    .lg\:w-2\/5 {
        width: 40%
    }

    .lg\:w-20 {
        width: 5rem
    }

    .lg\:w-3\/4 {
        width: 75%
    }

    .lg\:w-3\/5 {
        width: 60%
    }

    .lg\:w-32 {
        width: 8rem
    }

    .lg\:w-6 {
        width: 1.5rem
    }

    .lg\:w-60 {
        width: 15rem
    }

    .lg\:w-7 {
        width: 1.75rem
    }

    .lg\:w-\[120px\] {
        width: 120px
    }

    .lg\:w-\[160px\] {
        width: 160px
    }

    .lg\:w-\[180px\] {
        width: 180px
    }

    .lg\:w-\[50px\] {
        width: 50px
    }

    .lg\:w-\[700px\] {
        width: 700px
    }

    .lg\:w-\[90\%\] {
        width: 90%
    }

    .lg\:w-auto {
        width: auto
    }

    .lg\:min-w-\[40\%\] {
        min-width: 40%
    }

    .lg\:min-w-\[50\%\] {
        min-width: 50%
    }

    .lg\:min-w-\[60\%\] {
        min-width: 60%
    }

    .lg\:min-w-\[75\%\] {
        min-width: 75%
    }

    .lg\:max-w-\[40\%\] {
        max-width: 40%
    }

    .lg\:max-w-\[50\%\] {
        max-width: 50%
    }

    .lg\:max-w-\[60\%\] {
        max-width: 60%
    }

    .lg\:max-w-\[75\%\] {
        max-width: 75%
    }

    .lg\:flex-1 {
        flex: 1 1 0%
    }

    .lg\:grid-cols-10 {
        grid-template-columns: repeat(10,minmax(0,1fr))
    }

    .lg\:flex-row-reverse {
        flex-direction: row-reverse
    }

    .lg\:items-start {
        align-items: flex-start
    }

    .lg\:justify-between {
        justify-content: space-between
    }

    .lg\:gap-12 {
        gap: 3rem
    }

    .lg\:gap-16 {
        gap: 4rem
    }

    .lg\:gap-2 {
        gap: .5rem
    }

    .lg\:gap-20 {
        gap: 5rem
    }

    .lg\:gap-4 {
        gap: 1rem
    }

    .lg\:gap-6 {
        gap: 1.5rem
    }

    .lg\:gap-7 {
        gap: 1.75rem
    }

    .lg\:gap-8 {
        gap: 2rem
    }

    .lg\:overflow-hidden {
        overflow: hidden
    }

    .lg\:rounded-\[24px\] {
        border-radius: 24px
    }

    .lg\:object-cover {
        -o-object-fit: cover;
        object-fit: cover
    }

    .lg\:p-10 {
        padding: 2.5rem
    }

    .lg\:p-2 {
        padding: .5rem
    }

    .lg\:p-3 {
        padding: .75rem
    }

    .lg\:p-4 {
        padding: 1rem
    }

    .lg\:p-5 {
        padding: 1.25rem
    }

    .lg\:px-2 {
        padding-left: .5rem;
        padding-right: .5rem
    }

    .lg\:px-4 {
        padding-left: 1rem;
        padding-right: 1rem
    }

    .lg\:py-6 {
        padding-top: 1.5rem;
        padding-bottom: 1.5rem
    }

    .lg\:py-8 {
        padding-top: 2rem;
        padding-bottom: 2rem
    }

    .lg\:pl-10 {
        padding-left: 2.5rem
    }

    .lg\:pl-16 {
        padding-left: 4rem
    }

    .lg\:pr-0 {
        padding-right: 0
    }

    .lg\:text-center {
        text-align: center
    }

    .lg\:text-justify {
        text-align: justify
    }

    .lg\:\!text-base {
        font-size: 1rem !important;
        line-height: 1.5rem !important
    }

    .lg\:\!text-lg {
        font-size: 1.125rem !important;
        line-height: 1.75rem !important
    }

    .lg\:text-2xl {
        font-size: 1.5rem;
        line-height: 2rem
    }

    .lg\:text-3xl {
        font-size: 1.875rem;
        line-height: 2.25rem
    }

    .lg\:text-4xl {
        font-size: 2.25rem;
        line-height: 2.5rem
    }

    .lg\:text-5xl {
        font-size: 3rem;
        line-height: 1
    }

    .lg\:text-base {
        font-size: 1rem;
        line-height: 1.5rem
    }

    .lg\:text-lg {
        font-size: 1.125rem;
        line-height: 1.75rem
    }

    .lg\:text-xl {
        font-size: 1.25rem;
        line-height: 1.75rem
    }

    .lg\:hover\:scale-\[1\.1\]:hover {
        --tw-scale-x: 1.1;
        --tw-scale-y: 1.1;
        transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }
}

@media (min-width:1280px) {
    .xl\:left-10 {
        left: 2.5rem
    }

    .xl\:left-20 {
        left: 5rem
    }

    .xl\:right-0 {
        right: 0
    }

    .xl\:right-5 {
        right: 1.25rem
    }

    .xl\:mb-16 {
        margin-bottom: 4rem
    }

    .xl\:h-\[150px\] {
        height: 150px
    }

    .xl\:w-\[150px\] {
        width: 150px
    }

    .xl\:w-\[200px\] {
        width: 200px
    }

    .xl\:w-\[205px\] {
        width: 205px
    }

    .xl\:w-\[208px\] {
        width: 208px
    }

    .xl\:w-\[275px\] {
        width: 275px
    }

    .xl\:w-\[280px\] {
        width: 280px
    }

    .xl\:-translate-y-\[70\%\] {
        --tw-translate-y: -70%
    }

    .xl\:-translate-y-\[70\%\], .xl\:translate-x-1\/2 {
        transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }

    .xl\:translate-x-1\/2 {
        --tw-translate-x: 50%
    }

    .xl\:gap-20 {
        gap: 5rem
    }

    .xl\:gap-6 {
        gap: 1.5rem
    }

    .xl\:px-6 {
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }

    .xl\:\!text-base {
        font-size: 1rem !important;
        line-height: 1.5rem !important
    }
}

@media (min-width:1320px) {
    .\32xl\:w-1\/3 {
        width: 33.333333%
    }

    .\32xl\:w-1\/4 {
        width: 25%
    }

    .\32xl\:w-2\/5 {
        width: 40%
    }

    .\32xl\:w-3\/4 {
        width: 75%
    }

    .\32xl\:w-3\/5 {
        width: 60%
    }

    .\32xl\:min-w-\[25\%\] {
        min-width: 25%
    }

    .\32xl\:min-w-\[33\.333333\%\] {
        min-width: 33.333333%
    }

    .\32xl\:min-w-\[40\%\] {
        min-width: 40%
    }

    .\32xl\:min-w-\[60\%\] {
        min-width: 60%
    }

    .\32xl\:min-w-\[75\%\] {
        min-width: 75%
    }

    .\32xl\:max-w-\[25\%\] {
        max-width: 25%
    }

    .\32xl\:max-w-\[33\.333333\%\] {
        max-width: 33.333333%
    }

    .\32xl\:max-w-\[40\%\] {
        max-width: 40%
    }

    .\32xl\:max-w-\[60\%\] {
        max-width: 60%
    }

    .\32xl\:max-w-\[75\%\] {
        max-width: 75%
    }
}

@media (min-width:1440px) {
    .xxl\:mx-auto {
        margin-left: auto;
        margin-right: auto
    }

    .xxl\:w-\[1170px\] {
        width: 1170px
    }

    .xxl\:\!text-lg {
        font-size: 1.125rem !important;
        line-height: 1.75rem !important
    }

    .xxl\:\!text-xl {
        font-size: 1.25rem !important;
        line-height: 1.75rem !important
    }

    .xxl\:text-2xl {
        font-size: 1.5rem;
        line-height: 2rem
    }

    .xxl\:text-3xl {
        font-size: 1.875rem;
        line-height: 2.25rem
    }

    .xxl\:text-4xl {
        font-size: 2.25rem;
        line-height: 2.5rem
    }

    .xxl\:text-5xl {
        font-size: 3rem;
        line-height: 1
    }

    .xxl\:text-6xl {
        font-size: 3.75rem;
        line-height: 1
    }

    .xxl\:text-lg {
        font-size: 1.125rem;
        line-height: 1.75rem
    }

    .xxl\:text-xl {
        font-size: 1.25rem;
        line-height: 1.75rem
    }
}

.\[\&\:\:-moz-range-thumb\]\:relative::-moz-range-thumb {
    position: relative
}

.\[\&\:\:-moz-range-thumb\]\:z-20::-moz-range-thumb {
    z-index: 20
}

.\[\&\:\:-moz-range-thumb\]\:-mt-1::-moz-range-thumb {
    margin-top: -.25rem
}

.\[\&\:\:-moz-range-thumb\]\:-mt-\[3px\]::-moz-range-thumb {
    margin-top: -3px
}

.\[\&\:\:-moz-range-thumb\]\:h-2\.5::-moz-range-thumb {
    height: .625rem
}

.\[\&\:\:-moz-range-thumb\]\:h-3\.5::-moz-range-thumb {
    height: .875rem
}

.\[\&\:\:-moz-range-thumb\]\:h-5::-moz-range-thumb {
    height: 1.25rem
}

.\[\&\:\:-moz-range-thumb\]\:w-2\.5::-moz-range-thumb {
    width: .625rem
}

.\[\&\:\:-moz-range-thumb\]\:w-3\.5::-moz-range-thumb {
    width: .875rem
}

.\[\&\:\:-moz-range-thumb\]\:w-5::-moz-range-thumb {
    width: 1.25rem
}

.\[\&\:\:-moz-range-thumb\]\:appearance-none::-moz-range-thumb {
    -moz-appearance: none;
    appearance: none
}

.\[\&\:\:-moz-range-thumb\]\:rounded-full::-moz-range-thumb {
    border-radius: 9999px
}

.\[\&\:\:-moz-range-thumb\]\:border-0::-moz-range-thumb {
    border-width: 0
}

.\[\&\:\:-moz-range-thumb\]\:bg-white::-moz-range-thumb {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity))
}

.\[\&\:\:-moz-range-thumb\]\:ring-2::-moz-range-thumb {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)
}

.\[\&\:\:-moz-range-thumb\]\:ring-current::-moz-range-thumb {
    --tw-ring-color: currentColor
}

.\[\&\:\:-moz-range-thumb\]\:\[-webkit-appearance\:none\]::-moz-range-thumb {
    -webkit-appearance: none
}

.\[\&\:\:-moz-range-track\]\:h-full::-moz-range-track {
    height: 100%
}

.\[\&\:\:-moz-range-track\]\:rounded-full::-moz-range-track {
    border-radius: 9999px
}

.\[\&\:\:-moz-range-track\]\:bg-blue-gray-100::-moz-range-track {
    --tw-bg-opacity: 1;
    background-color: rgb(207 216 220/var(--tw-bg-opacity))
}

.\[\&\:\:-webkit-slider-runnable-track\]\:h-full::-webkit-slider-runnable-track {
    height: 100%
}

.\[\&\:\:-webkit-slider-runnable-track\]\:rounded-full::-webkit-slider-runnable-track {
    border-radius: 9999px
}

.\[\&\:\:-webkit-slider-runnable-track\]\:bg-blue-gray-100::-webkit-slider-runnable-track {
    --tw-bg-opacity: 1;
    background-color: rgb(207 216 220/var(--tw-bg-opacity))
}

.\[\&\:\:-webkit-slider-thumb\]\:relative::-webkit-slider-thumb {
    position: relative
}

.\[\&\:\:-webkit-slider-thumb\]\:z-20::-webkit-slider-thumb {
    z-index: 20
}

.\[\&\:\:-webkit-slider-thumb\]\:-mt-1::-webkit-slider-thumb {
    margin-top: -.25rem
}

.\[\&\:\:-webkit-slider-thumb\]\:-mt-\[3px\]::-webkit-slider-thumb {
    margin-top: -3px
}

.\[\&\:\:-webkit-slider-thumb\]\:h-2\.5::-webkit-slider-thumb {
    height: .625rem
}

.\[\&\:\:-webkit-slider-thumb\]\:h-3\.5::-webkit-slider-thumb {
    height: .875rem
}

.\[\&\:\:-webkit-slider-thumb\]\:h-5::-webkit-slider-thumb {
    height: 1.25rem
}

.\[\&\:\:-webkit-slider-thumb\]\:w-2\.5::-webkit-slider-thumb {
    width: .625rem
}

.\[\&\:\:-webkit-slider-thumb\]\:w-3\.5::-webkit-slider-thumb {
    width: .875rem
}

.\[\&\:\:-webkit-slider-thumb\]\:w-5::-webkit-slider-thumb {
    width: 1.25rem
}

.\[\&\:\:-webkit-slider-thumb\]\:appearance-none::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none
}

.\[\&\:\:-webkit-slider-thumb\]\:rounded-full::-webkit-slider-thumb {
    border-radius: 9999px
}

.\[\&\:\:-webkit-slider-thumb\]\:border-0::-webkit-slider-thumb {
    border-width: 0
}

.\[\&\:\:-webkit-slider-thumb\]\:bg-white::-webkit-slider-thumb {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity))
}

.\[\&\:\:-webkit-slider-thumb\]\:ring-2::-webkit-slider-thumb {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)
}

.\[\&\:\:-webkit-slider-thumb\]\:ring-current::-webkit-slider-thumb {
    --tw-ring-color: currentColor
}

.\[\&\:\:-webkit-slider-thumb\]\:\[-webkit-appearance\:none\]::-webkit-slider-thumb {
    -webkit-appearance: none
}

.\[\&_img\]\:max-w-none img {
    max-width: none
}

.\[\&_li\]\:mx-2 li {
    margin-left: .5rem;
    margin-right: .5rem
}

.item-academic {
    box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow) !important;
}