:root {
    --main-top-bg: #ffffff;
    --input-border-radius: 8px;
    --input-group-addon-bg: #ffffff;
    --input-lg-border-radius: 8px;
    --ui-block-spacing-base: 20px;
    --label-line-height: 1em;
    --state-info-bg: #ffffff;
    --panel-info-text: #161616;
    --panel-info-border: #d7d8d4;
}

@font-face {
    font-family: 'Archivo';
    src: url('../../../../../assets/fonts/Archivo-Regular.woff2') format('woff2'),
        url('../../../../../assets/fonts/Archivo-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'ClashDisplay-Bold';
    src: url('../../../../../assets/fonts/ClashDisplay-Semibold.woff2') format('woff2'),
        url('../../../../../assets/fonts/ClashDisplay-Semibold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

body {
    font-family: 'Archivo', sans-serif;
}

h1, h2, h3, h4, h5, h6, main-header-title {
 font-family: 'ClashDisplay-Bold', sans-serif; 
   /* Additional styling for the headings if needed */
}

.btn, input[type=button]:not(.btn), input[type=submit]:not(.btn) {
        font-family: 'Archivo', sans-serif;
}

.lagom-layout-left-wide .app-nav {
    margin: 10px;
    border-radius: 24px;
}

.lagom-layout-left .app-nav-menu .menu>li:not(.nav-item-text-only)>a:not(.btn)>img+span {
    margin-top: 6px;
}

.lagom-layout-left .app-nav-menu .menu>li>a:not(.btn) {
    padding: 10px;
}

.lagom-layout-left-wide .app-main {
    padding-left: 10px;
}

.main-footer .footer-bottom {
    background-color: #ffffff;
}

.btn-order-now,
.btn-checkout,
.btn-domain,
.btn btn-success,
input[type=button]:not(.btn),
input[type=submit]:not(.btn) {
    background: #FFBE0B;
    border-color: #FFBE0B;
}

.input-group>.form-control {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}

.checkbox {
    margin: 0px;
}


.panel-summary+.alert-panel {
    border-top-left-radius: 24px;
    border-top-right-radius: 24px;
}

.app-main-order .box-search-domain {
    border-radius: 24px !important;
}

.app-main-order .summary-actions .checkbox-custom .checkbox-styled {
    margin-top: 2px;
}

.app-main-order .order-summary+.promocode {
    background: #ffffff;
    border-radius: 24px;
    padding: 10px;
}

.app-main-order .main-content.full-width .order-summary {
    border-radius: 24px;
}

.order-summary {
    box-shadow: 0 0 0px rgba(0,0,0,0),0 0px 0px rgba(0,0,0,0) !important;
}

.alert.alert-primary:before {
    width: 10px;
}

.search-group .search-field .form-control {
    border-radius: 24px;
}

.app-main-order .tld-filters .selectize-control .selectize-input {
    height: 45px;
    border-radius: 24px;
    margin: 8px 0px 0px 0px;
}

.app-main-order .tld-pagination__pages ul li.disabled {
    background-color: #ffffff !important;
}

.app-main-order .tld-pagination__pages ul li.disabled a {
    color: #161616;
}

.checkbox {
    padding: 10px 20px 10px 20px;
}

.login .logo>img {
    height: 30px;
}

/* orderform */

.flex {
    display: flex;
}

/* checkout */
.panel-cart a[data-target="#estimate-taxes"] {
    display: none;
}
.panel-cart #btnEmptyCart {
    display: none;
}

#tos-checkbox {
    padding: 20px;
}

/* custom layout checkout */

.surver-checkout .top-bar-left a {
    color: var(--main-header-label-name-color);
}

.surver-checkout .app-nav-header .container {
    justify-content: space-between;
}

.surver-checkout .app-nav-header .logo img {
    max-width: 200px;
    height: auto;
}

/* progress bar */

.checkout-progress-bar {
    background: #f8f9fa;
    border-bottom: 1px solid #e9ecef;
    padding: 1.5rem 0;
    margin-bottom: 0;
}
.checkout-progress-bar .container {
    display: flex;
    justify-content: space-between;

} 
.header-trustpilot-row {

}
.progress-steps {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    flex-wrap: wrap;

}

.progress-step {
    display: flex;
    align-items: center;
    position: relative;
    flex: 1;
}

.progress-step-number-circle {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #e9ecef;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 0.75rem;
    flex-shrink: 0;
    transition: all 0.3s ease;
}

.step-number {
    font-size: 1rem;
    font-weight: 600;
    color: #6c757d;
}

.progress-step.current .progress-step-number-circle {
    background: var(--brand-primary);
    color: white;
}

.progress-step.current .step-number {
    color: white;
}

.progress-step.completed .progress-step-number-circle {
    background: var(--success-color, #28a745);
    color: white;
}

.progress-step.completed .step-number {
    color: white;
}

.progress-step-content {
    display: flex;
    flex-direction: column;
    flex: 1;
}

.progress-step-title {
    font-size: 0.875rem;
    font-weight: 500;
    color: #495057;
    line-height: 1.2;
}

.progress-step.current .progress-step-title {
    color: var(--brand-primary);
    font-weight: 600;
}

.progress-step.completed .progress-step-title {
    color: var(--success-color, #28a745);
}

@media (max-width: 768px) {
    .progress-steps {
        flex-direction: column;
        gap: 0.5rem;
    }
    
    .progress-step {
        flex: none;
        width: 100%;
        max-width: none;
    }
    
    .progress-step-connector {
        display: none;
    }
    
    .progress-step-number-circle {
        margin-right: 0.5rem;
    }
    
    .progress-step-title {
        font-size: 0.8rem;
    }
}