#coverage_plan_selection .products .box-container .box .button,
#coverage_plan_selection .products nav button {
    gap: 12px;
    color: #fff !important;
    text-align: center;
    padding: 15px 30px;
    width: max-content;
    text-decoration: none !important;
    font-size: 20px;
    font-weight: 700;
}
#coverage_plan_selection .products nav button:not(.active) {
    font-weight: 400;
}
#coverage_plan_selection .products select,
#coverage_plan_selection form select {
    background-image: url(/wp-content/themes/hio/assets/img/icons/tipdown_arrow.svg);
    background-repeat: no-repeat;
    background-attachment: scroll;
    text-overflow: clip;
    color: #7c7c7c;
    white-space: nowrap;
}
#coverage_plan_selection {
    padding: 50px 0;
    background-image: url(../img/new_design/bg_image_blue.webp);
    background-size: 100% auto;
    background-position: top center;
    box-sizing: border-box;
}
#coverage_plan_selection * {
    box-sizing: border-box;
}
#coverage_plan_selection .coverage_plan_selection_content {
    width: 100%;
    max-width: 1150px;
    margin: auto;
    padding: 0 20px;
}
#coverage_plan_selection .title {
    color: #fff !important;
    text-align: center;
}
#coverage_plan_selection .subtitle {
    font-size: 19px;
    color: #fff;
    text-align: center;
    font-weight: 700;
}
#coverage_plan_selection .second-subtitle {
    font-size: 17px;
    color: #fff;
    text-align: center;
    margin-top: 0;
    font-weight: 700;
}
#coverage_plan_selection .products {
    display: flex;
    justify-content: space-between;
    margin: 60px 0 30px;
    gap: 25px;
    min-height: 436px;
}
#coverage_plan_selection .products select {
    display: none;
    flex: 0 1 auto;
    margin: 11px 0 0 !important;
    border-radius: 30px;
    font-size: 21px;
    background-position: center right 4px;
    background-size: 32px;
    padding: 15px 30px 15px 15px;
    text-align-last: left;
    text-align: left;
    outline: 0;
    appearance: none;
}
#coverage_plan_selection .products nav {
    display: flex;
    flex-direction: column;
    padding-top: 5px;
}
#coverage_plan_selection .products nav button {
    display: flex;
    align-items: center;
    background-color: #fff0;
    border: 1px solid #fff0;
    justify-content: center;
    border-radius: 50px;
    margin-top: 5px;
    cursor: pointer;
    transition: 0.3s ease-out;
}
#coverage_plan_selection .products nav button.active,
#coverage_plan_selection .products nav button:hover {
    background-color: #f36523;
}
#coverage_plan_selection .products .box-container .box .button::after,
#coverage_plan_selection .products nav button::after {
    content: "";
    background-image: url(../img/icons/arrow-right-new.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 20px;
    height: 20px;
    margin-top: 2.5px;
    filter: invert(1);
    transition: 0.15s ease-out;
    position: relative;
    left: 0;
    cursor: pointer;
}
#coverage_plan_selection .products .box-container .box .button:hover::after,
#coverage_plan_selection .products nav button:hover::after {
    left: 3px;
}
#coverage_plan_selection .products .box-container {
    width: 100%;
    max-width: 600px;
}
#coverage_plan_selection .products .box-container .box {
    background-color: #fff;
    border-radius: 33px;
    padding: 35px;
    display: none;
}
#coverage_plan_selection .products .box-container .box.active {
    display: block;
}
#coverage_plan_selection .products .box-container .box img {
    width: 48px;
    height: auto;
}
#coverage_plan_selection .products .box-container .box h3 {
    font-size: 1.5em;
    margin: 10px 0;
}
#coverage_plan_selection .products .box-container .box .button {
    display: flex;
    align-items: center;
    background-color: #f36523;
    border: 1px solid #fff0;
    justify-content: center;
    border-radius: 50px;
    margin-top: 35px;
    width: 100%;
    max-width: max-content;
}
#coverage_plan_selection form {
    display: flex;
    justify-content: center;
    gap: 20px;
    margin-top: 35px;
}
#coverage_plan_selection form select {
    padding: 0 32px 0 15px;
    background-position: center right;
    background-size: 32px 32px;
    overflow: hidden;
    text-indent: 0.01px;
    -webkit-border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none;
    border-radius: 40px;
    height: 60px !important;
    width: 100%;
    max-width: 250px;
}
#coverage_plan_selection form button {
    display: flex;
    align-items: center;
    font-size: 20px;
    line-height: 1.3;
    font-weight: 700;
    color: #fff;
    background-color: #f36523;
    padding: 10px 15px;
    white-space: nowrap;
    border-radius: 40px;
    border: none;
    cursor: pointer;
}
.guide_map .map_svg_wrapper {
    display: block !important;
}
.guide_map .map_heading {
    display: none;
}
.guide_map svg {
    width: 100% !important;
}
.guide_map.map_container svg path.state_label {
    fill: #50738f;
}
.guide_map.map_container svg a:hover path.state_label {
    fill: #fff;
}
.guide_map.map_container path.small_state_pad,
.guide_map.map_container path.state_shape {
    fill: #fff;
}
.guide_map.map_container svg a:hover path.small_state_pad,
.guide_map.map_container svg a:hover path.state_shape {
    opacity: 1;
    fill: #f36523;
}
.guide_map.map_container svg path.connector_line {
    stroke: #424242;
}
@media (max-width: 767px) {
    #coverage_plan_selection {
        background-image: url(../img/new_design/bg_image_blue_mobile.webp);
    }
    #coverage_plan_selection .title {
        font-size: 1.63em;
        letter-spacing: 1px;
        line-height: 1.25 !important;
    }
    #coverage_plan_selection .subtitle {
        font-size: 19px;
        margin-top: 0;
    }
    #coverage_plan_selection .products .box-container .box .button,
    #coverage_plan_selection .products .box-container .box p,
    #coverage_plan_selection .second-subtitle {
        margin-top: 0;
    }
    #coverage_plan_selection .products {
        flex-direction: column;
        margin-top: 0;
        gap: 0;
    }
    #coverage_plan_selection .products select {
        display: flex;
    }
    #coverage_plan_selection .products nav {
        display: none;
    }
    #coverage_plan_selection .products .box-container {
        max-width: initial;
        margin-top: 32px;
    }
    #coverage_plan_selection .products .box-container .box h3 {
        font-size: 1.2em;
        margin: 10px 0 7px;
    }
    .map_container.guide_map {
        margin: 0 !important;
    }
}
@media (max-width: 475px) {
    #coverage_plan_selection form {
        gap: 15px;
        flex-direction: column;
    }
    #coverage_plan_selection form select {
        max-width: initial;
        line-height: 1.5;
    }
    #coverage_plan_selection form button {
        justify-content: center;
        min-height: 60px;
    }
    #coverage_plan_selection .products .box-container .box .button {
        font-size: 17px;
        padding: 15px 23px;
    }
}

