@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap');

*,
*::after,
*::before {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
 }
 a{
    color: inherit;
    text-decoration: none;
    display: inline-block;
}
a:hover {
    color: inherit;
}

.bwdimx_img_anchor {
    height: 100%!important;
    width: 100%!important;
    display: flex;
    align-items: center;
    justify-content: center;
}
.bwdimx_img {
    width: 100%!important;
    height: 100%!important;
    object-fit: contain;
}
.bwdimx_logo_marquee {
    text-align: center;
    position: relative;
}
.bwdimx_marquee {
    display: flex;
    align-items: center;
    overflow: hidden;
    position: relative;
}
.bwdimx-logo-wrapper {
    display: inline-flex;
    align-items: center;
    flex: 0 0 auto;
    width: auto;
    overflow: hidden;
    /* animation-duration: 6s; */
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}
.dirleft.bwdimx-logo-wrapper {
    animation-name: marquee-to-left;
}
.dirright.bwdimx-logo-wrapper {
    animation-name: marquee-to-right;
}
.dirup.bwdimx-logo-wrapper {
    animation-name: marquee-to-up;
}
.dirdown.bwdimx-logo-wrapper {
    animation-name: marquee-to-down;
}
.bwdimx-logo-wrapper:hover {
    animation-play-state: paused;
}
.bwdimx_logo_marquee_holder {
    background-color: #ffffff;
    border-radius: 0px;
    padding: 40px 40px 40px 40px;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #d7d7d7;
    width: 200px;
}
@keyframes marquee-to-left {
    0% {
        transform: translate(0,0);
    }
    100% {
        transform: translate(-50%,0);
    }
}
@keyframes marquee-to-right {
    0% {
        transform: translate(-50%,0);
    }
    100% {
        transform: translate(0,0);
    }
}
@keyframes marquee-to-up {
    0% {
        transform: translate(0, 25%);
    }
    100% {
        transform: translate(0, -25%);
    }
}
@keyframes marquee-to-down {
    0% {
        transform: translate(0, -25%);
    }
    100% {
        transform: translate(0, 25%);
    }
}


.dirup.bwdimx-logo-wrapper,
.dirdown.bwdimx-logo-wrapper {
    width: 100%;
    flex-direction: column;
}
.dirup.bwdimx-logo-wrapper .bwdimx_logo_marquee_holder, 
.dirdown.bwdimx-logo-wrapper .bwdimx_logo_marquee_holder {
    width: 100%;
}