*,
::before,
::after {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position: ;
    --tw-gradient-via-position: ;
    --tw-gradient-to-position: ;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgb(59 130 246 / 0.5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia: ;
    --tw-contain-size: ;
    --tw-contain-layout: ;
    --tw-contain-paint: ;
    --tw-contain-style: ;
}


/* Alpine.js x-cloak - hide elements until Alpine initializes */
[x-cloak] {
    display: none !important;
}

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

.tab-content .tab-pane {
    display: none;
}

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

.accordion-collapse.collapse {
    display: none;
}

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

.container-fluid {
    width: 100%;
    padding-right: .75rem;
    padding-left: .75rem;
    margin-right: auto;
    margin-left: auto;
}

.widget-type-custom_widget section {
    z-index: 1200;
}

.modal-open .modal {
    z-index: 1200;
    top: 100px;
}

ul.arrows {
    display: inline-block;
}

a[href=""] {
    pointer-events: none;
}

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

.d-none {
    display: none;
}

.justify-content-start {
    justify-content: start;
}

.invisible {
    visibility: hidden;
}

.text-center {
    text-align: center;
}

/* header layouts */
header.layout_1 .main__header {
    margin-right: auto;
}

header.layout_1 .main__header .header__menu {
    justify-content: start;
}

header.layout_2 .main__header {
    margin-left: auto;
}

header.layout_2 .main__header .header__menu {
    justify-content: end;
}

header.layout_2 .main__header .button-dark {
    margin-left: 15px;
}

header .header__item .dropdown-menu {
    position: absolute;
    display: block;
    background-color: #000;
    list-style-type: none;
    width: 300px;
    margin: 0;
    padding: 15px;
    border-radius: 12px;
    opacity: 0;
    visibility: hidden;
    top: 55px;
    transition: all 0.2s ease-out 0s;
    box-shadow: 6px 6px 18px rgba(0, 0, 0, 0.3);
}

header nav ul .header__item.drop_item a:first-child {
    padding-right: 32px;
}

header nav ul .header__item.drop_item a:first-child:after {
    position: absolute;
    right: 16px;
    top: 48%;
    content: '';
    display: inline-block;
    width: 9px;
    height: 6px;
    z-index: 99;
    background-image: url(https://www.saasacademy.com/hubfs/SaaS%20Academy%202024%20Website/images/arrow-down-white.svg);
    background-repeat: no-repeat;
    background-position: center center;
    opacity: 0.8;
    transition: all 0.2s ease-in-out 0s;
}

header nav ul .header__item.drop_item .dropdown-menu:after {
    content: "";
    position: absolute;
    left: 58px;
    top: -10px;
    background-image: url(https://www.saasacademy.com/hubfs/SaaS%20Academy%202024%20Website/images/arrow-top.svg);
    background-repeat: no-repeat;
    background-size: cover;
    width: 24px;
    height: 11px;
    z-index: 99;
}

header nav ul .header__item.drop_item .dropdown-menu li a:after,
header nav ul .header__item.drop_item .hs-menu-children-wrapper a:after {
    display: none;
}

header nav ul .header__item.drop_item:hover .dropdown-menu {
    top: 50px;
    opacity: 1;
    visibility: visible;
}

header nav ul .header__item.drop_item .dropdown-menu li {
    list-style-type: none;
    width: 100%;
    margin: 6px 0;
    padding: 0;
}

header nav ul .header__item.drop_item .dropdown-menu li a {
    display: inline-block;
    color: #e3e3e3;
    padding: 0.5rem 1rem;
    line-height: 1.2;
}

header nav ul .header__item.drop_item .dropdown-menu li a:focus,
header nav ul .header__item.drop_item .dropdown-menu li a:hover {
    background: unset;
}

.showMobileMenu header .header__item .dropdown-menu {
    position: relative;
    display: block;
    visibility: visible;
    opacity: 1;
    top: 0;
    padding: 0;
    border-radius: 0;
    background-color: #000;
    border: none;
    width: 100%;
    margin-left: 20px;
    margin-bottom: 9px;
    margin-top: 4px;
    transition: none;
}

.showMobileMenu header nav ul .header__item.drop_item:hover .dropdown-menu {
    top: 0;
}

.showMobileMenu header nav ul .header__item.drop_item:focus .dropdown-menu a,
.showMobileMenu header nav ul .header__item.drop_item:hover .dropdown-menu a {
    background: unset;
}

.legal-consent-container .hs-form-booleancheckbox-display p {
    margin: 0;
    display: inline;
    float: unset;
}

.inner-wrapper.form-section {
    max-width: 1400px;
    padding-bottom: 12vh;
    padding-top: 7vh;
}
.inner-wrapper.form-section .form_builds .form-control,
.inner-wrapper.form-section .form-group .form-control {
    border-color: hsla(0,0%,100%,.7);
}
.panel-dark .margin-top-3 .hs_cos_wrapper plainform {
    float: left;
    width: 100%;
}

.caps_centered {
    font-size: 18px;
    margin: 0 0 30px 0;
    color: #FFF;
    width: 100%;
}

.centered .mt-3 {
    margin-top: 1rem;
}

.mt-0 {
    margin-top: 0;
}

.image_common {
    max-width: 100%;
    height: auto;
}

.one-third .carousel-vertical-menu li,
.one-third .carousel-vertical-menu li a {
    width: 100%;
    float: left;
}

.one-third ccvariable p {
    margin: 0px !important;
}

.button-row.button_dark {
    float: left;
    width: 100%;
}

.form-container {
    border-radius: 12px;
    box-shadow: 0 0 30px rgba(0, 0, 0, .15);
    display: inline-block;
    padding: 3vh 2.5rem;
    position: relative;
    text-align: center;
}

.form-container h4 {
    color: #fff;
    font-family: Avenir Next Demi, Arial, sans-serif;
    font-size: clamp(18px, 7vw, 26px);
    font-weight: 500;
}

.hs-form-booleancheckbox p {
    font-size: clamp(13px, 7vw, 15px);
    line-height: 1.2;
}

.margin-top-3 {
    float: left;
}

.hs-form-booleancheckbox-display {
    display: flex !important;
    align-items: center;
}

.hs-form-field {
    float: left;
}

.hs-form-booleancheckbox p,
.hs-form-booleancheckbox span {
    font-size: clamp(13px, 7vw, 15px);
    line-height: 1.2;
}

.legal-consent-container .hs-form-booleancheckbox-display input {
    padding: 0;
    margin-top: 2px;
}

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

/* ccvariable */
#hero.hero-full .hero-copy ccvariable+.button-row,
ccvariable {
    width: 100%;
    float: left;
}

ccvariable p {
    margin-bottom: 5px !important;
}

.tabbed-navigation ul li a,
.one-third .no-margin {
    float: left;
}

.tabbed-navigation ul li a ccvariable p {
    margin-bottom: 0 !important;
}

.inner-wrapper .panel-dark ccvariable .margin-top-3 {
    margin-top: 3vh !important;
}

.inner-wrapper .panel-dark ccvariable .margin-top-3+p {
    width: 100%;
    float: left;
}

.content-wrapper.blog_sec .page-center .cta_button {
    margin-top: calc(20px + 2%);
}

.content-wrapper.blog_sec .hero.hero-2 {
    background-color: unset;
    background-image: unset;
}

.inner-wrapper.narrow h3 ccvariable {
    float: unset;
}

.button-row buttonform,
.button-row buttonform form {
    width: 100%;
}

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

/* Common pages css */
.gr-whitesmoke_1 {
    padding-top: 160px;
}

.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: linear-gradient(300deg, #1e91d6, #72cbff, #4880d6);
    position: relative;
    width: 42px;
    height: 42px;
    text-align: center;
    border-radius: 100%;
    font-size: 19px;
    font-weight: 500;
    line-height: 38px;
    border: 2px solid transparent;
    transition: all 450ms ease-in-out;
}

.cbox-2-ico.color--white:hover {
    color: #72cbff;
    background: transparent;
    border: 2px solid #72cbff;
    cursor: pointer;
}

.cbox-2-txt {
    margin-bottom: 35px;
}

.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, rgb(29 33 44 / 36%) 50%, rgba(29, 33, 44, .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;
}

.modal.fixed button.text-gray-400 {
    border: unset;
}

.modal.fixed button[data-modal-hide] {
    border: unset !important;
    background: unset;
    box-shadow: unset;
    color: gray;
    padding: 0;
}

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

.modal.fixed .modal-body {
    max-height: calc(100vh - 220px) !important;
}

body.overflow-hidden .modal.fixed .relative.shadow {
    margin-top: 80px !important;
}

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

.modal button[data-modal-hide]:hover {
    color: #000 !important;
}

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

.wizard_form form textarea,
.wizard_form form label {
    color: #fff;
    width: 100%;
    float: left;
    text-align: left;
}

.modal .wizard_form form textarea,
.modal .wizard_form form label {
    color: unset;
}

wizardform>div {
    padding: 20px !important;
}

.modal-body input,
.modal-body input[type=text],
.modal-body textarea {
    background: transparent !important;
    border: 1px solid #d1d5db !important;
    color: black !important;
}

.modal-body input:focus,
.modal-body input[type=text]:focus,
.modal-body textarea:focus {
    border: 1px solid #86b7fe !important;
}

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

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

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

select {
    color: white !important;
}

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

.modal-body form .rendered-form h1 {
    color: black;
}

.modal-body form .rendered-form h2 {
    color: black;
}

.modal-body form .rendered-form h3 {
    color: black;
}

.modal-body form .rendered-form h4 {
    color: black;
}

.modal-body form .rendered-form h5 {
    color: black;
}

.modal-body form .rendered-form h6 {
    color: black;
}

.modal-body form .rendered-form p {
    color: black;
    margin: 0;
}

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

}

form {
    background: rgba(142, 203, 255, .2) !important;
    border: .5px solid hsla(0, 0%, 100%, .5);
    border-radius: 12px;
    box-shadow: 0 0 30px rgba(0, 0, 0, .15);
    display: inline-block;
    padding: 3vh 2.5rem;
    position: relative;
}
form textarea.text-black {
    color: white !important;
}
form.contact-form {
    background: transparent !important;
    border: unset;
    border-radius: unset;
    box-shadow: unset;
    padding: 0;
}
form label {
    display: block;
    text-align: left;
}

.wizard_form form,
.notify-container form,
.form-container form,
buttonform form,
dialogform form {
    background: transparent !important;
    border: unset;
    border-radius: unset;
    box-shadow: unset;
    padding: 0;
    position: unset;
}

.wizard_form form {
    flex-wrap: wrap;
}

.form-container form label {
    font-size: 18px;
    margin-bottom: 8px;
    display: block;
}

.form-container form .checkbox-group label {
    margin-bottom: 0 !important;
}

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

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

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

.contactFormMain .single__contact {
    min-height: 150px;
    border: 1px solid #616161;
    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: #ffffff;
}

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

.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: 34px;
    line-height: 50px;
    color: #ffffff;
    margin: 0;
}

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

.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: #93c5fd;
}

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

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

