/* === CUSTOM FONT DECLARATION === */
@font-face {
    font-family: 'mundialregular';
    src: url('../4-Mundial-Regular-TTY.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
/* === MUNDIAL FONT FAMILY DECLARATIONS === */

/* Hair Weight (100) */
@font-face {
    font-family: 'Mundial';
    src: url('../fonts/1-Mundial-Hair-TTY.otf') format('opentype');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Mundial';
    src: url('../fonts/1-Mundial-Hair-Italic-TTY.otf') format('opentype');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

/* Thin Weight (200) */
@font-face {
    font-family: 'Mundial';
    src: url('../fonts/2-Mundial-Thin-TTY.otf') format('opentype');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Mundial';
    src: url('../fonts/2-Mundial-Thin-Italic-TTY.otf') format('opentype');
    font-weight: 200;
    font-style: italic;
    font-display: swap;
}

/* Light Weight (300) */
@font-face {
    font-family: 'Mundial';
    src: url('../fonts/3-Mundial-Light-TTY.otf') format('opentype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Mundial';
    src: url('../fonts/3-Mundial-Light-Italic-TTY.otf') format('opentype');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

/* Regular Weight (400) */
@font-face {
    font-family: 'Mundial';
    src: url('../fonts/4-Mundial-Regular-TTY.otf') format('opentype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Mundial';
    src: url('../fonts/4-Mundial-Regular-Italic-TTY.otf') format('opentype');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

/* DemiBold Weight (600) */
@font-face {
    font-family: 'Mundial';
    src: url('../fonts/5-Mundial-DemiBold-TTY.otf') format('opentype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Mundial';
    src: url('../fonts/5-Mundial-DemiBold-Italic-TTY.otf') format('opentype');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

/* Bold Weight (700) */
@font-face {
    font-family: 'Mundial';
    src: url('../fonts/6-Mundial-Bold-TTY.otf') format('opentype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Mundial';
    src: url('../fonts/6-Mundial-Bold-Italic-TTY.otf') format('opentype');
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}

/* Black Weight (900) */
@font-face {
    font-family: 'Mundial';
    src: url('../fonts/7-Mundial-Black-TTY.otf') format('opentype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Mundial';
    src: url('../fonts/7-Mundial-Black-Italic-TTY.otf') format('opentype');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}
.service_mega2 .sp-dropdown-main.sp-dropdown-mega .sp-dropdown-inner .row>div ul.sp-mega-group {
    padding: 0px 0px 0px 40px !important;
}
.service_mega2 .sp-dropdown .sp-dropdown-inner > .row > .col-sm-4:last-child {
    padding-right: 15px;
}
.service_mega2 .item-373 a {
    display: inline-block;
    max-width: 80px; /* Adjust this value to control where the text breaks */
}
.service_mega2 .sp-dropdown .sp-dropdown-inner > .row:first-child > .col-sm-4 {
    padding-top: 40px; /* Adjust this value as needed */
}
.service_mega2 .sp-dropdown .sp-dropdown-inner > .row:last-child > .col-sm-4 {
    padding-bottom: 40px; /* Adjust this value as needed */
}

@media screen and (min-width: 1200px) and (max-width: 1310px) {
    nav.sp-megamenu-wrapper.d-flex {
        margin-right: 0px !important;
    }
}
/* === GLOBAL FONT SETTINGS === */
/* Set mundialregular font for all headers */
h1, h2, h3, h4, h5, h6,
.sppb-addon-header h1.sppb-addon-title,
.sppb-addon-header h2.sppb-addon-title,
.sppb-addon-header h3.sppb-addon-title,
.sppb-addon-header h4.sppb-addon-title,
.sppb-addon-header h5.sppb-addon-title,
.sppb-addon-header h6.sppb-addon-title,
.styled-title h1.sppb-addon-title,
.styled-title h2.sppb-addon-title,
.styled-title h3.sppb-addon-title,
.styled-title h4.sppb-addon-title,
.styled-title h5.sppb-addon-title,
.styled-title h6.sppb-addon-title,
.sppb-addon-feature .sppb-feature-box-title,
.sp-page-title-heading {
    font-family: 'mundialregular', 'Arial', sans-serif;
}

body {
    font-family: Calibri, 'Gill Sans', 'Gill Sans MT', 'Trebuchet MS', sans-serif;
}

/* Explicitly set for paragraphs (inherits from body, but can be useful for specificity) */
p {
    font-family: Calibri, 'Gill Sans', 'Gill Sans MT', 'Trebuchet MS', sans-serif;
}
/* Set Calibri as default for all anchor tags 
a {
    font-family: 'mundialregular', 'Arial', sans-serif;
} */

/* Master Font Size Controls for Laptops (1100px - 1300px) */
@media (max-width: 1300px) and (min-width: 1100px) {
    
    /* === GLOBAL BODY TEXT === */
    body {
        font-size: 14px; /* Down from default 16px */
    }
    
    /* === MAIN PAGE HEADINGS === */
    /* H1 - Main page titles */
    .sppb-addon-header h1.sppb-addon-title {
        font-size: 2.25rem !important; /* ~36px */
    }
    
    /* H2 - Section headings */
    .sppb-addon-header h2.sppb-addon-title {
        font-size: 1.875rem !important; /* ~30px */
    }
    
    /* H3 - Sub-section headings */
    .sppb-addon-header h3.sppb-addon-title,
    .styled-title h3.sppb-addon-title {
        font-size: 1.5rem !important; /* ~24px */
    }
    
    /* H4 - Service tile titles and smaller headings */
    .sppb-addon-header h4.sppb-addon-title,
    .styled-title h4.sppb-addon-title,
    .sppb-addon-feature h4.sppb-feature-box-title,
    .sppb-addon-feature h4.sppb-feature-box-title a {
        font-size: 1.25rem !important; /* ~20px */
    }
    
    /* H5 & H6 - Feature list items */
    .sppb-addon-feature h5.sppb-feature-box-title,
    .sppb-addon-feature h6.sppb-feature-box-title {
        font-size: 0.9rem !important; /* ~16px */
    }
    
    /* === PARAGRAPH & BODY TEXT === */
    /* Page subtitles (p tags acting as subtitles) */
    .sppb-addon-header p.sppb-addon-title {
        font-size: 1.125rem !important; /* ~18px */
    }
    
    /* Service tile descriptions */
    .sppb-addon-feature .sppb-addon-text,
    .sppb-addon-feature .sppb-addon-text p {
        font-size: 0.875rem !important; /* ~14px */
    }
    
    /* General text blocks */
    .sppb-addon-text-block .sppb-addon-content p,
    .sppb-addon-content p {
        font-size: 0.9375rem !important; /* ~15px */
    }
    
    /* === SPECIAL ELEMENTS === */
    /* Numbered list items (Audit page) */
    .sppb-blocknumber-text p,
    .sppb-blocknumber-text p span {
        font-size: 0.875rem !important; /* ~14px */
    }
    
    /* Person name/title (Partners sections) */
    #spp-glm .sppb-person-eve {
        font-size: 1.5rem !important; /* ~24px, down from 32px */
        line-height: 2rem !important; /* ~32px, down from 42px */
    }
    
    /* Person designation */
    .sppb-addon-gqg .form-a8x > span.sppb-person-2hh {
        font-size: 0.8125rem !important; /* ~13px */
    }
    
    /* === NAVIGATION & MENU === */
    /* Main menu items */
    .sp-megamenu-parent > li > a,
    .sp-megamenu-parent > li > span {
        font-size: 0.875rem !important; /* ~14px */
    }
    
    /* Dropdown menu items */
    .sp-dropdown a {
        font-size: 1.2rem !important;
    }
    
    /* Top bar text */
    .nav-cad.nav-mhg2 a {
        font-size: 0.6875rem !important; /* ~11px, down from 12.6px */
    }
    
    /* Contact info in header */
    .sp-contact-info li {
        font-size: 0.8125rem !important; /* ~13px */
    }
    
    /* === BUTTONS === */
    .sppb-btn {
        font-size: 0.875rem !important; /* ~14px */
        padding: 0.625rem 1.25rem !important; /* Slightly smaller padding */
    }
    
    /* === SPECIAL OVERRIDES === */
    /* Override inline styles where necessary */
    span[style*="font-size: 14pt"] {
        font-size: 1rem !important; /* ~16px instead of 14pt */
    }
    
    /* Article introtext */
    .article-introtext {
        font-size: 0.8125rem !important; /* ~13px */
    }
    
    /* Blog titles */
    .article-list h2,
    .blog-list-wrapper h3 {
        font-size: 1.375rem !important; /* ~22px */
    }
}

/* Optional: Slightly different sizing for narrower laptops */
@media (max-width: 1200px) and (min-width: 1100px) {
    /* Further reduce some elements if needed */
    .sppb-addon-header h1.sppb-addon-title {
        font-size: 2rem !important; /* ~32px */
    }
    
    .sppb-addon-feature .sppb-addon-text p {
        font-size: 0.8125rem !important; /* ~13px */
    }
}





@font-face { 
  font-family:"Font Awesome 5 Free";
  font-style:normal;
  font-weight:400;
  font-display:block;
  src:url(http://localhost/components/com_sppagebuilder/assets/webfonts/fa-regular-400.woff) format("woff"),url(http://localhost//components/com_sppagebuilder/assets/webfonts/fa-regular-400.ttf) format("truetype");
} 
@font-face { 
  font-family:"Font Awesome 5 Free";
  font-style:normal;
  font-weight:900;
  font-display:block;
  src:url(http://localhost/components/com_sppagebuilder/assets/webfonts/fa-solid-900.woff) format("woff"),url(http://localhost/components/com_sppagebuilder/assets/webfonts/fa-solid-900.ttf) format("truetype");
} 

/*
ul.sp-megamenu-parent > li.sp-menu-item.sp-has-child > a[href="/index.php/financial-surveys"] + .sp-dropdown {
    width: 130px !important;
}
ul.sp-megamenu-parent > li.sp-menu-item.sp-has-child > a[href="/index.php/services"] + .sp-dropdown {
    width: 245px !important;
}
    */

sppb-meta-date {
    margin-left: 0px !important;
  }
time.sppb-meta-date.sppb-meta-date-unmodified {
    margin-left: 0px;
} 
@media (max-width: 1200px) {
    :root {
        --header_height: $header_height_sm;
    }
    nav.sp-megamenu-wrapper.d-flex {
        display: none !important;
    }
    .sp-megamenu-parent > li > a,
    .sp-megamenu-parent > li > span {
        line-height: 60px;
    }
    #sp-header {
        height: 60px;
    }
    #sp-header .logo {
        height: 60px;
    }
    #sp-header.header-with-modal-menu #offcanvas-toggler {
        display: flex !important;
    }
    #sp-header.header-with-modal-menu #modal-menu-toggler {
        display: none;
    }
    #sp-header.full-header-center #offcanvas-toggler.mega,
    #sp-header.header-with-modal-menu #offcanvas-toggler.mega,
    #sp-header.full-header-left #offcanvas-toggler.mega,
    #sp-header.lg-header #offcanvas-toggler.mega,
    #sp-header.header-with-social #offcanvas-toggler.mega {
        display: flex !important;
    }
    #sp-header.lg-header #offcanvas-toggler.mega {
        display: none !important;
    }
    #sp-header.lg-header .offcanvas-toggler-left.offcanvas {
        display: flex !important;
    }
    #sp-header-topbar .container-inner > .row {
        min-height: 60px;
    }
    #modal-menu {
        top: 60px;
    }
    #offcanvas-toggler {
        height: 60px;
    }
}
.classic-service {
    min-height: 300px;
    display: flex;
    align-items: flex-end
}
@media (max-width: 405px) {
    .sppb-nav li a {
      font-size: 11px; /* Sets the font size to 11px for the links */
    }
  }
  @media (max-width: 330px) {
    .sppb-nav li a {
      font-size: 10px; /* Sets the font size to 11px for the links */
    }
  }
  @media (max-width: 468px){
    .sp-page-builder .page-content #section-id-55cdd5eb-8b29-40b1-8b87-69a4fa6bb596 {
        padding-top: 103px!important;
    }
}
@media (max-width: 398px){
    .sp-page-builder .page-content #section-id-55cdd5eb-8b29-40b1-8b87-69a4fa6bb596 {
        padding-top: 200px!important;
    }
}
ul.nav-cad.nav-mhg {
    margin-bottom: 5px;
}
.nav-cad.nav-mhg2{
    display:flex;
}
ul.nav-cad.nav-mhg2 {
    margin-bottom: 5px;
}
li.nav-cad.nav-mhg2{
    padding-right: 10px;
}

