.elementor-6456 .elementor-element.elementor-element-a80f57d{--display:flex;--min-height:900px;--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-6456 .elementor-element.elementor-element-94c8161{width:var( --container-widget-width, 1600px );max-width:1600px;--container-widget-width:1600px;--container-widget-flex-grow:0;}.elementor-6456 .elementor-element.elementor-element-94c8161 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-6456 .elementor-element.elementor-element-94c8161.elementor-element{--align-self:center;}.elementor-6456 .elementor-element.elementor-element-e4af44f{--display:flex;--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-6456 .elementor-element.elementor-element-e4af44f:not(.elementor-motion-effects-element-type-background), .elementor-6456 .elementor-element.elementor-element-e4af44f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#606061;}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-widget-nested-tabs.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-nested-tabs{--n-tabs-title-font-size:var( --e-global-typography-accent-font-size );}.elementor-6456 .elementor-element.elementor-element-f06142a{--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:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6456 .elementor-element.elementor-element-f06142a:not(.elementor-motion-effects-element-type-background), .elementor-6456 .elementor-element.elementor-element-f06142a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#606061;}.elementor-6456 .elementor-element.elementor-element-7dd348f{--display:flex;--min-height:100px;--justify-content:center;--margin-top:30px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6456 .elementor-element.elementor-element-7dd348f:not(.elementor-motion-effects-element-type-background), .elementor-6456 .elementor-element.elementor-element-7dd348f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-6456 .elementor-element.elementor-element-7dd348f.e-con{--align-self:center;}.elementor-6456 .elementor-element.elementor-element-407ee2d > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-6456 .elementor-element.elementor-element-0d31f58{--display:flex;--min-height:366px;--justify-content:center;--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-6456 .elementor-element.elementor-element-0d31f58:not(.elementor-motion-effects-element-type-background), .elementor-6456 .elementor-element.elementor-element-0d31f58 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-9e34f5e );}.elementor-6456 .elementor-element.elementor-element-23ad6b6{--display:flex;--min-height:366px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--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-6456 .elementor-element.elementor-element-23ad6b6:not(.elementor-motion-effects-element-type-background), .elementor-6456 .elementor-element.elementor-element-23ad6b6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-9e34f5e );}.elementor-6456 .elementor-element.elementor-element-301cb43{--display:flex;}.elementor-6456 .elementor-element.elementor-element-8df23ea{--display:flex;}.elementor-6456 .elementor-element.elementor-element-3e1dc5a{--display:flex;}.elementor-6456 .elementor-element.elementor-element-d1abceb{--display:flex;}.elementor-6456 .elementor-element.elementor-element-de04ec8{--display:flex;}.elementor-6456 .elementor-element.elementor-element-653e254{--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;--n-tabs-title-gap:65px;--n-tabs-title-border-radius:25px 25px 25px 25px;--n-tabs-title-font-size:16px;--n-tabs-title-color:#FFFFFF;--n-tabs-title-color-active:var( --e-global-color-text );}.elementor-6456 .elementor-element.elementor-element-653e254 > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected='false']:not( :hover ){background:#606061;}.elementor-6456 .elementor-element.elementor-element-653e254.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#FFFFFF;}.elementor-6456 .elementor-element.elementor-element-653e254.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-6456 .elementor-element.elementor-element-653e254.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#FFFFFF;}.elementor-6456 .elementor-element.elementor-element-653e254 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:30px 0px 0px 0px;}.elementor-6456 .elementor-element.elementor-element-653e254.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:"Poppins MediumItalic", Sans-serif;font-weight:500;}.elementor-6456 .elementor-element.elementor-element-653e254 [data-touch-mode="false"] .e-n-tab-title[aria-selected="false"]:hover{--n-tabs-title-color-hover:var( --e-global-color-text );}@media(min-width:768px){.elementor-6456 .elementor-element.elementor-element-a80f57d{--width:1600px;}.elementor-6456 .elementor-element.elementor-element-e4af44f{--content-width:1600px;}.elementor-6456 .elementor-element.elementor-element-f06142a{--width:1600px;}.elementor-6456 .elementor-element.elementor-element-7dd348f{--content-width:1500px;}.elementor-6456 .elementor-element.elementor-element-0d31f58{--content-width:1600px;}.elementor-6456 .elementor-element.elementor-element-23ad6b6{--content-width:1600px;}}@media(max-width:1024px){.elementor-widget-nested-tabs{--n-tabs-title-font-size:var( --e-global-typography-accent-font-size );}}@media(max-width:767px){.elementor-widget-nested-tabs{--n-tabs-title-font-size:var( --e-global-typography-accent-font-size );}}/* Start custom CSS for html, class: .elementor-element-94c8161 *//* Container Scoped */
#census-container{
position:relative;
width:100%;
height:900px;
max-width:1600px;
margin:0 auto;
padding:0;
overflow:hidden;
background:#f5f6f7;
font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;
line-height:0;
}

/* Elementor wrapper fix */
.elementor-widget-container:has(#census-container){
padding:0 !important;
margin:0 !important;
}

/* SVG Fullsize inside container */
#census-container svg{
position:absolute;
width:100%;
height:100%;
top:0;
left:0;
display:block;
}

#census-container svg text{
letter-spacing:23px;
font-weight:500;
font-size: 90px;
font-style:italic;
text-anchor:middle;
dominant-baseline:middle;
user-select:none;
}

/* Text Layers */
#census-container #bigGray{
fill:#888888;
opacity:0.18;
font-size: 140px;
transition:opacity 1s ease;
}

#census-container #baseOrange{
fill:#f08a24;
transition:opacity 1s ease;
}

#census-container #maskedWhite{
fill:#ffffff;
transition:opacity 1s ease;
}

#census-container #obliqueVisual{
 fill: url(#obliqueGradient); pointer-events: none; transition: opacity 1s ease; 
}

/* 3D TEXT */
#census-container #real3DText{
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%) scale(0.8) rotateX(0deg) rotateY(0deg);
font-size:140px;
font-style:italic;
letter-spacing:23px;
font-weight:500;
color:#f08a24;
opacity:0;
pointer-events:none;
transition:
transform 1.2s cubic-bezier(0.22,1,0.36,1),
opacity 1s ease;
transform-style:preserve-3d;
text-shadow:
1px 1px 0 #c05c00,
2px 2px 0 #b35400,
3px 3px 0 #a04a00,
4px 4px 0 #8f4100,
5px 5px 0 #7a3700,
6px 6px 0 #6a2f00,
7px 7px 0 #5a2700,
8px 8px 12px rgba(0,0,0,0.35);
}

#census-container #real3DText.active{
opacity:1;
transform:translate(-50%,-50%) perspective(1000px) rotateX(0deg) rotateY(-28deg) scale(1);
pointer-events:auto;
}

/* Circular About Us Button */
#census-container .circular-btn-container{
position:absolute;
bottom:40px;
left:150px;
display:flex;
flex-direction:column;
align-items:center;
cursor:pointer;
z-index:10;
}

#census-container .circular-btn{
width:110px;
height:40px;
border-radius:25px;
background:#606061;
display:flex;
align-items:center;
justify-content:center;
color:white;
font-size:16px;
font-weight:500px;
box-shadow:0 8px 20px rgba(0,0,0,0.15);
transition:all 0.3s ease;
}

#census-container .circular-btn:hover{
background:#fff;
color:#d91e43;
transform:scale(1.1);
}

