body{
    padding: 0px !important;
    margin: 0px !important;
}
.main_home_text button{
    background-color: #86D034 !important;
    font-size: 16px;
    font-weight: 400;
    border-radius: 25px; 
    border-width: 0px; 
    margin-left: auto; 
    margin-right: auto; 
    display: flex;
    align-items: center;
    width: auto;
    padding-left: 25px;
    padding-right: 25px;
    padding-top: 10px;
    padding-bottom: 10px;
}
.home_page_text_container{
    display: flex; 
    align-items: center; 
    justify-content: center; 
    margin-top: 70px;
}
.main_home_text p{
color: #BEBEBE; 
text-align: center; 
display: flex; 
justify-content: center; 
margin-left: auto; 
margin-right: auto;
padding-top: 25px;
padding-bottom: 25px;
}
.main_header ul{
display: flex;
color: white;
font-weight: 600;
}
.main_header button{
font-weight: 600;
display: flex;
justify-content: center;
align-items: center;
}
.home-container{
display: flex;
flex-direction: column; 
justify-content: space-between;
}

.container-2{
    background-color: #ECFDF5;
}
.container-2-card{
    padding: 60px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    gap: 70px;
    font-family: inter;
}
.container-2-card img{
    height: 655px;justify-content: center;
}
.card-1, .card-2{
border-width: 2px;
border-radius: 20px;
border-style: solid;
border-color: #86B9AB;
padding: 22px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
}

.card-1 p, .card-2 p{
margin-bottom: 0px;
padding-top: 15px;
}



.container-3{
    background-color: #ffffff;
}
.container-3-card{
    padding: 60px;
    margin-left: auto;
    margin-right: auto;
    /* display: flex; */
    gap: 50px;
    font-family: inter;
}
.card_header{
    padding-bottom: 35px;
    border-bottom-width: 1px;
    border-left-width: 0px;
    border-right-width: 0px;
    border-top-width: 0px;
    border-style: solid;
    border-color: #86B9AB;
    align-items: center;
}
.solutions{
    justify-content: space-between;
    gap: 50px;
    padding-top: 35px;
}
.solutions h3{
   font-weight: 600;
   color: #065F46;
   margin-top: 25px;
}



@media (max-width: 576px) and (max-width: 767px) {
    .contact_page_text_container {
        padding-top: 120px !important;
    }
    .header-one {
            position: absolute;
            width: 100%;
            z-index: 10;
        }
}
@media (max-width: 480px) {
    .contact_page_text_container {
        padding-top: 120px;
    }
    .header-one {
            position: absolute;
            width: 100%;
            z-index: 10;
        }
}

.container-3-card button{
    display: flex;
    background-color: #86D034 !important;
    font-size: 18px;
    font-weight: 400;
    border-radius: 25px; 
    border-width: 0px; 
    margin-left: auto; 
    margin-right: auto; 
    display: flex;
    align-items: center;
    width: auto;
    padding-left: 25px;
    padding-right: 25px;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-top: 30px;
}




.container-4{
    background-color: #162308;
}
.container-4-card{
    padding: 60px;
    margin-left: auto;
    margin-right: auto;
    /* display: flex; */
    gap: 50px;
    font-family: inter;
}

.card-01, .card-02, .card-03, .card-04{
    background-color: #ECFDF5;
    border-radius: 17px;
    width: 310px;
    padding: 25px;
}
.card-01 img, .card-02 img, .card-03 img, .card-04 img{
margin-bottom: 30px !important;
}
.why-choose-as-cards h5{
   font-weight: 600;
   color: #162308;
   margin-top: 25px;
   font-size: 25px;
}

.container-4-card button{
    display: flex;
    background-color: #86D034 !important;
    font-size: 18px;
    font-weight: 400;
    border-radius: 25px; 
    border-width: 0px; 
    margin-left: auto; 
    margin-right: auto; 
    display: flex;
    align-items: center;
    width: auto;
    padding-left: 25px;
    padding-right: 25px;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-top: 50px;
}

.container-5{
    background-color: #ECFDF5;
}
.container-5-card{
    /* width: 75%; */
    padding: 60px;
    margin-left: auto;
    margin-right: auto;
    /* display: flex; */
    gap: 50px;
    font-family: inter;
}
.header_text_card{
    justify-content: space-between;
    padding-bottom: 45px;
    border-bottom-width: 1px;
    border-left-width: 0px;
    border-right-width: 0px;
    border-top-width: 0px;
    border-style: solid;
    border-color: #86B9AB;
}
.button-list button{
    background-color: #B7E9D2 !important;
    color: #065F46;
    font-size: 18px;
    font-weight: 600;
    border-radius: 25px; 
    border-width: 0px; 
    width: auto;
    display: flex;
    align-items: center;
    padding-left: 25px;
    padding-right: 25px;
    padding-top: 10px;
    padding-bottom: 10px;
}


