.elementor-454 .elementor-element.elementor-element-7c9dbbe{--display:flex;--margin-top:0px;--margin-bottom:-121px;--margin-left:0px;--margin-right:0px;}.elementor-454 .elementor-element.elementor-element-61ccef1{--display:flex;--min-height:438px;--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-around;--align-items:center;}.elementor-454 .elementor-element.elementor-element-37334e7.elementor-element{--align-self:center;}.elementor-454 .elementor-element.elementor-element-b92ce96{--display:flex;--min-height:187px;--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-around;--align-items:center;}.elementor-454 .elementor-element.elementor-element-ba1a030.elementor-element{--align-self:center;}.elementor-454 .elementor-element.elementor-element-096d6af{--display:flex;--min-height:187px;--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-around;--align-items:center;}.elementor-454 .elementor-element.elementor-element-1036cc8.elementor-element{--align-self:center;}.elementor-454 .elementor-element.elementor-element-2325ea7{--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-around;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:5px 5px 5px 5px;--padding-top:15px;--padding-bottom:20px;--padding-left:15px;--padding-right:15px;}.elementor-454 .elementor-element.elementor-element-2325ea7:not(.elementor-motion-effects-element-type-background), .elementor-454 .elementor-element.elementor-element-2325ea7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #8A8989 0%, #2C2728 100%);}.elementor-454 .elementor-element.elementor-element-4930fe2{--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;--align-items:center;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:#FA9856;--border-color:#FA9856;--border-radius:20px 20px 20px 20px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-454 .elementor-element.elementor-element-4930fe2:not(.elementor-motion-effects-element-type-background), .elementor-454 .elementor-element.elementor-element-4930fe2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F5F5F5;}.elementor-454 .elementor-element.elementor-element-4930fe2.e-con{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-454 .elementor-element.elementor-element-3af4901{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:10px 10px 10px 10px;}.elementor-454 .elementor-element.elementor-element-3af4901:not(.elementor-motion-effects-element-type-background), .elementor-454 .elementor-element.elementor-element-3af4901 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:radial-gradient(at top center, #4D4D4D 0%, #0A0A0A 87%);}.elementor-454 .elementor-element.elementor-element-6d8b739{--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:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-454 .elementor-element.elementor-element-6d8b739.e-con{--align-self:center;}.elementor-454 .elementor-element.elementor-element-07dd431{width:100%;max-width:100%;}.elementor-454 .elementor-element.elementor-element-07dd431 > .elementor-widget-container{padding:0px 0px 0px 10px;}.elementor-454 .elementor-element.elementor-element-07dd431.elementor-element{--align-self:flex-start;}.elementor-454 .elementor-element.elementor-element-07dd431 .wpr-dual-heading-wrap{text-align:left;}.elementor-454 .elementor-element.elementor-element-07dd431 .wpr-dual-title .first{color:#7B7B7B;border-color:#000;font-family:"Roboto", Sans-serif;font-size:32px;font-weight:300;border-style:none;border-radius:0px 0px 0px 0px;margin-right:0px;}.elementor-454 .elementor-element.elementor-element-07dd431 .wpr-dual-title-wrap{margin-bottom:0px;}.elementor-454 .elementor-element.elementor-element-07dd431 .wpr-dual-title .second{color:#FF9C00;border-color:#000;font-family:"Roboto", Sans-serif;font-size:32px;font-weight:600;padding:-10px -10px -10px -10px;border-style:none;}.elementor-454 .elementor-element.elementor-element-07dd431 .wpr-dual-heading-description{color:#989898;font-family:"Roboto", Sans-serif;font-size:14px;font-weight:400;margin-bottom:15px;}.elementor-454 .elementor-element.elementor-element-07dd431 .wpr-dual-heading-icon-wrap{color:#F88400;font-size:30px;margin-bottom:0px;}.elementor-454 .elementor-element.elementor-element-07dd431 .wpr-dual-heading-icon-wrap svg{fill:#F88400;width:30px;}.elementor-454 .elementor-element.elementor-element-22adb1a > .elementor-widget-container{padding:10px 10px 10px 10px;border-radius:0px 0px 0px 0px;}.elementor-454 .elementor-element.elementor-element-eb32ef3 .ekit-double-btn.ekit-double-btn-one{background-color:transparent;color:#ffffff;border-style:dotted;border-width:1px 1px 1px 1px;border-color:#4AFF00;border-radius:8px 8px 8px 8px;background-image:linear-gradient(180deg, #BE5C00 0%, #5E3602 100%);padding:10px 10px 10px 10px;}.elementor-454 .elementor-element.elementor-element-eb32ef3 .ekit-double-btn.ekit-double-btn-two{background-color:transparent;color:#ffffff;border-style:dotted;border-width:1px 1px 1px 1px;border-color:#F40000;border-radius:8px 8px 8px 8px;background-image:linear-gradient(180deg, #BE5C00 0%, #5E3602 100%);padding:10px 10px 10px 10px;}.elementor-454 .elementor-element.elementor-element-eb32ef3{width:100%;max-width:100%;}.elementor-454 .elementor-element.elementor-element-eb32ef3.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-454 .elementor-element.elementor-element-eb32ef3 .ekit_double_button{width:24%;}.elementor-454 .elementor-element.elementor-element-eb32ef3 .ekit-double-btn:not(:last-child){margin-right:25px;}.elementor-454 .elementor-element.elementor-element-eb32ef3 .ekit-double-btn.ekit-double-btn-one > i{padding-right:8px;}.elementor-454 .elementor-element.elementor-element-eb32ef3 .ekit-double-btn.ekit-double-btn-one > svg{margin-right:8px;}.elementor-454 .elementor-element.elementor-element-eb32ef3 .ekit-double-btn.ekit-double-btn-two > i{padding-right:8px;}.elementor-454 .elementor-element.elementor-element-eb32ef3 .ekit-double-btn.ekit-double-btn-two > svg{margin-right:8px;}.elementor-454 .elementor-element.elementor-element-eb32ef3 .ekit-double-btn.ekit-double-btn-one svg path{stroke:#ffffff;fill:#ffffff;}.elementor-454 .elementor-element.elementor-element-eb32ef3 .ekit-double-btn.ekit-double-btn-one:hover{color:#5FFF41;}.elementor-454 .elementor-element.elementor-element-eb32ef3 .ekit-double-btn.ekit-double-btn-one:hover svg path{stroke:#5FFF41;fill:#5FFF41;}.elementor-454 .elementor-element.elementor-element-eb32ef3 .ekit-double-btn.ekit-double-btn-two svg path{stroke:#ffffff;fill:#ffffff;}.elementor-454 .elementor-element.elementor-element-eb32ef3 .ekit-double-btn.ekit-double-btn-two:hover{color:#FF3939;}.elementor-454 .elementor-element.elementor-element-eb32ef3 .ekit-double-btn.ekit-double-btn-two:hover svg path{stroke:#FF3939;fill:#FF3939;}.elementor-454 .elementor-element.elementor-element-f026b37{--display:flex;--min-height:81px;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.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-454 .elementor-element.elementor-element-48cf4d2 > .elementor-widget-container{padding:1px 1px 1px 1px;}.elementor-454 .elementor-element.elementor-element-48cf4d2 .eael-fancy-text-container{text-align:center;}.elementor-454 .elementor-element.elementor-element-48cf4d2 .eael-fancy-text-prefix{color:#CACACA;font-size:22px;font-weight:600;line-height:1px;}.elementor-454 .elementor-element.elementor-element-48cf4d2 .eael-fancy-text-strings, .elementor-454 .elementor-element.elementor-element-48cf4d2 .typed-cursor{font-size:22px;font-weight:600;}.elementor-454 .elementor-element.elementor-element-48cf4d2 .eael-fancy-text-strings{color:#D5D5D5;}.elementor-454 .elementor-element.elementor-element-48cf4d2 .eael-fancy-text-suffix{font-size:22px;font-weight:600;line-height:1px;}.elementor-454 .elementor-element.elementor-element-e82019c.elementor-element{--align-self:center;}.elementor-454 .elementor-element.elementor-element-b8087ca{--display:flex;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;color:var( --e-global-color-primary );}.elementor-454 .elementor-element.elementor-element-ecf3f51 > .elementor-widget-container{background-color:transparent;padding:4px 4px 4px 4px;background-image:linear-gradient(180deg, #DA7500 0%, #774300 100%);}.elementor-454 .elementor-element.elementor-element-ecf3f51{text-align:start;}.elementor-454 .elementor-element.elementor-element-ecf3f51 .elementor-heading-title{color:#FFFFFF;}.elementor-454 .elementor-element.elementor-element-452d697{--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-454 .elementor-element.elementor-element-c98c63c{width:100%;max-width:100%;}.elementor-454 .elementor-element.elementor-element-cbd4abc{--display:flex;}.elementor-454 .elementor-element.elementor-element-e804c32 > .elementor-widget-container{background-color:transparent;padding:4px 4px 4px 4px;background-image:linear-gradient(180deg, #E25D02 0%, #5A3701 100%);}.elementor-454 .elementor-element.elementor-element-e804c32 .elementor-heading-title{color:#FFFFFF;}.elementor-454 .elementor-element.elementor-element-e75fff7{--display:flex;}.elementor-454 .elementor-element.elementor-element-e75fff7:not(.elementor-motion-effects-element-type-background), .elementor-454 .elementor-element.elementor-element-e75fff7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #E9DC7F52 0%, #F29A29 100%);}.elementor-454 .elementor-element.elementor-element-23fb43d{--display:flex;}body.elementor-page-454:not(.elementor-motion-effects-element-type-background), body.elementor-page-454 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FF9C00;}@media(max-width:1024px){.elementor-454 .elementor-element.elementor-element-eb32ef3 .ekit_double_button{width:80%;}}@media(max-width:767px){.elementor-454 .elementor-element.elementor-element-6d8b739{--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-454 .elementor-element.elementor-element-eb32ef3{width:100%;max-width:100%;}.elementor-454 .elementor-element.elementor-element-eb32ef3 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-454 .elementor-element.elementor-element-eb32ef3.elementor-element{--align-self:center;--flex-grow:1;--flex-shrink:0;}.elementor-454 .elementor-element.elementor-element-eb32ef3 .ekit_double_button{width:32%;}.elementor-454 .elementor-element.elementor-element-eb32ef3 .ekit-double-btn:not(:last-child){margin-right:33px;}.elementor-454 .elementor-element.elementor-element-eb32ef3 .ekit-double-btn.ekit-double-btn-one{border-width:0px 0px 0px 0px;border-radius:0px 0px 0px 0px;}.elementor-454 .elementor-element.elementor-element-eb32ef3 .ekit-double-btn.ekit-double-btn-two{text-align:center;}}/* Start custom CSS for shortcode, class: .elementor-element-f25772e *//* =============================================
   ULTIMATE MEMBER PROFILE PAGE STYLING
   ============================================= */

