@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
.fibi_course_wrapper {
    display: flex;
    flex-direction: column;
    gap: 20px;
    font-family: Arial, sans-serif;
}

.fibi_course_title {
    font-size: 28px;
    margin-bottom: 10px;
}

.fibi_course_content {
    display: flex;
    gap: 30px;
}

.fibi_sections {
    flex: 1;
}

.fibi_section_item {
    padding:7px;
	margin-bottom:10px;
    border: 1px solid #ddd;
    border-radius: 6px;
    background: #fafafa;
}

.fibi_section_title {
    font-size: 20px;
    margin-bottom: 10px;
}

.fibi_lessons {
    list-style: none;
    padding-left: 0;
}

.fibi_lessons li {
    padding: 8px 12px;
    margin-bottom: 6px;
    background: #f1f1f1;
    border-radius: 4px;
    cursor: pointer;
    transition: background 0.2s ease;
        display: flex
;
    align-items: center;
    justify-content: flex-start;
}
.fibi_lessons li button{
  border: none;
  color: #3A3A3A;
  width: 100%;
    text-align: left;
    font-size: 16px;
	padding: 10px 15px;
}
.fibi_lessons li button:hover{
    background: transparent;
      color: #151515;
}

.fibi_lessons li:hover {
    background: #e0e0e0;
}

.fibi_video_area {
    flex: 2;
 
    background: #fff;
}

#fibi_video_player video {
    margin-top: 10px;
    border-radius: 6px;
    box-shadow: 0 2px 6px rgba(0,0,0,0.15);
}
.fibi_section_header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    background: #f5f5f5;
    padding: 10px ;
      font-family: "Inter", sans-serif;
    border-radius: 4px;
    font-weight: bold;
    font-size: 16px;
}

.fibi_section_toggle {
    font-size: 20px;
    font-weight: bold;
}

.fibi_lessons_wrapper {
    display: none;
    margin-top: 8px;
}

.fibi_section_item.active .fibi_lessons_wrapper {
    display: block;
}

.fibi_section_item.active .fibi_section_toggle {
    transform: rotate(45deg); /* + becomes × */
}
.fibi_arrow {
    transition: transform 0.3s ease;
}
.fibi_arrow.rotated {
    transform: rotate(180deg);
}
.player-header-wrap{
    background-color: #FFBC33;
    padding: 15px 25px;
    margin-top: -2px;
        display: flex
;
    align-items: baseline;
    justify-content: space-between;
    margin-bottom: 10px;
}
.player-header-wrap h4,
.player-header-wrap h3{
    font-size: 28px !important;

}
.player-header-wrap h3{
    font-weight: 600;
}
.course-btn{
        display: flex
;
    align-items: center;
    justify-content: space-between;
        margin-top: 10px;
}
.course-btn a{
    font-size: 16px;
    border-radius: 34px;
    padding: 15px 28px;
    font-weight: 600;
    text-decoration: none !important;
}
.course-btn .btn-dates{
    color: #fff;
    background: #3A3A3A;

}
.course-btn .btn-roadmap{
    background: #FFBC33;
      font-family: "Inter", sans-serif;
    color: #3A3A3A;
}
.fibi_download_btn{
    border: 1px solid #3A3A3A;
    font-size: 16px;
    border-radius: 34px;
    padding: 15px 28px;
    font-weight: 600;
    text-decoration: none !important;
    background: #fff;
      font-family: "Inter", sans-serif;
}
#fibi_video_player{
        min-height: 400px;
    text-align: center;
    justify-content: center;
    align-items: center;
    display: flex;
                                       
                                                         
}
@media (max-width: 768px) {
    .fibi_course_content{
        display: block;
    }
}