.gradient{
    background: linear-gradient(to bottom, #f948b2 0%, #8758f1 100%);
    background-clip: text;
    -webkit-text-fill-color: transparent;

    font-weight: bolder;

}
.roboto-bold {
    font-family: "Roboto", sans-serif;
    font-weight: 900;
    font-style: normal;
}
p{
    font-size: 14px;
  }
  li{
    font-size: 15px;
    font-weight: 700 ;
  }

/* Banner  */
.banner-text{
    background-image: url('../images/Group 14.png');
    background-position: right;
    background-repeat: no-repeat;
    background-size: cover;
}
.banner{
    width: 100%;
    height: 91vh;
}
.banner-body{
    width: 100%;
    height: 100%;
}
.banner-img{
    width: 55%;
    height: 100%;
}
.banner-img img{
    width: 80%;
    margin-left: 55px;
}
.banner-text{
    width: 45%;
    height: 100%;
}
.btext-body{
    margin-top: 130px;
    margin-left: 130px;
}

/* SBanner  */

.sbanner{
    width: 80%;
    height: 80vh;
    margin: 0 auto;
}
.sbanner-img{
    width: 65%;
    height: 100%;
}
.sbanner-text{
    width: 35%;
    height: 100%;
    margin-top: 100px;
}

/* OGames  */

.Ogames{
    width: 80%;
    height: 100%;
    margin: 0 auto;
}
.Ogames-body{
    width: 100%;
    height: 100%;
    margin: 0 auto;
}
.figure{
    width: 100%;
    height: 100%;
}
.figure-body{
    width: 100%;
    height: 100%;
    position: relative;
}
.figure-body img {
    width: 100%;
    height: 100%;
    vertical-align: top;
}
.figure-body:after {
    content:'\A';
    position:absolute;
    width: 100%;
    height: 97.5%;
    top:0; left:0;
    background:rgba(0,0,0,0.6);
    opacity:0;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    
    border-radius: 12px;
}
.figure-body:hover:after {
        opacity:1;
}
.figure-body:hover .overlay{
            display: block;
}

/* Download */
.Download{
    width: 80%;
    height: 100%;
    margin: 0 auto;
}
.Download-head{
    width: 50%;
}
.Download-headbody{
    width: 50%;
    margin-left: 250px;
}
.Download-img{
    width: 50%;
    height: 100%;
}
.Download-bimg{
    width: 70%;
    height: 100%;
}
.Download-cimg{
    width: 60%;
    height: 100%;
}
.Download-cimgbody{
    top: 260px;
    left: -60px;
}

/* Game  */
.Game{
    width: 80%;
    height: 100%;
    margin: 0 auto;
    margin-top: 80px;
}
.Game-head{
    width: 50%;
}
.Game-headbody{
    width: 50%;
    margin-left: 50px;
}
.Game-img{
    width: 50%;
    height: 100%;
}
.Game-bimg{
    width: 70%;
    height: 100%;
}
.Game-cimg{
    width: 100%;
    height: 100%;
}
.Game-cimgbody{
    width: 30%;
    top: 260px;
    left: 400px;
}

/* Careers  */
.careers{
    width: 100%;
    height: 90vh;
    margin-top: 200px;

}
.careers-text{
    width: 50%;
    height: 100%;
}
.careers-textbody{
    width: 70%;
    height: 100%;
    margin: 110px;
    margin-left: 200px;
}
.careers-img{
    width: 50%;
    height: 100%;
}

/* anothergame */
.anothergame{
    width: 100%;
    height: 100%;
}
.anothergame-bady{
    width: 85%;
    height: 100%;
    margin: 0 auto;
    margin-top: 100px;
}
.anothergame-bady button:hover{
    border: 2px solid #f948b2;
    color: #f948b2;
}
.btn-img{
    width: 100%;
}
.m-btn{
    margin-left: 100px;
}

/* Footer  */
.footer {
    width: 100%;
    height: 70vh;
  }
  
  .footer-body {
    width: 60%;
    height: 100%;
    margin: 0 auto;
  }
  
  .footer-logo {
    width: 100%;
    margin: 0 auto;
  }
  
  .footer-brand {
    text-decoration: none;
    color: black;
    padding-top: 80px;
    padding-bottom: 20px;

    display: flex;
    justify-content: center;
  }
  
  .footer-nev a {
    text-decoration: none;
    color: white;
    margin: 0 15px;
  }
  
  .footer-social {
    margin-top: 50px;
  }
  .footer-social a{
    text-decoration: none;
    color: white;
    margin: 0 15px;
  }
  .footer-policy{
    margin-top: 170px;
    display: flex;
    justify-content: center;
    gap: 30px;
  }