.btn--theme:hover {
    background: white !important;
    color: #72cbff !important;
}

.blur-3xl {
    filter: blur(64px) !important;
}

.squeeze_main {
    max-width: 1170px;
}

.squeeze_main .optinTheme {
    margin-top: 0 !important;
    background: transparent;
    border-radius: 10px;
}

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

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

.squeeze_main .optinLink {
    color: #72cbff !important;
    cursor: pointer;
}

.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;
    font-size: 20px;
}

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

.squeeze_main .squeeze_form {
    width: 100%;
    max-width: 1110px;
    padding: 15px;
    float: left;
}

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

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

.squeeze_main .form-container plainform .form_builds {
    float: left;
    width: 100%;
}
.blog_content h1,
.blog_content h2,
.blog_content h3,
.blog_content h4,
.blog_content h5,
.blog_content h6 {
    margin-top: 0;
}


.squeeze_main .squeeze_form .form-control {
    background-color: rgba(0, 0, 0, .7);
    border: none;
    border: .5px solid hsla(0, 0%, 100%, .1);
    border-radius: 3px;
    color: #fff;
    max-width: 100%;
    padding: 10px 15px;
    width: 100%;
    font-size: 16px;
}

.hero-22 {
    position: relative;
    background-image: url(https://op3n-themes.s3.us-east-2.amazonaws.com/themebuilder/theme-saas/img/hero-22.webp);
    padding-top: 60px;
    margin-top: 100px;
    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: #000;
}

.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: #fff;
    margin-bottom: 25px;
}