/*subsidy calculator on homepage*/
     /*@media (max-width: 649px){*/
     /*    .row_number_2 {*/
     /*        display: none !important;*/
     /*    }*/
     /*    .row_number_new {*/
     /*        min-width: 35px;*/
     /*        height: 35px;*/
     /*        background: #E0E6EB;*/
     /*        font-family: Merriweather;*/
     /*        font-style: normal;*/
     /*        font-weight: bold;*/
     /*        font-size: 20px;*/
     /*        line-height: 25px;*/
     /*        color: #333333;*/
     /*        text-align: center;*/
     /*        border-radius: 50%;*/
     /*        display: flex;*/
     /*        justify-content: center;*/
     /*        align-items: center;*/
     /*        padding: 0 0 2px 2px;*/
     /*        flex: unset !important;*/
     /*    }*/
     /*    .ageBlockMobile {*/
     /*        width: 100%;*/
     /*    }*/
     /*    .ageBlockText {*/
     /*        padding-left: 45px;*/
     /*        margin-top: 20px;*/
     /*    }*/
     /*    .calc_block_ages {*/
     /*        flex-direction: column;*/
     /*    }*/
     /*    .calc_row_mobile{*/
     /*        flex-direction: column;*/
     /*        align-items: flex-start !important;*/
     /*    }*/
     /*}*/
     /*@media (min-width: 649px){*/
     /*    .row_number_new {*/
     /*        display: none;*/
     /*    }*/
     /*}*/

@media (max-width: 480px){
    .homepage-new #calculator .calc_columns .calc_column .calc_row.ages {
        flex-wrap: unset !important;
    }
}
.ageBlockText {
    display: flex;
    align-items: center;
}

@media (max-width: 320px){
    .household_text {
        top: 85px !important;
    }
}

@media (min-width: 1024px) and (max-width: 1060px){
    .calculator-section {
        width: 63% !important;
    }
}

