.video-overlap {z-index:99;}

.template-donation .donationHandlers .dollarhandle .dollarhandle-text {border-bottom-left-radius:10px;border-bottom-right-radius:10px;}
.template-donation .donationHandlers .dollarhandle .dollarhandle-image {border-top-left-radius:10px;border-top-right-radius:10px;}

.btn-xl {font-size: 19px !important;line-height: 1.8em;}
.btn-xl.btn-white-border {padding:9px 20px;}

.bg-primary a {color: #ffffff;}

.btn-social {display: inline-flex; justify-content: center; align-items: center;}
.btn-social i {margin: 0;}

/*#Donations {background:url('https://60e81f65aaf9167afa40-ff4833bce3c9bdfba70ca132173d99cd.ssl.cf5.rackcdn.com/caa7e707e2ce9c7c5ebe41daa71ea2b1.jpg');background-size:cover;background-position:center center;}*/

/*.loggedin-header:before, .profile-header:before {background:rgba(255,255,255,0.7)}*/

.profileSidebar .money {color:#f6d05e;}

.lump-news h4 {color:#000;}

.reward-badge img {max-width: 80%;}

.card {box-shadow: 0px 10px 30px -10px rgba(0,0,0,0.1);}

.sticky-logo img {width: 140px;}
.funraisin-sticky-nav {border-bottom: none !important; box-shadow: 0 0 5px 0 hsla(0, 0%, 0%, 0.1);}
.funraisin-sticky-nav ul li .sticky-logo {padding: 20px 15px;}
.funraisin-sticky-nav .funraisin-dropdown-nav .funraisin-dropdown-menu li a {color: #ffffff; font-weight: 500;}
.funraisin-sticky-nav .funraisin-dropdown-nav .funraisin-dropdown-menu li a:hover {color: #e6f2ca;}
.funraisin-sticky-nav .funraisin-dropdown-nav .funraisin-dropdown-menu {background: #84bd00;}

ul.funraisin-dropdown-menu li:last-child a {padding-bottom: 16px !important; padding-top: 8px !important;}
ul.funraisin-dropdown-menu li:first-child a {padding-top: 16px !important; padding-bottom: 8px !important;}

.funraisin-primary-nav .btn-login {
    color: #00a9e0 !important;
}

.funraisin-tertiary-nav .btn-primary, .funraisin-tertiary-nav .btn-secondary {
    font-size: 14px;
    line-height: 125%;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    font-weight: 700;
}

#Footer .site-logo {display: none;}
#Footer .socials div {display: inline-block; padding: 0px 10px;}
#Footer .socials a {font-size: 20px;}

.funraisin-footer-legals img.center-block {margin-top: 10px;}

.full-text-right {
    width: 800px;
    max-width: 50%;
    margin: 0 auto 0 0;
}
.full-text-left {
    width: 800px;
    max-width: 50%;
    margin: 0 0 0 auto;
}

.slick-dots li button:before {font-size:24px !important;}
.slick-prev:before, .slick-next:before {border-radius: 50%; background-color: #aaaaaa88;}

.asset-block {
background: #ffffff;
border: 4px solid #ffffff !important;
box-shadow: 0px 4px 8px 0px rgb(0,0,0,0.2);
}


/*template-register */
.template-register #Products .price.bg-primary {
    display: none;
}
/*#Products .product {*/
/*    width: 31%;*/
/*}*/

#Products .panel {
    box-shadow: none;
}

/*Checklist*/
.checklist {
    max-width: 50%;
    margin:auto;
}
.checklist .checklist-item {display: flex;padding: 20px 15px;background: #fff;margin: 5px 0 !important;align-items: center; width: 100%; min-height:69px;}
.checklist .checklist-item .fa {width: 10%;color: #cbcad0;font-size: 24px;}
.checklist .checklist-item span { width: 75%; color: rgb(15, 30, 100);}
.checklist .checklist-item a { color: rgb(15, 30, 100); }
.checklist .checklist-item .fa-check-circle, .checklist .checklist-item .fa-circle {text-align: right;}
.checklist .checklist-item .fa {width: 10%;color: #cbcad0;font-size: 24px;}
.checklist .checklist-item .fa.fa-info-circle { font-size: 15px; }
.checklist .checklist-item.active { background: #00a9e0;  }
.checklist .checklist-item.active a, .checklist .checklist-item.active .title { color: #FFFFFF; }
.checklist .checklist-item.active .fa { color: #FFFFFF; }

.checklist p.active {
    background:#00a9e0;
}

.checklist p.active a {
    /*color:#fff !important;*/
}

.checklist p.active .fa {
    color:#84bd00;
}




/*Custom Modal dashboard*/
.modal-header {
    background: #11a9e1;
}
.modal-title {
    text-align: center;
    font-size: 24px;
    color: #fff !important;
}
.modal-header .close {
    position: absolute;
    top: -10px;
    right: -9px;
    font-size: 40px;
    color: #11a9e1;
    background: #fff;
    border-radius: 50%;
    height: 40px;
    width: 40px;
    opacity: 1;
    display: flex;
    justify-content: center;
    align-content: center;
    margin: auto;
    line-height: 40px;
}



/*Murtaza - 10-08-2021 | Custom Dashboard */

.underline {
    text-decoration: underline;
}

.custom_dashboard_content {
    background: #EBF7FA;
}
.funraisin-page-loggedin-toggle {
    background: #fff;
    border: none;
}
/*custom_my_challenges*/

.custom_my_challenges {
    padding: 30px;
    background: #fff;
    text-align: center;
    border-radius: 8px;
    /* margin-top: -100px; */
    position: relative;
    /* border: 3px solid #8038CE; */
    /* margin-top: -300px; */
    box-shadow: 0px 10px 20px -10px rgb(0 54 71 / 20%);
}


.custom_my_challenges .reward {
    width: 130px;
    /* height: 120px; */
    display: inline-block;
    vertical-align: top;
    position: relative;
    margin: 0;
    padding: 20px 0;
    background-size: contain;
    background-position: top center;
    background-repeat: no-repeat;
    text-decoration: none;
}
.custom_my_challenges .reward img {
    padding: 0 10px;
}
.custom_my_challenges .reward span {
    text-align: center;
    color: #000;
    line-height: 130%;
    display: block;
    padding-top: 15px;
    /* opacity: 0.6; */
    /* display: none; */
    font-size: 12px;
    text-decoration: none;
}


/*Progress box */
.my_fundraising_box,
.my_qrcode_box,
.my_community_box,
.my_checklist_box,
.my_impact_level_box{
    background: #fff;
    padding:20px 40px;
    border-radius: 8px;
    box-shadow: 0px 10px 20px -10px rgb(0 54 71 / 20%);
    min-height: 360px;
    margin-bottom: 30px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}


/*.my_fundraising_box {*/
/*    padding-top: 70px;*/
/*}*/
.my_qrcode_box {
    
}
.my_community_box {
    /*padding: 20px 40px;*/
}

.my_fundraising_box p,
.my_fundraising_box h3,
.my_qrcode_box p,
.my_qrcode_box h3{
    color: #4A4A4A;
}

.my_fundraising_box .progress-bar {
    background: #00A9E0;
}
.my_fundraising_box .progress, 
.my_fundraising_box .progress-bar {
    box-shadow: none;
}

/*----------- */

/*header button */

.template-login-dashboard  .profile-header-share,
.template-lumps  .profile-header-share{
    width: 100%;
    padding-top: 20px;
}
.template-login-dashboard{
    overflow-x:hidden;
}
/*------------ */

.impact_level_list {
    display: flex;
    text-align: center;
    padding: 20px 0;
    /*overflow-x: scroll;*/
}
.impact_level_item  {
    border: 1px solid #E6E6E6;
    padding: 10px;
    min-width:200px;
}

.impact_level_item p {
    font-size: 14px;
}
/*Superb */
.impact_level_item.superb.active {
    background: rgba(132, 189, 0, 0.05); 
    border: 1px solid #84BD00;
}
.impact_level_item.superb.active h3,
.impact_level_item.superb.active p strong{
    color: #84BD00;
}

/*Splendid*/
.impact_level_item.splendid.active {
    background: rgba(212, 14, 140, 0.05); 
    border: 1px solid #D40E8C
}
.impact_level_item.splendid.active h3,
.impact_level_item.splendid.active p strong{
    color: #D40E8C;
}

/*Stellar*/
.impact_level_item.stellar.active {
    background: rgba(250, 164, 26, 0.05);
    border: 1px solid #FAA41A
}
.impact_level_item.stellar.active h3,
.impact_level_item.stellar.active p strong{
    color: #FAA41A;
}

/*Smashing*/
.impact_level_item.smashing.active {
    background: rgba(0, 169, 224, 0.05); 
    border: 1px solid #00A9E0;
}
.impact_level_item.smashing.active h3,
.impact_level_item.smashing.active p strong{
    color: #00A9E0;
}


/*Sensational*/
.impact_level_item.sensational.active {
    background: rgba(79, 41, 132, 0.05); 
    border: 1px solid #4F2984;
}
.impact_level_item.sensational.active h3,
.impact_level_item.sensational.active p strong{
    color: #4F2984;
}

.impact_level_item img {
    width: 140px;
}

/*------------*/

/*Tier level */

.level_light_box_dashboard .modal-dialog {
    width: 800px;
    background: #fff;
}
.level_light_box_dashboard .lightbox_level_image {
    padding: 0 30px;
}
.level_light_box_dashboard .modal-content {
    padding: 20px 0;
    border: none;
    border-radius: 0;
}

/*Superb */
.level_light_box_dashboard .modal-content.superb {
    background: rgba(132, 189, 0, 0.05); 
}
.level_light_box_dashboard .modal-content.superb h3{
    color: #84BD00;
}
/*Splendid*/
.level_light_box_dashboard .modal-content.splendid {
    background: rgba(212, 14, 140, 0.05); 
}
.level_light_box_dashboard .modal-content.splendid h3{
    color: #D40E8C;
}
/*Stellar*/
.level_light_box_dashboard .modal-content.stellar {
    background: rgba(250, 164, 26, 0.05);
}
.level_light_box_dashboard .modal-content.stellar h3{
    color: #FAA41A;
}
/*Smashing*/
.level_light_box_dashboard .modal-content.smashing {
    background: rgba(0, 169, 224, 0.05); 
}
.level_light_box_dashboard .modal-content.smashing h3{
    color: #00A9E0;
}
/*Sensational*/
.level_light_box_dashboard .modal-content.sensational {
    background: rgba(79, 41, 132, 0.05); 
}
.level_light_box_dashboard .modal-content.sensational h3{
    color: #4F2984;
}
/*---*/

.level_light_box_dashboard .modal-header {
    background: none;
    padding: 0;
    border: none;
}
.level_light_box_dashboard .modal-header .close {
    background: #11a9e1;
    color: #fff;
}

#template-profile .donationHandlers.minimal .radio .arrow-top {
    top: auto;
    bottom: -8px !important;
    transform: rotate(180deg);
}
.justfy-content-between{justify-content: space-between !important;}
.m-auto{margin: auto !important;}
.mx-auto{margin-left: auto !important; margin-right: auto !important;}
.my-auto{margin-top: auto !important; margin-bottom: auto !important;}



/*Murtaza 27-09-2021 */

.max-width-500  {
    max-width: 500px;
}

#TributeWebform .btn-file .fa-upload {
    padding-top: 10px;
}
#TributeWebform img  {
    width: 100%;
    transform: scale(1.058);
}

#TributeWebform .btn:not(.btn-file) {
    padding: 17px 60px !important;
    border: none;
    line-height: normal;
}

#TributeWebform .btn-secondary {
    background: #14377D !important; 
}

#TributeWall #Donations .profile-image-wrapper {
    width:auto;
    height:auto;
    border-radius:0;
}
#TributeWall #Donations .panel {
    padding:0; 
    margin-bottom: 0 !important;
    border: none;
}
#TributeWall #Donations .profile-image-wrapper img {
    border-radius:2px 2px 0 0;
}
#TributeWall #Donations .donation {
    padding: 10px;
}
#TributeWall #Donations .donation .profilename {
    padding:20px 30px;
}
#TributeWall #Donors .profilename h3 {
    word-break:break-word;
    margin-top:0;
    font-size:  20px;
    color: #84BD00;
}
#TributeWall #Donors .profilename h3:after {
    display: none;
}
#TributeWall #Donations .comments p {
    margin:0;
    word-break:break-word;
    color: #4A4A4A;
}


