@media (min-width: 1400px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
        max-width: 1304px;
    }
}

@media (max-width:1399.98px) {
    h1 {
        font-size: 36px;
        line-height: 48px;
    }

    h2 {
        font-size: 32px;
    }

    p {
        font-size: 16px;
        line-height: 24px;

        &.sm {
            font-size: 14px;
            line-height: 18px;
        }
    }

    .btn {
        font-size: 14px;
        line-height: 18px;
        padding: 12px 16px;
        border-radius: 8px;
    }

    .btn-lg {
        padding: 12px 22px;
    }

    .btn-xl {
        padding: 12px 40px;
    }

    .font-36 {
        font-size: 32px;
    }

    .font-30 {
        font-size: 28px;
    }

    .font-28 {
        font-size: 26px;
    }

    .font-24 {
        font-size: 22px;
    }

    .font-22 {
        font-size: 20px;
    }

    .font-20 {
        font-size: 18px;
    }

    .py-80 {
        padding-top: 70px;
        padding-bottom: 70px;
    }

    .mb-70 {
        margin-bottom: 60px;
    }

    .common-top-spacing {
        margin-top: 106px;
    }

    .title-wrapper .title:has(+ .description:not(:empty)) {
        margin-bottom: 2px;
    }

    .title-wrapper {
        padding-bottom: 30px;
    }

    /*  */

    .header-logo .logo img {
        height: 50px;
    }

    .header .header-wrap {
        padding: 8px 0 4px;
    }

    .header-nav .navbar-nav .nav-item {
        padding-bottom: 2px;
    }

    .navbar-nav .nav-link {
        font-size: 14px;
    }

    .hero-wrapper {
        padding: 160px 0 60px;
    }

    .dropdown-item {
        font-size: 14px;
        line-height: 20px;
    }

    .hero-content {
        max-width: 600px;
    }

    .hero-inner-content {
        gap: 10px;
        padding-bottom: 35px;
    }

    .btn-white-square {
        border-radius: 8px;
        padding: 8px 12px;
    }

    .hero-inner-footer {
        gap: 10px;
    }

    .our-services-wrapper {
        padding: 70px 0;
    }

    .our-services-list li img {
        min-width: 20px;
        width: 20px;
        height: 20px;
    }

    .featured_card .featured_img {
        height: 280px;
    }

    .featured_card .featured_body {
        padding: 12px 16px 16px;
        gap: 16px;
    }

    .featured_body_inner .helper_experience li {
        font-size: 14px;
        padding-right: 22px;
    }

    .featured_body_inner .helper_experience {
        gap: 22px;
    }

    .our_placement_items .step_label img {
        width: 160px;
    }

    .step_card {
        padding: 24px 16px;
        gap: 20px;
    }

    .step_card .step_icon {
        min-width: 70px;
        width: 80px;
        height: 80px;
    }

    .step_card .step_icon img {
        min-width: 40px;
        width: 40px;
        height: 40px;
    }

    .angel-inner-info .angel-list li img {
        min-width: 20px;
        width: 20px;
        height: 20px;
    }

    .angel-inner-info .angel-list {
        gap: 16px;
    }

    .angel-inner-content {
        padding: 30px 0 30px 22px;
        grid-template-columns: 261px 1fr;
        gap: 16px;
    }

    .angel-inner-content .guidance-img {
        height: 280px;
    }

    .our-placement-grid {
        gap: 16px;
    }

    .angel-inner-content .angel-btns {
        gap: 10px;
        padding-top: 16px;
        max-width: 203px;
    }

    .footer-wrapper .footer-wrap .footer-content-left {
        padding: 70px 34px 70px 0;
    }

    .footer-content-left .footer-logo-wrap .footer-logo {
        max-width: 280px;
    }

    .footer-wrapper .footer-wrap {
        grid-template-columns: 350px 1fr;
        gap: 26px;
    }

    .footer-inner-list {
        gap: 20px;
    }

    .profile_wrapper .profile_wrap {
        padding: 14px;
    }

    .profile_details {
        gap: 16px;
    }

    .profile_details .profile_img {
        height: 320px;
    }

    .profile_list {
        gap: 4px;
    }

    .profile_information .accordion-item {
        border-radius: 14px !important;
        padding: 12px;
    }

    .profile_information .accordion-button {
        padding: 12px 14px;
        font-size: 18px;
    }

    .profile_information .information_list {
        gap: 40px;
    }

    .helper_enquiry_wrap {
        padding: 60px 20px 20px;
    }

    .search-helpers-wrap {
        grid-template-columns: 320px 1fr;
        gap: 16px;
    }

    .helpers-filter .accordion-button {
        font-size: 18px;
        padding: 12px 20px;
    }

    .search-helpers {
        padding: 16px 0;
    }

    .helpers-lists {
        column-gap: 14px;
        row-gap: 16px;
        padding: 18px 16px 0;
    }

    .helpers-header {
        padding: 0 16px 10px;
    }

    .helpers_body .helpers_img {
        height: 180px;
    }

    .helpers_body {
        grid-template-columns: 160px 1fr;
    }

    .search-helpers-wrap .helpers-filter {
        top: 114px;
    }

    .who_we_are_inner .who_we_are_img {
        height: 560px;
    }

    .our_commitment_img .our_commitment_label {
        max-width: 230px;
    }

    .information_details {
        gap: 26px;
    }

    .enquiry_form {
        gap: 20px;
        padding-top: 20px;
    }

    .information_card {
        padding: 30px 15px;
    }

    .service-wrap .service_card {
        padding: 28px 26px;
    }

    .service_sec .service_image {
        height: 420px;
    }

    .service_lists {
        gap: 20px;
    }

    .service_lists .service_items {
        padding: 24px 20px;
    }

    .promo_banner_wrapper {
        padding: 32px 40px;
    }

    .promo_banner_wrap {
        grid-template-columns: 480px 1fr;
    }

    .promo_banner_wrap .promo_inner_content {
        gap: 30px;
    }

    .service_lists .service_items img {
        margin-top: 4px;
    }

}

