/* Section Main */
#main_consumer{
    height: 20rem;
    background: url(https://photo.eclubusiness.com/aqniet-corp/img/customer-bg.png) no-repeat center top;
    position: relative;
    background-size: cover;
    width:100%;
    /* top: 6rem; */
    padding-left: 2rem;
 }
 #main_consumer .link-back .background-left{
   padding-top: 10px;
   display: flex;
   flex-direction: row;
 }
 #main_consumer .link-back .background-left a {
     display: flex;
     justify-content: center;
     align-items: center;
     background-color: #fff;
     padding: 1rem 2rem;
 }
 #main_consumer .link-back .background-left p{
     background: #37424D;
     color:#fff;
     margin-bottom: 0;
     padding: 1rem 4rem 1rem .5rem;
 }
 #main_consumer  .link-back{
     position: absolute;
     bottom: 0;
 }
/* End Section Main */

/* Services */
#service-quality {
    background: #ffffff;
    padding-left: 2rem;
    padding-right: 2rem;
}
#service-quality .top-logo{
    background: #F5F5F5;
    padding: 1.5rem 0 1rem 2rem;
    width: 16.3rem;
}
#service-quality .top-logo p{
    font-family: Roboto;
    font-style: normal;
    color: #111111;
    font-weight: 600;
    font-size: 1.25rem;
}
#service-quality .service-quality__count{
    color: #B8CB34;
    font-family: 'Styrene A Web', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 45px;
}
#service-quality .service-quality__item {
    color: #3C3C3C;
    font-family: Roboto;
    font-weight: 500;
}
#service-quality .background{
    background: #37424D;
    width: 100%;
    height: 18rem;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding: 2rem;
    transition: all 0.3s;
}
#service-quality .background__content {
    display: none;
}
#service-quality .background__content p {
    color: #393939;
    font-family: Roboto;
    font-style: normal;
    font-weight: 600;
}
#service-quality .background img{
    max-width: 70%;
}
#service-quality .europharma-back .background__button {
    background: linear-gradient(to right, #FFFFFF 75%, #37424D 25%);
    max-width: 230px;
    padding: 1rem;
    display: flex;
    justify-content: space-between;
    color: #3C3C3C;
    font-family: Roboto;
    font-style: normal;
    font-weight: 600;
    cursor: pointer;
}
#service-quality .background .background__button img {
    max-width: 5% !important;
    margin-right: 5px;
}
#service-quality .europharma-back:hover .background__content{
    display: block;
}
#service-quality .europharma-back:hover {
    background: #A5B820;
}
#service-quality .emart-back:hover {
    background: #A23F15;
}
#service-quality .emart-back p{
    color: #FFFFFF;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
}
#service-quality .emart-back .background__button {
    background: linear-gradient(to right, #D8D8D8 75%, #F5F5F5 25%);
    max-width: 230px;
    padding: 1rem;
    display: flex;
    justify-content: space-between;
    color: #3C3C3C;
    font-family: Roboto;
    font-style: normal;
    font-weight: 600;
    cursor: pointer;
}
#service-quality .emart-back:hover .background__content {
    display: block;
}
#service-quality .background:hover img {
    max-width: 60%;
}
#service-quality .service-quality_header h3{
    font-family: 'Styrene A Web', sans-serif;
    color: #212121;
    font-style: normal;
    font-weight: 700;
    font-size: 35px;
}
/* End Services */

