:root {
    --bundlzz-orange: #F26A2C;
    --bundlzz-orange-light: #F49E25;
    --brand-font-primary: 'Barlow', sans-serif;
    --brand-font-secondary: 'Abel Pro', sans-serif;
    --placeholder-color: #1C1C1C;

    --color-white: #ffffff;
    --color-text: #444444;

    --form-border: #EEEFF3;

    --gradient-effect: linear-gradient(90deg, #F49E25 0%, #F26A2C 100%);
}

html, body {
    font-family: var(--brand-font-primary);
    font-weight: 400;
    background-color: #FFF;
    scroll-padding-top: 70px;
    height: 100%;
    margin: 0;
}

.text-info {color: #6182D4 !important;}
.text-success {color: #7AA097 !important;}

.fs-10 {font-size: 10px;}
.fs-11 {font-size: 11px;}
.fs-12 {font-size: 12px;}
.fs-13 {font-size: 13px;}
.fs-14 {font-size: 14px;}

.flex-1 {flex: 1;}
.min-w-250px {min-width: 250px;}
.text-muted {color: #9A9A9A !important;}
.my-16 {margin-top: 16px; margin-bottom: 16px;}
.text-sm {font-size: 12px;}
.text-normal {font-size: 15px;}

.btn {border-radius: 2px; border: 0; padding: 1.5px; box-shadow: none !important;}
.btn-sm span {font-size: 11px;}
.btn span {padding: 5px 11px; font-weight: 500; display: flex; align-items: center; grid-gap: 7px;}

.btn-primary {background: var(--gradient-effect); color: #fff;}

.btn-outline-gradient {background: var(--gradient-effect);}
.btn-outline-gradient span {background-color: #fff; color: var(--color-text);}

.badge {border-radius: 25px; padding: 2px 10px; font-size: 11px; font-weight: 600;}
.badge-primary {background: var(--gradient-effect);}

/*================ header-holder  start*/
.header-bar {position: fixed; top: 0; width: 100%; z-index: 5; padding: 9.2px 0px 2px; background: var(--gradient-effect);}
.header-container {padding: 26px 26px 20px 28px; display: flex; align-items: center; justify-content: space-between; grid-gap: 10px; background-color: var(--color-white);}
.header-container.after-login {padding: 23px 20px 20px;}
/*================ header-holder  end*/


/* ================sidebar start */
.sidebar {position: fixed; left: 0; top: 95px; width: 190px; min-height: calc(100dvh - 95px); z-index: 2; background: var(--gradient-effect); color: white; display: flex; flex-direction: column; transition: all .3s ease;}

@media screen and (min-width: 768px) {
    .sidebar.collapsed {width: 50px;}
    .sidebar.collapsed #adminLabel,
    .sidebar.collapsed .nav-link span {display: none;}
}

.sidebar.collapsed ~ .admin-content {padding: 95px 0 0 50px !important;}

@media screen and (max-width: 767px) {
    .sidebar:not(.collapsed) {width: 50px;}
    .sidebar:not(.collapsed) #adminLabel,
    .sidebar:not(.collapsed) .nav-link span {display: none;}
    .admin-content {padding: 95px 0 0 50px !important;}
}

.admin-name {padding: 13px; font-size: 16px; font-weight: 600; display: flex; align-items: center; grid-gap: 7px; border-bottom: 2px solid var(--color-white); margin-bottom: 20px;}
#adminLabel {min-width: 130px;}

.aside-nav {padding: 0 11px 0 5px;}
.aside-nav .nav-item {margin: 5px 0;}
.aside-nav .nav-link img {min-width: 21px; min-height: 21px;}
.aside-nav .nav-link {font-size: 16px; font-weight: 500; padding: 7px 10px; display: flex; align-items: center; grid-gap: 10px; color: var(--color-white); border-radius: 4px; min-height: 40px;}
.aside-nav .nav-link.active {background-color: var(--color-white); color: var(--color-text);}
.aside-nav .nav-link.active img {color: var(--color-text);}

.sidebar-toggle {position: absolute; right: -12px; bottom: 20px; padding: 0; border: 0; appearance: none; background-color: transparent;}

/* ================sidebar end */


/* =============admin-content style */
.admin-content {padding: 95px 0 0 190px;}
.content-holder {padding: 20px;}

.inner-header {display: flex; align-items: center; justify-content: space-between; padding-bottom: 14px;}

.horizontal-gradient-line {background: var(--gradient-effect); width: 100%; height: 2px;}

.page-title {padding: 20px 0;}
.page-title h5 {font-size: 22px; font-weight: 700; margin: 0;}
.page-title p {font-size: 14px; color: var(--color-text); margin: 0;}

.page-title.sm h5 {font-size: 15px; font-weight: 600; margin: 0 0 2px;}
.page-title.sm p {font-size: 12px;}

.custom-tabs {border-bottom-width: 2px; margin-bottom:20px;}
.custom-tabs .nav-link {position: relative; color: #9A9A9A; font-size: 12px; font-weight: 500; padding: 7px 9px; margin: 0; border: 0 !important;}
.custom-tabs .nav-link::after {content: ''; position: absolute; left: 0; bottom: -2px; width: 0%; height: 2px; background: var(--gradient-effect);}
.custom-tabs .nav-link.active {color: var(--color-text);}
.custom-tabs .nav-link.active::after {width: 100%;}

@media screen and (max-width: 991px) {
    .custom-tabs {flex-wrap: nowrap; overflow-x: auto; -ms-overflow-style: none; scrollbar-width: none; padding-bottom: 2px;}

    .inner-header {flex-wrap: wrap;}
    
    .page-title h5 {font-size: 18px;}

    .content-holder {padding: 15px;}
}

.page-inner--tabs {background-color: #EEEFF3; padding: 3px; border-radius: 2px; margin: 20px 0; border-bottom: 0; flex-wrap: nowrap; overflow-x: auto; -ms-overflow-style: none; scrollbar-width: none;}
.page-inner--tabs::-webkit-scrollbar { display: none;}
.page-inner--tabs .nav-link {border: 1px solid transparent !important; border-radius: 2px; color: var(--color-text); white-space: nowrap;} 
.page-inner--tabs .nav-link::after {display: none;}
.page-inner--tabs .nav-link.active {border-color: var(--bundlzz-orange) !important;}

.form-group {margin: 0 0 16px;}
.form-group .form-label {margin: 0 0 8px; color: var(--color-text); line-height: normal; font-weight: 600;}
.form-label {font-size: 12px;}

@media screen and (max-width: 991px) {
    .form-group {margin: 0 0 12px;}
}

div:not(.form-floating) > .form-control {border: 1px solid var(--form-border); font-size: 11px; font-weight: 500; color: var(--color-text); padding: 8px 9px; border-radius: 2px; box-shadow: none !important;}
div:not(.form-floating) > .form-control:focus {border-color: var(--bundlzz-orange);}
div:not(.form-floating) > .form-control::placeholder {color: #9A9A9A !important; opacity: 1;}
div:not(.form-floating) > .form-control-solid {background-color: #EEEFF3; border-color: #EEEFF3;}

.custom-switch .form-check-input {box-shadow: none !important; margin-top: 6px;}
.custom-switch .form-check-input:checked {background-color: var(--bundlzz-orange); border-color: var(--bundlzz-orange);}
.custom-switch label {color: var(--color-text);}

.custom-checkbox {position: relative; padding: 0;}
.custom-checkbox input {position: absolute; inset: 0; margin: 0 !important; width: 100%; height: 100%; z-index: 1; opacity: 0; cursor: pointer;}
.custom-checkbox label {position: relative; font-size: 12px; font-weight: 600; padding-left: 18px; cursor: pointer;}
.custom-checkbox label:before {content: ''; position: absolute; left: 0; top: 3px; width: 12px; height: 12px; border-radius: 1px; border: 1px solid var(--color-text);}
.custom-checkbox label:after {content: ''; left: 4px; top: 4px; width: 4px; height: 8px; border: solid white; border-width: 0 2px 2px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); position: absolute;}
.custom-checkbox input[type="checkbox"]:checked ~ label::before {background: var(--gradient-effect); border: transparent;}

.custom-radio {position: relative; padding: 0;}
.custom-radio input {position: absolute; inset: 0; margin: 0 !important; width: 100%; height: 100%; z-index: 1; opacity: 0; cursor: pointer;}
.custom-radio label {position: relative; font-size: 12px; font-weight: 600; padding-left: 18px; cursor: pointer;}
.custom-radio label:before {content: ''; position: absolute; left: 0; top: 3px; width: 12px; height: 12px; border-radius: 25px; border: 1px solid var(--color-text);}
.custom-radio input[type="radio"]:checked ~ label::before {background: var(--gradient-effect); border: 1px solid #F49E25; box-shadow: 0px 0px 0px 2px inset #fff;}

.bundle-summary {position: sticky; top: 100px; border: 1px solid var(--form-border); border-radius: 2px;}
.bundle-summary .card-body {padding: 13px 16px;}
.bundle-summary .card-title {font-size: 18px; font-weight: 600; margin: 0 0 15px; display: flex; align-items: center; grid-gap: 7px;}
.bundle-summary .list-unstyled {margin: 0;}
.bundle-summary .list-unstyled li {font-size: 12px; font-weight: 600; display: flex; align-items: center; justify-content: space-between;}
.bundle-summary .list-unstyled li:not(:last-child) {margin-bottom: 9px;}

.file-uploader {position: relative; padding: 20px; border: 2px dashed var(--bundlzz-orange); border-radius: 2px; text-align: center; margin: 0 0 16px;}
.file-uploader:hover {background-color: #f9f9f9;}
.file-uploader input {position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer;}
.file-uploader span {font-size: 11px; font-weight: 600; color: #9A9A9A;}

.pricing-summary {border-radius: 2px; color: var(--color-text); font-weight: 600; border: 1px solid var(--bundlzz-orange); background-color: #F9F9F9; font-size: 12px; margin: 20px 0 0;}
.pricing-summary .card-body {padding: 17px 19px;}
.pricing-summary h5 {font-size: 16px; font-weight: 600; margin: 0 0 16px;}

.product-uploader {min-height: 325px; display: flex; align-items: center; justify-content: center; flex-direction: column; grid-gap: 5px;}
.product-card {border: 2px solid #F1F2F3; border-radius: 2px;}
.product-card .image {height: 200px; width: 100%; background-color: #EAEAEA;}
.product-card .card-body {padding: 11px 13px 12px;}
.product-card h5 {font-size: 13px; font-weight: 600; color: var(--color-text); margin: 0 0 4px;}
.product-card p {font-size: 11px; font-weight: 600; margin: 0 0 10px;}
.product-card .card-text {min-height: 33px;}
.product-card .badge {position: absolute; right: 10px; top: 10px;}


/* =============admin-content style */

.footer-bar {background: var(--gradient-effect);}
.footer-bar p {padding: 24.5px 5px; background-color: #fff; font-size: 13px; font-weight: 500; text-align: center; margin-top: 2px; color: #444444 !important;}

.footer-block {max-width: 218px;}

/* Header */
.header-logo {
    width: 209.44671630859375px;
    height: 52.41494369506836px;
    top: 35.5px;
    left: 616.14px;
}


h1, h2, h3, .logo-text, .footer-tagline {
    font-family: var(--brand-font-secondary);
    font-weight: 700;
}

a, .btn-link {
    color: #006bb7;
}

.btn-primary {
    color: #fff;
    background-color: #1b6ec2;
    border-color: #1861ac;
}

.btn:focus,
.btn:active:focus,
.btn-link.nav-link:focus,
.form-control:focus,
.form-check-input:focus {
    box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

.content {
    padding-top: 1.1rem;
}

h1:focus {
    outline: none;
}

.valid.modified:not([type=checkbox]) {
    outline: 1px solid #26b050;
}

.invalid,
.validation-message {
    color: #e50000;
    font-size: 0.9rem;
    margin-top: 0.2rem;
    outline: 1px solid #e50000;
}

.text-orange {
    color: #f60;
}

.bg-gradient-orange {
    background: linear-gradient(to right, #ff9800, #ff6d00);
    background-image: url('/images/Footer-Bar.png');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

/* Error UI Styling */
.blazor-error-boundary {
    background: url(data:image/svg+xml...) no-repeat 1rem/1.8rem, #b32121;
    padding: 1rem 1rem 1rem 3.7rem;
    color: white;
}

    .blazor-error-boundary::after {
        content: "An error has occurred.";
    }

#blazor-error-ui {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 1000;
}

/* Header Search Bar */
.search-bar-wrapper {
    position: relative;
    width: 100%;
    max-width: 297.33px;
}

.search-input {
    font-family: var(--brand-font-primary);
    font-weight: 600;
    font-size: 15px;
    padding: 0px 50px 0px 17.82px;
    width: 100%;
    border: 1px solid #ababab;
    border-radius: 20px;
    outline: none;
    color: var(--placeholder-color);
    line-height: 28px;
}

    .search-input::placeholder {
        color: var(--placeholder-color) !important;
    }

@media (max-width: 768px) {
    .search-input {
        font-size: 11px;
    }
}

.icon-group {
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
    gap: 8px;
}

.mic-icon {
    color: #000000;
    font-size: 14px;
    cursor: pointer;
}

.search-icon {
    font-size: 14px;
    color: #6c757d;
    cursor: pointer;
}

/* Cart */
.bi-cart3 + .badge,
.cart-badge {
    font-size: 0.65rem;
    padding: 0.25em 0.4em;
}

/* Profile Dropdown */
.profile-dropdown {
    position: absolute;
    top: 100%;
    right: 0;
    margin-top: 0.5rem;
    background: white;
    border: 1px solid #ddd;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
    min-width: 200px;
    z-index: 1050;
    animation: fadeInDropdown 0.2s ease-in-out;
}

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

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.profile-dropdown .dropdown-item {
    padding: 10px 20px;
    font-size: 14px;
}

    .profile-dropdown .dropdown-item:hover {
        background-color: #f8f9fa;
    }

.profile-dropdown .signout {
    color: red;
    font-weight: bold;
}

/* Newsletter Section */
.footer-email input[type="email"] {
    padding-right: 6rem;
}

input.form-control.rounded-pill {
    border-radius: 30px !important;
    padding-left: 1rem;
    padding-right: 1rem;
}

.btn-bundlzz-orange {
    background-color: #FF6600;
    border-color: #FF6600;
    color: white;
    transition: all 0.3s ease;
}

    .btn-bundlzz-orange:hover {
        background-color: #e65c00;
        border-color: #e65c00;
        color: white;
        transform: scale(1.03);
        box-shadow: 0 4px 12px rgba(255, 102, 0, 0.4);
    }

.form-control:focus,
.form-select:focus {
    border-color: #FF6600;
    box-shadow: 0 0 0 0.25rem rgba(255, 102, 0, 0.25);
    outline: none;
}

/* Auth Buttons */
.btn-google {
    background-color: white;
    color: #555;
    border: 1px solid #ddd;
}

    .btn-google:hover {
        background-color: #eee;
    }

.btn-apple {
    background-color: black;
    color: white;
}

    .btn-apple:hover {
        background-color: #333;
    }

.clickSize {
    font-size: 30px;
    font-weight: 600;
}

/*Header*/
.header-font {
    color: #1C1C1C !important;
    font-family: Barlow;
    font-weight: 600 !important;
    font-size: 15px;
    line-height: 100%;
    letter-spacing: normal;
    padding: 0 !important;
}

.dropdown-item.header-font {
    padding: 7px 12px !important;
}

.navbar-gap {
    gap: 28px;
}

/* Footer Styles */
.footer-logo {
    width: 169.31px;
    height: 42.33px;
}

/*.footer-tagline {
    font-family: var(--brand-font-secondary);
    font-weight: 700;
    font-size: 30px;
    line-height: initial;
    letter-spacing: -0.02em;
    color: #fff;
}*/

.footer-tagline {
    color: var(--White, #FFF);
    /* text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); */
    font-family: var(--brand-font-secondary);
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -0.02em;
}

.footer-links li {line-height: 20px;}
.footer-links a {font-size: 17px;}

.newsletter-box h6 {font-size: 17px;}

.footer-wrapper {
    padding-top: 39.71px;
    padding-bottom: 20.81px;
}

.footer-search-input {
    width: 50%;
    height: auto;
    top: 1008.01px;
    left: 921.76px;
    border-radius: 12.72px;
    color: #1C1C1C !important;
}

.footer-copyright {
    font-family: 'Barlow', sans-serif;
    font-weight: 500;
    font-size: 13px;
    color: #9A9A9A;
    margin: auto;
    text-align: center;
    padding: 30px 0 30px;
}

.footer-input-with-button {
    height: auto;
    font-size: 15px !important;
    font-family: 'Barlow', sans-serif;
    font-weight: 500;
    padding: 0px 60px 0px 12px !important;
    line-height: 28px;
}

.footer-small-links {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    font-size: 11px;
    font-weight: 400;
    color: white;
    margin-top: 10px;
}

    .footer-small-links a {
        color: white;
        text-decoration: none;
    }

        .footer-small-links a:hover {
            text-decoration: underline;
        }

.send-button-inside-input {
    position: absolute;
    top: 50%;
    right: 18px;
    transform: translateY(-50%);
    background: transparent;
    border: none;
    font-family: 'Barlow', sans-serif;
    font-weight: 600;
    font-size: 14px;
    color: #F26B2B;
    letter-spacing: -0.01em;
    line-height: normal;
    padding: 0;
    height: auto;
    width: auto;
    cursor: pointer;
}

.send-button-inside-input:hover {
    color: #F26B2B !important;   
}

/*    .send-button-inside-input:hover {
        background-color: #e65c00;
    }*/
/*.footer-newsletter {*/
/*    margin-bottom: 22px;*/
/*}*/

@media (min-width: 768px) {
    .bg-gradient-orange {
        background: linear-gradient(to right, #ff9800, #ff6d00);
        background-image: url('/images/Footer-Bar.png');
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
    }
}



/* Responsive Layout */
@media (max-width: 768px) {
    footer .row {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    footer .col-md-4,
    footer .col-md-2 {
        width: 100%;
        margin-bottom: 1.5rem;
    }

    .footer-logo {
        width: 120px;
        height: auto;
    }

    .footer-tagline {
        font-size: 20px;
        width: auto;
        height: auto;
        margin: 0 auto;
    }

    .footer-information-txt {
        font-size: 16px;
    }

    .footer-copyright {
        font-size: 12px;
        padding: 1rem;
    }

    .footer-newsletter {
        width: 100%;
        max-width: 100%;
        margin: auto;
        height:29.8px;
    }
}
/*Seller Admin*/
/* Sidebar */


/* Top Header */
.top-header {
    height: 60px;
    border-bottom: 1px solid #e5e5e5;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 1.5rem;
}

/* Add New Button */
.btn-add {
    background-color: #FF6600;
    color: white;
    font-weight: 600;
    border-radius: 6px;
    padding: 8px 16px;
}

    .btn-add:hover {
        background-color: #e65c00;
    }

/* Table */
.table-card {
    background: white;
    border-radius: 12px;
    box-shadow: 0 0 12px rgba(0,0,0,0.05);
    padding: 1rem;
}

.table td, .table th {
    vertical-align: middle;
    border: none;
}

/* Badges */
.badge {
    font-size: 12px;
    padding: 4px 10px;
    border-radius: 999px;
}

.badge-published {
    background: #28a745;
    color: white;
}

.badge-draft {
    background: #ffc107;
    color: black;
}

.badge-archived {
    background: #007bff;
    color: white;
}

.badge-password {
    background: #dc3545;
    color: white;
}

.badge-scheduled {
    background: #17a2b8;
    color: white;
}

.search-icon {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    color: #999;
    font-size: 14px;
    pointer-events: none;
}

.btn-orange {
    background-color: #ff6600;
    color: white;
    border: none;
}

    .btn-orange:hover {
        background-color: #e65c00;
    }

.seller-footer {
    font-family: 'Barlow', sans-serif;
    font-size: 13px;
    font-weight: 500;
    color: #9A9A9A;
    padding: 12px 0;
    border-top: 1px solid #eee;
    background-color: #fff;
}

.seller-dashboard-content {
    padding-top: 2rem; /* Space below topbar */
    padding-left: 2rem; /* Align content horizontally */
}

/*Seller Admin*/

.page-wrapper {min-height: 100dvh;}

.welcome-box {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    min-height: 70dvh;
    max-width: 90%; margin: auto;
}

.navbar-brand {
    padding: 0;
}

.navbar {
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 35.48px;
    padding-bottom: 0px;
}

.cart-badge {
    height: 12px;
    width: 12px;
    border-radius: 50%;
    color: #fff;
    background: #F26B2B;
    padding: 0;
    text-align: center;
    font-size: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
    right: -8px;
    font-weight: 500;
}

.ml-6 {
    margin-left: 6px;
}

.search-bar-wrapper {
    margin-right: 26.56px;
}

.footer-inner-wrapper {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 20px;
    margin-left: 16px;
    margin-right: 16px;
    flex-direction: column; /* Default: mobile first */
    align-items: center;
}

    .footer-inner-wrapper h6 {
        font-size: 17px;
        font-weight: 600;
        letter-spacing: -0.5px;
        line-height: 1.2;
    }

    .footer-inner-wrapper h6.footer-title {
        margin-bottom: 10px;
    }

    .footer-inner-wrapper ul.list-unstyled li {
        margin-bottom: 1px;
    }
    .footer-inner-wrapper ul.list-unstyled li a {
        font-size: 17px;
        font-weight: 400;
        line-height: 100%;
    }

.newsletter-box h6 {
    margin-bottom: 8px;
}

.small {
    font-size: .875em;
}

/*main.flex-fill {
  flex: 1 0 auto;
}*/

footer,
.footer-copyright {
    flex-shrink: 0;
}

/* Responsive margin for large screens (≥ 1440px) */
@media (min-width: 1440px) {
    .footer-inner-wrapper {
        flex-direction: row;
        margin-left: 280px;
        margin-right: 300px;
        align-items: initial;
    }

    .navbar {
        padding-left: 8.58px;
        padding-right: 35.19px;
        padding-top: 35.48px;
        padding-bottom: 0px;
    }
}

.about-us-page {
    margin-top: 68.09px;
    padding: 0px 16px;
}

@media (min-width: 992px) and (max-width: 1439px) {

    .footer-inner-wrapper {
        flex-direction: row;
        margin-left: 100px;
        margin-right: 100px;
    }

    .newsletter-box h6 {
        margin-bottom: 8px;
    }
}

@media (min-width: 1440px) {

    .about-us-page h5 {
        font-size: 26px;
        margin-bottom: 13.88px;
    }

    .about-us-page li,
    .about-us-page p {
        font-size: 22px;
        font-weight: 400;
    }

    .about-us-page h6 {
        font-size: 22px;
        font-weight: 600;
    }
}


@media (min-width: 1200px) {
    .about-us-page {
        margin: 68.09px 125.4px 0 225.76px;
    }

        .about-us-page h5 {
            font-size: 26px;
            margin-bottom: 13.88px;
        }

        .about-us-page li,
        .about-us-page p {
            font-size: 22px;
            font-weight: 400;
        }

        .about-us-page h6 {
            font-size: 22px;
            font-weight: 600;
        }
}


.bg-orange {background-color: var(--bundlzz-orange);}


.before-login-top-padding {padding-top: 110px;}
@media screen and (max-width: 767px) {
    .before-login-top-padding {padding-top: 170px;}

    .footer-block {max-width: 100%;}
    .footer-small-links {justify-content: center;}

    .welcome-box {min-height: auto; padding-top: 50px;}

    .w-md-auto.w-100 .form-control {width: 100% !important;}

    #toggleIcon {transform: rotate(180deg);}
}

@media screen and (min-width: 767px) {
    html .w-md-auto {width: auto !important;}
}

.validation-message {
    outline: 1px solid transparent;
}

/* Profile settings */
input.is-valid {
    border-color: #198754 !important; /* green */
}

input.is-invalid {
    border-color: #dc3545 !important; /* red */
}
/* Profile settings */