@media (max-width: 768px) {


    .nav {

        padding: 3rem 3rem 1rem;

    }


    .home_pinSlider .head {
        margin-bottom: 1.9rem;
    }

    .home_pinSlider .container .block>div {
        margin-bottom: 1.3rem;
    }

    .home_pinSlider {
        .slick-slide {
            margin: 0 0rem;
        }
    }

    .home_pinSlider .head {
        margin-left: 0rem;
    }

    .home_whatWeDo .head h1 {
        margin-bottom: .4rem;
    }



    .home_whatWeDo .slick-list {
        margin: 0 -.5rem;
    }

    .home_whatWeDo .slick-list {
        .slick-slide {
            margin: 0 .5rem;
        }
    }

    .homeSliderInfinite .slider .block p {
        font-size: 1.2rem;
        margin-bottom: 2rem;
    }

    .homeSliderInfinite .head h1 {
        font-size: 2.1rem;
        margin-bottom: .4rem;
    }

    .homeContact .c1 h1 {
        font-size: 2.1rem;
        text-align: left;
        margin-bottom: 0.4rem;
        max-width: 19rem;

    }

    .homeContact .c1 p {
        text-align: left;
        max-width: 75%;
    }



    .homeContact>.c2 {
        width: 100%;
        border: unset;
        padding: 3.2rem 0rem 2rem;

        .wpcf7 {
            padding-bottom: 0;
        }

        .wpcf7-form .field,
        .wpcf7-form>div {
            margin-bottom: 0;
        }
    }




    .home_pinSlider .container .block .coming-soon-tag {
        >h1 {

            font-size: 1.2rem;
            margin-bottom: 0;

        }
    }


    .homeContact {

        gap: 0;
    }

    .homeContact>.c2 .contact-form .row2 .c2 textarea {
        height: 4rem;
        min-height: 4rem;
    }

    .homeContact>.c2 .contact-form div input,
    .homeContact>.c2 .contact-form div textarea,
    .homeContact>.c2 .contact-form div select {

        padding: 0.6rem 1rem;

    }

    .homeContact>.c2 .contact-form div label {
        font-size: .9rem;
        color: #1537f7;
        margin-bottom: .7rem;
    }


    .homeContact>.c2 .contact-form {
        gap: 1.5rem;

    }

    .homeContact>.c2 .contact-form .row2 .c1 {

        gap: 1.5rem;
    }

    .homeContact>.c2 .contact-form .submit {

        align-self: flex-end;
        width: auto;
        padding: 0.7rem 1.5rem;
    }


    .homeBlueLine .yellowCircle {
        left: 2%;
        bottom: 85%;
        width: 9rem;
        height: 9rem;
        gap: 0;
        padding: 1rem;
        display: none;
    }

    .homeBlueLine .yellowCircle h1 {
        font-size: .9rem;
        margin-bottom: .4rem;
        line-height: 1.2;
    }

    .homeBlueLine .yellowCircle a {
        font-size: .5rem;
        padding: 0;
        line-height: 1.6;

    }

    .homeBlueLine>h2,
    .homeBlueLine a {
        font-size: 1.2rem;
        padding: .8rem 0;
        width: 70%;
    }

    .homeBlueLine>h2,
    .homeBlueLine h2>a {
        font-size: 1.2rem;
        padding: .8rem 0;
        width: 70%;
    }

    .homeNews .c1>h1 {
        font-size: 2.1rem;
        width: 75%;
        margin-bottom: .4rem;
    }

    .homeNews .c1>p {
        font-size: 1.2rem;

    }

    .homeNews {
        flex-direction: column;
        padding: 3rem 0%;
        gap: 1.8rem;
    }



   

    .careers_listing {
        padding: 0rem 13% 5rem;
        flex-direction: column-reverse;

        >p {
            font-size: 1.6rem;
            font-weight: 400;
            letter-spacing: 0px;
            line-height: 1.2;
            margin-bottom: 0;
            max-width: 100%;
            text-align: left;
        }

        .wrapper {
            flex-direction: column;
            gap: 5rem;


            .c1 {
                width: 100%;

                h1 {
                    font-size: 2.4rem;
                    font-weight: 500;
                    margin-bottom: .8rem;
                    letter-spacing: -.2px;
                    line-height: 1.2;
                }

                p {
                    font-size: 1.6rem;
                    font-weight: 400;
                    letter-spacing: 0px;
                    line-height: 1.2;
                    margin-bottom: 0;
                }
            }

            .c2 {
                width: 100%;

                .block {
                    h1 {
                        font-size: 2.4rem;
                        font-weight: 500;
                        margin-bottom: .8rem;
                        letter-spacing: -.2px;
                        line-height: 1.2;
                    }

                    p {
                        font-size: 1.6rem;
                        font-weight: 400;
                        letter-spacing: 0px;
                        line-height: 1.2;

                    }

                    a {
                        font-size: 1.3rem;
                        font-weight: 400;
                        letter-spacing: 0px;
                        line-height: 1.2;
                    }
                }
            }
        }
    }


    /* contact page  */

    .contact_banner {
        height: auto;
        padding: 18rem 4.5% 18rem 3%;

        .content {
            position: fixed;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 70%;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            opacity: 0;
            margin-top: 0 !important;
        }

        .contact-item {
            .image {
                position: absolute;
                bottom: 15%;
                left: -1%;
                width: 33%;
                display: flex;
                align-items: flex-start;
                justify-content: flex-start;
                max-width: 12rem;
            }
        }

        .contact-item-2 {
            left: 8%;
            gap: 1.6rem;
        }

        .contact-item-3 {
            position: absolute;
            display: flex;
            max-width: 75rem;
            flex-direction: row;
            bottom: 0;
            left: 50%;
            gap: 2.8rem;
        }

        .contact-item-4 {
            position: absolute;
            display: flex;
            max-width: 6rem;
            flex-direction: row;
            top: 4%;
            left: 46%;
            gap: 2rem;
        }

        .contact-item-5 {
            position: absolute;
            display: flex;
            max-width: 75rem;
            flex-direction: row-reverse;
            bottom: 14%;
            right: 0%;
            gap: 0;

            .content {

                left: 40%;
            }
        }

        .contact-item-6 {
            position: absolute;
            display: flex;
            max-width: 75rem;
            flex-direction: row-reverse;
            top: 23%;
            left: 16%;
            gap: 0;
        }

        .contact-item-7 {
            position: absolute;
            display: flex;
            max-width: 6rem;
            flex-direction: row-reverse;
            top: 76%;
            right: 47%;
            gap: 0rem;
        }

        .contact-item-8 {

            top: 24%;
            left: 43%;
            gap: 0rem;
        }

        .contact-item-9 {
            position: absolute;
            display: flex;
            max-width: 5rem;
            flex-direction: row-reverse;
            bottom: 4%;
            left: 12%;
            gap: 0rem;
        }
    }





    


}

