/*CSS*/

/*Temporarily hide navigation*/
/*.funraisin-primary-nav {visibility: hidden;}*/
/*.funraisin-sticky-nav .navbar-right {visibility: hidden;}*/
/*.wgs-footer .container:first-child {display: none;}*/

/*REMOVE BORDER RADIUS*/
* { border-radius: 0 !important;}

/*HIDE X FROM NEXT STEPS*/
#popup #NextSteps .BtClose { display: none;}

/*Hide image upload from Donation Confirmation Lightbox*/
#LightboxDonationForm #LightboxDonation {
    display: none;
}

#LightboxDonationForm div:nth-child(6), #LightboxDonationForm div:nth-child(7) {
    display:none;
}

/*Global error message styling*/
p.error {
    border: 2px solid #FF4617!important;
    color: #FF4617!important;
    background: none;
}

/*Login lightbox > error message under input field*/
#login_password-error, #login_email-error {
    color: #FF4617!important;
    font-size: 14px!important;
}

/*Container*/
@media(max-width: 767px) {
    .content-main .content {
        overflow: hidden;
    }
}

/*Fundraising Page > Donation Panel > Enter Own Amount (Remove background colour)*/
#template-profile #d_amount_free.bg-primary {
    background-color: transparent!important;
}

/*Nav*/
.funraisin-header-wrapper {
    min-height: auto;    
}

.funraisin-header-nav .navbar-nav {
    justify-content: flex-end;
}

.primary-nav-container > .container > * {
    width: auto;
}

.funraisin-desktop-nav .funraisin-primary-nav .funraisin-dropdown-nav .funraisin-dropdown-menu a, #sticky-nav .funraisin-dropdown-nav .funraisin-dropdown-menu li a {
    padding-right: 2.5rem;
}

.funraisin-dropdown-menu.LoggedInNavOptions .panel-group {
    background: var(--lf-white);
}

.primary-nav-container > .container {
    justify-content: space-between;
}

.wgs-light-nav .funraisin-header-nav {
    background: transparent;
}

.primary-nav-container > .container, .funraisin-sticky-nav > .container {
    width: 2000px;
    max-width: 100%;
    padding-right: 0;
}

.funraisin-sticky-nav .funraisin-dropdown-nav .funraisin-dropdown-menu a {
    color: var(--lf-blue);
    font-size: 16px;
}

.funraisin-sticky-nav .funraisin-dropdown-nav .funraisin-dropdown-menu a:hover{
    color: var(--lf-blue);
    background: transparent;
}

.funraisin-sticky-nav {
    border-bottom: 0 !important;
}

.funraisin-sticky-nav .site-logo img {
    width: 100px;
}

.funraisin-dropdown-nav .funraisin-dropdown-menu > li:first-child  {
    padding-top: 1rem;
} 

.funraisin-dropdown-nav .funraisin-dropdown-menu > li:last-child  {
    padding-bottom: 1rem;
}

@media (min-width: 1025px) {

    .funraisin-dropdown-nav .funraisin-dropdown-menu > li {
        padding-left: .5rem;
        padding-right: .5rem;
        /*min-width: 320px;*/
    }

    .funraisin-dropdown-nav > a {
        position: relative;
    }

    .funraisin-dropdown-nav > a:hover:after:not([aria-label="Login"]) {
        font-family: 'Material Icons';
        content: 'keyboard_arrow_down';
        -webkit-font-feature-settings: 'liga';
        position: absolute;
        right: -8px;
        width: 24px;
        height: 24px;
        top: calc(50% - 12px);
        display: flex;
        align-items: center;
        justify-content: center;
        color: var(--lf-splice-green);
    }

    ul.funraisin-dropdown-menu {
        position: relative;
    }

    .funraisin-dropdown-nav:hover ul.funraisin-dropdown-menu {
        overflow: visible;
    }

    .funraisin-dropdown-nav:hover ul.funraisin-dropdown-menu:before {
        /*content: '';*/
        background: #fff;
        width: 24px;
        height: 16px;
        top: -14px;
        left: 24px; 
        position: absolute;
        clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
    }

    #sticky-nav .funraisin-dropdown-nav:hover ul.funraisin-dropdown-menu {
        /*transform: translateY(.875rem);*/
        /*left: calc(50% - 160px);*/
    }

    #sticky-nav .funraisin-dropdown-nav:hover > a {
        padding-bottom: 1rem;
        padding-top: 1rem;
    }

    .funraisin-dropdown-nav .funraisin-dropdown-menu > li a {
        position: relative;
        z-index: 4;
    }

    .funraisin-dropdown-nav .funraisin-dropdown-menu > li a:before {
        content: '';
        position: absolute;
        width: calc(100% - .5rem);
        height: 40px;
        bottom: calc(50% - 20px);
        left: .25rem;
        z-index: -1;
        transition: all 250ms ease-in-out;
    }

    .funraisin-dropdown-nav .funraisin-dropdown-menu > li:hover a:before {
        background: var(--lf-splice-green);
        transform: rotate(-.75deg);
    }

    .funraisin-dropdown-nav .funraisin-dropdown-menu > li:hover a:after  {
        font-family: 'Material Icons';
        content: "arrow_forward_ios";
        -webkit-font-feature-settings: 'liga';
        position: absolute;
        right: 0;
        width: 38px;
        height: 38px;
        top: calc(50% - 19px);
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .funraisin-dropdown-nav .funraisin-dropdown-menu > li a {
        font-weight: var(--fw-700);
        background: transparent !important;
        position: relative;
        z-index: 4;
    }

}

.funraisin-page-left .funraisin-primary-nav .funraisin-dropdown-nav .funraisin-dropdown-menu {
    padding-left: 0;
}

.funraisin-dropdown-nav .funraisin-dropdown-menu > li a:hover {
    background: transparent !important;
}

.funraisin-dropdown-nav .funraisin-dropdown-menu > li a:hover {
    background: transparent;
}

@media (min-width: 1681px) {
    .primary-nav-container > .container .site-logo img {
        width: 180px;
    }
}

.funraisin-sticky-nav ul li a {
    padding-top: .5rem;
    padding-bottom: .5rem;
}

.funraisin-desktop-nav .funraisin-dropdown-nav .LoggedInNavOptions .login-dropdown > a:not(.collapsed), .funraisin-page-loggedin-toggle ul li a.active, .funraisin-page-loggedin-toggle ul li a:hover {
    color: var(--lf-blue);
}

.funraisin-page-loggedin-toggle ul li a.active span, .funraisin-page-loggedin-toggle ul li a:hover span {
    background: var(--lf-blue);
}


/*DASHBOARD*/
/* brandon 20/06/24 */
.funraisin-header.loggedin-header
  .container
  .vertical-align
  > div:last-of-type {
  display: flex;
  flex-direction: column;
  justify-content: end;
}

.funraisin-header.loggedin-header {min-height: 400px;}
.funraisin-header.loggedin-header .container {padding: 60px 0 160px 0;}

.funraisin-header .funraisin-profile-header h3 {
    margin: 0;
}

.funraisin-header .funraisin-profile-header h4 {
    margin: 0;
}

.funraisin-header.loggedin-header .profile-image {
  width: 100%;
  border: none;
}

.funraisin-header.loggedin-header .profile-image-upload a {
    color: #d2fc62;
    background: #001489;
    border-color: #001489;
}
    

.funraisin-header.loggedin-header .year-tag {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 170px;
  background: #FFFFFF;
  position: absolute;
  top: 12px;
  right: 0;
}

.funraisin-header.loggedin-header .year-tag-text {
  color: #001489;
}

.funraisin-page-loggedin-toggle {
  /*position: absolute;*/
  top: -56px;
  /*left: 86px;*/
  border: none;
  margin: 0;
  z-index: 2;
}

.funraisin-page-loggedin-toggle.chooseEvent {
    top: -66px;
}

.funraisin-page-loggedin-toggle.has-secondary-nav {
  /*top: -112px;*/
      margin-top: -56px;
    position: relative;
}

.funraisin-page-loggedin-toggle ul {
  justify-content: flex-start;
}

.funraisin-page-loggedin-toggle ul li {
  background-color: #fff;
  padding: 8px 24px;
}

.funraisin-page-loggedin-toggle ul.primary li {
  padding: 8px 20px 8px 14px;
}

.funraisin-page-loggedin-toggle ul.primary li:hover,
.funraisin-page-loggedin-toggle ul.primary li.active {
  background-color: #d2fc62;
  cursor: pointer;
}

.funraisin-page-loggedin-toggle ul li a {
  color: #0c2340;
}

.funraisin-page-loggedin-toggle ul li:hover a,
.funraisin-page-loggedin-toggle ul li.active a {
  color: var(--lf-blue);
}

.funraisin-page-loggedin-toggle ul.secondary li a span {
  width: unset;
}

.funraisin-page-loggedin-toggle ul.secondary li a {
  border-bottom: 3px solid transparent;
}

.funraisin-page-loggedin-toggle ul.secondary li:hover a,
.funraisin-page-loggedin-toggle ul.secondary li.active a {
  border-bottom-color: var(--lf-blue);
}

.funraisin-page-loggedin-toggle ul li a span {
  color: #0c2340;
  background: transparent;
  margin: 0;
}

.funraisin-page-loggedin-toggle ul li:hover a span,
.funraisin-page-loggedin-toggle ul li.active a span,
.funraisin-page-loggedin-toggle ul li a:hover span {
  color: var(--lf-blue);
  background: transparent;
}

.funraisin-page-nav {
  display: none;
}

