@import '../../scss/variables.scss';

.education-container {
    .category-education {
        .category-title {
            border-left: 4px solid $color-secondary;
            padding-left: 10px;
        }

        .single-education-wrapper {
            text-decoration: none;
            transition: background-color 0.3s;
            width: 100%;

            &:hover {

                .single_education-title {
                    text-decoration: underline;
                }
            }

            .single-education-details {
                color: #000;

                .image-wrapper {
                    padding-top: 56.25%;
                    position: relative;
                    width: 100%;

                    img {
                        position: absolute;
                        top: 0;
                        left: 0;
                        width: 100%;
                        height: 100%;
                        object-fit: cover;
                    }
                }
            }

        }
    }
}