.custom-button-green {
    color: white !important;
    background: #1c8270 !important;
    border: 1px solid #1c8270 !important;
}
.custom-button-green:hover {
    color: #1c8270 !important;
    background: white !important;
}
.custom-button-green:focus {
    color: #1c8270 !important;
    background: white !important;
    outline:  1px solid #1c8270 !important;
}
.custom-button-green::before {
    border-bottom: 12px solid #1c8270 !important;
}
.custom-panel-green {
    padding-top: 20px !important;
    padding-bottom: 10px !important;
    border-radius: 0 !important;
    border-top: 5px solid #1c8270 !important;
    height: unset;
}
.custom-panel-green li .custom-icon-login-individual {
    background: url(https://spiritsuper.com.au/-/media/A5FDD581B3ED435CBDEC01AE8B310814.ashx) no-repeat 0 ;
}
.custom-panel-green li .custom-icon-login-employer {
    background: url(https://spiritsuper.com.au/-/media/1AED2D8993C74245A1E3CCBC4FBFA807.ashx) no-repeat 0 !important;
}
.custom-button-yellow::before {
    border-bottom: 12px solid #FFE66A!important;
}
.custom-panel-yellow {
    /* box-shadow: 0 0 5px 0 rgb(255 230 106 / 100%) !important; */
    padding-top: 20px !important;
    padding-bottom: 10px !important;
    border-radius: 0 !important;
    border-top: 5px solid #FFE66A !important;
    height: unset;
}
.custom-panel-yellow li .custom-icon-join-individual {
  background: url(https://spiritsuper.com.au/-/media/400E638DB6964DD3A047BFABA4E2B7F5.ashx) no-repeat 0;
}
.custom-panel-yellow li .custom-icon-join-employer {
  background: url(https://spiritsuper.com.au/-/media/3B7B5EC5A715435686F1EA0A71A81654.ashx) no-repeat 0 !important;
}
.child-page-links {
    margin-top: 0; 
    margin-bottom: 0;
}
.top-banner-component {
    height:500px;
    position: relative;
    background-image: var(--bg-image);
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 10;
}

.top-banner-component-left-container {
    position: absolute;
    top: 50%;
    transform: translate(0,-50%);
    background-color: rgba(255, 255, 255, 0.8);
    width:40%;
    /* opacity: 80%; */
    border-radius: 25px;
    padding: 45px;
}
.top-banner-component-left-container .homepage-banner-logo {
    width: 40%;
    margin-top: 10px;
}
.top-banner-component-left-container .homepage-banner-button-link {
    display: flex; 
    margin-top: 20px;
}
.top-banner-component-left-container .homepage-banner-button-link__button {
    padding: 15px; 
    line-height: 1;
    background-color:#ffe66a;
    border:2px solid #FFE66A;
    font-size: 25px;
    color: black;
    font-weight: 700;
    border-radius: 25px;
    text-decoration: none;
}
.top-banner-component-left-container .homepage-banner-button-link__button:hover {
    background-color:white;
}
.top-banner-component-left-container .homepage-banner-button-link__button:focus {
    background-color:white;
}
.top-banner-component-left-container .homepage-banner-button-link__link {
    color: black;
    font-size: 22px;
    align-self: center;
    font-weight: 500;
    margin-left: 25px;
    text-decoration: underline;
}
.top-banner-component-left-container .homepage-banner-button-link__link:hover {
    color: #1c8270;
}


.top-banner-component-left-container h1 {
    font-size: 45px;
    color:black;
}
.top-banner-component-left-container h3 {
    font-weight: 500;
    font-size: 26px;
    color:black;
    line-height: 40px;
}
.banner-list-test .banner-list-test-content {
    display: flex;
    justify-content: flex-start;
    margin-bottom: 15px;
}
.banner-list-test .banner-list-test-content img {
    align-self: flex-start;
}
.banner-list-test .banner-list-test-content p {
    margin: 0 0 0 10px;
    font-weight: 500;
    font-size: 24px;
    line-height: 28px;
}
.top-banner-component-left-container .banner-logo-button {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 20px;
}
.top-banner-component-left-container .banner-logo-button-test {
    margin-top: 30px;
    font-size: 26px;
}
.top-banner-component-left-container .banner-logo-button img {
   width: 50%;
   height: 50%;
   align-self: center;
}
.top-banner-component-left-container .banner-logo-button .logo-right {
   width: 100px;
}
.top-banner-component-left-container .banner-logo-button__button {
   padding: 15px; 
   line-height: 1;
   background-color:#ffe66a;
   border:1px solid #FFE66A;
   font-size: 18px;
   color: black;
   font-weight: 700;
   border-radius: 25px;
   text-decoration: none;
  
}
.title-section-left .title-section-left-button {
    display: flex;
    align-items: center;
}
.wide-container {
    width: 100% !important;
}
.flex-collumn-gap {
    gap: 50px
}

.title-section-left .title-section-left-button .title-section-left-button__button {
    padding: 15px; 
    background-color:#ffe66a;
    border: 1px solid #FFE66A;
    font-size: 18px;
    color: black;
    font-weight: 700;
    border-radius: 25px;
    text-decoration: none;
    line-height: 1;
}
.title-section-left .title-section-left-button .title-section-left-button__button:hover {
    background-color:white;
     
}
.top-banner-component-left-container .banner-logo-button__button:hover {
   background-color:white;
   
}
.top-banner-component-left-container .banner-logo-button__button:focus {
   background-color:white;
}
.top-banner-component-left-container .banner-logo-button__button-green {
    background-color: #1c8270;
    border:1px solid #1c9270;
    color: white;
}
.top-banner-component-left-container .banner-logo-button__button-green:hover {
    color: #1c8270;
}
.top-banner-component-left-container .banner-logo-button__button-green:focus {
    color: #1c8270;
}
.top-banner-component-left-container .button-container {
 margin-top: 30px;
}
.top-banner-component-left-container .button-container .button-container__button {
    padding: 15px; 
    background-color: #1c8270;
    color:white;
    font-size: 20px;
    border-radius: 25px;
    font-weight: 500;
    border: 1px solid #1c8270;
}
.top-banner-component-left-container .button-container .button-container__button:hover {
   background-color: white;
   color: #1c8270;
   text-decoration: none;
}
.top-banner-component-left-container .button-container .button-container__button:focus {
    color: #1C8270;
    background-color: white;
    outline: 1px solid #1C8270;
}
.top-banner-component-left-container .contact-info-section {
   margin-top: 30px;
}
.top-banner-component-left-container .contact-info-section .phone-number {
    color: #1c8270;
}
.top-banner-component-left-container .contact-info-section .contact-form-button-container {
    margin-top: 30px;
    display: flex; 
    justify-content: flex-start;
    align-items: center;
}
.top-banner-component-left-container .contact-info-section .contact-form-button-container .contact-form-button {
    color: white;
    font-size: 16px;
    background-color: #1C8270;
    padding: 10px 15px;
    border-radius: 25px;
    border: none;
    text-decoration: none;
    font-weight: 600;
}
.top-banner-component-left-container .contact-info-section .contact-form-button-container .contact-form-button:hover {
    color: #1C8270;
    background-color: white;
    outline: 1px solid #1C8270;
}
.top-banner-component-left-container  .contact-info-section .contact-form-button-container .contact-form-button:focus {
    color: #1C8270;
     background-color: white;
     outline: 1px solid #1C8270;
}
.top-banner-component-left-container .contact-info-section .contact-form-button-container .chat-button {
    padding: 10px 15px;
    border-radius: 25px;
    border: 1px solid #1c8270;
    margin-left: 15px;
    text-decoration: none;
    font-weight: 600;
}
.top-banner-component-left-container .contact-info-section .contact-form-button-container .chat-button:hover {
    color: white;
    background-color: #1c8270;
    outline: 1px solid #1C8270;
}
.top-banner-component-left-container .contact-info-section .contact-form-button-container .chat-button:focus {
    color: white;
    background-color: #1c8270;
    outline: 1px solid #1C8270;
}
.section-icon-link { 
    display: flex;
    justify-content: center;
    margin: 20px 0;
    flex-wrap: wrap;
}
.section-icon-link__item { 
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 10px;
    flex: 1;
    text-align: center;
    border: 1px solid #1c8270;
    border-radius: 25px;
    margin:5px;
    /* box-shadow: 0 0 3px 0 rgb(28 120 112); */
    box-shadow: 0 3px 10px rgb(0 0 0 / 0.2);
   
}
.section-icon-link__item img { 
    margin-bottom: 5px;
   height: 40px;
}
.section-icon-link__item p { 
    font-weight: 500;
}
#anchor-links-fixed-menu {
    display: flex;
    justify-content: space-between;
    background: #f5f5f5;
    font-size: 18px;
    font-weight: 500;
    box-sizing: border-box;
    z-index: 999;
    box-shadow: 0 3px 10px rgb(0 0 0 / 0.2);
  }
  
  .menu-item {
    color: #1c8270;
    text-decoration: none;
    padding: 25px;
  }
  .menu-item:hover {
    text-decoration: none;
  }
  .menu-item:focus {
    color: white !important;
    background-color: #1C8270;
    text-decoration: none;
  }
  
.sticky {
    width: 100%;
    position: fixed;
    top: 0;
}

#stick-links-menu  {
    display: flex;
    justify-content: space-between;
    padding: 25px;
    background: #f5f5f5;
    box-shadow: 0 3px 10px rgb(0 0 0 / 0.2);
    width: 100%;
}
#stick-links-menu .link-menu-item {
    display: flex;
    justify-content: space-between;
    width: 23%;
}
#stick-links-menu .link-menu-item img {
    width: 25px;
    align-self: flex-start;
}
#stick-links-menu .link-menu-item p {
    margin: 0;
    width: 85%;
    font-weight: 500;
}
.sticky-menu {
    position: fixed;
    top: 0;
    z-index: 999;
    width: 100%;
  }
  .popup-container {
    position: fixed;
        height: 100%;
        width: 100vw;
        top: 0;
        z-index: 99;
        background: rgba(0,0,0,0.5);
        left: 50%;
        margin-left: -50vw;
    }
    .popup.active {
      opacity: 1;
      position: absolute;
      left: 50%;
      transform: translate(-50%, 55%);
      visibility: visible;
      z-index: 1;
    }
    .popup {
      display: flex;
      flex-direction: column;
      width: 35rem;
      /* padding: 3rem; */
      /* gap: 1rem; */
      background-color: white;
      box-shadow: 0px 5px 35px rgba(0, 0, 0, 0.25);
      opacity: 0;
      transform: translateY(5%);
      visibility: hidden;
      transition: all 0.25s;
      z-index: -1;
    }
    .popup-container .popup-content {
        position: relative;
        height: 400px;
    }
    .popup-container .popup-content .popup-image {
        width: 100%;
        position: absolute;
        top: 0;
        height: 400px;
        object-fit: cover;
    }
    .popup-container .popup-content .popup-text {
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        padding: 25px;
    }

.popup-container .close {
    position: absolute;
    top: 0;
    right: 0;
    background: #1c8270;
    color: white;
    font-weight: 700;
    text-transform: capitalize;
    border: 1px solid #1c8270;
}

.popup-container .popup-close {
    align-self: self-start;
}
.popup-container .popup-content .middle-button-container-popup {
    margin: 30px 0;
}
.text-image-component {
    padding: 50px 0;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    flex-direction: row;
}

.text-image-component .text-image-component__text-left {
    width: 45%;
    height: 100%;
}
.text-image-component .text-image-component__text-left .link-left {
    text-decoration: none;
    color:#1C8270;
}
.text-image-component .text-image-component__text-left .link-left:hover {
    text-decoration: underline;
}
.text-image-component .text-image-component__text-left .link-left:focus {
    outline: 1px solid #1C8270;
}
.text-image-component .text-image-component__text-left .button-left-container {
    margin: 20px 0;
}
.text-image-component .text-image-component__text-left .button-left {
    color: white;
    font-size: 16px;
    background-color: #1C8270;
    padding:15px;
    border-radius: 25px;
    border: none;
    text-decoration: none;
 }
 
 .text-image-component .text-image-component__text-left .button-left:hover {
     color: #1C8270;
     background-color: white;
     outline: 1px solid #1C8270;
  }
  
  .text-image-component .text-image-component__text-left .button-left:focus {
     color: #1C8270;
     background-color: white;
     outline: 1px solid #1C8270;
}

