.elementor-11433 .elementor-element.elementor-element-aa5a10b{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-11433 .elementor-element.elementor-element-af5ab72{--display:flex;--padding-top:0rem;--padding-bottom:0rem;--padding-left:0rem;--padding-right:0rem;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}/* Start custom CSS *//* Scoped Styles for Majesty Footer Only */
#majesty-footer {
font-family: 'Inter', sans-serif;
isolation: isolate; /* Create new stacking context */
}
#majesty-footer h1,
#majesty-footer h2,
#majesty-footer h3,
#majesty-footer h4,
#majesty-footer h5,
#majesty-footer h6,
#majesty-footer .font-heading {
font-family: 'Manrope', sans-serif;
}
/* Scoped Utilities */
#majesty-footer .no-scrollbar::-webkit-scrollbar { display: none; }
#majesty-footer .no-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }
/* Scoped Bento Card */
#majesty-footer .bento-card {
background-color: #1e1e1e;
border: 1px solid rgba(255,255,255,0.05);
transition: all 0.3s ease;
}
#majesty-footer .bento-card:hover {
border-color: rgba(255,255,255,0.15);
background-color: #252525;
}
/* Scoped Accordion/Details */
#majesty-footer summary {
list-style: none !important;
}
#majesty-footer summary::-webkit-details-marker {
display: none !important;
}
#majesty-footer details > summary {
list-style: none !important;
}
/* Marquee Animation (Global Keyframes, Scoped Usage) */
@keyframes scroll {
0% { transform: translateX(0); }
100% { transform: translateX(-50%); }
}
#majesty-footer .marquee-container {
overflow: hidden;
white-space: nowrap;
position: relative;
}
#majesty-footer .marquee-content {
display: inline-flex;
animation: scroll 40s linear infinite;
}
#majesty-footer .marquee-content:hover {
animation-play-state: paused;
}
/* Fade In Animation */
@keyframes fadeIn {
from { opacity: 0; transform: translateY(10px); }
to { opacity: 1; transform: translateY(0); }
}
#majesty-footer .animate-sequence {
opacity: 0;
animation: fadeIn 1.6s linear forwards;
}
#majesty-footer .delay-100 { animation-delay: 0.1s; }
#majesty-footer .delay-200 { animation-delay: 0.2s; }
#majesty-footer .delay-300 { animation-delay: 0.3s; }
#majesty-footer .delay-400 { animation-delay: 0.4s; }
#majesty-footer .delay-500 { animation-delay: 0.5s; }

.element-selection-indicator {
position: fixed;
top: 10px;
right: 10px;
background: rgba(59, 130, 246, 0.9);
color: white;
padding: 4px 8px;
border-radius: 4px;
font-size: 11px;
font-family: monospace;
z-index: 10000;
pointer-events: none;
animation: fadeIn 0.3s ease-out;
}
@keyframes fadeIn {
from { opacity: 0; transform: translateY(-5px); }
to { opacity: 1; transform: translateY(0); }
}
@keyframes fadeOut {
from { opacity: 1; transform: translateY(0); }
to { opacity: 0; transform: translateY(-5px); }
}

#majesty-footer form {
display: flex;
flex-direction: column;
gap: 0.75rem;
}
#majesty-footer input[type="email"],
#majesty-footer input[type="text"] {
width: 100%;
background-color: transparent;
border: 1px solid #374151;
border-radius: 0.5rem;
padding: 0.5rem 1rem 0.5rem 2.5rem;
font-size: 0.875rem;
color: #ffffff;
transition: all 0.15s ease-in-out;
}
#majesty-footer input::placeholder {
color: #4b5563;
}
#majesty-footer input:focus {
outline: none;
border-color: #06b6d4;
box-shadow: 0 0 0 1px #06b6d4;
}
#majesty-footer button[type="submit"] {
width: 100%;
background-color: #ffffff;
color: #000000;
font-weight: 500;
font-size: 0.875rem;
border-radius: 0.5rem;
padding: 0.625rem;
display: flex;
align-items: center;
justify-content: center;
gap: 0.5rem;
cursor: pointer;
transition: background-color 0.15s ease-in-out;
}
#majesty-footer button[type="submit"]:hover {
background-color: #e5e7eb;
}
#majesty-footer button[type="submit"]:focus {
outline: 2px solid #06b6d4;
outline-offset: 2px;
}
#majesty-footer button:active {
transform: scale(0.98);
}/* End custom CSS */