:root {
    --maxam_darkblue: #0c141c;
    --maxam_lightblue: #0277c0;
    --maxam_grey: #242b33;
}



.img-round {
    border-radius: 20px;
    box-shadow: 5px 5px 10px #000a;
}



.bannerosobowe {
    background-image: url(/img/manufacturerpages/maxam/maxam_banner.jpg);
}

/* ------ */

.maxam_title {
    /* box-shadow: 0px 2px 5px #fffa; */
    width: fit-content;
    position: relative;
}





.border_bottom {

    border-bottom: 3px solid transparent;
    border-image: linear-gradient(95deg, rgba(255, 255, 255, 0) 4%, rgba(255, 255, 255, 0.5676645658263305) 10%, rgba(255, 255, 255, 1) 20%, rgba(255, 255, 255, 1) 80%, rgba(255, 255, 255, 0.5284488795518207) 90%, rgba(255, 255, 255, 0) 96%);
    border-image-slice: 1;



}

.main_bg {

    background-image: url(/img/manufacturerpages/maxam/IMG_0103.jpg);
    background-position: center;
    background-size: cover;
}







.btn-danger {
    background-color: #0078c0;
    border-color: #0078c0;
}

.btn-danger:hover {
    background-color: #337aa7;
    border-color: #337aa7;
}


.bg-text {



    background-image: url(/img/manufacturerpages/maxam/clip_text.png);
    background-position: center;
    background-size: cover;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.video_banner {
    position: relative;

    height: 300px;
    justify-content: center;
    align-items: center;
    display: flex;
    overflow: hidden;
    pointer-events: none;
    border-radius: 20px;
    box-shadow: 5px 5px 15px #000a;

}



@media(max-width:767px) {
    .video_banner {
        height: 270px;
    }

}

@media(max-width:575px) {
    .video_banner {
        height: 12em;
        pointer-events: all;
    }
}