:root {
    --header_height: $header_height;
    --link-color: #D4A030;
    --color-orange: rgba(216, 83, 32, 1);
    --border-color: #f0f4f7;
    --navy: #1E3A5F;
    --navy-deep: #0D1E33;
    --navy-mid: #16304F;
    --teal: #0D6B6B;
    --teal-light: #5DCAA5;
    --teal-pale: #E1F5EE;
    --gold: #B8860B;
    --gold-light: #D4A030;
    --gold-pale: #FBF3DC;
    --white: #FFFFFF;
    --off-white: #F5F7FA;
    --grey-100: #F0F2F5;
    --grey-200: #E2E6EC;
    --grey-400: #9BA5B4;
    --grey-600: #5A6478;
    --grey-800: #2C3340;
    --serif: 'Cormorant Garamond', Georgia, serif;
    --sans: 'DM Sans', Helvetica, sans-serif;
    --mono: 'DM Mono', monospace;
}

body,
.sp-preloader {
    color: #0D1E33;
}


.sp-preloader>div {
    background: #0D1E33;
}

.sp-preloader>div:after {
    background: #fff;
}

.sp-reading-progress-bar {
    position: fixed;
    z-index: 9999;
    height: 5px;
    background-color: #0D6667 !important;
    top: 0;
}

/* For Transparent Heading */

body.transparent-header #sp-header {
    position: absolute;
    background-color: transparent;
}

body.transparent-header #sp-header.header-sticky {
    backdrop-filter: blur(50px);
    background-color: rgba(13, 30, 51, 0.7);
    position: fixed;
    /* background-color: #0D1E33 !important; */
}
/* --------------------------------- */

#sp-header.header-sticky {
    opacity: 0.95;
}

#sp-header {
  height: 85px;
  box-shadow: none;
}

@media (max-width: 991px) {
  #sp-header {
    height: 70px;
  }
}

@media (max-width: 575px) {
  #sp-header {
    height: 65px;
  }
}

#sp-header {
    background: #0d1e33;
}

/* #sp-header .logo {
    margin: 0 20px;
} */

#sp-header.header-sticky {
    background-color: #0d1e33 !important;
}

/* #sp-header>.container>div {
    border-bottom: 1px solid rgba(151, 158, 206, 0.1);
    transition: 0.3s;
} */

.sp-page-title {
  padding: 30px 0px 70px 0px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  position: relative;
  background-image: none;
  background-color: #0d1e33;
  text-align: center;
}

.sp-page-title .sp-page-title-heading {
  font-size: 60px;
  line-height: 1.4;
  margin-bottom: 0px;
}

.sp-page-title .sp-page-title-sub-heading {
    font-size: 26px;
    line-height: 1;
    font-weight: 600;
    text-align: center;
    text-transform: none;
    font-weight: 700;
}

.sp-megamenu-parent>li.active>a,
.sp-megamenu-parent>li.active:hover>a {
    color: #D4A030 !important;
    font-weight: 500;
}

.sp-megamenu-parent>li:hover>a {
    color: #D4A030 !important;
}

.sp-megamenu-parent>li>span {
    display: inline-block;
    padding: 0 10px;
    line-height: 100px;
    font-size: 14px;
    margin: 0;
    text-transform: uppercase;
}

.sp-megamenu-parent .sp-dropdown-mega .sp-mega-group > li > a {
    font-size: 15px;
    color: rgb(1, 59, 120);
    font-weight: 500;
}

.sp-dropdown-main.sp-dropdown-mega .sp-dropdown-inner .row > div ul.sp-mega-group {
    padding: 15px 10px 10px 30px;
}

.sp-megamenu-parent .sp-dropdown-mega .sp-mega-group> li > a:hover {
    color:#D4A030;
}

.mega-menu-articles .sppb-addon-article .sppb-article-info-wrap .sppb-article-meta span {
    color: #D4A030;
}

#sp-header #sp-menu .sp-megamenu-wrapper .sp-megamenu-parent li .sp-dropdown .sp-dropdown-inner .sp-dropdown-items {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
    padding: 8px;
    background: #ffffff;
    border-radius: 0px;
    overflow: hidden;
    border: 1px solid RGBA(158, 221, 183, 0.1);
}

#sp-header #sp-menu .sp-megamenu-wrapper .sp-megamenu-parent li .sp-dropdown .sp-dropdown-inner li.sp-menu-item>a:hover,
#sp-header #sp-menu .sp-megamenu-wrapper .sp-megamenu-parent li .sp-dropdown .sp-dropdown-inner li.sp-menu-item>span:hover {
    color: #b8860b;
    background-color: #f3f3f3;
    border-left: 2px solid #0d6b6b;
}

#sp-header #sp-menu .sp-megamenu-wrapper .sp-megamenu-parent li .sp-dropdown .sp-dropdown-inner li.sp-menu-item > a,
#sp-header #sp-menu .sp-megamenu-wrapper .sp-megamenu-parent li .sp-dropdown .sp-dropdown-inner li.sp-menu-item > span {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.25 !important;
    letter-spacing: 0px;
    display: block;
    padding: 12px 22px;
    border-radius: 0px;
}

.sp-megamenu-parent {
    list-style: none;
    padding: 0px 0px 0px 0px;
    z-index: 99;
    position: relative;
    margin: 0 -30px;
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a {
    color: #0d1e33;
    background-color: #ffffff;
    border-left: 2px solid #b8860b;
    text-transform: uppercase;
}

#sp-header #sp-menu .sp-megamenu-wrapper .sp-megamenu-parent li .sp-dropdown .sp-dropdown-inner li.sp-menu-item.active a {
    font-weight: 500;
    color: #0D1E33;
    background-color: #FFF3D0;
    border-left: 2px solid #0D1E33;
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a:hover {
    color: #D4A030;
}

.sp-megamenu-parent .sp-mega-group > li >a {
    color: #0D1E33;
}

.sp-megamenu-parent > li > a {
  color: rgb(255, 255, 255) !important;
  font-weight: 500 !important;
}

.mega-menu-articles .sppb-addon-article .sppb-article-info-wrap h3 a {
    color: #0D1E33;
    font-weight: 600;
    font-size: 18px;
    line-height: normal;
}

.mega-menu-articles .sppb-addon-article .sppb-article-info-wrap h3 > a:hover {
    color:#D4A030 !important;
}

.sp-megamenu-parent>li>a,
.sp-megamenu-parent>li>span {
    display: inline-block;
    padding: 0 10px;
    line-height: 80px;
    font-size: 14px;
    margin: 0;
    text-transform: uppercase;
}

.com-content.view-article #sp-main-body > .container {
  max-width: 100% !important;
}


/* .sp-header-wrap .container {
    max-width: 1280px
} */

/* --- Tab / Medium Screens (991px and up) --- */
@media (min-width: 991px) {
  .container, .container-lg, .container-md, .container-sm {
    max-width: 1000px;
  }
  .sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {
    font-size: 13px;
  }

  .sp-megamenu-parent {
  display: none !important;
  }

  #sp-header .logo {
  margin: 0 20px;
  }

  /* Force the Hamburger/Off-canvas icon to show */
  #offcanvas-toggler {
    display: block !important;
    height: 30px;
  }
  #sp-bottom .container, 
  #sp-bottom .container-lg, 
  #sp-bottom .container-md, 
  #sp-bottom .container-sm, 
  #sp-bottom .container-xl {
    max-width: 1140px;
  }
}

/* --- Desktop / Large Screens (1200px and up) --- */
@media (min-width: 1200px) {
  /* Targets SP Page Builder rows specifically */
  .sppb-row-container {
    max-width: 1180px; /* Adjusted to prevent overflow; change back to 1280px if you have a huge monitor */
  }

  #sp-bottom .container, 
  #sp-bottom .container-lg, 
  #sp-bottom .container-md, 
  #sp-bottom .container-sm, 
  #sp-bottom .container-xl {
    max-width: 1200px;
  }

  #sp-bottom {
  padding: 0px 0 20px;
  }

  /* Fixed the comma issue: this now only targets containers INSIDE the footer */
  #sp-footer .container, 
  #sp-footer .container-lg, 
  #sp-footer .container-md, 
  #sp-footer .container-sm, 
  #sp-footer .container-xl {
    max-width: 1280px;
  }

  /* Fixed the comma issue: this now only targets containers INSIDE the header */
  #sp-header .container, 
  #sp-header .container-lg, 
  #sp-header .container-md, 
  #sp-header .container-sm, 
  #sp-header .container-xl {
    max-width: 1220px !important;
  }

  #sp-header .sp-module {
    margin-left: -10px !important;
  }
  
  #sp-header .logo {
    margin: 0 20px;
  }

  .container {
  padding-left: 10px;
  padding-right: 10px;
  max-width: 1180px;
  }
  
  .sp-megamenu-parent {
  display: block !important;
  }

  .sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {
    font-size: 13px;
  }

  /* Hide the Hamburger/Off-canvas icon on desktop */
  #offcanvas-toggler {
    display: none !important;
  }
}

/* --- Ultra Wide Screens (1400px and up) --- */
@media (min-width: 1400px) {
  /* Global container width for very large screens */
  .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    max-width: 1380px; /* Standard Bootstrap XXL width */
  }
  
  .container {
    padding-left: 15px;
    padding-right: 15px;
    max-width: 1300px;
  }

  #sp-bottom .container, 
  #sp-bottom .container-lg, 
  #sp-bottom .container-md, 
  #sp-bottom .container-sm, 
  #sp-bottom .container-xl {
    max-width: 1340px;
  }
  
  #sp-footer .container, 
  #sp-footer .container-lg, 
  #sp-footer .container-md, 
  #sp-footer .container-sm, 
  #sp-footer .container-xl {
    max-width: 1380px;
  }

  /* Header specific container */
  #sp-header > .container {
    max-width: 1350px !important;
  }
    #sp-header .logo {
    margin: 0 20px;
  }
  #sp-header .sp-module {
    margin-left: 30px !important;
  }
  .sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {
    font-size: 14px;
  }
}


a:hover,
a:focus,
a:active {
    color: #0D1E33;
}

a {
    color: #d4a030;
}

.article .article-header a {
    color: #0D6667;
}

.article .article-header a:hover {
    color: #0D2035;
}

