/*
Theme Name: MHFA New Landing Page By Anand
Author: Emote Digital
Version: 1.0.0
License: COMMERCIAL
Description: Theme developed by Emote

This file is autogenrated by Gulp.theme, do not edit directly.
*/


@media print,
screen and (min-width: 64em) {
    .product_tabs {
        margin: 1.25rem 0 3.125rem;
    }

    .product_details {
        margin: 0 0 1.125rem;
    }

    .product_details .images {
        padding-left: 6.875rem
    }
}

@media print,
screen and (max-width: 767px) {
    .product_tabs {
        margin: 1.125rem 0;
    }
}

select[name="wc_order_action"] option[value="lmfwc_send_license_keys"] {
    display: none !important;
}



/********Donation CSS*********/
.block-campaign-thumbnail {
    display: none;
}

.campaign-title {
    margin: 1em 0 1em;
    font-weight: 600;
    margin-top: 0;
}

.campaign_description-wrapper p {
    margin: 1em 0 1em;
}

h3.wc-donation-title {
    margin-bottom: 17px;
}

@media print,
screen and (min-width: 64em) {
    ul.products .product {
        margin-bottom: 1.75rem;
    }
}

.wc_donation_subscription_table td {
    padding: 7px;
}

.wc-label-button {
    margin-bottom: 0px !important;
    min-width: 176px;
    margin-right: 0;
    border-radius: 5px;
}

.price-wrapper.other-price-wrapper-174294_329.before {
    margin-top: 12px;
    margin-left: -2px;
}

.shop_main .campaign-title,
.woocommerce-checkout .wc-donation-title,
.shop_main .products li.product_cat-donation a.button {
    display: none
}

.wc-donation-f-donation-other-value {
    margin-bottom: 0px;
    font: inherit;
    color: inherit;
    padding: 15px;
}

.price-wrapper .grab-donation.wc-input-text {
    padding: 10px 15px 10px 15px;
    border-radius: 0;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.woocommerce-checkout .price-wrapper .grab-donation.wc-input-text {
    height: 45px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.page-checkout .checkout-order tbody td {
    padding: 0.85rem 0 0.84rem 0;

}

.checkout .price-wrapper.before::before {
    height: 45px !important;
}

.grab-donation:focus-visible {
    outline: 0px solid #066c55;
}

.single-product .price-wrapper {

    width: calc(100% - 12px);
}

.wc_donation_subscription_table {
    padding: 15px 0;
}

input[type="checkbox"].donation-is-recurring {
    width: 1.5625rem;
    height: 1.5625rem;
    margin: 0;
}

.price-wrapper.before::before {
    height: 46px;
}

.wc_donation_subscription_table input#wps_sfw_subscription_number,
.wc_donation_subscription_table input#wps_sfw_subscription_expiry_number,
.wc_donation_subscription_table .wps_sfw_subscription_number,
.wc_donation_subscription_table .wps_sfw_subscription_expiry_number,
.wc_donation_subscription_table .wc_donation_subscription_selectors select {
    border: 1px solid #0C9F7D !important;
    padding: 10px;
    border-radius: 0 !important;
    font: inherit;
}

.wc_donation_subscription_table input#wps_sfw_subscription_number:focus-visible,
.wc_donation_subscription_table input#wps_sfw_subscription_expiry_number:focus-visible,
.wc_donation_subscription_table .wps_sfw_subscription_number:focus-visible,
.wc_donation_subscription_table .wps_sfw_subscription_expiry_number:focus-visible,
.wc_donation_subscription_table .wc_donation_subscription_selectors select:focus-visible {
    outline: 0px solid #066c55;
}

input[type="checkbox"].donation-is-recurring {
    outline: 0px solid #066c55;
}

.wc_donation_subscription_table table tr:nth-child(3) {
    display: none !important
}

.wc_donation_subscription_table table label {
    font-weight: 600;
    margin-bottom: 0;
}

.wc_donation_subscription_table table tr:nth-child(2) {
    display: none;
    flex-direction: column;
    max-width: 396px;
}

.wc_donation_subscription_table table tr:nth-child(1) {
    display: flex
}

.wc_donation_subscription_table table tr:nth-child(1) td:nth-child(1) {
    min-width: 140px;
}

.wc_donation_subscription_table table tr td {
    vertical-align: middle;
    padding-left: 0;
}

.single-product .wc_donation_subscription_table table tr:nth-child(2) td:nth-child(2),
.single-product .wc_donation_subscription_table table tr:nth-child(2) td:nth-child(3) {
    width: 100%;
    display: inline-block;
}

.single-product select#wps_sfw_subscription_interval {
    -webkit-appearance: menulist-button;
    -moz-appearance: none;
    padding: 0px;
    color: #0C9F7D;
}



.wc_donation_subscription_selectors {
    width: 100% !important;
}


.wc_donation_on_checkout {
    border: 1px solid #eaeaea;
}

.wc-donation-in-action .row1 {
    display: flex !important;
    justify-content: flex-start;
    flex-wrap: wrap;
    -moz-column-gap: 12px;
    column-gap: 10px;
    row-gap: 10px;
}

.woocommerce-checkout .wc_donation_subscription_table table tr:nth-child(2) {
    display: none
}

.woocommerce-checkout .wc_donation_subscription_table table tr:nth-child(1) td:nth-child(2) {
    min-width: 113px;
}

.woocommerce-checkout .wc_donation_subscription_table table tr:nth-child(2) td:nth-child(2),
.woocommerce-checkout .wc_donation_subscription_table table tr:nth-child(2) td:nth-child(3) {
    width: 100%;
    display: inline-block;
}

.page-checkout .checkout-order tbody td:nth-child(2),
.page-checkout .checkout-order tbody td:nth-child(1) {
    border-top: 0px solid #dfdfdf;
}

.woocommerce-checkout .wc_donation_subscription_table table tr:nth-child(2) td:nth-child(2) input#wps_sfw_subscription_number {
    width: calc(100% - 17px) !important;
    border-radius: 5px !important;
    height: 43px !important;
}

