#banner-enrollment-form #main-content {
    /* padding-top: 160px; */
    padding-top: 100px;
}

#banner-enrollment-form .container {
    width: 100%;
    max-width: 100%;
    margin: 0;
}

#countysec-intro {
    position: relative;
    display: flex;
    background: url(/wp-content/themes/generatepress-cmt/images/cmt-new-county-banner.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center bottom;
    background-attachment: scroll;
    align-items: center;
    justify-content: center;
    border-bottom: 10px solid #4db748;
}

.text-green {
    color: #27B24D !important;
}

.text-ac-green {
    color: #5bdf55 !important;
}

.bg-green {
    background-color: #27B24D !important;
}

.bg-dark-green {
    background: #27464b !important;
}

.bg-lightgray {
    background: #f5f5f5 !important;
}

.text-darkgray {
    color: #444444 !important;
}

.text-gray {
    color: #606060;
}

.text-justify {
    text-align: justify !important;
}

.cursor-pointer {
    cursor: pointer !important;
} 

#banner-enrollment-form .text-green {
    color: #27B24D !important;
}

#banner-enrollment-form .text-ac-green {
    color: #5bdf55 !important;
}

#banner-enrollment-form .bg-green {
    background-color: #27B24D !important;
}

#banner-enrollment-form .bg-dark-green {
    background: #27464b !important;
}

#banner-enrollment-form .bg-lightgray {
    background: #f5f5f5 !important;
}

#banner-enrollment-form .text-darkgray {
    color: #444444 !important;
}

#banner-enrollment-form .text-gray {
    color: #606060;
}

#banner-enrollment-form .text-justify {
    text-align: justify !important;
}

#banner-enrollment-form .step-one-banner {
    width: 25px;
    height: 25px;
    background-color: #27B24D;
    color: #FFF;
    font-size: 15px;
    text-align: center;
    line-height: 25px;
    border-radius: 50%;
    display: inline-block;
}

#banner-enrollment-form .cursor-pointer {
    cursor: pointer !important;
}

#banner-enrollment-form p {
    color: #606060;
    font-weight: 400;
}

#banner-enrollment-form .continue {
    z-index: 100;
    background: #4db748;
    border-top: 0;
    text-transform: capitalize;
    padding: 6px 12px;
    font-weight: 500 !important;
}
#banner-enrollment-form .continue:hover, #banner-enrollment-form .continue:focus { 
    background: #4db748;
    border: 1px solid #4db748;
    box-shadow: none;
}

#banner-enrollment-form #goback {
    text-transform: capitalize;
    padding: 6px 12px;
    font-weight: 400 !important;
    color: #444 !important;
}
#banner-enrollment-form #goback:hover, #banner-enrollment-form #goback:focus { 
    border:1px solid #dee2e6 !important;
    box-shadow: none;
}

.banner-enrollment-form .nav-item {
    margin: 0 5px;
}

.banner-enrollment-form .tab-content {
    padding: 0 25px;
}

.banner-enrollment-form .nav-wrapper {
    display: none;
    padding: 0 15px;
    overflow-x: scroll;
    white-space: nowrap;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.banner-enrollment-form .nav-wrapper::-webkit-scrollbar {
    display: none;
}

.banner-enrollment-form .nav-wrapper ul {
    margin: 0;
}

.banner-enrollment-form .nav-pills {
    display: flex;
    flex-wrap: nowrap;
}

.banner-enrollment-form .nav-item {
    margin-left: 15px;
    flex-shrink: 0;
    margin-right: 10px;
}

.banner-enrollment-form .badge-icon {
    width: 165px;
    height: 200px;
}

ol, ul {
    padding-left: 0 !important;
}
.text-justify {
    text-align: justify !important;
}

.fs-12 {
    font-size: 12px !important;
}

.fs-13 {
    font-size: 13px !important;
}

.fs-14 {
    font-size: 14px !important;
}

.fs-15 {
    font-size: 15px !important;
}

.fs-16 {
    font-size: 16px !important;
}

.fs-17 {
    font-size: 17px !important;
}

.fs-18 {
    font-size: 18px !important;
}

.fs-19 {
    font-size: 19px !important;
}

.fs-20 {
    font-size: 20px !important;
}

.fs-21 {
    font-size: 21px !important;
}

.fs-22 {
    font-size: 22px !important;
}

.fs-23 {
    font-size: 23px !important;
}

.fs-24 {
    font-size: 24px !important;
}

.fs-25 {
    font-size: 25px !important;
}

.fs-26 {
    font-size: 26px !important;
}

.fs-27 {
    font-size: 27px !important;
}

.fs-28 {
    font-size: 28px !important;
}

.fs-29 {
    font-size: 29px !important;
}

.fs-30 {
    font-size: 30px !important;
}

.fs-31 {
    font-size: 31px !important;
}

.fs-32 {
    font-size: 32px !important;
}

/** Form CSS **/
#gform_1 .gform7-terms {
   display: none;
}
#countysec-intro  #field_1_20, #countysec-intro #field_1_53, #countysec-intro #field_1_55 {
    display: none !important;
}
#countysec-intro .gform_body, #countysec-intro .gform_footer {
    padding: 0 !important;
}
#countysec-intro div.office-info ul, #countysec-intro div.title-info ul {
    margin: 0 0 0 1em;
    line-height: 35px;
}
#countysec-intro .gform_body .ginput_complex select, #countysec-intro .gform_body input[type="email"], #countysec-intro .gform_body input[type="tel"], #countysec-intro .gform_body input[type="text"], #countysec-intro .gform_body select, #countysec-intro .gform_body textarea, #main-right .widget select {
    background-color: #fff !important;
    border: 1px solid #dee2e6 !important;
    border-radius: 0.375rem !important;
}
/* #countysec-intro .gform_body .top_label li.gfield.gf_left_third, #countysec-intro .gform_body .top_label li.gfield.gf_middle_third, #countysec-intro .gform_body .top_label li.gfield.gf_right_third {
    width: 48.5% !important;
    clear: inherit !important;
    margin-right: 3%;
} */
#countysec-intro .gform_body .top_label li.gfield.gf_left_third, #countysec-intro .gform_body .top_label li.gfield.gf_middle_third, #countysec-intro .gform_body .top_label li.gfield.gf_right_third {
    width: 48.5% !important;
}
#countysec-intro #field_1_34 {
    float: left;
    padding: 0;
    width: 48.5%;
}
#countysec-intro #field_1_35 {
    margin-left: 3% !important;
    margin-right: 0;
}
#countysec-intro .gform_body input[type="text"]:focus {
    box-shadow: 0 0 0 .25rem rgb(39 178 77 / 42%);
}
#banner-enrollment-form .modal-footer .modal-continue {
    background: #4db748;
    border-top: 0;
    text-transform: capitalize;
    padding: 6px 12px;
    font-weight: 500 !important;
    border: 1px solid #4db748;
}
#banner-enrollment-form .modal-footer .modal-continue:hover, #banner-enrollment-form .modal-footer .modal-continue:focus {
    background: #4db748;
    border: 1px solid #4db748;
    box-shadow: none;
}

