/** @format **/


@media screen and (max-width: 1600px) {}

@media screen and (max-width: 1500px) {}

@media screen and (max-width: 1400px) {}

@media screen and (max-width: 1399px) {
  html {
    font-size: 86.8%;
  }

  section.why_grants .group_row {
    grid-template-columns: 540px auto;
  }
}

@media screen and (max-width: 1300px) {}

@media screen and (max-width: 1280px) {}

@media (min-width: 1200px) and (max-width: 1399px) {}

@media screen and (max-width: 1200px) {

  .mb180 {
    margin-bottom: 6.25rem !important;
  }

  .btn {
    font-size: 1rem;
  }

  section.defaultPadding {
    padding: 5rem 0;
  }

  .hm_banner {
    height: 780px;
  }

  section.homeownership .ownershiper_img {
    right: calc(50% - 200px);
  }

  .steps_works::before {
    top: calc(50% - 4.375rem);
  }

  section.why_grants .group_row {
    grid-template-columns: 450px auto;
  }

  .steps_works .step_column .step_circle_glass .line-dots::before {
    background: #575757;
  }

  .site-footer .footer-col.brand-col .contact-info {
    display: flex;
    gap: 1rem;
    margin-bottom: 2rem;
  }

  .inner-banner__content {
    max-width: 40rem;
  }

  .how-it-works .steps_works::before {
    top: calc(50% - 2.575rem);
  }
}

@media screen and (max-width: 1000px) {}

