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

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

.wizard_form p,
.wizard_form h1,
.wizard_form h2,
.wizard_form h3,
.wizard_form h4,
.wizard_form h5,
.wizard_form h6 {
	padding: 0 !important;
}
.row>* {
	padding-right: 15px;
	padding-left: 15px;
}

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

.d-none {
	display: none !important
}

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

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

/* header navbar */
.navbar_overlay .navbar_nav>li>a,
.navbar_overlay .menu-socials li>a {
	line-height: 90px;
	font-family: "Montserrat", sans-serif;
}

a:hover {
	color: #00b8db;
}

.socials a {
	width: 37px;
	height: 37px;
	background-color: #c5c5c5;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #393939;
}

.frameFtrSec button.text-white {
	color: white !important;
}

.navbar_overlay.nav_sticky {
	background-color: #111111;
	visibility: visible;
	opacity: 1;
}

.navbar_overlay.nav_sticky .image_sec img {
	max-height: 48px;
}

.navbar_overlay.nav_sticky .navbar_nav>li>a,
.navbar_overlay.nav_sticky .menu-socials li>a {
	line-height: 60px;
}

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

.avoid-clicks {
	pointer-events: none;
}

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

.ccvariable_higlights.active_cc {
	float: left;
}

#previewTemplateIfr .iframe_content {
	pointer-events: none;
}

.gr-whitesmoke_1 {
	padding-top: 80px;
}

.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 !important;
}

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

.cbox-2-ico.color--white:hover {
	color: #00b8db !important;
	background-color: white !important;
	border: 2px solid #00b8db;
	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%;
}

.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;
}

.content-section .simple-list .list-item {
	list-style: disc;
	display: list-item;
}

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

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

.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;
	font-size: 14px;
	text-align: left;
	width: 100%;
}

.modal form {
	color: #111;
}

.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;
}

.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 !important;
}

.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: #e1e1e1 !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 !important;
}

.widgets .bg-white .text-gray-900:hover {
	color: #06b6d4 !important;
}

.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: #00b8db;
	color: white;
	font-size: 1.75rem;
	border: 2px solid #00b8db;
	padding: 1rem !important;
}

.weather-widget input[type="checkbox"].price-calculator:not(:checked) {
  background: #e2e7ef;
}


.squeeze_main .optinbtn:hover {
	color: #00b8db !important;
	background-color: transparent !important;
	cursor: pointer;
	border: 2px solid #00b8db;
}

.squeeze_main .optinLink {
	color: #00b8db !important;
	cursor: pointer;
	font-size: 21px !important;
}

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

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

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

.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
}

.hero-22 {
	position: relative;
	background-image: url(https://op3n-themes.s3.us-east-2.amazonaws.com/themebuilder/theme-pocket/images/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:not(.mb-0) {
	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 h4 ccvariable p {
	color: #111 !important;
}

.hero-22-form span ccvariable p {
	line-height: 25px !important;
}

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

.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;
}

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

.bg-04 {
	background-image: url(https://op3n-themes.s3.us-east-2.amazonaws.com/themebuilder/theme-pocket/images/bg-04.webp);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	background-attachment: scroll !important;
	border-radius: 16px;
}

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

}

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

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

.fbox-5 {
	padding: 60px;
}

.bg-02 {
	background-image: url(https://op3n-themes.s3.us-east-2.amazonaws.com/themebuilder/theme-pocket/images/bg-02.webp);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	background-attachment: scroll !important;
	border-radius: 16px;
}

.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;
}

.cbox-1-ico .fa-check {
	color: #06b6d4;
}

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

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

/* 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;
}

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

/* button css */
.btn-primary {
	font-family: "Montserrat", sans-serif;
	font-weight: 700;
	text-transform: capitalize;
	text-decoration: none;
	text-align: center;
	line-height: 1.5;
	letter-spacing: 0.02em;
	-webkit-border-radius: 0;
	border-radius: 0;
	border: 3px solid transparent !important;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	color: #fff !important;
	background-color: #00b8db !important;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	font-size: 14px;
	padding: 13px 34px;
}

.btn-primary:hover {
	background-color: #111 !important;
}

/* button css */

/*webinar overview */
.webinar_detail .webinarStatus .eventTime {
	background-color: #00b8db !important;
	color: #fff !important;
}

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

.webinar_detail .modal {
	text-align: start;
}

.webinar_detail .modal .shadow {
	height: auto;
}

.webinar_detail .modal .modal-body label {
	float: left;
}

.webinar_detail .modal .modal-body .form-control {
	border: 1px solid #ddd;
}

.webinar_detail .modal .modal-body .form-control:focus {
	border: 1px solid #66afe9;
	box-shadow: unset;
}

.modal .modal-body {
	overflow-y: auto;
	max-height: calc(100vh - 115px);
}

i.bi {
	color: #fff !important;
}

.feature-icon.bg-gradient {
	background-color: #00b8db !important;
	background-image: none !important;
	line-height: 0px;
}

.icon-square {
	background-color: #00b8db !important;
	line-height: 0px;
}

.gjs-cell .container .row-cols-lg-4 i.bi {
	margin: -12px 10px 0 0px;
	color: #00b8db !important;
	font-size: 28px;
}

.feature-icon-small.bg-gradient {
	background-color: #00b8db !important;
	line-height: 0px;
}

.feature .icon-link i {
	color: var(--contentColor) !important
}

.feature .icon-link i:hover {
	color: #00b8db !important;
}

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

.feature .icon-link:hover {
	color: #00b8db !important;
}

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

.display-5,
.display-4 {
	font-size: calc(1rem + 2.7vw)
}

/*New services*/
.services-details-desc #ccAccordion .accordionHeader .accordTitle {
	color: #111;
	border: 1px solid #e1e1e1;
	cursor: pointer;
	background: #fff;
}

