/* Start custom CSS for html, class: .elementor-element-0319d2b */:root{
  --blue:#1e88e5;
  --blue-dark:#0d47a1;
  --bg-light:#f5f9ff;
}

.container{
  max-width:1200px;
  margin:auto;
  padding:0 20px;
}

.fade-up{animation:fadeUp .7s ease forwards}
.fade-right{animation:fadeRight .7s ease forwards}

@keyframes fadeUp{
  from{opacity:0;transform:translateY(30px)}
  to{opacity:1;transform:translateY(0)}
}
@keyframes fadeRight{
  from{opacity:0;transform:translateX(40px)}
  to{opacity:1;transform:translateX(0)}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f8f9167 */:root{
  --blue:#1e88e5;
  --blue-dark:#0d47a1;
  --bg-light:#f5f9ff;
}

.container{
  max-width:1200px;
  margin:auto;
  padding:0 20px;
}

.fade-up{animation:fadeUp .7s ease forwards}
.fade-right{animation:fadeRight .7s ease forwards}

@keyframes fadeUp{
  from{opacity:0;transform:translateY(30px)}
  to{opacity:1;transform:translateY(0)}
}
@keyframes fadeRight{
  from{opacity:0;transform:translateX(40px)}
  to{opacity:1;transform:translateX(0)}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-66ffc7c */:root{
  --blue:#1e88e5;
  --blue-dark:#0d47a1;
  --bg-light:#f5f9ff;
}

.container{
  max-width:1200px;
  margin:auto;
  padding:0 20px;
}

.fade-up{animation:fadeUp .7s ease forwards}
.fade-right{animation:fadeRight .7s ease forwards}

@keyframes fadeUp{
  from{opacity:0;transform:translateY(30px)}
  to{opacity:1;transform:translateY(0)}
}
@keyframes fadeRight{
  from{opacity:0;transform:translateX(40px)}
  to{opacity:1;transform:translateX(0)}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-741335d */:root{
  --blue:#1e88e5;
  --blue-dark:#0d47a1;
  --green:#0f766e;
  --bg:#f5f9ff;
}

.container{max-width:1200px;margin:auto;padding:0 20px}

.fade-up{animation:fadeUp .7s ease forwards}
.fade-right{animation:fadeRight .7s ease forwards}
.fade-left{animation:fadeLeft .7s ease forwards}

@keyframes fadeUp{from{opacity:0;transform:translateY(30px)}to{opacity:1}}
@keyframes fadeRight{from{opacity:0;transform:translateX(40px)}to{opacity:1}}
@keyframes fadeLeft{from{opacity:0;transform:translateX(-40px)}to{opacity:1}}

.card{
 background:#fff;
 padding:30px;
 border-radius:16px;
 box-shadow:0 10px 30px rgba(0,0,0,.07);
}

@media(max-width:900px){
 .grid-2,.grid-3,.grid-4{grid-template-columns:1fr!important}
 h1{font-size:32px!important}
}/* End custom CSS */