.header-bar-short:before,
.header-bar-long:before {
    content: "";
    display: inline-block;
    width: 95px;
    background: #D4A030;
    height: 3px;
    position: relative;
    top: 33px;
    margin-right: 30px;
}

.sp-contact-info li {
    display: inline-block;
    margin: 0 10px;
    font-size: 92%;
    white-space: nowrap;
}



.offcanvas-menu .offcanvas-inner a {
    color: #0D1E33;
    font-size: 15px;
    text-transform: uppercase;
}

.offcanvas-menu .offcanvas-inner .sp-contact-info > li > a,
.offcanvas-menu .offcanvas-inner .social-icons > li > a {
    opacity: 50;
}

.offcanvas-menu .fa, .offcanvas-menu .fab, .offcanvas-menu .far, .offcanvas-menu .fas {
    color: #D4A030;
    font-size: 14px;
    text-transform: uppercase;
}

body.com-content.view-category #sp-main-body > .container {
  max-width: 100% !important;
  padding: 0;
}

.com-content.view-article #sp-main-body .article-details-intro {
    padding: 70px 0 280px 0;
    background-image: url("../images/page-title-bg.png");
    background-color: #0D1E33;
}

.tags>li{
    display:inline-block
}

.tags>li a{
    background:rgb(0, 255, 213);
    color:#012E5F
}

.tags>li a:hover{
    background:#012E5F
}

.logo-image-phone {
    height: 45px !important;
}

#sp-top-bar {
    background: #f0f4f7;
    color: #0D1E33;
}

#sp-top-bar {
    padding: 15px 0;
    font-weight: 500;
}

#sp-top-bar a {
    color: #0D1E33;
}

ul {
  margin-top: 0;
  margin-bottom: 0.5rem;
}

.addons-articles-style .sppb-article-info-wrap .sppb-readmore::after {
    color: #0D1E33;
}

.view-article ul.categories-module {
    padding: 10px 0 10px 0;
    background-color: #fff;
    border: 1px solid rgba(1, 5, 40, 0.07);
    box-shadow: 0px 20px 25px rgba(0, 0, 0, 0.0457277);
    border-radius: 8px;
}

.article-list .article .article-header h1 a:hover,
.article-list .article .article-header h1 a:active,
.article-list .article .article-header h1 a:focus,
.article-list .article .article-header h2 a:hover,
.article-list .article .article-header h2 a:active,
.article-list .article .article-header h2 a:focus {
    color: #D4A030;
}

.article-details .fortune-article-details-content .sppb-col-md-1 {
    margin-top: 10px;
}

.blog-list-wrapper .left-sidebar .latestnews .latest-post-item .latest-post-content-wrap .latest-post-info,
.blog-list-wrapper .right-sidebar .latestnews .latest-post-item .latest-post-content-wrap .latest-post-info {
    color: #D4A030;
}

.blog-list-wrapper .left-sidebar .sp-module-title, .blog-list-wrapper .right-sidebar .sp-module-title {
    font-size: 22px;
    padding-left: 0px;
    font-weight: 500;
}

.blog-list-wrapper .left-sidebar .last-mod .sp-module-title,
.blog-list-wrapper .left-sidebar .last-mod .sp-module-content,
.blog-list-wrapper .right-sidebar .last-mod .sp-module-title,
.blog-list-wrapper .right-sidebar .last-mod .sp-module-content {
    padding-left: 30px;
}

.view-category .container .blog {
    padding-right: 0px;
    padding-left: 0px;
}

.article-list .article .article-introtext {
    font-weight: 400;
    line-height: 25px;
}

.article-info > span a {
    color: #6A6A6A;
}

.article-info {
    color: #6A6A6A;
}

.article-info > span a:hover {
    color: #0D1E33;
}

.article-info .createdby {
  color: #147070;
}

.sp-slider-custom-dot-indecators {
    width: 95%;
}

.home-default-slider .default-slider-text {
    max-width: 60%;
}

.view-login .form-group .btn {
    border-color: #D4A030;
    background-color: #0D1E33;
    color: #fff;
}

body .sppb-btn.sppb-btn-default.sppb-btn-outline,
body .btn.sppb-btn-default.sppb-btn-outline,
body .sppb-btn.sppb-btn-primary.sppb-btn-outline,
body .btn.sppb-btn-primary.sppb-btn-outline,
body .sppb-btn.btn-primary.sppb-btn-outline,
body .btn-success.sppb-btn.sppb-btn-outline,
body .btn.btn-primary.sppb-btn-outline,
body .btn-success.btn.sppb-btn-outline {
    padding: 10px 20px 10px 20px;
}

body .sppb-btn.sppb-btn-default.sppb-btn-outline,
body .btn.sppb-btn-default.sppb-btn-outline,
body .sppb-btn.sppb-btn-primary.sppb-btn-outline,
body .btn.sppb-btn-primary.sppb-btn-outline,
body .sppb-btn.btn-primary.sppb-btn-outline,
body .btn-success.sppb-btn.sppb-btn-outline,
body .btn.btn-primary.sppb-btn-outline,
body .btn-success.btn.sppb-btn-outline {
    background-color: transparent;
    color: #0D1E33;
    border-color: #0D1E33;
    font-size: 15px;
    font-weight: 500;
}

body .sppb-btn.sppb-btn-default.sppb-btn-outline:hover,
body .sppb-btn.sppb-btn-primary.sppb-btn-outline:hover,
body .sppb-btn.btn-primary.sppb-btn-outline:hover,
body .sppb-btn.sppb-btn-outline.btn-success:hover,
body .btn.sppb-btn-default.sppb-btn-outline:hover,
body .btn.sppb-btn-primary.sppb-btn-outline:hover,
body .btn.btn-primary.sppb-btn-outline:hover,
body .btn.sppb-btn-outline.btn-success:hover {
    background-color: #0D1E33;
    border-color: #0D1E33;
    color: #fff
}

body .sppb-btn, body .btn {
    padding: 10px 22px 10px 22px !important;
    position: relative;
    z-index: 1;
    font-style: normal;
    line-height: 1.4;
    letter-spacing: 0.8px;
    text-transform: none;
}

body .sppb-btn.sppb-btn-link,
body .btn.sppb-btn-link {
    padding: 0px;
    color: #0D6B6B;
    letter-spacing: 1px !important;
    text-decoration-line: none !important;
    transition: all 0.3s ease;
}

body .sppb-btn.sppb-btn-default,
body .btn.sppb-btn-default,
body .sppb-btn.sppb-btn-primary,
body .btn.sppb-btn-primary,
body .sppb-btn.btn-primary,
body .btn-success.sppb-btn,
body .btn.btn-primary,
body .btn-success.btn {
    background-color: #B8860B;
    color: #ffffff;
    border-color: #B8860B;
    border-radius: 0px;
}

body .sppb-btn.sppb-btn-default:hover,
body .btn.sppb-btn-default:hover,
body .sppb-btn.sppb-btn-primary:hover,
body .btn.sppb-btn-primary:hover,
body .sppb-btn.btn-primary:hover,
body .btn-success.sppb-btn:hover,
body .btn.btn-primary:hover,
body .btn-success.btn:hover,
body .sppb-btn.sppb-btn-default:focus,
body .btn.sppb-btn-default:focus,
body .sppb-btn.sppb-btn-primary:focus,
body .btn.sppb-btn-primary:focus,
body .sppb-btn.btn-primary:focus,
body .btn-success.sppb-btn:focus,
body .btn.btn-primary:focus,
body .btn-success.btn:focus,
body .sppb-btn.sppb-btn-default:active,
body .btn.sppb-btn-default:active,
body .sppb-btn.sppb-btn-primary:active,
body .btn.sppb-btn-primary:active,
body .sppb-btn.btn-primary:active,
body .btn-success.sppb-btn:active,
body .btn.btn-primary:active,
body .btn-success.btn:active {
    background-color: #D4A030;
    border-color: #D4A030;
    color: #fff;
}

.view-category .blog-listing-top-title-wrapper h3 {
    text-align: center;
}

.related-article-list-container {
    padding-top: 40px;
    margin-top: 40px;
}

.styled-title .sppb-addon-title,
.related-article-list-container .sppb-addon-title,
.styled-title .related-article-title,
.related-article-list-container .related-article-title {
    font-size: 40px;
    line-height: 60px;
    font-weight: 600;
    margin-left: 0px;
    margin-bottom: 10px;
}

.article-details .article-info {
    margin-bottom: 1.5rem;
    padding-left: 0px;
}

.pager {
    list-style: none;
    padding: 2rem 0 0 0;
    margin: 1rem 0 20px 0;
    border-top: 1.5px solid rgba(1, 9, 68, 0.1);
}

.offcanvas-menu {
    width: 300px;
    height: 100%;
    position: fixed;
    top: 0;
    overflow: inherit;
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
    z-index: 10000;
}

.offcanvas-menu .offcanvas-inner .sp-module ul>li ul li a {
    font-size: 15px;
    padding: 6px 0px;
    line-height: 34px;
}

.offcanvas-menu .offcanvas-inner ul.menu li.active a {
    color: #f0f4f7 !important;
}

a.close-offcanvas .burger-icon > span {
    background-color: #D4A030 !important;
}

.burger-icon {
    width:35px;
    cursor:pointer
}

.burger-icon>span {
    display:block;
    height:2px;
    background-color:#D4A030;
    margin:5px 0;
}

.burger-icon > span {
    height: 2px;
}

.offcanvas-active .burger-icon>span,#modal-menu-toggler.active .burger-icon>span {
    background-color:#0D1E33;
}

body.ltr .offcanvas-menu .offcanvas-inner ul.menu > li.menu-parent > a > .menu-toggler,
body.ltr .offcanvas-menu .offcanvas-inner ul.menu > li.menu-parent > .menu-separator > .menu-toggler {
  color: #d4a030 !important;
}

body.ltr #offcanvas-toggler.offcanvas-toggler-right {
    float: right;
    margin-left: 80px;
}

body.ltr #offcanvas-toggler.offcanvas-toggler-left {
    float: right;
    margin-right: 10px;
}

body.ltr.offcanvs-position-left .body-wrapper {
    left: 0;
}

body.ltr.offcanvs-position-left .offcanvas-menu {
    left: -300px;
}

body.ltr.offcanvs-position-left.offcanvas-active .offcanvas-menu {
    left: 0;
}

