.gas-buddy-page {
    width: 100%; height: auto;
    position: relative;
}


.gas-buddy-content {
    width: 100%;
    height: auto;
    min-height: 70vh;
    overflow: hidden;
    position: relative;
    text-align: center;
    display: flex;
    flex-direction: column;

}

    .gas-buddy-content .gradient-overlay1 {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0px;
        left: 0px;
        background: #000;
        background: linear-gradient(10deg,rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 1) 100%);
    }
    .gas-buddy-content .gradient-overlay2 {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0px;
        left: 0px;
        background: #BA8500;
        background: linear-gradient(122deg,rgba(186, 133, 0, 0) 0%, rgba(186, 133, 0, 0) 70%, rgba(186, 133, 0, 0.5) 100%);
    }
    .gas-buddy-content .gb-content-top {
        width: 100%;
        max-width: 1250px;
        height: 50vh;
        position: relative;
        margin: auto;
    }
    .gas-buddy-content .gb-content-bottom {
        width: 100%;
        max-width: 1250px;
        height: auto;
        position: relative;
        margin: auto;
        padding-bottom: 20px;
    }
        .gas-buddy-content .gb-content-bottom .main-text {

        }
        .gas-buddy-content .gb-content-bottom .main-button {
            height: auto;
            padding: 20px;
        }
            .gas-buddy-content .gb-content-bottom .main-button .register {
                display: inline-block;
                margin: auto;
                font: normal 20px Poppins !important;
                padding: 5px 10px;
                background-color: black;
                border: 2px solid #d9c264;
                color: white;
                text-decoration: none;
            }

                .gas-buddy-content .gb-content-bottom .main-button .register:hover {
                    background-color: #d9c264;
                    color: black;
                }
                .gas-buddy-content .gb-content-bottom .main-text p {
                    font: normal 20px Poppins !important;
                    line-height: 120%;
                    margin: 0px;
                    text-align: center;
                }
        .gas-buddy-content .gb-content-bottom .bottom-content p {
            font: normal 14px Poppins !important;
            line-height: 120%;
            margin: 0px;
            text-align: center;
        }
        .gas-buddy-content .gb-content-top .main-image {
            height: 80%;
            width: auto;
            position: absolute;
            top: 10%;
            left: 50%;
            transform: translateX(-50%);
        }
    .gas-buddy-content .gb-content-top .main-image img {
        width: auto;
        height: 100%;
        border: 0px;
    }

.lhdd-response-block {
    width: 100%;
    height: auto;
    min-height: 70vh;
    overflow: hidden;
    position: relative;
    text-align: center;
    display: flex;
    flex-direction: column;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
    .lhdd-response-block .gradient-overlay1 {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0px;
        left: 0px;
        background: #032C15;
        background: linear-gradient(292deg,rgba(3, 44, 21,1) 0%, rgba(3, 44, 21, 0.6) 33%, rgba(3, 44, 21, 0.6) 66%, rgba(3, 44, 21, 1) 100%);
        
    }

    .lhdd-response-block .gradient-overlay2 {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0px;
        left: 0px;
        background: #A28836;
        background: linear-gradient(270deg,rgba(162, 136, 54, 0.4) 0%, rgba(106, 104, 42, 0.2) 35%, rgba(44, 68, 29, 0.2) 74%, rgba(3, 44, 21, 0.8) 100%);
    }
    .lhdd-response-block .logo-line {
        width: 100%;
        max-width: 1250px;
        height: 30vh;
        position: relative;
        margin: auto;
        z-index: 1;
        padding: 0px;
    }
        .lhdd-response-block .logo-line img {
            height: 100%; width: auto;
            margin: auto;
        }
    .lhdd-response-block .content-line {
        width: 100%;
        max-width: 1050px;
        position: relative;
        margin: auto;
        z-index: 1;
        color: white;
        padding: 0px;
    }
        .lhdd-response-block .content-line h1 {
            font: 600 40px poppins;
            color: white;
            text-align: center;
            line-height: 100%;
        }
        .lhdd-response-block .content-line p {
            font: normal 20px poppins;
            color: white;
            text-align: center;
        }

    .lhdd-response-block .content-legal-line {
        width: 100%;
        max-width: 850px;
        position: relative;
        margin: auto;
        z-index: 1;
        color: white;
        padding: 0px;
    }

        .lhdd-response-block .content-legal-line h1 {
            font: 600 40px poppins;
            color: white;
            text-align: center;
        }

        .lhdd-response-block .content-legal-line p {
            font: normal 14px poppins;
            color: white;
            text-align: left;
        }
        .lhdd-response-block .content-legal-line ol {
            margin: 0px;
            padding-left: 10px;
        }
        .lhdd-response-block .content-legal-line ol li {
            font: normal 14px poppins;
            color: white;
            text-align: left;
            margin-bottom: 20px;
            line-height: 140%;
           
        }


    .lhdd-response-block .button-line {
        width: 100%;
        max-width: 1050px;
        position: relative;
        margin: auto;
        z-index: 1;
        color: white;
        padding: 0px;
        padding-top: 40px;
    }

        .lhdd-response-block .button-line .register {
            padding: 10px 14px;
            background-color: #000;
            font: 400 14px poppins;
            color: white;
            cursor: pointer;
            border: 2px solid #A88D29;
            margin: auto;
            text-decoration: none;
        }
            .lhdd-response-block .button-line .register:hover {
                background-color: #A88D29;
                color: black;
                border-color: black;
            }
            .lhdd-response-block .spacer {
                width: 100%;
                height: 50px;
            }
    @media (max-width: 650px) {
        .gas-buddy-content .gb-content-top .main-image {
        height: auto;
        width: 80%;
        aspect-ratio: 1 / 1;
        position: absolute;
        top: 15%;
        left: 50%;
        transform: translateX(-50%);
    }

    .gas-buddy-content .gb-content-top .main-image img {
        width: 100%;
        height: auto;
        border: 0px;
    }
        .lhdd-response-block .content-legal-line {
            padding: 0px 20px;
        }
}