.footer{
    background-color: #162308;
}
.footer-card{
    width: 95%;
    margin-left: auto;
    margin-right: auto;
    font-family: inter;
}
.footer_card_left{
    display: flex;
    flex-direction: column;
}
header button{
    background-color: #FFFFFF !important; 
    border-radius: 25px; 
    border: none; 
    height: 47px; 
    width: 220px; 
    font-weight: 600; 
    color: #1D2E29;
    display: flex;
    justify-content: center;
    align-items: center;
}
.footer_card_right button{
    background-color: #86D034 !important;
    font-size: 18px;
    font-weight: 500;
    border-radius: 25px; 
    border-width: 0px; 
    /* margin-left: auto; 
    margin-right: auto;  */
    display: flex;
    align-items: center;
    width: auto;
    padding-left: 25px;
    padding-right: 25px;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-top: 20px; 
    color: white;
}
.footer_right_top{
    padding-bottom: 30px; 
    border-right: 0px;
    border-left: 0px;
    border-top: 0px;
    border-bottom: 1.5px; 
    border-color: #465D2C; 
    border-style: solid;
}
.footer_right_bottom{
    padding-bottom: 10px; 
    padding-top: 30px; 
    border-right: 0px;
    border-left: 0px;
    border-top: 0px;
    border-bottom: 1.5px; 
    border-color: #465D2C; 
    border-style: solid;
    display: flex; 
    justify-content:space-between;
    flex-wrap: wrap;
}