.hero-22-form {
    position: relative;
    z-index: 999;
    background-color: #000;
    border: 1px solid #000;
    padding: 45px 35px 35px;
    box-shadow: 0 0 20px 10px rgb(215 215 215 / 10%);
    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-saas/img/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;
}

.bg-04 .widgets .text-gray-100,
.bg-white-400 .widgets .text-gray-100 {
    color: #0c0c0c !important;
}

.bg-04 .widgets .text-gray-300,
.bg-04 .widgets .\!text-gray-300,
.bg-white-400 .widgets .text-gray-300,
.bg-white-400 .widgets .\!text-gray-300 {
    color: #636363 !important;
}

.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-saas/img/bg-02.webp);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    background-attachment: scroll !important;
    border-radius: 16px;
    float: left;
}

.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: #72cbff;
}

.txt-block-tra-link.mt-25 a {
    color: #72cbff;
}

.webinarStatus .eventTime {
    background-color: var(--primaryColor) !important;
    color: white !important;
}

.webinar_arrow_icon {
    z-index: 10;
}

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

a i.bi {
    color: #72cbff !important;
}

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

.feature a:hover {
    color: #72cbff !important;
}

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

.feature-icon.bg-gradient {
    background-color: #72cbff !important;
    background-image: none !important;
}

.feature-icon-small.bg-gradient {
    background-color: #72cbff !important;
}

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

.icon-square {
    background-color: #72cbff !important;
}

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

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

.gridarea__wraper .gridarea__content .gridarea__list ul {
    padding: 0;
}

.gridarea__wraper .gridarea__content .gridarea__list ul li {
    list-style: none;
}

.gridarea__wraper.gridarea__wraper__2 .gridarea__content .gridarea__heading h3 {
    color: #fff;
}

.gridarea__wraper.gridarea__course__list .gridarea__content .gridarea__bottom .gridarea__details a {
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    color: #fff;
}

.gridarea__wraper.gridarea__course__list .gridarea__content .gridarea__bottom .gridarea__details a:hover {
    color: #72cbff;
}

.gridarea__wraper .gridarea__content .gridarea__list ul li i {
    color: #72cbff;
}

.videoSalesPage section_boundary .fadeInRight .fs-5 {
    font-size: 20px !important;
}

