@charset "UTF-8";
@media (max-width: 767px) {
  .wp-block-advgb-adv-tabs ul.advgb-tabs-panel li.advgb-tab {
    min-height: 50px;
  }
  .wp-block-advgb-adv-tabs ul.advgb-tabs-panel li.advgb-tab a {
    font-size: 18px;
  }
  .meeting-wraper .filterWrap-meet {
    grid-template-columns: auto;
    max-width: 100%;
  }
  .wp-block-image.alignright,
  .wp-block-image.alignleft {
    float: none;
    margin-left: 0px;
    margin-right: 0px;
  }
  .featured-programs .fp_card_col {
    margin-bottom: 15px;
  }
  .img_buttons .allBtn {
    margin-top: 0px;
  }
  .mt_card_col {
    margin-bottom: 15px;
  }
  .contactcard_row.one .contact_col {
    min-width: 100%;
  }
  .year_col label {
    display: none;
  }
  .main_acco_title .accosign {
    right: 10px;
  }
  .signup-alerts form {
    display: block;
  }
  .gform_wrapper.gravity-theme .gform_footer {
    margin: 0 auto !important;
  }
  .advgb-recent-posts-block.grid-view {
    padding-left: 20px;
    padding-right: 20px;
  }
  .advgb-recent-posts-block.list-view .advgb-recent-post--no-image .advgb-post-wrapper {
    padding-left: 30px;
    padding-right: 30px;
  }
  .slider-view .slick-prev {
    left: 0px !important;
  }
  .slider-view .slick-next {
    right: 0px !important;
  }
  .advgb-recent-posts-block.slider-view .advgb-recent-post {
    /* padding-left: 30px;
    padding-right: 30px; */
  }
  .advgb-recent-posts .slick-prev,
  .advgb-recent-posts .slick-next {
    top: 31%;
  }
  .advgb-recent-posts-block.frontpage-view .advgb-recent-posts {
    display: block !important;
  }
  .advgb-recent-posts-block .advgb-post-title {
    min-height: 10px;
  }
  .advgb-recent-posts-block.frontpage-view .advgb-recent-posts .advgb-recent-post {
    margin-bottom: 15px;
  }
  .advgb-recent-posts-block.masonry-view .advgb-recent-post {
    width: 100% !important;
    position: static !important;
  }
  .advgb-recent-posts-block.grid-view .advgb-recent-posts,
  .advgb-recent-posts-block.list-view .advgb-recent-post {
    grid-template-columns: auto !important;
  }
  .advgb-recent-posts-block.list-view .advgb-recent-post {
    grid-row-gap: 0px !important;
  }
  .advgb-post-thumbnail a,
  .advgb-post-thumbnail a img {
    width: 100% !important;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .news_wraper .signup-alerts .form_bg {
    background-image: none;
  }
  .gform_wrapper.gravity-theme .gfield:not(.gfield--width-full) {
    margin-bottom: 10px;
  }
  .simple_list_col {
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }
  .expanding-grid .links > li {
    width: 100% !important;
  }
  .img_button_row .img_btn_col,
  .button_ico_col,
  .contact_col {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    margin-bottom: 40px;
  }
  .img_text_card_row .img_text_card_col {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    margin-bottom: 20px;
  }
  .text_card_block {
    height: auto !important;
  }
  .text-img-wrap.no-img .btn_sm {
    position: static;
  }
  .advgb-recent-posts-block.masonry-view.columns-2 .advgb-recent-posts .advgb-recent-post {
    width: 100% !important;
  }
  .wp-block-group .advgb-tabs-wrapper.advgb-tab-vert-desktop {
    display: block !important;
  }
  .main_wrapper .advgb-tabs-wrapper.advgb-tab-horz-desktop ul.advgb-tabs-panel {
    flex-direction: column !important;
  }
  .wp-block-group.is-content-justification-left > * {
    padding-left: 15px;
    padding-right: 15px;
  }
  .img_text_card_row.one .text-img-wrap {
    grid-template-columns: auto;
  }
  .top-Title.text-left {
    text-align: center !important;
    justify-content: center;
    padding-bottom: 10px;
  }
  .main_events .top-Title .btn_sm {
    display: none;
  }
  .news_wraper .search_filter_title,
  .news_wraper .search_filter_title .filterWrap {
    /* grid-template-columns: auto; */
    display: block;
  }
  .news_wraper .search_filter_title .filterWrap .reset_link {
    justify-content: flex-start;
  }
  .news_wraper .search_filter_title .filterWrap form {
    display: block !important;
  }
  .filter_box.col-two label {
    display: none;
  }
  .resultWraper .searchFilterBlock {
    padding-top: 0;
  }
  .filterBlocks {
    padding-top: 20px;
  }
  .no-found-info h3 {
    font-size: 30px;
    line-height: 35px;
  }
  .alert-area p {
    line-height: 54px;
    text-align: left;
    padding-left: 10px;
  }
  .alert-area .close {
    top: 11px;
    right: 8px;
  }
  .alert-area .alert {
    padding: 0 0px;
    margin: -5px 0 0 0;
  }
  .main_banner .carousel-item {
    background-image: url(../img/banner-mobile.png);
    background-repeat: no-repeat;
    background-size: cover;
    height: 500px;
  }
  .main_banner .carousel-item > img {
    min-height: 400px;
    -o-object-fit: cover;
       object-fit: cover;
    display: none;
  }
  .main_banner .carousel-caption {
    text-align: center;
    left: 5%;
    right: 5%;
    background-size: 300px;
    background-repeat: no-repeat;
    width: 300px;
    transform: none;
    height: 150px;
  }
  .main_banner h3 {
    font-size: 21px;
  }
  .main_banner::before {
    display: none;
  }
  .recreation-main .nav_section {
    position: static;
    box-shadow: none;
    max-width: 99%;
    width: 100%;
    left: 0%;
    right: 0;
  }
  .main_banner.recreation-main .carousel-caption {
    transform: translateY(0%);
  }
  .nav_section {
    position: static;
    box-shadow: none;
    max-width: 100%;
    width: 100%;
  }
  .nav_section .navcol {
    width: 50%;
    margin-bottom: 0;
  }
  .nav_section .navBlock_col {
    margin: 1px;
    height: 145px;
  }
  .nav_section .navblock_icon {
    width: 54px;
    height: 54px;
    margin-bottom: 5px;
  }
  .nav_section span {
    font-size: 15px;
  }
  .img_buttons.imagelist {
    padding-top: 60px;
    padding-bottom: 30px;
    background: #EFEFF0;
  }
  .counters_number {
    padding-top: 30px;
    background-image: url(../img/counters-bg-mobile.png);
  }
  .counters_number .counter-box {
    padding: 10px 20px 30px;
  }
  .NewsMettings {
    padding-top: 50px;
  }
  .NewsMettings.imagegray {
    background-color: #EFEFF0;
    padding-top: 50px;
    padding-bottom: 440px;
  }
  .NewsMettings .form_bg {
    bottom: 0;
    width: 100%;
  }
  .NewsMettings .form_bg .generic_form-news {
    max-width: 320px;
  }
  .main_banner.recreation-main .carousel-caption h2 {
    font-size: 26px;
    line-height: 38px;
  }
  .main_banner.recreation-main .carousel-caption h2 span {
    font-size: 44px;
  }
  .main_banner.recreation-main .nav_section .navcol {
    width: 49.8%;
  }
  .pinole-tv {
    padding-top: 60px;
  }
  .img_button_row .img_block .img_block_title h3 {
    font-size: 18px;
  }
  .upmeetings {
    padding-top: 60px;
  }
  .main_header .navbar-brand {
    padding: 0px 0 0 12px;
  }
  .main_header .navbar-brand img {
    max-width: 66px;
  }
  .main_header .navbar-brand .logo-txt {
    font-size: 19px;
    line-height: 20px;
    padding-bottom: 0px;
  }
  .main_header .navbar-brand .logo-txt .logo-city {
    font-size: 13px;
  }
  .signup-alerts .form_bg .generic_form-news {
    max-width: 320px;
  }
  .news_wraper .signup-alerts .form_bg .generic_form-news {
    max-width: 320px;
  }
  .signup-alerts {
    padding-top: 60px;
  }
  .connect-withus {
    padding-top: 60px;
  }
  .connect-withus .meeting-cards .topTitle {
    text-align: center !important;
  }
  .generic_middle_block {
    padding: 0 15px;
  }
  .topTitle h2 {
    font-size: 32px;
  }
  .img_carousel {
    padding: 50px 0 !important;
  }
  .expanding-grid .links > li {
    width: 100%;
  }
  .featured-programs {
    padding-top: 60px;
    padding-bottom: 20px;
  }
  .main_breadcrumb .container {
    padding-left: 15px;
  }
  .main_search_content {
    flex-wrap: wrap;
  }
  .main_search_content h5 {
    margin-right: 0;
    margin-bottom: 10px;
    width: 100%;
    text-align: center;
  }
  .main_search_content .form-control {
    min-width: 100%;
  }
  .text-img-wrap.no-img .btn_sm {
    position: static;
  }
  .search_filter_title {
    flex-wrap: wrap;
  }
  .search_filter_title .filter_box {
    margin-left: 0;
    margin-top: 10px;
    width: 100% !important;
  }
  .news_wraper .news_lst_row .newsimg img {
    height: auto;
  }
  .search_box {
    width: 100% !important;
    max-width: 100% !important;
  }
  .acc__panel {
    padding-left: 20px;
  }
  .main_search_content .search_box {
    margin-bottom: 0px;
    max-width: 344px;
    min-width: 344px;
    margin-top: 15px;
  }
  .filterBlocks .sc_filter .sort_boxResult {
    margin-left: 0px;
    width: 100%;
  }
  .title-sort {
    width: 100%;
  }
  .contact-block {
    padding-right: 15px !important;
    padding-left: 15px !important;
  }
  .Department-details .col-le {
    max-width: 100%;
    min-width: auto;
  }
  .Department-details .col-re {
    max-width: 100%;
    min-width: auto;
  }
  .contactcard_row {
    margin: 0px;
  }
  .main_breadcrumb {
    position: absolute;
    left: 0;
    top: 15px;
  }
  .page_title {
    padding-top: 50px;
  }
  .page_title h1 {
    padding-bottom: 32px;
    font-size: 32px;
  }
  .newsRow .newsColumn,
  .news-grid .newsColumn {
    width: 100%;
  }
  .news_wraper .newsSort {
    width: 100%;
  }
  .newsSort {
    margin-left: 0px !important;
    margin-top: 10px;
    max-width: 100% !important;
    width: 100% !important;
    padding-left: 0px !important;
  }
  .filter_box.col-three label {
    display: none;
  }
  .news_wraper .newsRow .newsColumn {
    width: 100%;
  }
  .event_wraper .eventRow .eventColumn {
    width: 100%;
  }
  .event_wraper .search_filter_title .filterWrap {
    grid-template-columns: auto;
  }
  .event-det-wraper .event-det-content .evt_slider {
    width: 85%;
    margin: 0 auto;
  }
  .interactive_map .map_area .searchFilterBlock {
    padding: 35px 10px;
  }
  .business_wraper .newsRow .newsColumn {
    width: 100%;
  }
  .main_banner h2 {
    font-size: 28px;
  }
  .main_banner .carousel-item img {
    width: 180px;
  }
  .main_banner .carousel-item.active a img {
    display: none;
  }
  .main_banner .carousel-item .c_logo img {
    display: block !important;
  }
  .alert-area {
    top: 82px;
  }
  .main_search_content h3 {
    margin-right: 0;
    margin-bottom: 20px;
  }
  .main_search_content .search_input {
    width: 100%;
  }
  .timeline-article .content-left-container,
  .timeline-article .content-right-container {
    max-width: 100%;
  }
  .timeline-article {
    flex-wrap: wrap;
    padding-left: 30px;
    overflow: visible;
  }
  #conference-timeline .conference-center-line {
    left: 30px;
  }
  .timeline-inner-left {
    text-align: left;
    padding-right: 0;
  }
  .timeline-level-one,
  .timeline-level-two {
    flex-wrap: wrap;
    overflow: visible;
    padding-left: 40px;
    padding-right: 20px;
  }
  .timeline-inner-left,
  .timeline-inner-right {
    max-width: 100%;
  }
  .timeline-article .circle_yw {
    left: 0px;
  }
  .timeline-article .image_year_row {
    flex-wrap: wrap;
  }
  .timeline-article .section_year {
    margin: 20px 0px;
    display: none;
  }
  .img_left .image_year_row .section_year {
    right: auto;
    left: 0px;
  }
  .wp-block-advgb-accordions .advgb-accordion-header {
    padding: 17px 17px 17px 17px !important;
  }
  .wp-block-advgb-accordions .advgb-accordion-body {
    padding-left: 17px !important;
    padding-right: 17px !important;
  }
  .odd.timeline-article .content-right-container,
  .even.timeline-article .content-right-container {
    padding-top: 20px;
    padding-left: 0px;
  }
  .section_img {
    padding-top: 30px;
  }
  .even.timeline-article .section_img {
    margin-bottom: 20px;
  }
  .timeline-inner-left,
  .timeline-inner-right {
    padding-left: 40px;
  }
  .timeline-article.even .circle_yw::before {
    right: auto;
    left: 28px;
  }
  .timeline-article.even .circle_yw::after {
    right: -85px;
    left: auto;
  }
  .timeline-article .content-left {
    text-align: left;
  }
  .even.timeline-article .content-left-container {
    padding-left: 0px;
    padding-right: 0px;
    order: 2;
  }
  .timeline-article .circle_yw {
    top: 0px;
  }
  .footer {
    background-image: none;
    margin-top: 70px;
    background: transparent linear-gradient(180deg, #202188 0%, #160B50 100%) 0% 0% no-repeat padding-box;
  }
  .footer .footer-top {
    padding: 30px 0px 50px;
  }
  .footer .footer-top-grid .foo_col1,
  .footer .footer-top-grid .foo_col2,
  .footer .footer-top-grid .foo_col3 {
    padding-left: 30px;
    padding-right: 30px;
  }
  .footer .footer-top-grid .foo_col3 {
    margin-bottom: 50px;
  }
  .footer .footer-top-grid .foo_col1 {
    margin-bottom: 50px;
  }
  .footer .footer-top-grid .foo_col2 ul {
    margin: 0;
    -moz-column-count: 1;
    column-count: 1;
  }
  .footer .footer-top-grid .foo_col2 ul li a {
    font-weight: 400;
  }
  .footer .footer-bottom .footer-bottom-content ul {
    display: block;
    text-align: center;
  }
  .footer .footer-bottom .footer-bottom-content ul li {
    padding: 5px 15px;
  }
  .footer .footer-bottom .footer-bottom-content ul li:after {
    display: none;
  }
  .contact-block {
    padding-top: 0;
    padding-bottom: 40px;
  }
  .NewsMettings .form_bg form {
    display: block;
  }
  .calculator-results-page {
    padding: 30px 0 60px;
  }
  .calculator-results-page .container {
    padding: 0 15px;
  }
  .calculator-results-page .results-header {
    margin-bottom: 25px;
  }
  .calculator-results-page .results-header .results-title {
    font-size: 24px;
    line-height: 1.3;
    margin-bottom: 10px;
  }
  .calculator-results-page .results-header .results-subtitle {
    font-size: 14px;
    margin-bottom: 15px;
  }
  .calculator-results-page .results-header .results-accent {
    width: 80px;
    height: 4px;
  }
  .calculator-results-page .household-info {
    margin-bottom: 25px;
    flex-wrap: wrap;
    gap: 8px;
  }
  .calculator-results-page .household-info .household-dot {
    width: 10px;
    height: 10px;
  }
  .calculator-results-page .household-info .household-label {
    font-size: 14px;
  }
  .calculator-results-page .household-info .household-composition {
    font-size: 14px;
  }
  .calculator-results-page .results-note-box {
    padding: 20px 15px;
    margin-bottom: 25px;
  }
  .calculator-results-page .results-note-box .note-title {
    font-size: 14px;
    margin-bottom: 8px;
  }
  .calculator-results-page .results-note-box .note-text {
    font-size: 13px;
    line-height: 1.5;
  }
  .calculator-results-page .results-card {
    padding: 25px 20px;
    margin-bottom: 25px;
  }
  .calculator-results-page .income-summary-card .income-row {
    flex-direction: column;
    align-items: flex-start;
    padding: 15px 0;
    gap: 10px;
  }
  .calculator-results-page .income-summary-card .income-row .income-label {
    font-size: 14px;
  }
  .calculator-results-page .income-summary-card .income-row .income-label .income-detail {
    font-size: 12px;
    display: block;
    margin-top: 4px;
  }
  .calculator-results-page .income-summary-card .income-row .income-value {
    font-size: 20px;
  }
  .calculator-results-page .expense-breakdown-card .breakdown-title {
    font-size: 18px;
    margin-bottom: 25px;
  }
  .calculator-results-page .expense-breakdown-card .expense-list .expense-item {
    padding: 15px 0;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
  }
  .calculator-results-page .expense-breakdown-card .expense-list .expense-item .expense-label {
    font-size: 14px;
  }
  .calculator-results-page .expense-breakdown-card .expense-list .expense-item .expense-value {
    font-size: 16px;
  }
  .calculator-results-page .expense-breakdown-card .expense-list .expense-item.expense-total {
    padding-top: 20px;
    margin-top: 8px;
  }
  .calculator-results-page .expense-breakdown-card .expense-list .expense-item.expense-total .expense-label {
    font-size: 16px;
  }
  .calculator-results-page .expense-breakdown-card .expense-list .expense-item.expense-total .expense-value {
    font-size: 20px;
  }
  .calculator-results-page .results-actions {
    flex-direction: column;
    gap: 15px;
    margin-top: 30px;
  }
  .calculator-results-page .results-actions .btn-open-window {
    width: 100%;
    font-size: 14px;
    padding: 12px 20px;
  }
  .calculator-results-page .results-actions .btn-print {
    width: 100%;
    justify-content: center;
    font-size: 14px;
    padding: 12px 20px;
  }
  .calculator-results-page .results-actions .btn-print svg {
    width: 18px;
    height: 18px;
  }
  .calculator-results-page .results-actions .btn-back-calculator {
    width: 100%;
    justify-content: center;
    font-size: 14px;
    padding: 14px 28px;
  }
  .client-registration-modal .modal-container {
    width: 95%;
    max-width: 500px;
  }
  .client-registration-modal .modal-content {
    padding: 40px 25px;
  }
  .client-registration-modal .modal-content .modal-title {
    font-size: 24px;
    line-height: 1.3;
    margin-bottom: 15px;
  }
  .client-registration-modal .modal-content .modal-title-accent {
    width: 80px;
    height: 4px;
    margin-bottom: 30px;
  }
  .client-registration-modal .modal-content .modal-description {
    font-size: 15px;
    line-height: 1.6;
    margin-bottom: 30px;
  }
  .client-registration-modal .modal-content .modal-divider {
    margin-bottom: 30px;
  }
  .client-registration-modal .modal-content .modal-actions .btn-modal-close {
    width: 100%;
    font-size: 16px;
    padding: 14px 32px;
  }
  .program-assistance-form .form-section {
    padding: 25px 20px;
    margin-bottom: 25px;
  }
  .program-assistance-form .form-section .section-header .section-title {
    font-size: 14px;
  }
  .program-assistance-form .form-section .section-header .section-description {
    font-size: 13px;
  }
  .program-assistance-form .form-section .section-header .section-accent {
    width: 60px;
    height: 3px;
  }
  .program-assistance-form .form-section .form-group .form-label {
    font-size: 14px;
  }
  .program-assistance-form .form-section .form-group .radio-group {
    flex-direction: column;
    gap: 15px;
  }
  .program-assistance-form .form-section .form-group .radio-group .radio-label .radio-text {
    font-size: 14px;
  }
  .program-assistance-form .form-section .programs-checklist .checklist-instruction {
    font-size: 13px;
  }
  .program-assistance-form .form-section .programs-checklist .checkbox-list {
    gap: 10px;
  }
  .program-assistance-form .form-section .programs-checklist .checkbox-list .checkbox-label {
    padding: 8px 0;
  }
  .program-assistance-form .form-section .programs-checklist .checkbox-list .checkbox-label .checkbox-text {
    font-size: 14px;
  }
  .program-assistance-form .form-section .benefits-inputs .benefits-instruction {
    font-size: 13px;
  }
  .program-assistance-form .form-section .benefits-inputs .benefits-grid {
    grid-template-columns: 1fr;
    gap: 18px;
  }
  .program-assistance-form .form-section .benefits-inputs .benefits-grid .benefit-item .benefit-label {
    font-size: 13px;
  }
  .program-assistance-form .form-section .benefits-inputs .benefits-grid .benefit-item .form-control {
    padding: 10px 14px;
    font-size: 14px;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  .expanding-grid .links > li {
    width: 33.3% !important;
  }
  .contact-block {
    padding-right: 15px !important;
    padding-left: 15px !important;
  }
  .news_wraper .newsRow .newsColumn {
    width: 50%;
  }
  .advgb-recent-posts-block.grid-view .advgb-recent-posts {
    grid-template-columns: 1fr 1fr !important;
  }
  .img_button_row.four .img_btn_col,
  .img_text_card_row.four .img_text_card_col,
  .simple_list_info .row.four .simple_list_col,
  .contactcard_row.four .contact_col {
    flex: 0 0 33.3%;
    max-width: 33.3%;
  }
}
@media (min-width: 768px) and (max-width: 1200px) {
  .main_banner .carousel-item img {
    min-height: 500px;
  }
  .contact-block {
    padding-right: 15px !important;
    padding-left: 15px !important;
  }
  .signup-alerts form {
    padding: 0px 20px;
  }
  .main_header .navbar-brand {
    align-items: flex-start;
    left: 10px;
  }
  .main_header .navbar-brand img {
    max-width: 110px;
  }
  .main_header .navbar-brand .logo-txt {
    padding-top: 20px;
    font-size: 24px;
    line-height: 20px;
  }
  .main_header .navbar-brand .logo-txt .logo-city {
    font-size: 17px;
  }
}
@media (min-width: 768px) {
  .contact-block {
    padding-right: 15px !important;
    padding-left: 15px !important;
  }
}
@media (max-width: 992px) {
  .contact-block {
    padding-right: 15px !important;
    padding-left: 15px !important;
  }
}
@media (min-width: 1200px) {
  .logged-in .main_header {
    top: 30px;
  }
  .logged-in .alert-area {
    top: 134px;
  }
  .main_header .navbar-nav > li > a {
    min-height: 125px;
  }
}
@media (max-width: 1199.9px) {
  .main_header .plus-minus {
    display: none;
  }
  .main_header .navbar-nav > li.megamenu > .megadrop {
    padding-top: 20px;
    -moz-column-count: 1;
    column-count: 1;
    width: 100%;
    left: 0;
  }
  .main_header.header-recreation .top_header {
    padding-top: 15px;
  }
  .main_header.header-recreation .menu-right {
    flex-wrap: wrap;
  }
  .main_header.header-recreation .menu-left {
    margin-bottom: 10px;
  }
  .main_header.header-recreation .top_menu .top_inner_menu li a {
    padding-left: 5px;
    padding-right: 5px;
  }
  .container-fluid {
    padding-left: 15px;
    padding-right: 15px;
  }
  .main_header .navbar {
    height: auto;
  }
  .main_header li:hover > a::after {
    display: none;
  }
  .main_header .top_menu .top_inner_menu {
    flex-wrap: wrap;
  }
  .main_header .top_menu .top_inner_menu li {
    width: 100%;
  }
  .main_header .top_menu .top_inner_menu li a {
    padding-left: 10px;
    padding-right: 10px;
  }
  .main_header .nav_bottom {
    justify-content: flex-start;
    width: 100%;
    flex-direction: column;
    position: relative;
  }
  .main_header .top_search {
    margin-left: 80px;
    margin-bottom: 20px;
    margin-top: 20px;
    margin-right: auto;
  }
  .main_header .select_language {
    height: auto !important;
    position: absolute;
    left: 30px;
    bottom: 30px;
  }
  .contact-block {
    padding-right: 15px !important;
    padding-left: 15px !important;
  }
  .main-tabs .nav-tabs {
    flex-wrap: nowrap;
    justify-items: flex-start;
    overflow: auto;
  }
  .alert-bar {
    /* top: 75px; */
  }
  .navbar-toggler {
    margin-right: 0;
    background: none;
    border-radius: 0px;
    height: 75px;
    width: 75px;
    display: flex;
    align-items: center;
    text-align: center;
    flex-direction: column;
    justify-content: center;
    outline: 0 !important;
  }
  .top_menu .top_inner_menu {
    flex-wrap: wrap;
  }
  .navbar-toggler .icon-bar {
    width: 25px;
    height: 2px;
    background: #202188;
    display: block;
    margin-bottom: 5px;
    border-radius: 100px;
    position: relative;
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
  }
  .navbar-toggler.active .icon-bar:nth-of-type(1) {
    top: 8px;
    transform: rotate(45deg);
  }
  .navbar-toggler.active .icon-bar:nth-of-type(2) {
    background-color: transparent;
  }
  .navbar-toggler.active .icon-bar:nth-of-type(3) {
    top: -6px;
    transform: rotate(-45deg);
  }
  .navbar-nav > li {
    display: block;
    margin: 0px 10px !important;
  }
  .main_header .navbar-nav > li > .dropdown-menu {
    position: static;
    width: 100%;
    transform: none;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    background: none;
    padding-left: 20px;
    box-shadow: none;
  }
  .plusMinus {
    position: absolute;
    width: 30px;
    height: 30px;
    right: 15px;
    text-align: center;
    cursor: pointer;
    top: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .plusMinus::after {
    content: "+";
    position: absolute;
    right: 0px;
    background-repeat: no-repeat;
    display: block;
    right: 6px;
    font-weight: 600;
    font-size: 28px;
    color: #202188;
  }
  .plusMinus.minsicon::after {
    content: "−";
  }
  .plus-minus.minus-icon::after {
    content: "−";
  }
  .navbar-nav {
    margin-top: 20px;
    width: 100%;
  }
  .top_menu {
    flex-wrap: wrap;
    width: 100%;
    justify-content: center;
  }
  .top_search {
    width: 100%;
  }
  header .searchbardiv {
    max-width: 100%;
    width: 100%;
  }
  .main_wrapper {
    padding-top: 75px;
  }
  .plus-minus::after {
    font-size: 28px;
    font-weight: bold;
    color: #fff;
  }
  .plus-minus {
    right: 35px;
    top: 0px;
  }
  .headerActive {
    max-height: calc(100vh - 30px);
    overflow: auto;
  }
  .main_header .navbar-nav > li > a {
    justify-content: flex-start;
    padding: 8px 18px 8px 18px !important;
    font-size: 17px;
  }
  .Department-details .col-le {
    max-width: 100%;
    min-width: auto;
  }
  .Department-details .col-re {
    max-width: 100%;
    min-width: auto;
  }
}
@media (min-width: 1500px) {
  .container, .main_content {
    max-width: 1400px;
  }
  /* .main_header .navbar-nav>li>a {
      font-size: 19px;
  } */
}
@media (min-width: 2100px) {
  .wp-block-media-text.is-image-fill .wp-block-media-text__media {
    min-height: 1200px;
  }
}
@media (max-width: 768px) and (min-width: 430px) {
  .wp-block-media-text.is-image-fill .wp-block-media-text__media {
    min-height: 400px;
  }
}
@media (max-width: 1023px) {
  .main_wrapper .advgb-tabs-wrapper.advgb-tab-horz-desktop ul.advgb-tabs-panel {
    flex-direction: row;
    flex-grow: 1;
    min-width: 100%;
    max-width: 100%;
    display: flex !important;
    overflow: auto;
    justify-content: flex-start;
  }
  .main_wrapper .advgb-tabs-wrapper.advgb-tab-vert-desktop ul.advgb-tabs-panel {
    flex-direction: column;
    flex-grow: 1;
    min-width: 100%;
    max-width: 100%;
    display: flex !important;
    overflow: auto;
    justify-content: flex-start;
  }
  .main_wrapper .advgb-tab-body-wrapper .advgb-tab-body-header {
    display: none !important;
  }
  .main_wrapper .advgb-tabs-wrapper.advgb-tab-horz-desktop {
    flex-direction: column;
  }
  .main_wrapper .advgb-tabs-wrapper.advgb-tab-vert-tablet .advgb-tab-body-wrapper {
    max-width: 100%;
  }
  .main_content > * {
    padding-left: 15px;
    padding-right: 15px;
  }
  .main_content .wp-block-group > ul,
  .main_content .wp-block-group > ol {
    padding-left: 30px !important;
  }
  .main_content > ul,
  .main_content > ol {
    padding-left: 30px !important;
  }
  div.advgb-tab-body > ul,
  div.advgb-tab-body > ol {
    padding-left: 30px !important;
  }
  .wp-block-group > * {
    padding-left: 15px;
    padding-right: 15px;
  }
  .wp-block-group > ol,
  .wp-block-group > ul {
    padding-left: 30px;
  }
  .advgb-tab-body-wrapper div.advgb-tab-body > *,
  .advgb-tab-body-wrapper div.advgb-tab-body > .gform_wrapper {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (max-width: 800px) {
  .wp-block-media-text.is-stacked-on-mobile {
    grid-template-columns: 100% !important;
  }
  .wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__media {
    grid-column: 1;
    grid-row: 1;
  }
  .wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content {
    grid-column: 1;
    grid-row: 2;
    padding-top: 20px !important;
    padding-left: 30px !important;
    padding-bottom: 20px !important;
  }
  .wp-block-media-text .wp-block-media-text__content {
    padding-top: 20px;
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media (min-width: 1024px) {
  .wp-adminify.toplevel_page_gf_edit_forms #gform-form-toolbar {
    width: calc(100% - 290px);
  }
  .gform-admin .gform-flyout.gform-flyout--right {
    right: 70px;
  }
  .logged-in .main_wrapper {
    padding-top: 20px;
  }
}
@media (min-width: 1400px) and (max-width: 1500px) {
  .main_header .navbar-brand img {
    max-width: 140px;
  }
  .main_header .navbar-brand .logo-txt {
    font-size: 26px;
  }
  .main_header .navbar-brand .logo-txt .logo-city {
    font-size: 18px;
  }
  .main_header .navbar-nav > li {
    margin: 0px 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1400px) {
  .main_header .navbar-brand img {
    max-width: 140px;
  }
  .main_header .navbar-brand .logo-txt {
    font-size: 25px;
  }
  .main_header .navbar-brand .logo-txt .logo-city {
    font-size: 18px;
  }
  .main_header .navbar-nav > li {
    margin: 0px 12px;
  }
  .main_header .navbar-nav > li > a {
    font-size: 17px;
  }
}
@media (min-width: 1200px) and (max-width: 1350px) {
  .main_header .navbar-brand .logo-txt {
    display: none;
  }
}
@media (max-width: 767px) {
  .footer {
    background: transparent linear-gradient(180deg, #202188 0%, #160B50 100%) 0% 0% no-repeat padding-box;
    margin-top: 70px;
  }
  .footer .footer-top {
    padding: 40px 0 30px;
  }
  .footer .footer-content-wrapper {
    flex-direction: column;
    gap: 40px;
  }
  .footer .footer-brand-section {
    flex-direction: column;
    gap: 20px;
    align-items: center;
    text-align: center;
  }
  .footer .footer-brand-section .footer_logo img {
    max-width: 120px;
  }
  .footer .footer-brand-section .footer-org-name h2 {
    font-size: 18px;
  }
  .footer .footer-contact-section {
    flex-direction: column;
    gap: 25px;
    justify-content: flex-start;
    padding: 0 20px;
  }
  .footer .footer-contact-section .contact-item {
    width: 100%;
  }
  .footer .footer-contact-section .contact-item .contact-icon {
    width: 20px;
    height: 20px;
  }
  .footer .footer-contact-section .contact-item .contact-details .contact-label {
    font-size: 12px;
  }
  .footer .footer-contact-section .contact-item .contact-details .contact-value {
    font-size: 14px;
  }
  .footer .footer-bottom {
    padding: 20px 0;
  }
  .footer .footer-bottom .footer-bottom-content p {
    font-size: 14px;
  }
}
@media (min-width: 768px) and (max-width: 1200px) {
  .footer .footer-content-wrapper {
    flex-direction: column;
    gap: 40px;
  }
  .footer .footer-brand-section {
    gap: 25px;
  }
  .footer .footer-brand-section .footer_logo img {
    max-width: 150px;
  }
  .footer .footer-brand-section .footer-org-name h2 {
    font-size: 20px;
  }
  .footer .footer-contact-section {
    justify-content: flex-start;
    gap: 30px;
  }
  .footer .footer-contact-section .contact-item .contact-details .contact-label {
    font-size: 13px;
  }
  .footer .footer-contact-section .contact-item .contact-details .contact-value {
    font-size: 15px;
  }
}
@media (min-width: 1025px) and (max-width: 1280px) {
  .main_header .header-left .org-name h1 {
    font-size: 13px;
  }
  .main_header .header-center .calculator-link {
    font-size: 18px;
  }
  .main_header .header-right {
    gap: 25px;
  }
  .main_header .header-right .login-link {
    font-size: 15px;
  }
}
@media (max-width: 767px) {
  .main_header .navbar .container-fluid {
    flex-direction: column;
    padding: 15px 20px;
    gap: 20px;
  }
  .main_header .header-left {
    width: 100%;
    justify-content: center;
    flex-direction: column;
    text-align: center;
    gap: 15px;
  }
  .main_header .header-left .navbar-brand .logo-img {
    max-width: 60px;
  }
  .main_header .header-left .org-name h1 {
    font-size: 11px;
    line-height: 1.4;
  }
  .main_header .header-center {
    width: 100%;
    order: 3;
  }
  .main_header .header-center .calculator-link {
    font-size: 16px;
    text-align: center;
  }
  .main_header .header-right {
    width: 100%;
    justify-content: center;
    flex-wrap: wrap;
    gap: 15px;
    order: 2;
  }
  .main_header .header-right .login-link {
    font-size: 14px;
    text-align: center;
  }
  .main_header .header-right .language-selector select {
    font-size: 13px;
    padding: 5px 28px 5px 10px;
  }
  .footer {
    background: transparent linear-gradient(180deg, #202188 0%, #160B50 100%) 0% 0% no-repeat padding-box;
    margin-top: 70px;
  }
  .footer .footer-top {
    padding: 40px 0 30px;
  }
  .footer .footer-content-wrapper {
    flex-direction: column;
    gap: 40px;
  }
  .footer .footer-brand-section {
    flex-direction: column;
    gap: 20px;
    align-items: center;
    text-align: center;
  }
  .footer .footer-brand-section .footer_logo img {
    max-width: 120px;
  }
  .footer .footer-brand-section .footer-org-name h2 {
    font-size: 18px;
  }
  .footer .footer-contact-section {
    flex-direction: column;
    gap: 25px;
    justify-content: flex-start;
    padding: 0 20px;
  }
  .footer .footer-contact-section .contact-item {
    width: 100%;
  }
  .footer .footer-contact-section .contact-item .contact-icon {
    width: 20px;
    height: 20px;
  }
  .footer .footer-contact-section .contact-item .contact-details .contact-label {
    font-size: 12px;
  }
  .footer .footer-contact-section .contact-item .contact-details .contact-value {
    font-size: 14px;
  }
  .footer .footer-bottom {
    padding: 20px 0;
  }
  .footer .footer-bottom .footer-bottom-content p {
    font-size: 14px;
  }
  .calculator-landing-page .calculator-hero {
    padding: 50px 0 60px;
  }
  .calculator-landing-page .calculator-hero .hero-content-wrapper {
    flex-direction: column;
    gap: 40px;
  }
  .calculator-landing-page .calculator-hero .hero-text-section {
    max-width: 100%;
    text-align: center;
  }
  .calculator-landing-page .calculator-hero .hero-text-section .hero-title {
    font-size: 32px;
    line-height: 1.2;
  }
  .calculator-landing-page .calculator-hero .hero-text-section .title-accent {
    margin-left: auto;
    margin-right: auto;
  }
  .calculator-landing-page .calculator-hero .hero-text-section .hero-description {
    font-size: 16px;
  }
  .calculator-landing-page .calculator-hero .hero-text-section .hero-subdescription {
    font-size: 15px;
  }
  .calculator-landing-page .calculator-hero .hero-text-section .btn-get-started {
    font-size: 15px;
    padding: 12px 28px;
  }
  .calculator-landing-page .calculator-hero .hero-image-section {
    max-width: 100%;
  }
  .calculator-landing-page .calculator-hero .hero-image-section .image-container {
    height: 350px;
  }
  .calculator-landing-page .calculator-hero .hero-image-section .image-container .image-wrapper.image-1 {
    width: 250px;
    height: 200px;
  }
  .calculator-landing-page .calculator-hero .hero-image-section .image-container .image-wrapper.image-2 {
    width: 270px;
    height: 230px;
  }
  .calculator-landing-page .calculator-info-cards {
    padding: 50px 0;
  }
  .calculator-landing-page .calculator-info-cards .cards-wrapper {
    grid-template-columns: 1fr;
    gap: 25px;
  }
  .calculator-landing-page .calculator-info-cards .info-card {
    padding: 30px 25px;
  }
  .calculator-landing-page .calculator-info-cards .info-card .card-title {
    font-size: 18px;
  }
  .calculator-landing-page .calculator-info-cards .info-card .card-description {
    font-size: 14px;
  }
  .calculator-landing-page .calculator-support {
    padding: 50px 0;
  }
  .calculator-landing-page .calculator-support .support-content {
    padding: 0 20px;
  }
  .calculator-landing-page .calculator-support .support-content .support-title {
    font-size: 26px;
  }
  .calculator-landing-page .calculator-support .support-content .support-description {
    font-size: 15px;
  }
  .calculator-landing-page .calculator-support .support-content .btn-worksource {
    font-size: 15px;
    padding: 12px 28px;
  }
  .calculator-modal .modal-container {
    width: 95%;
    max-height: 85vh;
  }
  .calculator-modal .modal-content {
    padding: 40px 30px;
  }
  .calculator-modal .modal-content .modal-title {
    font-size: 26px;
    margin-bottom: 15px;
  }
  .calculator-modal .modal-content .modal-title-accent {
    width: 80px;
    height: 4px;
    margin-bottom: 30px;
  }
  .calculator-modal .modal-content .modal-description {
    font-size: 16px;
    line-height: 1.6;
    margin-bottom: 30px;
  }
  .calculator-modal .modal-content .modal-divider {
    margin-bottom: 30px;
  }
  .calculator-modal .modal-content .modal-actions {
    flex-direction: column;
    gap: 15px;
  }
  .calculator-modal .modal-content .modal-actions .btn-modal-cancel {
    width: 100%;
    font-size: 16px;
    padding: 12px 20px;
  }
  .calculator-modal .modal-content .modal-actions .btn-modal-proceed {
    width: 100%;
    font-size: 16px;
    padding: 14px 28px;
  }
  .client-saved-modal .modal-container {
    width: 95%;
    max-width: 500px;
  }
  .client-saved-modal .modal-content {
    padding: 40px 25px;
  }
  .client-saved-modal .modal-content .modal-title {
    font-size: 24px;
    line-height: 1.3;
    margin-bottom: 15px;
  }
  .client-saved-modal .modal-content .modal-title-accent {
    width: 80px;
    height: 4px;
    margin-bottom: 30px;
  }
  .client-saved-modal .modal-content .modal-description {
    font-size: 15px;
    line-height: 1.6;
    margin-bottom: 30px;
  }
  .client-saved-modal .modal-content .modal-divider {
    margin-bottom: 30px;
  }
  .client-saved-modal .modal-content .modal-actions .btn-modal-close {
    width: 100%;
    font-size: 16px;
    padding: 14px 32px;
  }
  .calculator-form-page {
    padding: 30px 0 60px;
  }
  .calculator-form-page .container {
    padding: 0 15px;
  }
  .calculator-form-page .calculator-form-header {
    margin-bottom: 30px;
  }
  .calculator-form-page .calculator-form-header .page-title {
    font-size: 22px;
    line-height: 1.3;
  }
  .calculator-form-page .calculator-breadcrumb .breadcrumb-list {
    gap: 10px;
  }
  .calculator-form-page .calculator-breadcrumb .breadcrumb-list .breadcrumb-item {
    font-size: 12px;
  }
  .calculator-form-page .calculator-breadcrumb .breadcrumb-list .breadcrumb-item:not(:last-child)::after {
    margin-left: 10px;
  }
  .calculator-form-page .calculator-form .form-section-header {
    margin-bottom: 25px;
  }
  .calculator-form-page .calculator-form .form-section-header .section-title {
    font-size: 20px;
  }
  .calculator-form-page .calculator-form .form-section-header .required-note {
    font-size: 13px;
  }
  .calculator-form-page .calculator-form .form-card {
    padding: 25px 20px;
    margin-bottom: 20px;
  }
  .calculator-form-page .calculator-form .form-card .card-header {
    margin-bottom: 25px;
  }
  .calculator-form-page .calculator-form .form-card .card-header .card-title {
    font-size: 16px;
  }
  .calculator-form-page .calculator-form .form-card .card-header .card-description {
    font-size: 13px;
  }
  .calculator-form-page .calculator-form .form-card .card-header .card-accent {
    width: 60px;
    height: 3px;
  }
  .calculator-form-page .calculator-form .form-card .form-row {
    grid-template-columns: 1fr;
    gap: 20px;
    margin-bottom: 20px;
  }
  .calculator-form-page .calculator-form .form-card .form-group {
    margin-bottom: 20px;
  }
  .calculator-form-page .calculator-form .form-card .form-group .form-label {
    font-size: 13px;
  }
  .calculator-form-page .calculator-form .form-card .form-group .form-control {
    padding: 10px 14px;
    font-size: 14px;
  }
  .calculator-form-page .calculator-form .form-card .form-group .form-help-text {
    font-size: 12px;
  }
  .calculator-form-page .calculator-form .form-card .household-member {
    padding: 20px 15px;
    margin-bottom: 20px;
  }
  .calculator-form-page .calculator-form .form-card .household-member .member-header {
    flex-direction: column;
    align-items: flex-start;
    gap: 15px;
    margin-bottom: 20px;
  }
  .calculator-form-page .calculator-form .form-card .household-member .member-header .member-title {
    font-size: 14px;
  }
  .calculator-form-page .calculator-form .form-card .household-member .member-header .btn-remove-member {
    font-size: 13px;
    padding: 5px 10px;
  }
  .calculator-form-page .calculator-form .form-card .btn-add-member {
    padding: 14px 20px;
    font-size: 14px;
    margin-bottom: 25px;
  }
  .calculator-form-page .calculator-form .form-card .btn-add-member svg {
    width: 18px;
    height: 18px;
  }
  .calculator-form-page .calculator-form .form-card .household-summary {
    padding: 20px 15px;
  }
  .calculator-form-page .calculator-form .form-card .household-summary .summary-content {
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
  }
  .calculator-form-page .calculator-form .form-card .household-summary .summary-content .summary-text .summary-title {
    font-size: 13px;
  }
  .calculator-form-page .calculator-form .form-card .household-summary .summary-content .summary-text .summary-count {
    font-size: 14px;
  }
  .calculator-form-page .calculator-form .form-card .household-summary .summary-content .btn-see-standard {
    width: 100%;
    justify-content: center;
    padding: 12px 16px;
    font-size: 13px;
  }
  .calculator-form-page .calculator-form .form-card .household-summary .summary-content .btn-see-standard svg {
    width: 16px;
    height: 16px;
  }
  .calculator-form-page .calculator-form .form-navigation {
    flex-direction: column-reverse;
    gap: 15px;
    margin-top: 30px;
  }
  .calculator-form-page .calculator-form .form-navigation .btn-cancel {
    width: 100%;
    font-size: 15px;
    padding: 12px 20px;
  }
  .calculator-form-page .calculator-form .form-navigation .btn-next {
    width: 100%;
    justify-content: center;
    font-size: 15px;
    padding: 14px 28px;
  }
  .calculator-results-page {
    padding: 30px 0 60px;
  }
  .calculator-results-page .container {
    padding: 0 15px;
  }
  .calculator-results-page .results-header {
    margin-bottom: 25px;
  }
  .calculator-results-page .results-header .results-title {
    font-size: 24px;
    line-height: 1.3;
    margin-bottom: 10px;
  }
  .calculator-results-page .results-header .results-subtitle {
    font-size: 14px;
    margin-bottom: 15px;
  }
  .calculator-results-page .results-header .results-accent {
    width: 80px;
    height: 4px;
  }
  .calculator-results-page .household-info {
    margin-bottom: 25px;
    flex-wrap: wrap;
    gap: 8px;
  }
  .calculator-results-page .household-info .household-dot {
    width: 10px;
    height: 10px;
  }
  .calculator-results-page .household-info .household-label {
    font-size: 14px;
  }
  .calculator-results-page .household-info .household-composition {
    font-size: 14px;
  }
  .calculator-results-page .results-note-box {
    padding: 20px 15px;
    margin-bottom: 25px;
  }
  .calculator-results-page .results-note-box .note-title {
    font-size: 14px;
    margin-bottom: 8px;
  }
  .calculator-results-page .results-note-box .note-text {
    font-size: 13px;
    line-height: 1.5;
  }
  .calculator-results-page .results-card {
    padding: 25px 20px;
    margin-bottom: 25px;
  }
  .calculator-results-page .income-summary-card .income-row {
    flex-direction: column;
    align-items: flex-start;
    padding: 15px 0;
    gap: 10px;
  }
  .calculator-results-page .income-summary-card .income-row .income-label {
    font-size: 14px;
  }
  .calculator-results-page .income-summary-card .income-row .income-label .income-detail {
    font-size: 12px;
    display: block;
    margin-top: 4px;
  }
  .calculator-results-page .income-summary-card .income-row .income-value {
    font-size: 20px;
  }
  .calculator-results-page .expense-breakdown-card .breakdown-title {
    font-size: 18px;
    margin-bottom: 25px;
  }
  .calculator-results-page .expense-breakdown-card .expense-list .expense-item {
    padding: 15px 0;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
  }
  .calculator-results-page .expense-breakdown-card .expense-list .expense-item .expense-label {
    font-size: 14px;
  }
  .calculator-results-page .expense-breakdown-card .expense-list .expense-item .expense-value {
    font-size: 16px;
  }
  .calculator-results-page .expense-breakdown-card .expense-list .expense-item.expense-total {
    padding-top: 20px;
    margin-top: 8px;
  }
  .calculator-results-page .expense-breakdown-card .expense-list .expense-item.expense-total .expense-label {
    font-size: 16px;
  }
  .calculator-results-page .expense-breakdown-card .expense-list .expense-item.expense-total .expense-value {
    font-size: 20px;
  }
  .calculator-results-page .results-actions {
    flex-direction: column;
    gap: 15px;
    margin-top: 30px;
  }
  .calculator-results-page .results-actions .btn-open-window {
    width: 100%;
    font-size: 14px;
    padding: 12px 20px;
  }
  .calculator-results-page .results-actions .btn-print {
    width: 100%;
    justify-content: center;
    font-size: 14px;
    padding: 12px 20px;
  }
  .calculator-results-page .results-actions .btn-print svg {
    width: 18px;
    height: 18px;
  }
  .calculator-results-page .results-actions .btn-back-calculator {
    width: 100%;
    justify-content: center;
    font-size: 14px;
    padding: 14px 28px;
  }
  .calculator-form-page {
    padding: 30px 0 60px;
  }
  .calculator-form-page .container {
    padding: 0 15px;
  }
  .calculator-form-page .calculator-form-header {
    margin-bottom: 30px;
  }
  .calculator-form-page .calculator-form-header .page-title {
    font-size: 20px;
    line-height: 1.3;
  }
  .calculator-form-page .calculator-breadcrumb .breadcrumb-list {
    gap: 8px;
  }
  .calculator-form-page .calculator-breadcrumb .breadcrumb-list .breadcrumb-item {
    font-size: 11px;
  }
  .calculator-form-page .calculator-breadcrumb .breadcrumb-list .breadcrumb-item:not(:last-child)::after {
    margin-left: 8px;
  }
  .calculator-form-page .calculator-form .form-section-header {
    margin-bottom: 25px;
  }
  .calculator-form-page .calculator-form .form-section-header .section-title {
    font-size: 18px;
  }
  .calculator-form-page .calculator-form .form-section-header .required-note {
    font-size: 12px;
  }
  .calculator-form-page .calculator-form .form-card {
    padding: 25px 20px;
    margin-bottom: 20px;
  }
  .calculator-form-page .calculator-form .form-card .card-header {
    margin-bottom: 25px;
  }
  .calculator-form-page .calculator-form .form-card .card-header .card-title {
    font-size: 15px;
  }
  .calculator-form-page .calculator-form .form-card .card-header .card-description,
  .calculator-form-page .calculator-form .form-card .card-header .card-description-red {
    font-size: 12px;
  }
  .calculator-form-page .calculator-form .form-card .card-header .card-accent {
    width: 60px;
    height: 3px;
  }
  .calculator-form-page .calculator-form .form-card .form-row {
    grid-template-columns: 1fr;
    gap: 20px;
    margin-bottom: 20px;
  }
  .calculator-form-page .calculator-form .form-card .form-group {
    margin-bottom: 20px;
  }
  .calculator-form-page .calculator-form .form-card .form-group .form-label {
    font-size: 13px;
  }
  .calculator-form-page .calculator-form .form-card .form-group .form-control {
    padding: 10px 14px;
    font-size: 14px;
  }
  .calculator-form-page .calculator-form .form-card .form-group .form-help-text {
    font-size: 11px;
  }
  .calculator-form-page .calculator-form .income-important-notice {
    flex-direction: column;
    padding: 15px 20px;
    margin-bottom: 25px;
  }
  .calculator-form-page .calculator-form .income-important-notice .notice-icon {
    width: 20px;
    height: 20px;
  }
  .calculator-form-page .calculator-form .income-important-notice .notice-content .notice-title {
    font-size: 12px;
  }
  .calculator-form-page .calculator-form .income-important-notice .notice-content .notice-text {
    font-size: 12px;
  }
  .calculator-form-page .calculator-form .household-member-income {
    padding: 20px 15px;
    margin-bottom: 20px;
  }
  .calculator-form-page .calculator-form .household-member-income .member-header {
    margin-bottom: 20px;
    padding-bottom: 12px;
  }
  .calculator-form-page .calculator-form .household-member-income .member-header .member-title {
    font-size: 14px;
  }
  .calculator-form-page .calculator-form .household-member-income .member-header .member-info {
    font-size: 11px;
  }
  .calculator-form-page .calculator-form .income-info-boxes {
    grid-template-columns: 1fr;
    gap: 20px;
    margin-top: 25px;
  }
  .calculator-form-page .calculator-form .income-info-boxes .info-box {
    padding: 20px 15px;
  }
  .calculator-form-page .calculator-form .income-info-boxes .info-box .info-box-title {
    font-size: 11px;
    margin-bottom: 12px;
  }
  .calculator-form-page .calculator-form .income-info-boxes .info-box .info-box-content .income-category {
    margin-bottom: 12px;
  }
  .calculator-form-page .calculator-form .income-info-boxes .info-box .info-box-content .income-category h5 {
    font-size: 12px;
    margin-bottom: 5px;
  }
  .calculator-form-page .calculator-form .income-info-boxes .info-box .info-box-content .income-category ul li {
    font-size: 11px;
  }
  .calculator-form-page .calculator-form .income-info-boxes .info-box .info-box-content p {
    font-size: 11px;
  }
  .calculator-form-page .calculator-form .assistance-grid {
    grid-template-columns: 1fr;
    gap: 20px;
  }
  .calculator-form-page .calculator-form .assistance-grid .assistance-item .form-label {
    font-size: 13px;
  }
  .calculator-form-page .calculator-form .assistance-grid .assistance-item .form-control {
    padding: 10px 14px;
    font-size: 14px;
  }
  .calculator-form-page .calculator-form .assistance-grid .assistance-item .assistance-help-text {
    font-size: 11px;
  }
  .calculator-form-page .calculator-form .benefit-cliffs-notice {
    padding: 20px 15px;
    margin-bottom: 25px;
  }
  .calculator-form-page .calculator-form .benefit-cliffs-notice .notice-title {
    font-size: 13px;
    margin-bottom: 10px;
  }
  .calculator-form-page .calculator-form .benefit-cliffs-notice .notice-text {
    font-size: 12px;
  }
  .calculator-form-page .calculator-form .form-navigation {
    flex-wrap: wrap;
    gap: 15px;
    margin-top: 30px;
  }
  .calculator-form-page .calculator-form .form-navigation .btn-back {
    width: 100%;
    justify-content: center;
    padding: 12px 24px;
    font-size: 14px;
    order: 2;
  }
  .calculator-form-page .calculator-form .form-navigation .btn-cancel {
    width: 100%;
    padding: 12px 20px;
    font-size: 14px;
    order: 3;
  }
  .calculator-form-page .calculator-form .form-navigation .btn-next {
    width: 100%;
    justify-content: center;
    padding: 14px 28px;
    font-size: 14px;
    order: 1;
  }
  .calculator-form-page {
    padding: 30px 0 60px;
  }
  .calculator-form-page .container {
    padding: 0 15px;
  }
  .calculator-form-page .calculator-form-header {
    margin-bottom: 30px;
  }
  .calculator-form-page .calculator-form-header .page-title {
    font-size: 20px;
  }
  .calculator-form-page .calculator-breadcrumb .breadcrumb-list {
    gap: 8px;
  }
  .calculator-form-page .calculator-breadcrumb .breadcrumb-list .breadcrumb-item {
    font-size: 11px;
  }
  .calculator-form-page .calculator-breadcrumb .breadcrumb-list .breadcrumb-item:not(:last-child)::after {
    margin-left: 8px;
  }
  .calculator-form-page .calculator-form .form-section-header {
    margin-bottom: 25px;
  }
  .calculator-form-page .calculator-form .form-section-header .section-title {
    font-size: 18px;
  }
  .calculator-form-page .calculator-form .form-section-header .section-description {
    font-size: 13px;
  }
  .calculator-form-page .calculator-form .form-section-header .required-note {
    font-size: 12px;
  }
  .calculator-form-page .calculator-form .form-card {
    padding: 25px 20px;
    margin-bottom: 20px;
  }
  .calculator-form-page .calculator-form .form-card .card-header {
    margin-bottom: 25px;
  }
  .calculator-form-page .calculator-form .form-card .card-header .card-title {
    font-size: 15px;
  }
  .calculator-form-page .calculator-form .form-card .card-header .card-description {
    font-size: 12px;
  }
  .calculator-form-page .calculator-form .form-card .card-header .card-accent {
    width: 60px;
    height: 3px;
  }
  .calculator-form-page .calculator-form .form-card .form-row {
    grid-template-columns: 1fr;
    gap: 20px;
  }
  .calculator-form-page .calculator-form .form-card .form-group {
    margin-bottom: 20px;
  }
  .calculator-form-page .calculator-form .form-card .form-group .form-label {
    font-size: 13px;
  }
  .calculator-form-page .calculator-form .form-card .form-group .form-control {
    padding: 10px 14px;
    font-size: 14px;
  }
  .calculator-form-page .calculator-form .form-card .form-group .form-help-text {
    font-size: 11px;
  }
  .calculator-form-page .calculator-form .form-card .utilities-info-box,
  .calculator-form-page .calculator-form .form-card .transportation-info-box,
  .calculator-form-page .calculator-form .form-card .miscellaneous-info-box,
  .calculator-form-page .calculator-form .form-card .writein-info-box {
    padding: 15px 20px;
    margin-top: 20px;
  }
  .calculator-form-page .calculator-form .form-card .utilities-info-box .info-box-title,
  .calculator-form-page .calculator-form .form-card .transportation-info-box .info-box-title,
  .calculator-form-page .calculator-form .form-card .miscellaneous-info-box .info-box-title,
  .calculator-form-page .calculator-form .form-card .writein-info-box .info-box-title {
    font-size: 11px;
    margin-bottom: 10px;
  }
  .calculator-form-page .calculator-form .form-card .utilities-info-box .info-list li,
  .calculator-form-page .calculator-form .form-card .transportation-info-box .info-list li,
  .calculator-form-page .calculator-form .form-card .miscellaneous-info-box .info-list li,
  .calculator-form-page .calculator-form .form-card .writein-info-box .info-list li {
    font-size: 12px;
    line-height: 1.7;
  }
  .calculator-form-page .calculator-form .form-card .childcare-question {
    margin-bottom: 25px;
  }
  .calculator-form-page .calculator-form .form-card .childcare-question .form-label {
    font-size: 13px;
  }
  .calculator-form-page .calculator-form .form-card .childcare-question .radio-group {
    gap: 10px;
  }
  .calculator-form-page .calculator-form .form-card .childcare-question .radio-group .radio-label {
    font-size: 13px;
  }
  .calculator-form-page .calculator-form .form-card .childcare-question .radio-group .radio-label input[type=radio] {
    width: 16px;
    height: 16px;
  }
  .calculator-form-page .calculator-form .form-card .childcare-question .form-help-text {
    font-size: 11px;
  }
  .calculator-form-page .calculator-form .form-card .writein-form-group {
    padding-top: 20px;
    margin-top: 20px;
  }
  .calculator-form-page .calculator-form .form-card .writein-form-group .writein-actions {
    flex-direction: column-reverse;
    gap: 10px;
  }
  .calculator-form-page .calculator-form .form-card .writein-form-group .writein-actions .btn-save-expense,
  .calculator-form-page .calculator-form .form-card .writein-form-group .writein-actions .btn-cancel-expense {
    width: 100%;
    font-size: 13px;
    padding: 10px 20px;
  }
  .calculator-form-page .calculator-form .form-card #writeinExpensesList .writein-expense-item {
    padding: 12px 15px;
  }
  .calculator-form-page .calculator-form .form-card #writeinExpensesList .writein-expense-item .expense-item-content {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
  }
  .calculator-form-page .calculator-form .form-card #writeinExpensesList .writein-expense-item .expense-item-content .expense-item-name,
  .calculator-form-page .calculator-form .form-card #writeinExpensesList .writein-expense-item .expense-item-content .expense-item-cost {
    font-size: 13px;
  }
  .calculator-form-page .calculator-form .form-card #writeinExpensesList .writein-expense-item .btn-remove-writein {
    padding: 4px;
  }
  .calculator-form-page .calculator-form .form-card #writeinExpensesList .writein-expense-item .btn-remove-writein svg {
    width: 14px;
    height: 14px;
  }
  .calculator-form-page .calculator-form .form-card .expense-total-section {
    margin-top: 25px;
    padding-top: 20px;
  }
  .calculator-form-page .calculator-form .form-card .expense-total-section .total-row .total-label {
    font-size: 14px;
  }
  .calculator-form-page .calculator-form .form-card .expense-total-section .total-row .total-value {
    font-size: 20px;
  }
  .calculator-form-page .calculator-form .form-navigation {
    flex-wrap: wrap;
    gap: 15px;
    margin-top: 30px;
  }
  .calculator-form-page .calculator-form .form-navigation .btn-back {
    width: 100%;
    justify-content: center;
    padding: 12px 24px;
    font-size: 14px;
    order: 2;
  }
  .calculator-form-page .calculator-form .form-navigation .btn-cancel {
    width: 100%;
    padding: 12px 20px;
    font-size: 14px;
    order: 3;
  }
  .calculator-form-page .calculator-form .form-navigation .btn-next {
    width: 100%;
    justify-content: center;
    padding: 14px 28px;
    font-size: 14px;
    order: 1;
  }
  .calculator-form-page {
    padding: 30px 0 60px;
  }
  .calculator-form-page .container {
    padding: 0 15px;
  }
  .calculator-form-page .calculator-form-header {
    margin-bottom: 25px;
  }
  .calculator-form-page .calculator-form-header .page-title {
    font-size: 20px;
    line-height: 1.3;
  }
  .calculator-form-page .calculator-breadcrumb {
    margin-bottom: 30px;
  }
  .calculator-form-page .calculator-breadcrumb .breadcrumb-list {
    gap: 8px;
  }
  .calculator-form-page .calculator-breadcrumb .breadcrumb-list .breadcrumb-item {
    font-size: 11px;
  }
  .calculator-form-page .calculator-breadcrumb .breadcrumb-list .breadcrumb-item:not(:last-child)::after {
    margin-left: 8px;
  }
  .calculator-form-page .review-section .review-header {
    margin-bottom: 25px;
  }
  .calculator-form-page .review-section .review-header .review-title {
    font-size: 18px;
    margin-bottom: 8px;
  }
  .calculator-form-page .review-section .review-header .review-description {
    font-size: 13px;
  }
  .calculator-form-page .review-section .review-card {
    padding: 25px 20px;
    margin-bottom: 20px;
  }
  .calculator-form-page .review-section .review-card .review-card-header {
    flex-direction: column;
    align-items: flex-start;
    gap: 15px;
    margin-bottom: 25px;
    padding-bottom: 15px;
  }
  .calculator-form-page .review-section .review-card .review-card-header .review-card-title {
    font-size: 14px;
  }
  .calculator-form-page .review-section .review-card .review-card-header .btn-edit {
    font-size: 13px;
    align-self: flex-end;
  }
  .calculator-form-page .review-section .review-card .review-card-content .review-field {
    flex-direction: column;
    gap: 8px;
    margin-bottom: 15px;
  }
  .calculator-form-page .review-section .review-card .review-card-content .review-field .review-label {
    font-size: 12px;
    min-width: auto;
  }
  .calculator-form-page .review-section .review-card .review-card-content .review-field .review-value {
    font-size: 13px;
  }
  .calculator-form-page .review-section .review-card .review-card-content .review-field.review-total {
    margin-top: 20px;
    padding-top: 20px;
  }
  .calculator-form-page .review-section .review-card .review-card-content .review-field.review-total .review-label {
    font-size: 13px;
  }
  .calculator-form-page .review-section .review-card .review-card-content .review-field.review-total .review-value {
    font-size: 16px;
  }
  .calculator-form-page .review-section .review-card .review-card-content .household-members-list {
    margin-top: 25px;
  }
  .calculator-form-page .review-section .review-card .review-card-content .household-members-list .household-member-review {
    padding: 15px 18px;
    margin-bottom: 12px;
  }
  .calculator-form-page .review-section .review-card .review-card-content .household-members-list .household-member-review .member-review-header {
    font-size: 12px;
    margin-bottom: 6px;
  }
  .calculator-form-page .review-section .review-card .review-card-content .household-members-list .household-member-review .member-review-info {
    font-size: 11px;
  }
  .calculator-form-page .review-section .review-card .review-card-content .income-members-list .income-member-review {
    padding: 20px 18px;
    margin-bottom: 20px;
  }
  .calculator-form-page .review-section .review-card .review-card-content .income-members-list .income-member-review .income-member-header {
    font-size: 12px;
    margin-bottom: 12px;
  }
  .calculator-form-page .review-section .review-card .review-card-content .income-members-list .income-member-review .income-member-details .income-detail-row {
    flex-direction: column;
    gap: 5px;
    margin-bottom: 10px;
  }
  .calculator-form-page .review-section .review-card .review-card-content .income-members-list .income-member-review .income-member-details .income-detail-row .income-detail-label {
    font-size: 11px;
    min-width: auto;
  }
  .calculator-form-page .review-section .review-card .review-card-content .income-members-list .income-member-review .income-member-details .income-detail-row .income-detail-value {
    font-size: 12px;
  }
  .calculator-form-page .form-navigation {
    flex-direction: column;
    gap: 15px;
    margin-top: 30px;
  }
  .calculator-form-page .form-navigation .nav-left {
    width: 100%;
    flex-direction: column-reverse;
    gap: 12px;
  }
  .calculator-form-page .form-navigation .nav-left .btn-back {
    width: 100%;
    justify-content: center;
    font-size: 14px;
    padding: 12px 20px;
  }
  .calculator-form-page .form-navigation .nav-left .btn-cancel {
    width: 100%;
    font-size: 14px;
    padding: 12px 20px;
  }
  .calculator-form-page .form-navigation .btn-next {
    width: 100%;
    justify-content: center;
    font-size: 14px;
    padding: 14px 28px;
    order: -1;
  }
  .calculator-form-page {
    padding: 30px 0 60px;
  }
  .calculator-form-page .container {
    padding: 0 15px;
  }
  .calculator-form-page .calculator-form-header {
    margin-bottom: 25px;
  }
  .calculator-form-page .calculator-form-header .page-title {
    font-size: 18px;
    line-height: 1.3;
  }
  .calculator-form-page .calculator-breadcrumb {
    margin-bottom: 30px;
  }
  .calculator-form-page .calculator-breadcrumb .breadcrumb-list {
    gap: 8px;
  }
  .calculator-form-page .calculator-breadcrumb .breadcrumb-list .breadcrumb-item {
    font-size: 10px;
  }
  .calculator-form-page .calculator-breadcrumb .breadcrumb-list .breadcrumb-item:not(:last-child)::after {
    margin-left: 8px;
  }
  .calculator-form-page .report-title-section {
    margin-bottom: 25px;
  }
  .calculator-form-page .report-title-section .report-main-title {
    font-size: 20px;
    line-height: 1.3;
  }
  .calculator-form-page .report-metadata {
    margin-bottom: 30px;
  }
  .calculator-form-page .report-metadata .metadata-item {
    margin-bottom: 10px;
  }
  .calculator-form-page .report-metadata .metadata-item .metadata-label {
    font-size: 12px;
  }
  .calculator-form-page .report-metadata .metadata-row {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
  }
  .calculator-form-page .report-metadata .metadata-row .metadata-item-inline {
    gap: 6px;
  }
  .calculator-form-page .report-metadata .metadata-row .metadata-item-inline .metadata-label,
  .calculator-form-page .report-metadata .metadata-row .metadata-item-inline .metadata-value {
    font-size: 11px;
  }
  .calculator-form-page .report-metadata .metadata-row .metadata-dot {
    display: none;
  }
  .calculator-form-page .report-summary-cards {
    grid-template-columns: 1fr;
    gap: 20px;
    margin-bottom: 30px;
  }
  .calculator-form-page .report-summary-cards .summary-card {
    padding: 25px 20px;
  }
  .calculator-form-page .report-summary-cards .summary-card .card-value {
    font-size: 32px;
    margin-bottom: 8px;
  }
  .calculator-form-page .report-summary-cards .summary-card .card-label {
    font-size: 13px;
    margin-bottom: 6px;
  }
  .calculator-form-page .report-summary-cards .summary-card .card-sub-label {
    font-size: 12px;
    margin-bottom: 3px;
  }
  .calculator-form-page .report-summary-cards .summary-card .card-sub-text {
    font-size: 11px;
  }
  .calculator-form-page .report-summary-cards .summary-card.standard-card .standard-header {
    font-size: 14px;
    margin-bottom: 6px;
  }
  .calculator-form-page .report-summary-cards .summary-card.standard-card .standard-sub {
    font-size: 11px;
    margin-bottom: 15px;
  }
  .calculator-form-page .report-summary-cards .summary-card.standard-card .standard-details .standard-row {
    flex-direction: column;
    gap: 5px;
    margin-bottom: 10px;
  }
  .calculator-form-page .report-summary-cards .summary-card.standard-card .standard-details .standard-row .standard-label {
    font-size: 11px;
  }
  .calculator-form-page .report-summary-cards .summary-card.standard-card .standard-details .standard-row .standard-value {
    font-size: 14px;
  }
  .calculator-form-page .report-comparison-section {
    padding: 25px 15px;
    margin-bottom: 25px;
  }
  .calculator-form-page .report-comparison-section .comparison-title {
    font-size: 16px;
    margin-bottom: 20px;
  }
  .calculator-form-page .report-comparison-section .comparison-table-wrapper .comparison-table {
    font-size: 12px;
  }
  .calculator-form-page .report-comparison-section .comparison-table-wrapper .comparison-table thead tr th {
    padding: 12px 8px;
    font-size: 10px;
  }
  .calculator-form-page .report-comparison-section .comparison-table-wrapper .comparison-table tbody .section-header td {
    padding: 12px 8px;
    font-size: 12px;
  }
  .calculator-form-page .report-comparison-section .comparison-table-wrapper .comparison-table tbody .data-row td {
    padding: 12px 8px;
    font-size: 11px;
  }
  .calculator-form-page .report-comparison-section .comparison-table-wrapper .comparison-table tbody .data-row.total-row td {
    padding: 15px 8px;
    font-size: 12px;
  }
  .calculator-form-page .report-comparison-section .comparison-table-wrapper .comparison-table tbody .definition-row .definition-cell {
    padding: 20px 12px;
  }
  .calculator-form-page .report-comparison-section .comparison-table-wrapper .comparison-table tbody .definition-row .definition-cell .definition-box strong {
    font-size: 11px;
    margin-bottom: 6px;
  }
  .calculator-form-page .report-comparison-section .comparison-table-wrapper .comparison-table tbody .definition-row .definition-cell .definition-box p {
    font-size: 10px;
    line-height: 1.5;
  }
  .calculator-form-page .report-comparison-section .comparison-table-wrapper .comparison-table tbody .adequacy-row .adequacy-cell {
    padding: 12px 8px;
  }
  .calculator-form-page .report-comparison-section .comparison-table-wrapper .comparison-table tbody .adequacy-row .adequacy-cell .adequacy-label {
    flex-direction: column;
    align-items: flex-start;
    gap: 5px;
    font-size: 11px;
  }
  .calculator-form-page .report-comparison-section .comparison-table-wrapper .comparison-table tbody .adequacy-row .adequacy-cell .adequacy-label svg {
    width: 14px;
    height: 14px;
  }
  .calculator-form-page .report-comparison-section .comparison-table-wrapper .comparison-table tbody .adequacy-row .adequacy-value {
    padding: 12px 8px;
    font-size: 11px;
  }
  .calculator-form-page .benefit-cliffs-section {
    padding: 20px 15px;
    margin-bottom: 25px;
  }
  .calculator-form-page .benefit-cliffs-section .cliffs-title {
    font-size: 13px;
    margin-bottom: 12px;
  }
  .calculator-form-page .benefit-cliffs-section .cliffs-text {
    font-size: 12px;
    line-height: 1.5;
  }
  .calculator-form-page .important-notice {
    flex-direction: column;
    gap: 12px;
    padding: 18px 20px;
    margin-bottom: 25px;
  }
  .calculator-form-page .important-notice svg {
    width: 18px;
    height: 18px;
  }
  .calculator-form-page .important-notice .notice-content {
    font-size: 12px;
  }
  .calculator-form-page .assistance-programs-section {
    padding: 25px 20px;
    margin-bottom: 30px;
  }
  .calculator-form-page .assistance-programs-section .programs-title {
    font-size: 14px;
    margin-bottom: 10px;
  }
  .calculator-form-page .assistance-programs-section .programs-accent {
    width: 60px;
    height: 3px;
    margin-bottom: 20px;
  }
  .calculator-form-page .assistance-programs-section .programs-list .program-item {
    margin-bottom: 12px;
  }
  .calculator-form-page .assistance-programs-section .programs-list .program-item .program-link {
    font-size: 12px;
    gap: 6px;
  }
  .calculator-form-page .assistance-programs-section .programs-list .program-item .program-link svg {
    width: 12px;
    height: 12px;
  }
  .calculator-form-page .report-actions {
    flex-direction: column;
    gap: 15px;
  }
  .calculator-form-page .report-actions .btn-print-report {
    width: 100%;
    justify-content: center;
    font-size: 14px;
    padding: 14px 28px;
  }
  .calculator-form-page .report-actions .btn-print-report svg {
    width: 18px;
    height: 18px;
  }
  .calculator-form-page .report-actions .btn-start-over {
    width: 100%;
    font-size: 14px;
    padding: 12px 20px;
  }
  .case-manager-login-page {
    padding: 40px 15px;
  }
  .case-manager-login-page .login-card {
    padding: 40px 25px;
  }
  .case-manager-login-page .login-card .login-title {
    font-size: 20px;
    line-height: 1.4;
  }
  .case-manager-login-page .login-card .title-accent {
    width: 70px;
    height: 3px;
    margin-bottom: 35px;
  }
  .case-manager-login-page .login-card .login-form {
    margin-bottom: 40px;
  }
  .case-manager-login-page .login-card .login-form .form-group {
    margin-bottom: 25px;
  }
  .case-manager-login-page .login-card .login-form .form-group.checkbox-group {
    margin-bottom: 30px;
  }
  .case-manager-login-page .login-card .login-form .form-group .form-label {
    font-size: 14px;
    margin-bottom: 10px;
  }
  .case-manager-login-page .login-card .login-form .form-group .form-control {
    padding: 12px 16px;
    font-size: 15px;
  }
  .case-manager-login-page .login-card .login-form .form-group .password-field-wrapper {
    flex-direction: column;
    align-items: flex-start;
    gap: 15px;
  }
  .case-manager-login-page .login-card .login-form .form-group .password-field-wrapper .form-control {
    width: 100%;
    padding-right: 45px;
  }
  .case-manager-login-page .login-card .login-form .form-group .password-field-wrapper .btn-toggle-password {
    right: 15px;
    top: 12px;
  }
  .case-manager-login-page .login-card .login-form .form-group .password-field-wrapper .forgot-password-link {
    font-size: 14px;
  }
  .case-manager-login-page .login-card .login-form .form-group .form-help-text {
    font-size: 13px;
  }
  .case-manager-login-page .login-card .login-form .form-group .checkbox-label input[type=checkbox] {
    width: 16px;
    height: 16px;
  }
  .case-manager-login-page .login-card .login-form .form-group .checkbox-label .checkbox-text {
    font-size: 14px;
  }
  .case-manager-login-page .login-card .login-form .btn-login {
    width: 100%;
    justify-content: center;
    padding: 14px 30px;
    font-size: 15px;
  }
  .case-manager-login-page .login-card .login-form .btn-login svg {
    width: 18px;
    height: 18px;
  }
  .case-manager-login-page .login-card .login-help {
    padding-top: 30px;
  }
  .case-manager-login-page .login-card .login-help .help-title {
    font-size: 15px;
    margin-bottom: 10px;
  }
  .case-manager-login-page .login-card .login-help .help-text {
    font-size: 14px;
  }
  .registration-review-page {
    padding: 30px 0 60px;
  }
  .registration-review-page .container {
    padding: 0 15px;
  }
  .registration-review-page .registration-header {
    margin-bottom: 30px;
  }
  .registration-review-page .registration-header .registration-title {
    font-size: 22px;
    line-height: 1.3;
    margin-bottom: 25px;
  }
  .registration-review-page .registration-header .registration-breadcrumb .breadcrumb-list {
    gap: 10px;
  }
  .registration-review-page .registration-header .registration-breadcrumb .breadcrumb-list .breadcrumb-item {
    font-size: 12px;
  }
  .registration-review-page .registration-header .registration-breadcrumb .breadcrumb-list .breadcrumb-item:not(:last-child)::after {
    margin-left: 10px;
    font-size: 14px;
  }
  .registration-review-page .review-section .review-header {
    margin-bottom: 25px;
  }
  .registration-review-page .review-section .review-header .review-title {
    font-size: 20px;
  }
  .registration-review-page .review-section .review-card {
    padding: 25px 20px;
    margin-bottom: 20px;
  }
  .registration-review-page .review-section .review-card .review-card-header {
    flex-direction: column;
    align-items: flex-start;
    gap: 15px;
    margin-bottom: 25px;
    padding-bottom: 15px;
  }
  .registration-review-page .review-section .review-card .review-card-header .title-wrapper .review-card-title {
    font-size: 15px;
  }
  .registration-review-page .review-section .review-card .review-card-header .title-wrapper .review-card-accent {
    width: 60px;
    height: 3px;
  }
  .registration-review-page .review-section .review-card .review-card-header .btn-edit {
    font-size: 13px;
  }
  .registration-review-page .review-section .review-card .review-card-content .review-field {
    flex-direction: column;
    gap: 8px;
    margin-bottom: 20px;
  }
  .registration-review-page .review-section .review-card .review-card-content .review-field .review-label {
    font-size: 13px;
    min-width: auto;
  }
  .registration-review-page .review-section .review-card .review-card-content .review-field .review-value {
    font-size: 13px;
  }
  .registration-review-page .review-section .review-card .review-card-content .household-members-list {
    margin-top: 20px;
    gap: 12px;
  }
  .registration-review-page .review-section .review-card .review-card-content .household-members-list .household-member-card {
    padding: 15px;
  }
  .registration-review-page .review-section .review-card .review-card-content .household-members-list .household-member-card .member-card-title {
    font-size: 12px;
    margin-bottom: 6px;
  }
  .registration-review-page .review-section .review-card .review-card-content .household-members-list .household-member-card .member-card-info {
    font-size: 12px;
  }
  .registration-review-page .review-section .review-card .review-card-content .program-badges {
    gap: 8px;
  }
  .registration-review-page .review-section .review-card .review-card-content .program-badges .program-badge {
    font-size: 12px;
    padding: 5px 14px;
  }
  .registration-review-page .review-section .benefit-cliffs-section {
    padding: 20px 20px;
    margin-bottom: 30px;
  }
  .registration-review-page .review-section .benefit-cliffs-section .benefit-cliffs-title {
    font-size: 14px;
    margin-bottom: 12px;
    line-height: 1.3;
  }
  .registration-review-page .review-section .benefit-cliffs-section .benefit-cliffs-text {
    font-size: 13px;
  }
  .registration-review-page .review-section .form-actions {
    flex-direction: column;
    gap: 20px;
    align-items: stretch;
  }
  .registration-review-page .review-section .form-actions .form-actions-left {
    flex-direction: column;
    gap: 15px;
    order: 2;
  }
  .registration-review-page .review-section .form-actions .form-actions-left .btn {
    width: 100%;
    justify-content: center;
    font-size: 14px;
    padding: 12px 20px;
  }
  .registration-review-page .review-section .form-actions .btn-primary {
    order: 1;
    width: 100%;
    justify-content: center;
    font-size: 15px;
    padding: 14px 24px;
  }
  .registration-header {
    margin-bottom: 35px;
  }
  .registration-header .registration-title {
    font-size: 24px;
    line-height: 1.3;
    margin-bottom: 25px;
  }
  .registration-header .registration-breadcrumb .breadcrumb-list {
    gap: 10px;
  }
  .registration-header .registration-breadcrumb .breadcrumb-list .breadcrumb-item {
    font-size: 11px;
  }
  .registration-header .registration-breadcrumb .breadcrumb-list .breadcrumb-item:not(:last-child)::after {
    margin-left: 10px;
    font-size: 14px;
  }
  .registration-form .form-section {
    margin-bottom: 40px;
  }
  .registration-form .form-section .form-section-header {
    margin-bottom: 25px;
  }
  .registration-form .form-section .form-section-header .section-title {
    font-size: 20px;
    margin-bottom: 10px;
  }
  .registration-form .form-section .form-section-header .required-note {
    font-size: 13px;
  }
  .registration-form .form-section .form-card {
    padding: 25px 20px;
  }
  .registration-form .form-section .form-card .form-row {
    grid-template-columns: 1fr;
    gap: 20px;
    margin-bottom: 20px;
  }
  .registration-form .form-section .form-card .form-group {
    margin-bottom: 25px;
  }
  .registration-form .form-section .form-card .form-group .form-label {
    font-size: 14px;
    margin-bottom: 10px;
  }
  .registration-form .form-section .form-card .form-group .form-control {
    padding: 12px 16px;
    font-size: 15px;
  }
  .registration-form .form-section .form-card .form-group .form-help-text {
    font-size: 13px;
  }
  .registration-form .form-section .form-card .form-group .radio-group {
    flex-direction: column;
    gap: 15px;
  }
  .registration-form .form-section .form-card .form-group .radio-group .radio-label .radio-text {
    font-size: 14px;
  }
  .registration-form .form-actions {
    flex-direction: column-reverse;
    gap: 15px;
    padding-top: 25px;
  }
  .registration-form .form-actions .form-actions-left {
    flex-direction: column;
    width: 100%;
    gap: 15px;
  }
  .registration-form .form-actions .btn {
    width: 100%;
    justify-content: center;
    padding: 14px 32px;
    font-size: 15px;
  }
  .registration-form .form-actions .btn.btn-text {
    padding: 12px 20px;
  }
  .program-assistance-form .form-section {
    padding: 25px 20px;
    margin-bottom: 25px;
  }
  .program-assistance-form .form-section .section-header .section-title {
    font-size: 14px;
  }
  .program-assistance-form .form-section .section-header .section-description {
    font-size: 13px;
  }
  .program-assistance-form .form-section .section-header .section-accent {
    width: 60px;
    height: 3px;
  }
  .program-assistance-form .form-section .form-group .form-label {
    font-size: 14px;
  }
  .program-assistance-form .form-section .form-group .radio-group {
    flex-direction: column;
    gap: 15px;
  }
  .program-assistance-form .form-section .form-group .radio-group .radio-label .radio-text {
    font-size: 14px;
  }
  .program-assistance-form .form-section .programs-checklist .checklist-instruction {
    font-size: 13px;
  }
  .program-assistance-form .form-section .programs-checklist .checkbox-list {
    gap: 10px;
  }
  .program-assistance-form .form-section .programs-checklist .checkbox-list .checkbox-label {
    padding: 8px 0;
  }
  .program-assistance-form .form-section .programs-checklist .checkbox-list .checkbox-label .checkbox-text {
    font-size: 14px;
  }
  .program-assistance-form .form-section .benefits-inputs .benefits-instruction {
    font-size: 13px;
  }
  .program-assistance-form .form-section .benefits-inputs .benefits-grid {
    grid-template-columns: 1fr;
    gap: 18px;
  }
  .program-assistance-form .form-section .benefits-inputs .benefits-grid .benefit-item .benefit-label {
    font-size: 13px;
  }
  .program-assistance-form .form-section .benefits-inputs .benefits-grid .benefit-item .form-control {
    padding: 10px 14px;
    font-size: 14px;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .main_header .navbar .container-fluid {
    padding: 20px 30px;
    gap: 20px;
  }
  .main_header .header-left {
    gap: 15px;
  }
  .main_header .header-left .navbar-brand .logo-img {
    max-width: 70px;
  }
  .main_header .header-left .org-name h1 {
    font-size: 12px;
  }
  .main_header .header-center .calculator-link {
    font-size: 18px;
  }
  .main_header .header-right {
    gap: 20px;
  }
  .main_header .header-right .login-link {
    font-size: 14px;
  }
  .footer .footer-content-wrapper {
    flex-direction: column;
    gap: 40px;
  }
  .footer .footer-brand-section {
    gap: 25px;
  }
  .footer .footer-brand-section .footer_logo img {
    max-width: 150px;
  }
  .footer .footer-brand-section .footer-org-name h2 {
    font-size: 20px;
  }
  .footer .footer-contact-section {
    justify-content: flex-start;
    gap: 30px;
  }
  .footer .footer-contact-section .contact-item .contact-details .contact-label {
    font-size: 13px;
  }
  .footer .footer-contact-section .contact-item .contact-details .contact-value {
    font-size: 15px;
  }
  .calculator-landing-page .calculator-hero {
    padding: 60px 0 70px;
  }
  .calculator-landing-page .calculator-hero .hero-content-wrapper {
    gap: 50px;
  }
  .calculator-landing-page .calculator-hero .hero-text-section {
    max-width: 450px;
  }
  .calculator-landing-page .calculator-hero .hero-text-section .hero-title {
    font-size: 38px;
  }
  .calculator-landing-page .calculator-hero .hero-text-section .hero-description {
    font-size: 17px;
  }
  .calculator-landing-page .calculator-hero .hero-image-section {
    max-width: 450px;
  }
  .calculator-landing-page .calculator-hero .hero-image-section .image-container {
    height: 400px;
  }
  .calculator-landing-page .calculator-hero .hero-image-section .image-container .image-wrapper.image-1 {
    width: 280px;
    height: 230px;
  }
  .calculator-landing-page .calculator-hero .hero-image-section .image-container .image-wrapper.image-2 {
    width: 300px;
    height: 260px;
  }
  .calculator-landing-page .calculator-info-cards {
    padding: 60px 0;
  }
  .calculator-landing-page .calculator-info-cards .cards-wrapper {
    grid-template-columns: 1fr;
    gap: 30px;
    max-width: 700px;
    margin: 0 auto;
  }
  .calculator-landing-page .calculator-info-cards .info-card {
    padding: 35px 30px;
  }
  .calculator-landing-page .calculator-support {
    padding: 60px 0;
  }
  .calculator-modal .modal-container {
    max-width: 700px;
  }
  .calculator-modal .modal-content {
    padding: 50px 50px;
  }
  .calculator-modal .modal-content .modal-title {
    font-size: 30px;
  }
  .calculator-modal .modal-content .modal-description {
    font-size: 17px;
  }
  .calculator-modal .modal-content .modal-actions .btn-modal-cancel {
    font-size: 17px;
  }
  .calculator-modal .modal-content .modal-actions .btn-modal-proceed {
    font-size: 17px;
  }
  .calculator-form-page {
    padding: 35px 0 70px;
  }
  .calculator-form-page .calculator-form-header {
    margin-bottom: 35px;
  }
  .calculator-form-page .calculator-form-header .page-title {
    font-size: 24px;
  }
  .calculator-form-page .calculator-breadcrumb .breadcrumb-list .breadcrumb-item {
    font-size: 13px;
  }
  .calculator-form-page .calculator-form .form-section-header .section-title {
    font-size: 22px;
  }
  .calculator-form-page .calculator-form .form-card {
    padding: 35px 30px;
  }
  .calculator-form-page .calculator-form .form-card .card-header {
    margin-bottom: 30px;
  }
  .calculator-form-page .calculator-form .form-card .card-header .card-title {
    font-size: 17px;
  }
  .calculator-form-page .calculator-form .form-card .household-member {
    padding: 25px 20px;
  }
  .calculator-form-page .calculator-form .form-card .household-summary .summary-content {
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
  }
  .calculator-form-page .calculator-form .form-card .household-summary .summary-content .btn-see-standard {
    width: 100%;
    justify-content: center;
  }
  .calculator-results-page {
    padding: 35px 0 70px;
  }
  .calculator-results-page .container {
    padding: 0 20px;
  }
  .calculator-results-page .results-header .results-title {
    font-size: 28px;
  }
  .calculator-results-page .results-header .results-subtitle {
    font-size: 15px;
  }
  .calculator-results-page .household-info .household-label {
    font-size: 15px;
  }
  .calculator-results-page .household-info .household-composition {
    font-size: 15px;
  }
  .calculator-results-page .results-note-box {
    padding: 22px 25px;
  }
  .calculator-results-page .results-note-box .note-title {
    font-size: 15px;
  }
  .calculator-results-page .results-note-box .note-text {
    font-size: 14px;
  }
  .calculator-results-page .results-card {
    padding: 35px 30px;
  }
  .calculator-results-page .income-summary-card .income-row .income-label {
    font-size: 15px;
  }
  .calculator-results-page .income-summary-card .income-row .income-label .income-detail {
    font-size: 13px;
  }
  .calculator-results-page .income-summary-card .income-row .income-value {
    font-size: 22px;
  }
  .calculator-results-page .expense-breakdown-card .breakdown-title {
    font-size: 19px;
  }
  .calculator-results-page .expense-breakdown-card .expense-list .expense-item .expense-label {
    font-size: 15px;
  }
  .calculator-results-page .expense-breakdown-card .expense-list .expense-item .expense-value {
    font-size: 17px;
  }
  .calculator-results-page .expense-breakdown-card .expense-list .expense-item.expense-total .expense-label {
    font-size: 17px;
  }
  .calculator-results-page .expense-breakdown-card .expense-list .expense-item.expense-total .expense-value {
    font-size: 22px;
  }
  .calculator-results-page .results-actions {
    gap: 15px;
  }
  .calculator-results-page .results-actions .btn-open-window {
    font-size: 15px;
  }
  .calculator-results-page .results-actions .btn-print {
    font-size: 15px;
  }
  .calculator-results-page .results-actions .btn-back-calculator {
    font-size: 15px;
  }
  .calculator-form-page {
    padding: 35px 0 70px;
  }
  .calculator-form-page .calculator-form-header {
    margin-bottom: 35px;
  }
  .calculator-form-page .calculator-form-header .page-title {
    font-size: 24px;
  }
  .calculator-form-page .calculator-breadcrumb .breadcrumb-list .breadcrumb-item {
    font-size: 13px;
  }
  .calculator-form-page .calculator-form .form-section-header .section-title {
    font-size: 22px;
  }
  .calculator-form-page .calculator-form .form-card {
    padding: 35px 30px;
  }
  .calculator-form-page .calculator-form .form-card .card-header {
    margin-bottom: 30px;
  }
  .calculator-form-page .calculator-form .form-card .card-header .card-title {
    font-size: 17px;
  }
  .calculator-form-page .calculator-form .household-member-income {
    padding: 25px 20px;
  }
  .calculator-form-page .calculator-form .income-info-boxes {
    grid-template-columns: 1fr;
    gap: 20px;
  }
  .calculator-form-page .calculator-form .assistance-grid {
    gap: 20px;
  }
  .calculator-form-page {
    padding: 35px 0 70px;
  }
  .calculator-form-page .calculator-form-header {
    margin-bottom: 35px;
  }
  .calculator-form-page .calculator-form-header .page-title {
    font-size: 24px;
  }
  .calculator-form-page .calculator-form .form-section-header .section-title {
    font-size: 22px;
  }
  .calculator-form-page .calculator-form .form-card {
    padding: 35px 30px;
  }
  .calculator-form-page .calculator-form .form-card .card-header {
    margin-bottom: 30px;
  }
  .calculator-form-page .calculator-form .form-card .card-header .card-title {
    font-size: 17px;
  }
  .calculator-form-page {
    padding: 35px 0 70px;
  }
  .calculator-form-page .calculator-form-header {
    margin-bottom: 30px;
  }
  .calculator-form-page .calculator-form-header .page-title {
    font-size: 22px;
  }
  .calculator-form-page .calculator-breadcrumb {
    margin-bottom: 35px;
  }
  .calculator-form-page .calculator-breadcrumb .breadcrumb-list .breadcrumb-item {
    font-size: 12px;
  }
  .calculator-form-page .review-section .review-header .review-title {
    font-size: 19px;
  }
  .calculator-form-page .review-section .review-header .review-description {
    font-size: 14px;
  }
  .calculator-form-page .review-section .review-card {
    padding: 30px 35px;
  }
  .calculator-form-page .review-section .review-card .review-card-header .review-card-title {
    font-size: 15px;
  }
  .calculator-form-page .form-navigation .nav-left {
    gap: 12px;
  }
  .calculator-form-page .form-navigation .nav-left .btn-back {
    font-size: 14px;
    padding: 12px 22px;
  }
  .calculator-form-page .form-navigation .nav-left .btn-cancel {
    font-size: 14px;
    padding: 12px 22px;
  }
  .calculator-form-page .form-navigation .btn-next {
    font-size: 15px;
    padding: 13px 30px;
  }
  .calculator-form-page {
    padding: 35px 0 70px;
  }
  .calculator-form-page .calculator-form-header {
    margin-bottom: 30px;
  }
  .calculator-form-page .calculator-form-header .page-title {
    font-size: 22px;
  }
  .calculator-form-page .calculator-breadcrumb {
    margin-bottom: 35px;
  }
  .calculator-form-page .calculator-breadcrumb .breadcrumb-list .breadcrumb-item {
    font-size: 12px;
  }
  .calculator-form-page .report-title-section {
    margin-bottom: 30px;
  }
  .calculator-form-page .report-title-section .report-main-title {
    font-size: 24px;
  }
  .calculator-form-page .report-metadata {
    margin-bottom: 35px;
  }
  .calculator-form-page .report-metadata .metadata-item .metadata-label {
    font-size: 13px;
  }
  .calculator-form-page .report-metadata .metadata-row .metadata-item-inline .metadata-label,
  .calculator-form-page .report-metadata .metadata-row .metadata-item-inline .metadata-value {
    font-size: 12px;
  }
  .calculator-form-page .report-summary-cards {
    grid-template-columns: 1fr;
    gap: 20px;
    margin-bottom: 35px;
  }
  .calculator-form-page .report-summary-cards .summary-card {
    padding: 30px 25px;
  }
  .calculator-form-page .report-summary-cards .summary-card .card-value {
    font-size: 36px;
  }
  .calculator-form-page .report-summary-cards .summary-card.standard-card .standard-header {
    font-size: 15px;
  }
  .calculator-form-page .report-summary-cards .summary-card.standard-card .standard-details .standard-row .standard-label {
    font-size: 11px;
  }
  .calculator-form-page .report-summary-cards .summary-card.standard-card .standard-details .standard-row .standard-value {
    font-size: 15px;
  }
  .calculator-form-page .report-comparison-section {
    padding: 35px 30px;
  }
  .calculator-form-page .report-comparison-section .comparison-title {
    font-size: 18px;
  }
  .calculator-form-page .report-comparison-section .comparison-table-wrapper .comparison-table thead tr th {
    padding: 14px 10px;
    font-size: 12px;
  }
  .calculator-form-page .report-comparison-section .comparison-table-wrapper .comparison-table tbody .section-header td {
    padding: 16px 10px;
    font-size: 13px;
  }
  .calculator-form-page .report-comparison-section .comparison-table-wrapper .comparison-table tbody .data-row td {
    padding: 14px 10px;
    font-size: 13px;
  }
  .calculator-form-page .report-comparison-section .comparison-table-wrapper .comparison-table tbody .data-row.total-row td {
    padding: 16px 10px;
    font-size: 14px;
  }
  .calculator-form-page .report-comparison-section .comparison-table-wrapper .comparison-table tbody .definition-row .definition-cell {
    padding: 22px 12px;
  }
  .calculator-form-page .report-comparison-section .comparison-table-wrapper .comparison-table tbody .definition-row .definition-cell .definition-box strong {
    font-size: 12px;
  }
  .calculator-form-page .report-comparison-section .comparison-table-wrapper .comparison-table tbody .definition-row .definition-cell .definition-box p {
    font-size: 11px;
  }
  .calculator-form-page .report-comparison-section .comparison-table-wrapper .comparison-table tbody .adequacy-row .adequacy-cell .adequacy-label {
    font-size: 13px;
  }
  .calculator-form-page .report-comparison-section .comparison-table-wrapper .comparison-table tbody .adequacy-row .adequacy-value {
    font-size: 13px;
  }
  .calculator-form-page .benefit-cliffs-section {
    padding: 28px 30px;
  }
  .calculator-form-page .benefit-cliffs-section .cliffs-title {
    font-size: 15px;
  }
  .calculator-form-page .benefit-cliffs-section .cliffs-text {
    font-size: 13px;
  }
  .calculator-form-page .important-notice {
    padding: 18px 22px;
  }
  .calculator-form-page .important-notice .notice-content {
    font-size: 13px;
  }
  .calculator-form-page .assistance-programs-section {
    padding: 32px 35px;
  }
  .calculator-form-page .assistance-programs-section .programs-title {
    font-size: 15px;
  }
  .calculator-form-page .assistance-programs-section .programs-list .program-item .program-link {
    font-size: 13px;
  }
  .calculator-form-page .report-actions .btn-print-report {
    font-size: 15px;
  }
  .calculator-form-page .report-actions .btn-start-over {
    font-size: 14px;
  }
  .case-manager-login-page {
    padding: 50px 20px;
  }
  .case-manager-login-page .login-card {
    padding: 55px 50px;
  }
  .case-manager-login-page .login-card .login-title {
    font-size: 24px;
  }
  .case-manager-login-page .login-card .title-accent {
    width: 85px;
    margin-bottom: 45px;
  }
  .case-manager-login-page .login-card .login-form {
    margin-bottom: 50px;
  }
  .case-manager-login-page .login-card .login-form .form-group .password-field-wrapper .btn-toggle-password {
    right: 200px;
  }
  .registration-review-page .registration-header .registration-title {
    font-size: 26px;
  }
  .registration-review-page .review-section .review-card {
    padding: 30px 35px;
  }
  .registration-review-page .review-section .review-card .review-card-content .review-field .review-label {
    min-width: 200px;
  }
  .registration-review-page .review-section .benefit-cliffs-section {
    padding: 25px 35px;
  }
  .registration-review-page .review-section .form-actions .form-actions-left {
    gap: 15px;
  }
  .registration-review-page .review-section .form-actions .form-actions-left .btn {
    font-size: 14px;
  }
  .registration-review-page .review-section .form-actions .btn-primary {
    font-size: 14px;
    padding: 13px 28px;
  }
}
@media (min-width: 1025px) and (max-width: 1280px) {
  .main_header .header-left .org-name h1 {
    font-size: 13px;
  }
  .main_header .header-center .calculator-link {
    font-size: 18px;
  }
  .main_header .header-right {
    gap: 25px;
  }
  .main_header .header-right .login-link {
    font-size: 15px;
  }
  .footer .footer-content-wrapper {
    flex-direction: column;
    gap: 40px;
  }
  .footer .footer-brand-section {
    gap: 25px;
  }
  .footer .footer-brand-section .footer_logo img {
    max-width: 150px;
  }
  .footer .footer-brand-section .footer-org-name h2 {
    font-size: 20px;
  }
  .footer .footer-contact-section {
    justify-content: flex-start;
    gap: 30px;
  }
  .footer .footer-contact-section .contact-item .contact-details .contact-label {
    font-size: 13px;
  }
  .footer .footer-contact-section .contact-item .contact-details .contact-value {
    font-size: 15px;
  }
  .calculator-landing-page .calculator-hero .hero-content-wrapper {
    gap: 60px;
  }
  .calculator-landing-page .calculator-hero .hero-text-section {
    max-width: 480px;
  }
  .calculator-landing-page .calculator-hero .hero-text-section .hero-title {
    font-size: 42px;
  }
  .calculator-landing-page .calculator-hero .hero-image-section {
    max-width: 500px;
  }
  .calculator-landing-page .calculator-hero .hero-image-section .image-container .image-wrapper.image-1 {
    width: 300px;
    height: 250px;
  }
  .calculator-landing-page .calculator-hero .hero-image-section .image-container .image-wrapper.image-2 {
    width: 330px;
    height: 280px;
  }
  .calculator-landing-page .calculator-info-cards .cards-wrapper {
    gap: 30px;
  }
  .calculator-modal .modal-container {
    max-width: 750px;
  }
  .calculator-modal .modal-content {
    padding: 55px 60px;
  }
  .calculator-modal .modal-content .modal-title {
    font-size: 32px;
  }
  .calculator-results-page .results-header .results-title {
    font-size: 30px;
  }
  .calculator-results-page .income-summary-card .income-row .income-value {
    font-size: 23px;
  }
  .calculator-results-page .expense-breakdown-card .breakdown-title {
    font-size: 19px;
  }
  .calculator-results-page .expense-breakdown-card .expense-list .expense-item.expense-total .expense-value {
    font-size: 23px;
  }
  .case-manager-login-page .login-card {
    padding: 65px 70px;
  }
  .case-manager-login-page .login-card .login-title {
    font-size: 26px;
  }
}
@media (max-width: 767px) {
  .case-manager-dashboard .dashboard-container {
    flex-direction: column;
  }
  .case-manager-dashboard .dashboard-sidebar {
    width: 100%;
    border-right: none;
    border-bottom: 1px solid #e0e0e0;
    padding: 20px 0;
  }
  .case-manager-dashboard .dashboard-sidebar .sidebar-nav .nav-header {
    padding: 0 20px 15px;
  }
  .case-manager-dashboard .dashboard-sidebar .sidebar-nav .nav-header .nav-title {
    font-size: 13px;
  }
  .case-manager-dashboard .dashboard-sidebar .sidebar-nav .nav-menu .nav-item.active .nav-link {
    padding-left: 16px;
    border-left-width: 3px;
  }
  .case-manager-dashboard .dashboard-sidebar .sidebar-nav .nav-menu .nav-item .nav-link {
    padding: 14px 20px;
    font-size: 13px;
    gap: 12px;
    border-left-width: 3px;
  }
  .case-manager-dashboard .dashboard-sidebar .sidebar-nav .nav-menu .nav-item .nav-link .nav-icon {
    width: 18px;
    height: 18px;
  }
  .case-manager-dashboard .dashboard-main {
    padding: 30px 20px;
  }
  .case-manager-dashboard .dashboard-main .dashboard-header {
    margin-bottom: 30px;
  }
  .case-manager-dashboard .dashboard-main .dashboard-header .dashboard-title {
    font-size: 22px;
    line-height: 1.3;
  }
  .case-manager-dashboard .dashboard-main .dashboard-header .dashboard-subtitle {
    font-size: 14px;
  }
  .case-manager-dashboard .dashboard-main .metrics-grid {
    grid-template-columns: 1fr;
    gap: 20px;
    margin-bottom: 35px;
  }
  .case-manager-dashboard .dashboard-main .metrics-grid .metric-card {
    padding: 30px 25px;
  }
  .case-manager-dashboard .dashboard-main .metrics-grid .metric-card .metric-number {
    font-size: 48px;
    margin-bottom: 12px;
  }
  .case-manager-dashboard .dashboard-main .metrics-grid .metric-card .metric-accent {
    width: 50px;
    height: 3px;
    margin-bottom: 15px;
  }
  .case-manager-dashboard .dashboard-main .metrics-grid .metric-card .metric-label {
    font-size: 13px;
    margin-bottom: 6px;
  }
  .case-manager-dashboard .dashboard-main .metrics-grid .metric-card .metric-change {
    font-size: 13px;
  }
  .case-manager-dashboard .dashboard-main .recent-activity {
    padding: 30px 20px;
  }
  .case-manager-dashboard .dashboard-main .recent-activity .activity-title {
    font-size: 17px;
  }
  .case-manager-dashboard .dashboard-main .recent-activity .activity-accent {
    width: 50px;
    height: 3px;
    margin-bottom: 25px;
  }
  .case-manager-dashboard .dashboard-main .recent-activity .activity-list .activity-item {
    grid-template-columns: 1fr;
    gap: 8px;
    padding: 15px 0;
  }
  .case-manager-dashboard .dashboard-main .recent-activity .activity-list .activity-item .activity-name {
    font-size: 14px;
    font-weight: 600;
  }
  .case-manager-dashboard .dashboard-main .recent-activity .activity-list .activity-item .activity-status {
    font-size: 13px;
  }
  .case-manager-dashboard .dashboard-main .recent-activity .activity-list .activity-item .activity-time {
    font-size: 13px;
    text-align: left;
    color: #a0a0a0;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .case-manager-dashboard .dashboard-sidebar {
    width: 280px;
    padding: 30px 0;
  }
  .case-manager-dashboard .dashboard-sidebar .sidebar-nav .nav-header {
    padding: 0 25px 20px;
  }
  .case-manager-dashboard .dashboard-sidebar .sidebar-nav .nav-header .nav-title {
    font-size: 13px;
  }
  .case-manager-dashboard .dashboard-sidebar .sidebar-nav .nav-menu .nav-item.active .nav-link {
    padding-left: 21px;
  }
  .case-manager-dashboard .dashboard-sidebar .sidebar-nav .nav-menu .nav-item .nav-link {
    padding: 14px 25px;
    font-size: 13px;
    gap: 12px;
  }
  .case-manager-dashboard .dashboard-sidebar .sidebar-nav .nav-menu .nav-item .nav-link .nav-icon {
    width: 18px;
    height: 18px;
  }
  .case-manager-dashboard .dashboard-main {
    padding: 40px 40px;
  }
  .case-manager-dashboard .dashboard-main .dashboard-header {
    margin-bottom: 35px;
  }
  .case-manager-dashboard .dashboard-main .dashboard-header .dashboard-title {
    font-size: 28px;
  }
  .case-manager-dashboard .dashboard-main .dashboard-header .dashboard-subtitle {
    font-size: 15px;
  }
  .case-manager-dashboard .dashboard-main .metrics-grid {
    grid-template-columns: 1fr;
    gap: 25px;
    margin-bottom: 40px;
    max-width: 600px;
  }
  .case-manager-dashboard .dashboard-main .metrics-grid .metric-card {
    padding: 35px 30px;
  }
  .case-manager-dashboard .dashboard-main .metrics-grid .metric-card .metric-number {
    font-size: 56px;
  }
  .case-manager-dashboard .dashboard-main .metrics-grid .metric-card .metric-label {
    font-size: 13px;
  }
  .case-manager-dashboard .dashboard-main .metrics-grid .metric-card .metric-change {
    font-size: 13px;
  }
  .case-manager-dashboard .dashboard-main .recent-activity {
    padding: 35px 30px;
  }
  .case-manager-dashboard .dashboard-main .recent-activity .activity-title {
    font-size: 18px;
  }
  .case-manager-dashboard .dashboard-main .recent-activity .activity-list .activity-item {
    grid-template-columns: 180px 1fr auto;
    gap: 25px;
  }
  .case-manager-dashboard .dashboard-main .recent-activity .activity-list .activity-item .activity-name {
    font-size: 14px;
  }
  .case-manager-dashboard .dashboard-main .recent-activity .activity-list .activity-item .activity-status {
    font-size: 14px;
  }
  .case-manager-dashboard .dashboard-main .recent-activity .activity-list .activity-item .activity-time {
    font-size: 13px;
  }
}
@media (min-width: 1025px) and (max-width: 1280px) {
  .case-manager-dashboard .dashboard-sidebar {
    width: 300px;
  }
  .case-manager-dashboard .dashboard-main {
    padding: 45px 50px;
  }
  .case-manager-dashboard .dashboard-main .dashboard-header .dashboard-title {
    font-size: 30px;
  }
  .case-manager-dashboard .dashboard-main .metrics-grid {
    grid-template-columns: repeat(3, 1fr);
    gap: 25px;
  }
  .case-manager-dashboard .dashboard-main .metrics-grid .metric-card {
    padding: 35px 30px;
  }
  .case-manager-dashboard .dashboard-main .metrics-grid .metric-card .metric-number {
    font-size: 56px;
  }
  .case-manager-dashboard .dashboard-main .recent-activity .activity-list .activity-item {
    grid-template-columns: 180px 1fr auto;
    gap: 25px;
  }
}
@media (max-width: 768px) {
  .registration-header {
    margin-bottom: 30px;
  }
  .registration-header .registration-title {
    font-size: 22px;
    line-height: 1.3;
    margin-bottom: 25px;
  }
  .registration-header .registration-breadcrumb .breadcrumb-list {
    gap: 10px;
  }
  .registration-header .registration-breadcrumb .breadcrumb-list .breadcrumb-item {
    font-size: 12px;
  }
  .registration-header .registration-breadcrumb .breadcrumb-list .breadcrumb-item:not(:last-child)::after {
    margin-left: 10px;
    font-size: 14px;
  }
  .registration-form .form-section {
    margin-bottom: 35px;
  }
  .registration-form .form-section .form-section-header {
    margin-bottom: 25px;
  }
  .registration-form .form-section .form-section-header .section-title {
    font-size: 20px;
  }
  .registration-form .form-section .form-section-header .required-note {
    font-size: 13px;
  }
  .registration-form .form-section .form-card {
    padding: 25px 20px;
  }
  .registration-form .form-section .form-card .form-row {
    grid-template-columns: 1fr;
    gap: 20px;
    margin-bottom: 20px;
  }
  .registration-form .form-section .form-card .form-group {
    margin-bottom: 20px;
  }
  .registration-form .form-section .form-card .form-group .form-label {
    font-size: 13px;
  }
  .registration-form .form-section .form-card .form-group .form-control {
    padding: 10px 14px;
    font-size: 14px;
  }
  .registration-form .form-section .form-card .form-group .form-help-text {
    font-size: 12px;
  }
  .registration-form .form-section .form-card .form-group .radio-group {
    flex-direction: column;
    gap: 15px;
  }
  .registration-form .form-section .form-card .form-group .radio-group .radio-label .radio-text {
    font-size: 14px;
  }
  .registration-form .form-actions {
    flex-direction: column;
    gap: 20px;
    align-items: stretch;
  }
  .registration-form .form-actions .form-actions-left {
    flex-direction: column;
    gap: 15px;
    order: 2;
  }
  .registration-form .form-actions .form-actions-left .btn {
    width: 100%;
    justify-content: center;
  }
  .registration-form .form-actions .btn-primary {
    order: 1;
    width: 100%;
    justify-content: center;
  }
  .registration-review-page {
    padding: 30px 0 60px;
  }
  .registration-review-page .container {
    padding: 0 15px;
  }
  .registration-review-page .registration-header {
    margin-bottom: 30px;
  }
  .registration-review-page .registration-header .registration-title {
    font-size: 22px;
    line-height: 1.3;
    margin-bottom: 25px;
  }
  .registration-review-page .registration-header .registration-breadcrumb .breadcrumb-list {
    gap: 10px;
  }
  .registration-review-page .registration-header .registration-breadcrumb .breadcrumb-list .breadcrumb-item {
    font-size: 12px;
  }
  .registration-review-page .registration-header .registration-breadcrumb .breadcrumb-list .breadcrumb-item:not(:last-child)::after {
    margin-left: 10px;
    font-size: 14px;
  }
  .registration-review-page .review-section .review-header {
    margin-bottom: 25px;
  }
  .registration-review-page .review-section .review-header .review-title {
    font-size: 20px;
  }
  .registration-review-page .review-section .review-card {
    padding: 25px 20px;
    margin-bottom: 20px;
  }
  .registration-review-page .review-section .review-card .review-card-header {
    flex-direction: column;
    align-items: flex-start;
    gap: 15px;
    margin-bottom: 25px;
    padding-bottom: 15px;
  }
  .registration-review-page .review-section .review-card .review-card-header .title-wrapper .review-card-title {
    font-size: 15px;
  }
  .registration-review-page .review-section .review-card .review-card-header .title-wrapper .review-card-accent {
    width: 60px;
    height: 3px;
  }
  .registration-review-page .review-section .review-card .review-card-header .btn-edit {
    font-size: 13px;
  }
  .registration-review-page .review-section .review-card .review-card-content .review-field {
    flex-direction: column;
    gap: 8px;
    margin-bottom: 20px;
  }
  .registration-review-page .review-section .review-card .review-card-content .review-field .review-label {
    font-size: 13px;
    min-width: auto;
  }
  .registration-review-page .review-section .review-card .review-card-content .review-field .review-value {
    font-size: 13px;
  }
  .registration-review-page .review-section .review-card .review-card-content .household-members-list {
    margin-top: 20px;
    gap: 12px;
  }
  .registration-review-page .review-section .review-card .review-card-content .household-members-list .household-member-card {
    padding: 15px;
  }
  .registration-review-page .review-section .review-card .review-card-content .household-members-list .household-member-card .member-card-title {
    font-size: 12px;
    margin-bottom: 6px;
  }
  .registration-review-page .review-section .review-card .review-card-content .household-members-list .household-member-card .member-card-info {
    font-size: 12px;
  }
  .registration-review-page .review-section .review-card .review-card-content .program-badges {
    gap: 8px;
  }
  .registration-review-page .review-section .review-card .review-card-content .program-badges .program-badge {
    font-size: 12px;
    padding: 5px 14px;
  }
  .registration-review-page .review-section .benefit-cliffs-section {
    padding: 20px 20px;
    margin-bottom: 30px;
  }
  .registration-review-page .review-section .benefit-cliffs-section .benefit-cliffs-title {
    font-size: 14px;
    margin-bottom: 12px;
    line-height: 1.3;
  }
  .registration-review-page .review-section .benefit-cliffs-section .benefit-cliffs-text {
    font-size: 13px;
  }
  .registration-review-page .review-section .form-actions {
    flex-direction: column;
    gap: 20px;
    align-items: stretch;
  }
  .registration-review-page .review-section .form-actions .form-actions-left {
    flex-direction: column;
    gap: 15px;
    order: 2;
  }
  .registration-review-page .review-section .form-actions .form-actions-left .btn {
    width: 100%;
    justify-content: center;
    font-size: 14px;
    padding: 12px 20px;
  }
  .registration-review-page .review-section .form-actions .btn-primary {
    order: 1;
    width: 100%;
    justify-content: center;
    font-size: 15px;
    padding: 14px 24px;
  }
  .calculator-assessment-main .assessment-header {
    margin-bottom: 35px;
  }
  .calculator-assessment-main .assessment-header .assessment-title {
    font-size: 24px;
    line-height: 1.3;
  }
  .calculator-assessment-main .assessment-header .assessment-subtitle {
    font-size: 14px;
  }
  .calculator-assessment-main .assessment-section .assessment-question {
    font-size: 17px;
    margin-bottom: 30px;
  }
  .calculator-assessment-main .assessment-section .assessment-options {
    gap: 20px;
  }
  .calculator-assessment-main .assessment-section .assessment-options .assessment-option {
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
    padding: 25px 20px;
  }
  .calculator-assessment-main .assessment-section .assessment-options .assessment-option .option-icon {
    width: 56px;
    height: 56px;
  }
  .calculator-assessment-main .assessment-section .assessment-options .assessment-option .option-icon svg {
    width: 32px;
    height: 32px;
  }
  .calculator-assessment-main .assessment-section .assessment-options .assessment-option .option-content .option-title {
    font-size: 17px;
    margin-bottom: 10px;
  }
  .calculator-assessment-main .assessment-section .assessment-options .assessment-option .option-content .option-description {
    font-size: 14px;
  }
}
@media (min-width: 769px) and (max-width: 1024px) {
  .registration-header .registration-title {
    font-size: 28px;
  }
  .registration-header .registration-breadcrumb .breadcrumb-list .breadcrumb-item {
    font-size: 13px;
  }
  .registration-form .form-section .form-section-header .section-title {
    font-size: 22px;
  }
  .registration-form .form-section .form-card {
    padding: 35px 30px;
  }
  .registration-form .form-section .form-card .form-row {
    gap: 25px;
  }
  .registration-form .form-actions .form-actions-left {
    gap: 15px;
  }
  .registration-review-page .registration-header .registration-title {
    font-size: 26px;
  }
  .registration-review-page .review-section .review-card {
    padding: 30px 35px;
  }
  .registration-review-page .review-section .review-card .review-card-content .review-field .review-label {
    min-width: 200px;
  }
  .registration-review-page .review-section .benefit-cliffs-section {
    padding: 25px 35px;
  }
  .registration-review-page .review-section .form-actions .form-actions-left {
    gap: 15px;
  }
  .registration-review-page .review-section .form-actions .form-actions-left .btn {
    font-size: 14px;
  }
  .registration-review-page .review-section .form-actions .btn-primary {
    font-size: 14px;
    padding: 13px 28px;
  }
}
.household-info-form .card-header .card-title {
  font-size: 16px;
}
.household-info-form .card-header .card-description {
  font-size: 14px;
}
.household-info-form .card-header .accent-bar {
  width: 60px;
  height: 3px;
}
.household-info-form .form-row {
  grid-template-columns: 1fr !important;
  gap: 20px !important;
}

.select-client-page .select-client-header {
  margin-bottom: 30px;
}
.select-client-page .select-client-header .select-client-title {
  font-size: 20px;
  line-height: 1.3;
}
.select-client-page .select-client-header .calculator-breadcrumb {
  gap: 8px;
}
.select-client-page .select-client-header .calculator-breadcrumb .breadcrumb-item,
.select-client-page .select-client-header .calculator-breadcrumb .breadcrumb-separator {
  font-size: 12px;
}
.select-client-page .select-client-content .select-client-intro {
  margin-bottom: 25px;
}
.select-client-page .select-client-content .select-client-intro .section-title {
  font-size: 18px;
}
.select-client-page .select-client-content .select-client-intro .section-description {
  font-size: 14px;
}
.select-client-page .select-client-content .client-filter-panel {
  padding: 25px 20px;
}
.select-client-page .select-client-content .client-filter-panel .filter-row {
  grid-template-columns: 1fr;
  gap: 20px;
}
.select-client-page .select-client-content .client-filter-panel .filter-group {
  margin-bottom: 20px;
}
.select-client-page .select-client-content .client-filter-panel .filter-group .date-range-inputs {
  flex-direction: row;
  align-items: stretch;
  gap: 12px;
}
.select-client-page .select-client-content .client-filter-panel .filter-group .date-range-inputs .date-separator {
  text-align: center;
}
.select-client-page .select-client-content .client-filter-panel .filter-group .status-radio-group {
  flex-direction: column;
  align-items: flex-start;
  gap: 15px;
}
.select-client-page .select-client-content .client-list-header {
  flex-direction: column;
  align-items: flex-start;
  gap: 15px;
}
.select-client-page .select-client-content .client-list-header .sort-control {
  width: 100%;
  justify-content: space-between;
}
.select-client-page .select-client-content .client-list {
  max-height: 500px;
}
.select-client-page .select-client-content .client-list .client-card {
  padding: 18px 15px;
}
.select-client-page .select-client-content .client-list .client-card .client-card-content {
  gap: 12px;
}
.select-client-page .select-client-content .client-list .client-card .client-card-content .client-card-row {
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
}
.select-client-page .select-client-content .client-list .client-card .client-card-content .client-card-row .client-info-group {
  width: 100%;
}
.select-client-page .select-client-content .client-list .client-card .client-card-action {
  margin-left: 10px;
}
.select-client-page .select-client-content .client-list .client-card .client-card-action .checkmark-icon {
  width: 24px;
  height: 24px;
}
.select-client-page .form-actions {
  flex-direction: column-reverse;
  gap: 12px;
}
.select-client-page .form-actions .btn {
  width: 100%;
  justify-content: center;
}

@media (min-width: 769px) and (max-width: 1024px) {
  .select-client-page .select-client-header .select-client-title {
    font-size: 23px;
  }
  .select-client-page .select-client-content .client-filter-panel {
    padding: 30px;
  }
  .select-client-page .select-client-content .client-list .client-card .client-card-content .client-card-row {
    gap: 20px;
  }
}
@media (max-width: 768px) {
  .client-directory-page .client-directory-header {
    margin-bottom: 25px;
  }
  .client-directory-page .client-directory-header .page-title {
    font-size: 22px;
  }
  .client-directory-page .client-directory-content .client-filter-panel {
    padding: 20px 15px;
  }
  .client-directory-page .client-directory-content .client-filter-panel .filter-row {
    grid-template-columns: 1fr;
    gap: 20px;
  }
  .client-directory-page .client-directory-content .client-filter-panel .filter-group .date-range-inputs {
    flex-direction: column;
    align-items: stretch;
    gap: 10px;
  }
  .client-directory-page .client-directory-content .client-filter-panel .filter-group .date-range-inputs .date-separator {
    text-align: center;
  }
  .client-directory-page .client-directory-content .client-filter-panel .filter-group .status-radio-group {
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
  }
  .client-directory-page .client-directory-content .client-filter-panel .filter-actions {
    justify-content: center;
  }
  .client-directory-page .client-directory-content .client-filter-panel .filter-actions .reset-filters-btn {
    width: 100%;
    justify-content: center;
  }
  .client-directory-page .client-directory-content .client-list-header {
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
  }
  .client-directory-page .client-directory-content .client-list-header .sort-control {
    width: 100%;
    justify-content: space-between;
  }
  .client-directory-page .client-directory-content .client-list {
    max-height: 500px;
  }
  .client-directory-page .client-directory-content .client-list .directory-client-card {
    flex-direction: column;
  }
  .client-directory-page .client-directory-content .client-list .directory-client-card .client-main-info {
    padding: 18px 15px;
  }
  .client-directory-page .client-directory-content .client-list .directory-client-card .client-main-info .client-header-row {
    margin-bottom: 15px;
  }
  .client-directory-page .client-directory-content .client-list .directory-client-card .client-main-info .client-header-row .client-name-status {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
  }
  .client-directory-page .client-directory-content .client-list .directory-client-card .client-main-info .client-header-row .client-name-status .client-name {
    font-size: 15px;
  }
  .client-directory-page .client-directory-content .client-list .directory-client-card .client-main-info .client-details-grid {
    gap: 10px;
  }
  .client-directory-page .client-directory-content .client-list .directory-client-card .client-main-info .client-details-grid .client-detail-item {
    flex-wrap: wrap;
  }
  .client-directory-page .client-directory-content .client-list .directory-client-card .client-main-info .client-details-grid .client-detail-item .detail-label,
  .client-directory-page .client-directory-content .client-list .directory-client-card .client-main-info .client-details-grid .client-detail-item .detail-value {
    font-size: 12px;
  }
  .client-directory-page .client-directory-content .client-list .directory-client-card .client-history-panel {
    width: 100%;
    border-left: none;
    border-top: 1px solid #e0e0e0;
    padding: 15px;
  }
  .client-directory-page .client-directory-content .client-list .directory-client-card .client-history-panel .view-profile-link {
    align-self: center;
    margin-top: 5px;
  }
}
@media (min-width: 769px) and (max-width: 1024px) {
  .client-directory-page .client-directory-content .client-list .directory-client-card .client-history-panel {
    width: 250px;
    padding: 18px;
  }
}
@media (max-width: 767px) {
  .organization-reports-page .reports-header {
    margin-bottom: 30px;
  }
  .organization-reports-page .reports-header .reports-title {
    font-size: 22px;
    margin-bottom: 10px;
  }
  .organization-reports-page .reports-header .reports-subtitle {
    font-size: 14px;
  }
  .organization-reports-page .report-options-container {
    gap: 20px;
  }
  .organization-reports-page .report-option-card {
    flex-direction: column;
    gap: 20px;
    padding: 25px 20px;
  }
  .organization-reports-page .report-option-card .report-option-icon {
    width: 50px;
    height: 50px;
  }
  .organization-reports-page .report-option-card .report-option-icon svg {
    width: 32px;
    height: 32px;
  }
  .organization-reports-page .report-option-card .report-option-content .report-option-title {
    font-size: 16px;
    margin-bottom: 6px;
  }
  .organization-reports-page .report-option-card .report-option-content .report-option-subtitle {
    font-size: 13px;
    margin-bottom: 10px;
  }
  .organization-reports-page .report-option-card .report-option-content .report-option-description {
    font-size: 14px;
    line-height: 1.5;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .organization-reports-page .reports-header {
    margin-bottom: 35px;
  }
  .organization-reports-page .reports-header .reports-title {
    font-size: 26px;
  }
  .organization-reports-page .reports-header .reports-subtitle {
    font-size: 15px;
  }
  .organization-reports-page .report-option-card {
    padding: 30px 35px;
  }
  .organization-reports-page .report-option-card .report-option-icon {
    width: 55px;
    height: 55px;
  }
  .organization-reports-page .report-option-card .report-option-icon svg {
    width: 36px;
    height: 36px;
  }
  .organization-reports-page .report-option-card .report-option-content .report-option-title {
    font-size: 18px;
  }
  .organization-reports-page .report-option-card .report-option-content .report-option-subtitle {
    font-size: 13px;
  }
  .organization-reports-page .report-option-card .report-option-content .report-option-description {
    font-size: 14px;
  }
}
@media (max-width: 1024px) {
  .training-main {
    padding: 40px 60px;
  }
  .additional-resources-grid {
    grid-template-columns: 1fr;
  }
  .training-footer .footer-bottom {
    padding: 40px 60px;
  }
  .training-footer .footer-bottom .footer-content {
    flex-direction: column;
    gap: 40px;
  }
  .training-footer .footer-bottom .footer-content .footer-contact {
    flex-direction: column;
    gap: 25px;
  }
}
@media (max-width: 768px) {
  .training-header .container-fluid {
    flex-direction: column;
    padding: 15px 20px;
    gap: 20px;
  }
  .training-header .container-fluid .header-left {
    width: 100%;
    justify-content: center;
  }
  .training-header .container-fluid .header-left .header-logo img {
    max-width: 60px;
  }
  .training-header .container-fluid .header-left .header-user-info {
    align-items: center;
    text-align: center;
  }
  .training-header .container-fluid .header-left .header-user-info .user-label {
    font-size: 11px;
  }
  .training-header .container-fluid .header-left .header-user-info .user-name {
    font-size: 14px;
  }
  .training-header .container-fluid .header-right {
    width: 100%;
    justify-content: center;
  }
  .training-header .container-fluid .header-right .btn-logout {
    font-size: 14px;
  }
  .training-header .container-fluid .header-right .language-selector select {
    font-size: 13px;
  }
  .training-content-wrapper {
    flex-direction: column;
  }
  .training-sidebar {
    width: 100%;
    padding: 20px 0;
  }
  .training-sidebar .sidebar-nav .nav-label {
    padding: 0 20px;
  }
  .training-sidebar .sidebar-nav .nav-menu .nav-item .nav-link {
    padding: 12px 20px;
    font-size: 12px;
  }
  .training-sidebar .sidebar-nav .nav-menu .nav-item .nav-link .nav-icon {
    width: 16px;
    height: 16px;
  }
  .training-main {
    padding: 30px 20px;
  }
  .training-main .training-page-header {
    margin-bottom: 35px;
  }
  .training-main .training-page-header .page-title {
    font-size: 24px;
  }
  .training-main .training-page-header .page-subtitle {
    font-size: 16px;
  }
  .training-main .training-section {
    margin-bottom: 40px;
  }
  .training-main .training-section .section-title {
    font-size: 18px;
    margin-bottom: 20px;
  }
  .training-videos-list .video-card,
  .training-videos-list .resource-card,
  .desk-aids-list .video-card,
  .desk-aids-list .resource-card {
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    padding: 20px;
  }
  .training-videos-list .video-card .btn-watch,
  .training-videos-list .video-card .btn-download,
  .training-videos-list .resource-card .btn-watch,
  .training-videos-list .resource-card .btn-download,
  .desk-aids-list .video-card .btn-watch,
  .desk-aids-list .video-card .btn-download,
  .desk-aids-list .resource-card .btn-watch,
  .desk-aids-list .resource-card .btn-download {
    align-self: flex-end;
  }
  .additional-resources-grid .resource-link-card {
    padding: 24px;
  }
  .additional-resources-grid .resource-link-card .resource-icon {
    width: 40px;
    height: 40px;
  }
  .additional-resources-grid .resource-link-card .resource-icon svg {
    width: 28px;
    height: 28px;
  }
  .additional-resources-grid .resource-link-card .resource-link-title {
    font-size: 14px;
  }
  .training-footer .footer-top {
    padding: 20px 0;
  }
  .training-footer .footer-top .footer-actions {
    flex-direction: column;
    gap: 20px;
  }
  .training-footer .footer-top .footer-actions .footer-action-link {
    font-size: 14px;
  }
  .training-footer .footer-bottom {
    padding: 30px 20px;
  }
  .training-footer .footer-bottom .footer-content .footer-brand img {
    max-width: 90px;
  }
  .training-footer .footer-bottom .footer-content .footer-contact .contact-group .contact-label {
    font-size: 11px;
  }
  .training-footer .footer-bottom .footer-content .footer-contact .contact-group .contact-value {
    font-size: 13px;
  }
  .training-footer .footer-bottom .footer-copyright p {
    font-size: 13px;
  }
}
@media (max-width: 1024px) {
  .admin-page .page-container {
    flex-direction: column;
  }
  .admin-page .sidebar-nav {
    width: 100%;
  }
  .admin-page .sidebar-nav .nav-menu {
    display: flex;
    overflow-x: auto;
  }
  .admin-page .sidebar-nav .nav-menu li {
    flex-shrink: 0;
  }
  .admin-page .sidebar-nav .nav-menu li .nav-item {
    white-space: nowrap;
  }
  .admin-page .main-content {
    padding: 30px 25px;
  }
  .admin-page .admin-management-content .admin-filter-panel {
    padding: 25px 20px;
  }
  .admin-page .admin-management-content .admin-filter-panel .filter-row {
    grid-template-columns: 1fr;
    gap: 25px;
  }
  .admin-page .admin-management-content .admin-list-header {
    flex-direction: column;
    align-items: flex-start;
    gap: 15px;
  }
  .admin-page .admin-management-content .admin-table-wrapper {
    overflow-x: auto;
  }
  .admin-page .admin-management-content .admin-table-wrapper .admin-table {
    min-width: 800px;
  }
}
@media (max-width: 640px) {
  .admin-page .main-content {
    padding: 20px 15px;
  }
  .admin-page .page-header .page-title {
    font-size: 22px;
  }
  .admin-page .page-header .page-subtitle {
    font-size: 14px;
  }
  .admin-page .admin-management-content .action-button-row .btn-add-admin {
    width: 100%;
    justify-content: center;
    padding: 14px 20px;
  }
  .admin-page .admin-management-content .admin-filter-panel {
    padding: 20px 15px;
  }
  .admin-page .admin-management-content .admin-filter-panel .filter-group .status-radio-group {
    flex-direction: column;
    gap: 12px;
  }
}
.income-important-notice {
  flex-direction: column;
  padding: 15px 20px;
  margin-bottom: 25px;
}
.income-important-notice .notice-icon {
  width: 20px;
  height: 20px;
}
.income-important-notice .notice-content .notice-title {
  font-size: 12px;
}
.income-important-notice .notice-content .notice-text {
  font-size: 12px;
}/*# sourceMappingURL=responsive.css.map */