@charset "UTF-8";
/*--------------------------------------------------------------
Page  Animation
--------------------------------------------------------------*/
.card-container .more-btn-container {
    background-position: top;
    background-size: 100% 200%;
}
.card-container .more-btn-container:hover {
    background-position: bottom;
}
.card-container .more-btn-container:hover .more-text,
.card-container .more-btn-container:hover .right-arrow {
    color: #193990 !important;
}
.card-container.bg-5 .more-btn-container:hover,
.card-container.bg-3 .more-btn-container:hover {
    border-bottom: 2px solid #C5CDE2;
}
.card-container.bg-5 .more-btn-container,
.card-container.bg-3 .more-btn-container {
    background-image: linear-gradient(to top, #C5CDE2 50%, transparent 50%);
}
.card-container.bg-4 .more-btn-container {
    background-image: linear-gradient(to top, #FFFFFF 50%, transparent 50%);
}
.card-container.bg-4 .more-btn-container:hover {
    border-bottom: 2px solid #ffffff;
}
.card-container.bg-8 .more-btn-container {
    background-image: linear-gradient(to top, #7084B7 50%, transparent 50%);
}
.card-container.bg-8 .more-btn-container:hover {
    border-bottom: 2px solid #7084B7;
}
.card-container.bg-8 .more-btn-container:hover .more-text,
.card-container.bg-8 .more-btn-container:hover .right-arrow {
    color: #ffffff !important;
}