#banner-enrollment-form .modal-footer .modal-back {
    text-transform: capitalize;
    padding: 6px 12px;
    font-weight: 400 !important;
    color: #444 !important;
    border:1px solid #dee2e6 !important;
}
#banner-enrollment-form .modal-footer .modal-back:hover, #banner-enrollment-form .modal-footer .modal-back:focus {
    border:1px solid #dee2e6 !important;
    box-shadow: none;
}


#banner-enrollment-form h1,
#banner-enrollment-form h2,
#banner-enrollment-form h3,
#banner-enrollment-form h4,
#banner-enrollment-form h5,
#banner-enrollment-form h6 {
    /* margin-bottom: .5rem !important; */
    margin-bottom: 0 !important;
}

#banner-enrollment-form .card-container {
    display: flex;
    height: 100%;
    border: 0;
    border-radius: 12px;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    overflow: hidden;
}

#banner-enrollment-form .fixed-column {
    width: 460px;
    height: 90vh;
    background-color: #f8f8f8;
    background-image: url(../../poco-gpchild-new/images/enrollment/Banner-01.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top;
    border-top-left-radius: 12px;
    border-bottom-left-radius: 12px;
    border-right: 1px solid #dee2e6;
    overflow-y: hidden;
}

#banner-enrollment-form .fixed-column.fixed-column-bg {
    background-image: url(../../poco-gpchild-new/images/enrollment/Banner-02.jpg) !important;
}

#banner-enrollment-form .scrollable-column {
    height: 100%;
    margin-top: 15px;
    margin-bottom: auto;
    overflow-y: auto;
    box-sizing: border-box;
}

#banner-enrollment-form .scrollable-column-container {
    /* height: 90vh; */
    height: 100%;
    padding: 20px 40px;
    overflow-y: auto;
}

#banner-enrollment-form .scrollable-column::-webkit-scrollbar,
#banner-enrollment-form .scrollable-column-container::-webkit-scrollbar {
    display: none;
}

#banner-enrollment-form .main-heading {
    color: #27B24D;
    font-weight: 700;
    font-size: 24px;
}

#banner-enrollment-form .back:focus {
    color: #212529;
}

/* .main-heading-mt {
    margin-top: 80px;
} */

#banner-enrollment-form .main-heading-tab-mt {
    margin-top: 35px !important;
}

#banner-enrollment-form .sub-heading {
    color: #444444;
    font-size: 20px;
}

#banner-enrollment-form .tab-sub-heading {
    display: flex;
    margin: 35px 35px 35px 0px !important;
    color: #606060;
    font-size: 22px !important;
    font-weight: 600;
}

#banner-enrollment-form .tab-enroll-heading {
    display: flex;
    margin: 35px 0px 0px 0px !important;
    color: #606060;
    font-size: 22px !important;
    font-weight: 600;
}

#banner-enrollment-form .tab-flex-heading {
    display: flex !important;
}

#banner-enrollment-form .search-input {
    height: 60px;
    padding-left: 60px !important;
    font-size: 15px;
    border-color: #27B24D !important;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

#banner-enrollment-form .search-input:focus {
    border-color: #27B24D;
}

#banner-enrollment-form .search-btn {
    width: 185px;
    height: 60px;
    padding: 15px;
    color: #FFF;
    font-size: 20px;
    font-weight: 500;
    text-transform: capitalize;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    background: #27B24D;
    border: 1px solid #27B24D;
}

#banner-enrollment-form .btn-close-property:hover, #banner-enrollment-form .btn-close-property:focus {
    background-color: transparent;
    outline: none;
}

#banner-enrollment-form .markericon {
    position: absolute;
    top: 17px;
    left: 15px;
    color: #27B24D;
    font-size: 20px;
}

#banner-enrollment-form .list-group-item {
    /* align-items: center;
    display: flex;
    margin: 10px 0;
    color: #606060;
    font-size: 18px;
    font-weight: 500;
    border: 0; */
    margin: 10px 0;
    padding: 0;
    color: #606060;
    font-size: 18px;
    font-weight: 400;
    border: 0;
}

#banner-enrollment-form #itemList .list-group-item img {
    vertical-align: middle;
}

#banner-enrollment-form .dollar-icon {
    /* width: 25px;
    height: 25px;
    margin-right: 5px;
    color: #FFF;
    font-size: 15px;
    text-align: center;
    background: #27B24D;
    line-height: 25px;
    border-radius: 50%; */
    width: 25px;
    height: 25px;
    margin-right: 10px;
    color: #FFF;
    font-size: 15px;
    background: #27B24D;
    border-radius: 50%;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
}

#banner-enrollment-form .enquiries-bg {
    background: #f4f4f4;
}

#banner-enrollment-form .enquiries-bg p,
#banner-enrollment-form .list-group,
#banner-enrollment-form #benefits p,
#banner-enrollment-form #v-pills-process p,
#banner-enrollment-form #ReviewYourDocModal p {
    margin: 0;
}

#banner-enrollment-form .enquiries-bg h4 {
    font-size: 22px;
    padding: 0 5px;
}

#banner-enrollment-form .enquiries-bg .google-review {
    border-left: 2px solid #ccc;
    margin-left: 15px;
    padding-left: 25px;
}

#banner-enrollment-form .enquiries-bg .phone-icon {
    width: 40px;
    height: 40px;
    margin: 0 2px;
    color: #FFF;
    text-align: center;
    background: #27B24D;
    line-height: 40px;
    border-radius: 50%;
}

#banner-enrollment-form .trin-trin {
    animation-name: trin;
    animation-duration: 1.5s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

