/* ========== SECTION 1: BASE / RESET ========== */

.opacity-none {
	opacity: 0;
}

.avoid_clicks {
	pointer-events: none;
}

.unset_animation {
	transition-property: none !important;
	transition-delay: 0 !important;
	transition-duration: 0 !important;
	transition: none !important;
	transform: none !important;
}

.iframe_content {
	height: 650px;
	border-radius: 25px;
	width: 100%;
}


/* ========== SECTION 2: LAYOUT UTILITIES ========== */

/* General layout */
.mx-auto {
	margin-left: auto;
	margin-right: auto;
}

.row {
	margin-right: -15px;
	margin-left: -15px;
}

.row>* {
	padding-right: 15px;
	padding-left: 15px;
}

.shadow {
	box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important;
}

/* Carousel / slider */
.default__arrow .slick-arrow {
	padding: 0 1rem;
}

.slider-cmp-css {
	display: flex !important;
	align-items: center;
	justify-content: center;
}

/* Tab */
.tab-content .tab-pane {
	display: none;
}

.tab-content .tab-pane.active {
	display: block;
}

/* Accordion */
.accordion-collapse.collapse {
	display: none;
}

.accordion-collapse.show {
	display: block;
	visibility: visible;
}

/* Modal */
.modal.fixed {
	background-color: rgb(0 0 0 / 0.5) !important;
	z-index: 1050 !important;
	color: #111 !important;
}

.modal .modal-body label {
	text-transform: capitalize;
	text-align: left;
	width: 100%;
}

.modal .pop_close::before {
	font-family: flaticon !important;
	font-style: normal;
	font-weight: normal !important;
	font-variant: normal;
	text-transform: none;
	font-size: 12px;
	line-height: 1 !important;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: "\f11c";
	top: 25px !important;
	right: 20px !important;
}

.modal-backdrop.show {
	z-index: 1029;
}

.bp-wrap {
	z-index: 1250 !important;
}

/* Squeeze layout */
.squeeze_main {
	max-width: 1170px;
}

.squeeze_main .form-container plainform {
	background-color: #eef0e8;
	border: 5px solid #CDE0EC;
	border-radius: 10px;
}

.squeeze_main .form-container plainform .main_form {
	height: auto !important;
}

.squeeze_main .optinTheme {
	margin-top: 0 !important;
}

.squeeze_main .optinbtn {
	background-color: #5f2ded;
	color: white;
	font-size: 1.75rem;
	border: 1px solid transparent;
}

.squeeze_main .optinbtn:hover {
	color: #5f2ded;
	background-color: #fff;
	cursor: pointer;
	border: 1px solid #5f2ded;
}

.squeeze_main .optinLink {
	color: #5f2ded !important;
	cursor: pointer;
	font-size: 1.5rem !important;
}

.squeeze_main .optintext {
	font-weight: 500;
	font-size: 24px;
}

.squeeze_main .optintext::before {
	margin-right: 0 !important;
}

.squeeze_main .mobile_img {
	display: none !important;
}

.squeeze_main .left_sec {
	width: 40%;
}

.squeeze_main .right_sec {
	width: 60%;
}

.squeeze_main .right_sec li {
	list-style: none;
}

.squeeze_main .right_sec ul li::before {
	content: '?';
	margin-right: 10px;
}

.squeeze_main .squeeze_form {
	width: 100%;
	max-width: 1110px;
}

.squeeze_main .right_sec h2 {
	font-size: 2rem !important;
	color: #111 !important;
	font-weight: 700 !important;
}

.grp-wrapper-class .squeeze_main .squeeze_form {
	max-width: 100% !important;
}

/* Widget containers */
.content-section .simple-list .list-item {
	list-style: disc;
	display: list-item;
}

.gridAreaContent {
	display: flex;
	flex-direction: column;
}

.workcationSec .widgets {
	position: relative;
}

/* Marquee / misc */
.ccvariable_higlights {
	font: inherit;
	color: inherit;
}

/* Webinar */
.webinar-cmp-css .webinar_sec {
	display: flex !important;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
}

.webinar-cmp-css>div {
	pointer-events: unset !important;
}

/* Grid utilities */
.gr-whitesmoke_1 {
	padding-top: 160px;
}

.bg-white-400 {
	background-color: #f4f4f9;
}

.py-100 {
	padding-top: 100px;
	padding-bottom: 100px;
}

.fbox-5 {
	padding: 60px;
}

.fbox-5.fb-2 .fbox-5-img,
.fbox-5.fb-3 .fbox-5-img,
.fbox-5.fb-4 .fbox-5-img {
	margin: 0 5% 40px;
}

.fbox-img.gr-whitesmoke {
	padding-top: 42px;
	margin: 0 8px 60px;
	border-radius: 12px 12px 0 0;
	background-image: linear-gradient(180deg, rgba(244, 244, 249, .8) 50%, rgba(244, 244, 249, .05) 100%);
}

.fbox-img.gr-whitesmoke img {
	max-height: 175px;
	margin-bottom: -25px;
}

.bc-1-wrapper .section-overlay,
.bc-4-wrapper .section-overlay,
.bc-6-wrapper .section-overlay {
	padding: 80px 70px;
}

.bg-04 {
	background-image: url(https://dutbmp3xi6xk2.cloudfront.net/themebuilder/theme-edurock_light/img/bg-04.webp);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	background-attachment: scroll !important;
	border-radius: 16px;
}

.bg-02 {
	background-image: url(https://dutbmp3xi6xk2.cloudfront.net/themebuilder/theme-edurock_light/img/bg-02.webp);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	background-attachment: scroll !important;
	border-radius: 16px;
}

/* Breadcrumb */
.breadcrumb__content__wraper .breadcrumb__title h2 {
	text-transform: capitalize;
}

/* Wave shape */
.wave-shape-bottom {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
}

/* Misc layout */
.navbar-dark .wsmenu>.wsmenu-list>li>a {
	color: #353f4f;
}

.quote {
	color: #777;
	font-weight: 300;
	padding: 10px;
	box-shadow: -5px 0 0 0 #ccc;
	font-style: italic;
	margin: 20px 30px;
}

.bdg-sect {
	padding-top: 100px;
	padding-bottom: 100px;
	font-family: Helvetica, serif;
	background-color: #fafafa;
}

.heading {
	padding: 10px;
}

.paragraph {
	padding: 10px;
}

.gjs-am-add-asset .gjs-btn-prim {
	background-color: rgba(0, 0, 0, 0.1);
}

#specificationsPanel .grid {
	height: 100% !important;
}

/* Tailwind custom / gradient utilities */
.custom-block .text-indigo-600,
.custom-block .text-indigo-500 {
	color: var(--primaryColor);
}

.custom-block .\!text-indigo-400 {
	color: var(--primaryColor) !important;
}

.custom-block .border-indigo-600 {
	border-color: var(--primaryColor);
}

.custom-block .bg-indigo-600 {
	background-color: #4f46e5;
}

.custom-block plainform form dl {
	padding: 0 !important;
}

.bg-linear-to-t {
	--tw-gradient-position: to top in oklab, ;
	background-image: linear-gradient(to top, var(--tw-gradient-stops));
}

.bg-linear-to-r {
	--tw-gradient-position: to right in oklab, ;
	background-image: linear-gradient(var(--tw-gradient-stops));
}

.bg-linear-to-tr {
	--tw-gradient-position: to top right in oklab, ;
	background-image: linear-gradient(var(--tw-gradient-stops));
}

.bg-linear-to-b {
	--tw-gradient-position: to bottom in oklab, ;
	background-image: linear-gradient(var(--tw-gradient-stops));
}

.aspect_1097_845 {
	aspect-ratio: 1097 / 845;
}

.aspect_1155_678 {
	aspect-ratio: 1155 / 678;
}

.aspect_1097_1023 {
	aspect-ratio: 1097 / 1023;
}

.aspect_1404_767 {
	aspect-ratio: 1404 / 767;
}

.aspect_1108_632 {
	aspect-ratio: 1108 / 632;
}

.aspect_1318_752 {
	aspect-ratio: 1318 / 752;
}

.aspect_1313_771 {
	aspect-ratio: 1313 / 771;
}

.aspect_801_1036 {
	aspect-ratio: 801 / 1036;
}

.to_color_4f46e5 {
	--tw-gradient-to: #4f46e5 !important;
	--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position) var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}

.from_color_80caff {
	--tw-gradient-from: #80caff !important;
	--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position) var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}

.to_color_776fff {
	--tw-gradient-to: #776fff !important;
	--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position) var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}

.from_color_ff4694 {
	--tw-gradient-from: #ff4694 !important;
	--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position) var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}

.to_color_9089fc {
	--tw-gradient-to: #9089fc !important;
	--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position) var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}

.from_color_ff80b5 {
	--tw-gradient-from: #ff80b5 !important;
	--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position) var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}

.via-gray-900\/40 {
	--tw-gradient-via: color-mix(in oklab, var(--color-gray-900) 40%, transparent) !important;
	--tw-gradient-via-stops: var(--tw-gradient-position) var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
	--tw-gradient-stops: var(--tw-gradient-via-stops);
}

.from-gray-900 {
	--tw-gradient-from: var(--color-gray-900) !important;
	--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position) var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}

.rotate_30deg {
	rotate: 30deg;
}

.-translate_x_1\/2 {
	--tw-translate-x: calc(calc(1 / 2* 100%)* -1);
	translate: var(--tw-translate-x) var(--tw-translate-y);
}


/* ========== SECTION 3: HEADER ========== */

/* Header base */
header {
	width: 100%;
	background: transparent;
	border-bottom: 1px solid #eeeeee;
}

/* Sticky header */
header.sticky {
	background: white !important;
	position: fixed !important;
	width: 100%;
	z-index: 30;
}

header.sticky.bg-indigo-600 {
	background: #4f46e5 !important;
}

body.overflow-hidden header.sticky {
	position: relative !important;
}

body.overflow-hidden .single__contact {
	transition: unset !important;
}

body.overflow-hidden .single__contact:hover {
	transform: unset !important;
}

body.overflow-hidden .modal>.relative {
	/*margin-top: 90px;*/
}

body.modal-open .headerarea {
	position: unset;
}

header a.bg-indigo-600 {
	padding: 10px 25px !important;
	background-color: var(--primaryColor) !important;
	color: white !important;
	display: inline-block;
	text-align: center;
	border-radius: var(--borderRadius) !important;
	font-size: 15px;
	border: 1px solid var(--primaryColor) !important;
}

header a.bg-indigo-600:hover {
	background-color: transparent !important;
	color: var(--primaryColor) !important;
}

