.cc-error {
    display: none;
}

.memberpressproduct-template-default.single.single-memberpressproduct {
    background-image: url(/wp-content/uploads/2026/03/BG.png);
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: cover;
}


body:not(.elementor-motion-effects-element-type-background), .elementor-motion-effects-container > .elementor-motion-effects-layer {
    background-size: 100% 100% !important;
    background-attachment: fixed;
}

.swal-astra-popup {
    background: url(https://astra-alerts.ropstam.dev/wp-content/uploads/2026/04/Container-5.png);
    backdrop-filter: blur(8px);
    border-radius: 30px;
    background-size: 100% 100%;
    padding: 50px !important;
    width: 38%;
}

.swal-astra-popup .swal-astra-actions {
    gap: 10px;
    justify-content: space-between;
    width: 100%;
}

.swal-astra-popup .swal-astra-text {
    color: #DDCEBD !important;
    font-family: "Raleway" !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 24px !important;
    text-transform: uppercase;
    text-align: left;
    padding: 21px 0px;
}

.swal-astra-popup .swal-astra-actions button {
    font-family: "Raleway" !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    border: 0px;
    padding: 14px 29px;
    width: 48%;
    border-radius: 50px !important;
}

.swal-astra-popup .swal-astra-confirm {
    background: #EA4335E5 !important;
    color: #DDCEBD !important;
}

.swal-astra-popup .swal-astra-cancel {
    background: #DDCEBD33;
    color: #DDCEBD;
    border: 1px solid #ddcebd3b;
}

.swal-astra-popup .swal-astra-cancel:hover {
    background: white;
    color: #125574;
}

.swal-astra-popup .swal-astra-title {
    color: #DDCEBD !important;
    font-family: "Bebas Neue" !important;
    font-size: 34px !important;
    font-weight: 500 !important;
    line-height: 24px !important;
    text-transform: uppercase;
    text-align: left;
    padding: 0px;
}

/*.swal-astra-popup.swal2-popup.swal2-modal.swal-astra-popup.swal2-show {*/
/*    background: url(https://astra-alerts.ropstam.dev/wp-content/uploads/2026/04/Container-5.png);*/
/*    backdrop-filter: blur(8px);*/
/*    border-radius: 30px;*/
/*    background-size: 100% 100%;*/
/*    padding: 50px !important;*/
/*    width: 38%;*/
/*}*/
/*.swal-astra-popup .swal2-actions.swal-astra-actions {*/
/*      gap: 10px; */
/*    justify-content: space-between;*/
/*    width: 100%;*/
/*}*/
/*div#swal2-html-container {*/
/*   color: #DDCEBD !important;*/
/*    font-family: "Raleway" !important;*/
/*    font-size: 14px !important;*/
/*    font-weight: 400 !important;*/
/*    line-height: 24px !important;*/
/*    text-transform: uppercase;*/
/*    text-align: left;*/
/*    padding: 21px 0px;*/
/*}*/
/*.swal2-actions.swal-astra-actions button {*/
/*    font-family: "Raleway" !important;*/
/*    font-size: 14px !important;*/
/*    font-weight: 700 !important; */
/*    border: 0px;*/
/*        padding: 14px 29px;*/
/*            width: 48%;*/
/*                border-radius: 50px !important;*/
/*}*/
/*button.swal2-cancel.swal-astra-cancel:hover {*/
/*    background: white;*/
/*    color: #125574;*/
/*}*/
/* button.swal2-confirm.swal-astra-confirm {*/
/*    background: #EA4335E5 !important;*/
/*    color: #DDCEBD !important;*/
/*}*/
/*button.swal2-cancel.swal-astra-cancel {*/
/*    background: #DDCEBD33;*/
/*    color: #DDCEBD;*/
/*    border: 1px solid #ddcebd3b;*/
/*}*/
/*h2#swal2-title{*/
/*        color: #DDCEBD !important;*/
/*    font-family: "Bebas Neue" !important;*/
/*    font-size: 34px !important;*/
/*    font-weight: 500 !important;*/
/*    line-height: 24px !important;*/
/*    text-transform: uppercase;*/
/*    text-align: left;*/
/*    padding: 0px;*/
/*}*/
/*main.memberpressproduct{*/
/*    padding-top:180px;*/
/*}*/
.breaifinglastbtn button:hover {
    background: #72d8e4 !important;
    color: black !important;
}

.account-header {
    display: none;
}

.astra-briefing.newsletter .card h3 {
    font-weight: 700;
    line-height: 26px;
}
.mp-password-strength-display{
    /*display: none;*/
}

.login .mepr_error,.mepr_error {
    background: rgba(10, 20, 35, 0.55) !important;
    border: 1px solid rgba(210, 75, 75, 0.55);
    border-left: 3px solid #c0453a;
    border-radius: 8px;
    padding: 11px 14px !important;
    margin-bottom: 1rem;
    /*display: none;*/
    align-items: center;
    gap: 10px;
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    animation: aa-shake 0.35s ease;

}


#mepr_signup_form .mepr-checkbox-field {
    display: flex;
    align-items: center;
    cursor: pointer;
    user-select: none;
}

#mepr_signup_form .mepr-checkbox-field input[type="checkbox"] {
    appearance: none !important;
    -webkit-appearance: none !important;
    width: 11px !important;
    height: 11px !important;
    border: 1px solid #DDCEBDCC !important;
    border-radius: 50% !important;
    background: transparent !important;
    cursor: pointer !important;
    position: relative !important;
    backdrop-filter: none !important;
    padding: 8px 8px !important;
    margin-bottom: -4px;
    margin-right: 5px;
    flex-shrink: 0;
    transition: border-color 0.2s;
}

/* Filled dot on check */
#mepr_signup_form .mepr-checkbox-field input[type="checkbox"]::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0);
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #DDCEBD;
    transition: transform 0.18s ease;
}

#mepr_signup_form .mepr-checkbox-field input[type="checkbox"]:checked::after {
    transform: translate(-50%, -50%) scale(1);
}

#mepr_signup_form .mepr-checkbox-field a {
    color: #72D8E4 !important;
    font-family: "Raleway" !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 24px !important;
    text-transform: uppercase;
    transition: color 0.15s;
}

#mepr_signup_form .mepr-checkbox-field a:hover {
    color: #DDCEBD;
}

#mepr_signup_form .cc-error {
    font-family: "Raleway" !important;
}

form#mepr_signup_form label.mepr-checkbox-field.invalid {
    border: none !important;
    background-color: transparent !important;
}

#mepr_signup_form .invalid a {
    color: red !important;
}

.page-header.member-single,
.page-content.override ul.setplanui {
    display: none;
}

.mepr-account-container ul {
    list-style: none;
    margin: 0;
}

/* header */
.headerbg {
    background-size: 100% 100% !important;
    backdrop-filter: blur(2px);
}

.headerbg .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before, .headerbg .elementor-item.elementor-item-active:before, .headerbg .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item.elementor-item-active:after {
    border: 2px solid #DDCEBD66 !important;
}

body.elementor-page-9:not(.elementor-motion-effects-element-type-background) {
    background-size: 100% 100% !important;
    background-attachment: fixed;
}

/* header end */

/* header footter none */
.page-template-page-signup header#site-header, .page-template-page-signup footer#site-footer, .page-template-page-login header#site-header, .page-template-page-login footer#site-footer, .page-id-1502 footer.elementor-location-footer, .page-id-1502 header#site-header, .parent-pageid-1454 header#site-header, .parent-pageid-1454 footer.elementor.elementor-645.elementor-location-footer {
    display: none !important;
}

/* header footer none end */

/* Home page css */

.bgblurandsetting {
    background-size: 100% 100% !important;
    backdrop-filter: blur(2px);
}

.onlysizefull {
    background-size: 100% 100% !important;
}

.fulwidthbtn a {
    width: 100%;
}

span.littletext {
    font-size: 22px;
}

.gifremovere img {
    mix-blend-mode: lighten;
}

.fullwodthbtnposts a {
    width: 100%;
}

.fullwodthbtnposts .elementor-button {
    padding: 6px 24px;
}

.hompageloop span.swiper-pagination-bullet.swiper-pagination-bullet-active {
    border-radius: 2px;
    font-size: 20px !important;
    height: 10px;
    width: 10px;
    opacity: .9;
}

.hompageloop .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal {
    display: flex;
    align-items: center;
}

.hompageloop span.swiper-pagination-bullet {
    opacity: .6;
}

button.btn.cancel-btn {
    background-color: #E5DBCF33;
    color: #E5DBCF;
    border-color: #ccc #bbb #aaa;
}

button.btn.cancel-btn:hover {
    background: #e6d3b3;
    color: #125574;
    text-decoration: none;
}

/* Home page css end */

/* Footer css */
.subscribeformfooter .elementor-form-fields-wrapper.elementor-labels- {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: nowrap;
    background: #DDCEBD;
    padding: 7px 4px;
    border-radius: 50px;
}

.subscribeformfooter .elementor-field-type-email.elementor-field-group.elementor-column.elementor-field-group-email.elementor-col-100.elementor-field-required, .subscribeformfooter .e-form__buttons {
    margin: 0px !important;
}

/* Footer css end */


/*login signup setting*/
input#payment-numberInput, form#mepr_forgot_password_form input, form#mepr_signup_form input, form#mepr_loginform input {
    background: #fde9d30d !important;
    border: 2px solid #DDCEBD66 !important;
    border-radius: 50px !important;
    padding: 20px 25px !important;
    color: #DDCEBD !important;
    font-family: "Raleway" !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 24px !important;
    backdrop-filter: blur(5px);
    margin-bottom: 10px;
    margin-top: 10px;
}

input#payment-numberInput::placeholder, form#mepr_forgot_password_form input::placeholder, form#mepr_signup_form input::placeholder, form#mepr_loginform input::placeholder {

    color: #DDCEBD !important;
    font-family: "Raleway" !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 24px !important;
    margin-bottom: 10px;
    text-transform: uppercase;
}

.type-memberpressproduct h1.entry-title {
    color: #ddcebd;
}

form#mepr_signup_form button.button.mp-hide-pw.hide-if-no-js, form#mepr_loginform button.button.mp-hide-pw.hide-if-no-js {
    /*display: none;*/
}

form#mepr_forgot_password_form label, form#mepr_signup_form label, form#mepr_loginform label {
    color: #DDCEBD !important;
    font-family: "Raleway" !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 24px !important;
    text-transform: uppercase;
}

.mp_wrapper.forgot_pass_form > p {
    color: #DDCEBD !important;
    font-family: "Raleway" !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 24px !important;
    text-transform: uppercase;
}

.mp_wrapper.forgot_pass_form form p {
    color: #DDCEBD !important;
    font-family: "Raleway" !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    line-height: 24px !important;
    text-transform: uppercase;
    margin-top: 20px !important;
}

.mp_wrapper.forgot_pass_form p a {
    color: #72D8E4 !important;

}

.profile-menu__button-group button#user-menu-button {
    background: transparent !important;
    border: 0px;
}

.mepr-already-logged-in a {
    color: #72D8E4;
}

input#mepr_user_or_email {
    margin-top: 10px;
    color: #DDCEBD !important;
    font-family: "Raleway" !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 24px !important;
    text-transform: uppercase;
}

.mepr-already-logged-in a:hover {
    color: white;
}


.mepr-already-logged-in {
    color: #ddcebda1 !important;
    font-family: "Raleway" !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 24px !important;
    text-transform: uppercase;
}