.woocommerce-checkout .wc_donation_subscription_table table tr:nth-child(2) td:nth-child(3) select {
    width: 100% !important;
    border-radius: 5px !important;
    padding: 0 !important;
    margin: 0;
    height: 42px !important;
    overflow: hidden;
}

.woocommerce-checkout .wc_donation_subscription_table table tr:nth-child(2) td:nth-child(2) {
    padding-bottom: 5px;
}

.woocommerce-checkout .wc_donation_subscription_table table tr:nth-child(2) td:nth-child(3) {
    padding-top: 5px;
    border-top: 0px
}

.wc-donation-in-action {
    margin-bottom: 0;
}

.in-action-elements,
.single-product .wc_donation_subscription_table {
    width: 100%;
    height: 100%;
    margin: auto;
    position: relative;
}

.woocommerce-checkout .in-action-elements.display-before::before,
.woocommerce-checkout .in-action-elements.display-after::after,
.single-product .wc_donation_subscription_table.display-before::before,
.single-product .wc_donation_subscription_table.display-after::after {
    display: block;
}

.in-action-elements:before,
.single-product .wc_donation_subscription_table:before {
    content: '';
    width: 100%;
    height: 100%;
    background: #fff;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    display: none;
}

.in-action-elements:after,
.single-product .wc_donation_subscription_table:after {
    content: '';
    width: 40px;
    height: 40px;
    background: #0c9f7d;
    position: absolute;
    top: -76px;
    left: 0;
    border-radius: 4px;
    animation: jump7456 0.5s linear infinite;
    right: 0;
    margin: auto;
    bottom: 0;
    z-index: 2;
    display: none;
}