@media (max-width: 1024px){
    .calculator-section {
        width: 100% !important;
    }
    .subsidy_calc_desc {
        padding-right: unset !important;
    }
}

@media (min-width: 480px) and (max-width: 650px){
    #calculator .householdBlock {
        display: unset !important;
    }
    .calculator-section .calculator_wrapper_cs #calculator .calc_row {
        align-items: baseline !important;
    }
    .household_text{
        margin: 10px 0 0 20px !important;
    }
    .ageBlockText {
        padding-left: 55px !important;
    }
}

.calculator-section .calculator_wrapper_cs #calculator .magi {
    align-items: baseline !important;
}

#calculator .calc_columns .calc_column .calc_row .row_number {
    margin: unset !important;
}

@media (max-width: 480px) {
    #calculator .calc_columns .calc_column .calc_row .row_number_new {
        margin: 0 10px 0 0 !important;
    }
}
.homepage-new .calculator-section #results_wrapper.show-results {
    display: block !important;
}
.homepage-new .subsidy_calc_desc.increase-margin {
    margin-bottom: 450px !important;
}
@media (max-width: 1024px) {
    .homepage-new .subsidy_calc_desc.increase-margin {
        margin-bottom: 0 !important;
    }
}

@media (min-width: 1160px) {
    .subsidy_calc .main-wrapper .calculator-section {
        width: 55% !important;
    }
}
@media (min-width: 1130px) {
    .subsidy_calc_desc .main-wrapper {
        width: 100% !important;
        max-width: 1150px !important;
    }
}
@media (max-width: 1130px) and (min-width: 1024px) {
    .subsidy_calc_desc .main-wrapper {
        width: 100% !important;
        margin-left: 2.5% !important;
    }
}

#calculator .calc_row.magi .calc_block #taxableIncome {
    font-weight: bold !important;
}

@media (max-width: 1256px) and (min-width: 1024px) {
    .family_ages_p {
        width: 170px;
    }
}

/*@media (max-width: 670px) and (min-width: 650px) {*/
/*    .family_ages_p {*/
/*        width: 165px;*/
/*    }*/
/*}*/

/*@media (max-width: 650px) and (min-width: 481px) {*/
/*    .householdSizeField {*/
/*        margin-left: -5px;*/
/*    }*/
/*}*/

/*@media (max-width: 340px) {*/
/*    .household_text {*/
/*        top: 85px !important;*/
/*    }*/
/*}*/

/*@media (max-width: 480px) and (min-width: 338px) {*/
/*    #calculator .calc_block .primary.ageBlock .ageField {*/
/*        margin: 0 0 0 55px !important;*/
/*    }*/

/*    #calculator input#zipcode {*/
/*        margin: 0 0 0 55px !important;*/
/*    }*/
/*}*/

#family_ages_section {
    width: 100%;
}

.family_ages_group {
    display: flex !important;
}

.subsidy_calc .main-wrapper .calculator-section .calculator_wrapper_cs #calculator .magi {
    padding: 15px 0 0 !important;
}

#householdSize {
    overflow: unset !important;
}


/*new design styles*/
.subsidy_calc {
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin-top: 40px;
}



#results_wrapper {
    border-radius: 0 0 30px 30px;
}

.subsidy_calc > .main-wrapper {
    display: flex;
    width: 100%;
    max-width: 1260px;
    overflow: hidden !important;
    flex-direction: row;
    margin: 0 auto;
}

.title-section,
.calculator-section {
    display: flex;
    flex-direction: column;
}


#calculator_wrapper .title {
    /*background: #FF6900;*/
    background: #4F728F !important;
    border-radius: 30px 30px 0 0;
}
#calculator_wrapper .title h3 {
    color: #fff !important;
}
#calculator .calc_columns {
    background: #e8e8e8;
    padding: 30px 40px;
}

#calculator_wrapper input,
#calculator_wrapper select,
#calculator_wrapper ui-slider-range {
    border-radius: 40px;
}
.calc_block.horizontal,
.primary.ageBlock,
.primary.householdBlock {
    display: flex;
    flex-direction: column !important;
    align-items: flex-start !important;
}
.calc_block.horizontal label,
.primary.ageBlock label ,
.primary.householdBlock label {
    margin-bottom: 10px !important;
}