.template-login-dashboard .profile-header-view-profile .view-profile-btn {
    margin: 10px 15px;
}
/*.template-login-dashboard .profile-header-view-profile .view-profile-btn:hover{*/
/*       background-color: transparent;*/
/*    color: #d2fc62 !important;*/
/*    border: 2px solid #d2fc62 !important;*/
/*}*/
.template-login-dashboard #Donations .donation .amount p {
    font-weight: 700;
}

.template-login-dashboard #Donors {
    display: flex;
    flex-wrap: wrap;
}

.template-login-dashboard #Donors .donation {
    position: relative !important;
    top: unset !important;
    left: unset !important;
}

.template-login-dashboard #Donors .donation .panel {
    flex-wrap: unset;
}

.template-login-dashboard #Donors .donation .panel .profilename p {
    display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

/*DASHBOARD END*/

/*PROFILE PAGE (INDIVIDUAL AND TEAM)*/
/*brandon 02/07/24*/

#template-profile .funraisin-header.profile-header {min-height: 500px;}
#template-profile .funraisin-header.profile-header .container {padding: 160px 0 60px 0;}

#template-profile .funraisin-header .year-tag {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #FFFFFF;
  position: absolute;
  top: 10px;
  right: 2%;
}

#template-profile .funraisin-header .year-tag-text {
  color: #001489;
  font-weight: 800;
  margin: 0;
  padding: 4px 6px;
}

#template-profile .profile-header .profile-image {
    width: unset;
}

#template-profile .funraisin-profile-header {
    display: flex;
    flex-direction: column;
    align-self: end;
}

#template-profile .funraisin-profile-header h1 {
    order: 1;
}

#template-profile .funraisin-profile-header .motivation-text {
    order: 2;
    background: #001489;
    padding: 8px;
}

#template-profile .funraisin-profile-header .team-btn {
    display: flex;
    align-items: center;
    padding: 8px;
    gap: 8px;
    order: 3;
}

#template-profile .funraisin-profile-header .team-btn:hover {
    color: #d2fc62;
}

#template-profile .funraisin-profile-header .desktop {
    order: 4;
}

#template-profile .funraisin-profile-header .share-page-icons {
    display: flex;
    gap: 10px;
    order: 5;
}

#template-profile .funraisin-profile-header .share-page-icons a:hover {
    color: #d2fc62 !important;
    border-color: #d2fc62 !important;
}

#template-profile .funraisin-profile-header + .header-profile-right {
    display: none;
}

#template-profile .funraisin-profile-header .team-btn i {
    font-size: 12px;
}

#template-profile .funraisin-profile-header .share-page-icons a {
    height: 44px;
    width: 44px;
    background: transparent !important;
    border: 1px solid white;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
}

#template-profile .funraisin-profile-header .share-page-icons i {
    margin: 0;
}

#template-profile .funraisin-profile-header .share-page-icons a.btn-primary {
    display: none;
}

#template-profile .profileSidebar {
    position: relative; /*for bug 351*/
}

#template-profile .profileSidebar {margin-top: -355px;}

#template-profile .profileSidebar .sidebar-top {
    background: #D2FC62;    
}

/*#template-profile .profileSidebar .sidebar-top .progress-bar {*/
/*    background: #001489 !important;*/
/*}*/

#template-profile .profileSidebar .sidebar-top h2,
#template-profile .profileSidebar .sidebar-top h3, 
#template-profile .profileSidebar .sidebar-top h4 {
    color: #001489;
}

#template-profile .profileSidebar .donationHandlers {
    gap: 10px
}

#template-profile .profileSidebar .donationHandlers .copy-text {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    background: #F1f5f9;
    color: #0C2340;
    padding: 10px;
    gap: 10px;
    order: 1;
}

#template-profile .profileSidebar .donationHandlers .copy-text .row {
    font-size: 14px;
    line-height: 21px;
    text-align: left;
    flex: 1;
}

#template-profile .profileSidebar .donationHandlers .copy-text strong {
    display: contents;
}

#template-profile .profileSidebar .donationHandlers .form-image {
    width: 80px;
    height: 80px;
}

#template-profile .profileSidebar .donationHandlers .form-image img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

#template-profile .profileSidebar .donationHandlers .radio {
    border-width: 2px;
    border-color: #F1F5F9;
    flex: 1;
    padding: 10px;
}

#template-profile #ProfileDonationForm #chooseamount .input-group-addon.color-primary {
    color: #fff !important;
}

#template-profile #ProfileDonationForm #chooseamount .form-control:focus {
    border-color: #001489;
}

#template-profile .profileSidebar .average-donation {
    display: flex;
    justify-content: center;
    padding: 25px 0 0;
    gap: 4px;
}

#template-profile .profileSidebar .average-donation p, 
#template-profile .profileSidebar .average-donation h6 {
    margin: 0;
    text-align: left;
}
    
#template-profile .profileSidebar .donationHandlers .arrow-top {
    display: none;
}

#template-profile .content-main .poll .poll-header {
    display: flex;
    align-items: flex-start;
}

#template-profile .content-main .before-after {
    display: none;
}
    
#template-profile .content-main .before-after .comparison-photo {
    display: flex;
    justify-content: center;
}

#template-profile .content-main .before-after .before,
#template-profile .content-main .before-after .after {
    flex: 1;
    position: relative;
}

#template-profile .content-main .before-after .before span,
#template-profile .content-main .before-after .after span {
    position: absolute;
    bottom: 0;
    left: 0;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 1em;
    padding: 12px 20px !important;
    line-height: 1;
}

#template-profile .content-main .before-after .before img,
#template-profile .content-main .before-after .after img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

#template-profile .content-main .before-after .comparison-caption {
    display: flex;
    justify-content: space-between;
    padding: 30px 40px 30px;
    align-items: center;
}

#template-profile .poll,
#template-profile #Badges {
    display: none;
}

#template-profile #Badges > .container {
    background: #D2FC62;
}

#template-profile #Badges .reward-heading + .row  {
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
    gap: 60px
}

#template-profile #Badges .reward-heading {
    display: flex;
    justify-content: space-between;
}

#template-profile #Badges .reward-badge {
    width: unset;
}

#template-profile #Badges .reward-heading .next-milestone {
    margin-bottom: 16px;
}

#template-profile #Badges .reward-heading a.toDonate-btn {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border: 1px solid #001489;
    color: #001489;
}

#template-profile #Blogs .blog {
    border-bottom: 1px solid #001489;
    margin-bottom: 20px;
}

#template-profile #Blogs .blog .title {
    margin-bottom: 0;
}

#template-profile #Blogs .blog .blogImage {
    margin-bottom: 10px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    max-width: unset;
    float: unset;
    text-align: unset !important;
}

#template-profile #Blogs .blog .blogImage img {
    width: 100%;
}

#template-profile #Blogs .blog-content, 
#template-profile #Blogs .blog-content p {
    color: #001489 !important;    
}

#template-profile #Blogs .blog-content {
    margin-bottom: 10px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

#template-profile #Blogs .readmore-btn:hover {
    color: #d2fc62;
}

#template-profile #Blogs .blog-content.expanded {
    display: block;
    overflow: visible;
}

#template-profile #Blogs > .container,
#template-profile #Donations > .container {
    display: flex;
    flex-wrap: wrap;
}
#template-profile #Donations > .container > p {
    width: 100%;
}

#template-profile #Donations .donation-row {
    max-width: unset;
}

#template-profile #Donations .donation.noimage .amount {
    display: flex;
    flex: 2;
    justify-content: center;
    align-items: center;
    height: unset;
    width: 100%;
    box-sizing: border-box;
    padding: 4px 20px;
}

#template-profile #Donations .donation .amount p {
    font-size: 36px;
    line-height: 40px;
}

#template-profile #Donations .donation.noimage .profilename {
    flex: 7;
    display: block;
    padding: 0;
}

#template-profile #Donors {
    margin: 0;
}

#template-profile #Donors .donation {
    position: unset !important;
}

#template-profile #Donors .profilename h3,
#template-profile #Donors .profilename .comments {
    width: unset;
}

#template-profile #Donors .profilename .comments p {
    margin-top: 16px;
}

#template-profile #Donors .profilename h3:after {
    display: none;
}

#template-profile #Donors > .donation .panel {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: row;
    flex-wrap: nowrap;
    padding: 20px 0;
    margin: 0 0 20px;
    border: none;
    border-bottom: 1px solid #001489;
}

#template-profile #Members .tab-heading,
#template-profile #Teams .tab-heading {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#template-profile #Members .tab-heading a,
#template-profile #Teams .tab-heading a {
    font-weight: 700;
    display: flex;
    gap: 20px;
    align-items: center;
}

#template-profile #Members .tab-heading a:hover,
#template-profile #Teams .tab-heading a:hover {
    color: #d2fc62;
}

#template-profile #Members #MembersBlock,
#template-profile #Teams #TeamsBlock {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;    
    height: auto !important;
}

#template-profile #Members #MembersBlock a,
#template-profile #Teams #TeamsBlock a{
    position: unset !important;
}

#template-profile #Members #MembersBlock .panel,
#template-profile #Teams #TeamsBlock .panel{
    display: grid;
    grid-template-columns: 1fr 2fr;
    grid-template-rows: 2fr, 3fr;
    column-gap: 10px;
}

#template-profile #Members #MembersBlock .panel .profileimage,
#template-profile #Teams #TeamsBlock .panel .profileimage {
    grid-row: span 2;
}

#template-profile #Members #MembersBlock .panel .profile-image-frame,
#template-profile #Teams #TeamsBlock .panel .profile-image-frame {
    height: 80%;
}

#template-profile #Members #MembersBlock .panel .profile-image-wrapper,
#template-profile #Members #MembersBlock .panel .profile-image-wrapper img,
#template-profile #Teams #TeamsBlock .panel .profile-image-wrapper,
#template-profile #Teams #TeamsBlock .panel .profile-image-wrapper img {
    height: 100%;
    object-fit: cover;
}

