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

.brand-one__inner {
    position: relative;
    display: block;
    background-color: var(--crank-base);

    padding: 53px 0;
    border-radius: 20px;
}

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

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

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

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

.brand-one__single:hover .brand-one__img>img {
    transform: scale(.9);
}


/*--------------------------------------------------------------
# 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;
}

.contact-icons {
    position: fixed;
    top: 75%;
    right: 0;
    transform: translateY(-30%);
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 15px;
    /* background-color: rgb(124 196 219); */
    /* border-left: 1px solid #ccc; */
    z-index: 999;
}
.contact-icons img {
    width: 39px;
    height: 39px;
    border-radius: 50%;
    background-color: #ffffff;
}
@media only screen and (max-width: 767px) {
    .contact-icons {
        padding: 10px;
        top: 80%;
    }
        .contact-icons img {
        width: 30px;
        height: 30px;
    }
}









/* The End */