@keyframes trin {
    from {
        transform: rotate3d(0, 0, 1, 0deg);
    }

    20%,
    32%,
    44%,
    56%,
    68% {
        transform: rotate3d(0, 0, 1, 0deg);
    }

    23%,
    35%,
    47%,
    59%,
    71% {
        transform: rotate3d(0, 0, 1, 15deg);
    }

    26%,
    38%,
    50%,
    62%,
    74% {
        transform: rotate3d(0, 0, 1, 0deg);
    }

    29%,
    41%,
    53%,
    65%,
    77% {
        transform: rotate3d(0, 0, 1, -15deg);
    }

    80% {
        transform: rotate3d(0, 0, 1, 0deg);
    }
}

/* #banner-enrollment-form .nav-pills {
    display: none;
} */

#banner-enrollment-form .nav-d-block {
    display: block !important;
}

#banner-enrollment-form .nav-pills .nav-link {
    width: 100%;
    border-radius: var(--bs-nav-pills-border-radius);
    background: #f8f8f8;
    color: #000;
    text-align: left;
    margin: 10px 0;
}

#banner-enrollment-form .nav-pills .nav-link.active,
#banner-enrollment-form .nav-pills .show>.nav-link {
    background-color: #FFF;
    color: #000;
}

#banner-enrollment-form .nav-pills .nav-link.active span {
    width: 35px;
    height: 35px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 18px;
    color: #FFF;
    text-align: center;
    font-weight: 500;
    background: #0B9330;
    border: 3px solid #27B24D;
    border-radius: 50%;
    line-height: 60px;
}

#banner-enrollment-form .nav-pills .nav-link span,
#banner-enrollment-form .heading-circle-green {
    width: 35px;
    height: 35px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 15px;
    font-size: 18px;
    color: #000;
    text-align: center;
    font-weight: 500;
    background: #FFF;
    border: 3px solid #27B24D;
    border-radius: 50%;
    line-height: 60px;
}

#banner-enrollment-form .nav-pills .nav-link h4 {
    margin-bottom: 0;
    font-size: 15px;
    color: #606060;
}

#banner-enrollment-form .nav-pills .nav-link h6 {
    color: #606060;
    font-size: 15px;
}

#banner-enrollment-form .nav-link.step-complete {
    background-color: #9ce5ac;
    color: #606060;
}

#banner-enrollment-form .nav-link.step-complete span {
    color: #FFF;
    background: #0B9330;
    border: 3px solid #27B24D;
}

#banner-enrollment-form .item-list {
    /* width: 73%; */
    width: 100%;
    max-height: 285px;
    display: none;
    position: absolute;
    top: 65px;
    margin: 0;
    background: white;
    border: 1px solid #ddd;
    border-radius: 7px;
    overflow-y: auto;
    z-index: 900;
}
#banner-enrollment-form .item-list:empty {
    border: 0;
}
#propertySearchDropDown .item:last-child {
    margin-bottom: 0;
    padding-top: 0;
    border-bottom: 0px solid #ddd;
}
#banner-enrollment-form .modal .item-list {
    margin-top: 25px !important;
}

/* .form-add-property.item-list {
    border: 1px solid #f5f5f5 !important;
} */

#banner-enrollment-form #propertySearchDropDown {
    margin: 0 !important;
}

#banner-enrollment-form .item {
    padding: 8px;
    line-height: 25px;
    border-bottom: 1px solid #ccc;
    cursor: pointer;
}

#banner-enrollment-form .item:hover {
    background-color: #f0f0f0;
}

#banner-enrollment-form .item-county {
    position: absolute;
    right: 12px;
    bottom: 8px;
}

.county-modal .modal-content-bg {
    /* background: transparent;
    border: 0; */
    background-color: #f5f5f5;
}

.county-modal .modal-body .card {
    border-radius: 12px;
}

.county-modal .modal-body .div-text-content {
    color: #606060;
    margin-bottom: 0;
    font-weight: 400;
    padding: 25px 90px;
    font-size: 18px;
    text-align: -webkit-center;
    background: #e7e7e7;
    border-radius: 7px;
}

.county-modal .modal-body .btn-back {
    background: #27B24D;
    height: 38px;
    padding: 0;
    margin-top: 32px;
    margin-bottom: 20px;
    color: #FFF;
    font-size: 18px;
    font-weight: 500;
}

.county-modal .modal-body .btn-back.btn-secondary {
    background: #6c757d;
    border: 0;
    text-transform: capitalize;
}

.county-modal .modal-body .btn-back.btn-secondary:hover {
    border-color: #6c757d;
}

.county-modal .modal-body p {
    margin: 0;
    color: #242424;
}

.county-modal .btn-send {
    width: 100%;
    height: 38px;
    margin-top: 32px;
    padding: 7px 35px;
    text-transform: capitalize;
}

.properties-modal .btn-add-property {
    background: #008cba;
    border: 1px solid #008cba;
    padding: 2px 8px;
    color: #FFF;
    text-transform: capitalize;
    font-size: 16px;
}

#banner-enrollment-form .properties-modal .btn-add-property:hover {
    color: #FFF;
    background: #008cba;
    border: 1px solid #008cba;
}

#banner-enrollment-form .properties-modal .btn-close {
    position: absolute !important;
    margin: 0;
    top: 1px !important;
    right: 15px !important;
    --bs-btn-close-bg: none;
    opacity: unset;
    background: transparent;
}

#banner-enrollment-form .properties-modal .btn-close:hover {
    background: transparent !important;
}

#banner-enrollment-form .properties-modal .btn-close:focus {
    box-shadow: none;
}

#banner-enrollment-form .properties-modal .modal-close-icon {
    font-size: 18px;
    color: #606060;
}

#banner-enrollment-form .properties-modal .modal-close-icon:hover {
    color: #444444;
}

#banner-enrollment-form .properties-modal .btn-close-property {
    width: 25px;
    height: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #FFF;
    background: #f74949;
    border-radius: 50%;
}

#banner-enrollment-form .properties-modal .btn-close-property:focus {
    background: #f74949;
}

#banner-enrollment-form .properties-modal .btn-close-property:active {
    border: 0;
    color: #FFF;
}

#banner-enrollment-form .properties-modal #no-property-found {
    display: none;
}

#banner-enrollment-form #ReviewYourDocModal .btn-close:focus {
    box-shadow: none;
}

#banner-enrollment-form #ReviewYourDocModal .btn-close {
    position: absolute;
    top: 15px;
    right: 18px;
    font-size: 14px;
}

#banner-enrollment-form #ReviewYourDocModal .btn-close:hover {
    background-color: transparent;
}

#banner-enrollment-form .border-bottom-text {
    display: inline-block;
    position: relative;
    color: #217cd1;
    cursor: pointer;
}