.article-introtext {

    overflow: hidden;          /* Ensures the overflow text is hidden */
    text-overflow: ellipsis;   /* Adds an ellipsis to indicate hidden text */
    max-height:100px;
    font-size: 14px;
}
.article-introtext h1,
.article-introtext h2{
    font-size: 1em; /* Adjust the font size to match the paragraph text */
    font-weight: normal; /* Make the font weight normal */
    margin: 0; /* Remove any margin that might push the text down */
    padding: 0; /* Remove any padding */
    display: inline; /* Make it behave like inline text */
}
.article-introtext iframe,
.article-introtext video,
.article-introtext embed,
.article-introtext object {
    display: none; /* Hide all video and embedded content */
}

.article-introtext img {
    display: none; /* Hide images if necessary */
}

a#btn-1689158863101 {
    background-color: #E22E8D;
}
    .classic-service > div {
        flex: 1
    }

    .classic-service .sppb-media-content {
        display: flex;
        justify-content: space-between;
        align-items: flex-end
    }

    .classic-service .sppb-feature-box-title {
        -webkit-text-stroke: 1px rgba(92, 92, 92, 0.3);
        background-color: transparent;
        color: transparent;
        display: inline-block;
        transition: 0.3s;
        font-weight: 700;
        position: absolute;
        top: 30px;
        right: -54px
    }

    .classic-service .sppb-btn {
        text-indent: -999px;
        overflow: hidden;
        position: relative;
        width: 40px;
        height: 15px;
        font-size: 25px !important;
        opacity: 0.5;
        transition: 0.3s
    }

        .classic-service .sppb-btn:hover, .classic-service .sppb-btn:focus {
            opacity: 1
        }

        .classic-service .sppb-btn i {
            text-indent: 1px;
            position: absolute;
            top: -5px;
            left: 0
        }

    .classic-service:hover .sppb-btn {
        opacity: 1
    }



    nav.sp-megamenu-wrapper.d-flex {
        margin-right: 80px;
    }


.modal-content{
    z-index: 99999; /* Adjust the value as needed */
}

.modal {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.4);
    padding: 120px 20px 120px 20px;
}

.modal-content {
    position: relative;
    background-color: #fefefe;
    margin: auto;
    padding: 10px;
    width: 100%;
    max-width: 1200px;
}


.close {
    position: absolute;
    right: 5px;
    top: -15px;
    color: #000;
    font-size: 35px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: red;
    cursor: pointer;
}
.column-vs9 { 
    position: relative; 
    width: 100%; 
    min-height: 1px; 
    min-width: 200px;
    padding-right: 2px; 
    padding-left: 2px;
}
.column-vs91 { 
    position: relative; 
    /*width: 150%;*/ 
    min-height: 1px; 
    padding-right: 15px; 
    padding-left: 15px;
}  

@media screen and (max-width: 768px) {
    .modal-content img {
        display: none;  /* Hides the image in the modal on small screens */
    }
}
@media screen and (max-width: 768px) {
    .modal-content h2, .modal-content h5 {
        /*font-size: smaller; Adjusts heading sizes for better readability */
    }
    .modal-content p {
        font-size: 0.9em; /* Adjusts paragraph text size */
    }
}
@media screen and (max-width: 768px) {
    .sppb-button-wrapper .sppb-btn {
        padding: 10px 20px; /* Increases padding for larger touch area */
        font-size: larger; /* Increases font size for readability */
    }
}
@media screen and (max-width: 768px) {
    .modal-content > div {
        flex-direction: column; /* Stacks the content vertically */
    }
}



:after,:before { 
    -webkit-box-sizing: border-box; 
    -moz-box-sizing: border-box; 
    box-sizing: border-box;
} 

*,:after,:before { 
    box-sizing: border-box;
} 

.column-w7g { 
    position: relative; 
    width: 100%;
} 

.column-w7g { 
    width: 100%; 
    height: 100%; 
    display: -ms-flexbox; 
    display: flex; 
    -ms-flex-wrap: wrap; 
    flex-wrap: wrap;
} 

#col-t99 { 
    box-shadow: 0 0 0 0 #FFFFFF;
} 

.column-tlc { 
    position: relative;  
    width: 100%;
} 

#spp-5rc { 
    margin-top: 0px; 
    margin-right: 0px; 
    margin-bottom: 40px; 
    margin-left: 0px;
} 

.sppb-3q4 { 
    -webkit-animation-duration: 1s; 
    animation-duration: 1s; 
    -webkit-animation-fill-mode: both; 
    animation-fill-mode: both;
} 