body.ltr.offcanvs-position-left.offcanvas-active .body-wrapper {
    left: 300px;
}

body.ltr.offcanvs-position-right .body-wrapper {
    right: 0;
}

body.ltr.offcanvs-position-right .offcanvas-menu {
    right: -300px;
}

body.ltr.offcanvs-position-right.offcanvas-active .offcanvas-menu {
    right: 0;
}

body.ltr.offcanvs-position-right.offcanvas-active .body-wrapper {
    right: 270px;
}

body.ltr .close-offcanvas {
    right: 15px;
}

body.ltr .offcanvas-menu .offcanvas-inner .sp-module ul>li.menu-parent>.nav-header>.menu-toggler {
    right: 0;
}

.offcanvas-menu.border-menu .offcanvas-inner ul.menu ul {
    padding-bottom: 0;
}

.offcanvas-menu .logo .sp-custom-login .sppb-btn.sppb-btn-default {
    border: 0px;
    border-bottom-color: currentcolor;
    border-bottom-style: none;
    border-bottom-width: 0px;
    padding: 5px;
    border: 1px solid;
    margin-left: 10px;
}

.sppb-addon-accordion .sppb-panel-body {
    border: none;
    padding: 10px 30px 15px 30px;
    font-weight: 400;
    line-height: inherit;
}

.sppb-addon-accordion .sppb-panel .sppb-panel-title {
    font-weight: 600 !important;
    font-size: 18px;
    line-height: 24px;
}

.investa-faq-style .sppb-panel-title {
    font-family: inherit;
}

.sppb-addon-accordion .sppb-panel .sppb-panel-heading {
    padding: 10px 20px 10px 30px;
}

.sppb-addon-accordion .sppb-panel .sppb-panel-heading.active + .sppb-panel-collapse {
    background: rgb(250, 250, 250);
    border-radius: 0px 0px 0px 0px;
}

.article-details .article-ratings-social-share {
    max-width: 95%;
    opacity: 100;
}

.article-social-share .social-share-icon ul li a {
  color: #197272;
}

.article-details .article-ratings-social-share .social-share-block {
  margin-top: 30px;
}

.article-social-share .social-share-icon ul li a:hover, .article-social-share .social-share-icon ul li a:focus {
  background: #0d1e33;
}

.article-list .article .article-header h1 a,
.article-list .article .article-header h2 a {
    color: #0D1E33;
    font-weight: 700 !important;
}

.article-list .article .article-header h1, .article-list .article .article-header h2 {
    font-weight: 700;
    font-size: 22px !important;
    line-height: 32px;
}

.article-details .article-header h2 {
    width: 100%;
    margin-bottom: 20px;
    font-size: 44px;
    line-height: 44px;
}

.related-article-list-container .article-list .article .article-info {
    color: #0D1E33;
    font-size: 16px;
}

.article-list .article .article-header h1, .article-list .article .article-header h2 {
    margin: 0 0 10px 0;
}

.article-details .article-header h1, .article-details .article-header h2 {
    font-size: 60px;
    color: #fff;
    line-height: 1.2;
    text-align: left;
    font-weight: 500;
}

.case-study-artices .sppb-article-info-wrap .sppb-readmore {
    background-color:#D4A030;
}

.pagination .page-item .page-link {
    padding: 18px 25px;
}

body .sppb-btn.sppb-btn-default.sppb-btn-3d,
body .sppb-btn.sppb-btn-primary.sppb-btn-3d,
body .sppb-btn.btn-primary.sppb-btn-3d,
body .sppb-btn.sppb-btn-3d.btn-success,
body .btn.sppb-btn-default.sppb-btn-3d,
body .btn.sppb-btn-primary.sppb-btn-3d,
body .btn.btn-primary.sppb-btn-3d,
body .btn.sppb-btn-3d.btn-success {
    border-bottom-color: #bbc6fd;
}

body .sppb-btn.sppb-btn-default.sppb-btn-gradient,
body .sppb-btn.sppb-btn-primary.sppb-btn-gradient,
body .sppb-btn.btn-primary.sppb-btn-gradient,
body .sppb-btn.sppb-btn-gradient.btn-success,
body .btn.sppb-btn-default.sppb-btn-gradient,
body .btn.sppb-btn-primary.sppb-btn-gradient,
body .btn.btn-primary.sppb-btn-gradient,
body .btn.sppb-btn-gradient.btn-success {
    background-image: linear-gradient(0deg, #0345bf 0, #0561d8 100%);
    color: #fff;
}

body .sppb-btn.sppb-btn-default.color-black,
body .sppb-btn.sppb-btn-primary.color-black,
body .sppb-btn.btn-primary.color-black,
body .sppb-btn.color-black.btn-success,
body .btn.sppb-btn-default.color-black,
body .btn.sppb-btn-primary.color-black,
body .btn.btn-primary.color-black,
body .btn.color-black.btn-success {
    color: #060b1a
}

body .sppb-btn.sppb-btn-default.color-black:hover,
body .sppb-btn.sppb-btn-default.color-black:focus,
body .sppb-btn.sppb-btn-default.color-black:active,
body .sppb-btn.sppb-btn-primary.color-black:hover,
body .sppb-btn.sppb-btn-primary.color-black:focus,
body .sppb-btn.sppb-btn-primary.color-black:active,
body .sppb-btn.btn-primary.color-black:hover,
body .sppb-btn.color-black.btn-success:hover,
body .sppb-btn.btn-primary.color-black:focus,
body .sppb-btn.color-black.btn-success:focus,
body .sppb-btn.btn-primary.color-black:active,
body .sppb-btn.color-black.btn-success:active,
body .btn.sppb-btn-default.color-black:hover,
body .btn.sppb-btn-default.color-black:focus,
body .btn.sppb-btn-default.color-black:active,
body .btn.sppb-btn-primary.color-black:hover,
body .btn.sppb-btn-primary.color-black:focus,
body .btn.sppb-btn-primary.color-black:active,
body .btn.btn-primary.color-black:hover,
body .btn.color-black.btn-success:hover,
body .btn.btn-primary.color-black:focus,
body .btn.color-black.btn-success:focus,
body .btn.btn-primary.color-black:active,
body .btn.color-black.btn-success:active {
    color: #fff;
    background-color: #02338d
}

body .sppb-btn.sppb-btn-secondary,
body .btn.sppb-btn-secondary {
    background-color: #0D6B6B;
    color: #fff;
    border-color: #0D6B6B;
}

body .sppb-btn.sppb-btn-secondary:hover,
body .sppb-btn.sppb-btn-secondary:focus,
body .sppb-btn.sppb-btn-secondary:active,
body .btn.sppb-btn-secondary:hover,
body .btn.sppb-btn-secondary:focus,
body .btn.sppb-btn-secondary:active {
    background-color: #5DCAA5;
    border-color: #5DCAA5;
    color: #fff
}

body .sppb-btn.sppb-btn-secondary.sppb-btn-outline,
body .btn.sppb-btn-secondary.sppb-btn-outline {
    border-color: #0D1E33;
    background-color: transparent;
    color: #0D1E33;
}

body .sppb-btn.sppb-btn-secondary.sppb-btn-outline:hover,
body .sppb-btn.sppb-btn-secondary.sppb-btn-outline:focus,
body .sppb-btn.sppb-btn-secondary.sppb-btn-outline:active,
body .btn.sppb-btn-secondary.sppb-btn-outline:hover,
body .btn.sppb-btn-secondary.sppb-btn-outline:focus,
body .btn.sppb-btn-secondary.sppb-btn-outline:active {
    background-color: #D4A030;
    border-color: #D4A030;
    color: #fff
}

.addons-articles-style .sppb-addon-article {
    border:1px
    solid #c9d7e3;
    border-radius:8px;
    background-color:#fff;
}

.addons-articles-style .sppb-article-info-wrap h3 a {
    color: #0D1E33;
    font-weight: 700;
    font-size: 22px;
    line-height: 26px;
}

.addons-articles-style .sppb-article-info-wrap h3 a:hover {
    color:#D4A030;
}

.addons-articles-style .sppb-article-info-wrap .sppb-article-introtext {
    color:rgba(0, 0, 0, 0.6);
    font-size: 15px;
    margin-bottom: 20px;
}

.addons-articles-style .sppb-article-info-wrap {
    padding: 40px 30px 40px 30px;
}

.addons-articles-style .sppb-article-info-wrap h3 {
    margin-bottom: 20px;
}

.sppb-addon-articles .sppb-article-meta > time {
    color: #D4A030 !important;
}

.addons-articles-style .sppb-article-info-wrap .sppb-article-meta span,
.addons-articles-style .sppb-article-info-wrap .sppb-article-meta a {
    color:#D4A030;
}

.addons-articles-style .sppb-article-info-wrap .sppb-readmore:after {
    color:#D4A030;
}

.feature-carousel-style .sppb-carousel-extended-item {
    border:1px solid #dfecf8;
}

.feature-carousel-style .sppb-carousel-extended-item:hover {
    background-color:#dfecf860;
}

.feature-carousel-style .sppb-carousel-extended-item {
    border:1px solid #c9d7e3;
    border-radius:16px;
    padding:45px;
    transition:all 0.4s ease
}

.feature-carousel-style .sppb-carousel-extended-item .sppb-carousel-extended-content-wrap {
    position:relative;
    text-align:left;
    padding:0px
}

.feature-carousel-style .sppb-carousel-extended-item .sppb-carousel-extended-heading {
    color: #0d447e;
    font-size: 20px;
    line-height: 28px;
    font-weight: 500;
    margin-bottom: 26px;
}

.feature-carousel-style .sppb-carousel-extended-item .sppb-carousel-extended-description {
    color:rgba(0, 0, 0, 0.7);
    font-size:15px;
    line-height:24px
}

.offcanvas-menu .offcanvas-inner .sp-module ul>li a,
.offcanvas-menu .offcanvas-inner .sp-module ul>li span {
    color: #f0f4f7 !important;
    opacity: inherit !important;
}

.offcanvas-menu {
    background-color: #0D1E33;
    color: #f0f4f7;
}

.offcanvas-menu .offcanvas-inner .sp-module ul>li a:hover,
.offcanvas-menu .offcanvas-inner .sp-module ul>li a:focus,
.offcanvas-menu .offcanvas-inner .sp-module ul>li span:hover,
.offcanvas-menu .offcanvas-inner .sp-module ul>li span:focus {
    color: #D4A030 !important;
}

.offcanvas-menu .offcanvas-inner .sp-module ul>li.active>a,
.offcanvas-menu .offcanvas-inner .sp-module ul>li.active span {
    color: #D4A030 !important;
}

.offcanvas-menu .offcanvas-inner ul.menu > li > a, .offcanvas-menu .offcanvas-inner ul.menu > li > span {
    font-size: 15px !important;
    font-weight: 500;
    padding: 12px 30px 12px 5px !important;
}

.offcanvas-menu.border-menu .offcanvas-inner ul.menu > li {
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

.body .sppb-btn.sppb-btn-warning,
.body .btn.sppb-btn-warning {
    background-color: #fc0;
    border-color: #fc0;
    color: #0D1E33;
}

.active-campaign-wrap .sppb-addon-feature .sppb-img-container::after {
    background-color: rgba(0, 143, 236, 0.8);
    transition: all 0.3s ease 0s;
}

.active-campaign-wrap .sppb-addon-feature .sppb-media-content a.sppb-btn:hover {
    background-color: #0D1E33;
    color: #fff
}

.offcanvas-menu .logo .sppb-addon-single-image img {
    width: 100px;
}

.sppb-addon-animated-heading .animated-heading-before-part {
    display: block;
    width: 100%;
}

.mega-menu-articles .sppb-addon-article .sppb-article-info-wrap .sppb-article-meta span {
    color: #D4A030;
}

.clients-wrapper>div:hover {
    background:#f0f4f7;
}

.clients-wrapper > div {
    border-right: 1px solid #f0f4f7;
    border-top: 1px solid #f0f4f7;
    border-bottom: 1px solid #f0f4f7;
}

.sp-simpleportfolio .sp-simpleportfolio-item .sp-simpleportfolio-info h3 {
    font-size: 24px;
    line-height: 32px;
    font-weight: 600;
}

.service-case-study-wrapper .sp-simpleportfolio-item .sp-simpleportfolio-info p {
    font-size: 16px;
    line-height: 24px;
    color: rgba(255, 255, 255, 0.9);
    margin-bottom: 5px;
}

.service-case-study-wrapper .sp-simpleportfolio-filter ul li a {
    color: #D4A030;
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
}

.sp-simpleportfolio .sp-simpleportfolio-item .sp-simpleportfolio-info {
    padding: 50px 30px 100px 30px;
    font-size: 14px;
    line-height: 10px;
}

.service-case-study-wrapper .sp-simpleportfolio-item .sp-simpleportfolio-info .btn-view {
    background: #0D1E33;
    color: #fff;
    padding: 10px 30px;
    border-radius: 20px;
    margin-top: 10px;
}

/* .service-case-study-wrapper .sp-simpleportfolio-item .sp-simpleportfolio-info {
    padding: 0px 30px 20px 30px;
} */

.sppb-form-group label, .form-group label {
    color: #252525;
    font-size: 16px;
    line-height: 18px;
    margin-bottom: 10px;
    font-weight: normal;
}

.sppb-form-builder-btn .sppb-btn {
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 24px;
    padding: 14px 23px 14px 23px;
    border-radius: 6px;
}

.form-control, input[type="text"]:not(.form-control), input[type="email"]:not(.form-control), input[type="url"]:not(.form-control), input[type="date"]:not(.form-control), input[type="password"]:not(.form-control), input[type="search"]:not(.form-control), input[type="tel"]:not(.form-control), input[type="number"]:not(.form-control), select:not(.form-control) {
    display: block;
    width: 100%;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 18px;
    color: #252525;
    background-color: #fff;
    border: 1px solid rgba(1, 9, 68, 0.3);
    padding: 17px 20px 16px 20px;
    border-radius: 6px;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

.sp-scroll-up {
    display: none;
    position: fixed;
    bottom: 30px;
    right: 30px;
    width: 36px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    font-size: 16px;
    color: #fff;
    background: #D4A030;
    border-radius: 3px;
    z-index: 1000;
}

.sp-scroll-up:hover,
.sp-scroll-up:active,
.sp-scroll-up:focus {
    color: #0D1E33;
    background: #f0f4f7;
}

#sp-footer,
#sp-bottom {
    background: #0D1E33;
    color: #edf1f5;
}

#sp-footer a,
#sp-bottom a {
    color: rgba(255,255,255,.7);
}

#sp-footer a:hover,
#sp-bottom a:hover,
#sp-footer a:active,
#sp-bottom a:active,
#sp-footer a:focus,
#sp-bottom a:focus {
    color: #D4A030 !important;
}

