@media(max-width: 768px) {
    #section-register-company-faqs .container {
        padding-left: 0;
        padding-right: 0;
    }
}

#section-register-company-benefits .section-icon-star {
    width: 40px;
    height: 40px;
    max-width: 40px;
    max-height: 40px;
}

#section-register-company-tabbed-form #form-progress-tabs .nav-item .nav-link {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
    flex-direction: column;
    gap: 14px;
    padding-left: 8px;
    padding-right: 8px;
    /* pointer-events: none; */
    background: #fff;
    color: #D9D9D9;
}

#section-register-company-tabbed-form #form-progress-tabs .nav-item:first-of-type .nav-link {
    padding-left: 0 !important;
}

#section-register-company-tabbed-form #form-progress-tabs .nav-item:last-of-type .nav-link {
    padding-right: 0 !important;
}

#section-register-company-tabbed-form #form-progress-tabs .nav-link.active {
    pointer-events: all;
    color: var(--bs-primary);
}

@media(min-width: 768px) {
    #section-register-company-tabbed-form #form-progress-tabs .nav-item .nav-link {
        flex-direction: row;
        padding-left: 28px;
        padding-right: 28px;
    }
}

#section-register-company-tabbed-form #form-progress-tabs .nav-link .step-count {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 20px;
    height: 20px;
    font-size: 12px;
    border-radius: 50%;
    border: 1px solid #D9D9D9;
    color: #D9D9D9;
}

#section-register-company-tabbed-form #form-progress-tabs .nav-item.step-completed .nav-link .step-count {
    position: relative;
    border: 1px solid var(--bs-primary);
    background: var(--bs-primary);
    color: #fff;
    font-size: 0;
}

#section-register-company-tabbed-form #form-progress-tabs .nav-item.step-completed .nav-link .step-count::after {
    content: '✓';
    font-size: 12px;
    color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

#section-register-company-tabbed-form #form-progress-tabs .nav-item.step-completed .nav-link {
    pointer-events: all;
    color: var(--bs-primary);
}

#section-register-company-tabbed-form #form-progress-tabs .nav-link.active .step-count {
    border: 1px solid var(--bs-primary);
    color: var(--bs-primary);
}

#section-register-company-tabbed-form #form-progress-tabs::before {
    content: '\A0';
    position: absolute;
    top: 50%;
    width: 100%;
    height: 1px;
    border-bottom: 1px solid #D9D9D9;
}

#section-register-company-tabbed-form #logo-upload-input {
    width: 1px;
    height: 1px;
    opacity: 0;
    transform: scale(0.01);
    position: absolute;
}

#section-register-company-tabbed-form .social-media-input.input-group-text {
    min-width: 110px;
    font-size: 14px
}

#section-register-company-tabbed-form #map-container {
    position: relative;
    z-index: 1;
    width: 100%;
    height: 300px;
    width: 100%;
    border-radius: 8px;
    border: 1px solid #e0e0e0;
}

#section-register-company-tabbed-form .form-control.loading {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDAgMTAwIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWlkWU1pZCI+PGNpcmNsZSBjeD0iNTAiIGN5PSI1MCIgcj0iMzAiIHN0cm9rZT0iIzMzODhmZiIgc3Ryb2tlLXdpZHRoPSI4IiBmaWxsPSJub25lIiBzdHJva2UtZGFzaGFycmF5PSI0Ny4xMjM4ODk4MDM4NDY5IDQ3LjEyMzg4OTgwMzg0NjkiPjxhbmltYXRlVHJhbnNmb3JtIGF0dHJpYnV0ZU5hbWU9InRyYW5zZm9ybSIgdHlwZT0icm90YXRlIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgZHVyPSIxcyIgdmFsdWVzPSIwIDUwIDUwOzM2MCA1MCA1MCIga2V5VGltZXM9IjA7MSI+PC9hbmltYXRlVHJhbnNmb3JtPjwvY2lyY2xlPjwvc3ZnPg==');
    background-position: right 10px center;
    background-repeat: no-repeat;
    background-size: 20px;
}


#section-register-company-tabbed-form .pricing-card {

    border-top: 11px solid rgba(var(--pricing-card-color), 1) !important;
    border-left: 1px solid rgba(var(--pricing-card-color), 1) !important;
    border-right: 1px solid rgba(var(--pricing-card-color), 1) !important;
    border-bottom: 1px solid rgba(var(--pricing-card-color), 1) !important;

    padding: 16px;

    border-radius: 18px !important;

}

/* Default color for all pricing cards */
#section-register-company-tabbed-form .pricing-card-wrapper .pricing-card {
    --pricing-card-color: 128, 128, 128;
}

#section-register-company-tabbed-form .pricing-card-wrapper:nth-of-type(1) .pricing-card,
#section-register-company-tabbed-form .pricing-card-wrapper:nth-of-type(1) .pricing-card .form-select,
#section-register-company-tabbed-form .pricing-card-wrapper:nth-of-type(1) .pricing-card .btn-pricing-card-button {
    --pricing-card-color: 247, 152, 54 !important;
}

#section-register-company-tabbed-form .pricing-card-wrapper:nth-of-type(2) .pricing-card,
#section-register-company-tabbed-form .pricing-card-wrapper:nth-of-type(2) .pricing-card .form-select,
#section-register-company-tabbed-form .pricing-card-wrapper:nth-of-type(2) .pricing-card .btn-pricing-card-button {
    --pricing-card-color: 240, 96, 34 !important;
}

#section-register-company-tabbed-form .pricing-card-wrapper:nth-of-type(3) .pricing-card,
#section-register-company-tabbed-form .pricing-card-wrapper:nth-of-type(3) .pricing-card .form-select,
#section-register-company-tabbed-form .pricing-card-wrapper:nth-of-type(3) .pricing-card .btn-pricing-card-button {
    --pricing-card-color: 86, 0, 206 !important;
}

