/*
* Main CSS
* @oom_ss
* @version: 1.3.6
*/

/** Subscription Form **/
.oom-institute-subscription-form-column-field,
.oom-institute-subscription-form-one-column.field {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.oom-institute-subscription-form-one-column.checkbox {
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	gap: 10px;
}

.oom-institute-subscription-form-column-field .oom-subscription-form-field {
	font-size: 12px;
	border: none;
	border-bottom: 1px solid #69727d;
	background-color: transparent;
}

.oom-institute-subscription-form-column-field .oom-institite-subscription-form-btn.submit {
	font-size: 12px;
	color: #ffffff;
	background-color: #000000;
	border: none;
	border-radius: 7px 7px 7px 7px;
	padding: 10px 20px 10px 20px;
}

.oom-institute-subscription-form-column-field label {
	font-size: 10px;
}

#subscription-response-message-footer {
	margin: 0px;
}

#subscription-response-message-footer p.error,
#subscription-response-message-footer li {
	font-size: 10px;
}

#oom-subscription-form-post-article .oom-institute-subscription-form-one-column.field {
	display: flex;
	flex-direction: row;
	gap: 10px;
}

#oom-subscription-form-post-article .oom-subscription-form-field {
	background-color: #ffffff;
}

#oom-subscription-form-post-article .oom-institute-subscription-form-one-column.button {
	text-align: center;
}

#oom-subscription-form-post-article .oom-institite-subscription-form-btn.submit {
	background-color: transparent;
	border: 1px solid;
	padding: 10px 60px 10px 60px;
}

#oom-subscription-form-post-article .oom-institute-subscription-form-column-field label {
	color: #FFFFFF;
}

#oom-subscription-form-post-article .oom-institute-subscription-form-column-field a {
	color: #FFFFFF;
	text-decoration: underline;
}

#oom-subscription-form-post-article .institute-response-message p.error {
	color: yellow;
}
.institute-response-message li.error{
	color: red;
}

#oom-subscription-form-post-article li {
	color: #FFFFFF;
	font-size: 12px;
}

/** Download Form **/
.oom-institute-download-form-column-field {
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	align-content: center;
	justify-content: center;
	gap: 20px;
}

.oom-institute-download-form-two-column {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-content: center;
	align-items: flex-start;
	gap: 10px;
}

.oom-institute-download-form-one-column.checkbox {
	flex-direction: column;
	display: none;
}

input.oom-download-form-field {
	color: #ababab;
	border-radius: 8px;
	border-color: #ababab;
}

#oom-institute-handbook-downloadpage {
	text-align: center;
}
div#oom-institute-handbook-downloadpage-content {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
h3.oom-institute-download-form-heading {
	text-align: center;
	font-weight: 600;
	color: black;
	margin: 0px;
}

div#oom-institute-handbook-otp-page p {
    text-align: center;
}
button.oom-institite-handbook-resend-otp-btn, button.oom-institite-handbook-resend-otp-btn:hover {
    color: #512DA8;
    padding: 0;
    border: none;
    background: transparent;
    text-decoration: underline;
}
.oom-institite-download-form-btn,
.oom-institite-handbook-download-form-btn,
#oom-institute-handbook-downloadpage button,
button.submit,
button.continue,
button.event-submit{
	color: #ffffff;
	background-color: #000000;
	border: none;
	border-radius: 7px 7px 7px 7px;
	padding: 10px 40px 10px 40px;
}

.oom-institite-download-form-btn:hover,
.oom-institite-handbook-download-form-btn:hover,
#oom-institute-handbook-downloadpage button:hover,
button.submit:hover,
button.continue:hover,
button.submit:focus,
button.continue:focus,
button.event-submit:focus,
button.event-submit:hover{
	background-color: #512DA8;
}

.oom-institute-download-form-one-column.i-agree {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-content: center;
	justify-content: center;
	gap: 10px;
	align-items: flex-start;
}

.oom-institute-download-form-one-column.button {
	text-align: center;
}

#oom-institute-handbook-downloadpage, 
#oom-institute-handbook-otp-page {
	display: none;
}

/** Survey Form **/
.oom-institute-survey-form-one-column.others {
	margin-top: 20px;
	display: none;
}

.oom-institute-survey-form-steps {
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	gap: 20px;
	margin-top: 20px!important;
	margin-bottom: 20px!important;
}

.oom-institute-survey-form-steps.step-1,
.oom-institute-survey-form-steps.step-2 {
	margin-bottom: 20px;
}

.oom-institute-survey-form-steps.buttons {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-content: center;
	justify-content: center;
	align-items: center;
}

.oom-institute-survey-form-container label.survey-label {
	font-weight: bold;
	padding-bottom: 10px;
	line-height: 24px;
}

.oom-institute-survey-radio label {
	margin-top: -5px;
	line-height: 40px;
}