.services-details-desc #ccAccordion .accordionHeader .accordTitle .ccAcdTitle {
	width: 100%;
	padding: 10px;
	float: left;
	font-weight: 600;
}

.services-details-desc #ccAccordion .accordionBody {
	padding: 15px;
	border: 1px solid #e1e1e1;
	border-top: unset;
	background: #fff;
}

.services-details-desc #ccAccordion .accordionHeader .accordTitle .removeIcon {
	background: #00b8db;
	padding: 10px;
	color: white;
	display: block;
}

.services-details-desc #ccAccordion .accordionHeader .accordTitle .addIcon {
	background: #00b8db;
	padding: 10px;
	color: white;
	display: none;
}

.services-details-desc #ccAccordion .accordionHeader .accordTitle.collapsed .addIcon {
	display: block;
}

.services-details-desc #ccAccordion .accordionHeader .accordTitle.collapsed .removeIcon {
	display: none;
}

.services-details-desc #ccAccordion .accordionItem:first-child {
	border-top-right-radius: 5px;
}

.services-details-desc #ccAccordion .accordionItem:last-child {
	border-bottom-right-radius: 5px;
}

#about-us .about_card {
	padding: 100px 50px 70px 50px;
}

#about-us .about_card.ourMission {
	background-color: #292929;
}

#about-us .about_card.ourVission ccvariable,
#about-us .about_card.ourMission ccvariable,
#about-us .about_card.ourVission h4,
#about-us .about_card.ourMission h4 {
	color: #fff;
}

#about-us .about_card.ourVission p,
#about-us .about_card.ourValue p,
#about-us .about_card.ourMission p {
	color: #fff;
	margin-bottom: 1rem;
	line-height: 25px;
	font-size: 15px;
}

#about-us .about_card.ourVission {
	background-image: url('https://op3n-themes.s3.us-east-2.amazonaws.com/themebuilder/theme-pocket/images/about_us.webp');
	background-position: 50%;
	background-size: cover;
	background-repeat: no-repeat;
	opacity: 0.7;
}

#about-us .about_card.ourValue {
	background: rgb(247 247 247 / 48%);
}

#about-us .about_card.ourValue ccvariable,
#about-us .about_card.ourValue p,
#about-us .about_card.ourValue h4 {
	color: #000;
}

#services {
	background-position: 50% 50% !important;
	background-size: cover !important;
	opacity: 0.9;
	position: relative;
	padding-top: 70px;
	background: url('https://op3n-themes.s3.us-east-2.amazonaws.com/themebuilder/theme-pocket/images/our_services.webp');
}