#banner-enrollment-form .border-bottom-text::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 2px;
    background-color: #8ebeebd6;
    transform: scaleX(0);
    transition: transform 0.3s ease;
}

#banner-enrollment-form .border-bottom-text:hover::after {
    transform: scaleX(1);
}

#banner-enrollment-form .circle-file {
    width: 35px;
    height: 35px;
    position: relative;
    display: flex;
    top: 0;
    padding: 15px;
    justify-content: center;
    align-items: center;
    font-size: 18px;
    color: #FFF !important;
    text-align: center;
    font-weight: 500;
    background: #27B24D;
    border: 1px solid #27B24D;
    border-radius: 50%;
    line-height: 35px;
}

#banner-enrollment-form .enrollment-badge {
    position: relative;
    display: flex;
    width: 150px;
    margin: 35px auto;
}

#banner-enrollment-form .success-container {
    margin-bottom: 30px;
}

#banner-enrollment-form .add-properties-card p {
    margin-bottom: 0;
}

/*********** Form Css *************/
#banner-enrollment-form #signature {
    position: relative;
    display: block;
    width: 730px;
    height: 100px;
    padding: 5px;
    background: #f4f4f4;
    border: 1px solid #27B24D;
    border-radius: 7px;
}

#banner-enrollment-form .clear-signature {
    position: absolute;
    right: 10px;
    /* top: -5px; */
    top: -30px;
    padding: 2px 12px;
    border-radius: 5px;
}

#banner-enrollment-form .clear-signature:focus {
    /* background: #dc3545; */
    color: var(--bs-btn-hover-color);
    background-color: var(--bs-btn-hover-bg);
    border-color: var(--bs-btn-hover-border-color);
}

#banner-enrollment-form .required-field::after {
    content: "*";
    position: relative;
    left: 3px;
    color: #ff0000;
    font-weight: 800;
}

#banner-enrollment-form #Enroll-form-savings .form-label {
    color: #606060;
    font-weight: 500;
}

#banner-enrollment-form .fontSelect {
    margin: 0 25px;
    font-size: 14px;
    text-align: center;
    font-weight: 600;
}

#banner-enrollment-form #fontSelect {
    width: 90%;
    border-radius: 7px;
    height: 30px;
    padding: 2px 5px;
    margin: 0 25px;
    font-size: 14px;
}

#banner-enrollment-form .form-control,
#CountyModal .form-control {
    width: 100% !important;
    display: block;
    padding: .375rem .75rem !important;
    margin-bottom: 8px;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    background-color: #fff !important;
    border: 1px solid #dee2e6 !important;
    border-radius: 0.375rem !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-clip: padding-box;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

#banner-enrollment-form #propertysearch-input {
    padding: .375rem .75rem .375rem 55px !important;
}

#banner-enrollment-form .form-control:focus,
#banner-enrollment-form .form-select:focus,
#CountyModal .form-control:focus {
    box-shadow: 0 0 0 .25rem rgb(39 178 77 / 42%);
}

#banner-enrollment-form .form-label {
    font-size: 16px;
}

#banner-enrollment-form ::placeholder {
    color: #7c7c7c !important;
}

#banner-enrollment-form input[type="number"]::-webkit-inner-spin-button,
#banner-enrollment-form input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

#banner-enrollment-form .signature-check-input {
    border-radius: 0 !important;
    border: 1px solid #27B24D;
}

#banner-enrollment-form .signature-check-input:checked {
    background-color: #27B24D;
    border-color: #27B24D;
}

#banner-enrollment-form .signature-check-input:focus {
    box-shadow: 0 0 0 .25rem rgba(39, 178, 77, .25);
}

#banner-enrollment-form .form-add-property {
    margin: 15px 0;
}

#banner-enrollment-form .properties-modal p {
    margin-bottom: 0;
}

#banner-enrollment-form #field_7_20 {
    display: none;
}

#banner-enrollment-form #exp-enrollment #gform_1 input,
#banner-enrollment-form #gform_1 input {
    width: 100% !important;
    display: block;
    margin-bottom: 8px;
    margin-top: .5rem !important;
    font-size: 14px !important;
    font-weight: 400;
    line-height: 1.5;
    background-color: #fff !important;
    border: 1px solid #dee2e6 !important;
    border-radius: 0.375rem !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-clip: padding-box;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

#banner-enrollment-form #exp-enrollment #gform_1 input,
#banner-enrollment-form #gform_1 input:focus {
    border: 1px solid #dee2e6 !important;
    box-shadow: 0 0 0 .25rem rgb(39 178 77 / 42%);
}

#banner-enrollment-form #gform_1 input:focus-visible {
    border: 1px solid #dee2e6 !important;
}

#banner-enrollment-form .gform_legacy_markup_wrapper.gf_browser_chrome ul.gform_fields li.gfield select {
    background-color: #fff !important;
    border: 1px solid #dee2e6 !important;
    border-radius: 0.375rem !important;
    padding: .375rem .75rem !important;
}

#countysec-intro .gform_body .gfield.radiobtn ul.gfield_radio li {
    display: flex !important;
}
#banner-enrollment-form #gform_1 input[type="radio"] {
    width: auto !important;
    border: 0 !important;
    box-shadow: none;
}
#banner-enrollment-form #field_1_29 {
    display: block !important;
    margin-bottom: 15px;
} 

#banner-enrollment-form .innerpage .entry .gform_body .top_label li.gfield.gf_left_half,
#banner-enrollment-form .innerpage .entry .gform_body .top_label li.gfield.gf_right_half {
    width: 49.3%;
}

#banner-enrollment-form .innerpage .entry .gform_body .gform_fields li.gfield,
#banner-enrollment-form .gform_wrapper .top_label li.gfield.gf_left_half .ginput_container:not(.gfield_time_hour):not(.gfield_time_minute):not(.gfield_time_ampm):not(.ginput_container_date):not(.ginput_quantity):not(.datepicker):not(.gfield_signature_container),
#banner-enrollment-form .gform_wrapper .top_label li.gfield.gf_right_half .ginput_container:not(.gfield_time_hour):not(.gfield_time_minute):not(.gfield_time_ampm):not(.ginput_container_date):not(.ginput_quantity):not(.datepicker):not(.gfield_signature_container),
#banner-enrollment-form .innerpage .gform_wrapper .top_label div.ginput_container {
    margin: 0 !important;
}

#banner-enrollment-form .innerpage .entry .gform_body .gform_fields li.gfield .gfield_radio {
    border: 0 !important;
}