/*Murtaza 11-10-2021 */
.copy-text > span {
    color: #84BD00;
}


.announcement_text {
    background: #FAA41A;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
} 

.announcement_text a {
    text-decoration: underline;
    color: #fff;
    font-weight: 700;
}


/*Garfield 10/08/2022*/
/* bootstrap 5 add by Garfield */
.m-0 {margin: 0 !important;}
.m-1 {margin: 0.25rem !important;}
.m-2 {margin: 0.5rem !important;}
.m-3 {margin: 1rem !important;}
.m-4 {margin: 1.5rem !important;}
.m-5 {margin: 3rem !important;}
.m-auto {margin: auto !important;}
.mx-0 {margin-right: 0 !important;margin-left: 0 !important;}
.mx-1 {margin-right: 0.25rem !important;margin-left: 0.25rem !important;}
.mx-2 {margin-right: 0.5rem !important;margin-left: 0.5rem !important;}
.mx-3 {margin-right: 1rem !important;margin-left: 1rem !important;}
.mx-4 {margin-right: 1.5rem !important;margin-left: 1.5rem !important;}
.mx-5 {margin-right: 3rem !important;margin-left: 3rem !important;}
.mx-auto {margin-right: auto !important;margin-left: auto !important;}
.my-0 {margin-top: 0 !important;margin-bottom: 0 !important;}
.my-1 {margin-top: 0.25rem !important;margin-bottom: 0.25rem !important;}
.my-2 {margin-top: 0.5rem !important;margin-bottom: 0.5rem !important;}
.my-3 {margin-top: 1rem !important;margin-bottom: 1rem !important;}
.my-4 {margin-top: 1.5rem !important;margin-bottom: 1.5rem !important;}
.my-5 {margin-top: 3rem !important;margin-bottom: 3rem !important;}
.my-auto {margin-top: auto !important;margin-bottom: auto !important;}
.mt-0 {margin-top: 0 !important;}
.mt-1 {margin-top: 0.25rem !important;}
.mt-2 {margin-top: 0.5rem !important;}
.mt-3 {margin-top: 1rem !important;}
.mt-4 {margin-top: 1.5rem !important;}
.mt-5 {margin-top: 3rem !important;}
.mt-auto {margin-top: auto !important;}
.me-0 {margin-right: 0 !important;}
.me-1 {margin-right: 0.25rem !important;}
.me-2 {margin-right: 0.5rem !important;}
.me-3 {margin-right: 1rem !important;}
.me-4 {margin-right: 1.5rem !important;}
.me-5 {margin-right: 3rem !important;}
.me-auto {margin-right: auto !important;}
.mb-0 {margin-bottom: 0 !important;}
.mb-1 {margin-bottom: 0.25rem !important;}
.mb-2 {margin-bottom: 0.5rem !important;}
.mb-3 {margin-bottom: 1rem !important;}
.mb-4 {margin-bottom: 1.5rem !important;}
.mb-5 {margin-bottom: 3rem !important;}
.mb-auto {margin-bottom: auto !important;}
.ms-0 {margin-left: 0 !important;}
.ms-1 {margin-left: 0.25rem !important;}
.ms-2 {margin-left: 0.5rem !important;}
.ms-3 {margin-left: 1rem !important;}
.ms-4 {margin-left: 1.5rem !important;}
.ms-5 {margin-left: 3rem !important;}
.ms-auto {margin-left: auto !important;}
.p-0 {padding: 0 !important;}
.p-1 {padding: 0.25rem !important;}
.p-2 {padding: 0.5rem !important;}
.p-3 {padding: 1rem !important;}
.p-4 {padding: 1.5rem !important;}
.p-5 {padding: 3rem !important;}
.px-0 {padding-right: 0 !important;padding-left: 0 !important;}
.px-1 {padding-right: 0.25rem !important;padding-left: 0.25rem !important;}
.px-2 {padding-right: 0.5rem !important;padding-left: 0.5rem !important;}
.px-3 {padding-right: 1rem !important;padding-left: 1rem !important;}
.px-4 {padding-right: 1.5rem !important;padding-left: 1.5rem !important;}
.px-5 {padding-right: 3rem !important;padding-left: 3rem !important;}
.py-0 {padding-top: 0 !important;padding-bottom: 0 !important;}
.py-1 {padding-top: 0.25rem !important;padding-bottom: 0.25rem !important;}
.py-2 {padding-top: 0.5rem !important;padding-bottom: 0.5rem !important;}
.py-3 {padding-top: 1rem !important;padding-bottom: 1rem !important;}
.py-4 {padding-top: 1.5rem !important;padding-bottom: 1.5rem !important;}
.py-5 {padding-top: 3rem !important;padding-bottom: 3rem !important;}
.pt-0 {padding-top: 0 !important;}
.pt-1 {padding-top: 0.25rem !important;}
.pt-2 {padding-top: 0.5rem !important;}
.pt-3 {padding-top: 1rem !important;}
.pt-4 {padding-top: 1.5rem !important;}
.pt-5 {padding-top: 3rem !important;}
.pe-0 {padding-right: 0 !important;}
.pe-1 {padding-right: 0.25rem !important;}
.pe-2 {padding-right: 0.5rem !important;}
.pe-3 {padding-right: 1rem !important;}
.pe-4 {padding-right: 1.5rem !important;}
.pe-5 {padding-right: 3rem !important;}
.pb-0 {padding-bottom: 0 !important;}
.pb-1 {padding-bottom: 0.25rem !important;}
.pb-2 {padding-bottom: 0.5rem !important;}
.pb-3 {padding-bottom: 1rem !important;}
.pb-4 {padding-bottom: 1.5rem !important;}
.pb-5 {padding-bottom: 3rem !important;}
.ps-0 {padding-left: 0 !important;}
.ps-1 {padding-left: 0.25rem !important;}
.ps-2 {padding-left: 0.5rem !important;}
.ps-3 {padding-left: 1rem !important;}
.ps-4 {padding-left: 1.5rem !important;}
.ps-5 {padding-left: 3rem !important;}