header .relative.group .absolute.mt-2 {
	margin-top: 0 !important;
}

header .relative.group button {
	font-size: 16px;
}

/* Mobile menu */
header .header_mobile_menu button.rounded-md,
header nav button.rounded-md {
	padding: 6px 12px;
	color: white;
}

header nav button.rounded-md.header_menu_button {
	color: black;
}

header nav .-m-1\.5 {
	margin: 0 16px !important;
}

.headerarea__main__menu nav ul>li:hover .dropdown-menu {
	display: block !important;
	padding: 0;
}

.headerarea__main__menu nav ul>li:hover .dropdown-menu li {
	width: 100%;
}

.headerarea__button {
	padding: 10px 0;
}

.header__buttons dialogform .btn,
.header__buttons .btn {
	padding: 10px 25px;
	background-color: var(--primaryColor);
	color: var(--whiteColor);
	display: inline-block;
	text-align: center;
	border-radius: var(--borderRadius);
	font-size: 15px;
	border: 1px solid var(--primaryColor);
}

.header__buttons dialogform .btn:hover,
.header__buttons .btn:hover {
	background-color: var(--whiteColor);
	color: var(--primaryColor);
	border-color: var(--primaryColor);
	border: 1px solid var(--primaryColor);
}

.header__buttons .btn {
	min-width: 175px;
}


/* ========== SECTION 4: FOOTER ========== */

footer {
	background-color: #0c0e2b !important;
}

footer ul li {
	width: 100%;
}

footer .text-gray-900 {
	color: white;
}

footer .text-gray-600 {
	color: #b5b5b5;
}

footer .text-gray-600:hover {
	color: white;
}

footer .border-gray-900\/10 {
	border-color: rgb(255 255 255 / 10%);
}

footer form input {
	padding: 19px 0 19px 15px !important;
	border-radius: 4px !important;
	color: #FFFFFF !important;
	background-color: #202942 !important;
	border-style: solid;
	border-width: 1px 1px 1px 1px;
	border-color: #02010100;
	font-size: 16px !important;
	-webkit-appearance: none;
}

footer form .sm\:shrink-0 {
	margin-left: 0 !important;
}

footer form button {
	padding: 16px 20px 16px 20px !important;
	font-size: 15px !important;
	line-height: 30px !important;
	color: #ffffff !important;
	background-color: #5F2DED !important;
	border-style: solid;
	border-width: 1px 1px 1px 1px;
	border-color: #5F2DED;
	border-radius: 5px !important;
	box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.5);
	margin-left: -2px;
}

footer form button:hover {
	background-color: #202942 !important;
	border-color: #5F2DED !important;
}

footer .footer-column {
	display: flex;
}

footer h3.text-sm\/6,
footer h3.text-sm {
	font-size: 22px;
}

footer.footer_layout_2 form {
	margin-left: auto;
	margin-right: auto;
}

footer.footer_layout_6 .company_grp .company-section h3 {
	text-align: center;
}

footer.footer_layout_6 .company_grp .company-section ul {
	display: flex;
	gap: 5rem;
	align-items: center;
}

footer.footer_layout_6 .company_grp .company-section ul li {
	margin: 0 !important;
}

.footerarea__newsletter__input input.invalid {
	color: white;
}

.footerarea__content ul,
.blog_content ul {
	padding-left: 2rem;
}

.footerarea__content li,
.blog_content li {
	list-style: unset;
	display: list-item;
}

.footerarea .sbarAreaHeading .titleHeight {
	color: rgba(255, 255, 255, 1);
}


/* ========== SECTION 5: BUTTONS ========== */

.btn--theme {
	background: #5f2ded !important;
	border: 1px solid #5f2ded !important;
	color: white;
}

.btn--theme:hover {
	background: white !important;
	color: #5f2ded !important;
}

.theme-primary,
.btn-primary {
	padding: 10px 25px !important;
	background-color: var(--primaryColor) !important;
	color: var(--whiteColor) !important;
	display: inline-flex;
	text-align: center;
	border-radius: var(--borderRadius) !important;
	font-size: 15px;
	border: 1px solid var(--primaryColor) !important;
}

.theme-primary:hover,
.btn-primary:hover {
	background-color: var(--whiteColor) !important;
	color: var(--primaryColor) !important;
	border-color: var(--primaryColor) !important;
	border: 1px solid var(--primaryColor) !important;
}

.theme-primary,
form .btn,
plainform .btn,
dialogform .btn,
buttonform .btn {
	color: var(--whiteColor) !important;
	border-color: var(--primaryColor) !important;
	background-color: var(--primaryColor) !important;
}

.theme-primary:hover,
form .btn:hover,
plainform .btn:hover,
dialogform .btn:hover,
buttonform .btn:hover {
	color: var(--primaryColor) !important;
	border: 1px solid var(--primaryColor) !important;
	background-color: transparent !important;
}

plainform .btn:active {
	color: var(--whiteColor) !important;
	background-color: var(--primaryColor) !important;
	border: 1px solid var(--primaryColor) !important;
}

plainform .btn {
	padding: 10px 25px;
}

.button_builder_form {
	min-width: unset;
	width: 100%;
}

.about__button__wrap li button {
	pointer-events: unset !important;
}

.main_form .prevBtn,
.main_form .nextBtn {
	padding: 5px 15px;
	background-color: var(--primaryColor) !important;
	color: #fff;
	display: inline-block;
	text-align: center;
	border-radius: var(--borderRadius);
	font-size: 15px;
	border: 1px solid var(--primaryColor) !important;
}

.main_form .prevBtn:hover,
.main_form .nextBtn:hover {
	background-color: #fff !important;
	color: var(--primaryColor);
	border: 1px solid var(--primaryColor) !important;
}

.reviews-section buttonform button {
	padding: 0.9rem 1.8rem;
}

