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

.text-amber-400 {
    color: rgb(251 191 36);
}

.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;
}
.location-component input:focus {
    border-color: #86b7fe !important;
    outline: 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;
    margin-bottom: 0;
}
#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-location-label,
#layoutPreview .rendered-form .formbuilder-areameasurement-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;
}


.area-measurement-group{

    display: flex;
    gap: 8px;
    align-items: center;
    width: 100%;
    padding: 8px;
    border: 1px solid #ddd;
    border-radius: 6px;
    background: white;

}

.area-unit-select{
    flex: 0 0 120px;
    padding: 8px;
    padding-right: 30px !important;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 14px;
    background: white;
}

.area-value-input{
    flex: 1;
    padding: 8px;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 14px;
    width: calc(100% - 120px);
}
.area-unit-select:focus,
.area-value-input:focus {
    border: 1px solid #86b7fe !important;
    outline: unset;
}

.location-address{
    flex: 1;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-right: none;
    background-color: white;
}

.get-location-btn{
    padding: 8px 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.location-component .w-full:first-child{
    display: flex;
    align-items: stretch;
}

.modal_service_request .cont_form input{
    margin-bottom: 0px !important;
}
.service-specs-modal .modal-body input,
.service-specs-modal .modal-body select,
.service-specs-modal .modal-body textarea{color: #000 !important;}

.service-specs-modal .modal-body input[type='checkbox'] {
    color: oklch(0.546 0.245 262.881) !important;
    border: 2px solid #d1d5db;
}
header .header_mobile_menu {
    display: none;
}
.pricing_main .selectedServiceHdr {
    width: calc(100% - 85px);
}
.pricing_main .pricing_icon {
    filter: brightness(0) invert(1);
}
.job_listing .jobs_list_gradiant {
    background-image: linear-gradient(to right, #2563eb, #4338ca);
}
label.mandatory {
    &:after {
        content: "*";
        color: red;
        padding-left: 3px;
        margin-top: -3px;
    }
}
.location-component {
    display: flex;
    width: 100% !important;
    flex-wrap: wrap;
    background: white;
    padding: 16px;
    border-radius: 10px;
    box-shadow: 0 0 10px 0 rgb(0 0 0 / 25%);
}
.location-component button {
    border-radius: 0 !important;
}
.focus\:outline-hidden:focus {
    outline: none;
}

dialogform .location-component button{
    min-width: 180px;
}

.area-measurement-group input,
.location-component input {
    margin-bottom: 0;
}
.pac-container {
    z-index: 1050;
}
.pac-container.pac-logo:after {
    display: none;
}
.content_sec .accordion-button.show_toggle svg {
    transform: rotate(180deg);
}

#payment_cust_detail .submit_wizard{display: none;}

/* privacy & terms Ui*/
footer .privacy_terms .terms-section a {margin: 0;position: relative;padding-right: 12px;margin-right: 12px;}
footer .privacy_terms .terms-section a::after {content: "/";position: absolute;right: 0;color: #777;}
footer .privacy_terms .terms-section a:last-child::after {content: "";}


/* New Service specification Ui */
#epoxy .grid{width: 100%;}
app-form-preview > .p-8 {padding: 0;margin: 0;}
app-form-preview > .p-8 > .p-8 {padding: 15px;box-shadow: unset;background: transparent;}
app-form-preview > .p-8 > .p-8 .w-full.mb-2 {margin-bottom: 0;font-size: 14px;}
app-form-preview app-field-renderer div.mb-4 > label {color: black;}
app-form-preview app-field-renderer .flex.flex-col {width: 100%;}
app-form-preview app-field-renderer .flex.flex-col label.flex {align-items: start;}
app-form-preview app-field-renderer .flex.flex-col label.flex input.w-4 {min-width: 1rem;}
app-form-preview app-field-renderer .flex.flex-col label.flex span {margin-top: -2px;color: #040404;}
app-form-preview app-field-renderer > .mb-4 {margin-bottom: 0;}
app-form-preview app-field-renderer select.min-h-24 {overflow: auto;}
app-form-preview app-field-renderer  textarea:focus,
app-form-preview app-field-renderer  select:focus,
app-form-preview app-field-renderer  input:focus {border: 1px solid #3b82f6;box-shadow: unset !important;outline: unset !important;}

/* Input checkbox */
input[type="checkbox"] {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 16px;
    height: 16px;
    border: 1px solid #afafaf;
    border-radius: 4px;
    background-color: #ffffff;
    cursor: pointer;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0;
    transition: all 0.2s ease;
    flex-shrink: 0;
}
input[type="checkbox"]:checked {
    background-color: #3b82f6;
    border-color: #3b82f6;
}
input[type="checkbox"]:checked::after {
    content: "";
    position: absolute;
    display: block;
    left: 5px;
    top: 2px;
    width: 4px;
    height: 9px;
    border: solid white;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}
input[type="checkbox"]:disabled {
    background-color: #e5e7eb;
    border-color: #afafaf;
    cursor: not-allowed;
    opacity: 0.6;
}
input[type="checkbox"]:disabled:checked {
    background-color: #9ca3af;
    border-color: #9ca3af;
}
/* Input Radio */
input[type="radio"] {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 16px;
    height: 16px;
    border: 1px solid #afafaf;
    border-radius: 50%;
    background-color: #ffffff;
    cursor: pointer;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0;
    transition: all 0.2s ease;
    flex-shrink: 0;
}
input[type="radio"]:checked {
    border-color: #3b82f6;
    background-color: #ffffff;
}
input[type="radio"]:checked::after {
    content: "";
    position: absolute;
    display: block;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #3b82f6;
}
input[type="radio"]:disabled {
    background-color: #e5e7eb;
    border-color: #afafaf;
    cursor: not-allowed;
    opacity: 0.6;
}
input[type="radio"]:disabled:checked::after {
    background-color: #9ca3af;
}

/* Free Credits Banner */
.free-credits-wrapper {
        min-height: 70px;
        display: flex;
        align-items: flex-end;
        margin-bottom: 12px;
    }
.free-credits-banner {display: flex;align-items: center;gap: 10px;background: rgba(13, 148, 136, 0.08);border: 1px solid rgba(13, 148, 136, 0.25);border-radius: 10px;padding: 10px 12px;width: 100%;}
.free-credits-icon {font-size: 18px;flex-shrink: 0;}
.free-credits-text {display: flex;flex-direction: column;gap: 1px;}
.free-credits-text strong {color: #0d9488;font-size: 12px;font-weight: 600;}
.free-credits-subtext {color: #6b7280;font-size: 10px;line-height: 1.3;}

@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;
    }
}
@media (max-width: 640px) {
    #payment_cust_detail .w-6\/12 {
        width: 100%;
    }
    #payment_cust_detail .detailRightCard {
        max-width: 100%;
    }
    dialogform .modal-body {
        padding: 0 !important;
    }
}

@media (max-width: 991px) {
    .gridAreaContent .fa-star {
        font-size: 12px;
    }
}

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