.mt-4-75, .my-4-75 {
    margin-top: 4.75rem !important;
}
.classes-section .section-title .title-stroke {
    -webkit-text-stroke-color: rgba(214, 214, 214, 0.5) !important;
}
.section-title .title-stroke {
    -webkit-text-stroke-color: rgba(214, 214, 214, 0.75) !important;
}
.classes-block .overlay:hover {
    background: rgba(0, 0, 0, 0.5) !important;
}
.services-block {
    background: url(https://www.hsl-trading.com/userfiles/banner/1920x300/slide4.jpg) center center / cover no-repeat rgb(248, 248, 248) !important;
    background-position: center center !important;
}
.btn-group-sm>.btn, .btn-sm {
    padding: .2rem .5rem !important;
    font-size: .875rem !important;
    border-radius: .2rem !important;
}
.case-block {
    background: #fff;
    border: 1px solid #ececec;
    border-radius: 5px;
    height: 100%;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    overflow: hidden;
    box-shadow: 0 10px 30px 0 rgba(50, 50, 50, 0.16);
    -webkit-box-shadow: 0 10px 30px 0 rgba(50, 50, 50, 0.16);
    -moz-box-shadow: 0 10px 30px 0 rgba(50, 50, 50, 0.16);
    position: relative;
}
.card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, .125);
    border-radius: .25rem;
}
.card-style1 {
    position: relative;
    background: #fff;
    border: 1px solid #eee;
    border-radius: 5px;
    overflow: hidden;
    -webkit-box-shadow: 0 10px 30px 0 rgba(50, 50, 50, 0.16);
    box-shadow: 0 10px 30px 0 rgba(50, 50, 50, 0.16);
}
.align-items-center {
    padding: 15px !important;
}
.display-none {
    display: none !important;
}
@media (min-width: 576px) and (max-width: 768px) {
    .header {
        overflow: hidden;
        height: 28vh !important;
    }
    .slider .owl-item, .slider-fade .owl-item {
        height: 20vh !important;
        position: relative;
    }
    .slider .item, .slider-fade .item {
        height: 20vh !important;
    }
}
@media (min-width: 769px) and (max-width: 992px) {
    .header {
        overflow: hidden;
        height: 40vh !important;
    }
    .slider .owl-item, .slider-fade .owl-item {
        height: 30vh !important;
        position: relative;
    }
    .slider .item, .slider-fade .item {
        height: 30vh !important;
    }
}
@media (min-width: 993px) and (max-width: 1200px) {
    .header {
        overflow: hidden;
        height: 50vh !important;
    }
    .slider .owl-item, .slider-fade .owl-item {
        height: 40vh !important;
        position: relative;
    }
    .slider .item, .slider-fade .item {
        height: 40vh !important;
    }
}
.company-radius {
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