#template-profile #Members #MembersBlock .panel .progress-bar,
#template-profile #Teams #TeamsBlock .panel .progress-bar {
    background: #0002D6;
}

#template-profile #Members #MembersBlock .panel > .row,
#template-profile #Teams #TeamsBlock .panel > .row {
    display: flex;
    justify-content: space-between;
}

#template-profile #Members #MembersBlock .panel > .row .col-sm-1,
#template-profile #Teams #TeamsBlock .panel > .row .col-sm-1 {
    align-self: flex-end;
    padding: 0;
}

/*PROFILE PAGE (INDIVIDUAL AND TEAM) END*/

#myTab h3[data-toggle="tab"] {
    font-size: 1.875rem;
    padding-top: .5rem;
    padding-bottom: .5rem;
}

#myTab h3[data-toggle="tab"] a {
    text-decoration: none;
}

#popup .fa-link {
     color: #001489;
}

.content .lump-1col a:not(.btn){
    text-decoration: underline;
    text-underline-offset: 4px;
}

/*Mobile Nav*/
.funraisin-mobile-nav {
    background: var(--lf-blue);
}

@media (max-width: 1024px) {
    body.wgs-light-nav .funraisin-header-wrapper {
        padding-top: 0;
    }
    
    body.wgs-light-nav .funraisin-mobile-nav {
        background: transparent;
    }
    
    .funraisin-header-nav .c-hamburger span::before, .funraisin-header-nav .c-hamburger span::before, 
    .funraisin-header-nav .c-hamburger span::after, .funraisin-header-nav .right-close span::before, 
    .funraisin-header-nav .right-close span::after, .funraisin-header-nav .c-hamburger span {
        background: var(--lf-splice-green);
    }
    
    body.wgs-light-nav .funraisin-header-nav > .inner {
        background: var(--lf-blue);
    }
    
    li.funraisin-dropdown-nav > a {
        display: flex;
        justify-content: space-between;
    }
}

.funraisin-page-right .userMenu {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding-left: 1rem !important;
}

.funraisin-page-right .userMenu .loggedinimage a {
    display: flex;
    align-items: center;
}

.funraisin-page-right .userMenu .loggedinimage h3 {
    font-size: 1.25rem;
}

.funraisin-page-right .btn {
    padding-left: 5px;
    padding-right: 5px;
    font-size: .875rem;
}


/*Australia Map*/
.australia-map-wrapper {
    padding: 2rem 12.5% 6rem 0;
    pointer-events: none
}

@media (min-width: 768px) {
    .australia-map-wrapper {
        padding:0
    }
}

.svg-australia-map {
    pointer-events: none
}

.svg-australia-map g[id],.svg-australia-map path[id] {
    pointer-events: all
}

.svg-australia-map g[id] path[style*=d2fc62],.svg-australia-map path[style*=d2fc62][id] {
    transition: .2s ease
}

.svg-australia-map g[id].active path[style*=d2fc62],.svg-australia-map g[id]:hover path[style*=d2fc62],.svg-australia-map path[style*=d2fc62][id].active,.svg-australia-map path[style*=d2fc62][id]:hover {
    fill: #fff!important
}

.state-total-item {
    transform: scale(0);
    transition: transform .3s cubic-bezier(.166,1,.33,1)
}

.state-total-item.scroll-active {
    transform: scale(1.01)
}

.state-total-item.active,.state-total-item:hover {
    transform: scale(1.25);
    z-index: 2
}

@media (min-width: 768px) {
    .state-total-item.active,.state-total-item:hover {
        transform:scale(1.5)
    }
}

.state-total-item[data-state=act] {
    left: 92.5%;
    top: 59.5%
}

@media (min-width: 768px) {
    .state-total-item[data-state=act] {
        left:93%;
        top: 63%
    }
}

.state-total-item[data-state=intl] {
    left: 20%;
    top: 100%
}

@media (min-width: 768px) {
    .state-total-item[data-state=intl] {
        left:95%;
        top: 10%
    }
}

.state-total-item[data-state=nsw] {
    left: 90%;
    top: 43.5%
}

@media (min-width: 768px) {
    .state-total-item[data-state=nsw] {
        left:90%;
        top: 50%
    }
}

.state-total-item[data-state=nt] {
    left: 15%;
    top: 10%
}

@media (min-width: 768px) {
    .state-total-item[data-state=nt] {
        left:25%;
        top: 15%
    }
}

.state-total-item[data-state=qld] {
    left: 75%;
    top: 15%
}

@media (min-width: 768px) {
    .state-total-item[data-state=qld] {
        left:75%;
        top: 25%
    }
}

.state-total-item[data-state=sa] {
    left: 50%;
    top: 72%
}

@media (min-width: 768px) {
    .state-total-item[data-state=sa] {
        left:50%;
        top: 72%
    }
}

.state-total-item[data-state=tas] {
    left: 85%;
    top: 100%
}

@media (min-width: 768px) {
    .state-total-item[data-state=tas] {
        left:95%;
        top: 90%
    }
}

.state-total-item[data-state=vic] {
    left: 90%;
    top: 75%
}

@media (min-width: 768px) {
    .state-total-item[data-state=vic] {
        left:90%;
        top: 75%
    }
}

.state-total-item[data-state=wa] {
    left: 0;
    top: 75%
}

@media (min-width: 768px) {
    .state-total-item[data-state=wa] {
        left:0;
        top: 75%
    }
}

.map-plane {
    bottom: 100%;
    height: 2rem;
    left: 100%;
    transform: translateY(50%);
    width: 2rem
}

/*<-------New style of CSS--------->*/

/*Cards with image*/
.wgs-cards.wgs-cards-info, .wgs-cards-info {
    position: relative;
    overflow-x: clip;
    
    .lump-1col {
        position: relative;
        z-index: 4;
    }
}

.wgs-cards .lump-1col:not(:has(p)) h3 {
    margin-bottom: 1.5rem;
}

.wgs-cards.wgs-cards-info:before, .wgs-cards.wgs-cards-info:after {
    background-color: var(--background);
    content: "";
    display: block;
    height: 70px;
    left: 0;
    position: absolute;
    bottom: 0;
    transform-origin: left;
    transition: transform 1s cubic-bezier(.166,1,.33,1);
    width: 100%;
    will-change: transform;
    z-index: 2;
}

.wgs-cards.wgs-cards-info:before {
    rotate: -5.41deg;
    top: 0;
    left: -15%
}

.wgs-cards.wgs-cards-info:after {
    rotate: -5.41deg;
    top: 10px;
    left: 30%;
}

.wgs-cards-wrap {
    transition: all 250ms ease-in-out;
    overflow: hidden;
    
    .wgs-cards img {
        aspect-ratio: 1 / 1;
        object-fit: cover;
        width: 100%;
        height: 100%;
        transition: all 250ms ease-in-out;
    }
}

.wgs-cards-wrap:hover {
    .wgs-cards img {
        transform: scale(1.025);
    }
    
    .wgs-cards.wgs-cards-info:before, .wgs-cards.wgs-cards-info:after {
        transform: scale(1.05) rotate(-2.5deg);
    }
}

.wgs-cards-info {
    padding: 1.5rem 2rem 2.5rem !important;
    
    .lump-1col {
        display: flex;
        justify-content: flex-end;
        flex-wrap: wrap;
    }
    
    .lump-1col *:not(.wgs-link):not(.wgs-link-find) {
        flex: 1 0 100%;
    }
}

.wgs-link, .wgs-link-find {
    flex: 1 0 50%;
    margin-top: 1.5rem;
}

.wgs-link {
    position: relative;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding-right: 3rem;
    font-size: 1.15em;
    text-decoration: none !important;
    font-weight: var(--fw-700);
    transition: all 250ms ease-in-out;
}

a.wgs-link {
    margin-top: auto;
}

.wgs-link:after {
    font-family: 'Material Icons';
    content: "arrow_forward";
    -webkit-font-feature-settings: 'liga';
    position: absolute;
    right: 0;
    width: 38px;
    height: 38px;
    top: calc(50% - 19px);
    border: 1px solid var(--body);
    display: flex;
    align-items: center;
    justify-content: center;    
    transition: transform .3s cubic-bezier(.166,1,.33,1);
}

.wgs-cards-info:hover .wgs-link {
    opacity: .85;
}

@media (min-width: 768px) and (max-width: 1023px) {
    .wgs-link {
        padding-right: 2.5rem;
    }

    .wgs-link:after {
        width: 30px;
        height: 30px;
        top: calc(50% - 15px);
    }    
    
    .wgs-cards-info {
        padding: 1rem 1.5rem 1.5rem !important;
    }
}

@media (max-width: 767px) {
    .wgs-cards-wrap {
        display: flex;
        flex-wrap: wrap;
        
        .wgs-cards-img {
            display: flex;
            flex: 1 0 40%;
            
                .lump-1image {
                    flex: 1 0 100%;
                    display: flex;
                }
        }
        
        .wgs-cards-info {
            flex: 1 0 60%;
        }
    }
    
    .wgs-cards-info {
        
        .wgs-link, .wgs-link-find {
            flex: 1 0 100%;
            margin-top: 1rem;
        }
        
        .wgs-link-find ~ .wgs-link {
            margin-top: 1rem;
        }
        
        padding: .75rem 1.25rem 1.25rem !important;
    }
    
    .wgs-link {
        padding-right: 2.5rem;
    }

    .wgs-link:after {
        width: 24px;
        height: 24px;
        top: calc(50% - 12px);
    }    
    
}