#census-container .btn-label{
margin-top:6px;
font-size:14px;
font-weight:500;
color:#333;
text-align:center;
line-height:normal;
}

/* Play Preview Button */
#census-container .play-review-container{
position:absolute;
bottom:40px;
left:50%;
transform:translateX(-50%);
display:flex;
align-items:center;
gap:16px;
z-index:10;
cursor:pointer;
}

#census-container .play-circle{
width:40px;
height:40px;
border-radius:50%;
background:#f08a24;
display:flex;
align-items:center;
justify-content:center;
box-shadow:0 8px 20px rgba(0,0,0,0.15);
transition:all 0.3s ease;
}

#census-container .play-icon{
color:white;
font-size:22px;
margin-left:4px;
transition:color 0.3s ease;
}

#census-container .play-circle:hover{
background:#e10600;
transform:scale(1.1);
}

#census-container .play-circle:hover .play-icon{
color:#fff;
}

#census-container .play-text{
font-size:20px;
font-weight:500;
line-height:normal;
}

#census-container .play-word{
color:#f08a24;
}

#census-container .preview-word{
color:#e10600;
margin-left:0;
}

/* Learn more */
#census-container #aboutUsPanel{
position:absolute;
top:10%;
left:5%;
width:40%;
max-width:450px;
background:rgba(255,255,255,0.95);
padding:28px;
box-shadow:0 10px 40px rgba(0,0,0,0.18);
border-radius:14px;
font-style:italic;
color:#333;
line-height:1.7;
display:none;
z-index:15;
}

#census-container #aboutUsPanel h1{
font-size:36px;
margin:0 0 8px 0;
font-weight:700;
color:#f08a24;
}

#census-container #aboutUsPanel h2{
font-size:20px;
margin:0 0 10px 0;
color:#e10600;
font-weight:600;
}

#census-container #aboutUsPanel h3{
font-size:16px;
margin:0 0 16px 0;
color:#555;
}

#census-container #aboutUsPanel p{
font-size:15px;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-407ee2d */.logogrid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 40px;
  width: 100%;
  list-style: none;
  padding: 0;
  margin: 0;
}

.logogrid__img {
  max-width: 90px !important;   /* Force size in WordPress */
  max-height: 60px !important;
  object-fit: contain;

  /* Default muted */
  filter: grayscale(100%) brightness(0.7);
  opacity: 0.7;

  transition: all 1s ease;
}

/* Hover = custom purple #674CC4 */
.logogrid__img:hover {
  filter: grayscale(0%) contrast(100%);
  transform: scale(1.05);
}

.logogrid__imghost {
  max-width: 90px !important;   /* Force size in WordPress */
  max-height: 60px !important;
  object-fit: contain;

  /* Default muted */
  filter: grayscale(100%) brightness(0.7);
  opacity: 0.7;

  transition: all 1s ease;
}

