/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/

/* Course Categories
---------------------------------------------------------------------------- */

/* .hover-effect {
    -webkit-transition: transform .25s ease, box-shadow .3s ease;
    -o-transition: transform .25s ease, box-shadow .3s ease;
    transition: transform .25s ease, box-shadow .3s ease;
    -webkit-transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    box-shadow: none;
    border: 0;
}

.hover-effect:hover {
    -webkit-transform: translateY(-2px);
    -ms-transform: translateY(-2px);
    -o-transform: translateY(-2px);
    transform: translateY(-2px);
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
} */

.hover-effect2 img.hover-3d-img {
    transition: transform .25s cubic-bezier(.25, .8, .25, 1), box-shadow .3s cubic-bezier(.25, .8, .25, 1);
    will-change: transform;
    border: 0;
}

.hover-effect2:hover img.hover-3d-img {
    transform: perspective(600px) rotateY(10deg) scale(1.07) translateY(-6px);
    box-shadow: 0 10px 16px #00343249 !important;
}

.hover-effect2:hover .hover-3d-text {
    transform: scale(1.12);
}