.oma-hero {
    height: 700px;
    background: #000;
    background-position: left top;
    color: #fff;
    font-size: 14px;
    padding: 50px 0px;
    display: flex;
    align-items: center;
    overflow: hidden;
}

.gradient-effect {
    background: #0398B1;
    background: radial-gradient(circle, rgba(3, 152, 177, 1) 0%, rgba(0, 0, 0, 1) 100%);
    width: 700px;
    height: 700px;
    border-radius: 50%;
    filter: blur(50px);
    opacity: 60%;
    position: absolute;
    top: -2%;
    left: 10%;
}

.oma-hero .hero-content {
    position: relative; z-index: 999999;
}
.oma-hero h1 {
    font-size: 68px;
}
.oma-hero h1 span {
    color: #00BF63;
}

.btn-success {
    background: rgba(125, 211, 88, 1);
    background: linear-gradient(132deg,rgba(3, 152, 177, 1) 0%, rgba(125, 211, 88, 1) 100%) !important;
    color: #001c20 !important; font-weight: 800;
    border-radius: 8px;
    padding: 15px 30px !important;
    transition: all .2s;
}
.btn-success:hover {
    transform: scale(1.08);
}

.bg-green {
    background: #00793e !important; min-height: auto !important; text-align: center; color: #f9feff;
}
.bg-green h3 { font-size: 14px; padding: 0px; margin: 0px; font-weight: 300; }
.bg-green .icon {
    width: 36px; height: 36px;
}
.oma-hero-2 {
    height: 700px;
    background: url('../images/oma-hero-2.jpg');
    color: #fff;
    position: relative;
}
.oma-hero-2 .icon {
    width: 48px;
    height: 48px;
    background: transparent;
}
.oma-hero-2 .overlay {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 0; left: 0;
    background: #328080d8;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.oma-hero-2 h1 {
    font-size: 68px;
}
.oma-hero-2 h1 span {
    color: #00BF63;
}

.borderbox {
    border-radius: 20px;
    border: 3px solid #fff;
    padding: 40px 80px;
    display: flex; flex-direction: column;
    box-shadow: inset 20px 20px 20px -12px rgba(255,255,255,0.3);
}

.borderbox h3 {
    font-size: 20px; font-weight: 600; margin: 10px 0px;
}

.oma-hero-3 {
    height: 700px;
    background: url('../images/oma-hero-3.jpg');
    color: #001c20;
    position: relative;
}
.oma-hero-3 .overlay {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 0; left: 0;
    background: #ffffffd8;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.oma-hero-3 h1 {
    font-size: 54px; font-weight: 600;
}
.oma-hero-2 h1 span {
    color: #001c20;
}

.btn-wide {
    min-width: 350px !important;
    padding: 20px 40px !important;
    transition: all .2s ease-in-out;
}
.btn-wide:hover {
    transform: scale(1.08);
}

.btn-success-2 {
    background: #51b6b6 !important;
}



@media (max-width: 768px) {
    
    .oma-hero {
        height: auto; padding: 50px 30px; font-size: 18px;
    }
    .oma-hero h1 {
        font-size: 48px;
    }

    .bg-green {
        text-align: left; padding: 10px 30px;
    }
    
    .oma-hero-2 {
        height: 1100px;
        font-size: 18px;
    }

    .oma-hero-2 .overlay {
        padding: 50px 20px;
    }

    .oma-hero-2 h1 {
        font-size: 48px;
    }

    .borderbox {
        border-radius: 20px;
        padding: 20px 40px;
        box-shadow: inset 20px 20px 20px -12px rgba(255,255,255,0.3); text-align: center;
    }

    .oma-hero-3 h1 {
        font-size: 48px; text-align: center;
    }
    .oma-hero-3 p { text-align: center;}
}