/* Course detail page */
.main-wrapper-onepage .enigma_theme .modal {
    z-index: 1200;
}

.pointer_cursor {
    cursor: pointer;
}

.gridarea__heading .desc_truncate {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    min-height: 30px;
    text-transform: capitalize;
}

.gridarea__description .desc_truncate {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: 14px;
    margin-bottom: 1rem;
    min-height: 45px;
}

.gridAreaWraper .user_bottom {
    min-height: 30px;
}

.gridarea__small__img .usrInitial {
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    float: left;
    width: 32px;
    height: 32px;
    border-radius: 50%;
}

.gridarea__small__img .usrInitial .initTxt {
    font-size: 14px;
    margin-top: 1px;
    float: left;
}

.gridarea__small__img img {
    height: 30px;
}

.course__button a {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 200px;
}

#projects__two .course__button a {
    max-width: 250px;
}

.course__categories__list ul li {
    display: block;
}

.course__categories__list ul li a {
    font-weight: 500;
    font-size: 14px;
    line-height: 26px;
    border: 1px solid #eeeeee;
    width: 100%;
    padding: 8px 13px;
    display: block;
    margin-bottom: 15px;
}

.course__categories__list ul li a span {
    float: right;
}

.course__sidebar__wraper {
    border: 1px solid #eeeeee;
    padding: 40px 25px 33px 20px;
    margin-bottom: 10px;
}

.course__input {
    position: relative;
}

.course__input input {
    width: 100%;
    font-weight: 500;
    font-size: 14px;
    line-height: 26px;
    height: 46px;
    padding-left: 13px;
    border: none;
    background: rgba(245, 245, 245, 0.71);
    margin-bottom: 0;
}

.course__input .search__button {
    position: absolute;
    top: 23%;
    right: 12px;
}

.course__input .search__button button {
    background: none;
    border: none;
}

.course__text {
    font-size: 20px;
    font-weight: bold;
}

.course__text__wraper {
    border: 1px solid #dbdbdb;
    display: flex;
    justify-content: space-between !important;
    padding: 10px 13px !important;
    align-items: center;
    margin-bottom: 30px;
}

.course__text__wraper .course__icon ul li a {
    margin-right: 11px;
}

.course__text__wraper .course__icon ul li a span {
    line-height: unset;
}

.course__text__wraper .course__text p {
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    color: black;
    margin: 0;
}

.is_dark .gridarea__wraper .gridarea__content .gridarea__list ul li,
.is_dark .course__text__wraper .course__text p {
    color: white;
}

.course__text__wraper .course__icon ul li.short__by__new {
    padding-left: 80px;
    padding-right: 10px;
}

.course__text__wraper .course__icon ul li.short__by__new .form-select {
    height: unset;
    margin-bottom: 0;
}

.course__skill__list ul li {
    font-weight: 500;
    font-size: 15px;
    line-height: 26px;
    margin-bottom: 10px;
    display: block;
}

.gridarea__wraper {
    background: white;
    padding: 15px;
    box-shadow: 0 0 20px 10px rgba(95, 45, 237, 0.05);
    margin-bottom: 30px;
}

.gridarea__wraper .gridarea__img {
    position: relative;
    overflow: hidden;
    margin-bottom: 20px;
}

.gridarea__wraper .gridarea__content .gridarea__list {
    margin-bottom: 15px;
}

.gridarea__wraper .gridarea__content .gridarea__list ul {
    display: flex;
}

.gridarea__wraper .gridarea__content .gridarea__list ul li {
    font-size: 14px;
    width: 50%;
    color: black;
}

.gridarea__wraper .gridarea__content .gridarea__list ul li i {
    font-size: 18px;
    margin-right: 5px;
}

.gridarea__wraper.gridarea__wraper__2 .gridarea__content .gridarea__heading h3 {
    font-size: 18px;
    line-height: 25px;
}

.gridarea__wraper .gridarea__content .gridarea__bottom {
    border-top: 1px solid #f0f0f5;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 15px;
}

.gridarea__wraper .gridarea__content .gridarea__bottom .gridarea__small__img {
    display: flex;
    align-items: center;
}

.gridarea__wraper
.gridarea__content
.gridarea__bottom
.gridarea__small__img
img {
    max-width: 30px;
    border-radius: 50px;
}

.gridarea__wraper
.gridarea__content
.gridarea__bottom
.gridarea__small__content {
    margin-left: 15px;
}

.gridarea__wraper.gridarea__wraper__2
.gridarea__content
.gridarea__bottom
.gridarea__small__img
.gridarea__small__content
h6 {
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    margin-bottom: 0;
}

.gridarea__wraper.gridarea__course__list {
    display: flex;
    margin-bottom: 30px;
    padding-right: 30px;
}