.justify-content-end {justify-content: flex-end !important;}
.justify-content-center {justify-content: center !important;}
.justify-content-between {justify-content: space-between !important;}
.justify-content-around {justify-content: space-around !important;}
.justify-content-evenly {justify-content: space-evenly !important;}
.align-items-start {align-items: flex-start !important;}
.align-items-end {align-items: flex-end !important;}
.align-items-center {align-items: center !important;}
.align-items-baseline {align-items: baseline !important;}
.align-items-stretch {align-items: stretch !important;}
.align-content-start {align-content: flex-start !important;}
.align-content-end {align-content: flex-end !important;}
.align-content-center {align-content: center !important;}
.align-content-between {align-content: space-between !important;}
.align-content-around {align-content: space-around !important;}
.align-content-stretch {align-content: stretch !important;}
.align-self-auto {align-self: auto !important;}
.align-self-start {align-self: flex-start !important;}
.align-self-end {align-self: flex-end !important;}
.align-self-center {align-self: center !important;}
.align-self-baseline {align-self: baseline !important;}
.align-self-stretch {align-self: stretch !important;}

.fw-bold {font-weight: 700 !important;}
.fw-bold * {font-weight: 700}
.w-100 {width: 100% !important;}
.h-100 {height: 100% !important;}
.d-flex{display:flex !important}
.flex-column {flex-direction: column !important}

.b5-row {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(var(--bs-gutter-y) * -1);
    margin-right: calc(var(--bs-gutter-x) * -.5);
    margin-left: calc(var(--bs-gutter-x) * -.5);
  }
.b5-row > * {
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
    margin-top: var(--bs-gutter-y);
}

.g-0, .gx-0 {--bs-gutter-x: 0;}
.g-0, .gy-0 {--bs-gutter-y: 0;}
.g-1, .gx-1 {--bs-gutter-x: 0.25rem;}
.g-1, .gy-1 {--bs-gutter-y: 0.25rem;}
.g-2, .gx-2 {--bs-gutter-x: 0.5rem;}
.g-2, .gy-2 {--bs-gutter-y: 0.5rem;}
.g-3, .gx-3 {--bs-gutter-x: 1rem;}
.g-3, .gy-3 {--bs-gutter-y: 1rem;}
.g-4, .gx-4 {--bs-gutter-x: 1.5rem;}
.g-4, .gy-4 {--bs-gutter-y: 1.5rem;}
.g-5, .gx-5 {--bs-gutter-x: 3rem;}
.g-5, .gy-5 {--bs-gutter-y: 3rem;}
  