/*Padding*/
@media (min-width: 1281px) {
    .lump-row > .container > * > .lump-column:has(.wgs-cards-wrap), 
    .lump-row > .container > * > .lump-column:has(.wgs-cards-info), 
    .lump-row > .container > * > .lump-column:has(.wgs-gallery), 
    .lump-row > .container > * > .lump-column:has(.wgs-stats-box), 
    .lump-row > .container > * > .lump-column:has(.wgs-hor-card), 
    .lump-row > .container > * > .lump-column:has(.wgs-ver-card), 
    .lump-row > .container > * > .lump-column:has(.wgs-quote-card), 
    .lump-row > .container > * > .lump-column:has(.wgs-blog) {
        padding: 1rem !important;
    }
    
    .lump-row > .container > * > .lump-column:has(.wgs-navinpage) {
        padding: 0 1rem !important;
    }
    
    
}

@media (min-width: 1024px) and (max-width: 1279px) {
    .lump-row > .container > * > .lump-column:has(.wgs-cards-wrap), 
    .lump-row > .container > * > .lump-column:has(.wgs-cards-info), 
    .lump-row > .container > * > .lump-column:has(.wgs-gallery), 
    .lump-row > .container > * > .lump-column:has(.wgs-stats-box), 
    .lump-row > .container > * > .lump-column:has(.wgs-hor-card), 
    .lump-row > .container > * > .lump-column:has(.wgs-ver-card), 
    .lump-row > .container > * > .lump-column:has(.wgs-quote-card), 
    .lump-row > .container > * > .lump-column:has(.wgs-blog), 
    .lump-row > .container > * > .lump-column:has(.wgs-navinpage) {
        padding: .5rem !important;
    }
}

@media (max-width: 1023px) {
    .lump-row > .container > * > .lump-column:has(.wgs-cards-wrap), 
    .lump-row > .container > * > .lump-column:has(.wgs-cards-info), 
    .lump-row > .container > * > .lump-column:has(.wgs-gallery),
    .lump-row > .container > * > .lump-column:has(.wgs-stats-box), 
    .lump-row > .container > * > .lump-column:has(.wgs-hor-card), 
    .lump-row > .container > * > .lump-column:has(.wgs-ver-card), 
    .lump-row > .container > * > .lump-column:has(.wgs-quote-card), 
    .lump-row > .container > * > .lump-column:has(.wgs-blog), 
    .lump-row > .container > * > .lump-column:has(.wgs-navinpage) {
        padding: .5rem 10px !important;
    }
    
    .wgs-gallery {
        padding: .5rem 10px !important;
    }    
}

@media (max-width: 767px) {
    .lump-row > .container > * > .lump-column:has(.wgs-cards-wrap), 
    .lump-row > .container > * > .lump-column:has(.wgs-cards-info), 
    .lump-row > .container > * > .lump-column:has(.wgs-gallery), 
    .lump-row > .container > * > .lump-column:has(.wgs-stats-box), 
    .lump-row > .container > * > .lump-column:has(.wgs-hor-card), 
    .lump-row > .container > * > .lump-column:has(.wgs-ver-card), 
    .lump-row > .container > * > .lump-column:has(.wgs-quote-card), 
    .lump-row > .container > * > .lump-column:has(.wgs-navinpage) {
        padding: .25rem 10px !important;
    }
    
    .wgs-gallery {
        padding: .25rem 10px !important;
    }
    
    .lump-row > .container > * > .lump-column:has(.wgs-blog) {
        padding: .25rem 0 !important;
    }
}

/*Column Width*/
@media (max-width: 767px) {
    .row-all > .container > * .lump-column {
        width: 100%;
    }
}


/*Rotate*/
.wgs_rotate-3 {
    rotate: -3deg
}

.wgs-rotate-text {
    width: auto;
    flex: 0 0 auto;
}

/*Text Marquee*/
.wgs-marquee span {
    font-family: 'Gilroy-font';
    font-weight: 700;
    line-height: 90%;
}

.wgs_splice-green:has(.wgs-marquee) {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}


@keyframes wgs-marquee {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-100%);
  }
}

.wgs-marquee {
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  padding: .5rem 0;
  gap: 1rem;

  span {
    text-transform: uppercase;
    will-change: transform;
    transform: translateX(0);
    white-space: nowrap;
    animation: wgs-marquee 24s linear infinite;
  }
}

/*Before After*/
.wgs-beforeafter-wrap {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
    transition: all 6s ease-in-out;
}

.wgs-beforeafter-wrap img {
    width: 100%;
    aspect-ratio: 1 / 1;
}

.wgs-beforeafter-wrap .wgs-after, .wgs-beforeafter-wrap:hover .wgs-before {
    display: none;
    transition: all 6s ease-in-out;
}

.wgs-beforeafter-wrap:hover .wgs-after {
    display: block;
    transition: all 6s ease-in-out;
}

.wgs-beforeafter-wrap .wgs_lf-blue.wgs_rotate-3 {
    position: absolute;
    bottom: -5px;
    transition: all 2.5s ease-in-out;
    z-index: 5;
}

.wgs-beforeafter-wrap:hover .wgs_lf-blue.wgs_rotate-3 {
    transform: scale(1.05);
    rotate: 1deg;
}

.wgs-beforeafter-wrap > .lump:has(.hover-strokes) {
    top: -10px;
    right: 0;
    bottom: 0;
    left: 0;
    position: absolute;
    aspect-ratio: 1 / 1;
    width: 100%;
    overflow: hidden;
    z-index: 2;
    
    .hover-strokes {
        aspect-ratio: 1 / 1;
        width: 100%;
        position: relative;
        overflow: hidden;
        transform: rotate(-15deg) scale(1.5);
        transform-origin: center center;
    }
}

.wgs-beforeafter-wrap .lump-code {
    aspect-ratio: 1 / 1;
    width: 100%;
    overflow: hidden;
    line-height: 0;
}

.wgs-beforeafter-wrap:hover .hover-strokes div {
    transform: translateX(200%);
}

.wgs-beforeafter-wrap .hover-strokes div {
    background-color: #0002d6;
    height: 21%;
    left: -300%;
    position: absolute;
    transition: 1.6s cubic-bezier(.166,1,.33,1);
    width: 200%
}

.wgs-beforeafter-wrap .hover-strokes div:nth-child(2) {
    top: 20%;
    transition-delay: .1s
}

.wgs-beforeafter-wrap .hover-strokes div:nth-child(3) {
    top: 40%;
    transition-delay: .2s;
    width: 250%
}

.wgs-beforeafter-wrap .hover-strokes div:nth-child(4) {
    top: 60%;
    transition-delay: .3s
}

.wgs-beforeafter-wrap .hover-strokes div:nth-child(5) {
    top: 80%;
    transition-delay: .35s
}

/*Gallery*/
.wgs-gallery .lump-container, .wgs-quoteslider .lump-container {
    display: block!important;
}

.wgs-gallery .slick-dots {
    bottom: -30px;
}

.wgs-gallery .slick-dots li button:before, .wgs-gallery .slick-dots li button, .wgs-gallery  .slick-dots li {
    width: 40px;
    height: 4px;
}

.wgs-gallery .slick-dots li button:before {
    display: none;
}

.wgs-gallery .slick-dots li.slick-active {
    background: var(--lf-white);
}

.wgs-gallery .slick-dots li {
    background: #ffffff70;
}

.wgs-gallery.wgs-slick-blue .slick-dots li.slick-active {
    background: var(--lf-blue);
}

.wgs-gallery.wgs-slick-blue .slick-dots li {
    background: #001489a6;
}

.wgs-gallery .slick-dots li button {
    padding: 0;
}

.wgs-gallery ul.slick-dots {
    display: flex;
    justify-content: flex-end;
}

.wgs-gallery .slick-prev.slick-arrow:before, .wgs-quoteslider .slick-prev.slick-arrow:before {
    font-family: 'Material Icons';
    content: "chevron_left";
    -webkit-font-feature-settings: 'liga';
    position: absolute;
    left: 2.5rem;
    width: 38px;
    height: 38px;
    top: calc(50% - 19px);
    background: var(--lf-white);
    color: var(--lf-blue);
    opacity: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .3s cubic-bezier(.166,1,.33,1);
}

.wgs-gallery .slick-next.slick-arrow:before, .wgs-quoteslider .slick-next.slick-arrow:before {
    font-family: 'Material Icons';
    content: "chevron_right";
    -webkit-font-feature-settings: 'liga';
    position: absolute;
    right: 2.5rem;
    width: 38px;
    height: 38px;
    top: calc(50% - 19px);
    background: var(--lf-white);
    color: var(--lf-blue);
    opacity: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .3s cubic-bezier(.166,1,.33,1);
}

.wgs-gallery-wrap .slick-prev, .wgs-gallery-wrap .slick-next, .wgs-quoteslider .slick-prev, .wgs-quoteslider .slick-next {
    width: 38px;
    height: 38px;
    top: calc(50% - 19px);
    position: absolute;
    z-index: 99;
    visibility: hidden;
    transition: all .3s cubic-bezier(.166,1,.33,1);
}

.wgs-gallery-wrap:hover .slick-prev, .wgs-gallery-wrap:hover .slick-next, .wgs-quoteslider-wrap:hover .slick-prev, .wgs-quoteslider-wrap:hover .slick-next {
    visibility: visible;
}

/*Logo Partners*/
.wgs-logo {
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    transition: all .3s cubic-bezier(.166,1,.33,1);
    cursor: pointer !important;
}

.wgs-logo:hover {
    opacity: .85;
}

.wgs-logo img {
    max-height: 55px;
}

.wgs-logo .lump-1image {
    padding: 2.75rem 1rem !important;
}

.wgs-col-half {
    width: calc(50% - 2px);
}

