:root {
    --ifa-orange            : #F37253;
    --ifa-lighter-orange    : #FFF5EB;
    --ifa-blue              : #2558D5;
    --ifa-light-blue        : #8DAEF3;
    --ifa-navy              : #1a365e;
    --ifa-yellow            : #FDE888;
    --ifa-midgrey           : #908F8F;
    --ifa-sky               : #E8EFFD;
    
    --ifa-primary           : var(--ifa-orange);
    --ifa-primary-lighter   : var(--ifa-lighter-orange);
    --ifa-secondary         : var(--ifa-navy);
    
    --ifa-white             : #fff;
    
    --ifa-gradient-gold     : linear-gradient(270deg, #ECBD21 0%, #FFF8DA 21.63%, #F3D767 47.12%, #FFEBB1 79.57%, #E0B125 100%);
    --ifa-gradient-gold-2   : linear-gradient(270deg, #F7BB06 0%, #FFDC72 21.63%, #E1AE13 47.12%, #FFDC72 79.57%, #CC9A02 100%);
    --ifa-gradient-gold-3   : linear-gradient(90deg, #D28C1E -15.44%, #F0D05C 32%, #FFFFFF 52.26%, #EECB57 75.16%, #D28C1E 111.28%);
    --ifa-gradient-silver   : linear-gradient(270deg, #BDBDBD 0%, #EDEDED 21.63%, #D0CDCD 47.12%, #F5F2F2 79.57%, #C5C2C2 100%);

}

.section > .container:has(#tabsend) {
    display: flex;
    flex-direction: column;
}

.text-navy {color: var(--ifa-navy)!important;}
.text-blue {color: var(--ifa-blue)!important;}
.btn-fb-group,
.btn-fb-group:hover, 
.btn-fb-group:focus {
    display: inline-flex;
    align-items: center;
    color: var(--ifa-white);
    padding: 18px 25px;
    background: var(--ifa-blue);
    border-radius: 30px;
}

.flex-wrap {
    flex-wrap: wrap;
}

/* Start: 2025/11/27th - DIY - dashboard page */

/* DIY id: 14*/
/*.template-login-dashboard {*/
    .diy-custom {
        --ifa-copy-color: var(--ifa-secondary);
        color: var(--ifa-copy-color);
        
        &.header-conver-unavailable {
            .funraisin-header {
                background: var(--ifa-blue);
                &.loggedin-header:before {
                    opacity: 0;
                }
            }
        }
        
        .content {
            color: var(--ifa-copy-color);
        }
        
    }
/*}*/

.diy-custom {
    
    .loggedin-header {
        .container {
            padding-top: 140px;
            padding-bottom: 65px;
        }
    }
    
    .profile-image-frame {
        .profile-image-preview {
            display: inline-block;
            position: relative;
            .vip-badge {
                position: absolute;
                right: -5px;
                bottom: -30px;
            }
        }
    }
    
    .funraisin-page-loggedin-toggle {
        padding-top: 80px;
        margin-bottom: 0;
        border: 0;
        ul {
            li {
                padding: 0 10px;
                a {
                    --ifa-nav-link-color: var(--ifa-light-blue);
                    --ifa-nav-link-border: var(--ifa-light-blue);
                    color: var(--ifa-nav-link-color);
                    line-height: normal;
                    padding: 8px 25px;
                    border-bottom: 3px solid var(--ifa-nav-link-border);
                    &.active {
                        --ifa-nav-link-color: var(--ifa-secondary);
                        --ifa-nav-link-border: var(--ifa-secondary);
                    }
                    span {
                        display: none;
                    }
                }
            }
        }
    }
    
    .funraisin-page-nav {
        padding: 0;
        ul {
            li {
                a {
                    color: var(--ifa-nav-link-color)!important;
                    font-weight: 700;
                    text-transform: none;
                    border: 0;
                    background-color: transparent!important;
                    &.active {
                        --ifa-nav-link-color: var(--ifa-primary);
                    }
                    &:hover {
                        --ifa-nav-link-color: var(--ifa-primary);
                    }
                }
            }
        }
    }
    .funraisin-page-nav ul li a, .funraisin-page-nav ul li a:hover {
        color: var(--ifa-blue);
        border: 0;
        background-color: transparent;
    }
    
    .progress, .progress-bar {
        height: 27px;
    }
    /*#sharepage .btn-social {*/
    /*    display: inline-flex;*/
    /*    align-items: center;*/
    /*    justify-content: center;*/
    /*    padding: 2px;*/
    /*    color: var(--ifa-white)!important;*/
    /*    background: transparent!important;*/
    /*    border: 1px solid var(--ifa-white);*/
    /*    &:last-child {*/
    /*        margin-right: 0;*/
    /*    }*/
    /*}*/
    .btn {
        border-radius: 30px;
    }
    .profile-header-event {
        display: flex;
        align-items: center;
        gap: 10px;
        h1 {
            color: var(--ifa-yellow);
        }
        span {
            font-size: 21px!important;
        }
    }
    
    &#template-profile {
        
        .d_comment:first-of-type {
            margin-top: 20px;
        }
        
        #Blog-Profile {
            padding-top: 60px;
            .title {
                font-weight: 700;
                color: var(--ifa-navy);
                margin-bottom: 30px;
            }
        }
        
        .profileSidebar .sidebar-top h2 {
            font-size: 23px;
            font-weight: 700;
        }
        
    }
    /* End: template-profile */
    
}



/* End: diy-custom */

.card {
    --ifa-card-bg: var(--ifa-sky);
    --ifa-card-title-color: var(--ifa-blue);
    --ifa-card-radius: 50px;
    --ifa-card-border: var(--ifa-sky);
    background: var(--ifa-card-bg);
    border: 1px solid var(--ifa-card-border);
    border-radius: var(--ifa-card-radius);
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    
    .card-title {
        color: var(--ifa-card-title-color);
        margin-top: 0;
    }
}

.card-honour {
    padding: 3px;
    background: var(--ifa-gradient-gold-3);
    .card-body {
        color: var(--ifa-white);
        background: var(--ifa-secondary);
        border-radius: 47px;
        p {
            color: var(--ifa-white)!important;
        }
    } 
    .in-honour-name {
        background: var(--ifa-gradient-gold);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
    }
}

.card-vip-rewards {
    --ifa-card-bg: var(--ifa-gradient-gold-3);
    --ifa-card-title-color: var(--ifa-white);
    padding: 5px;
    .card-body {
        --ifa-card-body-bg-start: url('https://d38aml7o8uul1j.cloudfront.net/5797e177008b18c420c808fd2669e3a5.png');
        --ifa-card-body-bg-end: url('https://d38aml7o8uul1j.cloudfront.net/879f148a9841a403a495279833c218b3.png');
        background: var(--ifa-secondary);
        position: relative;
        overflow: hidden;
        border-radius: 45px;
        &:before, &:after {
            content: '';
            display: block;
            width: 30%;
            height: 100%;
            position: absolute;
            top: 0;
            background: var(--ifa-card-body-bg);
        }
        &:before {
            --ifa-card-body-bg: top left / contain no-repeat var(--ifa-card-body-bg-start);
            left: 0;
        }
        &:after {
            --ifa-card-body-bg: top right / contain no-repeat var(--ifa-card-body-bg-end);
            right: 0;
        }
    }
}

.card-badges {
    overflow: visible;
    & .slider-badges {
        & .slider-caption {
            font-size: 15.5px;
            color: var(--ifa-secondary);
            line-height: 1.3;}
        & .slick-arrow {
            font-size: 22px;
            width: 31px;
            height: 31px;
            border-radius: 31px;
            color: var(--ifa-white);
            background-color: var(--ifa-blue);
            &:before {
                display: none;}
            &.slick-disabled {
                opacity: .5;
                cursor: not-allowed;}
        }
        & .slick-prev {left: -45px;}
        & .slick-next {right: -45px;}
    }
}

.list-tiers {
    li {
        --ifa-card-padding: 2px;
        --ifa-card-body-bg: var(--ifa-white);
        --ifa-card-body-radius: 48px;
        --ifa-tier-image-padding: 0;
        &.active {
            --ifa-card-padding: 5px;
            --ifa-card-body-bg: var(--ifa-lighter-orange);
            --ifa-card-body-radius: 45px;
            --ifa-tier-image-padding: 5px;
            .card-tier-vip {
                .tier-image {
                    --ifa-tier-image-padding: 5px;
                }
            }
        }
        &:not(:last-child) {
            margin-bottom: 25px;
        }
        .card-tier-vip {
            .tier-image {
                --ifa-tier-image-padding: 2px;
            }
        }
    }
}


.card-tier {
    --ifa-card-bg: var(--ifa-gradient-gold-2);
    padding: var(--ifa-card-padding);
    border: 0;
    
    .card-body {
        background-color: var(--ifa-card-body-bg);
        border-radius: var(--ifa-card-body-radius);
    }
    
    .tier-amount, 
    .tier-amount-inner {
        --ifa-amount-box-size: 73px;
        --ifa-amount-color: var(--ifa-secondary);
        width: var(--ifa-amount-box-size);
        height: var(--ifa-amount-box-size);
        display: flex;
        align-items: center;
        justify-content: center;
        color: var(--ifa-amount-color);
        font-size: 18px;
        font-weight: 700;
        position: absolute;
        top: 10px;
        left: 0;
        z-index: 1;
        background: var(--ifa-tier-amount-bg);
        border-radius: 50%;
    }
    .tier-amount-inner {
        top: 0;
    }
    .tier-image {
        position: relative;
        aspect-ratio: 1 / 1;
        border-radius: 50%;
        background: var(--ifa-tier-image-bg);
        padding: var(--ifa-tier-image-padding);
        &:before, &:after {
            content: '';
            width: 37px;
            height: 37px;
            display: block;
            background: var(--ifa-tier-bg);
            position: absolute;
        }
        img {
            aspect-ratio: 1 / 1;
            border-radius: 50%;
            overflow: hidden;
            object-fit: cover;
        }
    }
}
.card-tier-bronze {
    --ifa-card-bg: var(--ifa-gradient-gold-2);
    --ifa-tier-amount-bg: var(--ifa-gradient-gold-2);
    --ifa-tier-image-bg: var(--ifa-gradient-gold-2);
    .tier-image {
        --ifa-decoration-start: url('https://d38aml7o8uul1j.cloudfront.net/3e0d2fb002affa433738f6a23f90b77c.png');
        --ifa-decoration-end: url('https://d38aml7o8uul1j.cloudfront.net/2dc37c82024b4a6ab5021e6c891736d4.png');
        &:before {
            --ifa-tier-bg: top left / contain no-repeat var(--ifa-decoration-start);
            width: 45px;
            height: 55px;
            left: -5px;
            bottom: 10px;
        }
        &:after {
            --ifa-tier-bg: top left / contain no-repeat var(--ifa-decoration-end);
            top: 5px;
            right: 5px;
        }
    }
}
.card-tier-silver {
    --ifa-card-bg: var(--ifa-gradient-silver);
    --ifa-tier-amount-bg: var(--ifa-gradient-silver);
    --ifa-tier-image-bg: var(--ifa-gradient-silver);
    .tier-image {
        --ifa-decoration-start: url('https://d38aml7o8uul1j.cloudfront.net/d92a57313092911e7da7441e0bc1c4ea.png');
        --ifa-decoration-end: url('https://d38aml7o8uul1j.cloudfront.net/882339a771d6a75256e6e92d6117a9a5.png');
        &:before {
            --ifa-tier-bg: top left / contain no-repeat var(--ifa-decoration-start);
            width: 50px;
            height: 80px;
            left: 0;
            bottom: 0;
        }
        &:after {
            --ifa-tier-bg: top left / contain no-repeat var(--ifa-decoration-end);
            top: 40%;
            right: -15px;
            width: 25px;
            height: 25px;
        }
    }
}
.card-tier-gold {
    --ifa-card-bg: var(--ifa-gradient-gold-3);
    --ifa-tier-amount-bg: var(--ifa-gradient-gold-3);
    --ifa-tier-image-bg: var(--ifa-gradient-gold-3);
    .tier-image {
        --ifa-decoration-start: url('https://d38aml7o8uul1j.cloudfront.net/ea86e040f61e346d0cfad3b7f52023fb.png');
        --ifa-decoration-end: url('https://d38aml7o8uul1j.cloudfront.net/882339a771d6a75256e6e92d6117a9a5.png');
        &:before {
            --ifa-tier-bg: top left / contain no-repeat var(--ifa-decoration-start);
            width: 50px;
            height: 80px;
            left: 0;
            bottom: -20px;
        }
        &:after {
            --ifa-tier-bg: top left / contain no-repeat var(--ifa-decoration-end);
            top: 2px;
            right: 2px;
            width: 25px;
            height: 25px;
        }
    }
}
.card-tier-vip {
    --ifa-card-bg: var(--ifa-secondary);
    --ifa-tier-amount-bg: var(--ifa-gradient-gold-3);
    --ifa-tier-image-bg: var(--ifa-gradient-gold-3);
    .tier-amount-inner {
        --ifa-amount-box-size: 69px;
        --ifa-tier-amount-bg: var(--ifa-secondary);
        top: 2px;
        left: 2px;
        span {
            background: var(--ifa-gradient-gold-3);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }
    }
    .tier-image {
        --ifa-decoration-start: url('https://d38aml7o8uul1j.cloudfront.net/27b055cc6bb0b1391f00dd2b9fd2eeb9.png');
        --ifa-decoration-end: url('https://d38aml7o8uul1j.cloudfront.net/8fb3d6496ee56ce947d681a142334d02.png');
        &:before {
            --ifa-tier-bg: top left / contain no-repeat var(--ifa-decoration-start);
            width: 55px;
            height: 80px;
            left: -10px;
            bottom: -35px;
        }
        &:after {
            --ifa-tier-bg: top left / contain no-repeat var(--ifa-decoration-end);
            top: 3px;
            right: 3px;
            width: 55px;
            height: 55px;
        }
    }
}

.nav-tabs.nav-tabs-custom {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 0;
    margin-bottom: 40px;
}
.nav-tabs.nav-tabs-custom li {
    --ifa-nav-item-color: var(--ifa-light-blue);
    --ifa-nav-item-border: var(--ifa-light-blue);
    min-width: 33.33%;
    background-color: transparent;
    border: 0;
    opacity: 1;
}
.nav-tabs.nav-tabs-custom li.active,
.nav-tabs.nav-tabs-custom li:hover {
    --ifa-nav-item-color: var(--ifa-primary);
    --ifa-nav-item-border: var(--ifa-primary);
}
.nav-tabs.nav-tabs-custom li:not(:last-child) {
    margin-right: 18px;
}
.nav-tabs.nav-tabs-custom li a,
.nav-tabs.nav-tabs-custom li a:focus,
.nav-tabs.nav-tabs-custom li a:hover {
    width: 100%;
    display: block;
    font-size: 18px;
    font-weight: 700;
    line-height: normal;
    color: var(--ifa-nav-item-color);
    padding: 8px 25px;
    margin: 0;
    border: 0;
    border-bottom: 3px solid var(--ifa-nav-item-border);
    text-decoration: none;
}

.tab-content-custom {
    .tab-pane {
        &.active {
            padding: 10px 0 0 0;
            border: 0;
        }
    }
}

.section-resources {
    position: relative;
    background: left 12% / 9% no-repeat url('https://d38aml7o8uul1j.cloudfront.net/76db3a21970a62f694dc7eb2e9353f45.png'), var(--ifa-lighter-orange);
    &:before {
        content: '';
        width: 100%;
        height: 100px;
        display: block;
        margin-top: -100px;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        background: top center / cover no-repeat url('https://d38aml7o8uul1j.cloudfront.net/762b45d11aa144a926802ea20225f582.png');
    }
}

.section-invite {
    background: 1% 50% / 13% no-repeat url('https://d38aml7o8uul1j.cloudfront.net/1787e682fcb58d200876cfb415216e46.png'), var(--ifa-blue);
}

/* End: 2025/11/27th */

/* Start: 2025/11/24th - DIY - profile page */

/* DIY id: 14*/
.diy-custom {
    --ifa-header-color: var(--ifa-white);
    --ifa-diy-header-bg: var(--ifa-blue);
    --ifa-btn-join-color: var(--ifa-navy);
    --ifa-btn-join-bg: var(--ifa-yellow);
    --ifa-btn-join-color-inner: var(--ifa-navy);
    --ifa-btn-join-bg-inner: var(--ifa-yellow);
    --ifa-btn-join-border: var(--ifa-yellow);
    --ifa-btn-join-clip: none;
    --ifa-btn-page-border: inherit;
    --ifa-social-color: var(--ifa-white);
    --ifa-social-bg: transparent;
    --ifa-social-border: var(--ifa-white);
    --ifa-radio-brilliant-title-color: var(--ifa-white);
    --ifa-radio-brilliant-amount-color: var(--ifa-blue);
    --ifa-radio-brilliant-bg: var(--ifa-blue);
    
    &.member-vip {
        --ifa-header-color: var(--ifa-navy);
        --ifa-diy-header-bg: var(--ifa-gradient-gold);
        --ifa-btn-join-color: var(--ifa-navy);
        --ifa-btn-join-bg: var(--ifa-navy);
        --ifa-btn-join-color-inner: transparent;
        --ifa-btn-join-bg-inner: var(--ifa-gradient-gold);
        --ifa-btn-join-border: var(--ifa-navy);
        --ifa-btn-join-clip: text;
        --ifa-btn-page-border: var(--ifa-navy);
        --ifa-social-color: var(--ifa-navy);
        --ifa-social-bg: transparent;
        --ifa-social-border: var(--ifa-navy);
        --ifa-radio-brilliant-title-color: var(--ifa-navy);
        --ifa-radio-brilliant-amount-color: var(--ifa-navy);
        --ifa-radio-brilliant-bg: var(--ifa-gradient-gold);
    }
    
    &.header-conver-unavailable {
        
        .funraisin-header {
            background: var(--ifa-diy-header-bg);
            &:before {
                opacity: 0;
            }
        }
        
    }
    
    .funraisin-header {
        .decoration-item {
            --ifa-decor-size: 80px;
            width: var(--ifa-decor-size);
            position: absolute;
            &.item-1 {
                left: 0;
                bottom: 20px;
            }
            &.item-2 {
                top: 80px;
                left: 57%;
            }
            &.item-3 {
                --ifa-decor-size: 275px;
                top: 0;
                right: 0;
            }
        }
    }

    /*&#template-profile {*/
    /*&body {*/

    .join-button {
        font-size: 21px;
        font-weight: 700;
        color: var(--ifa-btn-join-color);
        background: var(--ifa-btn-join-bg);
        border-radius: 30px;
        border-color: var(--ifa-btn-join-border);
        span {
            color: var(--ifa-btn-join-color-inner)!important;
            background: var(--ifa-btn-join-bg-inner);
            background-clip: var(--ifa-btn-join-clip);
        }
    }

    .funraisin-header {
        min-height: 525px;
        
        h1, p, a:not(.btn), *:not(a) span {
            color: var(--ifa-header-color);
        }
        .member-subtitle {
            font-weight: 700;
        }
        .btn-primary span {
            color: var(--ifa-white);
        }
        
        .btn-my-page {
            border-color: var(--ifa-btn-page-border);
        }
        
        .profile-image-header {
            .profile-image {
                border-color: var(--ifa-yellow);
            }
        }

        .funraisin-profile-header {
            > .display-inline-block {
                /*display: none;*/
            }
        }
        
        .share-page-icons {
            .btn-social {
                display: inline-flex;
                align-items: center;
                justify-content: center;
                color: var(--ifa-social-color)!important;
                background: var(--ifa-social-bg)!important;
                border: 1px solid var(--ifa-social-border);
                &:hover {
                    --ifa-social-color: var(--ifa-blue);
                    --ifa-social-bg: var(--ifa-white);
                }
            }
        }
        
    } /* End: funraisin-header */
    
    .profileSidebar {
        margin-top: -425px;
        .sidebar-top {
            background: var(--ifa-navy);
            .progress-bar {
                background-color: var(--ifa-yellow);
            }
        }
        .profileSponsorForm {
            background: var(--ifa-lighter-orange);
            
            .donationHandlers {
                padding-top: 15px;
                .radio {
                    --ifa-radio-inner-bg: var(--ifa-white);
                    &.radio-brilliant {
                        --ifa-radio-inner-bg: var(--ifa-lighter-orange);
                        width: auto;
                        padding-top: 15px;
                        padding-bottom: 20px;
                        margin-inline: -20px;
                        background: var(--ifa-radio-brilliant-bg);
                        .radio-amount {
                            width: calc(100% - 40px);
                            margin-inline: auto;
                            .amount {
                                color: var(--ifa-radio-brilliant-amount-color)!important;
                            }
                        }
                        .brilliant-radio-title {
                            font-size: 20px;
                            padding-bottom: 8px;
                            color: var(--ifa-radio-brilliant-title-color);
                        }
                        .img-brilliant-icon {
                            position: absolute;
                            top: 0;
                            right: 0;
                            transform: translateY(-50%);
                        }
                    }
                    a {
                        display: flex;
                        align-items: center;
                        .radio-image {
                            position: absolute;
                            width: 100px;
                            height: 100px!important;
                            border-radius: 50%;
                            overflow: hidden;
                            z-index: 1;
                            transform: translateX(-20px);
                            img {
                                width: 100%;
                                height: 100%;
                                object-fit: cover;
                                object-position: center;
                            }
                        }
                        .radio-wrap {
                            display: flex;
                            flex-wrap: wrap;
                            background-color: var(--ifa-radio-inner-bg);
                            border-radius: 20px;
                            padding: 15px 10px 15px 80px;
                            margin-left: 20px;
                            .amount-wrap {
                                width: 100%;
                                .amount {
                                    width: auto;
                                    border: 0;
                                    height: auto;
                                    font-weight: 600;
                                    line-height: normal;
                                    text-align: left;
                                    color: var(--ifa-blue);
                                    background: transparent;
                                }
                                
                            }
                            .copy {
                                padding-top: 4px;
                                padding-inline: 0!important;
                                width: 100%;
                            }
                        }
                    }
                }
            }
            
            #chooseamount {
                .btn-next {
                    font-weight: 700;
                    border-radius: 30px;
                }
            }
            
            #OwnAmount {
                padding: 20px 0;
                > .form-group {
                    display: flex;
                    flex-wrap: wrap;
                    justify-content: center;
                    padding-top: 10px;
                    > .col-xs-3 {
                        display: none;
                    }
                    > .col-xs-6 {
                        width: 75%;
                        .input-group-addon {
                            font-size: inherit;
                            padding-inline: 10px;
                            border: 0;
                        }
                        #d_amount_free {
                            min-height: auto;
                            border: 0;
                        }
                    }
                }
            }
            
        }
    } /* End: profileSidebar */
    
    .sidebar-form-toggler-nav {
        #sidebar-form-toggler {
            li {
                padding-inline: 2px;
                a.active {
                    --ifa-nav-color: var(--ifa-blue);
                    --ifa-nav-border-color: var(--ifa-blue);
                }
                a {
                    --ifa-nav-color: var(--ifa-midgrey);
                    --ifa-nav-border-color: var(--ifa-midgrey);
                    color: var(--ifa-nav-color);
                    font-weight: 700;
                    border-radius: 0;
                    background: transparent;
                    border-width: 0 0 3px 0;
                    border-color: var(--ifa-nav-border-color);
                }
                
            }
        }
    }
    
    #Members {
        background-color: var(--ifa-lighter-orange);
        &:before, &:after {
            content: '';
            position: absolute;
        }
        &:before {
            --ifa-decor-bg-img: url('https://d38aml7o8uul1j.cloudfront.net/befa10cb3d287d5720c765c93a90061f.png');
            width: 250px;
            height: 250px;
            top: 0;
            left: 0;
            background: top left / contain no-repeat var(--ifa-decor-bg-img);
        }
        &:after {
            --ifa-decor-bg-img: url('https://d38aml7o8uul1j.cloudfront.net/d376131667868831c21d23082562b9e3.png');
            width: 95px;
            height: 150px;
            top: 20px;
            right: 50px;
            background: top left / contain no-repeat var(--ifa-decor-bg-img);
        }
    }
    
    #Members, #Teams {
        .panel {
            border-radius: 40px;
            border: 1px solid var(--ifa-primary);
        }
    }
    
    #Donations {
        background-color: var(--ifa-blue);
        &:before {
            --ifa-decor-bg-img: url('https://d38aml7o8uul1j.cloudfront.net/c445770679cf83f2b2c64a952fab7bbb.png');
            content: '';
            position: absolute;
            width: 95px;
            height: 150px;
            left: 0;
            bottom: 20px;
            background: top left / contain no-repeat var(--ifa-decor-bg-img);
        }
        
        #Donors {
            .donation {
                --ifa-panel-bg: var(--ifa-lighter-orange);
                --ifa-text-color: var(--ifa-blue);
                --ifa-comments-color: var(--ifa-secondary);
                margin-bottom: 10px;
                
                &.donation-vip {
                    --ifa-panel-bg: var(--ifa-secondary);
                    --ifa-text-color: var(--ifa-white);
                    --ifa-comments-color: var(--ifa-white);
                }
                
                .panel {
                    border-radius: 40px;
                    background: var(--ifa-panel-bg);
                    border-color: var(--ifa-panel-bg);
                    .img-panel-decoration {
                        position: absolute;
                        width: 70px;
                        top: 20px;
                        right: 40px;
                    }
                    
                    .amount-item, .profilename {
                        h3 {
                            color: var(--ifa-text-color);
                            &:after {
                                display: none;
                            }
                        }
                    }
                    .comments {
                        p { color: var(--ifa-comments-color); }
                    }
                    
                }
            } /* End: donation */
        } /* End: Donors */
        
    }
        
        
    /*} */
    /* End: #template-profile */

    .progress-indicator {
        position: absolute;
        top: 50%;
        left: 0;
        transform: translateY(-50%);
        img {
            width: 36px;
            min-width: 36px;
            margin-left: auto;
            transform: translate(-50%, -50%);
            position: absolute;
            top: 0;
            left: 100%;
        }
    }
    
} /* End: diy-custom */

