@media (max-width: 575.98px) {
    .navbar-brand.logo img {
        width: 180px;
    }

    button.navbar-toggler {
        background: var(--primary-color);
        color: #000000;
    }

    .hero_content {
        width: 100%;
        padding: 0 1rem;
    }

    .hero {
        height: 80vh;
    }

    .hero_content h2 {
        font-size: 1.75rem;
    }

    .hero_content p {
        font-size: 1.2rem;
        padding: 0 .75rem;
    }

    .offcanvas {
        background-color: #000;
    }

    .navbar-toggler:focus {
        box-shadow: none;
    }

    .info_content {
        width: 100%;
    }

    .info_content h2 {
        font-size: 1.8rem;
    }

    .info_content p:first-of-type {
        font-size: 1.5rem;
        line-height: 1.3;
    }

    .info_content p {
        font-size: 1.2rem;
    }

    .info img {
        display: none;
    }

    section.service {
        padding: 2.5rem 0rem;
    }

    section.info {
        padding: 0 0rem;
    }

    .service_heading {
        width: 100%;
    }

    .service_heading h2 {
        font-size: 2.3rem;
    }

    .service_cards {
        flex-wrap: wrap;
    }

    .card_header img {
        width: 55px;
    }

    .icon img {
        width: 55px;
    }

    .service_heading_2 {
        margin-top: 3rem;
    }

    .service_heading_2 h2 br {
        display: none;
    }

    .service_heading_2 h2 {
        font-size: 2.5rem;
    }

    .service_content .bulb {
        width: 80px;
        position: absolute;
        top: -70px;
        right: -3%;
    }

    .service_pill_content {
        border-radius: 2.5rem;
        margin-top: 3rem;
        padding: 2rem 1rem;
    }

    .pill_text {
        width: 100%;
        order: 1;
        margin-top: 1.5rem;
    }

    .pill_text h2 {
        font-size: 1.55rem;
        margin-bottom: 1rem;
    }

    .pill_text p:nth-of-type(1) {
        font-size: 1.5rem;
    }

    .pill_text ul li {
        font-size: 1rem;
    }

    .pill_text p em {
        font-weight: 700;
        font-size: 1.1rem;
        margin-bottom: 2rem;
    }

    .pill_text p {
        font-size: 1.1rem;
        font-weight: 400;
    }

    .pill_img {
        width: 100%;
        order: 0;
    }

    section.why {
        padding: 3rem 0rem;
    }

    .why_heading_sec {
        flex-wrap: wrap;
    }

    .why_heading,
    .heading_text {
        width: 100%;
    }

    .why_heading h2 {
        font-weight: 700;
        font-size: 2rem;
    }

    .why_heading h2 br {
        display: none;
    }

    .heading_text p {
        font-size: 1.2rem;
    }

    .why_text_content {
        border-radius: 2rem;
        padding: 1rem 1.5rem;
        height: auto;
    }

    .why_text_content h2 {
        font-size: 3rem;
    }

    .why_text_content p {
        font-size: 1rem;
    }

    section.relationship {
        padding: 3rem 0rem;
    }

    .relationship h2 {
        font-size: 2.2rem;
    }

    .relationship p {
        font-size: 1.1rem;
    }

    .pr_img_box img {
        width: 150px;
    }

    section.review {
        padding: 2rem 0rem;
    }

    .review_heading h2 {
        font-size: 2.2rem;
    }

    .card_body {
        padding: 1rem;
        min-height: 390px;
    }

    .review_btm_sec {
        margin-top: 3rem;
    }

    .review_content h2 {
        font-size: 2.7rem;
    }

    .review_content p {
        font-size: 1.4rem;
        margin-top: 1rem;
    }

    .review_content {
        margin-top: 2rem;
    }

    section.faqs {
        padding: 2rem 0rem;
    }

    .faq_accordien .accordion-button {
        font-size: 1.3rem;
        padding: 1rem 0;
    }

    .faq_accordien .accordion-body {
        padding: 1rem 0;
        font-size: 1rem;
        line-height: 1.5;
    }

    .footer img {
        top: 5%;
        width: 65%;
    }

    .footer_top h2 {
        font-size: 2rem;
    }

    .footer_bottom {
        padding: 1.5rem;
        margin-top: 2rem;
        flex-wrap: wrap;
        justify-content: space-between;
        gap: 2rem;
    }

    .footer_top .button_1 {
        margin-top: 1rem;
    }

    footer.footer {
        padding: 2rem 1rem;
    }

    .footer_links h3 {
        font-size: 1.2rem;
    }

    .heros {
        height: 40vh;
    }

    .heros_content_section {
        height: 85%;
    }

    .heros_content h2 {
        font-size: 2rem;
        margin-bottom: .3rem;
    }

    .heros_content p {
        font-size: 1rem;
    }

    section.comn_sc {
        padding: 1.5rem 0rem;
    }

    .comn_sc h2 {
        font-size: 1.15rem;
    }

    .meta_content {
        margin: 1rem 0;
    }

    .content_box p {
        font-size: 1.1rem;
    }

    section.info_cont_sec {
        padding: 3rem 1rem;
        width: 100%;
    }

    .info_cont_sec h2 {
        font-size: 1.5rem;
    }

    .info_cont_sec p {
        font-size: 1.1rem;
    }

    section.proof {
        padding: 2rem 1rem;
    }

    .proof h2 {
        font-size: 2rem;
        margin-bottom: 1.5rem;
        text-transform: uppercase;
    }

    .proof_img_container img {
        width: 100%;
    }

    .comn_sc.about h2 {
        font-size: 1.4rem;
    }

    .comn_sc p {
        font-size: 1.1rem;
    }

    section.ethos {
        padding: 2rem 1rem;
    }

    .ethos_heading h2 {
        font-size: 2rem;
    }

    .ethos_content_container {
        margin-top: 2rem;
    }

    .ethos_content {
        flex-wrap: wrap;
        margin-bottom: 2rem;
    }

    .ethos_lft {
        width: 100%;
    }

    .ethos_lft h2 {
        font-weight: 600;
    }

    .ethos_rgt {
        width: 100%;
    }

    .ethos_rgt p {
        font-size: 1.1rem;
        font-weight: 300;
    }

    section.contact_us {
        padding: 3rem 0rem;
    }

    .contact_heading {
        border-radius: 0 0 40px 40px;
        padding: 0.3rem 2rem;
    }

    .contact_form {
        padding: 0rem 1rem 2rem 1rem;
    }

    .contact_info {
        padding: 0rem 1rem 1rem 1rem;
    }

    .contact_footer {
        padding: 2rem 0rem;
        flex-wrap: wrap-reverse;
    }

    .contact_content {
        margin-top: 2rem;
    }

    .contact_footer .img-fluid {
        max-width: 100%;
    }

    .navbar-nav .nav-link.active,
    .navbar-nav .nav-link.show {
        margin-bottom: 1rem;
        width: fit-content;
    }
}

