.gmkhero-container {
    height: calc(100vh - 76px);
    position: relative;
    z-index: 6;
}

.gmkhero-inner {
    display: flex;
    height: 100%;
    /*padding: 30px 74px;*/
    padding-bottom: 0;
    position: relative;
    width: 100%;
}

.gmkhero-bg {
    height: 100%;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
}

.gmkhero-bg figure,
.gmkhero-bg picture {
    height: 100%;
    margin: 0;
    width: 100%;
}

.gmkhero-bg .caption {
    display: none;
}

.gmkhero-bg img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    z-index: 1;
}

.gmkhero-content {
    display: flex;
    flex-direction: column;
    gap: 50px;
    height: 100%;
    justify-content: flex-end;
    margin: auto;
    position: relative;
    z-index: 2;
}

.gmkhero-content h1 {
    margin-bottom: 25px;
    width: 60%;
}

.gmkhero-textwrap {
    display: flex;
    justify-content: space-between;
    padding: 30px 0;
    position: relative;
}

.gmkhero-textwrap:before {
    background-color: rgba(255, 255, 255, 0.15);
    backdrop-filter: blur(5px);
    content: "";
    height: 100%;
    left: -45px;
    position: absolute;
    top: 0;
    width: calc(100% + 90px)
}

.gmkhero-textsingle {
    padding: 0 35px;
    position: relative;
}

.gmkhero-textsingle:before {
    background: rgb(255,255,255);
    background: linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(82,134,190,1) 100%);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    width: 6px;
    top: 0;
}

.gmkhero-description p {
    font-family: 'Open Sans';
    font-size: 14px;
}

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

    .gmkhero-content h1 {
        -webkit-hyphens: auto;
        -moz-hyphens: auto;
        -ms-hyphens: auto;
        hyphens: auto;
        padding: 50px 0;
        width: initial;
    }

    .gmkhero-textsingle {
        padding-right: 0;
    }

    .gmkhero-container {
        height: initial;
    }

    .gmkhero-inner {
        display: block;
        padding: 30px;
    }

    .gmkhero-textwrap {
        flex-direction: column;
        gap: 15px;
    }

    .gmkhero-description p {
        font-size: 14px;
    }

    .gmkhero-content {
        display: block;
    }

}