/* Profile Wrapper */
.elementor-454 .elementor-element.elementor-element-f25772e .um-profile {
    background-color: #ffffff;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 2px 10px rgba(0,0,0,0.08);
}

/* ============ COVER PHOTO (Big Picture) ============ */
.elementor-454 .elementor-element.elementor-element-f25772e .um-cover {
    height: 350px;
    background-size: cover !important;
    background-position: center center !important;
    position: relative;
    border-radius: 12px 12px 0 0;
}

/* Cover photo overlay (when hovering to change) */
.elementor-454 .elementor-element.elementor-element-f25772e .um-cover-overlay {
    background: rgba(0, 0, 0, 0.6);
    opacity: 0;
    transition: opacity 0.3s ease;
}

.elementor-454 .elementor-element.elementor-element-f25772e .um-cover:hover .um-cover-overlay {
    opacity: 1;
}

.elementor-454 .elementor-element.elementor-element-f25772e .um-cover-overlay-t {
    color: #ffffff !important;
    font-size: 16px !important;
    font-weight: 600 !important;
}

/* ============ PROFILE PICTURE (Avatar/Thumbnail) ============ */
.elementor-454 .elementor-element.elementor-element-f25772e .um-profile-photo {
    position: absolute;
   
}

.elementor-454 .elementor-element.elementor-element-f25772e .um-profile-photo a {
;
    
}