#services p {
	color: #fff !important;
	margin-bottom: 1rem;
	line-height: 25px;
	font-size: 15px;
}

#services .subheading {
	color: #fff;
}

#services .services-details-image p {
	color: #fff;
	padding: 2px 0;
}

#about-us .elementor-background-overlay {
	background-color: rgba(0, 0, 0, .65);
	opacity: 0.9;
	transition: background .3s, border-radius .3s, opacity .3s;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	position: absolute;
}

#services .elementor-background-overlay {
	background-color: rgba(0, 0, 0, .65);
	opacity: 0.9;
	transition: background .3s, border-radius .3s, opacity .3s;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	position: absolute;
}

#services .promo-description>p {
	color: #fff !important;
}

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

#about-us .about_card.ourVission h4 ccvariable p,
#about-us .about_card.ourValue h4 ccvariable p,
#about-us .about_card.ourMission h4 ccvariable p,
#services h2 ccvariable p,
#services h3 ccvariable p,
ccvariable p {
	font-size: inherit;
	line-height: inherit;
	color: inherit;
	font-weight: inherit;
	margin: inherit;
}

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

.cbox-2-txt p {
	margin-bottom: 1rem !important;
	line-height: 25px !important;
}

.contact-item a sitevariable p {
	color: #00b8db;
}

.statistic span.counter-text ccvariable,
.statistic span.counter-text p {
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.statistic span.counter-text {
	width: 100%;
}

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

/*Media Query*/
@media (min-width: 1200px) {

	.display-5,
	.display-4 {
		font-size: 2.5rem !important;
	}
}

@media only screen and (max-width: 991px) {

	#about-us .sm\:w-3\/12,
	#about-us .sm\:w-9\/12,
	#about-us .col-sm-3,
	#about-us .col-sm-9 {
		width: 100%;
	}
}

@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 !important;
		height: auto;
	}

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

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

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

/* contact us form */
.sp_bottom_50 {
	padding-bottom: 50px;
}

.sp_top_50 {
	padding-top: 50px;
}

.contactFormMain .single__contact {
	min-height: 150px;
	border: 1px solid #eeeeee;
	padding: 30px 25px 25px 30px;
	display: flex;
	align-items: center;
	box-shadow: 0px 4px 15px rgba(174, 181, 206, 0.09);
	margin-bottom: 30px;
	transition: .3s;
	position: relative;
}

.contactFormMain .single__contact:hover {
	box-shadow: 0px 4px 25px rgba(174, 181, 206, 0.3);
	transform: translateY(-5px);
}

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

.contactFormMain .single__contact .contact__text h5 {
	margin: 0;
	font-weight: 600;
	font-size: 18px;
	line-height: 38px;
	color: #000;
}

.contactFormMain .single__contact .contact__text p {
	margin: 0;
	font-size: 15px;
	line-height: 26px;
}

.contactFormMain .contact__form__inner {
	padding: 30px 30px 15px;
	border: 1px solid #dddddd;
}

.contactFormMain .contact__form__inner .contact__form__heading {
	margin-bottom: 10px;
	padding: 0 15px;
}

.contactFormMain .contact__form__inner .contact__form__heading .contact_header {
	font-weight: 700;
	font-size: 44px;
	line-height: 70px;
	color: #000;
	margin: 0;
}

.contactFormMain .default__button {
	padding: 10px 25px;
	background-color: #00b8db;
	color: #fff;
	display: inline-block;
	text-align: center;
	border-radius: 4px;
	font-size: 15px;
	border: 1px solid #00b8db;
}

.contactFormMain .contact__input__wraper {
	position: relative;
	margin-bottom: 15px;
}

.contactFormMain .contact__input__wraper .contact__icon {
	position: absolute;
	top: 12px;
	right: 18px;
}

.contactFormMain .contact__input__wraper .contact__icon i {
	font-size: 20px;
	line-height: 23px;
	color: #00b8db;
}

.contactFormMain input[type="text"],
.contactFormMain input[type="email"] {
	position: relative;
	height: 47px;
	line-height: 47px;
	border: 2px solid #e3e3e3;
	background-color: transparent;
	width: 100%;
	margin-bottom: 16px;
	padding: 0 16px;
	color: #7a7a7a;
	-webkit-transition: border-color 0.3s ease-in-out;
	-moz-transition: border-color 0.3s ease-in-out;
	-ms-transition: border-color 0.3s ease-in-out;
	-o-transition: border-color 0.3s ease-in-out;
	transition: border-color 0.3s ease-in-out;
}

