.mx-auto {
    margin-left: auto;
    margin-right: auto;
}

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

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

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

.default__arrow .slick-arrow {
    padding: 0 1rem;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.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-color: #5f2ded;
    position: relative;
    width: 2.625rem;
    height: 2.625rem;
    text-align: center;
    border-radius: 100%;
    font-size: 1.1875rem;
    font-weight: 500;
    line-height: 2.375rem;
    border: 2px solid transparent;
    transition: all 450ms ease-in-out;
}

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

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

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

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

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

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

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

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

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

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

.btn--theme:hover {
    background: white !important;
    color: #5f2ded !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: #5f2ded;
    color: white;
    font-size: 1.75rem;
    border: 1px solid transparent;
}

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

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

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

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

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

.squeeze_main .left_sec {
    width: 40%;
}

.squeeze_main .right_sec {
    width: 60%;
}

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

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

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

.hero-22 {
    position: relative;
    background-image: url(https://op3n-themes.s3.us-east-2.amazonaws.com/themes_thumbnail/hero-22.webp);
    padding-top: 160px;
    z-index: 3;
    background-attachment: scroll !important;
    width: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

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

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

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

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

}

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

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

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

.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-edurock_light/img/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: #5f2ded;
}

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

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

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

/* button css */


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

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

.registerarea .widgets .webiArea,
.registerarea .widgets .listAreaWraper,
.widgets .bg-white .text-gray-900,
.registerarea__section__title .section__title__heading .bg-white h2,
.registerarea .widgets .gridAreaContent {
    color: #000;
}

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

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

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

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

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

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

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

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

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

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

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

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

.breadcrumbarea .plainform-cmp-css {
    text-align: left;
}
.plainform-cmp-css .main_form {
    height: auto !important;
}
i.bi {
    color: #fff !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.single__contact {
    min-height: 150px;
}

.blogsidebar__content__wraper__2 a {
    color: inherit !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.instructor__icon i {
    color: var(--contentColor) !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;
}

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

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

@media only screen and (max-width: 767px) {
    .contactFormMain .single__contact {
        padding: 16px !important;
    }
    
    .squeeze_main .left_sec,
    .squeeze_main .right_sec {
        width: 100%;
    }

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

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

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

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

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

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

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

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

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


/* 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 3px 12px rgb(170 170 170 / 42%);
    background: transparent;
    padding: 20px;
    border-radius: 15px;
    height: auto;
}
.modal .main_form .wizard_form {
    margin: 0;
    box-shadow: unset;
    padding: 0;
}
.main_form .wizard_form .progress-header .progress-bar {
    background-color: #5F2DED;
}
.main_form .wizard_form button.prevBtn.avoid-clicks {
    opacity: 0.2;
    pointer-events: none;
}
.main_form .wizard_form button.prevBtn {
    background-color: transparent !important;
    color: black;
    cursor: pointer;
    border-radius: 8px !important;
    border-color: #111111 !important;
    padding: 8px 16px !important;
}
.main_form .wizard_form button.nextBtn {
    border-radius: 8px !important;
    padding: 8px 16px !important;
}
.main_form .wizard_form .form-cont {
    position: relative;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

.footerarea__newsletter__input input.invalid {
    color: white;
}

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

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

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

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

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

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

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

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

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

.webinar_detail {
    padding: 100px 0;
}

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

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

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

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

.blogsidebar__content__wraper__2 .blogsidebar__content__inner__2 .blogsidebar__img__2 {
    margin-bottom: 30px;
    display: flex;
    justify-content: 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 {
    font-size: 2rem !important;
    color: #111 !important;
    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;
}

.service-specs-modal .service-specifications section {
    padding: 12px !important;
}
#specificationsPanel .grid {
    height: 100% !important;
}

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

@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_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));
}
.bg-linear-to-b {
    --tw-gradient-position: to bottom in oklab, ;
    background-image: linear-gradient(var(--tw-gradient-stops));
}

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

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

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

/*Product Plan Overivew*/
#productPlanOverview .normal_btn {color: #fff !important;border: 2px solid #5F2DED !important;background-color: #5F2DED !important;}
#productPlanOverview .normal_btn:hover {color: #5F2DED !important;border: 2px solid #5F2DED !important;background-color: transparent !important;}
#productPlanOverview .normal_card {border: 2px solid #ddd;min-width: 300px;max-width: 350px;}
#productPlanOverview .normal_card:hover {border: 2px solid #5F2DED;}
#productPlanOverview .planTitle {color: black;}
#ProviderPlanOverview .provider_card .provider_features svg,
#productPlanOverview .svg_ivon {fill: #5F2DED !important;}
#ProviderPlanOverview .provider_card .provider_title {color: #5F2DED !important;}

/* 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;
}
.custom-block .flow-root ul li.ui-corner-left {
    display: unset;
}
.blogarea__2 .widgets .grid-item {
    max-width: 100% !important;
    width: 100% !important;
}
.planner_main #weather-widget.to-blue-600 {background: linear-gradient(135deg, #60a5fa 0%, #2563eb 100%);}
.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: #5F2DED !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;
}

.gridAreaContent{
    display: flex;
    flex-direction: column;
}
/* Carousel Pagination */
.carousel-main .carousel-build .carousel-sec .carousel-pagination .carousel-tab .carousel-pointer {
    background-color: #5f2ded !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: #5F2DED;}
.wizard_pricing_main .card-base:hover,
.wizard_pricing_main .card-base.selected {border-color: #5F2DED;background: linear-gradient(to right, #dea9ff30, #d799ff54, #b1aaff4d);}
.wizard_pricing_main .card-base:active { transform: scale(0.98); }
.wizard_pricing_main .option-card.selected .option-icon { background: rgb(92 11 245 / 25%) !important; }
.wizard_pricing_main .finish-card.selected .finish-swatch { border-color: #ff99ae !important; }
.wizard_pricing_main .step {display: none;flex-direction: column;flex: 1;animation: wizardFadeUp 0.3s ease;}
.wizard_pricing_main .step.active { display: flex; }
.wizard_pricing_main .progress-fill {background: linear-gradient(to right, #dea9ff, #c05fff, #6355ff);border-radius: 3px;transition: width 0.4s cubic-bezier(0.4, 0, 0.2, 1);}
.wizard_pricing_main .price-summary .line {display: flex;justify-content: space-between;padding: 10px 0;border-bottom: 1px solid #dfdfdf;font-size: 0.9rem;}
.wizard_pricing_main .price-summary .line .label { color: #888; }
@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: #5F2DED;
}

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

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

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