h1, h2, h3, h4, h5 {
    font-weight: 600!important;
}

.btn-primary {
    background-color: #22A612!important;
    border-color: #22A612!important;
    border-radius: 10px!important;
}

.hero-wrapper {
    background-image: url('../img/BG\ design.png');
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 100vh;
}

.span-text {
    color: green;
    font-style: italic;
}

.hero-bg {
    background-image: url('../img/hero/img1.png');
    background-size: 520px;
    height: 500px;
    background-repeat: no-repeat;
}

.lhero-bg {
    background-image: url('../img/icons/Hand-drawn\ arrow.png');
    background-position: 50% 60%;
    background-size: 249.86px;
    background-repeat: no-repeat;
}

.alert1, .alert2, .alert3 {
    position: relative;
}

.alert1 {
    left: 12rem;
    top: 1rem;
}

.alert2 {
    right: 12rem;
    top: 8rem;
}

.alert3 {
    left: 12rem;
    top: 10rem;
}

.headertexts {
    font-family: Inter;
    font-size: 36px!important;
    font-weight: 600!important;
    line-height: 44px!important;
    letter-spacing: -0.02em!important;
    text-align: center!important;
}

.ptexts {
    color: #22A612!important;
}

.textblue {
    color: #00072A!important;
}

.call{
    background-color: #E9F6E7;
    padding: 0!important;
    width: 100%;
}

.call-for-writers-bg {
    background-image: url('../img/writers.png');
}

.call-for-editors-bg, .call-for-writers-bg {
    background-size: cover;
    height: 418px;
}

.call-for-editors-bg {
    background-image: url('../img/editors.png');
}

.greenarea {
    background-color: #E9F6E7;
}

.howitworks {
    background-image: url('../img/Macbook\ Pro\ 16\ mockup.png');
    background-position: 100% 50%;
    background-repeat: no-repeat;
    min-height: 100vh;
}

.transparent {
    background-color: transparent;
}


/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (max-width: 760px) {

    
    .hero-bg {
        padding: 5rem;
        background-size: 370px;
        background-position: center;
    }

    .alert1 {
        left: 5rem;
        top: 1rem;
    }

    .alert2 {
        right: 4rem;
        top: 5rem;
    }

    .alert3 {
        left: 5rem;
        top: 8rem;
    }

    .alert1 > img {
        width: 100%;
    }

    .alert2 > img {
        width: 100%;
    }

    .alert3 > img {
        width: 100%;
    }

    .nomargintopsm {
        margin-top: 0px!important;
    }

    .inter-header {
        font-size: 1.4rem !important;
        line-height: 40px !important;
    }

    .lhero-bg {
        background-position: 90% 100%;
        background-size: 89.86px;
    }

    .nopadding-r-l-sm {
        padding-right: 0px!important;
        padding-left: 0px!important;
    }

    .call-for-editors-bg, .call-for-writers-bg {
        height: 218px;
    }

    .howitworks {
        background-size: 0px;
    }
}