.main-header-three {
    position: relative !important;
}
.refral-pro li {
    list-style: disc !important;
}
.earning-agents {
    margin-bottom: 40px;
}
.earning-agents h1 {
    font-size: 18px;
    font-weight: bold;
}
.earning-agents p {
    font-weight: 400;
    color: #000;
    font-size: 14px;
}
.earning-agents span {
    font-weight: bold;
    color: #000;
}
.earning-agents li {
    color: #000;
    font-weight: 400;
    list-style: auto;
    font-size: 14px;
}
.agent-program-head h1 {
    font-size: 30px;
    font-weight: bold;
    text-align: right;
    margin-bottom: 0px !important;
    color: #000 !important;
}
.site-footer-two {
    margin-top: 0px !important;
}


section.agent-program-sec {
    padding: 200px 15px;
    margin-bottom: 30px;
    background-image: url('../images/1A Halo referral program nnnn.jpg');
    background-repeat: no-repeat;
    background-size: contain;
    position: relative;
    z-index: 99;
}
section.agent-program-sec:after {
    content: '';
    background: #0003;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    opacity: 0.85;
    z-index: -1;
}
section.agent-program-sec2 {
    padding: 30px 15px;
    margin-bottom: 20px;
}



@media(min-width: 320px) and (max-width: 374px) {

.agent-program-sec .agent-program-head h1 {
    font-size: 22px !important;
}
}

@media(min-width: 240px) and (max-width: 479px) {
    section.agent-program-sec {
        padding: 70px 15px !important;
        background-size: contain !important;
        background-position: left !important;
    }
.agent-program-head h1 {
    color: #000 !important;
    text-align: right;
    font-size: 24px !important;
    position: relative;
    top: 30px;
}
}

@media(min-width: 480px) and (max-width: 767px) {
section.agent-program-sec {
    padding: 70px 15px !important;
    background-size: contain !important;
    background-position: left !important;
}
.agent-program-head h1 {
    color: #000 !important;
    font-size: 24px !important;
}
}

@media(min-width: 768px) and (max-width: 999px) {
    section.agent-program-sec {
        padding: 130px 15px !important;
        background-size: contain;
        background-position: left !important;
    }
.agent-program-head h1 {
    color: #000 !important;
}
}