/* End: 2025/11/24th */

/* Start: 2025/09/30th - DIY - custom rego elements */

.diy-event .container-custom {
    background-color: var(--ifa-primary-lighter);
    border-radius: 40px !important;
    border: 2px solid var(--ifa-navy) !important;
    
    /* adding graphics decorations */
    &:before,
    &:after {
        content: '';
        width: var(--ifa-bg-box);
        aspect-ratio: 1/1.5;
        display: block;
        position: absolute;
        background: var(--ifa-bg-position) / contain no-repeat var(--ifa-bg);
    }
    &:before {
        --ifa-bg-box: 200px;
        --ifa-bg: url('https://d38aml7o8uul1j.cloudfront.net/618b463c6bafe3f02b30bd18933ab2b5.svg');
        --ifa-bg-position: top right;
        top: 0;
        right: 0;
        
    }
    &:after {
        --ifa-bg-box: 90px;
        --ifa-bg: url('https://d38aml7o8uul1j.cloudfront.net/1a5f80e6d7cb16235b0b48383bd189bd.svg');
        --ifa-bg-position: left bottom;
        left: 2%;
        bottom: 10%;
        /*bottom: 100px;*/
    }
}

.diy-event.no-section-decoration .container-custom {
    &:before,
    &:after {
        display: none;
    }
}

