:root {
    --primary: #0A4DA6;
    --secondary: #072D5C;
    --accent: #00A3E0;
    --light: #fff;
    --dark: #1A2B3C;
    --success: #2E7D32;
    --gray: #52606e;
    --lightBg: #f5f7fa;
    --iconBg: #cce3ff;
    --chekMBG: rgb(31, 82, 247);
    --bluevibrant: rgb(31, 82, 247)
}

#topBanner {
    background: url( "https://mnmimg.marketsandmarkets.com/assets/images/ai-salesplay/account_Intelligence_Agent/agent_bgbanner.webp") bottom / cover no-repeat #0a303b;
    padding: 150px 0;
    background-position: center;
}

    #topBanner h1 {
        font-size: 2.8rem;
        font-weight: 800;
        background: linear-gradient(to top left, #FFFFFF 55%, #81e5ec 100%);
        background-clip: text;
        color: transparent;
        max-width: 600px;
        text-align: left;
        margin: 0;
        margin-bottom: 8px;
    }

    #topBanner h2 {
        font-size: 1.3rem;
        color: #fff;
        line-height: normal;
        margin-top: 15px;
    }

    #topBanner p {
        font-size: 1.4rem;
        color: #fff;
        font-weight: 600;
        line-height: 1.75rem;
        margin: 15px 0 25px;
        opacity: 1;
    }

    #topBanner img {
        border-radius: 10px;
        height: 100%;
        width: 100%;
        object-fit: cover;
    }

input::-webkit-inner-spin-button, input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

input[type=number] {
    -moz-appearance: textfield
}

.experienceFuture {
    background: var(--secondary)
}

#KSRequestDemo h5, #KSRequestDemo label {
    color: #ccc
}

#KSRequestDemo h5 {
    font-size: 1.5rem;
    font-weight: 400;
    letter-spacing: normal
}

.close_pop_up {
    position: absolute;
    z-index: 1;
    font-size: 30px;
    right: 20px;
    top: 20px;
    opacity: 1;
    border: none
}

.Ag1 {
    position: relative;
}

    .Ag1 img {
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
        border: 15px solid #135f77;
        border-radius: 20px;
    }
/* .Ag1:before {content: "";position: absolute;width: 300px;height: 300px;bottom: 0;left: -55px;bottom: -24px;z-index: -1;background-color: #3ba5c6;
                                                                                                                                                                                                                                                                                                                                                                                    border-radius: 50%;} */
.Ag2 {
    position: relative;
}

    .Ag2 img {
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
        border: 15px solid #bc9110;
        border-radius: 20px;
    }
/* .Ag2:before {content: "";position: absolute;width: 300px;height: 300px;bottom: 0;right: -55px;bottom: -24px;z-index: -1;background-color: #efbb1e; border-radius: 50%;} */
.Ag3 {
    position: relative;
}

    .Ag3 img {
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
        border: 15px solid #bd1021;
        border-radius: 20px;
    }
/* .Ag3:before {content: "";position: absolute;width: 300px;height: 300px;bottom: 0;left: -55px;bottom: -24px;z-index: -1;background-color: #e4293b;border-radius: 50%;} */
.Ag4 {
    position: relative;
}

    .Ag4 img {
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
        border: 15px solid #2f7930;
        border-radius: 20px;
    }
/* .Ag4:before {content: "";position: absolute;width: 300px;height: 300px;bottom: 0;right: -55px;bottom: -24px;z-index: -1;background-color: #6abc6c;border-radius: 50%;} */
.agenttext {
    padding: 50px;
}
/***Inline Style attributes ****/



.agents1 {
    display: none;
    visibility: hidden;
}

.agents2 {
    background-color: #f2f2f2;
    display: grid;
    border-radius: 20px;
}