#banner-enrollment-form #field_7_34,
#banner-enrollment-form #field_7_36 {
    width: 49.3% !important;
    float: left !important;
    clear: inherit !important;
}

#banner-enrollment-form #field_7_53,
#banner-enrollment-form #field_7_37,
#banner-enrollment-form #field_7_55,
#banner-enrollment-form #field_7_35 {
    width: 49.3% !important;
    float: right !important;
    clear: inherit !important;
}

#banner-enrollment-form #field_7_55 {
    display: none !important;
}

#banner-enrollment-form .gform_legacy_markup_wrapper .top_label .gfield_label {
    display: contents !important;
    font-size: 14px !important;
    font-weight: 600 !important;
}

#banner-enrollment-form .gform_legacy_markup_wrapper ul li.gfield {
    margin-top: 0 !important;
}

#banner-enrollment-form .innerpage .entry .gform_body ul.gfield_radio li input[type=radio] {
    display: none !important;
}

#banner-enrollment-form .innerpage .entry .gform_body ul.gfield_radio .gchoice {
    width: 100% !important;
}

#banner-enrollment-form .innerpage .entry .gform_body ul.gfield_radio li input[type=radio]:checked+label::before {
    content: "\f111" !important;
    color: #4db748 !important;
}

#banner-enrollment-form .innerpage .entry .gform_body ul.gfield_radio li input[type=radio]:checked+label {
    color: #4db748 !important;
}

#banner-enrollment-form .innerpage .entry .gform_body ul.gfield_radio li label::before {
    content: "\f10c" !important;
}

#banner-enrollment-form .innerpage .entry .gform_body .top_label .gfield_label {
    display: contents !important;
    color: #606060 !important;
    font-weight: 600 !important;
}

#banner-enrollment-form .gform_legacy_markup_wrapper .gfield_required {
    color: #ff0000 !important;
    margin-left: 2px;
}

#banner-enrollment-form .innerpage .entry .gform_body ul.gfield_radio li label {
    max-width: 100% !important;
}

#banner-enrollment-form #exp-enrollment #gform_1 input,
#banner-enrollment-form #gform_1 input[type=submit] {
    visibility: visible !important;
    position: relative !important;
    height: 50px !important;
    text-transform: uppercase !important;
    font-size: 20px !important;
    background: #4db748 !important;
    border: 1px solid #4db748 !important;
}

#banner-enrollment-form .innerpage .entry .gform_wrapper,
#banner-enrollment-form .gform_legacy_markup_wrapper .gform_footer {
    margin: 0 !important;
    padding: 0 !important;
    display: none;
}

#banner-enrollment-form .innerpage .entry .gform_wrapper .gform_footer {
    margin: 0 !important;
}

#banner-enrollment-form #upperbottom p {
    color: #fff !important;
}

#banner-enrollment-form .iframe_container {
    width: 100% !important;
    height: 655px;
}

#banner-enrollment-form #submitsearchResultAutoSuggest {
    display: none !important;
}

#iframeModal .iframe_container {
    width: 100% !important;
    height: 655px;
}

#footernav ul li .fa-caret-right {
    display: none !important;
}

#footernav ul li i {
    left: 25px !important;
}

#footernav ul li:hover {
    border: 1px solid #888 !important;
}

#banner-enrollment-form label[for="input_7_1"] {
    display: block !important;
}

#loading-overlay img {
    width: 25%;
    position: absolute;
    left: 36%;
    top: 36%;
}

.properties-modal .item-list {
    width: 66% !important;
}
.properties-modal .item-list:empty {
    border: 0px solid #ddd !important;
}

#banner-enrollment-form .img-res-sm {
    width: 30px !important;
    height: auto !important;
    max-height: 30px;
    margin-bottom: 0;
    margin-right: 10px;
}

.l-mb-hero-heading {
    display: block !important;
}
.r-mb-hero-heading {
    display: none !important;
}