@keyframes jump7456 {
    15% {
        border-bottom-right-radius: 3px;
    }

    25% {
        transform: translateY(9px) rotate(22.5deg);
    }

    50% {
        transform: translateY(18px) scale(1, .9) rotate(45deg);
        border-bottom-right-radius: 40px;
    }

    75% {
        transform: translateY(9px) rotate(67.5deg);
    }

    100% {
        transform: translateY(0) rotate(90deg);
    }
}

/* @keyframes shadow324 {

    0%,
    100% {
        transform: scale(1, 1);
    }

    50% {
        transform: scale(1.2, 1);
    }
} */

@media print,
screen and (min-width: 64em) {
    .page-my-account .woocommerce-MyAccount-content {
        padding-left: 0%;
    }
}

.page-my-account .woocommerce-MyAccount-content .shop_table {
    width: 100%;
}

.page-my-account .woocommerce-MyAccount-content .shop_table.wps_sfw_details tr:first-child td {
    font-weight: bold;
}

.page-my-account .woocommerce-MyAccount-content .shop_table tr td,
.page-my-account .woocommerce-MyAccount-content .shop_table tr th {
    text-align: left;
}

.page-my-account .woocommerce-MyAccount-content a.wps_sfw_cancel_subscription {
    color: #fff;
    background: #e71321;
    height: auto;
    padding: 12px 20px;
    min-width: 8.25rem;
}

.page-my-account .woocommerce-MyAccount-content a.wps_sfw_cancel_subscription:hover {
    background: #c01f2a;
}

.page-my-account .woocommerce-MyAccount-content .wps_sfw_account_show_subscription a {
    font-weight: 400;
    color: #fff;
    background: #0C9F7D;
    padding: 10px 17px;
    min-width: 8.25rem;
    border-radius: 30px;
    text-decoration: none;
}

.page-my-account .woocommerce-MyAccount-content .wps_sfw_account_show_subscription a:hover {
    background: #0e745d;
}

.wps_sfw_account_wrap table tbody td {
    vertical-align: middle;
    font-size: 15px;
}

@media print,
screen and (min-width: 768px) {
    .single-product .wc_donation_subscription_table table tr:nth-child(2) td:nth-child(2) input#wps_sfw_subscription_number {
        width: calc(100% - 39px) !important;
        border-radius: 5px !important;
        height: 43px;
    }

    .single-product .wc_donation_subscription_table table tr:nth-child(2) td:nth-child(3) select {
        width: calc(100% + 19px) !important;
        border-radius: 5px !important;
        font-size: 14px;
    }

    .wps_sfw_subscription_interval {
        writing-mode: sideways-lr;
        overflow: auto;
        font: inherit;
        field-sizing: content;
        text-transform: capitalize;
        padding: 0;
        margin: 0;
        appearance: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        background: none;
    }

    .wps_sfw_subscription_interval option {
        writing-mode: horizontal-tb;
        padding: 12px 15px;
        margin-bottom: 0;
        border-right: 1px solid #0C9F7D;
    }

    .woocommerce-checkout .wps_sfw_subscription_interval option {
        padding: 12px 12px;
    }

    .woocommerce-checkout .wc_donation_subscription_selectors {
        width: calc(100% - 0px) !important;
    }

    .wps_sfw_subscription_interval option:last-child {
        border-right: 0px solid #0C9F7D;
    }

    select:-internal-list-box option:checked {
        background-color: #0C9F7D;
        color: #fff;
    }
}