/* #sp-bottom .container {
    max-width: 1280px;
} */

#sp-bottom .sp-module {
    margin-bottom: 12px;
}

#sp-bottom .sp-module .sp-module-title {
    font-weight: 600;
    margin: 0 0 30px;
    text-transform: capitalize;
    color: #def;
    opacity: inherit;
}

#sp-bottom .sp-module ul {
    list-style: none;
    padding: 0;
    margin: 0;
    line-height: 1.3;
}

#sp-bottom .sp-module ul>li {
    display: block;
    margin-bottom: 5px;
}

#sp-bottom .sp-module ul>li:last-child {
    margin-bottom: 0;
}

#sp-bottom::after {
    top: 0px;
    background: rgba(255, 173, 66, 0.18);
}

#sp-bottom {
    padding: 50px 0 10px;
    font-size: 15px;
}

#sp-footer {
    font-size: 15px;
    padding: 0;
    text-align: left;
}

#sp-footer .container-inner {
    padding: 25px 0;
    border-top: 1px solid rgba(255, 173, 66, 0.18);;
}

.list-group .list-group-item {
    color: rgb(13, 68, 126);
}

label, .form-label {
    color: #0d447e;
}

.investa-subscribe-style-2 .sppb-form-builder-btn {
    position: absolute;
    right: 30px;
    width: 30px;
    top: 12px;
}

html.error-page .btn.btn-secondary {
    background: #0D1E33;
    border-color: #0D1E33;
}

.error-code, .coming-soon-number {
    color: #D4A030;
}

html.error-page .btn.btn-secondary:hover,html.error-page .btn.btn-secondary:focus,
html.error-page .btn.btn-secondary:active {
    background-color:#d83a05;
    border-color:#d83a05;color:#fff
}

html.error-page .error-code {
    font-weight: 600 !important;
    font-family: inherit !important;
}

html.error-page .error-message {
    font-family: inherit !important;
}

@media (min-width:1400px) {
    .sp-menu-full.container {
        width: 1320px;
    }
}

@media (max-width: 767px) {
    .home-default-slider .default-slider-text {
      max-width: 100%;
    }
}

@media (max-width: 767px) {
.sp-simpleportfolio .sp-simpleportfolio-item .sp-simpleportfolio-info {
    padding: 30px 20px 20px 20px;
  }
}

@media (max-width: 767px) {
    body {
      font-size: 16px !important;
      line-height: 25px;
    }
}

@media (max-width: 767px) {
    body.ltr #offcanvas-toggler.offcanvas-toggler-right {
    float: right;
    margin-left: 20px;
    }
}

@media (max-width: 767px) {
#sp-header .logo {
    margin: 0;
    }
}

@media (max-width: 767px) {
    .article-details {
    font-size: 15px;
    line-height: 2;
    }
}

@media (max-width: 767px) {
    .article-list .article .article-header h1, .article-list .article .article-header h2 {
    font-size: 18px !important;
    line-height: 26px;
    }
}

@media (max-width: 767px) {
    .related-article-list-container {
      padding-top: 0px;
      margin-top: 20px;
    }
}

@media (max-width: 767px) {
    .related-article-list-container .article-list .article .article-info {
    color: #D4A030;
    font-size: 15px;
  }
}

@media (max-width: 767px) {
    .styled-title .sppb-addon-title,
    .related-article-list-container .sppb-addon-title,
    .styled-title .related-article-title,
    .related-article-list-container .related-article-title {
        font-size: 32px;
    }
}

@media (max-width: 767px) {
.feature-carousel-style .sppb-carousel-extended-item {
    padding: 20px;
    }
}

@media (max-width: 767px) {
    .feature-carousel-style .sppb-carousel-extended-item img {
      margin-top:15px;
      margin-bottom: 15px;
    }
}

@media (max-width: 767px) {
    .addons-articles-style .sppb-article-info-wrap {
      padding: 20px 15px 30px 15px;
    }
}

@media (max-width: 767px) {
    .investa-faq-style .sppb-panel-body {
      padding: 15px 20px;
    }
}

@media (max-width: 767px) {
    .investa-subscribe-style-2 .sppb-form-builder-btn {
      top: 7px;
      right: 18px;
    }
}

@media (max-width: 767px) {
#sp-bottom .sp-module ul > li {
    margin-bottom: 14px;
    }
}

@media (max-width: 767px) {
    .com-content.view-article #sp-main-body .article-details-intro {
      padding: 50px 0 80px 0;
    }
}

@media (max-width: 991px) {
    .article-details .article-header h1, .article-details .article-header h2 {
      font-size: 22px;
    }
}

@media (max-width: 1199px) {
    .service-case-study-wrapper .sp-simpleportfolio-filter ul {
      top: -75px;
  
    }
}

.orbit-aditional-feature-section .sppb-row-column:not(:last-child)::after {
  content: "";
  height: 1px;
  width: 60px;
  background-color: #cccccd;
  position: absolute;
  right: 50px;
  top: 0px;
}


.hero-tag::before {
  content: '';
  display: block;
  width: 32px;
  height: 1px;
  background: var(--gold);
}


/* --- Home Services Icons --- */
.home-services-icons .sppb-container-inner .sppb-col-md-4{
    padding:0px;
}

.home-services-icons .sppb-addon-feature {
    transition:all 300ms linear 0ms;
}

.home-services-icons .sppb-addon-feature .sppb-addon-content .sppb-media-content .sppb-feature-box-title a {
    color:#0D1E33 !important;
}

/* .home-services-icons .sppb-addon-feature .sppb-addon-text{
    margin: 14px 0;
    line-height:30px;
} */

.home-services-icons .sppb-addon-feature:hover{
    /* box-shadow:0 5px 38px rgba(205,205,205,.33); */
    border-color:rgba(0,0,0,0);
}