.wgs-col-third {
    width: calc(33.33333333% - 2px);
}

.wgs-spacedbetween .lump-container {
    justify-content: space-between !important;
}

/*Typography*/

@media (min-width: 1681px) {
    body, p {
        font-size: 1.125rem;
    }
    
    .btn {
        font-size: 1.125rem;
    }
    
    .lead {
        font-size: 1.35em;
    }
    
    .funraisin-header h1, .content .wgs-hero-basic h1, .content .wgs-hero-complex h1 {
        font-size: 4rem;
        line-height: 105%;
    }
    
    .content h1, h1, .h1 {
        font-size: 3.25rem;
    }
    
    .content h2, h2, .h2 {
        font-size: 2.75rem;
    }    
    
    .content h3, h3, .h3 {
        font-size: 2.35rem;
    }   
    
    .content h4, h4, .h4 {
        font-size: 1.75rem;
    }    
    
    .content h5, h5, .h5 {
        
    } 
    
    .content h6, h6, .h6 {
        
    }    
    
    .wgs-main-title .lump-1col > * {
        font-size: 5rem;
    }    
    
    .wgs-marquee span {
        font-size: 3.75rem;
    }
}

@media (min-width: 1025px) and (max-width: 1680px) {
    body, p {
        font-size: inherit;
    }
    
    .btn {
        font-size: inherit;
    }    
    
    .lead {
        font-size: 1.25em;
    }    
    
    .funraisin-header h1, .content .wgs-hero-basic h1, .content .wgs-hero-complex h1 {
        font-size: 3.25rem;
        line-height: 105%;
    }
    
    .content h1, h1, .h1 {
        font-size: 2.875rem;
    }
    
    .content h2, h2, .h2 {
        font-size: 2.5rem;
    }    
    
    .content h3, h3, .h3 {
        font-size: 2rem;
    }   
    
    .content h4, h4, .h4 {
        font-size: 1.5rem;
    }    
    
    .content h5, h5, .h5 {
        
    } 
    
    .content h6, h6, .h6 {
        
    }    
    
    .wgs-main-title .lump-1col > * {
        font-size: 4.75rem;
    }    
    
    .wgs-marquee span {
        font-size: 3.75rem;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    body, p {
        font-size: inherit;
    }
    
    .lead {
        font-size: 1.25em;
    }    
    
    .funraisin-header h1, .content .wgs-hero-basic h1, .content .wgs-hero-complex h1 {
        font-size: 3rem;
        line-height: 105%;
    }
    
    .content h1, h1, .h1 {
        font-size: 2.5rem;
    }
    
    .content h2, h2, .h2 {
        font-size: 2rem;
    }    
    
    .content h3, h3, .h3 {
        font-size: 1.5rem;
    }   
    
    .content h4, h4, .h4 {
        font-size: 1.375rem;
    }    
    
    .content h5, h5, .h5 {
        
    } 
    
    .content h6, h6, .h6 {
        
    }    
    
    .wgs-main-title .lump-1col > * {
        font-size: 2.875rem;
    }    
    
    .wgs-marquee span {
        font-size: 2.875rem;
    }    
    
    .wgs-cards-info * {
        font-size: .938rem;
    }
}

@media (max-width: 767px) {
    body, p {
        font-size: inherit;
    }
    
    .lead {
        font-size: 1.25em;
    } 
    
    .funraisin-header h1, .content .wgs-hero-basic h1, .content .wgs-hero-complex h1 {
        font-size: 2.25rem;
        line-height: 105%;
    }
    
    .content h1, h1, .h1 {
        font-size: 2rem;
    }
    
    .content h2, h2, .h2 {
        font-size: 1.5rem;
    }    
    
    .content h3, h3, .h3 {
        font-size: 1.25rem;
    }   
    
    .content h4, h4, .h4 {
        font-size: 1.15rem;
    }    
    
    .content h5, h5, .h5 {
        
    } 
    
    .content h6, h6, .h6 {
        
    }    
    
    .wgs-main-title .lump-1col > * {
        font-size: 2.875rem;
    }    
    
    .wgs-marquee span {
        font-size: 2.875rem;
    }    
    
    .wgs-cards-info * {
        font-size: 0.8rem;
    }
}

/*Cols Custom*/
@media (min-width: 1024px) {
    .wgs-col-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }
    
    .wgs-col-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }
}

@media (max-width: 1023px) {
    .wgs-col-7 {
        flex: 0 0 auto;
        width: 100%
    }
    
    .wgs-col-5 {
        flex: 0 0 auto;
        width: 100%
    }    
}

/*Join WGS*/
.wg-join {
    aspect-ratio: 7 / 4;
    
    > .container {
        display: flex;
    }
}

/*Font Weight*/
.wg-font-500 .lump-1col > * {
    font-weight: var(--fw-500);
}

/*Stats box*/
.wgs-stats-box .lump-textimage > .row {
    padding: 3rem 2rem;
    
    > * {
        padding-left: 0;
        padding-right: 0;
    }
    
    > *:not(:has(img)) {
        text-align: center;
    }
    
    > *:has(img) {
        margin: 0 auto 1rem;
        width: 360px;
    }
    
    img {
        max-width: calc(100% - 5rem);
    }
}

/*Quote alt 1*/
.wgs-quote {
    border-left: .75em solid var(--lf-blue) !important;
    padding: 1em 2em !important;
    background: var(--lf-grey-100) !important;
}

/*Horizontal & vertical Cards*/
.wgs-ver-card .lump-textimage > .row {
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    
    > * {
        padding-left: 0;
        padding-right: 0;
    }
    
    > *:not(:has(img)) {
        text-align: center;
    }
    
    > * img {
        width: 100%;
        aspect-ratio: 1 / 1;
    }
    
    > *:last-child {
        padding: 2rem 2.5rem 2rem;
        text-align: left;
    }
    
    > *:last-child strong {
        font-size: 1.15em;
    }
    
}

.wgs-hor-card .lump-textimage > .row {
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    
    > * {
        padding-left: 0;
        padding-right: 0;
    }
    
    > *:not(:has(img)) {
        text-align: center;
        flex: 1 0 55%;
        width: 55%;
    }
    
    > *:has(img) {
        text-align: center;
        flex: 1 0 45%;
        width: 45%;
    }    
    
    > * img {
        width: 100%;
        aspect-ratio: 1 / 1;
    }
    
    > *:last-child {
        padding: 2rem 2.5rem 2rem;
        text-align: left;
        display: flex;
        align-items: center;
    }
    
    > *:last-child strong {
        font-size: 1.15em;
    }
    
}

.wgs-row-spaced {
    row-gap: 2rem;
}

.wgs-col-spaced {
    column-gap: 2rem;
}
    
.wgs-col-spaced .wgs-ver-card {
            width: calc(50% - 1rem);
}

@media (min-width: 1024px) {
    .wgs-ver-card {
        height: 100%;
    }
    
    .wgs-col-5.wgs-row-spaced:has(.wgs-hor-card) {
        display: flex;
        flex-flow: column;
    }
    
    .wgs-col-5.wgs-row-spaced:has(.wgs-hor-card) {
        gap: 0;
    }
    
    .wgs-col-5 .wgs-hor-card {
        display: flex;
        flex: 1 1 0%;
    }
    
    .wgs-col-5 .wgs-hor-card + .wgs-hor-card {
        margin-top: 2rem !important;
    }

    .wgs-col-5 .wgs-hor-card .lump-textimage {
        display: flex;
    }
    
    .wgs-col-5 .wgs-hor-card .lump-textimage img {
        width: 100%;
        aspect-ratio: 1 / 1;
        height: 100%;
        object-fit: cover;
    }    
}

@media (min-width: 1024px) and (max-width: 1279px) {
    .wgs-row-spaced {
        row-gap: 1rem;
    }

    .wgs-col-spaced {
        column-gap: 1rem;
    }
    
    .wgs-col-spaced .wgs-ver-card {
            width: calc(50% - .5rem);
    }
    
    .wgs-hor-card .lump-textimage > .row > *:last-child, 
    .wgs-ver-card .lump-textimage > .row > *:last-child {
        padding: 1rem 1.25rem 1rem;
    }
}

@media (max-width: 1023px) {
    .wgs-col-5:has(.wgs-hor-card), .wgs-col-7:has(.wgs-ver-card), .wgs-ver-card, .wgs-hor-card {
        width: 100%;
        flex: 0 0 100%;
    }
    
    .wgs-row-spaced, .wgs-col-spaced, .wgs-spacedbetween > .lump-container {
        row-gap: .5rem;
    }
    
    .wgs-ver-card .lump-textimage > .row {
        padding: .5rem;
        margin: 0;
        display: grid;
        grid-template-columns: 80px 1fr;
        /*flex-direction: row;*/
        
        > * {
            padding-left: 0;
            padding-right: 0;
        }
        
        > *:not(:has(img)) {
            text-align: center;
            /*flex: 1 0 75%;*/
            width: 100%;
        }
        
        > *:has(img) {
            text-align: center;
            /*flex: 1 0 25%;*/
            width: 100%;
            display: flex;
            align-items: center;
        }    
        
        > * img {
            width: 100%;
            aspect-ratio: 1 / 1;
            max-width: 80px;
        }
        
        > *:last-child {
            padding: .5rem 1.25rem .5rem;
            text-align: left;
            display: flex;
            align-items: center;
        }
        
        > *:last-child strong {
            font-size: 1.15em;
        }
        
    }   
    
    .wgs-hor-card .lump-textimage > .row {
        padding: .5rem;
        margin: 0;
        display: grid;
        grid-template-columns: 80px 1fr;
        /*flex-wrap: wrap;*/
        /*flex-direction: row;*/
        
        > * {
            padding-left: 0;
            padding-right: 0;
        }
        
        > *:not(:has(img)) {
            text-align: center;
            /*flex: 1 0 75%;*/
            width: 100%;
        }
        
        > *:has(img) {
            text-align: center;
            /*flex: 1 0 25%;*/
            width: 100%;
            display: flex;
            align-items: center;
        }    
        
        > * img {
            width: 100%;
            aspect-ratio: 1 / 1;
            max-width: 80px;
        }
        
        > *:last-child {
            padding: .5rem 1.25rem .5rem;
            text-align: left;
            display: flex;
            align-items: center;
        }
        
        > *:last-child strong {
            font-size: 1.15em;
        }
        
    }    
}



