.logo-1 {
    margin-right: 20px;
    width:140px;
}

.lock-icon {
    margin-right: 7px;
}

.active-lesson .main-text {
    padding-left: 28px;
}

.locked-lesson {
    pointer-events: none;
    opacity: 0.7;
}

.woocommerce {
    max-width:1320px;
    margin:0 auto;
}

/* Custom CSS for iframe */
        .iframe-container {
            position: relative;
            width: 85%; /* Default width on desktop */
            margin: auto; /* Center the iframe horizontally */
            overflow: hidden;
            padding-top: 56.25%; /* Aspect ratio (16:9) */
        }

        .iframe-container iframe {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
        }

        /* Responsive styles */
        @media (max-width: 767px) {
            .iframe-container {
                width: 100%; /* Full width on mobile */
            }
            .mobile-mt-40 {
                margin-top: 40px; /* Adjust the margin as needed */
            }
        }


 /* Define the animation */
    @keyframes fade-up {
      from {
        opacity: 0;
        transform: translateY(50px);
      }
      to {
        opacity: 1;
        transform: translateY(0);
      }
    }

    /* Apply animation to elements */
    .fade-up {
      animation: fade-up 0.5s ease forwards;
    }

.animated-section {
    opacity: 0;
    transform: translateY(50px);
}

.woocommerce form .show-password-input, .woocommerce-page form .show-password-input {
    top: .2em !important;
}