.text-image-component .text-image-component__text-left h1 {
    font-size: 36px;
    color:#1C8270;

   
}
.text-image-component .text-image-component__text-left p {
    font-size: 16px;
    line-height: 28px;
}

.text-image-component .text-image-component__text-left ul {
    font-size: 16px;
    line-height: 28px;
    margin-bottom: 30px;
}
.text-image-component img {
    width: 45%;
    height: 100%;
}
.pt-0 {
    padding-top: 0!important;
}
.pb-0 {
    padding-bottom: 0 !important;
}

.text-block-content {
    /* margin: 50px 0; */
    padding: 50px 0;
    box-sizing: border-box;
}
.text-block-content.pt-0 {
    padding-top: 0;
}
.text-block-content .column-chart-title {
   margin-top: 80px;
}
.text-block-content .text-caption {
    font-size: 12px; 
    margin: 20px 0 50px 0;
    font-weight: 500;
}
.text-block-content--small-margin {
    margin: 50px 0;
}
.text-block-content .text-block-content-top-section {
    padding-bottom:30px;
}
.text-block-content .text-block-content-top-section h1 {
    font-size: 36px;
    color:#1C8270;
}
.text-block-content .text-block-content-top-section h3 {
    color:#1C8270;
}
.text-block-content .text-block-content-top-section h4 {
    color:#1C8270;
}
.text-block-content .text-block-content-top-section p {
    font-size: 16px;
    line-height: 28px;
    /* margin-bottom:30px; */
}
.text-block-content .text-block-content-bottom-section {
    display: flex;
    justify-content: space-between;
}

.text-block-content .text-block-content-bottom-section .text-block-content-bottom-section__text-left {
   width: 45%;
}
.text-block-content .text-block-content-bottom-section .text-block-content-bottom-section__text-left h1 {
    color: #1C8270;
    font-size: 36px;
}
.text-block-content .text-block-content-bottom-section .text-block-content-bottom-section__text-left h3 {
    color: #1C8270;
}
/* .text-block-content .text-block-content-bottom-section .text-block-content-bottom-section__text-left h2 {
    color: #1C8270;
} */
.text-block-content .text-block-content-bottom-section .text-block-content-bottom-section__text-left .link-left {
    text-decoration: none;
    color:#1C8270;
}
.text-block-content .text-block-content-bottom-section .text-block-content-bottom-section__text-left .link-left:hover {
    text-decoration: underline;
}
.text-block-content .text-block-content-bottom-section .text-block-content-bottom-section__text-left .link-left:focus {
    outline: 1px solid #1C8270;
}
.text-block-content .text-block-content-bottom-section .text-block-content-bottom-section__text-left .button-left {
    color: white;
    font-size: 16px;
    background-color: #1C8270;
    padding:15px;
    border-radius: 25px;
    border: none;
    text-decoration: none;
}
.text-block-content .text-block-content-bottom-section .text-block-content-bottom-section__text-left .button-left-container {
    margin: 20px 0;
}
/* .text-block-content .text-block-content-bottom-section .text-block-content-bottom-section__text-left .button-left {
    color: white;
    font-size: 16px;
    background-color: #1C8270;
    padding:15px;
    border-radius: 25px;
    border: none;
    text-decoration: none;
} */
.text-block-content .text-block-content-bottom-section .text-block-content-bottom-section__text-left .button-left:hover {
     color: #1C8270;
     background-color: white;
     outline: 1px solid #1C8270;
  }
  
.text-block-content .text-block-content-bottom-section .text-block-content-bottom-section__text-left .button-left:focus {
     color: #1C8270;
     background-color: white;
     outline: 1px solid #1C8270;
}

.text-block-content .text-block-content-bottom-section .text-block-content-bottom-section__text-right {
   width: 45%;
}
.text-block-content .text-block-content-bottom-section .text-block-content-bottom-section__text-right h1 {
    color: #1C8270;
    font-size: 36px;
}
.text-block-content .text-block-content-bottom-section .text-block-content-bottom-section__text-right h3 {
    color: #1C8270;
}
/* .text-block-content .text-block-content-bottom-section .text-block-content-bottom-section__text-right h2 {
    color: #1C8270;
} */
.text-block-content .text-block-content-bottom-section .text-block-content-bottom-section__text-right .link-right {
    text-decoration: none;
    color:#1C8270;
}
.text-block-content .text-block-content-bottom-section .text-block-content-bottom-section__text-right .link-right:hover {
    text-decoration: underline;
}
.text-block-content .text-block-content-bottom-section .text-block-content-bottom-section__text-right .link-right:focus {
    outline: 1px solid #1C8270;
}
.text-block-content .text-block-content-bottom-section .text-block-content-bottom-section__text-right .button-right-container {
    /* display: flex; */
    margin: 20px 0;
}
.text-block-content .text-block-content-bottom-section .text-block-content-bottom-section__text-right .button-right {
    color: white;
    font-size: 16px;
    background-color: #1C8270;
    padding:15px;
    border-radius: 25px;
    border: none;
    text-decoration: none;
}
 
.text-block-content .text-block-content-bottom-section .text-block-content-bottom-section__text-right .button-right:hover {
     color: #1C8270;
     background-color: white;
     outline: 1px solid #1C8270;
  }
  
.text-block-content .text-block-content-bottom-section .text-block-content-bottom-section__text-right .button-right:focus {
     color: #1C8270;
     background-color: white;
     outline: 1px solid #1C8270;
}
.over-text {
    color: #1c8270;
    
}
/* three collumns section */
.text-block-content .text-block-content-bottom-section__three-columns {
   display: flex;
   justify-content: space-between;
}
.text-block-content .text-block-content-bottom-section__three-columns .text-block-content-bottom-section__column {
   width: 30%;
   margin-top: 30px;
}
.text-block-content .text-block-content-bottom-section__three-columns .text-block-content-bottom-section__column h3 {
   color: #1C8270;
}
.text-block-content .text-block-content-bottom-section__three-columns .text-block-content-bottom-section__column .column-text-section {
   margin: 30px 0;
}
.text-block-content .text-block-content-bottom-section__three-columns .text-block-content-bottom-section__column .column-text-section a {
   color: black;
}
.text-block-content .text-block-content-bottom-section__three-columns .text-block-content-bottom-section__column .column-text-section .column-text-section-link {
   color: #1c8270;
}
.image-text-component {
    padding:50px 0;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    flex-direction: row;

}
.image-text-banner {
    background-color: #f5f5f5;
    padding: 0;
    margin: 50px 0;
}

.image-text-component img {
    width: 45%;
    /* height: 100%; */
}

.image-text-component .image-text-component__text-right {
    width: 45%;
    height: 100%;
}

.image-text-banner .image-text-banner__text-right {
    padding: 20px 20px 20px 0;
} 
.image-text-banner .image-text-banner__image-left {
    object-fit: cover;
}

.image-text-component .image-text-component__text-right h1 {
    font-size: 36px;
    color:#1C8270;
}
.image-text-component .image-text-component__text-right p {
    font-size: 16px;
    line-height: 28px;
    /* margin-bottom:30px; */
}
.image-text-component .image-text-component__text-right .link-right {
    text-decoration: none;
    color:#1C8270;
}
.image-text-component .image-text-component__text-right .link-right:hover {
    text-decoration: underline;
}
.image-text-component .image-text-component__text-right .link-right:focus {
    outline: 1px solid #1C8270;
}
.image-text-component .image-text-component__text-right .button-right-container {
  margin: 20px 0;
 }
.image-text-component .image-text-component__text-right .button-right {
    color: white;
    font-size: 16px;
    background-color: #1C8270;
    padding:15px;
    border-radius: 25px;
    border: none;
    text-decoration: none;
 }
 
 .image-text-component .image-text-component__text-right .button-right:hover {
     color: #1C8270;
     background-color: white;
     outline: 1px solid #1C8270;
  }
  
  .image-text-component .image-text-component__text-right .button-right:focus {
     color: #1C8270;
     background-color: white;
     outline: 1px solid #1C8270;
}
.image-text-banner-logo {
    border-radius: 25px;
}

.image-text-banner-logo .image-banner-logo {
    border-radius: 25px 0 0 25px;
}

.need-help-button-text {
    /* margin-top: 100px; */
}
.need-help-button-text h2 {
    color: #1C8270;
    text-align: center;
    margin-top: 50px;
}
.need-help-button-text h4 {
    text-align: center;
}
.need-help-button-text p {
    text-align: center;
}

.need-help-button {
    display: flex;
    margin-bottom: 50px;
}
.need-help-button.mb-0 {
   margin-bottom: 0;
}
.mt-0 {
    margin-top: 0 !important;
 }
.mb-0 {
    margin-bottom: 0 !important;
 }
.need-help-button a {
    color: white;
    font-size: 16px;
    background-color: #1C8270;
    padding:15px;
    border-radius: 25px;
    border: none;
    text-decoration: none;
    margin: 0 auto;
    line-height: 1;
}
.need-help-button a:hover {
    background-color: white;
    color: #1C8270;
    outline: 1px solid #1C8270;
    text-decoration: none;
}
.need-help-button a:focus {
    color: #1C8270;
    background-color: white;
    outline: 1px solid #1C8270;
}

.yellow-button a {
    background-color: #FFE66A !important;
    color: black !important;
    font-weight: 700;
}
.yellow-button a:hover {
    background-color: white !important;
    font-weight: 700;
    color: black;
    outline: 1px solid #FFE66A !important;
}
.yellow-button a:focus {
    background-color: white !important;
    font-weight: 700;
    color: black;
    outline: 1px solid #FFE66A !important;
}
.center-button-yellow {
    display: flex;
  margin-bottom: 50px;
}
.center-button-yellow a {
    color: black;
    font-size: 16px;
    font-weight: 700;
    background-color: #FFE66A;
    padding: 15px;
    border-radius: 25px;
    border: none;
    text-decoration: none;
    margin: 0 auto;
    line-height: 1;
}
.center-button-yellow a:hover {
    background-color: white;
    outline: 1px solid #FFE66A;
    text-decoration: none;
}
.center-button-yellow a:focus {
    color: black;
    background-color: white;
    outline: 1px solid #FFE66A;
}

.middle-button-text {
    text-align: center;
    margin: 50px 0;
}
.middle-button-container {
    display : flex;
    flex-direction: column;
    margin: 50px 0;
}

.middle-button-container .middle-button-container__button {
    color: black;
    font-size: 18px;
    font-weight: 600;
    background-color:#FFE66A;
    padding: 15px;
    border: 2px solid #FFE66A;
    border-radius: 25px;
    text-decoration: none;
    margin: 0 auto;
}

