.wrapper {
    @apply w-[100%] h-auto min-h-[44rem]
    grid align-middle place-items-center
    rounded-[10px] p-5 overflow-hidden;
    background: rgba(0, 0, 0, 0.6);
}
@media (max-width: 1380px) {
.wrapper {
    @apply mt-6 
}

}
@media (max-width: 500px) {
    .wrapper {
        @apply p-2
    }
}
@media (max-width: 380px) {
    .wrapper {
        @apply p-1
    }
}
.inner {
    @apply w-[100%] relative 
    max-h-[44rem] min-h-[100%]
    h-auto border-4 border-secondary
    rounded-[10px];
    overflow-y: overlay;
    overflow-x: hidden !important;
}