.home-services-icons .service-icon-1 {
    border-style:solid;
    border-width:0px 1px 1px 0px;
    border-color:#e7e7e7;
    padding:30px;
    position:relative;
}

.home-services-icons .service-icon-2 {
    border-style:solid;
    border-width:0px 1px 1px 0px;
    border-color:#e7e7e7;
    padding:30px;
    position:relative
}

.home-services-icons .service-icon-2::after {
    position:absolute;
    content:"";
    background:#fff;
    border:2px solid #dbdbdb;
    border-radius:50%;
    height:12px;
    width:12px;
    left:-6px;
    bottom:-6px;
    z-index:9;
}

.home-services-icons .service-icon-2::before {
    position:absolute;
    content:"";
    background:#fff;
    height:32px;
    border-radius:50%;
    width:32px;
    left:-16px;
    z-index:6;
    bottom:-16px;
}

.home-services-icons .service-icon-3 {
    border-style:solid;
    border-width:0px 0px 1px 0px;
    border-color:#e7e7e7;
    padding:30px;
    position:relative;
}

.home-services-icons .service-icon-3::after {
    position:absolute;
    content:"";
    background:#fff;
    border:2px solid #dbdbdb;
    border-radius:50%;
    height:12px;
    width:12px;
    left:-6px;
    bottom:-6px;
    z-index:9;
}

.home-services-icons .service-icon-3::before {
    position:absolute;
    content:"";
    background:#fff;
    height:32px;
    border-radius:50%;
    width:32px;
    left:-16px;
    z-index:6;
    bottom:-16px;
}

.home-services-icons .service-icon-4 {
    border-style:solid;
    border-width:0px 1px 0px 0px;
    border-color:#e7e7e7;
    padding:30px;
    position:relative;
}

.home-services-icons .service-icon-5{
    border-style:solid;
    border-width:0px 1px 0px 0px;
    border-color:#e7e7e7;
    padding:30px;
    position:relative;
}

.home-services-icons .service-icon-6 {
    border-style:solid;
    border-width:0px 0px 0px 0px;
    border-color:#e7e7e7;
    padding:30px;
}

/* --- Home Services Icons --- */

.fun-fact-section::after {
  content: "";
  position: absolute;
  max-width: 100%;
  max-height: 100%;
  width: 895px;
  height: 895px;
  bottom: -64%;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 50%;
  opacity: .6;
  filter: blur(100px);
  background: linear-gradient(90deg, #1b3249 0%, #0d1e33 1%, #187071 100%);
}


.fun-fact-section1::after {
  content: "";
  position: absolute;
  max-width: 100%;
  max-height: 100%;
  width: 1000px;
  height: 1000px;
  bottom: -10%;
  left: 40%;
  transform: translateX(-50%);
  border-radius: 50%;
  opacity: 0.4;
  filter: blur(120px);
  background: linear-gradient(90deg, #1b3249 0%, #0d1e33 1%, #187071 100%);
}

/* --- Home Business Scroll --- */
.home-business-scroll .business-scroll-track .sppb-addon-wrapper.addon-root-heading .sppb-addon.sppb-addon-header::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 24px;
  height: 24px;
  border: 2px solid #cccccd;
  border-radius: 6px;
  background-color: #0D6B6B;
  transform: translateY(-50%);
}

.home-business-scroll {
    height: 205px;
    overflow:hidden !important;
}

.home-business-scroll .business-scroll-track {
    position:relative;
    top:0;
}

.home-business-scroll .business-scroll-track .sppb-addon-wrapper.addon-root-heading {
    cursor:pointer;
    transition:transform .25s ease, opacity .25s ease;
    will-change:transform;
}

.home-business-scroll .business-scroll-track .sppb-addon-wrapper.addon-root-heading:hover {
    opacity:1 !important;
    transform:translateY(-2px);
}

.home-business-scroll .business-scroll-track .sppb-addon-wrapper.addon-root-heading .sppb-addon.sppb-addon-header {
    position:relative;
}
/* --- Home Business Scroll --- */

.sppb-addon-wrapper:has(>[class*=infinity-scroller]) {
  display:flex;
  justify-content:center;
  position:relative;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:thin;
  scrollbar-color:rgba(0,0,0,0) rgba(0,0,0,0)
}
.sppb-addon-wrapper:has(>[class*=infinity-scroller]) [class*=infinity-scroller] {
  height:100px;
  position:relative;
  justify-content:center !important;
  margin-bottom:30px;
  width:100%;
  overflow-y:hidden !important
}
/* .sppb-addon-wrapper:has(>[class*=infinity-scroller]) [class*=infinity-scroller]::before,
.sppb-addon-wrapper:has(>[class*=infinity-scroller]) [class*=infinity-scroller]:after {
  content:"";
  position:absolute;
  width:130px;
  height:165%;
  top:50%;
  transform:translateY(-50%);
  background-color:#f0f4f7;
  filter:blur(15px);
  z-index:1
} */

.sppb-addon-wrapper:has(>[class*=infinity-scroller]) [class*=infinity-scroller]::before,
.sppb-addon-wrapper:has(>[class*=infinity-scroller]) [class*=infinity-scroller]:after {
  content:"";
  position:absolute;
  width:130px;
  height:165%;
  top:50%;
  transform:translateY(-50%);
  background-color:#f5f7fa;
  filter:blur(15px);
  z-index:1
}
.sppb-addon-wrapper:has(>[class*=infinity-scroller]) [class*=infinity-scroller]::before {
  left:-7%
}
.sppb-addon-wrapper:has(>[class*=infinity-scroller]) [class*=infinity-scroller]:after {
  right:-7%
}
.sppb-addon-wrapper:has(>[class*=infinity-scroller]) [class*=infinity-scroller]>div {
  position:absolute;
  left:0;
  top:50%;
  transform:translateY(-50%);
  white-space:nowrap;
  will-change:transform;
  border-radius:50%;
  padding:25px;
  background-color:#FFFFFF;
}
.sppb-addon-wrapper:has(>.rtl-infinity-scroller1) {
  width:100%
}
.sppb-addon-wrapper:has(>.ltr-infinity-scroller1) {
  width:80%;
  margin:0px auto
}
.scroller-wrap2 .sppb-addon-wrapper:has(>[class*=infinity-scroller]) [class*=infinity-scroller] {
  height:60px;
  gap:25px !important;
  margin-bottom:20px;
}
.scroller-wrap2 .sppb-addon-wrapper:has(>[class*=infinity-scroller]) [class*=infinity-scroller]::before,
.scroller-wrap2 .sppb-addon-wrapper:has(>[class*=infinity-scroller]) [class*=infinity-scroller]:after {
  width:60px
}
.scroller-wrap2 .sppb-addon-wrapper:has(>[class*=infinity-scroller]) [class*=infinity-scroller]>div {
  padding:15px;
  border-radius:50%;
  background-color:#F8F8F8;
}
.scroller-wrap2 .sppb-addon-wrapper:has(>[class*=infinity-scroller]) [class*=infinity-scroller]>div img {
  width:30px
}

@media(max-width: 1199px) {
.scroller-wrap2 .sppb-addon-wrapper:has(>[class*=infinity-scroller]) [class*=infinity-scroller] {
    height:50px;
    gap:15px !important;
    margin-bottom:15px
  }
  .scroller-wrap2 .sppb-addon-wrapper:has(>[class*=infinity-scroller]) [class*=infinity-scroller]::before,
  .scroller-wrap2 .sppb-addon-wrapper:has(>[class*=infinity-scroller]) [class*=infinity-scroller]:after {
    width:50px
  }
  .scroller-wrap2 .sppb-addon-wrapper:has(>[class*=infinity-scroller]) [class*=infinity-scroller]>div {
    padding:10px
  }
  .scroller-wrap2 .sppb-addon-wrapper:has(>[class*=infinity-scroller]) [class*=infinity-scroller]>div img {
    width:25px
  }
}
@media(max-width: 767px) {
  .scroller-wrap {
    width:110% !important;
    margin-left:-5% !important
  }
  .home-business-scroll {
    height: 280px;
    overflow:hidden !important;
 }
 .home-services-icons .service-icon-1, .home-services-icons .service-icon-2, .home-services-icons .service-icon-3,
 .home-services-icons .service-icon-4, .home-services-icons .service-icon-5, .home-services-icons .service-icon-6 {
  padding: 20px;
 }
}

/* Accordion Root Styles */

.custom .addon-root-accordion {
  max-width:800px
}
.custom .addon-root-accordion .sppb-panel-group>:not(:last-child) {
  margin-bottom:16px
}
.custom .addon-root-accordion .sppb-panel-group .sppb-panel-default {
  position:relative;
  padding:23px 20px 20px 64px;
  border-radius:16px;
  border:none
}
.custom .addon-root-accordion .sppb-panel-group .sppb-panel-default::before {
  content:"";
  position:absolute;
  display:inline-block;
  height:30px;
  width:30px;
  left:20px;
  top:20px;
  border:1px solid RGBA(21, 26, 23, 0.1);
  border-radius:8px;
  background-color:#f5f5f5;
}
.custom .addon-root-accordion .sppb-panel-group .sppb-panel-default::after {
  content:"";
  position:absolute;
  display:inline-block;
  height:16px;
  width:16px;
  left:27px;
  top:27px;
  border:2px solid #fff;
  border-radius:8px;
  background-color:#0D6B6B;
  box-shadow:0px 1.5px 3px -0.75px rgba(16,16,16,.0784313725)
}
.custom .addon-root-accordion .sppb-panel-group .sppb-panel-default .sppb-panel-heading {
  padding:0;
  background: none;
}
.custom .addon-root-accordion .sppb-panel-group .sppb-panel-default .sppb-panel-heading .sppb-panel-title {
  font-weight:500;
  font-size:20px;
  line-height:100%;
  letter-spacing:0px;
  color:#0D2035;
}
.custom .addon-root-accordion .sppb-panel-group .sppb-panel-default .sppb-panel-heading .sppb-toggle-direction {
  position:absolute;
  top:0;
  right:0;
  height:26px;
  width:26px;
  border-radius:5px;
  background-color:#f5f5f5;
  transform:rotate(0deg)
}
.custom .addon-root-accordion .sppb-panel-group .sppb-panel-default .sppb-panel-heading .sppb-toggle-direction>i {
  display:none
}
.custom .addon-root-accordion .sppb-panel-group .sppb-panel-default .sppb-panel-heading .sppb-toggle-direction::before,
.custom .addon-root-accordion .sppb-panel-group .sppb-panel-default .sppb-panel-heading .sppb-toggle-direction::after {
  content:"";
  position:absolute;
  top:50%;
  left:50%;
  display:inline-block;
  height:2px;
  width:13px;
  background-color:#0D2035;
  transform:translate(-50%, -50%);
  transition:all .5s ease
}
.custom .addon-root-accordion .sppb-panel-group .sppb-panel-default .sppb-panel-heading .sppb-toggle-direction::after {
  transform:translate(-50%, -50%) rotate(90deg);
  transition:all .5s ease
}
.custom .addon-root-accordion .sppb-panel-group .sppb-panel-default .sppb-panel-heading.active .sppb-toggle-direction::after {
  transform:scale(0);
  transition:all .5s ease
}
.custom .addon-root-accordion .sppb-panel-group .sppb-panel-body {
  border:none;
  padding:0
}

@media(max-width: 767px) {
  .custom .addon-root-accordion .sppb-panel-group>:not(:last-child) {
    margin-bottom:16px
  }
  .custom .addon-root-accordion .sppb-panel-group .sppb-panel-default {
    padding:14px 12px 16px 50px
  }
  .custom .addon-root-accordion .sppb-panel-group .sppb-panel-default::before {
    height:30px;
    width:30px;
    left:12px;
    top:12px;
  }
  .custom .addon-root-accordion .sppb-panel-group .sppb-panel-default::after {
    height:16px;
    width:16px;
    left:19px;
    top:19px;
  }
  .custom .addon-root-accordion .sppb-panel-group .sppb-panel-default .sppb-panel-heading .sppb-panel-title {
    font-size:16px;
    letter-spacing: 0.2px;
  }
  .custom .addon-root-accordion .sppb-panel-group .sppb-panel-default .sppb-panel-heading .sppb-toggle-direction {
    top:-2px;
  }
}

/* Accordion Root Styles */

.hero-grid::after {
  content: "";
  position: absolute;
  max-width: 100%;
  max-height: 100%;
  opacity: 0.06;
  inset: 0;
  background-image: linear-gradient(rgba(255,255,255,0.6) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,0.6) 1px, transparent 1px);
  /* filter:blur(1px); */
  background-size: 60px 60px;
}

