.elementor-3681 .elementor-element.elementor-element-35b0454{--display:flex;}.elementor-3681 .elementor-element.elementor-element-d3816db{--display:flex;--overlay-opacity:0.5;--border-radius:10px 10px 10px 10px;--padding-top:2px;--padding-bottom:2px;--padding-left:2px;--padding-right:2px;}.elementor-3681 .elementor-element.elementor-element-d3816db:not(.elementor-motion-effects-element-type-background), .elementor-3681 .elementor-element.elementor-element-d3816db > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:radial-gradient(at bottom center, #1D3394 0%, #020617 100%);}.elementor-3681 .elementor-element.elementor-element-d3816db::before, .elementor-3681 .elementor-element.elementor-element-d3816db > .elementor-background-video-container::before, .elementor-3681 .elementor-element.elementor-element-d3816db > .e-con-inner > .elementor-background-video-container::before, .elementor-3681 .elementor-element.elementor-element-d3816db > .elementor-background-slideshow::before, .elementor-3681 .elementor-element.elementor-element-d3816db > .e-con-inner > .elementor-background-slideshow::before, .elementor-3681 .elementor-element.elementor-element-d3816db > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-3681 .elementor-element.elementor-element-f31ff22{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:-21px;--margin-left:0px;--margin-right:0px;}.elementor-widget-aux_modern_heading .aux-modern-heading-primary{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;}.elementor-widget-aux_modern_heading .aux-modern-heading-secondary{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;}.elementor-widget-aux_modern_heading .aux-modern-heading-secondary .aux-head-highlight{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;}.elementor-widget-aux_modern_heading .aux-modern-heading-description{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;}.elementor-3681 .elementor-element.elementor-element-725bd41 > .elementor-widget-container{padding:22px 10px 0px 10px;}.elementor-3681 .elementor-element.elementor-element-725bd41.elementor-element{--align-self:center;}.elementor-3681 .elementor-element.elementor-element-725bd41 .aux-modern-heading-secondary{font-size:30px;font-weight:600;line-height:46px;letter-spacing:-1px;color:var( --e-global-color-a595f2d );margin:-3px 0px -3px 0px;}.elementor-3681 .elementor-element.elementor-element-725bd41 .aux-modern-heading-description{color:#003978;font-size:50px;font-weight:900;text-transform:uppercase;line-height:61px;letter-spacing:-1.3px;margin:-44px 0px -57px 0px;}.elementor-3681 .elementor-element.elementor-element-9ae5c17{width:100%;max-width:100%;}.elementor-3681 .elementor-element.elementor-element-7b8a151{width:100%;max-width:100%;}.elementor-3681 .elementor-element.elementor-element-7b8a151 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-3681 .elementor-element.elementor-element-0aa5768{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-3681 .elementor-element.elementor-element-74aea13{width:100%;max-width:100%;}.elementor-3681 .elementor-element.elementor-element-74aea13.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-3681 .elementor-element.elementor-element-81fbe50 .ekit-double-btn.ekit-double-btn-one{background-color:transparent;color:#ffffff;border-style:dotted;border-width:1px 1px 1px 1px;border-color:#E4E4E4;border-radius:8px 8px 8px 8px;background-image:linear-gradient(180deg, #7300BE 0%, #02065E 100%);padding:10px 10px 10px 10px;}.elementor-3681 .elementor-element.elementor-element-81fbe50 .ekit-double-btn.ekit-double-btn-two{background-color:transparent;color:#ffffff;border-style:dotted;border-width:1px 1px 1px 1px;border-color:#00F452;border-radius:8px 8px 8px 8px;background-image:linear-gradient(180deg, #9B00BE 0%, #1D025E 100%);padding:10px 10px 10px 10px;}.elementor-3681 .elementor-element.elementor-element-81fbe50{width:100%;max-width:100%;}.elementor-3681 .elementor-element.elementor-element-81fbe50.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-3681 .elementor-element.elementor-element-81fbe50 .ekit_double_button{width:31%;}.elementor-3681 .elementor-element.elementor-element-81fbe50 .ekit-double-btn:not(:last-child){margin-right:25px;}.elementor-3681 .elementor-element.elementor-element-81fbe50 .ekit-double-btn.ekit-double-btn-one > i{padding-right:8px;}.elementor-3681 .elementor-element.elementor-element-81fbe50 .ekit-double-btn.ekit-double-btn-one > svg{margin-right:8px;}.elementor-3681 .elementor-element.elementor-element-81fbe50 .ekit-double-btn.ekit-double-btn-two > i{padding-right:8px;}.elementor-3681 .elementor-element.elementor-element-81fbe50 .ekit-double-btn.ekit-double-btn-two > svg{margin-right:8px;}.elementor-3681 .elementor-element.elementor-element-81fbe50 .ekit-double-btn.ekit-double-btn-one svg path{stroke:#ffffff;fill:#ffffff;}.elementor-3681 .elementor-element.elementor-element-81fbe50 .ekit-double-btn.ekit-double-btn-one:hover{color:#5FFF41;}.elementor-3681 .elementor-element.elementor-element-81fbe50 .ekit-double-btn.ekit-double-btn-one:hover svg path{stroke:#5FFF41;fill:#5FFF41;}.elementor-3681 .elementor-element.elementor-element-81fbe50 .ekit-double-btn.ekit-double-btn-two svg path{stroke:#ffffff;fill:#ffffff;}.elementor-3681 .elementor-element.elementor-element-81fbe50 .ekit-double-btn.ekit-double-btn-two:hover{color:#FF3939;}.elementor-3681 .elementor-element.elementor-element-81fbe50 .ekit-double-btn.ekit-double-btn-two:hover svg path{stroke:#FF3939;fill:#FF3939;}.elementor-3681 .elementor-element.elementor-element-ce9e327{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;}.elementor-widget-eael-fancy-text .eael-fancy-text-prefix{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;}.elementor-widget-eael-fancy-text .eael-fancy-text-strings, .elementor-widget-eael-fancy-text .typed-cursor{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;}.elementor-widget-eael-fancy-text .eael-fancy-text-suffix{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;}.elementor-3681 .elementor-element.elementor-element-d0a0b17 .eael-fancy-text-container{text-align:center;}.elementor-3681 .elementor-element.elementor-element-d0a0b17 .eael-fancy-text-prefix{color:#CACACA;font-size:22px;font-weight:600;line-height:1px;}.elementor-3681 .elementor-element.elementor-element-d0a0b17 .eael-fancy-text-strings, .elementor-3681 .elementor-element.elementor-element-d0a0b17 .typed-cursor{font-size:22px;font-weight:600;}.elementor-3681 .elementor-element.elementor-element-d0a0b17 .eael-fancy-text-strings{color:#D5D5D5;}.elementor-3681 .elementor-element.elementor-element-d0a0b17 .eael-fancy-text-suffix{font-size:22px;font-weight:600;line-height:1px;}.elementor-3681 .elementor-element.elementor-element-73b5d20.elementor-element{--align-self:center;}.elementor-3681 .elementor-element.elementor-element-3815b33{--display:flex;--overlay-opacity:0.88;border-style:dotted;--border-style:dotted;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#0A005B;--border-color:#0A005B;--border-radius:10px 10px 10px 10px;}.elementor-3681 .elementor-element.elementor-element-3815b33:not(.elementor-motion-effects-element-type-background), .elementor-3681 .elementor-element.elementor-element-3815b33 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:radial-gradient(at center center, #5902FF 61%, #8016E0 100%);}.elementor-3681 .elementor-element.elementor-element-3815b33::before, .elementor-3681 .elementor-element.elementor-element-3815b33 > .elementor-background-video-container::before, .elementor-3681 .elementor-element.elementor-element-3815b33 > .e-con-inner > .elementor-background-video-container::before, .elementor-3681 .elementor-element.elementor-element-3815b33 > .elementor-background-slideshow::before, .elementor-3681 .elementor-element.elementor-element-3815b33 > .e-con-inner > .elementor-background-slideshow::before, .elementor-3681 .elementor-element.elementor-element-3815b33 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#FFFFFF;--background-overlay:'';}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;color:var( --e-global-color-primary );}.elementor-3681 .elementor-element.elementor-element-672497e > .elementor-widget-container{background-color:transparent;padding:4px 4px 4px 4px;background-image:linear-gradient(180deg, #4000DA 0%, #774300 100%);}.elementor-3681 .elementor-element.elementor-element-672497e{text-align:start;}.elementor-3681 .elementor-element.elementor-element-672497e .elementor-heading-title{color:#FFFFFF;}.elementor-3681 .elementor-element.elementor-element-8f6485a{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-evenly;--align-items:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--margin-top:-8px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:-4px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3681 .elementor-element.elementor-element-f944381{width:100%;max-width:100%;}.elementor-3681 .elementor-element.elementor-element-79527ce{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3681 .elementor-element.elementor-element-f2a2591 > .elementor-widget-container{background-color:transparent;padding:4px 4px 4px 4px;background-image:linear-gradient(180deg, #7802E2 0%, #5A3701 100%);}.elementor-3681 .elementor-element.elementor-element-f2a2591 .elementor-heading-title{color:#FFFFFF;}@media(max-width:1024px){.elementor-3681 .elementor-element.elementor-element-81fbe50 .ekit_double_button{width:80%;}}@media(max-width:767px){.elementor-3681 .elementor-element.elementor-element-0aa5768{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-3681 .elementor-element.elementor-element-74aea13{width:100%;max-width:100%;}.elementor-3681 .elementor-element.elementor-element-81fbe50 .ekit_double_button{width:53%;}}/* Start custom CSS for aux_modern_heading, class: .elementor-element-725bd41 */@media screen and (max-width: 1399px) and (min-width: 1025px) {
.elementor-3681 .elementor-element.elementor-element-725bd41 .aux-modern-heading-description p{
    font-size: 40px;
    margin-top: -8px;
    margin-bottom: 44px;
}
}
@media only screen  and  (max-width:400px) {
.elementor-3681 .elementor-element.elementor-element-725bd41 .aux-modern-heading-description p{
   font-size: 35px!important;
    }
}/* End custom CSS */
/* Start custom CSS for aux_modern_heading, class: .elementor-element-725bd41 */@media screen and (max-width: 1399px) and (min-width: 1025px) {
.elementor-3681 .elementor-element.elementor-element-725bd41 .aux-modern-heading-description p{
    font-size: 40px;
    margin-top: -8px;
    margin-bottom: 44px;
}
}
@media only screen  and  (max-width:400px) {
.elementor-3681 .elementor-element.elementor-element-725bd41 .aux-modern-heading-description p{
   font-size: 35px!important;
    }
}/* End custom CSS */
/* Start custom CSS for mycred_load_coupon, class: .elementor-element-74aea13 *//* myCRED Coupon Form - Main Container */
div.mycred-coupon-form {
    max-width: 100%;
    margin: 0px auto;
    padding: 30px;
    background: rgba(255, 255, 255, 0.2); /* Semi-transparent white */
    border-radius: 12px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(10px); /* Applies the blur effect to the background */
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
    color: #fff; /* Optional: Make the text white for contrast */
}


