@use '../utils' as *;

/*=============================
    	23. text
===============================*/

.td-text{
    &-slider{
        &-item{
            display: flex;
            align-items: center;
            & .text{
                margin-right: 33px;
                font-weight: 600;
                font-size: 24px;
                text-transform: uppercase;
                color: var(--td-common-black);
                margin-bottom: 0;
            }
            & img{
                -webkit-animation: rotate-infinite 15s linear infinite;
                animation: rotate-infinite 15s linear infinite;
            }
        }
        &-active{
            & .swiper-slide{
                width: auto;
            }
        }
        &-spacing{
            background: var(--td-common-yellow);
            padding: 17px 0px;
        }
    }
    &-6{
        &-slider{
            padding-top: 0;
            background: transparent;
            & .td-text-slider-item .text {
                font-size: 80px;
                line-height: 1;
            }
        }
    }
}