.oom-institue-survey-form-btn {
	color: #ffffff;
	background-color: #000000;
	border: none;
	border-radius: 7px 7px 7px 7px;
	padding: 10px 40px 10px 40px;
}

.oom-institue-survey-form-btn:hover {
	background-color: #512DA8;
}

.institute-response-message {
	margin-bottom: 20px;
}

.institute-response-message p {
	font-weight: bold;
}

.institute-response-message p.error {
	color: red;
}

.institute-response-message p.success {
	color: green;
	text-align: center;
}

.institute-response-message li.error strong {
	color: red;
}

.institute-i-agree a {
	color: #512DA8;
}
.oom-institute-survey-column-field.i-agree .oom-institute-enquiry-form-one-column {
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	gap: 10px;
}

.oom-institute-survey-column-field.i-agree {
	margin-bottom: 20px;
}

/** Enquiry Form **/
.oom-academy-enquiry-form-tab {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-content: center;
	justify-content: space-between;
	align-items: center;
}

.oom-academy-enquiry-btn {
	color: #000000;
	background: #F4F4F4;
	width: 49%;
	border: none;
	padding: 10px;
}

.oom-academy-enquiry-btn:hover,
.oom-academy-enquiry-btn.active {
	color: #000000;
	background: #F4F4F4;
	font-weight: bold;
	border-style: solid;
	border-width: 0px 0px 0px 5px;
	border-color: #512DA8;
}

.oom-academy-enquiry-form-course__name h4,
.oom-academy-enquiry-form-course__name span {
	color: #683AB7;
	font-size: 24px;
	font-weight: bold;
}

.oom-academy-enquiry-form-course__details {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-content: center;
	align-items: center;
	gap: 30px;
}

.oom-academy-enquiry-form-courses {
	background: #FBFCFF;
	padding: 20px 40px;
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.oom-academy-enquiry-form-course {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.course-details-label {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: center;
	gap: 5px;
}

.course-details-location {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: center;
	gap: 10px;
}

.course-details-label select {
	width: 95%;
	height: 40px;
	padding: 0px 10px;
	color: #333333;
	border-radius: 8px;
	border-color: #333333;
}

.course-details-label input::placeholder {
	color: #333333;
	font-weight: bold;
}

#course-date-text {
	width: 95%;
	pointer-events: none;
}

.oom-academy-enquiry-form-one-column,
.oom-academy-enquiry-form-two-column {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-content: center;
	align-items: flex-start;
	gap: 10px;
}

.oom-academy-enquiry-form-one-column.checkbox {
	flex-direction: column;
	display: none;
	/* 	height: 250px; */
	padding: 10px 20px;
	overflow: auto;
	border: 1px solid #F4F4F4;
}

.oom-academy-enquiry-form-fields {
	background: #FBFCFF;
	padding: 10px 40px; 
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.oom-academy-enquiry-form-fields .corporate-field {
	display: none;
}

.oom-academy-enquiry-form-fields .checkbox-button-field {
	background-color: #ffffff;
	cursor: pointer;
	width: 100%;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	color: #6c6c6c;
	border-radius: 8px;
	border: 1px solid #ababab;
	padding: 8px 20px;
	margin-top: 20px;
}

.oom-academy-enquiry-form-fields .checkbox-button-field:hover {
	background-color: #ffffff;
	outline: none;
}

.oom-academy-enquiry-form-fields label a {
	font-weight: bold;
}

input.oom-academy-enquiry-form-field,
textarea.oom-academy-enquiry-form-field {
	color: #000000;
	border-radius: 8px;
	border-color: #000000;
}

.oom-academy-enquiry-form-btn {
	color: #ffffff;
	background-color: #000000;
	border: none;
	border-radius: 7px 7px 7px 7px;
	padding: 10px 40px 10px 40px;
}

.oom-academy-enquiry-form-btn:hover {
	background-color: #512DA8;
}


/** Elementor Form **/
.academy-enquiry-individual-form-page .elementor-field-subgroup,
.academy-enquiry-corporate-form-page .elementor-field-subgroup,
.academy-enquiry-individual-form .elementor-field-subgroup,
.academy-enquiry-corporate-form .elementor-field-subgroup {
	flex-direction: column;
}

/** Calendar **/
#oom-academy-calendar-section .oom_academy_column_100 select.oom-academy-select {
	width: 100%;
	margin-bottom: 20px;
}

#oom-academy-calendar .fc-row:first-child table {
	margin: 0px;
}

#oom-academy-calendar .fc-scroller.fc-day-grid-container {
	height: 80%!important;
}

#oom-academy-calendar .fc-event {
	cursor: pointer;
}

#oom-academy-calendar .fc-day-grid-event .fc-time {
	display: none;
}

#oom-academy-calendar .fc-day-grid-event .fc-content {
	font-weight: bold;
	font-size: 11px;
	padding: 4px;
	text-align: center;
	white-space: unset;
}

