.tvft-video-iframe {
    width: 100%;
    height: auto;
    border-radius: 8px;
    border: 2px solid #ddd;
}

.tvft-enroll-button {
    display: inline-block;
    margin-top: 10px;
    padding: 10px 20px;
    background-color: #0073aa;
    color: #fff;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    text-align: center;
}

.tvft-enroll-button:hover {
    background-color: #005880;
}

.tutor-accordion-item-body {
    margin-top: 10px;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
    background-color: #f9f9f9;
}

.free-video-margin {
    margin-top: 20px;
}

.tvft-unlock-icon {
    font-size: 19px; /* Adjust the size of the icon */
    margin-left: 5px; /* Small space between the title and the icon */
    color: #757c8e; /* You can customize the color */
    vertical-align: middle; /* Vertically align the icon with the text */
    cursor: pointer;
    transition: color 0.3s ease, transform 0.3s ease; /* Smooth hover transition */
}

.tvft-unlock-icon:hover {
    color: #005880; /* Hover color for the icon */
    transform: scale(1.2); /* Slightly enlarge the icon on hover */
}

/* Tooltip for the Unlock icon */
.tvft-unlock-icon:hover::after {
    content: "Open Content";
    position: absolute;
    background-color: #333;
    color: #fff;
    padding: 5px;
    border-radius: 5px;
    font-size: 14px;
    top: -30px;
    left: 0;
    transform: translateX(-50%);
    white-space: nowrap;
}