@media screen and (max-width: 991px) {

  h1 {
    font-size: 3.125rem;
    line-height: 4.125rem;
  }

  /* ! margin bottom */
  .mb16 {
    margin-bottom: 1rem !important;
  }

  .mb28-5 {
    margin-bottom: 1.25rem !important;
  }

  .mb30 {
    margin-bottom: 1.5625rem !important;
  }

  .mb32 {
    margin-bottom: 1.5625rem !important;
  }

  .mb40 {
    margin-bottom: 1.5625rem !important;
  }

  .mb50 {
    margin-bottom: 1.875rem !important;
  }

  .mb60 {
    margin-bottom: 1.875rem !important;
  }

  .mb65 {
    margin-bottom: 1.875rem !important;
  }

  .mb70 {
    margin-bottom: 1.875rem !important;
  }

  .mb80 {
    margin-bottom: 1.875rem !important;
  }

  /* ! margin top */
  .mt30 {
    margin-top: 1.25rem !important;
  }

  section h1,
  section h2 {
    margin: 0 0 1.5rem;
  }

  p {
    padding: 0rem;
    margin: 0rem 0 1.25rem;
  }

  section.defaultPadding {
    padding: 3.75rem 0;
  }

  .btn span.circle-arrow {
    width: 2.75rem;
    height: 2.75rem;
  }

  .btn span.btn-txt {
    padding: 0.425rem 1.5rem;
  }

  header.header_main .stellarnav>ul>li+li {
    margin-left: 0%;
  }

  header.header_main .logo {
    width: 18.4375rem;
  }

  header.header_main .stellarnav {
    display: flex;
    order: 2;
  }

  header.header_main .rig_action_btns {
    margin-left: auto;
  }

  header.header_main .rig_action_btns .user_profile {
    display: none;
  }

  header.header_main .stellarnav>ul>li>a {
    padding: 14.4px 0.75rem;
    text-align: left;
  }

  header.header_main .rig-gp {
    margin-left: auto;
    padding-top: 0;
    padding-bottom: 0;
  }

  header.header_main .d_flex {
    gap: 1rem;
  }

  header.header_main a.logo {
    width: 14rem;
    height: auto;
  }

  .stellarnav.mobile>ul>li>a.dd-toggle::before {
    display: none;
  }

  .stellarnav ul ul>li a {
    padding: 0.9188rem 1rem;
  }

  .stellarnav .dd-toggle {
    width: 3.3rem;
    height: 3.3rem;
  }

  .stellarnav.mobile ul ul {
    background: transparent;
  }

  header.header_main .stellarnav>ul>li>a {
    font-size: 1.2rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5rem;
    padding: 15px 0;
  }


  header.header_main .stellarnav>ul>li>a.each_icon {
    background: #c9ab73;
    display: inline-flex;
    padding: 0.7rem 1.2rem;
    gap: 0.5rem;
    align-items: center;
    border-radius: 5px;
    border: none;
    margin: auto;
    left: 0;
    /* order: 1; */
    display: flex;
    justify-self: center;
    width: 100%;
    justify-content: center;
  }

  li.mobile-action-btn-wrap {
    text-align: center;
  }

  li.mobile-action-btn-wrap {
    margin-top: 10px !important;
  }

  .stellarnav .menu-toggle {
    padding: 0;
    background: rgb(255 255 255 / 20%);
    display: inline-flex !important;
    width: 35px;
    height: 35px;
    align-items: center;
    justify-content: center;
  }

  li.nav-cta-item a.btn {
    display: flex;
    color: #202A44;
  }

  li.nav-cta-item a.btn:hover {
    color: #fff;
  }

  .hm_banner .banner_banner .ban_content .ban_sponsr .column_item ul li a {
    height: 3.75rem;
  }

  .hm_banner .banner_banner .ban_content .ban_sponsr .column_item ul li a img {
    object-fit: contain;
  }

  .hm_banner {
    height: auto;
    padding-top: 145px;
  }

  .hm_banner .banner_banner .ban_content p {
    margin-bottom: 1.5rem;
  }

  .hm_banner .hero_img_wrap {
    position: absolute;
    inset: 0;
  }

  .hm_banner .banner_banner {
    position: relative;
    left: 0;
    top: 0;
    transform: translateY(0%);
    width: 100%;
  }



  section.homeownership .ownershiper_img {
    right: 0;
    position: static;
    transform: none;
    /* margin-bottom: -110px; */
    margin-bottom: 0px;
  }

  section.how_work .bg_mask_patterm {
    mask-position: top;
    mask-size: 100% auto;
    z-index: -1;
    inset: 0;
  }

  .steps_works::before {
    top: calc(50% - 6.075rem);
  }

  section.testimonials_sec .bg_mask img {
    height: 100%;
  }

  .site-footer .footer-main {
    display: grid;
    grid-template-columns: 43% 16% 29%;
  }

  .site-footer .footer-col.brand-col .contact-info {
    display: flex;
    gap: 1rem;
    margin-bottom: 2.2rem;
    flex-direction: column;
  }

  section.why_grants .group_row {
    grid-template-columns: auto auto;
    gap: 1rem;
  }

  section.why_grants .right-content {
    padding-left: 0;
  }

  section.why_grants .row {
    gap: 1.25rem;
  }

  .client-reviews-card .client-reviews-quote-icon {
    flex-shrink: 0;
    width: 90px;
  }

  section.about-sec1 {
    padding: 3rem 0 0;
    text-align: center;
  }

  section.about-sec1 .heading-wraper h2 {
    margin-bottom: 1.5rem;
  }

  section.about-sec2 {
    text-align: center;
  }

  section.about-sec2 .row {
    gap: 1.5rem;
  }

  section.about-sec2 .heading_title,
  section.about-sec4 .heading_title {
    margin: 0 auto 0.75rem;
  }

  section.about-sec2 .heading_title.oneLineLeft .two_line:first-of-type,
  section.about-sec4 .heading_title.oneLineLeft .two_line:first-of-type {
    display: inline-flex;
  }

  section.how_work.about-sec3 {
    padding-top: 0 !important;
  }

  section.about-sec4 {
    text-align: center;
    padding: 0 !important;
  }

  section.about-sec4 .row {
    gap: 2rem;
    flex-direction: column-reverse;
  }

  section.about-sec2,
  .cta-section {
    padding: 3.75rem 0;
  }

  .contact-form-wrap {
    padding: 0 0 3.75rem 0;
  }

  .inner-banner__content,
  .contact-form-wrap {
    text-align: center;
  }

  section .heading_content .heading_title.oneLineLeft .two_line:first-of-type {
    display: inline-flex;
  }

  section.contact-form-wrap .row {
    gap: 2rem;
  }

  .map-section__iframe-wrap {
    height: 30rem;
  }

  .inner-banner__actions {
    justify-content: center;
  }

  section.faq-section {
    text-align: center;
  }



  .inner-banner .manstand {
    max-width: 22.25rem;
    width: 100%;
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: -1;
  }

  .inner-banner.otherBanner .inner-banner__content {
    text-align: left;
    max-width: 30rem;
  }

  .why-chooseUs-wrap .heading_content.two-col .heading-left-block {
    flex: unset;
    width: 100%;
    text-align: center;
  }

  .why-chooseUs-wrap .heading_content.two-col {
    text-align: center;
  }

  .how-it-works .steps_works::before {
    top: calc(50% - 4.175rem);
  }

  .hm_banner .banner_banner .ban_content .ban_sponsr {
    display: flex;
    margin: 0 0 30px;
  }

  .inner-banner__content {
    margin: auto;
  }
}