.modal-header .modal-title {
    color: #000;
    text-align: left;
}

.modal-header .btn-close {
    animation: unset;
    margin-right: 10px;
    background: transparent;
    box-shadow: unset;
    border: unset;
    color: black;
    font-size: 35px;
    position: relative;
    top: -20px;
}

.modal-header .btn-close:hover {
    box-shadow: unset;
}

.modal-header .btn-close:after {
    display: inline-block;
    content: "\00d7";
}

.modal-body label {
    color: #000;
}

.modal-body .form_builds .form-control {
    background: transparent !important;
    border: 2px solid #ddd !important;
    color: #000 !important;
}

.modal-body button:after {
    display: none;
}

.modal-open #lightbox {
    z-index: 1201 !important;
    background: rgb(0 0 0 / 75%);
}

section_boundary.row-number-3 .hs_cos_wrapper section,
.modal-open .videoSalesPage .hs_cos_wrapper section,
.modal-open .videoSalesPage .hs_cos_wrapper section .inner-wrapper {
    z-index: unset;
}

.thank_main .fs-5 {
    font-size: 20px !important;
}

/* container section */
#terms-page .container,
.blogarea__2 .container,
.coursearea .container,
.thank_main.container,
.custom-block .container,
.container_sec {
    width: 100%;
    padding-right: calc(15px * .5);
    padding-left: calc(15px * .5);
    margin-right: auto;
    margin-left: auto;
}

plainform form .form-group label {
    color: white;
}

@media (min-width: 576px) {

    #terms-page .container,
    .custom-block .container,
    .thank_main.container,
    .blogarea__2 .container,
    .coursearea .container,
    .container_sec {
        max-width: 540px
    }    
}

@media (min-width: 768px) {
    .contactFormMain .single__contact {
        padding: 16px !important;
    }
    .inner-wrapper.form-section {
        padding: 4vh 0;
    }

    #terms-page .container,
    .custom-block .container,
    .thank_main.container,
    .blogarea__2 .container,
    .coursearea .container,
    .container_sec {
        max-width: 720px
    }
}

@media (min-width: 992px) {

    #terms-page .container,
    .custom-block .container,
    .thank_main.container,
    .blogarea__2 .container,
    .coursearea .container,
    .container_sec {
        max-width: 960px
    }
}

@media (min-width: 1200px) {

    #terms-page .container,
    .custom-block .container,
    .thank_main.container,
    .blogarea__2 .container,
    .coursearea .container,
    .container_sec {
        max-width: 1140px
    }
}

@media (min-width: 1400px) {

    #terms-page .container,
    .custom-block .container,
    .thank_main.container,
    .blogarea__2 .container,
    .coursearea .container,
    .container_sec {
        max-width: 1320px
    }
}

@media (max-width: 576px) {
    .carousel-main .carousel-build .carousel-sec .carousel-option-next-icon, .carousel-main .carousel-build .carousel-sec .carousel-option-prev-icon {
        font-size: 24px;
    }
}



/* 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;
    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 2px 24px 0px #252525;
    background: transparent;
    padding: 20px;
    border-radius: 15px;
    height: auto;
}
.main_form .wizard_form .progress-header .progress-bar {
    background-color: #99d1ff;
}
.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: #fff;
    cursor: pointer;
    border-radius: 8px !important;
    border-color: #fff !important;
    padding: 8px 16px !important;
}
.main_form .wizard_form form input[style*="background-color: rgb(240, 248, 255);"],
.main_form .wizard_form form textarea[style*="background-color: rgb(240, 248, 255);"] {
    color: black;
}
.area-measurement-group,
.main_form .form_builds .location-component,
.main_form .wizard_form .location-component {
    box-shadow: 0px 2px 24px 0px #777 !important;
    background: transparent !important;
}
.service-specs-modal .service-specifications h2{
    margin: 0 !important;
}
.service-specs-modal .service-specifications .border-b-2.border-gray-700{
    border-bottom: 2px solid #d5d5d5;
}
.service-specs-modal .service-specifications section {
    padding: 12px !important;
}
.main_form .wizard_form button.nextBtn {
    border-radius: 8px !important;
    padding: 8px 16px !important;
}
.main_form .wizard_form .progress-header .text-gray-800 {
    color: #fff;
}
.modal .main_form .wizard_form .progress-header .text-gray-800 {
    color: unset;
}
.main_form .wizard_form .progress-header .text-gray-600 {
    color: #b9b9b9;
}
.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: #000;
    background: #fff;
    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;
    text-align: left;
}

form .rendered-form input[type="file"] {
    padding: 0px !important;
    height: 38px;
    border: .5px solid hsla(0, 0%, 100%, .1);
    color: white;
    background: rgba(0, 0, 0, .7);
}

form .rendered-form input[type="file"]::file-selector-button {
    background: white;
    color: black;
    font-size: 14px;
    border-right: 1px solid #ddd;
    border: 0;
    padding: 10px 12px;
}

.modal-body form .rendered-form input[type="file"] {
    color: black;
    background: white;
    border: 1px solid #d1d5db;
}

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

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

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

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

.modal-body::-webkit-scrollbar-track {
    background: #fff;
}

.modal-body::-webkit-scrollbar-thumb {
    background: #ccc;
}

/* Mark input boxes that gets an error on validation: */
input.invalid {
    background-color: #ffdddd !important;
    color: #000 !important;
}

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

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

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

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

