.hero_absol{
    position: absolute;
    bottom: 6%;
    left: 10%;
}
body{
    overflow-x: hidden;
}
.hero_rela{
    background: black;
    /* padding-top: 17%; */
    max-width: 1440px;
    margin: auto;
    margin-bottom: 6%;
    position: relative;
}
.hero_head1{
    display: inline-block;
    background-image: linear-gradient(90.95deg, #FBFEA5 16.62%, #3489C6 82.46%);
    color: transparent;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}
.hero_main_heads{
    margin-bottom: 3%;
    font-family: 'Urbane';
    font-style: normal;
    font-weight: 600;
    font-size: 80px;
    line-height: 70px;
}
.hero_desc{
    margin-bottom: 7%;
    font-family: 'Urbane';
font-style: normal;
font-weight: 300;
font-size: 20px;
line-height: 32px;
}
.hero_head2{
        color: white;
        width: 75%;
}
.hero_desc{
    font-family: 'Urbane';
font-style: normal;
font-weight: 300;
font-size: 20px;
width: 39%;
line-height: 32px;
color: #FFFFFF;
}
.hero_star1{
    position: absolute;
    bottom: 40%;
    right: 10%;
}
.hero_star2{
    position: absolute;
    bottom: -21%;
    right: 16%;
}
.hero_link{
    text-decoration: none;
    font-family: 'Urbane';
    font-style: normal;
    font-weight: 600;
    font-size: 19px;
    background: linear-gradient(90.95deg, #FBFEA5 -17.38%, #3489C6 53.46%);
    padding: 20px 25px;
    color: white;
    border-radius: 40px;
}
.hero_star1 {
    position: absolute;
    margin:-60px 0 0 -60px;
    -webkit-animation:spin 7s linear infinite;
    -moz-animation:spin 7s linear infinite;
    animation:spin 20s linear infinite;
}
@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }

.hero_star2 {
    position: absolute;
    margin:-60px 0 0 -60px;
    -webkit-animation:spin 7s linear infinite;
    -moz-animation:spin 7s linear infinite;
    animation:spin 20s linear infinite;
}

@media (min-width:1151px) and (max-width:1199px){
    .hero_star2 {
        bottom: -27%;
    }
}
@media (min-width:1200px) and (max-width:1250px){
    .hero_star2 {
        bottom: -25%;
    }
}
@media (min-width:1251px) and (max-width:1300px){
    .hero_star2 {
        bottom: -24%;
    }
}
@media (min-width:1301px) and (max-width:1350px){
    .hero_star2 {
        bottom: -23%;
    }
}
@media (min-width:1351px) and (max-width:1400px){
    .hero_star2 {
        bottom: -22%;
    }
}

@media (max-width:600px){
    .hero_link {
        text-decoration: none;
        font-size: 15px;
        padding: 10px 15px;
    }
    .hero_desc {
        font-size: 12px;
        width: 74%;
        line-height: 17px;
    }
    .hero_head2 {
        width: 100%;
    }
    .hero_main_heads {
        font-size: 22px;
        line-height: 22px;
    }
    .hero_absol {
        left: 5%;
    }
    .hero_star2>img{
        width: 40%;
    }
    .hero_star2 {
        justify-content: center;
        display: flex;
        bottom: -33%;
        right: -13%;
    }
    .hero_star1>img{
        width: 40%;
    }
    .hero_star1 {
        bottom: 42%;
        right: 0%;
        display: flex;
        justify-content: center;
    }
    .heroPadd{
        background-color: black;
        padding-top: 8%;
    }
}

/* @media (max-width:400px){
    .heroPadd{
        padding-top: 120px;
    }
} */

@media (min-width:750px) and (max-width: 1250px){
.hero_star2>img {
    width: 50%;
}
.hero_star2{
        position: absolute;
        bottom: -19%;
        right: 5%;
    display: flex;
    justify-content: center;
}
.hero_desc {
    font-size: 18px;
    width: 64%;
    line-height: 28px;
}
.hero_head2 {
    width: 69%;
}
.hero_main_heads {
    font-size: 40px;
    line-height: 40px;
}
.heroPadd{
    padding-top: 6rem;
    background: black;
}
.hero_star1>img{
    width: 60%;
}
.hero_star1{
    bottom: 36%;
    right: 9%;
    display: flex;
    justify-content: center;
}

}

@media (min-width:600px) and (max-width: 749px){
.hero_desc {
    width: 60%;
}
.hero_head2 {
    width: 65%;
}
.hero_main_heads {
    font-size: 60px;
}
.hero_absol {
    left: 6%;
}
.heroPadd {
    padding-top: 36rem;
    background: black;
}
.hero_star2 {
    bottom: -22%;
    right: 10%;
    justify-content: center;
    display: flex;
}
.hero_star2>img{
    width: 70%;
}
}

@media (max-width: 600px){
    .heroPadd {
        padding-top: 12rem;
    }
    .hero_star2 {
        bottom: -34%;
        right: -31%;
    }
    .hero_star2>img {
        width: 32%;
    }
}

@media (max-width: 281px){
    .heroPadd {
        padding-top: 22rem;
    }
}

.heroPadd{
    padding-bottom: 1%;
    background-color: black;
}