.fa-z8q { 
    -webkit-animation-name: fadeInUp; 
    animation-name: fadeInUp;
} 

#spp-glm { 
    padding-top: 0px; 
    padding-right: 0px; 
    padding-bottom: 0px; 
    padding-left: 0px;
} 

.cle-mnq:after,.cle-mnq:before,.sp-pagebuilder-row:after,.sp-pagebuilder-row:before,.sppb-container-fluid:after,.sppb-container-fluid:before,.sppb-container:after,.sppb-container:before,.sppb-nav:after,.sppb-nav:before,.sppb-panel-body:after,.sppb-panel-body:before { 
    content: " "; 
    display: table;
} 

.cle-mnq:after,.sp-pagebuilder-row:after,.sppb-container-fluid:after,.sppb-container:after,.sppb-nav:after,.sppb-panel-body:after { 
    clear: both;
} 

.cle-mnq:after { 
    display: block; 
    clear: both; 
    content: "";
} 

.sppb-addon-gqg .image-dmg  { 
    margin-bottom: 20px; 
    position: relative; 
    overflow: hidden;
} 

.sppb-addon-gqg.investa-person-style-8fr .image-dmg  { 
    margin-bottom: 0px; 
    border-radius: 8px 8px 0px 0px;
} 

.sppb-addon-gqg.investa-person-style-8fr .form-a8x  { 
    background-color: #f6f7fa;
    padding-bottom: 10px;
    border-radius: 0px 0px 8px 8px;
} 

.sppb-img-wnb { 
    display: block; 
    max-width: 100%; 
    height: auto;
} 

#spp-glm .image-dmg img  { 
    border-radius: 0px;
} 

.content-4vv { 
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%; 
    display: flex; 
    opacity: 0; 
    visibility: hidden; 
    transition: .4s;
} 

.sppb-addon-gqg:hover .content-4vv  { 
    opacity: 1; 
    visibility: visible;
} 

.sppb-addon-gqg .form-a8x > span  { 
    display: block;
} 

.sppb-addon-gqg .form-a8x > span.sppb-person-eve  { 
    font-size: 16px; 
    font-weight: 700;
} 

.sppb-addon-gqg.investa-person-style-8fr .form-a8x .sppb-person-eve  { 
    padding: 25px 0px 0px 20px;
} 

#spp-glm .sppb-person-eve  { 
    color: #000000;
} 

#spp-glm .sppb-person-eve  { 
    font-family: Poppins; 
    font-weight: 500; 
    font-size: 24px; 
    line-height: 42px;
} 

.sppb-addon-gqg .form-a8x > span.sppb-person-2hh  { 
    margin-top: 5px; 
    display: block; 
    font-size: 14px; 
    font-weight: 500; 
    color: rgba(0,0,0,.4);
} 

.sppb-addon-gqg.investa-person-style-8fr .form-a8x .sppb-person-2hh  { 
    padding: 0px 0px 25px 24px;
} 

#spp-glm .sppb-person-2hh  { 
    color: #3b6675; 
    margin-top: 10px; 
    margin-right: 10px; 
    margin-bottom: 0px; 
    margin-left: 0px;
} 

a { 
    color: var(--bs-link-color); 
    text-decoration: underline;
} 

a { 
    transition: color 400ms, background-color 400ms;
} 

a { 
    text-decoration: none;
} 

a { 
    color: #0EB3FF;
} 

.sppb-addon-gqg .form-a8x > a.sppb-person-9vi  { 
    margin-top: 5px; 
    display: block; 
    font-size: 14px; 
    font-weight: 500; 
    color: rgba(0,0,0,.4);
} 

.sppb-addon-gqg.investa-person-style-8fr .form-a8x .sppb-person-9vi  { 
    background: #ecf1f5; 
    color: #3b6675; 
    padding: 19px 24px;
} 

.sppb-addon-gqg.investa-person-style-8fr .form-a8x .sppb-person-9vi::before { 
    content: ""; 
    font-family: "Font Awesome 5 Free"; 
    font-size: 16px; 
    margin-right: 20px;
} 

.sppb-addon-gqg.investa-person-style-8fr .form-a8x .sppb-person-9vi::after { 
    content: ""; 
    font-family: "Font Awesome 5 Free"; 
    font-weight: 600; 
    font-size: 16px; 
    float: right; 
    transform: rotate(-45deg);
} 

a:hover { 
    color: var(--bs-link-hover-color);
} 

a,a:hover,a:active { 
    text-decoration: none;
} 

a:hover,a:active { 
    color: #1464BB;
} 

.content-i16 { 
    padding: 30px; 
    width: 100%;
} 

.partners-container {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap; /* This will ensure that the items will wrap into the next row if there isn't enough space */
}
@media (min-width: 1200px){
    .partners-container {
        justify-content: space-evenly;
    }
}

.sppb-addon-gqg {
    flex-basis: calc(33.333% - 100px); /* This will ensure each box takes up roughly a third of the container width, minus some margin */
}



@keyframes fadeInUp { 
  0% {  
      opacity: 0; 
      -webkit-transform: translate3d(0,20px,0); 
      transform: translate3d(0,20px,0); 
      opacity: 0; 
      transform: translate3d(0px, 20px, 0px); 
  }  
  100% {  
      opacity: 1; 
      -webkit-transform: translate3d(0,0,0); 
      transform: translate3d(0,0,0); 
      opacity: 1; 
      transform: translate3d(0px, 0px, 0px); 
  }  

} 
.sp-page-builder .page-content #section-id-1688720184452 {
	margin-left: 0px!important;
}


@keyframes textColorCycle {
  0% { color: grey; }
  7%, 20% { color: black; }
  22%, 100% { color: grey; }

}

@keyframes textColorCycle2 {
  0% { color: grey; }
  5%, 25% { color: black; }
  27%, 100% { color: grey; }

}
@keyframes textColorCycle3 {
  0% { color: grey; }
  5%, 25% { color: black; }
  27%, 100% { color: grey; }

}
@keyframes textColorCycle4 {
  0% { color: grey; }
  2%, 15% { color: black; }
  17%, 100% { color: grey; }

}
/*PTA*/

#sppb-addon-wrapper-PeCIGW1s1iJ1oere2Gj7D .sppb-addon-title,
#sppb-addon-wrapper-QnY7dcMFI9TEuSI8uYx-N .sppb-addon-title,
#sppb-addon-wrapper-Pzsuvyv5tqBwuWUvDfp3O .sppb-addon-title,
#sppb-addon-wrapper-pRKpS4ppyTcLH0D0dLqcJ .sppb-addon-title,
#sppb-addon-wrapper-sfV0KliP292U0U2gC_-GS .sppb-addon-title,
#sppb-addon-wrapper-5P_35S_MbZCC4wV853_SX .sppb-addon-title,
#sppb-addon-wrapper-CLMsh1iT8WoCj0XPVWpqv .sppb-addon-title,
#sppb-addon-wrapper-n8zBoGO4nN6cBSZH86b-F .sppb-addon-title,
#sppb-addon-wrapper-1HlxN-CWGAjoXOcPgZpwB .sppb-addon-title {
  animation-name: textColorCycle;
  animation-duration: 20s; /* Total cycle duration */
  animation-iteration-count: infinite;
}
#sppb-addon-wrapper-d1d07e45-f6d0-4e12-bb6a-05ecd67b695b .sppb-addon-title,
#sppb-addon-wrapper-738dbdc0-bb9b-4d9f-8eef-dcf90ff12b1c .sppb-addon-title,
#sppb-addon-wrapper-f2cc46f0-1027-4d17-9e23-cb6fbabf7f36 .sppb-addon-title,
#sppb-addon-wrapper-03200e63-f1db-46bb-b8d3-7d6a60dc1449 .sppb-addon-title,
#sppb-addon-wrapper-d2987836-fbd7-47fb-a608-ca744b2c6152 .sppb-addon-title,
#sppb-addon-wrapper-d25f5cc0-73fa-4477-bc21-b7a9adeafc06 .sppb-addon-title,
#sppb-addon-wrapper-41876345-7732-4c84-9286-4ea486128455 .sppb-addon-title,
#sppb-addon-wrapper-08778b2f-b376-4797-92ab-065e58645557 .sppb-addon-title,
#sppb-addon-wrapper-9b02327c-ad18-4c0f-a1a5-f0808a820322 .sppb-addon-title {
   animation-name: textColorCycle4;
   animation-duration: 32s; /* Total cycle duration */
   animation-iteration-count: infinite; 
}