@media (max-width: 575.98px) {
    
    .col-mb-left {
        order: 2;
    }
    .l-mb-hero-heading {
        display: none !important;
    }
    .col-mb-right {
        order: 1;
    }
    .r-mb-hero-heading {
        display: block !important;
        margin-top: 15px !important;
        font-size: 25px !important;
    }
    #banner-enrollment-form .mb-start-process {
        display: none !important;
    }
    #banner-enrollment-form .tab-sub-heading {
        margin: 15px 0 15px 0px !important; 
    }
    /******** End  Enrollment alignment top CSS *******/

    ol, ul {
        margin: 0 !important;
    }
    .banner-enrollment-form.mt-5 {
        margin-top: 0 !important;
    }

    .banner-enrollment-form .tab-content {
        padding: 0 15px;
    }

    #main-content .container.banner-enrollment-form {
        margin: 0 !important;
    }

    #col-res-mb {
        padding: 0 !important;
    }

    #banner-enrollment-form .card-container {
        overflow: auto;
    }

    #banner-enrollment-form .confirm-box {
        width: 85%;
    }

    #banner-enrollment-form .fixed-column {
        display: none;
    }

    #banner-enrollment-form .main-heading-mt {
        margin-top: 0px;
    }

    #banner-enrollment-form .tab-sub-heading {
        display: flex;
        font-size: 18px !important;
        font-weight: 600;
    }

    #banner-enrollment-form .tab-enroll-heading {
        display: flex;
        margin: 35px 0 35px 0px !important;
        font-size: 18px !important;
        font-weight: 600;
    }

    #banner-enrollment-form .main-heading {
        font-size: 18px;
    }

    #banner-enrollment-form .nav-pills .nav-link span,
    #banner-enrollment-form .heading-circle-green {
        width: 40px;
        height: 40px;
        font-size: 18px;
        line-height: 40px;
    }

    /* #banner-enrollment-form .scrollable-column {
        position: absolute;
        display: inline-block;
    } */

    #banner-enrollment-form .item-county {
        position: relative;
        display: block;
        margin-left: 0;
        right: 0;
        bottom: 0;
    }

    #main-content #banner-enrollment-form .container {
        margin: 0;
    }

    #banner-enrollment-form .scrollable-column-container {
        height: 100%;
        padding: 0px 15px;
        overflow-y: auto;
    }

    #banner-enrollment-form .item-list {
        width: 100%;
    }

    #banner-enrollment-form .item-list:empty {
        border: 0px solid #ddd;
    }

    #banner-enrollment-form .search-input {
        width: 100%;
    }

    #banner-enrollment-form .mb-res-search {
        display: block !important;
    }

    #banner-enrollment-form .search-btn {
        /* width: 100px; */
        width: 100%;
        height: 40px;
        padding: 5px;
        font-size: 18px;
        border-bottom-left-radius: 7px;
        border-top-left-radius: 7px;
    }

    #banner-enrollment-form .county-modal .modal-body .div-text-content {
        padding: 15px;
        text-align: justify;
    }

    #banner-enrollment-form .enquiries-sm {
        display: inline-block !important;
    }

    #banner-enrollment-form .enquiries-bg .google-review {
        border-left: 0px solid #ccc;
        padding-left: 0;
        margin: 20px auto 10px;
        position: relative;
        display: block;
    }

    #banner-enrollment-form .img-res-sm {
      width: 30px;
      height: auto;
      max-height: 30px;
      margin-bottom: 15px;
      margin-right: 10px;
    }

    #banner-enrollment-form .col-auto {
        width: 100%;
        margin-bottom: 0px;
    }

    #banner-enrollment-form .form-add-property {
        margin-bottom: 15px;
    }

    #banner-enrollment-form .properties-modal .btn-close-property {
        position: absolute;
        display: flex;
        top: -22px;
        right: 20px;
    }

    #banner-enrollment-form .review-docum-sm {
        margin-top: 15px;
    }

    #banner-enrollment-form #signature {
        width: 345px;
    }

    #banner-enrollment-form .btn-sm-continue {
        width: 195px;
    }

    #banner-enrollment-form .phone-sm-res {
        position: relative;
        display: block;
        margin-top: 15px;
    }

    #banner-enrollment-form .innerpage .entry .gform_body .top_label li.gfield.gf_left_half,
    #banner-enrollment-form .innerpage .entry .gform_body .top_label li.gfield.gf_right_half { 
        width: 100% !important;
    }

    #countysec-intro .gform_body .top_label li.gfield.gf_left_half, #countysec-intro .gform_body .top_label li.gfield.gf_right_half, 
    #countysec-intro .gform_body .top_label li.gfield.gf_middle_third, #countysec-intro .gform_body .top_label li.gfield.gf_right_third {
        width: 100% !important;  
    }
    
    #countysec-intro #field_1_34,
    #countysec-intro #field_1_35,
    #countysec-intro #input_1_36,
    #countysec-intro #input_1_37 {
        width: 100% !important;
        margin-left: 0 !important;
    }

    #banner-enrollment-form .iframe_container {
        width: 100% !important;
        height: 100%;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    #banner-enrollment-form .card-container {
        overflow: auto;
    }

    #banner-enrollment-form .fixed-column {
        display: none;
    }

    #banner-enrollment-form .main-heading-mt {
        margin-top: 35px;
    }

    #banner-enrollment-form .tab-sub-heading {
        display: flex;
        font-size: 22px !important;
    }

    #banner-enrollment-form .main-heading {
        font-size: 24px;
    }

    #banner-enrollment-form .nav-pills .nav-link span,
    #banner-enrollment-form .heading-circle-green {
        width: 40px;
        height: 40px;
        font-size: 18px;
        line-height: 40px;
    }

    /* #banner-enrollment-form .scrollable-column {
        position: absolute;
        display: inline-block;
    } */

    #banner-enrollment-form .scrollable-column-container {
        height: 100%;
        padding: 0px 15px;
        overflow-y: auto;
    }

    #banner-enrollment-form .item-list {
        width: 100%;
        margin: 0 !important;
    }

    #banner-enrollment-form #PropertiesModal .item-list {
        width: 100% !important;
        margin-left: -31px !important;
    }

    #banner-enrollment-form .search-input {
        width: 100%;
    }

    #banner-enrollment-form .search-btn {
        width: 215px;
    }

    #banner-enrollment-form .county-modal .modal-body .div-text-content {
        padding: 15px;
        text-align: justify;
    }

    #banner-enrollment-form .enquiries-bg .google-review {
        border-left: 0px solid #ccc;
        padding-left: 0;
        margin: 0px auto 10px;
        position: relative;
        display: block;
    }

    #banner-enrollment-form .img-res-sm {
       width: 30px;
        height: auto;
        max-height: 30px;
        margin-bottom: 0px;
        margin-right: 10px;
    }

    #banner-enrollment-form .col-auto {
        width: 100%;
        margin-bottom: 0px;
    }

    #banner-enrollment-form .form-add-property {
        margin-bottom: 15px;
    }

    /* #banner-enrollment-form .properties-modal .btn-close-property {
        position: absolute;
        display: flex;
        top: -22px;
        right: 20px;
    } */

    #banner-enrollment-form #signature {
        width: 640px;
    }

    #banner-enrollment-form .phone-sm-res {
        position: relative;
        display: block;
        margin-top: 15px;
    }

    #banner-enrollment-form .iframe_container {
        width: 100% !important;
        height: 100vh;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    #banner-enrollment-form .main-heading-mt {
        margin-top: 0;
    }

    #banner-enrollment-form .fixed-column {
        width: 355px !important;
    }

    #banner-enrollment-form .nav-pills .nav-link span,
    #banner-enrollment-form .heading-circle-green {
        width: 40px;
        height: 40px;
        font-size: 18px;
        line-height: 40px;
    }

    #banner-enrollment-form .nav-pills .nav-link.active span {
        width: 40px;
        height: 40px;
        font-size: 18px;
        line-height: 40px;
    }

    #banner-enrollment-form .item-list {
        width: 100%;
    }

    #banner-enrollment-form .enquiries-bg h4 {
        font-size: 18px;
        padding: 0 10px;
    }

    #banner-enrollment-form .phone-sm-res {
        position: relative;
        display: block;
        margin-top: 15px;
    }

    #banner-enrollment-form .county-modal .modal-body .div-text-content {
        padding: 25px;
    }

    #banner-enrollment-form .col-auto {
        width: 50%;
    }

    /* #banner-enrollment-form .properties-modal .btn-close-property {
        position: absolute;
        top: -24px;
        right: 18px;
    } */

    #banner-enrollment-form .form-add-property {
        margin-bottom: 15px;
    }

    #banner-enrollment-form #signature {
        width: 475px;
    }

    #banner-enrollment-form .iframe_container {
        width: 100% !important;
        height: 750px;
    }
}

@media (min-width: 1200px) {
    #main-content #banner-enrollment-form.container {
        width: 100%;
        max-width: 100%;
        margin: 0 0 35px 0;
    }
}