.with__sidebar__content
.gridarea__wraper.gridarea__course__list
.gridarea__img {
    width: 40%;
    margin-bottom: 0;
}

.with__sidebar__content
.gridarea__wraper.gridarea__course__list
.gridarea__content {
    width: 60%;
    padding-left: 30px;
}

.main-wrapper-onepage .breadcrumb__content__wraper .breadcrumb__title h2 {
    font-size: 40px;
    color: #191b1e;
    margin: 0;
    text-align: center;
}

.main-wrapper-onepage .breadcrumb__inner ul li {
    font-size: 18px;
    line-height: 22px;
    color: #191b1e;
    font-weight: 400;
    float: left;
}

.main-wrapper-onepage .breadcrumb__inner ul li a {
    padding-right: 10px;
    font-weight: 400;
    font-size: 18px;
    line-height: 22px;
    color: #191b1e;
}

.main-wrapper-onepage .main__pagination__wrapper {
    text-align: center;
    margin-top: 60px;
    margin-bottom: 30px;
}

.main-wrapper-onepage .main__pagination__wrapper ul li {
    margin-right: 10px;
    display: inline-block;
}

.main-wrapper-onepage .main__pagination__wrapper ul li a {
    height: 50px;
    width: 50px;
    background: #ededed;
    color: #191b1e;
    display: inline-block;
    line-height: 50px;
    text-align: center;
}

.main-wrapper-onepage .main__pagination__wrapper ul li a:hover,
.main-wrapper-onepage .main__pagination__wrapper ul li a.active {
    background: #bfa67a;
    color: white;
}

.main-wrapper-onepage .main__pagination__wrapper ul li a.disable {
    cursor: not-allowed;
}

.main-wrapper-onepage .course__button a {
    height: 26px;
    background: black;
    color: white;
    display: inline-block;
    text-align: center;
    font-weight: 600;
    font-size: 14px;
    margin-right: 20px;
    border-radius: 5px;
    border: 1px solid black;
}

.main-wrapper-onepage .course__button a:hover {
    background-color: #bfa67a;
    border: 1px solid #bfa67a;
}

.main-wrapper-onepage .course__text__wraper .course__icon ul li a {
    color: #7a7a7a;
}

.main-wrapper-onepage
.gridarea__wraper
.gridarea__content
.gridarea__list
ul
li
i,
.main-wrapper-onepage .course__text__wraper .course__icon ul li a:hover,
.main-wrapper-onepage .course__text__wraper .course__icon ul li a.active {
    color: #bfa67a;
}

.main-wrapper-onepage .angleIcon {
    display: block !important;
    float: left;
    padding-right: 10px;
}

.main-wrapper-onepage .breadcrumbarea {
    padding: 3rem 0;
}

.main-wrapper-onepage .breadcrumbarea .breadcrumb__inner {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 10px;
}

.main-wrapper-onepage .breadcrumbarea .breadcrumb__inner ul {
    float: left;
    display: flex;
    align-items: center;
}

.main-wrapper-onepage .breadcrumbarea .shape__icon__2 {
    display: none;
}

/*plan detail pages*/
#payment_cust_detail label.mandatory::after {
    content: "*";
    color: red;
    padding-left: 3px;
    margin-top: -3px;
}
#payment_cust_detail input.form-control:focus,
select.form-select:focus {
    background: white !important;
    box-shadow: none;
}
#payment_cust_detail .formbuilder-button {
    padding: 0;
    margin-left: 0 !important;
}
#payment_cust_detail .btn_dark {
    height: 26px !important;
    padding: 2px 12px !important;
    font-size: 12px !important;
}
#payment_cust_detail .success_txt {
    color: #00ad8d;
}
#payment_cust_detail .total_sec {
    border-top: 2px dashed #ddd;
}
#payment_cust_detail label.mandatory::after {
    content: "*";
    color: red;
    padding-left: 3px;
    margin-top: -3px;
}
#payment_cust_detail input.form-control:focus,
select.form-select:focus {
    background: white !important;
    box-shadow: none;
}
#payment_cust_detail .formbuilder-button {
    padding: 0;
    margin-left: 0 !important;
}
#payment_cust_detail .btn_dark {
    height: 26px !important;
    padding: 2px 12px !important;
    font-size: 12px !important;
}
#payment_cust_detail .success_txt {
    color: #00ad8d;
}
#payment_cust_detail .total_sec {
    border-top: 2px dashed #ddd;
}
#payment_cust_detail .detailRightCard {
    max-width: 350px;
    margin: 20px 0;
}
#payment_cust_detail .main_form .wizard_form {
    box-shadow: unset;
    width: 100%;
}
#payment_detail .btn_dark {
    height: 26px !important;
    padding: 2px 12px !important;
    font-size: 12px !important;
}
#payment_detail .success_txt {
    color: #00ad8d;
}
#payment_detail .total_sec {
    border-top: 2px dashed #ddd;
}
#payment_detail .detailRightCard {
    max-width: 350px;
}
#payment_detail .txt_clr {
    color: #404145;
}
.is_dark body #cart-element {
    color: #424242;
}
#cart-element {
    background-color: #fff;
    box-shadow: 0px 1px 10px rgb(0 0 0 / 10%);
    border-radius: 10px;
    margin-top: 15px;
    margin-bottom: 15px;
}
#cart-element * {
    font-family: Quicksand, Open Sans, Segoe UI, sans-serif;
    font-size: 16px;
    font-weight: 600;
}
#cart-element .fieldset {
    margin: 0 0 15px;
    padding: 0;
    border-style: none;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
