*{
  margin: 0px;
  padding: 0px;
}
body{
   font-family: 'Inter', sans-serif;
   background-image: url(../images/bg.png);
   background-repeat: no-repeat;
   background-size: 100%;
   background-position: center;
   height: 100vh;
}
.logo img{
padding-top: 20px;
}
section h1{
margin-top: 50px;
color: #FFF;
margin-bottom: 0px;
font-size: 62.341px;
font-style: normal;
font-weight: 400;
line-height: normal;
}
section h2{
color: #E20E38;
font-size: 44.936px;
font-style: normal;
font-weight: 400;
line-height: normal;
margin-bottom: 15px;
}
section p{
color: #FFF;
font-family: "Inter", serif;
font-size: 20.978px;
font-style: normal;
font-weight: 500;
line-height: normal;
margin-bottom: 20px;
}
section a{
border-radius: 72px;
background: #E50539;
box-shadow: 0px 0px 22px 0px #E50539;
color: #FFF;
text-align: center;
font-size: 27.828px;
font-style: normal;
font-weight: 800;
line-height: normal;
text-transform: uppercase;
display: inline-block;
padding: 20px 88px;
text-decoration: none;
/* Apply animation */
animation: zoomInOut 2s infinite;
}

/* Keyframe animation for zoom-in and zoom-out effect */
@keyframes zoomInOut {
0% {
  transform: scale(1);
}
50% {
  transform: scale(1.1);
}
100% {
  transform: scale(1);
}
}

.logo{
padding: 0px;
margin: 0px;
background: unset;
border: none;
box-shadow: unset;
}
.mob{
display: none;
}
@media only screen and (max-width: 600px) {
body{
  background: unset;
  background-color: #000 !important;
}
section{
  text-align: center;
  padding-top: 20px;
}
section h1{
  font-size: 30px;
  margin-top: 34px;
}
section h2{
  font-size: 24px;
}
section p{
  font-size: 16px;
  margin-bottom: 25px;
}
.mob{
  display: block;
}
.row>*{
  padding: 0px !important;
}
.logo{
  display: none;
}
}