table.mp-table th {
    color: #DDCEBD !important;
    font-family: "Raleway" !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 24px !important;
    text-transform: uppercase;
    background: none !important;
    border: 0px !important;
}

/*
table.mp-table {
    background: url(https://astra-alerts.ropstam.dev/wp-content/uploads/2026/04/Frame-2147227037.png);
    padding: 20px;
    border-radius: 40px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    backdrop-filter: blur(5px);
} */

.mp_price_str {
    color: #DDCEBD !important;
    font-family: "Raleway" !important;
    font-size: 24px !important;
    font-weight: 700 !important;
    line-height: 24px !important;
    text-transform: uppercase;
    margin-bottom: 20px;
}

table.mp-table td {
    color: #DDCEBD !important;
    font-family: "Raleway" !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 24px !important;
    text-transform: uppercase;
    background: none !important;
    border: 0px !important;
}

.mepr-login-actions a {
    color: #72D8E4;
    font-family: "Raleway" !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 24px !important;
    text-transform: uppercase;
}

form#mepr_reset_password_form label {
    color: #DDCEBD !important;
    font-family: "Raleway" !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 24px !important;
    text-transform: uppercase;
}

input#wp-submit {
    padding: 20px 25px !important;
}

input#wp-submit, input.mepr-submit, form#mepr_forgot_password_form .submit input#wp-submit, form#mepr_signup_form .mp-form-submit input.mepr-submit, form#mepr_loginform .submit input#wp-submit {
    width: 100%;
    background: #DDCEBD !important;
    color: #125574 !important;
    font-family: "Raleway" !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 24px !important;
    text-transform: uppercase;
    border: 0px !important;
}

.nsl-container-buttons a {
    display: block !important;
    width: 177px !important;
}

.nsl-container-buttons {
    flex-flow: row !important;
    flex-wrap: wrap !important;
    gap: 27px;
}

.nsl-button.nsl-button-default.nsl-button-github, .nsl-button.nsl-button-default.nsl-button-google {
    background: url(https://astra-alerts.ropstam.dev/wp-content/uploads/2026/04/Group-1-6.png) !important;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50px;
    padding: 11px 37px;
    border: 1px solid #ffffff33;
    background-size: 107% 100% !important;
    backdrop-filter: blur(5px);
    box-shadow: none !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    color: #FEFCF6 !important;
    font-family: "Raleway" !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 24px !important;
    text-transform: uppercase;
}

.nsl-button-label-container {
    overflow: visible;
}

.nsl-button-label-container b {
    color: #FEFCF6 !important;
    font-family: "Raleway" !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 24px !important;
    text-transform: uppercase;
}

.mepr_error {
    background: transparent;
    border: 1px solid red !important;
    font-family: "Raleway" !important;
    font-size: 14px !important;
    border-radius: 10px;
    font-weight: 400 !important;
    padding: 20px 19px !important;
    font-size: 13px;
    font-style: italic;
}

input#mepr_no_val {
    display: none;
}

span.mepr-form-has-errors {
    display: none;
}

input.mepr-submit {
    margin-bottom: 67px !important;
}

.memberpress.divider span::before, .memberpress.divider span::after {
    content: "";
    position: absolute;
    top: 26%;
    width: 120px;
    height: 10px;
    background: url(https://astra-alerts.ropstam.dev/wp-content/uploads/2026/04/Line-16.png) no-repeat center;
    background-size: contain;
}

.memberpress.divider span::before {
    left: 25px;
}

.memberpress.divider span::after {
    right: 25px;
}

.memberpress-action-btn {
    display: flex;
    justify-content: space-between;
}

.mepr-login-actions {
    width: 209px;
    display: flex;
    justify-content: flex-end;
}

.memberpress.divider {
    text-align: center;
    color: #DDCEBDCC;
    font-family: "Raleway" !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 24px !important;
    text-transform: uppercase;
    position: relative;
    margin-top: 20px;
    margin-bottom: 20px;
}

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

.register-prompt span {
    color: #FEFCF6;
    font-family: "Raleway" !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 24px !important;
    text-transform: uppercase;
}

.register-prompt a {
    color: #72D8E4;
    font-family: "Raleway" !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 24px !important;
    text-transform: uppercase;
}

.memberpress-action-btn #rememberme {
    appearance: none !important;
    -webkit-appearance: none !important;
    width: 11px !important;
    height: 11px !important;
    border: 1px solid #DDCEBDCC !important;
    border-radius: 50% !important;
    background: #00000000 !important;
    cursor: pointer !important;
    position: relative !important;
    backdrop-filter: none !important;
    padding: 8px 8px !important;
    margin-bottom: -4px;
    margin-right: 5px;
}

/* Checked state */
.memberpress-action-btn #rememberme:checked {
    background-color: #333; /* fill when checked */
}

/* Optional: inner dot */
.memberpress-action-btn #rememberme:checked::after {
    content: "";
    width: 8px;
    height: 8px;
    background: #fff;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.mepr-login-actions a:hover, .register-prompt a:hover {
    color: white !important;
}

span.cc-error {
    color: red;
    font-family: "Raleway" !important;
    font-size: 8px !important;
    font-weight: 400 !important;
    line-height: 24px !important;
    text-transform: capitalize;
    letter-spacing: .81px;
}


/*login signup end*/


/* Wrapper */
.membership-table {
    margin: 40px auto;
    border-radius: 15px;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.2);
    background: #062f3a;
    font-family: Arial, sans-serif;
}

/* Table */
.membership-table__inner {
    width: 100%;
    border-collapse: collapse;
    color: #cfe7ef;
}

/* Header */
.membership-table__head th {
    padding: 27px 18px;
    vertical-align: middle;
    color: #DDCEBD !important;
    font-weight: 600;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    border-right: 1px solid rgba(255, 255, 255, 0.1);
    text-align: left;
    font-size: 24px;
    font-weight: 700;
    line-height: 54px;
    text-transform: uppercase;
    font-family: "Raleway" !important;
}

/* First column left align */
.membership-table__head th:first-child,
.membership-table__body td:first-child {
    text-align: left;
    width: 40%;
    vertical-align: middle;
}

.membership-table__head th:first-child {
    font-family: "Bebas Neue" !important;
    font-size: 44px;
    font-weight: 400;
    line-height: 54px;
    text-transform: uppercase;
    color: #DDCEBD !important;
}

.membership-table__body td:first-child {
    font-family: "Raleway" !important;
    font-size: 24px;
    font-weight: 700;
    line-height: 26px;
    text-transform: uppercase;
    color: #DDCEBD !important;
}

.newsletterform .e-form__buttons {
    width: 100% !important;
}


/* Body */
.membership-table__body td {
    padding: 30px 18px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.15);
    border-right: 1px solid rgba(255, 255, 255, 0.1);
    text-align: left;
    font-size: 18px;
    font-weight: 700;
    line-height: 54px;
    text-transform: uppercase;
    font-family: "Raleway" !important;
    color: #DDCEBD !important;
    vertical-align: middle;
}

/* Remove last borders */
.membership-table__body tr:last-child td {
    border-bottom: none;
}

.membership-table__inner th:last-child,
.membership-table__inner td:last-child {
    border-right: none;
}

table tbody > tr:nth-child(odd) > td, table tbody > tr:nth-child(odd) > th {
    background-color: transparent;
}

/* Title */
.membership-table__title {
    font-weight: bold;
    letter-spacing: 1px;
}

/* Icons */
.membership-table__check {
    color: #DDCEBD !important;
    font-weight: bold;
}

tbody.membership-table__body img.emoji {
    filter: invert(1);
}

.membership-table__cross {
    color: #DDCEBD !important;
    opacity: 1;
}


/*login signup page*/

.login.astradashboard.fullbgset {
    padding: 0px;
}

.login .sidebarloginwraper {
    width: 35%;
    padding: 40px 50px;
}

.login .astradashboard-logo {
    border-bottom: 0px;
}

main.loginmain {
    background: url(https://astra-alerts.ropstam.dev/wp-content/uploads/2026/04/Frame-2147227046.png) !important;
    background-size: 100% 100% !important;
    display: flex !important;
    width: 65%;
    align-items: center;
    justify-content: center;
    align-content: center;
    padding: 200px 60px;
}

.headsingcontent {
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
    max-width: 600px;
    margin: 0 auto;
}

.headsingcontent h1.loginmaintitle {
    text-align: center;
}

.headsingcontent p {
    font-family: "Raleway" !important;
    font-size: 22px;
    font-weight: 600;
    line-height: 32px;
    text-transform: uppercase;
    color: #DDCEBD !important;
    text-align: center;
}

.mainwrapperset {
    width: 100%;
}

.login-card {
    padding: 25px;
    border-radius: 40px;
    background: url(https://astra-alerts.ropstam.dev/wp-content/uploads/2026/04/Container-11.png);
    backdrop-filter: blur(5px);
    background-size: 100% 100%;
    min-width: 27% !important;
}

.headsingloginform p {
    font-family: "Raleway" !important;
    font-size: 18px !important;
    font-weight: 400 !important;
    line-height: 30px !important;
    text-transform: uppercase !important;
    color: #DDCEBD !important;
}

.formsset {
    padding: 10px 20px;
}

.logincards {
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    gap: 50px;
    margin-top: 80px;
    flex-wrap: wrap;
}

.login-card h2.number {
    text-align: center;
    width: 100% !important;
    max-width: 100%;
    border: 0px;
}

.login-card p {
    font-family: "Raleway" !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    line-height: 24px !important;
    text-transform: uppercase !important;
    color: #DDCEBD !important;
    text-align: center;
}

/*login signup page end*/

@media only screen and (min-width: 1930px) {

    .topheadertitle h2.elementor-heading-title.elementor-size-default {
        max-width: 667px;
    }

}

/* 1440 to 1080 setting */

.nsl-button-label-container {
    overflow: visible !important;
}

@media only screen and (max-width: 1441px) and (min-width: 1082px) {

    .swal2-popup.swal2-modal.swal-astra-popup.swal2-show {
        width: 60%;
    }

    .astra-card {
        min-width: 35% !important;
    }

    .subscribeformfooter button.elementor-button.elementor-size-sm {
        padding: 0px 15px;
    }

    .login .sidebarloginwraper {
        padding: 40px 15px;
    }

    .mepr-login-actions {
        width: 238px;
    }

    .memberpress.divider span::before {
        left: 6px;
    }

    .memberpress.divider span::after {
        right: 4px;
    }

    .astracarousel {
        max-width: 100%;
    }

    .ags-nav {
        width: 25%;
    }

    .ags-stage {
        width: 75%;
    }

    .subscribeformfooter .elementor-field-group-email {
        width: 53% !important;
    }

    .membership-table__body td:first-child {
        font-size: 20px;
    }
}

/* 1080 to 1024 setting */

@media only screen and (max-width: 1081px) and (min-width: 1023px) {

    .swal2-popup.swal2-modal.swal-astra-popup.swal2-show {
        width: 80%;
    }

    .profile-menu__text {
        display: none !important;
    }

    .ags-nav {
        width: 35%;
    }

    .ags-stage {
        width: 65%;
    }

    .ags-slide {
        display: flex;
        flex-wrap: wrap;
    }

    .ags-image-col, .ags-content {
        width: 100% !important;
    }

    .ags-stage {
        overflow: scroll;
    }

    .subscribeformfooter .elementor-field-group-email {
        width: 55% !important;
    }

    .subscribeformfooter button.elementor-button.elementor-size-sm {
        padding: 7px 13px;
    }

    .membership-table__body td:first-child {
        font-size: 16px;
    }
}

/* 1022 to 769 setting */

@media only screen and (max-width: 1022px) and (min-width: 767px) {

    .swal2-popup.swal2-modal.swal-astra-popup.swal2-show {
        width: 90%;
    }

    .ags-nav {
        width: 35%;
    }

    .ags-stage {
        width: 65%;
    }

    .ags-slide {
        display: flex;
        flex-wrap: wrap;
    }

    .ags-image-col, .ags-content {
        width: 100% !important;
    }

    button.ags-nav-btn {
        font-size: 20px !important;
        font-weight: 400 !important;
        line-height: 22px !important;
    }

    .ags-nav-btn.is-active {
        font-size: 22px !important;
        font-weight: 400 !important;
    }

    p.ags-body {
        font-size: 16px !important;
    }

    .ags-stage {
        overflow: scroll;
    }

    .membership-table__head th:first-child {
        font-size: 30px;
        line-height: 37px;
    }

    .membership-table__head th, .membership-table__body td:first-child {
        font-size: 14px;
    }
}


/* mobile to below setting */

@media only screen and (max-width: 766px) {


    h2#swal2-title {
        color: #DDCEBD !important;
        font-size: 30px !important;
        line-height: 38px !important;
        text-align: center;
    }

    div#swal2-html-container {
        text-align: center;
    }

    .swal2-actions.swal-astra-actions {
        flex-wrap: wrap;
    }

    .swal2-actions.swal-astra-actions button {
        width: 100% !important;
    }

    .swal2-popup.swal2-modal.swal-astra-popup.swal2-show {
        width: 90%;
    }

    main.loginmain, .login .sidebarloginwraper {


        width: 100%;

    }

    .ags-nav {
        width: 100%;
    }

    .ags-stage {
        width: 100%;
    }

    .ags-wrap {
        flex-wrap: wrap;
    }

    .ags-slide {
        display: flex;
        flex-wrap: wrap;
    }

    .ags-image-col, .ags-content {
        width: 100% !important;
    }

    button.ags-nav-btn {
        font-size: 20px !important;
        font-weight: 400 !important;
        line-height: 22px !important;
        width: 100%;
    }

    .ags-nav-btn.is-active {
        font-size: 22px !important;
        font-weight: 400 !important;
    }

    p.ags-body {
        font-size: 16px !important;
    }

    .ags-image-col {
        margin-top: 50px;
        margin-bottom: 50px;
        padding-top: 0px;
    }

    .ags-stage {
        overflow: scroll;
    }

    .membership-table__head th:first-child {
        font-size: 28px;
        line-height: 37px;
    }

    .membership-table__head th, .membership-table__body td:first-child {
        font-size: 14px;
    }

    .membership-table {
        overflow: scroll;
    }
}