@media (min-width: 576px) {
    .navbar-brand.logo img {
        width: 180px;
    }

    button.navbar-toggler {
        background: var(--primary-color);
        color: #000000;
    }

    .hero_content {
        margin: auto;
        width: 90%;
    }

    .content_section {
        height: 92%;
        width: 100%;
    }

    .hero_content h2 {
        font-size: 2rem;
    }

    .hero_content p {
        font-size: 1.1rem;
    }

    .button_1 {
        font-size: 1rem;
        padding: .5rem 1.5rem .5rem;
    }

    .hero {
        height: 66vh;
    }

    section.info {
        margin-top: 2rem;
        padding: 0 1rem;
        padding-bottom: 1rem;
    }

    .info img {
        display: none;
    }

    .info_content {
        width: 100%;
    }

    .info_content h2 {
        font-size: 2rem;
        font-weight: 800;
    }

    .info_content p:first-of-type {
        font-size: 1.5rem;
    }

    .info_content p {
        font-size: 1.2rem;
    }

    section.service {
        padding: 2rem 0.5rem;
        background: #000;
    }

    .service_heading {
        width: 100%;
        margin-bottom: 2rem;
    }

    .service_heading h2 {
        font-size: 2.5rem;
        font-weight: 700;
        color: #fff;
    }

    .service_cards {
        flex-wrap: wrap;
    }

    .service_heading_2 {
        margin-top: 3rem;
    }

    .service_heading_2 h2 {
        font-size: 2rem;
    }

    .service_content .bulb {
        width: 90px;
        position: absolute;
        top: -80px;
        right: 1%;
    }

    .service_pill_content {
        border-radius: 2rem;
        margin-top: 2rem;
        padding: 1rem 1rem;
        flex-wrap: wrap;
    }

    .pill_text {
        width: 100%;
        order: 1;
    }

    .pill_text h2 {
        font-size: 2rem;
    }

    .pill_text p {
        font-size: 1.2rem;
    }

    .pill_img {
        width: 100%;
        margin-bottom: 2rem;
    }

    section.why {
        padding: 2rem 0rem;
    }

    .why_heading_sec {
        flex-wrap: wrap;
        width: 70%;
    }

    .why_heading,
    .heading_text {
        width: 100%;
    }

    .why_heading h2 {
        font-size: 2rem;
    }

    .why_heading h2 br {
        display: none;
    }

    .heading_text p {
        font-size: 1.1rem;
    }

    .why_text_content {
        padding: 1rem 1rem;
        border-radius: 2rem;
    }

    .why_text_content h2 {
        font-size: 2.5rem;
    }

    .why_text_content p {
        font-size: 1.2rem;
    }

    section.relationship {
        padding: 1.5rem 1rem;
    }

    .relationship h2 {
        font-size: 2rem;
    }

    .relationship p {
        font-size: 1.1rem;
    }

    .pr_img_box {
        margin-top: 1rem;
    }

    .pr_img_box img {
        width: 120px;
    }

    section.review {
        padding: 2rem 0rem;
    }

    .review_heading h2 {
        font-size: 2rem;
    }

    .review_heading {
        margin-bottom: 2rem;
    }

    .card_body {
        padding: 1.1rem;
        min-height: 300px;
    }

    .owl-theme .owl-dots .owl-dot span {
        width: 15px;
        height: 15px;
    }

    .review_btm_sec {
        margin-top: 2rem;
    }

    .review_content {
        margin-top: 2rem;
    }

    .review_content h2 {
        font-size: 2.5rem;
    }

    .review_content p {
        font-size: 1.1rem;
        margin-top: 1rem;
        font-weight: 300;
    }

    section.faqs {
        padding: 2.5rem 0rem;
    }

    .faq_accordien .accordion-button {
        font-size: 1.3rem;
        padding: 1rem 0;
    }

    .faq_accordien .accordion-body {
        padding: .75rem 0;
        font-size: 1rem;
        line-height: 1.5;
    }

    .footer img {
        position: absolute;
        top: 30%;
        left: 0;
    }

    footer.footer {
        padding: 2rem 1rem;
    }

    .footer_top h2 {
        text-align: center;
        color: #fff;
        font-size: 2.5rem;
        font-weight: 800;
    }

    .footer_top .button_1 {
        margin-top: 1rem;
    }

    .footer_bottom {
        padding: 1rem;
        margin-top: 1.5rem;
        flex-wrap: wrap;
        justify-content: start;
        gap: 1.5rem;
    }

    .footer_links {
        text-align: left;
        width: 45%;
    }

    .footer_links h3 {
        font-weight: 600;
    }

    .offcanvas.show:not(.hiding),
    .offcanvas.showing {
        background: #000;
    }

    .navbar-nav .nav-link.active,
    .navbar-nav .nav-link.show {
        width: fit-content;
        margin-bottom: .5rem;
    }

    .heros {
        height: 40vh;
    }

    .heros_content_section {
        height: 80%;
    }

    .heros_content h2 {
        font-size: 2rem;
        margin: 0;
    }

    .heros_content p {
        font-size: 1rem;
    }

    section.comn_sc {
        padding: 1.5rem 0rem;
    }

    .comn_sc h2 {
        text-align: center;
        font-size: 1.5rem;
        font-weight: 700;
        text-transform: uppercase;
    }

    .meta_content {
        margin: 1.5rem 0;
    }

    .content_box p {
        font-size: 1.1rem;
    }

    section.info_cont_sec {
        padding: 2rem 1rem;
    }

    .info_cont_sec h2 {
        font-size: 2rem;
    }

    .info_cont_sec p {
        color: #fff;
        font-size: 1.1rem;
    }

    section.proof {
        padding: 2rem 1rem;
    }

    .proof h2 {
        font-size: 2rem;
        margin-bottom: 1.5rem;
    }

    .proof_img_container img {
        width: 100%;
    }

    .comn_sc.about h2 {
        font-size: 1.4rem;
    }

    .comn_sc p {
        font-size: 1.1rem;
    }

    section.ethos {
        padding: 2rem 1rem;
    }

    .ethos_content_container {
        margin-top: 2rem;
    }

    .ethos_content {
        margin-bottom: 2rem;
        flex-wrap: wrap;
    }

    .ethos_lft {
        width: 100%;
    }

    .ethos_lft h2 {
        font-size: 1.8rem;
        font-weight: 600;
    }

    .ethos_rgt {
        width: 100%;
    }

    .ethos_rgt p {
        font-size: 1rem;
    }

    section.contact_us {
        padding: 2rem 0rem;
    }

    .contact_form {
        padding: 0rem 1rem 2rem 1rem;
    }

    form.row.form {
        margin-top: 1rem;
    }

    .contact_info {
        padding: 0rem 1.5rem 0rem 1.5rem;
    }

    .contact_footer {
        padding: 2rem 0rem;
    }

    .contact_footer {
        padding: 2rem 0rem;
        flex-wrap: wrap-reverse;
    }

    .contact_footer .img-fluid {
        max-width: 100%;
        margin-bottom: 2rem;
    }

    .contact_content {
        width: 100%;
    }
}