.theme-bg-primary {
	background: linear-gradient(to left, #591fff 0%, #6630ff 9%, #c752ff 100%);
}

.btn-featured {
	background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
}

.btn-featured:hover {
	background: linear-gradient(135deg, #5a41e0 0%, #6a4299 100%);
}

.btn-plan-default {
	background: #1f2937;
}

.btn-plan-default:hover {
	background: #374151;
}

/* Button size modifiers */
.btn-lg {
	font-size: 18px;
	padding: 16px 30px !important;
}

.btn-md {
	font-size: 15px;
	padding: 10px 25px !important;
}

.btn-sm {
	font-size: 12px;
	padding: 8px 15px !important;
}

/* Default button color variants */
form .btn-secondary,
plainform .btn-secondary,
dialogform .btn-secondary,
buttonform .btn-secondary {
	color: #fff !important;
	border-color: #6c757d !important;
	background-color: #6c757d !important;
}

form .btn-secondary:hover,
plainform .btn-secondary:hover,
dialogform .btn-secondary:hover,
buttonform .btn-secondary:hover {
	color: #6c757d !important;
	border-color: #6c757d !important;
	background-color: transparent !important;
}

form .btn-info,
plainform .btn-info,
dialogform .btn-info,
buttonform .btn-info {
	color: #000 !important;
	border-color: #0dcaf0 !important;
	background-color: #0dcaf0 !important;
}

form .btn-info:hover,
plainform .btn-info:hover,
dialogform .btn-info:hover,
buttonform .btn-info:hover {
	color: #0dcaf0 !important;
	border-color: #0dcaf0 !important;
	background-color: transparent !important;
}

form .btn-success,
plainform .btn-success,
dialogform .btn-success,
buttonform .btn-success {
	color: #fff !important;
	border-color: #28a745 !important;
	background-color: #28a745 !important;
}

form .btn-success:hover,
plainform .btn-success:hover,
dialogform .btn-success:hover,
buttonform .btn-success:hover {
	color: #28a745 !important;
	border-color: #28a745 !important;
	background-color: transparent !important;
}

form .btn-warning,
plainform .btn-warning,
dialogform .btn-warning,
buttonform .btn-warning {
	color: #000 !important;
	border-color: #ffc107 !important;
	background-color: #ffc107 !important;
}

form .btn-warning:hover,
plainform .btn-warning:hover,
dialogform .btn-warning:hover,
buttonform .btn-warning:hover {
	color: #ffc107 !important;
	border-color: #ffc107 !important;
	background-color: transparent !important;
}

form .btn-danger,
plainform .btn-danger,
dialogform .btn-danger,
buttonform .btn-danger {
	color: #fff !important;
	border-color: #dc3545 !important;
	background-color: #dc3545 !important;
}

form .btn-danger:hover,
plainform .btn-danger:hover,
dialogform .btn-danger:hover,
buttonform .btn-danger:hover {
	color: #dc3545 !important;
	border-color: #dc3545 !important;
	background-color: transparent !important;
}

/* Form button UI ? Tailwind bg color hover overrides */
.theme-primary,
.bg-\[\#0d6efd\],
.bg-\[\#198754\],
.bg-\[\#ffc107\],
.bg-\[\#dc3545\],
.bg-\[\#6c757d\],
.bg-\[\#212529\] {
	font-family: inherit;
	font-weight: inherit;
	line-height: inherit;
	letter-spacing: inherit;
}

.bg-\[\#0d6efd\]:hover {
	color: #0d6efd !important;
	border-color: #0d6efd !important;
	background-color: transparent !important;
}

.bg-\[\#198754\]:hover {
	color: #198754 !important;
	border-color: #198754 !important;
	background-color: transparent !important;
}

.bg-\[\#ffc107\]:hover {
	color: #ffc107 !important;
	border-color: #ffc107 !important;
	background-color: transparent !important;
}

.bg-\[\#dc3545\]:hover {
	color: #dc3545 !important;
	border-color: #dc3545 !important;
	background-color: transparent !important;
}

.bg-\[\#6c757d\]:hover {
	color: #6c757d !important;
	border-color: #6c757d !important;
	background-color: transparent !important;
}

.bg-\[\#212529\]:hover {
	color: #212529 !important;
	border-color: #212529 !important;
	background-color: transparent !important;
}

.trigger-btn-pulse {
	animation: trigger-btn-pulse 2s infinite;
}

/* Specific button block */
#i0ozhr {
	width: 100%;
	float: left;
}

#i0ozhr buttonform .btn {
	padding: 10px 10px 11px 10px;
	font-size: 32px;
	font-weight: bold;
	margin: -10px 0px -12px 46px;
	border: 0px solid black !important;
	background-repeat: repeat;
	background-position: left top;
	background-attachment: scroll;
	background-size: auto;
	background-image: linear-gradient(#55d4f2 0%, #55d4f2 100%);
	color: #f6f6f6;
	border-radius: 12px;
}

#i0ozhr buttonform .btn:hover {
	color: #f6f6f6 !important;
	background-repeat: repeat;
	background-position: left top;
	background-attachment: scroll;
	background-size: auto;
	background-image: linear-gradient(#55d4f2 0%, #55d4f2 100%);
}

/* Outline secondary button */
.btn-outline-secondary {
	border-radius: 4px;
	font-size: 15px;
	background-color: var(--whiteColor);
	color: var(--primaryColor);
	border-color: var(--primaryColor);
	border: 1px solid var(--primaryColor);
}

.btn-outline-secondary:hover {
	color: var(--whiteColor) !important;
	background-color: var(--primaryColor) !important;
	border-color: 1px solid var(--primaryColor) !important;
}

/* buttonform */
buttonform form {
	margin: 0px;
	min-width: unset;
	width: auto;
}

buttonform>div form .btn,
buttonform>form .btn {
	padding: 12px 15px;
	font-size: 15px;
}


/* ========== SECTION 6: FORMS ========== */

/* Quill editor */
.ql-toolbar {
	float: left;
	width: 100%;
	background-color: white;
}

.ql-container {
	float: left;
	width: 100%;
	background-color: white;
}

.ql-editor p {
	color: #111;
}

/* Rendered form */
.rendered-form label.hidden {
	display: none !important;
}

.rendered-form p {
	padding-left: 0 !important;
	padding-right: 0 !important;
}

.rendered-form *[tooltip]:hover:after {
	width: max-content !important;
	padding: 10px 15px !important;
}

.rendered-form .timepicker-option:has(input[type="radio"]:checked) {
	color: #fff !important;
	border-color: var(--primaryColor) !important;
	background-color: var(--primaryColor) !important;
}

.rendered-form .salesman-option:has(input[type="radio"]:checked) {
	border-color: var(--primaryColor) !important;
}

/* Wizard form */
.wizard_form label {
	color: #111 !important;
	width: 100%;
	float: left;
	text-align: left;
}

.wizard_form p,
.wizard_form h1,
.wizard_form h2,
.wizard_form h3,
.wizard_form h4,
.wizard_form h5,
.wizard_form h6 {
	padding: 0 !important;
}

/* Main form container */
.main_form {
	width: 100%;
	float: left;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	height: auto !important;
}

wizardform .main_form {
	height: auto;
}

.main_form .wizard_form {
	max-width: 1200px;
	width: 100%;
	margin: 20px 10px;
	float: left;
	position: relative;
	box-shadow: 0px 3px 12px rgb(170 170 170 / 42%);
	background: transparent;
	padding: 20px;
	border-radius: 15px;
	height: auto;
}

.modal .main_form .wizard_form {
	margin: 0;
	box-shadow: unset;
	padding: 0;
}

.main_form .wizard_form .progress-header .progress-bar {
	background-color: #5F2DED;
}

.main_form .wizard_form button.prevBtn.avoid-clicks {
	opacity: 0.2;
	pointer-events: none;
}

.main_form .wizard_form button.prevBtn {
	background-color: transparent !important;
	color: black;
	cursor: pointer;
	border-radius: 8px !important;
	border-color: #111111 !important;
	padding: 8px 16px !important;
}

.main_form .wizard_form button.nextBtn {
	border-radius: 8px !important;
	padding: 8px 16px !important;
}

.main_form .wizard_form .form-cont {
	position: relative;
}

.main_form .wizard_form .form-cont #layoutPreview {
	width: 75%;
	float: unset;
	margin: 0 auto;
}

.main_form .wizard_form .prevArrowBtn {
	position: absolute;
	top: 45%;
	left: 7%;
	font-size: 50px;
	color: #99d1ff;
	cursor: pointer;
}

.main_form .wizard_form .nextArrowBtn {
	position: absolute;
	top: 45%;
	right: 7%;
	font-size: 50px;
	color: #99d1ff;
	cursor: pointer;
}

.main_form .wizard_form .layoutContnt2 .prevArrowBtn,
.main_form .wizard_form .layoutContnt3 .prevArrowBtn,
.main_form .wizard_form .layoutContnt4 .prevArrowBtn,
.main_form .wizard_form .layoutContnt5 .prevArrowBtn,
.main_form .wizard_form .layoutContnt6 .prevArrowBtn {
	left: -20px;
}

.main_form .wizard_form .layoutContnt2 .nextArrowBtn,
.main_form .wizard_form .layoutContnt3 .nextArrowBtn,
.main_form .wizard_form .layoutContnt4 .nextArrowBtn,
.main_form .wizard_form .layoutContnt5 .nextArrowBtn,
.main_form .wizard_form .layoutContnt6 .nextArrowBtn {
	right: -20px;
}

.main_form .wizard_form .prevArrowBtn,
.main_form .wizard_form .nextArrowBtn {
	color: var(--primaryColor) !important;
}

.main_form .rendered-form {
	display: none;
}

.main_form .rendered-form.active {
	display: block;
}

/* Form controls */
form .formbuilder-required {
	color: red;
	margin-left: 2px;
}

form .tooltip-element {
	visibility: visible;
	color: #fff;
	background: #000;
	width: 16px;
	height: 16px;
	border-radius: 8px;
	display: inline-block;
	text-align: center;
	line-height: 16px;
	margin: 0 5px;
	font-size: 12px;
	cursor: default;
}

form .form-group {
	margin-top: 10px;
}

form label,
form .form-group label {
	margin-bottom: 3px;
	width: 100%;
	float: left;
	text-align: left;
}

form .form-group .radio-group .formbuilder-radio,
form .form-group .checkbox-group .formbuilder-checkbox {
	display: flex;
	gap: 5px;
	align-items: baseline;
}

form .form-group .radio-group label {
	margin-left: 2px;
}

form .form-group .checkbox-group label {
	margin-left: 2px;
}

form .rendered-form .form-group,
form .rendered-form .formbuilder-checkbox,
form .rendered-form .formbuilder-radio {
	float: left;
	margin: 0;
	width: 100%;
}

form .rendered-form .form-group button {
	margin: 10px;
}

form .form-control:focus {
	border-color: #86b7fe;
	outline: 0;
	box-shadow: none;
}

form p {
	width: 100%;
	float: left;
}

form h1,
form h2,
form h3,
form h4,
form h5,
form h6 {
	width: 100%;
	float: left;
}

form .formbuilder-button {
	width: 100%;
	margin: 15px !important;
}

form #layoutPreview {
	width: 100%;
	float: left;
}

form .rendered-form h1,
form .rendered-form h2,
form .rendered-form h3,
form .rendered-form h4,
form .rendered-form h5,
form .rendered-form h6,
form .rendered-form p {
	float: left;
	width: 100%;
	padding: 1rem 0;
	margin-bottom: 0 !important;
	background: transparent !important;
	cursor: default;
	text-align: left;
}

form .ele.img-cont {
	padding: 1rem;
}

form .ele.img-cont img {
	max-height: 100%;
}

form .tox .tox-toolbar__group button {
	margin: 2px 0 3px 0;
}

/* File input */
form .rendered-form input[type="file"] {
	padding: 0px !important;
	height: 38px;
}

form .rendered-form input[type="file"]::file-selector-button {
	font-size: 14px;
	border-right: 1px solid #ddd;
	border: 0;
	padding: 6px 11px;
	background: #ccc;
}

form .rendered-form input[type="date"] {
	cursor: pointer;
}

form .rendered-form input[type="file"],
form .rendered-form select {
	height: auto;
}

form .rendered-form h1 {
	font-size: 26px;
}

form .rendered-form h2 {
	font-size: 24px;
}

form .rendered-form h3 {
	font-size: 22px;
}

form .rendered-form h4 {
	font-size: 20px;
}

form .rendered-form h5 {
	font-size: 18px;
}

form .rendered-form h6 {
	font-size: 16px;
}

form .form-control {
	border: 1px solid #a8a8a8;
	background: transparent;
	padding: 5px 10px;
	width: 100%;
	border-radius: 5px;
}

form .form-group .form-control::placeholder {
	color: #cbcbcb;
}

/* Select element */
select {
	-webkit-appearance: none !important;
	background: transparent url(https://dutbmp3xi6xk2.cloudfront.net/themebuilder/theme-edurock_light/img/arrow-down-black.svg) !important;
	background-position-x: 98% !important;
	background-position-y: 17px !important;
	background-repeat: no-repeat !important;
	background-size: 20px 7px !important;
	color: black !important;
	padding-right: 30px !important;
}

.heading__underline span.formbuilder-required:after {
	display: none;
}

/* Plainform */
plainform form,
plainform .form_builds {
	float: left;
	width: 100%;
}

.hero-22-form plainform .form-control {
	margin-bottom: 15px;
}

plainform form .formbuilder-button,
.modal .modal-body plainform form .formbuilder-button,
dialogform form .formbuilder-button {
	margin: 0 !important;
	padding: 15px;
}

/* Dialogform */
dialogform .modal .modal-body label {
	width: 100%;
	text-align: start;
	float: left;
	font-size: 16px;
}

dialogform .modal .modal-body .formbuilder-button {
	text-align: left;
}

.modal-open [data-aos=fade-up] {
	transform: unset !important;
	transition-property: unset !important;
	transition-duration: unset !important;
}

.contact__form__inner {
	width: 100%;
}

plainform form .rendered-form .form-group:not(.p-3),
dialogform form .rendered-form .form-group:not(.p-3) {
	padding: 15px;
}

dialogform form .rendered-form .form-group:not(.p-3) h2 {
	padding: 0 !important;
	color: #424242;
}

/* Scrollbar */
dialogform .modal-body {
	max-height: calc(100vh - 250px);
	overflow: auto;
	margin: 5px;
}

dialogform .modal-body::-webkit-scrollbar {
	display: block !important;
	width: 4px;
	height: 0px;
}

dialogform .modal-body::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
	border-radius: 5px;
}

dialogform .modal-body::-webkit-scrollbar-thumb {
	background-color: darkgrey;
	outline: 1px solid darkgrey;
	border-radius: 5px;
}

.modal .modal-dialog {
	display: flex;
	align-items: center;
	min-height: calc(100% - var(--bs-modal-margin) * 2);
}

.modal .modal-body form .ele {
	padding: 0;
}

.modal .modal-body form .ele.img-cont video {
	width: 100%;
	height: 100%;
}

form textarea[style*="background-color: rgb(240, 248, 255);"],
form input[style*="background-color: rgb(240, 248, 255);"] {
	color: black !important;
}

.enigma_theme form.layout_sec {
	width: 100%;
}

.enigma_theme .wizard_form form.layout_sec {
	width: 100%;
	max-width: 100%;
	flex-wrap: wrap;
}

.breadcrumbarea .plainform-cmp-css {
	text-align: left;
}

.plainform-cmp-css .main_form {
	height: auto !important;
}

.get_notify_sec form button {
	width: auto !important;
}

.get_notify_sec form input {
	border: 2px solid #e3e3e3;
	outline: none;
}

.planner_main select {
	appearance: none;
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='oklch(0.556 0 0)' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
	background-position: right 0.5rem center;
	background-repeat: no-repeat;
	background-size: 1.5em 1.5em;
	padding-right: 2.5rem;
	print-color-adjust: exact;
}

/* Form validation */
.error {
	display: none;
	margin-left: 10px;
}

.error_show {
	color: red;
	margin-left: 10px;
}

select.invalid,
input.invalid,
textarea.invalid,
select.empty-invalid,
input.empty-invalid,
textarea.empty-invalid {
	border: 2px solid red !important;
}

input.valid,
textarea.valid {
	border: 2px solid green !important;
}

input.invalid {
	background-color: #ffdddd;
}

input.invalid#email-address {
	color: #000 !important;
}

/* File uploader */
#layoutPreview .qq-gallery.qq-uploader {
	min-height: 105px;
}

#layoutPreview .qq-gallery.qq-uploader:before {
	top: 30%;
	font-size: 125%;
	color: #808080f2;
}

#layoutPreview .qq-upload-message {
	font-size: 12px;
	color: gray;
}