/* Accordion Root Styles 1 */

.custom1 .addon-root-accordion {
  max-width:800px
}
.custom1 .addon-root-accordion .sppb-panel-group>:not(:last-child) {
  margin-bottom:16px
}
.custom1 .addon-root-accordion .sppb-panel-group .sppb-panel-default {
  position:relative;
  padding:16px 20px 13px 56px;
  border-radius:16px;
  border:none
}
.custom1 .addon-root-accordion .sppb-panel-group .sppb-panel-default::before {
  content:"";
  position:absolute;
  display:inline-block;
  height:30px;
  width:30px;
  left: 13px;
  top: 12px;
  border:1px solid RGBA(21, 26, 23, 0.1);
  border-radius:8px;
  background-color:#f5f5f5;
}

.custom1 .addon-root-accordion .sppb-panel-group .sppb-panel-default::after {
  content: "";
  position: absolute;
  display: inline-block;
  height: 16px;
  width: 16px;
  left: 20px;
  top: 19px;
  border: 2px solid #fff;
  border-radius: 8px;
  background-color: #D4A030;
  box-shadow: 0px 1.5px 3px -0.75px rgba(16,16,16,.0784313725);
}
.custom1 .addon-root-accordion .sppb-panel-group .sppb-panel-default .sppb-panel-heading {
  padding:0;
  background: none;
}
.custom1 .addon-root-accordion .sppb-panel-group .sppb-panel-default .sppb-panel-heading .sppb-panel-title {
  font-weight:500;
  font-size:20px;
  line-height:100%;
  letter-spacing:0px;
  color:#0D2035;
}
.custom1 .addon-root-accordion .sppb-panel-group .sppb-panel-default .sppb-panel-heading .sppb-toggle-direction {
  position:absolute;
  top:0;
  right:0;
  height:26px;
  width:26px;
  border-radius:5px;
  background-color:#f5f5f5;
  transform:rotate(0deg)
}
.custom1 .addon-root-accordion .sppb-panel-group .sppb-panel-default .sppb-panel-heading .sppb-toggle-direction>i {
  display:none
}
.custom1 .addon-root-accordion .sppb-panel-group .sppb-panel-default .sppb-panel-heading .sppb-toggle-direction::before,
.custom1 .addon-root-accordion .sppb-panel-group .sppb-panel-default .sppb-panel-heading .sppb-toggle-direction::after {
  content:"";
  position:absolute;
  top:50%;
  left:50%;
  display:inline-block;
  height:2px;
  width:13px;
  background-color:#0D2035;
  transform:translate(-50%, -50%);
  transition:all .5s ease
}
.custom1 .addon-root-accordion .sppb-panel-group .sppb-panel-default .sppb-panel-heading .sppb-toggle-direction::after {
  transform:translate(-50%, -50%) rotate(90deg);
  transition:all .5s ease
}
.custom1 .addon-root-accordion .sppb-panel-group .sppb-panel-default .sppb-panel-heading.active .sppb-toggle-direction::after {
  transform:scale(0);
  transition:all .5s ease
}
.custom1 .addon-root-accordion .sppb-panel-group .sppb-panel-body {
  border:none;
  padding:0
}

@media(max-width: 767px) {
  .custom1 .addon-root-accordion .sppb-panel-group>:not(:last-child) {
    margin-bottom:16px
  }
  .custom1 .addon-root-accordion .sppb-panel-group .sppb-panel-default {
    padding:14px 12px 13px 50px
  }
  .custom1 .addon-root-accordion .sppb-panel-group .sppb-panel-default::before {
    height:30px;
    width:30px;
    left:12px;
    top:12px;
  }
  .custom1 .addon-root-accordion .sppb-panel-group .sppb-panel-default::after {
    height:16px;
    width:16px;
    left:19px;
    top:19px;
  }
  .custom1 .addon-root-accordion .sppb-panel-group .sppb-panel-default .sppb-panel-heading .sppb-panel-title {
    font-size:16px;
    letter-spacing: 0.2px;
  }
  .custom1 .addon-root-accordion .sppb-panel-group .sppb-panel-default .sppb-panel-heading .sppb-toggle-direction {
    top:-2px;
  }
}

/* Accordion Root Styles 1 */

/* --- Home Services Icons1 --- */
.home-services-icon .sppb-container-inner .sppb-col-md-4{
    padding:0px;
}

.home-services-icon .sppb-addon-feature {
    transition:all 300ms linear 0ms;
}

.home-services-icon .sppb-addon-feature .sppb-addon-content .sppb-media-content .sppb-feature-box-title a {
    color:#0D1E33 !important;
}

/* .home-services-icon .sppb-addon-feature .sppb-addon-text{
    margin: 14px 0;
    line-height:30px;
} */

.home-services-icon .sppb-addon-feature:hover{
    /* box-shadow:0 5px 38px rgba(205,205,205,.33); */
    border-color:rgba(0,0,0,0);
}

.home-services-icon .service-icons-1 {
    border-style:solid;
    border-width:0px 1px 1px 0px;
    border-color:#e7e7e7;
    padding:20px 40px;
    position:relative;
}

.home-services-icon .service-icons-2 {
    border-style:solid;
    border-width:0px 0px 1px 0px;
    border-color:#e7e7e7;
    padding:20px 20px 20px 40px;
    position:relative
}

.home-services-icon .service-icons-2::after {
    position:absolute;
    content:"";
    background:#fff;
    border:2px solid #dbdbdb;
    border-radius:50%;
    height:12px;
    width:12px;
    left:-6px;
    bottom:-6px;
    z-index:9;
}

.home-services-icon .service-icons-2::before {
    position:absolute;
    content:"";
    background:#fff;
    height:32px;
    border-radius:50%;
    width:32px;
    left:-16px;
    z-index:6;
    bottom:-16px;
}

.home-services-icon .service-icons-3 {
    border-style:solid;
    border-width:0px 0px 1px 0px;
    border-color:#e7e7e7;
    padding:20px 40px;
    position:relative;
}

.home-services-icon .service-icons-3::after {
    position:absolute;
    content:"";
    background:#fff;
    border:2px solid #dbdbdb;
    border-radius:50%;
    height:12px;
    width:12px;
    left:-6px;
    bottom:-6px;
    z-index:9;
}

.home-services-icon .service-icons-3::before {
    position:absolute;
    content:"";
    background:#fff;
    height:32px;
    border-radius:50%;
    width:32px;
    left:-16px;
    z-index:6;
    bottom:-16px;
}

.home-services-icon .service-icons-4 {
    border-style:solid;
    border-width:0px 1px 0px 0px;
    border-color:#e7e7e7;
    padding:20px 40px;
    position:relative;
}

.home-services-icon .service-icons-5{
    border-style:solid;
    border-width:0px;
    border-color:#e7e7e7;
    padding:20px 45px 20px 40px;
    position:relative;
}

.home-services-icon .service-icons-6 {
    border-style:solid;
    border-width:0px 0px 0px 0px;
    border-color:#e7e7e7;
    padding:20px 40px;
}

@media(max-width: 767px) {
 .home-services-icon .service-icons-1, .home-services-icon .service-icons-2, .home-services-icon .services-icon-3,
 .home-services-icon .service-icons-4, .home-services-icon .service-icons-5, .home-services-icon .service-icons-6 {
  padding: 20px;
 }
 .home-services-icon .service-icons-2 {
  border-style: solid;
  border-width: 1px 0px;
 }
}
/* --- Home Services Icons1 --- */

.common-bottom-section{position:relative}
.common-bottom-section .customer-number{position:absolute;right:0;bottom:41px}
.common-bottom-section .customer-number>.addon-root-icon{position:absolute;right:20px;top:-80px;z-index:9}
.common-bottom-section .customer-number{bottom:24px}
.common-bottom-section .customer-number>.addon-root-icon{right:10px;top:-50px}.services-item-list .services-item-collection .item-container .sppb-addon-wrapper:has(.description-item){flex:1 1 62%;max-width:62%}
.common-bottom-section .customer-number{bottom:24px}.common-bottom-section .customer-number>.addon-root-icon{right:10px;top:-50px}