/* Points */
#points{
    padding: 70px 0;
}
#points .grey-block{
    width: 100%;
    padding: 50px 50px 50px 50px;
}
#points .care{
    background: #F5F5F5 url(https://photo.eclubusiness.com/aqniet-corp/img/care2.png) no-repeat right bottom / 25%;
}
#points .green-block{
    width: 100%;
    padding: 50px 50px 50px 50px;
}
#points .call-center{
    /* background: #F5F5F5 url(https://photo.eclubusiness.com/aqniet-corp/img/3303.png) no-repeat right bottom / 40%; */
}
#points .points__item{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    width: 100%;
}
#points .products {
    background: #B8CB34 url(https://photo.eclubusiness.com/aqniet-corp/img/product-img.png) no-repeat right bottom / 35%;
}
#points .car {
    background: #B8CB34 url(https://photo.eclubusiness.com/aqniet-corp/img/car-delivery.png) no-repeat right bottom / 50%;
}
#points .points__button{
    border: 2.5px solid #212121;
    border-radius: 2px;
    width: 211px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 15px 0 15px 0;
    color: #212121;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.3s;
}
#points #points__button__white:hover{
  background: #B8CB34;
}
#points #points__button__green:hover{
  background: #FFFFFF;
}
#points .points__content {
    max-width: 29rem;
}
#points .points__content h2{
    font-weight: bold;
    color: #212121;
}
#points .points__content p{
    color: #373737;
    font-weight: 500;
    padding: 20px 0 20px 0;
}
.chat_img {
    position: absolute;
    right: 150px;
    top: 50%;
    transform: translateY(-50%);
}
.chat_img img{
    width: 130%;
    max-width: 130%;
}
.qr{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 40px;
}
@media (max-width: 850px) {
    .chat_img {
        right: 10px;
        bottom: 10px;
        transform: none;
    }
    .chat_img img{
        width: 200px;
    }
}
/* End Points */
/* Section hidden */
#hidden{
    padding: 80px 0;
}
/* End Section hidden */
/* Stocks */
#stocks {
    background: #37424D;
    padding: 0px 50px 50px 50px;
    position: relative;
}
#stocks .content .every-week{
    background: #B8CB34;
    padding: 8px 45px 8px 8px;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    color: #37424D;
}
#stocks .content h2 {
    color: #FFFFFF;
    font-style: normal;
    font-weight: bold;
    /* font-family: 'Styrene A Web', sans-serif; */
    font-size: 2rem;
    font-family: 'Styrene A Web', sans-serif;
}
#stocks .content img{
    max-width: 60%;
}
#stocks .ipad-block{
    position: absolute;
    bottom: 0;
    right: 0;
}
/* End Stocks */

/* Two Apps */
#twoapps{
    padding: 120px 40px 120px 40px;
}
#twoapps .content-euro{
   display: flex;
   background: #B8CB34;
   padding: 1rem 0 0 1rem;
}
#twoapps .content-emart {
    display: flex;
    background: #37424D;
    padding: 1rem 0 0 1rem;
}
#twoapps .icons-logo{
    display: flex;
    flex-direction: row;
}
#twoapps .content-emart__item h3{
    color: #FFFFFF;
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 26px;
}
#twoapps .content-euro__item h3{
    font-size: 26px;
    color: #212121;
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
}
#twoapps .content-emart__item p{
    color: #FFFFFF;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
}
#twoapps .content-euro__item p {
    color: #37424D;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
}
/* End Two Apps */

/* Mobile */
@media (max-width: 576px) {
    #main_consumer, #sectiontoplogo {
        padding-left: 1rem;
    }
    #service-quality {
        padding-left: 0;
        padding-right: 0;
    }
    #service-quality .service-quality_header {
        margin-bottom: 0 !important;
    }
    #service-quality .row {
        padding-top: 0 !important;
    }
    #service-quality .background {
        margin-top: 1rem;
    }
    #service-quality .europharma-back {
        margin-top: 2rem;
    }
    #points .points__item {
        display: block;
    }
    #stocks {
        padding: 0;
    }
    #stocks .ipad-block {
        position: relative;
        margin-top: 1rem;
    }
    #stocks .content .every-week {
        padding: .5rem;
        font-size: 14px
    }
    #twoapps {
        padding: 40px 0;
    }
    #twoapps .container > div {
        display: block !important;
    }
    #points .grey-block, .green-block {
        margin-bottom: 1rem;
        padding: 2rem !important;
        height: 22rem;
    }
    #service-quality .service-quality_header h3 {
        font-size: 1rem;
        text-align: center;
    }
    #service-quality .service-quality__count {
        font-size: 28px;
    }
    #points .points__content h2 {
        font-size: 1.2rem;
    }
    #points .points__content p {
        font-size: 14px;
    }
    #twoapps .content-euro {
        padding: 1rem;
    }
    #twoapps .content-emart {
        padding: 1rem;
    }
    #points .points__content p br {
        display: none;
    }
    #hidden {
        display: none;
    }
}