@media print,
screen and (max-width: 767px) {
    .single-product .wc_donation_subscription_table table tr:nth-child(2) td:nth-child(2) input#wps_sfw_subscription_number {
        width: 100% !important;
        border-radius: 5px !important;
        height: 43px;
    }

    .single-product .wc_donation_subscription_table table tr:nth-child(2) td:nth-child(3) select {
        width: 100% !important;
        border-radius: 5px !important;
        font-size: 14px;
        height: 43px;
        padding: 10px 10px !important;
    }

    .woocommerce-checkout .wc_donation_subscription_table table tr:nth-child(2) td:nth-child(3) select {
        width: 100% !important;
        border-radius: 5px !important;
        padding: 10px 10px !important;
        margin: 0;
        height: 42px !important;
    }

    .woocommerce-checkout .wc_donation_subscription_selectors,
    .woocommerce-checkout .wc_donation_subscription_table table tr:nth-child(2) td:nth-child(2) input#wps_sfw_subscription_number {
        width: 100% !important;
    }

    .wc-donation-in-action .row1 {
        width: 100%;
        justify-content: space-between;
    }

    .wc-label-button {
        min-width: auto;
        width: auto;
        flex: 0 0 48%;
        box-sizing: border-box;
    }

    .single-product .price-wrapper {
        width: 100%;
    }

    span.button {
        min-width: 100%;
        font-size: 12px;
        display: block;
        padding: 13px 15px;
    }

    .single-product .wc_donation_subscription_table table tr:nth-child(2) td:nth-child(2),
    .single-product .wc_donation_subscription_table table tr:nth-child(2) td:nth-child(3) {
        width: 100%;
        display: inline-block;
    }
}

@media print,
screen and (max-width: 425px) {
    .single-product select#wps_sfw_subscription_interval {
        font-size: 14px;
    }
}

@media print,
screen and (max-width: 320px) {
    .wc-label-button {
        min-width: auto;
        width: auto;
        flex: 0 0 47%;
        box-sizing: border-box;
    }
}

/*New home page css here*/

* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

img {
    width: 100%;
    height: 100%;
}

.header__row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 0px 45px 0px;
}

.header__logoWrap {
    max-width: 20%;
    height: 60px;
    margin: 15px 0px 0px;
}

.header-menuWrap {
    max-width: 70%;
    width: 100%;
}

.cell.shrink.rightCartWrap {
    flex: 0;
}

.header__logoWrap img {
    object-fit: contain;
}

.header__label {
    padding: 35px 0px;
    display: flex;
    align-items: center;
    max-width: 30%;
    width: 100%;
    justify-content: flex-end;
}

form.formSearchWrap {
    display: flex;
}

.header__label a {
    color: #0d8845;
    text-decoration: none;
    font-size: 16px;
    font-weight: 700;
    font-family: "Montserrat", sans-serif;
}

.textContainer {
    background: #00ab53;
    color: #fff;
    text-align: center;
    padding: 50px 70px;
}

.textContainer__title h2 {
    font-size: 35px;
    font-weight: 700;
    line-height: 1.2;
    font-family: "Montserrat", sans-serif;
}

.textContainer__title {
    padding-bottom: 10px;
}

.textContainer__content p {
    font-size: 18px;
    line-height: 1.5;
    font-family: "Montserrat", sans-serif;
    opacity: 1;
    font-weight: 600;
}

