:root {
    
    /* colours - platform */
    --fd-ocean-blue: #039;
    --fd-mocha-light: #E4D6C6;
    
    /* colours - general */
    --fd-white: #fff;
    --fd-black: #000;
    
    /* gradients */
    --fd-gradient-blue: linear-gradient(90deg, #039 0%, #09C 138.4%);
    /*--fd-gradient-orange: linear-gradient(90deg, #C30 0%, #F63 100%);*/
    --fd-gradient-orange: linear-gradient(90deg, rgba(204, 51, 0, 1) 60%, rgba(255, 102, 51, 1) 100%);
    
    /* fonts */
    --fd-font-museo: 'Museo';
    
}

.flex-1 {flex: 1;}

.custom-diy .content-main,
.custom-diy #content-main {
    padding-bottom: 60px;}

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

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

#Donations {background:#f8f8f9;background-size:cover;background-position:center center;}

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

.profileSidebar .money {color:#f6d05e;}
#progress-fitness p {top: 50%; transform: translateY(-50%); margin: 0;}

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

/*Gradient BG*/
.Gradient-Blue {
    background: linear-gradient(90deg, #003399 0%, #0099CC 138.4%) !important;
}

.Gradient-Orange {
    background: linear-gradient(90deg, #CC3300 0%, #FF6633 138.4%) !important;
}

/*Gradient Typography*/
/* .content h3 {margin-bottom: 40px;} */
.Gradient > .lump-1col > * {
    background: -webkit-linear-gradient(90deg, #003399 0%, #0099CC 138.4%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.BG-Title {
    background: linear-gradient(90deg, #003399 0%, #0099CC 138.4%) !important;
    max-width: fit-content;
    padding: 5px 25px !important;
    display: inline;
    box-decoration-break: clone;
    -webkit-box-decoration-break: clone;
}

.BG-Title > .lump-1col > * {
    color: #fff !important;
}

.material-icons .mr0 {
    background:url('https://60e81f65aaf9167afa40-ff4833bce3c9bdfba70ca132173d99cd.ssl.cf5.rackcdn.com/caa7e707e2ce9c7c5ebe41daa71ea2b1.jpg')
}

.btn-secondary {
    background: linear-gradient(90deg, #CC3300 0%, #FF6633 138.4%) !important;
    border-color: none !important;
    border-width: 0px;
}




@media (min-width: 768px) {
    .fr-align .lump-container {
        flex-direction: column !important;
        justify-content: space-between !important;
        align-content: flex-start !important;
    }

    .fr-align .lump-container .lump[data-type='1col'] {
        margin-bottom: auto !important
    }
}

.text-museo {font-family: Museo, arial;}

/* rego flow */
.template-fundraise .slick-slide .section {margin-left: 0; margin-right: 0;}
.template-fundraise .slick-slide .section .container {justify-content: center;}

/*Button with plane*/
.btn-plane .lump_buttons >.btn, .btn.btn-plane, .btn-plane .lump_buttons >.btn-text {
    position: relative;
}

.btn-plane .lump_buttons >.btn:after, .btn.btn-plane:after {
    content: '';
    background: url('https://d6jlip2ek0t2a.cloudfront.net/0def97a08d4478dc7ae17ae50127d4bc.svg');
    background-size: contain;
    background-repeat: no-repeat;
    width: 25px;
    height: 22px;
    position: relative;
    right: 0;
    display: inline-block;
}

.btn-plane .lump_buttons >.btn-text:after {
    content: '';
    background: url('https://d6jlip2ek0t2a.cloudfront.net/264dc0676f8b95263daa5d8e3569b047.svg');
    background-size: contain;
    background-repeat: no-repeat;
    width: 25px;
    height: 22px;
    position: relative;
    right: 0;
    display: inline-block;    
}

.btn-plane.btn-plane-white .lump_buttons >.btn-text:after {
    content: '';
    background: url('https://d6jlip2ek0t2a.cloudfront.net/0def97a08d4478dc7ae17ae50127d4bc.svg');
    background-size: contain;
    background-repeat: no-repeat;
    width: 25px;
    height: 22px;
    position: relative;
    right: 0;
    display: inline-block;    
}

.btn-plane.btn-plane-s .lump_buttons >.btn:after, .btn-plane.btn-plane-s .lump_buttons >.btn-text:after {
    width: 21px;
    height: 19px;
}

.btn-plane.btn-plane-xl .lump_buttons >.btn:after, .btn-plane.btn-plane-xl .lump_buttons >.btn-text:after {
    width: 42px;
    height: 38px;
}

.btn-plane.btn-plane-xl .lump_buttons >.btn {
    font-size: 32px;
    padding-left: 40px;
    padding-right: 40px;
}

.btn-plane .lump_buttons >.btn-text {
    padding: 0;
    background: -webkit-linear-gradient(#CC3300, #FF6633);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    line-height: 1.25;
    font-family: 'Museo' !important;
}

.btn-text-white .lump_buttons >.btn-text {
    padding: 0;
    line-height: 1.25;
    font-family: 'Museo' !important;
}

.btn-plane.btn-plane-white .lump_buttons >.btn-text, .btn-text-white .lump_buttons >.btn-text {
    background: transparent;
    color: #fff !important;
    -webkit-text-fill-color: inherit !important;
}

.btn-plane .lump_buttons >.btn-text:hover, .btn-text-white .lump_buttons >.btn-text:hover {
    opacity: .85 !important;
}

.btn-plane.btn-plane-s .lump_buttons >.btn-text {
    font-size: 18px;
}

.btn-plane.btn-plane-xl .lump_buttons >.btn-text {
    font-size: 32px;
}

.btn-plane .lump_buttons >.btn, .btn.btn-plane, .btn-plane .lump_buttons >.btn-text {
    display: flex;
    gap: 10px;
    align-items: center;
}

.btn-text {
    text-transform: uppercase;
}

/*Profile*/
.sidebar-top h2 {
    font-size: 30px;
}

/* DIY events only */
.custom-diy {
    background-color: #E4D6C6;
}
.custom-diy .btn {text-transform: none;}
.custom-diy .text-yellow {
    color: #EDA920;
}
.custom-diy .text-gray {
    color: #B2B2B2;
}
.custom-diy .blue-gradient-text {
    background: #003399;
    background: linear-gradient(to right, #003399 20%, #0099CC 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.custom-diy .f-weight-700 {
    font-weight: 700;
}

.custom-diy .blue-border {
    border: 2px #003399 solid;
}
.custom-diy #sharepage p,
.custom-diy .funraisin-profile-header h1, 
.custom-diy .profile-header-yourpage p {font-family: Museo;}
.custom-diy .primary-nav-container {
    background-color: #FFFFFF;
}
.custom-diy .funraisin-header {
    background-image:
                linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),
                url('https://d6jlip2ek0t2a.cloudfront.net/c5ef76468178635011a1a4f42c91c70e.png');
    background-size: cover;
    background-position: center center;
}
.custom-diy .loggedin-header .profile-image {
    width: 185px;
}

.custom-diy .loggedin-header .cover-image-upload,
.custom-diy .loggedin-header .profile-header-title a,
.custom-diy .funraisin-profile-header .fa.fa-edit {
    display: none;
}

.custom-diy .loggedin-header .profile-header-event a,
.custom-diy .funraisin-profile-header a,
.custom-diy .diy-hosted span { 
    color: #EDA920;
}
.custom-diy .funraisin-profile-header p {font-weight: 700;}
.custom-diy .profile-header-yourpage p {
    visibility: hidden;
    position: relative;
}
.custom-diy .profile-header-yourpage p:after{
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(0, -50%);
    visibility: visible;
    content: "My fundraising page";
    font-family: "Museo";
}
.custom-diy .loggedin-header .profile-image-frame .profile-image-upload {
    right: 30px;
}

.custom-diy .loggedin-header .vertical-align.height-full {
    height: 73% !important;
}
.custom-diy .loggedin-header .vertical-align .col-sm-3.col-xs-4 {
    text-align: right;
    padding: 0px;
}
.custom-diy #uploadprofilepic a.btn {padding: 0 5px;}
.custom-diy #uploadprofilepic i {visibility: hidden; position: relative; font-size: 50px;}
.custom-diy #uploadprofilepic i::after {position: absolute; content: ""; top: 0; right: 0; bottom: 0; left: 0; visibility: visible; background: url(https://d6jlip2ek0t2a.cloudfront.net/9d8639f7c077a0e18ca660f10747af67.png) center / cover no-repeat;}

.custom-diy .diy-hosted {
    font-weight: 700;
}

.custom-diy .loggedin-header .profile-header-yourpage {
    width: 510px;
    margin-right: 70px;
    margin-top: 20px;
    padding: 20px;
    border-radius: 5px;
    background: linear-gradient(90deg, rgba(204,51,0,1) 0%, rgba(255,102,51,1) 70%);
}

.template-login-dashboard.custom-diy .loggedin-header .profile-header-yourpage p {
    margin-top:0px;
}


.custom-diy .profile-header-raised h1, 
.custom-diy .profile-header-goal span {
    
    width: 100%;
    position: absolute;    
    text-align: center;
    background: #EDA920;
    color: #003399;
    
}

.custom-diy .profile-header-goal {
        top: -100px;
}
.custom-diy .profile-header-raised h1 {
    
    padding-top: 10px;
    z-index: 9;
    font-size: 75px;
    border-radius: 5px 5px 0px 0px 
}

.custom-diy .profile-header-goal span {
    padding: 20px;
    top: 110px;
    border-radius: 0px 0px 5px 5px 
}

.custom-diy #sharepage {
    padding:5px;
}

.custom-diy #sharepage a,
.custom-diy #share-page-icons a {
    background: #003399 !important;
    margin-left: 0px;
}

.custom-diy #share-page-icons a > i,
.custom-diy #sharepage a > i {
    position: absolute;
    left: 0;
    right: 0;
    top: 9px;
}

.custom-diy #sharepage P {
    font-weight: 700;
}

.custom-dashboard.custom-diy .funraisin-page-loggedin-toggle {
    margin-top: 150px;
    margin-bottom: 0;
    padding-top: 20px;
    border: unset;
}

.custom-dashboard.custom-diy .funraisin-page-loggedin-toggle + .height-20 {display: none;}

.custom-diy .my-achievements .content-box {
    position: absolute;
    left: 0;
    right: 0;
    width: 1200px;
    top: -250px;
    background: #FFFFFF;
    border-radius: 5px;
    padding: 20px 40px;
    z-index: 99;
}
.custom-diy .my-achievements .dashboard-badges {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
}

.custom-diy .my-achievements .dashboard-badges a {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    line-height: normal;
}
.custom-diy .my-achievements .dashboard-badges a > img {
    width: 90px;
}
.custom-diy .my-achievements .dashboard-badges a > span {
    font-size: 12px;
    margin-top: 10px;
}
.custom-diy .my-fundraising .flex-child {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
}
.custom-diy .my-fundraising .flex-child >  p {
    font-size: 21px;
}

.custom-diy .my-fundraising .progress-plane,
.custom-diy .profileSidebar .progress-plane {
    overflow: visible
}
.custom-diy .my-fundraising .progress-plane .progress-bar:after {
    right: -25px;
}
.custom-diy .profileSidebar .progress-plane .progress-bar:after {
    right: -40px
}
.custom-diy .profileSidebar .progress-plane .progress-bar {
    display: block;
}
.custom-diy .my-fundraising .progress-plane .progress-bar:after,
.custom-diy .profileSidebar .progress-plane .progress-bar:after {
    content: '';
    position: absolute;
    width: 100px;
    height: 38px;
    background-image: url('https://d6jlip2ek0t2a.cloudfront.net/942195a4a70e78a33cac0f5054497e64.png');
    background-size: contain;
    background-repeat: no-repeat;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.custom-diy .progress-plane .progress-bar,
.custom-diy .profileSidebar .progress-plane { 
    position: relative;  overflow: visible;
    
}

.custom-diy .blue-gradient {
    background: linear-gradient(90deg, rgba(0,51,153,1) 20%, rgba(0,153,204,1) 100%);
}

.custom-diy .my-donations .flex-box,
.custom-diy .my-funds .flex-box{
    display: flex;
    justify-content: space-around;
    align-items: center;
    text-align: center;
}
.custom-diy .my-donations .flex-box img,
.custom-diy .my-funds .flex-box img{
    width: 150px;
}

.custom-diy .my-donations .flex-box a,
.custom-diy .my-funds .flex-box a {
    font-size: 13px;
}

.custom-diy .my-donations .flex-child p,
.custom-diy .my-funds .flex-child p {
    font-size: 23px;
}

.custom-diy .my-donations .flex-child .numer-of-donations {
    font-size: 55px;
}

.custom-diy .my-donations .flex-child .flex-grand-child {
    display: flex;
    justify-content: space-evenly;
}

.custom-diy .right-panel .fundraising-checklist .custom-row {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-around;
    align-items: center;
    padding: 10px 20px;
    border-radius: 10px;
}
.custom-diy .right-panel .fundraising-checklist .disabled { background-color: #F2F2F2;}
.custom-diy .right-panel .fundraising-checklist .disabled .img-icon { filter: contrast(0.5); }

.custom-diy .right-panel .fundraising-checklist .active .img-icon { filter: brightness(0) invert(1); }


.custom-diy .right-panel .fundraising-checklist .custom-row img {
    width: 10%;
}

.custom-diy .right-panel .fundraising-checklist .custom-row p {
    display: flex;
    flex-grow: 1;
    margin-left: 20px;
}

.custom-diy .right-panel .custom-row.active {
    pointer-events: none
}

.custom-diy .resources-section .bg-white {
    padding: 40px 20px;
}
.custom-diy .resources-section img {
    margin-left: -20px;
}
.custom-diy .resources-section a {
    font-size: 13px;
}
.custom-diy .resources-section .col-md-4,
.custom-diy .impact-section .col-md-3 {
    display: flex;
    flex-direction: column;
}
.custom-diy .resources-section .match-height,
.custom-diy .impact-section .match-height{
    flex: 1 1 0%;
}

.custom-diy  .impact-section p {font-size: 13px;}

/*DYI in memory 2024*/
.custom-diy.diy-inMemory .my-fundraising p {
    font-size: 30px;
}
.custom-diy.diy-inMemory .my-fundraising p > .raised {
    font-size: 55px;
}

.custom-diy.diy-inMemory .profile-header-raised,
.custom-diy.diy-inMemory .profile-header-goal {
    display: none;
}
.custom-diy.diy-inMemory .funraisin-page-loggedin-toggle {
    margin-top: 20px;
}

.custom-diy.diy-inMemory .funraisin-header {
    background-image: url('https://d6jlip2ek0t2a.cloudfront.net/6eb24c14d660e526396092ffae713e7b.jpg');
    background-size: cover;
    background-position: center center;
}
.custom-diy .profileSidebar .sidebar-top {
    background: linear-gradient(90deg, rgba(204,51,0,1) 60%, rgba(255,102,51,1) 100%);
}

.custom-diy.diy-inMemory .profileSidebar .sidebar-top .iveRaised {
    background: #EDA920;
}

.custom-diy.diy-inMemory .profileSidebar .sidebar-top .iveRaised > * {
    color: #003399;
}

.custom-diy.diy-inMemory .profileSidebar .sidebar-top .iveRaised h4 {
    font-size: 30px;
}

.custom-diy.diy-inMemory .profileSidebar .sidebar-top .iveRaised .money {
    font-size: 63px;
}

.custom-diy #chooseamount h4 {
    margin-bottom: 25px;
    font-size: 23px;
}

.custom-diy .content h2 {font-family: Museo;}

#template-profile.custom-diy .section:first-child {
    background-color: #FFFFFF;
}

#Members .member .panel {
    -webkit-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
}


/************ cards: initial variables ************/
.custom-diy .card-item {
    --card-colour: '';
    --card-bg: '';
    --card-bg-image: '';
    --card-title-font: '';
    --card-padding: '';
    color: var(--card-colour);
    background-color: var(--card-bg);
    background-image: var(--card-bg-image);}
.custom-diy .card-item .card-body {
    padding: var(--card-padding);}
.custom-diy .card-item .card-body h2 {
    font-family: var(--card-title-font);}

/************ cards: donations, members ************/
.custom-diy .card-donations {
    --card-colour: var(--fd-white);
    --card-bg-image: var(--fd-gradient-orange);
}
.custom-diy .card-members {
    --card-colour: var(--fd-black);
    --card-bg: var(--fd-white)
}
.custom-diy .card-donations,
    .custom-diy .card-members {
        --card-title-font: var(--fd-font-museo);
        --card-padding: 20px 40px 40px;
    }
@media(min-width: 1200px) {
    .custom-diy .card-donations,
    .custom-diy .card-members {
        --card-padding: 40px 80px 80px;
    }
}
.custom-diy .card-members .card-body h2 {
    background: var(--fd-gradient-blue);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.donation-ribbon {
    font-size: 13px;
    background-image: var(--fd-gradient-blue);
}
.custom-diy #Donations,
.custom-diy #Members {
    background-color: var(--fd-mocha-light)!important;
    border-top: 0;}
    
.custom-diy #Donations #Donors,
.custom-diy #Members #MembersBlock {
    --bs-gutter-x: 30px;
    --bs-gutter-y: 30px;}
    
@media(min-width: 1200px) {
    .custom-diy #Donations #Donors {
        --bs-gutter-x: 50px;
        --bs-gutter-y: 50px;}
}
    
