/* ==============================================================================
Theme Name: Phlox Pro Child
Theme URI: http://phlox.pro/go/
Author: averta
Author URI: http://www.phlox.pro
Description: Phlox Pro Child Theme
Template: phlox-pro
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: one-column,two-columns, three-columns, left-sidebar, right-sidebar
Text Domain: phlox-pro-child
================================================================================= */
body:before{top:0!important;}
/* Base: ensure it fades and holds final state */
.fade-in {
  opacity: 0;
  animation-fill-mode: forwards;
}

/* Directional entrance variations */
.from-left   { animation: fadeInLeft 0.5s ease-out forwards; }
.from-right  { animation: fadeInRight 0.5s ease-out forwards; }
.from-top    { animation: fadeInTop 0.5s ease-out forwards; }
.from-bottom { animation: fadeInBottom 0.5s ease-out forwards; }

/* Delay helpers (optional stagger) */
.delay-1 { animation-delay: 0.2s; }
.delay-2 { animation-delay: 0.4s; }
.delay-3 { animation-delay: 0.6s; }
.delay-4 { animation-delay: 0.8s; }

/* KEYFRAMES — define both from and to states */
@keyframes fadeInLeft {
  from { opacity: 0; transform: translateX(-40px); }
  to   { opacity: 1; transform: translateX(0); }
}

@keyframes fadeInRight {
  from { opacity: 0; transform: translateX(40px); }
  to   { opacity: 1; transform: translateX(0); }
}

@keyframes fadeInTop {
  from { opacity: 0; transform: translateY(-40px); }
  to   { opacity: 1; transform: translateY(0); }
}

@keyframes fadeInBottom {
  from { opacity: 0; transform: translateY(40px); }
  to   { opacity: 1; transform: translateY(0); }
}


@media (min-width: 1025px) and (max-width: 1600px) {
	.elementor-139 .elementor-element.elementor-element-366f21e{
		padding-left:140px;
		padding-right:140px;
	}
}