.imgCarousel .owl-theme .owl-nav {
    margin-top: 10px;
    position: absolute;
    top: calc(50% - 40px);
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.owl-prev span,
.owl-next span {
    display: none;
}

.owl-prev::before {
    content: "";
    background: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F><svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="100" height="100"><path d="M0 0 C0.87696533 0.00757324 1.75393066 0.01514648 2.6574707 0.02294922 C9.43084031 0.19487171 15.10377379 1.177276 21.125 4.4375 C21.89714844 4.85 22.66929688 5.2625 23.46484375 5.6875 C33.94233227 11.99190335 41.308623 21.56994844 44.66259766 33.32104492 C47.47339679 46.18631298 45.52797238 59.96728201 38.48046875 71.015625 C31.53806922 80.48110879 21.83293462 87.98541978 10.125 90.4375 C-5.78205407 91.7684422 -18.35302257 89.94181661 -30.875 79.4375 C-41.31951087 69.74426097 -45.27529123 58.55259677 -45.875 44.4375 C-45.41683299 31.47580739 -40.19624465 20.93143526 -31.296875 11.62890625 C-22.31903249 3.50540682 -11.98734014 -0.14572165 0 0 Z " fill="%2300AB53" transform="translate(49.875,4.5625)"/><path d="M0 0 C-0.41421969 4.83256305 -2.46413986 6.82679218 -6 10 C-4.90102929 12.56426499 -3.96330723 14.03345517 -1.875 15.9375 C0 18 0 18 0.25 20.75 C0.1675 21.4925 0.085 22.235 0 23 C-3.98874822 22.44982783 -5.98075809 20.51312134 -8.8125 17.75 C-9.62332031 16.98171875 -10.43414062 16.2134375 -11.26953125 15.421875 C-13 13 -13 13 -13 10.47265625 C-11.81948059 7.55363755 -10.42720209 5.89395976 -8.1875 3.6875 C-7.50042969 2.99011719 -6.81335937 2.29273438 -6.10546875 1.57421875 C-4 0 -4 0 0 0 Z " fill="%23FAFDFB" transform="translate(54,39)"/></svg>');
    width: 50px;
    height: 50px;
    background-position: center;
    position: absolute;
    border-radius: 50%;
    left: 30px;
    background-size: contain;
}

.owl-next::before {
    content: "";
    background: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F><svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="100" height="100"><path d="M0 0 C0.87696533 0.00757324 1.75393066 0.01514648 2.6574707 0.02294922 C9.43084031 0.19487171 15.10377379 1.177276 21.125 4.4375 C21.89714844 4.85 22.66929688 5.2625 23.46484375 5.6875 C33.94233227 11.99190335 41.308623 21.56994844 44.66259766 33.32104492 C47.47339679 46.18631298 45.52797238 59.96728201 38.48046875 71.015625 C31.53806922 80.48110879 21.83293462 87.98541978 10.125 90.4375 C-0.45956586 91.32310995 -11.33947572 91.60055883 -20.875 86.4375 C-21.64714844 86.025 -22.41929688 85.6125 -23.21484375 85.1875 C-33.01114314 79.29297456 -40.50152017 70.38725328 -43.875 59.4375 C-46.88989975 46.17484003 -46.26899238 34.33490249 -39.69921875 22.29296875 C-30.50404114 7.89966076 -17.10419776 -0.20792368 0 0 Z " fill="%2300AB53" transform="translate(49.875,4.5625)"/><path d="M0 0 C4.26377576 0.50866097 6.33650972 1.74539623 9.375 4.75 C10.08398438 5.42546875 10.79296875 6.1009375 11.5234375 6.796875 C13 9 13 9 13 11.46484375 C11.74195179 14.65419252 10.0741215 16.42282319 7.625 18.8125 C6.83351563 19.60269531 6.04203125 20.39289062 5.2265625 21.20703125 C3 23 3 23 0 23 C-0.375 20.875 -0.375 20.875 0 18 C1.79340357 15.76086748 3.83452663 13.87545461 6 12 C4.90101148 9.43569346 3.93214232 7.93613395 1.875 6 C0 4 0 4 0 0 Z " fill="%23FBFDFC" transform="translate(46,39)"/></svg>');
    width: 50px;
    height: 50px;
    background-position: center;
    position: absolute;
    border-radius: 50%;
    right: 30px;
    background-size: contain;
}

.imgCarousel {
    width: 100%;
}

.imgCarousel .item {
    margin: 0;
    padding: 0;
}

.imgCarousel .item img {
    width: 100%;
    display: block;
}

@media (max-width:768px) {
    .textContainer {
        padding: 25px 20px;
    }

    .textContainer__title h2 {
        font-size: 28px;
    }

    .textContainer__content p {
        font-size: 16px;
    }

    .header__label a {
        font-size: 14px;
    }

    .header__row {
        padding: 0px 10px 0px;
    }

    .owl-prev::before {
        content: "";
        width: 30px;
        height: 30px;
    }

    .owl-next::before {
        content: "";
        width: 30px;
        height: 30px;
    }

    .imgCarousel .owl-theme .owl-nav {
        top: calc(50% - 20px);
    }

}





.custom-header {
    background: #fff;
}

.custom-header a {
    color: #00ab53;
}

.custom-header .mobile_menu__menu {
    background: #ffffff;
    color: #0c0a0a;
}

.custom-header .mobile_menu__search input[type="search"] {
    border: 1px solid #00ab53;
    color: #00ab53;
}

.custom-header .mobile_menu__menu {
    top: 76px;
}

.custom-header .mobile_menu__menu li,
.mobile_menu__menu a {
    color: #00ab53;
}

.custom-header .icon svg {
    display: inline-block;
    width: 1em;
    height: 1em;
    stroke-width: 0;
    stroke: rgb(0 171 83);
    fill: rgb(0 171 83);
}

.custom-header li {
    margin-left: 1.7rem;
}

.custom-header .header-primary__nav ul {
    flex-wrap: wrap;
}

.custom-header .hamburger-inner,
.custom-header .custom-header .hamburger-inner::before,
.custom-header .hamburger-inner::after {
    background-color: #000000;
}

.custom-header .hamburger.is-active .hamburger-inner,
.custom-header .hamburger.is-active .hamburger-inner::before,
.custom-header .hamburger.is-active .hamburger-inner::after {
    background-color: #000000;
}

@media(max-width:1500px) {
    .custom-header .header-primary__nav ul {
        justify-content: center;
    }
}

@media(min-width:64em) {
    .custom-header .header-primary__logo img {
        height: 3.8rem;
    }
}

/**************Images Boxes*****************/
section.section.-images_boxes.-padding-top-none.-padding-bottom-none {
    padding-top: inherit;
    padding-bottom: 3.875rem;
}

.image-row {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 20px;
}

.image-card a {
    text-decoration: none;
}

.image-card {
    width: calc(25% - 15px);
    text-align: center;
}

.image-card img {
    width: 100%;
    height: 270px;
    object-fit: cover;
    display: block;
}

.image-card h4 {
    font-size: 16px;
    background: #00ab53;
    color: #fff;
    padding: 20px;
    font-weight: 600;
}

@media (max-width: 1100px) {
    .image-card img {
        height: 200px;
    }
}

@media (max-width: 768px) {
    .image-card {
        width: 45%;
    }

    .image-card img {
        height: 260px;
    }
}

@media (max-width: 600px) {
    .image-card img {
        height: 220px;
    }
}

@media (max-width: 480px) {
    .image-card {
        width: 100%;
    }

    .image-card img {
        height: auto;
    }
}

/**************Images Boxes*****************/
#nab_card_details .form-row-first {
    position: relative;
}

