@media (max-width: 768px) { 
    .main__slides .slide .pins .pin-3 .pin-content {
        left: -50%;
        transform: translateX(-50%);
    }
    .quiz-content .quiz-option {
        flex-direction: column;
        align-items: flex-start;
    }
    
    .quiz-content .quiz-option span{
        margin-top: 1rem;
    }

    .main__slides .slide .slide-caption .description{
        font-size: 18px;
    }

    .study-card{
        margin: auto;
        margin-bottom: 1.5rem;
    }
}