*{
margin:0;
padding:0;
box-sizing:border-box;
font-family:'Poppins',sans-serif;
}

html{
scroll-behavior:smooth;
}

body{

background:linear-gradient(-45deg,#0a6aae,#177bc2,#0e8d7d,#14a44d);

background-size:400% 400%;

animation:bgMove 15s ease infinite;

color:#fff;

min-height:100vh;

overflow-x:hidden;

}

@keyframes bgMove{

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

}

.glass{

/*background:rgba(255,255,255,.12);*/
background: rgba(0, 0, 0, 0.4);

backdrop-filter:blur(20px);

border:1px solid rgba(255,255,255,.15);

box-shadow:0 20px 50px rgba(0,0,0,.25);

border-radius:25px;

padding:50px;

margin:60px auto;

max-width:1000px;

}

.company-logo{

width:400px;

max-width:100%;

display:block;

margin:auto;

animation:float 4s ease-in-out infinite;
background: #fff;
    border-radius: 10px;

}

@keyframes float{

0%{transform:translateY(0);}
50%{transform:translateY(-12px);}
100%{transform:translateY(0);}

}

.company-name{

font-size:54px;

font-weight:800;

letter-spacing:8px;

margin-top:20px;

}

.company-full{

font-size:26px;

color:#FFD166;

font-weight:500;

margin-top:10px;

}

.tagline{

font-size:22px;

font-weight:500;

color:#ffffff;

margin-top:20px;

}

.description{

margin-top:20px;

font-size:18px;

color:#f1f1f1;

line-height:1.8;

}

.timer{

margin-top:50px;

}

.time-box{

background:rgba(255,255,255,.12);

padding:25px;

border-radius:15px;

transition:.4s;

margin-bottom:20px;

}

.time-box:hover{

transform:translateY(-10px);

background:#ffffff;

color:#0a6aae;

}

.time-box h2{

font-size:42px;

font-weight:700;

}

.subscribe{

margin-top:40px;

}

.form-control{

height:60px;

border-radius:50px;

border:none;

}

.btn-custom{

height:60px;

border-radius:50px;

background:#ff9800;

color:#fff;

font-weight:600;

transition:.3s;

}

.btn-custom:hover{

background:#fff;

color:#0a6aae;

transform:scale(1.03);

}

.social{

margin-top:45px;

}

.social a{

width:55px;

height:55px;

display:inline-flex;

justify-content:center;

align-items:center;

background:rgba(255,255,255,.15);

margin:8px;

border-radius:50%;

color:#fff;

font-size:22px;

text-decoration:none;

transition:.4s;

}

.social a:hover{

background:#ff9800;

transform:translateY(-8px);

}

.footer{

margin-top:40px;

font-size:15px;

color:#eee;

}

.footer a{

color:#FFD166;

text-decoration:none;

}

.footer a:hover{

text-decoration:underline;

}

@media(max-width:768px){

.glass{

padding:25px;

margin:25px;

}

.company-name{

font-size:36px;

letter-spacing:4px;

}

.company-full{

font-size:18px;

}

.tagline{

font-size:18px;

}

.company-logo{

width:260px;

}

.time-box h2{

font-size:30px;

}

}