/* Dashboard css */

/*newsletter*/

img.newsletterimg {
    width: 100%;
    border-radius: 30px;
    aspect-ratio: 400 / 275;
    object-fit: cover;
}

.newsletter button {
    width: 100% !important;
}

.newsletter h3 {
    font-family: "Bebas Neue" !important;
    font-size: 24px;
    font-weight: 700;
    line-height: 26px;
    text-transform: uppercase;
    color: #DDCEBD !important;
    letter-spacing: 0.72px;
    margin-left: 13px;
    margin-top: 10px !important
}

.newsletter p {
    margin-left: 13px;
}

.newsletter.astra-briefing .card {
    width: calc(33% - 10px);
}

.addcard button {
    border: 0px !important;
    gap: 20px;
    display: flex;
    align-content: center;
    align-items: center;
}

.paymentmethod .mmebshipcardsec {
    background: url(/wp-content/uploads/2026/03/Footer.png) !important;
}

.maindivofcontent.paymentmethod {
    max-width: 100%;
}

.payment-card {
    display: flex !important;
    justify-content: space-between;
    background: url(/wp-content/uploads/2026/04/Frame-2147227037.png) !important;
    background-size: 100% 100% !important;
    border-radius: 40px;
    backdrop-filter: blur(4px);
    margin-top: 43px;
    padding: 20px;
    width: 100%;
    background-repeat: no-repeat !important;
    align-content: flex-start;
    align-items: center;
}

.btn-del {
    display: flex;
    align-items: center;
    align-content: center;
}

.btn-del img {
    width: 45px;
}

h4.card-number {
    font-family: "Bebas Neue" !important;
    font-size: 20px;
    font-weight: 400;
    line-height: 28px;
    text-transform: uppercase;
    color: #DDCEBD !important;
    margin-top: 0px;
    margin-bottom: 5px;
}

p.card-name {
    font-family: "Raleway" !important;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    text-transform: uppercase;
    color: #ddcebda1 !important;
}

.card-expiry span {
    font-family: "Raleway" !important;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    text-transform: uppercase;
    color: #DDCEBD !important;
}

.set-default span {
    font-family: "Raleway" !important;
    font-size: 14px;
    font-weight: 700;
    line-height: 24px;
    text-transform: uppercase;
    color: #DDCEBD !important;
    margin-right: 14px;
}

.paymentcardwrapper {
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: space-between;
}

/*newsletter end*/

/*breafing saved*/

.astra-briefingsaved .imgedate {
    justify-content: flex-end;
    gap: 10px;
}

.card-left {
    display: flex;
    align-content: center;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 20px;
}

.card-right {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 30px;
}