.webinar-cmp-css .webinar_sec {
    display: flex !important;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}
.wizard_form p,
.wizard_form h1,
.wizard_form h2,
.wizard_form h3,
.wizard_form h4,
.wizard_form h5,
.wizard_form h6 {
    padding: 0 !important;
}
.carousel-main .carousel-build .carousel-sec .carousel-option-next-icon,
.carousel-main .carousel-build .carousel-sec .carousel-option-prev-icon {
    color: #fff !important;
}

form.blogsidebar__content__wraper__2 .sidebar__title {
    color: white !important;
}

form.blogsidebar__content__wraper__2 .get__touch__input input {
    border: none !important;
    border-bottom: 1px solid #dddddd !important;
    border-radius: unset;
    color: white;
}

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


.rendered-form .salesman-option:has(input[type="radio"]:checked) {
    border-color: #72cbff !important;
    border: 2px solid #fff;
}
.rendered-form .salesman-picker-group,
.rendered-form .timepicker-group {
    background-color: rgba(0, 0, 0, .7) !important;
    padding: 1rem;
}
.timepicker-group .fontcolor{color:#fff !important}


form.complete_appt_book,form.smart_appt_book,form.quick_appt_book{
    position: unset !important;
}


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

.custom-block .\!text-indigo-400 {
    font-size: inherit;
    color: #72cbff !important;
}

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

.custom-block .bg-indigo-600 {
    background-color: #000000;
}
.custom-block .drop-component .bg-indigo-600 p {
    color: white !important;
}

.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;
}
#layoutPreview button.text-center {
    justify-content: center;
}
/* 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%;
    background: unset;
    box-shadow: unset;
    border: unset;
}

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

.enigma_theme .wizard_form form.layout_sec input {
    border: 1px solid #d1d5db;
}

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

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

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

.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: -27px;
    font-size: 60px;
    color: #fff;
    font-family: 'Inter', sans-serif;
}

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

.webinarStatus .container {
    height: 800px;
}

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

.webinarStatus .modal form.layout_sec {
    background: unset !important;
    padding: 0;
}

.webinar_detail {
    padding: 100px 0;
}

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

.border-b {
    border-bottom-style: solid;
}

.enigma_theme form.layout_sec:has(.color_scheme_added) {
    background: unset !important;
    padding: 0 !important;
}

.enigma_theme form.layout_sec .color_scheme_added {
    padding: 3vh 2.5rem !important;
}

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

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

@media (max-width:768px) {
    .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;
    }
}

slider .carousel-main-content .grp_content {
    color: #fff !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;
}
.bg-linear-to-b {
    --tw-gradient-position: to bottom in oklab, ;
    background-image: linear-gradient(var(--tw-gradient-stops));
}

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

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

/*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,
.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: white;
    background: transparent;
}
.theme_dark_bg plainform form input.invalid {
    background-color: #ffdddd !important;
}
.theme_dark_bg .main_form .wizard_form {
    background: white !important;
}
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;
}
form input::-webkit-calendar-picker-indicator,
.jobs_page .jobForm input::-webkit-calendar-picker-indicator,
.planner_main .bg-gray-50 .bgCard input::-webkit-calendar-picker-indicator,
.quick_appt_book input::-webkit-calendar-picker-indicator,
.smart_appt_book input::-webkit-calendar-picker-indicator,
.complete_appt_book input::-webkit-calendar-picker-indicator {
    filter: invert(1);
    color: #ffffff;
}

plainform input::-webkit-calendar-picker-indicator,
.wizard_form input::-webkit-calendar-picker-indicator,
.theme_dark_bg plainform input::-webkit-calendar-picker-indicator,
.theme_dark_bg .wizard_form input::-webkit-calendar-picker-indicator,
.layoutContnt6 input::-webkit-calendar-picker-indicator {
    filter: brightness(0) invert(1);
}

dialogform input::-webkit-calendar-picker-indicator {
    filter: brightness(0) saturate(100%) !important;
}

.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: white url(https://op3n-themes.s3.us-east-2.amazonaws.com/themebuilder/theme-edurock_dark/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;
}
select option {color: #000;background: #fff;}


/*Product Plan Overivew*/
#productPlanOverview .normal_btn {color: #fff !important;border: 2px solid hsla(0, 0%, 100%, 0.3) !important;background: linear-gradient(300deg, #1e91d6, #72cbff, #4880d6) !important;}
#productPlanOverview .normal_btn:hover {color: #fff !important;border: 2px solid #4880d6 !important;background: transparent !important;}
#productPlanOverview .normal_card {border: 2px solid #8a8a8a;min-width: 300px;max-width: 350px;}
#productPlanOverview .normal_card:hover {border: 2px solid #4880d6;}
#productPlanOverview .planTitle {color: white;}
#ProviderPlanOverview .provider_card .provider_features svg,
#productPlanOverview .svg_ivon {fill: #4880d6 !important;}
#productPlanOverview .text-black {color: white;}
#productPlanOverview .text-gray-600,
#productPlanOverview .text-gray-500 {color: #d7d7d7;}
#productPlanOverview ul {padding-left: 0;}
#productPlanOverview ul li {margin-bottom: 0;}
#ProviderPlanOverview .provider_card .provider_title {color: #4880d6 !important;}