.custom-diy #Donations #Donors,
.custom-diy #Members #MembersBlock {
    /* width: auto; Bug on login self donation */
    width: 100%;
    margin-top: calc(var(--bs-gutter-y) * -1);
    margin-right: calc(var(--bs-gutter-x) * -.5);
    margin-left: calc(var(--bs-gutter-x) * -.5);}
.custom-diy #Donations #Donors > *,
.custom-diy #Members #MembersBlock > * {
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
    margin-top: var(--bs-gutter-y);
}
.custom-diy #Donations #Donors {
    margin-bottom: 30px;
}
.custom-diy #Donations #Donors .donation,
.custom-diy #Members #MembersBlock .member {
    display: flex;
    flex-direction: column;
    color: var(--fd-black);}
.custom-diy #Donations #Donors .donation .panel,
.custom-diy #Members #MembersBlock .member .panel {
    justify-content: flex-start;
    flex: 1 1 0%;
    margin-bottom: 0;
    border: 0;
    border-radius: 0;}
.custom-diy #Donations #Donors .donation .panel .stats > div {
    padding: 0;
}
    
.custom-diy #Members #MembersBlock .member .panel {
    border: 2px solid var(--fd-ocean-blue);}
.custom-diy #Donations #Donors .donation .panel .profilename h3 {
    font-size: 22px;}
