.box_products{
padding-bottom: 50px;
}

.div_products{
max-width: 100%;
box-sizing: border-box;
margin: 0 auto;
padding: 0 3px;
width: 1710px;
}
.boxScrollProduct{
overflow: hidden;
}

.boxScrollProduct>ul{
display: flex;
/*flex-wrap: nowrap;*/
flex-wrap: wrap;
list-style: none;
}
.boxScrollProduct>ul>li{
width: 33.333%;
/*flex: 1 0 auto;*/
padding: 36px;
box-sizing: border-box;
}
.boxScrollProduct>ul>li .divImg{
margin-bottom: 48px;
}
.boxScrollProduct>ul>li .divImg span{
width: 488px;
height: 366px;
display: flex;
justify-content: center;
align-items: center;
}

.boxScrollProduct>ul>li .divImg span img{

}
.boxScrollProduct>ul>li .title{
font-size: 20px;
font-weight: 500;
color: var(--g1-color);
display: flex;
justify-content: space-between;
align-items: center;
padding: 0 12px 32px 4px;
border-bottom: 2px solid var(--g1-color);
min-height: 48px;
font-family: var(--gfont2-family);
}

.boxScrollProduct>ul>li .title .plus{
width: 40px;
height: 40px;
border-radius: 50%;
border: 2px solid var(--g1-color);
display: flex;
justify-content: center;
align-items: center;
flex: 0 0 40px;
position: relative;
margin-left: 15px;
cursor: pointer;
transition: all 0.5s ease-out 0s;
}
.boxScrollProduct ul li .title .plus:hover{
background-color: var(--g1-color);
}

.boxScrollProduct>ul>li .title .plus:after{
content:"add";
font-variation-settings:'FILL' 0,'wght' 400,'GRAD' 0,'opsz' 24;
font-family:"Material Symbols Rounded";
font-size:24px;
color:var(--g1-color);
transition: all 0.5s ease-out 0s;
display: inline-block;
opacity: 1;
}
.boxScrollProduct ul li .title .plus:hover:after{
color: #FFFFFF;
}

.boxScrollProduct>ul>li .title .plus:before{
content:"remove";
font-variation-settings:'FILL' 0,'wght' 400,'GRAD' 0,'opsz' 24;
font-family:"Material Symbols Rounded";
font-size:24px;
color:var(--g1-color);
transition: all 0.5s ease-out 0s;
position: absolute;
top:0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
display: flex;
width: 40px;
height: 40px;
justify-content: center;
align-items: center;
opacity: 0;
}
.boxScrollProduct ul li .title .plus:hover:before{
color: #FFFFFF;
}
.boxScrollProduct ul li.show .title .plus:after{
opacity: 0;
}
.boxScrollProduct ul li.show .title .plus:before{
opacity: 1;
}

.boxScrollProduct>ul>li .tresc{
box-sizing: border-box;
line-height: 1.5em;
max-height: 0;
overflow: hidden;
transition: all 0.5s ease-out 0s;
font-family: var(--gfont2-family);
}

.boxScrollProduct>ul>li .tresc ul{
list-style: none;
}

.boxScrollProduct .tresc ul li{padding: 0 0 0 20px;line-height: 1.7em;position: relative}
.boxScrollProduct .tresc ul li:before{content: "";display: inline-block;width: 8px;height: 8px;background-color: var(--g1-color);border-radius: 50%;position: absolute;top:11px;left: 0}

.boxScrollProduct>ul>li .tresc>div{
padding: 32px 0 0 0;
}

.boxScrollProduct>ul>li.show .tresc{
max-height: 500px;
}


@media screen and (max-width:1430px){
.boxScrollProduct>ul {white-space: nowrap;flex-wrap:nowrap;position: relative;
transition: all 0s ease-out 0s;
}
.boxScrollProduct>ul.shift{
transition:all 0.5s ease-out 0s;
}

.boxScrollProduct>ul>li{
white-space: wrap;
flex: 1 0 auto;
width: 50%;
padding: 25px 10px;
}

}

@media screen and (max-width:680px){
.boxScrollProduct>ul>li{
width: 100%;
}
}