body {
}
h1.card-title.display-1 {
    font-family: 'gotham-narrow', sans-serif;
    font-weight: 700;
    font-size: 42px;
    line-height: 44px;
}

#img_tag{
    overflow:hidden;
}
.agrigold .btn {
    background-color: transparent !important;
}
p.card-text {
    font-family: gotham, sans-serif;
    font-size: 15px;
    font-weight: 500;
    line-height: 22.5px;
    text-align: left;
    width: 526px
}
a.btn.btn-primary.btn-lg {
    width: 191px;
    height: 40px;
    padding: 0px 36px;
    border: 1px solid #FFFFFF;
}
span.bg-dark.bg-opacity-50.px-2 {
    background: transparent !important;
}
.card-img-overlay-bottom {
    padding-top: 5%;
    padding-left: 10%;
    display: flex;
    padding: 0 !important;
    /*background: linear-gradient(97.51deg, #046A38 0.31%, #84BD00 100%);*/
}
.card-contence-overlay {
    padding: 2rem;
}

.bg-blue .card-contence-overlay {
    padding-left: 200px;
}
img.overlay-image {
    width: 710px;
    height: 281px;
    object-fit: cover;
}



@media only screen and (max-width: 768px) {
    span .bg-dark.bg-opacity-50.px-2 {
        width: 100%; /* Adjust as needed */
        max-width: 358px;
        height: 279px;
        padding: 0px 0px 48px 0px;
        gap: 24px;
    }

    #bottom-container {
        height: 500px !important;
    }

    .card-img-overlay-bottom {
        flex-direction: column;
        position: relative;
    }

    h1.card-title.display-1 {
        text-align: center;
        font-size: 36px;
    }

    a.btn.btn-primary.btn-lg {
        text-align: center;
    }

    p.card-text {
        text-align: center;
        width: 100%;
    }

    div#button_style {
        position: absolute;
        left: 50%;
        transform: translate(-50%, -50%);
        padding-top: 20px
    }

    .bg-blue .card-contence-overlay {
        padding-left: 0;
    }
}