.divTite{
margin-bottom: 40px;
}
.footModGal{
text-align: center;
padding-top: 40px;
}

.box_scroll{
padding: 0px 0px 0px 0px;
background-color: #F0F0F0;
position: relative;
z-index: 60;
}

.div_scroll{
box-sizing: border-box;
max-width: 100%;
padding: 40px 0px 50px 0px;
margin: 0px auto;
width: 1776px;
}


.carouselDiv{
max-width: 100%;
box-sizing: border-box;
margin: 0px auto;
position: relative;
padding: 0px 70px;
}

.carouselDiv .arrow{
width: 51px;
height: 51px;
position: absolute;
vertical-align: top;
margin-top: -46px;
background-position: 50% 50%;
background-repeat: no-repeat;
border: 2px solid #000000;
border-radius:50%;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
top:0px;
bottom: 0px;
margin: auto;
}
.carouselDiv .arrow:after {
content: "";
width: 15px;
height: 15px;
top:0px;
left: 0px;
box-sizing: border-box;
transition: all 0.5s ease-out 0s;
background-repeat: no-repeat;
background-position: 50% 50%;
border-style: solid;
border-color: #000000;
border-width: 0px 2px 2px 0px;
transform: rotate(135deg);
margin-right: -8px;
}
.carouselDiv .arrow.nextA:after {
transform: rotate(-45deg);
margin-left: -15px;
}
.carouselDiv .arrow:hover:after {
filter: brightness(0) invert(100%);
}
.carouselDiv .arrow:before {
content: "";
position: absolute;
width: 0%;
height: 0%;
top:0px;
left: 0px;
bottom: 0px;
right: 0px;
margin: auto;
border-radius: 50%;
box-sizing: border-box;
background-color: #000000;
z-index: -1;
transition: all 0.5s ease-out 0s;
}
.carouselDiv .arrow:hover:before{
width: 100%;
height: 100%;
}



.carouselDiv .arrow.dis{
display: none;
}

.carouselDiv .arrow.dis2{
display: none;
}

.carouselDiv .arrow.prevA{
left: 0px;
}
.carouselDiv .arrow.nextA{
right: 0px;
}

.carousel{
position: relative;
overflow: hidden;
}
.carousel ul{
list-style: none;
white-space: nowrap;
z-index: 0;
display: flex;
left: 0px;
position: relative;
padding: 0px;
transition:all 0s ease-out 0s;
}

.carousel ul.shift{
transition:all 0.5s ease-out 0s;
}

.carousel ul.shift2{
transition:all 3s ease-out 0s;
}

.carousel ul li{
width: 25%;
box-sizing: border-box;
flex: 1 0 auto;
position: relative;
padding: 0px 2px;
}

.carousel > ul > li .product {
display: block;
box-sizing: border-box;
height: 100%;
transition: all 0.5s ease-out 0s;
}

.carousel > ul > li .product .divimg {
text-align: center;
}
.carousel > ul > li .product .divimg img {
max-width: 100%;
height: auto;
}
.carousel > ul > li .product .title {
color: #333336;
font-family: 'Poppins', sans-serif;
font-size: 19px;
font-weight: 700;
padding-bottom: 13px;
margin-bottom: 22px;
position: relative;
white-space: normal;
}

.carousel > ul > li .product .title::after {
content: "";
display: block;
width: 72px;
height: 3px;
background-color: #7EC34C;
border-radius: 25px;
bottom: 0px;
left: 0px;
position: absolute;
}

.carousel > ul > li .product .zajawka {
color: #7EC34C;
font-size: 34px;
font-family: 'Poppins', sans-serif;
font-weight: 600;
white-space: normal;
}

.carousel.carousel2 ul li{
width: 33.333%;
}
@media screen and (max-width:1200px) {
.carousel > ul > li {width: 33.333%;}
.carouselDiv .arrow {width: 40px;height: 40px;}
.carouselDiv .arrow::after {width: 10px;height: 10px;}
.carouselDiv{padding: 0px 50px;}
.box_scroll{padding-bottom: 0px}
.div_scroll{padding: 30px 0px}
}

@media screen and (max-width:760px) {
.carousel > ul > li {width: 50%;}
}
@media screen and (max-width:550px) {
.carousel > ul > li {width: 100%;}
}