/*Quote Card*/
.wgs-quote-card .lump-textimage > .row {
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    
    > * {
        padding-left: 0;
        padding-right: 0;
    }
    
    > *:not(:has(img)) {
        text-align: center;
        flex: 1 0 55%;
        width: 55%;
    }
    
    > *:has(img) {
        text-align: center;
        flex: 1 0 45%;
        width: 45%;
    }    
    
    > * img {
        width: 100%;
        aspect-ratio: 1 / .75;
        object-fit: cover
    }
    
    > *:first-child {
        display: flex;
    }    
    
    > *:last-child {
        padding: 4rem 3rem 2rem;
        text-align: left;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
    }
    
    > *:last-child strong {
        font-size: 1.15em;
    }
    
}

.wgs-quote-card .lump-textimage > .row > *:last-child * {
    position: relative;
}

.wgs-quote-card .lump-textimage > .row > *:last-child blockquote:before {
    content: '';
    width: 37px;
    aspect-ratio: 37 / 28;
    background: url('https://dpj4hw64po0js.cloudfront.net/a9376e068eaccf520c38017d931df77a.svg');
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    top: -2.5rem;
    left: 0;
    opacity: .15;
}

.wgs-quote-card .lump-textimage > .row > *:last-child blockquote:after {
    content: '';
    width: 37px;
    aspect-ratio: 37 / 28;
    background: url('https://dpj4hw64po0js.cloudfront.net/a9376e068eaccf520c38017d931df77a.svg');
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    bottom: -2.5rem;
    right: 0;
    opacity: .15;
    rotate: -180deg;
}

.wgs-quote-card .lump-textimage > .row > *:last-child blockquote {
    margin-bottom: 3rem;
}

@media (max-width: 767px) {
    .wgs-quote-card .lump-textimage > .row {
        padding: 0;
        margin: 0;
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
        
        > * {
            padding-left: 0;
            padding-right: 0;
        }
        
        > *:not(:has(img)) {
            text-align: center;
            flex: 1 0 100%;
            width: 100%;
        }
        
        > *:has(img) {
            text-align: center;
            flex: 1 0 100%;
            width: 100%;
        }    
        
        > * img {
            width: 100%;
            aspect-ratio: 1 / 1;
            object-fit: cover;
        }
        
        > *:last-child {
            padding-top: 3.5rem;
        }
    }
}

/*FAQ*/
.wgs-faq {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    border-bottom: 1px solid var(--lf-grey-10) !important;
    transition: all 250ms ease-in-out;
}

.wgs-faq:hover:not(:has(.active)) {
    background: var(--lf-grey-100);
}

.wgs-faq .section-question, .wgs-faq .section-answer {
    padding: 1rem 0 !important;
}

.wgs-faq .section-question.active {
    padding-bottom: 0 !important;
}

.wgs-faq .section-question .lump_faq_question * {
    color: var(--lf-blue) !important;
    font-family: 'Gilroy-font';
    font-weight: var(--fw-700);
}

.wgs-faq .section-question * {
    color: var(--lf-blue) !important;
}

.wgs-faq .section-answer .lump_faq_answer * {
    color: var(--lf-blue) !important;
}

/*Blog*/
.wgs-blog .blog-wrapper {
    padding: 1.5rem;
    background: var(--lf-grey-100);
    display: flex;
    flex-wrap: wrap;
    /*align-items: flex-start;*/
}
.wgs-blog.wgs-blog-main .blog_intro, .wgs-blog .blog_intro {
    display: flex;
    flex-direction: column;
}
.wgs-blog .blog-wrapper .wgs-readmore {
    margin-top: auto;
}

.wgs-blog .blog-image {
    flex: 1 0 45%;
    aspect-ratio: 5 / 4;
    object-fit: cover;
    overflow: hidden;
    transition: all 250ms ease-in-out;
}

.wgs-blog img {
    transition: all 250ms ease-in-out;
}

.wgs-blog a:hover .blog-image img {
    transform: scale(1.05);
}

.wgs-blog .blog_intro {
    border: 0;
    flex: 1 0 55%;
    padding: 1rem 1.5rem !important;
}

.wgs-blog .title {
    font-size: 1.5em;
}

.wgs-blog.wgs-blog-main .title {
    font-size: 2.5rem;
}

@media (min-width: 1024px) {
    .wgs-blog-main .blog_intro {
        padding-left: 5rem !important;
    }
    
    .wgs-blog.wgs-blog-main .blog_intro {
        padding: 1rem 3rem !important;
    }
}

.wgs-blog a {
    text-decoration: none !important;
}

.wgs-readmore {
    text-decoration: underline;
    font-weight: var(--fw-600);
}

.wgs-blog .article {
    padding: 0 .5rem;
    margin-bottom: 1rem;
}

@media (max-width: 1023px) {
    .wgs-blog .article {
        width: 100%;
    }
    
    .wgs-blog .title {
        font-size: 1.5em !important;
        margin-top: 0;
    }
    
    .wgs-blog .blog_intro {
        flex: 1 0 75%;
        padding: 0 1.5rem 0 !important;
    }
    
    .wgs-blog .blog-image {
        flex: 1 0 25%;
    }
    
    .wgs-readmore {
        font-size: .875rem;
    }
}

@media (max-width: 767px) {
    .wgs-blog .blog_intro .description {
        display: none;
    }
    
    .wgs-blog .title {
        font-size: 1.05em !important;
    }
    
    .wgs-blog .blog_intro {
        padding: .875rem 0 .875rem .875rem !important;
    }    
    
    .wgs-blog .blog-wrapper {
        padding: 1rem;
    }    
}


/*Resource Assets*/
.wgs-assets .lump-asset .asset-block {
    background: var(--lf-splice-green);
    border: 0;
    padding: .5rem;
    display: grid;
    grid-template-columns: 150px 1fr;
}

@media (max-width: 1440px) {
    .wgs-assets .lump-asset .asset-block {
        grid-template-columns: 64px 1fr;
    }
}

@media (max-width: 1023px) {
    .wgs-assets .lump-asset {
        width: 50%;
    }
}

@media (max-width: 767px) {
    .wgs-assets .lump-asset .asset-block {
        grid-template-columns: 110px 1fr;
    }  
    
    .wgs-assets .lump-asset {
        width: 100%;
    }
}

.wgs-assets .lump-asset .asset-block .asset-text .title {
    font-size: 1.15rem;
}

.wgs-assets .lump-asset .asset-block img {
    aspect-ratio: 1 / 1;
    object-fit: cover;
}

.wgs-assets .asset-text a.btn {
    background: transparent;
    border-color: transparent;
    color: #001489;
    padding: 0;
    display: flex;
    justify-content: flex-end;
}

.wgs-assets .asset-text a.btn:before {
    content: '';
    background: url('https://dpj4hw64po0js.cloudfront.net/f8ede37996ebb0cbd5bc6c82492e9123.svg');
    background-size: contain;
    background-repeat: no-repeat;
    position: relative;
    right: 3px;
    width: 36px;
    height: 36px;
    top: calc(50% - 18px);
    display: flex;
    align-items: center;
    justify-content: center;    
    z-index: 4;
    transition: transform .3s cubic-bezier(.166,1,.33,1);
}

.wgs-assets .asset-text a.btn:after {
    content: '';
    background: transparent;
    position: absolute;
    right: 0;
    border-radius: 100em;
    width: 42px;
    height: 42px;
    top: calc(50% - 21px);
    z-index: 2;
    transition: transform .3s cubic-bezier(.166,1,.33,1);
}

.wgs-assets .asset-text a.btn:hover:after {
    background: var(--lf-white);
}