@media (max-width:1199.98px) {
    h1 {
        font-size: 30px;
        line-height: 42px;
    }

    h2 {
        font-size: 28px;
    }

    .py-80 {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .mb-70 {
        margin-bottom: 50px;
    }

    .font-36 {
        font-size: 28px;
    }

    .font-30 {
        font-size: 26px;
    }

    .font-28 {
        font-size: 24px;
    }

    .font-25 {
        font-size: 20px;
    }

    .font-24 {
        font-size: 20px;
    }

    .font-22 {
        font-size: 18px;
    }

    .title-wrapper {
        padding-bottom: 26px;
    }

    .hero-content {
        max-width: 520px;
    }

    .hero-inner-content {
        gap: 8px;
        padding-bottom: 28px;
    }

    .our-services-wrapper {
        padding: 50px 0;
    }

    .our-services-list {
        column-gap: 12px;
        row-gap: 12px;
    }

    .our-services-list li {
        gap: 6px;
        font-size: 14px;
    }

    .our-services-list li img {
        min-width: 16px;
        width: 16px;
        height: 16px;
    }

    .quick-access-grid {
        gap: 16px;
    }

    .access_card .access_card_body {
        padding: 15px 16px 22px;
        gap: 18px;
    }

    .featured_card .featured_img {
        height: 250px;
    }

    .our_placement_items .step_label img {
        width: 140px;
    }

    .our_placement_items .step_label .step_btn {
        min-width: 80px;
        padding: 8px 12px;
        font-size: 12px;
    }

    .our_placement_items .step_label {
        padding-bottom: 6px;
    }

    .our-placement-grid {
        gap: 12px;
    }

    .step_card {
        padding: 16px 12px;
        gap: 16px;
    }

    .step_card .step_icon {
        min-width: 60px;
        width: 60px;
        height: 60px;
        border-radius: 6px;
    }

    .step_card .step_icon img {
        min-width: 30px;
        width: 30px;
        height: 30px;
    }

    .angel-inner-info .angel-list {
        gap: 10px;
    }

    .angel-inner-info .angel-list li {
        gap: 8px;
        font-size: 14px;
    }

    .angel-inner-info .angel-list li img {
        min-width: 16px;
        width: 16px;
        height: 16px;
        margin-top: 3px;
    }

    .angel-inner-content {
        padding: 20px 0 20px 16px;
        grid-template-columns: 200px 1fr;
        gap: 12px;
    }

    .angel-inner-content .guidance-img {
        height: 250px;
    }

    .footer-content-left .footer-logo-wrap .footer-logo {
        max-width: 240px;
    }

    .footer-wrapper .footer-wrap .footer-content-left {
        padding: 50px 18px 50px 0;
    }

    .footer-content-left .footer-logo-wrap {
        padding-bottom: 6px;
        margin-bottom: 6px;
    }

    .footer-wrapper .footer-wrap {
        grid-template-columns: 300px 1fr;
        gap: 16px;
    }

    .footer-inner-list {
        grid-template-columns: 170px 1fr 170px;
        gap: 12px;
    }

    .profile_wrapper .profile_wrap {
        padding: 10px;
    }

    .profile_details .profile_img {
        height: 250px;
    }

    .profile_details {
        gap: 12px;
    }

    .profile_list .profile_item {
        min-width: 50px;
        width: 50px;
        height: 50px;
    }

    .profile_list .profile_item img {
        min-width: 30px;
        width: 30px;
        height: 30px;
    }

    .profile_information .accordion-item {
        border-radius: 10px !important;
        padding: 10px;
    }

    .profile_information .information_list .inner_label {
        font-size: 14px;
        line-height: 18px;
        margin-bottom: 4px;
    }

    .profile_information .information_list .inner_text {
        font-size: 12px;
        line-height: 14px;
    }

    .profile_information .information_list {
        padding: 6px 0;
    }

    .profile_information .accordion-button {
        padding: 10px 12px;
        font-size: 16px;
        border-radius: 8px !important;
    }

    .helper_enquiry_wrap {
        padding: 50px 20px 20px;
    }

    .search-helpers-wrap {
        grid-template-columns: 260px 1fr;
        gap: 8px;
    }

    .helpers-filter .accordion-button {
        font-size: 16px;
        padding: 10px 16px;
    }

    .helpers-filter .filter-wrap .filter_btns {
        padding: 10px 16px 16px;
    }

    .helpers-filter .filter_list {
        padding: 8px 16px 10px;
    }

    .helpers-lists {
        column-gap: 10px;
        row-gap: 12px;
        padding: 14px 12px 0;
    }

    .helpers_card .helpers_footer {
        padding: 6px 10px;
        flex-direction: column;
        align-items: start;
        gap: 6px;
    }

    .helpers-lists {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }

    .search-helpers-wrap .helpers-filter {
        top: 74px;
    }

    .who_we_are_inner .who_we_are_img {
        height: 300px;
    }

    .who_we_are_list {
        padding: 30px 24px;
    }

    .standards_card {
        padding: 16px 12px;
    }

    .our_commitment_card .our_commitment_img {
        height: 240px;
    }

    .our_commitment_card .our_commitment_body {
        padding: 12px 16px;
    }

    .contact_detail_card {
        padding: 24px 18px;
        gap: 20px;
    }

    .contact_body .contact_inner {
        margin-bottom: 12px;
    }

    .contact_detail_card .contact_logo {
        width: 60px;
        height: 60px;
    }

    .contact_detail_card .contact_logo img {
        min-width: 30px;
        width: 30px;
        height: 30px;
    }

    .information_card ul li {
        font-size: 18px;
    }

    .information_card {
        padding: 20px 15px;
    }

    .enquiry_form {
        gap: 16px;
        padding-top: 16px;
    }

    .information_details {
        gap: 16px;
    }

    .service-wrap .service_card {
        padding: 20px 16px;
    }

    .service_sec .service_image {
        height: 380px;
    }

    .service_lists {
        gap: 16px;
    }

    .service_lists .service_items {
        padding: 18px 16px;
    }

    .placement-process-card {
        padding: 20px 16px;
        gap: 20px;
    }

    .promo_banner_wrap {
        grid-template-columns: 440px 1fr;
    }

    .promo_banner_wrap .promo_inner_content {
        gap: 20px;
    }

    .promo_banner_wrap .promo_inner_img {
        height: 260px;
    }

    .services-card {
        padding: 18px 14px;
        gap: 16px;
    }

    .employer_inner_content {
        gap: 8px;
    }

    .our_placement_process_grid {
        grid-template-columns: 1fr 1fr;
        gap: 24px;
    }

    .careers_guardian_grid {
        grid-template-columns: 400px 1fr;
        gap: 20px;
    }

    .openings_list .openings_items {
        padding: 18px 10px 18px 18px;
    }
}

@media (max-width:991.98px) {
    h1 {
        font-size: 26px;
        line-height: 36px;
    }

    h2 {
        font-size: 24px;
    }

    p {
        font-size: 14px;
        line-height: 22px;
    }

    .btn {
        font-size: 14px;
        line-height: 18px;
        padding: 10px 12px;
        border-radius: 6px;
    }

    .btn-lg {
        padding: 10px 18px;
    }

    .btn-xl {
        padding: 10px 30px;
    }

    .row {
        --bs-gutter-x: 16px;
        /* --bs-gutter-y: 0; */
        display: flex;
        flex-wrap: wrap;
        margin-top: calc(-1 * var(--bs-gutter-y));
        margin-right: -8px;
        margin-left: -8px;
    }

    .font-36 {
        font-size: 24px;
    }

    .font-28 {
        font-size: 22px;
    }

    .font-24 {
        font-size: 18px;
    }

    .font-18 {
        font-size: 16px;
    }

    .py-30 {
        padding-top: 26px;
        padding-bottom: 26px;
    }

    .py-50 {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .mb-70 {
        margin-bottom: 40px;
    }

    .common-top-spacing {
        margin-top: 66px;
    }

    .title-wrapper {
        padding-bottom: 22px;
    }

    .form-control,
    .form-select {
        padding: 8px 12px;
    }

    .form-select2 .form-select {
        border-radius: 8px;
    }

    .header-inner .contact-info .custom-link span,
    .header-inner .contact-info .btn-primary span {
        display: none;
    }

    .header-inner .contact-info {
        gap: 10px;
    }

    .header-inner .contact-info .custom-link {
        display: flex;
        padding: 10px 12px;
    }

    .header .header-wrap {
        border-bottom: 0;
        padding: 10px 0 5px;
    }

    .header-nav .navbar .collapse {
        display: block;
    }

    .navbar-nav .nav-item .dropdown-menu {
        border: 0;
    }

    .header .header-nav .navbar {
        position: fixed;
        z-index: 999;
        left: 0;
        top: 0;
        width: 100%;
        max-width: 400px;
        height: 100%;
        background: var(--color-white);
        padding: 20px 20px !important;
        gap: 0;
        flex-direction: column;
        align-items: normal;
        justify-content: flex-start;
        flex-wrap: nowrap;
        overflow: auto;
        box-shadow: 5px 0px 16px #0000002b;
        transform: translateX(-120%);
        transition: all .4s ease-in-out;
    }

    .header.active .header-nav .navbar {
        transform: translateX(0%);
    }

    .navbar-nav .nav-item .dropdown-toggle {
        justify-content: space-between;
    }

    .hero-wrapper {
        min-height: auto;
        padding: 140px 0 60px;
    }

    .hero-content {
        max-width: 450px;
    }

    .hero-inner-content {
        padding-bottom: 20px;
    }

    .hero-inner-footer {
        gap: 6px;
    }

    .our-services-content {
        gap: 14px;
    }

    .our-services-list {
        grid-template-columns: repeat(1, minmax(0, 1fr));
        row-gap: 8px;
    }

    .our-services-img {
        height: 100%;
    }

    .quick-access-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .our-placement-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .angel-inner-content {
        grid-template-columns: 1fr 360px;
    }

    .footer-wrapper {
        padding: 24px 0;
    }

    .footer-wrapper .footer-wrap {
        grid-template-columns: 1fr;
    }

    .footer-wrapper .footer-wrap .footer-content-left {
        padding: 20px 0;
        border-right: 0;
    }

    .footer-inner-list {
        grid-template-columns: 200px 1fr 200px;
    }

    .profile_details .profile_img {
        height: 400px;
    }

    .profile_list {
        justify-content: center;
        gap: 8px;
    }

    .profile_information .information_list {
        gap: 10px;
    }

    .helper_enquiry_wrap {
        padding: 30px 20px 20px;
    }

    .helper_enquiry_header {
        padding: 10px 14px;
    }

    .helper_enquiry_group {
        column-gap: 16px;
        row-gap: 16px;
    }

    .grid_group {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 16px;
    }

    .helpers-header {
        padding: 0 12px 10px;
        flex-direction: column;
        align-items: self-start;
    }

    .helpers_card .helpers_footer {
        flex-direction: row;
        justify-content: space-between;
    }

    .who_we_are_inner .who_we_are_img {
        height: 220px;
    }

    .who_we_are_list {
        padding: 20px 20px;
        gap: 12px;
    }

    .who_we_are_list li img {
        min-width: 16px;
        width: 16px;
        height: 16px;
        object-fit: contain;
        margin-top: 2px;
    }

    .our_commitment_card .our_commitment_img {
        height: 350px;
    }

    .our_commitment_img .our_commitment_label {
        max-width: 180px;
        line-height: 30px;
    }

    .enquiry_form {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }

    .enquiry_form .form-group:first-child,
    .enquiry_form .form-group:nth-child(2),
    .enquiry_form .form-group:nth-child(5),
    .enquiry_form .form-group:last-child {
        grid-column: span 1 / span 1;
    }

    .enquiry_form {
        gap: 12px;
        padding-top: 12px;
    }

    .information_card ul li {
        font-size: 16px;
    }

    .information_card ul {
        padding-left: 20px;
        margin-bottom: 2px;
    }

    .information_card {
        padding: 14px 12px;
        border-radius: 8px;
    }

    .information_card .information {
        padding-left: 20px;
    }

    .service_card .service_img {
        min-width: 40px;
        width: 40px;
        height: 40px;
    }

    .service-wrap .service_card {
        padding: 16px 14px;
    }

    .service_sec .service_image {
        height: 320px;
    }

    .service_lists {
        gap: 10px;
    }

    .service_lists .service_items {
        padding: 14px 12px;
    }

    .service_lists .service_items img {
        min-width: 16px;
        width: 16px;
        height: 16px;
        margin-top: 6px;
    }

    .placement-process-card .placement-process-list li {
        font-size: 14px;
        line-height: 20px;
    }

    .placement-process-card .placement-process-list {
        gap: 6px;
        padding-left: 24px;
    }

    .promo_banner_wrapper {
        padding: 24px 20px;
    }

    .promo_banner_wrap {
        grid-template-columns: 1fr 1fr;
    }

    .promo_banner_wrap .promo_inner_btns {
        flex-wrap: wrap;
        gap: 10px;
    }

    .careers_guardian_grid {
        grid-template-columns: 1fr;
        gap: 16px;
    }
}

@media (max-width:767.98px) {
    h1 {
        font-size: 24px;
        line-height: 32px;
    }

    h2 {
        font-size: 22px;
    }

    .font-22 {
        font-size: 16px;
    }

    .font-20 {
        font-size: 16px;
    }

    .font-28 {
        font-size: 20px;
    }

    .font-30 {
        font-size: 24px;
    }

    .font-36 {
        font-size: 20px;
    }

    .hero-content {
        max-width: 390px;
    }

    .our-services-wrapper {
        padding: 40px 0;
    }

    .title-wrapper {
        padding-bottom: 18px;
    }

    .title-wrapper .title:has(+ .description:not(:empty)) {
        margin-bottom: 0px;
    }

    .py-80 {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .py-30 {
        padding-top: 22px;
        padding-bottom: 22px;
    }

    .mb-70 {
        margin-bottom: 30px;
    }

    .rounded-20 {
        border-radius: 12px;
    }

    .quick-access-grid {
        gap: 12px;
    }

    .access_card .access_card_body {
        padding: 12px 16px 18px;
        gap: 16px;
    }

    .access_card .access_card_img {
        height: 160px;
    }

    .featured_card .featured_img {
        height: 200px;
    }

    .featured_body_inner .helper_experience {
        gap: 16px;
    }

    .featured_body_inner .helper_experience li {
        font-size: 12px;
        padding-right: 16px;
    }

    .featured_body_inner .helper_detail {
        padding-bottom: 4px;
    }

    .featured_card .featured_body {
        gap: 12px;
    }

    .angel-inner-content {
        grid-template-columns: 1fr;
        padding: 16px;
    }

    .angel-inner-content .angel-inner {
        order: 1;
    }

    .angel-inner-content .guidance-img {
        border-radius: 10px;
    }

    .angel-inner-content .angel-btns {
        gap: 6px;
        padding-top: 10px;
    }

    .footer-inner-list {
        grid-template-columns: 1fr;
    }

    .profile_details .profile_img {
        height: 320px;
    }

    .profile_information .information_list {
        border-bottom: 0;
        gap: 0;
        padding: 0;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .profile_information .information_list li {
        border-bottom: 1px solid var(--color-subtle-white);
        padding: 4px 0;
    }

    .helper_enquiry_group {
        grid-template-columns: repeat(1, minmax(0, 1fr));
        gap: 10px;
    }

    .helper_enquiry_wrap {
        padding: 20px 20px;
    }

    .col-span-3 {
        grid-column: span 1 / span 1;
    }

    .grid_group {
        grid-template-columns: repeat(1, minmax(0, 1fr));
        gap: 10px;
    }

    .search-helpers-wrap {
        grid-template-columns: 1fr;
    }

    .search-helpers-wrap .helpers-filter {
        position: static;
    }

    .our_commitment_card .our_commitment_img {
        height: 300px;
    }

    .approach_card .approach_body {
        padding: 16px 14px;
    }

    .contact_detail_card {
        padding: 18px 16px;
        gap: 16px;
    }

    .promo_banner_wrap {
        grid-template-columns: 1fr;
    }

    .promo_banner_wrap .promo_inner_content {
        order: 1;
        gap: 14px;
    }
}

@media (max-width:575.98px) {
    .sub_group {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
    h1 {
        font-size: 22px;
        line-height: 30px;
    }

    h2 {
        font-size: 20px;
    }

    .font-30 {
        font-size: 22px;
    }

    .font-28 {
        font-size: 18px;
    }

    .font-25 {
        font-size: 18px;
    }

    .font-36 {
        font-size: 18px;
    }

    .font-40 {
        font-size: 30px;
    }

    .promo_banner_wrap .promo_inner_content {
        gap: 10px;
    }

    .btn-sm {
        padding: 8px 10px;
    }

    .py-80 {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .py-50 {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .py-30 {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .rounded-12 {
        border-radius: 10px;
    }

    .common-top-spacing {
        margin-top: 58px;
    }

    .title-wrapper {
        padding-bottom: 16px;
    }

    .rounded-10 {
        border-radius: 8px;
    }

    .form-label {
        margin-bottom: 4px;
        font-size: 14px;
        line-height: 18px;
    }

    .form-control,
    .form-select {
        border-radius: 8px;
        padding: 10px 12px;
    }

    .form-check {
        gap: 8px;
    }

    .header-logo .logo img {
        height: 42px;
    }

    .header-inner .contact-info {
        gap: 4px;
    }

    .header-inner .contact-info .custom-link {
        padding: 8px 10px;
    }

    .humburger_btn {
        gap: 4px;
        padding: 8px 6px;
    }

    .humburger_btn .line {
        width: 22px;
        height: 2px;
    }

    .hero-wrapper::before {
        width: 100%;
    }

    .hero-inner-footer {
        flex-direction: column;
        align-items: start;
    }

    .hero-wrapper {
        padding: 130px 0 50px;
    }

    .our-services-wrapper {
        padding: 34px 0;
    }

    .our-services-list {
        row-gap: 4px;
    }

    .our-placement-grid {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }

    .quick-access-grid {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }

    .access_card .access_card_img {
        height: 200px;
    }

    .angel-inner-info .angel-list {
        gap: 6px;
    }

    .angel-inner-content .guidance-img {
        height: 220px;
    }

    .footer-content-left .footer-logo-wrap .footer-logo {
        max-width: 220px;
    }

    .footer_items .footer_label {
        margin-bottom: 6px;
    }

    .profile_details .profile_img {
        height: 250px;
    }

    .profile_information .accordion-item {
        border-radius: 8px !important;
        padding: 8px;
    }

    .profile_information .information_list {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }

    .profile_information .information_list:last-child li:last-child {
        border-bottom: 0;
    }

    .helper_enquiry_wrap {
        padding: 16px 12px;
    }

    .helper_enquiry_header h2 {
        gap: 8px;
        white-space: nowrap;
    }

    .login_wrap {
        padding: 20px;
        gap: 16px;
    }

    .common_forms {
        gap: 14px;
    }

    .helpers-options {
        gap: 4px;
        flex-direction: column;
        align-items: start;
    }

    .helpers-header {
        gap: 6px;
    }

    .helpers-select {
        gap: 6px;
    }

    .helpers_body {
        grid-template-columns: 140px 1fr;
    }

    .helpers_body .helpers_img {
        height: 150px;
        border-radius: 8px;
    }

    .helpers_card {
        border-radius: 8px;
    }

    .helpers_card .helpers_footer {
        padding: 6px 8px;
        flex-wrap: wrap;
    }

    .action_btn {
        gap: 4px;
    }

    .who_we_are_inner .who_we_are_img {
        height: 180px;
    }

    .who_we_are_list {
        padding: 14px 12px;
        gap: 10px;
    }

    .our_commitment_img .our_commitment_label {
        max-width: 150px;
        line-height: 24px;
    }

    .our_commitment_card .our_commitment_img {
        height: 200px;
    }

    .contact_detail_card .contact_logo {
        width: 50px;
        height: 50px;
    }

    .contact_detail_card .contact_logo img {
        min-width: 26px;
        width: 26px;
        height: 26px;
    }

    .contact_detail_card {
        padding: 16px 14px;
        gap: 14px;
    }

    .contact_body .contact_inner {
        margin-bottom: 8px;
    }

    .enquiry_form {
        gap: 10px;
        padding-top: 10px;
    }

    .information_details {
        gap: 8px;
    }

    .service_sec .service_image {
        height: 250px;
    }

    .service_lists {
        gap: 6px;
    }

    .service_lists .service_items {
        padding: 10px 12px;
    }

    .placement-process-card {
        padding: 14px 14px;
        gap: 14px;
    }

    .promo_banner_wrapper {
        padding: 16px 14px;
    }

    .promo_banner_wrap {
        gap: 10px;
    }

    .promo_banner_wrap .promo_inner_btns .btn {
        width: 100%;
    }

    .promo_banner_wrap .promo_inner_btns {
        gap: 6px;
    }

    .step_card .step_icon {
        min-width: 50px;
        width: 50px;
        height: 50px;
        border-radius: 4px;
    }

    .step_card .step_icon img {
        min-width: 26px;
        width: 26px;
        height: 26px;
    }

    .services-card {
        padding: 14px 14px;
        gap: 12px;
        flex-direction: column;
    }

    .services-card .services-icon {
        min-width: 50px;
        width: 50px;
        height: 50px;
        border-radius: 4px;
    }

    .services-card .services-icon img {
        min-width: 26px;
        width: 26px;
        height: 26px;
    }

    .supporting_card .supporting_body {
        padding: 16px 14px 18px;
    }

    .our_placement_process_grid {
        grid-template-columns: 1fr;
        gap: 24px;
    }

    .overview_card {
        border-radius: 16px;
        padding: 16px 14px;
    }

    .information_form {
        grid-template-columns: repeat(1, minmax(0, 1fr));
        gap: 10px;
    }

    .overview_card .overview_header {
        padding: 10px 12px;
        border-radius: 8px;
        gap: 8px;
        margin-bottom: 8px;
    }

    .overview_card .overview_header img {
        min-width: 24px;
        width: 24px;
        height: 24px;
    }

    .experience-option {
        padding: 6px;
        border-radius: 8px;
    }

    .experience_form .skills_items {
        gap: 6px;
        padding: 4px;
    }

    .experience_form {
        gap: 12px;
    }

    .experience-level-option {
        gap: 4px;
        padding: 8px 10px;
        border-radius: 8px;
    }

    .our_placement_process_card {
        padding: 12px 10px;
    }

    .resume_form {
        grid-template-columns: repeat(1, minmax(0, 1fr));
        gap: 10px;
    }

    .row-span-2 {
        grid-row: span 1 / span 1;
    }

    .col-span-2 {
        grid-column: span 1 / span 1;
    }

    .resume-upload-box {
        border-radius: 8px;
        padding: 16px 20px;
        gap: 8px;
    }

    .openings_list {
        gap: 8px;
    }

    .openings_list .openings_items {
        padding: 12px 10px 12px 12px;
    }

    .overview_footer {
        padding-top: 16px;
        gap: 8px;
    }
}