.client-reviews-section .sppb-addon-feature .sppb-addon-content .sppb-icon .sppb-icon-container>i{width:100% !important}
.client-reviews-section .sppb-addon-feature .sppb-addon-content .sppb-icon .sppb-icon-container>i::before{content:"";color:#ffb60c;font-family:"Font Awesome 5 Free";font-weight:600}
.client-reviews-section .sppb-addon-feature .sppb-addon-content .sppb-media-content .sppb-addon-text{max-width:269px;margin:0 auto}
.client-reviews-section .sppb-addon-feature .sppb-addon-content .sppb-media-content .sppb-addon-text strong{display:block;margin-bottom:60px;font-weight:500;font-size:24px;line-height:18px}
.client-reviews-section .item-testimonials .sppb-addon-content>span{display:flex}
.client-reviews-section .item-testimonials .sppb-addon-content>span::before{content:"";display:inline-block;width:25px;height:25px;background-image:url("/images/testimonial.svg");background-repeat:no-repeat;background-size:contain;background-position:center;vertical-align:middle}
.client-reviews-section .client-reviews-img{position:relative}
.client-reviews-section .client-reviews-img>.addon-root-animated-number{position:absolute;bottom:73px;right:112px;z-index:2}
.client-reviews-section .client-reviews-img a.sppb-modal-selector.sppb-magnific-popup span{backdrop-filter:blur(17px);-webkit-backdrop-filter:blur(17px);border:1px solid transparent;border-image-source:linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.4) 100%);border-image-slice:1}
.client-reviews-section .client-reviews-img>.addon-root-animated-number{bottom:40px;right:40px}
.client-reviews-section .client-reviews-img a.sppb-modal-selector.sppb-magnific-popup span{backdrop-filter:blur(17px);-webkit-backdrop-filter:blur(17px);border:1px solid transparent;border-image-source:linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.4) 100%);border-image-slice:1}
.client-reviews-section .client-reviews-img>.addon-root-animated-number{bottom:30px}
.client-reviews-section .sppb-addon-feature .sppb-addon-content .sppb-media-content .sppb-addon-text strong{font-size:20px;line-height:18px}
/* .client-reviews-section .client-reviews-img>.addon-root-animated-number{bottom:30px;right:20px} */
.client-reviews-section .client-reviews-img>.addon-root-animated-number{bottom:18px;right:-35px;}


/* Award Carousel */


.feature-carousel-style-award .sppb-carousel-extended-item {
    border-radius:10px;
    padding:10px 20px 40px 20px;
    transition:all 0.4s ease;
    border:1.5px solid #dfecf8;
    background: #dfecf860;
}

.feature-carousel-style-award .sppb-carousel-extended-item:hover {
    background-color:#F7F6F0;
}

.feature-carousel-style-award .sppb-carousel-extended-item .sppb-carousel-extended-content-wrap {
    position:relative;
    text-align:center;
    padding:0px;
}

.feature-carousel-style-award .sppb-carousel-extended-item .sppb-carousel-extended-heading {
    margin-bottom: 0px;
}

.feature-carousel-style-award .sppb-carousel-extended-item img {
  width: 100%;
  object-fit: fill;
  height: 30%;
  margin-top:15px;
  margin-bottom: 15px;
}

@media (max-width: 767px) {
.feature-carousel-style-award .sppb-carousel-extended-item {
    padding: 0px 10px;
    }
}

@media (max-width: 767px) {
    .feature-carousel-style-award .sppb-carousel-extended-item img {
      margin-top:20px;
      margin-bottom: 10px;
      height: 20%;
    }
}

/* Award Carousel */


.sidebar-menu .sppb-addon-content .menu {
    overflow:hidden;
    padding:0px;
    margin:0px;
}
.sidebar-menu .sppb-addon-content .menu li.current a {
    color:#fff;
    background:#0D6B6B;
    border-color:#0D6B6B;
}
.sidebar-menu .sppb-addon-content .menu li.current a::before {
    transform:translate3d(0px, 0px, 0px);
    opacity:1;
}
.sidebar-menu .sppb-addon-content .menu li {
    margin-top:5px;
}
.sidebar-menu .sppb-addon-content .menu li:last-child {
    margin-bottom:0px;
}
.sidebar-menu .sppb-addon-content .menu li a {
    color:#ffffff;
    display:block;
    font-size:16px;
    font-weight:500;
    padding:0px 15px;
    border-radius:5px;
    margin-bottom:16px;
    border:1px solid #e7e7e7;
    padding:14px 20px 13px;
    width:100%;
    position:relative;
    z-index:1;
    transition:all 500ms ease;
    transition-delay:.15s;
}
.sidebar-menu .sppb-addon-content .menu li a:hover {
    color:#fff;
    background:#B8860B;
    border-color:#B8860B;
}
.sidebar-menu .sppb-addon-content .menu li a:hover:before,
.sidebar-menu .sppb-addon-content .menu li a.active:before{
    transform:translate3d(0px, 0px, 0px);
    opacity:1;
}

.custom-ul-info .sppb-addon-text-block ul {
  padding: 0;
  margin-top: 10px;
}

.custom-ul-info .sppb-addon-text-block ul li {
  list-style: none;
  margin-bottom: 2px;
}

.custom-ul-info .sppb-addon-text-block ul li:before {
  content: "\f058";
  font-family: "Font Awesome 5 Free";
  font-weight: 700;
  font-size: 16px;
  margin-right: 12px;
  color: #5dcaa5;
}


/* Style Twemoji images to render inline with text */
img.emoji {
  height: 1.1em !important;
  width: 1.1em !important;
  margin: 0 !important;
  vertical-align: -0.2em !important;
  display: inline-block !important;
}

/* Continuous vertical floating animation */
@keyframes floatAnimation {
  0% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-20px); /* Distance image moves up */
  }
  100% {
    transform: translateY(0px);
  }
}

/* Apply floating effect to SP Page Builder image addon */
.floating-image {
  animation: floatAnimation 3s ease-in-out infinite;
  display: inline-block;
}

/* Universal Dashboard Card Styles - Responsive & Scaled Fonts */
.allo-floating-card {
  border-radius: 20px;
  padding: 26px;
  box-shadow: 0 15px 35px -5px rgba(0, 0, 0, 0.07), 0 8px 10px -6px rgba(0, 0, 0, 0.03);
  width: 100%;
  max-width: 580px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin: 0 auto;
  
  /* Floating & GPU Acceleration Properties */
  animation: floatDashboard 6s ease-in-out infinite !important;
  will-change: transform;
  transform: translate3d(0, 0, 0);
  transform-style: preserve-3d;
  -webkit-transform-style: preserve-3d;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

@keyframes floatDashboard {
  0% { transform: translate3d(0, 0, 0); }
  50% { transform: translate3d(0, -10px, 0); }
  100% { transform: translate3d(0, 0, 0); }
}

/* Inner Hardware Layer Isolation */
.stat-box, 
.list-row, 
.header-icon, 
.wp-mini-card, 
.clinical-step-card, 
.paed-feed-item {
  transform: translateZ(0);
  backface-visibility: hidden;
}

/* ===================================================
   FONT AWESOME & ICON ALIGNMENT OVERRIDES
   =================================================== */
.header-icon i,
.stat-icon i,
.list-icon i,
.wp-mini-card i,
.paed-feed-item i {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: inherit; /* Automatically inherits section theme color */
}

/* Inner Layout Mechanics */
.db-main-content {
  display: flex;
  flex-direction: column;
  gap: 18px;
  flex-grow: 1;
}

.db-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}

.db-title-group {
  display: flex;
  align-items: center;
  gap: 12px;
}

.header-icon {
  font-size: 1.5rem;
  background: #ffffff;
  width: 48px;
  height: 48px;
  min-width: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.06);
}

.db-title-group h3 {
  margin: 0;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1.25;
}

.db-subtitle {
  font-size: 0.92rem;
  margin-top: 3px;
  display: block;
}

.badge-pill {
  background: #ffffff;
  padding: 6px 14px;
  border-radius: 20px;
  font-size: 0.88rem;
  font-weight: 700;
  box-shadow: 0 2px 5px rgba(0,0,0,0.04);
  white-space: nowrap;
}

/* Metrics Grid */
.db-stats-3 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
}

.stat-box {
  background: #ffffff;
  padding: 14px 10px;
  border-radius: 12px;
  text-align: center;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.03);
}