@media screen and (max-width: 767px) {

  h1 {
    font-size: 2.25rem;
    line-height: 2.5rem;
  }

  h2 {
    font-size: 1.875rem;
    line-height: 2.5rem;
    margin: 0 0 2.5rem;
  }

  h3 {
    font-size: 1.625rem;
    line-height: 1.875rem;
  }

  p {
    padding: 0rem;
    margin: 0rem 0 1.25rem;
    font-size: 1rem;
    line-height: 1.5rem;
  }

  /* ! margin bottom */
  .mb16 {
    margin-bottom: 1rem !important;
  }

  .mb28-5,
  .mb30,
  .mb32,
  .mb40,
  .mb50,
  .mb60,
  .mb65,
  .mb66,
  .mb70,
  .mb80,
  .mb100 {
    margin-bottom: 1.25rem !important;
  }

  .mb180 {
    margin-bottom: 1.875rem !important;
  }

  .mt65 {
    margin-top: 1.25rem !important;
  }

  .pb-275 {
    padding-bottom: 10.9875rem !important;
  }

  /* ! margin top */
  .mt30 {
    margin-top: 1.25rem !important;
  }

  .mt60 {
    margin-top: 1.875rem !important;
  }

  header.header_main .rig-gp a.link-icon span.icon {
    display: inline-flex;
    width: 25px;
    height: 25px;
    aspect-ratio: 1 / 1;
  }

  header.header_main .logo {
    width: 10rem;
  }

  header.header_main {
    padding: 0.625rem 0;
  }

  section h1,
  section h2 {
    margin: 0 0 1.25rem;
  }

  section.defaultPadding {
    padding: 2.5rem 0;
    text-align: center;
  }

  section.defaultPadding.defaultPadding75 {
    padding: 2.5rem 0;
  }

  section.defaultPadding.defaultPadding90 {
    padding: 2.1875rem 0;
  }

  section.defaultPadding.defaultPadding-t65 {
    padding-top: 2.5rem;
  }

  .mission_section.defaultPadding {
    padding: 2.5rem 0;
  }

  .hm_banner {
    height: auto;
    padding-top: 0;
  }

  .hm_banner .hero_img_wrap {
    position: static;
    inset: 0;
  }

  .hm_banner .banner_banner {
    position: relative;
    transform: translateY(0%);
    width: 100%;
    padding: 40px 0;
    text-align: center;
  }

  .hm_banner .banner_banner .ban_content .ban_btn {
    flex-wrap: wrap;
    margin: 0 0 2rem;
  }

  .hm_banner .banner_banner .ban_content .ban_sponsr {
    display: flex;
    flex-direction: column;
    gap: 2rem;
  }

  .hm_banner .banner_banner .ban_content .ban_sponsr .column_item {
    padding: 0;
  }

  .hm_banner .banner_banner .ban_content .ban_sponsr .column_item+.column_item::before {
    content: " ";
    position: absolute;
    width: 0.125rem;
    height: 2px;
    left: 0;
    top: -15px;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.25) 50%, rgba(255, 255, 255, 0) 100%);
    width: 100%;
  }

  .hm_banner .banner_banner .ban_content .ban_heading_title {
    justify-content: center;
  }

  .hm_banner .banner_banner .ban_content .ban_sponsr .column_item ul {
    display: flex;
    gap: 1.5rem;
    justify-content: center;
  }

  .hm_banner .banner_banner .ban_content .ban_sponsr {
    margin-bottom: 1rem;
  }

  .hm_banner .banner_banner .group_counts {
    display: flex;
    gap: 1rem;
    justify-content: center;
  }

  section.our_services_sec .content_tabs .man_stand {
    margin: 0 auto 2rem;
  }

  ul.start-dots {
    display: flex;
    gap: 0.75rem;
    flex-direction: column;
    width: 100%;
    max-width: max-content;
    text-align: left;
    margin: 0 auto 2rem;
  }

  ul.circle_glass_dots li {
    text-align: left;
  }

  section.our_services_sec .content_tabs .tab-content .right-contents-dts .bt-btn {
    display: flex;
    align-items: center;
    gap: 1rem;
    justify-content: center;
    flex-direction: column;
  }

  .steps_works::before {
    display: none;
  }

  .steps_works {
    flex-wrap: wrap;
  }

  .steps_works .step_column {
    width: calc(100% / 2 - 0.94rem);
  }

  section.why_choose_sec .stats_grid .stat_item {
    margin-bottom: 1.5rem;
  }

  .client-reviews-card .client-reviews-quote-icon {
    flex-shrink: 0;
    width: 4.625rem;
  }

  .client-reviews-card .client-reviews-text {
    text-align: left;
  }

  .client-reviews-card .client-reviews-text {
    margin: 0 0 1.5rem 0;
  }

  section.why_grants .group_row {
    grid-template-columns: auto;
    gap: 1rem;
  }

  section .heading_content .heading_title.oneLineLeft .two_line:first-of-type {
    display: inline-flex;
  }

  section.why_grants .right-content {
    gap: 1rem;
  }

  section.why_grants .right-content .btn {
    justify-content: center;
  }

  .site-footer .footer-main {
    display: grid;
    grid-template-columns: auto;
    grid-auto-flow: row;
    align-items: center;
    justify-items: center;
    gap: 1.5rem;
  }

  .site-footer .footer-col h6 {
    margin-bottom: 1rem;
  }

  .site-footer .footer-col.links-col .footer-nav {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    align-items: center;
  }

  .site-footer .footer-col h6 {
    text-align: center;
  }

  .site-footer .footer-col.brand-col .footer-logo {
    margin: 0 auto 1.25rem;
  }

  .site-footer .footer-col.brand-col {
    padding-right: 0;
    text-align: center;
  }

  .site-footer .footer-col.brand-col .brand-desc {
    margin-bottom: 1.2rem;
  }

  .site-footer .footer-col.brand-col .social-links {
    justify-content: center;
  }

  .site-footer .footer-col.brand-col .contact-info {
    margin-bottom: 1.2rem;
  }

  .site-footer .footer-bottom {
    gap: 0.5rem;
  }

  .info_grants .bottom-btn {
    flex-wrap: wrap;
  }

  .hm_banner .banner_banner .ban_content .ban_btn {
    flex-wrap: wrap;
    margin: 0 0 2rem;
    justify-content: center;
    gap: 1rem;
  }

  section.testimonials_sec {
    padding-top: 0 !important;
  }

  section.about-sec3 .steps_works {
    gap: 1.875rem;
    justify-content: center;
  }

  .inner-banner__content.about-inner {
    max-width: 72rem;
    text-align: center;
  }

  section.about-sec1 {
    padding-top: 0 !important;
  }

  section.about-sec2 {
    padding: 2.5rem 0;
  }

  .contact-form-wrap {
    padding: 0 0 2.5rem 0;
  }

  section.about-sec2,
  .cta-section {
    padding: 2.5rem 0;
  }

  .form-banner .inner-banner__content {
    padding-top: 8rem;
  }

  .faq-section__divider {
    margin: 1.25rem 0 1.25rem 0;
  }

  .faq-section__left {
    margin-bottom: 1.2rem;
  }

  .faq-section__question {
    justify-content: start;
    text-align: left;
  }

  .faq-section__accordion {
    text-align: left;
  }

  .how-it-works .steps_works .step_column {
    flex: unset;
    justify-content: unset;
  }

  .credit-card-wrap .credit-counseling-counciling {
    text-align: center;
  }

  .pods-bx .pods-icon {
    margin: 0 auto 1.25rem;
  }

  .pods-bx .pods-icon img {
    width: 1.2rem;
    height: 1.2rem;
  }

  .pods-bx .pods-icon {
    width: 3rem;
    height: 3rem;
  }

  .steps_works .step_column .step_circle_glass .circle_bx {
    display: flex;
    width: 45px;
    height: 45px;
    padding: 13px
  }

  .inner-banner.otherBanner .inner-banner__content {
    text-align: center;
    max-width: 30rem;
  }

  .inner-banner.otherBanner .inner-banner__actions {
    justify-content: center;
    flex-wrap: wrap;
  }

  .inner-banner.otherBanner .container {
    flex-direction: column-reverse;
    display: flex;
    align-items: center;
    gap: 2rem;
  }

  .inner-banner.otherBanner .manstand {
    position: relative;
  }

  .inner-banner .container {
    padding-top: 8rem;
    padding-bottom: 2.5rem;
  }

  ul.circle_glass_dots li .circle_glass {
    width: 2.25rem;
    height: 2.25rem;
  }

  ul.circle_glass_dots li .circle_glass {
    top: 0.5rem;
  }

  ul.circle_glass_dots li {
    padding-left: 3rem;
  }

  .why-chooseUs-wrap .listed-content-image-wrap .content-box {
    margin-bottom: 1.26rem;
  }

  section.about-sec4 h2 {
    margin-bottom: 1rem;
  }

  .client-reviews__quote-icon {
    width: 40px;
    height: 40px;
  }

  .enroll-section__helper {
    margin: 1rem 0 1rem;
  }

  .gc-form__question-group .gc-form__question-label {
    text-align: left;
  }

  .tax-step__helper {
    margin: 0 0 1rem !important;
    text-align: left;
  }
}

