/* Start Responsive CSS */

@media screen and (min-width: 2560px) {
 
    .ready-to-grow {
        height: 65rem;
        background-size: cover;
    }
    .ready-to-grow .ready-to-grow-heading h6 {
        font-family: landingPageBoldFont;
        font-size: 4rem;
        padding-top: 40rem;
        margin: 0;
    }
    footer .footer-content {
        display: grid;
        grid-auto-flow: row;
        grid-template-columns: auto;
        align-items: center;
        justify-content: center;
    }

    footer .footer-content .social-links {
        display: grid;
        grid-auto-flow: column;
        grid-template-columns: 3rem 3rem 3rem;
        justify-content: center;
    }

    .mobile-view {
        display: none;
    }

}

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

    .upper-sections-with-black-background {
        padding-bottom: 5rem;
    }

    .upper-sections-with-black-background .we-talk-in-number-section {
        display: grid;
        grid-auto-flow: row;
        gap: 0;
        text-align: center;
        grid-column: auto;
        grid-row: auto;
        margin-top: 2rem;
        grid-template-columns: auto;
        grid-template-rows: auto;
    }

    .we-talk-in-number-section .we-talk-in-numbers-clients-samples {
        grid-column: auto;
        grid-row: auto;
        text-align: center;
        margin: auto 0;
        width: 100vw;
    }
    
    .we-talk-in-number-section .lets-talk-about-your-potenial-link-container {
        grid-column: auto;
        grid-row: auto;
    }

    .upper-sections-with-black-background .we-talk-in-number-section .we-talk-in-numbers-details {
        padding: 0 1rem;
    }

    .upper-sections-with-black-background .we-talk-in-number-section .we-talk-in-numbers-details aside p {
        font-size: 1rem;
    }

    .upper-sections-with-black-background .we-talk-in-number-section .we-talk-in-numbers-details h1 {
        font-size: 2rem;
    }

    .upper-sections-with-black-background .we-talk-in-number-section .we-talk-in-numbers-details p {
        font-size: .9rem;
    }

    .splide--draggable>.splide__track>.splide__list>.splide__slide {
        width: 100vw !important;
    }

    .we-talk-in-number-section .splide .splide__slide img {
        max-width: calc(100vw - 2rem);
    }

    .testimonials .splide--draggable>.splide__track>.splide__list>.splide__slide {
        width: calc(100vw - 2rem) !important;
    }



    .our-process-section-container {
        margin-top: 5rem;
    }

    .our-process-section-container .our-process-heading h2 {
        text-align: center;
        color: #ffffff;
        font-family: landingPageBoldFont;
        font-size: 2rem;
        margin-bottom: 0;
    }

    .our-process-section-container .our-process-content {
        padding: 0 1rem;
    }


    .our-process-section-container .our-process-content .our-process-row .circle img:not(:last-child),
    .our-process-section-container .our-process-content img[alt="Last Step"]
    {
        display: none;
    }

    .our-process-section-container .our-process-content .our-process-row .circle {
        width: 150px;
        height: 150px;
    }

    .our-process-section-container .our-process-content .our-process-row .circle .arrow-of-first-circle {
        bottom: -10%;
    }

    .our-process-section-container .our-process-content .our-process-row .circle .arrow-of-second-circle {
        right: 82%;
    }


    .our-process-section-container .our-process-content .our-process-row {
        text-align: center;
    }

    .our-process-section-container .our-process-content .our-process-row .circle p {
        font-size: 1rem;
    }

    .our-process-section-container .our-process-content .our-process-row .deatils-of-circle {
        font-size: .9rem;
    }

    .our-process-section-container .our-process-content .our-process-row .circle .arrow-of-third-circle {
        position: absolute;
        bottom: -26%;
        left: 88%;
    }

    /*  End With Upper Section With Black Background*/

    /* Start  impact that stings section */

    .impact-that-stings-section h3 {
        font-size: 2rem;
    }

    .impact-that-stings-section p {
        font-size: 1rem;
        padding: 0 1rem;
    }

    .impact-that-stings-section .impact-that-stings-clients-slider {
        padding-bottom: 5rem;
    }

    /* End  impact that stings section */

    .what-they-say-about-us .what-they-say-about-us-content {
        padding: 1rem;
        display: grid;
        grid-auto-flow: row;
        grid-template-columns: none;
        grid-template-rows: auto;
        /* height: auto; */
        border: none;
    }

    .what-they-about-us-heading {
        text-align: center;
    }

    .what-they-say-about-us .what-they-say-about-us-content h4 {
        font-size: 2rem;
    }

    .what-they-say-about-us .testimonials {
       width: calc(100vw - 2rem);
    }

    .what-they-say-about-us .testimonial-card {
        width: calc(100vw - 1rem);
        padding: 1rem;
    } 

    /* End what they about us */

    /* Start some of clients */

    .some-of-our-clients {
        padding: 0 1rem;
    }

    .some-of-our-clients .some-of-our-clients-heading h5 {
        font-size: 2rem;
    }

    .some-of-our-client-logos img {
        width: calc(100vw - 2rem);
    }

    /* End some of our clients */

    /* Start meet our team */
    .bottom-sections-with-same-bg-container .meet-our-team-content-container .meet-our-team-content {
        grid-auto-flow: row;
        grid-template-columns: auto;
        padding: 1rem;
    }

    .bottom-sections-with-same-bg-container .meet-our-team-content-container .meet-our-team-content .team-tabs .meet-our-team-heading {
        width: 100%;    
    }

    .bottom-sections-with-same-bg-container .meet-our-team-content-container .meet-our-team-content .team-tabs .meet-our-team-heading h6 {
        font-size: 2rem;
        font-family: landingPageBoldFont;
        color: #F1E300;
        margin: 0;
        position: unset;
        bottom: 0;
    }

    ul.tabs li {
        width: 100%;
        font-size: .9rem;
    }

    .tabs-value {
        margin: 0;
    }

    /* End meet our team */

    /* Start ready to grow */
    .ready-to-grow {
        background-color: #F1E300;
        background-image: none;
        height: auto;
    }

    .bottom-sections-with-same-bg-container .meet-our-team-content-container {
        padding: 0;
    }


    .ready-to-grow .ready-to-grow-heading h6 {
        font-size: 2rem;
        padding-top: 5rem;
        margin: 0;
    }

    .ready-to-grow .ready-to-grow-call-to-action-button {
        margin-top: 4rem;
        text-align: center;
        padding-bottom: 4rem;
    }


    /* End ready to grow */


    footer .footer-content {
        display: grid;
        grid-auto-flow: row;
        grid-template-columns: auto;
        align-items: center;
        text-align: center;
    }

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

    /* Start lets talk about your potintial page */

    .form-and-testimonials-wrapper {
        padding: 5.62rem 1rem 5.62rem 1rem;
        display: grid;
        grid-auto-flow: row;
        grid-template-columns: auto;
        justify-content: center;
    }

    .form-with-heading-wrapper .form-heading-and-sub-heading h1 {
        font-size: 2rem;
    }

    .form-and-testimonials-wrapper .testimonials {
        grid-row-start: 2;
        padding: 1rem;
        width: calc(100vw - 1rem);
    }

    .form-and-testimonials-wrapper .testimonial-card {
        height: auto;
    }

    .splide,
    .splide__slide {
        width: 100%;
    }


    .our-process-section-container .our-process-content .our-process-row .deatils-of-circle:nth-child(even) {
        text-align: end;
    }

    .our-process-section-container .our-process-content .our-process-row .deatils-of-circle:nth-child(odd) {
        text-align: start;
    }

    .mobile-view {
        display: block;
    }
    

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

    .impact-that-stings-section {
        padding-top: 5rem;
    }

    .some-of-our-clients .normal-container {
        padding: 5rem 0;
    }

    .form-and-testimonials-wrapper {
        justify-content: center;
    }

    .splide__pagination {
        bottom: 18.8em;
    }

    .form-and-testimonials-wrapper .testimonials {
        padding: 3rem 1rem 0 1rem;
    }

    .arrow-of-first-circle {
        display: none;
    }

    .circle .mobile-view {
        display: block;
    }

    .arrow-of-first-circle {
        bottom: -10%;
        left: 94%;
    }

    .our-process-section-container .our-process-content .our-process-row .circle .arrow-of-second-circle {
        right: 59%;
        top: 91%;
    }

    .our-process-section-container .our-process-content .our-process-row .circle .arrow-of-third-circle {
        bottom: -2%;
        left: 94%;
    }

}


/* End Responsive CSS */