#oom-academy-calendar .fc-day-grid-event .fc-content .fc-title {
	white-space: unset;
}


#oom-academy-calendar .fc-toolbar .fc-left {
	color: #512DA8;
	font-weight: bold;
	font-size: 20px;
}

#oom-academy-calendar .fc-button-primary {
	text-transform: capitalize;
	color: #000000;
	font-weight: 500;
	background-color: #F5F5F5;
	border-color: #E6E4E4;
}

#oom-academy-calendar .fc-head-container tr {
	color: #ffffff;
	background: linear-gradient(274deg, rgba(81,45,168,1) 0%, rgba(140,116,198,1) 53%);
}

#oom-academy-calendar .fc-day-header.fc-widget-header {
	padding: 10px 40px;
	border: none;
}

#oom-academy-calendar table thead:first-child tr:first-child td {
	border: none;
}

#oom-academy-calendar .fc-widget-header.fc-mon {
	border-radius: 10px 0px 0px 0px;
}

#oom-academy-calendar .fc-widget-header.fc-sun {
	border-radius: 0px 10px 0px 0px;
}

#oom-academy-calendar .fc-widget-header.fc-sat {
	border-radius: 0px 0px 0px 0px;
}

#oom-academy-calendar .fc-event, 
#oom-academy-calendar .fc-event-dot {
	color: #ffffff;
	background-color: #7A52E0;
	border: 1px solid #7A52E0;
}

#oom-academy-calendar__footer{
	padding-top: 20px;
}

.oom-academy-calendar__footer-legend {
	display: flex;
}

.oom-academy-calendar__footer-legend .legend-item {
	margin-right: 10px;
	display: flex;
	flex-direction: row;
	align-content: center;
	align-items: center;
}

.oom-academy-calendar__footer-legend .legend-item span {
	width: 20px;
	height: 20px;
	border-radius: 4px;
	display: block;
}

.oom-academy-calendar__footer-legend .legend-item span.available {
	background-color: #00c33d;
}

.oom-academy-calendar__footer-legend .legend-item span.selling-fast {
	background-color: #FFA831;
}

.oom-academy-calendar__footer-legend .legend-item span.full {
	background-color: #727E8E;
}

.oom-academy-calendar__footer-legend .legend-item small {
	color: #000000;
	padding-left: 10px;
}

#oom-academy-calendar__footer .oom_academy_row {
	display: flex;
	align-content: center;
	align-items: center;
}

#oom-academy-enroll-btn {
	float: right;
	font-size: 14px;
	text-decoration: none;
	color: #ffffff;
	background: #000000;
	padding: 12px 40px;
	border-radius: 6px;
}

#oom-academy-enroll-btn.disabled {
	background: gray;
	pointer-events: none;
	cursor: default;
}

#oom-academy-enroll-btn:hover {
	background: #512DA8;
}

#oom-academy-course,
#oom-academy-location {
	margin-bottom: 40px;
}

.oom-academy-course__name h4,
.oom-academy-location__name h4 {
	color: #512DA8;
	font-size: 1.75em;
	font-weight: bold;
}

.oom-academy-course__name span,
.oom-academy-location__name span {
	font-size: 22px;
}

/** Account / Checkout / Payment Form **/
#oom-academy-corporate-type {
	display: none;
}

.academy-welcome-heading {
	display: flex;
	align-content: center;
	flex-direction: row;
	align-items: center;
	margin-bottom: 40px;
}

.academy-welcome-heading h4 {
	margin: 0px;
}

.academy-welcome-heading a {
	padding-left: 20px;
	text-decoration: underline;
}

.academy-welcome-heading h4 span {
	font-size: 1.5rem;
	font-weight: bold;
	text-transform: capitalize;
	color: #512DA8;
}

.academy-registration-information,
.academy-checkout-information,
.academy-payment-information {
	margin: 20px 0px;
	padding: 20px 20px;
	border-top: 2px solid #512DA8!important;
	border: 1px solid rgba(0,0,0,.082);
}

/** Learner Information **/
.learner-information-title h4,
.course-information-title h4,
.payment-method-title h4 {
	font-size: 24px;
	font-weight: bold;
	margin: 0px;
}

.learner-information-row,
.course-information-row {
	margin: 20px 0px;
}

#academy-checkout-course-fees .course-information-row {
	margin: 4px 0px;
	display: flex;
	flex-direction: row;
	align-content: center;
	align-items: center;
}

.learner-information-row h4,
.course-information-row h4,
.payment-information-row h4,
.error-information-row h4 {
	font-size: 18px;
	font-weight: bold;
	margin: 5px 0px;
}

.error-information-row p {
	color: red
}

.error-information-row a {
	color: #000000;
	text-decoration: underline;
}

.course-information-row .course-title {
	padding: 0px;
}

.course-title h4,
.course-fees-title h4,
.payment-method-title h4 {
	font-size: 20px;
}