@media (min-width: 768px) {
    .pill_img {
        text-align: center;
    }

    .why_text_content {
        border-radius: 1rem;
    }

    .why_text_content h2 {
        font-size: 1.5rem;
    }

    .why_text_content p {
        font-size: .9rem;
    }

    .card_body {
        padding: 1.1rem;
        min-height: 355px;
    }

    .review_content {
        margin-top: 0rem;
    }

    .review_content h2 {
        font-size: 1.5rem;
        margin: 0;
    }

    .review_content p {
        font-size: 1rem;
        margin: 0;
        font-weight: 300;
    }
}

@media (min-width: 992px) {

    .hero {
        height: 100vh;
    }

    .hero_content {
        margin: auto;
        width: 70%;
        text-align: center;
    }

    .hero_content h2 {
        font-size: 3rem;
    }

    .content_section {
        height: 85%;
        width: 100%;
    }

    .info img {
        width: 37%;
        display: block;
    }

    .pill_img {
        text-align: center;
        width: 35%;
        margin-bottom: 0;
    }

    .pill_text {
        width: 58%;
        order: 0;
    }

    .info_content {
        width: 65%;
    }

    .info img {
        width: 35%;
    }

    .service_heading {
        width: 65%;
        margin-bottom: 2rem;
    }

    .service_heading h2 {
        font-size: 3rem;

    }

    .service_cards {

        flex-wrap: wrap;
    }

    .service .container {
        margin: 0;
        max-width: 100%
    }

    .cards {
        width: 48%;
        padding: 1.5rem 1rem;
    }

    .service_heading_2 h2 {
        color: #fff;
        font-size: 3.5rem;
    }

    .service_content .bulb {

        top: -81px;
        right: 12%;
    }

    .service_pill_content {
        align-items: flex-start;
        justify-content: space-between;
    }

    .card_title {
        font-size: 1.8rem;

    }

    .pill_text h2 {
        font-size: 2rem;
        margin-bottom: 1.5rem;
    }

    .pill_text p:nth-of-type(1) {
        font-size: 1.5rem;
    }

    .pill_text ul li {
        font-size: 1.2rem;
    }

    .pill_text p em {
        font-weight: 700;
        font-size: 1.2rem;
        margin-bottom: 2rem;
    }

    .pill_text ul {
        margin-bottom: 1rem;
    }

    .pill_text p {
        font-size: 1.1rem;
    }

    .why_text_content {
        padding: 1rem 1rem;
        border-radius: 2rem;
    }

    .why_heading h2 {
        font-size: 2.5rem;
    }

    .heading_text p {
        font-size: 1.4rem;
    }


    .why_text_content h2 {
        font-size: 2rem;
    }

    .why_text_content p {
        font-size: 1.1rem;
    }

    section.relationship {
        padding: 6rem 2rem;
    }

    .relationship h2 {
        font-size: 2.5rem;
    }

    .relationship p {
        font-size: 1.2rem;
    }

    .pr_img_box img {
        width: 170px;
    }

    section.review {
        background: #000;
        padding: 6rem 2rem;
    }

    .review_heading h2 {
        font-size: 3rem;
    }

    .review_btm_sec {
        margin-top: 10rem;
    }

    .review_heading {
        margin-bottom: 2rem;
    }

    .review_content h2 {

        font-size: 2.5rem;

    }

    .review_content p {
        font-size: 1.1rem;
        margin-top: 1rem;
    }

    .faq_accordien .accordion-button {
        font-size: 1.5rem;
        padding: 1.2rem 0;
    }

    .faq_accordien .accordion-body {
        padding: 1rem 0;
        font-size: 1.1rem;
        line-height: 1.5;
    }

    section.faqs {
        padding: 4.5rem 0rem;
    }

    .card_body {
        min-height: 305px;
    }

    .footer_top h2 {
        text-align: center;
        color: #fff;
        font-size: 3rem;
        font-weight: 800;
    }

    .footer_links {
        width: 30%;
    }

    .footer img {
        position: absolute;
        top: 0%;
        left: 0;
        width: 33%;
    }

    .footer_bottom {
        padding: 2rem 2rem;
        justify-content: center;
    }

    .heros_content h2 {
        font-size: 3rem;
        margin: 0;
    }

    .heros_content p {
        font-size: 1.5rem;
    }

    .comn_sc.about h2 {
        font-size: 2.4rem;
    }

    .comn_sc p {
        font-size: 1.5rem;
    }

    .ethos_lft h2 {
        font-size: 2rem;
        font-weight: 600;
    }

    .ethos_rgt p {
        font-size: 1.3rem;
    }

    .comn_sc h2 {
        text-align: center;
        font-size: 2.5rem;
        font-weight: 700;
        text-transform: uppercase;
    }

    .info_cont_sec h2 {
        font-size: 2.5rem;
        margin-bottom: 2.5rem;
    }

    .info_cont_sec p {
        color: #fff;
        font-size: 1.5rem;
    }

    .proof h2 {
        font-size: 3rem;
        margin-bottom: 1rem;
        text-transform: uppercase;
    }

    .proof_img_container img {
        width: 50%;
    }

    .contact_footer {
        padding: 2rem 0rem;
        flex-wrap: wrap;
    }

    .contact_content {
        width: 47%;
    }

    .contact_footer .img-fluid {
        max-width: 53%;
        margin-bottom: 2rem;
    }

    .heros {
        height: 55vh;
    }

    .service_heading_2 {
        margin-top: 10rem;
    }

    section.why {
        padding: 6rem 0rem;
    }

    section.service {
        padding: 4rem 0.5rem;
        background: #000;
    }

    section.comn_sc {
        padding: 3.5rem 0rem;
    }

    section.ethos {
        padding: 4rem 1rem;
    }

    footer.footer {
        padding: 4rem 1rem;
    }

    section.info_cont_sec {
        padding: 3rem 1rem;
    }

    section.proof {
        padding: 4rem 1rem;
    }

    .content_box h2 {
        font-size: 3rem;
    }

    .content_box {
        margin-bottom: 3rem;
    }

    .content_box p {
        font-size: 1.5rem;
        margin-bottom: 2.2rem;
    }

    .service_pill_content {
        padding: 2rem 2rem;
    }
}