#cart-element .field {
    padding: 8px 20px 11px;
    width: 100%;
    height: 40px;
    border: 1px solid #e5e5e5 !important;
    color: #000;
    background: transparent;
}
#cart-element .field.half-width {
    width: calc(50% - (5px / 2));
}
#cart-element .field.third-width {
    width: calc(33% - (5px / 3));
}
#cart-element .field.focus,
#cart-element .field:focus {
    color: #424770;
    background-color: #f6f9fc;
}
#cart-element .field.invalid {
    border: 2px solid #fa755a !important;
}
#cart-element .field.invalid.focus {
    background-color: #f6f9fc;
}
#cart-element .field::-webkit-input-placeholder {
    color: #9bacc8;
}
#cart-element .field.focus::-webkit-input-placeholder,
#cart-element .field:focus::-webkit-input-placeholder {
    color: #cfd7df;
}
#cart-element input,
#cart-element button {
    appearance: none;
    outline: none;
    border-style: none;
}
#cart-element input[type="checkbox"]{
    appearance: auto;
}
#cart-element button {
    display: block;
    width: auto;
    height: 34px;
    background-color: #78c5fb;
    float: right;
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
    cursor: pointer;
    padding: 5px 15px;
    font-size: 14px;
}
#cart-element button:active {
    background-color: #2da8ff;
}
#cart-element .card_label {
    width: calc(50% - (5px / 2));
    display: block;
}
#layoutPreview .rendered-form .form-group.field-firstname {
    padding-top: 0 !important;
}
#layoutPreview .rendered-form .formbuilder-email-label,
#layoutPreview .rendered-form .formbuilder-text-label,
#layoutPreview .rendered-form .formbuilder-textarea-label,
#layoutPreview .rendered-form .formbuilder-checkbox-group-label,
#layoutPreview .rendered-form .formbuilder-email,
#layoutPreview .rendered-form .formbuilder-date-label,
#layoutPreview .rendered-form .formbuilder-timepicker-label,
#layoutPreview .rendered-form .formbuilder-salesman-picker-label,
#layoutPreview
.rendered-form
.formbuilder-radio-group
.formbuilder-radio-group-label,
#layoutPreview .rendered-form .formbuilder-select-label,
#layoutPreview .rendered-form .formbuilder-datetime-local-label,
#layoutPreview .rendered-form .formbuilder-number-label,
#layoutPreview .rendered-form .formbuilder-file-label {
    font-weight: 600;
    padding-bottom: 8px;
    margin-top: 4px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    width: 100%;
    float: left;
}
#layoutPreview .rendered-form .formbuilder-radio-group .formbuilder-radio {
    display: flex;
    align-items: center;
}
#layoutPreview
.rendered-form
.formbuilder-radio-group
.formbuilder-radio
input {
    width: 14px;
    height: 14px;
    margin-right: 10px;
}
#layoutPreview
.rendered-form
.formbuilder-radio-group
.formbuilder-radio
label
input[type="text"] {
    width: auto;
    height: auto;
    margin-bottom: 0px;
    margin-right: 0;
    margin-left: 8px;
}

