@media screen and (max-width: 1600px) {
    .hidden {
        overflow: hidden;
    }

    .container {
        overflow: hidden;
        max-width: 1250px;
        padding-inline: 20px;
        margin-inline: auto;
    }

    .navbar {
        display: flex;
        justify-content: space-around;
        align-items: center;
        padding: 15px;
        background-color: white;
        z-index: 3;
        position: sticky;
        top: 0;
        box-shadow: 1px 2px 9px -5px black;

    }


    /* .main_section {
        display: block;
        margin: auto;
    } */

    .left_main {
        background-image: url('./img/asset\ 16.png');
        background-repeat: no-repeat;
        background-size: contain;
        margin-left: -84px;
        /* width: 90vw; */
    }

    .left_main img {

        /* margin-top: 20px;
        position: relative;       
        z-index: 1; */
        height: 79%;
        position: relative;
        /* left: -83px; */
    }

    .right_main img {
        /* margin-top: 20px;
        position: relative;       
        z-index: 1; */
        height: 83%;
    }

    .middle_main {
        display: block;
        /* margin: auto; */
        margin-top: 100px;
        text-align: center;
        width: 100%;

    }

    .middle_main h4 {
        font-size: 13px;

    }

    .middle_main h1 {
        font-size: 43px;
        margin-top: 14px;
    }

    .middle_main p {
        font-size: 17px;
        margin-top: 14px;
        margin-bottom: -12;

    }

    .animation4 img {
        margin-top: 0px;
    }

    /* services section media queries */


    /* services section media queries */
    /* .services_section{
    max-width: 1250px;
    padding-inline: 20px;
    margin-inline: auto;
} */

    .services_section {
        gap: 5rem;
        margin-top: -8px;
    }

    .left_services {
        margin-left: 34px;
    }

    .left_services h2 {
        font-size: 30px;
        margin-bottom: 24px;
    }

    .right_services_child .imgdiv {
        width: 65px;
        height: 65px;

    }

    /* case study media queries  */
    .imagesec img {
        width: 54%;
        margin-top: 30px;
        border-radius: 16px;

    }

    /* why chooose us media queries */
    .why_choose_section {
        display: flex;
        margin-top: -20px;
        gap: 2rem;

    }

    .footer_section {
        margin-top: -254px;
    }


}


/* **************************responsive for laptop and ************************** */
@media screen and (max-width: 1350px) {
    .services_section {
        margin-top: 80px;
    }

    .right_case_study_animation1 img {
        width: 50px;
    }

    .right_case_study_animation2 img {
        width: 50px;
    }

    .left_case_study_animation1 img {
        width: 50px;

    }

    .left_case_study_animation2 img {
        width: 20px;

    }

    .imagesec img {
        width: 36%;
    }

    .why_choose_section {
        margin-top: 70px;
    }

    .bannerContent {
        text-align: center;
        padding: 18px;
    }

    .bannerContent h2 {
        color: white;
        font-size: 30px;
    }

    element.style {}

    .bannerContent p {
        color: #BDD6F1;
        margin-top: 23px;
        font-size: 20px;
    }

    .footer_section {
        margin-top: 13px;
    }

    .footer_left h1 {
        font-size: 2rem;
    }

}


/************ responsive for tablet*********** */

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

    .left_main img {
        margin-top: -19px;
        position: relative;
        z-index: 1;
    }

    .right_main img {
        margin-top: -38px;
    }

    .middle_main h1 {
        font-size: 38px;
        margin-top: 14px;
    }

    .btn_section .btn {
        padding: 14px 29px;
    }

    .services_section {
        margin-top: -34px;
    }

    .case_study_content h2 {
        font-size: 31px;
        line-height: 51px;
    }

    .imagesec img {
        width: 52%;
    }

    .btn_section .btn {
        padding: 14px 8px;
    }

    .bannerContent h2 {
        color: white;
        font-size: 23px;
    }

    .bannerContent p {
        color: #BDD6F1;
        margin-top: 15px;
        font-size: 19px;
    }

}

/* ******responsive for difference devices****** */

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

    
    .navlinks {
        /* display: none; */
        position: absolute;
    }
    .navlinks{
        flex-direction: column;
        top: 53px;
        left: -100%;
        background-color: white;
        width: 100%;
        padding: 34px 0px;
        transition: 1s;
    }

    .navlinks.active{
        left: 0;
    }

    .navbar .menubar{
        display: block;
        margin-right: 64px;
      }


    .left_main img {
        margin-top: -78px;
    }

    .right_main img {
        margin-top: -95px;
    }

    .middle_main h1 {
        font-size: 20px;
        margin-top: 14px;
    }

    .middle_main p {
        font-size: 13px;
        margin-top: 15px;
        margin-bottom: -26px;
    }

    .services_section {
        margin-top: -53px;
        flex-wrap: wrap;

    }


    .case_study_content h2 {
        font-size: 20px;
        line-height: 34px;
    }

    /* .imagesec{
        display: flex;
        flex-wrap: wrap;
    } */


    .imagesec img {
        width: 66%;
    }

    .why_choose_section {
        margin-top: -60px;
        flex-wrap: wrap;
    }

    .bannerContent h2 {
        color: white;
        font-size: 15px;
    }

    .bannerContent p {
        color: #BDD6F1;
        margin-top: 15px;
        font-size: 19px;
        margin-bottom: -37px;
    }

    .footer_section {
        margin-top: 3px;
        height: 70%;
        margin-top: -330px;

    }


}












