.hero .container{
    position: relative;
}
.hero__bg--image {
    position: absolute;
    top: -120px;
    right: 0;
    z-index: -1;
    opacity: 0.5;
}
.hero__content{
    margin-bottom: 52px;
    position: relative;
    z-index: 2;
}
.hero__title{
    margin-bottom: 16px;
    letter-spacing: -0.4px;
}
.hero__desc{
    margin-bottom: 0;
}
#heroDesc1 {
    margin-bottom: 3px;
}
.hero__actions{
    margin-top: 24px;
}

@media screen and (max-width: 1199px) {
    .hero__content {
    margin-bottom: 40px;
}
    .hero__title {
        padding-right: 80px;
    }
    
}
@media screen and (max-width: 991px) {
.hero__content {
    margin-bottom: 40px;
}
}
@media screen and (max-width: 767px) {
    .hero__title {
        padding-right: 0;
    }
    }