.diy-event .input-group-addon {
    color: var(--ifa-white);
    /*font-size: 22px;*/
    padding: 5px 15px;
    background-color: var(--ifa-blue);}
.diy-event .input-group-addon + .form-control {
    min-height: 60px;}
.diy-event .input-group-addon + .form-control,
.diy-event input.form-control, input.form-control:focus,
.diy-event .btn {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;}
    
.diy-event .invite-link .input-group .form-control {
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
}
.diy-event .invite-link .input-group .input-group-addon {
    background-color: var(--ifa-yellow);
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
}
.diy-event .invite-link .input-group .input-group-addon a span {
    color: var(--ifa-navy)!important;
    font-weight: 700;
}

.diy-event.template-fundraise .registration-steps {
    border: 0;
}
.diy-event.template-fundraise #DonationForm #amountdetails .donationHandlers {
    margin-bottom: 30px;
}
.diy-event.template-fundraise #DonationForm #amountdetails .donationHandlers .radio {
    padding: 18px;
    margin: 0;
    outline: none;
}
.diy-event.template-fundraise #DonationForm #amountdetails .donationHandlers .radio .radio-text {
    --ifa-handler-bg: transparent;
    display: flex;
    flex-wrap: wrap;
    position: relative;
    padding: 20px;
    background-color: var(--ifa-handler-bg);
    border: 2px solid var(--ifa-primary);
    border-radius: 50px;
}
.diy-event.template-fundraise #DonationForm #amountdetails .donationHandlers .radio.selected .radio-text {
    --ifa-handler-bg: var(--ifa-yellow);
}
.diy-event.template-fundraise #DonationForm #amountdetails .donationHandlers .radio .radio-amount {
    width: 95px;
    height: 95px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--ifa-white);
    background-color: var(--ifa-blue);
    border-radius: 95px;
    position: absolute;
    left: -8px;
    bottom: -15px;
}
.diy-event.template-fundraise #content-main:has(#DonationForm) {
    background-color: var(--ifa-primary-lighter);
}
.diy-event.template-fundraise #content-main:has(#DonationForm) section .container {
    padding-inline: 50px;
    background-color: var(--ifa-white);
    border-radius: 40px!important;
    border: 0!important;
}
.diy-event.template-fundraise #content-main:has(#DonationForm) .input-group-addon {
    color: var(--ifa-white);
    font-size: 22px;
    padding: 5px 20px;
    background-color: var(--ifa-blue);}
