/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Nov 13 2026 | 07:05:31 */
html {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

@media (max-width: 999.98px) {
	
	#offcanvas .ct-header-text[data-id="text"] {
		flex: 1 0 auto;
		align-items: flex-start;
  }
  #offcanvas .ct-panel-actions .ct-toggle-close {
    top: calc(var(--panel-padding, 35px) + 17px);
  }
}

.button-with-arrow .elementor-button-text {
    border-bottom: 1px solid #71c3ff;
    padding-bottom: 2px;
}

.button-with-arrow-brown .elementor-button-text {
    border-bottom: 1px solid #673D30;
    padding-bottom: 2px;
}
.hero-img-bg {
    min-height: clamp(500px, 52vw, 850px);
}


#header [data-row*=boxed]>div {
    padding: 0;
}


@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 fadeRight {
    from {
        opacity: 0;
        transform: translate3d(30px,0,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.elementor-element.fadeInRight {
    animation-name: fadeRight
}

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

    to {
        opacity: 1;
        transform: none
    }
}

.elementor-element.fadeInUp {
    animation-name: fadeUp
}