.fancybox-navigation .fancybox-button--arrow_right, .fancybox-navigation .fancybox-button--arrow_left {
    top: 0;
    height: 100%;
    width: 7rem;
}
.fancybox-toolbar {
    z-index: 99999;
}

.hover-shadow {
    transition: box-shadow 0.3s ease-in-out; /* Плавный эффект */
}
.hover-shadow:hover {
    box-shadow: 0 1rem 3rem rgba(0,0,0,.175)!important; /* Тень при наведении */
}



.cs-title-crud::first-letter {
    text-transform: uppercase;
}

.cs-a {
    font-weight: 400;
    color: #64748B;
    line-height: 20px;
    font-size: 16px;
}

.cs-b {
    font-weight: 400;
    color: #1A242A;
    line-height: 20px;
    font-size: 16px;
}




.timeline {
    list-style-type: none;
    display: flex;
    align-items: center;
    justify-content: center;
}

.li {
    transition: all 200ms ease-in;
}

/*.blue-bg {
    background-color: #4D4545;
    color: #ED8D8D;
    height: 100%;
}*/

.circle {
    font-weight: bold;
    padding: 15px 20px;
    border-radius: 50%;
    background-color: var(--info);
    color: var(--white);
    /*max-height: 50px;*/
    z-index: 2;
}

.how-it-works.row {
    display: flex;
}
.how-it-works.row .col-2 {
    display: inline-flex;
    align-self: stretch;
    align-items: center;
    justify-content: center;
}
.how-it-works.row .col-2::after {
    content: "";
    position: absolute;
    border-left: 3px solid var(--info);
    z-index: 1;
}
.how-it-works.row .col-2.bottom::after {
    height: 50%;
    left: 50%;
    top: 50%;
}
.how-it-works.row .col-2.full-start::after {
    height: 100%;
    left: calc(50% - 0px);
}
.how-it-works.row .col-2.full-end::after {
    height: 100%;
    left: calc(50% - 3px);
}
.how-it-works.row .col-2.top::after {
    height: 50%;
    left: 50%;
    top: 0;
}
.how-it-works.row .col-2.top-end::after {
    height: 50%;
    left: calc(50% - 3px);
    top: 0;
}

.timeline div {
    padding: 0;
    height: 40px;
}
.timeline hr {
    border-top: 3px solid var(--info);
    margin: 0;
    top: 17px;
    position: relative;
}
.timeline .col-2 {
    display: flex;
    overflow: hidden;
}
.timeline .corner {
    border: 3px solid var(--info);
    width: 100%;
    position: relative;
    border-radius: 15px;
}
.timeline .top-right {
    left: 50%;
    top: -50%;
}
.timeline .left-bottom {
    left: -50%;
    top: calc(50% - 3px);
}
.timeline .top-left {
    left: -50%;
    top: -50%;
}
.timeline .right-bottom {
    left: 50%;
    top: calc(50% - 3px);
}








.js-cs-cpart-info-chat-msg-wrap textarea::placeholder {
    color: #888;
    opacity: 1; /* Firefox adds lower opacity by default */
}





@media (min-width: 992px) {

    .modal .modal-detail-cpart {
        width: 90%;
        max-width: 90%;
    }

    /*.modal .modal-detail-cpart .modal-content {
        min-height: 80vh;
    }*/

}