/*.whybba_banner {
    background-image: url('https://www.belltechwebtools.com/STAGING/bba-strong/assets/images/WhyBBABanner.jpg');
}

.membership_sec {
    background: rgba(35, 83, 157, 0.1);
}

.membership_sec .blogBox {
    padding: 40px 15px;
    height: 100%;
}

.membership_sec .blogBox .blogContent {
    padding-top: 0px;
}

.membership_sec .blogBox ul {
    text-align: left;
    padding: 0px;
    padding-left: 20px;
    font-family: 'Jost';
}

.membership_sec .blogBox ul li {
    list-style: disc;
}

.membership_sec h3 {
    line-height: 1.3;
    font-size: 25px;
}*/

/* ************* Accessbility **************** */
/*.accessbility_banner {
    background-image: url('https://www.belltechwebtools.com/STAGING/bba-strong/assets/images/banner-accessibility.png');
}

/* ************* Renew **************** */
.flex-width-box {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    max-width: 80%;
    padding: 0px !important;
}

.flex-width-box>li {
    list-style: none !important;
    width: calc(50% - 8px);
}

.flex-width-box>li:last-child {
    width: 100%;
}

.joinnow_btn button {
    padding: 10px 30px;
    background: var(--blue);
    border-radius: 5px;
    font-size: 23px;
    font-weight: 500;
    line-height: 1.4;
    color: #fff;
    border: none;
    transition: 0.5s ease all;
    font-family: 'Jost';
}

.joinnow_btn button:hover {
    background: #000;
    transition: 0.5s ease all;
}

/* ************ Contact Page ************ */
/*.contact_banner {
    background-image: url('https://www.belltechwebtools.com/STAGING/bba-strong/bannerimages/contactpagebanner.jpg');
}

.contact_detail_sec .contact-item li {
    display: flex !important;
    align-items: center;
    margin-bottom: 0px !important;
    padding: 0px !important;
    column-gap: 20px;
}

.contact_detail_sec .contact-item ul {
    display: flex;
    flex-direction: column;
    row-gap: 10px;
    padding: 0px !important;
}

.contact_detail_sec .contact-item ul li i {
    position: unset !important;
    width: 70px;
    height: 70px;
    line-height: 70px;
    background-color: #ffffff;
    color: var(--blue);
    font-size: 40px;
    text-align: center;
    border-radius: 5px;
}

.contact_detail_sec .contact-item ul li .content span,
.contact_detail_sec .contact-item ul li .content span a {
    display: block;
    font-size: 18px;
    font-weight: 400;
    color: #000;
    font-family: 'Jost';
}

.contact_detail_sec .contact-form .form_btn {
    border: 0;
    outline: none;
    padding: 10px 60px;
    width: 100%;
    background: var(--blue);
    font-family: 'Jost';
    font-size: 23px;
    line-height: 1.3;
    color: #fff;
    transition: 0.5s ease all;
    border-radius: 5px;
}

.contact_detail_sec .contact-form .form_btn:hover {
    background: var(--black);
    transition: 0.5s ease all;
}
*/
/* *************** Join Now ***************** */
/*.joinnow_banner {
    background-image: url('https://www.belltechwebtools.com/STAGING/bba-strong/bannerimages/joinnowformpagebanner.jpg');
}

.joinnow_form_row {
    display: flex;
    flex-direction: column;
    row-gap: 20px;
}

.joinnow_form_row label {
    font-family: 'Jost';
}

.joinnow_form_row .form-control {
    color: #595C5F !important;
}

.select_box_parent {
    position: relative;
}

.select_box_parent:before {
    content: "\f282";
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    font-family: bootstrap-icons !important;
    font-weight: 400 !important;
}*/

/* ************* Gallery Page *************** */
/*.gallery_banner {
    background-image: url('https://www.belltechwebtools.com/STAGING/bba-strong/newimg/GallerypageBanner.jpg');
}

.gallery_photos_sec .galleryImgbox img {
    aspect-ratio: 1.5;
    object-fit: cover;
    padding: 5px;
}*/

/*============================= Listing pages styling ============================*/
/*.business_logo{
    margin-bottom: 20px;
}

.business_info_wrapper h3{
    font-size: 40px;
    color: #23539D;
}
.social_links{
    display: flex;
    gap: 20px;
}
.business_info ul{
    display: flex;
    gap: 56px;
}
.business_info ul li a{
    color: #4a4a4a;
    text-decoration: underline;
    font-weight: 500;
}
.business_info ul li a i{
    color: #23539D;
}
.business_info_wrapper p.mainDisc{
    font-size: 20px;
    font-weight: 400;
    line-height: 1.3;
}
p.owner{
    font-size: 22px;
    font-weight: 500;
    line-height: 1.5;
    border: 1px solid #000;
    color: #000;
    max-width: max-content;
    padding: 12px 50px 12px 25PX;
    border-radius: 0 10px 10px 0;
}
.member_since{
    margin-top: 20px;
}
.inner_wrapper h3{
    font-size: 24px;
    text-align: center;
}
.inner_wrapper  p{
    font-weight: 500;
    color: #000;
    text-align: center;
}*/