.course-fees-item h4 {
	font-size: 16px;
	font-weight: normal;
}

.course-fees-item small {
	font-weight:  bold;
	color: #512DA8;
}

.course-fees-item-total h4 {
	font-size: 24px;
	font-weight: bold;
	color: #512DA8;
}

.course-fees-amount {
	float: right;
}

.course-fees-amount .small {
	font-size: 16px;
	font-weight: 500;
}

.course-fees-amount h4,
.course-fees-total h4 {
	font-size: 20px;
	float: right;
}

.course-fees-total {
	color: #512DA8;
}


.academy-checkout-information span {
	font-size: 18px;
	font-weight: normal;
	line-height: 20px;
	text-transform: uppercase;
}

/** Login & Registration Form **/
#oom-academy-calendar-section label,
#oom-academy-registration-form label,
#oom-academy-login-form label,
#oom-academy-registration-form label {
	font-size: 16px;
	font-weight: bold;
	color: #000000;
	display: block;
	padding: 20px 0px;
}

#oom-academy-login-form input.oom-academy-input,
#oom-academy-registration-form input.oom-academy-input,
#oom-academy-registration-form textarea.oom-academy-textarea {
	width: 98%;
	font-size: 16px;
	color: #1f2124;
	background-color: #ffffff;
	border: 1px solid #69727d;
	border-color: #E6E4E4;
	padding: 12px 12px;
	border-radius: 4px;
	margin-bottom: 10px;
}

#oom-academy-login-form input.oom-academy-input[readonly],
#oom-academy-registration-form input.oom-academy-input[readonly] {
	background-color: #e5e5e5;
}

#oom-academy-login-form .oom_academy_column_100 input.oom-academy-input,
#oom-academy-login-form .oom_academy_column_100 select.oom-academy-select,
#oom-academy-registration-form .oom_academy_column_100 input.oom-academy-input,
#oom-academy-registration-form .oom_academy_column_100 select.oom-academy-select {
	width: 99%;
}

#oom-academy-login-form select.oom-academy-select,
#oom-academy-registration-form select.oom-academy-select {
	width: 98%;
	border: solid;
	border-width: 1px;
	border-color: #E6E4E4;
	border-radius: 4px;
	padding: 12px 12px;
	cursor: pointer;
	background: #FFFFFF;
	font-size: 16px;
}

#oom-academy-login-form button.oom-academy-btn,
#oom-academy-registration-form button.oom-academy-btn,
#oom-academy-checkout-form button.oom-academy-btn {
	cursor: pointer;
	color: #ffffff;
	background-color: #000000;
	border-radius: 7px 7px 7px 7px;
	outline: none;
	border: none;
	padding: 10px 40px 10px 40px;
	margin-top: 10px;
}

#oom-academy-login-form button.oom-academy-btn:hover,
#oom-academy-registration-form button.oom-academy-btn:hover,
#oom-academy-checkout-form button.oom-academy-btn:hover {
	background-color: #683AB7;
}

#oom-academy-registration-form .oom_academy_column_100.i_agree {
	display: flex;
}

#oom-academy-registration-form .oom-academy-checkbox {
	margin-right: 10px;
}

#academy-login-response-message p,
#academy-response-message p {
	margin-bottom: 20px;
}

#academy-response-message {
	padding-bottom: 20px;
}

#academy-login-response-message p.success,
#academy-response-message p.success,
#academy-login-response-message p.error,
#academy-response-message p.error,
.response-form-series p.error,
.response-form-series p.success,
.response-form-checkbox p.error,
.response-form-checkbox p.success, {
	font-size: 18px;
	padding: 0px;
	margin: 0px;
}

#academy-login-response-message p.error,
#academy-response-message p.error,
#academy-response-message-1 p.error,
#academy-response-message-2 p.error,
.response-form-series p.error,
.response-form-checkbox p.error {
	color: red;
}

#academy-login-response-message p.success,
#academy-response-message p.success,
#academy-response-message-1 p.success,
#academy-response-message-2 p.success,
.response-form-series p.success,
.response-form-checkbox p.success {
	color: green;
}

#academy-login-response-message li,
#academy-response-message li,
#academy-response-message-1 li,
#academy-response-message-2 li,
.response-form-series li,
.response-form-checkbox li  {
	font-size: 14px;
	font-style: italic;
	color: red;
}

.oom-field-checkbox-row label {
	padding-left: 5px;
}

.oom-field-checkbox-row.series {
	padding-top: 0px;
}

.oom-field-checkbox-row.courses {
	padding-bottom: 0px;
}

/** Cover Spin Loading **/
#oom-academy-cover-spin {
	position:fixed;
	width:100%;
	left:0;right:0;top:0;bottom:0;
	background-color: rgba(255,255,255,0.7);
	z-index:9999;
	display:none;
}

