.hero-section{
background-size:cover;
background-position:center;
height:75vh;
padding:35px 10px 20px 10px;
display:flex;
align-items:center;

margin-top:0px !important;
}

@media screen and (max-width :768px) {
    .hero-section{

        height:55vh;
        padding:45px 10px 20px 10px;

    }   
}



.hero-text h3 {
font-size:3rem;
font-weight:bolder;
color:white;
width:100% !important;

}



@media screen and (max-width :768px) {
  
.hero-text h3 {
    font-size:2rem;
    font-weight:bolder;
    color:white;

    
    }
}




.hero-text h3 span {
    font-size:2rem;
    font-weight: normal;
    /* font-style:italic; */
    color:greenyellow;
    
    }

.hero-text p{
color:white !important;    
}

@media screen and (max-width :768px) {

    .hero-text p{
        color:white !important; 
        margin-top:20px;   
        }

}


.hero-text a{
border:1px solid transparent;
background-color:rgb(121, 10, 10);
color:white !important;
padding:5px 15px;
font-size:1.2rem !important;
border-radius:15px;

}


.hero-text a:hover{
    border:2px solid white;
    background-color:inherit !important;
    color:white !important;
    padding:5px 15px;
    font-size:1.2rem !important;
    border-radius:15px;
    
    }




@media screen and (max-width :768px) {

    .hero-text a{
        border:1px solid transparent;
        background-color:rgb(121, 10, 10);
        color:white !important;
        padding:10px;
        font-size:1rem;
        border-radius:18px;
        
        }

}