/* Agents 18-06-2025 */

.agent-banner-wrap {

    position: relative;

}

.agent-hero-image {

    position: relative;

}
.agent-hero-image img {
    max-width: 100%;
}

.agent-hero-image:before {

   background-image: linear-gradient(to top, #111010, transparent);

bottom: -1px;

content: "";

height: 70%;

left: 0;

position: absolute;

right: 0;

}

.agent-hero_wrapper {

    left: 0;

    position: absolute;

    width: 100%;

    z-index: 10;

    bottom: 60px;

}

.agents-wrap {

    background: #101010;

    padding: 50px 0;

}

.agent-box {

    align-items: center;

    cursor: pointer;

    display: flex;

    justify-content: center;

    overflow: hidden;

    position: relative;

}

.agent-box img {

            height: 555px;

    object-fit: cover;

    object-position: top;

    width: 100%;

}

.agent_info {

    bottom: -12px;

    color: #fff;

    color: rgb(255 255 255 / 1);

    left: -10px;

    position: absolute;

    top: auto;

    transition-duration: .7s;

    width: calc(100% + 20px);

    display: flex;

    flex-direction: column;

    padding: .6rem 30px 1rem;

}

.agent_info_inner {

    background-color: #00000080;

    backdrop-filter: blur(10px);

    width: 100%;

    z-index: 2;

    height: 100%;

    position: absolute;

    left: 0;

    top: 0;

    bottom: 0;

    right: 0;

}

.agent_link {

    font-size: 1.5rem;

    line-height: 2rem;

    margin-bottom: .375rem;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    z-index: 40;

    position: relative;

    color: #fff;

    font-weight: 300;

}

.agent_info span {

    font-size: .875rem;

    line-height: 1.25rem;

    display: block;

        color: #ffffffbf;

    z-index: 40;

    position: relative;

}

.agent_post {

    border-bottom: solid 1px #111010cc;

    white-space: nowrap;

    text-overflow: ellipsis;

    overflow: hidden;

    padding: 0 0 9px;

}



.promot-form {

        --tw-border-opacity: 1;

    border: solid 1px rgb(89 88 88 / 1);

    margin-left: auto;

    margin-right: auto;

    max-width: 100%;

    padding: 2.5rem 2.5rem 2rem;

    position: relative;

    background-color: #111010cc;

    border-image: linear-gradient(90deg, #d3a188 0, transparent 35%, transparent 65%, #d3a188) 1;

    padding: 3rem 2.5rem;

}

.promot-form .form-control {

    width: 100%;

    background: transparent;

    border: none;

    --tw-text-opacity: 1;

    background-color: transparent;

    color: #fff;

    color: rgb(255 255 255 / var(--tw-text-opacity));

    display: block;

    font-size: 1rem;

    line-height: 1.5rem;

    padding: 0;

    border-radius: 0;

    padding-bottom: .375rem;

    padding-top: .375rem;

    text-transform: capitalize;

    width: 100%;

    border-bottom: solid 1px rgb(89 88 88 / 1);

}

.promot-form .whatsapp {

    align-items: center;

    color: #ffffffbf;

    cursor: pointer;

    display: flex;

    font-size: 1rem;

    line-height: 1.5rem;

    margin-left: auto;

    margin-right: auto;

    max-width: max-content;

    font-weight: 400;

}

.promot-form .whatsapp span {

    align-items: center;

    display: flex;

    margin-left: .6rem;

}



.agent_link:hover {

   color: #fff;

text-decoration:none;

}
@media(max-width:1199px){
    .agent-hero-image img {
        height: auto !important;
    }
    .agents-wrap .col-md-3 {
        flex: 0 0 33.33%;
        max-width: 33.33%;
    }
    .xl-title {
        font-size: 34px;
    }
}
@media(max-width:767px){
    .agent-hero-image img {
        height: 70% !important;
    }
    .agents-wrap .col-md-3 {
        flex: 0 0 50%;
        max-width: 50%;
    }
    .xl-title {
        font-size: 24px;
    }
    .agent-box img {
        height: 395px;
    }
    .agent_link {
        font-size: 1.3rem;
    }
}
@media(max-width:480px){
    .agents-wrap .col-md-3 {
        flex: 0 0 100%;
        max-width: 100%;
    }
}