.titr-honor{
    font-size: 34px;
    line-height: 40px;
    color: var(--color2);
}
.sub-honor{
    font-size: 16px;
    line-height: 32px;
    color: var(--color2);
}

.name-honor{
    font-size: 22px;
    line-height: 32px;
    color: var(--color2);
}
.txt-honor{
    font-family: 'Dosis-Regular';
    font-size: 20px;
    line-height: 30px;
    color: var(--color2);
    transition: 0.3s all linear;
}

.heading-div-honor{
    margin-bottom: 34px;
    gap: 12px;
}

.honor-div-txt{
    position: relative;
    margin-top: 8px;
    gap: 4px;
    padding-left: 48px;
}
.honor-div-txt:before{
    transition: 0.28s all linear;
    content: "";
    background-color: var(--color1);
    width: 1px;
    height: 42px;
    position: absolute;
    left: 32px;
    top: -1.7rem;
}

.honor-btn{
    display: flex;
    justify-content: center;
    margin-top: 32px;
}

.pic-honor-div{
    overflow: hidden;
    border-radius: 16px;
}
.pic-honor-div img{
    border-radius: 16px;
    transition: 0.5s all linear;
    transform: scale(1);
    width: 100%;
    object-fit: cover;
}

.honor-item{
    transition: 0.3s all linear;
}


.honor-item:hover .pic-honor-div img{
    transform: scale(1.3);
}
.honor-item:hover .txt-honor{
color: var(--color1);
}




@media (min-width: 992px) {
    .sw-honor {
        position: absolute;
        transform: translate(-50%, -35%);
        top: 35%;
        left: 50%;
        width: calc(100% + 24px);
        justify-content: space-between !important;
        z-index: 9;
        pointer-events: none;
    }


}


@media (max-width: 991.98px){
  
    .heading-div-honor{
        margin-bottom: 28px;
        gap: 8px;
    }
   

    .honor-div-txt {
        margin-top: 8px;
        gap: 4px;
        padding-left: 40px;
    }
    .name-honor {
        font-size: 20px;
        line-height: 30px;
    }  
    .txt-honor {
        font-size: 18px;
        line-height: 28px;
    }
    .honor-div-txt:before {
        left: 24px;
    }


    .sw-honor{
        margin-top: 32px; 
    }
    .honor-btn{
        margin-top: 16px;
    }
}



@media (max-width: 576.98px){
    .swiper-honor{
        padding-inline: 12px;
        margin-inline: -12px;
    }
}