.calc_block.horizontal input,
.calc_block.horizontal select,
.primary.ageBlock select ,
.primary.householdBlock select,
.dependent.ageBlock select {
    border: unset !important;
    min-width: 100% !important;
    width: 100% !important;
    max-width: 100% !important;
    height: 40px !important;
    line-height: 40px !important;
    font-size: 1rem !important;
    /*    */
    border-radius: 40px !important;
}

#btnAddDependent {
    background: #4f728f;
    /*padding: 3px 7px;*/
    padding: 3px 10px;
    border-radius: 100%;
    color: white;
    margin-right: 10px;
}

#btnAddDependent:hover {
    cursor: pointer;
}

.dependent.ageBlock {
    position: relative;
    margin-top: 10px !important;
}
.btnRemoveDependent {
    position: absolute;
    top: -10px;
    left: -10px;
}

.ui-slider-range {
    border-radius: 30px 0 0 30px !important;
}

#incomeSlider {
    border-radius: 30px !important;
    border-bottom: 20px solid #fff !important;
    border-top: 20px solid #fff !important;
    height: 0 !important;
}
.subsidy_calc .main-wrapper .title-section,
.subsidy_calc .main-wrapper .calculator-section {
    flex: 1 1 50% !important;
    flex-direction: column !important;
    justify-content: center !important;
}

.subsidy_calc .main-wrapper .title-section {
    flex: 1 1 430px !important;
}
.subsidy_calc .main-wrapper .calculator-section {
    flex: 1 1 700px !important;
}

.calc_row.ages.calc_row_mobile{
    flex-wrap: wrap;
}

.calc_row.household,
.calc_row.magi {
    flex: 1 1 100% !important;
}

.calc_block_ages,
.calc_row.household .calc_block{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-end;
    flex: 1 1 100%;
}
.calc_block_ages .ageBlockText,
.calc_block_ages .primary.ageBlock,
.primary.householdBlock,
.household_text {
    display: flex;
    flex: 0 0 50%;
}

.calc_column {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.calc_row {
    display:flex;
    flex: 0 0 50% !important;
}

.calc_row.ages.calc_row_mobile {
    flex: 1 1 100% !important;
}



.title-section .title,
.title-section .subtitle,
.title-section .desc {
    line-height: 1.5;
    margin: 1em;
}

#subsidy_calc .title-section .title,
#subsidy_calc .title-section .subtitle,
#subsidy_calc .title-section .desc {
    margin: 1em 2em 0 1em !important;
}

#subsidy_calc .title-section .title p,
#subsidy_calc .title-section .subtitle p,
#subsidy_calc .title-section .desc p {
    margin: 0 !important;
    margin-block-start: 0 !important;
    margin-block-end: 0 !important;
}

.subsidy_calc .abutton {
    display: flex;
    font-size: 20px;
    font-weight: 700;
    color: #fff !important;
    background-color: #f36523 !important;
    border: 1px solid rgba(255,255,255,0);
    justify-content: center;
    text-align: center;
}
.subsidy_calc .abutton:hover{
    text-decoration: underline !important;
    cursor: pointer !important;
    text-decoration: none !important;
}

select#county {
    margin-top: 10px;
}

#calculator_wrapper input,
#calculator_wrapper select,
#calculator_wrapper ui-slider-range {
    width: 100% !important;
}

.calc_block {
    margin: 0 !important;
}
.calc_block.calc_block_ages .ageBlock,
/*.householdBlock,*/
.household_text,
.ageBlockText,
.county,
.county-additional,
.calc_row {
    flex: 0 0 calc(50% - 40px) !important;
    margin-right: 20px !important;
    margin-top: 10px !important;
}

.householdBlock {
    flex: 1 1 100% !important;
}

p.family_ages_p,
p.household_text {
    margin-bottom: 0 !important;
    line-height: 1.15 !important;
}

.calc_block.horizontal {
    /*flex: 0 0 calc(100% - 40px) !important;*/
    flex: 1 1 100% !important;
    margin-bottom: 10px !important;
}

