.elementor-8267 .elementor-element.elementor-element-068df7b:not(.elementor-motion-effects-element-type-background), .elementor-8267 .elementor-element.elementor-element-068df7b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#00000000;background-image:url("https://testbak.zodiac.tech/wp-content/uploads/2023/09/part-of-earth-with-sun-rise-and-lens-flare-backgro-2022-12-16-03-31-43-utc-1.jpg");background-position:center center;background-size:cover;}.elementor-8267 .elementor-element.elementor-element-068df7b:not(.elementor-motion-effects-element-type-background) > .ee-parallax > .ee-parallax__inner{background-image:url("https://testbak.zodiac.tech/wp-content/uploads/2023/09/part-of-earth-with-sun-rise-and-lens-flare-backgro-2022-12-16-03-31-43-utc-1.jpg");background-position:center center;background-size:cover;}.elementor-8267 .elementor-element.elementor-element-068df7b > .elementor-background-overlay{background-color:#010015;opacity:0.5;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-8267 .elementor-element.elementor-element-068df7b{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:8vw 3vw 0vw 3vw;}body.elementor-page-8267:not(.elementor-motion-effects-element-type-background), body.elementor-page-8267 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#00000000;}@media(min-width:768px){.elementor-8267 .elementor-element.elementor-element-83dd462{width:40%;}.elementor-8267 .elementor-element.elementor-element-349106f{width:60%;}}@media(max-width:1024px) and (min-width:768px){.elementor-8267 .elementor-element.elementor-element-83dd462{width:50%;}}/* Start custom CSS for html, class: .elementor-element-ade36fc */#registerBtn {
    color: #3D8BF3;
    cursor: pointer;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7528734 */#loginBtn {
    color: #3D8BF3;
    cursor: pointer;
}/* End custom CSS */
/* Start custom CSS for column, class: .elementor-element-30cf53c */.elementor-8267 .elementor-element.elementor-element-30cf53c {
    display: none;
}/* End custom CSS */
/* Start custom CSS for column, class: .elementor-element-83dd462 */@media only screen and (min-width: 768px) and (max-width: 1200px) {
    .elementor-8267 .elementor-element.elementor-element-83dd462 {
        width: 60% !important;
    }
}/* End custom CSS */
/* Start custom CSS */.toggleable-section {
    transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
}

.slide-in {
    animation: slide-in 0.5s forwards;
    -webkit-animation: slide-in 0.5s forwards;
}

.slide-out {
    animation: slide-out 0.5s forwards;
    -webkit-animation: slide-out 0.5s forwards;
}
    
@keyframes slide-in {
    100% { transform: translateX(0%); }
}

@-webkit-keyframes slide-in {
    100% { -webkit-transform: translateX(0%); }
}
    
@keyframes slide-out {
    0% { transform: translateX(0%); }
    100% { transform: translateX(-100%); }
}

@-webkit-keyframes slide-out {
    0% { -webkit-transform: translateX(0%); }
    100% { -webkit-transform: translateX(-100%); }
}/* End custom CSS */