/* Additional colors for 4th, 5th, 6th cards and beyond */
#section-register-company-tabbed-form .pricing-card-wrapper:nth-of-type(4) .pricing-card,
#section-register-company-tabbed-form .pricing-card-wrapper:nth-of-type(4) .pricing-card .form-select,
#section-register-company-tabbed-form .pricing-card-wrapper:nth-of-type(4) .pricing-card .btn-pricing-card-button {
    --pricing-card-color: 0, 150, 136 !important;
}

#section-register-company-tabbed-form .pricing-card-wrapper:nth-of-type(5) .pricing-card,
#section-register-company-tabbed-form .pricing-card-wrapper:nth-of-type(5) .pricing-card .form-select,
#section-register-company-tabbed-form .pricing-card-wrapper:nth-of-type(5) .pricing-card .btn-pricing-card-button {
    --pricing-card-color: 33, 150, 243 !important;
}

#section-register-company-tabbed-form .pricing-card-wrapper:nth-of-type(6) .pricing-card,
#section-register-company-tabbed-form .pricing-card-wrapper:nth-of-type(6) .pricing-card .form-select,
#section-register-company-tabbed-form .pricing-card-wrapper:nth-of-type(6) .pricing-card .btn-pricing-card-button {
    --pricing-card-color: 156, 39, 176 !important;
}

#section-register-company-tabbed-form .pricing-card-wrapper:nth-of-type(7) .pricing-card,
#section-register-company-tabbed-form .pricing-card-wrapper:nth-of-type(7) .pricing-card .form-select,
#section-register-company-tabbed-form .pricing-card-wrapper:nth-of-type(7) .pricing-card .btn-pricing-card-button {
    --pricing-card-color: 255, 152, 0 !important;
}

#section-register-company-tabbed-form .pricing-card-wrapper:nth-of-type(8) .pricing-card,
#section-register-company-tabbed-form .pricing-card-wrapper:nth-of-type(8) .pricing-card .form-select,
#section-register-company-tabbed-form .pricing-card-wrapper:nth-of-type(8) .pricing-card .btn-pricing-card-button {
    --pricing-card-color: 233, 30, 99 !important;
}

/* Cycle through colors for cards beyond 8 */
#section-register-company-tabbed-form .pricing-card-wrapper:nth-of-type(9) .pricing-card,
#section-register-company-tabbed-form .pricing-card-wrapper:nth-of-type(9) .pricing-card .form-select,
#section-register-company-tabbed-form .pricing-card-wrapper:nth-of-type(9) .pricing-card .btn-pricing-card-button {
    --pricing-card-color: 247, 152, 54 !important;
}

#section-register-company-tabbed-form .pricing-card-wrapper:nth-of-type(10) .pricing-card,
#section-register-company-tabbed-form .pricing-card-wrapper:nth-of-type(10) .pricing-card .form-select,
#section-register-company-tabbed-form .pricing-card-wrapper:nth-of-type(10) .pricing-card .btn-pricing-card-button {
    --pricing-card-color: 240, 96, 34 !important;
}

#section-register-company-tabbed-form .pricing-card-wrapper .pricing-card .btn-pricing-card-button {
    background: rgba(var(--pricing-card-color), 1);
    color: #fff;
}

/* #section-register-company-tabbed-form .pricing-card-wrapper .pricing-card .btn-pricing-card-button:hover {
    background: rgba(var(--pricing-card-color), 1);
} */

#section-register-company-tabbed-form .pricing-card-wrapper .pricing-card .form-select {
    border: 1px solid rgba(var(--pricing-card-color), 1);
    color: rgba(var(--pricing-card-color), 1);
}

#section-register-company-tabbed-form .pricing-card-wrapper .pricing-card svg * {
    stroke: rgba(var(--pricing-card-color), 1);
}


#section-register-company-tabbed-form .pricing-card-wrapper .pricing-card .pricing-card-list li::before {
    content: '✓';
    width: 20px;
    height: 20px;
    margin-right: 10px;
    font-size: 14px;
    background: rgba(var(--pricing-card-color), 0.2);
    color: rgba(var(--pricing-card-color), 1);
    border-radius: 50%;
    display: inline-flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    text-align: center;
}

/* Selected pricing card styles */
#section-register-company-tabbed-form .pricing-card-wrapper.pricing-card-selected .pricing-card {
    transform: scale(1);
    box-shadow: 0 8px 25px rgba(var(--pricing-card-color), 0.3);
    transition: all 0.3s ease;
}

#section-register-company-tabbed-form .pricing-card-wrapper.pricing-card-selected .pricing-card .btn-pricing-card-button {
    background: rgba(var(--pricing-card-color), 1);
    color: #fff;
    box-shadow: 0 4px 15px rgba(var(--pricing-card-color), 0.4);
    transition: all 0.3s ease;
}

#section-register-company-tabbed-form .pricing-card-wrapper:not(.pricing-card-selected) .pricing-card {
    transform: scale(1);
    transition: all 0.3s ease;
}

@media(min-width: 768px) {
    #section-register-company-tabbed-form .pricing-card-wrapper:not(.pricing-card-selected) .pricing-card {
        transform: scale(0.95);
    }
}


#section-register-company-tabbed-form #logo-upload-preview {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    object-fit: contain;
}

#section-register-company-tabbed-form .accordion-button.collapsed svg.icon-collapse {
    display: none;
}

#section-register-company-tabbed-form .accordion-button:not(.collapsed) svg.icon-expand {
    display: none;
}

@media(max-width: 768px) {
    #section-register-company-tabbed-form select.form-select {
        min-height: 30px;
    }
}