CSS:
/*Box Slider*/
.swiper-slide-contents {
background-color: #000000AD ; /* Box Color*/
padding: 100px 100px 100px 400px;
}
h3 { /* Slider Sub Heading*/
font-size: 25px;
font-family: "Roboto", Sans-serif;
font-weight: 500;
padding-bottom: 20px;
}
.eicon-chevron-right {
background-color: white; /* Right Arrow Background Color*/
padding: 10px;
margin-right: 20px;
}
.eicon-chevron-left {
background-color: white; /* Left Arrow Background Color*/
padding: 10px;
margin-left: 20px;
}
/* Tablet*/
@media only screen and (max-width: 1200px) {
.swiper-slide-contents {
padding: 100px 100px 100px 100px;
}
}
/* Mobile */
@media only screen and (max-width: 600px) {
.swiper-slide-contents {
padding: 50px 35px 50px 35px;
}
.eicon-chevron-right {
display: none;
}
.eicon-chevron-left {
display: none;
}
}