.diy-event.template-fundraise #content-main:has(#DonationForm) .input-group-addon + .form-control {
    min-height: 60px;}
.diy-event.template-fundraise #content-main:has(#DonationForm) .input-group-addon + .form-control,
.diy-event.template-fundraise #content-main:has(#DonationForm) .btn {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;}
.diy-event.template-fundraise #DonationForm #amountdetails .donationHandlers .radio.notselected, 
.diy-event.template-fundraise #DonationForm #amountdetails .donationHandlers .radio.nothover {
    opacity: 1;
}

.diy-event.template-fundraise #content-main:has(#DonationForm) section .container .nothanks,
.diy-event.template-fundraise #content-main:has(#DonationForm) section .container .nextstep {
    font-weight: 700;
    border-radius: 30px;
    min-width: 230px;
}

.section-fundraising-target .container {
    background-color: var(--ifa-primary-lighter);
    border-radius: 40px!important;
    border: 2px solid var(--ifa-navy)!important;}

.list-fundraising-target .fundraising-target-item {
    --ifa-target-bg: var(--ifa-white);
    padding: 25px;
    background-color: var(--ifa-target-bg);
    border: 2px solid var(--ifa-primary);
    border-radius: 30px;
    cursor: pointer;}
.list-fundraising-target .fundraising-target-item.selected {
    --ifa-target-bg: var(--ifa-yellow);}