/* Common form colors for dark backgrounds */
.theme_dark_bg plainform form h1,
.theme_dark_bg plainform form h2,
.theme_dark_bg plainform form h3,
.theme_dark_bg plainform form h4,
.theme_dark_bg plainform form h5,
.theme_dark_bg plainform form h6,
.theme_dark_bg plainform form label,
.theme_dark_bg plainform form input,
.theme_dark_bg plainform form p,
.theme_dark_bg plainform form select,
.theme_dark_bg plainform form .text-black {
	color: white;
	background: transparent;
}

.theme_dark_bg plainform form input.invalid {
	background-color: #ffdddd !important;
}

.theme_dark_bg .main_form .wizard_form {
	background: white !important;
}

.theme_dark_bg .wizard_form form h1,
.theme_dark_bg .wizard_form form h2,
.theme_dark_bg .wizard_form form h3,
.theme_dark_bg .wizard_form form h4,
.theme_dark_bg .wizard_form form h5,
.theme_dark_bg .wizard_form form h6,
.theme_dark_bg .wizard_form form label,
.theme_dark_bg .wizard_form form input,
.theme_dark_bg .wizard_form form p,
.theme_dark_bg .wizard_form form select,
.theme_dark_bg .wizard_form form .text-black {
	color: black;
	background: transparent;
}

form .layoutContnt6 h1,
form .layoutContnt6 h2,
form .layoutContnt6 h3,
form .layoutContnt6 h4,
form .layoutContnt6 h5,
form .layoutContnt6 h6,
form .layoutContnt6 label,
form .layoutContnt6 input form .layoutContnt6 p,
form .layoutContnt6 select,
form .layoutContnt6 .text-black {
	color: white;
}

.theme_dark_bg plainform input::-webkit-calendar-picker-indicator,
.layoutContnt6 input::-webkit-calendar-picker-indicator {
	filter: invert(1);
	color: #ffffff;
}

.theme_dark_bg .wizard_form input::-webkit-calendar-picker-indicator {
	filter: invert(1);
	color: #000000;
}

.theme_dark_bg select option,
.layoutContnt6 select option {
	color: black;
}

/* List groups / form check */
.list-group {
	width: 100%;
	max-width: 460px;
	margin-inline: 1.5rem;
}

.form-check-input:checked {
	background-color: var(--primaryColor);
	border-color: var(--primaryColor);
}

.form-check-input:focus {
	border-color: var(--primaryColor);
	outline: 0;
	box-shadow: 0 0 0 0.25rem rgba(95, 45, 237, .25);
}

.form-check-input:checked+.form-checked-content {
	opacity: .5;
}

.form-check-input-placeholder {
	border-style: dashed;
}

[contenteditable]:focus {
	outline: 0;
}

.list-group-checkable .list-group-item {
	cursor: pointer;
}

.list-group-item-check {
	position: absolute;
	clip: rect(0, 0, 0, 0);
}

.list-group-item-check:hover+.list-group-item {
	background-color: var(--bs-secondary-bg);
}

.list-group-item-check:checked+.list-group-item {
	color: #fff;
	background-color: var(--primaryColor);
	border-color: var(--primaryColor);
}

.list-group-item-check[disabled]+.list-group-item,
.list-group-item-check:disabled+.list-group-item {
	pointer-events: none;
	filter: none;
	opacity: .5;
}

.list-group-radio .list-group-item {
	cursor: pointer;
	border-radius: .5rem;
}

.list-group-radio .form-check-input {
	z-index: 2;
	margin-top: -.5em;
}

.list-group-radio .list-group-item:hover,
.list-group-radio .list-group-item:focus {
	background-color: var(--bs-secondary-bg);
}

.list-group-radio .form-check-input:checked+.list-group-item {
	background-color: var(--bs-body);
	border-color: var(--primaryColor);
	box-shadow: 0 0 0 2px var(--primaryColor);
}

.list-group-radio .form-check-input[disabled]+.list-group-item,
.list-group-radio .form-check-input:disabled+.list-group-item {
	pointer-events: none;
	filter: none;
	opacity: .5;
}


/* ========== SECTION 7: FORM PROGRESS ========== */

.progress_form {
	width: 100%;
	float: left;
	margin: 20px auto;
	text-align: center;
}

.progress_form .circle,
.progress_form .bar {
	display: inline-block;
	background: #fff;
	width: 40px;
	height: 40px;
	border-radius: 40px;
	border: 1px solid #d5d5da;
}

.progress_form .bar {
	position: relative;
	width: 40px;
	height: 6px;
	top: -3px;
	margin-left: -3px;
	margin-right: -3px;
	border-left: none;
	border-right: none;
	border-radius: 0;
}

.progress_form .circle .label {
	display: flex;
	width: 32px;
	height: 32px;
	border-radius: 32px;
	margin-top: 3px;
	font-size: 17px;
	color: white;
	background: #808080bd;
	margin-left: 3px;
	align-items: center;
	justify-content: center;
}

/* Done / Active states */
.progress_form .bar.done {
	background: #99d1ff;
}