.astra-briefingsaved .card-container {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.imgedate.dateandtime {
    justify-content: flex-start;
}

.imgedate.dateandtime div {
    display: flex;
}

.imgedate.dateandtime div {
    display: flex;
}

.astra-briefingsaved .belowimage {
    justify-content: space-between;
}

.breaifinglastbtn button {
    width: 88%;
    margin: 0px !important;
    border-radius: 50px !important;
}

.breaifinglastbtn img {
    width: 100%;
    height: 100% !important;
    position: relative;
    top: 2px;
}

.breaifinglastbtn {
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-top: 20px;
}

.astra-briefingsaved .card {
    width: calc(50% - 10px);
    background: url(https://astra-alerts.ropstam.dev/wp-content/uploads/2026/04/Frame-2147227031.png);
    padding: 20px;
    color: #fff;
    background-size: 100% 100%;
    display: block;
    border-radius: 40px;
    backdrop-filter: blur(4px);
    border: 1px solid #DDCEBD66;
}

.astra-briefingsaved .card button {
    margin-top: 15px;
    padding: 10px 20px;
    background: #d8c3a5;
    border: none;
    border-radius: 20px;
    cursor: pointer;
}

.astra-briefingsaved .card h3 {
    font-family: "Bebas Neue" !important;
    font-size: 24px;
    font-weight: 400;
    line-height: 32px;
    text-transform: uppercase;
    color: #DDCEBD !important;
    letter-spacing: 0.72px;
}

.astra-briefingsaved .card p {
    font-family: "Raleway" !important;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    text-transform: uppercase;
    color: #d8c3a591 !important;
}

.showingresult {
    font-family: "Raleway" !important;
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
    text-transform: uppercase;
    color: #d8c3a5 !important;
}

span.numberactive {
    color: #72D8E4;
    margin-left: 10px;
}

.belowdate {
    display: flex;
    justify-content: space-between;
    align-content: center;
    align-items: center;
    padding-top: 25px;
    margin-top: 25px;
    border-top: 1px solid #ffffff33;
}

.textauthor {
    font-family: "Bebas Neue" !important;
    font-size: 16px;
    font-weight: 400;
    line-height: 16px;
    text-transform: uppercase;
    color: #DDCEBD !important;
    letter-spacing: 0.72px;
    width: 300px;
}

.belowdate .imgedate img {
    width: 15px !important;
    height: 16px !important;
    margin-right: -3px;
}

.belowdate .imgedate span {
    font-family: "Bebas Neue" !important;
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    text-transform: uppercase;
    color: #DDCEBD !important;
    letter-spacing: 0.72px;
}

/* Pagination */
.astra-briefingsaved .pagination {
    text-align: center;
    justify-content: flex-end;
    display: flex;
    align-items: center;
    width: 40%;
    margin: 0px 0px;
}

.mainallingmentdic {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 55px;
    align-content: center;
}

.astra-briefingsaved .pagination span {
    display: inline-block;
    margin: 0 5px;
    padding: 8px 12px;
    background: #eee;
    cursor: pointer;
    border-radius: 6px;
}

.leftresultsets {
    display: flex;
    width: 60%;
    align-items: center;
    align-content: center;
    gap: 32px;
}

span.next, span.prev {
    background: transparent !important;
    color: #DDCEBD !important;
    display: block;
}

.astra-briefingsaved .pagination span {
    display: inline-block;
    margin: 0 5px;
    padding: 5px 16px;
    background: #03455C26;
    cursor: pointer;
    border-radius: 50px;
    color: #DDCEBD;
    font-family: "Bebas Neue" !important;
    font-size: 16px;
    font-weight: 400;
    line-height: 16px;
    text-transform: uppercase;
}

.astra-briefingsaved .pagination .active {
    background: #72D8E4;
    color: #125574;
    border-radius: 15px;
    padding: 14px 21px;
    font-size: 16px;
}


/*breafing saved end*/

/*breafing*/

.astra-briefing .imgedate {
    justify-content: flex-end;
    gap: 10px;
}

.astra-briefing .card-container {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.imgedate.dateandtime {
    justify-content: flex-start;
}

.imgedate.dateandtime div {
    display: flex;
}

.imgedate.dateandtime div {
    display: flex;
}

.astra-briefing .belowimage {
    justify-content: space-between;
}

.breaifinglastbtn button {
    width: 88%;
    margin: 0px !important;
    border-radius: 50px !important;
}

.breaifinglastbtn img {
    width: 100%;
    height: 100% !important;
    position: relative;
    top: 2px;
}

.breaifinglastbtn {
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-top: 20px;
}

.astra-briefing .card {
    width: calc(50% - 10px);
    background: url(https://astra-alerts.ropstam.dev/wp-content/uploads/2026/04/Frame-2147227031.png);
    padding: 20px;
    color: #fff;
    background-size: 100% 100%;
    display: block;
    border-radius: 55px;
    backdrop-filter: blur(4px);
    border: 1px solid #DDCEBD66;
}

.astra-briefing .card button {
    margin-top: 15px;
    padding: 10px 20px;
    background: #d8c3a5;
    border: none;
    border-radius: 20px;
    cursor: pointer;
}

.astra-briefing .card h3 {
    font-family: "Bebas Neue" !important;
    font-size: 24px;
    font-weight: 400;
    line-height: 32px;
    text-transform: uppercase;
    color: #DDCEBD !important;
    letter-spacing: 0.72px;
}

.astra-briefing .card p {
    font-family: "Raleway" !important;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    text-transform: uppercase;
    color: #d8c3a591 !important;
}

.showingresult {
    font-family: "Raleway" !important;
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
    text-transform: uppercase;
    color: #d8c3a5 !important;
}

span.numberactive {
    color: #72D8E4;
    margin-left: 10px;
}

.belowdate {
    display: flex;
    justify-content: space-between;
    align-content: center;
    align-items: center;
    padding-top: 25px;
    margin-top: 25px;
    border-top: 1px solid #ffffff33;
}

.textauthor {
    font-family: "Bebas Neue" !important;
    font-size: 16px;
    font-weight: 400;
    line-height: 16px;
    text-transform: uppercase;
    color: #DDCEBD !important;
    letter-spacing: 0.72px;
    width: 300px;
}

.belowdate .imgedate img {
    width: 15px !important;
    height: 16px !important;
    margin-right: -3px;
}

.belowdate .imgedate span {
    font-family: "Bebas Neue" !important;
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    text-transform: uppercase;
    color: #DDCEBD !important;
    letter-spacing: 0.72px;
}

/* Pagination */
.astra-briefing .pagination {
    text-align: center;
    justify-content: flex-end;
    display: flex;
    align-items: center;
    width: 40%;
    margin: 0px 0px;
}

.mainallingmentdic {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 55px;
    align-content: center;
}

.astra-briefing .pagination span {
    display: inline-block;
    margin: 0 5px;
    padding: 8px 12px;
    background: #eee;
    cursor: pointer;
    border-radius: 6px;
}

.leftresultsets {
    display: flex;
    width: 60%;
    align-items: center;
    align-content: center;
    gap: 32px;
}

span.next, span.prev {
    background: transparent !important;
    color: #DDCEBD !important;
    display: block;
}

.astra-briefing .pagination span {
    display: inline-block;
    margin: 0 5px;
    padding: 5px 16px;
    background: #03455C26;
    cursor: pointer;
    border-radius: 50px;
    color: #DDCEBD;
    font-family: "Bebas Neue" !important;
    font-size: 16px;
    font-weight: 400;
    line-height: 16px;
    text-transform: uppercase;
}

.astra-briefing .pagination .active {
    background: #72D8E4;
    color: #125574;
    border-radius: 15px;
    padding: 14px 21px;
    font-size: 16px;
}


/*breafing end*/


/* Wrapper */
.astradashboard {
    display: flex;
    min-height: 100vh;
    background: url(https://astra-alerts.ropstam.dev/wp-content/uploads/2026/04/Bganimation.png);
    background-size: 100% 100% !important;
    color: #DDCEBD;
    padding: 40px 25px 80px 25px;
    background-position: top center !important;
    background-attachment: fixed;
}

.astradashboard.fullbgset {
    background: url(https://astra-alerts.ropstam.dev/wp-content/uploads/2026/04/Bganimation.png);
    background-size: 100% 100% !important;
    background-position: top center !important;
    background-attachment: fixed !important;
}

/* Sidebar */
.astradashboard-menu li a {
    color: #ddcebd;
}

.astradashboard-menu li:hover a,
.astradashboard-menu li.mepr-active-nav-tab a {
    color: #125574 !important;
}

.astradashboard-sidebar {
    width: 20%;
    padding: 20px;
    background: url('https://astra-alerts.ropstam.dev/wp-content/uploads/2026/04/Navbar-1.png');
    background-size: 100% 100% !important;
    backdrop-filter: blur(4px);
    display: flex;
    flex-direction: column;
    border-radius: 40px;
    max-height: 1300px;
}

main.astradashboard-main {
    width: 80%;
}

.astradashboard-logo {
    font-size: 20px;
    margin-bottom: 30px;
    border-bottom: 1px solid #ddcebd57;
    padding-bottom: 20px;
}

.astradashboard-menu {
    list-style: none;
    padding: 0;
    margin: 0;
}

.astradashboard-menu li {
    padding: 12px;
    border-radius: 8px;
    cursor: pointer;
    margin-top: 5px;
    font-family: "Bebas Neue" !important;
    font-size: 18px;
    font-weight: 400;
    line-height: 21px;
    text-transform: uppercase;
    color: #DDCEBD !important;
}

/* .astradashboard-menu li.active,  */

.astradashboard-menu li:hover,
.astradashboard-menu li.mepr-active-nav-tab {
    background: #DDCEBD;
    border-radius: 4px 100px 100px 4px !important;
    padding: 12px;
    border-radius: 8px;
    cursor: pointer;
    margin-top: 5px;
    font-family: "Bebas Neue" !important;
    font-size: 18px;
    font-weight: 400;
    line-height: 21px;
    text-transform: uppercase;
    color: #125574 !important;
}

.astradashboard-membership h3 {
    font-family: "Bebas Neue" !important;
    font-size: 24px !important;
    font-weight: 400 !important;
    line-height: 32px !important;
    text-transform: uppercase !important;
    border-bottom: 1px solid #ffffff63;
    padding-bottom: 20px;
    color: white;
}

.secdivsetcaro h2 {
    font-family: "Bebas Neue" !important;
    font-size: 24px !important;
    font-weight: 400 !important;
    line-height: 40px !important;
    text-transform: uppercase !important;
    color: #EFE5D9;
}

.graaphhead h3 {
    font-family: "Bebas Neue" !important;
    font-size: 24px !important;
    font-weight: 400 !important;
    line-height: 32px !important;
    text-transform: uppercase !important;
    border-bottom: 1px solid #ffffff63;
    padding-bottom: 20px;
    color: #EFE5D9;
}

.astradashboard-logout {
    margin-top: auto;
    padding: 10px;
    background: #ff4d4d;
    border: none;
    border-radius: 8px;
    color: #fff;
}

ul.setplanui {
    list-style: none;
    padding: 0px !important;
    min-height: 181px;
    margin: 0px;
}

ul.setplanui li img {
    width: 33px;
    margin-right: 10px;
    position: relative;
    top: 9px;
}

.firstdivset {
    display: flex;
    justify-content: space-between;
    align-content: center;
    align-items: center;
}

.secdivset {
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-content: center;
    border-top: 1px solid #ffffff7d;
    padding-top: 14px;
}

ul.setplanui li {
    color: white;
    font-family: "Raleway" !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 24px !important;
    text-transform: uppercase !important;
    margin-bottom: 11px;
}

.secdivset span {
    color: white;
    font-family: "Raleway" !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 24px !important;
    text-transform: uppercase !important;
}

.textdiv p {
    color: #ffffff80;
    font-family: Raleway !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    line-height: 24px !important;
    text-transform: uppercase !important;
}

.textdiv h5 {
    color: white;
    font-family: Raleway !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 24px !important;
    text-transform: uppercase !important;
    margin-bottom: 0px !important;
}

.astradashboard-plan {
    padding: 30px 20px;
    background: url(https://astra-alerts.ropstam.dev/wp-content/uploads/2026/04/Frame-2147227026.png);
    background-size: 100% 100%;
    border-radius: 20px;
    margin-bottom: 20px;
}

.mp-form-row.mepr_password_confirm input, .mp-form-row.mepr_password input {
    background: #fde9d30d !important;
    border: 2px solid #DDCEBD66 !important;
    border-radius: 50px !important;
    padding: 20px 25px !important;
    color: #DDCEBD !important;
    font-family: "Raleway" !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 24px !important;
    backdrop-filter: blur(5px);
    margin-bottom: 10px;
    margin-top: 10px;
    /*text-transform: uppercase !important;*/
}

.mp-form-row.mepr_password_confirm input::placeholder, .mp-form-row.mepr_password input::placeholder {

    color: #DDCEBD !important;
    font-family: "Raleway" !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 24px !important;
    text-transform: uppercase !important;
}

.mp_wrapper.reset_pass_field p {
    font-family: "Raleway" !important;
    font-size: 18px !important;
    font-weight: 400 !important;
    line-height: 30px !important;
    text-transform: uppercase !important;
    color: #DDCEBD !important;
}

.mp_wrapper.reset_pass_field p:nth-of-type(2) {
    position: relative;
    top: 20px;
}

.mp_wrapper.reset_pass_field p:nth-of-type(2) a {
    color: #72D8E4;
}

/*tabs css*/
.astratabs {
    margin-top: 40px;
}

.astratabs-buttons {
    display: flex;
    justify-content: flex-start;
    margin-bottom: 43px;
    max-width: 452px;
    gap: 5px;
    padding: 11px;
    background: url(https://astra-alerts.ropstam.dev/wp-content/uploads/2026/04/Frame-2147227029.png);
    background-size: 100% 100%;
    border-radius: 50px;
}

.maindivofcontent .main-setwrapper {
    background: transparent !important;
    justify-content: flex-start;
    padding: 0px;
}

.maindivofcontent {
    max-width: 1364px;
}

.astradashboard-chart.textset {
    margin-top: 47px;
}

.oncesection {
    margin: 50px 0px;
}

ul.listtext li {
    color: #e5dbcfa3;
    font-family: Raleway !important;
    font-size: 18px !important;
    font-weight: 400 !important;
    line-height: 30px !important;
    text-transform: uppercase !important;
    margin-bottom: 10px;
}

.astradashboard-chart.textset h3 {
    color: #E5DBCF;
    font-family: Raleway !important;
    font-size: 24px !important;
    font-weight: 700 !important;
    line-height: 26px !important;
    text-transform: uppercase !important;
    margin-bottom: 15px;
}

.astradashboard-chart.textset p {
    color: #e5dbcfa3;
    font-family: Raleway !important;
    font-size: 18px !important;
    font-weight: 400 !important;
    line-height: 30px !important;
    text-transform: uppercase !important;
}

.maindivofcontent .astracarousel {
    max-width: 100%;
    top: 0;
    width: 100% !important;
}

.imgedate.listview {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
}

.maindivofcontent .input-with-icon {
    width: 100% !important;
}

.maindivofcontent .secdivsetcaro {
    border-bottom: 0px;
    gap: 25px;
}

.maindivofcontent .graaphhead {
    width: 30% !important;
}

.listlayou .lastbtndiv .imgedate {
    justify-content: flex-start;
}

.listlayou .imgedate {
    display: flex;
    justify-content: flex-end;
    align-content: center;
    width: 100%;
    gap: 10px;
}

.maindivofcontent .input-with-icon input[type="text"] {
    color: #EFE5D9 !important;
    outline: none !important;
    background: transparent;
    border: 0px !important;
    padding: 0px 6px !important;
}

.astra-card.listlayou {
    display: flex;
    width: 100%;
    max-width: 100% !important;
    padding: 20px;
}

.listlayou img.mainimgsa {
    width: 30%;
    border-radius: 30px;
    aspect-ratio: 500 / 300;
    object-fit: cover;
}

.listlayou .card-seee {
    padding: 10px 25px;
    width: 80%;
}

.maindivofcontent .input-with-icon {
    border: 2px solid #DDCEBD66 !important;
    background: #03455C80 !important;
    border-radius: 50px;
    padding: 10px 8px !important;
    color: #DDCEBD !important;
    font-family: "Raleway" !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 24px !important;
    text-transform: uppercase !important;
}

.maindivofcontent .input-with-icon input::placeholder {
    color: #DDCEBD !important;
    font-family: "Raleway" !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 24px !important;
    text-transform: uppercase !important;
}

.input-with-icon input::placeholder {
    color: #ffff !important;
    font-family: "Raleway" !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 24px !important;
    text-transform: uppercase !important;
}

.maindivofcontent .graaphhead select {
    max-width: 100%;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.graaphhead {
    position: relative;
}

.graaphhead::after {
    content: "";
    position: absolute;
    right: 6px;
    top: 47%;
    transform: translateY(-50%);
    width: 21px;
    height: 25px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23DDCEBD' d='M7 10l5 5 5-5z'/%3E%3C/svg%3E") no-repeat center;
    background-size: contain;
    pointer-events: none;
}

.astratab-btn {
    flex: 1;
    padding: 8px 25px;
    cursor: pointer;
    background: #ffffff00 !important;
    border: none;
    transition: 0.3s;
    color: #DDCEBC !important;
    font-family: "Raleway" !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 24px !important;
    text-transform: uppercase !important;
}

.astratab-btn:hover, .astratab-btn.active {
    background: #DDCEBD66 !important;
}

.astratab-btn img {
    position: relative;
    top: 4px;
    margin-right: 10px;
}

.astratab-content {
    display: none;

}

.astratab-content.active {
    display: block;
}

/*tabs css end*/

/* Main */
.astradashboard-main {
    flex: 1;
    padding: 0px 25px;
}

.astradashboard-topbar {
    display: flex;
    justify-content: space-between;
    background: url(https://astra-alerts.ropstam.dev/wp-content/uploads/2026/04/Top-bar.png);
    background-size: 100% 100% !important;
    padding: 18px 18px;
    align-content: center;
    align-items: center;
    backdrop-filter: blur(4px);
    border-radius: 50px;
}

select.custom-select-range {
    max-width: 141px;
    border: 2px solid #DDCEBD66 !important;
    background: #03455C80;
    border-radius: 50px;
    padding: 14px 13px !important;
    color: #DDCEBD;
    font-family: "Raleway" !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 24px !important;
    text-transform: uppercase !important;
}

.astradashboard-topbar input {

    outline: none !important;
    background: transparent;
    border: 0px !important;
    padding: 0px 6px !important;
    font-family: "Raleway" !important;
    font-size: 18px !important;
    font-weight: 500 !important;
    line-height: 24px !important;
    text-transform: uppercase !important;
    color: #EFE5D9 !important;
}

.astradashboard-topbar input::placeholder {


    font-family: "Raleway" !important;
    font-size: 18px !important;
    font-weight: 500 !important;
    line-height: 24px !important;
    text-transform: uppercase !important;
    color: #EFE5D9 !important;
}

.secdivsetcaro a {
    color: #72D8E4;
    font-family: "Raleway" !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 24px !important;
    text-transform: uppercase !important;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
}

.card-seee p {
    color: #DDCEBD;
    font-family: "Raleway" !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 24px !important;
    text-transform: uppercase !important;
}

.input-with-icon {
    border: 1px solid #DDCEBDCC !important;
    border-radius: 50px !important;
    padding: .5rem 1rem !important;
    transition: all .3s !important;
    width: 57% !important;
    background: rgba(255, 255, 255, 0.1) !important;
    display: flex;
    align-items: center;
    align-content: center;
}

.astradashboard-topbar input::placeholder {
    color: #EFE5D9 !important;
}

/* .astradashboard-menu li.active span.svgicon svg path, */
.astradashboard-menu li.mepr-active-nav-tab span.svgicon svg path {
    stroke: #125574;
}

.input-with-icon {
    position: relative;
    width: 100%;
}

.input-with-icon i {
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    color: #888;
}

.input-with-icon input {
    width: 100%;
    padding: 10px 10px 10px 40px; /* space for icon */
    border: 1px solid #ccc;
    border-radius: 5px;
}

.astradashboard-menu li:hover span.svgicon svg path {
    stroke: #125574;
}

span.svgicon {
    margin-right: 10px;
    display: inline-block;
    position: relative;
    top: 2px;
}

span.svgicon svg path {
    stroke: #DDCEBD;
}

/* Cards */
.astradashboard-cards {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 15px;
    margin: 30px 0;
}

.graaphhead {
    display: flex;
    justify-content: space-between;
    align-content: center;
    align-items: center;
}

.astradashboard-card {
    padding: 34px;
    border-radius: 40px;
    background: url(https://astra-alerts.ropstam.dev/wp-content/uploads/2026/04/Frame-2147227028.png);
    backdrop-filter: blur(5px);
    background-size: 100% 100%;
}

/*carosul css*/
.astracarousel {
    position: relative;
    overflow: hidden;
    padding: 34px 34px;
    background: url(https://astra-alerts.ropstam.dev/wp-content/uploads/2026/04/Container-6.png);
    background-size: 100% 100%;
    border-radius: 40px;
    margin-top: 50px;
    backdrop-filter: blur(4px);
}

.main-setwrapper {
    display: flex;
    justify-content: flex-end;
    padding: 10px 0px 0px 0px;
}

.astra-track {
    display: flex;
    gap: 5px;
    transition: transform 0.6s ease;
    max-width: 1360px;
}

.secdivsetcaro {
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-content: center;
    border-bottom: 1px solid #ffffff40;
    padding-bottom: 0;
    margin-bottom: 37px;
}

.card-seee {
    padding: 10px 25px;
}

.astra-card.listlayou.third {
    transform: none;
}

.listonelayout .astra-track {
    gap: 60px;
}

.listonelayout .astra-dots {
    text-align: center;
    margin-top: 20px;
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    z-index: 99999;
    color: #ddcebd;
    background: #ddcebd;
    width: 7px;
    height: 7px;
    border-radius: 50px;
}

.listonelayout .astra-navigation {
    display: flex;
    justify-content: flex-end;
    align-content: center;
    align-items: center;
    margin-top: 30px;
    margin-bottom: 30px;
    margin-right: 43px;
}

.astra-card {
    min-width: 33.9%;
    background: #083844;
    border-radius: 20px;
    overflow: hidden;
    opacity: 01;
    transition: 0.6s ease;
    border: 1px solid #DDCEBD66 !important;
    padding: 10px;
    border-radius: 30px;
}

.listonelayout .astra-card {
    min-width: 100%;
}

.imgedate {
    display: flex;
    justify-content: flex-start;
    align-content: center;
    align-items: center;
    width: 100%;
}

.imgedate img {
    width: 20px !important;
    height: 20px !important;
}

img.mainimgsa {
    width: 100%;
    border-radius: 30px;
    aspect-ratio: 500 / 300;
    object-fit: cover;
}

span.glow img {
    width: 12px;
    height: 12px;
}

.astra-card h3 {
    color: #DDCEBD;
    font-family: "Bebas Neue" !important;
    font-size: 24px !important;
    font-weight: 400 !important;
    line-height: 32px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.72px;
}

.lastbtndiv button {
    border: 0px;
    padding: 8px 35px;
}

.belowimage {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
    gap: 26px;
    margin-bottom: 20px;
    flex-wrap: wrap;
}

.lastbtndiv img {
    width: 15px !important;
    height: 17px !important;
    margin-left: 11px;
}

.lastbtndiv {
    display: flex;
    align-items: center;
    justify-content: space-between;
    align-content: center;
    margin-top: 29px;
}

.astra-navigation {
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    margin-top: 30px;
    margin-bottom: 30px;
}

.astra-card.active {
    transform: scale(.9) perspective(1000px) rotateY(25deg);
    transition: transform 0.5s ease;
}

.astra-card.third {
    transform: scale(.9) perspective(1000px) rotateY(-25deg);
    transition: transform 0.5s ease;
}

/* arrows */
.astra-prev, .astra-next {
    background: transparent;
    border: 1px solid #aaa;
    color: #fff;
    padding: 10px;
    cursor: pointer;
}


/* dots */
.astra-dots {
    text-align: center;
    margin-top: 20px;
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
}

.astra-dots span {
    display: inline-block;
    width: 8px;
    height: 8px;
    margin: 5px;
    background: #777;
    border-radius: 50%;
    cursor: pointer;
}

button.astra-prev {
    background: transparent !important;
    border: 0px !important;
    color: #DDCEBD !important;
    font-size: 25px !important;
    padding: 0px !important;
    height: 15px !important;
    position: relative;
    left: -33px;
    top: 3px;
}

button.astra-next {
    background: transparent !important;
    border: 0px !important;
    color: #DDCEBD !important;
    font-size: 25px !important;
    padding: 0px !important;
    height: 15px !important;
    position: relative !important;
    right: -33px !important;
    top: 3px;
}

.imgedate span {
    color: #DDCEBD;
    font-family: "Raleway" !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 24px !important;
    text-transform: uppercase !important;
}

.priority span {
    color: #BA84FF;
    font-family: "Raleway" !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 24px !important;
    text-transform: uppercase !important;
    margin-left: 12px;
}

span.semiconductor {
    background: #AA32FD3D;
    padding: 6px 17px;
    border: 1px solid #ffffff29;
    border-radius: 50px;
    color: #DDCEBD;
    font-family: "Raleway" !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 24px !important;
    text-transform: uppercase !important;
}

.astracarousel {
    perspective: 1200px;
}

.imgedate img {
    width: 20px !important;
    height: 19px !important;
    margin-right: 8px;
}

.astra-dots .active {
    background: #fff;
    border-radius: 19% !important;
    height: 12px !important;
    width: 12px !important;
}


/* responsive */
@media (max-width: 768px) {
    .astra-card {
        min-width: 80%;
    }
}


/*carousel css end*/

/*membership page*/
.astradashboard-membership.planpage {
    width: 33%;
    border: 2px solid #ddcebd38;
    border-radius: 40px;
    background: #03455C26;
}

.plancardwrapper {
    display: flex;
    justify-content: space-between;
    gap: 30px;
}

.planpage.active button {
    background: #125574;
    color: #DDCEBD;
}

.mmebshipcardplans .secdivsetcard h2 {
    font-family: "Bebas Neue" !important;
    font-size: 24px !important;
    font-weight: 400 !important;
    line-height: 40px !important;
    text-transform: uppercase !important;
    color: #EFE5D9;
    border-bottom: 2px solid #ffffff30;
    margin-top: 50px;
    margin-bottom: 45px !important;
    padding-bottom: 20px;
}

.astradashboard-membership.planpage.active {
    background: #DDCEBD66;
}

.mmebshipcard {
    position: relative;
    overflow: hidden;
    padding: 34px 34px;
    background: url(https://astra-alerts.ropstam.dev/wp-content/uploads/2026/04/Frame-2147227024-1.png);
    background-size: 100% 100%;
    border-radius: 40px;
    margin-top: 50px;
    backdrop-filter: blur(4px);
}

.mmebshipcard .secdivsetcaro {
    border-bottom: 1px solid #ffffff3d;
}

.plan-card {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 30px;
    border-radius: 20px;
    background: #DDCEBD66;
}

.plan-left {
    display: flex;
    align-items: center;
    gap: 20px;
}

.plan-icon img {
    width: 185px;
}

.plan-title {
    color: #ffffff;
    font-family: "Raleway" !important;
    font-size: 24px !important;
    font-weight: 700 !important;
    line-height: 26px !important;
    text-transform: uppercase !important;
}

.plantest h5 {
    color: #ffffff;
    font-family: "Raleway" !important;
    font-size: 24px !important;
    font-weight: 700 !important;
    line-height: 26px !important;
    text-transform: uppercase !important;
}

.plantest p.price {
    color: #ffffff;
    font-family: "Raleway" !important;
    font-size: 42px !important;
    font-weight: 700 !important;
    line-height: 48px !important;
    text-transform: uppercase !important;
}

.plantest p.testexcerpt {
    color: #ffffff;
    font-family: "Raleway" !important;
    font-size: 18px !important;
    font-weight: 400 !important;
    line-height: 30px !important;
    text-transform: uppercase !important;
}

span.monthprice {
    font-size: 22px;
}

.planpage button {
    position: relative;
    bottom: -58px;
}

.plan-price {
    margin: 5px 0;
    color: #ffffff66;
    font-family: "Raleway" !important;
    font-size: 16px !important;
    font-weight: 800 !important;
    line-height: 24px !important;
    text-transform: uppercase !important;
}

.plan-renewal {
    color: #ffffff;
    font-family: "Raleway" !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 24px !important;
    text-transform: uppercase !important;
}

.plan-actions {
    display: flex;
    gap: 10px;
}

span.renewal-date {
    color: #ffffff;
    font-family: "Raleway" !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 24px !important;
    text-transform: uppercase !important;
}

.toggle h2 {
    color: #DDCEBD;
    font-family: "Raleway" !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 24px !important;
    text-transform: uppercase !important;
    margin-top: 0px;
}

.btn {
    padding: 10px 20px;
    border-radius: 25px;
    border: none;
    cursor: pointer;
}

.upgrade-btn {
    background: #e6d3b3;
    color: #000;
}

.cancel-btn {
    background: transparent;
    border: 1px solid #ddd;
    color: #fff;
}

.toggle-btn {
    width: 56px;
    height: 25px;
    background: #ffffff24;
    border-radius: 50px;
    position: relative;
    cursor: pointer;
    transition: 0.3s;
}

.toggle {
    display: flex;
    /*align-items: flex-start;*/
    align-items: center;
    gap: 16px;
}

.toggle-btn::before {
    content: '';
    width: 23px;
    height: 21px;
    background: #fff;
    border-radius: 50%;
    position: absolute;
    top: 2px;
    left: 2px;
    transition: 0.3s;
}

.toggle-btn.active {
    background: #4CAF50;
}

.toggle-btn.active::before {
    transform: translateX(30px);
}

.mmebshipcardsec {
    position: relative;
    overflow: hidden;
    padding: 34px 34px;
    background: #03455C80;
    background-size: 100% 100%;
    border-radius: 40px;
    margin-top: 50px;
    backdrop-filter: blur(4px);
    border: 2px solid #DDCEBD0D;
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-content: center;

}

.mmebshipcardsec h2 {
    font-family: "Bebas Neue" !important;
    font-size: 24px !important;
    font-weight: 400 !important;
    line-height: 40px !important;
    text-transform: uppercase !important;
    color: #EFE5D9;
    margin-bottom: 0px;
}

/* billing Pagination */
.billing-history .pagination {
    text-align: center;
    justify-content: flex-end;
    display: flex;
    align-items: center;
    width: 40%;
    margin: 0px 0px;
}

.mainallingmentdic {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 55px;
    align-content: center;
}

.billing-history .pagination span {
    display: inline-block;
    margin: 0 5px;
    padding: 8px 12px;
    background: #eee;
    cursor: pointer;
    border-radius: 6px;
}

.leftresultsets {
    display: flex;
    width: 60%;
    align-items: center;
    align-content: center;
    gap: 32px;
}

span.next, span.prev {
    background: transparent !important;
    color: #DDCEBD !important;
    display: block;
}

.billing-history .pagination span {
    display: inline-block;
    margin: 0 5px;
    padding: 5px 16px;
    background: #03455C26;
    cursor: pointer;
    border-radius: 50px;
    color: #DDCEBD;
    font-family: "Bebas Neue" !important;
    font-size: 16px;
    font-weight: 400;
    line-height: 16px;
    text-transform: uppercase;
}

.billing-history .pagination .active {
    background: #72D8E4;
    color: #125574;
    border-radius: 15px;
    padding: 14px 21px;
    font-size: 16px;
}

.billing-historyset .secdivsetcaro {
    border-bottom: 1px solid #ffffff3d !important;
}

.billing-historyset {
    padding: 35px;
    border-radius: 40px;
    background: url(https://astra-alerts.ropstam.dev/wp-content/uploads/2026/04/Container-9.png);
    background-size: 100% 100% !important;
    backdrop-filter: blur(5px);
}

/*table css*/
.billing-historyset table {
    width: 100%;
    border-collapse: separate; /* important */
    border-spacing: 0;
}

/* THEAD styling */
.billing-historyset thead {
    border: 1px solid #DDCEBD66;
}

.billing-historyset thead tr th {
    text-align: left;
    border: 0px solid #DDCEBD66 !important;
    border-block-start: 1px solid hsla(0, 0%, 50%, .502) !important;
    border-block-end: 1px solid hsla(0, 0%, 50%, .502) !important;
    padding: 25px 17px;
    color: #DDCEBD;
    font-family: "Bebas Neue" !important;
    font-size: 20px !important;
    font-weight: 500 !important;
    line-height: 24px !important;
    text-transform: uppercase !important;
}

.astradashboard-chart.textset.termsandcondition {
    background: url(https://astra-alerts.ropstam.dev/wp-content/uploads/2026/04/Frame-2147227081.png);
    padding: 32px;
    margin-top: 0px;
}

.termsandcondition .oncesection {
    margin: 00px 0px !important;
}

/* Rounded corners for THEAD */
.billing-historyset thead tr th:first-child {
    border-top-left-radius: 20px;
    border-left: 1px solid #DDCEBD66 !important;
}

.billing-historyset thead tr th:last-child {
    border-top-right-radius: 20px;
    border-right: 1px solid #DDCEBD66 !important;
}

/* Remove borders from body */
.billing-historyset tbody tr td {
    border: none;
    padding: 25px 17px;
    background: transparent !important;
    color: #DDCEBD;
    font-family: "Raleway" !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 24px !important;
    text-transform: uppercase !important;
}

/* Optional row styling */
.billing-historyset tbody tr {
    border-bottom: 0px solid #eee;
}

.billing-historyset thead tr th img {
    width: 10px;
    position: relative;
    left: 8px;
    top: 4px;
}

span.status {
    background: #00C95033;
    padding: 10px 20px;
    border-radius: 50px;
    color: #05DF72;
    font-family: "Raleway" !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    line-height: 24px !important;
    text-transform: uppercase !important;
}

span.status.unpaid {
    background: #ff9a9a33;
    padding: 10px 20px;
    border-radius: 50px;
    color: #d78181;
    font-family: "Raleway" !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    line-height: 24px !important;
    text-transform: uppercase !important;
}

span.inventory {
    color: #72D8E4;
}

/*table css ned*/

/*account setting*/
/* MAIN WRAPPER */
.astra-profile-tabs {
    font-family: Arial, sans-serif;
}

.astra-profile-tabs .profile-wrapper {
    display: flex;
    gap: 30px;
    padding: 40px;
}

.astra-profile-tabs input {
    background: #DDCEBD0D !important;
    border: 1px solid #DDCEBD0D !important;
    border-radius: 50px !important;
    padding: 25px 25px !important;
    color: #DDCEBD !important;
    font-family: "Raleway" !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 24px !important;
    backdrop-filter: blur(5px);
}

.notiwrapper .toggle.fornotification {
    display: flex;
    justify-content: space-between;
    margin-bottom: 25px;
}

.btnend {
    text-align: right;
}

.notiwrapper .toggle.fornotification h2 {
    color: #DDCEBD !important;
    font-family: "Raleway" !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    line-height: 24px !important;
}

.astra-profile-tabs input::placeholder {
    color: #DDCEBD !important;
    font-family: "Raleway" !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 24px !important;

}

.btnend.logout p.testsecurity {
    gap: 11px;
    display: flex;
    color: #DDCEBD !important;
    font-family: "Raleway" !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    line-height: 11px !important;
    margin-bottom: 0px;
    align-items: center;
    justify-content: center;
    text-align: left;
}

.btnend.logout p.testsecurity input[type="checkbox"] {
    margin: 0px;
}

.btnend.logout {
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-content: center;
}

.astra-profile-tabs label {
    color: #DDCEBD !important;
    font-family: "Raleway" !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    text-transform: uppercase;
    line-height: 24px !important;
}

p.testsecurity {
    color: #ddcebdb0 !important;
    font-family: "Raleway" !important;
    font-size: 18px !important;
    font-weight: 400 !important;
    text-transform: uppercase;
    line-height: 30px !important;
}

/* SIDEBAR */
.astra-profile-tabs .profile-sidebar {
    width: 250px;
    background: url(https://astra-alerts.ropstam.dev/wp-content/uploads/2026/04/Group-4-1.png);
    padding: 20px;
    border-radius: 40px;
    backdrop-filter: blur(5px);
    height: 238px !important;
    background-size: 100% 100%;
}

.astra-profile-tabs button.tab-btn.active span.svgicon svg path {
    stroke: #125574 !important;
}

.astra-profile-tabs .tab-btn {
    display: block;
    width: 100%;
    margin-bottom: 10px;
    border: none;
    background: transparent;
    text-align: left;
    transition: 0.3s;
    padding: 12px;
    border-radius: 8px;
    cursor: pointer;
    font-family: "Bebas Neue" !important;
    font-size: 18px;
    font-weight: 400;
    line-height: 21px;
    text-transform: uppercase;
    color: #DDCEBD !important;
}

.astra-profile-tabs .tab-btn:hover, .astra-profile-tabs .tab-btn.active {
    background: #DDCEBD;
    border-radius: 6px 100px 100px 6px !important;
    padding: 12px;
    border-radius: 8px;
    cursor: pointer;
    margin-top: 5px;
    font-family: "Bebas Neue" !important;
    font-size: 18px;
    font-weight: 400;
    line-height: 21px;
    text-transform: uppercase;
    color: #125574 !important;
}

/* CONTENT */
.astra-profile-tabs .profile-content {
    flex: 1;
    background: url(https://astra-alerts.ropstam.dev/wp-content/uploads/2026/04/Container-10.png);
    padding: 30px;
    border-radius: 40px;
    backdrop-filter: blur(5px);
    border: 1px solid #DDCEBD0D;
    background-size: 100% 100% !important;
    background-repeat: no-repeat;
}

/* TAB CONTENT */
.astra-profile-tabs .tab-content {
    display: none;
}

.astra-profile-tabs .tab-content.active {
    display: block;
}

/* INPUTS */
.astra-profile-tabs input {
    width: 100%;
    padding: 15px;
    margin: 10px 0 20px;
    border-radius: 30px;
    border: none;
    background: rgba(255, 255, 255, 0.1);
    color: #fff;
}

/* BUTTON */
.astra-profile-tabs .save-btn {
    padding: 12px 25px;
    border-radius: 30px;
    border: none;
    background: #e6d5c3;
    cursor: pointer;
}

/*account setting end*/

/*membershipo page end*/

/* Content */
.astradashboard-content {
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 20px;
    margin-top: 42px;
}

.astradashboard-chart {
    padding: 34px;
    border-radius: 40px;
    background: url(https://astra-alerts.ropstam.dev/wp-content/uploads/2026/04/Container-5.png);
    background-size: 100% 100% !important;
    backdrop-filter: blur(5px);
}

.astradashboard-membership {
    padding: 34px;
    border-radius: 40px;
    background: url(https://astra-alerts.ropstam.dev/wp-content/uploads/2026/04/Frame-2147227024.png);
    background-size: 100% 100% !important;
    backdrop-filter: blur(5px);
}

.astradashboard-chartbox {

}

.astradashboard-chartbox img {
    width: 100%;
}

/* Membership */
.astradashboard-membership button {
    width: 100%;
    padding: 10px;
    border-radius: 30px;
    background: #e6c7a1;
    border: none;
    margin-top: 15px;
}

h1.astradashboard-title {
    font-family: "Bebas Neue" !important;
    font-size: 44px !important;
    font-weight: 400 !important;
    line-height: 54px !important;
    text-transform: uppercase !important;
    color: #DDCEBD !important;
    margin-bottom: 0px !important;
    margin-top: 30px;
}

h2.number {
    color: #72D8E4;
    font-family: "Bebas Neue" !important;
    font-size: 44px !important;
    font-weight: 400 !important;
    line-height: 54px !important;
    text-transform: uppercase !important;
    max-width: 211px;
    border-top: 1px solid #ddcebd52;
    padding-top: 20px;
}

p.paraset {
    font-family: "Raleway" !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    line-height: 30px !important;
    text-transform: uppercase !important;
    color: #DDCEBD !important;
}

a.backbtn {
    color: #72D8E4;
    font-family: "Raleway" !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    line-height: 24px !important;
    text-transform: uppercase !important;
    margin-bottom: 30px !important;
    display: block;
}

span.homeanchor {
    color: #ddcebd7a !important;
}

main.astradashboard-main.detailsastra h1.astradashboard-title {
    max-width: 500px;
}

p.paraset.topbreadcrumbs {
    font-family: "Raleway" !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    line-height: 30px !important;
    text-transform: uppercase !important;
    color: #DDCEBD !important;
    display: flex;
    align-content: flex-start;
    align-items: flex-start;
    gap: 20px;
    margin-bottom: 30px;
}

.astradashboard-logout {
    text-align: left !important;
    background: #EA4335E5 !important;
    font-family: "Bebas Neue" !important;
    font-size: 18px !important;
    font-weight: 400 !important;
    line-height: 21px !important;
    text-transform: uppercase !important;
    color: #EFE5D9 !important;
    letter-spacing: 0 !important;
    display: flex;
    align-items: center;
    border-radius: 50px;
    align-content: center;
}

.cardinside p {
    font-family: "Raleway" !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    line-height: 24px !important;
    text-transform: uppercase !important;
    color: #DDCEBD !important;
}

.savewrapper {
    display: flex;
    align-content: center;
    align-items: center;
    gap: 10px;
    background: url(https://astra-alerts.ropstam.dev/wp-content/uploads/2026/04/Button.png);
    border-radius: 50px;
    padding: 14px 20px;
    background-size: 100% 100%;
    background-position: center;
}

.cardinside {
    display: flex;
    justify-content: space-between;
    align-content: flex-start;
    align-items: flex-start;

}

.details .graaphhead {
    border-bottom: 1px solid #ddcebd4d !important;
    margin-bottom: 42px;
}

.imgedate.detailsview {
    display: flex;
    justify-content: flex-end;
    position: absolute;
    top: 115px;
    gap: 10px;
    align-items: flex-start;
}

img.feature-image {
    width: 100%;
    margin-top: 50px;
    margin-bottom: 50px;
}

.detailwrapper {
    max-width: 1256px;
    margin: 50px auto;
    position: relative;
}

.detailsastra .priority {
    width: 20%;
}

span.logoutbtnset {
    position: relative;
    top: 3px;
    margin-right: 8px;
}

input#user_login, input#user_pass {
    margin-top: 10px;
}

button.astradashboard-logout:hover {
    background: #95959540 !important;
}

/* ========================= */
/* RESPONSIVE */
/* ========================= */

/* Tablet */
@media (max-width: 1199px) {
    .astradashboard-cards {
        grid-template-columns: repeat(2, 1fr);
    }

    .astradashboard-content {
        grid-template-columns: 1fr;
    }
}

/* Mobile */
@media (max-width: 768px) {
    .astradashboard {
        flex-direction: column;
    }

    .astradashboard-sidebar {
        width: 100%;
        flex-direction: column;
        overflow-x: auto;
    }

    .astradashboard-menu {
        display: flex;
        gap: 10px;
        flex-wrap: wrap;

    }

    .astradashboard-cards {
        grid-template-columns: 1fr;
    }
}


/* 1440 to 1080 setting */


@media only screen and (max-width: 1441px) and (min-width: 1082px) {

    .plantest p.price {
        min-height: 112px;
    }

    .newsletter.astra-briefing .card {
        width: calc(32% - 4px);
    }

    .astracarousel {
        max-width: 100%;
    }

    .lastbtndiv {
        flex-wrap: wrap;
        gap: 20px;
    }

    .memberpress.divider span::before, .memberpress.divider span::after {

        width: 96px;
    }
}

@media only screen and (max-width: 815px) and (min-width: 808px) {
    .astra-track-wrapper .astra-track {
        transform: translateX(-625.232px) !important;
    }

}

/* 1080 to 1024 setting */

@media only screen and (max-width: 1081px) and (min-width: 1023px) {
    .card-seee {
        padding: 10px 4px;
    }


    .input-with-icon {
        width: 82% !important;
    }

    .astradashboard-sidebar {
        width: 25%;
    }

    main.astradashboard-main {
        width: 75%;
    }

    .login .sidebarloginwraper {
        width: 73%;
        padding: 40px 50px;
    }

    .memberpress.divider span::before, .memberpress.divider span::after {
        width: 99px;
    }

    .astratabs-buttons {
        display: flex;
        align-items: flex-start;
        align-content: flex-start;
        justify-content: space-between;
        gap: 31px 0px;
        width: 100% !important;
        max-width: 100%;
        flex-wrap: wrap;
    }

    .logincards {
        gap: 41px;
    }

    .astracarousel {
        max-width: 100%;
    }

    .newsletter.astra-briefing .card {
        width: calc(50% - 10px);
    }

    .lastbtndiv {
        flex-wrap: wrap;
        gap: 20px;
    }

    .plancardwrapper {
        flex-wrap: wrap;
    }

    .astradashboard-membership.planpage {
        width: 47% !important;
    }

    .paymentcardwrapper {

        flex-wrap: wrap;
    }

    .payment-card {
        width: 100%;
    }

    .astra-profile-tabs .profile-wrapper {
        flex-wrap: wrap;
    }

    .astra-profile-tabs .profile-sidebar {
        width: 100%;
        border-radius: 79px;
        padding: 48px;
    }

    .maindivofcontent .graaphhead {
        width: 38% !important;
    }
}

/* 1022 to 769 setting */

@media only screen and (max-width: 1022px) and (min-width: 767px) {

    .astra-track {
        transform: translateX(-583.232px) !important;
    }

    .input-with-icon {

        width: 85% !important;
    }

    .maindivofcontent .graaphhead {
        width: 51% !important;
    }

    .billing-historytable {
        overflow: scroll;
    }

    .paymentcardwrapper {

        flex-wrap: wrap;
    }

    .payment-card {
        width: 100%;
    }

    .astra-profile-tabs .profile-wrapper {
        flex-wrap: wrap;
    }

    .astra-profile-tabs .profile-sidebar {
        width: 100%;
        border-radius: 40px;
        padding: 26px;
    }

    .btnend.logout {
        display: flex;
        justify-content: flex-end;
        align-items: center;
        align-content: center;
        flex-wrap: wrap;
        gap: 20px;
    }

    .astratabs-buttons {
        display: flex;
        align-items: flex-start;
        align-content: flex-start;
        justify-content: space-between;
        gap: 31px 0px;
        width: 100% !important;
        max-width: 100%;
        flex-wrap: wrap;
    }

    .plancardwrapper {
        flex-wrap: wrap;
    }

    .astradashboard-membership.planpage {
        width: 47% !important;
    }

    .astracarousel {
        max-width: 100%;
    }

    .astra-card {
        min-width: 100%;
    }

    .astra-card.active {
        transform: none;
        transition: transform 0.5s ease;
    }

    .astra-card.third {
        transform: none;
        transition: transform 0.5s ease;
    }

    .astradashboard {

        flex-wrap: wrap !important;
    }

    aside.astradashboard-sidebar {
        width: 100%;
    }

    main.astradashboard-main {
        margin-top: 34px;
    }

    .newsletter.astra-briefing .card {
        width: calc(50% - 10px);
    }

    main.loginmain, .login .sidebarloginwraper {
        width: 100% !important;

    }

    .paymentcardwrapper {

        flex-wrap: wrap;
    }

    .payment-card {
        width: 100%;
    }

    .astradashboard-logout {
        margin-top: 50px;
    }
}

.astra-track-wrapper {
    overflow: hidden;
}

/* mobile to below setting */

@media only screen and (max-width: 766px) {

    .plan-renewal, p.subpara, .mmebshipcardsec h2, h3.plan-title
 
 {
    text-align: center;
}

    .plan-card {
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 14px 10px;
        border-radius: 20px;
        background: #DDCEBD66;
    }

    p.plan-price {
        text-align: center;
    }

    .gridlayout {
        overflow: hidden;
        width: 100%;
    }

    .gridlayout .astra-track {
        display: flex;
        align-items: center;
    }

    .gridlayout .astra-card {
        min-width: 100% !important;
        max-width: 100% !important;
        flex: 0 0 100%;
        margin: 0 !important;
        box-sizing: border-box;
    }


    .astra-profile-tabs .profile-wrapper {
        padding: 0px;
    }

    .astradashboard-logout {
        margin-top: 50px;
    }

    .astracarousel {

        padding: 23px 10px !important;

    }

    .subscribeformfooter button.elementor-button.elementor-size-sm {
        padding: 7px 0px !important;

        font-size: 12px !important;
    }

    .subscribeformfooter input#form-field-email {

        font-size: 12px !important;
    }

    .billing-historytable {
        overflow: scroll;
    }

    .paymentcardwrapper {

        flex-wrap: wrap;
        padding: 26px 0px;
    }

    .payment-card {
        width: 100%;

    }

    .astra-profile-tabs .profile-wrapper {
        flex-wrap: wrap;
    }

    .astra-profile-tabs .profile-sidebar {
        width: 100%;
        border-radius: 40px;
        padding: 26px;
    }

    .btnend.logout {
        display: flex;
        justify-content: flex-end;
        align-items: center;
        align-content: center;
        flex-wrap: wrap;
        gap: 20px;
    }

    .billing-historytable {
        overflow: scroll;
    }

    .payment-card {
        align-items: center;
        flex-wrap: wrap;
        flex-direction: column-reverse;
        gap: 20px;
    }

    .paymentcardwrapper {

        flex-wrap: wrap;
    }

    .payment-card {
        width: 100%;
    }

    .plancardwrapper {
        flex-wrap: wrap;
    }

    .astradashboard-membership.planpage {
        width: 100% !important;
    }

    .plan-actions {
        display: flex;
        gap: 10px;
        flex-wrap: wrap;
        justify-content: center;
    }

    .plan-card {
        flex-wrap: wrap;
    }

    .plan-left {
        display: flex;
        align-items: center;
        gap: 20px;
        flex-wrap: wrap;
        justify-content: center;
        align-content: center;
        padding-bottom: 20px;
    }

    .mmebshipcardsec {

        flex-wrap: wrap;
        flex-direction: column-reverse;
    }

    .astratabs-buttons {
        display: flex;
        align-items: flex-start !important;
        align-content: flex-start !important;
        justify-content: space-between !important;
        gap: 31px 0px !important;
        width: 100% !important;
        max-width: 100% !important !important;
        flex-wrap: wrap;
    }

    main.astradashboard-main {
        width: 100%;
    }

    main.loginmain, .login .sidebarloginwraper {
        width: 100% !important;

    }

    .astracarousel {
        max-width: 100%;
    }

    .astra-card {
        min-width: 100%;
    }

    .astra-card.active {
        transform: none;
        transition: transform 0.5s ease;
    }

    .astra-card.third {
        transform: none;
        transition: transform 0.5s ease;
    }

    .belowimage {
        flex-wrap: wrap;
    }

    .lastbtndiv {
        flex-wrap: wrap;
        gap: 20px;
    }

    .lastbtndiv button {
        width: 100%;
    }

    .astradashboard-menu li {
        width: 100%;
    }

    .astradashboard-topbar {
        flex-wrap: wrap;
        padding-bottom: 41px !important;
    }

    .input-with-icon input, .input-with-icon input::placeholder, .input-with-icon {
        width: 100% !important;
        font-size: 12px !important;
    }

    .astradashboard-topbar img {
        position: absolute;
        right: -30px;
    }

    button.astradashboard-logout {
        margin-top: 20px;
    }

    .graaphhead {
        display: flex;
        justify-content: space-between;
        align-content: center;
        align-items: center;
        flex-wrap: wrap;
        flex-direction: column-reverse;
    }

    .secdivsetcaro, .astratabs-buttons {
        flex-wrap: wrap;
    }

    .astra-briefingsaved .card, .astra-briefing .card {
        width: calc(100% - -4px);
    }

    .astra-briefing .imgedate {
        justify-content: center;
        gap: 10px;
    }

    .mainallingmentdic, .imgedate {
        flex-wrap: wrap;
    }

    .leftresultsets {
        flex-wrap: wrap;
        justify-content: center !important;
        width: 100%;
    }

    .astra-briefing .pagination {
        width: 100%;
        margin: 32px 0px;
    }

    .newsletter.astra-briefing .card {
        width: calc(100% - 10px);
    }

    .maindivofcontent .graaphhead {
        width: 100% !important;
    }

    .astra-track {
        gap: 29px;
    }

    .login .sidebarloginwraper {

        padding: 28px 17px;
    }

    .memberpress.divider span::before, .memberpress.divider span::after {

        width: 58px;
    }

    .mepr-login-actions {
        width: 248px;
    }

    .memberpressproduct {
        padding: 178px 37px !important;
    }
}


.error-message {
    display: none;
    color: #ff4757;
    font-size: 12px;
    margin-top: 5px;
    font-weight: 600;
}

.input-error {
    border-color: #ff4757 !important;
    background-color: rgba(255, 71, 87, 0.05) !important;
}


/* ============================================================
   PROFILE MENU — Component Stylesheet
   Supports: [profile_menu] & [profile_account_link] shortcodes
   ============================================================ */

/* ── Wrapper ───────────────────────────────────────────────── */
.profile-menu {
    position: relative;
    display: inline-flex;
    align-items: center;
    font-family: system-ui, -apple-system, "Segoe UI", sans-serif;
}

/* ── Button Group ──────────────────────────────────────────── */
.profile-menu__button-group {
    position: relative;
}

/* ── Shared Button Base ────────────────────────────────────── */
.profile-menu__button {
    display: inline-flex;
    align-items: center;
    gap: 0.625rem;
    padding: 0.375rem 0.625rem;
    background: transparent;
    border: 1px solid transparent;
    border-radius: 0.5rem;
    cursor: pointer;
    color: #111827;
    transition: background-color 150ms ease, border-color 150ms ease;
}

.profile-menu__button:hover {
    background-color: #f3f4f6;
    border-color: #e5e7eb;
}

.profile-menu__button:focus-visible {
    outline: 2px solid #4f46e5;
    outline-offset: 2px;
}

/* ── Avatar ────────────────────────────────────────────────── */
.profile-menu__avatar {
    width: 2.25rem;
    height: 2.25rem;
    border-radius: 50% !important;
    object-fit: cover;
    border: 2px solid #e5e7eb;
    flex-shrink: 0;
    transition: border-color 150ms ease;
}

.profile-menu__button:hover .profile-menu__avatar {
    border-color: #4f46e5;
}

/* ── Name / Email Block ────────────────────────────────────── */
.profile-menu__text {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    line-height: 1.25;
    text-align: left;
}

.profile-menu__text span:first-child {
    font-size: 0.875rem;
    font-weight: 600;
    color: #111827;
    white-space: nowrap;
}

.profile-menu__text--small {
    font-size: 0.75rem;
    font-weight: 400;
    color: #6b7280;
    white-space: nowrap;
}

/* ── Chevron ───────────────────────────────────────────────── */
.profile-menu__arrow_down {
    width: 1rem;
    height: 1rem;
    color: #6b7280;
    flex-shrink: 0;
    transition: transform 150ms ease, color 150ms ease;
}

.profile-menu__button[aria-expanded="true"] .profile-menu__arrow_down {
    transform: rotate(180deg);
    color: #4f46e5;
}

/* ── Hamburger (mobile) ────────────────────────────────────── */
.profile-menu__hamburger {
    width: 1.5rem;
    height: 1.5rem;
}

/* ── Responsive Visibility ─────────────────────────────────── */
.profile-menu__button.--is-mobile {
    display: none;
}

.profile-menu__button.--is-tablet {
    display: inline-flex;
}

@media (max-width: 639px) {
    .profile-menu__button.--is-tablet {
        display: none;
    }

    .profile-menu__button.--is-mobile {
        display: inline-flex;
    }
}

/* ── Dropdown Card ─────────────────────────────────────────── */
.profile-menu__dropdown {
    position: absolute;
    top: calc(100% + 0.5rem);
    right: 0;
    min-width: 13rem;
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 0.75rem;
    box-shadow: 0 10px 25px -5px rgb(0 0 0 / .12),
    0 8px 10px -6px rgb(0 0 0 / .08);
    padding: 0.375rem;
    z-index: 50;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-0.375rem);
    pointer-events: none;
    transition: opacity 150ms ease,
    transform 150ms ease,
    visibility 150ms ease;
}

.profile-menu__dropdown.is-open,
.profile-menu__button[aria-expanded="true"] ~ .profile-menu__dropdown {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    pointer-events: auto;
}

/* ── Dropdown Items ────────────────────────────────────────── */
.profile-menu__dropdown .profile-menu__dropdown-item {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 0.75rem;
    border-radius: 0.5rem;
    font-size: 0.875rem;
    font-weight: 500;
    color: #111827;
    text-decoration: none;
    position: relative;
    overflow: hidden;
    transition: background-color 150ms ease,
    color 150ms ease,
    padding-left 150ms ease;
}

/* Animated left accent bar */
.profile-menu__dropdown .profile-menu__dropdown-item::before {
    content: '';
    position: absolute;
    left: 0;
    top: 20%;
    height: 60%;
    width: 3px;
    background: #4f46e5;
    border-radius: 0 3px 3px 0;
    transform: scaleY(0);
    opacity: 0;
    transition: transform 150ms ease, opacity 150ms ease;
}

.profile-menu__dropdown .profile-menu__dropdown-item:hover {
    background-color: #eef2ff;
    color: #4f46e5;
    padding-left: 1.125rem;
}

.profile-menu__dropdown .profile-menu__dropdown-item:hover::before {
    transform: scaleY(1);
    opacity: 1;
}

.profile-menu__dropdown .profile-menu__dropdown-item:active {
    background-color: #e0e7ff;
    transform: scale(0.99);
}

.profile-menu__dropdown .profile-menu__dropdown-item:focus-visible {
    outline: 2px solid #4f46e5;
    outline-offset: -2px;
    background-color: #eef2ff;
}

/* ── Logout Item ───────────────────────────────────────────── */
.profile-menu__dropdown .profile-menu__dropdown-item:last-child {
    color: #ef4444;
    margin-top: 0.25rem;
    border-top: 1px solid #e5e7eb;
    padding-top: 0.625rem;
}

.profile-menu__dropdown .profile-menu__dropdown-item:last-child::before {
    background: #ef4444;
}

.profile-menu__dropdown .profile-menu__dropdown-item:last-child:hover {
    background-color: #fef2f2;
    color: #dc2626;
    padding-left: 1.125rem;
}

.profile-menu__dropdown .profile-menu__dropdown-item:last-child:active {
    background-color: #fee2e2;
}

/* ── [profile_account_link] shortcode ─────────────────────── */
.profile-menu__account-link {
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    padding: 0.5rem 1rem;
    background: #4f46e5;
    color: #ffffff;
    font-family: system-ui, -apple-system, "Segoe UI", sans-serif;
    font-size: 0.875rem;
    font-weight: 600;
    border-radius: 0.5rem;
    text-decoration: none;
    transition: background-color 150ms ease,
    box-shadow 150ms ease,
    transform 150ms ease;
}

.profile-menu__account-link:hover {
    background-color: #4338ca;
    box-shadow: 0 4px 12px rgb(79 70 229 / .35);
    transform: translateY(-1px);
}

.profile-menu__account-link:active {
    transform: translateY(0);
    box-shadow: none;
}

.profile-menu__account-link:focus-visible {
    outline: 2px solid #4f46e5;
    outline-offset: 3px;
}

/* ── Dark Mode ─────────────────────────────────────────────── */
@media (prefers-color-scheme: dark) {
    .profile-menu {
        color: #f9fafb;
    }

    .profile-menu__button {
        color: #f9fafb;
    }

    .profile-menu__button:hover {
        background-color: #1f2937;
        border-color: #374151;
    }

    .profile-menu__avatar {
        border-color: #374151;
    }

    .profile-menu__button:hover .profile-menu__avatar {
        border-color: #818cf8;
    }

    .profile-menu__text span:first-child {
        color: #f9fafb;
    }

    .profile-menu__text--small {
        color: #9ca3af;
    }

    .profile-menu__arrow_down {
        color: #9ca3af;
    }

    .profile-menu__button[aria-expanded="true"] .profile-menu__arrow_down {
        color: #818cf8;
    }

    .profile-menu__dropdown {
        background: #1f2937;
        border-color: #374151;
        box-shadow: 0 10px 25px -5px rgb(0 0 0 / .4),
        0 8px 10px -6px rgb(0 0 0 / .3);
    }

    .profile-menu__dropdown .profile-menu__dropdown-item {
        color: #f3f4f6;
    }

    .profile-menu__dropdown .profile-menu__dropdown-item::before {
        background: #818cf8;
    }

    .profile-menu__dropdown .profile-menu__dropdown-item:hover {
        background-color: #312e81;
        color: #a5b4fc;
    }

    .profile-menu__dropdown .profile-menu__dropdown-item:active {
        background-color: #1e1b4b;
    }

    .profile-menu__dropdown .profile-menu__dropdown-item:last-child {
        border-color: #374151;
        color: #f87171;
    }

    .profile-menu__dropdown .profile-menu__dropdown-item:last-child::before {
        background: #f87171;
    }

    .profile-menu__dropdown .profile-menu__dropdown-item:last-child:hover {
        background-color: #450a0a;
        color: #fca5a5;
    }

    .profile-menu__dropdown .profile-menu__dropdown-item:last-child:active {
        background-color: #3b0808;
    }

    .profile-menu__account-link {
        background: #4f46e5;
    }

    .profile-menu__account-link:hover {
        background: #4338ca;
    }
}

button.astratab-btn {
    border-radius: 50px;
}

.btn,
button,
.plancardwrapper button {
    font-family: Raleway, sans-serif;
    font-style: normal;
    font-weight: 700;
    color: #125574;
    font-size: 14px;
    line-height: 30px;
    transition: all 0.3s ease;
    border-radius: 50px;
}

/* global button/btn hover */
.btn:hover,
button:hover,
.btn:focus,
button:focus {
    background-color: #E5DBCF33;
    color: #E5DBCF;
}

/* only plancardwrapper button hover */
.plancardwrapper button:hover,
.plancardwrapper button:focus {
    background-color: #E5DBCF33;
    color: #E5DBCF;
}

body button {
    background-color: #DDCEBD;
    font-family: "Raleway", Sans-serif;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 30px;
    letter-spacing: 1px;
    color: #125574;
    border-radius: 50px 50px 50px 50px;
}