/* Coupon Label */
div.mycred-coupon-form label {
    display: block;
    margin-bottom: 8px;
    font-size: 14px;
    font-weight: 600;
    color: #ffffff;
    letter-spacing: 0.3px;
}

/* Coupon Input Field */
div.mycred-coupon-form input[type="text"] {
    width: 100%;
    padding: 12px 16px;
    font-size: 15px;
    border: 2px solid #e0e0e0;
    border-radius: 8px;
    outline: none;
    transition: all 0.3s ease;
    background-color: #fafafa;
    color: #333333;
    box-sizing: border-box;
}

/* Input Focus State */
div.mycred-coupon-form input[type="text"]:focus {
    border-color: #4CAF50;
    background-color: #ffffff;
    box-shadow: 0 0 0 3px rgba(76, 175, 80, 0.1);
}

/* Input Placeholder */
div.mycred-coupon-form input[type="text"]::placeholder {
    color: #999999;
    font-style: italic;
}

/* Submit Button */
div.mycred-coupon-form input[type="submit"],
div.mycred-coupon-form button[type="submit"] {
    width: 70%;
    margin-top: 16px;
    padding: 14px 24px;
    font-size: 16px;
    font-weight: 600;
    color: #ffffff;
    background: linear-gradient(135deg, #360185 10% , #7132CA 100%);
    border: none;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.3s ease;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    box-shadow: 0 4px 6px rgba(76, 175, 80, 0.3);
}

/* Button Hover Effect */
div.mycred-coupon-form input[type="submit"]:hover,
div.mycred-coupon-form button[type="submit"]:hover {
    background: linear-gradient(135deg, #db6318 10%, #A376A2 100%);
    transform: translateY(-3px);
    box-shadow: 0 6px 12px rgba(76, 175, 80, 0.4);
}

/* Button Active State */
div.mycred-coupon-form input[type="submit"]:active,
div.mycred-coupon-form button[type="submit"]:active {
    transform: translateY(0);
    box-shadow: 0 2px 4px rgba(76, 175, 80, 0.3);
}

/* Success/Error Messages (if any) */
div.mycred-coupon-form .mycred-message {
    margin-top: 16px;
    padding: 12px 16px;
    border-radius: 6px;
    font-size: 14px;
    line-height: 1.5;
}

div.mycred-coupon-form .mycred-message.success {
    background-color: #d4edda;
    color: #155724;
    border: 1px solid #c3e6cb;
}

div.mycred-coupon-form .mycred-message.error {
    background-color: #f8d7da;
    color: #721c24;
    border: 1px solid #f5c6cb;
}

/* Responsive Design */
@media (max-width: 768px) {
    div.mycred-coupon-form {
        padding: 20px;
        margin: 10px;
    }
    
    div.mycred-coupon-form input[type="text"] {
        font-size: 16px; /* Prevents zoom on iOS */
    }
}

/* Alternative Dark Theme (Optional - Remove if not needed) */
.dark-theme div.mycred-coupon-form {
    background: #2c2c2c;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
}

.dark-theme div.mycred-coupon-form label {
    color: #e0e0e0;
}

.dark-theme div.mycred-coupon-form input[type="text"] {
    background-color: #1a1a1a;
    border-color: #404040;
    color: #e0e0e0;
}

.dark-theme div.mycred-coupon-form input[type="text"]:focus {
    border-color: #4CAF50;
    background-color: #242424;
}/* End custom CSS */
/* Start custom CSS for mycred_history, class: .elementor-element-08dd590 *//* Main wrapper styling */
.elementor-3681 .elementor-element.elementor-element-08dd590 .mycred-history-wrapper {
    background-color: #f4f4f4;
    padding: 5px;
    border-radius: 5px;
    border: 1px solid #ddd;
}

/* Table styling */
.elementor-3681 .elementor-element.elementor-element-08dd590 table.mycred-table {
    width: 100%;
    background-color: #fff;
    border-collapse: collapse;
}

/* Table header - Single color for all header text */
.elementor-3681 .elementor-element.elementor-element-08dd590 table.mycred-table thead {
    background-color: #FFE1AF;
}

.elementor-3681 .elementor-element.elementor-element-08dd590 table.mycred-table thead th {
    padding: 12px;
    text-align: left;
    color: #452829;  /* Single unified header text color */
}

/* Table rows */
.elementor-3681 .elementor-element.elementor-element-08dd590 table.mycred-table tbody tr {
    border-bottom: 1px solid #eee;
    transition: background-color 0.3s ease;
}

.elementor-3681 .elementor-element.elementor-element-08dd590 table.mycred-table tbody tr:hover {
    background-color: #e0f7fa;
}

/* Table cells */
.elementor-3681 .elementor-element.elementor-element-08dd590 table.mycred-table td {
    padding: 10px;
    font-size: 16px;
    color: #333;
}

/* Date column - Reduced width */
.elementor-3681 .elementor-element.elementor-element-08dd590 table.mycred-table .column-time,
.elementor-3681 .elementor-element.elementor-element-08dd590 table.mycred-table th:first-child,
.elementor-3681 .elementor-element.elementor-element-08dd590 table.mycred-table td:first-child {
    width: 160px;  /* Adjust this value to your preference */
    max-width: 160px;
    font-size: 14px;  /* Slightly smaller font for date */
}

/* Amount column - GREEN for positive amounts */
.elementor-3681 .elementor-element.elementor-element-08dd590 table.mycred-table tbody tr.positive .column-creds {
    color: #22c55e !important;  /* Green color */
    font-weight: bold;
}

/* Amount column - RED for negative amounts */
.elementor-3681 .elementor-element.elementor-element-08dd590 table.mycred-table tbody tr.negative .column-creds {
    color: #ef4444 !important;  /* Red color */
    font-weight: bold;
}

/* General creds column styling */
.elementor-3681 .elementor-element.elementor-element-08dd590 table.mycred-table .column-creds {
    font-weight: bold;
}

/* Navigation styling */
.elementor-3681 .elementor-element.elementor-element-08dd590 .mycred-history-wrapper nav {
    margin-top: 20px;
    text-align: center;
}

.elementor-3681 .elementor-element.elementor-element-08dd590 .mycred-history-wrapper nav ul {
    list-style: none;
    padding: 0;
    display: inline-flex;
    gap: 10px;
}

.elementor-3681 .elementor-element.elementor-element-08dd590 .mycred-history-wrapper nav ul li a {
    padding: 8px 15px;
    background-color: #b05510;
    color: #fff;
    text-decoration: none;
    border-radius: 4px;
    transition: background-color 0.3s ease;
}

.elementor-3681 .elementor-element.elementor-element-08dd590 .mycred-history-wrapper nav ul li a:hover {
    background-color: #1976D2;
}/* End custom CSS */
/* Start custom CSS for mycred_history, class: .elementor-element-08dd590 *//* Main wrapper styling */
.elementor-3681 .elementor-element.elementor-element-08dd590 .mycred-history-wrapper {
    background-color: #f4f4f4;
    padding: 5px;
    border-radius: 5px;
    border: 1px solid #ddd;
}

/* Table styling */
.elementor-3681 .elementor-element.elementor-element-08dd590 table.mycred-table {
    width: 100%;
    background-color: #fff;
    border-collapse: collapse;
}

/* Table header - Single color for all header text */
.elementor-3681 .elementor-element.elementor-element-08dd590 table.mycred-table thead {
    background-color: #FFE1AF;
}

.elementor-3681 .elementor-element.elementor-element-08dd590 table.mycred-table thead th {
    padding: 12px;
    text-align: left;
    color: #452829;  /* Single unified header text color */
}

/* Table rows */
.elementor-3681 .elementor-element.elementor-element-08dd590 table.mycred-table tbody tr {
    border-bottom: 1px solid #eee;
    transition: background-color 0.3s ease;
}

.elementor-3681 .elementor-element.elementor-element-08dd590 table.mycred-table tbody tr:hover {
    background-color: #e0f7fa;
}

/* Table cells */
.elementor-3681 .elementor-element.elementor-element-08dd590 table.mycred-table td {
    padding: 10px;
    font-size: 16px;
    color: #333;
}

/* Date column - Reduced width */
.elementor-3681 .elementor-element.elementor-element-08dd590 table.mycred-table .column-time,
.elementor-3681 .elementor-element.elementor-element-08dd590 table.mycred-table th:first-child,
.elementor-3681 .elementor-element.elementor-element-08dd590 table.mycred-table td:first-child {
    width: 160px;  /* Adjust this value to your preference */
    max-width: 160px;
    font-size: 14px;  /* Slightly smaller font for date */
}

/* Amount column - GREEN for positive amounts */
.elementor-3681 .elementor-element.elementor-element-08dd590 table.mycred-table tbody tr.positive .column-creds {
    color: #22c55e !important;  /* Green color */
    font-weight: bold;
}

/* Amount column - RED for negative amounts */
.elementor-3681 .elementor-element.elementor-element-08dd590 table.mycred-table tbody tr.negative .column-creds {
    color: #ef4444 !important;  /* Red color */
    font-weight: bold;
}

/* General creds column styling */
.elementor-3681 .elementor-element.elementor-element-08dd590 table.mycred-table .column-creds {
    font-weight: bold;
}

/* Navigation styling */
.elementor-3681 .elementor-element.elementor-element-08dd590 .mycred-history-wrapper nav {
    margin-top: 20px;
    text-align: center;
}

.elementor-3681 .elementor-element.elementor-element-08dd590 .mycred-history-wrapper nav ul {
    list-style: none;
    padding: 0;
    display: inline-flex;
    gap: 10px;
}

.elementor-3681 .elementor-element.elementor-element-08dd590 .mycred-history-wrapper nav ul li a {
    padding: 8px 15px;
    background-color: #b05510;
    color: #fff;
    text-decoration: none;
    border-radius: 4px;
    transition: background-color 0.3s ease;
}

.elementor-3681 .elementor-element.elementor-element-08dd590 .mycred-history-wrapper nav ul li a:hover {
    background-color: #1976D2;
}/* End custom CSS */