.bot-section
{
background: #f4f4f4;
color: black;
}
.bot-section .btn-default
{
background: #000000;
color: white;
border-color: #000000;
}
.bot-section .btn-default:hover
{
color: #000000;
background: transparent;
}
.bot-section h2
{
margin-top: 150px;
margin-bottom: 2rem;
}
.bot-section p, .bot-section ul > li
{
margin-bottom: 0;
font-weight: 500;
}
.bot-section ul
{
list-style: none;
padding: 1rem 0 2rem;
}
.bot-section ul > li
{
padding-left: 30px;
position: relative;
margin: 0;
}
.bot-section ul > li:before
{
content: '✔';
position: absolute; top: 0; left: 0;
}
.video-case .block-title
{
color: black;
margin-bottom: 2rem;
}
.video-case
{	
padding-top: 30px;
padding-bottom: 0;
background: #f4f4f4;
}
.video-case .video-block
{
position: relative;
}
.video-case .video-block .arrow-left, .video-case .video-block .arrow-right
{
position: absolute;
width: 60px;
height: 60px;
padding: 13px 26px;
top: 50%;
margin-top: -30px;
border: 2px solid black;
z-index: 1;
cursor: pointer;
}
.video-case .video-block .arrow-left img, .video-case .video-block .arrow-right img
{
filter: invert(1);
transform: scale(2);
}
.video-case .video-block .arrow-left
{
left: -80px;
}
.video-case .video-block .arrow-right
{
right: -80px;
}
.video-case .video-block #portfolio-carousel
{
margin-left: 7%;
width: 86%;
}
@media (max-width: 767px)
{
.bot-section h2
{
margin-top: 50px;
}
.video-case .video-block #portfolio-carousel 
{
margin-left: 0;
width: 100%;
}
.video-case .video-block .arrow-left, .video-case .video-block .arrow-right
{
position: relative;
top: 0;
margin-top: 20px;
margin-left: -30px;
}
.video-case .video-block .owl-nav button
{
width: 50%;
}
.video-case .video-block .arrow-left
{
left: 50%;
}
.video-case .video-block .arrow-right
{
left: 50%;
right: 0;
}
}