.study-card {
    @apply flex;
    @apply flex-col;
    @apply flex-col-reverse;
    @apply md:flex-row;
    @apply border border-solid border-gray;
    transition: 0.3s;
    @apply mb-8;
    @apply bg-white;

    &:hover {
        @apply shadow-lg;
    }

    .left {
        @apply w-full;
        @apply p-8;

        h2 {
            @apply mb-4 md:mb-6;
        }

        .wrap-info {
            @apply md:flex;
            @apply md:flex-wrap;
            @apply md:items-center;
            @apply md:gap-4;
            @apply mb-8;

            h4 {
                @apply mb-4 md:m-0 md:mr-4;
                @apply block;
            }
        }

        .wrap-text {
            @apply mb-6;

            h5 {
                @apply font-bold;
                @apply mb-4;
            }
        }
    }

    .right {
        @apply w-full md:w-2/5;

        .picture {
            @apply h-full;

            @media (min-width: 768px) {
                clip-path: polygon(25% 0, 100% 0, 100% 100%, 0% 100%);
            }

            img {
                @apply w-full;
                @apply h-full;
                object-fit: cover;
            }
        }
    }

    &.study-card-simple {
        @apply mb-0 border-b-0 hover:bg-red;

        &:last-child {
            @apply border-b;
        }

        &:hover {
            .heading {
                @apply text-white;
            }
        }

        .heading {
            @apply m-0;
        }

        .left {
            @apply p-4 flex flex-col gap-4 lg:flex-row lg:justify-between lg:items-center;

            .study-title {
                @apply flex flex-col gap-4 lg:flex-row lg:items-center;
            }
        }

        .wrap-info {
            @apply m-0;

            h6.heading {
                @apply font-bold;
            }
        }

        .study-info,
        .wrap-text,
        .btn-wrapper {
            display: none;
        }
    }
}