.elementor-988029 .elementor-element.elementor-element-5b662a7{--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;}.elementor-988029 .elementor-element.elementor-element-5b662a7.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-988029 .elementor-element.elementor-element-be1d25d > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}#elementor-popup-modal-988029 .dialog-widget-content{background-color:#FFFFFF;box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);margin:0px 0px 0px 0px;}#elementor-popup-modal-988029 .dialog-message{width:100vw;height:100vh;align-items:flex-start;padding:0px 0px 0px 0px;}#elementor-popup-modal-988029{justify-content:center;align-items:center;}@media(min-width:768px){.elementor-988029 .elementor-element.elementor-element-5b662a7{--width:100%;}}/* Start custom CSS for container, class: .elementor-element-5b662a7 */html { scroll-behavior: smooth; } .container-loader { width: 100%; height: 100svh; background-color: var(--main-white); position: relative; display: flex; justify-content: space-evenly; } .card-black { height: 100%; background-color: var(--main-black); width: 0%; position: absolute; top: 0; left: 50%; transform: translate(-50%, 0%); animation: card-fade-out 1s ease-in forwards; animation-delay: 2.6s; z-index: 2; } .line-1, .line-2, .line-3 { background-color: var(--main-black); width: 2px; height: 100%; } .line-3-container { display: flex; align-items: flex-end; align-content: flex-end; flex-direction: row; } .line-2-container { padding: 0 20rem; position: relative; } .line-2 { display: flex; align-items: center; justify-content: center; } .logo-container { width: auto; height: 300px; padding: 80px; display: flex; object-fit: contain; clip-path: circle(); background-color: var(--main-white); } .logo-border { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); clip-path: circle(); background-color: var(--main-black); padding: 2px; animation: logo-fade-out 1s ease-in forwards; animation-delay: 1.8s; } .line-1 { animation: line-out 1s ease-in forwards; } .line-3 { animation: line-out 1s ease-in forwards; } .line-2 { animation: line-out-2 1s ease-in forwards; animation-delay: 1.5s; } @keyframes line-out { 0% { height: 100%; opacity: 1; visibility: visible; } 100% { height: 0%; opacity: 0; visibility: hidden; } } @keyframes line-out-2 { 0% { transform: scaleY(1); opacity: 1; visibility: visible; } 100% { transform: scaleY(0); opacity: 0; visibility: hidden; } } @keyframes logo-fade-out { 0% { opacity: 1; visibility: visible; } 100% { opacity: 0; visibility: hidden; } } @keyframes card-fade-out { 0% { opacity: 1; visibility: visible; width: 0%; } 50% { opacity: 1; visibility: visible; width: 50%; } 90% { width: 100%; opacity: 1; visibility: visible; } 100% { width: 100%; visibility: hidden; } } @media (max-width:1024px) { .logo-container { height: 150px; padding: 40px; } .line-2-container { padding: 0 2rem; } .logo-container img { height: 100%; } }/* End custom CSS */