.elementor-454 .elementor-element.elementor-element-f25772e .um-profile-photo a:hover {
    transform: translateX(50%) scale(1.05);
    box-shadow: 0 2px 2px rgba(0,0,0,0.25);
}

.elementor-454 .elementor-element.elementor-element-f25772e .um-profile-photo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Profile photo overlay icon */
.elementor-454 .elementor-element.elementor-element-f25772e .um-profile-photo-overlay {
    background: rgba(0, 0, 0, 0.7);
}

.elementor-454 .elementor-element.elementor-element-f25772e .um-profile-photo-overlay i {
    color: #ffffff !important;
    font-size: 24px !important;
}

/* ============ PROFILE HEADER (Name & Meta Info) ============ */
.elementor-454 .elementor-element.elementor-element-f25772e .um-profile-headericon {
    padding-top: 0px;
    text-align: center;
    background-color: #ffffff;
    padding-bottom: 0px;
}

.elementor-454 .elementor-element.elementor-element-f25772e .um-name {
    margin-top: 10px;
}

.elementor-454 .elementor-element.elementor-element-f25772e .um-name a {
    color: #111827 !important;
    font-size: 28px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    transition: color 0.3s ease;
}

.elementor-454 .elementor-element.elementor-element-f25772e .um-name a:hover {
    color: #667eea !important;
}

