/**
 * Code generated by Microsoft. Changes to this file are not
 * supported. We recommend that you do not modify this file. Any
 * change to this file will get overwritten with a theme applied using
 * Site Styling panel from Power Apps Portals.
 */
 :root {
    --portalThemeColor1: #2E456B;
    --portalThemeColor2: #FFCA4B;
    --portalThemeColor3: #277493;
    --portalThemeColor4: #FEA002;
    --portalThemeColor5: #F3DBB1;
    --portalThemeColor6: #88ABA2;
    --portalThemeColor7: #FFFFFF;
    --portalThemeColor8: #2A2C2E;
    --portalThemeColor9: #E58700;
    --portalThemeColor10: ;
    --portalThemeColor11: ;
    --portalThemeColor12: ;
    --portalThemeOnColor1: #FFFFFF;
    --portalThemeOnColor2: #2A2C2E;
    --portalThemeOnColor3: #FFFFFF;
    --portalThemeOnColor4: #2A2C2E;
    --portalThemeOnColor5: #2A2C2E;
    --portalThemeOnColor6: #2A2C2E;
    --portalThemeOnColor7: #2A2C2E;
    --portalThemeOnColor8: #FFFFFF;
    --portalThemeOnColor9: #2A2C2E;
    --portalThemeOnColor10: ;
    --portalThemeOnColor11: ;
    --portalThemeOnColor12: ; }
  
  [data-component-theme="portalThemeColor1"] {
    background-color: var(--portalThemeColor1);
    color: var(--portalThemeOnColor1); }
    [data-component-theme="portalThemeColor1"] h1, [data-component-theme="portalThemeColor1"] h2, [data-component-theme="portalThemeColor1"] h3, [data-component-theme="portalThemeColor1"] h4, [data-component-theme="portalThemeColor1"] h5, [data-component-theme="portalThemeColor1"] h6, [data-component-theme="portalThemeColor1"] p {
      color: var(--portalThemeOnColor1); }
  
  [data-component-theme="portalThemeColor2"] {
    background-color: var(--portalThemeColor2);
    color: var(--portalThemeOnColor2); }
    [data-component-theme="portalThemeColor2"] h1, [data-component-theme="portalThemeColor2"] h2, [data-component-theme="portalThemeColor2"] h3, [data-component-theme="portalThemeColor2"] h4, [data-component-theme="portalThemeColor2"] h5, [data-component-theme="portalThemeColor2"] h6, [data-component-theme="portalThemeColor2"] p {
      color: var(--portalThemeOnColor2); }
  
  [data-component-theme="portalThemeColor3"] {
    background-color: var(--portalThemeColor3);
    color: var(--portalThemeOnColor3); }
    [data-component-theme="portalThemeColor3"] h1, [data-component-theme="portalThemeColor3"] h2, [data-component-theme="portalThemeColor3"] h3, [data-component-theme="portalThemeColor3"] h4, [data-component-theme="portalThemeColor3"] h5, [data-component-theme="portalThemeColor3"] h6, [data-component-theme="portalThemeColor3"] p {
      color: var(--portalThemeOnColor3); }
  
  [data-component-theme="portalThemeColor4"] {
    background-color: var(--portalThemeColor4);
    color: var(--portalThemeOnColor4); }
    [data-component-theme="portalThemeColor4"] h1, [data-component-theme="portalThemeColor4"] h2, [data-component-theme="portalThemeColor4"] h3, [data-component-theme="portalThemeColor4"] h4, [data-component-theme="portalThemeColor4"] h5, [data-component-theme="portalThemeColor4"] h6, [data-component-theme="portalThemeColor4"] p {
      color: var(--portalThemeOnColor4); }
  
  [data-component-theme="portalThemeColor5"] {
    background-color: var(--portalThemeColor5);
    color: var(--portalThemeOnColor5); }
    [data-component-theme="portalThemeColor5"] h1, [data-component-theme="portalThemeColor5"] h2, [data-component-theme="portalThemeColor5"] h3, [data-component-theme="portalThemeColor5"] h4, [data-component-theme="portalThemeColor5"] h5, [data-component-theme="portalThemeColor5"] h6, [data-component-theme="portalThemeColor5"] p {
      color: var(--portalThemeOnColor5); }
  
  [data-component-theme="portalThemeColor6"] {
    background-color: var(--portalThemeColor6);
    color: var(--portalThemeOnColor6); }
    [data-component-theme="portalThemeColor6"] h1, [data-component-theme="portalThemeColor6"] h2, [data-component-theme="portalThemeColor6"] h3, [data-component-theme="portalThemeColor6"] h4, [data-component-theme="portalThemeColor6"] h5, [data-component-theme="portalThemeColor6"] h6, [data-component-theme="portalThemeColor6"] p {
      color: var(--portalThemeOnColor6); }
  
  [data-component-theme="portalThemeColor7"] {
    background-color: var(--portalThemeColor7);
    color: var(--portalThemeOnColor7); }
    [data-component-theme="portalThemeColor7"] h1, [data-component-theme="portalThemeColor7"] h2, [data-component-theme="portalThemeColor7"] h3, [data-component-theme="portalThemeColor7"] h4, [data-component-theme="portalThemeColor7"] h5, [data-component-theme="portalThemeColor7"] h6, [data-component-theme="portalThemeColor7"] p {
      color: var(--portalThemeOnColor7); }
  
  [data-component-theme="portalThemeColor8"] {
    background-color: var(--portalThemeColor8);
    color: var(--portalThemeOnColor8); }
    [data-component-theme="portalThemeColor8"] h1, [data-component-theme="portalThemeColor8"] h2, [data-component-theme="portalThemeColor8"] h3, [data-component-theme="portalThemeColor8"] h4, [data-component-theme="portalThemeColor8"] h5, [data-component-theme="portalThemeColor8"] h6, [data-component-theme="portalThemeColor8"] p {
      color: var(--portalThemeOnColor8); }
  
  [data-component-theme="portalThemeColor9"] {
    background-color: var(--portalThemeColor9);
    color: var(--portalThemeOnColor9); }
    [data-component-theme="portalThemeColor9"] h1, [data-component-theme="portalThemeColor9"] h2, [data-component-theme="portalThemeColor9"] h3, [data-component-theme="portalThemeColor9"] h4, [data-component-theme="portalThemeColor9"] h5, [data-component-theme="portalThemeColor9"] h6, [data-component-theme="portalThemeColor9"] p {
      color: var(--portalThemeOnColor9); }
  
  [data-component-theme="portalThemeColor10"] {
    background-color: var(--portalThemeColor10);
    color: var(--portalThemeOnColor10); }
    [data-component-theme="portalThemeColor10"] h1, [data-component-theme="portalThemeColor10"] h2, [data-component-theme="portalThemeColor10"] h3, [data-component-theme="portalThemeColor10"] h4, [data-component-theme="portalThemeColor10"] h5, [data-component-theme="portalThemeColor10"] h6, [data-component-theme="portalThemeColor10"] p {
      color: var(--portalThemeOnColor10); }
  
  [data-component-theme="portalThemeColor11"] {
    background-color: var(--portalThemeColor11);
    color: var(--portalThemeOnColor11); }
    [data-component-theme="portalThemeColor11"] h1, [data-component-theme="portalThemeColor11"] h2, [data-component-theme="portalThemeColor11"] h3, [data-component-theme="portalThemeColor11"] h4, [data-component-theme="portalThemeColor11"] h5, [data-component-theme="portalThemeColor11"] h6, [data-component-theme="portalThemeColor11"] p {
      color: var(--portalThemeOnColor11); }
  
  [data-component-theme="portalThemeColor12"] {
    background-color: var(--portalThemeColor12);
    color: var(--portalThemeOnColor12); }
    [data-component-theme="portalThemeColor12"] h1, [data-component-theme="portalThemeColor12"] h2, [data-component-theme="portalThemeColor12"] h3, [data-component-theme="portalThemeColor12"] h4, [data-component-theme="portalThemeColor12"] h5, [data-component-theme="portalThemeColor12"] h6, [data-component-theme="portalThemeColor12"] p {
      color: var(--portalThemeOnColor12); }
  
  body {
    color: #000000;
    background-color: #FFFFFF; }
  
  legend {
    color: #000000; }
  
  footer {
    color: #2A2C2E;
    font-family: Arial;
    font-weight: 400;
    font-size: 16px; }
    footer .footer-bottom {
      background-color: #88ABA2; }
  
  .columnBlockLayout {
    margin-top: 60px;
    margin-bottom: 60px;
    padding: 16px; }
  
  .breadcrumb {
    background-color: transparent; }
    .breadcrumb > li a {
      color: #2A2C2E; }
      .breadcrumb > li a:hover {
        color: #2A2C2E; }
    .breadcrumb > .active {
      color: #000000; }
  
  .nav-tabs > li > a:hover {
    background-color: #f2f2f2;
    color: #2A2C2E; }
  
  .nav-tabs > li > a:focus {
    background-color: #f2f2f2;
    color: #2A2C2E; }
  
  .btn-primary {
    color: #2A2C2E;
    background-color: #FEA002;
    border-color: #FEA002;
    border-radius: 2px;
    font-family: Arial;
    font-weight: 600;
    font-size: 14px;
    padding: 6px 20px;
    width: fit-content;
    border-style: solid;
    background-color: #FEA002;
    color: #2A2C2E; }
    .btn-primary:hover {
      color: #2A2C2E;
      background-color: #E58700;
      border-color: #E58700; }
    .btn-primary:active, .btn-primary.active {
      color: #2A2C2E;
      background-color: #E58700;
      border-color: #E58700; }
      .btn-primary:active:hover, .btn-primary:active:focus, .btn-primary:active.focus, .btn-primary.active:hover, .btn-primary.active:focus, .btn-primary.active.focus {
        color: #2A2C2E;
        background-color: #E58700;
        border-color: #E58700; }
    .btn-primary:focus, .btn-primary.focus {
      color: #2A2C2E;
      background-color: #E58700;
      border-color: #E58700; }
  
  .navbar-static-top.navbar-inverse {
    background-color: #2E456B; }
  
  .navbar-toggle {
    background-color: #FEA002; }
  
  .navbar-static-top.navbar .menu-bar > .navbar-nav > li > a {
    font-family: Arial;
    font-weight: 400;
    font-size: 20px; }
    .navbar-static-top.navbar .menu-bar > .navbar-nav > li > a:hover {
      text-decoration: Underline; }
  
  .navbar-inverse .navbar-toggle {
    border: 1px solid #FEA002; }
    .navbar-inverse .navbar-toggle:hover {
      background-color: #E58700;
      border-color: #E58700; }
    .navbar-inverse .navbar-toggle:focus {
      border: 1px solid #ffffff;
      background-color: #E58700; }
    .navbar-inverse .navbar-toggle .icon-bar {
      background-color: #2A2C2E;
      border-color: #2A2C2E; }
  
  .navbar-inverse .navbar-nav > li > a {
    color: #FFFFFF;
    font-family: Arial;
    font-weight: 400;
    font-size: 20px; }
    .navbar-inverse .navbar-nav > li > a:hover {
      background-color: #FEA002;
      color: #000000;
      text-decoration: Underline; }
    .navbar-inverse .navbar-nav > li > a:focus {
      background-color: #FEA002;
      color: #000000;
      text-decoration: Underline; }
  
  .navbar-inverse .navbar-nav > .open > a {
    color: #000000;
    background-color: #FEA002;
    text-decoration: Underline; }
    .navbar-inverse .navbar-nav > .open > a:hover {
      color: #000000;
      background-color: #FEA002;
      text-decoration: Underline; }
    .navbar-inverse .navbar-nav > .open > a:focus {
      color: #000000;
      background-color: #FEA002;
      text-decoration: Underline; }
  
  .navbar-inverse .navbar-nav .open .dropdown-menu {
    background-color: #FEA002;
    text-decoration: none; }
    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
      color: #000000;
      text-decoration: none; }
      .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover {
        background-color: #000000;
        color: #FEA002;
        text-decoration: Underline; }
      .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
        background-color: #000000;
        color: #FEA002;
        text-decoration: Underline; }
    .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a {
      background-color: #000000;
      color: #FEA002;
      text-decoration: Underline; }
      .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover {
        background-color: #000000;
        color: #FEA002;
        text-decoration: Underline; }
      .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
        background-color: #000000;
        color: #FEA002;
        text-decoration: Underline; }
  
  .nav > li > a {
    text-decoration: none; }
    .nav > li > a:hover {
      background-color: #f2f2f2; }
    .nav > li > a:focus {
      background-color: #f2f2f2; }
  
  .nav .open .dropdown-menu {
    background-color: #FFFFFF; }
    .nav .open .dropdown-menu > li > a {
      text-decoration: none;
      color: #000000; }
      .nav .open .dropdown-menu > li > a:hover {
        background-color: #f2f2f2;
        color: #000000; }
      .nav .open .dropdown-menu > li > a:focus {
        background-color: #f2f2f2;
        color: #000000; }
    .nav .open .dropdown-menu > .active > a {
      background-color: #f2f2f2;
      color: #000000; }
      .nav .open .dropdown-menu > .active > a:hover {
        background-color: #f2f2f2;
        color: #000000; }
      .nav .open .dropdown-menu > .active > a:focus {
        background-color: #f2f2f2;
        color: #000000; }
  
  .nav > .open > a {
    text-decoration: none;
    background-color: #f2f2f2; }
    .nav > .open > a:hover {
      background-color: #f2f2f2; }
    .nav > .open > a:focus {
      background-color: #f2f2f2; }
  
  .sectionPrimaryColor {
    background-color: #FFCA4B;
    color: #000000; }
    .sectionPrimaryColor h1, .sectionPrimaryColor h2, .sectionPrimaryColor h3, .sectionPrimaryColor h4, .sectionPrimaryColor h5, .sectionPrimaryColor h6, .sectionPrimaryColor p, .sectionPrimaryColor a {
      color: #000000; }
    .sectionPrimaryColor .crmEntityFormView h1, .sectionPrimaryColor .crmEntityFormView h2, .sectionPrimaryColor .crmEntityFormView h3, .sectionPrimaryColor .crmEntityFormView h4, .sectionPrimaryColor .crmEntityFormView h5, .sectionPrimaryColor .crmEntityFormView h6, .sectionPrimaryColor .crmEntityFormView p, .sectionPrimaryColor .crmEntityFormView a {
      color: #000000; }
    .sectionPrimaryColor .entitylist h1, .sectionPrimaryColor .entitylist h2, .sectionPrimaryColor .entitylist h3, .sectionPrimaryColor .entitylist h4, .sectionPrimaryColor .entitylist h5, .sectionPrimaryColor .entitylist h6, .sectionPrimaryColor .entitylist p, .sectionPrimaryColor .entitylist a {
      color: #000000; }
  
  a:not(.btn) {
    text-decoration: underline; }
    a:not(.btn):hover {
      text-decoration: underline; }
  
  a,
  .a {
    color: #2A2C2E;
    font-family: Arial;
    font-weight: 400;
    font-size: 14px; }
    a:hover, a:focus,
  .a:hover,
  .a:focus {
      color: #2A2C2E; }
  
  a[disabled] {
    color: #A19F9D;
    pointer-events: none; }
  
  button[disabled] {
    background-color: #F3F2F1;
    color: #A19F9D;
    pointer-events: none;
    border: 2px; }
  
  .open > .btn-default.dropdown-toggle {
    color: #2A2C2E;
    background-color: #e6e6e6;
    border-color: #FEA002; }
  
  .open > .btn-primary.dropdown-toggle {
    color: #ffffff;
    background-color: #FEA002;
    border-color: #FEA002; }
    .open > .btn-primary.dropdown-toggle:hover, .open > .btn-primary.dropdown-toggle:focus, .open > .btn-primary.dropdown-toggle.focus {
      color: #2A2C2E;
      background-color: #E58700;
      border-color: #b26900; }
  
  .crmEntityFormView, .entitylist, .modal-content, .popover-content {
    background-color: #FFFFFF;
    color: #000000;
    border: 1px solid #f2f2f2; }
  
  .panel-default > .panel-body, .list-group-item {
    background-color: #FFFFFF;
    color: #000000; }
  
  .panel-default > .panel-heading {
    background-color: #f2f2f2;
    color: #000000; }
  
  .facet-list-group-item-title {
    color: #000000; }
  
  .form-control {
    background-color: #FFFFFF !important;
    color: #000000; }
  
  input {
    background-color: #FFFFFF; }
  
  .bootstrap-datetimepicker-widget {
    background-color: #FFFFFF; }
    .bootstrap-datetimepicker-widget table thead tr:first-child th:hover, .bootstrap-datetimepicker-widget table td.day:hover, .bootstrap-datetimepicker-widget table td span:hover {
      color: black; }
    .bootstrap-datetimepicker-widget table td.active:hover, .bootstrap-datetimepicker-widget table td span.active:hover {
      color: white; }
  
  .table-striped > tbody > tr:nth-of-type(odd) {
    background-color: unset; }
  
  .login-heading-section {
    color: unset; }
  
  .navbar-static-top.navbar-inverse .navbar-brand a {
    color: #ffffff; }
  
  .search-results .highlight {
    color: #000000; }
  
  .table > thead > tr.info > td {
    background-color: #f2f2f2; }
  
  .table > thead > tr.info > th {
    background-color: #f2f2f2; }
  
  .table > thead > tr > td.info {
    background-color: #f2f2f2; }
  
  .table > thead > tr > th.info {
    background-color: #f2f2f2; }
  
  .table > tbody > tr.info > td {
    background-color: #f2f2f2; }
  
  .table > tbody > tr.info > th {
    background-color: #f2f2f2; }
  
  .table > tbody > tr > td.info {
    background-color: #f2f2f2; }
  
  .table > tbody > tr > th.info {
    background-color: #f2f2f2; }
  
  .table > tfoot > tr.info > td {
    background-color: #f2f2f2; }
  
  .table > tfoot > tr.info > th {
    background-color: #f2f2f2; }
  
  .table > tfoot > tr > td.info {
    background-color: #f2f2f2; }
  
  .table > tfoot > tr > th.info {
    background-color: #f2f2f2; }
  
  .table-hover > tbody > tr:hover {
    background-color: #f2f2f2; }
  
  .table-hover > tbody > tr > td.info:hover {
    background-color: #f2f2f2; }
  
  .table-hover > tbody > tr > th.info:hover {
    background-color: #f2f2f2; }
  
  .table-hover > tbody > tr.info:hover > td {
    background-color: #f2f2f2; }
  
  .table-hover > tbody > tr.info:hover > th {
    background-color: #f2f2f2; }
  
  .table-hover > tbody > tr:hover > .info {
    background-color: #f2f2f2; }
  
  .form-close {
    color: #000000; }
    .form-close:hover {
      color: #000000 !important; }
    .form-close:focus {
      color: #000000 !important; }
  
  ::placeholder {
    color: #000000 !important; }
  
  .help-block {
    color: #000000; }
  
  .msos-selection-container, .msos-container, .msos-caret-container, .msos-action-buttons:hover {
    color: #000000 !important;
    background: #FFFFFF !important; }
  
  .msos-option-selected, .msos-selected-display-item, .msos-quick-delete, .msos-quick-delete:hover {
    background: #f2f2f2 !important; }
  
  .msos-label, .msos-quick-delete, .msos-quick-delete:hover {
    color: #000000 !important; }
  
  .msos-option-focused:after, .msos-selecteditems:focus .msos-selected-display-item.msos-selecteditem-active:after, .msos-selecteditems-toggle:focus {
    border-color: #000000 !important; }
  
  .msos-option:hover, .msos-option-selected:hover {
    background: #f9f9f9 !important; }
  
  .msos-selecteditems-toggle {
    color: #FFCA4B !important; }
  
  h1,
  .h1,
  .section-landing-heading,
  .section-landing .row > div .section-landing-heading,
  .section-inline-search .row > div h1,
  .section-landing h1,
  .section-search .header-search h1,
  .page_section h1,
  .color-inverse h1,
  h1 p {
    font-family: Arial;
    font-weight: 400;
    font-size: 40px;
    color: #2A2C2E;
    margin-left: 0px;
    margin-right: 0px; }
  
  h2,
  .h2,
  .section-landing .row > div .section-landing-sub-heading,
  .page_section h2,
  .color-inverse h2,
  h2 p {
    font-family: Arial;
    font-weight: 400;
    font-size: 36px;
    color: #2A2C2E; }
  
  h3,
  .h3,
  .page_section h3,
  .color-inverse h3,
  .sidebar-home h3 {
    font-family: Arial;
    font-weight: 400;
    font-size: 24px;
    color: #2A2C2E; }
  
  h4,
  .h4,
  .poll .poll-header h4,
  .poll .poll-tags h4 {
    font-family: Arial;
    font-weight: 700;
    font-size: 24px;
    color: #2A2C2E; }
  
  h5,
  .h5 {
    font-family: Arial;
    font-weight: 700;
    font-size: 14px;
    color: #2A2C2E; }
  
  p,
  .p,
  .page_section p,
  .section-diagonal-left p,
  .section-diagonal-right p {
    font-family: Arial;
    font-weight: 400;
    font-size: 20px;
    color: #2A2C2E; }
  
  .p2 {
    font-family: Arial;
    font-weight: 400;
    font-size: 16px;
    color: #2A2C2E; }
  
  .button1 {
    color: #2A2C2E;
    border-radius: 2px;
    font-family: Arial;
    font-weight: 600;
    font-size: 14px;
    border-color: #FEA002;
    padding: 6px 20px;
    width: fit-content;
    border-style: solid;
    background-color: #FEA002; }
    .button1:not(.gjs-selected):hover {
      color: #2A2C2E;
      background-color: #E58700;
      border-color: #E58700; }
    .button1:not(.gjs-selected):active, .button1.active:not(.gjs-selected) {
      color: #2A2C2E;
      background-color: #E58700; }
    .button1:focus, .button1.focus {
      color: #2A2C2E;
      background-color: #E58700; }
  
  .button2, .btn-default {
    color: #FEA002;
    border-radius: 2px;
    font-family: Arial;
    font-weight: 600;
    font-size: 14px;
    border-color: #FEA002;
    padding: 6px 20px;
    width: fit-content;
    border-style: solid;
    background-color: transparent; }
    .button2:not(.gjs-selected):hover, .btn-default:not(.gjs-selected):hover {
      color: #2A2C2E;
      background-color: #FEA002;
      border-color: #FEA002; }
    .button2:not(.gjs-selected):active, .button2.active:not(.gjs-selected), .btn-default:not(.gjs-selected):active, .btn-default.active:not(.gjs-selected) {
      color: #2A2C2E;
      background-color: #FEA002; }
    .button2:focus, .button2.focus, .btn-default:focus, .btn-default.focus {
      color: #2A2C2E;
      background-color: #FEA002; }
  
  .navbar-static-top.navbar-inverse .navbar-brand a p,
  .navbar-static-top.navbar-inverse .navbar-brand a h1,
  .navbar-static-top.navbar-inverse .navbar-brand a h2,
  .navbar-static-top.navbar-inverse .navbar-brand a h3,
  .navbar-static-top.navbar-inverse .navbar-brand a h4,
  .navbar-static-top.navbar-inverse .navbar-brand a h5,
  .navbar-static-top.navbar-inverse .navbar-brand a span {
    display: inline;
    vertical-align: middle;
    color: #FFFFFF; }
  
  h1.siteTitle,
  .navbar-static-top.navbar-inverse .navbar-brand a h1.siteTitle {
    display: inline;
    vertical-align: middle;
    color: #FFFFFF;
    font-family: Arial;
    font-weight: 400;
    font-size: 30px; }
  
  p.smallText {
    display: inline;
    vertical-align: middle;
    color: #2A2C2E;
    font-family: Arial;
    font-weight: 400;
    font-size: 16px; }
  
  a.anchor-inherit-styles {
    font-size: inherit;
    font-family: inherit;
    color: inherit; }
  
  a.anchor-hover-color-color1:hover {
    color: var(--portalThemeColor1) !important; }
  
  a.anchor-hover-color-color2:hover {
    color: var(--portalThemeColor2) !important; }
  
  a.anchor-hover-color-color3:hover {
    color: var(--portalThemeColor3) !important; }
  
  a.anchor-hover-color-color4:hover {
    color: var(--portalThemeColor4) !important; }
  
  a.anchor-hover-color-color5:hover {
    color: var(--portalThemeColor5) !important; }
  
  a.anchor-hover-color-color6:hover {
    color: var(--portalThemeColor6) !important; }
  
  a.anchor-hover-color-color7:hover {
    color: var(--portalThemeColor7) !important; }
  
  a.anchor-hover-color-color8:hover {
    color: var(--portalThemeColor8) !important; }
  
  a.anchor-hover-color-color9:hover {
    color: var(--portalThemeColor9) !important; }
  
  a.anchor-hover-color-color10:hover {
    color: var(--portalThemeColor10) !important; }
  
  a.anchor-hover-color-color11:hover {
    color: var(--portalThemeColor11) !important; }
  
  a.anchor-hover-color-color12:hover {
    color: var(--portalThemeColor12) !important; }
  
  a.anchor-text-decoration-none {
    text-decoration: none; }
  
  a.anchor-text-decoration-underline {
    text-decoration: underline; }
  
  a.anchor-hover-text-decoration-none:hover {
    text-decoration: none; }
  
  a.anchor-hover-text-decoration-underline:hover {
    text-decoration: underline; }

    
    
    /* Default background for desktop */
.hero-banner {
  background-image: url('/desktop-bg.png');
  background-size: cover;
  background-position: center;
  min-height: 100vh;
}

/* Override background for mobile devices */
@media screen and (max-width: 768px) {
  .hero-banner {
    background-image: url('/mobile-bg.png');
    background-size: cover;
    background-position: center;
    min-height: 100vh;
  }
}

.ppFlexContainer {
  display: flex;
  flex-direction: column;
  height: 100%; /* Adjust as needed */
}

.ppFlexContainer p {
  margin-bottom: auto;
}

.ppFlexContainer a {
  align-self: flex-start; /* Aligns the button to the start of the cross axis */
}

/* ------------------- Navbar Core ------------------- */
body .navbar.navbar-expand-lg {
  background-color: #2e456b !important;
  height: 70px;
  margin-bottom: 0 !important;
  padding: 0 1rem;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  flex-wrap: nowrap !important;
  position: relative; /* For mobile collapse positioning */
}

/* Containers and Wrappers */
body .navbar .container-fluid,
body .navbar .xrm-attribute-value {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  flex-wrap: nowrap !important;
  width: 100%;
  height: 70px;
  padding-left: 1rem !important;
  padding-right: 1.5rem !important; /* Right padding for toggle */
}

/* Logo */
body .navbar .navbar-brand {
  margin-right: auto !important;
  order: 0;
}
body .navbar .navbar-brand img {
  max-height: 50px !important;
  width: auto !important;
  margin: 0 !important;
  display: block !important;
}

/* Toggle Button */
body .navbar-toggler {
  background-color: #fea002 !important;
  border: none !important;
  margin-right: 1rem !important; /* Space from right edge */
}
body .navbar-toggler .navbar-toggler-icon {
  filter: brightness(0) invert(1);
}

/* ------------------- Menu Items (Desktop) ------------------- */
body .navbar .navbar-nav {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: center;
  margin-left: auto;
}
body .navbar .nav-link {
  font-size: 20px !important;
  color: #ffffff !important;
  padding: 0 1.5rem;
  display: flex;
  align-items: center;
  white-space: nowrap;
  height: auto;
  line-height: 1.2;
}

/* Vertical Dividers */
body .navbar-nav > .nav-item:not(:last-child):not(.dropdown) > .nav-link {
  border-right: 1px solid #ffffff;
  height: auto;
  line-height: 1.2;
}

/* Dropdown Styling */
body .navbar .dropdown-menu {
  background-color: #2e456b;
  border: none;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease;
}
body .navbar .dropdown:hover .dropdown-menu {
  opacity: 1;
  visibility: visible;
}
body .navbar .dropdown-item {
  color: #ffffff !important;
  font-size: 18px !important;
}
body .navbar .dropdown-item:hover {
  background-color: #1c2f4d !important;
  color: #ffd700 !important;
}

/* ------------------- Mobile Adjustments ------------------- */
@media (max-width: 991.98px) {
  /* Collapse container positioned below navbar */
  body .navbar-collapse {
    position: absolute;
    top: 70px; /* Menu starts below navbar */
    left: 0;
    right: 0;
    background-color: #2e456b;
    padding: 1rem;
    z-index: 9999;
    max-width: 100vw !important;
    overflow-x: hidden;
  }

  /* Menu items block display */
  body .navbar-collapse .navbar-nav {
    width: 100% !important;
    padding: 0 !important;
  }

  body .navbar-collapse .nav-item {
    display: block !important;
    width: 100% !important;
  }

  body .navbar-collapse .nav-link {
    display: block !important;
    width: 100% !important;
    text-align: left !important;
    padding: 0.75rem 1rem;
    color: #ffffff !important;
    font-size: 20px !important;
    border: none !important;
  }

  /* Horizontal dividers in mobile */
  body .navbar-collapse .nav-item:not(:last-child) .nav-link {
    border-bottom: 1px solid #ffffff;
  }

  body .navbar-collapse .nav-item:last-child .nav-link {
    border-bottom: none;
  }
}

/* ------------------- Get Started Button ------------------- */

/* Ensure main content & button stay visible above navbar collapse */
body .main-content, 
body .section-primary, 
body .hero-section {
  position: relative;
  z-index: 1;
}

/* Get Started Button Styling */
body .btn-primary,
body .btn {
  background-color: #fea002 !important; /* Orange background */
  color: #000000 !important; /* Black text */
  font-size: 18px;
  border: none;
  padding: 0.75rem 1.5rem;
  z-index: 1;
  position: relative;
}

/* Hover effect for button */
body .btn-primary:hover,
body .btn:hover {
  background-color: #cc8500 !important; /* Darker orange */
  color: #000000 !important; /* Keep text black */
}





.nav-link {
  position: relative;
  color: #ffffff !important;
  transition: color 0.3s ease, text-shadow 0.3s ease;
}

.nav-link:hover {
  color: #fea002 !important; /* Bright orange */
  text-shadow: 0 0 15px rgba(254,160,2,1), 0 0 30px rgba(254,160,2,0.8); /* Strong glow layers */
}

.nav-link::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -4px;
  width: 0%;
  height: 2px;
  background-color: #fea002;
  box-shadow: 0 0 15px rgba(254,160,2,1); /* Glowing underline */
  transition: width 0.3s ease;
}

.nav-link:hover::after {
  width: 100%;
}

/* Core button styling */
.btn, .btn-primary {
  transition: all 0.3s ease !important;
  background-color: #fea002 !important; /* Orange */
  color: #000000 !important; /* Black text */
  box-shadow: none !important; /* Reset any previous shadows */
}

/* Strong glowing hover */
.btn:hover, .btn-primary:hover {
  box-shadow: 0 0 20px 5px rgba(254,160,2,1) !important; /* Heavy glow */
  background-color: #cc8500 !important; /* Slightly darker orange */
}

/* Active press effect */
.btn:active, .btn-primary:active {
  transform: scale(0.95) !important;
  box-shadow: 0 0 15px 5px rgba(254,160,2,1) !important; /* Still glowing */
}

.navbar-brand img {
  transition: all 0.4s ease !important;
  filter: drop-shadow(0 0 5px rgba(254,160,2,0.8)); /* Initial subtle glow */
}

/* Stronger glow on hover */
.navbar-brand img:hover {
  filter: drop-shadow(0 0 15px rgba(254,160,2,1));
}

/* Add to logo for constant pulse glow */
@keyframes logoGlowPulse {
  0% { filter: drop-shadow(0 0 5px rgba(254,160,2,0.7)); }
  50% { filter: drop-shadow(0 0 15px rgba(254,160,2,1)); }
  100% { filter: drop-shadow(0 0 5px rgba(254,160,2,0.7)); }
}

.navbar-brand img {
  animation: logoGlowPulse 2s infinite;
}
/* Always glow on mobile, pulse on desktop */
@media (max-width: 991.98px) {
  .navbar-brand img {
    filter: drop-shadow(0 0 10px rgba(254,160,2,1)) !important;
  }
}

/* Desktop pulse animation */
@media (min-width: 992px) {
  .navbar-brand img {
    animation: logoGlowPulse 2s infinite !important;
  }
}


.logo-wrapper {
  display: inline-block;
  transition: all 0.4s ease !important;
  box-shadow: 0 0 8px rgba(254,160,2,0.8); /* Initial glow */
}

/* Stronger glow on hover (for desktop) */
@media (hover: hover) and (pointer: fine) {
  .logo-wrapper:hover {
    box-shadow: 0 0 20px rgba(254,160,2,1);
  }
}

/* Constant glow for mobile */
@media (hover: none) and (pointer: coarse) {
  .logo-wrapper {
    box-shadow: 0 0 15px rgba(254,160,2,1) !important;
  }
}
.navbar-brand img {
  display: block;
  transition: all 0.4s ease !important;
  box-shadow: 0 0 15px rgba(254,160,2,1) !important; /* Forceful glow */
}

/* Optional: Stronger glow on hover for devices that support hover */
@media (hover: hover) {
  .navbar-brand img:hover {
    box-shadow: 0 0 25px rgba(254,160,2,1) !important;
  }
}



#three-container canvas {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 12;
  pointer-events: auto;
}

.ppFlexContainer {
  position: relative;
  z-index: 10; /* Put button above canvas */
}


body {
  background-color: white  !important;

  margin: 0;
  overflow: hidden;
}
canvas {
  display: block;
}

.hero-banner, .navbar, .main-button {
  z-index: 10;
  position: relative;
}

#three-container canvas {
  cursor: grab;
}

#three-container canvas:active {
  cursor: grabbing;
}

.globe-hero {
  position: relative;
  height: 100vh;
  background: linear-gradient(to bottom, #ffffff 60%, #f0f0f0 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

#three-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.overlay-text {
  position: relative;
  z-index: 2;
  color: #222;
  text-align: center;
  padding: 2rem;
  background: rgba(255, 255, 255, 0.8);
  border-radius: 1rem;
  max-width: 600px;
  margin: 0 auto;
}

.overlay-text h1 {
  font-size: 2rem;
  margin-bottom: 1rem;
}

.overlay-text .main-button {
  margin-top: 1.5rem;
}
#main-button {
  position: absolute;
  bottom: 40px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 10;
}

#main-button button {
  padding: 14px 28px;
  font-size: 18px;
  background-color: #ff8800;
  color: white;
  border: none;
  border-radius: 8px;
  box-shadow: 0 0 12px rgba(255, 136, 0, 0.4);
  backdrop-filter: blur(4px); /* optional glass effect */
  cursor: pointer;
  transition: all 0.3s ease;
}

#main-button button:hover {
  background-color: #ffaa00;
}

#main-button button:hover {
  background-color: #ffaa00;
}






html, body {
  height: auto !important;
  overflow-x: hidden;
  overflow-y: auto !important;
}

.navbar-brand,
.logo-wrapper {
  box-shadow: none !important;
  filter: none !important;
}


.navbar-brand img,
.logo-wrapper img {
  filter: none !important;
  box-shadow: none !important;
}

.navbar-brand:hover,
.logo-wrapper:hover,
.navbar-brand img:hover,
.logo-wrapper img:hover {
  box-shadow: none !important;
  filter: none !important;
}

.wave-text {
  color: #003366; /* Dark blue text */
  text-shadow: 0 0 8px #003366, 0 0 16px #0055cc; /* Dark blue glow */
  animation: floatWave 2s ease-in-out infinite;
  cursor: pointer;
  font-weight: bold;
  transition: transform 0.3s ease, text-shadow 0.3s ease;
}

.wave-text:hover {
  transform: scale(1.1);
  text-shadow: 0 0 12px #003366, 0 0 24px #0055cc;
}



/* Container for badge + text + button */
.swift-badge-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  text-align: right;
  position: absolute;
  top: 100px;
  right: 60px;
  max-width: 340px;
  pointer-events: auto;
  z-index: 10;
}


/* SWIFT badge image */
.swift-badge {
  max-width: 380px;
  height: auto;
}

/* Text below the badge */
.swift-cert-text {
  color: white;
  font-size: 0.95rem;
  margin-top: 0.75rem;
  margin-bottom: 0.5rem;
  max-width: 320px;
}

/* View Directory styled like orange button */
.swift-link-button {
    font-size: 14px !important;     /* Smaller text */
  padding: 6px 16px !important;   /* Tighter padding */
  border-radius: 6px !important;  /* Slightly smaller curve */
  font-weight: 600 !important;    /* Semi-bold for better readability */

  background-color: rgba(255, 136, 0, 0.85);
  border: none;
  color: white !important;
  text-decoration: none;
  display: inline-block;
  pointer-events: auto;
  transition: background-color 0.3s ease;
}

.swift-link-button:hover {
  background-color: rgba(255, 120, 0, 1);
  color: white;
}