.list-fundraising-target .fundraising-target-item .target-title {
    color: var(--ifa-blue);
    font-size: 22px;
    font-weight: 700;}
.list-fundraising-target .fundraising-target-item .target-amount {
    width: 125px;
    height: 125px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 32px;
    border-radius: 125px;
    color: var(--ifa-white);
    font-weight: 700;
    background-color: var(--ifa-blue);}
.list-fundraising-target .fundraising-target-item .img-target {
    width: 200px;}
    
.vip-rewards p {
    font-weight: 700;
    color: var(--ifa-navy);}

.form-fundraising-target h3 {
    font-weight: 700;}
.form-fundraising-target .input-group-addon {
    color: var(--ifa-white);
    font-size: 22px;
    padding: 5px 20px;
    background-color: var(--ifa-blue);}
.form-fundraising-target .input-group-addon + .form-control {
    min-height: 60px;}
.form-fundraising-target input.form-control, 
.form-fundraising-target input.form-control:focus,
.no-shadow {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;}
    
.img-graphics {
    position: absolute;}
.img-graphics-1 {
    top: 0;
    right: 0;
    width: 200px;}
.img-graphics-2 {
    left: 50px;
    bottom: 120px;}
.img-graphics-nudge-1 {
    top: 0;
    left: 0;
}
.img-graphics-nudge-2 {
    top: 50px;
    right: 60px;
}

