@import url("https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap");

* {
    padding: 0px;
    margin: 0px;
    font-family: Lato, sans-serif;
}

/* header start */

header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem;
}

.logo_item {
    display: flex;
    align-items: center;
}


.logo_item h3 {
    font-size: 30px;
    font-weight: 900;
}

.logo_item img {
    width: 5rem;
}

.contact_info {
    display: flex;
    gap: 5rem;
}

.mobile {
    display: flex;
    align-items: center;
}

.mobile p {
    font-size: 13px;
    margin-bottom: 0px;
}

.mobile h6 {
    color: #6ec1e4;
    font-size: 12px;
    padding: 0px;
    margin: 0px;
}

.mobile span {
    color: rgb(255, 255, 255);
    padding: 5px;
    background-color: rgb(64, 64, 64);
    margin-right: 10px;
}

.ERP_solution{
   
}

.ERP_solution h1 {
    color: black;
    font-weight: 700;
    text-align: center;
    background-color: rgb(218 221 225);
    padding: 2rem;
    font-size: 45px;
    margin: 0px;
}

.ERP_solution h5{
    color: black;
    background-color: rgb(218 221 225);
    margin: 0px;
    padding-bottom: 20px;
    text-align: center;
    font-weight: 700;
    font-size: 30px;
}

.erp_content h4 {
    font-size: 15px;
    font-weight: 400;
    line-height: 25px;
    text-align: justify;
    color: rgb(118, 118, 118);
    padding: 30px 130px;
}

.erp_solution_menu{

text-align: center;
}