.middle-button-container .middle-button-container__button:hover {
    color: black;
    background-color:white;
    text-decoration: none;
}
.middle-button-container .middle-button-container__button:focus {
    color: black;
     background-color: white;
     outline: 2px solid #FFE66A;
}
.middle-button-container .middle-button-container__button-popup {
    font-size: 16px;
    padding: 10px;
    border-radius: 25px;
    align-self: center;
    margin: unset;
}
.middle-button-container .close-text  {
    font-weight: 600;
    margin: 10px auto;
}
.middle-image {
    width: 100%;
}
.line-box-container {
    position: relative;
    box-shadow: 0 0 5px 0 rgb(28 130 112 / 100%);
    margin: 50px 0;
}
.line-box-container .info-text {
    padding-right: 5px;
    padding-left: 5px;
    font-size: 22px;
    font-weight: 500;
    color:#1C8270;
    position: absolute;
    left: 35px;
    top: 0; 
    transform: translate(0,-50%);
    background-color: white;
}
.line-box-container .line-box-container-text {
   padding: 35px;
}
.line-box-container .line-box-container-text .line-box-button-container {
   display: flex;

}
.line-box-container .line-box-container-text .line-box-button-container .line-box-button-container__button {
    color: white;
    font-size: 16px;
    background-color: #1C8270;
    padding: 15px;
    border-radius: 25px;
    border: none;
    text-decoration: none;
    margin: 0 auto;
    line-height: 1;
}
.line-box-container .line-box-container-text .line-box-button-container .line-box-button-container__button:hover {
    background-color: white;
    color: #1C8270;
    outline: 1px solid #1C8270;
}
.line-box-container .line-box-container-text .line-box-button-container .line-box-button-container__button:focus {
    background-color: white;
    color: #1C8270;
    outline: 1px solid #1C8270;
}
.line-box-container .line-box-container-text .line-box-text__title {
   font-weight: bold;
}


/* accordions */
    .accordion {
        border: 1px solid rgba(28, 130, 112, 0.5);
      margin-bottom: 10px;
      background-color: white;
    }
    .accordion:hover {
         box-shadow: 0 0 3px rgba(28, 130, 112, 0.5); /* Adjust the shadow as needed */
    }
    .accordion-title {
      padding: 10px;
      cursor: pointer;
      color: #1c8270;
      font-weight: 700;
    }

    .accordion-title i {
      float: right;
    }

    .accordion-content {
      display: none;
      padding: 10px;
    }
/* Example box */
.banner-line-text-container {
    display: flex; 
    justify-content:space-between ;
    align-items: center;
    position: relative;
    border: 1px solid #1c8270;
    margin: 50px 0;
}
.banner-line-text-container .info-text {
    font-size: 24px;
    color:#1C8270;
    position: absolute;
    left: 35px;
    top: 0; 
    transform: translate(0,-50%);
    background-color: white;
}
.banner-line-text-container .info-text svg {
    position: absolute;
    width: 40px;
    top: 0;
    transform: translate(0, -50%);
    background-color: white;
}