.logogrid__imghost:hover {
  filter: 
    brightness(0) 
    saturate(100%) 
    invert(32%) 
    sepia(78%) 
    saturate(1200%) 
    hue-rotate(230deg) 
    brightness(95%) 
    contrast(95%);
    
  opacity: 1;
  transform: scale(1.05);
}
.logogrid {
  margin-left: 70px; /* shift the whole grid 20px to the right */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c4108b9 */.wp-marquee-wrapper .marquee{
--marquee--colour:#f2923b;
--marquee--repeat-count:6;
--marquee--base-duration:1s;
--marquee--duration:calc(var(--marquee--base-duration) * var(--char-count,20));

overflow:hidden;
width:110%;
margin-left:-5%;

transform:rotate(-5deg);

background:var(--marquee--colour);
color:#fff;
}



.wp-marquee-wrapper .marquee:nth-child(even){
transform:rotate(5deg);
background:#d91e43;
color:#fff;
}

.wp-marquee-wrapper .marquee p{
font-weight:bold;
margin:0;
display:flex;
gap:0.5em;
line-height:1.1;
font-size:clamp(2.5rem,12vw,6.2rem);
font-family:"Bebas Neue",sans-serif;
text-transform:uppercase;
}

.wp-marquee-wrapper .marquee p::after{
content:"*";
}

.wp-marquee-wrapper .marquee--inner{
width:max-content;
display:flex;
animation:wp-marquee-scroll var(--marquee--duration) linear infinite;
}

@keyframes wp-marquee-scroll{
from{
transform:translateX(0);
}
to{
transform:translateX(-50%);
}
}

/* REVERSE OPTION */
.wp-marquee-wrapper.reverse .marquee--inner{
animation-direction:reverse;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4e05272 *//* ===== RESET AND FONT ===== */
.login-wrapper * {
  box-sizing: border-box;
  font-family: Arial, sans-serif;
}

.login-wrapper input {
  font-size: 14px;
}

.login-wrapper button {
  font-size: 14px;
  font-weight: bold;
  cursor: pointer;
}

/* ===== CONTAINER ===== */
.login-wrapper .container {
  background: #fff;
  border-radius: 10px;
  width: 800px;
  max-width: 100%;
  min-height: 500px;
  position: relative;
  overflow: hidden;
  box-shadow: 0 14px 28px rgba(0,0,0,0.25),
              0 10px 10px rgba(0,0,0,0.22);
}

/* ===== FORM CONTAINERS ===== */
.login-wrapper .form-container {
  position: absolute;
  top: 0;
  height: 100%;
  width: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.6s ease-in-out;
}

.login-wrapper .sign-in-container { left: 0; z-index: 2; }
.login-wrapper .sign-up-container { left: 0; width: 50%; opacity: 0; z-index: 1; }

/* ===== SLIDE ANIMATION ===== */
.login-wrapper .container.right-panel-active .sign-in-container {
  transform: translateX(100%);
}

.login-wrapper .container.right-panel-active .sign-up-container {
  transform: translateX(100%);
  opacity: 1;
  z-index: 5;
}

/* ===== FORM STYLING ===== */
.login-wrapper form {
  background: #ffffff;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0 50px;
  height: 100%;
  text-align: center;
  width: 100%;
  max-width: 350px;
}

.social-icons {
  display: flex;
  justify-content: center;
  gap: 15px;
  margin: 15px 0;
}

.social-icons .icon {
  width: 40px;
  height: 40px;
  border: 1px solid #ddd;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  color: #555;
  font-size: 16px;
  transition: 0.3s ease;
}

.social-icons .icon:hover {
  background-color: #F2923B;
  color: #fff;
  border-color: #F2923B;
}

.social-text {
  text-align: center;
  font-size: 13px;
  color: #777;
  margin-bottom: 15px;
}

.login-wrapper .title {
  font-size: 25px;
  font-weight: bold;
  margin-bottom: 20px;
  color:#606161;
}

.login-wrapper input {
  width: 100%;
  padding: 12px 15px;
  margin: 8px 0;
  border: none;
  background: #eee;
}

/* ===== PASSWORD EYE ===== */
.login-wrapper .password-wrapper {
  position: relative;
  width: 100%;
}

.login-wrapper .password-wrapper input {
  padding-right: 35px;
}

.login-wrapper .toggle-password {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 16px;
  cursor: pointer;
  user-select: none;
}
.login-wrapper .forgot-password {
  font-size: 13px;
  color: #2575fc;      /* blue text like a link */
  text-decoration: none;
  margin-top: 5px;
  align-self: flex-start; /* aligns to the left of the form */
  cursor: pointer;
}

.login-wrapper .forgot-password:hover {
  text-decoration: underline;
}


/* ===== BUTTONS ===== */
.login-wrapper button {
  width: 100%;
  padding: 12px 0;
  margin-top: 10px;
  border-radius: 20px;
  border: none;
  background-color: #606161;
  color: #fff;
  transition: background 0.3s ease, transform 0.08s ease-in;
}

.login-wrapper button:hover {
  background-color: #fff;
  border: 2px solid #606161;
  color: #606161;
}

.login-wrapper button:active {
  transform: scale(0.95);
}

.login-wrapper button.ghost {
  background: #fff;
  border: 2px solid #fff;
  color:#606161;
}

/* ===== OVERLAY ===== */
.login-wrapper .overlay-container {
  position: absolute;
  top: 0;
  left: 50%;
  width: 50%;
  height: 100%;
  overflow: hidden;
  transition: transform 0.6s ease-in-out;
}

.login-wrapper .container.right-panel-active .overlay-container {
  transform: translateX(-100%);
}

.login-wrapper .overlay {
  background: linear-gradient(0, #D81E43, #F2923B);
  color: #fff;
  position: relative;
  left: -100%;
  width: 200%;
  height: 100%;
  transition: transform 0.6s ease-in-out;
}

.login-wrapper .container.right-panel-active .overlay {
  transform: translateX(50%);
}

.login-wrapper .overlay-title{
    font-size: 25px;
  font-weight: bold;
  margin-bottom: 40px;
  color:#fff;
    
}
.login-wrapper .overlay-panel {
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0 50px;
  width: 50%;
  height: 100%;
  text-align: center;
}

.login-wrapper .overlay-left { transform: translateX(0%); }
.login-wrapper .overlay-right { right: 0; }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-407ee2d */.logogrid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 40px;
  width: 100%;
  list-style: none;
  padding: 0;
  margin: 0;
}

.logogrid__img {
  max-width: 90px !important;   /* Force size in WordPress */
  max-height: 60px !important;
  object-fit: contain;

  /* Default muted */
  filter: grayscale(100%) brightness(0.7);
  opacity: 0.7;

  transition: all 1s ease;
}

/* Hover = custom purple #674CC4 */
.logogrid__img:hover {
  filter: grayscale(0%) contrast(100%);
  transform: scale(1.05);
}

.logogrid__imghost {
  max-width: 90px !important;   /* Force size in WordPress */
  max-height: 60px !important;
  object-fit: contain;

  /* Default muted */
  filter: grayscale(100%) brightness(0.7);
  opacity: 0.7;

  transition: all 1s ease;
}

.logogrid__imghost:hover {
  filter: 
    brightness(0) 
    saturate(100%) 
    invert(32%) 
    sepia(78%) 
    saturate(1200%) 
    hue-rotate(230deg) 
    brightness(95%) 
    contrast(95%);
    
  opacity: 1;
  transform: scale(1.05);
}
.logogrid {
  margin-left: 70px; /* shift the whole grid 20px to the right */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c4108b9 */.wp-marquee-wrapper .marquee{
--marquee--colour:#f2923b;
--marquee--repeat-count:6;
--marquee--base-duration:1s;
--marquee--duration:calc(var(--marquee--base-duration) * var(--char-count,20));

overflow:hidden;
width:110%;
margin-left:-5%;

transform:rotate(-5deg);

background:var(--marquee--colour);
color:#fff;
}



.wp-marquee-wrapper .marquee:nth-child(even){
transform:rotate(5deg);
background:#d91e43;
color:#fff;
}

.wp-marquee-wrapper .marquee p{
font-weight:bold;
margin:0;
display:flex;
gap:0.5em;
line-height:1.1;
font-size:clamp(2.5rem,12vw,6.2rem);
font-family:"Bebas Neue",sans-serif;
text-transform:uppercase;
}

.wp-marquee-wrapper .marquee p::after{
content:"*";
}

.wp-marquee-wrapper .marquee--inner{
width:max-content;
display:flex;
animation:wp-marquee-scroll var(--marquee--duration) linear infinite;
}

@keyframes wp-marquee-scroll{
from{
transform:translateX(0);
}
to{
transform:translateX(-50%);
}
}

/* REVERSE OPTION */
.wp-marquee-wrapper.reverse .marquee--inner{
animation-direction:reverse;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4e05272 *//* ===== RESET AND FONT ===== */
.login-wrapper * {
  box-sizing: border-box;
  font-family: Arial, sans-serif;
}

.login-wrapper input {
  font-size: 14px;
}

.login-wrapper button {
  font-size: 14px;
  font-weight: bold;
  cursor: pointer;
}

/* ===== CONTAINER ===== */
.login-wrapper .container {
  background: #fff;
  border-radius: 10px;
  width: 800px;
  max-width: 100%;
  min-height: 500px;
  position: relative;
  overflow: hidden;
  box-shadow: 0 14px 28px rgba(0,0,0,0.25),
              0 10px 10px rgba(0,0,0,0.22);
}

/* ===== FORM CONTAINERS ===== */
.login-wrapper .form-container {
  position: absolute;
  top: 0;
  height: 100%;
  width: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.6s ease-in-out;
}

.login-wrapper .sign-in-container { left: 0; z-index: 2; }
.login-wrapper .sign-up-container { left: 0; width: 50%; opacity: 0; z-index: 1; }

/* ===== SLIDE ANIMATION ===== */
.login-wrapper .container.right-panel-active .sign-in-container {
  transform: translateX(100%);
}

.login-wrapper .container.right-panel-active .sign-up-container {
  transform: translateX(100%);
  opacity: 1;
  z-index: 5;
}

/* ===== FORM STYLING ===== */
.login-wrapper form {
  background: #ffffff;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0 50px;
  height: 100%;
  text-align: center;
  width: 100%;
  max-width: 350px;
}

.social-icons {
  display: flex;
  justify-content: center;
  gap: 15px;
  margin: 15px 0;
}

.social-icons .icon {
  width: 40px;
  height: 40px;
  border: 1px solid #ddd;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  color: #555;
  font-size: 16px;
  transition: 0.3s ease;
}

.social-icons .icon:hover {
  background-color: #F2923B;
  color: #fff;
  border-color: #F2923B;
}

.social-text {
  text-align: center;
  font-size: 13px;
  color: #777;
  margin-bottom: 15px;
}

.login-wrapper .title {
  font-size: 25px;
  font-weight: bold;
  margin-bottom: 20px;
  color:#606161;
}

.login-wrapper input {
  width: 100%;
  padding: 12px 15px;
  margin: 8px 0;
  border: none;
  background: #eee;
}

/* ===== PASSWORD EYE ===== */
.login-wrapper .password-wrapper {
  position: relative;
  width: 100%;
}

.login-wrapper .password-wrapper input {
  padding-right: 35px;
}

.login-wrapper .toggle-password {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 16px;
  cursor: pointer;
  user-select: none;
}
.login-wrapper .forgot-password {
  font-size: 13px;
  color: #2575fc;      /* blue text like a link */
  text-decoration: none;
  margin-top: 5px;
  align-self: flex-start; /* aligns to the left of the form */
  cursor: pointer;
}

.login-wrapper .forgot-password:hover {
  text-decoration: underline;
}


/* ===== BUTTONS ===== */
.login-wrapper button {
  width: 100%;
  padding: 12px 0;
  margin-top: 10px;
  border-radius: 20px;
  border: none;
  background-color: #606161;
  color: #fff;
  transition: background 0.3s ease, transform 0.08s ease-in;
}

.login-wrapper button:hover {
  background-color: #fff;
  border: 2px solid #606161;
  color: #606161;
}

.login-wrapper button:active {
  transform: scale(0.95);
}

.login-wrapper button.ghost {
  background: #fff;
  border: 2px solid #fff;
  color:#606161;
}

/* ===== OVERLAY ===== */
.login-wrapper .overlay-container {
  position: absolute;
  top: 0;
  left: 50%;
  width: 50%;
  height: 100%;
  overflow: hidden;
  transition: transform 0.6s ease-in-out;
}

.login-wrapper .container.right-panel-active .overlay-container {
  transform: translateX(-100%);
}

.login-wrapper .overlay {
  background: linear-gradient(0, #D81E43, #F2923B);
  color: #fff;
  position: relative;
  left: -100%;
  width: 200%;
  height: 100%;
  transition: transform 0.6s ease-in-out;
}

.login-wrapper .container.right-panel-active .overlay {
  transform: translateX(50%);
}

.login-wrapper .overlay-title{
    font-size: 25px;
  font-weight: bold;
  margin-bottom: 40px;
  color:#fff;
    
}
.login-wrapper .overlay-panel {
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0 50px;
  width: 50%;
  height: 100%;
  text-align: center;
}

.login-wrapper .overlay-left { transform: translateX(0%); }
.login-wrapper .overlay-right { right: 0; }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-407ee2d */.logogrid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 40px;
  width: 100%;
  list-style: none;
  padding: 0;
  margin: 0;
}

.logogrid__img {
  max-width: 90px !important;   /* Force size in WordPress */
  max-height: 60px !important;
  object-fit: contain;

  /* Default muted */
  filter: grayscale(100%) brightness(0.7);
  opacity: 0.7;

  transition: all 1s ease;
}

/* Hover = custom purple #674CC4 */
.logogrid__img:hover {
  filter: grayscale(0%) contrast(100%);
  transform: scale(1.05);
}

.logogrid__imghost {
  max-width: 90px !important;   /* Force size in WordPress */
  max-height: 60px !important;
  object-fit: contain;

  /* Default muted */
  filter: grayscale(100%) brightness(0.7);
  opacity: 0.7;

  transition: all 1s ease;
}

.logogrid__imghost:hover {
  filter: 
    brightness(0) 
    saturate(100%) 
    invert(32%) 
    sepia(78%) 
    saturate(1200%) 
    hue-rotate(230deg) 
    brightness(95%) 
    contrast(95%);
    
  opacity: 1;
  transform: scale(1.05);
}
.logogrid {
  margin-left: 70px; /* shift the whole grid 20px to the right */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c4108b9 */.wp-marquee-wrapper .marquee{
--marquee--colour:#f2923b;
--marquee--repeat-count:6;
--marquee--base-duration:1s;
--marquee--duration:calc(var(--marquee--base-duration) * var(--char-count,20));

overflow:hidden;
width:110%;
margin-left:-5%;

transform:rotate(-5deg);

background:var(--marquee--colour);
color:#fff;
}



.wp-marquee-wrapper .marquee:nth-child(even){
transform:rotate(5deg);
background:#d91e43;
color:#fff;
}

.wp-marquee-wrapper .marquee p{
font-weight:bold;
margin:0;
display:flex;
gap:0.5em;
line-height:1.1;
font-size:clamp(2.5rem,12vw,6.2rem);
font-family:"Bebas Neue",sans-serif;
text-transform:uppercase;
}

.wp-marquee-wrapper .marquee p::after{
content:"*";
}

.wp-marquee-wrapper .marquee--inner{
width:max-content;
display:flex;
animation:wp-marquee-scroll var(--marquee--duration) linear infinite;
}

@keyframes wp-marquee-scroll{
from{
transform:translateX(0);
}
to{
transform:translateX(-50%);
}
}

/* REVERSE OPTION */
.wp-marquee-wrapper.reverse .marquee--inner{
animation-direction:reverse;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4e05272 *//* ===== RESET AND FONT ===== */
.login-wrapper * {
  box-sizing: border-box;
  font-family: Arial, sans-serif;
}

.login-wrapper input {
  font-size: 14px;
}

.login-wrapper button {
  font-size: 14px;
  font-weight: bold;
  cursor: pointer;
}

/* ===== CONTAINER ===== */
.login-wrapper .container {
  background: #fff;
  border-radius: 10px;
  width: 800px;
  max-width: 100%;
  min-height: 500px;
  position: relative;
  overflow: hidden;
  box-shadow: 0 14px 28px rgba(0,0,0,0.25),
              0 10px 10px rgba(0,0,0,0.22);
}

/* ===== FORM CONTAINERS ===== */
.login-wrapper .form-container {
  position: absolute;
  top: 0;
  height: 100%;
  width: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.6s ease-in-out;
}

.login-wrapper .sign-in-container { left: 0; z-index: 2; }
.login-wrapper .sign-up-container { left: 0; width: 50%; opacity: 0; z-index: 1; }

/* ===== SLIDE ANIMATION ===== */
.login-wrapper .container.right-panel-active .sign-in-container {
  transform: translateX(100%);
}

.login-wrapper .container.right-panel-active .sign-up-container {
  transform: translateX(100%);
  opacity: 1;
  z-index: 5;
}

/* ===== FORM STYLING ===== */
.login-wrapper form {
  background: #ffffff;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0 50px;
  height: 100%;
  text-align: center;
  width: 100%;
  max-width: 350px;
}

.social-icons {
  display: flex;
  justify-content: center;
  gap: 15px;
  margin: 15px 0;
}

.social-icons .icon {
  width: 40px;
  height: 40px;
  border: 1px solid #ddd;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  color: #555;
  font-size: 16px;
  transition: 0.3s ease;
}

.social-icons .icon:hover {
  background-color: #F2923B;
  color: #fff;
  border-color: #F2923B;
}

.social-text {
  text-align: center;
  font-size: 13px;
  color: #777;
  margin-bottom: 15px;
}

.login-wrapper .title {
  font-size: 25px;
  font-weight: bold;
  margin-bottom: 20px;
  color:#606161;
}

.login-wrapper input {
  width: 100%;
  padding: 12px 15px;
  margin: 8px 0;
  border: none;
  background: #eee;
}

/* ===== PASSWORD EYE ===== */
.login-wrapper .password-wrapper {
  position: relative;
  width: 100%;
}

.login-wrapper .password-wrapper input {
  padding-right: 35px;
}

.login-wrapper .toggle-password {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 16px;
  cursor: pointer;
  user-select: none;
}
.login-wrapper .forgot-password {
  font-size: 13px;
  color: #2575fc;      /* blue text like a link */
  text-decoration: none;
  margin-top: 5px;
  align-self: flex-start; /* aligns to the left of the form */
  cursor: pointer;
}

.login-wrapper .forgot-password:hover {
  text-decoration: underline;
}


/* ===== BUTTONS ===== */
.login-wrapper button {
  width: 100%;
  padding: 12px 0;
  margin-top: 10px;
  border-radius: 20px;
  border: none;
  background-color: #606161;
  color: #fff;
  transition: background 0.3s ease, transform 0.08s ease-in;
}

.login-wrapper button:hover {
  background-color: #fff;
  border: 2px solid #606161;
  color: #606161;
}

.login-wrapper button:active {
  transform: scale(0.95);
}

.login-wrapper button.ghost {
  background: #fff;
  border: 2px solid #fff;
  color:#606161;
}

/* ===== OVERLAY ===== */
.login-wrapper .overlay-container {
  position: absolute;
  top: 0;
  left: 50%;
  width: 50%;
  height: 100%;
  overflow: hidden;
  transition: transform 0.6s ease-in-out;
}

.login-wrapper .container.right-panel-active .overlay-container {
  transform: translateX(-100%);
}

.login-wrapper .overlay {
  background: linear-gradient(0, #D81E43, #F2923B);
  color: #fff;
  position: relative;
  left: -100%;
  width: 200%;
  height: 100%;
  transition: transform 0.6s ease-in-out;
}

.login-wrapper .container.right-panel-active .overlay {
  transform: translateX(50%);
}

.login-wrapper .overlay-title{
    font-size: 25px;
  font-weight: bold;
  margin-bottom: 40px;
  color:#fff;
    
}
.login-wrapper .overlay-panel {
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0 50px;
  width: 50%;
  height: 100%;
  text-align: center;
}

.login-wrapper .overlay-left { transform: translateX(0%); }
.login-wrapper .overlay-right { right: 0; }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-407ee2d */.logogrid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 40px;
  width: 100%;
  list-style: none;
  padding: 0;
  margin: 0;
}

.logogrid__img {
  max-width: 90px !important;   /* Force size in WordPress */
  max-height: 60px !important;
  object-fit: contain;

  /* Default muted */
  filter: grayscale(100%) brightness(0.7);
  opacity: 0.7;

  transition: all 1s ease;
}

/* Hover = custom purple #674CC4 */
.logogrid__img:hover {
  filter: grayscale(0%) contrast(100%);
  transform: scale(1.05);
}

.logogrid__imghost {
  max-width: 90px !important;   /* Force size in WordPress */
  max-height: 60px !important;
  object-fit: contain;

  /* Default muted */
  filter: grayscale(100%) brightness(0.7);
  opacity: 0.7;

  transition: all 1s ease;
}

.logogrid__imghost:hover {
  filter: 
    brightness(0) 
    saturate(100%) 
    invert(32%) 
    sepia(78%) 
    saturate(1200%) 
    hue-rotate(230deg) 
    brightness(95%) 
    contrast(95%);
    
  opacity: 1;
  transform: scale(1.05);
}
.logogrid {
  margin-left: 70px; /* shift the whole grid 20px to the right */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c4108b9 */.wp-marquee-wrapper .marquee{
--marquee--colour:#f2923b;
--marquee--repeat-count:6;
--marquee--base-duration:1s;
--marquee--duration:calc(var(--marquee--base-duration) * var(--char-count,20));

overflow:hidden;
width:110%;
margin-left:-5%;

transform:rotate(-5deg);

background:var(--marquee--colour);
color:#fff;
}



.wp-marquee-wrapper .marquee:nth-child(even){
transform:rotate(5deg);
background:#d91e43;
color:#fff;
}

.wp-marquee-wrapper .marquee p{
font-weight:bold;
margin:0;
display:flex;
gap:0.5em;
line-height:1.1;
font-size:clamp(2.5rem,12vw,6.2rem);
font-family:"Bebas Neue",sans-serif;
text-transform:uppercase;
}

.wp-marquee-wrapper .marquee p::after{
content:"*";
}

.wp-marquee-wrapper .marquee--inner{
width:max-content;
display:flex;
animation:wp-marquee-scroll var(--marquee--duration) linear infinite;
}

@keyframes wp-marquee-scroll{
from{
transform:translateX(0);
}
to{
transform:translateX(-50%);
}
}

/* REVERSE OPTION */
.wp-marquee-wrapper.reverse .marquee--inner{
animation-direction:reverse;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4e05272 *//* ===== RESET AND FONT ===== */
.login-wrapper * {
  box-sizing: border-box;
  font-family: Arial, sans-serif;
}

.login-wrapper input {
  font-size: 14px;
}

.login-wrapper button {
  font-size: 14px;
  font-weight: bold;
  cursor: pointer;
}

/* ===== CONTAINER ===== */
.login-wrapper .container {
  background: #fff;
  border-radius: 10px;
  width: 800px;
  max-width: 100%;
  min-height: 500px;
  position: relative;
  overflow: hidden;
  box-shadow: 0 14px 28px rgba(0,0,0,0.25),
              0 10px 10px rgba(0,0,0,0.22);
}

/* ===== FORM CONTAINERS ===== */
.login-wrapper .form-container {
  position: absolute;
  top: 0;
  height: 100%;
  width: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.6s ease-in-out;
}

.login-wrapper .sign-in-container { left: 0; z-index: 2; }
.login-wrapper .sign-up-container { left: 0; width: 50%; opacity: 0; z-index: 1; }

/* ===== SLIDE ANIMATION ===== */
.login-wrapper .container.right-panel-active .sign-in-container {
  transform: translateX(100%);
}

.login-wrapper .container.right-panel-active .sign-up-container {
  transform: translateX(100%);
  opacity: 1;
  z-index: 5;
}

/* ===== FORM STYLING ===== */
.login-wrapper form {
  background: #ffffff;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0 50px;
  height: 100%;
  text-align: center;
  width: 100%;
  max-width: 350px;
}

.social-icons {
  display: flex;
  justify-content: center;
  gap: 15px;
  margin: 15px 0;
}

.social-icons .icon {
  width: 40px;
  height: 40px;
  border: 1px solid #ddd;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  color: #555;
  font-size: 16px;
  transition: 0.3s ease;
}

.social-icons .icon:hover {
  background-color: #F2923B;
  color: #fff;
  border-color: #F2923B;
}

.social-text {
  text-align: center;
  font-size: 13px;
  color: #777;
  margin-bottom: 15px;
}

.login-wrapper .title {
  font-size: 25px;
  font-weight: bold;
  margin-bottom: 20px;
  color:#606161;
}

.login-wrapper input {
  width: 100%;
  padding: 12px 15px;
  margin: 8px 0;
  border: none;
  background: #eee;
}

/* ===== PASSWORD EYE ===== */
.login-wrapper .password-wrapper {
  position: relative;
  width: 100%;
}

.login-wrapper .password-wrapper input {
  padding-right: 35px;
}

.login-wrapper .toggle-password {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 16px;
  cursor: pointer;
  user-select: none;
}
.login-wrapper .forgot-password {
  font-size: 13px;
  color: #2575fc;      /* blue text like a link */
  text-decoration: none;
  margin-top: 5px;
  align-self: flex-start; /* aligns to the left of the form */
  cursor: pointer;
}

.login-wrapper .forgot-password:hover {
  text-decoration: underline;
}


/* ===== BUTTONS ===== */
.login-wrapper button {
  width: 100%;
  padding: 12px 0;
  margin-top: 10px;
  border-radius: 20px;
  border: none;
  background-color: #606161;
  color: #fff;
  transition: background 0.3s ease, transform 0.08s ease-in;
}

.login-wrapper button:hover {
  background-color: #fff;
  border: 2px solid #606161;
  color: #606161;
}

.login-wrapper button:active {
  transform: scale(0.95);
}

.login-wrapper button.ghost {
  background: #fff;
  border: 2px solid #fff;
  color:#606161;
}

/* ===== OVERLAY ===== */
.login-wrapper .overlay-container {
  position: absolute;
  top: 0;
  left: 50%;
  width: 50%;
  height: 100%;
  overflow: hidden;
  transition: transform 0.6s ease-in-out;
}

.login-wrapper .container.right-panel-active .overlay-container {
  transform: translateX(-100%);
}

.login-wrapper .overlay {
  background: linear-gradient(0, #D81E43, #F2923B);
  color: #fff;
  position: relative;
  left: -100%;
  width: 200%;
  height: 100%;
  transition: transform 0.6s ease-in-out;
}

.login-wrapper .container.right-panel-active .overlay {
  transform: translateX(50%);
}

.login-wrapper .overlay-title{
    font-size: 25px;
  font-weight: bold;
  margin-bottom: 40px;
  color:#fff;
    
}
.login-wrapper .overlay-panel {
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0 50px;
  width: 50%;
  height: 100%;
  text-align: center;
}

.login-wrapper .overlay-left { transform: translateX(0%); }
.login-wrapper .overlay-right { right: 0; }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-407ee2d */.logogrid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 40px;
  width: 100%;
  list-style: none;
  padding: 0;
  margin: 0;
}

.logogrid__img {
  max-width: 90px !important;   /* Force size in WordPress */
  max-height: 60px !important;
  object-fit: contain;

  /* Default muted */
  filter: grayscale(100%) brightness(0.7);
  opacity: 0.7;

  transition: all 1s ease;
}

/* Hover = custom purple #674CC4 */
.logogrid__img:hover {
  filter: grayscale(0%) contrast(100%);
  transform: scale(1.05);
}

.logogrid__imghost {
  max-width: 90px !important;   /* Force size in WordPress */
  max-height: 60px !important;
  object-fit: contain;

  /* Default muted */
  filter: grayscale(100%) brightness(0.7);
  opacity: 0.7;

  transition: all 1s ease;
}

.logogrid__imghost:hover {
  filter: 
    brightness(0) 
    saturate(100%) 
    invert(32%) 
    sepia(78%) 
    saturate(1200%) 
    hue-rotate(230deg) 
    brightness(95%) 
    contrast(95%);
    
  opacity: 1;
  transform: scale(1.05);
}
.logogrid {
  margin-left: 70px; /* shift the whole grid 20px to the right */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c4108b9 */.wp-marquee-wrapper .marquee{
--marquee--colour:#f2923b;
--marquee--repeat-count:6;
--marquee--base-duration:1s;
--marquee--duration:calc(var(--marquee--base-duration) * var(--char-count,20));

overflow:hidden;
width:110%;
margin-left:-5%;

transform:rotate(-5deg);

background:var(--marquee--colour);
color:#fff;
}



.wp-marquee-wrapper .marquee:nth-child(even){
transform:rotate(5deg);
background:#d91e43;
color:#fff;
}

.wp-marquee-wrapper .marquee p{
font-weight:bold;
margin:0;
display:flex;
gap:0.5em;
line-height:1.1;
font-size:clamp(2.5rem,12vw,6.2rem);
font-family:"Bebas Neue",sans-serif;
text-transform:uppercase;
}

.wp-marquee-wrapper .marquee p::after{
content:"*";
}

.wp-marquee-wrapper .marquee--inner{
width:max-content;
display:flex;
animation:wp-marquee-scroll var(--marquee--duration) linear infinite;
}

@keyframes wp-marquee-scroll{
from{
transform:translateX(0);
}
to{
transform:translateX(-50%);
}
}

/* REVERSE OPTION */
.wp-marquee-wrapper.reverse .marquee--inner{
animation-direction:reverse;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4e05272 *//* ===== RESET AND FONT ===== */
.login-wrapper * {
  box-sizing: border-box;
  font-family: Arial, sans-serif;
}

.login-wrapper input {
  font-size: 14px;
}

.login-wrapper button {
  font-size: 14px;
  font-weight: bold;
  cursor: pointer;
}

/* ===== CONTAINER ===== */
.login-wrapper .container {
  background: #fff;
  border-radius: 10px;
  width: 800px;
  max-width: 100%;
  min-height: 500px;
  position: relative;
  overflow: hidden;
  box-shadow: 0 14px 28px rgba(0,0,0,0.25),
              0 10px 10px rgba(0,0,0,0.22);
}

/* ===== FORM CONTAINERS ===== */
.login-wrapper .form-container {
  position: absolute;
  top: 0;
  height: 100%;
  width: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.6s ease-in-out;
}

.login-wrapper .sign-in-container { left: 0; z-index: 2; }
.login-wrapper .sign-up-container { left: 0; width: 50%; opacity: 0; z-index: 1; }

/* ===== SLIDE ANIMATION ===== */
.login-wrapper .container.right-panel-active .sign-in-container {
  transform: translateX(100%);
}

.login-wrapper .container.right-panel-active .sign-up-container {
  transform: translateX(100%);
  opacity: 1;
  z-index: 5;
}

/* ===== FORM STYLING ===== */
.login-wrapper form {
  background: #ffffff;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0 50px;
  height: 100%;
  text-align: center;
  width: 100%;
  max-width: 350px;
}

.social-icons {
  display: flex;
  justify-content: center;
  gap: 15px;
  margin: 15px 0;
}

.social-icons .icon {
  width: 40px;
  height: 40px;
  border: 1px solid #ddd;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  color: #555;
  font-size: 16px;
  transition: 0.3s ease;
}

.social-icons .icon:hover {
  background-color: #F2923B;
  color: #fff;
  border-color: #F2923B;
}

.social-text {
  text-align: center;
  font-size: 13px;
  color: #777;
  margin-bottom: 15px;
}

.login-wrapper .title {
  font-size: 25px;
  font-weight: bold;
  margin-bottom: 20px;
  color:#606161;
}

.login-wrapper input {
  width: 100%;
  padding: 12px 15px;
  margin: 8px 0;
  border: none;
  background: #eee;
}

/* ===== PASSWORD EYE ===== */
.login-wrapper .password-wrapper {
  position: relative;
  width: 100%;
}

.login-wrapper .password-wrapper input {
  padding-right: 35px;
}

.login-wrapper .toggle-password {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 16px;
  cursor: pointer;
  user-select: none;
}
.login-wrapper .forgot-password {
  font-size: 13px;
  color: #2575fc;      /* blue text like a link */
  text-decoration: none;
  margin-top: 5px;
  align-self: flex-start; /* aligns to the left of the form */
  cursor: pointer;
}

.login-wrapper .forgot-password:hover {
  text-decoration: underline;
}


/* ===== BUTTONS ===== */
.login-wrapper button {
  width: 100%;
  padding: 12px 0;
  margin-top: 10px;
  border-radius: 20px;
  border: none;
  background-color: #606161;
  color: #fff;
  transition: background 0.3s ease, transform 0.08s ease-in;
}

.login-wrapper button:hover {
  background-color: #fff;
  border: 2px solid #606161;
  color: #606161;
}

.login-wrapper button:active {
  transform: scale(0.95);
}

.login-wrapper button.ghost {
  background: #fff;
  border: 2px solid #fff;
  color:#606161;
}

/* ===== OVERLAY ===== */
.login-wrapper .overlay-container {
  position: absolute;
  top: 0;
  left: 50%;
  width: 50%;
  height: 100%;
  overflow: hidden;
  transition: transform 0.6s ease-in-out;
}

.login-wrapper .container.right-panel-active .overlay-container {
  transform: translateX(-100%);
}

.login-wrapper .overlay {
  background: linear-gradient(0, #D81E43, #F2923B);
  color: #fff;
  position: relative;
  left: -100%;
  width: 200%;
  height: 100%;
  transition: transform 0.6s ease-in-out;
}

.login-wrapper .container.right-panel-active .overlay {
  transform: translateX(50%);
}

.login-wrapper .overlay-title{
    font-size: 25px;
  font-weight: bold;
  margin-bottom: 40px;
  color:#fff;
    
}
.login-wrapper .overlay-panel {
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0 50px;
  width: 50%;
  height: 100%;
  text-align: center;
}

.login-wrapper .overlay-left { transform: translateX(0%); }
.login-wrapper .overlay-right { right: 0; }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-407ee2d */.logogrid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 40px;
  width: 100%;
  list-style: none;
  padding: 0;
  margin: 0;
}

.logogrid__img {
  max-width: 90px !important;   /* Force size in WordPress */
  max-height: 60px !important;
  object-fit: contain;

  /* Default muted */
  filter: grayscale(100%) brightness(0.7);
  opacity: 0.7;

  transition: all 1s ease;
}

/* Hover = custom purple #674CC4 */
.logogrid__img:hover {
  filter: grayscale(0%) contrast(100%);
  transform: scale(1.05);
}

.logogrid__imghost {
  max-width: 90px !important;   /* Force size in WordPress */
  max-height: 60px !important;
  object-fit: contain;

  /* Default muted */
  filter: grayscale(100%) brightness(0.7);
  opacity: 0.7;

  transition: all 1s ease;
}

.logogrid__imghost:hover {
  filter: 
    brightness(0) 
    saturate(100%) 
    invert(32%) 
    sepia(78%) 
    saturate(1200%) 
    hue-rotate(230deg) 
    brightness(95%) 
    contrast(95%);
    
  opacity: 1;
  transform: scale(1.05);
}
.logogrid {
  margin-left: 70px; /* shift the whole grid 20px to the right */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c4108b9 */.wp-marquee-wrapper .marquee{
--marquee--colour:#f2923b;
--marquee--repeat-count:6;
--marquee--base-duration:1s;
--marquee--duration:calc(var(--marquee--base-duration) * var(--char-count,20));

overflow:hidden;
width:110%;
margin-left:-5%;

transform:rotate(-5deg);

background:var(--marquee--colour);
color:#fff;
}



.wp-marquee-wrapper .marquee:nth-child(even){
transform:rotate(5deg);
background:#d91e43;
color:#fff;
}

.wp-marquee-wrapper .marquee p{
font-weight:bold;
margin:0;
display:flex;
gap:0.5em;
line-height:1.1;
font-size:clamp(2.5rem,12vw,6.2rem);
font-family:"Bebas Neue",sans-serif;
text-transform:uppercase;
}

.wp-marquee-wrapper .marquee p::after{
content:"*";
}

.wp-marquee-wrapper .marquee--inner{
width:max-content;
display:flex;
animation:wp-marquee-scroll var(--marquee--duration) linear infinite;
}

@keyframes wp-marquee-scroll{
from{
transform:translateX(0);
}
to{
transform:translateX(-50%);
}
}

/* REVERSE OPTION */
.wp-marquee-wrapper.reverse .marquee--inner{
animation-direction:reverse;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4e05272 *//* ===== RESET AND FONT ===== */
.login-wrapper * {
  box-sizing: border-box;
  font-family: Arial, sans-serif;
}

.login-wrapper input {
  font-size: 14px;
}

.login-wrapper button {
  font-size: 14px;
  font-weight: bold;
  cursor: pointer;
}

/* ===== CONTAINER ===== */
.login-wrapper .container {
  background: #fff;
  border-radius: 10px;
  width: 800px;
  max-width: 100%;
  min-height: 500px;
  position: relative;
  overflow: hidden;
  box-shadow: 0 14px 28px rgba(0,0,0,0.25),
              0 10px 10px rgba(0,0,0,0.22);
}

/* ===== FORM CONTAINERS ===== */
.login-wrapper .form-container {
  position: absolute;
  top: 0;
  height: 100%;
  width: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.6s ease-in-out;
}

.login-wrapper .sign-in-container { left: 0; z-index: 2; }
.login-wrapper .sign-up-container { left: 0; width: 50%; opacity: 0; z-index: 1; }

/* ===== SLIDE ANIMATION ===== */
.login-wrapper .container.right-panel-active .sign-in-container {
  transform: translateX(100%);
}

.login-wrapper .container.right-panel-active .sign-up-container {
  transform: translateX(100%);
  opacity: 1;
  z-index: 5;
}

/* ===== FORM STYLING ===== */
.login-wrapper form {
  background: #ffffff;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0 50px;
  height: 100%;
  text-align: center;
  width: 100%;
  max-width: 350px;
}

.social-icons {
  display: flex;
  justify-content: center;
  gap: 15px;
  margin: 15px 0;
}

.social-icons .icon {
  width: 40px;
  height: 40px;
  border: 1px solid #ddd;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  color: #555;
  font-size: 16px;
  transition: 0.3s ease;
}

.social-icons .icon:hover {
  background-color: #F2923B;
  color: #fff;
  border-color: #F2923B;
}

.social-text {
  text-align: center;
  font-size: 13px;
  color: #777;
  margin-bottom: 15px;
}

.login-wrapper .title {
  font-size: 25px;
  font-weight: bold;
  margin-bottom: 20px;
  color:#606161;
}

.login-wrapper input {
  width: 100%;
  padding: 12px 15px;
  margin: 8px 0;
  border: none;
  background: #eee;
}

/* ===== PASSWORD EYE ===== */
.login-wrapper .password-wrapper {
  position: relative;
  width: 100%;
}

.login-wrapper .password-wrapper input {
  padding-right: 35px;
}

.login-wrapper .toggle-password {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 16px;
  cursor: pointer;
  user-select: none;
}
.login-wrapper .forgot-password {
  font-size: 13px;
  color: #2575fc;      /* blue text like a link */
  text-decoration: none;
  margin-top: 5px;
  align-self: flex-start; /* aligns to the left of the form */
  cursor: pointer;
}

.login-wrapper .forgot-password:hover {
  text-decoration: underline;
}


/* ===== BUTTONS ===== */
.login-wrapper button {
  width: 100%;
  padding: 12px 0;
  margin-top: 10px;
  border-radius: 20px;
  border: none;
  background-color: #606161;
  color: #fff;
  transition: background 0.3s ease, transform 0.08s ease-in;
}

.login-wrapper button:hover {
  background-color: #fff;
  border: 2px solid #606161;
  color: #606161;
}

.login-wrapper button:active {
  transform: scale(0.95);
}

.login-wrapper button.ghost {
  background: #fff;
  border: 2px solid #fff;
  color:#606161;
}

/* ===== OVERLAY ===== */
.login-wrapper .overlay-container {
  position: absolute;
  top: 0;
  left: 50%;
  width: 50%;
  height: 100%;
  overflow: hidden;
  transition: transform 0.6s ease-in-out;
}

.login-wrapper .container.right-panel-active .overlay-container {
  transform: translateX(-100%);
}

.login-wrapper .overlay {
  background: linear-gradient(0, #D81E43, #F2923B);
  color: #fff;
  position: relative;
  left: -100%;
  width: 200%;
  height: 100%;
  transition: transform 0.6s ease-in-out;
}

.login-wrapper .container.right-panel-active .overlay {
  transform: translateX(50%);
}

.login-wrapper .overlay-title{
    font-size: 25px;
  font-weight: bold;
  margin-bottom: 40px;
  color:#fff;
    
}
.login-wrapper .overlay-panel {
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0 50px;
  width: 50%;
  height: 100%;
  text-align: center;
}

.login-wrapper .overlay-left { transform: translateX(0%); }
.login-wrapper .overlay-right { right: 0; }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-407ee2d */.logogrid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 40px;
  width: 100%;
  list-style: none;
  padding: 0;
  margin: 0;
}

.logogrid__img {
  max-width: 90px !important;   /* Force size in WordPress */
  max-height: 60px !important;
  object-fit: contain;

  /* Default muted */
  filter: grayscale(100%) brightness(0.7);
  opacity: 0.7;

  transition: all 1s ease;
}

/* Hover = custom purple #674CC4 */
.logogrid__img:hover {
  filter: grayscale(0%) contrast(100%);
  transform: scale(1.05);
}

.logogrid__imghost {
  max-width: 90px !important;   /* Force size in WordPress */
  max-height: 60px !important;
  object-fit: contain;

  /* Default muted */
  filter: grayscale(100%) brightness(0.7);
  opacity: 0.7;

  transition: all 1s ease;
}

.logogrid__imghost:hover {
  filter: 
    brightness(0) 
    saturate(100%) 
    invert(32%) 
    sepia(78%) 
    saturate(1200%) 
    hue-rotate(230deg) 
    brightness(95%) 
    contrast(95%);
    
  opacity: 1;
  transform: scale(1.05);
}
.logogrid {
  margin-left: 70px; /* shift the whole grid 20px to the right */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c4108b9 */.wp-marquee-wrapper .marquee{
--marquee--colour:#f2923b;
--marquee--repeat-count:6;
--marquee--base-duration:1s;
--marquee--duration:calc(var(--marquee--base-duration) * var(--char-count,20));

overflow:hidden;
width:110%;
margin-left:-5%;

transform:rotate(-5deg);

background:var(--marquee--colour);
color:#fff;
}



.wp-marquee-wrapper .marquee:nth-child(even){
transform:rotate(5deg);
background:#d91e43;
color:#fff;
}

.wp-marquee-wrapper .marquee p{
font-weight:bold;
margin:0;
display:flex;
gap:0.5em;
line-height:1.1;
font-size:clamp(2.5rem,12vw,6.2rem);
font-family:"Bebas Neue",sans-serif;
text-transform:uppercase;
}

.wp-marquee-wrapper .marquee p::after{
content:"*";
}

.wp-marquee-wrapper .marquee--inner{
width:max-content;
display:flex;
animation:wp-marquee-scroll var(--marquee--duration) linear infinite;
}

@keyframes wp-marquee-scroll{
from{
transform:translateX(0);
}
to{
transform:translateX(-50%);
}
}

/* REVERSE OPTION */
.wp-marquee-wrapper.reverse .marquee--inner{
animation-direction:reverse;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4e05272 *//* ===== RESET AND FONT ===== */
.login-wrapper * {
  box-sizing: border-box;
  font-family: Arial, sans-serif;
}

.login-wrapper input {
  font-size: 14px;
}

.login-wrapper button {
  font-size: 14px;
  font-weight: bold;
  cursor: pointer;
}

/* ===== CONTAINER ===== */
.login-wrapper .container {
  background: #fff;
  border-radius: 10px;
  width: 800px;
  max-width: 100%;
  min-height: 500px;
  position: relative;
  overflow: hidden;
  box-shadow: 0 14px 28px rgba(0,0,0,0.25),
              0 10px 10px rgba(0,0,0,0.22);
}

/* ===== FORM CONTAINERS ===== */
.login-wrapper .form-container {
  position: absolute;
  top: 0;
  height: 100%;
  width: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.6s ease-in-out;
}

.login-wrapper .sign-in-container { left: 0; z-index: 2; }
.login-wrapper .sign-up-container { left: 0; width: 50%; opacity: 0; z-index: 1; }

/* ===== SLIDE ANIMATION ===== */
.login-wrapper .container.right-panel-active .sign-in-container {
  transform: translateX(100%);
}

.login-wrapper .container.right-panel-active .sign-up-container {
  transform: translateX(100%);
  opacity: 1;
  z-index: 5;
}

/* ===== FORM STYLING ===== */
.login-wrapper form {
  background: #ffffff;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0 50px;
  height: 100%;
  text-align: center;
  width: 100%;
  max-width: 350px;
}

.social-icons {
  display: flex;
  justify-content: center;
  gap: 15px;
  margin: 15px 0;
}

.social-icons .icon {
  width: 40px;
  height: 40px;
  border: 1px solid #ddd;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  color: #555;
  font-size: 16px;
  transition: 0.3s ease;
}

.social-icons .icon:hover {
  background-color: #F2923B;
  color: #fff;
  border-color: #F2923B;
}

.social-text {
  text-align: center;
  font-size: 13px;
  color: #777;
  margin-bottom: 15px;
}

.login-wrapper .title {
  font-size: 25px;
  font-weight: bold;
  margin-bottom: 20px;
  color:#606161;
}

.login-wrapper input {
  width: 100%;
  padding: 12px 15px;
  margin: 8px 0;
  border: none;
  background: #eee;
}

/* ===== PASSWORD EYE ===== */
.login-wrapper .password-wrapper {
  position: relative;
  width: 100%;
}

.login-wrapper .password-wrapper input {
  padding-right: 35px;
}

.login-wrapper .toggle-password {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 16px;
  cursor: pointer;
  user-select: none;
}
.login-wrapper .forgot-password {
  font-size: 13px;
  color: #2575fc;      /* blue text like a link */
  text-decoration: none;
  margin-top: 5px;
  align-self: flex-start; /* aligns to the left of the form */
  cursor: pointer;
}

.login-wrapper .forgot-password:hover {
  text-decoration: underline;
}


/* ===== BUTTONS ===== */
.login-wrapper button {
  width: 100%;
  padding: 12px 0;
  margin-top: 10px;
  border-radius: 20px;
  border: none;
  background-color: #606161;
  color: #fff;
  transition: background 0.3s ease, transform 0.08s ease-in;
}

.login-wrapper button:hover {
  background-color: #fff;
  border: 2px solid #606161;
  color: #606161;
}

.login-wrapper button:active {
  transform: scale(0.95);
}

.login-wrapper button.ghost {
  background: #fff;
  border: 2px solid #fff;
  color:#606161;
}

/* ===== OVERLAY ===== */
.login-wrapper .overlay-container {
  position: absolute;
  top: 0;
  left: 50%;
  width: 50%;
  height: 100%;
  overflow: hidden;
  transition: transform 0.6s ease-in-out;
}

.login-wrapper .container.right-panel-active .overlay-container {
  transform: translateX(-100%);
}

.login-wrapper .overlay {
  background: linear-gradient(0, #D81E43, #F2923B);
  color: #fff;
  position: relative;
  left: -100%;
  width: 200%;
  height: 100%;
  transition: transform 0.6s ease-in-out;
}

.login-wrapper .container.right-panel-active .overlay {
  transform: translateX(50%);
}

.login-wrapper .overlay-title{
    font-size: 25px;
  font-weight: bold;
  margin-bottom: 40px;
  color:#fff;
    
}
.login-wrapper .overlay-panel {
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0 50px;
  width: 50%;
  height: 100%;
  text-align: center;
}

.login-wrapper .overlay-left { transform: translateX(0%); }
.login-wrapper .overlay-right { right: 0; }/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Poppins MediumItalic';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://cenus.io/wp-content/uploads/2026/02/Poppins-MediumItalic.ttf') format('truetype');
}
/* End Custom Fonts CSS */