.elementor-617 .elementor-element.elementor-element-3a737a5{--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-617 .elementor-element.elementor-element-ff79d88{--display:flex;--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-617 .elementor-element.elementor-element-9ffe425{--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-617 .elementor-element.elementor-element-045530b{--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;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-617 .elementor-element.elementor-element-3a737a5{--width:100%;}.elementor-617 .elementor-element.elementor-element-9ffe425{--width:50%;}.elementor-617 .elementor-element.elementor-element-045530b{--width:50%;}}/* Start custom CSS for container, class: .elementor-element-3a737a5 */.container {
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 24px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ff79d88 */.container {
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 24px;
}/* End custom CSS */
/* Start custom CSS *//* floating shapes */
.floating-shapes {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    pointer-events: none;
    z-index: 1;
}
.shape {
    position: absolute;
    background: rgba(98, 0, 234, 0.15);
    border-radius: 60% 40% 30% 70% / 60% 30% 70% 40%;
    filter: blur(40px);
    animation: floatAnim 18s infinite ease-in-out;
}
.shape-1 { width: 280px; height: 280px; top: -80px; left: -100px; background: #6200ea30; animation-duration: 22s; }
.shape-2 { width: 380px; height: 380px; bottom: -120px; right: -80px; background: #00b4d830; animation-duration: 25s; animation-delay: -5s; }
.shape-3 { width: 180px; height: 180px; top: 40%; left: 70%; background: #f72585; opacity: 0.2; animation-duration: 15s; filter: blur(55px);}
.shape-4 { width: 220px; height: 220px; bottom: 20%; left: -50px; background: #4cc9f0; opacity: 0.2; animation-duration: 20s;}
@keyframes floatAnim {
    0% { transform: translate(0, 0) rotate(0deg); }
    50% { transform: translate(3%, 4%) rotate(5deg); }
    100% { transform: translate(-2%, -2%) rotate(-3deg); }
}
.moving-icons {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    pointer-events: none;
}
.orbit-icon {
    position: absolute;
    font-size: 2rem;
    animation: floatIcon 12s infinite alternate ease-in-out;
    opacity: 0.6;
}
@keyframes floatIcon {
    0% { transform: translateY(0px) rotate(0deg); }
    100% { transform: translateY(-20px) rotate(8deg); }
}
.icon-1 { top: 18%; left: 8%; animation-duration: 9s; }
.icon-2 { bottom: 22%; right: 6%; animation-duration: 11s; animation-delay: -2s; }
.icon-3 { top: 60%; left: 85%; animation-duration: 13s; }
.icon-4 { top: 30%; right: 18%; animation-duration: 7s; font-size: 2.4rem;}
.hero-bg {
    position: relative;
    overflow: hidden;
}/* End custom CSS */