#oom-academy-cover-spin::after {
	content:'';
	display:block;
	position:absolute;
	left:calc(50% - 22px);
	top:calc(50% - 22px);
	width:44px;
	height:44px;
	border-style:solid;
	border-color:black;
	border-top-color:transparent;
	border-width: 4px;
	border-radius:50%;
	-webkit-animation: spin .8s linear infinite;
	-moz-animation: spin .8s linear infinite;
	animation: spin .8s linear infinite;
}


@-webkit-keyframes spin {
	from {-webkit-transform:rotate(0deg);}
	to {-webkit-transform:rotate(360deg);}
}

@keyframes spin {
	from {transform:rotate(0deg);}
	to {transform:rotate(360deg);}
}


/** Rows and Columns */
.oom_academy_column_100 {
	float: left;
	width: 100%;
}

.oom_academy_column_90 {
	float: left;
	width: 90%;
}

.oom_academy_column_80 {
	float: left;
	width: 80%;
}

.oom_academy_column_70 {
	float: left;
	width: 70%;
}

.oom_academy_column_60 {
	float: left;
	width: 60%;
}

.oom_academy_column_50 {
	float: left;
	width: 50%;
}

.oom_academy_column_40 {
	float: left;
	width: 40%;
}

.oom_academy_column_33_33 {
	float: left;
	width: 33.33%;
}

.oom_academy_column_33 {
	float: left;
	width: 33%;
}

.oom_academy_column_30 {
	float: left;
	width: 30%;
}

.oom_academy_column_20 {
	float: left;
	width: 20%;
}

.oom_academy_column_10 {
	float: left;
	width: 10%;
}

/* Clear floats after the columns */
.oom_academy_row:after {
	content: "";
	display: table;
	clear: both;
}

@media (max-width: 480px) {
	.oom-institute-survey-column-field.i-agree .oom-institute-enquiry-form-one-column {
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		align-content: center;
		align-items: flex-start;
	}

	.course-details-label {
		flex-wrap: wrap;
	}

	.oom-academy-enquiry-form-courses {
		padding: 20px 10px;
		margin-top: 24px;
	}

	.oom-academy-enquiry-form-course__details {
		display: flex;
		flex-direction: column;
		gap: 0;
		flex-wrap: nowrap;
		align-content: flex-start;
		align-items: flex-start;
	}

	.oom-academy-enquiry-form-fields {
		padding: 10px 10px;
	}
}


/* .step { display: none; }
.step.active { display: block; } */
.step {
	display: none; /* Hide all steps initially */
}
.step:first-child {
	display: block; /* Show the first step */
}

.oom-institute-survey-form-title {
	text-align: center;
	font-size: 68px;
	font-weight: 700;
	color: #ffffff;
}
.oom-institute-survey-form-desc {
	max-width: 585px;
	text-align: center;
	margin: auto;
	color: #311B65;
	letter-spacing: 0.3px;
}
.oom-institute-survey-form-container .step{
	height: 100dvh;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.oom-institute-survey-form-container .step:before, .oom-institute-survey-form-container .step:after {
	content: "";
	width: 2px;
	height: 30vh;
	display: block;
	background: #311B65;
	margin-left: 50%;
}
.take-survey-btn {
	display: flex;
	margin-top: 40px;
	justify-content: center;
}
.take-survey-button {
	background: #311B65;
	color: #ffffff;
	border: 1px solid #311B65;
	display: flex;
	border-radius: 8px;
	padding: 12.5px 29px;
	flex-direction: column;
	align-items: center;
	gap: 5px;
	font-size: 15px;
}
.take-survey-button:hover{
	background: #311B65;
	border: 1px solid #311B65;
}
.oom-institute-survey-form-sub-title {
	font-size: 30px;
	font-weight: 700;
	margin-bottom: 20px;
	text-align: center;
}
.oom-institute-survey-form-steps {
	max-width: 738px;
	width: 100%;
	margin: auto;
}
button.full-btn, button.full-btn:hover, button.full-btn:focus,
.oom-institute-survey-form-steps button.prev, .oom-institute-survey-form-steps button.next{
	width: 100%;
	border-radius: 8px;
	border-color: #512DA8;
	background: #512DA8;
	color: #ffffff;
}

.oom-institute-survey-form-steps button.prev{
	background: #ffffff !important;
	color: #512DA8 !important;
}

.oom-institute-survey-form-steps button:disabled {
	opacity: 0.5;
	cursor: not-allowed;
}
.oom-institute-survey-form-steps .buttons {
	display: flex;
	gap: 20px;
}
.oom-institute-survey-form-steps input, .oom-institute-survey-form-one-column textarea, .se-course-select, .oom-institute-survey-form-steps select, .oom-institute-survey-form-one-column select{
	border: 1px solid #311B65;
	background: #9781CB40;
	color: #9781CB;
	outline: 0;
	border-radius: 8px;
	min-height: 42px;
}
.oom-institute-survey-column-field.i-agree input {
	min-height: unset !important;
}
.oom-institute-survey-form-steps input::placeholder, .oom-institute-survey-form-one-column textarea::placeholder {
	color: #9781CB;
}

.oom-institute-survey-radio {
	display: flex;
	flex-wrap: wrap;
	gap: 16px;
	margin-top: 40px;
	margin-bottom: 40px;
}
.oom-survey-radio-box {
	flex: 1 1 calc(50% - 10px); /* Two-column layout */
	position: relative;
}
.oom-survey-radio-box input {
	display: none; /* Hide radio button */
}
.oom-survey-radio-box input.survey-text{
	display: block;
}
.oom-survey-radio-box label {
	display: block;
	padding: 5px 10px;
	border: 1px solid #311B65;
	border-radius: 5px;
	cursor: pointer;
	text-align: center;
	border: 1px solid #311B65;
	background: #9781CB40;
	color: #9781CB;
	outline: 0;
	transition: background 0.3s;
	text-align: left;
}
#oom-institute-survey-form-2 .oom-survey-radio-box label{
	height: 100%;
}
.oom-survey-radio-box input:checked + label {
	background-color: #311B65;
	color: #ffffff!important;
	border-color: #311B65;
}
.oom-survey-radio-box.full-width, .survey-form #question-id-5 .oom-survey-radio-box, .survey-form #question-id-9 .oom-survey-radio-box,
.survey-form #question-id-11 .oom-survey-radio-box{
	flex: 1 1 100%; /* Make last element full width if odd */
}
.oom-institute-survey-column-field,
.oom-institute-survey-form-one-column{
	display: flex;
	flex-direction: column;
}
button.next.take-survey-button{
	max-width:160px;
}
.oom-final-form {
	padding: 60px;
	background: #FBFCFF;
	border-radius: 12px;
	box-shadow: 0px 0px 4px 0px #0000000A;
}
.oom-final-form  input::placeholder{
	color: #333;
}
.oom-final-form  input,
.oom-final-form  select{
	border: 1px solid #cacbcc;
	background: #fbfcff;
	color: #333;
	outline: 0;
	border-radius: 12px;
}