.progress_form .bar.active {
	background: linear-gradient(to right, #EEE 40%, #FFF 60%);
}

.progress_form .circle.done .label {
	color: #FFF;
	background: #99d1ff;
	box-shadow: inset 0 0 2px rgba(0, 0, 0, .2);
}

.progress_form .circle.active .label {
	color: #FFF;
	background: #0c95be;
	box-shadow: inset 0 0 2px rgba(0, 0, 0, .2);
}

.progress_form .circle.done .label {
	background-color: var(--primaryColor) !important;
}

.progress_form .bar.done {
	background: var(--primaryColor) !important;
}

/* Hide all steps by default */
.wizard_data .rendered-form {
	display: none;
}

.main_form .wizard_form .prevArrowBtn,
.main_form .wizard_form .nextArrowBtn {
	color: var(--primaryColor) !important;
}


/* ========== SECTION 8: COLOR SCHEME / CC VARS ========== */

/* Color scheme added */
.color_scheme_added input,
.color_scheme_added select,
.color_scheme_added textarea {
	background-color: white !important;
	border: 1px solid #e3e3e3 !important;
	color: #111 !important;
}

.color_scheme_added h1,
.color_scheme_added h2,
.color_scheme_added h3,
.color_scheme_added h4,
.color_scheme_added h5,
.color_scheme_added h6,
.color_scheme_added p {
	color: inherit;
}

.color_scheme_added p * {
	color: inherit !important;
}

/* ccvariable */
.grp-wrapper-class sitevariable p,
.gjs-editor-cont sitevariable p {
	pointer-events: none;
}

ccvariable p {
	font-size: inherit !important;
	line-height: inherit !important;
	color: inherit !important;
	font-weight: inherit !important;
	margin: inherit !important;
}

.marketing_page ccvariable p,
.marketing_page span ccvariable p {
	margin-bottom: 15px !important;
}

span ccvariable p.s-21 {
	font-size: 1.3125rem !important;
}

.section__title__2 .section__small__title span ccvariable p {
	color: var(--secondaryColor) !important;
	margin-bottom: 18px !important;
}

.thank_header ccvariable p {
	color: var(--blackColor) !important;
	margin-bottom: inherit !important;
}

.single__contact .contact__text span ccvariable p {
	margin-bottom: 2px !important;
}

.single__contact .contact__text {
	width: calc(100% - 70px);
}

.single__contact .contact__text span.text-truncate p {
	width: 100%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.single__contact {
	min-height: 150px;
}

.blogsidebar__content__wraper__2 a {
	color: inherit !important;
}

.blogsidebar__content__wraper__2 .blogsidebar__content__inner__2 .blog__sidebar__text__2 span ccvariable p {
	font-size: 14px !important;
}

.blogsidebar__content__wraper__2 .blogsidebar__content__inner__2 .blogsidebar__name__2 span ccvariable p {
	font-size: 12px !important;
}

.event__details__list__2 ul li p {
	margin: 0 !important;
}

.registerarea__video .registerarea__para {
	font-weight: 600 !important;
	color: var(--whiteColor) !important;
	font-size: 22px !important;
	line-height: 34px !important;
	margin-bottom: 0 !important;
}

.aboutarea__content__wraper .aboutarea__list ul li span ccvariable p {
	margin-bottom: 0 !important;
}

.trainingarea__wraper .trainingarea__icon .trainingarea__content span ccvariable p {
	margin-bottom: 0 !important;
	font-size: 14px !important;
}

.educationarea .educationarea__content p {
	font-size: 18px !important;
	line-height: 30px !important;
	color: var(--contentColor) !important;
}

.single__service .service__content p {
	margin-bottom: 0 !important;
}

.single__service:hover .service__content p {
	color: white !important;
}

.eventarea__content p {
	color: var(--contentColor) !important;
}

.errorarea__inner .error__text span ccvariable p {
	font-size: 18px !important;
	line-height: 22px !important;
}

ccvariable .cbox-2.process-step p {
	margin-bottom: 15px !important;
}

/* Bootstrap icons color overrides */
i.bi {
	color: #fff !important;
}

a i.bi {
	color: var(--primaryColor) !important;
}

.gjs-cell .container .row-cols-lg-4 i.bi {
	margin: -12px 10px 0 0px;
	color: var(--primaryColor) !important;
	font-size: 28px;
}

/* Feature links */
.feature a:hover {
	color: var(--primaryColor) !important;
}

.feature a {
	color: var(--contentColor) !important;
	text-decoration: underline;
	text-underline-offset: 5px;
}

.feature-icon.bg-gradient {
	background-color: var(--primaryColor) !important;
	background-image: none !important;
}

.feature-icon-small.bg-gradient {
	background-color: var(--primaryColor) !important;
}

.feature-icon-small.bg-gradient i.bi {
	color: #fff !important;
}

.icon-square {
	background-color: var(--primaryColor) !important;
}

.instructor__icon i {
	color: var(--contentColor) !important;
}

.cbox-1-ico .fa-check {
	color: #5f2ded;
}

.txt-block-tra-link.mt-25 a {
	color: #5f2ded;
}

/* Webinar status colors */
.webinarStatus .eventTime {
	background-color: var(--primaryColor) !important;
	color: var(--whiteColor) !important;
}

.webinarStatus .eventbfr::after {
	left: -26px !important;
}

/* Register area widget color overrides */
.registerarea .widgets .webiArea,
.registerarea .widgets .listAreaWraper,
.widgets .bg-white .text-gray-900,
.registerarea__section__title .section__title__heading .bg-white h2,
.registerarea .widgets .gridAreaContent {
	color: #000;
}

.registerarea .widgets .followUs_title,
.registerarea .widgets .text-gray-900,
.registerarea .widgets .blogarea__heading__2,
.registerarea .ourTeamWidget .team-member-data h6.s-20,
.registerarea .ourTeamWidget .icon_sec {
	color: #fff !important;
}

.registerarea .widgets .text-gray-600,
.registerarea .widgets .text-gray-500,
.registerarea .ourTeamWidget .team-member-data p {
	color: #d1d1d1 !important;
}

.widgets .bg-white .text-gray-600,
.widgets .bg-white .text-gray-500 {
	color: #5c5c5c !important;
}

/* bg-gray-900 widget color overrides */
.bg-gray-900 .carousel-main .carousel-build .carousel-sec .carousel-option-prev-icon,
.bg-gray-900 .carousel-main .carousel-build .carousel-sec .carousel-option-next-icon,
.bg-gray-900 .carousel-main .carousel-build .carousel-sec .carousel-group .carousel-main-content .carousel-text .grp_content {
	color: #fff !important;
}

.bg-gray-900 .widgets .bg-white\/60 {
	background-color: #fff !important;
}

.bg-gray-900 .widgets .bg-white .text-gray-900,
.bg-gray-900 .widgets .bg-white .text-black,
.bg-gray-900 .widgets .bg-white\/60 .text-gray-900,
.bg-gray-900 .widgets .bg-white\/60 p {
	color: #000;
}

.bg-gray-900 .widgets .bg-white\/60 .text-gray-600,
.bg-gray-900 .widgets .bg-white\/60 .text-gray-500 {
	color: #2c2c2c !important;
}

.bg-gray-900 .widgets .text-gray-900,
.bg-gray-900 .widgets .text-black {
	color: #fff !important;
}

.bg-gray-900 .widgets .text-gray-600,
.bg-gray-900 .widgets .text-gray-500 {
	color: #898989 !important;
}

.bg-gray-900 .widgets .bg-white .text-gray-600,
.bg-gray-900 .widgets .bg-white .text-gray-500 {
	color: #666666 !important;
}

.widgets .bg-white .text-gray-900 {
	color: #000;
}

.bg-gray-900 .widgets .webiArea,
.bg-gray-900 .widgets .listAreaWraper,
.bg-gray-900 .widgets .gridAreaContent {
	color: #000 !important;
	text-align: left;
}

.bg-gray-900 .webinarStatus .eventpackTime h3 {
	color: #fff !important;
}

.grp-wrapper-class .workflow_sec {
	overflow: hidden !important;
}

.custom-block .flow-root ul {
	max-width: 600px;
	padding: 40px;
}

.custom-block .flow-root ul li.ui-corner-left {
	display: unset;
}

.blogarea__2 .widgets .grid-item {
	max-width: 100% !important;
	width: 100% !important;
}

.planner_main #weather-widget.to-blue-600 {
	background: linear-gradient(135deg, #60a5fa 0%, #2563eb 100%);
}

.pricing_main .bg_card .pricing_icon_btn {
	background: #5F2DED !important;
}


/* ========== SECTION 9: PAGE-SPECIFIC STYLES ========== */

/* Hero section */
.hero-22 {
	position: relative;
	background-image: url(https://dutbmp3xi6xk2.cloudfront.net/themebuilder/theme-edurock_light/img/hero-22.webp);
	padding-top: 160px;
	z-index: 3;
	background-attachment: scroll !important;
	width: 100%;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}

.hero-22 .wave-shape-bottom path {
	fill: #fff;
}

.hero-22 .hero-logo {
	margin-bottom: 30px;
}

.hero-logo img {
	width: auto;
	max-width: inherit;
	max-height: 36px;
}

.hero-22-form h4 {
	line-height: 1.4;
	margin-bottom: 20px;
}

.hero-22-form p {
	color: #757575;
	margin-bottom: 25px;
}

.hero-22-form {
	position: relative;
	z-index: 999;
	background-color: #fff;
	border: 1px solid #f8f8f8;
	padding: 45px 35px 35px;
	-webkit-box-shadow: 0px 15px 20px 0px rgba(0, 0, 0, .08);
	-moz-box-shadow: 0px 15px 20px 0px rgba(0, 0, 0, .08);
	box-shadow: 0px 15px 20px 0px rgba(0, 0, 0, .08);
	border-radius: 10px;
}

/* Process steps / cbox-2 */
.cbox-2.process-step {
	display: flex;
	position: relative;
	flex-flow: row wrap;
	align-items: stretch !important;
	justify-content: flex-start;
}

.ico-wrap {
	position: relative;
	margin-right: 1.625rem;
}

.cbox-2-ico.color--white {
	color: white;
	background-color: #5f2ded;
	position: relative;
	width: 2.625rem;
	height: 2.625rem;
	text-align: center;
	border-radius: 100%;
	font-size: 1.1875rem;
	font-weight: 500;
	line-height: 2.375rem;
	border: 2px solid transparent;
	transition: all 450ms ease-in-out;
}

.cbox-2-ico.color--white:hover {
	color: #5f2ded;
	background-color: white;
	border: 2px solid #5f2ded;
	cursor: pointer;
}

.cbox-2-line {
	position: absolute;
	bottom: 20px;
	left: 50%;
	width: 2px;
	background-color: #e4e4e4;
	height: calc(100% - 90px);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	min-height: 18px;
}

.cbox-2-txt {
	overflow: hidden;
	flex: 1;
	max-width: 100%;
}

/* Blog / entry */
.entry-box {
	padding: 20px;
	background-color: #fff;
}

.entry-meta li {
	display: inline-block;
	font-size: 13px;
	color: #646464;
	margin-bottom: 15px;
	white-space: nowrap;
}

.entry-meta a {
	color: #646464;
}

.entry-meta li:before {
	content: "|";
	opacity: 0.5;
	margin: 0 7px;
}

.entry-meta li:first-child:before {
	content: "";
	margin: 0;
}

.entry-meta a:hover,
.blog-col h4 a:hover {
	color: #5F2DED;
}

.entry-img {
	position: relative;
	overflow: hidden;
}

.entry-img img {
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
	width: 100%;
}

/* Webinar section */
.webinarStatus {
	justify-items: center;
}

.webinarStatus.pt-100 {
	padding-top: 130px;
}

.webinarStatus.pb-100 {
	padding-bottom: 130px;
}

.webinarStatus .eventpackTime {
	max-width: 900px;
}

.webinarStatus .eventpackTime h3 {
	font-size: 20px;
	line-height: 1.5;
	text-transform: capitalize;
	margin-bottom: 5px;
	font-weight: 600;
}

.webinarStatus .eventpackTime .webinar_icon {
	width: 68px;
	position: absolute;
	top: 42%;
	cursor: pointer;
}

.webinarStatus .eventpackTime .webinar_source {
	position: absolute;
	top: 42%;
}

.webinarStatus .eventpackTime .webinar_thumbnail {
	opacity: 0.5;
}

.webinarStatus .eventTime {
	position: relative;
	background-color: #a6c9a0;
	height: 108px;
	width: 100px;
	padding: 7px;
	font-size: 65px;
	font-weight: 700;
	color: black;
}

.webinarStatus .eventComing {
	font-size: 20px;
}

.webinarStatus .eventbfr::after {
	content: ':';
	position: absolute;
	left: -35px;
	font-size: 60px;
	color: #000;
	font-family: 'Inter', sans-serif;
}

.webinarStatus .d-grid {
	font-family: 'Sans pro';
}

.webinarStatus .container {
	height: 800px;
}

.webinarStatus video.webinar_url {
	height: calc(100% - 50px);
}

.webinar_detail {
	padding: 100px 0;
}

.webinarStatus .eventpackTime .modal.fixed .shadow {
	/*top: 85px;*/
}

.webinarStatus .eventpackTime .modal.fixed .shadow h3 {
	color: #000 !important;
}

.enigma_theme .eventpack {
	font-size: 20px;
	font-weight: 600;
}

/* Services / course */
.service-specs-modal .service-specifications section {
	padding: 12px !important;
}

/* About area */
.aboutarea__content__tap__wraper .aboutContent {
	margin-bottom: 15px;
	display: block;
}

.aboutarea__content__wraper .aboutarea__list ul li {
	display: flex;
	align-items: baseline;
}

.aboutarea__content__wraper .aboutarea__list ul li i {
	display: flex;
	align-items: center;
}

/* Blog sidebar */
.blogsidebar__content__wraper__2 .blogsidebar__content__inner__2 .blogsidebar__img__2 {
	margin-bottom: 30px;
	display: flex;
	justify-content: center;
}

/* Training area */
.default__small__button img,
.trainingarea__wraper .trainingarea__icon .trainingarea__content h6 img {
	max-height: 25px;
	overflow: hidden;
	float: left;
	width: 100%;
}

/* General page rules */
.fadeInUp .fbox-txt h5 {
	margin-bottom: 0;
}

.single__event__wraper .eventarea__content__wraper .single__event__button a i {
	padding-left: 4px;
}

#page .content-section .cbox-1-txt p.mb-0 {
	margin-bottom: 0 !important;
}

.main-wrapper-onepage .enigma_theme .thank_main,
.main-wrapper-onepage .enigma_theme {
	min-height: calc(100vh - 421px);
}

.main-wrapper-onepage .enigma_theme .modal {
	z-index: 1200;
}

.grp-wrapper-class .custom-block .-translate-x-1\/2 {
	transform: unset !important;
}

/* Static pages */
.text-primary-theme {
	color: #5F2DED;
}

/* City card */
.city-card {
	text-decoration: none;
	background: #fff;
	border: 2px solid transparent;
	box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
	color: #2D3142;
}

.city-card:hover {
	transform: translateY(-3px);
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
	border-color: #5F2DED;
}

.city-card .city-link {
	color: #5F2DED;
}

/* Privacy / Terms / FAQ pages */
#privacy_policy_container,
#cookies_policy_container,
#faq_container,
.faq_container,
#terms_policy_container {
	padding: 50px 20px;
}

#terms-page.inner-page-title {
	margin-bottom: 60px;
	text-align: center;
}