@media screen and (min-width: 1265px) and (max-width: 1399.98px) {

    /* #banner-enrollment-form .container {
        width: 100%;
        max-width: 100%;
        margin: 0;
    } */

    #banner-enrollment-form .fixed-column {
        width: 430px;
    }

    #banner-enrollment-form .main-heading-mt {
        margin-top: 15px;
    }

    #banner-enrollment-form .form-label-sm {
        font-size: 13px !important;
    }

    #banner-enrollment-form #signature {
        width: 580px;
    }

    #banner-enrollment-form .iframe_container {
        width: 100% !important;
        height: 710px;
    }

    #loading-overlay img {
        width: 25%;
        position: absolute;
        left: 36%;
        top: 36%;
    }
}

@media only screen and (min-width: 1440px) and (max-width: 1600px) {
    #banner-enrollment-form .iframe_container {
        width: 100% !important;
        height: 715px !important;
    }

    #loading-overlay img {
        width: 25%;
        position: absolute;
        left: 36%;
        top: 36%;
    }
}

@media only screen and (min-width: 1440px) and (max-width: 2560px) {
    #banner-enrollment-form .gform_legacy_markup_wrapper .gform_footer {
        padding: 0px !important;
    }
}

/* @media (min-width: 1440px) and (max-width: 1900px) { 
    .main-heading-mt {
        margin-top: 40px;
    }
} */
#CountyModal #nameerror,
#CountyModal #emailerror,
#CountyModal #phoneerror {
    /* color: red;
    background: #ffffff91;
    padding: 5px;
    border: 1px solid #fff;
    border-radius: 7px;
    font-size: 15px; */
    color: red;
    background: transparent;
    padding: 0;
    border: 0;
    border-radius: 7px;
    font-size: 15px;
    display: none;
}

#CountyModal #stemmonsResponse {
    background: #fff;
    padding: 10px;
    border-radius: 10px;
    font-size: 18px;
    font-weight: 700;
    text-align: center;
}

#banner-enrollment-form .add-properties-card .bg-lightgray .card {
    margin: 5px;
}

#banner-enrollment-form #field_37_20 {
    display: none;
}

#banner-enrollment-form #exp-enrollment #gform_37 input,
#banner-enrollment-form #gform_37 input {
    width: 100% !important;
    display: block;
    margin-bottom: 8px;
    margin-top: .5rem !important;
    font-size: 14px !important;
    font-weight: 400;
    line-height: 1.5;
    background-color: #fff !important;
    border: 1px solid #dee2e6 !important;
    border-radius: 0.375rem !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-clip: padding-box;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

#banner-enrollment-form #exp-enrollment #gform_37 input,
#banner-enrollment-form #gform_37 input:focus {
    box-shadow: 0 0 0 .25rem rgb(39 178 77 / 42%);
}

#banner-enrollment-form #field_37_34,
#banner-enrollment-form #field_37_36 {
    width: 49.3% !important;
    float: left !important;
    clear: inherit !important;
}

#banner-enrollment-form #field_37_53,
#banner-enrollment-form #field_37_37,
#banner-enrollment-form #field_37_55,
#banner-enrollment-form #field_37_35 {
    width: 49.3% !important;
    float: right !important;
    clear: inherit !important;
}

#banner-enrollment-form #exp-enrollment #gform_37 input,
#banner-enrollment-form #gform_37 input[type=submit] {
    visibility: visible !important;
    position: relative !important;
    height: 50px !important;
    text-transform: uppercase !important;
    font-size: 20px !important;
    background: #4db748 !important;
    border: 1px solid #4db748 !important;
}

@media (max-width: 575.98px) {

    #banner-enrollment-form #field_37_34,
    #banner-enrollment-form #field_37_37,
    #banner-enrollment-form #field_37_53,
    #banner-enrollment-form #field_37_36,
    #banner-enrollment-form #field_37_55,
    #banner-enrollment-form #field_37_35 {
        width: 100% !important;
    }

}

/* Loading Overlay - covers the entire page with a dimmed background */
#banner-enrollment-form #loading-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(0 0 0 / 13%);
    justify-content: center;
    align-items: center;
    z-index: 99;
    /* position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(0 0 0 / 50%);
    display: none;
     
    justify-content: center;
    align-items: center;
    z-index: 9999; */
    /* Ensure it appears above all content */
}

/* Loading Spinner */
#banner-enrollment-form #loading-spinner {
    color: white;
    font-size: 24px;
    background-color: #27464b;
    padding: 20px;
    border-radius: 5px;
}

#banner-enrollment-form #loading-spinner {
    --w: 205px;
    font-weight: bold;
    font-family: monospace;
    font-size: 30px;
    letter-spacing: var(--w);
    width: var(--w);
    overflow: hidden;
    white-space: nowrap;
    text-shadow: calc(-1 * var(--w)) 0, calc(-2 * var(--w)) 0,
        calc(-3 * var(--w)) 0, calc(-4 * var(--w)) 0, calc(-5 * var(--w)) 0,
        calc(-6 * var(--w)) 0, calc(-7 * var(--w)) 0, calc(-8 * var(--w)) 0,
        calc(-9 * var(--w)) 0;
    animation: c6 2s infinite ease-in-out;
}

#banner-enrollment-form #loading-spinner:before {
    content: "Processing...";
}