/* User meta info (below name) */
.elementor-454 .elementor-element.elementor-element-f25772e .um-meta {
    color: #6b7280 !important;
    font-size: 15px !important;
    margin-top: 8px;
}

.elementor-454 .elementor-element.elementor-element-f25772e .um-meta span {
    margin: 0 10px;
}

/* ============ NAVIGATION TABS (Left Side Menu) ============ */
.elementor-454 .elementor-element.elementor-element-f25772e .um-profile-nav {
    background-color: #f9fafb;
    border-radius: 8px;
    padding: 10px 0;
    margin-top: 20px;
}

.elementor-454 .elementor-element.elementor-element-f25772e .um-profile-nav-item {
    list-style: none;
    margin-bottom: 5px;
}

.elementor-454 .elementor-element.elementor-element-f25772e .um-profile-nav-item a {
    display: flex;
    align-items: center;
    padding: 15px 20px;
    color: #4b5563 !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    text-decoration: none !important;
    border-left: 3px solid transparent;
    transition: all 0.3s ease;
}

.elementor-454 .elementor-element.elementor-element-f25772e .um-profile-nav-item a:hover {
    background-color: #ffffff;
    border-left-color: #667eea;
    color: #667eea !important;
}

/* Active/Current Tab */
.elementor-454 .elementor-element.elementor-element-f25772e .um-profile-nav-item a.active,
.elementor-454 .elementor-element.elementor-element-f25772e .um-profile-nav-item a.um-active {
    background-color: #eef2ff !important;
    border-left-color: #667eea !important;
    color: #667eea !important;
    font-weight: 600 !important;
}

/* Tab Icons */
.elementor-454 .elementor-element.elementor-element-f25772e .um-profile-nav-item a i,
.elementor-454 .elementor-element.elementor-element-f25772e .um-profile-nav-item a span.um-faicon {
    margin-right: 12px;
    font-size: 18px;
    color: #9ca3af;
    transition: color 0.3s ease;
}

.elementor-454 .elementor-element.elementor-element-f25772e .um-profile-nav-item a:hover i,
.elementor-454 .elementor-element.elementor-element-f25772e .um-profile-nav-item a:hover span.um-faicon,
.elementor-454 .elementor-element.elementor-element-f25772e .um-profile-nav-item a.active i,
.elementor-454 .elementor-element.elementor-element-f25772e .um-profile-nav-item a.um-active span.um-faicon {
    color: #667eea !important;
}