#terms-page.inner-page-title .s-52 {
	font-size: 3rem;
}

#terms-page.inner-page-title p {
	font-size: 1.15rem;
	margin-top: 18px;
}

#terms-page p {
	font-size: 1rem;
	color: #6c757d;
}

#terms-page .w-700 {
	font-weight: 700;
}

#terms-page .s-30 {
	font-size: 1.75rem;
}

#terms-page ul {
	list-style: disc;
	margin-top: 0;
	margin-bottom: 1rem;
	padding-left: 2rem;
}

#terms-page ul li {
	display: list-item;
	list-style: disc;
}

.sites_faq_widgets p {
	margin-top: 0;
}

/* FAQ accordion */
.faq_container .faqAccordionMain .accordion_item {
	padding: 0;
	margin: 0;
}

.faq_container .faqAccordionMain .accordion_item li {
	list-style: none !important;
}

.faq_container .faqAccordionMain .accordion_item .accord_hdr {
	padding: 22px 0 28px;
	display: flex;
	align-items: center;
	cursor: pointer;
	border-bottom: 1px solid #ddd;
}

.faq_container .faqAccordionMain .accordion_item .accord_hdr .accord_title {
	font-size: 22px;
	font-weight: 600;
	float: left;
	width: calc(100% - 50px);
}

.faq_container .faqAccordionMain .accordion_item .accord_hdr .plus_icon {
	display: block;
}

.faq_container .faqAccordionMain .accordion_item .accord_hdr .minus_icon {
	display: none;
}

.faq_container .faqAccordionMain .accordion_item .accord_hdr.collapsed .plus_icon {
	display: none;
}

.faq_container .faqAccordionMain .accordion_item .accord_hdr.collapsed .minus_icon {
	display: block;
}

.faq_container .faqAccordionMain .accordion_item .accord_hdr .accord_icon {
	float: left;
	font-size: 26px;
}

.faq_container .faqAccordionMain .accordion_item .accord_bdy {
	font-size: 1rem;
	padding: 35px 0 20px 0;
	color: #757575;
}

.faq_container .faqAccordionMain .accordion_item .accord_bdy p {
	margin-bottom: 0;
}

.faq_container .faqAccordionMain .accordion_item .accord_bdy img {
	max-width: 100%;
}

.faq_container .faqAccordionMain .accordion_item .collapse {
	display: none;
}

.faq_container .faqAccordionMain .accordion_item .collapse.show {
	display: block;
	visibility: visible;
}

/* Marketing / opt-in pages */
.aboutusContainer {
	max-width: 500px;
	padding: 50px 60px;
}

.aboutusContainer,
.imageSecContainer,
.image__slider__active .card,
.team__slider__active .card {
	background: var(--whiteColor);
}

.is_dark .aboutusContainer,
.is_dark .imageSecContainer,
.is_dark .image__slider__active .card,
.is_dark .team__slider__active .card {
	background: var(--naveBlue);
}

.image__slider__active .fa-quote-left {
	font-size: 48px;
	padding: 0 5px;
	color: var(--secondaryColor);
}

/* Template block / subscribe */
.educationarea__bottom__button #subscribe_email {
	height: 58px;
	width: 311px;
	padding-left: 13px;
	border: 1px solid var(--lightGrey2);
	border-radius: var(--borderRadius);
	margin-right: 12px;
}

.educationarea__bottom__button .default__button {
	padding: 14px 39px;
}

/* Misc page elements */
.card-cover {
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}

.text-shadow-1 h3 {
	color: #fff;
}

.text-shadow-1 {
	text-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, .25);
}

.list-unstyled .bi-geo-fill,
.list-unstyled .bi-calendar3 {
	margin: -5px 5px 0 0;
}

.feature-icon {
	width: 4rem;
	height: 4rem;
	border-radius: .75rem;
}

.icon-square {
	width: 3rem;
	height: 3rem;
	border-radius: .75rem;
}

.feature-icon-small {
	width: 3rem;
	height: 3rem;
}

#icon-grid i.bi {
	background: var(--primaryColor);
	background: #bfa67a;
	margin-right: 5px;
	font-size: 20px;
	border-radius: 5px;
	min-width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
}

/* Pricing wizard static page */
.wizard_pricing_main .card-base {
	background: #ffffff;
	border: 2px solid #f2f2f2;
	border-radius: 16px;
	cursor: pointer;
	transition: all 0.2s ease;
	-webkit-tap-highlight-color: transparent;
}

.wizard_pricing_main .text-\[\#ff99ae\] {
	color: #5F2DED;
}

.wizard_pricing_main .card-base:hover,
.wizard_pricing_main .card-base.selected {
	border-color: #5F2DED;
	background: linear-gradient(to right, #dea9ff30, #d799ff54, #b1aaff4d);
}

.wizard_pricing_main .card-base:active {
	transform: scale(0.98);
}

.wizard_pricing_main .option-card.selected .option-icon {
	background: rgb(92 11 245 / 25%) !important;
}

.wizard_pricing_main .finish-card.selected .finish-swatch {
	border-color: #ff99ae !important;
}

.wizard_pricing_main .step {
	display: none;
	flex-direction: column;
	flex: 1;
	animation: wizardFadeUp 0.3s ease;
}

.wizard_pricing_main .step.active {
	display: flex;
}

.wizard_pricing_main .progress-fill {
	background: linear-gradient(to right, #dea9ff, #c05fff, #6355ff);
	border-radius: 3px;
	transition: width 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.wizard_pricing_main .price-summary .line {
	display: flex;
	justify-content: space-between;
	padding: 10px 0;
	border-bottom: 1px solid #dfdfdf;
	font-size: 0.9rem;
}

.wizard_pricing_main .price-summary .line .label {
	color: #888;
}

.wizard_pricing_main .shake {
	animation: wizardShake 0.4s ease;
}

/* Image disorientation ? header/footer */
.main_wrapper .header__logo img {
	width: unset;
}

.main_wrapper .footerarea__newsletter__wraper img {
	width: unset;
}

/* Image disorientation ? section images */
.main_wrapper .brandarea__wraper .brandarea__img {
	margin-right: 10px;
	max-height: 100px;
	overflow: hidden;
}

.main_wrapper .brandarea__wraper .brandarea__img a img {
	max-width: 100%;
}

#page .content-section .order-first .img-block {
	max-height: 640px;
	overflow: hidden;
}

.fbox-img.gr-whitesmoke {
	max-height: 225px;
	overflow: hidden;
	padding-left: 20px;
	padding-right: 20px;
}

.fbox-img.gr-whitesmoke img {
	max-height: unset !important;
}

#page .content-section .left-column:not(.txt-block) {
	max-height: 740px;
	overflow: hidden;
}

#features-5 .fbox-wrapper .fadeInUp .fbox-5-img {
	max-height: 340px;
	overflow: hidden;
}

.event__sidebar__wraper .event__details__img__2 {
	max-height: 65px;
}

.event__sidebar__wraper .event__details__img__2 img {
	max-width: 100%;
}

.event__details__img__2 {
	max-height: 330px;
	overflow: hidden;
}

.event__details__inner .event__details__img__2 img {
	max-width: 100%;
	width: unset;
}

.eventarea__details__list ul li .event__details__small__img img {
	max-height: 60px;
	max-width: 100%;
	margin-right: 10px;
}

.instructor__sidebar__img {
	max-height: 415px;
	overflow: hidden;
}

.instructor__sidebar__img img {
	height: auto;
}

.gridAreaWraper .gridAreaImg {
	max-height: 200px;
	overflow: hidden;
}

.gridAreaWraper .gridAreaImg img {
	max-width: 100%;
	width: 100%;
	height: 100%;
	aspect-ratio: 6 / 6;
}

.entry-img {
	height: 200px;
	justify-content: center;
	display: flex;
	background: white;
	align-items: center;
	overflow: hidden;
}

.gridarea__wraper .gridarea__img {
	max-height: 250px;
	width: auto !important;
	border-radius: 0.375rem;
}

.gridarea__wraper .gridarea__img img {
	max-width: 100%;
	width: auto !important;
	height: auto;
}

.gridarea__course__list.gridarea__wraper .gridarea__img img {
	max-width: 300px;
}

.main_wrapper .single__expart__teacher .teacher__img img {
	width: 295px;
	border-radius: 50%;
	height: 295px;
}

.errorarea__inner .error__img {
	max-height: 470px;
	overflow: hidden;
}

.errorarea__inner .error__img img {
	max-width: 100%;
	width: auto;
}

.main_wrapper .squeeze_main .left_sec {
	max-height: 600px;
	overflow: hidden;
	margin-bottom: 30px;
}

.main_wrapper .squeeze_main .optinimg {
	max-width: 100%;
	height: auto;
}

.blogsidebar__content__wraper__2 .blogsidebar__content__inner__2 .blogsidebar__img__2 {
	max-height: 95px;
	overflow: hidden;
}

.blogsidebar__content__wraper__2 .blogsidebar__content__inner__2 .blogsidebar__img__2 img {
	max-width: 100%;
}

.blogsidebar__content__wraper__2 .photo__gallery__img .single__gallery__img {
	max-height: 80px;
	overflow: hidden;
}

.blog__details__img {
	max-height: 600px;
	overflow: hidden;
}

.blog__details__img img {
	max-width: 100%;
	width: auto !important;
}

.blogarae__img__2 {
	max-height: 600px;
	overflow: hidden;
}

.blogarae__img__2 img {
	max-width: 100%;
	width: auto;
	max-height: unset;
}

.aboutarea__5__img {
	max-height: 550px;
	overflow: hidden;
}

.aboutarea__5__img img {
	max-width: 100%;
	width: auto;
}