@keyframes c6 {
    0% {
        text-shadow: calc(-1 * var(--w)) 0 #0B9330, calc(-2 * var(--w)) 0 #27B24D,
            calc(-3 * var(--w)) 0 #9ce5ac, calc(-4 * var(--w)) 0 #0B9330,
            calc(-5 * var(--w)) 0 #27B24D, calc(-6 * var(--w)) 0 #9ce5ac,
            calc(-7 * var(--w)) 0 #0B9330, calc(-8 * var(--w)) 0 #27B24D,
            calc(-9 * var(--w)) 0 #9ce5ac;
    }

    20% {
        text-shadow: calc(-1 * var(--w)) 0 #27B24D, calc(-2 * var(--w)) 0 #9ce5ac,
            calc(-3 * var(--w)) 0 #0B9330, calc(-4 * var(--w)) 0 #27B24D,
            calc(-5 * var(--w)) 0 #9ce5ac, calc(-6 * var(--w)) 0 #0B9330,
            calc(-7 * var(--w)) 0 #27B24D, calc(-8 * var(--w)) 0 #9ce5ac,
            calc(-9 * var(--w)) 0 #0B9330;
    }

    40% {
        text-shadow: calc(-1 * var(--w)) 0 #9ce5ac, calc(-2 * var(--w)) 0 #0B9330,
            calc(-3 * var(--w)) 0 #27B24D, calc(-4 * var(--w)) 0 #9ce5ac,
            calc(-5 * var(--w)) 0 #0B9330, calc(-6 * var(--w)) 0 #27B24D,
            calc(-7 * var(--w)) 0 #9ce5ac, calc(-8 * var(--w)) 0 #0B9330,
            calc(-9 * var(--w)) 0 #27B24D;
    }

    60% {
        text-shadow: calc(-1 * var(--w)) 0 #0B9330, calc(-2 * var(--w)) 0 #27B24D,
            calc(-3 * var(--w)) 0 #9ce5ac, calc(-4 * var(--w)) 0 #0B9330,
            calc(-5 * var(--w)) 0 #27B24D, calc(-6 * var(--w)) 0 #9ce5ac,
            calc(-7 * var(--w)) 0 #0B9330, calc(-8 * var(--w)) 0 #27B24D,
            calc(-9 * var(--w)) 0 #9ce5ac;
    }

    80% {
        text-shadow: calc(-1 * var(--w)) 0 #27B24D, calc(-2 * var(--w)) 0 #9ce5ac,
            calc(-3 * var(--w)) 0 #0B9330, calc(-4 * var(--w)) 0 #27B24D,
            calc(-5 * var(--w)) 0 #9ce5ac, calc(-6 * var(--w)) 0 #0B9330,
            calc(-7 * var(--w)) 0 #27B24D, calc(-8 * var(--w)) 0 #9ce5ac,
            calc(-9 * var(--w)) 0 #0B9330;
    }

    100% {
        text-shadow: calc(-1 * var(--w)) 0 #0B9330, calc(-2 * var(--w)) 0 #27B24D,
            calc(-3 * var(--w)) 0 #9ce5ac, calc(-4 * var(--w)) 0 #0B9330,
            calc(-5 * var(--w)) 0 #27B24D, calc(-6 * var(--w)) 0 #9ce5ac,
            calc(-7 * var(--w)) 0 #0B9330, calc(-8 * var(--w)) 0 #27B24D,
            calc(-9 * var(--w)) 0 #9ce5ac;
    }
}

#banner-enrollment-form #tq_clientnumber {
    color: #27b24d;
    font-weight: 700;
}

/* 
.signature-container {
    position: relative;
    width: 400px;
    height: 200px;
}

.signature-pad canvas {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 1px solid #000;
}

#fontSelect {
    margin: 5px 0;
    border: 1.5px solid #0b9230;
    border-radius: 5px;
    padding: 5px;
} */
#banner-enrollment-form #modaltab .nav-pills {
    display: block;
}

#banner-enrollment-form #modaltab .nav-pills .nav-link {
    background: #f5f5f5;
    color: #000;
    font-weight: 500;
}

#banner-enrollment-form #modaltab .nav-pills .nav-link.active,
#banner-enrollment-form .nav-pills .show>.nav-link {
    background-color: #27B24D;
    color: #FFF;
    font-weight: 500;
}

@media (max-width: 575.98px) {
    #banner-enrollment-form #modaltab .tab-content {
        margin-top: 15px;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    #banner-enrollment-form #modaltab .appointment-card-body {
        display: flex;
        justify-content: center;
    }

    #banner-enrollment-form #modaltab .appointment-card-body .nav-link {
        width: 250px;
        text-align: center;
    }

    #banner-enrollment-form #modaltab .tab-content {
        margin-top: 15px;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    #banner-enrollment-form #modaltab .appointment-card {
        height: 100%;
    }
}

/* #fixed-column-left {
    display: none;
} */

#footer {
    display: none;
}


#customConfirm {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 9999;
}

.confirm-box {
    background: white;
    width: auto;
    padding: 20px;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

.confirm-box button {
    margin: 10px;
    padding: 8px 15px;
    border: none;
    cursor: pointer;
}

#confirmYes {
    background: #dc3545;
    color: white;
}

#confirmNo {
    background: #6c757d;
    color: white;
}
#field_7_53, #field_7_10{
    display:none;
}

.potential-savings .gradient-card {
    height: 65px;
    border-radius: 10px;
    border: none;
    padding: 8px;
    background: linear-gradient(135deg, #27b24d 0%, #4db748 100%);
    color: white;
    transition: transform 0.3s ease;
    box-shadow: 0 4px 10px rgba(39, 178, 77, 0.3);
    display: flex;
    align-items: center;
}
.potential-savings .gradient-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 6px 15px rgba(39, 178, 77, 0.4);
}
.potential-savings .icon-wrapper {
    width: 50px;
    height: 50px;
    min-width: 50px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    background-color: rgba(255, 255, 255, 0.2);
    color: white;
    margin-left: 5px;
}
.potential-savings .card-content {
    padding-left: 20px;
    padding-right: 15px;
    flex-grow: 1;
}
.potential-savings .card-title {
    font-size: 16px;
    color: #f5f5f5f0;
    text-transform: capitalize;
    letter-spacing: 0.5px;
    white-space: nowrap;
    text-align: left;
    font-weight: 400;
    margin-bottom: 0 !important;
}
.potential-savings .card-value {
    font-size: 22px;
    color: #FFF !important;
    font-weight: 700 !important;
    margin-bottom: 0;
    white-space: nowrap;
    text-align: left;
}

/* Optional color variations */
.potential-savings .gradient-card.blue {
    background: linear-gradient(135deg, #4db748 0%, #27b24d 100%);
    box-shadow: 0 4px 10px rgba(39, 178, 77, 0.3);
}
.potential-savings .gradient-card.blue:hover {
    box-shadow: 0 4px 10px rgba(39, 178, 77, 0.3);
}

.potential-savings .loader-container {
  width: 300px;
  margin: 5px auto 0 auto;
  text-align: center;
}

.potential-savings .loader-bar {
  width: 100%;
  height: 12px;
  background-color: #eee;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: inset 0 0 5px #ccc;
  position: relative;
}

.potential-savings .loader-fill {
  height: 100%;
  width: 100%;
  background: linear-gradient(90deg, transparent, #4caf50, #4caf50, transparent);
  border-radius: 10px;
  position: absolute;
  left: -100%;
  animation: smooth-slide 2.5s linear infinite;
}

.potential-savings .loader-text {
  margin-top: 10px;
  font-weight: bold;
  color: #4caf50;
  font-size: 16px;
}
/* Smooth sliding highlight animation */
@keyframes smooth-slide {
  0% {
    left: -100%;
  }
  100% {
    left: 100%;
  }
}