.button-container {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: center;
}
.button-container > div {
    width: auto;
    margin: 0!important;
    padding: 15px;
}

.entry-steps .section .summary {
    margin-bottom: 30px;
}

/* End: 2025/09/30th */

.funraisin-account-tab-content .funraisin-form #m_dob_d,
.funraisin-account-tab-content .funraisin-form #m_dob_m,
.funraisin-account-tab-content .funraisin-form #m_dob_y {
    padding: 8px 15px;
}


h4.event-title {
    color: #f25d23;
    font-size: 20px;
    font-weight: 700;
}

.btn-xl {
    font-size: 19px !important;
    line-height: 1.4em;
}

.header-box {
    border-radius: 8px;
    box-shadow: 0px 10px 60px -7px rgba(0,0,0,0.3);
}

/*Dropdown Nav*/
.funraisin-dropdown-nav:hover .funraisin-dropdown-menu {
    border-radius: 4px;
}

/*Custom Width*/
.width-240 {
    width: 240px !important;
}

/*Button Focus*/
.nav>li>a.btn-primary:focus, .btn-primary:focus {
    background-color: #F37253;
}

/*Button Shadow*/
.btn-secondary {
    -webkit-box-shadow: 0 3px 0 0 #c13700;
    box-shadow: 0 3px 0 0 #c13700;
}
    