.oom-final-form button.oom-institue-survey-form-btn.submit,
.oom-final-form button.oom-institue-survey-form-btn.submit:hover,
.oom-final-form button.oom-institue-survey-form-btn.submit:focus,
button.oom-institue-quizz-form-btn.submit,
button.oom-institue-quizz-form-btn.submit:hover,
button.oom-institue-quizz-form-btn.submit:focus,
{
	width: 80%;
	border-radius: 8px;
	border-color: #512DA8;
	background: #512DA8;
	color: #ffffff;
	text-align: center;
}

.oom-final-form .oom-institute-survey-form-steps .buttons {
	display: flex;
	flex-direction: column-reverse!important;
}
.oom-final-form .buttons {
	display: flex !important;
	flex-direction: column-reverse !important;
}
.oom-final-form .oom-institute-survey-column-field.i-agree .oom-institute-enquiry-form-one-column {
	flex-wrap: inherit;
	align-content: inherit;
}
.oom-oom-institute-survey-form-content p{
	text-align: center;
}
.oom-oom-institute-survey-form-content h3 {
	text-align: center;
	font-size: 35px;
	font-weight: 700;
	line-height: 35px;
}
.colored-text{
	color: #512DA8;
}
.oom-final-form label.survey-label {
	display: none;
}

.oom-institute-survey-form-container .step:first-child {
	background: linear-gradient(180deg, #512DA8 0%, #FAFBFF 100%);
}

p.oom-survey-sub-text {
	text-align: center;
	color: #2C2833;
}

@media (max-width: 1024px) {
	.oom-institute-survey-form-steps h1{
		font-size: 46px;
	}
	.oom-institute-survey-form-steps h2{
		font-size: 30px;
	}
	.oom-institute-survey-form-steps h3{
		font-size: 25px;
	}
	.oom-final-form {
		padding: 40px;
	}

}
@media (max-width: 767px) {
	.oom-institute-survey-form-steps h1{
		font-size: 35px;
	}
	.oom-institute-survey-form-steps h2{
		font-size: 25px;
	}
	.oom-institute-survey-form-steps h3{
		font-size: 22px;
	}
	.oom-survey-radio-box {
		flex: 1 1 100%;
		position: relative;
	}
	.oom-final-form {
		padding: 20px;
	}
	.oom-survey-radio-box label {
		padding: 5px 10px;
	}
	.oom-institute-survey-radio label {
		line-height: 30px;
	}
	
	#oom-academy-calendar .fc-day-header.fc-widget-header {
		padding: 0;
	}
}

.oom-institute-survey-form-container .step {
	padding: 0px 20px;
}
.oom-option-list-1 .oom-survey-radio-box,
.oom-option-list-3 .oom-survey-radio-box, 
.oom-so-list-27 .oom-survey-radio-box{
	flex: 1 1 100%;
	position: relative;
}