/*.sliderContent img{
    background: #fff;
}*/
/*.galleryImgbox img{
    width: 100%;
}*/

/* ********************** Responsive ********************** */
/*..desktop_hidden{display: none;}
@media screen and (max-width: 1800px){
    section.eventSec::after{
        width: 30px;
        right: 17%;
    }
}
@media screen and (max-width: 1600px){
    section.eventSec::after{
        width: 30px;
        right: 17%;
    }
}
@media screen and (max-width: 1400px){
    .eventText{
        padding: 0 50px;
    }
    section.eventSec::before{
        height: 72.5%;
        top: 18%;
    }
}
@media screen and (max-width: 1200px) {
    section.eventSec::after{
        top: 22%;
        height: 34%;
    }
    section.eventSec::before{
        height: 70.5%;
        top: 19%;
    }
    .howtoHelp .helpBox h3{
        top: 3px;
        font-size: 25px;
    }
    .navbar-nav {
        gap: 10px;
    }
    .helpBox:hover h3 {
        transform: translate(-50%, 90%);
    }
    .howtoHelp .helpBox p{
        top: 30%;
    }
    .sponsersSec .sponcerLogo{
        grid-template-columns: 12% 12% 12% 12% 12% 12% 12%;
    }
    .businessVideo video{
        height: unset;
    }
    .eventText{
        padding: 0 30px 0 15px;
    }
    .eventContent h2{
        font-size: 38px;
        line-height: 1.4;
    }
    .eventContent p.subHead{
        font-size: 22px;
    }
    .charitySec h2 br{
        display: none;
    }
}

@media screen and (max-width: 1024px) {
    section.eventSec::before{
        display: none;
    }
    .benefitRight{
        text-align: center;
        margin-bottom: 30px;
    }
    .sponsersSec .sponcerLogo,.sponsersSec .sponcersLogos{
        grid-template-columns: 15% 15% 15% 15%;
    }
    .upperContentbox{
        flex-direction: column;
    }
    .charityimgBox,.charityContentbox{
        width: 100%;
        text-align: center;
    }
    .blogBox{
        margin-bottom: 20px;
    }
    footer .footerDetail a{
        font-size: 16px;
        padding: 10px 20px;
    }
    footer .row{
        --bs-gutter-y: 30px;
    }
    .businessVideos{
        flex-direction: column;
    }
    .eventContent{
        display: flex;
        position: unset;
    }
    .owl-theme .owl-nav {
        text-align: center!important;
    }
    .howtoHelp .helpBox{
        margin-bottom: 20px;
    }
    .bannerContent{
        padding: 100px;
        padding-left: 18% !important;
    }
    section.eventSec::after{
        display: none;
    }
    .eventContent h2{
        font-size: 32px;
        line-height: 1.4;
    }
    .eventContent p.subHead{
        font-size: 18px;
        line-height: 1.3;
        margin-bottom: 15px;
    }
    .eventContent p{
        font-size: 16px;
        line-height: 1.3;
        margin-bottom: 0;
    }
    .charityBtns{
        justify-content: center;
    }
}
@media screen and (max-width: 991px) {
    .mobile_hidden{display: none;}
    .desktop_hidden{display: block !important;}
    .navbar{
        position: relative;
    }
    .navbar-collapse{
        position: absolute;
        top: 120px;
        width: 100%;
        background: rgb(255, 255, 255);
        right: 0px;
        z-index: 9;
    }
    .navbar-nav {
        gap: 20px;
    }
    .navbar-toggler{
        width: 127px;
    }
    videoCaption{
        min-height: 250px;
    }
    .homeBanner .row{
        flex-direction: column-reverse;
    }
    .navbar .container {
        position: relative;
    }
    .navbar-collapse{
        width: 250px;
    }
    .navbar-collapse ul {
        padding: 0;
        row-gap: 0px;
        margin-bottom: 0px !important;
        box-shadow: 0px 0px 2px 0px #fff;
        background: #23539d;
    }
    .navbar-collapse ul li {
        border-bottom: 1px solid #fff;
        padding: 0 15px;
    }
    .navbar-nav li a {
        font-size: 18px;
        color: #fff !important;
        padding: 3px 0;
    }
    ul.navbar-nav li a::before{
        left: 0;
    }
    ul.navbar-nav li a:hover::before {
        width: 25px;
    }
    .slider-container {
        flex-direction: column;
    }
    
    .slider-container > div {
        width: 100% !important;
    }
    .bannersideText{
        right: 0px;
    }
    .eventContent{
        justify-content: center;
        margin-top: 20px;
    }
    .eventText{
        padding: 0 0;
        text-align: center;
    }
    .sponsersSec .sponcerLogo {
        grid-template-columns: 18% 18% 18% 18% 18%;
        gap: 15px;
    }
    .charitySec h2{
        font-size: 34px;
    }
    .charityBtns{
        justify-content: center;
    }
    .howtoHelp .upperContent h2{
        line-height: 1.3;
    }

}
@media screen and (max-width: 767px) {
    .topHeader {
        flex-direction: column-reverse;
        row-gap: 10px;
    }
    .navbar .navbar-toggler {
        padding: 0px !important;
    }
    .navbar .headerBtn {
        width: 30%;
    }
    .navbar .headerLogo {
        width: calc(70% - 35px);
        padding-right: calc(30% - 35px);
        text-align: center;
    }
    .navbar .headerLogo .navbar-brand{
        margin: 0px !important;
    }
    .navbar .headerBtn .nav-link.renewBtn {
        max-width: 100px;
        text-align: center;
        line-height: 1 !important;
        padding: 10px 15px !important;
        font-size: 18px;
    }
    .rev_column{
        display:flex; 
        flex-direction:column-reverse;
    }
    .rev_column_gap{
        display: flex;
        row-gap: 20px;
    }
    .bannerContent {
        padding: 60px !important;
    }
    
    .bannersideText {
        right: 0;
    }
    .bannersideText p{
        font-size: 100px;
        line-height: 1.4;
    }
    .eventSec .owl-nav {
        display: flex;
        justify-content: center;
        padding: 20px  auto 20px;
    }
    section.eventSec::before{
        border: none;
    }
    .eventContent{
        padding-top: 30px;
        justify-content: center;
    }
    .benefitBox{
        height: auto;
    }
    .sponsersSec .sponcerLogo, .sponsersSec .sponcersLogos {
        grid-template-columns: repeat(4, 1fr);
    }
    .businessVideo,.businessVideos {
        display: flex;
        flex-direction: column;
        row-gap: 20px;
    }
    .upperContentbox > div {
        width: 100%;
    }
    .upperContentbox{
        flex-direction: column;
    }
    
    .blogImg{
        text-align: center;
    }
    .blogBox {
        padding: 10px 15px 20px 15px;
    }
    .lrnmoreBtn{
        margin-top: 10px;
    }
    .charitySec h2{
        font-size: 34px;
        line-height: 1.5;
    }
    .blogContent a{
        font-size: 20px;
    }
    .videoCaption p{
        font-size: 18px;
    }
    .howtoHelp .helpBox h3{
        margin-bottom: 0;
        top: 13px;
    }
    .helpBox:hover h3{
        transform: translate(-50%, 140%);
    }
    .howtoHelp .helpBox p {
        top: 45%;
    }
    .eventsecSlider{
        padding: 0 20px;
    }
    footer .row{
        row-gap: 40px;
    }
}
@media screen and (max-width: 576px) {
    .sponsersSec .sponcerLogo, .sponsersSec .sponcersLogos {
        grid-template-columns: repeat(3, 1fr);
    }
    .charitySec h2{
        font-size: 34px;
    }
    .eventText{
        text-align: center;
        padding: 0 30px;
    }
    .charityContentbox p{
        text-align: center;
    }
    .charityBtns{
        justify-content: center;
    }
    .navbar a.navbar-brand img {
        width: 100px;
    }
    .navbar .headerBtn .nav-link.renewBtn{
        max-width: 85px;
        padding: 8px 10px !important;
        font-size: 16px;
    }
    .communitySec .upperContent{
        padding: 60px 20px 40px;
    }
    .howtoHelp .helpBox h3{
        top: 24px;
    }
    .bannerContent {
        padding: 60px 40px 60px;
        padding-left: 40px !important;
    }
    .galleryImgbox img,.galleryImg img,.galleryImg iframe,.galleryImgbox iframe{
        padding-bottom: 15px;
    }
    .howtoHelp .helpBox p,.helpBox::after{
        opacity: 1 !important;
    }
    .boxhover{
        height: 100% !important;
    }
    .helpBox h3 {
        transform: translate(-50%, 140%) !important;
    }
}
@media screen and (max-width: 480px) {
    .sponsersSec .sponcerLogo, .sponsersSec .sponcersLogos {
        grid-template-columns: repeat(3, 1fr);
    }
    .aboutContent{
        text-align: center;
    }
    .videoCaption{
        display: block;
        padding: 25px 20px;
    }
    .videoCaption img{
        width: 115px;
    }
    .bannerContent h1{
        font-size: 50px;
    }
    .exclusiveSec .benefitRight h3.subHead{
        font-size: 20px;
    }
    .charitySec h2 {
        font-size: 28px;
    }
    .charitySec h3.subHead{
        font-size: 24px;
    }
    .charityBtns{
        flex-direction: column;
        align-content: center;
    }
    .charityBtns a{
        width: max-content;
    }
}
@media screen and (max-width:400px){
    .sponsersSec .sponcerLogo{
        grid-template-columns: repeat(2, 1fr);
    }
}*/