.stat-icon { font-size: 1.15rem; margin-bottom: 4px; display: block; }
.stat-label { display: block; font-size: 0.85rem; font-weight: 500; color: #64748b; margin-bottom: 2px; }
.stat-val { font-size: 1.1rem; font-weight: 700; color: #0f172a; line-height: 1 !important;}

/* List Rows & Grid Items */
.db-list { display: flex; flex-direction: column; gap: 12px; }

.list-row {
  background: #ffffff;
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 14px 16px;
  border-radius: 12px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.03);
}

.list-icon { font-size: 1.35rem; flex-shrink: 0; width: 28px; text-align: center; }
.list-info { flex: 1; }
.list-info strong { display: block; font-size: 1rem; color: #0f172a; line-height: 1.3; }
.list-info span { font-size: 0.88rem; color: #64748b; line-height: 1.4; display: block; margin-top: 2px; }

.status-tag {
  font-size: 0.8rem;
  font-weight: 700;
  padding: 5px 12px;
  border-radius: 6px;
  white-space: nowrap;
}

.db-footer-banner {
  background: #ffffff;
  padding: 14px 16px;
  border-radius: 12px;
  font-size: 0.92rem;
  line-height: 1.45;
  font-weight: 500;
  margin-top: 18px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.03);
  display: flex;
  align-items: center;
  gap: 12px;
}

/* Specific Sub-grids */
.wp-grid-2 { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; }
.wp-mini-card {
  background: #ffffff;
  padding: 14px;
  border-radius: 12px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.03);
  display: flex;
  align-items: flex-start;
  gap: 12px;
}
.wp-mini-card i { font-size: 1.3rem; margin-top: 2px; }
.wp-mini-card strong { display: block; font-size: 0.95rem; color: #8b6508; margin-bottom: 3px; }
.wp-mini-card p { margin: 0; font-size: 0.85rem; color: #64748b; line-height: 1.4; }

.clinical-steps { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; }
.clinical-step-card {
  background: #ffffff;
  padding: 14px 10px;
  border-radius: 12px;
  text-align: center;
  box-shadow: 0 2px 6px rgba(0,0,0,0.03);
}
.step-badge { font-size: 0.78rem; font-weight: 800; color: #0D6B6B; display: block; margin-bottom: 2px; }
.step-title { font-size: 0.95rem; font-weight: 600; color: #0a5252; display: block; margin-top: 10px; margin-bottom: 2px; }
.step-desc { font-size: 0.82rem; color: #64748b; line-height: 1.3 !important; }

.paed-feed { display: flex; flex-direction: column; gap: 12px; }
.paed-feed-item {
  background: #ffffff;
  padding: 14px 16px;
  border-radius: 12px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.03);
  display: flex;
  gap: 12px;
  align-items: center;
}
.paed-feed-item i { font-size: 1.35rem; color: #6B0D6B; }
.paed-feed-item p { margin: 3px 0 0 0; font-size: 0.85rem; color: #475569; }
.paed-feed-item strong { font-size: 0.95rem; color: #0f172a; }
.feed-tag { font-size: 0.75rem; font-weight: 800; text-transform: uppercase; padding: 3px 8px; border-radius: 4px; display: inline-block; }


/* ===================================================
   COLOR PALETTES
   =================================================== */

/* 1. Allo Connect (#5DCAA5) */
.card-connect {
  background-color: rgba(93, 202, 165, 0.12);
  border: 1.5px solid rgba(93, 202, 165, 0.4);
}
.card-connect .db-title-group h3, .card-connect .header-icon, .card-connect .stat-icon, .card-connect .list-icon { color: #0c5930; }
.card-connect .db-subtitle { color: #2e8b6d; }
.card-connect .badge-pill { color: #2e8b6d; border: 1px solid rgba(93, 202, 165, 0.4); }
.card-connect .status-tag { background: rgba(93, 202, 165, 0.2); color: #1e624c; }
.card-connect .db-footer-banner { border: 1px solid rgba(93, 202, 165, 0.3); color: #1e624c; }

/* 2. Allo Workplace (#B8860B) */
.card-workplace {
  background-color: rgb(184, 134, 11);
  border: 1.5px solid rgb(247, 243, 227);
}
.card-workplace .db-title-group h3, .card-workplace .header-icon, .card-workplace .stat-icon, .card-workplace .wp-mini-card i { color: #B8860B; }
.card-workplace .db-subtitle { color: #8b6508; }
.card-workplace .badge-pill { color: #8b6508; border: 1px solid rgba(184, 134, 11, 0.35); }
.card-workplace .db-footer-banner { border: 1px solid rgba(184, 134, 11, 0.3); color: #694c04; }

/* 3. Allo Clinical (#0D6B6B) */
.card-clinical {
  background-color: rgba(13, 107, 107, 0.1);
  border: 1.5px solid rgba(13, 107, 107, 0.35);
}
.card-clinical .db-title-group h3, .card-clinical .header-icon, .card-clinical .stat-icon, .card-clinical .list-icon { color: #0D6B6B; }
.card-clinical .db-subtitle { color: #0a5252; }
.card-clinical .badge-pill { color: #0a5252; border: 1px solid rgba(13, 107, 107, 0.35); }
.card-clinical .db-footer-banner { border: 1px solid rgba(13, 107, 107, 0.3); color: #0a5252; }

/* 4. Allo Paediatrics (#6B0D6B) */
.card-paediatrics {
  background-color: rgba(107, 13, 107, 0.08);
  border: 1.5px solid rgba(107, 13, 107, 0.3);
}
.card-paediatrics .db-title-group h3, .card-paediatrics .header-icon, .card-paediatrics .stat-icon { color: #6B0D6B; }
.card-paediatrics .db-subtitle { color: #520a52; }
.card-paediatrics .badge-pill { color: #520a52; border: 1px solid rgba(107, 13, 107, 0.3); }
.card-paediatrics .db-footer-banner { border: 1px solid rgba(107, 13, 107, 0.25); color: #520a52; }

/* ===================================================
   COLOR ACCENTS & BADGE ENHANCEMENT
   =================================================== */
/* 1. Allo Connect Status Tags (Increased Specificity) */
.allo-floating-card.card-connect .list-row:nth-of-type(1) .status-tag {
  background-color: #dcfce7 !important;
  color: #15803d !important;
  border: 1px solid #bbf7d0 !important;
}

.allo-floating-card.card-connect .list-row:nth-of-type(2) .status-tag {
  background-color: #e0f2fe !important;
  color: #0369a1 !important;
  border: 1px solid #bae6fd !important;
}

.allo-floating-card.card-connect .list-row:nth-of-type(3) .status-tag {
  background-color: #fef3c7 !important;
  color: #b45309 !important;
  border: 1px solid #fde68a !important;
}

/* 2. Allo Clinical Step Badges */
.allo-floating-card.card-clinical .clinical-step-card .step-badge {
  display: inline-block;
  background-color: rgba(13, 107, 107, 0.15) !important;
  color: #0D6B6B !important;
  padding: 3px 8px;
  border-radius: 6px;
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.5px;
  margin-bottom: 6px;
}

/* 3. Allo Paediatrics Feed Tags */
.allo-floating-card.card-paediatrics .paed-feed-item:nth-of-type(1) .feed-tag {
  background-color: #e0e7ff !important;
  color: #3730a3 !important;
  display: inline-block;
  padding: 2px 8px;
  border-radius: 4px;
}

.allo-floating-card.card-paediatrics .paed-feed-item:nth-of-type(2) .feed-tag {
  background-color: #ffe4e6 !important;
  color: #9f1239 !important;
  display: inline-block;
  padding: 2px 8px;
  border-radius: 4px;
}

/* 4. Footer Banner Highlighting */
.allo-floating-card.card-connect .db-footer-banner {
  background-color: #f0fdf4 !important;
  border-left: 4px solid #5DCAA5 !important;
  border-top: 1px solid rgba(93, 202, 165, 0.3) !important;
  border-right: 1px solid rgba(93, 202, 165, 0.3) !important;
  border-bottom: 1px solid rgba(93, 202, 165, 0.3) !important;
  color: #166534 !important;
}

.allo-floating-card.card-workplace .db-footer-banner {
  background-color: #fffbe2 !important;
  border-left: 4px solid #78350F !important;
  border-top: 1px solid rgba(184, 134, 11, 0.3) !important;
  border-right: 1px solid rgba(184, 134, 11, 0.3) !important;
  border-bottom: 1px solid rgba(184, 134, 11, 0.3) !important;
  color: #78350f !important;
}

.allo-floating-card.card-clinical .db-footer-banner {
  background-color: #f0fdfa !important;
  border-left: 4px solid #EE6700 !important;
  border-top: 1px solid rgba(13, 107, 107, 0.3) !important;
  border-right: 1px solid rgba(13, 107, 107, 0.3) !important;
  border-bottom: 1px solid rgba(13, 107, 107, 0.3) !important;
  color: #0a5252 !important;
}

.allo-floating-card.card-paediatrics .db-footer-banner {
  background-color: #fdf4ff !important;
  border-left: 4px solid #DD8719 !important;
  border-top: 1px solid rgba(107, 13, 107, 0.25) !important;
  border-right: 1px solid rgba(107, 13, 107, 0.25) !important;
  border-bottom: 1px solid rgba(107, 13, 107, 0.25) !important;
  color: #0b000b !important;
}

/* ===================================================
   ALLO CLINICAL - PROGRESSIVE STEP BADGES
   =================================================== */

/* Base Step Badge Layout */
.allo-floating-card.card-clinical .clinical-step-card .step-badge {
  display: inline-block;
  padding: 3px 8px;
  border-radius: 6px;
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.5px;
  margin-bottom: 6px;
}

/* Step 01: Initial Stage (Sky Blue) */
.allo-floating-card.card-clinical .clinical-step-card:nth-of-type(1) .step-badge {
  background-color: #e0f2fe !important;
  color: #0369a1 !important;
  border: 1px solid #bae6fd !important;
}

/* Step 02: In Progress / Processing (Warm Amber) */
.allo-floating-card.card-clinical .clinical-step-card:nth-of-type(2) .step-badge {
  background-color: #fef3c7 !important;
  color: #b45309 !important;
  border: 1px solid #fde68a !important;
}

/* Step 03: Final Review / Complete (Emerald Green) */
.allo-floating-card.card-clinical .clinical-step-card:nth-of-type(3) .step-badge {
  background-color: #dcfce7 !important;
  color: #15803d !important;
  border: 1px solid #bbf7d0 !important;
}


/* ===================================================
   RESPONSIVE MEDIA QUERIES (MOBILE OPTIMIZATION)
   =================================================== */

/* Tablet Screens (Below 768px) */
@media screen and (max-width: 768px) {
  .allo-floating-card {
    padding: 20px;
  }

  .db-title-group h3 { font-size: 1.28rem; }
  .badge-pill { font-size: 0.82rem; }

  .wp-grid-2 {
    grid-template-columns: 1fr;
  }
}

/* Mobile Screens (Below 480px) */
@media screen and (max-width: 480px) {
  .allo-floating-card {
    padding: 16px;
  }

  .db-title-group h3 { font-size: 1.2rem; }
  .db-subtitle { font-size: 0.82rem; }
  .stat-val { font-size: 1.25rem; }
  .stat-label { font-size: 0.78rem; }

  /* Converts multi-column grids into single vertical columns */
  .db-stats-3, 
  .wp-grid-2,
  .clinical-steps {
    grid-template-columns: 1fr !important;
    gap: 10px;
  }

  /* Formats rows on mobile so badge status aligns neatly */
  .list-row {
    padding: 12px 14px;
    flex-wrap: wrap;
    gap: 10px;
  }

  .list-info strong { font-size: 0.95rem; }
  .list-info span { font-size: 0.82rem; }

  .status-tag {
    font-size: 0.75rem;
    padding: 4px 10px;
    align-self: flex-start;
  }

  .paed-feed-item {
    padding: 12px;
  }

  .paed-feed-item strong { font-size: 0.9rem; }
  .paed-feed-item p { font-size: 0.8rem; }
}