.single-post-related-posts-side-bar-container {
    position: relative !important;
    height: 100% !important;
}

.single-post-related-posts-side-bar-sticky {
    position: sticky !important;
    top: 40px !important;
}

.single-post-related-posts-side-bar-container {}

.single-post-related-posts-side-holder {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.single-post-related-post-wrapper-anchor * {
    transition: cubic-bezier(0.075, 0.82, 0.165, 1);
    transition-duration: 0.4s;
}

.single-post-related-post-wrapper-anchor:hover {
    transform: scale(1.02);

}

.single-post-related-post {
    display: flex;
    flex-direction: row;
    gap: 0;
    height: 105px;
    width: 100%;
    border: 1px solid #D4E6F9;
    border-radius: 14px;
    box-shadow: 3px 4px 9px 2px #00000026, 4px 6px 2px -1px #0000002e;
    overflow: hidden;
}


.single-post-related-post-wrapper-anchor:hover .single-post-related-post {
    box-shadow: 0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;
}

.single-post-related-post-image-holder {
    width: 40%;
    height: 100%;
}

.single-post-related-post-image {
    height: 100% !important;
    width: 100%;
    object-fit: cover;
    object-position: left;
}

.single-post-related-post-content-holder {
    display: flex;
    flex-direction: column;
    justify-content: start;
    gap: 6px;
    width: 60%;
    padding: 12px;
    /*  */
    background: linear-gradient(135deg, rgba(1, 47, 107, 1) 30%, rgba(255, 255, 255, 1) 50%);
    background-size: 400% 100%;
    background-position-x: 100%;
    transition-duration: 0.8s;
}

.single-post-related-post-wrapper-anchor:hover .single-post-related-post-content-holder {
    background-position-x: 0%;

}

.single-post-related-post-title-holder {
    font-size: 14px;
    line-height: 1.25;
    font-weight: 700;
    color: #012F6B;
}


.single-post-related-post-title-holder h3 {
    color: #012F6B;
}

.single-post-related-post-wrapper-anchor:hover .single-post-related-post-title-holder h3 {
    color: #FFD800;
}

/* 
.single-post-related-post-excerpt-holder {
    font-size: 14px;
    line-height: 1.25;
    font-weight: 500;
    color: #012F6B;
} */

.single-post-related-posts-button .elementor-button {
    width: 100% !important;

    background: linear-gradient(90deg, #ffd800, #ffffff) !important;
    background-size: 2000% 100% !important;
    background-position: 0% 0% !important;
}

.single-post-related-posts-button .elementor-button:hover {
    color: #012F6B;
    box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1) !important;
    background-position: 99% 0% !important;

    transition: 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;
}



/***********************************************/
/***********************************************/
/***********************************************/
/***********************************************/
/***********************************************/



@media only screen and (max-width: 1300px) {
    .single-post-related-post-title-holder h3 {
        font-size: 16px;
    }
}

@media only screen and (max-width: 1050px) {

    .single-post-related-posts-side-holder {
        flex-direction: row;
    }

    .single-post-related-posts-side-bar-share-holder {
        flex-direction: row !important;
        justify-content: center !important;
    }

    .single-post-related-posts-side-bar-share-text .elementor-widget-container {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .single-post-related-posts-button .elementor-button {
        max-width: 270px;
    }


    .single-post-related-posts-side-bar-share-holder {
        width: fit-content !important;
        margin: auto !important;
    }

    .single-post-related-posts-side-bar-share-buttons {}
}

@media only screen and (max-width: 935px) {

    .single-post-related-posts-side-holder .slick-list {
        overflow: visible;
    }

    .single-post-related-post {
        flex-direction: column;
        width: 300px;
        height: 180px;
        margin: auto;
    }

    .single-post-related-post-image-holder {
        width: 100%;
        height: 110px;
    }

    .single-post-related-post-content-holder {
        width: 100%;
    }

    /***********************************************/

    .single-post-related-posts-side-holder .slick-dots {
        display: flex;
        flex-direction: row;
        justify-content: center;
    }

    .single-post-related-posts-side-holder .slick-dots li {
        display: flex;
        flex-direction: column;
        justify-content: center;

    }

    .single-post-related-posts-side-holder .slick-dots button {
        width: 8px;
        height: 8px;
        background-color: #012F6B;
        border-radius: 100px;
        margin: auto;
        border: 1px solid #012F6B;
        transition: cubic-bezier(0.075, 0.82, 0.165, 1);
        transition-duration: 0.4s;
        overflow: hidden;
    }

    .single-post-related-posts-side-holder .slick-dots button::before {
        color: transparent !important;
        background: linear-gradient(135deg, rgba(1, 47, 107, 1) 30%, rgba(255, 216, 0, 1) 50%);
        border-radius: 100px;
        width: 10px;
        height: 10px;
        position: relative;
        display: block;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        opacity: 1;
        background-size: 400%;
        background-position: 0%;

    }

    .single-post-related-posts-side-holder .slick-dots .slick-active {
        width: 36px;
    }

    .single-post-related-posts-side-holder .slick-dots .slick-active button {
        width: 24px;
        background-color: #FFD800;

    }

    .single-post-related-posts-side-holder .slick-dots .slick-active button::before {
        width: 24px;
        opacity: 1;
        animation-name: single-post-related-posts-side-holder-dots-animation;
        animation-duration: 3s;
        animation-timing-function: linear;
    }

    @keyframes single-post-related-posts-side-holder-dots-animation {
        from {
            background-position: 100%;
        }

        to {
            background-position: 0%;
        }
    }



}