/* responsiveness for mobile device */

@media screen and (max-width:510px) {
    .why_choose_section_left {
        margin-top: 523px;
    }


}


@media screen and (max-width:515px) {
    .hidden {
        overflow: hidden;
    }


    .logo img {
        width: 25%;
    }

    .main_section {
        overflow: hidden;
        background-image: url('./img/asset\ 52.jpeg');
        height: 100vh;
        object-fit: contain;
        background-size: cover;
        background-repeat: no-repeat;
        display: block;
        margin: auto;
    }

    .right_sec_animation img {
        display: none;
    }


    .right_sec_animation2 img {
        display: none;
    }

    .right_sec_animation3 img {
        display: none;
    }



    .services_section {
        display: flex;
        flex-wrap: wrap;
        margin-top: 34px;

    }

    .right_services {
        display: flex;
        flex-wrap: wrap;
    }

    .right_services_child p {
        width: 98%;
    }

    /* case study section media queries */

    .right_case_study_animation1 {
        display: none;
    }

    .right_case_study_animation2 {
        display: none;
    }

    .case_study_content p {
        color: var(--paragraph_color);
        line-height: 22px;
        width: 158%;
        margin-left: -64px;
    }



    .case_study {
        background-image: url('./img/asset\ 53.jpeg');
        /* background-repeat: no-repeat; */
        background-size: 1200px 9100px;
        object-fit: cover;
        /* width: 100vh;
        height: 100vh; */
        border-radius: 19px;


    }

    .case_study_content h2 {
        font-size: 17px;
        line-height: 36px;
    }

    .imagesec {
        display: flex;
        justify-content: space-evenly;
        flex-wrap: wrap;
        align-items: center;
        gap: 2rem;
    }

    .imagesec img {
        width: 100%;
    }


    /* why choose section media queries */

    .why_choose_section {
        display: flex;
        flex-wrap: wrap;
        margin-top: 234px;
       
    }

    .why_choose_section_left {
        margin-top: 19px;
    }

    .why_choose_main_img {
        width: 80%;
    }

    .why_choose_animatin_sec1 img {
        width: 23%;
    }

    .why_choose_animatin_sec2 img {
        width: 34%;
    }

    .why_choose_animatin_sec3 img {
        display: none;
    }


    .why_choose_section_left h2 {
        color: var(--primary_main_color);
        font-size: 33px;
        margin-top: 24px;
    }

    .left_main {
        display: none;
    }

    .right_main {
        display: none;
    }

    .middle_main h1 {
        font-size: 30px;
    }
    .middle_main h4 {
        font-size: 20px;
    }
    .middle_main p {
        font-size: 17px;
        margin-top: 26px;
        margin-bottom: -14px;
    }

    .left_case_study_animation1,
    .left_case_study_animation2 img {
        display: none;
    }

    /* .btn_section .primary_btn {
        background-color: red;
        width: 206px;
        margin-left: 21px;
    } */


    /* banner or intor section media queries */

    .banner {
        background-image: url('./img/asset\ 54.jpeg');
        background-repeat: no-repeat;
        background-size: contain;
        object-fit: cover;
        width: 90%;
        height: 100vh;
        display: block;
        margin: auto;
        border-radius: 50px;
        margin-top: -4px;
    }

    .bannerContent h2 {
        color: white;
        font-size: 12px;
        margin-top: -34px;
    }

    .btn_section .bannerBtn {
        margin-left: -100px;
    }

    .bannerContent p {
        /* color: var(--paragraph_color); */
        color: #BDD6F1;
        margin-top: 43px;
        font-size: 13px;
        width: 128%;
        margin-left: -34px;
    }

    .bannerContent {
        text-align: center;
        padding: 63px;
    }

    /* .btn_section .primary_btn {
        background-color: red;
        width: 206px;
        margin-left: 21px;
    } */


    /* footer section media queries */




    .footer_left_animation {
        animation: footerAnimation 6s linear infinite;
        width: 63px;
    }

    .footer_left h1 {
        font-size: 2rem;
    }

    .footer_section {
        margin-top: 3px;
        height: 70%;
        margin-top: -330px;

    }

    .footer_content {
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
    }

    .footer_middle {
        flex-wrap: wrap;
        display: flex;

    }

    .footer_middle img {
        width: 90%;
    }

    .footer_middle {
        width: 93%;
    }


    .footer_left,
    .footer_middle,
    .footer_right {
        margin-top: 10px;
        margin-bottom: 10px;
        padding: 23px;
    }

    .copyright {
        font-size: 12px;

    }
}