@media only  screen and (max-width: 1024px) {
    .calculator_section {
        margin-top: 30px;
    }
    .subsidy_calc .main-wrapper{
        flex-direction: column !important;
    }

    #calculator .calc_columns {
        padding: 20px 10px;
    }

    .calc_block.calc_block_ages .ageBlock,
    .calc_block.calc_block_ages .ageBlock,
    .householdBlock,
    .household_text{
        flex: 1 !important;
        /*margin: 10px 0 10px 30px !important;*/
    }

    #btnAddDependent {
        margin-left: 20px !important;
    }

    .calc_block.calc_block_ages .ageBlock,
    /*.householdBlock,*/
    .household_text,
    .ageBlockText,
    .county,
    .county-additional,
    .calc_row {
        flex: 0 0 calc(100% - 40px) !important;
        margin-right: 0 !important;
        margin-top: 10px !important;
    }
    .calc_block.calc_block_ages {
        margin: 10px 0 10px 30px !important;
    }
    .calc_block:not(.calc_block_ages) {
        width: 100% !important;
        /*display: flex !important;*/
        flex: 1 !important;
        margin: 10px 0 10px 30px !important;
    }

    .calc_block.vertical {
        flex-direction: column;
    }

    #calculator_wrapper input[type=text] {
        padding: 0  !important
    }

    #calculator .family_ages .button_and_ages #agesWrapper .ageBlock .btnRemoveDependent {
        width: 20px !important;
    }
}

#family_ages_section {
    margin: 5px !important;
}

/**/
.calc_row.household {
    flex: 1 1 50% !important;
    margin-bottom: 10px !important;
}

.subsidy_calc .main-wrapper .title-section,
.subsidy_calc .main-wrapper .calculator-section {
    align-items: flex-start !important;
    justify-content: unset !important;
}
.subsidy_calc .main-wrapper .title-section h2 {
    font-size: 1.85em !important;
}

/* i icon for tooltip */
label.householdsize {
    display:flex;
    align-items:center;
    gap:8px;
}

label.householdsize .tooltip {
    position:relative;
    display:inline-flex;
    align-items:center;
    cursor:help;
}
  /*brought the image as backgeround to avoid unecessary html*/
label.householdsize .tooltip{
    width:18px;
    height:18px;
    background:url('/wp-content/uploads/2026/07/hio-i-see-details.webp') center/contain no-repeat;
}

label.householdsize .tooltip img {
    width:18px;
    height:18px;
    display:block;
}

label.householdsize .tooltip-content {
    position: absolute;
    left: 50%;
    bottom: calc(100% + 12px);
    transform: translateX(-50%) translateY(8px);
    width: 250px;
    max-width: 90vw;
    padding: 12px 14px;
    border-radius: 10px;
    background: #263646;
    color: #fff;
    font-size: 14px;
    line-height: 1.5;
    white-space: normal;
    overflow-wrap: break-word;
    box-shadow: 0 10px 30px rgba(0,0,0,.18);
    opacity: 0;
    visibility: hidden;
    transition: .2s ease;
    z-index: 50;
}

label.householdsize .tooltip-content::after{
    content:"";
    position:absolute;
    top:100%;
    left:50%;
    transform:translateX(-50%);
    border:7px solid transparent;
    border-top-color:#263646;
}

label.householdsize .tooltip:hover .tooltip-content,
label.householdsize .tooltip:focus-within .tooltip-content{
    opacity:1;
    visibility:visible;
    transform:translateX(-50%) translateY(0);
}

/*fix results section of the calculator*/
@media (min-width: 600px) {
    #results_wrapper #resultsBlock {
        padding-right: 50% !important;
    }
}
@media (min-width: 600px) {
    #results_wrapper {
        width: 100% !important;
        max-width: 700px !important;
    }
    #results_wrapper #resultsBlock {
        position: relative;
        width: 100% !important;
        max-width: 700px !important;
        margin: 0 auto;
    }
}

#results_wrapper #resultsBlock {
    text-align: center;
    color: #000;
}

#results_wrapper #resultsBlock a.major_button.abutton {
    color: #fff !important;
    border-radius: 40px;
}

@media (min-width: 1000px) {
    #results_wrapper #resultsBlock {
        flex: 1 1 100% !important;
    }
}

.subsidy_calc .abutton {
    align-items: center !important;
}

@media (min-width: 600px) {
    #results_wrapper #resultsBlock .call_to_action {
        position: absolute;
        top: 50% !important;
        left: 50% !important;
        transform: translate(0, -50%) !important;
        margin: 0;
        display: flex;
        align-items: center;
        justify-content: center;
    }
}

/* =========================================================
   Subsidy Calculator 2
   Two columns: Content + Map
========================================================= */

#subsidy_calc2 {
    width: 100%;
    box-sizing: border-box;
}

#subsidy_calc2 *,
#subsidy_calc2 *::before,
#subsidy_calc2 *::after {
    box-sizing: border-box;
}


#subsidy_calc2 .main-wrapper {
    width: 100%;
    max-width: 1260px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    gap: 50px;
}