#sppb-addon-wrapper-d1d07e45-f6d0-4e12-bb6a-05ecd67b695b .sppb-addon-title { animation-delay: 0s; }
#sppb-addon-wrapper-738dbdc0-bb9b-4d9f-8eef-dcf90ff12b1c .sppb-addon-title { animation-delay: 4s; }
#sppb-addon-wrapper-f2cc46f0-1027-4d17-9e23-cb6fbabf7f36 .sppb-addon-title { animation-delay: 8s; }
#sppb-addon-wrapper-03200e63-f1db-46bb-b8d3-7d6a60dc1449 .sppb-addon-title { animation-delay: 12s; }
#sppb-addon-wrapper-d2987836-fbd7-47fb-a608-ca744b2c6152 .sppb-addon-title { animation-delay: 16s; }
#sppb-addon-wrapper-d25f5cc0-73fa-4477-bc21-b7a9adeafc06 .sppb-addon-title { animation-delay: 20s; }
#sppb-addon-wrapper-41876345-7732-4c84-9286-4ea486128455 .sppb-addon-title { animation-delay: 24s; }
#sppb-addon-wrapper-08778b2f-b376-4797-92ab-065e58645557 .sppb-addon-title { animation-delay: 28s; }
#sppb-addon-wrapper-9b02327c-ad18-4c0f-a1a5-f0808a820322 .sppb-addon-title { animation-delay: 32s; }

/*Consulting*/
/* First column elements from the first HTML document */
#sppb-addon-wrapper-qHbMkPGDgS6JVcdYhVPNi .sppb-addon-title,
#sppb-addon-wrapper-75FFF6A2jpIcE6iPBOXrK .sppb-addon-title,
#sppb-addon-wrapper-iwIHizAaq4RDQWEW7eNVE .sppb-addon-title,
#sppb-addon-wrapper-yoFDOXwvIItXOoKrFGjur .sppb-addon-title,
#sppb-addon-wrapper-qA4GmoZKfVo9NB6b0wxJP .sppb-addon-title,
/* Second column elements from the second HTML document */
#sppb-addon-wrapper-gxmhFwLkqlxPZj--wxdTR .sppb-addon-title,
#sppb-addon-wrapper-moYc1UgYrq0rnoNoi-WI8 .sppb-addon-title,
#sppb-addon-wrapper-h7ZGpcqMMMPyZWmGJ3zhI .sppb-addon-title,
#sppb-addon-wrapper-NUlUFJ7OuTXiM1hqJvWiB .sppb-addon-title,
#sppb-addon-wrapper-bzLAy3r6_9d_P8qlJicKd .sppb-addon-title {
  animation-name: textColorCycle;
  animation-duration: 20s; /* Standard 20s cycle */
  animation-iteration-count: infinite;
}

/* First row elements (first in each column) */
#sppb-addon-wrapper-qHbMkPGDgS6JVcdYhVPNi .sppb-addon-title,
#sppb-addon-wrapper-gxmhFwLkqlxPZj--wxdTR .sppb-addon-title {
  animation-delay: 0s;
}

/* Second row elements */
#sppb-addon-wrapper-75FFF6A2jpIcE6iPBOXrK .sppb-addon-title,
#sppb-addon-wrapper-moYc1UgYrq0rnoNoi-WI8 .sppb-addon-title {
  animation-delay: 4s;
}

/* Third row elements */
#sppb-addon-wrapper-iwIHizAaq4RDQWEW7eNVE .sppb-addon-title,
#sppb-addon-wrapper-h7ZGpcqMMMPyZWmGJ3zhI .sppb-addon-title {
  animation-delay: 8s;
}

/* Fourth row elements */
#sppb-addon-wrapper-yoFDOXwvIItXOoKrFGjur .sppb-addon-title,
#sppb-addon-wrapper-NUlUFJ7OuTXiM1hqJvWiB .sppb-addon-title {
  animation-delay: 12s;
}

/* Fifth row elements */
#sppb-addon-wrapper-qA4GmoZKfVo9NB6b0wxJP .sppb-addon-title,
#sppb-addon-wrapper-bzLAy3r6_9d_P8qlJicKd .sppb-addon-title {
  animation-delay: 16s;
}
/*Wealth Manage & A&A*/
#sppb-addon-wrapper-1695797695797 .sppb-addon-title,
#sppb-addon-wrapper-1695797695798 .sppb-addon-title,
#sppb-addon-wrapper-1695797695799 .sppb-addon-title,
#sppb-addon-wrapper-1695797695800 .sppb-addon-title,
#sppb-addon-wrapper-1695856822821 .sppb-addon-title {
  animation-name: textColorCycle;
  animation-duration: 20s; /* Total cycle duration */
  animation-iteration-count: infinite;
}
/*BTA*/
#sppb-addon-wrapper-1695259104669 .sppb-addon-title,
#sppb-addon-wrapper-R6bzjJBjPud7EmR6Eqbdo .sppb-addon-title,
#sppb-addon-wrapper-1695259104670 .sppb-addon-title,
#sppb-addon-wrapper-1695259104671 .sppb-addon-title,
#sppb-addon-wrapper-1695259104672 .sppb-addon-title{
  animation-name: textColorCycle2;
  animation-duration: 20s; /* Total cycle duration */
  animation-iteration-count: infinite;
}
/*SMSF*/
#sppb-addon-wrapper-b8a4aa04-34b3-407a-a3af-033652c58ecb .sppb-addon-title,
#sppb-addon-wrapper-3e95cdff-2626-4b16-8d5a-b94d0e92b5e9 .sppb-addon-title,
#sppb-addon-wrapper-38a22bbb-aca8-484b-a1b1-0c54e625e062 .sppb-addon-title,
#sppb-addon-wrapper-00587180-c7f8-497d-8c94-7735947d4bb5 .sppb-addon-title {
  animation-name: textColorCycle;
  animation-duration: 20s; /* Standard 20s cycle */
  animation-iteration-count: infinite;
}

/* Individual timing for each element */
#sppb-addon-wrapper-b8a4aa04-34b3-407a-a3af-033652c58ecb .sppb-addon-title {
  animation-delay: 0s; /* First item starts immediately */
}

#sppb-addon-wrapper-3e95cdff-2626-4b16-8d5a-b94d0e92b5e9 .sppb-addon-title {
  animation-delay: 4s; /* Second item starts 4s later */
}

#sppb-addon-wrapper-38a22bbb-aca8-484b-a1b1-0c54e625e062 .sppb-addon-title {
  animation-delay: 8s; /* Third item starts 8s later */
}

#sppb-addon-wrapper-00587180-c7f8-497d-8c94-7735947d4bb5 .sppb-addon-title {
  animation-delay: 12s; /* Fourth item starts 12s later */
}
/*Cloud Accounting*/
#sppb-addon-wrapper-1695883461574 .sppb-addon-title,
#sppb-addon-wrapper-1695883461568 .sppb-addon-title,
#sppb-addon-wrapper-1695883461571 .sppb-addon-title {
  animation-name: textColorCycle3;
  animation-duration: 16s; /* Total cycle duration */
  animation-iteration-count: infinite;
}  
#sppb-addon-wrapper-7ca5ec56-2e61-47b4-8a39-c2b7fa6c126a .sppb-addon-title,
#sppb-addon-wrapper-cbd95bf5-303b-43cc-9975-c3720660497b .sppb-addon-title,
#sppb-addon-wrapper-5ad1d556-0b49-4b6d-9ce2-87cab66bd929 .sppb-addon-title,
#sppb-addon-wrapper-1c245130-90dd-4fea-a070-adf8ebef2ad7 .sppb-addon-title,
#sppb-addon-wrapper-14df3a61-e0e8-4a43-9c17-05c498e110cd .sppb-addon-title,
#sppb-addon-wrapper-14df3a61-e0e8-4a43-9c17-05c498e110cd .sppb-addon-title,
#sppb-addon-wrapper-5e2268b3-4ddf-4080-91eb-7fba95447b81 .sppb-addon-title,
#sppb-addon-wrapper-a811fec6-0bfb-43f1-a16a-4e2ad1d28f95 .sppb-addon-title
{
   animation-name: textColorCycle4;
  animation-duration: 32s; /* Total cycle duration */
  animation-iteration-count: infinite; 
}