@media screen and (max-width: 639px) {
  h1 {
    font-size: 1.875rem;
    line-height: 2.125rem;
  }

  .hm_banner .banner_banner .group_counts {
    display: flex;
    gap: 1rem;
    justify-content: center;
    flex-direction: column;
    align-items: center;
  }

  .hm_banner .hero_img_wrap {
    position: static;
    inset: 0;
    height: 300px;
  }



  .steps_works .step_column {
    width: 100%;
  }

  .client-reviews-card {
    display: flex;
    gap: 1rem;
    padding: 1rem;
    flex-direction: column;
    align-items: center;
    text-align: center;
    align-content: center;
  }

  .client-reviews-card .client-reviews-text {
    text-align: center;
  }

  .client-reviews-card .client-reviews-footer {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-top: auto;
    flex-direction: column;
    text-align: center;
    gap: 1rem;
  }

  .client-reviews-card .client-reviews-footer .client-reviews-author {
    width: 100%;
  }

  .client-reviews-card .client-reviews-footer .client-reviews-stars {
    width: 100%;
    justify-content: center;
  }

  section.testimonials_sec .testimonial_slider .slider_nav {
    margin-top: 1rem;
  }

  .hm_banner .banner_banner .group_counts .counts_item {
    width: 100%;
    max-width: 20rem;
  }

  .credit-card-wrap .credit-counseling-counciling {
    margin: 0;
    padding: 1rem;
  }

  .contact-form-wrap .right-block .list {
    display: flex;
    flex-direction: column;
  }

}

@media screen and (max-width: 576px) {
  .steps_works .step_column h4 {
    margin: 0 0 0.625rem;
  }

  .steps_works .step_column .step_circle_glass {
    margin-bottom: 1rem;
  }
}

@media screen and (max-width: 380px) {}