#ProviderPlanOverview .provider_card {background: transparent !important;}
#ProviderPlanOverview .provider_card .provider_amount,
#ProviderPlanOverview .provider_card .provider_features{color: white !important;}
#ProviderPlanOverview .provider_card .provider_interval,
#ProviderPlanOverview .provider_card .provider_desc {color: #f3f3f3 !important;}

#wizard-summary-section,
#trialSummaryBox {color: white;}
#trialSummaryBox .text-gray-600 {color: #d7d7d7;}
#cookie-necessary-only.btn-secondary {color: #1f2937;border: 1px solid #d1d5db;background-color: #f9fafb;}
#cookie-necessary-only.btn-secondary:hover {background-color: #f3f4f6;border-color: #9ca3af;}

/* Component */
.get_notify_sec form {
    background: unset !important;
    padding: 0;
    border: unset;
    width: 100%;
}

.get_notify_sec form button {
    width: auto !important;
}
.get_notify_sec form input {
    border: 2px solid #e3e3e3;
    outline: none;
}
dialogform.buttonform-cmp-css {
    position: relative;
    z-index: 1;
}
body.overflow-hidden dialogform.buttonform-cmp-css {
    z-index: unset !important;
}

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

.drop-component .text-gray-900 {
    color: #ffffff;
}
.drop-component .md\:bg-white {
    background-color: #fff !important;
}
.custom-block .drop-component p.mt-2 {
    margin-top: 0.5rem !important;
}
.custom-block .drop-component p {
    margin: 0 !important;
}
.drop-component ul.list-disc .ui-corner-left {
    list-style: disc;
}
.drop-component ul .ui-corner-left {
    list-style: none;
}
.grid_layouts li {
    list-style: none;
    margin-bottom: 0;
}
.grid_layouts li p {
    color: #7E858B !important;
}
.grid_layouts li .text-gray-900 {
    color: #000 !important;
    font-size: inherit !important;
}
.grid_layouts p.text-gray-900 {
    color: #000 !important;
}
.grid_layouts p.text-gray-500 {
    color: #7E858B !important;
}
.bg-white .drop-component p,
.bg-white .drop-component label,
.bg-white .drop-component .text-gray-900 {
    color: #000;
}
.drop-component .contact_dark p,
.drop-component .contact_dark label,
.drop-component .contact_dark .text-gray-900 {
    color: #000 !important;
}

.stats_card .text-gray-900 {
    color: #fff !important;
}

.stats_card .bg-white .text-gray-900 {
    color: #000 !important;
}

.drop-component .contact_dark p.\!text-gray-300,
.drop-component .contact_dark p.text-gray-600 {
    color: #7E858B !important;
}
.drop-component p.text-indigo-200 {
    color: #d0d0d0 !important;
}

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