.custom-diy #Members #MembersBlock .member .panel .profilename h3 {
    font-size: 19px;}
    
.custom-diy #Donations #Donors .donation .panel .profilename h3:after {
    display: none;}
.custom-diy #Donations #Donors .donation .panel .amount {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 60px;
    height: 60px;
    padding: 5px;
    background-image: var(--fd-gradient-orange)!important;}
.custom-diy #Donations #Donors .donation .amount p {
    font-size: 15px;
    font-weight: 600;
    margin: 0;}
.custom-diy #Donations #Donors .donation .panel .profile-image-wrapper {
    width: 140px;
    height: 140px;}
.custom-diy #Donations #Donors .donation .panel .profileimage {
    padding-top: 15px;}
    
.custom-diy #Members #MembersBlock .progress-bar,
.custom-diy #Members #MembersBlock .btn{
    background-image: var(--fd-gradient-orange);
}
.custom-diy #Members #MembersBlock .label-raised,
.custom-diy #Members #MembersBlock .amount {
    color: var(--fd-ocean-blue);
}
.custom-diy .custom-dollar-handle,
.custom-diy .custom-dollar-handle .bg-primary.border-primary {
    background-color: #EDA920 !important;
    color: #003399 !important;
}

.custom-diy .donationHandlers .radio a {
    font-weight: 700;
}