#nab_card_details .form-row-first #jsCardType {
    position: absolute;
    right: 11px;
    top: 34px;
}

/**************Popup CSS for Register*****************/
.success-popup {
    width: 100%;
    display: flex;
    padding: 1em 0 5em 0;
}

.success-popup .card {
    position: relative;
    z-index: 555;
    max-width: 38rem;
    min-height: 17rem;
    width: calc(100% - 30px);
    display: grid;
    place-content: center;
    place-items: center;
    text-align: center;
    box-shadow: 0.063em 0.75em 1.563em rgb(0 0 0 / 78%);
    border-radius: 1rem;
}

.page-thankyou h1 {
    font-size: 2.1rem;
}

@media screen and (min-width: 33.75rem) {
    .success-popup .card {
        min-height: 15rem;
    }
}

.success-popup .card-header {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 0.8em 0.8em 0em 1.5em;
}

.success-popup .card-header .close {
    color: #fff;
    width: 2.5rem;
    cursor: pointer;
}

.success-popup .card-body {
    width: 100%;
    padding: 0.7em 2em 0.5em 2em;
    text-align: left;
}

@media screen and (min-width: 33.75rem) {
    .success-popup .card-body {
        display: flex;
        text-align: unset;
    }
}

.success-popup .card-body .icon {
    width: 3rem;
    fill: #fff;
}

