*{margin:0;padding:0;box-sizing: border-box;}

@font-face{

  font-family: 'opensans-bold';
  src: url("fonts/opensans-bold.ttf");}

@font-face{

  font-family: 'opensans-regular';
  src: url("fonts/opensans-regular.ttf");
}

.container{width:90%;margin:0 auto;}
:root{

--white:#fff;
--dark:#000;
--grey:#AAAAAA;
--lightning-yellow:#FDBA13;
--moduleCompleted:#A1D040;
--moduleOngoing:#00BCAD;
--textHover:#00AEEA;
--wrong:#E51E23;
--correct:#A1D040;
--total:#00AEEA;
--textHeading:#1D026D;
}

body{font-family:'opensans-regular';}
.bg{ background: url(../images/bg.jpg) no-repeat center/cover;min-height: auto;background-attachment: fixed;}
.moduleOngoing{background:var(--moduleOngoing);}
.home-banner-img picture{width:100%;}
.moduleCompleted{background:var(--moduleCompleted);}

ul{padding:0;list-style-type:none;}
h2{font-size:40px;}
header{background: var(--white);
    height: 80px;
    box-shadow: 0px 4px 4px 0px #00000014;
    display: flex;
    align-items: center;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    transition: all 0.3s ease-in-out;
    z-index: 1000;
  }


    header.fixed {
    top: 0;
    left: 0;
    width: 100%;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
    background: rgba(255, 255, 255, 0.95); /* Slight transparency effect */
    backdrop-filter: blur(5px);
}
header .logo{width:fit-content;}
header a{display:block;width:fit-content;}
.headerMain{display: flex;justify-content: space-between;align-items: center;}
/*******Login Page******/