.aboutarea__content__wraper__5 .aboutarea__5__small__icon__wraper .aboutarea__5__small__icon {
	max-height: 60px;
	overflow: hidden;
}

.aboutarea__content__wraper__5 .aboutarea__5__small__icon__wraper .aboutarea__5__small__icon img {
	max-width: 100%;
}

.aboutarea__content__tap__wraper .single__event__wraper .eventarea__img {
	max-height: 90px;
	max-width: 150px;
	overflow: hidden;
}

.aboutarea__content__tap__wraper .single__event__wraper .eventarea__img img {
	max-width: 100%;
}

.social__wrapper .single__event__wraper .eventarea__img {
	max-height: 150px;
	overflow: hidden;
}

.social__wrapper .single__event__wraper .eventarea__img img {
	max-width: 100%;
}

.aboutarea__img__inner .aboutarea__img {
	max-height: 510px;
	overflow: hidden;
	position: relative;
}

.aboutarea__img__inner .aboutarea__img img {
	max-width: 100%;
}

/* Common shape icon limits */
.shape__icon__2 .shape__icon__img.shape__icon__img__1 {
	max-height: 85px;
	max-width: 100%;
}

.shape__icon__2 .shape__icon__img.shape__icon__img__2 {
	max-height: 75px;
	max-width: 100%;
}

.shape__icon__2 .shape__icon__img.shape__icon__img__3 {
	max-height: 95px;
	max-width: 100%;
}

.shape__icon__2 .shape__icon__img.shape__icon__img__4 {
	max-height: 120px;
	max-width: 100%;
}

.educationarea .hero__shape__1 {
	max-height: 60px;
	max-width: 100%;
}

.educationarea .hero__shape__2 {
	max-height: 15px;
	max-width: 100%;
}

.educationarea .hero__shape__3 {
	max-height: 25px;
	max-width: 100%;
}

.educationarea .hero__shape__4 {
	max-height: 15px;
	max-width: 100%;
}

.blog__details__content__wraper .blog__details__img {
	max-height: 650px;
	overflow: hidden;
}

.blog__details__content__wraper .blog__details__img img {
	max-width: 100%;
	width: auto;
}

.educationarea__right__wraper .educationarea__img .education__img__1 {
	max-height: 450px;
	max-width: 100%;
}

.educationarea__right__wraper .educationarea__img .education__img__2 {
	max-height: 320px;
	max-width: 100%;
}

.educationarea__right__wraper .educationarea__img .education__img__3 {
	max-height: 400px;
	max-width: 100%;
}

.educationarea__right__wraper .educationarea__img .education__img__4 {
	max-height: 85px;
	max-width: 100%;
}

.educationarea__right__wraper .educationarea__small__img .education__img__5 {
	max-height: 52px;
	max-width: 100%;
}

.educationarea__right__wraper .educationarea__small__img .education__img__6 {
	max-height: 52px;
	max-width: 100%;
}

.educationarea__right__wraper .educationarea__small__img .education__img__7 {
	max-height: 52px;
	max-width: 100%;
}

.educationarea__right__wraper .educationarea__small__img .education__img__8 {
	max-height: 52px;
	max-width: 100%;
}

.educationarea__right__wraper {
	min-height: 450px;
}

.txt-block {
	overflow: unset !important;
}

.blockquote p {
	margin-bottom: 1rem !important;
}

.blogarae__img__2 img {
	max-height: 300px;
}


/* ========== SECTION 10: WIDGETS ========== */

/* Grid view widget */
.widgets .grid-item {
	min-width: 22em;
	max-width: 24em;
}

/*.widgets .grid-item.site_plan_widget {max-width: unset;}*/
.gridAreaWraper {
	background-color: #fff;
}

.gridAreaWraper .gridAreaImg img {
	width: 100%;
	border-radius: 4px;
	cursor: pointer;
}

.postedDate {
	font-size: 12px;
}

.fa-star {
	color: #919191;
}

.fa-star.active {
	color: #ffd52c;
}

.gridAreaHeading .titleHeight {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	white-space: normal;
	text-overflow: ellipsis;
	line-height: 1.5;
	margin-bottom: 5px;
}

#projects__one .gridarea__wraper .gridarea__content .gridarea__list ul li:last-child {
	text-align: right;
}

.titleHeight:hover {
	cursor: pointer;
	color: #5f2ded;
}

.tagSec,
.slugSec {
	border-radius: 4px;
	padding: 2px 5px;
	text-align: center;
	font-size: 14px;
	border: 1px solid #5f2ded;
	background-color: #5f2ded;
	color: white;
	max-width: 100px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.listAreaHeading .titleHeight,
.gridListHeading .titleHeight {
	min-height: 35px;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	white-space: normal;
	text-overflow: ellipsis;
	width: auto !important;
}

.gridAreaWraper .reviewContent {
	display: -webkit-box;
	-webkit-line-clamp: 5;
	-webkit-box-orient: vertical;
	overflow: hidden;
	white-space: normal;
	text-overflow: ellipsis;
	height: 120px;
	line-height: 1.5;
	word-break: break-all;
	color: gray;
}

.gridAreaContent .usrSec {
	max-width: 120px;
	display: flex;
	align-items: center;
}

.gridAreaContent .usrSec .usrNameSec {
	max-width: 105px;
	margin-top: 6px;
	font-size: 14px;
}

.gridAreaContent .slugSec {
	padding: 1px 10px 2px 10px;
	width: 60px;
}

/* Grid widget images */
.widgets .grid-item .gridAreaImg {
	max-height: 180px;
	overflow: hidden;
	border-radius: 16px;
}

.widgets .grid-item .gridAreaImg img {
	max-width: 100%;
	width: auto;
	max-height: unset;
	height: auto;
}

.widgets .listAreaWraper .course_content {
	height: 120px;
	overflow: hidden;
}

.widgets .listAreaWraper .course_content img {
	width: auto;
	height: auto;
	max-width: 200px;
}

.widgets .sidebar-item .sbarAreaWraper .flex-shrink-0 {
	max-height: 70px;
	overflow: hidden;
	border-radius: 0.375rem;
}

.widgets .sidebar-item .sbarAreaWraper .flex-shrink-0 img {
	height: auto;
	width: 100px;
}

/* Webinar widget */
.webinar_class .entry-img {
	position: relative;
	height: 250px;
}

.webinar_class .entry-img img {
	height: 100%;
	width: 100%;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}

.webinar_class .entry-img .webiTitle {
	position: absolute;
	top: 0;
	left: 0;
}

.webinar_class .entry-img .webiTitle h4 {
	color: #fff;
	padding: 16px 12px;
	font-size: 16px;
}

.webiArea {
	font-family: var(--headingFont);
}

.webiArea .webiLabel {
	font-size: 14px;
}

.webiArea .webinarTime {
	font-size: 13px;
	font-weight: 500;
}

.webiArea .webinarHost {
	font-size: 14px;
	margin-top: 10px;
}

.webiArea .user_bottom {
	margin: 8px 0 20px 0;
}

.webiArea .user_bottom .name_sec {
	font-size: 14px;
	padding-left: 8px;
}

.webiArea .user_bottom .hostProf {
	font-size: 12px;
	line-height: 1;
	padding-left: 8px;
}

/* List view widget */
.widgets .list-item {
	min-width: 22em;
}

.widgets .blog__content__wraper__2.list-item {
	max-width: 40em;
}

.listAreaWraper {
	background-color: #fff;
}

.is_dark .listAreaWraper {
	box-shadow: 0 0 20px 10px rgba(95, 45, 237, 0.1);
	background: #17093e;
}

.desc_height {
	min-height: 25px;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	white-space: normal;
	text-overflow: ellipsis;
	font-size: 14px;
}

.listAreaHeading .reviewContent {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	white-space: normal;
	text-overflow: ellipsis;
	height: 45px;
	line-height: 1.5;
}

.blog__content__wraper__2 .blogarea__text__wraper__2 .blogarea__list__2 .usrSec {
	max-width: 175px;
}

.blog__content__wraper__2 .blogarea__text__wraper__2 .blogarea__list__2 ul li {
	max-width: 200px;
}

.blog__content__wraper__2 .blogarea__text__wraper__2 .blogarea__list__2 ul li .slugSec {
	float: left;
}

.blog__content__wraper__2 .blogarea__text__wraper__2 .blogarea__paragraph p {
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	white-space: normal;
	text-overflow: ellipsis;
}

/* Sidebar widget */
.widgets .sidebar-item {
	max-width: 18em;
}

.sbarAreaHeading .lessonCountSec {
	font-size: 12px;
	margin-top: 2px;
	color: #838383;
}

.sbarAreaHeading .fa-star {
	font-size: 12px;
}

.sbarAreaWraper .rounded-circle {
	border-radius: 50%;
}

.blogsidebar__content__wraper__2 .blogsidebar__content__inner__2 .blog__sidebar__text__2 p {
	margin-bottom: 7px;
}

.sbarAreaHeading .titleHeight {
	min-height: 20px;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	white-space: normal;
	text-overflow: ellipsis;
	font-size: 15px;
	font-weight: 600;
	width: auto !important;
}

.gridLabel {
	color: #5f2ded;
}

.plan_pricing {
	font-size: 26px;
	color: #0062ff;
	font-weight: 600;
	max-width: 85px;
	line-height: 1.5;
}

.planListLink {
	min-width: 130px;
}

.planLeftSec {
	width: 110px;
}

.sbarAreaWraper .plan_pricing {
	font-size: 20px;
	color: #0062ff;
	font-weight: 600;
}

.sbarAreaWraper .plan_type {
	font-size: 13px;
}

.sbarAreaWraper .review-avatar {
	margin: 0 auto;
	float: left;
}

.sbarAreaWraper .review-avatar img {
	width: 54px;
	height: 54px;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	-o-border-radius: 100%;
	border-radius: 100%;
}

.review-author {
	position: relative;
	display: inline-block;
	text-align: left;
	padding: 0 0 0 15px;
}

.sbarAreaWraper .review-author {
	width: calc(100% - 60px);
	color: white;
}

.followUs_title {
	font-weight: 700;
	font-size: 22px;
	line-height: 30px;
	position: relative;
	padding-left: 8px;
	margin-bottom: 25px;
}

.followUs_title::before {
	position: absolute;
	content: "";
	width: 2px;
	height: 21px;
	background: var(--primaryColor);
	left: 0;
	bottom: 5px;
}

.followIcon ul li {
	margin-right: 14px;
	float: left;
	list-style: none;
}

.followIcon ul li a {
	width: 39px;
	height: 38px;
	text-align: center;
	line-height: 38px;
	background: var(--whitegrey2);
	color: var(--blackColor2);
	display: inline-block;
	border-radius: var(--borderRadius);
}

/* Responsive widget grid */
.gridarea .widgets .grid-item {
	min-width: unset;
	max-width: unset;
	flex: 0 0 auto;
	width: 100%;
}

/* Our team widget */
.ourTeamWidget .team-member {
	margin-right: 14px;
	margin-bottom: 60px;
	visibility: visible;
}

.ourTeamWidget .team-member-photo {
	max-height: 455px;
	overflow: hidden;
	position: relative;
	text-align: center;
	margin-bottom: 30px;
	border-radius: 14px;
}

.ourTeamWidget .hover-overlay {
	width: 100%;
	height: auto;
	overflow: hidden;
	position: relative;
	background: white;
	display: flex;
	justify-content: center;
}

.ourTeamWidget .hover-overlay img {
	transform: scale(1);
	overflow: hidden;
	transition: transform 400ms;
}

.ourTeamWidget .team-member:hover img {
	transform: scale(1.05);
}

.ourTeamWidget .team-member:hover .item-overlay {
	opacity: .45;
}

.ourTeamWidget .item-overlay {
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(20, 20, 20, .25);
	transition: all 400ms ease-in-out;
}

.ourTeamWidget .img-fluid {
	max-width: 100%;
	height: auto;
}

.ourTeamWidget .team-member-data {
	position: relative;
	margin-left: 5px;
}

.ourTeamWidget .team-member-data h6.s-20 {
	color: #353f4f;
	line-height: 1.35;
	margin-bottom: 8px;
	font-size: 20px;
	width: calc(100% - 70px);
}

.ourTeamWidget .team-member-data p {
	line-height: 1;
	font-weight: 400;
	letter-spacing: 0;
	margin-bottom: 0;
}

.ourTeamWidget .color--grey {
	color: #757575;
}

.ourTeamWidget ul.tm-social {
	position: absolute;
	top: -1px;
	right: 8px;
	transition: all 0.3s ease-out;
}

.ourTeamWidget ul.tm-social li {
	width: auto !important;
	display: inline-block !important;
	vertical-align: top;
	clear: none !important;
	padding: 0;
	margin-left: 10px;
	opacity: .6;
	transition: all 0.5s ease-out;
	cursor: pointer;
}

.ourTeamWidget .icon_sec {
	fill: #6c757d;
	text-decoration: none;
	transition: all 400ms ease-in-out;
}

.ourTeamWidget .icon_sec:hover {
	fill: #353f4f !important;
	text-decoration: none;
}

/* Course widgets */
.courseListWidgets .courseCard {
	box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
}

.courseListWidgets .courseCard .courseView,
.courseListWidgets .courseCard .course_title {
	color: black;
}

.courseListWidgets .courseCard .courseView:hover,
.courseListWidgets .courseCard .course_title:hover {
	color: #5f2ded;
}

.courseListWidgets .courseCard .courseUserName,
.courseListWidgets .courseCard .course_desc {
	color: #a5a5a5;
}

.courseListWidgets .courseCard .courseSubSection {
	color: #727272;
}

.courseListWidgets .courseCard .courseSvg {
	fill: #5f2ded;
}

.courseListCard .courseLabel {
	color: #5f2ded;
}

.courseListCard .courseTitle {
	color: #000000;
}

.courseListCard .courseTitle:hover {
	color: #5f2ded;
}

/* Article overview widget */
.article_overview .blogCardMain {
	margin: 8px;
}

.article_overview .blogCardMain .blog_title {
	color: #000000;
}

.article_overview .blogCardMain .blog_title:hover {
	color: #5f2ded;
}

.article_overview .blogCardMain .blog_tags {
	background-color: #5f2ded;
	border: 1px solid #5f2ded;
	color: #fff !important;
	max-width: 350px !important;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.article_overview .blogCardMain .blog_tags:hover a {
	color: #fff !important;
}

.article_overview .blogCardMain .view_more_btn:hover {
	color: #5f2ded;
	fill: #5f2ded;
}


/* ========== SECTION 11: PAYMENT PLANS ========== */

/* Product Plan Overview */
#productPlanOverview .normal_btn {
	color: #fff !important;
	border: 2px solid #5F2DED !important;
	background-color: #5F2DED !important;
}

#productPlanOverview .normal_btn:hover {
	color: #5F2DED !important;
	border: 2px solid #5F2DED !important;
	background-color: transparent !important;
}

