.aibc-elementor-wrapper {
    max-width: 1470px;
    margin: 0 auto;
}

/** About Banner Start */

.banner-background {
    background-position: bottom center;
    background-size: cover;
    background-repeat: no-repeat;
    /*height: calc(100vh + 100px);*/
    height: 951px;
}

.opacity-layer {
    background-color: rgba(0, 0, 0, .35);
    height: 100%;
}

.banner-content {
    display: flex;
    padding: 160px 0;
    align-items: center;
    align-content: space-between;
    justify-content: space-between;
    flex-direction: row;
}

.left-content {
    width: 30%;
}

.left-content p {
    margin-top: 12px;
    padding-bottom: 55px;
    text-align: left;
    font: normal normal bold 40px/50px Montserrat;
    letter-spacing: 0;
    color: #FFFFFF;
    border-bottom: 1px solid #fff;
}

.left-content a {
    margin-top: 25px;
    display: inline-block;
    background-color: #2364ae;
    padding: 20px 68px 20px 62px;
    border-radius: 10px;
    text-transform: uppercase;
    text-align: left;
    letter-spacing: 0;
    color: #FFFFFF;
    font: normal normal 500 24px/39px Montserrat;
    font-family: Montserrat, serif;

}

.right-content {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    width: 60%;
}

.right-content .event-date {
    width: 177px;
    height: 178px;
    display: flex;
    flex-direction: column;
    margin: 32px 0;
    border: 3px solid white;
    justify-content: space-between;
    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px);
}

.right-content span {
    color: #FFFFFF;

    font-size: 19px;
    text-align: center;
    background-color: #2364ae;
}

.right-content img {
    /*height: 110px;*/

    padding: 17px 0px;

    margin: auto;
    max-height: 140px;
    object-fit: contain;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
}

/** About Banner End */

/** Our attendees start */

.aibc-elementor-wrapper .attendees-section-title h2 {
    padding-top: 85px;
    border-bottom: 2px solid #F2F2F2;
    text-align: left;
    font: normal 400 40px/49px Montserrat;
    letter-spacing: 0px;
    color: #FFFFFF;
    text-shadow: 0px 3px 6px #00000029;
    text-transform: uppercase;
}

.aibc-elementor-wrapper .attendees-content {
    margin-top: 115px;
    text-align: center;
}

.aibc-elementor-wrapper .attendees-heading {
    font: normal normal bold 45px/55px Montserrat;
    text-align: center;
    margin: 20px auto 45px;
    max-width: 828px
}

.aibc-elementor-wrapper .attendees-heading span {
    font: normal normal bold 57px/55px Montserrat;

}

.aibc-elementor-wrapper .attendees-icon-list {
    display: flex;
    justify-content: center;
    gap: 20px;
}

.aibc-elementor-wrapper .delegates-icon-list {
    display: flex;
    justify-content: center;
}

.attendees-list-item {
    display: flex;
    flex-direction: column;
    /* background: #ffc0c0; */
    width: 120px;
    height: 120px;
    border-radius: 50%;
    border: 2px solid #fff;
    text-align: center;
    vertical-align: middle;
    padding: 30px;
    justify-content: center;
    align-items: center;
    align-content: center;
}

.attendees-list-item img {
    height: 24px;
    padding-bottom: 5px;
}

.attendees-list-item .percentage {
    text-align: center;
    font: normal normal bold 15px/22px Montserrat;
    letter-spacing: 0;
    color: #FFFFFF;
}

.attendees-list-item .title {
    text-align: center;
    font: normal 400 15px/22px Montserrat;
    letter-spacing: 0;
    color: #FFFFFF;
    line-height: 15px;
}

.delegates-list-item {
    display: flex;
    /*flex-direction: column;*/
    padding: 30px;
    justify-content: center;
    align-items: center;
    align-content: center;
}

.delegates-list-item .icon {
    margin-right: 20px;
}

.delegates-list-item .icon-text {
    display: flex;
    flex-direction: column;
}

.delegates-list-item .icon-text .percentage {
    text-align: center;
    font: normal bold 41px/50px Montserrat;
    letter-spacing: 0;
    color: #FFFFFF;
}

.delegates-list-item .icon-text .title {
    text-align: center;
    font: normal 400 19px/23px Montserrat;
    letter-spacing: 0;
    color: #FFFFFF;
}

/** Our attendees end */


/** ----- Responsive Design ----- */
/** Breakpoints
Laptop L - 1440px
Laptop M - 1024px
Tablet   - 768px
Mobile L - 425px
Mobile M - 378px */


/** Laptop L */
@media only screen and (max-width: 1440px) {

    /** OUR ATTENDEES */
    .attendees-icon-list {
        justify-content: center;
        gap: 20px;
        margin-bottom: 45px;
    }

}

@media only screen and (max-width: 1200px) {
    .aibc-elementor-wrapper .attendees-icon-list {
        flex-wrap: wrap;
    }
}

/** Laptop M */
@media only screen and (max-width: 1024px) {

    /** BANNER start*/
    .banner-content {
        flex-direction: column;
        padding: 85px 0;
        height: 100%;
    }

    .right-content {
        width: unset;

    }

    .left-content {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: unset;
    }

    .left-content p {
        font: normal normal bold 48px/62px Montserrat;
        padding-bottom: 25px;
    }

    .left-content a {
        font: normal normal 500 24px/39px Montserrat;
    }


    /** ---Banner end--- */

}


/** Tablet */
@media only screen and (max-width: 768px) {
    .banner-background {
        height: auto;
    }

    .left-content, .right-content {
        width: unset;
    }

    .delegates-icon-list {
        flex-direction: column;
    }

    .delegates-list-item {
        justify-content: space-evenly;
    }

    .delegates-list-item img {
        flex-basis: 50%;
        height: 70px;
    }

    .delegates-list-item .icon-text {
        flex-basis: 50%;
    }

    .delegates-list-item .icon-text .percentage {
        font: normal bold 21px/30px Montserrat;
    }

}

@media only screen and (max-width: 680px) {
    /** Banner */
    .banner-content .left-content p {
        font: normal normal bold 38px/42px Montserrat;
    }

    .left-content a {
        padding: 12px 52px;
    }

    .banner-content .right-content {
        flex-direction: column;
        padding: 25px 0;
    }

    .banner-content .right-content .event-date {
        margin: 10px;
        width: 140px;
        height: 140px;
    }

    .right-content img {
        max-height: 102px;
    }

}