/* =========================================================
   LEFT COLUMN
========================================================= */

#subsidy_calc2 .title-section {
    flex: 1 1 50%;
}


#subsidy_calc2 .title-section .title {
    margin-top: 0;
}


#subsidy_calc2 .second-subtitle {
    font-size: 17px;
    font-weight: 700;
    margin-top: 0;
}


/* =========================================================
   STATE FORM
========================================================= */

#subsidy_calc2 .form-state {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-top: 35px;
    width: 100% !important;
}


#subsidy_calc2 .form-state select {
    width: 100%;
    max-width: 250px;
    height: 60px !important;
    padding: 0 40px 0 15px;

    border-radius: 40px;

    background-image: url(/wp-content/themes/hio/assets/img/icons/tipdown_arrow.svg);
    background-repeat: no-repeat;
    background-position: center right;
    background-size: 32px;

    appearance: none;
}


#subsidy_calc2 .form-state button {
    display: flex;
    align-items: center;
    justify-content: center;

    min-height: 60px;
    padding: 10px 20px;

    font-size: 20px;
    font-weight: 700;
    line-height: 1.3;

    color: #fff;
    background-color: #f36523;

    border: none;
    border-radius: 40px;

    cursor: pointer;
}


/* =========================================================
   RIGHT COLUMN - MAP
========================================================= */

#subsidy_calc2 .calculator-section {
    flex: 1 1 50%;
}


#subsidy_calc2 .coverage-state-map {
    width: 100%;
}


#subsidy_calc2 .coverage-state-map .map_container {
    width: 100%;
}


#subsidy_calc2 .coverage-state-map .map_body {
    width: 100%;
}


#subsidy_calc2 .coverage-state-map .map_svg_wrapper {
    display: block !important;
    width: 100%;
}


#subsidy_calc2 .coverage-state-map svg {
    display: block;
    width: 100% !important;
    height: auto;
}


/* =========================================================
   SVG STATES
========================================================= */

#subsidy_calc2 .coverage-state-map svg path.state_label {
    fill: #50738f;
}


#subsidy_calc2 .coverage-state-map svg a:hover path.state_label {
    fill: #fff;
}


#subsidy_calc2 .coverage-state-map path.small_state_pad,
#subsidy_calc2 .coverage-state-map path.state_shape {
    fill: #fff;
    stroke: #333 !important;
    stroke-width: 0.77px !important;
    vector-effect: non-scaling-stroke !important;
}


#subsidy_calc2 .coverage-state-map svg a:hover path.small_state_pad,
#subsidy_calc2 .coverage-state-map svg a:hover path.state_shape {
    opacity: 1;
    fill: #f36523;
}


#subsidy_calc2 .coverage-state-map svg path.connector_line {
    stroke: #424242;
}


/* fallback image area */

#subsidy_calc2 .coverage-state-map .map_heading {
    display: none;
}

#subsidy_calc2 .map_container {
    max-width: 620px !important;
    margin-left: 40px !important;
    margin-right: 40px !important;
}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

    #subsidy_calc2 .main-wrapper {
        flex-direction: column;
        gap: 35px;
    }

    #subsidy_calc2 .title-section,
    #subsidy_calc2 .calculator-section {
        width: 100%;
        flex: auto;
    }

    #subsidy_calc2 .form-state {
        flex-direction: column;
        width: 100%;
    }

    #subsidy_calc2 .form-state select,
    #subsidy_calc2 .form-state button {
        width: 100%;
        max-width: none;
    }
}

/*final tweaks*/
div.call_to_action {
    display: flex;
    flex-direction: column;
}

.major_button.abutton,
.chip_message {
    margin-bottom: 1.25em !important;
}

/*latest design fixes*/
@media only screen and (max-width: 1024px) {
    .calc_block.calc_block_ages .ageBlock,
    .household_text,
    .ageBlockText,
    .county,
    .county-additional,
    .calc_row {
        flex: 1 1 calc(100%) !important;
    }

    #calculator .calc_columns {
        padding: 30px !important;
    }

    #results_wrapper #resultsBlock a.major_button.abutton {
        margin-top: 20px !important;
    }

    .calc_block.calc_block_ages {
        margin: 0 0 10px 0 !important;
    }
    .calc_block:not(.calc_block_ages) {
        margin: 0 0 10px 0 !important;
    }

    #calculator_wrapper .title {
        padding: 10px !important;
    }
}