h2.survey-label {
	text-align: center;
}

.oom-done{
	height: 100vh;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	padding: 0px 20px;
}
.oom-done:before{
	content: "";
	width: 2px;
	height: 30vh;
	display: block;
	background: #311B65;
	margin-left: 50%;
}
.oom-done:after{
	content: "";
	height: 30vh;
	display: block;
}
.oom-done-image img {
	width: 200px;
	height: 200px;
	object-fit: contain;
}
.oom-done-image {
	background: #512DA8;
	width: 300px;
	height: 300px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 50%;
	margin: 0 auto;
}
.oom-done-content {
	text-align: center;
}
.oom-done-content h3 {
	font-weight: 700;
}
@media(max-width: 1024px){
	.oom-done-image img {
		width: 150px;
		height: 150px;
	}
	.oom-done-image {
		width: 250px;
		height: 250px;
	}
}
@media(max-width: 767px){
	.oom-done-image img {
		width: 120px;
		height: 120px;
	}
	.oom-done-image {
		width: 220px;
		height: 220px;
	}
}


.oom-institute-survey-form-steps.response {
	margin: 0px !important;
}


/* No Impact - Greate Impact */
.survey-form #question-id-7 .oom-institute-survey-radio {
	gap: 0px !important;
}
.survey-form #question-id-7 .oom-survey-radio-box {
	flex: 1 1;
}
.survey-form #question-id-7 .oom-survey-radio-box label {
	text-align: center;
	border-radius: 0px;
	color: #311c65;
}
.survey-form #question-id-7 .oom-survey-radio-box label:first-child {
	text-align: center;
	border-radius: 0px;
	color: #311c65;
}

/* Please type "NA" if you are not employed */
.survey-form #question-id-3 .oom-institute-survey-radio.oom-so-list-0:before,
.survey-form #question-id-4 .oom-institute-survey-radio.oom-so-list-0:before{
	content: "Please type \"NA\" if you are not employed";
	display: block !important;
	width: 100%;
	text-align: center;
}

.oom-institute-survey-form-steps.step-6 {
	padding-bottom: 20px;
}


/* Event Form - Start  */
.oom-event-form-container .oom-academy-enquiry-form-fields {
    background: none;
    padding: 0px;
}
.oom-event-form-container .oom-academy-enquiry-form-fields:before {
	content: 'Register Interest'!important;
}
/* Event Form - End  */


/*Chan Added*/
.oom-academy-button-group {
    padding: 20px 40px;
    display: flex;
    gap: 10px;
    background: #fbfcff;
}
.oom-enquiry-btn, .add-to-cart-btn{
    border-radius: 7px 7px 7px 7px;
    box-shadow: 4px 4px 9px 0px rgba(0, 0, 0, 0.1607843137254902);
    width: 100%;
    border: none;
}
.oom-enquiry-btn:hover, .oom-enquiry-btn:focus{
    background-color: #9B4BC1;
    color: #ffffff;
}
.add-to-cart-btn:hover, .add-to-cart-btn:focus{
    background-color: #9B4BC1;
}
.oom-enquiry-btn{
    background-color: #F4F4F4;
    fill: #000000;
    color: #000000;
}
.add-to-cart-btn{
    background-color: #000000;
    fill: #FFFFFF;
    color: #FFFFFF;
}
.course-name-lists{
    list-style: none;
    margin-left: 0;
    padding-left: 0;
}
.course-name-lists li{
    margin-bottom: 10px;
}

form#oom-academy-checkout {
    display: flex;
    gap: 30px;
}
.oom-academy-checkout-billing-info {
    width: 60%;
}
.oom-academy-checkout-summary {
    width: 40%;
}
.oom-academy-checkout-input-group div {
    width: 47%;
}
.oom-academy-checkout-input-group {
    border: 1px solid hsla(0, 0%, 50.2%, .5019607843);
    padding: 20px;
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: space-between;
}
.oom-academy-checkout-table th{
    text-align: left;
}
.oom-academy-checkout-btn, .oom-payment-later-btn.oom-payment-btn {
    background: #512DA8;
    border: #512DA8;
    color: #ffffff;
}
.accordion {
    width: 100%;
    border: 1px solid #ccc;
    border-radius: 4px;
}
.accordion-header {
    background-color: #f9f9f9;
    cursor: pointer;
    padding: 10px;
    border-bottom: 1px solid #ccc;
}
.accordion-content {
    display: none;
    padding: 10px;
    border-bottom: 1px solid #ccc;
}
.accordion-content:last-child {
    border-bottom: none;
}
@media (max-width: 768px){
    #oom-academy-checkout, .oom-academy-checkout-input-group{
        flex-direction: column;
    }
    .oom-academy-checkout-billing-info, .oom-academy-checkout-summary, .oom-academy-checkout-input-group div{
        width: 100%;
    }
}
    
 /*Cart Page*/