.banner-line-text-container .banner-line-text-text-left {
    padding: 20px;
    width: 50%;
    
}
.banner-line-text-container .banner-line-text-text-left h3{
    color:#1C8270;
}
.banner-line-text-container .banner-line-text-image-right {
    width: 50%;
    object-fit: cover;
    object-position: right;
}
.banner-line-text-container .banner-line-text-text-left .banner-line-text-button-container {
   display: flex;
}
.banner-line-text-container .banner-line-text-text-left .banner-line-text-button {
    color: white;
    font-size: 16px;
    background-color: #1C8270;
    padding:15px;
    border-radius: 25px;
    border: none;
    text-decoration: none;
    margin: 0 auto;
}
.banner-line-text-container .banner-line-text-text-left .banner-line-text-button:hover {
    background-color: white;
    color: #1C8270;
    outline: 1px solid #1C8270;
    text-decoration: none;
}
.banner-line-text-container .banner-line-text-text-left .banner-line-text-button:focus {
    color: #1C8270;
    background-color: white;
    outline: 1px solid #1C8270;
}
.banner-section {
    display: flex;
    justify-content: flex-end;
    position: relative;
    margin: 80px 0;

}
.banner-container__right-right {
    position: absolute;
    z-index: 0;
    top: 0; 
    right:0;
    bottom:0;
    position: relative;
    padding: 30px;
    width: 40%;
    height:500px;
    /* margin: 50px 0; */
    /* background-image: url(https://uat-cms-bloom-mtaa.dxau.digital/-/media/7A22CB9431E14AE9B8066D75C0EF407F.ashx?h=548&w=542); */
}
.banner-container__right-right img {
    position: absolute;
    z-index: -2;
    /* top: 0; 
    bottom: 0; 
    right: 0; */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.banner-container__right-right .banner-container__right-right-content {
    position: absolute;
    z-index: -1;
    padding: 30px;
    background-color: rgba(255, 255, 255, 0.8);
    width: 80%;
    left: 50%;
    transform: translate(-50%,-50%);
    top: 50%;
}
.banner-container:hover ~ .banner-container__right-right {
    /* display: block; */
    /* position: absolute; */
    z-index: -1;
    bottom: 0;
    top: 0;
    right: 0;
   
}
.banner-container:hover  .banner-container__right-right .banner-container__right-right-content {
    /* transform: translate(-50%,0); */
   
}
/* .banner-container:hover ~ .banner-section {
    flex-direction: column !important;
} */
.banner-container__right-right .banner-container__right-right-content h1 {
   font-size: 30px;
   color:#1C8270;
}
.banner-container__right-right .banner-container__right-right-content .right-content-button {
 display: flex;
}
.banner-container__right-right .banner-container__right-right-content a {
   padding: 10px 30px;
   background-color:#1C8270;
   color: white;
   border: 1px solid #1C8270;
   margin: 0 auto;
   text-decoration: none;
}
.banner-container__right-right .banner-container__right-right-content a:hover {
   color: #1c8270;
   background-color: white;
}
.banner-container__right-right .banner-container__right-right-content a:focus {
   color: #1c8270;
   background-color: white;

}


.banner-container {
    background-color: #FFE66A;
    padding: 30px;
    display: flex;
    justify-content: space-between;
    width: 40%;
    height: 500px;
    transition: width 0.5s ease-in-out;
    position: absolute;
    z-index: 1;
    left: 0; 
    top: 0;
}
.banner-container:hover {
    width: 100%;
    /* position: relative; */
}

.banner-container .banner-container__left {
    width: 500px;
    min-width: 500px;
}    

.banner-container:hover  .banner-container__left {
    width: 40%;
}
.banner-container:hover  .banner-container__right {
    width: 40%;
}

.banner-container .banner-container__left img {
    transition: transform 0.5s ease-in-out;
    transform-origin: bottom;
    transform: translateY(-50px) rotate(0deg);
 
}
@keyframes rotate {
   
    10% {
        transform: translateY(-50px) rotate(15deg);
    }
    30% {
        transform: translateY(-50px) rotate(0deg);
    }
    40% {
        transform: translateY(-50px) rotate(25deg);
    }
    50% {
        transform: translateY(-50px) rotate(90deg);
    }
    60% {
        transform: translateY(-50px) rotate(80deg);
    }
    70% {
        transform: translateY(-50px) rotate(90deg);
    }
    80% {
        transform: translateY(-50px) rotate(85deg);
    }
    100% {
        transform: translateY(-50px) rotate(90deg);
    }
  
}

.banner-container:hover .banner-container__left img {
    transform: translateY(-50px) rotate(0deg);
    animation: rotate 2s forwards;
    animation-delay: 0.7s;
}


.banner-container h1 {
    font-family: 'Cabin Sketch', cursive;
}
.banner-container .banner-container__left .banner-content-wrapper {
    display: flex;
}
.banner-container .banner-container__left .banner-content-wrapper .banner-content-text  {
   width: 50%;
}
.banner-container .banner-container__left .banner-content-wrapper .banner-content-text p {
   font-weight: 600;
   font-size: 20px;
   line-height: normal;
}
.banner-container .banner-container__left .banner-content-wrapper .banner-content-text .little-text {
   font-size: 12px;
   padding: 0 20px;
   color: black;
   text-decoration: underline;
}
.banner-container .banner-container__left .banner-content-wrapper .banner-content-text .link-button-container {
    margin: 50px 0 20px 0;
}
.banner-container .banner-container__left .banner-content-wrapper .banner-content-text .link-button-container a {
    background-color: black;
    color: white;
    font-weight: 700;
    padding: 10px 30px;
    border-radius: 25px;
    font-size: 30px;
    text-decoration: none;
    border:1px solid black;
}
.banner-container .banner-container__left .banner-content-wrapper .banner-content-text .link-button-container a:hover {
    background-color: white;
    color: black;
}
.banner-container .banner-container__left .banner-content-wrapper .banner-content-text .link-button-container a:focus {
    background-color: white;
    color: black;
}
.banner-container .banner-container__right {
    width: 0;
    overflow: hidden;
    transition: width 0.5s ease-in-out;
    align-self: center;
    position: relative; /* add this */
    width: 60%; /* add this */
}
.banner-container .banner-container__right p {
    font-weight: 600;
    text-align: end;
    font-size: 20px;
}
.background-banner-fish-container {
    background-color:#BAE8E6;
    padding: 30px 50px;
    display: flex;
    justify-content: space-between;
    height:100%;
}
.background-banner-fish-container h1 {
        font-family: 'Cabin Sketch', cursive;
}
.background-banner-fish-container .background-banner-fish-container__left {
        width: 45%;
}
.background-banner-fish-container .background-banner-fish-container__left p {
    font-weight: 600;
    font-size: 20px;
    line-height: normal;
}
.background-banner-fish-container .background-banner-fish-container__right {
        width: 45%;
        align-self: end;
}
.background-banner-fish-container .background-banner-fish-container__right p {
    font-weight: 600;
    font-size: 20px;
    line-height: normal;
}
.background-banner-fish {
    background-color: #BAE8E6;
    position: relative;
    height: 500px;
    background-size: cover;
}
.background-banner-fish .goldfish {
    position: absolute;
    animation-duration: 30s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
   
}
  .goldfish2 {
    bottom: 0;
    left: -50px;
    animation-name: swim-left;
    animation-duration: 18s;
  }
  
  @keyframes swim-right {
    0% {
      transform: translateX(-50%) translateY(-50%) rotate(0deg);
    }
    25% {
      transform: translateX(0) translateY(-40%) rotate(20deg);
    }
    50% {
      transform: translateX(-20%) translateY(0) rotate(0deg);
    }
    75% {
      transform: translateX(0) translateY(-60%) rotate(-20deg);
    }
    100% {
      transform: translateX(-50%) translateY(-10%) rotate(0deg);
    }
  }
  @keyframes swim-left {
    0% {
      transform: translateX(0) translateY(0) rotate(0deg);
    }
    50% {
      transform: translateX(50%) translateY(0%) rotate(0deg);
    }
    /* 75% {
      transform: translateX(75%) translateY(10%) rotate(0deg);
    }
    90% {
      transform: translateX(180%) translateY(10%) rotate(-50deg);
    } */
    100% {
      transform: translateX(100%) translateY(0%) rotate(0deg);
    }
  }
.bubbles-button {
    margin: 50px 0; 
    display: flex;
}
.bubbles-button img {
    height: 30px;
    position: absolute;
    animation: bubbleUp 8s ease-in-out infinite;
    animation-timing-function: linear;
    z-index: 99;
}
@keyframes bubbleUp {
    0% {
      transform: translateY(0);
    }
    100% {
      transform: translateY(-100vh);
    }
  }

.bubbles-button .bubble1 {
    height: 10px;
    bottom:0;
    left: 10px;
    animation-delay: 4s;
}
.bubbles-button .bubble2 {
    height: 20px;
    bottom: 5%;
    right: 0;
}
.bubbles-button .bubble3 {
    height: 15px;
    bottom: 0;
}
.bubbles-button .bubble4 {
    height: 5px;
    right: 0;
    animation-delay: 3s;
}
.bubbles-button .bubble5 {
    height: 50px;
    bottom: 0;
    right: 45%;
    animation-delay: 2s;
}
.bubbles-button .bubble6 {
    height: 35px;
    bottom: 10px;
    left: 10px;
    animation-delay: 0.5s;
}
.bubbles-button .bubble7 {
    height: 35px;
    bottom: 0px;
    left: 50%;
}
.bubbles-button .bubble8 {
    height: 30px;
    bottom: 0;
    left: 30%;
}
.bubbles-button .bubble9 {
    height: 25px;
    bottom: 10px;
    left: 15%;
}
.bubbles-button .bubble10 {
    height: 20px;
    bottom: 0;
    left: 20%;
    animation-delay: 4s;
}
.bubbles-button .bubble11 {
    height: 10px;
    bottom: 0;
    left: 25%;
    animation-delay: 6s;
}
.bubbles-button .bubble12 {
    height: 35px;
    bottom: 5px;
    right: 15%;
    animation-delay: 1.5s;
}
.bubbles-button .bubble13 {
    height: 20px;
    bottom: 15px;
    right: 25px;
   animation-delay: 4s ;
}
.bubbles-button .bubble14 {
    height: 25px;
    bottom: 20px;
    right: 50%;
    animation-delay: 5.5s;
}
.bubbles-button .bubble15 {
    height: 15px;
    bottom: 0;
    right: 50%;
}
.bubbles-button .bubble16 {
    height: 10px;
    bottom: 2px;
    right: 40%;
    animation-delay: 6s;
}
.bubbles-button .bubble17 {
    height: 10px;
    bottom: 0px;
    right: 5;
    animation-delay: 5s;
}
.bubbles-button .bubble18 {
    height: 15px;
    bottom: 32px;
    right: 9%;
    animation-delay: 5.5s;
}
.bubbles-button .bubble19 {
    height: 20px;
    bottom: 8px;
    right: 15%;
    animation-delay: 7.5s;
}
.bubbles-button .bubble20 {
    height: 30px;
    bottom: 9px;
    left: 25%;
    animation-delay: 1s;
}
.bubbles-button .bubble21 {
    height: 15px;
    bottom: 6px;
    right: 25%;
    animation-delay: 5s;
}
.bubbles-button .bubble22 {
    height: 30px;
    bottom: 10%;
    left: 20%;
    animation-delay: 5.5s;
}
.bubbles-button .bubble23 {
    height: 25px;
    bottom: 20px;
    right: 55%;
    animation-delay: 4.5s;
}
.bubbles-button .bubble24 {
    height: 30px;
    bottom: 2px;
    right: 10%;
    animation-delay: 7.9s;
}
.bubbles-button .bubble25 {
    height: 30px;
    bottom: 11px;
    left: 35%;
    animation-delay: 2.5s;
}
.bubbles-button .bubble26 {
    height: 25px;
    bottom: 12px;
    right: 40%;
    animation-delay: 3.5s;
}
.bubbles-button .bubble27 {
    height: 35px;
    bottom: 7px;
    left: 8%;
    animation-delay: 2s;
}
.bubbles-button .bubble28 {
    height: 30px;
    bottom: 2px;
    left: 22px;
    animation-delay: 4s;
}
.bubbles-button .bubble29 {
    height: 30px;
    bottom: 4px;
    left: 40%;
    animation-delay: 3s;
}
.bubbles-button .bubble30 {
    height: 35px;
    bottom: 0;
    left: 5px;
    animation-delay: 2s;
}
.bubbles-button .bubble31 {
    height: 45px;
    bottom: 0;
    right: 0;
    animation-delay: 3.5s;
}
.bubbles-button .bubble32 {
    height: 35px;
    bottom: 0;
    right: 48%;
    animation-delay: 2.8s;
}
.bubbles-button .bubble33 {
    height: 50px;
    bottom: 0;
    right: 48px;
    animation-delay: 7.8s;
}
.bubbles-button .bubble34 {
    height: 35px;
    bottom: 0;
    left: 5px;
    animation-delay: 3s;
}
.bubbles-button .bubble35 {
    height: 35px;
    bottom: 0;
    right: 13px;
    animation-delay: 7s;
}

.bubbles-button a {
    background-color: #BAE8E6;
    color: black;
    font-weight: 700;
    padding: 10px 100px;
    border-radius: 25px;
    font-size: 30px;
    text-decoration: none;
    border: 1px solid #BAE8E6;
    margin: 0 auto;
    position: relative;
}
.bubbles-button a:hover {
    background-color:white;
}
.bubbles-button a:focus {
    background-color:white;
    outline: 1px solid #BAE8E6;
}
.bubble-text {
    text-align: center;
}
.text-section {
    margin: 80px 0;
}
.text-title-disclaimer {
    font-weight: 500;
}


.case-study-container {
    display: flex; 
    justify-content:space-between ;
    position: relative;
    border: 1px solid #1c8270;
    margin: 50px 0;

}
.case-study-container .info-text {
    font-size: 24px;
    color:#1C8270;
    position: absolute;
    left: 35px;
    top: 0; 
    transform: translate(0,-50%);
    background-color: white;

}
.case-study-container .case-study-text-left-scenario {
    width: 50%;
    padding: 20px;
    /* display: none; */
    align-self: center;

}
.case-study-container .case-study-text-left-scenario h3{
    font-size: 24px;
    font-weight: 600px;
    color:#1C8270;
    text-align: center;
}
.case-study-container .case-study-text-left-scenario .scenario {
   font-size: 16px;
   font-weight: 700;
   color:#1c8270;
}
.case-study-container .case-study-text-left-scenario .view-outcome-left {
    display: flex;
}
.case-study-container .case-study-text-left-scenario .view-outcome-left button {
    color: white;
    font-size: 16px;
    background-color: #1C8270;
    padding: 15px;
    border-radius: 25px;
    border: none;
    text-decoration: none;
    margin: 0 auto;
    margin-top: 15px;
    border: 1px solid #1c8270;
    line-height: 1;
}
.case-study-container .case-study-text-left-scenario .view-outcome-left button:hover {
    background-color: white;
    color: #1C8270;
    border: 1px solid #1C8270;
    text-decoration: none;
}
.case-study-container .case-study-text-left-scenario .view-outcome-left button:focus {
    color: #1C8270;
    background-color: white;
    outline: 1px solid #1C8270;
}

.case-study-container .case-study-image-right {
    width: 50%;
    object-fit: cover;
    object-position: center;
}
.case-study-container .case-study-text-right-outcome {
    display: none;
    width: 50%;
    padding: 20px;
    align-self: center;
}
.case-study-container .case-study-text-right-outcome .outcome {
    font-size: 16px;
    font-weight: 700;
    color:#1c8270;

}
.case-study-container .case-study-text-right-outcome .view-scenario-right {
    display: flex;
}
.case-study-container .case-study-text-right-outcome .view-scenario-right button {
    color: white;
    font-size: 16px;
    background-color: #1C8270;
    padding: 15px;
    border-radius: 25px;
    border: none;
    text-decoration: none;
    margin: 0 auto;
    margin-top: 15px;
    border: 1px solid #1c8270;
    line-height: 1;

}
.case-study-container .case-study-text-right-outcome .view-scenario-right button:hover {
    background-color: white;
    color: #1C8270;
    border: 1px solid #1C8270;
    text-decoration: none;
}
.case-study-container .case-study-text-right-outcome .view-scenario-right button:focus {
    color: #1C8270;
    background-color: white;
    outline: 1px solid #1C8270;
}

/* end of 1st case */

.case-study-container-second {
    display: flex; 
    justify-content:space-between ;
    position: relative;
    border: 1px solid #1c8270;
    margin: 50px 0;

}
.case-study-container-second .info-text-right {
    font-size: 24px;
    color:#1C8270;
    position: absolute;
    right: 35px;
    top: 0; 
    transform: translate(0,-50%);
    background-color: white;

}
.case-study-container-second .case-study-image-left {
    width: 50%;
    object-fit: cover;
    object-position: center;
}
.case-study-container-second .case-study-text-left-outcome {
    display: none;
    width: 50%;
    padding: 20px;
    align-self: center;

}
.case-study-container-second .case-study-text-left-outcome .outcome{
    font-size: 16px;
    font-weight: 700;
    color:#1c8270;

}
.case-study-container-second .case-study-text-left-outcome .view-scenario-left {
    display: flex;
}
.case-study-container-second .case-study-text-left-outcome .view-scenario-left button {
    color: white;
    font-size: 16px;
    background-color: #1C8270;
    padding: 15px;
    border-radius: 25px;
    border: none;
    text-decoration: none;
    margin: 0 auto;
    margin-top: 15px;
    border: 1px solid #1c8270;
    line-height: 1;

}
.case-study-container-second .case-study-text-left-outcome .view-scenario-left button:hover {
    background-color: white;
    color: #1C8270;
    border: 1px solid #1C8270;
    text-decoration: none;
}
.case-study-container-second .case-study-text-left-outcome .view-scenario-left button:focus {
    color: #1C8270;
    background-color: white;
    outline: 1px solid #1C8270;
}


.case-study-container-second .case-study-text-right-scenario {
    width: 50%;
    padding: 20px;
    display: block;
    align-self: center;
}
.case-study-container-second .case-study-text-right-scenario h3{
    font-size: 24px;
    font-weight: 600px;
    color:#1C8270;
    text-align: center;
}
.case-study-container-second .case-study-text-right-scenario .scenario {
   font-size: 16px;
   font-weight: 700;
   color:#1c8270;
}
.case-study-container-second .case-study-text-right-scenario .view-outcome-right {
    display: flex;
}
.case-study-container-second .case-study-text-right-scenario .view-outcome-right button {
    color: white;
    font-size: 16px;
    background-color: #1C8270;
    padding: 15px;
    border-radius: 25px;
    border: none;
    text-decoration: none;
    margin: 0 auto;
    margin-top: 15px;
    border: 1px solid #1c8270;
    line-height: 1;

}
.case-study-container-second .case-study-text-right-scenario .view-outcome-right button:hover {
    background-color: white;
    color: #1C8270;
    border: 1px solid #1C8270;
    text-decoration: none;
}
.case-study-container-second .case-study-text-right-scenario .view-outcome-right button:focus {
    color: #1C8270;
    background-color: white;
    outline: 1px solid #1C8270;
}

/* Card section */


.cards-section {
    padding: 50px 0;
    box-sizing: border-box;
}
.cards-section  h1 {
    font-size: 36px;
    color:#1C8270;
    margin-bottom: 18px;
}


.cards-section .cards-container {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 40px;
}
.cards-section .cards-container__no-border-cards {
    grid-gap: 20px;
}

.cards-section .cards-container a {
    text-decoration: none;
}
.cards-section .cards-container a:focus {
    outline: 1px solid #1c8270;
  
}
.cards-section .cards-container .single-card {
    box-shadow: 0 0 5px 0 rgb(28 130 112 / 100%);
    /* display: grid; */
    display: flex;
    flex-direction: column;
    height: 100%;
}
.cards-section .cards-container .single-card img {
    width: 100%;
}
.cards-section .cards-container .single-card .single-card-content {
    color: black;
    padding: 15px;
    /* height: 230px; */
    flex: 1; 
    display :flex;
    flex-direction: column;

}
.cards-section .cards-container .single-card .single-card-content h3 {
    font-size: 30px;
    margin-top: 0;
    margin-bottom: 0;
}
.cards-section .cards-container .single-card .single-card-content p {
    font-size: 16px;
    /* flex: 1;
    overflow: hidden; */
}
.cards-section .cards-container .single-card .single-card-content .single-card-button {
    color: white;
    font-size: 16px;
    background-color: #1C8270;
    padding: 15px;
    border-radius: 25px;
    border:none;
    margin-left: 50%;
    transform: translate(-50%,0);
    margin-top: auto;
    width: 85%;
}
.cards-section  .cards-container .single-card .single-card-content .single-card-button:hover {
    color: #1C8270;
    background-color: white;
    outline: 1px solid #1C8270;
}
.cards-section .cards-container .single-card .single-card-content .single-card-button:focus {
    color: #1C8270;
    background-color: white;
    outline: 1px solid #1C8270;
}
/* hover status for card, similar to old career comps */
.hover-card:hover {
    box-shadow: 0 1px 2px 0 rgb(0 0 0 / 20%);
    transform: scale(1.03);
 }
 /* card with icon section  */
 .cards-section .cards-container .single-card-icon {
    /* border: 1px solid #1C8270; */
    padding: 50px 30px 30px 30px;
    position: relative;
    margin-top: 30px;
    box-shadow: 0 0 5px 0 rgb(28 130 112 / 100%);
    
}
 .cards-section .cards-container .single-card-icon__no-border {
    border: none;
    box-shadow: none;
    padding: 50px 30px 30px 30px;
}

 .cards-section .cards-container .single-card-icon .card-font-icon {
    font-size: 60px;
    color:#1C8270;
}
 .cards-section .cards-container .single-card-icon .card-font-icon__no-background {
    background-color: transparent !important;
    font-size: 40px;
    color:#1C8270;
}
 .cards-section .cards-container .single-card-icon .card-icon {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: white;
}
 .cards-section .cards-container .single-card-icon .card-icon-left {
    left: unset;
    /* width:50px; */
}
.cards-section .cards-container .single-card-icon .single-card-icon-content h3 {
    color: #1c8270;
}
.cards-section .cards-container .single-card-icon .single-card-icon-content a {
    font-weight: 500;
}
.cards-section .cards-container .single-card-icon .single-card-icon-content a:hover {
    text-decoration: underline;
}
.cards-section .cards-container .single-card-icon .single-card-icon-content .single-card-icon-button-container {
    display: flex;
}
.cards-section .cards-container .single-card-icon .single-card-icon-content .single-card-icon-button-container .single-card-icon-button-container__button {
    padding: 15px;
    background-color: #1c8270;
    color: white;
    font-size: 16px;
    border-radius: 25px;
    font-weight: 500;
    border: 1px solid #1c8270;
    margin: 0 auto;
    line-height: 1;
}
.cards-section .cards-container .single-card-icon .single-card-icon-content .single-card-icon-button-container .single-card-icon-button-container__button:hover {
    color: #1C8270;
    background-color: white;
    text-decoration: none;
}
.cards-section .cards-container .single-card-icon .single-card-icon-content .single-card-icon-button-container .single-card-icon-button-container__button:focus {
    color: #1C8270;
    background-color: white;
    outline: 1px solid #1C8270;
}
.disclaimer-container {
    margin: 50px 0;
}
.disclaimer-container p{
    font-size: 12px;
}
.disclaimer-container ol {
    font-size: 12px;
}
/* tile section */
.cards-section .cards-container .single-tile {
    background-color: #f5f5f5;
    border-radius: 25px;
}
.cards-section .cards-container .single-tile img {
    width: 100%;
    border-radius:25px 25px 0 0;

}
.cards-section .cards-container .single-tile .single-tile-content {
    color: black;
    padding: 20px;
    display :flex;
    flex-direction: column;

}
.cards-section .cards-container .single-tile .single-tile-content .tile-disclaimer {
   font-size: 10px;

}
.cards-section .cards-container .single-tile .single-tile-content h3 {
    font-size: 30px;
    margin-top: 0;
    margin-bottom: 0;
    color: #1C8270;
}
.cards-section .cards-container .single-tile .single-tile-content h3 sup {
    font-size: 50%;
    
}
.cards-section .cards-container .single-tile .single-tile-content p {
    font-size: 16px;
}
.cards-section .cards-container .single-tile .single-tile-content .single-tile-content-button-container {
 display: flex;
}
.cards-section .cards-container .single-tile .single-tile-content .single-tile-button {
    color: white;
    font-size: 16px;
    background-color: #1C8270;
    padding: 15px;
    border-radius: 25px;
    border:none;
    margin: 0 auto;
    line-height: 1;
    /* margin-left: 50%;
    transform: translate(-50%,0);
    margin-top: auto;
    width: 270px; */
}
.cards-section  .cards-container .single-tile .single-tile-content .single-tile-button:hover {
    color: #1C8270;
    background-color: white;
    outline: 1px solid #1C8270;
}
.cards-section .cards-container .single-tile .single-tile-content .single-tile-button:focus {
    color: #1C8270;
    background-color: white;
    outline: 1px solid #1C8270;
}
.testimonial-section h1 {
    font-size: 36px;
    color:#1C8270;
    margin-bottom: 30px;
}
.testimonial-section .testimonial-container {
    background-color: #f5f5f5;
    border: 1px solid #1C8270;
    padding: 30px;
    height: 400px;
}
.testimonial-section .testimonial-container .testimonial-icon {
    text-align: right;
}
.testimonial-section .testimonial-container .image-text-testimonial {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;

}
.testimonial-section .testimonial-container .image-text-testimonial .testimonial-image {
    width: 30%;
    height: 30%;
    object-fit: cover;
    border-radius: 50%;
}
.testimonial-section .testimonial-container .image-text-testimonial .testimonial-text {
    width: 100%;
    margin-top: 15px;
}
.testimonial-section .testimonial-container .image-text-testimonial .testimonial-text p {
    color: #1c8270;
}
.testimonial-section .testimonial-container .image-text-testimonial .testimonial-text .testimonial-text-name {
    text-align: end;
}
.testimonial-next {
    color:#1C8270 !important;
}
.testimonial-previous {
    color: #1c8270 !important;
}
.testimonial-slider-wrapper {
 height: 510px !important;
}
.social-media-icons-container {
 display: flex; 
 justify-content: center;
 margin:0 0 50px 0;
}
.social-media-icons-container img {
  margin: 0 20px;
  border-radius: 50%;
  box-shadow: 0.6px 1.1px 1.1px hsl(0deg 0% 0% / 0.48);
}
.two-tables {
    display: flex;
    justify-content: space-between;
}
.two-tables .two-tables-wrapper {
    width: 45%;
}
.table-container {
 margin: 50px 0;
}
.table-container .table-name {
    font-weight: bold;
    margin-bottom: 30px;
}
.table-container table tr{
    background-color: #f5f5f5;
}
.table-container table tr th {
    color: #1C8270;
    font-weight: bold;
    /* background-color: #f5f5f5; */
}
.table-container table tr:first-of-type th {
    /* background-color: #f5f5f5; */
    background-color: #1c8270;
    color:white;
}

.vertical-table-container .table-name {
    font-weight: bold;
    margin-bottom: 30px;
}
.vertical-table-container table tr th {
    color: #1C8270;
    font-weight: bold;
    width: 25%;
}
.full-width-banner-logo {
    background: linear-gradient(94.35deg, #1C8270 23.44%, #FFFFFF 100%);
    padding: 100px 0;
    display: flex;
    justify-content: center;
    flex-direction: column;
}
.full-width-banner-color {
    background: var(--banner-color);
    padding: 100px 0;
    display: flex;
    justify-content: center;
    flex-direction: column;
}
.text-white {
    color: white;
}
.full-width-banner-logo .banner-text-logo-wrapper {
    display: flex;
    justify-content: space-between;
}
.full-width-banner-logo .banner-text-logo-wrapper .title-section-left {
    width: 50%;
}
.full-width-banner-logo .banner-text-logo-wrapper .logo-section-right {
    display: flex; 
    flex-direction: column;
    gap: 10px;
    width: 45%;

}
.full-width-banner-logo .banner-text-logo-wrapper .logo-section-right .logo-row-container img {
    width: 90px;
}
.full-width-banner-logo .banner-text-logo-wrapper .logo-section-right .logo-flex-row-right-align {
    justify-content: right;
    gap: 10px;
}
.full-width-banner-logo .banner-text-logo-wrapper .logo-section-right .logo-flex-row-right-align.custom-image-wrapper {
    gap: 20px;
}
/* .full-width-banner-logo .banner-text-logo-wrapper .logo-section-right .logo-flex-row-right-align .logo-custom {
    width: 80px;
} */
.full-width-banner-logo .logo-row-container {
    display: flex;
    justify-content: center;
}
.full-width-banner-logo .logo-row-container__first {
    justify-content: space-evenly;
}

.full-width-banner-logo .logo-row-container__second {
    justify-content: space-around;
}

.full-width-banner-logo__image {
    /* background-image: url(https://sps-sc-d1-cm.dataweavers.io/-/media/7B459280D20340C5AF49245934519F10.ashx?h=401&w=1289); */
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-image: var(--background-image, url(https://www.spiritsuper.com.au/-/media/7B459280D20340C5AF49245934519F10.ashx?h=401&w=1289)) !important;

}
.full-width-banner__image {
    height: 500px;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: var(--background-image);
}

.full-width-section__grey {
    background-color: #f5f5f5;
    padding: 50px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 20px;
  }
  .full-width-section__grey h2 {
    margin-top: 0;
  }
  .full-width-section__grey .need-help-button-text_full-width-section {
    padding-bottom: 30px;
  }
  .full-width-section__grey .need-help-button_full-width-section {
    padding-top: 30px;
    margin-bottom: 0;
  }
  .section-grey-logo-container {
    display: flex;
    justify-content: center;
    gap: 10px;
  }
  .section-grey-logo-container__first  .logo-image {
    margin: 0;
  }
  .section-grey-logo-container__second  img {
    height: 100px;
   }
   .section-grey-logo-container__third  img {
     height: 100px;
   }

.image-banner-component-wrapper {
    height: 400px;
    position: relative;
    margin: 50px 0;
  }
  .image-banner-component-wrapper img {
    width: 100%;
    height: 400px;
    object-fit:cover;
    border-radius: 25px;
    position: absolute;
    order: 9;
  }
  
  .image-banner-component-wrapper .text-left-banner-component {
    position: absolute;
    order: 1;
    background-color: rgba(255, 255, 255, 0.8);
    border-radius: 25px;
    width: 50%;
    top: 50%;
    transform: translate(0, -50%);
    padding: 20px;
  }
  .image-banner-component-wrapper .text-right-banner-component {
    position: absolute;
    order: 1;
    background-color: rgba(255, 255, 255, 0.8);
    border-radius: 25px;
    width: 50%;
    top: 50%;
    transform: translate(0, -50%);
    padding: 20px;
  }
  .image-banner-component-wrapper .text-left-banner-component {
      left: 30px;
  }
  .image-banner-component-wrapper .text-right-banner-component {
      right: 30px;
  }
      
  .image-banner-component-wrapper .image-banner-component .image-banner-component-text
    h1 {
    color: #1c8270;
    font-size: 40px;
  }
  .image-banner-component-wrapper .image-banner-component .image-banner-component-text p {
      font-weight: 500;
  }
  .image-banner-component-wrapper .image-banner-component .image-banner-component-button {
        display:flex;
  }
  .image-banner-component-wrapper .image-banner-component .image-banner-component-button .image-banner-component-button__button {
    color: white;
    font-size: 16px;
    background-color: #1C8270;
    padding: 15px;
    border-radius: 25px;
    text-decoration: none;
    margin: 0 auto;
    border: 1px solid #1c8270;
    font-weight: 500;
    line-height: 1;
  }
  .image-banner-component-wrapper .image-banner-component .image-banner-component-button .image-banner-component-button__button:hover {
    color: #1C8270;
    background-color: white;
  }
  .image-banner-component-wrapper .image-banner-component .image-banner-component-button .image-banner-component-button__button:focus {
    color: #1C8270;
    background-color: white;
    outline: 1px solid #1C8270;
  }
  .logo-image {
    width: 100%;
    margin: 50px 0;
    border-radius: 25px;
  }
  .logo-container {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 0 0 50px 0;
  }
  .logo-container img {
   width: 8%;
   margin-bottom: 10px;
  }
  .logo-container .logo {
   width: 15%;
  }

  .module-icon-section {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .module-icon-section .module-icon-text {
    text-align: center;
    padding: 20px;
    text-decoration: none;
  }
  .module-icon-section .module-icon-text img {
   margin-bottom: 15px;
  }
 
  .module-icon-section .module-icon-text .module-icon-text__text {
    background-color:  #1c8270;
    padding: 15px 20px;
    border: 1px solid #1c8270;
    color:white;
  }
  .module-icon-section .module-icon-text .module-icon-text__text:hover {
    background-color: white;
    color:#1c8270;
  }

.back-to-top {
    position: fixed;
    left: 50%;
    transform: translate(-50%);
    bottom: 0;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    z-index: 9999;
    display: none;
}
.back-to-top.show {
    display: flex;
}
.back-to-top button {
    background: #d9d9d9;
    padding: 10px;
    border-radius: 50%;
    border: 1px solid #1c8270;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0 3px 10px rgb(0 0 0 / 0.2);
    transition: background-color 0.3s, color 0.3s;
}
.back-to-top button:hover {
    background-color: #1c8270;
    color: white;
}
.back-to-top button:hover svg path {
    fill: white;
}
.back-to-top div {
    color: #1c8270;
    font-weight: 500;
    cursor: pointer;
}
.back-to-top div:hover {
    text-decoration: underline;
}

/* Responsive */
@media only screen and (max-width: 2125px) {
    .top-banner-component-left-container h3 {
        line-height: 32px;
    }

}
@media only screen and (max-width: 2100px) {
    .top-banner-component-left-container h3 {
        font-size: 24px;
    }

}
@media only screen and (max-width: 1755px) {
    .top-banner-component-left-container .homepage-banner-logo {
        width: 65%;
    }

}

@media only screen and (max-width: 1700px) {
    .top-banner-component {
        background-position: 75%;
    }
    .top-banner-component-left-container {
        width: 45%;
    }

    .top-banner-component-left-container-test {
        width: 50%;
    }
    /* .top-banner-component-left-container .homepage-banner-logo {
        width: 55%;
    } */

}
@media only screen and (min-width: 1440px) {
    .full-width-banner-logo .banner-text-logo-wrapper .logo-section-right .logo-row-container img.custom-image {
        width: 170px;
    }
}
@media only screen and (max-width: 1440px) {
    .top-banner-component-left-container {
        width: 50%;
    }
    .top-banner-component-left-container h1 {
        font-size: 38px;
    }
    .top-banner-component-left-container__long {
        width: 50%;
    }
    /* .top-banner-component-left-container .banner-logo-button__button {
        padding: 5px 30px; 
        font-size: 22px;
    } */
    .image-banner-component-wrapper .image-banner-component .image-banner-component-text
    h1 {
    color: #1c8270;
    font-size: 36px;
  }
  .full-width-banner-logo .banner-text-logo-wrapper .logo-section-right .logo-row-container img {
    width: 80px;
    }
    .full-width-banner-logo .banner-text-logo-wrapper .logo-section-right .logo-row-container img.custom-image {
        width: 150px;
    }
    .full-width-banner-logo .banner-text-logo-wrapper .title-section-left h1 {
        font-size: 36px;
    }
    .full-width-banner-logo .banner-text-logo-wrapper .title-section-left h3 {
        font-size: 24px;
    }
}
@media only screen and (max-width: 1406px) {
    .cards-section .cards-container .single-card .single-card-content {
        height: 250px;
    }
}
@media only screen and (max-width: 1362px) and (min-width: 901px) {
    .image-text-banner .image-text-banner__image-left {
        /* height: 310px;  */
    }
}
@media only screen and (max-width: 1320px) {
    .cards-section .cards-container .single-card .single-card-content {
        height: 270px;
    }
    .top-banner-component-left-container-test {
        width: 60%;
    }
 
}    
@media only screen and (max-width: 1300px) {
    .custom-button-yellow {
        padding: 10px;
        background: #ffe66a;
        border: 1px solid #FFE66A;

    }
    .custom-button-green {
        padding: 10px;
    }
    .top-banner-component-left-container .homepage-banner-logo {
        width: 75%;
    }
 
}    
@media only screen and (max-width: 1250px) {
   .custom-header__login {
      margin-left: 10px;
   }
   .top-banner-component-left-container {
    padding: 35px;
   }
 
}    
@media only screen and (max-width: 1242px) and (min-width: 1220px) {
  
} 
@media only screen and (max-width: 1220px) {
    .cards-section .cards-container .single-card .single-card-content {
        height: 270px;
    }
    .banner-container {
        width: 45%;
    }
    .banner-container__right-right {
        width: 45%;
    }
    .custom-button-green::before {
        bottom: -17px;
    }
    .custom-button-yellow::before {
        bottom: -17px;
    }
    /* .top-banner-component-left-container .homepage-banner-logo {
        width: 65%;
    } */
} 
@media only screen and (max-width: 1140px) {
   
    .top-banner-component-left-container h3 {
        font-size: 22px;
    }
    .banner-line-text-container {
        align-items: normal;
    }
} 
@media only screen and (max-width: 1110px) {
   
    .banner-container {
        width: 50%;
    }
    .banner-container__right-right {
        width: 45%;
    }
} 

@media only screen and (max-width: 1188px) and (min-width: 1025px) {
    .cards-section .cards-container .single-card .single-card-content h3 {
        font-size: 28px;
    }
    .cards-section .cards-container .single-tile .single-tile-content h3 {
        font-size: 28px;
    }
} 

@media only screen and (max-width: 1130px) and (min-width: 1025px) {
    /* .cards-section .cards-container .single-card .single-card-content p {
        font-size: 14px;
    }
    .cards-section .cards-container .single-card .single-card-content .single-card-button {
        font-size: 14px;
     } */
} 

@media only screen and (max-width: 1065px) and (min-width: 1025px) {
    .cards-section .cards-container .single-card .single-card-content{
        height: 290px;
    }
}
@media only screen and (max-width: 1047px) and (min-width: 901px) {
    .image-text-banner-logo .text-banner-logo h1{
        font-size: 30px;
    }
    .image-text-banner-logo .text-banner-logo p{
        font-size: 14px;
    }
}
/* RS */
@media only screen and (max-width: 1160px) {
    .top-banner-component {
        background-image: var(--mobile-bg-image);
    }
}


@media only screen and (max-width: 1120px) {
    .top-banner-component-left-container {
        width: 55%; 
    }
    .top-banner-component-left-container__long {
        width: 60%; 
    }
    .top-banner-component-left-container-test {
        width: 60%;
    }
    .top-banner-component-left-container-test h1 {
        font-size: 40px;
    }
}
/* @media only screen and (min-width: 1024px) {
    .banner-logo-button__button-test {
        font-size: 26px !important;
    }
   
} */
@media only screen and (max-width: 1023px) {
    .banner-section {
        flex-direction: column;
    }
    .banner-container:hover {
        width: auto;
    }
    .banner-container {
        width: 100%;
        flex-direction: column;
        height: auto;
        position: relative;
    }
    .banner-container .banner-container__left {
        width: auto;
        min-width: auto;
    }
    .banner-container:hover .banner-container__left {
        width: auto;
    }
    .banner-container .banner-container__left img {
        transform: translateY(-50px) rotate(0deg);
        animation: rotate 1.5s infinite;
        /* animation-delay: none; */
    }
    .banner-container__right-right {
        margin-top: 50px;
        align-self: center;
        width: 100%;
    }

    @keyframes rotate {
        0% {
            transform: translateY(-50px) rotate(0deg);
        }
        25% {
            transform: translateY(-80px) rotate(0deg);
        }
        50% {
            transform: translateY(-50px) rotate(0deg);
        }
        75% {
            transform: translateY(-65px) rotate(0deg);
        }
        100% {
            transform: translateY(-50px) rotate(0deg);
        }
    }
    .banner-container:hover .banner-container__left img {
        transform: translateY(-50px) rotate(0deg);
        animation: none;
    }
    .banner-container .banner-container__left .banner-content-wrapper {
        justify-content: space-between; 
    }
    .banner-container .banner-container__left .banner-content-wrapper .banner-content-text {
        width: 65%;
    }
    .banner-container .banner-container__right {
        width: 100%;
        overflow: visible;
    }
    .banner-container:hover .banner-container__right {
        width: auto;
    }
    #stick-links-menu .link-menu-item p {
        width: 80%;
    } 
}
@media only screen and (max-width: 1024px) {
    #stick-links-menu .link-menu-item p {
        width: 80%;
    } 
    .top-banner-component-left-container {
        padding: 20px;
    }
    .top-banner-component-left-container h1 {
        font-size: 34px;
    }
    .top-banner-component-left-container h3 {
        line-height: 28px;
        font-size: 22px;
    }
    .cards-section  .cards-container {
        grid-template-columns: 1fr 1fr;
        grid-gap: 40px;
    }
    .image-banner-component-wrapper .image-banner-component {
        width: 55%;
      }
          
    .image-banner-component-wrapper .image-banner-component .image-banner-component-text
    h1 {
      font-size: 30px;
    }
    #anchor-links-fixed-menu {
        font-size: 16px;
      }
      
    .menu-item {
        padding: 20px;
    }
    .back-to-top button {
        padding: 10px;
    }
    .top-banner-component-left-container .homepage-banner-button-link__link {
        margin-left: 15px;
    }
    .text-block-content .column-chart-title {
        font-size: 16px;
     }
     .full-width-banner-logo .banner-text-logo-wrapper .title-section-left h1 {
        font-size: 34px;
    }
     .full-width-banner-logo .banner-text-logo-wrapper .title-section-left h3 {
        font-size: 20px;
    }
    .title-section-left .title-section-left-button .title-section-left-button__button {
        font-size: 16px;
    }
    .full-width-banner-logo .banner-text-logo-wrapper .logo-section-right .logo-row-container img {
        width: 70px;
    }
    .full-width-banner-logo .banner-text-logo-wrapper .logo-section-right .logo-row-container img.custom-image {
        width: 100px;
    }
    .full-width-banner__image {
        height: 350px;
    }
}

@media only screen and (max-width: 1000px) {
    .full-width-banner-logo .banner-text-logo-wrapper .title-section-left {
        width: 45%;
    }
    .full-width-banner-logo .banner-text-logo-wrapper .logo-section-right {
        gap: 5px;
    
    }
   
    .full-width-banner-logo .banner-text-logo-wrapper .logo-section-right .logo-flex-row-right-align {
        gap: 5px;
    }
    /* .full-width-banner-logo .banner-text-logo-wrapper .logo-section-right .logo-flex-row-right-align .logo-custom {
        width: 70px;
    } */
}
@media only screen and (max-width: 963px) and (min-width: 901px) {
    .transition-pension-image {
        height: 220px;
    }
}
    

@media only screen and (max-width: 900px) {
    .top-banner-component-left-container h3 {
       font-size: 20px;
    }
    .top-banner-component-left-container__long .button-container .button-container__button {
        font-size: 16px;
        padding: 10px;
    }

    /* .top-banner-component-left-container .banner-logo-button__button {
        padding: 5px 25px; 
        font-size: 24px;
     } */
     .top-banner-component-left-container .homepage-banner-logo {
        width: 100%;
    }
     .top-banner-component-left-container .homepage-banner-button-link {
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
     .top-banner-component-left-container .homepage-banner-button-link__button {
        font-size: 24px;
    }
    .top-banner-component-left-container .homepage-banner-button-link__link {
        margin-left: 0;
        margin-top: 10px;
        font-size: 20px;
    }
    .text-block-content .text-block-content-bottom-section .text-block-content-bottom-section__text-right .button-right-container {
        display: flex;
    }
    .text-block-content .text-block-content-bottom-section .text-block-content-bottom-section__text-left .button-left-container {
    }
    .text-block-content .text-block-content-bottom-section .text-block-content-bottom-section__text-left .button-left {
        margin: 0 auto;
    }
   
    .text-block-content .text-block-content-bottom-section .text-block-content-bottom-section__text-right .button-right {
        margin: 0 auto;
    }

    .full-width-section__grey {
        gap: 10px;
      }
      .section-grey-logo-container {
      gap: 10px;
    }
    .section-grey-logo-container__first  img {
    }
      .section-grey-logo-container__second  {
      flex-wrap: wrap;
    }
    .section-grey-logo-container__second  img {
     height: 80px;
    }
    .section-grey-logo-container__third  {
      flex-wrap: wrap;
    }
    .section-grey-logo-container__third  img {
      height: 80px;
    }

    .text-image-component {
        flex-direction: column;
    }
    
    .text-image-component .text-image-component__text-left {
        width: 100%;
        /* margin-bottom: 25px; */
        order: 2;
    }
    .text-image-component .text-image-component__text-left .button-left-container {
        display: flex;
    }
    .text-image-component .text-image-component__text-left .button-left {
        margin: 0 auto;
    }
 
    .text-image-component img {
        width: 100%;
        order: 1;
        margin-bottom: 25px;
    }
    
    .image-text-component  {
        flex-direction: column;
    }
    .image-text-component .image-text-component__text-right {
        width: 100%;
    }
    .image-text-banner .image-text-banner__text-right {
        padding: 20px;
    } 
    .image-text-component .image-text-component__text-right .button-right-container {
        display: flex;
    }
    .image-text-component .image-text-component__text-right .button-right-container .button-right {
        margin: 0 auto;
    }
    .image-text-component img {
        width: 100%;
        margin-bottom: 25px;
    }
    .image-text-banner-logo .image-banner-logo {
        border-radius: 25px 25px 0 0;
    }
    .case-study-container  {
        flex-direction: column;
    }
    .case-study-container .case-study-text-left-scenario {
        width: 100%;
    }
    .case-study-container .case-study-text-right-outcome {
        width: 100%;
    }
    .case-study-container .case-study-image-right {
       /* width: 100%; */
       display: none;
    }

    .case-study-container-second  {
        flex-direction: column;
    }
    .case-study-container-second .case-study-text-right-scenario {
        width: 100%;
    }
    .case-study-container-second .case-study-text-left-outcome {
        width: 100%;
    }
    .case-study-container-second .case-study-image-left {
       /* width: 100%;
       order: 2; */
       display: none;
    }
    .cards-section .cards-container .single-card .single-card-content h3 {
        font-size: 26px;
    }
    .cards-section .cards-container .single-card .single-card-content p {
        line-height: 24px;
    }
    .cards-section .cards-container .single-card .single-card-content button {
        width: 200px;
    }
    .cards-section .cards-container .single-tile .single-tile-content h3 {
        font-size: 26px;
    }
    .two-tables {
       flex-direction: column;
    }
    .two-tables .two-tables-wrapper {
        width: 100%;
    }
    .banner-line-text-container {
        flex-direction: column;
    }
    .banner-line-text-container .banner-line-text-text-left {
        width: 100%;
    }
    .banner-line-text-container .banner-line-text-image-right{
        width: 100%;
    }
    .image-banner-component-wrapper .image-banner-component .image-banner-component-text h1 {
        font-size: 28px;
    }
    /* #mpcalc__bgimg {
        display: flex !important;
    } */
    .module-icon-section .module-icon-text {
        padding: 20px 15px;
    }
    .module-icon-section .module-icon-text img {
        height: 60px;
    }
    .module-icon-section .module-icon-text .module-icon-text__text {
        font-size: 22px;
    }
    .image-banner-component-wrapper {
        margin: 50px 0;
    }
    .full-width-banner__image {
        height: 250px;
    }
   
}
@media only screen and (max-width: 800px){
    .banner-logo-button-test {
        margin-top: 20px;
    }
}
@media (min-width: 769px) {
    #anchor-select-wrapper {
        display: none;
    }
  }

@media only screen and (max-width: 768px) {
    .top-banner-component-left-container h1 {
        font-size: 30px;
    }
    .top-banner-component-left-container__long h1 {
        font-size: 30px;
    }
    .banner-logo-button {
        flex-direction: column;
    }
    .banner-logo-button-test {
        flex-direction: row !important;
    }
    .top-banner-component-left-container-test {
        width: 70%;
    }
    .top-banner-component-left-container .banner-logo-button img {
        width: 100%;
    }
    .top-banner-component-left-container .banner-logo-button__button {
        margin-top: 15px;
        align-self: center;
        padding: 10px;
        font-size: 18px;
    }
    .top-banner-component-left-container .banner-logo-button .logo-right {
        display: none;
     }
    .text-block-content .text-block-content-bottom-section .text-block-content-bottom-section__text-left .button-left {
       font-size: 14px;
       padding: 10px;
    }
    .text-block-content .text-block-content-bottom-section .text-block-content-bottom-section__text-right .button-right {
        font-size: 14px;
        padding: 10px;
    }
    .text-block-content .text-block-content-bottom-section__three-columns {
        flex-direction: column;
    }
    .text-block-content .text-block-content-bottom-section__three-columns .text-block-content-bottom-section__column {
        width: 100%;
    }
    .text-image-component .text-image-component__text-left .button-left {
        font-size: 14px;
        padding: 10px;
    }
    .image-text-component .image-text-component__text-right .button-right {
        font-size: 14px;
    }
    .image-text-component .image-text-component__text-right .button-right-container .button-right {
        padding: 10px;
    }
  
    .cards-section  h1 {
        font-size: 30px;
    }
    .cards-section .cards-container {
        grid-template-columns: 1fr 1fr;
        grid-gap: 25px;
    }
    .cards-section .cards-container .single-card .single-card-content .single-card-button {
        font-size: 14px;
        padding: 10px;
    }
    .cards-section .cards-container .single-tile .single-tile-content .single-tile-button {
        font-size: 14px;
        padding: 10px;
    }
    .cards-section .cards-container .single-card .single-card-content {
        height: 270px;
    }
    .cards-section .cards-container .single-card .single-card-icon {
       padding: 50px 25px;
    }
    .cards-section .cards-container .single-card-icon .single-card-icon-content .single-card-icon-button-container .single-card-icon-button-container__button {
        font-size: 14px;
        padding: 10px;
    }
    .image-banner-component-wrapper .text-left-banner-component {
        width: 80%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    .image-banner-component-wrapper .text-right-banner-component {
        width: 80%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    .image-banner-component-wrapper .image-banner-component .image-banner-component-button .image-banner-component-button__button {
        padding: 10px;
        font-size: 14px;
    }
    .testimonial-section {
        font-size: 30px;
    }
    .testimonial-section .testimonial-container {
        height: 450px;
    }
    .testimonial-slider-wrapper {
        height: 560px !important;
    }
    .testimonial-section .testimonial-container .image-text-testimonial {
        flex-direction: column;
    }
    .testimonial-section .testimonial-container .image-text-testimonial .testimonial-image {
        align-self: center;
        margin-bottom: 20px;
        height: 25%;
        width: 25%;
    }
    .testimonial-section .testimonial-container .image-text-testimonial .testimonial-text {
        width: 100%;
    }
    .testimonial-section .testimonial-container .image-text-testimonial .testimonial-text p {
        font-size: 16px;
    }
    .logo-image {
        margin: 30px 0;
    }
    .logo-container img {
        width: 16%;
        margin-bottom: 10px;
    }
    .logo-container .logo {
        width: 30%;
    }
   
    .module-icon-section .module-icon-text img {
        height: 50px;
    }
    .module-icon-section .module-icon-text .module-icon-text__text {
        font-size: 18px;
        padding: 10px;
    }
    .banner-container .banner-container__left .banner-content-wrapper img {
        margin-top: 30px; 
    }
    #anchor-links-fixed-menu {
        display: none;
      }
      #anchor-select-wrapper {
        position: relative;
        z-index: 1001;
        background-color: #f5f5f5;
        box-shadow: 0 3px 10px rgb(0 0 0 / 0.2);
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
      }
  
      #anchor-select-wrapper .ss-main {
          box-shadow: 0 3px 10px rgb(0 0 0 / 0.2);
      }
      #anchor-select-wrapper .ss-main .ss-content {
          border: none;
      }
      #anchor-select-wrapper .ss-main .ss-open {
          box-shadow: 0 3px 10px rgb(0 0 0 / 0.2);
      }
      #anchor-select-wrapper .ss-main .ss-open .ss-list {
          max-height: 250px;
      }
      #anchor-select-wrapper .placeholder,
      #anchor-select-wrapper .ss-option {
          color: #1C8270;
      }
      #anchor-select-wrapper .ss-option.ss-disabled {
          color: grey;
      }
      #anchor-select-wrapper .ss-option-selected {
          color: #FFF !important;
          background-color: #1C8270 !important;
      }
      #anchor-select-wrapper .ss-main .ss-single-selected {
          border-radius: 0;
          border: none;
          padding: 15px;
      }
      .ss-main .ss-single-selected .ss-arrow span {
          border: solid #1C8270;
          border-width: 0 2px 2px 0;
      }
      #anchor-select {
        font-size: 18px;
        font-weight: 500;
        box-sizing: border-box;
        margin: 10px;
      }
      #anchor-select.sticky {
        position: sticky;
        top: 0;
      }
      #main-content {
        margin-top: 50px;
      }
      #stick-links-menu {
        flex-wrap: wrap;
        position: static;
        margin-top: 50px;
        box-shadow: none;
        /* justify-content: center; */
      }
      #stick-links-menu .link-menu-item {
        width: 45%;
        margin-bottom: 20px;
        /* justify-content: center; */
      }
      #stick-links-menu .link-menu-item p {
        margin-left: 10px;
      }
      .middle-button-container .middle-button-container__button {
        padding: 12px;
      }
      .image-banner-component-wrapper .image-banner-component .image-banner-component-text h1 {
        font-size: 24px;
       }
       .text-block-content .column-chart-title {
        font-size: 14px;
     }
     .need-help-button a {
        font-size: 14px;
        padding: 10px;
      }
     .cennter-button-yellow a {
        font-size: 14px;
        padding: 10px;
      }
    .full-width-banner-logo {
        padding: 50px 0;
    }
    .full-width-banner-color {
        padding: 50px 0;
    }
    .full-width-banner-logo .logo-row-container__first img {
        height: 100px;

    }
    .full-width-banner-logo .logo-row-container__second img {
        height: 80px;
    }
    .full-width-banner-logo .banner-text-logo-wrapper .title-section-left h1 {
        font-size: 30px;
    }
    .title-section-left .title-section-left-button .title-section-left-button__button {
        font-size: 14px;
        padding: 10px;
    }
    .full-width-banner-logo .banner-text-logo-wrapper {
        flex-direction: column;
    }
    .full-width-banner-logo .banner-text-logo-wrapper .title-section-left {
        width: 100%;
        /* text-align: center; */
        padding-bottom: 20px;
    }
    .full-width-banner-logo .banner-text-logo-wrapper .logo-section-right {
        width: 100%;
    }
    
    .full-width-banner-logo .banner-text-logo-wrapper .logo-section-right .logo-flex-row-right-align {
        gap: 15px;
    }
    .full-width-banner-logo .banner-text-logo-wrapper .logo-section-right .logo-flex-row-right-align.custom-image-wrapper {
        gap: 15px;
        justify-content: center;
    }
    .full-width-banner-logo .banner-text-logo-wrapper .logo-section-right .logo-row-container img {
        width: 60px;
    }
    .cards-section .cards-container .single-card-icon .card-font-icon {
        font-size: 50px;
    }
    .case-study-container .case-study-text-right-outcome .view-scenario-right button {
        font-size: 14px;
        padding: 10px;
    }
    .case-study-container-second .case-study-text-left-outcome .view-scenario-left button {
        font-size: 14px;
        padding: 10px;
    }
    .case-study-container .case-study-text-left-scenario .view-outcome-left button {
        font-size: 14px;
        padding: 10px;
    }
    .case-study-container-second .case-study-text-right-scenario .view-outcome-right button {
        font-size: 14px;
        padding: 10px;
    }
    
 
}
@media only screen and (max-width: 665px) and (min-width: 601px) {
    .top-banner-component-left-container {
        width: 65%;
    }
}
@media only screen and (max-width: 660px) and (min-width: 601px) {
    .cards-section .cards-container .single-card .single-card-content {
        height: 310px !important;
    }
}
@media only screen and (max-width: 650px) {
    .top-banner-component-left-container__long {
        width: 70%;
    }
    .cards-section .cards-container .single-card .single-card-content {
        height: 310px !important;
    }
    .top-banner-component-left-container .contact-info-section .contact-form-button-container {
        flex-direction: column;
        align-items: flex-start;
        margin-top: 20px;
    }
    .top-banner-component-left-container .contact-info-section .contact-form-button-container .chat-button {
        margin-left: 0;
        margin-top: 15px;
    }
    .top-banner-component-left-container-test h1 {
        font-size: 30px;
    }
    .top-banner-component-left-container-test  .banner-logo-button-test {
        margin-top: 20px;
    }
}

