/*--------------------------------------------------------------
# Brand One
--------------------------------------------------------------*/
.brand-one {
    position: relative;
    display: block;
    z-index: 1;
}

/*--------------------------------------------------------------
# Brand Ticker
--------------------------------------------------------------*/
.brand-ticker {
    position: relative;
    display: block;
    z-index: 1;
}

.brand-ticker__inner {
    position: relative;
    display: block;
    background-color: var(--crank-white);
    padding: 24px 0;
    border-radius: 20px;
    overflow: hidden;
}

.brand-ticker__viewport {
    position: relative;
    overflow: hidden;
    width: 100%;
}

.brand-ticker__track {
    display: flex;
    align-items: center;
    width: max-content;
    animation: brand-ticker-scroll 28s linear infinite;
}

.brand-ticker__item {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 20vw;
    max-width: 20vw;
    padding: 0 16px;
    border-right: 1px solid rgba(0, 0, 0, 0.12);
}

.brand-ticker__logo {
    width: auto !important;
    max-width: 180px !important;
    height: 60px !important;
    max-height: 60px !important;
    object-fit: contain;
    display: block;
    opacity: 0.6;
    filter: grayscale(100%) brightness(0.8);
}

@keyframes brand-ticker-scroll {
    from {
        transform: translateX(0);
    }
    to {
        transform: translateX(-50%);
    }
}

.brand-one__inner {
    position: relative;
    display: block;
    background-color: var(--crank-white);
    padding: 32px 0;
    border-radius: 20px;
}

.brand-one__carousel {
    position: relative;
    display: block;
}

.brand-one__carousel .owl-stage {
    display: flex;
    align-items: center;
}

.brand-one__carousel .owl-item {
    display: flex;
    align-items: center;
    justify-content: center;
    border-right: 1px solid rgba(0, 0, 0, 0.12);
}

.brand-one__carousel .owl-item:last-child {
    border-right: none;
}

.brand-one__single {
    position: relative;
    display: block;
    text-align: center;
    padding: 0 24px;
}

.brand-one__img {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 64px;
}

.brand-one__img>img,
.brand-one__logo {
    width: auto !important;
    max-width: 140px !important;
    max-height: 48px !important;
    height: 48px !important;
    object-fit: contain;
    margin: 0 auto;
    transition: all 500ms linear;
    transition-delay: 0.1s;
    transform: scale(1);
    opacity: 0.65;
    filter: grayscale(100%) brightness(0.8);
    display: block;
}


/*--------------------------------------------------------------
# Brand Two
--------------------------------------------------------------*/
.brand-two {
    position: relative;
    display: block;
    padding: 0 0 120px;
    z-index: 1;
}

.brand-two__inner {
    position: relative;
    display: block;
    background-color: var(--crank-white);
    padding: 53px 0;
    border-radius: 20px;
}

.brand-two__carousel {
    position: relative;
    display: block;
}

.brand-two__single {
    position: relative;
    display: block;
    text-align: center;
}

.brand-two__img {
    position: relative;
    display: block;
}

.brand-two__img>img {
    width: auto !important;
    margin: 0 auto 0;
    transition: all 500ms linear;
    transition-delay: 0.1s;
    transform: scale(1);
}

.brand-two__single:hover .brand-two__img>img {
    transform: scale(.9);
}

/*--------------------------------------------------------------
# Brand Three
--------------------------------------------------------------*/
.brand-three {
    padding: 90px 0px 0px;
}









/* The End */