@media (max-width: 480px) {


    .home_circletextAnimation {
        padding-top: 5rem;
        padding-bottom: 5rem;
    }


    /* !footer  */


    .footer .c2 .list2 {
        gap: 2rem;
        flex-direction: column;
    }

    .footer .c2 .list2 .head {
        order: 0;
    }

    .footer .c2 .list2>p {
        order: 1;
        font-size: 1.2rem;
    }

    .footer .c2 .list1 {
        gap: 1.2rem;
    }

    .footer .extra {
        display: flex;
        gap: 1rem;
        margin-top: 2.6rem;
        order: 2;


        a {
            font-size: 1.1rem;
        }

        .c1 {
            display: flex;
            gap: 1rem;
            opacity:unset;
        }

        .c2 {
            display: flex;


            h5 {
                display: flex;
                gap: 1rem;
                align-items: center;

                svg {
                    max-width: 1.1rem;
                    height: auto;
                    height: auto;
                }
            }
        }
    }


    /* .footer .c2 .list1 .footer-word span:last-child {
        display: none;
    } */
    .footer .extra .c1 a:hover {
        color: #FFED24;
        opacity:1;
    }

    .footer .c2 .list2 .social {
        order: 3;
        display: flex;
        gap: 3rem;
    }

    .footer .c2 .list2 .head svg {
        max-width: 5rem;
        height: auto;
        margin-bottom: .5rem;
    }








    /* contact form  */


}