.wgs-assets .asset-text {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.wgs-assets .lump-assets .lump-asset {
    padding: 0 .5rem;
    margin: .5rem 0;
}

/*Nav in page*/
.wgs-navinpage .lump-navigation .nav-pills {
    padding: 0;
    border: 0;
    justify-content: flex-start;
}

.wgs-navinpage .lump-navigation .nav-pills a {
    padding-left: .5rem;
    padding-right: .5rem;
    transition: all 3s cubic-bezier(.166,1,.33,1);
    font-weight: 500;
}

.wgs-navinpage .me-auto, .wgs-navinpage .btn {
    text-transform: none;
    margin-bottom: 0 !important;
    font-weight: 700;
}

@media (max-width: 1440px) {
    .wgs-navinpage .lump-navigation .nav-pills a {
        padding-left: .25rem;
        padding-right: .25rem;
    }
}

.content .wgs-navinpage .lump-navigation .nav-pills li a:hover {
    background: transparent;
    text-decoration: underline;
    text-underline-offset: 6px;
}

.wgs-navinpage-section {
    border-bottom: 1px solid var(--lf-grey-10) !important;
}

.wgs-navinpage-section > .container {
    padding: 0 !important;
}

@media (min-width: 768px) {
    .wgs-navinpage .this-page.btn:hover {
        background: var(--lf-splice-green);
        border-color: var(--lf-splice-green);
        color: var(--lf-blue);
    }
    
    .wgs-navinpage .this-page.btn {
        pointer-events: none;
    }
    
}

@media (max-width: 767px) {
    .content .wgs-navinpage .lump-navigation .nav-pills {
        flex-direction: column;
        align-items: flex-start;
        gap: .5rem;
    }
    
    .content .wgs-navinpage .lump-navigation .nav-pills a {
        padding: .5rem 0;
    }
    
    .content .wgs-navinpage .lump-navigation .nav-pills li {
        width: 100%;
        border-radius: 0;
        border-bottom: 1px solid var(--lf-grey-10) !important;
        display: flex;
        justify-content: flex-start;
    }
    
    .content .wgs-navinpage .lump-navigation .nav-pills li:nth-of-type(2) {
        padding-top: 1.5rem !important;
    }
    
    .content .wgs-navinpage .lump-navigation .nav-pills li:last-child {
        border-bottom: none !important;
    }    
    
    .wgs-navinpage .lump-navigation .nav-pills:before {
        width: 100%;
        text-align: left;
        padding: .875rem 1rem;
    }
}

/*Changeable Hover*/
.wgs-changeable-text {
    border: 1px solid var(--lf-grey-10) !important;
    padding: 1rem 1.5rem !important;
    transition: all 250ms ease-in-out;
    margin-bottom: -1px !important;
}

.wgs-changeable-text:hover {
    background: var(--lf-grey-100) !important;
}

.wgs-changeable-text > .lump-1col {
    display: grid;
    grid-template-columns: 48px 1fr;
    gap: 1rem;
}

.wgs-changeable-text > .lump-1col > *:first-child {
    aspect-ratio: 1 / 1;
    background: var(--lf-splice-green);
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: var(--fw-700);
}

/* interfering with a herf styling inside wgs-changeable-text dev - commenting it out*/
/*.wgs-changeable-text > .lump-1col > div *:not(p) {
    font-size: 1.65rem;
    font-weight: var(--fw-800);
}*/
.wgs-changeable-text > .lump-1col > div h3 {
    font-size: 1.65rem;
    font-weight: var(--fw-800);
}

.wgs-changeable-pic {
    position: relative;
    aspect-ratio: 5 / 4;
}

.wgs-changeable-img {
    position: absolute;
    top: 0;
    left: 0;
}

.wgs-changeable-img img {
    aspect-ratio: 5 / 4;
    width: 100%;
    object-fit: cover
}

body:not(.funraisin-body-admin) .wgs-changeable .wgs-changeable-pic .wgs-changeable-img:nth-of-type(2),
body:not(.funraisin-body-admin) .wgs-changeable .wgs-changeable-pic .wgs-changeable-img:nth-of-type(3), 
body:not(.funraisin-body-admin) .wgs-changeable .wgs-changeable-pic .wgs-changeable-img:nth-of-type(4), 
body:not(.funraisin-body-admin) .wgs-changeable .wgs-changeable-pic .wgs-changeable-img:nth-of-type(5),
body:not(.funraisin-body-admin) .wgs-changeable .wgs-changeable-pic .wgs-changeable-img:nth-of-type(6), 
body:not(.funraisin-body-admin) .wgs-changeable .wgs-changeable-pic .wgs-changeable-img:nth-of-type(7){
    opacity: 0;
    transition: opacity .2s ease;
}

.wgs-changeable:has(.wgs-changeable-text:nth-of-type(1):hover) .wgs-changeable-img:nth-of-type(1),
.wgs-changeable:has(.wgs-changeable-text:nth-of-type(2):hover) .wgs-changeable-img:nth-of-type(2),
.wgs-changeable:has(.wgs-changeable-text:nth-of-type(3):hover) .wgs-changeable-img:nth-of-type(3), 
.wgs-changeable:has(.wgs-changeable-text:nth-of-type(4):hover) .wgs-changeable-img:nth-of-type(4), 
.wgs-changeable:has(.wgs-changeable-text:nth-of-type(5):hover) .wgs-changeable-img:nth-of-type(5), 
.wgs-changeable:has(.wgs-changeable-text:nth-of-type(6):hover) .wgs-changeable-img:nth-of-type(6), 
.wgs-changeable:has(.wgs-changeable-text:nth-of-type(7):hover) .wgs-changeable-img:nth-of-type(7) {
    opacity: 1;
}


.wgs-changeable-copy {
    flex-direction: column;
}

.wgs-changeable-copy .wgs-changeable-text {
    flex: 1 0 auto;
}

.wgs-changeable-img {
    display: flex;
    height: 100%;
}

.wgs-changeable-img img {
    height: 100%;
}

.wgs-changeable-text {
    display: flex;
    align-items: center;
}


@media (max-width: 992px) {
    .wgs-changeable-text > .lump-1col {
        grid-template-columns: 36px 1fr;
    }
    
    .wgs-changeable-text > .lump-1col > div *:not(p) {
        font-size: 1.25rem;
    }
    
    .wgs-changeable-text > .lump-1col > div p {
        font-size: .8rem;
    }
    
    .wgs-changeable-text {
        padding: .75rem 1rem !important;
    }
}

@media (max-width: 767px) {
    .wgs-changeable-copy {
        padding: 0 !important;
    }
}

/*Points*/
.wgs-point .lump-1col {
    border: 1px solid var(--lf-blue);
    padding: .5rem 1.5rem .5rem 3rem;
    position: relative;
}

.wgs-point .lump-1col > * {
    list-style: square outside none;
    display: list-item;
}

.wgs-point {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-bottom: -1px !important;
}


/*Top user*/
.wgs-top-user .wgs-top-user-box {
    background: var(--lf-blue);
    display: flex;
    flex-direction: column;
    /*justify-content: center;*/
    align-items: center;
    color: var(--lf-white);
    padding: 1rem;
    column-gap: 1rem;
}

.wgs-top-user .wgs-top-user-box > * {
    color: var(--lf-white);
}

.wgs-top-user .wgs-top-user-box img {
    width: 80%;
    height: auto !important;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    margin-bottom: 1rem;
}

.wgs-top-user .lump-code {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2rem;
}

@media (max-width: 552px) {
    .wgs-top-user .lump-code {
        grid-template-columns: repeat(1, 1fr);
        gap: 1rem;
    }  
    
    .wgs-top-user .wgs-top-user-box {
        padding: 1rem;
    }
}

.wgs-top-user .wgs-top-user-box:nth-of-type(2) {
    background: var(--lf-splice-green);
}

.wgs-top-user .wgs-top-user-box:nth-of-type(2) > * {
    color: var(--lf-blue);
}

.wgs-top-user .wgs-top-user-box:nth-of-type(3) {
    background: var(--lf-vibrant-blue);
}

/*Hero Complex*/
.wgs-hero-complex .container {
    display: flex;
    position: relative;
}

body:not(.funraisin-body-admin) .wgs-hero-complex {
    overflow: hidden;
}

body.funraisin-body-admin .wgs-hero-complex .d-md-none.d-lg-none {
    display: block !important;
}

.wgs-light-nav .funraisin-header-wrapper:has(.wgs-hero-complex) {
    background-color: #3cb3e3;
}

.wgs-hero-complex-text {
    position: relative;
    z-index: 9;
}


.wgs-hero-complex-text:before {
    content: '';
    height: 200px;
    width: 60vw;
    position: absolute;
    background: var(--lf-splice-green);
    right: 15%;
    top: -3%;
    rotate: -6deg;
    z-index: 1;
}

.wgs-hero-complex-text:after {
    content: '';
    height: 200px;
    width: 60vw;
    position: absolute;
    background: var(--lf-splice-green);
    right: 10%;
    top: 25%;
    rotate: -2deg;
    box-shadow: -70px 110px 0 20px var(--lf-splice-green);
}

.wgs-hero-complex-text .lump-container {
    position: relative;
    z-index: 5;
    max-width: 90%;
}

.wgs-hero-complex-text .btn-secondary:hover, .wgs-hero-complex-text .btn-secondary:focus {
    background: transparent;
    border-color: var(--lf-blue);
    color: var(--lf-blue);
}

.wgs-hero-complex-text .blue-o:hover, .wgs-hero-complex-text .blue-o:focus {
    background: var(--lf-blue);
    border-color: var(--lf-blue);
    color: var(--lf-white);
}

body.funraisin-body-admin:has(.wgs-hero-complex) .funraisin-header-content {
    overflow: hidden;
}

@media (min-width: 1024px) {
    .wgs-hero-complex {
        aspect-ratio: 255 / 85;
        min-height: 600px;
        max-height: 800px;
    }
}

@media (min-width: 768px) and (max-width: 992px) {
    .wgs-hero-complex .wgs-hero-complex-text {
        width: 65%;
    }
}

@media (max-width: 767px) {
    .wgs-hero-complex .responsive-padding {
        padding-left: 0;
        padding-right: 0;
    }
    
    .wgs-hero-complex-text .lump-container {
        margin: 0 auto !important;
    }
    
    .wgs-hero-complex-text:before, .wgs-hero-complex-text:after {
        width: 140vw;
    }
    
    .wgs-hero-complex-text:after {
        right: -10%;
        top: 20%;   
        box-shadow: none;
        height: 350px;
    }
    
    .funraisin-header-wrapper, .wgs-hero-complex {
        background-image: none !important;
    }
    
    .wgs-hero-complex-text:before {
        right: 5%;
        top: 0%;
        rotate: -4deg;    
    }
    
    .wgs-hero-img {
        margin-top: -40px !important;
    }
    
    .wgs-hero-img img {
        aspect-ratio: 5 / 4;
        object-fit: cover;
    }
}

/*Leaderboards*/
.wgs-leaderboard #Leaderboard .text-right.col-sm-3:has(.form-control) {
    padding-left: 0;
    padding-right: 0;
}

