/* Container */

#inner-page-wrapper {

    margin-bottom: 0;

}



    #inner-page-wrapper > .container {

        width: 100%;

        padding: 0;

    }



/* IP Banner */

.ip-banner {

    display: none;

}



    .ip-slider-cont {

        position: relative;

    }



    .ip-slider {

        position: relative;

        z-index: 1;

    }



    .ip-slider canvas {

        display: block;

        width: 100%;

        background-size: cover;

        background-repeat: no-repeat;

        background-position: center;

        position: relative;

        z-index: 1;

    }



    .ip-slider-overlay {

        position: absolute;

        left: 0;

        top: 0;

        width: 100%;

        height: 100%;

        background: rgba(0,0,0,0.35);

        z-index: 5;

    }



    .ip-slider-overlay::before {

        content: '';

        position: absolute;

        left: 0;

        top: 0;

        width: 100%;

        height: 50%;

        background: rgb(0,0,0);

        background: linear-gradient(180deg, rgba(0,0,0,0.7903536414565826) 0%, rgba(255,255,255,0) 100%);

        z-index: 7;

    }



    .ip-slider-overlay::after {

        content: '';

        position: absolute;

        left: 0;

        bottom: 0;

        width: 100%;

        height: 30%;

        z-index: 7;

        background: rgb(0,0,0);

        background: linear-gradient(0deg, rgba(0,0,0,0.7903536414565826) 0%, rgba(255,255,255,0) 100%);

    }



    .ip-sell-slider-title {

        top: 0;

        z-index: 20;

    }



    .ip-slider-cont .arrow-cont {

        z-index: 20;

    }



    .ip-slider-cont .primary-btn-cont {

        border: 1px solid #000;

        background: #e5be29;

        color: #000;

    }



/* breadcrumbs */

#breadcrumbs {

    width: 1440px;

    max-width: 95%;

    margin: 0 auto !important;    

    font-weight: 700;    

}



#breadcrumbs a {

    font-weight: 400;

    color: #507198;

}



#breadcrumbs span:last-child {

    text-transform: uppercase;

}



.hp-section-header .buzz-subtitle-text {

    margin-top: -20px;

}





/* our-agents */

.our-agents-content-1 {

    padding-top: 80px

}



.our-agents-container {

    width: 1130px;

    max-width: 95%;

    margin: auto;

}



.our-agents-container p {

    font-size: 16px;

    color: #666;

}



.oa-list {

    width: 1200px;

     max-width: 95%;

    margin: 70px auto 100px;

    display: flex;

    flex-wrap: wrap;

    justify-content: flex-start;

}



.oa-item {

    position: relative;

    overflow: hidden;

    margin-bottom: 10px;

    /* width: calc((100%/4) - 10px); */
    width: calc(100% / 4);
    padding: 0 5px;

}

.oa-item a {
    display: block;
    position: relative;
}



.oa-item-img::before {

    background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);    

    content: '';

    position: absolute;

    width: 100%;

    height: 30%;

    bottom: 0;

}



.oa-item-img canvas {

    background-size: cover;

    background-position: center;

    width: 100%;

    height: 100%;

}



.oa-item-info {

    width: 100%;

    position: absolute;

    z-index: 1;

    bottom: -70px;

    color: #fff;

    text-align: center;    

    padding: 20px;

    transition: all .5s;

}



.oa-item:hover .oa-item-info {

    bottom: 0;

}



.oa-item-info span {

    display: block;

}



.oa-name {

    font-size: 18px;

    text-transform: uppercase;

    font-weight: 700;

    font-family: var(--font-family-title);    

    margin-bottom: -10px;

}



.oa-position {

    font-size: 14px;

    font-family: var(--font-family-title);    

    margin-bottom: 10px;

}



.fake-btn {

    font-size: 15px;

    border: 1px #fff solid;

    padding: 10px 0;

    position: relative;

}



@media(max-width: 600px) {

    .oa-item {

        width: calc((100%/2) - 10px);

    }

}



@media(max-width: 320px) {

    .oa-item {

        width: 100%;

    }

}