/*C&IA*/
#sppb-addon-wrapper-g9zg-6XERXejX4PYCfLTi .sppb-addon-title,
#sppb-addon-wrapper-UjLz4v-esx1XC1lSAmzTd .sppb-addon-title,
#sppb-addon-wrapper-i3ZwylWL3qo9TX9x6mKwe .sppb-addon-title,
#sppb-addon-wrapper-UelzbPh-muHOGq76xWRXQ .sppb-addon-title,
#sppb-addon-wrapper-_nO0OsDHmtr16ER7pqut- .sppb-addon-title,
#sppb-addon-wrapper-X1jynYqeAuBtVplZpgxKn .sppb-addon-title,
#sppb-addon-wrapper-j0A3VPq1Mdn7TwlEA7m7J .sppb-addon-title {
  animation-name: textColorCycle4;
  animation-duration: 28s; /* Total cycle duration */
  animation-iteration-count: infinite;
}

/*Aged Care*/
#sppb-addon-wrapper-1695865734307 .sppb-addon-title,
#sppb-addon-wrapper-1695865734308 .sppb-addon-title,
#sppb-addon-wrapper-F7pNohWWOqYk17PvgIV-a .sppb-addon-title,
#sppb-addon-wrapper-1695865734309 .sppb-addon-title,
#sppb-addon-wrapper-1695865734310 .sppb-addon-title{
  animation-name: textColorCycle2;
  animation-duration: 20s; /* Total cycle duration */
  animation-iteration-count: infinite;
}

/*Disability*/
#sppb-addon-wrapper-1695878414054 .sppb-addon-title,
#sppb-addon-wrapper-1695878414055 .sppb-addon-title,
#sppb-addon-wrapper-1695878414056 .sppb-addon-title,
#sppb-addon-wrapper-1695878414057 .sppb-addon-title{
  animation-name: textColorCycle2;
  animation-duration: 16s; /* Total cycle duration */
  animation-iteration-count: infinite;
}

#sppb-addon-wrapper-7ca5ec56-2e61-47b4-8a39-c2b7fa6c126a .sppb-addon-title { animation-delay: 0s; }
#sppb-addon-wrapper-cbd95bf5-303b-43cc-9975-c3720660497b .sppb-addon-title { animation-delay: 4s; }
#sppb-addon-wrapper-5ad1d556-0b49-4b6d-9ce2-87cab66bd929 .sppb-addon-title { animation-delay: 8s; }
#sppb-addon-wrapper-1c245130-90dd-4fea-a070-adf8ebef2ad7 .sppb-addon-title { animation-delay: 12s; }
#sppb-addon-wrapper-14df3a61-e0e8-4a43-9c17-05c498e110cd .sppb-addon-title { animation-delay: 16s; }
#sppb-addon-wrapper-14df3a61-e0e8-4a43-9c17-05c498e110cd .sppb-addon-title { animation-delay: 20s; }
#sppb-addon-wrapper-5e2268b3-4ddf-4080-91eb-7fba95447b81 .sppb-addon-title { animation-delay: 24s; }
#sppb-addon-wrapper-a811fec6-0bfb-43f1-a16a-4e2ad1d28f95 .sppb-addon-title { animation-delay: 28s; }

#sppb-addon-wrapper-1695878414054 .sppb-addon-title { animation-delay: 0s; }
#sppb-addon-wrapper-1695878414055 .sppb-addon-title { animation-delay: 4s; }
#sppb-addon-wrapper-1695878414056 .sppb-addon-title { animation-delay: 8s; }
#sppb-addon-wrapper-1695878414057 .sppb-addon-title { animation-delay: 12s; }

#sppb-addon-wrapper-1695865734307 .sppb-addon-title { animation-delay: 0s; }
#sppb-addon-wrapper-1695865734308 .sppb-addon-title { animation-delay: 4s; }
#sppb-addon-wrapper-F7pNohWWOqYk17PvgIV-a .sppb-addon-title { animation-delay: 8s; }
#sppb-addon-wrapper-1695865734309 .sppb-addon-title { animation-delay: 12s; }
#sppb-addon-wrapper-1695865734310 .sppb-addon-title { animation-delay: 16s; }

#sppb-addon-wrapper-1695797695797 .sppb-addon-title { animation-delay: 0s; }
#sppb-addon-wrapper-1695797695798 .sppb-addon-title { animation-delay: 4s; }
#sppb-addon-wrapper-1695797695799 .sppb-addon-title { animation-delay: 8s; }
#sppb-addon-wrapper-1695797695800 .sppb-addon-title { animation-delay: 12s; }
#sppb-addon-wrapper-1695856822821 .sppb-addon-title { animation-delay: 16s; }

#sppb-addon-wrapper-1695259104669 .sppb-addon-title { animation-delay: 0s; }
#sppb-addon-wrapper-R6bzjJBjPud7EmR6Eqbdo .sppb-addon-title { animation-delay: 4s; }
#sppb-addon-wrapper-1695259104670 .sppb-addon-title { animation-delay: 8s; }
#sppb-addon-wrapper-1695259104671 .sppb-addon-title { animation-delay: 12s; }
#sppb-addon-wrapper-1695259104672 .sppb-addon-title { animation-delay: 16s; }
#sppb-addon-wrapper-1695259104674 .sppb-addon-title { animation-delay: 20s; }


#sppb-addon-wrapper-1695883461574 .sppb-addon-title { animation-delay: 0s; }
#sppb-addon-wrapper-1695883461568 .sppb-addon-title { animation-delay: 4s; }
#sppb-addon-wrapper-1695883461571 .sppb-addon-title { animation-delay: 8s; }

#sppb-addon-wrapper-g9zg-6XERXejX4PYCfLTi .sppb-addon-title { animation-delay: 0s; }
#sppb-addon-wrapper-UjLz4v-esx1XC1lSAmzTd .sppb-addon-title { animation-delay: 4s; }
#sppb-addon-wrapper-i3ZwylWL3qo9TX9x6mKwe .sppb-addon-title { animation-delay: 8s; }
#sppb-addon-wrapper-UelzbPh-muHOGq76xWRXQ .sppb-addon-title { animation-delay: 12s; }
#sppb-addon-wrapper-_nO0OsDHmtr16ER7pqut- .sppb-addon-title { animation-delay: 16s; }
#sppb-addon-wrapper-X1jynYqeAuBtVplZpgxKn .sppb-addon-title { animation-delay: 20s; }
#sppb-addon-wrapper-j0A3VPq1Mdn7TwlEA7m7J .sppb-addon-title { animation-delay: 24s; }

#sppb-addon-wrapper-PeCIGW1s1iJ1oere2Gj7D .sppb-addon-title { animation-delay: 0s; }
#sppb-addon-wrapper-QnY7dcMFI9TEuSI8uYx-N .sppb-addon-title { animation-delay: 4s; }
#sppb-addon-wrapper-Pzsuvyv5tqBwuWUvDfp3O .sppb-addon-title { animation-delay: 8s; }
#sppb-addon-wrapper-pRKpS4ppyTcLH0D0dLqcJ .sppb-addon-title { animation-delay: 12s; }
#sppb-addon-wrapper-sfV0KliP292U0U2gC_-GS .sppb-addon-title { animation-delay: 16s; }

#sppb-addon-wrapper-5P_35S_MbZCC4wV853_SX .sppb-addon-title { animation-delay: 0s; }
#sppb-addon-wrapper-CLMsh1iT8WoCj0XPVWpqv .sppb-addon-title { animation-delay: 4s; }
#sppb-addon-wrapper-n8zBoGO4nN6cBSZH86b-F .sppb-addon-title { animation-delay: 8s; }
#sppb-addon-wrapper-1HlxN-CWGAjoXOcPgZpwB .sppb-addon-title { animation-delay: 12s; }

.sppb-blocknumber-number {
    display: flex!important;
    justify-content: center!important;
    align-items: center!important;
    width: 48px!important;
    height: 48px!important;
    line-height: 48px!important;
    background-color: #808080!important; /* Gray background */
    color: #FFFFFF!important;
    border-top-left-radius: 0px!important;
    border-top-right-radius: 10px!important;
    border-bottom-right-radius: 10px!important;
    border-bottom-left-radius: 0px!important;
    position: relative!important; /* Positioning for the blue tag */
}

.sppb-blocknumber-number::before {
    content: '';
    position: absolute;
    left: -10px; /* Positioning the blue tag on the left */
    top: 0;
    bottom: 0;
    width: 10px;
    background-color: #BFBFFF; /* Blue color for the tag */
}

/* Media queries for responsive design */
@media (max-width: 1199.98px) {
    .sppb-blocknumber-number {
        width: 48px;
        height: 48px;
        line-height: 48px;
    }
    .sp-module{
        margin-left: 0px!important;
        margin-right: 0px!important;
    }
}

@media (max-width: 991.98px) {
    .sppb-blocknumber-number {
        width: 48px;
        height: 48px;
        line-height: 48px;
    }
}

@media (max-width: 767.98px) {
    .sppb-blocknumber-number {
        width: 48px;
        height: 48px;
        line-height: 48px;
    }
}