@media (max-width: 991px) {
    .wgs-leaderboard {
        padding: 1rem !important;
    }
}

@media (max-width: 767px) {
    .wgs-leaderboard {
        padding: .5rem !important;
    }
}

/*Intercom*/
.intercom-lightweight-app-launcher {
    border-radius: 100em !important;
    bottom: 30px !important; 
}

/*Strokes*/
.wgs-relative {
    position: relative;
    overflow: hidden;
}

.wgs-relative .lump-column:not(.wgs-stroke) {
    z-index: 5;
}

.wgs-stroke {
    position: absolute !important;
    width: 100%;
    height: 100%;
    z-index: 1;
    bottom: 0;
    left: 0;
}

.wgs-stroke > .lump {
    height: 100%;
}

.wgs-stroke:has(.wgs-bg-stroke-hero) {
    height: 70%;
}

body:not(.funraisin-body-admin) .wgs-stroke {
    padding: 0 !important;
}

.wgs-bg-strokes {
    background-color: transparent !important;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1
}

.wgs-bg-strokes div {
    width: 150%;
    height: 45%;
    left: 0;
    position: absolute;
    transform: rotate(var(--rotation));
    transform-origin: top right;
}

.wgs-bg-strokes div:after,.wgs-bg-strokes div:before {
    background-color: var(--background);
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transform-origin: left;
    transition: transform 1s cubic-bezier(.166,1,.33,1);
    width: 100%;
    will-change: transform
}

.wgs-bg-stroke-center div {
    height: 40%;
    left: 50%;
    transform: translate(-50%) rotate(var(--rotation));
    transform-origin: top center
}

.wgs-bg-stroke-center div:first-child {
    --rotation: -2.24deg;
    top: 10%
}

@media (min-width: 768px) {
    .wgs-bg-stroke-center div:first-child {
        left:10%;
        top: 15%
    }
}

.wgs-bg-stroke-center div:nth-child(2) {
    --rotation: 1.4deg;
    top: 25%
}

@media (min-width: 768px) {
    .wgs-bg-stroke-center div:nth-child(2) {
        height:45%;
        left: 80%
    }
}

.wgs-bg-stroke-center div:nth-child(3) {
    --rotation: -2.5deg;
    bottom: 5%
}

@media (min-width: 768px) {
    .wgs-bg-stroke-center div:nth-child(3) {
        height:30%;
        left: 10%;
        top: auto
    }
}

.wgs-bg-footer-cta div:first-child {
    --rotation: -1.4deg;
    height: 70%;
    left: auto;
    right: -10%;
    transform-origin: top right
}

@media (min-width: 768px) {
    .wgs-bg-footer-cta div:first-child {
        height:45%;
        right: 10%
    }
}

.wgs-bg-footer-cta div:nth-child(2) {
    --rotation: 1.4deg;
    display: none;
    height: 30%;
    left: auto;
    right: -1%;
    top: 25%;
    transform-origin: top right
}

@media (min-width: 768px) {
    .wgs-bg-footer-cta div:nth-child(2) {
        display:block;
        height: 45%;
        width: 94%
    }
}

.wgs-bg-footer-cta div:nth-child(3) {
    --rotation: -1.5deg;
    bottom: 0;
    height: 70%;
    top: auto;
    transform-origin: bottom left
}

@media (min-width: 768px) {
    .wgs-bg-footer-cta div:nth-child(3) {
        height:45%;
        left: 0;
        width: 95%
    }
}

.wgs-bg-stroke-hero div {
    background-color: transparent!important;
    height: 45%;
    left: 50%;
    transform: translate(-50%) rotate(var(--rotation));
    transform-origin: top center
}

.wgs-bg-stroke-hero div:after,.wgs-bg-stroke-hero div:before {
    transition: transform 6s cubic-bezier(.166,1,.33,1);
    will-change: transform
}

.wgs-bg-stroke-hero div:after {
    background-color: #fff;
    opacity: .01;
    transform: scaleX(1);
    width: 100%
}

.wgs-bg-stroke-hero div:first-child {
    --rotation: 5.8deg;
    top: 16%;
    transition-delay: .3s
}

.wgs-bg-stroke-hero div:nth-child(2) {
    --rotation: -4.8deg;
    top: 44%
}

.wgs-bg-stroke-hero div:nth-child(2):before {
    left: auto;
    right: 0;
    transform-origin: right;
    transition-delay: .7s
}

.wgs-bg-stroke-hero div:nth-child(3) {
    --rotation: 8.2deg;
    height: 60%;
    left: 80%;
    top: 77%
}

.wgs-bg-stroke-hero div:nth-child(3):before {
    transition-delay: 1.5s;
    transition-duration: 7s
}

.wgs-bg-stroke-hero div:after,.wgs-bg-stroke-hero div:before {
    transition: transform 6s cubic-bezier(.166,1,.33,1);
    will-change: transform
}

.wgs-bg-stroke-hero div:after {
    background-color: #fff;
    opacity: .01;
    transform: scaleX(1);
    width: 100%
}

.wgs-bg-stroke-hero div:first-child {
    --rotation: 5.8deg;
    top: 16%;
    transition-delay: .3s
}

.wgs-bg-stroke-hero div:nth-child(2) {
    --rotation: -4.8deg;
    top: 44%
}

.wgs-bg-stroke-hero div:nth-child(2):before {
    left: auto;
    right: 0;
    transform-origin: right;
    transition-delay: .7s
}

.wgs-bg-stroke-hero div:nth-child(3) {
    --rotation: 8.2deg;
    height: 60%;
    left: 80%;
    top: 77%
}

.wgs-bg-stroke-hero div:nth-child(3):before {
    transition-delay: 1.5s;
    transition-duration: 7s
}

/*Gradient*/
.wgs-gradient-1 {
    background: linear-gradient(180deg, var(--lf-blue) 0%, var(--lf-blue) 50%, var(--lf-vibrant-blue) 50%, var(--lf-vibrant-blue) 100%) !important;
}

.wgs-gradient-2 {
    background: linear-gradient(180deg, var(--lf-blue) 0%, var(--lf-blue) 50%, var(--lf-white) 50%, var(--lf-white) 100%) !important;
}


/*Modal*/
.bootstrap-dialog .bootstrap-dialog-title {
    color: var(--lf-blue) !important;
}

.modal-header .close {
    border: 0 !important;
}

#popup h3 {
    font-size: 1.75rem;
}

#popup > .panel {
    border: 0;
}

#popup .wgs-popup .wgs-cards p, #popup .wgs-popup .wgs-cards .wgs-link, #popup .wgs-popup .wgs-cards .wgs-link-find {
    font-size: 1rem;
}

@media (max-width: 992px) {
    #popup .wgs-popup .wgs-cards p, #popup .wgs-popup .wgs-cards .wgs-link, #popup .wgs-popup .wgs-cards .wgs-link-find {
        font-size: .875rem;
    }
    
    #popup .wgs-popup .wgs-cards .wgs-link, #popup .wgs-popup .wgs-cards .wgs-link-find {
        margin-top: 0 !important;
    }
    
}

/* Intercom */
.template-event-register .intercom-lightweight-app,
.template-register .intercom-lightweight-app {
    display: none;
}

/*========================================
Update style dashboard edit profile
========================================*/

.bg-section-proflie {
    background-color: #F1F5F9;
    padding: 35px;
    min-height: 760px;
}
.bg-section-proflie input {
    border: 1px solid #001489;
}
.bg-section-proflie .toggle-btn{
    border: 1px solid #001489 !important;
}
.bg-section-proflie .toggle-btn:not(:last-child) {
    border-right: 0 !important;
}
.bg-section-proflie .dropdown-toggle{
     border: 1px solid #001489;
}
.bg-section-proflie span.border-secondary{
    border: 1px solid #001489 !important;
}
.custom-btn-outline .btn.btn-secondary.dropdown-toggle {
    background-color: #fff !important;
    color: #001489 !important;
     font-weight: 700;
}
.custom-btn-outline .btn.btn-secondary {
    background-color: #fff !important;
    color: #001489 !important;
     font-weight: 700;
}
.section-update-blog .table-striped>tbody>tr:nth-of-type(odd) {
    background-color: #F1F5F9 !important;
}
.section-update-blog table .btn {
    background: transparent !important;
    color: #001489 !important;
    border: 2px solid #001489 !important;
    font-weight: 700;
}
/*========================================
End Update style dashboard edit profile
========================================*/

.template-login-dashboard #Members > div > h2 {
    text-align: center;
}

.inpcount {
    position: absolute;
  right: 5px;
  top: 5px;
  margin-right: 15px;
  font-size: 12px;
}

/* funraisin my impact section */
.funraisin-my-impact {
  padding: 30px;
  background-color: #d2fc62;
  color: #001489;
  display: flex;
  gap: 150px;
}
.my-impact-right {
  width: 30%;
}
.my-impact-left {
  width: 70%;
}
.my-impact-left ul {
  list-style: none;
  padding-left: 0;
  display: flex;
  gap: 75px;
  margin-top: 100px;
}
.my-impact-left ul .off-badge-icon img {
  filter: sepia(1);
  opacity: 0.4;
}
.my-impact-left p {
  font-size: 16px;
  font-weight: 600;
  max-width: 500px;
}
.my-impact-right h3 {
  font-size: 24px;
  max-width: 250px;
  line-height: 30px;
}
.btn-scroll-up {
  border: 1px solid #001489;
  color: #001489;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 20px;
      font-weight: 700;
}
.btn-scroll-up:hover {
  background-color: #001489;
  color: #fff;
}
.btn.btn-scroll-up:focus {
    background-color: #001489;
    box-shadow: unset;
}
/*end funraisin my impact section */