:root .v-dark, :root .v-dark-head {
--bg-color: #1F2229;
}
.cap {
background-image: linear-gradient(to right, #434b59 0%, #303540 100%);
}
.logo-sol {
max-height: 200px;
margin-left: auto;
margin-right: auto;
padding-top: 20px;
}
@media only screen and (max-width: 767px) {
.logo-sol {
max-height: 150px;
}
}
.main-slider {
height: 80vh;
}
@media only screen and (min-width: 991px) {
.main-slider.demo-2:not(.dsn-webgl) .bg-container {
left: 0;
}
.main-slider .dsn-slider-content .slide-content {
left: -80px;
}
h1.title.fit-right {
left: 120px;
}
}
.background-section-top {
background-color: rgba(31,34,41,0.70);
}
.max-w300 {
max-width: 300px;
}
@media only screen and (max-width: 991px) {
.max-w300 {
max-width: 200px;
}  
}
@media only screen and (max-width: 767px) {
.max-w300 {
max-width: 140px;
}  
}
.icon img {
width: 60px;
}
.play-btn {
width: 200px;
height: 200px;
line-height: 200px;
}
.services .service-item .service-item-inner .title-block + .description {
padding-top: 10px;
border-top: 0px;
}
.style-box:before {
border-top: 50px solid rgba(67,75,89,0.80);
}
.style-box:after {
border-bottom: 50px solid rgba(67,75,89,0.40);
}

@media only screen and (min-width: 992px) {
.about-me .box-img {
margin-top: -250px;
}
}