.banner-style-6 .banner-bg {
    background-size: 100% 100%;
    height: 220px;
}
.row {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(var(--bs-gutter-y) * -1);
    margin-right: calc(var(--bs-gutter-x)/ -2);
    margin-left: calc(var(--bs-gutter-x)/ -2);
}
.row>* {
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--bs-gutter-x)/ 2);
    padding-left: calc(var(--bs-gutter-x)/ 2);
    margin-top: var(--bs-gutter-y);
}
.banner-item{
    width: 33%;
    margin-bottom: 30px;
}

.banner-style-6 .banner-img .popup-btn {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.banner-item .title{
    font-size: 18px;
    height: 38px;
    line-height: 26px;
    color: #1f1927;
    margin-top: 10px
}
.banner-item .ftitle{
    font-size: 14px;
    height: 30px;
    color: #6f7872;
    line-height: 42px;
}
a, button, .btn, img, input {
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.wave-btn > .icon {
    background-color: #407ff0;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 80px;
    height: 80px;
    text-align: center;
    line-height: 80px;
    border-radius: 50%;
    color: #ffffff;
    font-size: 24px;
}
.wave-btn.style-3 > .icon {
    background-color: #d40e00;
    width: 70px;
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
}
*, ::after, ::before {
    box-sizing: border-box;
}
@keyframes wave-button {
    0% {
        opacity: 0.5;
        -webkit-transform: scale(0.3);
        transform: scale(0.3);
    }
    50% {
        opacity: 0.3;
        -webkit-transform: scale(0.6);
        transform: scale(0.6);
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
    }
}
.wave-btn {
    margin: auto;
    display: block;
    position: relative;
    width: 150px;
    height: 150px;
}
.wave-btn span {
    background-color: white;
    position: absolute;
    border-radius: 50%;
    width: 150px;
    height: 150px;
}
.wave-btn span:nth-child(1) {
    background-color: white;
    -webkit-animation: wave-button 2s infinite 0.1s linear backwards;
    animation: wave-button 2s infinite 0.1s linear backwards;
}
.wave-btn span:nth-child(2) {
    background-color: white;
    -webkit-animation: wave-button 3s infinite 0.5s linear backwards;
    animation: wave-button 3s infinite 0.5s linear backwards;
}
.wave-btn span:nth-child(3) {
    background-color: white;
    -webkit-animation: wave-button 4s infinite 1s linear backwards;
    animation: wave-button 4s infinite 1s linear backwards;
}
.modal-body{
    padding:0;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #000;
}
.modal-open .modal{
    background: rgba(11,11,11,0.8);
}
.modal-content{
    padding:0;
    background-color:unset;
}
.downvideo{
    background: #d40e00;
    color: #fff;
    padding: 10px;
    border: 0;
    margin-top: 5px;
}
@media (max-width: 768px){
    .row{
        margin-left: unset;
        margin-right: unset;
    }
    .banner-item{
        width: 100%;
    }
    .banner-style-6 .banner-bg{
        height: 215px;
    }
    .downvideo{
        padding: 5px;
        font-size: 15px;
    }
}