.elementor-8703 .elementor-element.elementor-element-4e5d718{--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-8703 .elementor-element.elementor-element-cad8bf3{--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-8703 .elementor-element.elementor-element-098d117{--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;}/* Start custom CSS for html, class: .elementor-element-09ade43 */body {
                font-family: 'Andika', sans-serif;
                color: #1D1D1B;
                line-height: 1.6;
                overflow-x: hidden;
                position: relative;
                 background: linear-gradient(135deg, #F39200 0%, #FFDE07 50%, #36A9E1 100%);
            }

            body::before {
                content: '';
                position: fixed;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" ...') repeat;
                animation: float 20s ease-in-out infinite;
                z-index: -1;
                opacity: 0.3;
                pointer-events: none;
            }

            .main-wrapper {
                position: relative;
                z-index: 0;
            }

            .main-wrapper::before {
                content: '';
                position: fixed;
                top: 0;
                left: 0;
                width: 100vw;
                height: 100vh;
                z-index: -1;
                background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grid" width="10" height="10" patternUnits="userSpaceOnUse"><path d="M 10 0 L 0 0 0 10" fill="none" stroke="rgba(255,255,255,0.1)" stroke-width="0.5"/></pattern></defs><rect width="100" height="100" fill="url(%23grid)"/></svg>');
                animation: float 20s ease-in-out infinite;
                pointer-events: none;
            }
.section {
     background: linear-gradient(135deg, #F39200 0%, #FFDE07 50%, #36A9E1 100%);
}

.floating-elements {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  z-index: -1;
  pointer-events: none;
}

.floating-square {
  position: absolute;
  width: 20px;
  height: 20px;
  bottom: -20px;
  opacity: 0.7;
  animation: floatSquare 8s infinite ease-in;
}

@keyframes floatSquare {
  0% {
    transform: translateY(0) rotate(0deg);
    opacity: 0.5;
  }
  50% {
    opacity: 0.8;
  }
  100% {
    transform: translateY(-110vh) rotate(360deg);
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c91e219 */body {
                font-family: 'Andika', sans-serif;
                color: #1D1D1B;
                line-height: 1.6;
                overflow-x: hidden;
                position: relative;
                 background: linear-gradient(135deg, #F39200 0%, #FFDE07 50%, #36A9E1 100%);
            }

            body::before {
                content: '';
                position: fixed;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" ...') repeat;
                animation: float 20s ease-in-out infinite;
                z-index: -1;
                opacity: 0.3;
                pointer-events: none;
            }

            .main-wrapper {
                position: relative;
                z-index: 0;
            }

            .main-wrapper::before {
                content: '';
                position: fixed;
                top: 0;
                left: 0;
                width: 100vw;
                height: 100vh;
                z-index: -1;
                background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grid" width="10" height="10" patternUnits="userSpaceOnUse"><path d="M 10 0 L 0 0 0 10" fill="none" stroke="rgba(255,255,255,0.1)" stroke-width="0.5"/></pattern></defs><rect width="100" height="100" fill="url(%23grid)"/></svg>');
                animation: float 20s ease-in-out infinite;
                pointer-events: none;
            }
.section {
     background: linear-gradient(135deg, #F39200 0%, #FFDE07 50%, #36A9E1 100%);
}

.floating-elements {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  z-index: -1;
  pointer-events: none;
}

.floating-square {
  position: absolute;
  width: 20px;
  height: 20px;
  bottom: -20px;
  opacity: 0.5;
  animation: floatSquare 8s infinite ease-in;
}

@keyframes floatSquare {
  0% {
    transform: translateY(0) rotate(0deg);
    opacity: 0.4;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    transform: translateY(-110vh) rotate(360deg);
    opacity: 0;
  }
}/* End custom CSS */