@import url('GeneralStyling.Css');
    @import url('Header&FooterStyling.Css');
    main {
        margin-top: 10vh;
        background-color: rgb(90, 221, 221);
    }
    
    .Products-Services {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
    
    .Products-Services__Headers {
        width: 100%;
        margin: auto;
        display: flex;
        justify-content: center;
    }
    
    .Products-Services__Headers-gap {
        width: 80%;
    }
    
    .Products-Services__Headers-item {
        padding: 0.5rem 1rem;
        display: flex;
        justify-content: space-between;
    }
    
    .Products-Services__Children {
        width: 95%;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
    }
    
    .Products-Services__Children ul {
        width: 80%;
        margin: 0 auto;
        display: flex;
        justify-content: space-between;
    }
    
    #Sub-menu-controler ul {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        width: 95%;
        margin: auto;
    }
    
    #Sub-menu-controler ul li {
        margin-right: 23px;
    }
    
    .Products-Services>ul {
        width: 95%;
        display: flex;
        /*flex-wrap: wrap;
        justify-content: space-between;*/
        align-items: center;
    }
    
    .Products-Services__top-menu ul li {
        display: flex;
        justify-content: center;
    }
    
    .indicator li {
        margin: 0 25px;
    }
    
    #Sub-menu-controler ul li {
        padding: 10px 15px;
        background-color: #ffffff38;
        border: 1px solid red;
    }
    
    #Sub-menu-controler ul li:hover {
        background-color: rgb(204, 106, 106);
    }
    
    .Products-Services__Children>ul>li.Actived {
        background-color: #389292;
    }
    
    .AllProductsServices div {
        width: 95%;
        display: flex;
        margin: auto;
        justify-content: space-around;
        align-items: center;
        flex-wrap: wrap;
    }
    
    .AllProductsServices div ul {
        height: 44rem;
        min-width: 16rem;
        width: calc(25% - 20px);
    }
    
    .AllProductsServices div ul li {
        border: 3px solid rgb(207, 200, 200);
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
    }
    
    .AllProductsServices div ul li:hover {
        border: 3px solid rgb(146, 142, 142);
        scale: 1.01;
    }
    
    .AllProductsServices div ul li h3 {
        padding: 0 0.5rem;
        font-size: 1.2rem;
        line-height: 3rem;
        height: 3rem;
        text-align: center;
    }
    
    .AllProductsServices div ul li img {
        width: 15rem;
        height: 18rem;
        margin: auto;
    }
    
    .AllProductsServices div ul li p {
        min-width: 15rem;
        padding: 0 0.5rem;
        background-color: #8fd3d3;
        width: 80%;
        height: 10rem;
        text-align: center;
        overflow: hidden;
        display: flex;
        align-items: center;
        line-height: 2;
    }
    
    .AllProductsServices div ul li h4 {
        padding: 0 0.3rem;
        height: 3rem;
        text-align: center;
    }
    /*#Sub-menu-controler ul,*/
    
    .Products-Services__Children ul {
        display: none;
    }
    
    .Products-Services__Headers li.Actived,
    #Sub-menu-controler ul li.Actived {
        background-color: #389292;
        scale: 1.05;
    }