.b5-col {flex: 1 0 0%;}
.b5-col-auto {flex: 0 0 auto;width: auto;}
.b5-col-1 {flex: 0 0 auto;width: 8.33333333%;}
.b5-col-2 {flex: 0 0 auto;width: 16.66666667%;}
.b5-col-3 {flex: 0 0 auto;width: 25%;}
.b5-col-4 {flex: 0 0 auto;width: 33.33333333%;}
.b5-col-5 {flex: 0 0 auto;width: 41.66666667%;}
.b5-col-6 {flex: 0 0 auto;width: 50%;}
.b5-col-7 {flex: 0 0 auto;width: 58.33333333%;}
.b5-col-8 {flex: 0 0 auto;width: 66.66666667%;}
.b5-col-9 {flex: 0 0 auto;width: 75%;}
.b5-col-10 {flex: 0 0 auto;width: 83.33333333%;}
.b5-col-11 {flex: 0 0 auto;width: 91.66666667%;}
.b5-col-12 {flex: 0 0 auto;width: 100%;}

/*************** Grid ***************/
@media (min-width: 576px) {
  .b5-col-sm {flex: 1 0 0%;}
  .b5-col-sm-auto {flex: 0 0 auto;width: auto;}
  .b5-col-sm-1 {flex: 0 0 auto;width: 8.33333333%;}
  .b5-col-sm-2 {flex: 0 0 auto;width: 16.66666667%;}
  .b5-col-sm-3 {flex: 0 0 auto;width: 25%;}
  .b5-col-sm-4 {flex: 0 0 auto;width: 33.33333333%;}
  .b5-col-sm-5 {flex: 0 0 auto;width: 41.66666667%;}
  .b5-col-sm-6 {flex: 0 0 auto;width: 50%;}
  .b5-col-sm-7 {flex: 0 0 auto;width: 58.33333333%;}
  .b5-col-sm-8 {flex: 0 0 auto;width: 66.66666667%;}
  .b5-col-sm-9 {flex: 0 0 auto;width: 75%;}
  .b5-col-sm-10 {flex: 0 0 auto;width: 83.33333333%;}
  .b5-col-sm-11 {flex: 0 0 auto;width: 91.66666667%;}
  .b5-col-sm-12 {flex: 0 0 auto;width: 100%;}
}
@media (min-width: 768px) {
  .b5-col-md {flex: 1 0 0%;}
  .b5-col-md-auto {flex: 0 0 auto;width: auto;}
  .b5-col-md-1 {flex: 0 0 auto;width: 8.33333333%;}
  .b5-col-md-2 {flex: 0 0 auto;width: 16.66666667%;}
  .b5-col-md-3 {flex: 0 0 auto;width: 25%;}
  .b5-col-md-4 {flex: 0 0 auto;width: 33.33333333%;}
  .b5-col-md-5 {flex: 0 0 auto;width: 41.66666667%;}
  .b5-col-md-6 {flex: 0 0 auto;width: 50%;}
  .b5-col-md-7 {flex: 0 0 auto;width: 58.33333333%;}
  .b5-col-md-8 {flex: 0 0 auto;width: 66.66666667%;}
  .b5-col-md-9 {flex: 0 0 auto;width: 75%;}
  .b5-col-md-10 {flex: 0 0 auto;width: 83.33333333%;}
  .b5-col-md-11 {flex: 0 0 auto;width: 91.66666667%;}
  .b5-col-md-12 {flex: 0 0 auto;width: 100%;}
}
@media (min-width: 992px) {
  .b5-col-lg {flex: 1 0 0%;}
  .b5-col-lg-auto {flex: 0 0 auto; width: auto;}
  .b5-col-lg-1 {flex: 0 0 auto; width: 8.33333333%;}
  .b5-col-lg-2 {flex: 0 0 auto; width: 16.66666667%;}
  .b5-col-lg-3 {flex: 0 0 auto; width: 25%;}
  .b5-col-lg-4 {flex: 0 0 auto; width: 33.33333333%;}
  .b5-col-lg-5 {flex: 0 0 auto; width: 41.66666667%;}
  .b5-col-lg-6 {flex: 0 0 auto; width: 50%;}
  .b5-col-lg-7 {flex: 0 0 auto; width: 58.33333333%;}
  .b5-col-lg-8 {flex: 0 0 auto; width: 66.66666667%;}
  .b5-col-lg-9 {flex: 0 0 auto; width: 75%;}
  .b5-col-lg-10 {flex: 0 0 auto; width: 83.33333333%;}
  .b5-col-lg-11 {flex: 0 0 auto; width: 91.66666667%;}
  .b5-col-lg-12 {flex: 0 0 auto; width: 100%;}
}
@media (min-width: 1200px) {
  .b5-col-xl {flex: 1 0 0%;}
  .b5-col-xl-auto {flex: 0 0 auto; width: auto;}
  .b5-col-xl-1 {flex: 0 0 auto; width: 8.33333333%;}
  .b5-col-xl-2 {flex: 0 0 auto; width: 16.66666667%;}
  .b5-col-xl-3 {flex: 0 0 auto; width: 25%;}
  .b5-col-xl-4 {flex: 0 0 auto; width: 33.33333333%;}
  .b5-col-xl-5 {flex: 0 0 auto; width: 41.66666667%;}
  .b5-col-xl-6 {flex: 0 0 auto; width: 50%;}
  .b5-col-xl-7 {flex: 0 0 auto; width: 58.33333333%;}
  .b5-col-xl-8 {flex: 0 0 auto; width: 66.66666667%;}
  .b5-col-xl-9 {flex: 0 0 auto; width: 75%;}
  .b5-col-xl-10 {flex: 0 0 auto; width: 83.33333333%;}
  .b5-col-xl-11 {flex: 0 0 auto; width: 91.66666667%;}
  .b5-col-xl-12 {flex: 0 0 auto; width: 100%;}
}
@media (min-width: 1400px) {
  .b5-col-xxl {flex: 1 0 0%;}
  .b5-col-xxl-auto {flex: 0 0 auto; width: auto;}
  .b5-col-xxl-1 {flex: 0 0 auto; width: 8.33333333%;}
  .b5-col-xxl-2 {flex: 0 0 auto; width: 16.66666667%;}
  .b5-col-xxl-3 {flex: 0 0 auto; width: 25%;}
  .b5-col-xxl-4 {flex: 0 0 auto; width: 33.33333333%;}
  .b5-col-xxl-5 {flex: 0 0 auto; width: 41.66666667%;}
  .b5-col-xxl-6 {flex: 0 0 auto; width: 50%;}
  .b5-col-xxl-7 {flex: 0 0 auto; width: 58.33333333%;}
  .b5-col-xxl-8 {flex: 0 0 auto; width: 66.66666667%;}
  .b5-col-xxl-9 {flex: 0 0 auto; width: 75%;}
  .b5-col-xxl-10 {flex: 0 0 auto; width: 83.33333333%;}
  .b5-col-xxl-11 {flex: 0 0 auto; width: 91.66666667%;}
  .b5-col-xxl-12 {flex: 0 0 auto; width: 100%;}
}
.lds-ring,
.lds-ring div {
  box-sizing: border-box;
}
.lds-ring {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
}
.lds-ring div {
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 64px;
  height: 64px;
  margin: 8px;
  border: 8px solid #84bd00;
  border-radius: 50%;
  animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: #84bd00 transparent transparent transparent;
}
.lds-ring div:nth-child(1) {
  animation-delay: -0.45s;
}
.lds-ring div:nth-child(2) {
  animation-delay: -0.3s;
}
.lds-ring div:nth-child(3) {
  animation-delay: -0.15s;
}
@keyframes lds-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/***************** Navigation *****************/
[role="tab"] {cursor: pointer;}
.navbar li [role="tab"] {border-color: #ddd; border-style: solid; border-width: 1px 1px 1px 0;}
.navbar li:first-child [role="tab"], .navbar li [role="tab"].rounded-0 {border-left: 1px solid #ddd; border-radius: 60px 0 0 60px;}
.navbar li:last-child [role="tab"] {border-radius: 0 60px 60px 0;}
.navbar [role="tab"] {color: #84bd00; font-weight: 600; width: 100%; height: 100%; background-color: #fff;}
.navbar [role="tab"]:hover, .navbar [role="tab"].active {color: white; background-color: #00a9e0;}

.funraisin-tertiary-nav ul li a {
    color: #333 !important;
}

.funraisin-tertiary-nav {
        background-color: #f9dd41;
    }

.funraisin-tertiary-nav .col-sm-12.vertical-align.justify-content-between {
        justify-content: center !important;
    }

/*.funraisin-tertiary-nav {*/
/*        display: none;*/
/*    }*/

/***************** Leaderboard *****************/
#Leaderboard.leaderboard-small .leaderboardrow .options {display: none;}

/***************** Background *****************/
.bg-white {background-color: white !important;}

/***************** Border *****************/
.rounded-0 {border-radius: 0 !important;}
.rounded-1 {border-radius: 8px;}
.border-0{border-width: 0 !important;}

/***************** General *****************/
.shadow {box-shadow: 0px 10px 20px -10px rgb(0 54 71 / 20%);}




/*Align logo with nav*/
.primary-nav-container > .container {
    align-items: flex-end;
}

.primary-nav-container > .container .site-logo img {
    margin-bottom: 36px;
}


/*=========== custom funraising page individual ===========*/
.funraising-page-custom .funraisin-profile-header .personalChallenge, 
.funraising-page-custom .funraisin-profile-header .iconslarge,
.funraising-page-custom .funraisin-profile-header p {
    display: none;
}
.funraising-page-custom .funraisin-profile-header .challenge p{
    display:block;
}
.funraising-page-custom .share-page-icons a {
    background: transparent !important;
    padding: 0;
    line-height: 0;
    height: auto;
    width: auto;
}
.funraising-page-custom .share-page-icons a.btn.btn-primary{
    margin: 55px 0;
    width: fit-content;
    display: block;
    padding: 18px;
    background: #00a9e0 !important;
}
.funraising-page-custom .share-page-icons a.btn.btn-primary:before{
    content: 'My Team';
    display: block;
    position: absolute;
    top: -25px;
    left: 0;
    font-size: 18px;
}
.funraising-page-custom a.btn-facebook.share-facebook.btn-social.mr10 {
     display: contents; 
}
.funraising-page-custom .share-page-icons:before {
    content: 'Share:';
    font-size: 20px;
        padding-right: 15px;
}
.funraising-page-custom .funraisin-profile-header {
    display: flex;
    flex-direction: column;
}
.funraisin-profile-header .challenge {
    order: 2;
}
.funraisin-profile-header .share-page-icons {
    order: 3;
}
.funraisin-profile-header .seller-id h5 {
    font-size: 24px;
}
.section-bandannas-selling {
    background-color: #DBF2FA;
    margin-top: -70px;
    padding: 20px;
}
.section-bandannas-selling h1 {
    text-align: center;
}
.section-bandannas-selling p {
    text-align: center;
    font-weight: 600;
}
.btn-action {
    text-align: center;
}
.btn-action .btn-buy-bandannas {
    background-color: #00A9E0;
    color: #fff;
}
.btn-action {
    display: flex;
    gap: 20px;
    align-items: center;
}
.btn-action .btn {
    width: 100%;
}
.btn-action .btn-donate-now {
    background-color: #84BD00;
    color: #fff;
}
.bandannas-selling-stat {
    display: flex;
    align-items: center;
    margin-top: 50px;
}
.bandannas-sold {
    background-color: #84BD00;
    text-align: center;
    padding: 5px;
    color: #fff;
    position: relative;
}
.bandannas-sold:before {
    content: 'Bandannas Sold';
    display: block;
    position: absolute;
    top: -26px;
    color: #84BD00;
    font-weight: 700;
    font-size: 20px;
    white-space:nowrap;
}
.bandannas-remaining {
    background-color: #14377D;
    text-align: center;
    padding: 5px;
    color: #fff;
    position: relative;
}
.bandannas-remaining:before {
    content: 'Bandannas Remaining';
    display: block;
    right: 0;
    position: absolute;
    top: -26px;
    color: #14377D;
    font-weight: 700;
    font-size: 20px;
    white-space:nowrap;
}
.funraising-page-custom .BlueBlog .blog-center {
    background: transparent;
    color: #000;
    padding: 0;
}
.my-bandannas-day-update h2 {
    color: #14377d;
}
.my-bandannas-day-update > ul li {
    /*display: flex;*/
    flex-direction: row;
    gap: 20px;
}

.my-bandannas-day-update > ul {
    display: flex;
    flex-direction: column;
    list-style: none;
    padding-left: 0;
    gap: 20px;
}
.my-bandannas-day-update > ul li img {
    height: 150px;
    width: 150px;
    border-radius: 100px;
    object-fit: cover;
}
.my-bandannas-day-update .desc-update p {
    color: #14377d;
    font-size: 22px;
}

.my-bandannas-day-update .desc-update h5 {
    color: #14377d;
    font-weight: 600;
    font-size: 22px;
}
.thank-my-spponsors,
.bandanna-gallery,
.my-bandannas-day-update{
    margin: 50px 0;
}

.thank-my-spponsors h2 {
    color: #14377d;
}
.list-my-sponsors {
    grid-template-columns: repeat(5, minmax(0, 1fr));
    display: grid;
    gap: 15px;
}
.list-my-sponsors .item-sponsors {
    background-color: #14377d;
    width: 200px;
    height: 200px;
    padding: 10px;
    aspect-ratio: 1 / 1;
    border-radius: 100px;
    display: grid;
    place-content: center;
    color: #fff;
    text-align: center;
}
.bandanna-gallery h2 {
    color: #14377d;
}
.list-bandanna-gallery {
    grid-template-columns: repeat(5, minmax(0, 1fr));
    display: grid;
    gap: 15px;
}
.item-bandanna-gallery a {
    color: #fff;
    position: absolute;
    height: 100%;
    width: 100%;
    text-align: center;
    display: grid;
    place-content: center;
}

.item-bandanna-gallery {
    background-color: #00A9E0;
    width: 200px;
    height: 200px;
    padding: 10px;
    aspect-ratio: 1 / 1;
    display: grid;
    place-content: center;
    color: #fff;
    text-align: center;
    position: relative;
}
#achievment-section {
    background-color: #00A9E0;
    color: #fff;
    padding: 35px;
    margin-top: 40px;
}
.list-achievment-section {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 20px;
}
.item-achievment-section {
    background-color: #fff;
    height: 200px;
    width: 200px;
    display: grid;
    place-content: center;
    border-radius: 100px;
    padding: 15px;
    text-align: center;
}
/*=========== end custom funraising page individual ===========*/

/*=========== custom custom dashboard ===========*/
.customDashboardNew .profile-header-event p{
    margin: 0;
}
.customDashboardNew .profile-header-event  a u{
    text-decoration: unset;
    font-size: 20px;
}
.customDashboardNew .profile-header-yourpage p{
    font-weight: 700;
    font-size: 20px;
}
.customDashboardNew .share-page-icons{
    display: none;
}
.customDashboardNew .share-page-icons-label p {
    font-size: 24px;
}
.customDashboardNew  .share-page-icons-label a {
    background: transparent !important;
    padding: 0;
    line-height: unset;
    width: auto;
    height: auto;
    font-size: 20px;
}
.customDashboardNew .share-page-icons-label {
    display: flex;
    align-items: center;
    gap: 10px;
}
.customDashboardNew .profile-header-share{
    padding-top: 0;
}
.customDashboardNew .profile-header-goal{
    display: none;
}
.customDashboardNew .profile-header-raised h1 {
    display: none;
}
.customDashboardNew .progress-status-label {
    display: flex;
    justify-content: space-between;
}
.customDashboardNew .current-progress-status {
    background-color: #fff;
    width: 100%;
    height: 35px;
}
.customDashboardNew .profile-header-title {
    padding-top: 100px;
}
.customDashboardNew .desc-stat {
    text-align: center;
}
.customDashboardNew .progress-raised {
    background-color: #84BD00;
    height: 100%;
}
.customDashboardNew .your-bandannas p {
    font-size: 20px;
    color: #fff;
}
.customDashboardNew  .your-bandannas h5 {
    font-size: 24px;
    font-weight: 600;
    color: #fff;
}
.customDashboardNew .your-bandannas {
    background: #14377D;
    padding: 20px 40px;
    border-radius: 8px;
    box-shadow: 0px 10px 20px -10px rgb(0 54 71 / 20%);
    min-height: 360px;
    margin-bottom: 30px;
    justify-content: space-between;
    display: flex;
    flex-direction: column;
}
.customDashboardNew .value-your-bandannas {
    background-color: #fff;
    width: 120px;
    display: grid;
    place-content: center;
    height: 100px;
    font-weight: 600;
    font-size: 24px;
    margin: 0 auto;
    color: #14377D;
}
.customDashboardNew .funraisin-page-loggedin-toggle ul li a {
    opacity:0.5;
     background: #14377D;
    color: #fff !important;
    min-width: 185px !important;
}
.customDashboardNew .funraisin-page-loggedin-toggle ul li a.active {
        opacity:1;
}

.customDashboardNew .funraisin-page-loggedin-toggle ul li a:hover {
    background: #14377D;
    color: #fff !important;
}
.customDashboardNew .funraisin-page-loggedin-toggle ul li a span {
    display: none;
}
.customDashboardNew .my_community_box {
    text-align: left !important;
    background: #00A9E0;
}
.customDashboardNew .my_community_box h2 {
    text-align: left !important;
    color: #fff;
    margin-bottom: 0;
}
.customDashboardNew .my_community_box p {
    color: #fff;
    font-size: 20px;
    margin-top: 0;
}
.reward-badge p{
    color:#fff;
}
/*=========== end custom custom dashboard ===========*/

/*=========== my-achievements-section ===========*/

#my-achievements-section h2 {
    color: #fff;
}

#my-achievements-section {
    background: #00A9E0;
    padding: 35px 0;
}

#my-achievements-section .item-my-achievements {
    background-color: #fff;
    height: 100%;
    width: 110px;
    border-radius: 100%;
    display: grid;
    place-content: center;
    text-align: center;
    padding: 10px;
    aspect-ratio: 1 / 1;
}
#my-achievements-section .slick-slide {
    margin: 0 20px;
}
#my-achievements-section .my-achievements-slider {
    margin-left: 7vw;
}
@media(min-width:1600px){
    #my-achievements-section .my-achievements-slider {
        margin-left: 18vw;
    }
}
#my-achievements-section  .slick-dots li button {
    background: #fff;
    border-radius: 100%;
     opacity:0.5;
}
#my-achievements-section .slick-dots li button:before{
    color:#fff;
}
#my-achievements-section .slick-dots .slick-active button{
    opacity:1;
}
#my-achievements-section  .slick-dots {
    bottom: -45px;
}
/*=========== end-my-achievements-section ===========*/