@media (max-width: 575.98px) {
    .sppb-blocknumber-number {
        width: 48px;
        height: 48px;
        line-height: 48px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    body {
        font-size: 14px;
    }
}

.sppb-carousel-extended-description {
  text-align: center;
}

#sppb-section wmPartners {
justify-content: center;
}
.sppb-section wmPartners {
justify-content: center;
}

@media only screen and (max-width: 768px) {
    #sp-top-bar {
        display: none;
    }
    .partners-container {
        justify-content: center;
        flex-direction: column;
    }
    .com-content.view-article #sp-main-body .article-details-intro {
        margin-bottom: 100px;
    }
    .sppb-addon-gqg .form-a8x > span.sppb-person-2hh {
        display: none;
    }
    .blog-list-wrapper {
        margin-top: 30px;
    }
    .article-introtext {
        width: 350px;
      }
}
.uk-list.list-icons li {
    list-style: none; /* Remove default list-style */
    padding-left: 2em; /* Add some space for the FontAwesome icon */
    position: relative;
}

.uk-list.list-icons li:before {
    content: "\f111"; /* FontAwesome Checkmark */
    font-family: "FontAwesome"; /* Ensure the correct font family */
    position: absolute;
    left: 0.77em; /* Position the icon at the start of the list item */
    top: 50%; /* Adjust for vertical center alignment */
    transform: translateY(-50%);
    font-size: 0.35em; /* Adjust size as needed */
    color: #000; /* Adjust color as needed */
}
.uk-list.list-icons2 li {
    list-style: none; /* Remove default list-style */
    padding-left: 2em; /* Add some space for the FontAwesome icon */
    position: relative;
}

.uk-list.list-icons2 li:before {
    content: "\f00c"; /* FontAwesome Checkmark */
    font-family: "FontAwesome"; /* Ensure the correct font family */
    position: absolute;
    left: 0; /* Position the icon at the start of the list item */
    top: 50%; /* Adjust for vertical center alignment */
    transform: translateY(-50%);
    font-size: 1em; /* Adjust size as needed */
    color: #000; /* Adjust color as needed */
}
.uk-list.list-icons3 li {
    list-style: none; /* Remove default list-style */
    padding-left: 2em; /* Add some space for the FontAwesome icon */
    position: relative;
}

.uk-list.list-icons3 li:before {
    content: "\f14a"; /* FontAwesome Checkmark */
    font-family: "FontAwesome"; /* Ensure the correct font family */
    position: absolute;
    left: 0; /* Position the icon at the start of the list item */
    top: 50%; /* Adjust for vertical center alignment */
    transform: translateY(-50%);
    font-size: 1em; /* Adjust size as needed */
    color: #000; /* Adjust color as needed */
}
.row.row-1.ViewAllArticlescols-2 .article-introtext {
    width: 400px;
}

/* Add this to your custom.css file */

/* Modal Get in Touch Button Styling */
.modal-content .sppb-button-wrapper .sppb-btn {
    background-color: #E22E8D !important;
    color: #FFFFFF !important;
    border: none !important;
    padding: 10px 20px !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    border-radius: 4px !important;
    text-decoration: none !important;
    transition: all 0.3s ease !important;
}

.modal-content .sppb-button-wrapper .sppb-btn:hover {
    background-color: #d00270 !important; /* Slightly darker pink on hover */
    color: #FFFFFF !important;
    box-shadow: 0 2px 8px rgba(236, 2, 129, 0.3) !important;
}

/* Ensure the gradient class doesn't interfere */
.modal-content .sppb-btn-gradient {
    background-image: none !important;
    background-color: #E22E8D !important;
}

/* Fix for any icon styling within the button */
.modal-content .sppb-button-wrapper .sppb-btn i {
    color: #FFFFFF !important;
    margin-right: 8px !important;
}
/* Add this to your custom.css file */

/* Modal Get in Touch Button Styling - More Specific Targeting */
.modal .modal-content .sppb-button-wrapper a.sppb-btn,
.modal .modal-content .sppb-button-wrapper a.sppb-btn:link,
.modal .modal-content .sppb-button-wrapper a.sppb-btn:visited,
.modal .modal-content .sppb-button-wrapper a.sppb-btn:active,
.modal-content .sppb-button-wrapper a#btn-russell,
#modalGrant .sppb-btn,
#modalRussell .sppb-btn,
#modalStuart .sppb-btn,
#modalDavid .sppb-btn,
#modalDavidG .sppb-btn,
#modalMatthew .sppb-btn,
#modalBhavna .sppb-btn,
#modalSiobhain .sppb-btn,
#modalJustin .sppb-btn,
#modalChris .sppb-btn,
#modalAmanda2 .sppb-btn,
#modalPeggy2 .sppb-btn {
    background-color: #E22E8D !important;
    background-image: none !important;
    color: #FFFFFF !important;
    border: none !important;
    padding: 12px 24px !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    border-radius: 4px !important;
    text-decoration: none !important;
    transition: all 0.3s ease !important;
    display: inline-block !important;
    cursor: pointer !important;
    text-align: center !important;
}

/* Hover state - brighter pink with drop shadow */
.modal .modal-content .sppb-button-wrapper a.sppb-btn:hover,
.modal-content .sppb-button-wrapper a#btn-russell:hover,
#modalGrant .sppb-btn:hover,
#modalRussell .sppb-btn:hover,
#modalStuart .sppb-btn:hover,
#modalDavid .sppb-btn:hover,
#modalDavidG .sppb-btn:hover,
#modalMatthew .sppb-btn:hover,
#modalBhavna .sppb-btn:hover,
#modalSiobhain .sppb-btn:hover,
#modalJustin .sppb-btn:hover,
#modalChris .sppb-btn:hover,
#modalAmanda2 .sppb-btn:hover,
#modalPeggy2 .sppb-btn:hover {
    background-color: #E22E8D !important; /* Brighter pink on hover */
    background-image: none !important;
    color: #FFFFFF !important;
    box-shadow: 0 4px 12px rgba(236, 2, 129, 0.4) !important;
    transform: translateY(-1px) !important;
}

/* Focus state */
.modal .modal-content .sppb-button-wrapper a.sppb-btn:focus,
.modal-content .sppb-button-wrapper a#btn-russell:focus {
    background-color: #E22E8D !important;
    color: #FFFFFF !important;
    outline: none !important;
    box-shadow: 0 0 0 3px rgba(236, 2, 129, 0.3) !important;
}

/* Icon styling within the button */
.modal .modal-content .sppb-button-wrapper .sppb-btn i,
.modal-content .sppb-button-wrapper a#btn-russell i,
.modal-content .sppb-btn .fa-envelope,
.modal-content .sppb-btn .fas {
    color: #FFFFFF !important;
    margin-right: 8px !important;
}

/* Remove any potential gradient or background image */
.modal-content .sppb-btn-gradient,
.modal-content .sppb-btn-default {
    background-image: none !important;
    background: #E22E8D !important;
}

/* Ensure text doesn't change color on any state */
.modal .modal-content a.sppb-btn,
.modal .modal-content a.sppb-btn *,
.modal .modal-content a.sppb-btn:hover,
.modal .modal-content a.sppb-btn:hover * {
    color: #FFFFFF !important;
}
/*########################################################################################################################################################################
########################################################################################################################################################################
########################################################################################################################################################################
########################################################################################################################################################################
########################################################################################################################################################################
########################################################################################################################################################################
########################################################################################################################################################################*/

/* Add this to your custom.css file */

/* Create overlay for header when modal is active */
#sp-header {
    position: relative;
    z-index: 999; /* Ensure header is below modal but above other content */
}

/* Header overlay pseudo-element */
#sp-header::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.4);
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
    z-index: 1000;
    pointer-events: none; /* Allows clicks to pass through */
}

/* When any modal is displayed, show the header overlay */
body:has(.modal[style*="display: block"]) #sp-header::after{
    opacity: 1;
    visibility: visible;
}


/* Ensure the modal has higher z-index than header overlay */
.modal {
    z-index: 10000 !important;
    position: fixed !important;
}

.modal-content {
    z-index: 10001 !important;
    position: relative !important;
}

/* Prevent overlay from affecting modal content */
body.modal-open .modal {
    z-index: 10000 !important;
}

body.modal-open .modal-content {
    z-index: 10001 !important;
    background-color: #fefefe !important;
    position: relative !important;
}


