.about__button__wrap li button {
    pointer-events: unset !important;
}
.button_builder_form {min-width: unset;width: 100%;}
.headerarea__button{padding:10px 0;}

.header__buttons dialogform .btn,
.header__buttons .btn{
    padding: 10px 25px;
    background-color: var(--primaryColor);
    color: #fff;
    display: inline-block;
    text-align: center;
    border-radius: var(--borderRadius);
    font-size: 15px;
    border: 1px solid var(--primaryColor);
}

.header__buttons dialogform .btn:hover,
.header__buttons .btn:hover {
    background-color: transparent;
    color: #fff;
    border-color: var(--primaryColor);
    border: 1px solid var(--primaryColor);
}
plainform .btn{padding: 10px 25px;}
.theme-primary,
.theme-bg-primary,
form .btn,
plainform .btn,
dialogform .btn,
buttonform .btn{
    color: #fff!important;
    border-color: var(--primaryColor)!important;
    background-color: var(--primaryColor)!important;
}

.modal .modal-body .btn:hover{
    color: var(--primaryColor) !important;
}
.theme-primary:hover,
form .btn:hover,
plainform .btn:hover,
dialogform .btn:hover,
buttonform .btn:hover{
    color: #fff!important;
    border:1px solid var(--primaryColor)!important;
    background-color: transparent!important;
}

plainform .btn:active {
    color: var(--whiteColor) !important;
    background-color: var(--primaryColor) !important;
    border: 1px solid var(--primaryColor) !important;
}


.progress_form .circle.done .label{
    background-color: var(--primaryColor) !important;
}
.progress_form .bar.done {
    background: var(--primaryColor) !important;
}
.main_form .wizard_form .prevArrowBtn,
.main_form .wizard_form .nextArrowBtn{
    color: var(--primaryColor) !important;
}

.main_form .prevBtn,
.main_form .nextBtn{    padding: 5px 15px;
    background-color: var(--primaryColor) !important;
    color: #fff;
    display: inline-block;
    text-align: center;
    border-radius: 4px;
    font-size: 15px;
    border: 1px solid var(--primaryColor) !important;
}

.main_form .prevBtn:hover,
.main_form .nextBtn:hover{
    background-color: #fff;
    color: var(--primaryColor);
    border: 1px solid var(--primaryColor) !important;
}

.modal .main_form .prevBtn:hover,
.modal .main_form .nextBtn:hover{
    background-color: unset;
    color: unset;
}