.custom-diy .donationHandlers .dollar-handle-plane {
    position: absolute;
    left: 0;
    right: 0;
    top: -25px;
}
.custom-diy #amountdetails .donationHandlers .radio .radio-text {background: white !important;}
.custom-diy .input-group-addon.bg-primary { border-width: 1px; }
.custom-diy .profile-header-yourpage .input-group-addon.bg-primary,
.custom-diy .profile-header-yourpage .input-group>.form-control {border: none !important; border-radius: 0 !important;}
.custom-diy .profile-header-yourpage .input-group-addon.bg-primary {background: #EDA920 !important;}
.custom-diy .profile-header-yourpage .forecolor-primary {color: #003399 !important; font-weight: 500;}

.custom-diy .orange-gradient.custom-btn{
    background: var(--fd-gradient-orange);
    width: 50%;
}
    
.choose-event.custom-diy .profile-header-goal {
    top:-100px;
}

.choose-event.custom-diy .funraisin-page-loggedin-toggle {
    margin-top: 20px;
}
.progress-indicator {
    z-index: 10;
}
.progress-indicator img {
    height: auto;
    width: 100px;
    max-width: none;
    object-fit: contain;
    object-position: bottom;
}

#sticky-nav .site-logo img {
    width: 240px;
}

/* introjs */
.introjs-tooltipReferenceLayer .introjs-tooltip {min-width: 450px; color: #003399; display: flex !important; flex-direction: column; padding: 10px;}
.introjs-tooltipReferenceLayer .introjs-tooltip .introjs-tooltip-title {font-family: Museo, arial; width: 100%;}
.introjs-tooltipReferenceLayer .introjs-tooltip .introjs-tooltiptext {padding-top: 0; font-family: Museo, arial;}
.introjs-tooltipReferenceLayer .introjs-tooltip .introjs-skipbutton {background: #003399; transform: translate( calc(50% + 10px), calc(-50% - 10px)); border-radius: 50%; height: 35px; width: 35px; color: white; display: flex; justify-content: center; align-items: center;}
.introjs-tooltipReferenceLayer .introjs-tooltip .introjs-tooltipbuttons {display: flex; text-align: center; border-top: none;}
.introjs-tooltipReferenceLayer .introjs-tooltip .introjs-tooltipbuttons > * {flex: 1 0 0; margin: 0 5px;}
.introjs-tooltipReferenceLayer .introjs-tooltip .introjs-button {text-shadow: none; font-weight: 700; border: none; font-family: Museo, arial;}
.introjs-tooltipReferenceLayer .introjs-tooltip .introjs-prevbutton span {background: linear-gradient(90deg, #CC3300 0%, #FF6633 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; position: relative; z-index: 10;}
.introjs-tooltipReferenceLayer .introjs-tooltip .introjs-prevbutton::before {content: ""; position: absolute; --border-width: 2px; top: var(--border-width); bottom: var(--border-width); left: var(--border-width); right: var(--border-width); border-radius: .2em; background: white; z-index: 1;}
.introjs-tooltipReferenceLayer .introjs-tooltip .introjs-prevbutton::after {content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; border-radius: .2em; background: linear-gradient(90deg, #CC3300 0%, #FF6633 100%);}
.introjs-tooltipReferenceLayer .introjs-tooltip .introjs-nextbutton {background: linear-gradient(90deg, #CC3300 0%, #FF6633 100%); color: white;}
.introjs-tooltipReferenceLayer .introjs-tooltip .introjs-disabled {display: none;}
.introjs-tooltipReferenceLayer .introjs-tooltip .introjs-bullets {order: 999; padding: 10px 15px;}
.introjs-tooltipReferenceLayer .introjs-tooltip .introjs-bullets ul {width: 100%; display: flex;}
.introjs-tooltipReferenceLayer .introjs-tooltip .introjs-bullets ul li {flex: 1 0 0;}
.introjs-tooltipReferenceLayer .introjs-tooltip .introjs-bullets ul li a,
.introjs-tooltipReferenceLayer .introjs-tooltip .introjs-bullets ul li a.active {width: 100%; border-radius: 0;}
.introjs-tooltipReferenceLayer .introjs-tooltip .introjs-bullets ul li:first-child a {border-top-left-radius: 10px; border-bottom-left-radius: 10px;}
.introjs-tooltipReferenceLayer .introjs-tooltip .introjs-bullets ul li:last-child a {border-top-right-radius: 10px; border-bottom-right-radius: 10px;}
.introjs-tooltipReferenceLayer .introjs-tooltip .introjs-bullets ul li a.active {background-color: #003399;}