body:has(.modal[style*="display: block"]) #sp-header-topbar::after,
body:has(.modal[style*="display:block"]) #sp-header-topbar::after,
body.modal-open #sp-header-topbar::after {
    opacity: 1;
    visibility: visible;
}
/* Highlight animation for partner boxes */
@keyframes partnerHighlight {
    0% {
        box-shadow: 0 0 0 0 rgba(236, 2, 129, 0);
    }
    25% {
        box-shadow: 0 0 20px 10px rgba(236, 2, 129, 0.3);
    }
    50% {
        box-shadow: 0 0 30px 15px rgba(236, 2, 129, 0.5);
    }
    75% {
        box-shadow: 0 0 20px 10px rgba(236, 2, 129, 0.3);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(236, 2, 129, 0);
    }
}

/* Class to apply highlight effect */
.partner-highlight {
    animation: partnerHighlight 1.5s ease-in-out;
    position: relative;
    z-index: 100;
}

/* Optional: Add a subtle scale effect */
.partner-highlight .image-dmg {
    transition: transform 0.3s ease;
}

.partner-highlight:hover .image-dmg {
    transform: scale(1.01);
}

/* Ensure smooth scrolling */
html {
    scroll-behavior: smooth;
}

/* Optional: Add a visual indicator that stays while modal is open */
.partner-active {
    box-shadow: 0 0 20px 5px rgba(236, 2, 129, 0.2);
    transform: scale(1.01);
    transition: all 0.3s ease;
}

/* Adjust z-index during highlight to ensure visibility */
.partners-container {
    position: relative;
    z-index: 1;
}

.partner-highlight {
    z-index: 10 !important;
}
/* Main container */
.services-section {
    position: relative;
    z-index: 1;
    padding: 75px 0;
}

.services-container {
    position: relative;
    z-index: 3;
    width: 100%;
}

.services-grid {
    display: flex;
    flex-wrap: wrap;
    margin: -15px;
    justify-content: space-between;
}

.service-column {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding: 15px;
    max-width: 33.333333%;
    flex-basis: 33.333333%;
    flex-shrink: 0;
}

.service-card {
    position: relative;
    width: 100%;
    aspect-ratio: 1;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 30px;
    color: #ffffff;
    border: 2px solid rgba(92, 92, 92, 0.1);
    border-radius: 10px;
    padding: 40px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;
    overflow: hidden;
    transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transform: translateY(0px);
    animation: fadeInUp 0.6s ease-out;
    text-decoration: none;
    cursor: pointer;
}

.service-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 20px 40px rgba(137, 0, 124, 0.2);
}

/* Service Card Background Images */
.personal-tax-card {
    background-image: url(/images/links/pt.jpg);
}

.audit-card {
    background-image: url(/images/links/aa.jpg);
}

.all-services-card {
    background-image: url(/images/links/as.jpg);
}

.business-services-card {
    background-image: url(/images/links/bs.jpg);
}

.consulting-services-card {
    background-image: url(/images/links/cs.jpg);
}

.payroll-compliance-card {
    background-image: url(/images/links/pc.jpg);
}

.international-services-card {
    background-image: url(/images/links/is.jpg);
}

.cloud-accounting-card {
    background-image: url(/images/links/ca.jpg);
}

.wealth-management-card {
    background-image: url(/images/links/wm.jpg);
}

.self-managed-superannuation-card {
    background-image: url(/images/stock-images/tax-compliance.jpg);
}

.investment-advice-card {
    background-image: url(/images/stock-images/data-visualozation1.jpg);
}

.financial-surveys-card {
    background-image: url(/images/links/fs.jpg);
}

.aged-care-card {
    background-image: url(/images/links/ac.jpg);
}

.corporate-administration-card {
    background-image: url(/images/links/cad.jpg);
}

.retirement-living-card {
    background-image: url(/images/links/rl.jpg);
}

.about-card {
    background-image: url(/images/links/sba.jpg);
}

/* Animation delays for staggered entrance */
.service-column:nth-child(1) .service-card {
    animation-delay: 0.1s;
}

.service-column:nth-child(2) .service-card {
    animation-delay: 0.2s;
}

.service-column:nth-child(3) .service-card {
    animation-delay: 0.3s;
}