/* ============ PROFILE CONTENT AREA ============ */
.elementor-454 .elementor-element.elementor-element-f25772e .um-profile-body {
    background-color: #ffffff;
    padding: 30px;
    border-radius: 8px;
    margin-top: 20px;
}

/* Profile fields display */
.elementor-454 .elementor-element.elementor-element-f25772e .um-field {
    margin-bottom: 20px;
    padding-bottom: 15px;
    border-bottom: 1px solid #e5e7eb;
}

.elementor-454 .elementor-element.elementor-element-f25772e .um-field-label {
    color: #6b7280 !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 5px;
}

.elementor-454 .elementor-element.elementor-element-f25772e .um-field-value {
    color: #111827 !important;
    font-size: 16px !important;
}

/* ============ PROFILE BUTTONS ============ */
.elementor-454 .elementor-element.elementor-element-f25772e .um-profile-edit-a,
.elementor-454 .elementor-element.elementor-element-f25772e .um-button {
    background: linear-gradient(135deg, #8B4513 0%, #FFD700 100%) !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 100px !important;
    padding: 10px 13px !important;
    font-size: px !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
    display: inline-block;
}

.elementor-454 .elementor-element.elementor-element-f25772e .um-profile-edit-a:hover,
.elementor-454 .elementor-element.elementor-element-f25772e .um-button:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(102, 126, 234, 0.4) !important;
}

/* ============ RESPONSIVE DESIGN ============ */
@media (max-width: 768px) {
    .elementor-454 .elementor-element.elementor-element-f25772e .um-cover {
        height: 200px;
    }
    
    .elementor-454 .elementor-element.elementor-element-f25772e .um-profile-photo a {
        width: 100px;
        height: 100px;
    }
    
    .elementor-454 .elementor-element.elementor-element-f25772e .um-name a {
        font-size: 22px !important;
    }
    
    .elementor-454 .elementor-element.elementor-element-f25772e .um-profile-nav-item a {
        font-size: 14px !important;
        padding: 12px 15px;
    }
}

/* ============ ADDITIONAL NICE-TO-HAVE EFFECTS ============ */

/* Smooth transitions for all elements */
.elementor-454 .elementor-element.elementor-element-f25772e .um-profile * {
    transition: all 0.3s ease;
}

/* Profile stats/counts styling (if enabled) */
.elementor-454 .elementor-element.elementor-element-f25772e .um-profile-stat {
    text-align: center;
    padding: 15px;
    background-color: #f9fafb;
    border-radius: 8px;
    margin: 10px 5px;
}

.elementor-454 .elementor-element.elementor-element-f25772e .um-profile-stat-number {
    font-size: 24px !important;
    font-weight: 700 !important;
    color: #667eea !important;
}

.elementor-454 .elementor-element.elementor-element-f25772e .um-profile-stat-label {
    font-size: 13px !important;
    color: #6b7280 !important;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-37334e7 */.kyc-verification-section {

}

.kyc-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  text-align: center;
  padding: px;
  gap: 60px;
  border-radius: 20px;
}

.kyc-description-container {
  flex-grow: 1;
}

.kyc-heading {
  font-size: 24px;
  color: #333;
  margin-bottom: 10px;
}

.kyc-description {
  font-size: 16px;
  color: #777;
}

.kyc-verify-btn {
  background-color: #F87B1B;
  color: #fff;
  padding: 15px 30px;
  font-size: 18px;
  border: none;
  border-radius: 50px;
  cursor: pointer;
  transition: background-color 0.3s;
  display: flex;
  align-items: center;
  justify-content: center;
}

.kyc-verify-btn i {
  margin-right: 8px;
}

.kyc-verify-btn:hover {
  background-color: #f68e2e;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-37334e7 */.kyc-verification-section {

}

.kyc-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  text-align: center;
  padding: px;
  gap: 60px;
  border-radius: 20px;
}

.kyc-description-container {
  flex-grow: 1;
}

.kyc-heading {
  font-size: 24px;
  color: #333;
  margin-bottom: 10px;
}