.btn-primary {
    -webkit-box-shadow: 0 3px 0 0 #4e8820;
    box-shadow: 0 3px 0 0 #4e8820;
}

.btn-tertiary {
    -webkit-box-shadow: 0 3px 0 0 #4e8820;
    box-shadow: 0 3px 0 0 #4e8820;
}
    
input#header_kw {
    webkit-box-shadow: 0 3px 0 0 #d2d2d2;
    box-shadow: 0 3px 0 0 #d2d2d2;
}

input.form-control, input.form-control:focus {
    webkit-box-shadow: 0 3px 0 0 #d2d2d2 !important;
    box-shadow: 0 3px 0 0 #d2d2d2 !important;
}

/*Split Content*/
.full-text-right {
    width: 600px;
    /*max-width: 50%;*/
    margin: 0 auto 0 0;
}

.full-text-left {
    width: 600px;
    /*max-width: 50%;*/
    margin: 0 0 0 auto;
}


/*Overlapp Element*/
.over-top {
    z-index: 2;
    position: relative;
}

/*Border Item */
.bordered {
    border: 1px solid #d2d2d2;
}

#sticky-nav img {
    width: 220px;
    margin-left: -15px;
}

/*2nd Navigation*/
.funraisin-page-nav ul li a {
    padding: 8px 14px;
}


/*Hover Scale*/
.hvr-scale {
    transition: 0.1s ease; 
    cursor: pointer;
}
.hvr-scale:hover {
    transform: scale(1.05, 1.05);
    opacity: 1;
}

/*Tabs font-size*/
.lump.tab-content .nav-tabs li a {
    font-size: 16px;
}
.nav-tabs {
    padding: 20px 0 0;
}