.oom-academy-cart h2 {
    text-align: center;
    margin-bottom: 30px;
}
.oom-cart-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
}
.oom-cart-left {
    flex: 2;
}
.oom-cart-right {
    flex: 1;
    border: 1px solid #eee;
    padding: 20px;
    border-radius: 10px;
    background: #fafafa;
    height: fit-content;
}
.oom-cart-item {
    display: flex;
    gap: 20px;
    background: #f9f9f9;
    border: 1px solid #e1e1e1;
    border-radius: 10px;
    padding: 20px;
    margin-bottom: 20px;
    align-items: center;
    box-shadow: 0 2px 6px rgba(0,0,0,0.05);
    position: relative;
}
.oom-cart-item img {
    width: 145px;
    height: 145px;
    object-fit: contain;
    border-radius: 8px;
    background: #ffffff;
    padding: 10px;
}
.oom-cart-details {
    flex: 1;
}
.oom-cart-details h4, .oom-cart-details h4 a{
    margin: 0 0 8px;
    font-size: 16px;
    font-weight: 600;
    color: #000000;
}
.oom-cart-details span {
    font-size: 14px;
    color: #666;
}
.oom-cart-price {
    font-weight: bold;
    font-size: 20px;
}
.oom-academy-checkout-btn {
    display: block;
    margin-top: 20px;
    padding: 14px 28px;
    background-color: #512DA8;
    color: #fff;
    text-decoration: none;
    font-weight: bold;
    border-radius: 6px;
    text-align: center;
}
.course-name-lists {
    list-style: none;
    padding-left: 0;
    margin-top: 10px;
}
.oom-action-btns {
    display: flex;
    gap: 10px;
    margin-top: 10px;
    align-items: center;
}
.oom-item-btn {
    padding: 0;
    border: none;
    font-size: 13px;
    color: #000000;
}
.oom-item-btn:hover {
    background: transparent;
    color: #512DA8;
}
.order-summary-line {
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
}
.order-summary-total {
    font-weight: bold;
    font-size: 18px;
    border-top: 1px solid #ccc;
    padding-top: 10px;
    margin-top: 10px;
}
.small-font{
    font-size: 10px;
}
.oom-course-date-line {
    display: flex;
}
.pay-button {
    width: 120px;
    background-color: #512DA8;
    font-size: 14px;
    fill: #FFFFFF;
    color: #FFFFFF;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #512DA8;
    padding: 10px 10px 10px 10px;
    border-radius: 9px;
    font-weight: bold;
}
.pay-button:hover, .pay-button:focus{
    background-color: #512DA8;
}
.not-pay-button {
    border: unset;
    padding: 0;
    text-decoration: underline;
    width: 120px;
    margin-top: 10px;
    color: #333333;
    font-size: 12px;
}
.not-pay-button:hover, .not-pay-button:focus{
    background-color: unset;
    color: #333333;
}


@media(max-width: 768px){
    .oom-cart-wrapper {
        flex-direction: column;
    }
    .oom-cart-item {
        flex-direction: column;
        align-items: flex-start;
    }
    .oom-cart-price-details {
        position: absolute;
        right: 20px;
        top: 40px;
    }
    .oom-cart-item img{
        width: 80px;
        height: 80px;
    }
}
/*Cart Page*/

/*Checkout Page*/
.oom-learner-info-container{
    background: #f9f9f9;
    border: none;
}
.oom-learner-info-container .header{
    border-color: #512ca8;
}
.oom-learner-info-container .header h2{
    font-weight: 600;
    color: #000000;
}
.oom-learner-info-container table{
    margin-bottom: 0;
}
.oom-learner-info-container th, .oom-learner-info-container td {
    border: none;
}
.oom-learner-info-container td {
    text-align: right;
}
.skillsfuture-content .row {
    display: flex;
    gap: 20px;
}
.skillsfuture-content p{
    margin-bottom: 10px;
}
.skillsfuture-content .row .box-item {
    width: 25%;
    border: 2px solid gray;
    border-radius: 5px;
    padding: 20px;
    display: flex;
    gap: 10px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    text-transform: uppercase;
    font-weight: 600;
    opacity: 0.2;
}
.skillsfuture-content .row .box-item.active{
    opacity: 1;
}
.skillsfuture-content .title {
    font-size: 14px;
}
/* .skillsfuture-content .amount {
    font-size: 24px;
} */
span.font-large {
    font-size: 24px;
    font-weight: bold;
}
.subsidies-row {
    flex-direction: column;
}
.skillsfuture-content .subsidies-row .box-item {
    width: 100%;
    align-items: flex-start;
    text-transform: unset;
}
.skillsfuture-content .subsidies-row .box-item .title {
    font-size: 14px;
    font-weight: 400;
    color: #000000;
}
.skillsfuture-content .subsidies-row .box-item .sub-title {
    text-transform: uppercase;
}
/*Chan End*/