.kyc-description {
  font-size: 16px;
  color: #777;
}

.kyc-verify-btn {
  background-color: #F87B1B;
  color: #fff;
  padding: 15px 30px;
  font-size: 18px;
  border: none;
  border-radius: 50px;
  cursor: pointer;
  transition: background-color 0.3s;
  display: flex;
  align-items: center;
  justify-content: center;
}

.kyc-verify-btn i {
  margin-right: 8px;
}

.kyc-verify-btn:hover {
  background-color: #f68e2e;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ba1a030 */.kyc-verification-section {

}

.kyc-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  text-align: center;
  padding: px;
  gap: 60px;
  border-radius: 20px;
}

.kyc-description-container {
  flex-grow: 1;
}

.kyc-heading {
  font-size: 24px;
  color: #333;
  margin-bottom: 10px;
}

.kyc-description {
  font-size: 16px;
  color: #777;
}

.kyc-verify-btn {
  background-color: #F87B1B;
  color: #fff;
  padding: 15px 30px;
  font-size: 18px;
  border: none;
  border-radius: 50px;
  cursor: pointer;
  transition: background-color 0.3s;
  display: flex;
  align-items: center;
  justify-content: center;
}

.kyc-verify-btn i {
  margin-right: 8px;
}

.kyc-verify-btn:hover {
  background-color: #f68e2e;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ba1a030 */.kyc-verification-section {

}

.kyc-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  text-align: center;
  padding: px;
  gap: 60px;
  border-radius: 20px;
}

.kyc-description-container {
  flex-grow: 1;
}

.kyc-heading {
  font-size: 24px;
  color: #333;
  margin-bottom: 10px;
}

.kyc-description {
  font-size: 16px;
  color: #777;
}

.kyc-verify-btn {
  background-color: #F87B1B;
  color: #fff;
  padding: 15px 30px;
  font-size: 18px;
  border: none;
  border-radius: 50px;
  cursor: pointer;
  transition: background-color 0.3s;
  display: flex;
  align-items: center;
  justify-content: center;
}

.kyc-verify-btn i {
  margin-right: 8px;
}

.kyc-verify-btn:hover {
  background-color: #f68e2e;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1036cc8 */.kyc-verification-section {

}

.kyc-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  text-align: center;
  padding: px;
  gap: 60px;
  border-radius: 20px;
}

.kyc-description-container {
  flex-grow: 1;
}

.kyc-heading {
  font-size: 24px;
  color: #333;
  margin-bottom: 10px;
}

.kyc-description {
  font-size: 16px;
  color: #777;
}

.kyc-verify-btn {
  background-color: #F87B1B;
  color: #fff;
  padding: 15px 30px;
  font-size: 18px;
  border: none;
  border-radius: 50px;
  cursor: pointer;
  transition: background-color 0.3s;
  display: flex;
  align-items: center;
  justify-content: center;
}

.kyc-verify-btn i {
  margin-right: 8px;
}

.kyc-verify-btn:hover {
  background-color: #f68e2e;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1036cc8 */.kyc-verification-section {

}

.kyc-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  text-align: center;
  padding: px;
  gap: 60px;
  border-radius: 20px;
}

.kyc-description-container {
  flex-grow: 1;
}

.kyc-heading {
  font-size: 24px;
  color: #333;
  margin-bottom: 10px;
}

.kyc-description {
  font-size: 16px;
  color: #777;
}

.kyc-verify-btn {
  background-color: #F87B1B;
  color: #fff;
  padding: 15px 30px;
  font-size: 18px;
  border: none;
  border-radius: 50px;
  cursor: pointer;
  transition: background-color 0.3s;
  display: flex;
  align-items: center;
  justify-content: center;
}

.kyc-verify-btn i {
  margin-right: 8px;
}

