.elementor-1317 .elementor-element.elementor-element-7ddf522f{--display:flex;}/* Start custom CSS for shortcode, class: .elementor-element-187f1f8b *//* ============================================
   Password Reset Page - SIMPLE & WORKING
   ============================================ */
.um .um-form input[type=text] {
    border: #7b471b !important;
}
/* HIDE THE PAGE HEADER */
.page-id-1317 .page-header {
    display: none !important;
}

.page-id-1317 .entry-title {
    display: none !important;
}

/* DARK BACKGROUND FOR THE PAGE */
.page-id-1317 {
    background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%) !important;
}

.page-id-1317 .page-content {
    background: transparent !important;
    padding: 80px 20px !important;
    min-height: 100vh;
}

/* ANIMATED BACKGROUND ORBS */
.page-id-1317 .page-content::before {
    content: '';
    position: fixed;
    width: 600px;
    height: 600px;
    background: radial-gradient(circle, rgba(255, 104, 2, 0.1) 0%, transparent 70%);
    top: -300px;
    right: -300px;
    animation: pulse-bg 8s ease-in-out infinite;
    pointer-events: none;
    z-index: 0;
}

.page-id-1317 .page-content::after {
    content: '';
    position: fixed;
    width: 500px;
    height: 500px;
    background: radial-gradient(circle, rgba(255, 34, 34, 0.08) 0%, transparent 70%);
    bottom: -250px;
    left: -250px;
    animation: pulse-bg 10s ease-in-out infinite reverse;
    pointer-events: none;
    z-index: 0;
}

@keyframes pulse-bg {
    0%, 100% { transform: scale(1); opacity: 0.5; }
    50% { transform: scale(1.1); opacity: 0.8; }
}

/* ELEMENTOR CONTAINER */
.page-id-1317 .elementor-element-7ddf522f {
    position: relative;
    z-index: 1;
}