.hvr-grow {
  display: inline-block; 
  vertical-align: middle;
  transition: 0.1s ease;
  cursor: pointer;
}
  
.hvr-grow:hover {
    transform: scale(1.05, 1.05); /** default is 1, scale it to 1.5 */
    opacity: 1;
}

.fundraise-select {
    border-radius: 30px;
    box-shadow: 0 6px 0 0 #d2d2d2;
    border: 1px solid #e5e5e5;
}
#contentimg {
    background-size: contain !important;
    background-position: right top !important;
    background-repeat: no-repeat !important;
}
#contentimggrey {
    background-size: contain !important;
    background-position: right top !important;
    background-repeat: no-repeat !important;
}

/*Circle Links*/
.circle-link {
    width: 20px;
    height: 20px;
    display: block;
    line-height: 0;
    color: #fff!important;
    
}


#background-position-left {
    background-size: auto !important;
    background-repeat: no-repeat !important;
    background-position: center left !important;
}

#background-position-right {
    background-size: auto !important;
    background-repeat: no-repeat !important;
    background-position: center right !important;
}

.box-radius {
    border-radius: 30px;
}

input#search_kw2644 {
    box-shadow: 0 3px 0 0 #d2d2d2;
}

/*Asset Blocks*/
.lump-assets .lump-asset .asset-block .asset-text {
    padding: 15px;
    background: #fff;
}
.asset-text h4.title {
    color: #f25d23;
    font-size: 20px;
    font-weight: 700;
}
.asset-text .btn-primary {
    background: #7ac142;
    color: #fff;
    border-color: #7ac142;
    box-shadow: 0 3px 0 0 #4e8820;
}

/*Community Social Icons*/
.social-icons ul {
    padding: 0;
}
.social-icons ul,
.social-icons li{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}
.social-icons ul li{
    list-style: none;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    margin: 8px;
    background: #fff;
}
.social-icons ul li a {
    color: #f15d21 !important;
    font-size: 20px;
}

/*FAQ*/
.section-question .button {
    color: #fff;
}
.lastFAQ .lump-faq {
    border: none;
}

/*Footer*/
.footerCol {
    display: flex;
    align-items: center;
    min-height: 130px;
}
.custom-footer {background-color: #0081c6; color: #fff;}
.footer-social-links a:not(.btn-primary) {
    display: inline-block;
    text-align: center;
    color: #fff;
    padding: 5px;
    margin: 0 5px;
    font-size: 24px;
}
.width-165 {width: 155px;}

.col-md-5.col-md-offset-3 {
    justify-content: flex-end;
    padding-right: 25px;
    vertical-align: bottom;
    display: flex;
    place-items: flex-end;
}

.card.card-fundraising-progress {
    padding-bottom: 0 !important;
}
#fundraisingMyself .row.form-group {
    margin-bottom: 0;
}
.template-login-dashboard .container.width-900.position-relative.container-custom {
    padding: 30px;
}
.facebook-fundraiser a.btn,
.profile-header-title a{
    font-weight: bold;
}
.template-login-dashboard #Donations {
    display: none;
}
.funraisin-page-loggedin-toggle ul li a {
    text-transform: capitalize !important;
}
/*.diy-event .row {*/
/*    z-index: 2;*/
/*    position: relative;*/
/*}*/
.funraisin-dashboard-new .input-group-addon.btn-primary.btn {
    border: none;
    display: flex;
    align-items: center;
}
.funraisin-header.loggedin-header.vertical-align.width-full {
    z-index: 0;
}
.member-vip .join-button{
    color: #fff !important;
}
#sticky-nav .nav.navbar-nav.navbar-right a.btn.btn-primary:hover {
    color: #1a365e;
}


@media only screen and (max-width: 1024px) {
    .card-donation-stats-progress .list-tiers .card-body .row .col-xs-6 {
        width: 100%;
        margin-bottom: 25px;
    }
    .card-donation-stats-progress .list-tiers .card-body .tier-image {
        max-height: 130px;
        margin: 0 auto;
    }
    #Custom-Footer .col-md-5.col-md-offset-3 {
        place-items: center;
    }
    #template-profile .panel {
        width: 650px !important;
    }
    #template-profile #Donors .panel,
    #template-profile #Members .panel{
        width: 100% !important;
    }
    .funraisin-page-right .inner a.btn.btn-primary {
        font-size: 14px !important;
        padding: 10px;
    }
    #template-profile .col-join-btn {
        margin-top: 20px;
    }
    .diy-event .container-custom {
        &:after {
            bottom: 16% !important;
            z-index: 0;
        }
    }
    .profile-header-event h1 {
        font-size: 35px !important;
    }
    .diy-custom .profile-header-event span {
        font-size: 18px !important;
    }
    .card-badges {
        & .slider-badges {
            & .slick-next {
                right: -25px !important;
            }
        }
    }
    .card-badges {
        & .slider-badges {
            & .slick-prev {
                left: -25px !important;
            }
        }
    }
    .facebook-fundraiser.pt15.pb20 a {
        width: 100% !important;
    }
}


/* DIY Dashboard */
#donationStatsMyself p {
    min-height: 75px;
}