/*=========== my-impact-section ===========*/
#section-your-impact {
    background-color: #84bd00;
    padding: 50px 0;
}
#section-your-impact p {
    color: #fff;
    font-size: 24px;
}
#section-your-impact h2 {
    color: #fff;
}
.impact-card-section {
    text-align: center;
}
.impact-card-header {
    border: 4px dotted #fff;
    aspect-ratio: 1 / 1;
    display: grid;
    place-content: center;
    border-radius: 100%;
}
.impact-card-body h5 {
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 28px;
}
/*=========== end-my-impact-section ===========*/

/*=========== section-custom-column ===========*/
.personalised-content {
    /*background-color: #00A9E0;*/
    color: #fff;
    padding: 20px;
    text-align: center;
        box-shadow: 0px 10px 20px -10px rgb(0 54 71 / 20%);
    background-color: #fff;
    padding: 20px 40px;
    border-radius: 8px;
}
.btn-action-personalaised {
    display: flex;
    background-color: #E6F6FC;
    align-items: center;
    justify-content: center;
    padding: 15px 0;
}
.section-btn-upload:first-child {
    border-right: 1px solid #00a9e0;
}
.section-btn-upload .btn-upload-img {
    background-color: #00a9e0;
    color: #fff;
    padding: 10px 15px;
    border-radius: 50px;
    width: 90%;
    margin: 0 auto;
    display: block;
    font-size: 15px;
}