.kyc-verify-btn:hover {
  background-color: #f68e2e;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-22adb1a *//* Custom CSS for XON balance in Elementor Shortcode Widget */
.elementor-widget-shortcode .mycred-my-balance-wrapper {
    font-size: 40px; /* Adjust font size */
    color: #f39c12; /* Set color to gold/orange */
    font-weight: bold; /* Make the balance bold */

    padding: 12px 18px; /* Add padding around the balance */
    border-radius: 8px; /* Add rounded corners */
    text-align: center; /* Center the text */
    display: inline-block; /* Make the balance inline */
     /* Add a subtle shadow */
}

/* Optional: Add hover effect */
.elementor-widget-shortcode .mycred-my-balance-wrapper:hover {
    background-color: #2c3e50; /* Darker background on hover */
    color: #ecf0f1; /* Lighter text color on hover */
    cursor: pointer; /* Make it clickable */
}

/* Mobile responsive adjustments */
@media (max-width: 768px) {
    .elementor-widget-shortcode .mycred-my-balance-wrapper {
        font-size: 38px; /* Adjust font size for smaller screens */
        padding: 10px 15px; /* Adjust padding for smaller screens */
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-22adb1a *//* Custom CSS for XON balance in Elementor Shortcode Widget */
.elementor-widget-shortcode .mycred-my-balance-wrapper {
    font-size: 40px; /* Adjust font size */
    color: #f39c12; /* Set color to gold/orange */
    font-weight: bold; /* Make the balance bold */

    padding: 12px 18px; /* Add padding around the balance */
    border-radius: 8px; /* Add rounded corners */
    text-align: center; /* Center the text */
    display: inline-block; /* Make the balance inline */
     /* Add a subtle shadow */
}

/* Optional: Add hover effect */
.elementor-widget-shortcode .mycred-my-balance-wrapper:hover {
    background-color: #2c3e50; /* Darker background on hover */
    color: #ecf0f1; /* Lighter text color on hover */
    cursor: pointer; /* Make it clickable */
}

/* Mobile responsive adjustments */
@media (max-width: 768px) {
    .elementor-widget-shortcode .mycred-my-balance-wrapper {
        font-size: 38px; /* Adjust font size for smaller screens */
        padding: 10px 15px; /* Adjust padding for smaller screens */
    }
}/* End custom CSS */
/* Start custom CSS for mycred_history, class: .elementor-element-3d9a8b6 *//* Main wrapper styling */
.elementor-454 .elementor-element.elementor-element-3d9a8b6 .mycred-history-wrapper {
    background-color: #f4f4f4;
    padding: 5px;
    border-radius: 5px;
    border: 1px solid #ddd;
}

/* Table styling */
.elementor-454 .elementor-element.elementor-element-3d9a8b6 table.mycred-table {
    width: 100%;
    background-color: #fff;
    border-collapse: collapse;
}

/* Table header - Single color for all header text */
.elementor-454 .elementor-element.elementor-element-3d9a8b6 table.mycred-table thead {
    background-color: #FFE1AF;
}

.elementor-454 .elementor-element.elementor-element-3d9a8b6 table.mycred-table thead th {
    padding: 12px;
    text-align: left;
    color: #452829;  /* Single unified header text color */
}

/* Table rows */
.elementor-454 .elementor-element.elementor-element-3d9a8b6 table.mycred-table tbody tr {
    border-bottom: 1px solid #eee;
    transition: background-color 0.3s ease;
}

.elementor-454 .elementor-element.elementor-element-3d9a8b6 table.mycred-table tbody tr:hover {
    background-color: #e0f7fa;
}

/* Table cells */
.elementor-454 .elementor-element.elementor-element-3d9a8b6 table.mycred-table td {
    padding: 10px;
    font-size: 16px;
    color: #333;
}

/* Date column - Reduced width */
.elementor-454 .elementor-element.elementor-element-3d9a8b6 table.mycred-table .column-time,
.elementor-454 .elementor-element.elementor-element-3d9a8b6 table.mycred-table th:first-child,
.elementor-454 .elementor-element.elementor-element-3d9a8b6 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-454 .elementor-element.elementor-element-3d9a8b6 table.mycred-table tbody tr.positive .column-creds {
    color: #22c55e !important;  /* Green color */
    font-weight: bold;
}

/* Amount column - RED for negative amounts */
.elementor-454 .elementor-element.elementor-element-3d9a8b6 table.mycred-table tbody tr.negative .column-creds {
    color: #ef4444 !important;  /* Red color */
    font-weight: bold;
}

/* General creds column styling */
.elementor-454 .elementor-element.elementor-element-3d9a8b6 table.mycred-table .column-creds {
    font-weight: bold;
}

/* Navigation styling */
.elementor-454 .elementor-element.elementor-element-3d9a8b6 .mycred-history-wrapper nav {
    margin-top: 20px;
    text-align: center;
}

.elementor-454 .elementor-element.elementor-element-3d9a8b6 .mycred-history-wrapper nav ul {
    list-style: none;
    padding: 0;
    display: inline-flex;
    gap: 10px;
}

.elementor-454 .elementor-element.elementor-element-3d9a8b6 .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-454 .elementor-element.elementor-element-3d9a8b6 .mycred-history-wrapper nav ul li a:hover {
    background-color: #1976D2;
}/* End custom CSS */
/* Start custom CSS for mycred_history, class: .elementor-element-3d9a8b6 *//* Main wrapper styling */
.elementor-454 .elementor-element.elementor-element-3d9a8b6 .mycred-history-wrapper {
    background-color: #f4f4f4;
    padding: 5px;
    border-radius: 5px;
    border: 1px solid #ddd;
}

/* Table styling */
.elementor-454 .elementor-element.elementor-element-3d9a8b6 table.mycred-table {
    width: 100%;
    background-color: #fff;
    border-collapse: collapse;
}

/* Table header - Single color for all header text */
.elementor-454 .elementor-element.elementor-element-3d9a8b6 table.mycred-table thead {
    background-color: #FFE1AF;
}

.elementor-454 .elementor-element.elementor-element-3d9a8b6 table.mycred-table thead th {
    padding: 12px;
    text-align: left;
    color: #452829;  /* Single unified header text color */
}

/* Table rows */
.elementor-454 .elementor-element.elementor-element-3d9a8b6 table.mycred-table tbody tr {
    border-bottom: 1px solid #eee;
    transition: background-color 0.3s ease;
}

.elementor-454 .elementor-element.elementor-element-3d9a8b6 table.mycred-table tbody tr:hover {
    background-color: #e0f7fa;
}

/* Table cells */
.elementor-454 .elementor-element.elementor-element-3d9a8b6 table.mycred-table td {
    padding: 10px;
    font-size: 16px;
    color: #333;
}

/* Date column - Reduced width */
.elementor-454 .elementor-element.elementor-element-3d9a8b6 table.mycred-table .column-time,
.elementor-454 .elementor-element.elementor-element-3d9a8b6 table.mycred-table th:first-child,
.elementor-454 .elementor-element.elementor-element-3d9a8b6 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-454 .elementor-element.elementor-element-3d9a8b6 table.mycred-table tbody tr.positive .column-creds {
    color: #22c55e !important;  /* Green color */
    font-weight: bold;
}

/* Amount column - RED for negative amounts */
.elementor-454 .elementor-element.elementor-element-3d9a8b6 table.mycred-table tbody tr.negative .column-creds {
    color: #ef4444 !important;  /* Red color */
    font-weight: bold;
}

/* General creds column styling */
.elementor-454 .elementor-element.elementor-element-3d9a8b6 table.mycred-table .column-creds {
    font-weight: bold;
}

/* Navigation styling */
.elementor-454 .elementor-element.elementor-element-3d9a8b6 .mycred-history-wrapper nav {
    margin-top: 20px;
    text-align: center;
}

.elementor-454 .elementor-element.elementor-element-3d9a8b6 .mycred-history-wrapper nav ul {
    list-style: none;
    padding: 0;
    display: inline-flex;
    gap: 10px;
}

.elementor-454 .elementor-element.elementor-element-3d9a8b6 .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-454 .elementor-element.elementor-element-3d9a8b6 .mycred-history-wrapper nav ul li a:hover {
    background-color: #1976D2;
}/* End custom CSS */