.card-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    background: linear-gradient(95deg, #89007c 5%, #17074c 95%);
    opacity: 0.2;
    transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.service-card:hover .card-overlay {
    opacity: 0.5;
}

.card-content {
    position: relative;
    display: flex;
    align-items: flex-end;
    flex: 1;
    width: 100%;
    height: 100%;
}

.card-body {
    position: relative;
    text-align: left;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    width: 100%;
}

.card-text {
    flex: 1;
}

.card-accent {
    font-family: 'Poppins', sans-serif;
    font-size: 188px;
    line-height: 98px;
    font-weight: 700;
    -webkit-text-stroke: 1px rgba(92, 92, 92, 0.3);
    background-color: transparent;
    color: transparent;
    display: inline-block;
    position: absolute;
    top: 30px;
    right: -54px;
    transition: 0.3s;
    margin: 0;
}

.service-card:hover .card-accent {
    color: transparent;
    -webkit-text-stroke: 1px rgba(255, 255, 255, 1);
    transform: scale(1.05);
}

.card-description {
    font-size: 15px;
    transition: all 0.3s ease;
    color: #ffffff;
}
.card-description p {
  font-family: "mundialregular", "Arial", sans-serif;
}

.service-card:hover .card-description {
    color: #ffffff;
    transform: translateY(-2px);
}

.card-description p {
    margin: 0;
}

.card-button {
    text-indent: -999px;
    overflow: hidden;
    position: relative;
    width: 50px;
    height: 50px;
    font-size: 28px !important;
    opacity: 0.8;
    transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    background: transparent;
    border: none;
    margin-top: 25px;
    pointer-events: none;
}

.card-button:hover {
    opacity: 1;
    transform: translateX(5px) scale(1.1);
}

.service-card:hover .card-button {
    opacity: 1;
    transform: translateX(5px) scale(1.05);
}

.card-button:active {
    transform: translateX(5px) scale(0.95);
}

.card-button i {
    position: absolute;
    top: 12px;
    left: 15px;
    color: white;
    font-weight: 900;
    font-size: 22px;
    transition: all 0.3s ease;
    display: block;
    text-indent: 0;
}

.card-button:hover i {
    transform: translateX(3px);
}

.card-button i:before {
    content: "→";
    font-weight: 900;
    font-size: 1.2em;
    display: block;
    position: absolute;
    text-indent: 0;
}

/* Animations */
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Responsive Design */
@media (max-width: 989px) {
    .card-accent {
        font-size: 120px;
    }
}

@media (max-width: 768px) {
    .services-container {
        padding: 0 15px;
    }
    
    .service-column {
        padding: 8px;
    }
    
    .services-grid {
        margin: -8px;
    }
    
    .service-card {
        padding: 25px;
        margin-bottom: 15px;
    }
    
    .card-accent {
        font-size: 80px;
        line-height: 80px;
        right: -30px;
        top: 15px;
    }
    
    .card-description {
        font-size: 16px;
    }
    
    .card-button {
        width: 35px;
        height: 35px;
        font-size: 20px !important;
    }
    
    .card-button i {
        top: 8px;
        left: 10px;
        font-size: 16px;
    }
}

@media (max-width: 480px) {
    .services-container {
        padding: 0 10px;
    }
    
    .service-column {
        padding: 5px;
    }
    
    .services-grid {
        margin: -5px;
    }
    
    .service-card {
        padding: 15px;
        margin-bottom: 10px;
        border-radius: 8px;
    }
    
    .card-accent {
        font-size: 60px;
        line-height: 60px;
        right: -20px;
        top: 10px;
    }
    
    .card-description {
        font-size: 12px;
        line-height: 1.4;
    }
    
    .card-button {
        width: 30px;
        height: 30px;
        font-size: 16px !important;
        margin-top: 15px;
    }
    
    .card-button i {
        top: 6px;
        left: 8px;
        font-size: 14px;
    }
    
    .services-section {
        padding: 30px 0;
    }
}
/* ================================================
   MOBILE PARTNERS CSS - 2 COLUMN LAYOUT
   ================================================ */

/* Font Face Declaration */
@font-face {
    font-family: 'mundialregular';
    src: url('../4-Mundial-Regular-TTY.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/* Mobile Partners Wrapper */
.mobile-partners-wrapper {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 20px 15px;
}

/* Mobile Partners Row */
.mobile-partners-row {
    display: flex;
    justify-content: space-between;
    margin-bottom: 30px;
    gap: 20px;
}

/* Mobile Partner Card */
.mobile-partner-card {
    flex: 1;
    max-width: calc(50% - 10px);
    min-width: 0;
    cursor: pointer;
    transition: all 0.3s ease;
}

.mobile-partner-card:hover {
    transform: translateY(-5px);
}

/* Mobile Partner Column */
.mobile-partner-column {
    position: relative;
    width: 100%;
    min-height: 1px;
}

/* Mobile Partner Inner */
.mobile-partner-inner {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    flex-wrap: wrap;
}

/* Mobile Partner Content */
.mobile-partner-content {
    position: relative;
    width: 100%;
}

/* Mobile Partner Addon */
.mobile-partner-addon {
    margin: 0;
    padding: 0;
    animation: fadeInUp 0.6s ease-out;
}

/* Mobile Partner Item */
.mobile-partner-item {
    position: relative;
    width: 100%;
}

/* Mobile Image Container */
.mobile-image-container {
    margin-bottom: 0;
    position: relative;
    overflow: hidden;
    border-radius: 8px 8px 0 0;
}

/* Mobile Partner Image */
.mobile-partner-img {
    display: block;
    max-width: 100%;
    height: auto;
    width: 100%;
    border-radius: 0;
}

/* Mobile Content Overlay */
.mobile-content-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    opacity: 0;
    visibility: hidden;
    transition: 0.4s;
}

.mobile-partner-card:hover .mobile-content-overlay {
    opacity: 1;
    visibility: visible;
}

.mobile-content-inner {
    padding: 30px;
    width: 100%;
}

/* Mobile Partner Info */
.mobile-partner-info {
    background-color: #f6f7fa;
    padding-bottom: 10px;
    border-radius: 0 0 8px 8px;
}

.mobile-partner-info > span,
.mobile-partner-info > h5 {
    display: block;
}

/* Mobile Partner Name */
.mobile-partner-name {
    font-family: 'mundialregular', 'Arial', sans-serif;
    font-size: 20px;
    font-weight: 500;
    line-height: 1.2;
    color: #000000;
    padding: 20px 0 0 20px;
    display: block;
}

/* Mobile Partner Title */
.mobile-partner-title {
    margin: 5px 0 0 20px;
    font-size: 14px;
    font-weight: 500;
    color: #3b6675;
    font-family: inherit;
}

/* Mobile Partner Spacer */
.mobile-partner-spacer {
    margin-top: 5px;
    display: block;
    font-size: 14px;
    font-weight: 500;
    color: rgba(0,0,0,0.4);
    padding: 0 0 20px 20px;
}

/* Mobile Partner Contact */
.mobile-partner-contact {
    background: #ecf1f5;
    color: #3b6675;
    padding: 16px 20px;
    display: block;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    transition: all 0.3s ease;
}

.mobile-partner-contact:hover {
    background: #dde7ed;
    color: #2c5462;
}

.mobile-partner-contact::before {
    content: "\f0e0";
    font-family: "Font Awesome 5 Free";
    font-size: 16px;
    margin-right: 15px;
    font-weight: 400;
}

.mobile-partner-contact::after {
    content: "\f061";
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    font-size: 16px;
    float: right;
    transform: rotate(-45deg);
    transition: transform 0.3s ease;
}

.mobile-partner-contact:hover::after {
    transform: rotate(-45deg) translateX(3px);
}

/* Animations */
@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translate3d(0, 20px, 0);
    }
    100% {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}

/* Animation delays for staggered entrance */
.mobile-partners-row:nth-child(1) .mobile-partner-card:nth-child(1) .mobile-partner-addon {
    animation-delay: 0.1s;
}

.mobile-partners-row:nth-child(1) .mobile-partner-card:nth-child(2) .mobile-partner-addon {
    animation-delay: 0.2s;
}

.mobile-partners-row:nth-child(2) .mobile-partner-card:nth-child(1) .mobile-partner-addon {
    animation-delay: 0.3s;
}

.mobile-partners-row:nth-child(2) .mobile-partner-card:nth-child(2) .mobile-partner-addon {
    animation-delay: 0.4s;
}

.mobile-partners-row:nth-child(3) .mobile-partner-card:nth-child(1) .mobile-partner-addon {
    animation-delay: 0.5s;
}

.mobile-partners-row:nth-child(3) .mobile-partner-card:nth-child(2) .mobile-partner-addon {
    animation-delay: 0.6s;
}

.mobile-partners-row:nth-child(4) .mobile-partner-card:nth-child(1) .mobile-partner-addon {
    animation-delay: 0.7s;
}

.mobile-partners-row:nth-child(4) .mobile-partner-card:nth-child(2) .mobile-partner-addon {
    animation-delay: 0.8s;
}

/* Highlight Effects */
.mobile-partner-highlight {
    animation: mobilePartnerHighlight 1.5s ease-in-out;
    position: relative;
    z-index: 100;
}

@keyframes mobilePartnerHighlight {
    0% {
        box-shadow: 0 0 0 0 rgba(236, 2, 129, 0);
    }
    25% {
        box-shadow: 0 0 20px 10px rgba(236, 2, 129, 0.3);
    }
    50% {
        box-shadow: 0 0 30px 15px rgba(236, 2, 129, 0.5);
    }
    75% {
        box-shadow: 0 0 20px 10px rgba(236, 2, 129, 0.3);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(236, 2, 129, 0);
    }
}

.mobile-partner-active {
    box-shadow: 0 0 20px 5px rgba(236, 2, 129, 0.2);
    transform: scale(1.01);
    transition: all 0.3s ease;
}

/* Responsive Breakpoints */

/* Tablet sizes */
@media (max-width: 991px) and (min-width: 769px) {
    .mobile-partners-row {
        gap: 15px;
        margin-bottom: 25px;
    }
    
    .mobile-partner-name {
        font-size: 18px;
        padding: 18px 0 0 18px;
    }
    
    .mobile-partner-title {
        margin-left: 18px;
        font-size: 13px;
    }
    
    .mobile-partner-spacer {
        padding: 0 0 18px 18px;
    }
    
    .mobile-partner-contact {
        padding: 14px 18px;
        font-size: 13px;
    }
}

/* Mobile phones */
@media (max-width: 768px) {
    .mobile-partners-wrapper {
        padding: 15px 10px;
    }
    
    .mobile-partners-row {
        gap: 15px;
        margin-bottom: 20px;
    }
    
    .mobile-partner-name {
        font-size: 16px;
        padding: 15px 0 0 15px;
    }
    
    .mobile-partner-title {
        margin-left: 15px;
        font-size: 12px;
    }
    
    .mobile-partner-spacer {
        padding: 0 0 15px 15px;
    }
    
    .mobile-partner-contact {
        padding: 12px 15px;
        font-size: 12px;
    }
}

/* Small mobile phones */
@media (max-width: 480px) {
    .mobile-partners-wrapper {
        padding: 10px 8px;
    }
    
    .mobile-partners-row {
        gap: 10px;
        margin-bottom: 15px;
    }
    
    .mobile-partner-name {
        font-size: 14px;
        padding: 12px 0 0 12px;
    }
    
    .mobile-partner-title {
        margin-left: 12px;
        font-size: 11px;
    }
    
    .mobile-partner-spacer {
        padding: 0 0 12px 12px;
    }
    
    .mobile-partner-contact {
        padding: 10px 12px;
        font-size: 11px;
    }
    
    .mobile-partner-contact::before {
        font-size: 14px;
        margin-right: 10px;
    }
    
    .mobile-partner-contact::after {
        font-size: 14px;
    }
}

/* Extra small screens */
@media (max-width: 360px) {
    .mobile-partners-row {
        gap: 8px;
        margin-bottom: 12px;
    }
    
    .mobile-partner-name {
        font-size: 13px;
        padding: 10px 0 0 10px;
        line-height: 1.1;
    }
    
    .mobile-partner-title {
        margin-left: 10px;
        font-size: 10px;
    }
    
    .mobile-partner-spacer {
        padding: 0 0 10px 10px;
    }
    
    .mobile-partner-contact {
        padding: 8px 10px;
        font-size: 10px;
    }
}
@media (max-width: 360px) {
    .services-container {
        padding: 0 8px;
    }
    
    .service-column {
        padding: 3px;
    }
    
    .services-grid {
        margin: -3px;
    }
    
    .service-card {
        padding: 12px;
        margin-bottom: 8px;
    }
    
    .card-accent {
        font-size: 60px;
        line-height: 45px;
        right: -15px;
        top: 5px;
    }
    
    .card-description {
        font-size: 10px;
        line-height: 1.3;
    }
    
    .card-button {
        width: 25px;
        height: 25px;
        font-size: 14px !important;
        margin-top: 10px;
    }
    
    .card-button i {
        top: 5px;
        left: 6px;
        font-size: 12px;
    }
}