.slot_not_avil{
    border: 1px solid red !important;
    background: #ff373736 !important;
}
#layoutPreview .rendered-form .tooltip-element {
    background: #000;
    width: 15px;
    height: 15px;
    border-radius: 8px;
    text-align: center;
    line-height: 16px;
    font-size: 12px;
    color: white;
    cursor: default;
    margin: 0px 5px;
    display: inline-block;
}
#payment_plan .payment_plan_card {
    background: white;
    border-radius: 10px;
    box-shadow: 0px 1px 10px rgb(0 0 0 / 15%);
    width: 300px;
    padding: 15px;
}
#payment_plan .payment_plan_card.active {
    background: #7100ff;
}
#payment_plan .payment_plan_card .fa-check {
    color: #7100ff;
}
#payment_plan .payment_plan_card.active .text-black,
#payment_plan .payment_plan_card.active .text-muted,
#payment_plan .payment_plan_card.active .fa-check {
    color: white !important;
}
#payment_plan .payment_plan_card .recurring_type {
    min-height: 100px;
    flex-wrap: wrap;
}
#payment_plan .plan_btn {
    height: 32px !important;
    padding: 4px 20px !important;
    font-size: 15px !important;
    color: #7100ff !important;
    border: 1px solid #7100ff;
    transition: transform 0.5s;
    border-radius: 5px;
    background: white;
}
#payment_plan .plan_btn.active,
#payment_plan .plan_btn:hover {
    background: wheat;
    border-color: wheat;
    transform: scale(1.2);
}
/*#payment_plan .planCardMain {
    width: calc(100% - 45px);
}*/
#payment_plan .plan_desc {
    overflow: hidden;
    white-space: normal;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-transform: capitalize;
    height: 42px;
    line-height: 1.3;
    color: #565656;
}
#payment_plan .plan_desc small {
    overflow: hidden;
    white-space: normal;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 1.5;
    word-break: break-all;
}
#payment_plan .featureList {
    min-height: 180px;
}

header form {
    pointer-events: none;
}
footer .footer-form,
footer .footerarea__newsletter,
footer form {
    display: none;
}
.py-50 {
    padding-top: 50px;
    padding-bottom: 50px;
}

/*Common Privacy Policy*/
.common_faq_container {
    padding: 50px 0;
    background-image: linear-gradient(
            180deg,
            rgba(244, 244, 249, 0.8) 50%,
            rgba(244, 244, 249, 0.05) 100%
    );
    font-family: "Plus Jakarta Sans", sans-serif;
}

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

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

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

.common_faq_container .txt-block.legal-info h4 {
    margin-top: 60px;
    margin-bottom: 25px;
}

.common_faq_container p {
    font-size: 1rem;
    color: #6c757d;
}

.common_faq_container .w-700 {
    font-weight: 700;
}

.common_faq_container .s-30 {
    font-size: 1.75rem;
}

.blog_content h1,
.faq_container h1 {
    font-size: 32px;
}

.blog_content h2,
.faq_container h2 {
    font-size: 28px;
}

.blog_content h3,
.faq_container h3 {
    font-size: 24px;
}

.blog_content h4,
.faq_container h4 {
    font-size: 20px;
}

.blog_content h5,
.faq_container h5 {
    font-size: 22px;
}

.blog_content h6,
.faq_container h6 {
    font-size: 16px;
}

.blog_content li[data-list="bullet"],
.faq_container li[data-list="bullet"] {
    list-style-type: disc;
}

.blog_content li[data-list="ordered"],
.faq_container li[data-list="ordered"] {
    list-style-type: decimal;
}

.blog_content .ql-align-right,
.faq_container .ql-align-right {
    text-align: right;
}

.blog_content .ql-align-center,
.faq_container .ql-align-center {
    text-align: center;
}

.blog_content .ql-align-justify,
.faq_container .ql-align-justify {
    text-align: justify;
}

.blog_content ol, .blog_content ul, .blog_content menu,
.faq_container ol, .faq_container ul, .faq_container menu {
    padding-left: 2.5rem;
}

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

#faq-policy-container #faqAccordionMain .accordion_item .accord_hdr .accord_title {
    font-size: 1.625rem;
    font-weight: 600;
    float: left;
    width: calc(100% - 50px);
}

#faq-policy-container #faqAccordionMain .accordion_item .accord_hdr .plus_icon {
    display: block;
}

#faq-policy-container #faqAccordionMain .accordion_item .accord_hdr .minus_icon {
    display: none;
}

#faq-policy-container #faqAccordionMain .accordion_item .accord_hdr.collapsed .plus_icon {
    display: none;
}

#faq-policy-container #faqAccordionMain .accordion_item .accord_hdr.collapsed .minus_icon {
    display: block;
}

#faq-policy-container #faqAccordionMain .accordion_item .accord_hdr .accord_icon {
    float: left;
    font-size: 1.625rem;
}

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

form .color_scheme_added button {
    border: 1px solid;
}

@media (max-width: 640px) {
    #payment_cust_detail .w-6\/12 {
        width: 100%;
    }
    #payment_cust_detail .detailRightCard {
        max-width: 100%;
    }
}

@media (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .gridarea__wraper.gridarea__course__list .gridarea__img.blog_img {
        margin-right: 0;
        margin-bottom: 20px;
        width: 100%;
    }
    .gridarea__wraper.gridarea__course__list .gridarea__content.blog_content {
        width: 100%;
        padding-left: 0;
    }
}

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