.contactFormMain textarea {
	border: 2px solid #e3e3e3;
}

.contactFormMain input[type="text"]:focus,
.contactFormMain textarea:focus,
.contactFormMain input[type="email"]:focus {
	border-color: #00aeef;
	outline: none;
	box-shadow: none;
}

.section-wrap.blank_page {
	padding: 15px 0;
}

.animate-fade-in p {
	word-break: break-all;
}


/* base css */
.opacity-none {
	opacity: 0;
}

.avoid_clicks {
	pointer-events: none;
}

.main_form {
	width: 100%;
	float: left;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
}

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: #00b8db;
}
.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: #000;
    cursor: pointer;
    border-radius: 8px !important;
    border-color: #000 !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-wrapper-onepage .enigma_theme .modal {
	z-index: 1200;
}

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: 0;
}

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;
}

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

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

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

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;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: 700 !important;

}

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

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

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

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

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


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


/* Mark input boxes that gets an error on validation: */

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

/* tailwind components */
.custom-block .text-indigo-600,
.custom-block .text-indigo-500 {
	color: #00b8db;
}

.custom-block .\!text-indigo-400 {
	color: #00b8db !important;
}

.custom-block .border-indigo-600 {
	border-color: #00b8db;
}

.custom-block .bg-indigo-600 {
	background-color: #00b8db;
}

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

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

/* 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 */
.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);
}

.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);
}

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

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

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

.ccvariable_higlights {
	font: inherit;
	color: inherit;
}

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

/* for 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;
}

#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;
}

div[widget-type="training_plan"] a:hover,
div[widget-type="site_plan"] a:hover {
	color: #fff;
}

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

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

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

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

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

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

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

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

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

.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);
	margin: 20px 0;
}

.webinar_detail {
	padding: 100px 0;
}

.blogsidebar__name__2,
.blog__sidebar__text__2 {
	text-align: center;
}

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

.aboutarea__content__tap__wraper .aboutContent {
	margin-bottom: 15px;
	display: block;
}

.squeeze_main .right_sec h2 {
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	overflow: hidden;
	font-size: 2rem !important;
	color: #111 !important;
	letter-spacing: 0.05em;
	font-weight: 700 !important;
}

.fadeInUp .fbox-txt h5 {
	margin-bottom: 0;
}

.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;
}

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

	.contactFormMain .contact__form__inner {
		padding: 20px;
	}

	.gridarea__wraper.gridarea__course__list {
		flex-wrap: wrap;
		padding-right: 15px;
	}
}

@media (max-width:768px) {
	.contact__form__inner .contact__form__heading .contact_header {
		font-size: 23px;
		line-height: 40px;
	}

	.gridarea__wraper .gridarea__content .gridarea__bottom {
		flex-wrap: wrap;
	}
}

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

/* Tailwind css custom classes */
.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));
}

.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_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));
}

.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));
}

.workcationSec .widgets {
	position: relative;
}
.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);
}
.-translate_x_1\/3 {
	--tw-translate-x: calc(calc(1/3 * 100%) * -1);
	translate: var(--tw-translate-x) var(--tw-translate-y);
}
.-translate_y_1\/2 {
	--tw-translate-y: calc(calc(1/2 * 100%) * -1);
	translate: var(--tw-translate-x) var(--tw-translate-y);
}

@media (min-width: 640px) {
	.sm\:-translate_x_1\/2 {
		--tw-translate-x: calc(calc(1/2 * 100%) * -1);
		translate: var(--tw-translate-x) var(--tw-translate-y);
	}
}

/*Common Forms colors*/
.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;
}

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