.custom-block .flow-root ul {
    max-width: 600px;
    padding: 40px;
    background: #fff;
}
.custom-block .flow-root ul li.ui-corner-left {
    list-style: none;
}
.custom-block .flow-root ul li.ui-corner-left p {
    color: #000 !important;
}
.custom-block .grid_layouts {
    background-color: transparent !important;
}
.custom-block .grid_layouts .ui-corner-left.bg-white .text-gray-900 {
    color: #fff !important;
}
.custom-block .grid_layouts .ui-corner-left.bg-white {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    background: #000 !important;
}
.planner_main > .bg-gray-50 {background: transparent;}
.planner_main .bg-gray-50 #plannerForm input,
.planner_main .bg-gray-50 #plannerForm textarea,
.planner_main .bg-gray-50 #plannerForm select{background-color: rgba(0, 0, 0, .7) !important;border: 1px solid #696969;color: white;}
.planner_main .bg-gray-50 #plannerForm select option {color: #000;background: #fff;}
.planner_main .bg-gray-50 .bgCard {background: transparent !important;box-shadow: 1px 0px 20px rgba(144, 144, 144, 0.29);border: unset;}
.planner_main .bg-gray-50 .bgCard .text-gray-900 {color: white;}
.planner_main .bg-gray-50 .bgCard .text-gray-700,
.planner_main .bg-gray-50 .bgCard .text-gray-600 {color: rgb(187 187 187);}
.planner_main .bg-gray-50 .bgCard .step_indicator {color: #000;}
.planner_main .bg-gray-50 .bgCard .step_indicator.text-white {color: #fff;}
.planner_main #weather-widget.to-blue-600 {background: linear-gradient(135deg, #60a5fa 0%, #2563eb 100%);}
.planner_main .bg-gray-50 .bgCard #prevBtn {border: unset;background: rgb(249 250 251);}
.planner_main .bg-gray-50 .bgCard .searchCard button,
.planner_main .bg-gray-50 .bgCard #nextBtn {border: unset;}
.planner_main .bg-gray-50 .bgCard .searchCard label {color: #000;}
.planner_main .bg-gray-50 .bgCard #prevBtn:hover {background: white !important;color: black;}
.planner_main .bg-gray-50 .bgCard #pac-input {color: black;background: transparent;}
.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;}
.planner_main .file-item, .planner_main .upload-area:hover{background-color: transparent;}
.planner_main input[data-auto-filled="true"]{-webkit-box-shadow: 0 0 0 1000px transparent inset !important;background-color: transparent !important;}
.planner_main .dark_border{border-color: transparent !important;}
.planner_main #prevBtn, .planner_main .pac-input{color: #000;}
.planner_main .file-info .font-medium{color: #fff;}

.weather-widget .underline {background-image: none;}
.weather-widget section {padding: 0 2vw !important}

.jobs_page {padding-top: 100px;}
.jobs_page .text-gray-900 {color: #fff !important;}
.jobs_page table .text-gray-500,
.jobs_page .text-gray-600,
.jobs_page .text-gray-700 {color: rgb(187 187 187);}
.jobs_page .bgCard {background: transparent !important;box-shadow: 1px 0px 20px rgba(144, 144, 144, 0.29);border: unset;}
.pricing_main .bg_card input,
.pricing_main .bg_card textarea,
.pricing_main .bg_card select,
.jobs_page .jobForm input,
.jobs_page .jobForm textarea,
.planner_main .jobForm select{background-color: rgba(0, 0, 0, .7) !important;border: 1px solid #696969 !important;color: white;box-shadow: unset !important;}
.pricing_main .bg_card select option,
.planner_main .jobForm select option {color: #000;background: #fff;}
.jobs_page table thead {background: #73737366;}

#faq-page .text-gray-800 {color: #fff !important;}
#faq-page .text-gray-600 {color: rgb(187 187 187) !important;}
#faq-page .faqCard {background: transparent !important;box-shadow: 1px 0px 20px rgba(144, 144, 144, 0.29);border: unset;}

form textarea[style*="background-color: rgb(240, 248, 255);"],
form input[style*="background-color: rgb(240, 248, 255);"] {
    color: black !important;
}
.pricing_main #specifications-content .grid .bg-white,
.pricing_main .bg_card .bg-gray-50,
.pricing_main .bg_card {background: transparent;box-shadow: 1px 0px 20px rgba(144, 144, 144, 0.29);border: unset;}
.pricing_main .bg_card.\!bg-blue-50 h3{color: #000 !important;}
.pricing_main .bg_card .text-gray-900,
.pricing_main .bg_card .text-gray-800 {color: #fff !important;}
.pricing_main .bg_card .text-gray-700,
.pricing_main .bg_card .text-gray-600 {color: rgb(187 187 187) !important;}
.pricing_main .bg_card .text-blue-600 {color: #60a5fa !important;}
.pricing_main .bg_card .pricing_icon_btn{background: #60a5fa !important;}

/* Static page theme based css */
.job_detail_page.bg-slate-50 {background-color: transparent;padding-top: 80px;}
.job_detail_page .bread_crumb .text-gray-500 {color: #e9e9e9;}
.job_detail_page .bread_crumb .text-gray-700,
.job_detail_page .bread_crumb .text-gray-500:hover {color: #fff !important;}
.job_detail_page .job_bg_card.bg-white .bg-gray-50,
.job_detail_page .job_bg_card.bg-gray-50,
.job_detail_page .job_bg_card.bg-white {background-color: transparent;border: unset !important;color: white;box-shadow: 0 0 10px #7370758c;}
.job_detail_page .job_bg_card.bg-gray-50 .text-gray-900,
.job_detail_page .job_bg_card.bg-white .text-gray-900 {color: white;}
.job_detail_page .job_bg_card.bg-gray-50 .text-gray-600,
.job_detail_page .job_bg_card.bg-gray-50 .text-gray-700,
.job_detail_page .job_bg_card.bg-white .text-gray-700,
.job_detail_page .job_bg_card.bg-white .text-gray-600,
.job_detail_page .job_bg_card.bg-white .no_image {color: #b4b4b4;}
.job_detail_page .job_bg_card.bg-white ul {padding: 0;margin: 0;list-style: none;}
.job_detail_page .job_bg_card.bg-white ul li {margin: 0;}

.provider_profile_page {padding-top: 110px;}
.provider_profile_page .bg-white {background: transparent;}
.provider_profile_page .bg-white .text-black,
.provider_profile_page .bg-white .text-gray-800,
.provider_profile_page .bg-white .text-gray-900 {color: white;}
.provider_profile_page .bg-white .text-gray-700 {color: #c8c8c8;}
.provider_profile_page .bg-white .text-gray-500,
.provider_profile_page .bg-white .text-gray-600 {color: #eaeaea;}
.provider_profile_page .bg-white .space-y-6 .rounded-full.bg-gray-200 {color: black;}
.provider_profile_page .bg-white .tab-button {border: unset;background: unset;}
.provider_profile_page .bg-white .tab-button:hover {color: white;}
.provider_profile_page .bg-white ul {padding: 0;margin: 0;list-style: none;}
.provider_profile_page .bg-white ul li {margin: 0;}
.provider_profile_page .bg-white .bg-gray-50 {background-color: transparent;border: unset !important;color: white;box-shadow: 0 0 10px #7370758c;}

.planCardMain thead tr .plan-text, .planCardMain tbody tr:not(.featured-row) .plan-text {
    color: white;
}

.row_list .features-gradient-fade {
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgb(129 129 129 / 11%), rgb(93 93 93 / 18%)) !important;
}
#featuresContainer .features-read-more-btn {
    color: white !important;
}
.features-expand-btn:hover, .features-collapse-btn:hover {
    color: white !important;
}
.bg-purple-50 .features-expand-btn:hover, .bg-purple-50 .features-collapse-btn:hover {
    color: black !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;
}

.entry-box {
	padding: 20px;
	background-color: transparent;
}

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

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

.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: #6a9bf1;
}

.entry-img {
    height: 200px;
	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%;
}

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

/* Most popular hiding issue */
#payment_cust_detail .border.relative {overflow: visible;}
#payment_cust_detail #layoutPreview .rendered-form label {color: #e9e9e9;}

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

/* ========== 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 ========== */

/* Book Now FAQ Accordion - using standard accordion pattern */
.book_now_faq .faqAccordionMain .accordion_item {
    padding: 0;
    margin: 0;
}
.book_now_faq .faqAccordionMain .accordion_item li {
    list-style: none !important;
    background-color: rgba(31,31,31,.5);
    border-radius: 7px;
    box-shadow: 2px 2px 1.8vh rgba(0,0,0,.5);
    margin-bottom: 2vh;
    padding: 0 24px;
}
.book_now_faq .faqAccordionMain .accordion_item li:hover {
    background-color: rgba(31,31,31,.7);
}
.book_now_faq .faqAccordionMain .accordion_item:last-child li {
    margin-bottom: 0;
}
.book_now_faq .faqAccordionMain .accord_hdr {
    padding: 24px 0;
    display: flex;
    align-items: center;
    cursor: pointer;
    color: white;
}
.book_now_faq .faqAccordionMain .accord_title {
    font-size: clamp(18px,3vw,21px);
    font-weight: 600;
    float: left;
    width: calc(100% - 50px);
}
.book_now_faq .faqAccordionMain .accord_icon {
    float: left;
    font-size: 20px;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: hsla(0,0%,100%,.1);
    border: .5px solid hsla(0,0%,100%,.4);
    border-radius: 7px;
}
.book_now_faq .faqAccordionMain .accord_hdr .plus_icon { display: block; }
.book_now_faq .faqAccordionMain .accord_hdr .minus_icon { display: none; }
.book_now_faq .faqAccordionMain .accord_hdr.collapsed .plus_icon { display: none; }
.book_now_faq .faqAccordionMain .accord_hdr.collapsed .minus_icon { display: block; }
.book_now_faq .faqAccordionMain .accord_bdy {
    padding: 0 0 24px 0;
    color: #e1e1e1;
}
.book_now_faq .faqAccordionMain .collapse { display: none !important; visibility: hidden !important; }
.book_now_faq .faqAccordionMain .collapse.show { display: block !important; visibility: visible !important; }
/* Carousel Pagination */
.carousel-main .carousel-build .carousel-sec .carousel-pagination .carousel-tab .carousel-pointer {
    background-color: #6a9bf1 !important;
}
/* Pricing static page */
.wizard_pricing_main {margin-top: 100px;margin-bottom: 50px;}
.wizard_pricing_main .card-base {border: 2px solid #ffffff47;background: black;border-radius: 16px;cursor: pointer;transition: all 0.2s ease;-webkit-tap-highlight-color: transparent;}
.wizard_pricing_main .text-\[\#ff99ae\] {color: #1e91d6;}
.wizard_pricing_main .text-\[\#474747\] {color: #fff;}
.wizard_pricing_main .text-gray-500 {color: rgb(198 198 198);}
.wizard_pricing_main .card-base:hover,
.wizard_pricing_main .card-base.selected {border-color: #1e91d6;background: linear-gradient(to right, #1e91d640, #72cbff3b, #4880d640);}
.wizard_pricing_main .card-base:active { transform: scale(0.98); }
.wizard_pricing_main .option-card.selected .option-icon { background: rgb(190 224 255 / 48%) !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, #1e91d6, #72cbff, #4880d6);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: #72cbff;
}

/* 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: #72cbff;
}

.city-card .city-link {
    color: #72cbff;
}