.section-btn-upload h5 {
    color: #00a9e0;
    font-size: 24px;
    font-weight: 700;
}
.section-btn-upload {
    width: 100%;
    padding: 10px 0;
}
.thumbnail-upload-image h5 {
    text-align: left;
    max-width: 275px;
    line-height: 18px;
    font-size: 20px;
    position: relative;
    z-index: 2;
}
.thumbnail-upload-image h5 span {
    background-color: #00a9e0;
}
.thumbnail-upload-image {
    background-color: #14377D;
    padding: 20px;
    margin-top: 30px;
    height: 350px;
}
.btn-pict-profile a {
    color: #fff;
    font-weight: 700;
}
.btn-pict-profile i {
    font-size: 80px;
}
.btn-pict-profile {
    display: flex;
    flex-direction: column;
    position: absolute;
    top: 70%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.funraising-reward-slider-section {
    background-color: #84bd00;
    height: 100%;
    color: #fff;
    padding: 20px 55px;
    text-align: center;
    min-height: 615px;
}
.slick-prev:before {
    content: '<';
    font-size: 33px;
    font-weight: 700;
}
.slick-next:before {
    content: '>';
    font-size: 33px;
    font-weight: 700;
}
.item-reward-slider {
    background-color: #fff;
    color: #000;
    aspect-ratio: 1 / 1;
    display: grid;
    place-content: center;
}
/*=========== end-section-custom-column ===========*/


/*=========== Your fundraising progress ===========*/
.fundraising-progress-section {
    background: #00A9E0;
    color: #fff;
    padding: 20px;
    min-height: 460px;
}
.stats-progress-fundraising {
    margin-top: 50px;
}
.title-stats-progress p {
    font-size: 20px;
}
.title-stats-progress h5 {
    font-weight: 600;
    font-size: 20px;
}
.title-stats-progress {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 30px;
}
.current-stat-progress {
    height: 35px;
    background-color: #fff;
    width: 100%;
}
.my-stats-progress {
    height: 35px;
    background-color: #84BD00;
}
.btn-action-stats-progress a {
    background-color: #ffff;
    width: 100%;
    text-align: center;
    padding: 15px 0;
    color: #14377D;
}
.btn-action-stats-progress {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 35px 0;
    gap: 10px;
}
/*=========== end Your fundraising progress ===========*/


#share-page-icons a.btn-facebook.share-facebook.btn-social{
    display:block!important;
}