@media (min-width: 1200px) {
    .hero_content {
        margin: auto;
        width: 55%;
        text-align: center;
    }
}

@media (min-width: 1400px) {
    .hero_content {
        margin: auto;
        width: 62%;
        text-align: center;
    }

    .hero_content h2 {
        font-size: 4rem;
    }

    .hero_content p {
        font-size: 2rem;
    }

    .button_1 {
        font-size: 1.5rem;
        padding: .5rem 1.5rem .5rem;
    }

    .info_content h2 {
        font-size: 2.5rem;
        font-weight: 800;
        margin-bottom: 2rem;
    }

    .info_content p:first-of-type {
        font-size: 1.8rem;
    }

    .info_content p {
        font-size: 2rem;
    }

    .info img {
        width: 36%;
    }

    .service_heading {
        width: 43%;
        margin-bottom: 2rem;
    }

    .cards {
        width: 23%;
        padding: 1.5rem 1rem;
    }

    .pill_text p:nth-of-type(1) {
        font-size: 2.5rem;
    }

    .pill_text ul li {
        font-size: 2rem;
    }

    .pill_text p em {
        font-weight: 700;
        font-size: 1.8rem;
        margin-bottom: 2rem;
    }

    .pill_text p {
        font-size: 1.5rem;
    }

    .pill_text h2 {
        font-size: 3.5rem;
    }

    .pill_img {
        text-align: center;
        width: 33%;
    }

    .pill_text {
        width: 65%;
        order: 0;
    }

    .why_heading h2 {
        font-size: 3.5rem;
    }

    .heading_text p {
        font-size: 2rem;
    }

    .why_text_content h2 {
        font-size: 4rem;
    }

    .why_text_content p {
        font-size: 1.8rem;
    }

    .relationship h2 {
        font-size: 3.5rem;
    }

    .relationship p {
        font-size: 1.9rem;
    }

    .pr_img_box img {
        width: 250px;
    }

    .review_content h2 {
        font-size: 3.5rem;
    }

    .review_content p {
        font-size: 1.8rem;
        margin-top: 1rem;
    }

    .faq_accordien .accordion-button {
        font-size: 2rem;
        padding: 2.2rem 0;
    }

    .faq_accordien .accordion-body {
        padding: 1rem 0;
        font-size: 1.5rem;
        line-height: 1.5;
    }

    .footer_top h2 {
        text-align: center;
        color: #fff;
        font-size: 4rem;
        font-weight: 800;
    }

    .footer_links h3 {
        font-weight: 600;
        font-size: 2.2rem;
    }
}