.login-bg{background:var(--white);max-width:450px;padding:40px 30px;margin:130px auto 0px;border-radius:15px;text-align: center;width:fit-content;}
.login-bg h2{color:var(--textHeading);font-weight:800;font-family:'opensans-bold';text-transform:capitalize;line-height:30px;font-size:32px;}
.login-bg p{color:var(--grey);margin:15px 0px;font-size:14px;padding:0px 20px 10px;}
.login-form .form-group{width:100%;position:relative;margin-bottom:20px;}
.login-form .form-group {position: relative;width: 100%;max-width: 35 0px;}
.login-form .form-group input {width: 100%;padding: 15px;border-radius: 10px;outline: none;border: 1px solid var(--grey);box-sizing: border-box;}
.login-form .form-group button {position: absolute;right: 15px;top: 50%;transform: translateY(-50%);background: none;border: none;cursor: pointer;}
form{width:100%;display: flex;flex-direction: column;align-items:center;}
.eye-icon path {fill:#E0E0E0;transition: fill 0.3s ease;}
.toggle-btn.active .eye-icon path {fill: var(--lightning-yellow);}
.frm-btn{width:100%;}
.frm-btn button{width:90%;margin:10px 0px 0px;background:var(--lightning-yellow);padding:15px 0px;text-align:center;border:none;border-radius:30px;color:var(--white);font-weight:700;cursor: pointer;}
input::placeholder {color: var(--grey);}
input::-ms-input-placeholder {color: var(--grey);}
.toll-free{margin:15px 0px 0px;text-align:center;}
.toll-free p{color:var(--white);margin:10px 0px;}
.toll-free a{text-decoration: none;color:var(--white);padding-left:5px;}
.toll-free a:hover{color:var(--textHeading);}



/*******Home Page Start*******/

.home-heading{text-align:center;margin:100px 0px 0px;color:var(--white);position:relative;}
.home-heading h1{font-size:44px;}
.home-heading p{padding:10px 0px;font-size:14px;}
.home-banner-img img{width:100%;}
.home-banner-img{position:relative;margin:30px 0px 0px;display:flex;align-items:center;justify-content:center;}
.course-btn{position:absolute;}
.course-btn .btn09{background:var(--lightning-yellow);width:fit-content;padding:12px 35px;border-radius:30px;text-decoration:none;color:var(--white);display: block;font-size:15px;border:1px solid var(--lightning-yellow);}
.course-btn .btn09:hover{background:transparent;border:1px solid var(--lightning-yellow);}
.panelistMain{background:var(--white);padding:50px 50px;height:auto;margin:80px 0px 0;border-top-left-radius:15px;border-top-right-radius:15px;}
.panelistHeading h3{color:var(--dark);font-size: 30px;font-weight:700;font-family:'opensans-bold';}
.panelVideoMain{display:grid;grid-template-columns:repeat(3, 1fr);gap:35px;padding:30px 0px;}
.panelVideo a{text-decoration:none;position:relative;display: block;width:100%;}
.panelVideo img{width:100%;}
.panelVideo h5{color:var(--dark);font-size:18px;font-family:'opensans-bold';padding:10px 0px;}
.panelVideo span{color:var(--grey);font-size:13px;}
.panelVideo a::before{content: '';position: absolute;width: 40px;height: 40px;background: url('../images/video-btn.png') no-repeat center center;background-size: cover;left: 50%;top: 38%;transform: translate(-50%, -50%);}

/*******Home Page End*******/


/*******Video Page Start *****/
.videoSection{position:fixed;top:0;left:0;width:100%;height:100%;z-index:11111;}
.videoMain {position: fixed;top: 0;left: 0;width: 100%;height: 100%;}
.videoMain video {width: 100%;height: 100%;object-fit: cover;position: relative;}
.video-nav{position:absolute;top:30px;left:30px;display:flex;align-items: center;gap:15px;}
.video-title{background: #00000073;padding:10px 20px;width:fit-content;color:#fff;}
.video-title h3{font-size:16px;font-weight:300;}
.video-back{background: #00000073;padding: 1px 15px;display:flex;align-items:center;gap:10px;}
.video-link {color: white;text-decoration: none;border-radius: 5px;width:fit-content;height:40px;display:flex;align-items:center;justify-content: center;}
.video-back span{color:var(--white);}
/*******Video Page End******/


/******Course Page Start******/

.panelVideoSection a{text-decoration:none;margin:20px 0px 0px;}
.courseHeading{margin-bottom: 30px;}
.courseHeading h1{font-size:44px;color:var(--textHeading);font-family: 'opensans-bold';}
.moduleBox{padding:40px 50px;margin:0px 0px 0px;border-radius:10px;color:var(--white);display:flex;justify-content:space-between;position:relative;width: 100%;}
.courseList{position:relative;border-bottom:1px solid var(--grey);border-bottom-left-radius:10px;border-bottom-right-radius:10px;border-left:1px solid var(--grey);border-right:1px solid var(--grey);top:-10px;padding:50px 30px 0px;}
.moduleBox h3{padding-bottom:10px;}
.circular-progress {width: 78px;height: 78px;border-radius: 50%;display: flex;justify-content: center;align-items: center;}
.inner-circle {position: absolute;width: calc(100px - 30px);height: calc(100px - 30px);border-radius: 50%;background-color: #00BCAD;}
.percentage {position: relative;font-size: 18px;color:var(--white);}
.percentage span{color:var(--white);}
.percentage span:nth-child(1){position:relative;top:-5px;font-size:18px;font-weight:600;}
.percentage span:nth-child(2){font-size:14px;position:relative;top:5px;} 
.courseMain{margin-bottom:30px;}
.courseList a{color:#000;text-decoration:none;}
.courseDetail{display:flex;gap:30px;align-items: center;}
.courseVideoComplete{position:relative;display:block;}
.courseVideoComplete::before{content: '';position: absolute;width: 40px;height: 40px;background: url('../images/course-complete-icon.png') no-repeat center center;background-size: cover;left:0;top:0;right:0;bottom:0;margin:auto;}
.courseVideoOngoing{position:relative;display:block;}
.courseVideoOngoing::before{content: '';position: absolute;width: 40px;height: 40px;background: url('../images/video-btn.png') no-repeat center center;background-size: cover;left:0;top:0;right:0;bottom:0;margin:auto;}
.courseDesc h5{font-weight:700;font-size:18px;font-family: 'opensans-bold';}
.courseDesc span{font-size: 14px;color:var(--grey);display: block;margin:15px 0px 0px;}
.courseDisable{opacity:0.4;}
.courseDisable a{pointer-events:none;}
.courseLock{position:relative;display:block;}
.courseLock::before{content: '';position: absolute;width: 40px;height: 40px;background: url('../images/video-lock-btn.png') no-repeat center center;background-size: cover;left:0;top:0;right:0;bottom:0;margin:auto;}

.modulelocked{border:1px solid var(--grey);border-radius:10px;padding:50px 30px;color:var(--grey);}
.moduleLockedMain a{pointer-events:none;}

/******Course Page End******/


/*******Quiz Page Start*******/

.quiz-heading{text-align:center;margin:30px 0px 0px;color:var(--white);}
.quiz-heading p{padding:10px 0px 0px;}
.quiz-points{display:flex;gap:10px;justify-content:center;margin:20px 0px;}
.quiz-points span{width:40px!important;height:4px!important;background:var(--white);border-radius:10px!important ;}
.quiz-points span:first-child{background:var(--correct);}
.quizQuestion h5{font-size:18px;}
.quizQuestionMain{width:80%;border-radius: 15px;padding:50px 60px 50px;background:var(--white);margin:50px auto;}
.quizAnswers {margin: 30px 0;display: grid;grid-template-columns: auto auto;grid-gap: 15px;}
.quizAnswers input[type=radio]{display:none;}
.options label{display:flex;gap:10px;align-items:center;border-radius:10px;padding:20px;width:100%;min-height:90px;}
.quizAnswers .options{border:1px solid var(--grey);border-radius:10px;width:100%;display: flex;gap:10px;font-weight:600;cursor: pointer;align-items: center;min-width: 350px;}
.options input[type="checkbox"] {margin-left:15px;}
input[type="radio"]:checked ~ label {
    background: #00AEEA14;
    cursor: pointer;
    border: 1px solid var(--total);
}

.question-btn{text-align:center;display: flex;justify-content: center;}
.question-btn button{background:var(--lightning-yellow);border-radius:30px;padding:12px 40px;border:none;color:var(--white);font-family: 'opensans-bold';font-weight:700;cursor:pointer;}
.question-btn .btn{background:var(--lightning-yellow);border-radius:30px;padding:12px 40px;border:none;color:var(--white);font-family: 'opensans-bold';font-weight:700;cursor:pointer;text-decoration:none;border:1px solid var(--lightning-yellow);}
.question-btn .btn:hover {background: transparent;border:  1px solid var(--lightning-yellow);color:var(--total);}
.quizButtonMain{padding:30px 0px;width:80%;margin:0px!important;}
.error-message span{color:var(--wrong);}
.circular-chart {display: block;margin: 0px auto;max-width: 80%;max-height: 200px;width:100%;}
.circle {stroke: #4CC790;fill: none;stroke-width: 2;stroke-linecap: round;animation: progress 1s ease-out forwards;}

@keyframes progress {
  0% {
    stroke-dasharray: 0 100;
  }
}

.red{stroke:red;}


/***Admin panel***/

.userMain{padding:50px 0px 30px;margin:80px 0px 0px;}
.userMain .table{padding:30px 0px 0px;margin-bottom:15px;}
.userMain #userTable_filter label{width:350px;display:flex;gap:15px;align-items:center;}
.userMain #userTable_filter input{width:100%;padding:8px 15px;border-radius:30px;outline: none;font-size:14px;}
.userMain .table thead tr th {border-top:1px solid #dee2e6;vertical-align:middle;padding:15px 15px;text-align: center;border-bottom:1.5px solid #dee2e6;}
.userMain .table thead tr th:first-child{border-top-left-radius:15px;}
.userMain .table thead tr th:last-child{border-top-right-radius:15px;}
.userMain .table tbody {text-align:center;}
.userMain .table tbody .odd{vertical-align:middle;background:#fff!important;}
.table-striped>tbody>tr:nth-of-type(odd)>*{--bs-table-bg-type:initial!important;}
table.dataTable tbody th, table.dataTable tbody td{border-bottom: 1px solid #dee2e6;vertical-align:middle;font-size:14px;}
.userMain .table tbody .btn-warning{background:transparent;color:var(--textHover);border:none;font-size:14px;}
.userMain .dataTables_paginate .paginate_button.current{border: 1px solid var(--textHover) !important;background: var(--textHover) !important;color: #fff !important;}
.userMain .dataTables_paginate .paginate_button:hover{background: var(--textHover) !important;color: #fff !important;border: 1px solid var(--textHover) !important;}
.userMain .btn-success{background: var(--lightning-yellow);padding:8px 30px;border-radius:30px;border:1px solid var(--lightning-yellow);}
.userMain .btn-success:hover{background:transparent;border:1px solid var(--lightning-yellow);color:var(--textHover);}
#userTable_wrapper{margin:30px 0px 0px;}
.dataTables_info, .dataTables_paginate {font-size:14px;}
table.dataTable.no-footer{border-bottom:none;}
.logOutDropdown .dropdown {position: relative;display: inline-block;width: 100px;}
.logOutDropdown .dropdown input {display: none;}
.logOutDropdown .dropdown-label {display: flex;justify-content: space-between;align-items: center;padding:8px 10px;text-align: center;cursor: pointer;
border-radius: 5px;border: 1px solid var(--lightning-yellow);color: #000;background: white;width: 100%;font-size:14px;}
.logOutDropdown .dropdown-label::after {content: "▼";  font-size: 12px;margin-left: 8px;transition: transform 0.3s ease;}
.logOutDropdown .dropdown-menu {position: absolute;top: 100%;left: 0;width: 100%;background: white;border: 1px solid #ddd;border-radius: 5px;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);display: none;overflow: hidden;}
.logOutDropdown .dropdown-menu a {display: block;padding: 10px;color: #333;text-decoration: none;width: 100%;font-size: 14px;
box-sizing: border-box;}
.logOutDropdown .dropdown-menu a:hover {background: #f1f1f1;}
.logOutDropdown .dropdown input:checked + .dropdown-menu {display: block;}
.logOutDropdown .dropdown input:checked + .dropdown-label::after {transform: rotate(180deg);}

#resetPasswordModal .modal-header{border-bottom:0px!important; justify-content:center;}
#resetPasswordModal .btn-close{position:absolute;top: 20px;right:20px;}
#resetPasswordModal .modal-title{font-size:20px;font-weight:800;margin:30px 0px 0px;}
#resetPasswordModal .formfield{max-width:380px;width:100%;}
#resetPasswordModal .formfield input{padding:12px 15px;border-radius:10px;font-size:14px;margin:15px 0px;}
#resetPasswordModal .btn{background: var(--lightning-yellow);width:80%;padding:10px 0px;text-align: center;margin:30px 0px 30px;border-radius:30px;border:1px solid var(--lightning-yellow);}
#resetPasswordModal .btn:hover{border:1px solid var(--lightning-yellow);background: transparent;color:var(--textHover);}


#addUserModal .modal-header{border-bottom:0px!important; justify-content:center;}
#addUserModal .btn-close{position:absolute;top: 20px;right:20px;}
#addUserModal .modal-title{font-size:20px;font-weight:800;margin:30px 0px 0px;}
#addUserModal .formfield{max-width:380px;width:100%;}
#addUserModal .formfield input{padding:12px 15px;border-radius:10px;font-size:14px;margin:15px 0px 0px;}
#addUserModal .btn{background: var(--lightning-yellow);width:80%;padding:10px 0px;text-align: center;margin:30px 0px 30px;border-radius:30px;border:1px solid var(--lightning-yellow);}
#addUserModal .btn:hover{border:1px solid var(--lightning-yellow);background: transparent;color:var(--textHover);}

/***Admin panel***/


  /* Common Circle Styling */
  
#green-progress{stroke:var(--correct);}
#red-progress{stroke: var(--wrong);}
.QuizResultHeading{text-align:center;}
.QuizResultHeading h5{font-size:20px;font-family: 'opensans-bold';}
.totalResult{margin:30px 0px 0px;width:100%;}
.totalResult ul{list-style-type:none;display: flex;align-items:center;justify-content: space-evenly;gap:50px;text-align: center;padding:15px 0px 0px;}
.totalResult li{position:relative;}
.totalResult hr{border:1px solid #E0E0E0;}
.totalResult li::after{content:'';position:absolute;right:-50px;top:0;bottom:0;margin:auto;border:1px solid #E0E0E0;height:100%;}
.totalResult li:last-child::after{content:none;}
.totalResult li h5{font-size:20px;padding-bottom:10px;}
.totalResult li p{font-size:14px;color:var(--grey);}
.totalResult li .total{color: var(--total);}
.totalResult li .correct{color:var(--correct);}
.totalResult li .wrong{color:var(--wrong);}
#percentage-text{font-size:6px;font-weight:700;}

/*******Quiz Page End*******/

/*******Quiz Summary Page Start*******/

.QuizSummaryMain{margin:130px 0px 0px;}
.QuizSummaryRow{display:flex;gap:30px;width:100%;margin-bottom:30px;}
.QuizSummaryMain .quizButtonMain{width:100%;margin: 0px auto!important;}
.QuizSummaryColL, .QuizSummaryColR{background:var(--white);padding:50px 50px;width:100%;border-radius:15px;min-height:400px;display:flex;flex-direction:column;justify-content:center;align-items:center;}
.QuizResult{display: flex;flex-direction: column;width:100%;align-items:center;gap:10px;}
.QuizResult svg{width:22px;height:22px;}
.QuizResult span{color:var(--grey);font-size:15px;font-weight:500;}
.QuizSummaryColR{text-align: center;}
.QuizSummaryColR h5{font-size:20px;font-family: 'opensans-bold';padding:0px 0px 50px;}
.QuizResultsList{text-align:left;display:grid;grid-template-columns:repeat(5, 1fr);justify-items:center;gap:30px;width:100%;}
.question-btn button:hover{background:transparent;border:1px solid var(--lightning-yellow);color:var(--textHover);}
.quiz-section{margin-top:100px;}

/*******Quiz Summary Page End*******/


.swal2-backdrop-show{top:80px;padding:0;z-index:1;}
.swal2-popup{top:-30px;}
#disclaimerModal .modal-content p{padding:10px 0px;}

/*******Certificate Page Start*******/

.certificate-main{height:100vh;display:flex;align-items:center;justify-content:center;color:#fff;gap:15px;flex-direction:column;text-align:center;margin:60px 0px 0px;}
.certificate-main img{width:60%;}
.back-home{text-align: center;margin-bottom:30px;}
.back-home a{background: var(--lightning-yellow);padding:10px 30px;border-radius: 30px;border: 1px solid var(--lightning-yellow);color:var(--white);margin:15px 0px 0px;cursor: pointer;text-decoration:none;}
.back-home a:hover{background:transparent;border:1px solid var(--lightning-yellow);}

/*******Certificate Page End*******/



@media screen and (max-height:4000px) and (min-height:800px){
  .quizButtonMain{position: fixed;bottom: 0;left: 0;right: 0;width: 80%;margin: auto !important;}
  .QuizSummaryMain .quizButtonMain{width:90%;}
}


/*****Mobile Version******/

@media (max-width: 1024px) {

.quizAnswers{grid-template-columns:repeat(1, 1fr);}

}




@media (max-width: 767px) {
    
.bg{background:url('../images/mobile-bg.jpg');background-repeat: no-repeat;background-size:cover;height:100%;background-position:top;}
.login-bg{width:100%;max-width:fit-content;padding:60px 15px;margin-top:130px;}
.login-form .form-group {max-width: 100%;}
.login-form .form-group input {padding: 12px;}
.login-form .form-group button {right: 10px;}
.frm-btn{width:100%;}
.frm-btn button{width:100%;}
.login-bg h2{line-height:30px;font-size:34px;}
.logOutDropdown .dropdown{width:fit-content;}

/****home page Start*****/

.home-heading{margin:30px 0px 0px;padding-top:100px;}
.home-heading h1{font-size:30px;width:100%;margin:0 auto;}
.panelVideoSection .container{padding:0;margin:0;width:100%;}
.panelistHeading h3{font-size:22px;}
.panelistMain{margin:100px 0px 0px;padding:30px 15px 30px;}
.quizButtonMain{margin:0px!important;width:100%;}
.panelVideoMain{display:grid;grid-template-columns:repeat(1, 1fr);}
.panelVideo a{display:flex;gap:30px;width:100%;min-height:100px;}
.panelVideo a img{width:50%;}
.panelTxt h5{font-size:16px;width:100%;}
.panelVideo a::before{left:25%;top:50%;width:30px;height:30px;}

/****home page End*****/


/****Course Page Start*****/

.courseHeading h1{font-size:24px;}
.moduleBox{padding:30px 20px;}
.moduleBox h3{font-size:18px;}
.moduleBox p{font-size:16px;}
.circular-progress{width:60px;height:60px;}
.inner-circle{width:calc(100px - 45px);height:calc(100px - 45px);}
.courseList{padding:30px 15px 0px;max-height: 0; overflow: hidden; transition: max-height 0.3s ease-out;}
.courseDetail{gap:20px;}
.courseDesc{width:100%;}
.courseDetail .courseVideo{width:300px;height:auto;}
.courseDetail .courseVideo img{width:100%;height:100%;object-fit: cover;}
.courseDesc h5{font-size:15px;line-height:18px;}
.courseVideoComplete::before, .courseVideoOngoing::before, .courseLock::before{width:30px;height:30px;}
.courseMain{margin-bottom:30px;}
.collapsible.open + .courseList{padding:20px 15px 20px!important;}
.arrow{right:20px!important;}
.courseMain:last-child{margin-bottom:10px;}

/****Course Page End*****/


/******Quiz Page Start*****/

.quizQuestionMain{width:100%;padding:30px 10px 10px;}
.quizAnswers{grid-template-columns: repeat(1, 1fr);}
.quizAnswers label{font-weight:600;}
.question-btn button{width:100%;}

/******Quiz Page End*****/

/******Quiz Summary Page Start*****/

.QuizSummaryMain .container{width:100%;}
.QuizSummaryMain .container .QuizSummaryColL{width:90%;margin:0 auto;}
.QuizSummaryRow{flex-direction: column;}
.totalResult li::after{right:-30px;height:50px;}
.QuizSummaryColL, .QuizSummaryColR{padding:30px 30px;}
.QuizResultsList{text-align:center;gap:20px;width: fit-content;}
.QuizResult svg{width:18px;height:18px;}
.QuizSummaryColR h5{padding-bottom:30px;}
.QuizResult span{font-size:14px;white-space: nowrap;}
.QuizSummaryColR{border-radius:0;}
.circular-chart{margin-bottom:10px;max-height:150px;}
.quiz-section{margin-top:110px;}
.instructionContent{padding:15px!important;margin-bottom:60px;}
.instructionMain{padding-bottom:0px!important;}
.learning-marquee{position:fixed!important;}
.btn-main{display:flex;gap:10px;align-items:center;justify-content:center}
.btn-main .btn{white-space: nowrap;}
/******Quiz Summary Page End*****/


/***Admin Panel***/

.userMain #userTable_filter label{width:100%;}
#userTable_wrapper{display: block;overflow-x: auto;white-space: nowrap;}
#userTable{width:100%;}
.logOutDropdown .dropdown-label{width:fit-content;}
.videoSection{align-items:center;height:100%;display:flex;position:relative;margin-top:100px;}
.videoMain{position:relative;top:initial;left:initial;width:auto;height:auto;}
.video-back{top:100px;left:0px;padding:10px;position: absolute;z-index:111111;}
.video-link{width:15px;height:15px;}
.video-back span{font-size:14px;}
.quizAnswers label{min-width:fit-content;}
.quizAnswers .options{min-width:100%;gap:0px;}
.options input[type="checkbox"]{margin-left:5px;}
}

/****Mobile css End ****/

.moduleLockedMain{margin:20px 0px 0px;}
.collapsible {display: flex;justify-content: space-between;align-items: center;cursor: pointer;transition: all 0.3s ease-in-out;
text-decoration: none;color: black;position: relative;}
.courseList {max-height: 0;overflow: hidden;padding: 0 30px;transition: max-height 0.3s ease-out, padding 0.2s ease-out, border-bottom 0.3s ease-out;
margin: 0px 0px;border-bottom: 1px solid transparent;}
.collapsible.open + .courseList {max-height: 200px;padding: 20px 30px;border-bottom: 1px solid #AAAAAA;}
.collapsible.open {border-bottom: none; }
.arrow {position: absolute;right: 30px;color: #fff;transition: transform 0.3s ease;}
.open .arrow {transform: rotate(180deg);}
.text-muted{font-size: 18px;color: red;}
#disclaimerModal {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: #8d8d8dc2;display: flex;justify-content: center;align-items: center;z-index: 9999;padding: 20px;}
#disclaimerModal .modal-content {background: #fff;padding: 30px;border-radius: 10px;width: 100%;max-width: 500px;
box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);text-align: center;}
#disclaimerModal .btn{background: var(--lightning-yellow);width: fit-content;padding: 12px 35px;border-radius: 30px;
text-decoration: none;color: var(--white);font-size: 15px;border: 1px solid var(--lightning-yellow);margin:10px 0px;cursor:pointer;}
#disclaimerModal .btn:hover{background: transparent;border: 1px solid var(--lightning-yellow);color:#000;}

/* Hide the native radio button */
.options input[type="radio"] {
    display: none;
}

/* Style the label to include a custom square */
.radio-lbl {
    display: flex;
    align-items: center;
    cursor: pointer;
    position: relative;
    padding:20px 30px !important;
}

/* Custom square */
.radio-lbl::before {
  content: "";
    position: absolute;
    left: 9px;
    top: 50%;
    width: 12px;
    height: 12px;
    border: 1px solid #555;
    background-color: #fff;
    transform: translateY(-50%);
    box-sizing: border-box;
}

.radio-lbl input[type="checkbox"]:checked + .radio-lbl::after{
  content: "✔";
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 10px;
    color: #000;
}

/* When checked, fill the square */
.options input[type="radio"]:checked + label::before {
    background-color: #0d6efd;
  border: 1px solid #0d6efd;

}


/* Optional: Add tick or dot inside */
.options input[type="radio"]:checked + label::after {
    content: "✔";
    position: absolute;
    left: 11px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 10px;
    color: #fff;
}

.instructionMain{padding:110px 0px 30px;}
.instructionContent{background:var(--white);padding:30px;border-radius:10px;}
.instructionBtn{text-align:center;}
.instructionMain p{color:#000;padding-bottom:15px;}
.instructionMain .btn{background: var(--lightning-yellow);padding: 8px 30px;border-radius: 30px;border: 1px solid var(--lightning-yellow);color:var(--white);margin:15px 0px 0px;cursor: pointer;}
.instructionMain .btn:hover{background:transparent;border:1px solid var(--lightning-yellow);color:#000;}
.instructionContent ul{list-style-type:decimal;padding:0px 15px;}
.learning-marquee {
  overflow: hidden;
  background: #f0f8ff;
  white-space: nowrap;
  width: 100%;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  position: absolute;
  bottom: 0;
}

.marquee-container {
  display: inline-flex;
  animation: scrollMarquee 20s linear infinite;
}

.marquee-item {
  flex: 0 0 auto;
  padding: 8px 35px;
  font-size: 18px;
}

@keyframes scrollMarquee {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(-50%);
  }
}