.elementor-1205 .elementor-element.elementor-element-07c1473{--display:flex;--padding-top:14rem;--padding-bottom:14rem;--padding-left:15px;--padding-right:15px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-1205 .elementor-element.elementor-element-1aba6cb{text-align:center;}.elementor-1205 .elementor-element.elementor-element-1aba6cb .elementor-heading-title{font-family:"Barlow", Sans-serif;font-size:4.8rem;font-weight:700;line-height:0.92em;color:#000000;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-1205 .elementor-element.elementor-element-1aba6cb .elementor-heading-title{font-size:4.5rem;}}/* Start custom CSS for container, class: .elementor-element-07c1473 */@media (min-width: 576px) {
    .e-con{
        --container-max-width: 540px;
        
    }
    .container-sm{
        --content-width: 540px !important;
    }
}

@media (min-width: 768px) {
    .e-con{
        --container-max-width: 720px;
        
    }
    .container-sm{
        --content-width: 720px !important;
    }
}

@media (min-width: 992px) {
    .e-con{
        --container-max-width: 960px;
        
    }
    .container-sm{
        --content-width: 960px !important;
    }
}

@media (min-width: 1200px) {
    .e-con{
        --container-max-width: 1140px;
        
    }
    .container-sm{
        --content-width: 1140px !important;
    }
}

@media (min-width: 1792px){
    .e-con{
        --container-max-width: 1505px;
        
    }

    .container-sm{
        --content-width: 1200px !important;
    }
}

/* Animations */
@keyframes fadeUp {
    from {
        opacity: 0;
        transform: translate3d(0,30px,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.elementor-element.fadeInUp {
    animation-name: fadeUp
}
@keyframes fadeRight {
    from {
        opacity: 0;
        transform: translate3d(30px,0,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.elementor-element.fadeInRight {
    animation-name: fadeRight
}
@keyframes fadeDown {
    from {
        opacity: 0;
        transform: translate3d(0,-30px,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.elementor-element.fadeInDown {
    animation-name: fadeDown
}

@keyframes fadeLeft {
    from {
        opacity: 0;
        transform: translate3d(-30px,0,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.elementor-element.fadeInLeft {
    animation-name: fadeLeft
}

@keyframes subtleZoomIn {
  0% {
    opacity: 0;
    transform: scale3d(0.7, 0.7, 0.7); /* Reduced scale for a more subtle zoom */
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 1;
    transform: scale3d(1, 1, 1);
  }
}

/* Apply the new animation */
.elementor-animation-zoomin {
  animation-name: subtleZoomIn;
  animation-duration: 0.8s; /* Adjust duration as needed */
  animation-timing-function: ease-in-out; /* Smoother easing */
}/* End custom CSS */