@media only screen and (max-width: 600px) {
    .top-banner-component-left-container h1 {
        font-size: 26px;
    }
    .top-banner-component-left-container h3 {
        font-size: 16px;
    }
    .top-banner-component-left-container .banner-logo-button__button {
        font-size: 16px;
     }
    .top-banner-component-left-container__long .button-container .button-container__button {
        font-size: 14px;
    }
    .text-block-content .text-block-content-bottom-section {
        flex-direction: column;
    }
    .text-block-content .text-block-content-bottom-section .text-block-content-bottom-section__text-left {
        width: 100%;
        margin-bottom: 25px;
    }
    .text-block-content .text-block-content-bottom-section .text-block-content-bottom-section__text-left .button-left-container {
        display: flex;
    }
    .text-block-content .text-block-content-bottom-section .text-block-content-bottom-section__text-left .button-left-container .button-left {
        padding: 10px;
    }
    .text-block-content .text-block-content-bottom-section .text-block-content-bottom-section__text-right {
        width: 100%;
    }
    
    .cards-section .cards-container {
        grid-template-columns: 1fr;
    }
    .banner-container .banner-container__left .banner-content-wrapper {
        flex-direction: column;
    }
    .banner-container .banner-container__left .banner-content-wrapper img {
        width: 35%;
        align-self: center;
    }
    .banner-container .banner-container__left .banner-content-wrapper .banner-content-text {
        width: 100%;
        margin-bottom: 30px;
    }
    .banner-container .banner-container__left .banner-content-wrapper .banner-content-text .link-button-container {
        display: flex;
        margin: 20px 0;
    }
    .banner-container .banner-container__left .banner-content-wrapper .banner-content-text .link-button-container a {
        margin: 0 auto;
        font-size: 26px;
        font-weight: 500;
    }
    .banner-container .banner-container__left .banner-content-wrapper .banner-content-text .little-text {
        text-align: center;
    }
    #stick-links-menu {
        flex-direction: column;
        align-items: center;
      }
      #stick-links-menu .link-menu-item {
        width: 100%;
      }
      #stick-links-menu .link-menu-item p {
        margin-left: 10px;
        width: 90%;
      }
    .popup.active {
        width: 95%;
        transform: translate(-50%, 50%);
      }
    .popup-container .popup-content {
        height: 420px;
    }
    .popup-container .popup-content .popup-image {
        height: 420px;
    }
  
    .section-icon-link { 
        display: flex;
        justify-content: center;
        margin: 20px 0;
        flex-wrap: wrap;
    }
    .section-icon-link__item { 
       min-width: 35%;
    }
    .section-grey-logo-container__first  img {
    }
    .section-grey-logo-container__second  img {
      height: 50px;
    }
    .section-grey-logo-container__third  img {
      height: 50px;
    }
    .full-width-banner__image {
        background-position: center center;

    }

}
@media only screen and (max-width: 500px) {
    .top-banner-component-left-container {
        width: 90%;
    }
    .testimonial-section .testimonial-container .image-text-testimonial .testimonial-image {
        height: 30%;
        width: 30%;
    }
    .module-icon-section .module-icon-text img {
        height: 40px;
    }
    .module-icon-section .module-icon-text .module-icon-text__text {
        font-size: 16px;
    }
    
    .popup-container .popup-content {
        height: 400px;
    }
    .popup-container .popup-content .popup-image {
        height: 400px;
    }
    .popup-container .popup-content .middle-button-container-popup {
        margin: 15px 0;
    }
    .middle-button-container .middle-button-container__button-popup {
        padding: 10px;
    }
    .image-banner-component-wrapper .image-banner-component .image-banner-component-text p {
        line-height: 1.5;
    }
    .image-banner-component-wrapper .text-left-banner-component {
        width: 90%;
    }
    .image-banner-component-wrapper .text-right-banner-component {
        width: 90%;
    }
    .full-width-banner-logo .banner-text-logo-wrapper .title-section-left h1 {
        font-size: 26px;
    }
    .full-width-banner-logo .banner-text-logo-wrapper .title-section-left h3 {
        font-size: 16px;
    }
}
@media only screen and (max-width: 426px) {
    .top-banner-component-left-container {
        width: 90%; 
    }
    .top-banner-component-left-container h1 {
        /* font-size: 30px; */
        margin-bottom: 5px;
    }
    .top-banner-component-left-container-test h1 {
        margin-bottom: 20px;
    }
    .top-banner-component-left-container-test .banner-list-test-content p {
        font-size: 22px;
    }
    .top-banner-component-left-container p {
        font-size: 16px;
    }
    .top-banner-component-left-container .banner-logo-button__button {
       /* font-size: 16px; */
    }
    /* .text-image-component .text-image-component__text-left .button-left {
        font-size: 14px;
    }
    .image-text-component .image-text-component__text-right .button-right {
        font-size: 14px;
    } */
    /* .text-block-content .text-block-content-bottom-section .text-block-content-bottom-section__text-left .button-left {
        padding: 10px;
    }
    .text-block-content .text-block-content-bottom-section .text-block-content-bottom-section__text-right .button-right {
        font-size: 14px;
    } */
    /* .image-text-component .image-text-component__text-right .button-right-container .button-right {
        padding: 10px;
    } */
    .text-block-content .text-block-content-top-section h1 {
        font-size: 26px;
    }

    .cards-section h1 {
        font-size: 26px;
    }
    .cards-section .cards-container .single-card .single-card-content {
        height: 250px;
    }
    .cards-section .cards-container .single-card .single-card-content h3 {
        margin-bottom: 10px;
    }
    .case-study-container .info-text {
        font-size: 20px;
    }
    .case-study-container-second .info-text-right {
        font-size: 20px;
    }
    .banner-line-text-container .info-text {
        font-size: 20px;
    }
    .image-banner-component-wrapper .image-banner-component .image-banner-component-button .image-banner-component-button__button {
        font-size: 12px;
    }
    .image-banner-component-wrapper .image-banner-component .image-banner-component-text h1 {
         font-size: 20px;
         line-height: 1.2;
    }
    .image-banner-component-wrapper .image-banner-component .image-banner-component-text p {
        line-height: 1.2;
    }
    .banner-line-text-container .info-text svg {
        width: 30px;
    }
   
    .testimonial-section .testimonial-container .image-text-testimonial .testimonial-image {
        height: 35%;
        width: 35%;
    }
    .text-image-component .text-image-component__text-left h1 {
        font-size: 26px;
    }
    .image-text-component .image-text-component__text-right h1 {
        font-size: 26px;
    }
    .text-block-content .text-block-content-bottom-section .text-block-content-bottom-section__text-left h1 {
        font-size: 26px;
    }
    .text-block-content .text-block-content-bottom-section .text-block-content-bottom-section__text-right h1 {
        font-size: 26px;
    }
    .module-icon-section {
        flex-wrap: wrap;
    }
    .banner-container__right-right .banner-container__right-right-content h1 {
        font-size: 24px;
     }
    .banner-container .banner-container__left .banner-content-wrapper .banner-content-text .link-button-container a {
        font-size: 22px;
    }
    .background-banner-fish-container {
        flex-direction: column;
    }
    .background-banner-fish-container .background-banner-fish-container__left {
        width: 100%;
    }
    .background-banner-fish-container .background-banner-fish-container__right {
        width: 100%;
    }
    .background-banner-fish .goldfish {
       animation: none;
       height: 600px;
    }
    .testimonial-section .testimonial-container {
        height: 470px;
    }
    .testimonial-slider-wrapper {
        height: 580px !important;
    }
    .button--long-text a {
        padding: 12px;
    }
    .middle-button-container .middle-button-container__button {
       font-size: 14px;
    }
    .middle-button-container .middle-button-container__button-popup {
        font-size: 14px;
    }
    .popup-container .popup-content .popup-text {
        padding: 20px;
    }
    .popup-container .popup-content .popup-text h4 {
        font-size: 19px;
    }
    .cards-section .cards-container .single-card-icon .single-card-icon-content .single-card-icon-button-container .single-card-icon-button-container__button {
        font-weight: 400;
    }
    .full-width-banner-logo .banner-text-logo-wrapper .logo-section-right .logo-flex-row-right-align {
        gap: 5px;
    }
    .full-width-banner-logo .banner-text-logo-wrapper .logo-section-right .logo-row-container img {
        width: 50px;
    }
    .full-width-banner-logo .banner-text-logo-wrapper .logo-section-right .logo-row-container img.custom-image {
        width: 80px;
    }
    .full-width-banner__image {
        height: 200px;
    }
   
}
@media only screen and (max-width: 375px)  {
    .bubbles-button .bubbles-button-link {
        padding: 10px 70px;
    }
    .top-banner-component-left-container__long .button-container .button-container__button {
        font-size: 12px;
    }
    .button--long-text a {
        font-size: 12px;
    }
    .popup-container .popup-content {
        height: 380px;
    }
   
    .popup-container .popup-content .popup-image {
        height: 380px;
    }
    .popup-container .popup-content .popup-text p {
        font-size: 14px;
    }
    .middle-button-container .close-text {
        margin-top: 5px;
        font-size: 14px;
    }
    .popup-container .popup-content .popup-text h4 {
        font-size: 18px;
    }
    .custom-button-yellow {
        padding: 8px;
        font-size: 14px;

    }
    .custom-button-green {
        padding: 8px;
        font-size: 14px;
    }
}
@media only screen and (max-width: 346px)  {
    .top-banner-component-left-container__long .button-container .button-container__button {
        font-size: 10px;
    }
    .cards-section .cards-container .single-card .single-card-content h3 {
        font-size: 24px;
    }
    .cards-section .cards-container .single-card .single-card-content p {
        font-size: 16px;
    }
    .cards-section .cards-container .single-card .single-card-content {
        height: 300px;
        padding: 10px;
    }
    /* .cards-section .cards-container .single-card .single-card-content .single-card-button {
        font-size: 14px;
        padding: 10px 15px;
    } */
    .cards-section .cards-container .single-tile .single-tile-content h3 {
        font-size: 24px;
    }
    .top-banner-component-left-container-test h1 {
        font-size: 28px;
    }
    .popup-container .popup-content {
        height: 390px;
    }
    .popup-container .popup-content .popup-image {
        height: 390px;
    }
    .popup-container .popup-content .middle-button-container-popup {
        margin: 10px 0;
    }
    .middle-button-container .middle-button-container__button {
        font-size: 12px;
     }
}
@media only screen and (max-width: 320px)  {
   
    /* .text-image-component .text-image-component__text-left .button-left {
        padding: 10px;
    } */
    .text-block-content .text-block-content-bottom-section .text-block-content-bottom-section__text-left .button-left {
        padding: 10px;
    }
    .text-block-content .text-block-content-bottom-section .text-block-content-bottom-section__text-right .button-right {
        padding: 10px;
    }
    /* .image-text-component .image-text-component__text-right .button-right-container .button-right {
        padding: 10px;
    } */
    .cards-section .cards-container .single-card .single-card-content h3 { 
        font-size: 24px;
    }
    .cards-section .cards-container .single-card .single-card-content p {
        font-size: 16px;
    }
    .cards-section .cards-container .single-card .single-card-content {
        height: 300px;
        padding:10px;
    }
    /* .cards-section .cards-container .single-card .single-card-content .single-card-button {
        font-size: 14px;
        padding: 10px 15px;
    } */
    .cards-section .cards-container .single-tile .single-tile-content h3 {
        font-size: 24px;
    }
    .banner-line-text-container .info-text {
        font-size: 18px;
    }
    .custom-header__login {
        margin-left: 5px;
    }
   
}