.spotlight-bg {
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(https://imagedelivery.net/kJ5VN_9aZUC0h9GgTmxALg/07934819-4880-4b0c-275e-f1e777a28f00/public);
    height: 580px;
    width: 100%;
    position: absolute;
}
.spot-cat-bg {
    background: #eae7e7 0% 0% no-repeat padding-box;
    text-transform: uppercase;
    border-radius: 15px;
    font-size: 12px
}

.influencer_profile_pic {
    max-width: 180px;
    margin-top: 7%
}

.influencer_profile_pic_sm {
    max-width: 125px;
    margin-top: 10%
}

.influencer_logo {
    max-width: 150px;
    margin-top: 16px;
}

.wbox-influencer {
    height: 100%;
    box-shadow: 0 3px 25px #15223214;
    padding-bottom: 20px;
}

.fav-charity-logo {
    max-width: 160px
}

.favourite-colour {
    width: 125px;
    height: 125px
}

.social-wbox {
    background: #fff 0% 0% no-repeat padding-box;
    box-shadow: 0 3px 25px #15223214;
    border-radius: 8px;
    padding: 50px 30px 40px;
}

.spotlight-header {
    margin-bottom: 3%
}

.influencer-underline {
    max-width: 12%;
    height: 0;
    border: 2px solid #01c0e8;
    padding-left: 30px;
    margin-left: 30px
}

#influencers_carousel {
    background-color: rgba(204, 204, 204, .18)
}

#carousel-reviews .carousel-control.left,
.carousel-control.right {
    background: 0 0;
    width: 25px
}

#carousel-reviews .carousel-control.left {
    left: -47px
}

#carousel-reviews .carousel-control.right {
    right: -20px
}
.car-ctrl-spot {
    opacity: 1;
    top: 50%;
}

.carousel-box {
    display: flex;
    align-items: center;
    flex-direction: column
}

.secondary-wb h3,
.secondary-wb p {
    padding-left: 0;
    letter-spacing: 0;
    width: unset
}

.car-ctrl-spotlight {
    background-color: #01c0e8;
    border-radius: 50%
}

.m_b_10 {
    margin-bottom: 10%
}

.wbox-title {
    padding-top: 15px;
    padding-left: 30px
}

.p_left_30 {
    padding-left: 30px
}

.infl_cat_padding {
    padding-top: 15px;
    padding-bottom: 45px
}

.spotlight-categories {
    line-height: 35px
}

.social_share_spotlight {
    padding-top: 3%
}

.intake-form-box {
    background: #fff 0% 0% no-repeat padding-box;
    box-shadow: 0 3px 25px #15223214;
    border-radius: 8px;
    margin-bottom: 5%
}

.p_l_t_p_var {
    padding-left: 30px;
    margin-bottom: 50px;
    margin-top: 40px
}

.spotlight-onboarding-main {
    margin-top: 3%;
    margin-bottom: 3%
}

.spotlight-btn {
    margin-top: 0 !important
}

.bg-image-box {
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

/* @media (min-width: 768px) {
  .equal {
    display: flex;
    flex-wrap: wrap;
  }
} */

.equal {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;
    width: 100%;
    flex-wrap: wrap;
}

.mt-15 {
    margin-top: 15px;
}

.mb-15 {
    margin-bottom: 15px;
}

.mt-40 {
    margin-top: 40px;
}

.mt-30 {
    margin-top: 30px;
}

.mb-40 {
    margin-bottom: 40px;
}

#main_spotlight_cards .equal  h5 {
    text-align: center;
}
#main_spotlight_cards .equal  h5.cyan {
    margin-bottom: 16px;
}

#main_spotlight_cards .equal  h5:not(.cyan) {
    margin-top: 16px;
}

#main_spotlight_cards h4, h5 {
    padding: 0;
    margin: 0;
}

.padding-40-50 {
    padding: 40px 50px;
}

#secondary_spotlight_cards h3, h4 {
    padding: 0;
    margin: 0;
}

#secondary_spotlight_cards .avenir_heavy::after {
    content: '';
    display: block;
    width: 140px;
    border-top: 4px solid #01C0E8;
    margin-top: 10px;
}

.padding-35-40 {
    padding: 35px 40px;
}

.flex-center {
    justify-content: center;
    align-items: center;
    display: flex;
}


/* Extra Small Devices, .visible-xs-* */
@media (max-width: 767px) {
    .n-w-b2 {
        width: 100%;
        max-width: none;
        margin-bottom: 20px;
    }
    .equal {
        display: block !important;
        flex-wrap: nowrap;
    }
    #carousel-reviews .carousel-control.left {
        left: 0px;
    }

    #carousel-reviews .carousel-control.right {
        right: 30px;
    }
    .mobile-top-15 {
        margin-top: 16px;
    }
}

/* Small Devices, .visible-sm-* */
@media (min-width: 768px) and (max-width: 991px) {
    .n-w-b2 {
        width: 100%;
        max-width: none;
        margin-bottom: 20px;
    }
    .equal {
        display: block !important;
        flex-wrap: nowrap;
    }
}

/* Medium Devices, .visible-md-* */
@media (min-width: 992px) and (max-width: 1199px) {
    .n-w-b2 {
        max-width: 404px;
        margin-bottom: 0px;
    }
}

/* Large Devices, .visible-lg-* */
@media (min-width: 1200px) {
    .n-w-b2 {
        max-width: 404px;
        margin-bottom: 0px;
    }
}
.color-image {
    width: 150px;
    height: 150px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    text-align: center;
}

.favorite-color {
    width: 150px;
    height: 150px;

    border-radius: 50%;
}

.color-red {
    background-color: red;
}

.color-green {
    background-color: green;
}
#influencers_carousel .carousel-inner .img-circle {
    max-width: 200px;
}

/*#influencers_carousel .carousel-inner .new-white-box {*/
/*    padding: 60px 60px 40px 40px;*/
/*}*/

#influencers_carousel .thumbnail {
    padding: 10px;
    background-color: transparent;
}
.d-none {
    display: none;
}
.text-area-height {
    height: auto!important;
}
.image-cropper-container {
    padding-top: 7%;
}

.image-cropper {
    object-fit: cover;
    border-radius: 50%;
    height: 200px;
    width: 200px;
}
.unset-color {
    color: unset!important;
}
.carousel_arrows {
    width: 30px;
}