#productPlanOverview .normal_card {
	border: 2px solid #ddd;
	min-width: 300px;
	max-width: 350px;
}

#productPlanOverview .normal_card:hover {
	border: 2px solid #5F2DED;
}

#productPlanOverview .planTitle {
	color: black;
}

#ProviderPlanOverview .provider_card .provider_features svg,
#productPlanOverview .svg_ivon {
	fill: #5F2DED !important;
}

#ProviderPlanOverview .provider_card .provider_title {
	color: #5F2DED !important;
}

/* Payment Plan Cards */
.payment_plan_card {
	background: rgba(142, 203, 255, .2);
	border: .5px solid hsla(0, 0%, 100%, .5);
	border-radius: 12px;
	box-shadow: 0 0 30px rgba(0, 0, 0, .15);
	padding: 24px;
}

.featured_card {
	border: 2px solid #667eea !important;
	transform: scale(1.05);
	box-shadow: 0 8px 30px rgba(102, 126, 234, 0.25) !important;
}

.badge-popular {
	position: absolute;
	top: -10px;
	right: -10px;
	background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
	color: white;
	font-size: 10px;
	font-weight: 600;
	padding: 5px 12px;
	border-radius: 20px;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	z-index: 10;
	box-shadow: 0 2px 8px rgba(102, 126, 234, 0.4);
}

.badge-trial {
	background: linear-gradient(135deg, #11998e 0%, #38ef7d 100%);
	color: white;
	font-size: 9px;
	font-weight: 600;
	padding: 4px 12px;
	border-radius: 20px;
	text-transform: uppercase;
}

/* Checkout page ? inline badge variant */
.badge-popular-inline {
	background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
	color: white;
	font-size: 10px;
	font-weight: 600;
	padding: 5px 12px;
	border-radius: 20px;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	box-shadow: 0 2px 8px rgba(102, 126, 234, 0.4);
	vertical-align: middle;
	margin-left: 10px;
}

/* Payment Plan Table Layout */
.planCardMain table {
	border-collapse: collapse;
	width: 100%;
	margin-top: 10px;
}

/* Plan Table Scrollbar */
.plan-scroll-container::-webkit-scrollbar {
	height: 8px;
}

.plan-scroll-container::-webkit-scrollbar-track {
	border-radius: 4px;
}

.plan-scroll-container::-webkit-scrollbar-thumb {
	border-radius: 4px;
}

.plan-name-col.bg-purple-50 {
	background: rgba(250, 245, 255, 0.85) !important;
}

.plan-price-col.bg-purple-50 {
	background: rgba(250, 245, 255, 0.85) !important;
}

/* Carousel pagination */
.carousel-main .carousel-build .carousel-sec .carousel-pagination .carousel-tab .carousel-pointer {
	background-color: #5f2ded !important;
}


/* ========== SECTION 12: ANIMATIONS & KEYFRAMES ========== */

@keyframes wizardFadeUp {
	from {
		opacity: 0;
		transform: translateY(16px);
	}

	to {
		opacity: 1;
		transform: translateY(0);
	}
}

@keyframes wizardPopIn {
	from {
		transform: scale(0);
	}

	to {
		transform: scale(1);
	}
}

@keyframes wizardShake {

	0%,
	100% {
		transform: translateX(0);
	}

	25% {
		transform: translateX(-6px);
	}

	75% {
		transform: translateX(6px);
	}
}

@keyframes trigger-btn-pulse {
	0% {
		box-shadow: 0 0 0 0 rgba(59, 130, 246, 0.5);
	}

	70% {
		box-shadow: 0 0 0 10px rgba(59, 130, 246, 0);
	}

	100% {
		box-shadow: 0 0 0 0 rgba(59, 130, 246, 0);
	}
}


/* ========== SECTION 13: MEDIA QUERIES ========== */
/* Ordered from largest to smallest breakpoint */

@media (min-width: 1200px) {
	.layout_sec {
		max-width: 1200px;
		float: unset !important;
		margin: 0 auto !important;
	}
}

@media (max-width: 1200px) {
	.header__buttons .btn {
		min-width: 150px;
		font-size: 12px;
	}
}

@media (min-width: 992px) and (max-width: 1365px) {
	.registerarea__video .registerarea__para {
		font-size: 18px !important;
		line-height: 30px !important;
	}

	.educationarea .educationarea__content p {
		font-size: 16px !important;
		line-height: 25px !important;
	}
}

@media (max-width: 992px) {
	.webinarStatus .eventpackTime {
		width: 100%;
	}
}

@media (min-width: 992px) {
	.gridarea .widgets .grid-item {
		flex: 0 0 auto;
		width: 33.33333333%;
	}
}

@media (max-width: 991px) {
	.blogsidebar__content__wraper__2 .widgets .widget_content {
		width: 100%;
		max-width: unset;
	}

	.gridAreaContent .fa-star {
		font-size: 12px;
	}
}

@media (min-width: 768px) {
	.gridarea .widgets .grid-item {
		flex: 0 0 auto;
		width: 50%;
	}
}

@media only screen and (max-width: 767px) {
	.contactFormMain .single__contact {
		padding: 16px !important;
	}

	.squeeze_main .left_sec,
	.squeeze_main .right_sec {
		width: 100%;
	}

	.squeeze_main .mobile_img {
		display: flex !important;
	}

	.squeeze_main .left_sec .optinimg {
		display: none;
	}

	.squeeze_main .mobile_img .optinimg {
		width: 150px;
		height: auto;
	}

	.squeeze_main .right_sec ul {
		padding-left: 0;
	}

	.squeeze_main .optinbtn {
		font-size: 1rem;
	}

	.registerarea__video .registerarea__para {
		font-size: 15px;
		line-height: 23px;
	}
}

@media (min-width: 576px) {
	.gridarea .widgets .grid-item {
		flex: 0 0 auto;
		width: 50%;
	}
}

@media only screen and (max-width: 576px) {
	.footerarea__copyright__content {
		text-align: center;
	}
}

@media (max-width: 576px) {

	.listAreaWraper .course_content,
	.listAreaWraper .course_thumbnail {
		width: 100%;
	}
}

@media only screen and (max-width: 480px) {
	.thank_header {
		font-size: 2rem;
	}
}

@media only screen and (max-width: 400px) {
	.scc__meta .time {
		margin-left: unset !important;
	}
}