/* THE ACTUAL UM FORM */
.page-id-1317 .um {
    background: linear-gradient(135deg, #2a2a2a 0%, #1f1f1f 100%) !important;
    border-radius: 20px !important;
    padding: 50px 45px !important;
    box-shadow: 0 15px 50px rgba(0, 0, 0, 0.6) !important;
    border: 1px solid rgba(255, 104, 2, 0.2) !important;
    max-width: 500px !important;
    margin: 0 auto !important;
    animation: fadeInUp 0.6s ease-out;
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* LOCK ICON */
.page-id-1317 .um-form::before {
    content: '🔐';
    display: block;
    text-align: center;
    font-size: 60px;
    margin-bottom: 20px;
    filter: drop-shadow(0 4px 12px rgba(255, 104, 2, 0.3));
    animation: float 3s ease-in-out infinite;
}

@keyframes float {
    0%, 100% {
        transform: translateY(0px);
    }
    50% {
        transform: translateY(-10px);
    }
}

/* INSTRUCTION BOX - FIXED (NO DOUBLE BOX) */
.page-id-1317 .um-field-type_block {
    margin-bottom: 30px !important;
}

.page-id-1317 .um-field-block {
    background: rgba(255, 104, 2, 0.08) !important;
    padding: 20px 25px !important;
    border-radius: 15px !important;
    border-left: 4px solid #FF6802 !important;
    position: relative;
    overflow: hidden;
    animation: slideInLeft 0.5s ease-out 0.3s backwards;
}

/* Remove inner box styling */
.page-id-1317 .um-field-block > div {
    background: none !important;
    padding: 0 !important;
    border: none !important;
    color: #e0e0e0 !important;
    font-size: 15px !important;
    line-height: 1.6 !important;
    font-weight: 500 !important;
}

/* Glowing border animation */
.page-id-1317 .um-field-block::before {
    content: '';
    position: absolute;
    top: -2px;
    left: -2px;
    right: -2px;
    bottom: -2px;
    background: linear-gradient(45deg, #FF6802, #ff2222, #FF6802);
    border-radius: 15px;
    z-index: -1;
    opacity: 0;
    animation: glow 3s ease-in-out infinite;
}

@keyframes glow {
    0%, 100% { opacity: 0; }
    50% { opacity: 0.3; }
}

@keyframes slideInLeft {
    from {
        opacity: 0;
        transform: translateX(-30px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

/* ERROR MESSAGE STYLING - FIX NESTED MESSAGES */
.page-id-1317 .um-field-area {
    margin-bottom: 0 !important;
}

.page-id-1317 .um-field-error {
    background: linear-gradient(135deg, #ff6b6b 0%, #ee5a6f 100%) !important;
    color: white !important;
    padding: 12px 20px !important;
    border-radius: 10px !important;
    margin-top: 10px !important;
    margin-bottom: 0 !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    border: none !important;
    box-shadow: 0 4px 15px rgba(238, 90, 111, 0.3) !important;
    animation: shake 0.5s ease-out, fadeIn 0.3s ease-out !important;
}

/* Hide duplicate error messages inside instruction box */
.page-id-1317 .um-field-block .um-field-error {
    display: none !important;
}

@keyframes shake {
    0%, 100% { transform: translateX(0); }
    25% { transform: translateX(-10px); }
    75% { transform: translateX(10px); }
}

@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

/* INPUT FIELD */
.page-id-1317 .um-form-field {
    width: 100% !important;
    padding: 18px 22px !important;
    font-size: 15px !important;
    border: 2px solid rgba(255, 104, 2, 0.2) !important;
    border-radius: 12px !important;
    background: rgba(255, 255, 255, 0.05) !important;
    color: #ffffff !important;
    transition: all 0.3s ease !important;
    box-sizing: border-box !important;
    animation: slideInRight 0.5s ease-out 0.4s backwards;
}

@keyframes slideInRight {
    from {
        opacity: 0;
        transform: translateX(30px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

.page-id-1317 .um-form-field::placeholder {
    color: #888 !important;
}

.page-id-1317 .um-form-field:hover {
    border-color: rgba(255, 104, 2, 0.4) !important;
    background: rgba(255, 255, 255, 0.08) !important;
}

.page-id-1317 .um-form-field:focus {
    outline: none !important;
    border-color: #FF6802 !important;
    background: rgba(255, 255, 255, 0.1) !important;
    box-shadow: 0 0 0 4px rgba(255, 104, 2, 0.15), 
                0 0 20px rgba(255, 104, 2, 0.3) !important;
    animation: pulse-glow 2s ease-in-out infinite;
}

@keyframes pulse-glow {
    0%, 100% {
        box-shadow: 0 0 0 4px rgba(255, 104, 2, 0.15), 
                    0 0 20px rgba(255, 104, 2, 0.3);
    }
    50% {
        box-shadow: 0 0 0 4px rgba(255, 104, 2, 0.25), 
                    0 0 30px rgba(255, 104, 2, 0.5);
    }
}

/* SUBMIT BUTTON */
.page-id-1317 .um-button {
    width: 100% !important;
    padding: 18px 40px !important;
    background: linear-gradient(135deg, #FF6802 0%, #ff2222 100%) !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 12px !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 2px !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 8px 25px rgba(255, 104, 2, 0.4) !important;
    position: relative;
    overflow: hidden;
    animation: slideInUp 0.5s ease-out 0.5s backwards;
}

.page-id-1317 .um-button::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.3);
    transform: translate(-50%, -50%);
    transition: width 0.6s, height 0.6s;
}

.page-id-1317 .um-button:hover::before {
    width: 300px;
    height: 300px;
}

@keyframes slideInUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.page-id-1317 .um-button:hover {
    background: linear-gradient(135deg, #ff7722 0%, #ff3333 100%) !important;
    transform: translateY(-3px) !important;
    box-shadow: 0 12px 35px rgba(255, 104, 2, 0.5) !important;
}

.page-id-1317 .um-button:active {
    transform: translateY(-1px) !important;
}

/* HIDE HONEYPOT */
.page-id-1317 .um_request_name {
    display: none !important;
}

/* RESPONSIVE */
@media (max-width: 768px) {
    .page-id-1317 .um {
        padding: 40px 30px !important;
        max-width: 90% !important;
    }
}

@media (max-width: 480px) {
    .page-id-1317 .um {
        padding: 35px 25px !important;
    }
    
    .page-id-1317 .um-button {
        padding: 16px 30px !important;
        font-size: 14px !important;
    }
}/* End custom CSS */
/* Start custom CSS */.site-footer {
    display: none !important;
}

.trp-switcher-position-top.trp-floating-switcher {
    right: 0vw !important;
    top: 3vw !important;
}

@media (max-width: 1379px) {
    .trp-switcher-position-top.trp-floating-switcher {
        top: 7vw  !important;
    }
}

@media (max-width: 1189px) {
    .trp-switcher-position-top.trp-floating-switcher {
        top: 8vw  !important;
    }
}

@media (max-width: 1012px) {
    .trp-switcher-position-top.trp-floating-switcher {
        top: 9vw  !important;
    }
}

@media (max-width: 897px) {
    .trp-switcher-position-top.trp-floating-switcher {
        top: 10vw  !important;
    }
}

@media (max-width: 779px) {
    .trp-switcher-position-top.trp-floating-switcher {
        top: 12vw  !important;
    }
}

@media (max-width: 679px) {
    .trp-switcher-position-top.trp-floating-switcher {
        top: 14vw  !important;
    }
}

@media (max-width: 679px) {
    .trp-switcher-position-top.trp-floating-switcher {
        top: 16vw  !important;
    }
}

@media (max-width: 519px) {
    .trp-switcher-position-top.trp-floating-switcher {
        top: 18vw  !important;
    }
}

@media (max-width: 431px) {
    .trp-switcher-position-top.trp-floating-switcher {
        top: 20vw  !important;
    }
}

@media (max-width: 381px) {
    .trp-switcher-position-top.trp-floating-switcher {
        top: 23vw  !important;
    }
}

@media (max-width: 326px) {
    .trp-switcher-position-top.trp-floating-switcher {
        top: 26vw  !important;
    }
}

@media (max-width: 276px) {
    .trp-switcher-position-top.trp-floating-switcher {
        top: 29vw  !important;
    }
}/* End custom CSS */