.erp_solution_menu ul{
    
list-style: none;
    
display: flex;
    
align-items: center;
    
gap: 3vw;
    
justify-content: center;
    
background: rgb(218 221 225);
    
padding: 10px;
    
border: 1px solid transparent;
    
border-radius: 6px;
    
width: 25%;
    
position: relative;
    
margin: auto;
    
margin-top: 20px;

box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.erp_solution_menu ul a{
    
text-decoration: none;
font-size: 15px;
font-weight: 800;
}

.erp_solution_menu ul a li{
    
}


/* -------Header end ------- */



/* Menu start */
.menu {
    background-color: #36bdf3;
    color: #fff;
    padding: 20px;
    width: 100%;
}

.menu ul {

    display: flex;

    justify-content: center;

    padding: 0px;

    margin: 0px;
}

.menu ul a {
    text-decoration: none;
    color: #fff;
    
}

.menu ul li {

    list-style: none;
    font-weight: 900;
    margin: 0px 25px;
    border-bottom: 1px solid transparent;

}

.menu ul li:hover {

    list-style: none;

    margin: 0px 25px;

    color: black;

    transition: 0.7s all ease-in-out;

    font-weight: 900;

    border-bottom: 1px solid black;


}

/* Menu End */






/* our_service start */


.our_service h1 {
    font-size: 50px;
    font-weight: 900;
    color: blue;
    text-align: center;
    margin-top: 2rem;
}


.service_content {
    padding: 0rem 3rem;
}


/* our_service end */





/* box_content start */

.box_content {
    
    margin-top: 5vw;
    height: 40vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
    border: 1px solid transparent;
    border-radius: 10px;
    transition: 0.5s all ease-in-out;
    cursor: pointer;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
}



.box_content:hover {

    box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}




.box_content h2 {
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 20px;
    
}

.box_content h4 {
    text-align: justify;
    font-size: 15px;
    margin-bottom: 10px;
    line-height: 20px;
}

.box_content a {
    color: white;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 30px 60px -12px, rgba(0, 0, 0, 0.3) 0px 18px 36px -18px;
    cursor: pointer;
    height: 28px;
    width: 70px;
    background: rgb(54, 189, 243);
    text-align: center;
    border-radius: 2px;
    text-decoration: none;
}

.box_content a:hover {
    color: #686161;
    text-decoration: none;
    box-shadow: rgba(0, 0, 0, 0.4) 0px 30px 90px;
    cursor: pointer;
    transition: .5s ease;
    font-weight: 700;
}


.box_content img {
    width: 20%;
    margin-bottom: 2vw;
}

.box_content_Inventory{
    margin-top: 5vw;
    height: 40vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
    border: 1px solid transparent;
    border-radius: 10px;
    transition: 0.5s all ease-in-out;
    cursor: pointer;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
}

.box_content_Inventory:hover {

    box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}

.box_content_Inventory img {
    width: 35%;
    margin-bottom: 2vw;
}

.box_content_Inventory h2 {
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 20px;
}

.box_content_Inventory h4 {
    text-align: justify;
    font-size: 15px;
    margin-bottom: 10px;
    line-height: 20px;
}

.box_content_Inventory a {
    color: white;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 30px 60px -12px, rgba(0, 0, 0, 0.3) 0px 18px 36px -18px;
    cursor: pointer;
    height: 28px;
    width: 70px;
    background: rgb(54, 189, 243);
    text-align: center;
    border-radius: 2px;
    text-decoration: none;
}

.box_content_Inventory a:hover {
    color: #686161;
    text-decoration: none;
    box-shadow: rgba(0, 0, 0, 0.4) 0px 30px 90px;
    cursor: pointer;
    transition: .5s ease;
    font-weight: 700;
}





/* box_content end */





/* production_management start */

.all_management {

    text-align: center;
}

.all_management h1 {
    color: blue;
    font-size: 40px;
    font-weight: 700;
    margin: 0px 0px;
    margin-top: 30px;
}

.all_management h5 {

text-align: justify;

font-size: 19px;

line-height: 30px;

margin: 26px 0px 0px 0px;

padding: 0px 60px;
}

.feature {

display: flex;

justify-content: space-around;

align-items: center;

margin-top: 25px;
}

.feature h2 {

    font-size: 30px;

    font-weight: 600;
}

.feature ul {

    padding: 0;

    list-style: inside;

    line-height: 30px;

    font-size: 15px;

    font-weight: 400;

    color: #8f8787;
}

.feature ul li {}

.feature img {

    width: 30%;
}


/* production_management end */



/* about start */
.about {}





.our_team {

    text-align: center;

    margin: 10rex 0rex;
}

.our_team h1 {

    font-size: 35px;

    font-weight: 600;
    margin-top: 2em;
}

.our_team h2 {

    font-size: 25px;

    font-weight: 400;

    margin-top: 15px;

    color: blue;
}



.management_content {

    display: flex;

    justify-content: space-between;

    margin-top: 4em;

    padding: 0em 5em;

    gap: 5em;
}

.management_content img {
    border-radius: 50%;

}

.management_content h3 {

    font-weight: 700;

    font-size: 21px;

    margin-top: 15px;
}

.management_content h4 {

    font-size: 13px;

    font-weight: 400;

    margin-bottom: 25px;
}

.management_content p {

    text-align: justify;

    font-size: 15px;

    line-height: 25px;

    font-weight: 400;

    color: #918f8f;
}

.team_img {

    border: transparent;

    padding: 3em 4em;

    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}


.Programmer_content {

    display: flex;

    justify-content: center;

    gap: 3%;
}

.Programmer_content img {

    width: 30%;

    border-radius: 50%;
}



.Programmer_content h3 {

    margin: 0px;

    margin-top: 15px;

    color: black;
}

.Programmer_content h6 {}

.Programmer_content_box {
    border: transparent;
    width: 25%;
    padding: 25px 0px;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}


.Programmer h1 {

    margin: 3em 0em 1em 0em;
}

.about_text {

    display: flex;

    align-items: center;

    padding: 5em;

    gap: 3em;

    border-bottom: 1px solid #dbdbdb;
}

.about_text h1 {

    font-weight: 700;

    margin-bottom: 20px;
}

.about_text p {

    text-align: justify;

    line-height: 25px;

    font-weight: 400;
}

.about_text img {

    width: 30rem;
}




/* about end */




/* contact start */

.contact {}

.contact h1 {
    text-align: center;
    color: black;
    background-color: rgb(218 221 225);
    padding: 2rem;
    font-weight: 700;
    font-size: 45px
}

.contact_box {
    margin-top: 5vw;
    height: 60vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
    border: 1px solid transparent;
    padding: 0px 40px;
    transition: 0.5s all ease-in-out;
    cursor: pointer;
    text-align: center;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
}

.contact_box:hover{

    box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
    
}



.contact_box img {

    width: 20%;
}

.contact_box h2 {

    margin-top: 15px;

    font-size: 20px;
}


.contact_box h4 {

    font-size: 24px;
    font-weight: 700;
    margin: 0px;
}

.contact_box p {
    margin: 0px;
}

.contact_box span {}


.mapp {}

.mapp p {

    text-align: center;
    padding: 8vw 0vw;
    border: 1px transparent;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    margin-top: 5rem;
}


.mapp h6 {
    text-align: center;
    position: relative;
    top: 12vw;
    font-size: 30px;
    font-weight: 700;
}

iframe {}




/* contact end  */



















/* ------Newsletter & Footer start----- */


.newsletter {
    height: 50vh;
    display: flex;
    background-color: #08243c;
    color: rgb(255, 255, 255);
    padding: 2vw 4vw;
    margin-top: 6rem;
}

.software_solution p {
    font-size: 14px;
    font-weight: 400;
    color: rgb(255, 180, 0);
    margin-bottom: 6px;
}

.software_solution h3 {
    font-size: 15px;
    font-weight: 700;
    margin-bottom: 6px;
}

.software_solution h6 {
    color: rgb(182, 182, 182);
    font-size: 13px;
    line-height: 22px;
    text-align: justify;
}

.software_solution ul {
    margin: 2rem 0px 0px;
    padding: 0px;
}

.software_solution ul a {
    margin-right: 15px;
    background-color: rgb(112, 109, 109);
    padding: 6px;
    border-radius: 4px;

}

.software_solution ul a i {
    color: rgb(255, 255, 255);
}

.links {
    margin-left: 2rem;
    text-align: center;
    
}

.links p {
    font-size: 14px;
    font-weight: 400;
    color: rgb(255, 180, 0);
    margin-bottom: 6px;
}

.links h3 {
    font-size: 15px;
    font-weight: 700;
    margin-bottom: 6px;
}

.links ul {
    padding: 0px;
    margin: 0px;
    line-height: 30px;
    font-size: 14px;
}

.links ul li {
    list-style: none;
}

.links ul li a {
    text-decoration: none;
    color: rgb(182, 182, 182);
}


footer {
    padding: 30px;
    display: flex;
    justify-content:center;
    align-items: center;
    background-color: rgb(19, 19, 19);
    color: rgb(255, 255, 255);

}

footer h5 {
    font-size: 13px;
    font-weight: 400;
}

footer span {
    color: rgb(255, 180, 0);
}

footer a {

    text-decoration: none;
    color: #fff;
    margin: 0 5px;
    font-size: 15px;
    font-weight: 500;
}

.social_link{
    margin: 0px;
}

.social_link ul{
    margin: 0px;
    margin-top: 29px;
    padding: 0px;
}

.social_link ul a{
    background: #fff;
    padding: 10px;
    color: black;
    border-radius: 3px;
    transition: 0.5s all ease-in-out;
    cursor: pointer;
    margin-right: 20px;
}

.social_link ul a:hover{
    padding: 6px;
}

.social_contact{
    
height: 42vh;
    
width: 25vw;
    
background: rgb(116 122 133);
    
padding: 0em 2em;
    
border-radius: 5px;
}

.social_contact img{

width: 27%;

text-align: center;

background: white;

margin-top: 13px;

border-radius: 3px;
}

.social_contact h6{

text-align: justify;

font-size: 16px;

font-weight: 300;

margin-top: 10px;
}
.social_contact p{
    
margin: 0px;
    
font-size: 14px;
    
font-weight: 300;
}


/* ------Newsletter & Footer END----- */