/* Service page css start */
    .main_home_text button{
        background-color: #86D034 !important;
        font-size: 18px;
        font-weight: 400;
        border-radius: 25px; 
        border-width: 0px; 
        margin-left: auto; 
        margin-right: auto; 
        margin-bottom: 37px;
        display: flex;
        align-items: center;
        width: auto;
        padding-left: 25px;
        padding-right: 25px;
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .service-container-2-card button{
        background-color: #86D034 !important;
        font-size: 18px;
        font-weight: 400;
        border-radius: 25px; 
        border-width: 0px; 
        margin-left: auto; 
        margin-right: auto; 
        margin-bottom: 37px;
        width: auto;
        display: flex;
        align-items: center;
        padding-left: 25px;
        padding-right: 25px;
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .Service_page_text_container{
        display: flex; 
        flex-direction: column;
        align-items: center; 
        justify-content: center; 
        margin-top: 70px;
    }
    .service-container-2-card{
        width: 75%;
        padding: 60px;
        margin-left: auto;
        margin-right: auto;
        justify-content: center;
        display: flex;
        flex-direction: column;
        gap: 50px;
        font-family: inter;
    }
    .service-container-2{
        background-color: #ECFDF5;
    }




    .service-container{
        background-color: #ECFDF5;
    }
    .service-container-card{
        padding: 60px;
        display: flex;
        align-items: center;
        margin-left: auto;
        margin-right: auto;
        display: flex;
        gap: 70px;
        font-family: inter;
    }


    .service-list ul li h4{
        font-weight: 600;
        color: #065F46;
     }

     .service-list h3{
        font-weight: 600;
        color: #065F46;
     }
     .service-list ul li h5{
        font-weight: 400;
        color: #065F46;

     }
     .service-container-4-card h4{
        font-weight: 600;
        color: #ffffff;
     }
     .service-list button{
        background-color: #86D034 !important;
        font-size: 18px;
        font-weight: 400;
        border-radius: 25px; 
        border-width: 0px; 
        /* margin-left: auto; 
        margin-right: auto;  */
        display: flex;
        align-items: center;
        margin-bottom: 37px;
        width: auto;
        padding-left: 25px;
        padding-right: 25px;
        padding-top: 10px;
        padding-bottom: 10px;
        color: white;
     }
     .service-list ul{
    display: flex;
    flex-direction: column;
    gap: 10px;
     }


    .smart-industries-to{
        display: flex;
        flex-wrap: wrap;
        text-align: center;
        justify-content: center;
    }
    .smart-industries-to h2 {
        color: #065F46; 
        text-align: center; 
        font-family: inter; 
        font-weight: bold;
    }
    .smart-industries-to {
        display: flex;
        justify-content: center;
        margin-left: auto;
        margin-right: auto;
    }
    .smart-industries-to span img{
        width: 80px;
        padding-left: 10px;
        padding-right: 10px;
    }


    .service-container-4{
        background-color: #065F46;
        /* display: flex; */
        justify-content: center;
        margin-left: auto;
        margin-right: auto;
        padding: 60px;

    }
    .service-container-4{
       
        margin-left: auto;
        margin-right: auto;
        /* display: flex; */
        gap: 50px;
        font-family: inter;
    }
.getting-started{
    gap: 20px
}
.getting-started-txt{
    display: flex;
    flex-direction: column;
    gap: 30px;
}



.service-container-5{
    background-color: #ECFDF5;
}
.service-container-5-card{
    padding: 60px;
    margin-left: auto;
    margin-right: auto;
    /* display: flex; */
    gap: 50px;
    font-family: inter;
}
.service-header_text_card{
    justify-content: space-between;
    padding-bottom: 45px;
    border-color: #86B9AB;
}
.service-header_text_card p{
    display: flex;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
}
.service-header_text_card img{
    width: 90%;
    margin-left: auto; 
    margin-right: auto; 
    display: flex;
    justify-content: center;

}
.service-header_text_card button{
    background-color: #86D034 !important;
    font-size: 18px;
    font-weight: 400;
    border-radius: 25px; 
    border-width: 0px; 
    margin-left: auto; 
    margin-right: auto; 
    display: flex;
    margin-bottom: 37px;
    width: auto;
    padding-left: 25px;
    padding-right: 25px;
    padding-top: 10px;
    padding-bottom: 10px;
    color: white;
}



    /* About Page CSS Start */
    .about-container-2{
        background-color: #ECFDF5;
    }
    .about-container-2-card{
        padding: 60px;
        margin-left: auto;
        margin-right: auto;
        display: flex;
        flex-direction: column;
        font-family: inter;
    }


    .about_page_text_container{
        display: flex; 
        flex-direction: column;
        align-items: center; 
        justify-content: center; 
        margin-top: 70px;
    }
    .about_home_text button{
        background-color: #86D034 !important;
        font-size: 18px;
        font-weight: 400;
        border-radius: 25px; 
        border-width: 0px; 
        margin-left: auto; 
        margin-right: auto; 
        display: flex;
        align-items: center;
        margin-bottom: 37px;
        width: auto;
        padding-left: 25px;
        padding-right: 25px;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .about_main_header ul li, a{
       color: #1D2E29; 
       font-weight: 600;
    }
 .about-container-2-card ul li{
    list-style: none;
    line-height: 55px;
    font-weight: 600;
    color: #065F46;
    border-bottom: 1px;
    border-top: 0px;
    border-right: 0px;
    border-left: 0px;
    border-style: solid;
    font-size: 17px;
    border-color: #B7E9D2;
    display: flex;
    justify-content: space-between;
 }
 .about-container-2-card ul{
    padding-left: 0px;
    margin-top: 0px;
 }
 .about-container-2-card li span img{
    width: 30px;
 }
 .tech-provides{
    margin-top: 30px;
 }


 /* contact */
 .contact_page_text_container{
        display: flex; 
        justify-content: center; 
 }

.contact-info h6{
text-align: left;    
color: white !important;
}
.contact-info p{
    text-align: left;    
    color: white ;
    }
.contact-info{
    display: flex;
    gap: 22px;
    width: 60%;
}
.contact-details{
    display: flex;
    flex-direction: column;
    gap: 40px;
}



.user-details form{
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.user-details label{
    color: white;
    text-align: left;
    margin-bottom: 6px;
}
.user-details input{
    border-bottom: 0.7px;
    border-color: #ECF3E4;
    border-style: solid;
    border-radius: 6px;
    height: 40px;
    color: white;
    padding: 8px;
    background-color: transparent;
}
.user-details button{
    background-color: #86D034 !important;
    font-size: 18px;
    font-weight: 400;
    border-radius: 25px; 
    border-width: 0px; 
    display: flex;
    align-items: center;
    justify-content: start;
    margin-bottom: 37px;
    width: auto;
    padding-left: 25px;
    padding-right: 25px;
    padding-top: 10px;
    padding-bottom: 10px;  
    margin-top: 21px;
}

button{
    /* background-color: #86D034 !important; */
    font-size: 18px;
    font-weight: 400;
    border-radius: 25px; 
    border-width: 0px; 
    display: flex;
    align-items: center;
    justify-content: start;
    margin-bottom: 37px;
    width: auto;
    padding-left: 25px;
    padding-right: 25px;
    padding-top: 10px;
    padding-bottom: 10px;  
    margin-top: 21px;
}

.service-list ul li{
    display: flex;
    gap: 20px;
}


.about-container-2 button, .main_home_text button{
 background-color: #FFFFFF;
 color: #162308; 
 border: none; 
 border-radius: 25px; 
 display: flex;
 align-items: center;
 height: 47px; 
 width: auto; 
 font-weight: 600; 
 cursor: pointer;
}




@media (max-width: 480px) {
    .why-choose-as-cards{
        display: flex;
        flex-wrap: wrap;
        gap: 25px !important;
        padding-top: 20px;
    }
    .container-2-card{
        flex-wrap: wrap;
    }
    .card_header{
        flex-wrap: wrap;
    }
    .solutions{
        display: flex;
        flex-wrap: wrap;
    }
    .container-2-card img{
        height: 405px !important;
    }
    .header_text_card{
        display: flex;
        flex-wrap: wrap;
    }
    .focus-icons img{
        width: 100px;
        height: 100px !important;
        }
        .common-card{
            display: flex;
            flex-wrap: wrap;
            gap: 25px;
            }
    .container-5-card img, .service-container-card img{
        height: 145px !important;
    }
    /* about us */
    .about-us-home-img{
        display: flex;
        flex-wrap: nowrap;
     }
    .footer-card{
        display: flex;
        flex-wrap: wrap;
    }
    .container-5-card{
        padding-left:0px !important;
        padding-right:0px !important;
    }
    .contact-container{
        display: flex;
        flex-wrap: wrap;
        margin-top: 30px;
    }
    .contact-info h6{
        font-size: 12px;
    }
    .contact-info p{
        font-size: 11px;
        font-weight: 400;
    }
    .contact-info img{
        width: 33px;
        height: 33px;
    }
    .user-details label{
        font-size: 11px;
    }
    .user-details input{
    width: 355px;
    }
    .home_page_container{
        height: 120vh; 
     }
     .about_home_page_container{
        height: auto; 
     }
     .smart-industries-to {
        width: 100%;
     }
     .service-list ul li img{
        width: 22px;
        height: 22px !important;
    }
    .service-container-card{
        display: flex;
        flex-wrap: wrap;
    }
    .getting-started{
        display: flex;
        flex-wrap: wrap;
    }
    .service-container-5-card{
        width: 100%;
    }
    .footer-left-img img{
        width: 200px !important;
    }
    .service-container-2-card{
        padding-left: 10px;
        padding-right: 10px;
    }
    .container-5-card img, .service-container-card img {
        height: 378px !important;
    }
    .getting-img img{
        width: 250px;
    }
    .about-container-2-card img{
        width: 150px;
    }
  }






 @media (max-width: 576px) and (max-width: 767px){
    .why-choose-as-cards{
        display: flex;
        flex-wrap: wrap;
        gap: 25px !important;
        padding-top: 20px;
    }
    .container-2-card{
        flex-wrap: wrap;
    }
    .card_header{
        flex-wrap: wrap;
    }
    .solutions{
        display: flex;
        flex-wrap: wrap;
    }
    .home_page_container{
        height: auto !important;
    }
    .container-2-card img{
        height: 405px !important;
    }
    .container-3-card{
        padding: 30px;
    }
    .header_text_card{
        display: flex;
        flex-wrap: wrap;
    }
    .main_home_text p{
        padding: 20px;
    }
    .focus-icons img{
        width: 100px;
        height: 100px !important;
        }
        .common-card{
            display: flex;
            flex-wrap: wrap;
            gap: 25px;
            }
    .container-5-card img, .service-container-card img{
        height: 145px !important;
    }
    /* about us */
    .about-us-home-img{
        display: flex;
        flex-wrap: nowrap;
     }
     .about-container-2-card h2{
        margin-top: 30px;
     }
     .footer-card {
        display: flex;
        flex-wrap: wrap;
        padding: 20px;
    }
    .container-5-card{
        padding-left:0px !important;
        padding-right:0px !important;
    }
    .contact-container{
        display: flex;
        flex-wrap: wrap;
        margin-top: 30px;
    }
    .contact-info h6{
        font-size: 12px;
    }
    .contact-info p{
        font-size: 15px;
        font-weight: 400;
    }
    .contact-info img{
        width: 33px;
        height: 33px;
    }
    .user-details label{
        font-size: 14px;
    }
    .user-details input{
    width: 355px;
    }
    .home_page_container{
        height: 78vh; 
     }
     .about_home_page_container{
        height: auto; 
     }
     .smart-industries-to {
        width: 100%;
     }
     .service-list ul li img{
        width: 22px;
        height: 22px !important;
    }
    .service-container-card{
        display: flex;
        flex-wrap: wrap;
    }
    .getting-started{
        display: flex;
        flex-wrap: wrap;
    }
    .service-container-5-card{
        width: 100%;
    }
    .footer-left-img img{
        width: 250px !important;
        margin-top: 20px !important;
        margin-bottom: 15px !important;
    }
    .service-container-2-card{
        padding-left: 10px;
        padding-right: 10px;
    }
    .container-5-card img, .service-container-card img {
        height: 250px !important;
    }
    .getting-img img{
        width: 250px;
    }
    .about-container-2-card img{
        width: 250px;
    }
    .tracnsform-operation{
        padding: 20px;
    }
 }



 @media (min-width: 576px) and (max-width: 767px){
    .why-choose-as-cards{
        display: flex;
        flex-wrap: wrap;
        gap: 25px !important;
        padding-top: 20px;
    }
    .container-2-card{
        flex-wrap: wrap;
    }
    .card_header{
        flex-wrap: wrap;
    }
    .solutions{
        display: flex;
        flex-wrap: wrap;
    }
    .container-2-card img{
        height: 405px !important;
    }
    .header_text_card{
        display: flex;
        flex-wrap: wrap;
    }
    .focus-icons img{
        width: 100px;
        height: 100px !important;
        }
        .common-card{
            display: flex;
            flex-wrap: wrap;
            gap: 25px;
            }
    .container-5-card img, .service-container-card img{
        height: 250px !important;
    }
    /* about us */
    .about-us-home-img{
        display: flex;
        flex-wrap: wrap;
     }
    .footer-card{
        display: flex;
        flex-wrap: wrap;
    }
    .contact-container{
        display: flex;
        flex-wrap: wrap;
        margin-top: 30px;
    }
    .contact-info h6{
        font-size: 12px;
    }
    .contact-info p{
        font-size: 11px;
        font-weight: 400;
    }
    .contact-info img{
        width: 33px;
        height: 33px;
    }
    .user-details label{
        font-size: 11px;
    }
    .user-details{
        padding: 15px;
    }
    .user-details input{
        width: 355px;
    }
    .home_page_container{
        height: 120vh; 
     }
     .about_home_page_container{
        height: auto; 
     }
     .smart-industries-to {
        width: 100%;
     }
     .service-list ul li img{
        width: 22px;
        height: 22px !important;
    }
    .service-container-card{
        display: flex;
        flex-wrap: wrap;
    }
    .getting-started{
        display: flex;
        flex-wrap: wrap;
    }
    .service-container-5-card{
        width: 100%;
    }
    .footer-left-img img{
        width: 200px !important;
    }
    .service-container-2-card{
        padding-left: 10px;
        padding-right: 10px;
    }
    .container-5-card img, .service-container-card img {
        height: 378px !important;
    }
    .getting-img img{
        width: 250px;
    }
    .about-container-2-card img{
        width: 150px;
    }
 }

 @media (min-width: 768px) and (max-width: 991px){
    .why-choose-as-cards{
        display: flex;
        flex-wrap: wrap;
        gap: 25px !important;
        padding-top: 20px;
    }
    .container-2-card{
        flex-wrap: wrap;
    }
    .card_header{
        flex-wrap: wrap;
    }
    .solutions{
        display: flex;
        flex-wrap: wrap;
    }
    .container-2-card img{
        height: 405px !important;
    }
    .header_text_card{
        display: flex;
        flex-wrap: wrap;
    }
    .focus-icons img{
        width: 100px;
        height: 100px !important;
        }
        .common-card{
            display: flex;
            flex-wrap: wrap;
            gap: 25px;
            }
    .container-5-card img, .service-container-card img{
        height: 145px !important;
    }
    /* about us */
    .about-us-home-img{
        display: flex;
        flex-wrap: wrap;
     }
    .footer-card{
        display: flex;
        flex-wrap: wrap;
    }
    .contact-container{
        display: flex;
        flex-wrap: wrap;
        margin-top: 30px;
    }
    .contact-info h6{
        font-size: 12px;
    }
    .contact-info p{
        font-size: 11px;
        font-weight: 400;
    }
    .contact-info img{
        width: 33px;
        height: 33px;
    }
    .user-details label{
        font-size: 11px;
    }
    .user-details{
        padding: 15px;
    }
    .user-details input{
        width: 355px;
    }
    .home_page_container{
        height: 120vh; 
     }
     .about_home_page_container{
        height: auto; 
     }
     .smart-industries-to {
        width: 100%;
     }
     .service-list ul li img{
        width: 22px;
        height: 22px !important;
    }
    .service-container-card{
        display: flex;
        flex-wrap: wrap;
    }
    .getting-started{
        display: flex;
        flex-wrap: wrap;
    }
    .service-container-5-card{
        width: 100%;
    }
    .footer-left-img img{
        width: 200px !important;
    }
    .about-container-2-card{
        display: flex;
    }
    .about-container-2-card img{
        width: 250px;
    }
 }

 @media (min-width: 992px) and (max-width: 1199px){
    h1{
        font-size: 55px !important;
     }
     h2{
        font-size: 35px !important;
     }
     h3{
        font-size: 25px !important; 
     }
     .service-container-2-card h4{
        font-size: 19px;
     }

     p{
        font-size: 14px;
        color: #065F46;
        font-weight: 500;
     }
     .main_home_text p{
        font-size: 17px !important;
        width: 65%;
     }
     .card_header{
        display: flex;
    }
     .why-choose-as-cards{
        display: flex;
        flex-wrap: nowrap;
        gap: 25px !important;
        padding-top: 20px;
    }
    .main_home_text h1{
        width: 65%; 
        width: 65%;
        text-align: center;
        justify-content: center;
        margin-left: auto;
        margin-right: auto;        
    }
     .tracnsform-operation p{
        font-size: 17px;
     }
     .container-2-card, .container-3-card, .container-4-card, .container-5-card, .service-container-4-card{
        max-width: 1200px;
     }
     .container-4-card{
        max-width: 1500px;
     }
     .solutions p{
        width: 80%;
     }
     .header_text_card{
        display: flex;
        }
        .container-5-card img{
            height: 245px;
        }
        .focus-icons img{
            width: 100px;
            height: 100px;
            }
     .card-01 h3, .card-02 h3, .card-03 h3, .card-04 h3{
        font-weight: 600;
     }
     .common-card{
        display: flex;
        gap: 25px;
        }

        /* about us  */
        .about-us-home-img img{
            width: 350px;
         }
    .about-us-home-img{
        display: flex;
        flex-wrap: nowrap;
        align-items: center;
        gap: 30px;
     }
     .footer_card_right h4{
        font-size: 20px;
     }
     .footer_card_right p{
        font-weight: 17px;
        font-weight: 400;
     }
     .footer-card{
        display: flex;
        max-width: 1600px;
        flex-wrap: nowrap;
     }
     .solutions{
        display: flex;
        flex-wrap: wrap;
     }
     .contact-container{
        display: flex;
        flex-wrap: wrap;
        gap: 30px;
        margin-top: 30px;
    }

    .contact-info h6{
        font-size: 16px;
    }
    .contact-info p{
        font-size: 14px;
        font-weight: 400;
    }
    .contact-info img{
        width: 39px;
        height: 39px;
    }
    .user-details label{
        font-size: 13px;
    }
    .user-details input{
        width: 400px;
    }
    .service-list ul li img{
        width: 40px;
        height: 40px;
    }
    .service-list ul li h4{
        font-size: 19px;
     }
     .home_page_container{
        height: 150vh; 
     }
     .about_home_page_container{
        height: auto; 
     }
     .smart-industries-to {
        width: 72%;
     }
     .getting-started{
        display: flex;
        align-items: center;
    }
    .service-container-5-card{
        width: 75%;
    }
    .service-container-card img{
        height: 550px;
    }
    .service-header_text_card img{
        width: 100%;
    }
    .service-container-5-card {
        padding: 30px;
    }
    .footer-left-img img{
        width: 250px !important;
    }
    .container-5-card{
        padding:60px;
    }
    .container-2-card img {
        height: 455px;
 }
 .card-1 img, .card-2 img{
    width: 50px;
    height: 50px;
    display: flex;
}
.card-1, .card-2{
    width: 200px;
}
.footer-left-img img{
    width: 270px !important;
}
.service-container-4{
    display: flex;
    flex-wrap: wrap;
}
.about-container-2-card img{
    width: 300px ;
}
}



 @media (min-width: 1200px) and (max-width: 1399px){
    h1{
        font-size: 55px !important;
     }
     h2{
        font-size: 35px !important;
     }
     h3{
        font-size: 25px !important; 
     }
     .service-container-2-card h4{
        font-size: 19px;
     }

     p{
        font-size: 14px;
        color: #065F46;
        font-weight: 500;
     }
     .main_home_text p{
        font-size: 17px !important;
        width: 65%;
     }
     .card_header{
        display: flex;
    }
    button{
        font-size: 15px !important;
    }
     .why-choose-as-cards{
        display: flex;
        flex-wrap: nowrap;
        gap: 25px !important;
        padding-top: 20px;
    }
    .main_home_text h1{
        width: 65%; 
        width: 65%;
        text-align: center;
        justify-content: center;
        margin-left: auto;
        margin-right: auto;        
    }
     .tracnsform-operation p{
        font-size: 17px;
     }
     .container-2-card, .container-3-card, .container-4-card, .container-5-card, .service-container-4-card, .main_header, .main_home_text, .about-container-2-card{
        max-width: 1200px;
     }
     .container-4-card{
        max-width: 1500px;
     }
     .solutions p{
        width: 80%;
     }
     .header_text_card{
        display: flex;
        }
        .header_text_card{
            display: flex;
            gap: 50px;
            align-items: center;
        }
        .container-5-card img{
            height: 325px;
        }
        .focus-icons img{
            width: 70px;
            height: 70px;
            }
     .card-01 h3, .card-02 h3, .card-03 h3, .card-04 h3{
        font-weight: 600;
     }
     .common-card{
        display: flex;
        gap: 25px;
        }

        /* about us  */
        .about-us-home-img img{
            width: 350px;
         }
    .about-us-home-img{
        display: flex;
        flex-wrap: nowrap;
        align-items: center;
        gap: 30px;
     }
     .footer_card_right h4{
        font-size: 20px;
     }
     .footer_card_right p{
        font-weight: 17px;
        font-weight: 400;
     }
     .footer-card{
        display: flex;
        max-width: 1600px;
        flex-wrap: nowrap;
        gap: 70px;
        padding: 60px;
        padding-bottom: 15px;
     }
     .footer-address-card{
        width: 45%;
     }
     .solutions{
        display: flex;
     }
     .contact-container{
        display: flex;
        flex-wrap: wrap;
        gap: 30px;
        margin-top: 30px;
    }

    .contact-info h6{
        font-size: 16px;
    }
    .contact-info p{
        font-size: 14px;
        font-weight: 400;
    }
    .contact-info img{
        width: 39px;
        height: 39px;
    }
    .user-details label{
        font-size: 13px;
    }
    .user-details input{
        width: 400px;
    }
    .service-list ul li img{
        width: 40px;
        height: 40px;
    }
    .service-list ul li h4{
        font-size: 19px;
     }
     .home_page_container{
        height: 160vh; 
     }
     .about_home_page_container{
        height: auto; 
     }
     .smart-industries-to {
        width: 72%;
     }
     .getting-started{
        display: flex;
        align-items: center;
    }
    .service-container-5-card{
        width: 75%;
    }
    .service-container-card img{
        height: 555px;
    }
    .footer-left-img img{
        width: 325px !important;
    }
    .footer-marat-logo img{
        width: 250px;
    }
    .service-container-4{
        display: flex;
    }
    .about-container-2-card{
        padding: 60px;
        margin-left: auto;
        margin-right: auto;
        display: flex;
        flex-direction: row;
        gap: 70px;
        font-family: inter;
    }
    .about-container-2-card{
        padding: 60px;
        padding-top: 60px;
        margin-left: auto;
        margin-right: auto;
        display: flex;
        flex-direction: row;
        gap: 70px;
        font-family: inter;
    }
    .about-container-2-card img{
        width: 230px;
    }
    .card-1, .card-2{
        width: 220px;
    }
    .getting-sub-text p {
        width: 52%;
       }
       .service-header_text_card p{
        width: 80%;
       }
 }



 @media (min-width: 1399px) and (max-width: 1599px){
 h1{
    font-size: 55px !important;
 }
 h2{
    font-size: 55px !important;
 }
 h3{
    font-size: 31px !important; 
 }
 .service-container-2-card h4{
    font-size: 20px;
 }
 p{
    font-size: 17px;
    color: #065F46;
    font-weight: 500;
 }
 .main_home_text p{
    font-size: 22px !important;
    width: 75%;
 }
 .card_header{
    display: flex;
}
 .why-choose-as-cards{
    display: flex;
    flex-wrap: nowrap;
    gap: 25px;
    padding-top: 20px;
}
.common-card{
    display: flex;
    gap: 25px;
    }
 .tracnsform-operation p{
    font-size: 22px;
 }
 .container-2-card, .container-3-card, .container-4-card, .container-5-card, .service-container-card, .service-container-4-card, .main_header, .main_home_text, .about-container-2-card{
    max-width: 1400px;
 }
 .container-4-card{
    max-width: 1500px;
 }
 .solutions p{
    width: 80%;
 }
 .solutions{
    display: flex;
 }
 .header_text_card{
    display: flex;
}
.focus-icons img{
    width: 80px;
    height: 80px;
    }
    .service-list ul li img{
        width: 50px;
        height: 50px !important;
    }
.container-5-card img{
    height: 245px;
}
 .card-01 h3, .card-02 h3, .card-03 h3, .card-04 h3{
    font-weight: 600;
 }

 /* aboutus */
 .about-us-home-img img{
    width: 550px;
 }
 .about-us-home-img{
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 40px;
 }
 .footer_card_right h4{
    font-size: 23px;
 }
 .footer_card_right p{
    font-size: 15px;
    font-weight:400 !important;
 }

 .footer-card{
    display: flex;
    max-width: 1600px;
    flex-wrap: nowrap;
    gap: 90px;
    padding: 60px;
    padding-bottom: 0px;
 }
 .footer-address-card{
    width: 45%;
 }
 .contact-container{
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    margin-top: 30px;
}

.contact-info h6{
    font-size: 20px;
}
.contact-info p{
    font-size: 17px;
    font-weight: 400;
}
.contact-info img{
    width: 50px;
    height: 50px;
}
.user-details label{
    font-size: 16px;
}
.user-details input{
    width: 400px;
}
.service-list ul li h4{
    font-size: 22px;
 }
 .home_page_container{
    height: 149vh; 
 }
 .about_home_page_container{
    height: auto; 
 }
 .smart-industries-to {
    width: 80%;
 }
 .getting-started{
    display: flex;
    align-items: center;
}
.service-container-5-card{
    width: 75%;
}
.service-container-card img{
    height: 655px;
}
.footer-left-img img{
    width: 600px !important;
}
.service-container-4{
    display: flex;
}
.footer_card_left img{
    width: 350px;
}
.footer-marat-logo img{
    width: 300px;
}
.about-container-2{
    background-color: #ECFDF5;
}
.about-container-2-card{
    padding: 60px;
    padding-top: 0px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-direction: row;
    gap: 70px;
    font-family: inter;
}
.about-container-2-card img{
    width: 330px;
}
.card-1, .card-2{
    width: 270px;
}
.getting-sub-text p {
    width: 52%;
   }
   .service-header_text_card p{
    width: 80%;
   }
 }






 @media (min-width: 1600px){
    h1{
       font-size: 85px !important;
    }
    h2{
       font-size: 55px !important;
    }
    h3{
       font-size: 31px !important; 
    }
    .service-container-2-card h4{
       font-size: 20px;
    }
    p{
       font-size: 17px;
       color: #065F46;
       font-weight: 500;
    }
    .main_home_text p{
       font-size: 22px !important;
       width: 75%;
    }
    .card_header{
       display: flex;
   }
    .why-choose-as-cards{
       display: flex;
       flex-wrap: nowrap;
       gap: 25px;
       padding-top: 20px;
   }
   .common-card{
       display: flex;
       gap: 25px;
       }
    .tracnsform-operation p{
       font-size: 22px;
    }
    .tracnsform-operation h2{
        font-size: 22px;
     }
    .container-2-card, .container-3-card, .container-4-card, .container-5-card, .service-container-card, .service-container-4-card, .main_header, .main_home_text, .about-container-2-card{
       max-width: 1400px;
    }
    .container-4-card{
       max-width: 1500px;
    }
    .solutions p{
       width: 80%;
    }
    .solutions{
       display: flex;
    }
    .solution-detail-image img{
        width: 400px !important;
    }
    .header_text_card{
       display: flex;
   }
   .focus-icons img{
       width: 80px;
       height: 80px;
       }
       .service-list ul li img{
           width: 50px;
           height: 50px !important;
       }
   .container-5-card img{
       height: 450px;
   }
    .card-01 h3, .card-02 h3, .card-03 h3, .card-04 h3{
       font-weight: 600;
    }
   
    /* aboutus */
    .about-us-home-img img{
       width: 550px;
    }
    .about-us-home-img{
       display: flex;
       flex-wrap: nowrap;
       align-items: center;
       gap: 40px;
    }
    .footer_card_right h4{
       font-size: 23px;
    }
    .footer_card_right p{
       font-size: 15px;
       font-weight:400 !important;
    }
   
    .footer-card{
       display: flex;
       max-width: 1600px;
       flex-wrap: nowrap;
       gap: 90px;
       padding: 60px;
       padding-bottom: 0px;
    }
    .footer-address-card{
        width: 45%;
     }
    .contact-container{
       display: flex;
       flex-wrap: wrap;
       gap: 30px;
       margin-top: 30px;
   }
   
   .contact-info h6{
       font-size: 20px;
   }
   .contact-info p{
       font-size: 17px;
       font-weight: 400;
   }
   .contact-info img{
       width: 50px;
       height: 50px;
   }
   .user-details label{
       font-size: 16px;
   }
   .user-details input{
       width: 400px;
   }
   .service-list ul li h4{
       font-size: 22px;
    }
    .home_page_container{
       height: 130vh; 
    }
    .about_home_page_container{
       height: auto; 
    }
    .smart-industries-to {
       width: 80%;
    }
    .getting-started{
       display: flex;
       align-items: center;
   }
   .service-container-5-card{
       width: 75%;
   }
   .service-container-card img{
       height: 655px;
   }
   .footer-left-img img{
       width: 550px !important;
   }
   .service-container-4{
       display: flex;
   }
   .footer-marat-logo img{
    width: 350px;
   }
   .about-container-2{
       background-color: #ECFDF5;
   }
   .about-container-2-card{
       padding-left: 60px;
       padding-right: 60px;
       padding-top: 100px;
       padding-bottom: 100px;
       margin-left: auto;
       margin-right: auto;
       display: flex;
       flex-direction: row;
       gap: 70px;
       font-family: inter;
   }
   .about-container-2-card img{
       width: 470px;
   }
   .card-1, .card-2{
       width: 270px;
   }
   .getting-sub-text p {
    width: 52%;
   }
   .service-header_text_card p{
    width: 80%;
   }
    }





    /* main menu dropdown hover */
    /* Dropdown menu styles */
        .dropdown:hover .dropdown-menu {
            display: block;
        }
        .dropdown-menu {
            display: none;
            position: absolute;
            background-color: rgb(236, 253, 245, 1); /* Dark green background */
            min-width: 200px;
            box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
            z-index: 1;
            border-radius: 0.5rem;
            top: 100%; /* Position below the parent */
            left: 50%; /* Center dropdown */
            transform: translateX(-50%);
            padding: 0.5rem 0;
        }
        .dropdown-menu a {
            color: #333; /* White text for dropdown items */
            padding: 0.75rem 1rem;
            text-decoration: none;
            display: block;
            text-align: left;
            font-weight: 500;
            transition: background-color 0.2s ease;
        }
        .dropdown-menu a:hover {
            background-color: #758882; /* Darker green on hover */
            color: #fff;
        }


        .footer_right_bottom ul li a{
            text-decoration: none !important;
            color: white !important;
        }