.elementor-19 .elementor-element.elementor-element-aa678d9{--display:flex;}.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-19 .elementor-element.elementor-element-a40f77c .elementor-heading-title{color:#F18200;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-19 .elementor-element.elementor-element-7aa0e12 img{border-style:solid;border-radius:90px 90px 90px 90px;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-19 .elementor-element.elementor-element-a5ec12b .elementor-button-content-wrapper{flex-direction:row;}.elementor-19 .elementor-element.elementor-element-a5ec12b .elementor-button{font-family:"Roboto", Sans-serif;font-size:30px;font-weight:500;line-height:29px;}.elementor-19 .elementor-element.elementor-element-41eedc2 .elementor-button{background-color:#646DD5;font-family:"Roboto", Sans-serif;font-size:30px;font-weight:500;line-height:31px;}.elementor-19 .elementor-element.elementor-element-41eedc2 .elementor-button-content-wrapper{flex-direction:row;}.elementor-19 .elementor-element.elementor-element-41eedc2 .elementor-button .elementor-button-content-wrapper{gap:4px;}.elementor-19 .elementor-element.elementor-element-6adbb60{--display:flex;}.elementor-19 .elementor-element.elementor-element-41d6234 .elementor-heading-title{color:#F18200;}.elementor-19 .elementor-element.elementor-element-54750fa{--display:flex;}.elementor-19 .elementor-element.elementor-element-72a50cd .elementor-heading-title{color:#F18200;}.elementor-19 .elementor-element.elementor-element-814bad8{--display:flex;}.elementor-19 .elementor-element.elementor-element-fed6215 .elementor-heading-title{color:#F18200;}.elementor-19 .elementor-element.elementor-element-5ec0fa3{text-align:center;}.elementor-19 .elementor-element.elementor-element-aef302f{padding:0px 0px 30px 0px;}.elementor-19 .elementor-element.elementor-element-aef302f .elementor-image-carousel-wrapper .elementor-image-carousel .swiper-slide-image{border-style:solid;border-radius:22px 22px 22px 22px;}.elementor-19 .elementor-element.elementor-element-6ca2200{--display:flex;}.elementor-19 .elementor-element.elementor-element-78297eb .elementor-heading-title{color:#F18200;}.elementor-19 .elementor-element.elementor-element-aee958b{text-align:start;}.elementor-19 .elementor-element.elementor-element-064d865{--display:flex;}.elementor-19 .elementor-element.elementor-element-a6553b8 .elementor-heading-title{color:#F18200;}.elementor-19 .elementor-element.elementor-element-5c87369{text-align:start;}.elementor-19 .elementor-element.elementor-element-e52031e{--display:flex;}.elementor-19 .elementor-element.elementor-element-19038af .elementor-heading-title{color:#F18200;}.elementor-19 .elementor-element.elementor-element-b50c070{text-align:start;}.elementor-19 .elementor-element.elementor-element-1f20155{--display:flex;}.elementor-19 .elementor-element.elementor-element-f77d1d4 .elementor-heading-title{color:#F18200;}.elementor-19 .elementor-element.elementor-element-9b0e657{text-align:start;}.elementor-19 .elementor-element.elementor-element-9742931{--display:flex;}.elementor-19 .elementor-element.elementor-element-85356c6 .elementor-heading-title{color:#F18200;}.elementor-19 .elementor-element.elementor-element-b1e7f27{text-align:start;}.elementor-19 .elementor-element.elementor-element-7c8768a{--display:flex;}.elementor-19 .elementor-element.elementor-element-25df01b .elementor-heading-title{color:#F18200;}.elementor-19 .elementor-element.elementor-element-07ac02b{text-align:start;}.elementor-19 .elementor-element.elementor-element-90d0175{--display:flex;}.elementor-19 .elementor-element.elementor-element-cda08ff .elementor-heading-title{color:#F18200;}.elementor-19 .elementor-element.elementor-element-e63843e{text-align:start;}.elementor-19 .elementor-element.elementor-element-df9cbeb{--display:flex;}.elementor-19 .elementor-element.elementor-element-20a9a42 .elementor-heading-title{color:#F18200;}.elementor-19 .elementor-element.elementor-element-0174658{text-align:start;}.elementor-19 .elementor-element.elementor-element-cf9e546{--display:flex;}.elementor-19 .elementor-element.elementor-element-670cdd5 .elementor-heading-title{color:#F18200;}.elementor-19 .elementor-element.elementor-element-7269c22{text-align:start;}.elementor-19 .elementor-element.elementor-element-11dc7be{--display:flex;}.elementor-19 .elementor-element.elementor-element-fed8a6c .elementor-heading-title{color:#F18200;}.elementor-19 .elementor-element.elementor-element-3100bb7{text-align:start;}.elementor-19 .elementor-element.elementor-element-3bc2000{--display:flex;}.elementor-19 .elementor-element.elementor-element-58780ae .elementor-heading-title{color:#F18200;}.elementor-19 .elementor-element.elementor-element-76d781d{text-align:start;}.elementor-19 .elementor-element.elementor-element-17bea9b{--display:flex;}.elementor-19 .elementor-element.elementor-element-d8514a7 .elementor-heading-title{color:#F18200;}.elementor-19 .elementor-element.elementor-element-8fd5105{text-align:start;}.elementor-19 .elementor-element.elementor-element-b6bba2c{--display:flex;}.elementor-19 .elementor-element.elementor-element-3242941 .elementor-heading-title{color:#F18200;}.elementor-19 .elementor-element.elementor-element-a2aecd8{text-align:start;}.elementor-19 .elementor-element.elementor-element-a938dd6{--display:flex;}.elementor-19 .elementor-element.elementor-element-706673e .elementor-heading-title{color:#F18200;}.elementor-19 .elementor-element.elementor-element-cba6e3f{text-align:start;}.elementor-19 .elementor-element.elementor-element-553e2cc{--display:flex;}.elementor-19 .elementor-element.elementor-element-6fd2814 .elementor-heading-title{color:#F18200;}.elementor-19 .elementor-element.elementor-element-daafc88{text-align:start;}.elementor-19 .elementor-element.elementor-element-00adfa9{--display:flex;}.elementor-19 .elementor-element.elementor-element-bc2f55a .elementor-heading-title{color:#F18200;}.elementor-19 .elementor-element.elementor-element-2adda63{text-align:start;}:root{--page-title-display:none;}/* Start custom CSS */<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>Animated Background</title>

<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap" rel="stylesheet">

<style>

*{
margin:0;
padding:0;
box-sizing:border-box;
}

body{

font-family:'Poppins',sans-serif;
overflow-x:hidden;
background:linear-gradient(-45deg,#ffffff,#f6f9ff,#eef6ff,#fffdf8);
background-size:400% 400%;
animation:bgMove 15s ease infinite;
color:#555;
min-height:100vh;

}

/* Animated Background */

@keyframes bgMove{

0%{background-position:0% 50%;}
50%{background-position:100% 50%;}
100%{background-position:0% 50%;}

}

/* Floating Blur */

.blur{

position:fixed;
border-radius:50%;
filter:blur(70px);
opacity:.35;
z-index:-3;

}

.blur1{

width:300px;
height:300px;
background:#ffe082;
top:-120px;
left:-120px;
animation:float1 12s infinite ease-in-out;

}

.blur2{

width:350px;
height:350px;
background:#bbdefb;
bottom:-120px;
right:-100px;
animation:float2 15s infinite ease-in-out;

}

.blur3{

width:250px;
height:250px;
background:#d1c4e9;
top:40%;
left:50%;
animation:float3 18s infinite ease-in-out;

}

@keyframes float1{

50%{
transform:translate(120px,100px);
}

}

@keyframes float2{

50%{
transform:translate(-100px,-120px);
}

}

@keyframes float3{

50%{
transform:translate(-80px,120px);
}

}

/* Coins */

.coin{

position:fixed;
font-size:42px;
animation:bounce linear infinite;
opacity:.18;
user-select:none;
z-index:-2;

}

.coin:nth-child(4){

left:8%;
animation-duration:14s;
animation-delay:0s;

}

.coin:nth-child(5){

left:20%;
font-size:55px;
animation-duration:18s;

}

.coin:nth-child(6){

left:35%;
font-size:46px;
animation-duration:16s;

}

.coin:nth-child(7){

left:48%;
font-size:62px;
animation-duration:20s;

}

.coin:nth-child(8){

left:63%;
font-size:38px;
animation-duration:15s;

}

.coin:nth-child(9){

left:76%;
font-size:58px;
animation-duration:22s;

}

.coin:nth-child(10){

left:90%;
font-size:48px;
animation-duration:17s;

}

@keyframes bounce{

0%{

transform:translateY(110vh) rotate(0deg);

}

100%{

transform:translateY(-120px) rotate(720deg);

}

}

/* Glass Container */

.wrapper{

width:min(1100px,92%);
margin:80px auto;
padding:60px;
background:rgba(255,255,255,.65);
backdrop-filter:blur(18px);
border-radius:30px;
box-shadow:0 20px 60px rgba(0,0,0,.08);

}

/* Headings */

h1{

font-size:52px;
font-weight:700;
color:#444;
margin-bottom:20px;

}

h2{

margin-top:35px;
color:#555;
font-size:30px;

}

p{

margin-top:18px;
line-height:1.9;
font-size:18px;
color:#666;

}

/* Button */

.btn{

display:inline-block;
margin-top:35px;
padding:16px 45px;
background:linear-gradient(135deg,#FFD54F,#FFC107);
color:#555;
font-weight:600;
text-decoration:none;
border-radius:50px;
transition:.4s;
box-shadow:0 10px 30px rgba(255,193,7,.3);

}

.btn:hover{

transform:translateY(-5px) scale(1.05);
box-shadow:0 20px 40px rgba(255,193,7,.45);

}

/* Responsive */

@media(max-width:768px){

.wrapper{

padding:35px;

}

h1{

font-size:38px;

}

h2{

font-size:26px;

}

p{

font-size:16px;

}

.coin{

font-size:30px;

}

}

</style>

</head>

<body>

<div class="blur blur1"></div>
<div class="blur blur2"></div>
<div class="blur blur3"></div>

<div class="coin">🪙</div>
<div class="coin">🪙</div>
<div class="coin">🪙</div>
<div class="coin">🪙</div>
<div class="coin">🪙</div>
<div class="coin">🪙</div>
<div class="coin">🪙</div>

<div class="wrapper">

</div>

</body>
</html>/* End custom CSS */