@media screen and (min-width: 33.75rem) {
    .success-popup .card-body>div {
        display: flex;
        flex-direction: column;
        row-gap: 12px;
    }
}

.success-popup .card-body h3 {
    text-align: left;
    color: #fff;
    font-size: 1.2rem;
    letter-spacing: 0.035em;
    margin-top: 0.625em;
    margin-bottom: 0.5em;
    font-weight: 600;
    text-align: center;
}

.success-popup .card-body p {
    color: #fff;
    font-size: 1rem;
    line-height: 25px;
}

.success-popup .card-body span {
    display: flex;
    justify-content: center;
}

.success-popup .card-body a {
    background: #fff;
    color: #000;
    text-decoration: none;
    padding: 10px 15px;
    margin-top: 10px;
    display: inline-block;
    border-radius: 7px;
    border: 1px solid #878787;
}

.success-popup .card-body a:hover {
    background: #000;
    color: #fff;
}

.success-popup .blue {
    background: radial-gradient(ellipse at right top, #86bd4382 0%, #00ab53 45%, #00ab63 100%);
    opacity: 1;
    transition: opacity 0.25s ease-in;
    margin: auto;
}

.error-popup {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 5em 0;
    position: fixed;
    top: 0;
    z-index: 9999;
    text-align: center;
    height: 100vh;
    background: #33333399;
}

.error-popup .card {
    position: relative;
    z-index: 555;
    max-width: 38rem;
    min-height: 15rem;
    width: 90%;
    display: grid;
    place-content: center;
    place-items: center;
    text-align: center;
    box-shadow: 0.063em 0.75em 1.563em rgb(0 0 0 / 78%);
    border-radius: 1rem;
}

@media screen and (min-width: 33.75rem) {
    .error-popup .card {
        min-height: 15rem;
    }
}

.error-popup .card-header {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 0.8em 0.8em 0em 1.5em;
}

.error-popup .card-header .close {
    color: #fff;
    width: 2.5rem;
    cursor: pointer;
}

.error-popup .card-body {
    width: 100%;
    padding: 0.7em 2em 0.5em 2em;
    text-align: left;
}

@media screen and (min-width: 33.75rem) {
    .error-popup .card-body {
        display: flex;
        text-align: unset;
    }
}

.error-popup .card-body .icon {
    width: 3rem;
    fill: #fff;
}

@media screen and (min-width: 33.75rem) {
    .error-popup .card-body>div {
        margin-left: 2em;
    }
}

.error-popup .card-body h3 {
    text-align: left;
    color: #fff;
    font-size: 1.2rem;
    letter-spacing: 0.035em;
    margin-top: 0.625em;
    margin-bottom: 0.5em;
    font-weight: 600;
}

.error-popup .card-body p {
    text-align: left;
    color: #fff;
    font-size: 1rem;
    letter-spacing: 0.031rem;
}

.error-popup .red {
    background: radial-gradient(ellipse at right top, #e30c1b5c 0%, #d6111ecf 45%, #a00c16 100%);
    opacity: 1;
    transition: opacity 0.25s ease-in;
    margin: auto;
}

/**************Popup CSS for Register*****************/

/**************Remove Login Fields from login Page*****************/
body.page-admin-dashboard .login_form .tml-log-wrap,
body.page-admin-dashboard .login_form .tml-pwd-wrap,
body.page-admin-dashboard .login_form .tml-rememberme-wrap,
body.page-admin-dashboard .login_form .tml-submit-wrap {
    display: none
}

body.page-admin-dashboard .login_form .tml-login form a .mo_oauth_login_button.mo_oauth_login_button_text {
    height: 50px;
    display: flex !important;
    align-items: center;
}

body.page-admin-dashboard .login_form .tml-login form a .mo_oauth_login_button.mo_oauth_login_button_text i.mo_oauth_login_button_icon {
    margin-left: 15px;
    margin-right: 15px;
    font-size: 30px;
    height: auto;
    padding-top: 0px;
    line-height: 30px;
}

/**************Remove Login Fields from login Page*****************/