/** Custom Form */
plainform form,
plainform .form_builds{float: left;width: 100%;color: #ffffff;}

plainform form .formbuilder-button,
.modal .modal-body plainform form .formbuilder-button,
dialogform form .formbuilder-button{margin: 0 !important;padding: 15px;}

dialogform .modal .modal-body label{width: 100%;text-align: start;float: left;font-size: 16px;}
dialogform .modal .modal-body .formbuilder-button {text-align: left;}
.hero-22-form plainform .form-control,
.hero-22-form plainform .form-control{margin-bottom: 15px;}

.modal-open [data-aos=fade-up]{
    transform: unset !important;
    transition-property: unset !important;
    transition-duration: unset !important;
}
.contact__form__inner{width: 100%;}
.squeeze_main .form-container plainform{box-shadow: 0 0 20px 10px rgba(95, 45, 237, 0.1)!important;background: transparent;border-radius: 10px;}
.squeeze_main .form-container plainform .main_form {height: auto !important;}
.hero-22-form form .form-group label, .hero-22-form form .form-group label{color: #424242;}
plainform form .rendered-form .form-group:not(.p-3),
dialogform form .rendered-form .form-group:not(.p-3){padding: 15px;}
dialogform form .rendered-form .form-group:not(.p-3) h2{padding : 0 !important;color: #424242;}

dialogform .modal-body{max-height: calc(100vh - 250px);overflow: auto;margin: 5px;}
dialogform .modal-body::-webkit-scrollbar {display:block !important;width: 4px;height: 0px;}
dialogform .modal-body::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);border-radius: 5px;}
dialogform .modal-body::-webkit-scrollbar-thumb {background-color: darkgrey;outline: 1px solid darkgrey;border-radius: 5px;}

.is_dark plainform .form-control{border: 1px solid var(--borderColor2) !important;border-radius: var(--borderRadius) !important;background: transparent !important;color: var(--contentColor) !important;}

.is_dark .hero-22-form{box-shadow: 0 0 20px 10px rgba(95, 45, 237, 0.1);background: var(--naveBlue);border-color: transparent;}
.is_dark .hero-22-form .text-dark,
.hero-22-form form .form-group label{color: #fff !important;}
.modal .modal-dialog{display: flex;align-items: center;min-height: calc(100% - var(--bs-modal-margin) * 2);}
.grp-wrapper-class .squeeze_main .squeeze_form{max-width: 100% !important;}

body.modal-open .headerarea{position: unset;}

.modal .modal-body form .ele{padding: 0;}
.modal .modal-body form .ele.img-cont video{width: 100%;height: 100%;}

.header__buttons .btn{
    min-width: 175px;
}

@media (max-width: 1200px) {
    .header__buttons .btn{
        min-width: 150px;
        font-size: 12px;
    }
}

/* default button colors */
form .btn-secondary,
plainform .btn-secondary,
dialogform .btn-secondary,
buttonform .btn-secondary{
    color: #fff !important;
    border-color: #6c757d !important;
    background-color: #6c757d !important;
}
form .btn-secondary:hover,
plainform .btn-secondary:hover,
dialogform .btn-secondary:hover,
buttonform .btn-secondary:hover{
    color: #6c757d !important;
    border-color: #6c757d !important;
    background-color: transparent!important;
}

form .btn-info,
plainform .btn-info,
dialogform .btn-info,
buttonform .btn-info{
    color: #000 !important;
    border-color: #0dcaf0 !important;
    background-color: #0dcaf0 !important;
}
form .btn-info:hover,
plainform .btn-info:hover,
dialogform .btn-info:hover,
buttonform .btn-info:hover{
    color: #0dcaf0 !important;
    border-color: #0dcaf0 !important;
    background-color: transparent!important;
}
form .btn-success,
plainform .btn-success,
dialogform .btn-success,
buttonform .btn-success{
    color: #fff !important;
    border-color: #28a745 !important;
    background-color: #28a745 !important;
}
form .btn-success:hover,
plainform .btn-success:hover,
dialogform .btn-success:hover,
buttonform .btn-success:hover{
    color: #28a745 !important;
    border-color: #28a745 !important;
    background-color: transparent!important;
}
form .btn-warning,
plainform .btn-warning,
dialogform .btn-warning,
buttonform .btn-warning{
    color: #000 !important;
    border-color: #ffc107 !important;
    background-color: #ffc107 !important;
}
form .btn-warning:hover,
plainform .btn-warning:hover,
dialogform .btn-warning:hover,
buttonform .btn-warning:hover{
    color: #ffc107 !important;
    border-color: #ffc107 !important;
    background-color: transparent!important;
}

form .btn-danger,
plainform .btn-danger,
dialogform .btn-danger,
buttonform .btn-danger{
    color: #fff !important;
    border-color: #dc3545 !important;
    background-color: #dc3545 !important;
}
form .btn-danger:hover,
plainform .btn-danger:hover,
dialogform .btn-danger:hover,
buttonform .btn-danger:hover{
    color: #dc3545 !important;
    border-color: #dc3545 !important;
    background-color: transparent!important;
}

/** form button ui */
.theme-primary,
.bg-\[\#0d6efd\],
.bg-\[\#198754\],
.bg-\[\#ffc107\],
.bg-\[\#dc3545\],
.bg-\[\#6c757d\],
.bg-\[\#212529\] {
    font-family: inherit;
    font-weight: inherit;
    line-height: inherit;
    letter-spacing: inherit;
}
.btn-lg {
    font-size: 18px;
    padding: 16px 30px !important;
}
.btn-md {
    font-size: 15px;
    padding: 10px 25px !important;
}
.btn-sm {
    font-size: 12px;
    padding: 8px 15px !important;
}
.bg-\[\#0d6efd\]:hover{
    color: #0d6efd !important;
    border-color: #0d6efd !important;
    background-color: transparent!important;
}
.bg-\[\#198754\]:hover{
    color: #198754 !important;
    border-color: #198754 !important;
    background-color: transparent!important;
}
.bg-\[\#ffc107\]:hover{
    color: #ffc107 !important;
    border-color: #ffc107 !important;
    background-color: transparent!important;
}
.bg-\[\#dc3545\]:hover{
    color: #dc3545 !important;
    border-color: #dc3545 !important;
    background-color: transparent!important;
}
.bg-\[\#6c757d\]:hover{
    color: #6c757d !important;
    border-color: #6c757d !important;
    background-color: transparent!important;
}
.bg-\[\#212529\]:hover{
    background-color: transparent!important;
}

@keyframes trigger-btn-pulse {
    0% { box-shadow: 0 0 0 0 rgba(59, 130, 246, 0.5); }
    70% { box-shadow: 0 0 0 10px rgba(59, 130, 246, 0); }
    100% { box-shadow: 0 0 0 0 rgba(59, 130, 246, 0); }
}

.trigger-btn-pulse {
    animation: trigger-btn-pulse 2s infinite;
}