.customDashboardNew .profile-header-share .btn-facebook:nth-child(5){
    display:none!important;
}

.overhang-image {
    z-index: 99;
}


    /* Start: dashboard tour */

    body.template-login-dashboard .dashboard-tour-panel {
        position: fixed;
        width: 320px;
        right: -320px;
        top: 22vh;
        z-index: 999;
        -webkit-box-shadow: 4px 4px 4px rgb(0 0 0 / 25%);
        box-shadow: 4px 4px 4px rgb(0 0 0 / 25%);
        -webkit-transition: all 300ms ease-out;
        -ms-transition: all 300ms ease-out;
        transition: all 300ms ease-out;
        z-index: 1030;
    }
    body.template-login-dashboard .dashboard-tour-panel.active {
        right: 0;
    }
    body.template-login-dashboard .dashboard-tour-panel h5{
        font-size: 24px !important;
            font-weight: bold;
    }
    body.template-login-dashboard .dashboard-tour-panel .panel-body {
        padding: 25px;
        background-color: #fff;
        border-radius: 0 0 0 10px;
    }
    body.template-login-dashboard .dashboard-tour-panel .panel-body h4 {
        line-height: 1.25}
    body.template-login-dashboard .dashboard-tour-panel .btn-toggle-tour {
        position: absolute;
        right: 100%;
        color: #fff !important;
        background-color: #84bd00;
        border-radius: 0;
        -webkit-box-shadow: 4px 4px 4px rgb(0 0 0 / 25%);
        box-shadow: 4px 4px 4px rgb(0 0 0 / 25%);
        padding: 10px}
        body.template-login-dashboard .dashboard-tour-panel .btn-toggle-tour span > i {
        display: none;}
        body.template-login-dashboard .dashboard-tour-panel.active .btn-toggle-tour .fa {
        -webkit-transform: rotateZ(180deg);
        -ms-transform: rotate(180deg);
        transform: rotateZ(180deg)}
        body.template-login-dashboard .dashboard-tour-panel .btn-start-tour {
        font-size: 16px;
        display: block;
        width: 100%;
        padding: 12px 15px}
        body.template-login-dashboard .dashboard-tour-panel h3 {
        font-size: 16px}

    /* INTRO POPUP */
    body.template-login-dashboard .introjs-tooltip {
        border-radius: 10px !important;
        display: flex!important;
        flex-direction: column;
        padding: 0!important;
        min-width: 550px!important;
        max-width: 550px!important;
        background-color: #fff!important;
    }
    body.template-login-dashboard .introjs-tooltip .introjs-tooltip-header {order: 1;}
    body.template-login-dashboard .introjs-tooltip .introjs-tooltiptext {order: 2;
        padding: 0 !important;}
    body.template-login-dashboard .introjs-tooltip .introjs-tooltipbuttons {order: 3;}
    body.template-login-dashboard .introjs-tooltip .introjs-bullets {order: 4;}
    body.template-login-dashboard .introjs-tooltip .introjs-skipbutton {
        font-size: 26px;
        font-weight: 300!important;
        color: #fff;
        background-color: #14377D!important;
    }
    body.template-login-dashboard .introjs-tooltip .introjs-tooltip-header {
        padding-top: 45px;
        padding-bottom: 0;
        background-color: #fff;
        min-height: 0;
    }
    body.template-login-dashboard .introjs-tooltip .introjs-button.introjs-disabled {
        display: none;
    }
    body.template-login-dashboard .introjs-tooltip .introjs-tooltip-header .introjs-tooltip-title {
        line-height: 1.25;
        text-align: left;
        max-width: 100%;
        width: 100%;
        margin: 0 auto;
        font-size: 24px !important;
        text-transform: capitalize;
            font-family: 'Montserrat';
    }
    .template-login-dashboard.customDashboardNew .introjs-tooltip .introjs-tooltiptext {
        font-family: 'Montserrat';
    }
    body.template-login-dashboard .introjs-tooltip > div:not(.introjs-arrow) {
        padding-left: 20px!important;
        padding-right: 30px!important;
    }
    body.template-login-dashboard .introjs-tooltip > div.introjs-tooltiptext {
        text-align: left;
        padding-left: 20px !important;
        padding-right: 20px !important;
        font-size: 16px !important;
    }
    body.template-login-dashboard .introjs-tooltip .introjs-arrow.left-bottom {
        border-right-color: #fff!important;
    }
    body.template-login-dashboard .introjs-tooltip .introjs-arrow.right {
        border-left-color: #70cacb!important;
    }
    body.template-login-dashboard .introjs-tooltip .introjs-arrow.top,
    body.template-login-dashboard .introjs-tooltip .introjs-arrow.top-right {
        border-bottom-color: #70cacb!important;
    }
    body.template-login-dashboard .introjs-tooltip .introjs-arrow.bottom {
        border-top-color: #fff!important;
    }
    body.template-login-dashboard .introjs-tooltip .introjs-bullets {
        position: relative!important;
        padding-top: 20px;
    }
    body.template-login-dashboard .introjs-tooltipbuttons {
        border: 0!important;
    }
    body.template-login-dashboard .introjs-prevbutton.introjs-disabled:after {
        display: none!important;
    }
    body.template-login-dashboard .introjs-tooltip .introjs-skipbutton {
        font-size: 26px;
        font-weight: 300 !important;
        color: #fff;
        border-radius: 100px;
        background-color: #14377D !important;
        position: absolute;
        top: -16px;
        right: -17px;
    }
    body.template-login-dashboard .introjs-tooltip .introjs-button {
        font-size: 18px!important;
        text-align: center;
        border-radius: 8px!important;
        box-shadow: none!important;
    }
    body.template-login-dashboard .introjs-tooltip .introjs-tooltipbuttons {
        display: flex;
        gap: 30px;
    }
    body.template-login-dashboard .introjs-tooltipbuttons .introjs-prevbutton {
        flex: 50%;
        background-color: #fff !important;
        border: 2px solid #00A9E0;
        text-transform: uppercase;
        font-weight: bold;
        color: #00A9E0;
        border-radius:50px !important;
    }
    body.template-login-dashboard .introjs-tooltipbuttons .introjs-nextbutton {
        flex: 50%;
        text-transform: uppercase !important;
        color: #fff!important;
        background-color: #00a9e0 !important;
        border-color: #00a9e0 !important;
            border-radius: 50px !important;
    }
   body.template-login-dashboard .introjs-tooltip .introjs-tooltipbuttons:after {
        display: none;
    }
   body.template-login-dashboard .introjs-tooltip .introjs-bullets ul li a {
        width: 40px !important;
        height: 8px !important;
        border-radius: 0 !important;
        margin-bottom: 10px;
        background:#84BD00  !important ;
        opacity: 0.4;
    }
    body.template-login-dashboard .introjs-bullets ul li a.active{
        background: #84BD00 !important;
        opacity: 1;
    }
   body.template-login-dashboard .introjs-tooltip .introjs-bullets ul li {
        margin: 0 5px;
    }

   body.template-login-dashboard .introjs-tooltip .introjs-tooltipbuttons .introjs-prevbutton:not(.introjs-disabled) .exit,
   body.template-login-dashboard .introjs-tooltip .introjs-tooltipbuttons .introjs-prevbutton.introjs-disabled .prev {
        display: none}
   body.template-login-dashboard .introjs-tooltip .introjs-tooltipbuttons .introjs-nextbutton:not(.introjs-fullbutton) .start,
   body.template-login-dashboard .introjs-tooltip .introjs-tooltipbuttons .introjs-nextbutton.introjs-fullbutton .next {
        display: none}
   body.template-login-dashboard .introjs-tooltip .introjs-tooltipbuttons .introjs-button.introjs-hidden {
        display: none}
       
    body.template-login-dashboard .introjs-tooltip .introjs-bullets ul li a.viewed {
        background: #84BD00 !important;
        opacity: 1;
    }
