.elementor-3308 .elementor-element.elementor-element-ae6a96c{--display:flex;--min-height:0px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--overlay-opacity:0.98;--margin-top:6px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:101px;--padding-left:0px;--padding-right:-8px;}.elementor-3308 .elementor-element.elementor-element-ae6a96c:not(.elementor-motion-effects-element-type-background), .elementor-3308 .elementor-element.elementor-element-ae6a96c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFAF938;}.elementor-3308 .elementor-element.elementor-element-ae6a96c::before, .elementor-3308 .elementor-element.elementor-element-ae6a96c > .elementor-background-video-container::before, .elementor-3308 .elementor-element.elementor-element-ae6a96c > .e-con-inner > .elementor-background-video-container::before, .elementor-3308 .elementor-element.elementor-element-ae6a96c > .elementor-background-slideshow::before, .elementor-3308 .elementor-element.elementor-element-ae6a96c > .e-con-inner > .elementor-background-slideshow::before, .elementor-3308 .elementor-element.elementor-element-ae6a96c > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#7787C4;background-image:url("https://studywithjoydeep.com/wp-content/uploads/2024/04/360_F_458430629_Jw5cn2wivdaIkus8pyk0VvYChpkUSJwU.jpg");--background-overlay:'';background-position:top left;background-size:cover;}.elementor-3308 .elementor-element.elementor-element-ae6a96c.e-con{--align-self:center;}.elementor-widget-login .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-login .elementor-field-group > a{color:var( --e-global-color-text );}.elementor-widget-login .elementor-field-group > a:hover{color:var( --e-global-color-accent );}.elementor-widget-login .elementor-form-fields-wrapper label{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-login .elementor-field-group .elementor-field{color:var( --e-global-color-text );}.elementor-widget-login .elementor-field-group .elementor-field, .elementor-widget-login .elementor-field-subgroup label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-login .elementor-widget-container .elementor-login__logged-in-message{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-3308 .elementor-element.elementor-element-7582da3 .elementor-button{background-color:#2C2976;font-family:"Rowdies", Sans-serif;font-weight:500;border-style:none;border-radius:16px 16px 16px 16px;padding:0px 0px 0px 0px;}.elementor-3308 .elementor-element.elementor-element-7582da3{width:var( --container-widget-width, 40% );max-width:40%;--container-widget-width:40%;--container-widget-flex-grow:0;}.elementor-3308 .elementor-element.elementor-element-7582da3 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-3308 .elementor-element.elementor-element-7582da3.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:1;}.elementor-3308 .elementor-element.elementor-element-7582da3 .elementor-field-group{margin-bottom:10px;}.elementor-3308 .elementor-element.elementor-element-7582da3 .elementor-form-fields-wrapper{margin-bottom:-10px;}.elementor-3308 .elementor-element.elementor-element-7582da3 .elementor-field-group > a:hover{color:#2E873B;}body .elementor-3308 .elementor-element.elementor-element-7582da3 .elementor-field-group > label{padding-bottom:0px;}.elementor-3308 .elementor-element.elementor-element-7582da3 .elementor-form-fields-wrapper label{color:#010000;font-family:"Roboto Serif", Sans-serif;font-size:19px;font-weight:400;}.elementor-3308 .elementor-element.elementor-element-7582da3 .elementor-field-group .elementor-field{color:#EEEFF5;}.elementor-3308 .elementor-element.elementor-element-7582da3 .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;}.elementor-3308 .elementor-element.elementor-element-7582da3 .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;}.elementor-3308 .elementor-element.elementor-element-7582da3 .elementor-widget-container .elementor-login__logged-in-message{color:#FFFFFF;font-family:"Roboto", Sans-serif;font-weight:400;}@media(min-width:768px){.elementor-3308 .elementor-element.elementor-element-ae6a96c{--content-width:1129px;}}/* Start custom CSS for login, class: .elementor-element-7582da3 *//* Login Page Background */
body {
background: linear-gradient(135deg,#4e73df,#1cc88a);
font-family: 'Poppins', sans-serif;
}

/* Login Form Container */
.wpforms-container,
.elementor-widget-login,
.login {
width: 380px;
margin: auto;
margin-top: 120px;
padding: 35px;
background: rgba(255,255,255,0.15);
backdrop-filter: blur(10px);
border-radius: 15px;
box-shadow: 0 8px 30px rgba(0,0,0,0.25);
}

/* Title */
.login h1,
.elementor-widget-login h2 {
text-align: center;
color: #ffffff;
font-size: 28px;
margin-bottom: 20px;
}

/* Input Fields */
.wpforms-container input,
.elementor-widget-login input,
.login input {
width: 100%;
padding: 12px;
margin-top: 8px;
margin-bottom: 15px;
border-radius: 6px;
border: none;
background: rgba(255,255,255,0.9);
}

/* Input Focus Effect */
input:focus {
outline: none;
box-shadow: 0 0 6px rgba(255,255,255,0.8);
}

/* Login Button */
.wpforms-submit,
.elementor-button,
.login .button-primary {
width: 100%;
padding: 12px;
border: none;
border-radius: 6px;
background: linear-gradient(45deg,#ff6a00,#ee0979);
color: white;
font-size: 16px;
font-weight: 600;
cursor: pointer;
transition: 0.3s;
}

/* Button Hover */
.wpforms-submit:hover,
.elementor-button:hover,
.login .button-primary:hover {
transform: translateY(-2px);
box-shadow: 0 6px 15px rgba(0,0,0,0.3);
}

/* Links */
.login a {
color: #ffffff;
text-decoration: none;
font-size: 14px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ae6a96c *//* Full Page Background */
body {
height: 100vh;
background: linear-gradient(120deg,#667eea,#764ba2,#6dd5ed,#2193b0);
background-size: 400% 400%;
animation: gradientMove 12s ease infinite;
font-family: 'Poppins', sans-serif;
position: relative;
}

/* Animated Gradient Movement */
@keyframes gradientMove {
0%{background-position:0% 50%;}
50%{background-position:100% 50%;}
100%{background-position:0% 50%;}
}

/* Overlay Effect */
body::before {
content:"";
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background: radial-gradient(circle at top right,
rgba(255,255,255,0.2),
rgba(0,0,0,0.5));
z-index:0;
}

/* Login Form Container */
.login,
.elementor-widget-login,
.wpforms-container {
position: relative;
z-index: 1;
width: 380px;
margin: auto;
margin-top: 120px;
padding: 40px;
border-radius: 16px;
background: rgba(255,255,255,0.15);
backdrop-filter: blur(15px);
box-shadow: 0 10px 40px rgba(0,0,0,0.35);
}

/* Title */
.login h1,
.elementor-widget-login h2 {
text-align:center;
color:#ffffff;
font-size:30px;
margin-bottom:25px;
}

/* Input Fields */
.login input,
.elementor-widget-login input,
.wpforms-container input {
width:100%;
padding:12px;
margin-bottom:15px;
border:none;
border-radius:8px;
background:rgba(255,255,255,0.9);
}

/* Login Button */
.login .button-primary,
.elementor-button,
.wpforms-submit {
width:100%;
padding:12px;
border:none;
border-radius:8px;
background:linear-gradient(45deg,#ff512f,#dd2476);
color:white;
font-size:16px;
font-weight:600;
cursor:pointer;
transition:0.3s;
}

/* Button Hover Effect */
.login .button-primary:hover,
.elementor-button:hover,
.wpforms-submit:hover {
transform:translateY(-3px);
box-shadow:0 8px 20px rgba(0,0,0,0.4);
}/* End custom CSS */