select {
    -webkit-appearance: none !important;
    background: transparent url(https://op3n-themes.s3.us-east-2.amazonaws.com/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;
}

/*Product Plan Overivew*/
#productPlanOverview .normal_btn {color: #fff !important;border: 2px solid #00b8db !important;background-color: #00b8db !important;}
#productPlanOverview .normal_btn:hover {color: #00b8db !important;border: 2px solid #00b8db !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 #00b8db;}
#productPlanOverview .planTitle {color: black;}
#ProviderPlanOverview .provider_card .provider_features svg,
#productPlanOverview .svg_ivon {fill: #00b8db !important;}
#ProviderPlanOverview .provider_card .provider_title {color: #00b8db !important;}

/* Component */
.get_notify_sec form button {
    width: auto !important;
}
.get_notify_sec form input {
    border: 2px solid #e3e3e3;
    outline: none;
}

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

.custom-block .flow-root ul {
	max-width: 600px;
	padding: 40px;
}
.planner_main #weather-widget.to-blue-600 {background: linear-gradient(135deg, #60a5fa 0%, #2563eb 100%);}
.planner_main input[type="checkbox"]{border: 1px solid #656565;}
.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 textarea[style*="background-color: rgb(240, 248, 255);"],
form input[style*="background-color: rgb(240, 248, 255);"] {
    color: black !important;
}

.pricing_main .bg_card .pricing_icon_btn{background: #00b8db !important;}

/* Payment Plan Cards - plans1.html */
.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;
}

.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;
}

/* 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 - plans1.html (more than 3 plans) */
.planCardMain table {
    border-collapse: collapse;
    width: 100%;
	margin-top: 10px;
}

/* Plan Table Scrollbar - Offset to show only between sticky columns */
.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;
}

.entry-img {
	height: 200px;
	overflow: hidden;
}
.entry-img img{
	max-height: inherit;
	max-width: 100%;
	width: 100%;
	height: 100%;
  	border-radius: 0;
}

/* ========== ANIMATIONS ========== */

/* Animation Duration Settings */
.fadeInLeft,
.fadeInRight,
.fadeInUp {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

/* FADE IN LEFT - Text slides right to left */
@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
}

/* FADE IN RIGHT - Image slides left to right */
@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
}

/* FADE IN UP - Content fades from bottom */
@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}

/* Animation Delay Utilities */
.fadeInLeft[data-wow-delay="0.1s"],
.fadeInRight[data-wow-delay="0.1s"],
.fadeInUp[data-wow-delay="0.1s"] {
    animation-delay: 0.1s;
}

.fadeInLeft[data-wow-delay="0.2s"],
.fadeInRight[data-wow-delay="0.2s"],
.fadeInUp[data-wow-delay="0.2s"] {
    animation-delay: 0.2s;
}

.fadeInLeft[data-wow-delay="0.3s"],
.fadeInRight[data-wow-delay="0.3s"],
.fadeInUp[data-wow-delay="0.3s"] {
    animation-delay: 0.3s;
}

.fadeInLeft[data-wow-delay="0.4s"],
.fadeInRight[data-wow-delay="0.4s"],
.fadeInUp[data-wow-delay="0.4s"] {
    animation-delay: 0.4s;
}

.fadeInLeft[data-wow-delay="0.5s"],
.fadeInRight[data-wow-delay="0.5s"],
.fadeInUp[data-wow-delay="0.5s"] {
    animation-delay: 0.5s;
}

/* ========== END ANIMATIONS ========== */
/* Carousel Pagination */
.carousel-main .carousel-build .carousel-sec .carousel-pagination .carousel-tab .carousel-pointer {
    background-color: #00b8db !important;
}

/* Pricing 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: #00b8db;}
.wizard_pricing_main .card-base:hover,
.wizard_pricing_main .card-base.selected {border-color: #00b8db;background: linear-gradient(to right, #00b8db21, #00b8db38, #00b8db59);}
.wizard_pricing_main .card-base:active { transform: scale(0.98); }
.wizard_pricing_main .option-card.selected .option-icon { background: rgb(11 160 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, #00b8db6b, #00b8db87, #00b8db);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; }
@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); }
}
.wizard_pricing_main .shake { animation: wizardShake 0.4s ease; }

/* Theme primary color */
.text-primary-theme {
    color: #00b8db;
}

/* 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: #00b8db;
}

.city-card .city-link {
    color: #00b8db;
}

/* Fix: Tailwind v3/v4 gradient variable chain conflict — hardcode black overlay gradient */
.bg-gradient-to-b.from-black\/75.to-black\/60 {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0.6));
}