/* End: dashboard tour */
a.btn.btn-facebook.btn-block.share-facebook-lightbox.green_btn_bg {
    color: #0b4b26 !important;
}
a.btn.btn-light-grey.btn-block.share-email-lightbox.green_btn_bg{
    color: #0b4b26 !important;
}
/* fix: https://www.bandannaday.org.au/fb/updateemail#_=_ */
body.facebook-body .image-wrapper {
    max-width: 100%;
    position: relative;
    top: unset;
    left: unset;
    height: auto;
    -webkit-justify-content: center;
    justify-content: center;
}
body.facebook-body .image-wrapper + .height-20 {
    display: none;
}

/* fix: fcebook icon out of the position: https://www.bandannaday.org.au/fundraisers/lukereynoldscanteenorgau/personal-challenge-24?ref=ch_3PfC1fHCrg0s6ZD11kMqHhzo*/
.funraisin-header .funraisin-profile-header #share-page-icons a.btn-facebook.share-facebook.btn-social {
    display: contents !important;
}

/* Homepage Flip Boxes */
.flip-card {
    padding: 0 !important;
}
.flip-card:hover .lump-container {
    transform: rotateY(180deg);
}
.flip-card .lump-container{
    transition: transform 0.6s;
    transform-style: preserve-3d;
    min-height: 270px;
    position: relative;
    padding: 20px !important;
}
.flip-card:hover h2 {
    transform: rotateX(0) rotateY(-180deg);
}
.flip-card:hover h4 {
    transform: rotateX(0) rotateY(-180deg);
}
.flip-card h4 {
    display: none;
}
.flip-card:hover h4 {
    display: block;
}
.flip-card:hover i {
    text-align: right !important;
    transform: translate(200px, 10px);
}
#Lump6805 {
    background-color: transparent !important;
}
#Lump6805 .lump-container {
    background-color: #84BD00;
    padding: 20px;
}
#Lump6810 {
    background-color: transparent !important;
}
#Lump6810 .lump-container {
    background-color: #0B4B26;
}
#Lump6814 {
    background-color: transparent !important;
}
#Lump6814 .lump-container {
    background-color: #00268D;
}
#Lump6818 {
    background-color: transparent !important;
}
#Lump6818 .lump-container {
    background-color: #00A9E0;
}
 /* End Homepage Flip Boxes */
 

/* Homepage Flip Boxes Custom*/
#Lump7365,
#Lump7370,
#Lump7371,
#Lump7366,
#Lump7372,
#Lump7367,
#Lump7373,
#Lump7368 {
    padding: 0 !important;
}
.flip-boxes-inner {
    position: relative;
    padding: 20px;
    min-height: 270px;
    transition: transform 0.6s;
    transform-style: preserve-3d;
}
/*.flip-boxes-front h4{*/
/*    display: none;*/
/*}*/
.flip-boxes-inner i {
    font-size: 40px;
    color: #fff;
}
.flip-boxes-inner h4 {
    color: #fff;
}
.flip-boxes-inner h2 {
    color: #fff;
}
.flip-boxes:hover .flip-boxes-inner {
    transform: rotateY(180deg);
}
.flip-boxes-inner.flip-bg-one {
    background-color: #84BD00;
    color: #fff;
}
.flip-boxes-inner.flip-bg-two{
    background-color: #0B4B26;
}
.flip-boxes-inner.flip-bg-three{
    background-color: #00268D;
}
.flip-boxes-inner.flip-bg-four{
    background-color: #00A9E0;
}
.flip-boxes-front, 
.flip-boxes-back {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    padding: 40px 20px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    top: 0;
    left: 0;
} 
    
.flip-boxes-back {
    transform: rotateY(180deg);
}

#Lump6805,
#Lump6810,
#Lump6814,
#Lump6818{
    display: none;
}
/* End Homepage Flip Boxes Custom*/

body.template-login-dashboard .introjs-tooltip .introjs-button span {
    font-family: 'Montserrat' !important;
}
#template-profile .funraisin-profile-header .share-page-icons a {
    background-color: transparent;
    padding-inline: 3px !important;
    width: auto;
}