.navbar.navbar-topnav.bg-navbar.sticky-top {
        -webkit-backdrop-filter: blur(7px);
        backdrop-filter: blur(7px);
        border-bottom: 1px solid #333;
        background: none;
    }
    .navbar.navbar-topnav.bg-navbar.bg-navbar-hover.sticky-top:hover {
        background: #0f1014; /*#272a34;*/
    }
    .navbar.navbar-topnav .nav-link {color:#fff};

	.panel-blue-E5F0FC { background-color: #E5F0FC; border-color:#BBD4EF;}
	.panel-blue-BBD4EF { background-color: #BBD4EF; border-color:#5E8CC0;}
	.panel-dark-blue { background-color: #0D4583; }
	.panel-dark-blue1 { background-color: #073568; }
	.panel-dark-blue2 { background-color: #004575; }
	.panel-dark2 { background-color: #595959; }
	.panel-gold { background-color: #B1946C; border-color:#8F724A; /*#76562A;*/  }
	.panel-light-gold { background-color: #d4bc9a; border-color:#b1946c;  }
	.panel-lighter-gold { background-color: #ffeed8; border-color:#b1946c;  }
	.panel-gold-outline { background-color:#fff; border-color:#8F724A; color:#4c4c4c; }
        
    .text-dropshadow1 {text-shadow: 1px 1px 2px #000;}
    .text-dropshadow2 {text-shadow: 1px 1px 4px #000;}
    .text-dropshadow3 {text-shadow: 1px 1px 2px #333;}
        
    .gs-banner-sandiego0,
    .gs-banner-sandiego4,
    .gs-banner-sandiego5,
    .gs-banner-sandiego9,
    .gs-banner-sandiego17,
	.gs-banner-sandiego18,
	.gs-banner-sandiego19,
    .gs-banner-sandiego20 {background-repeat: no-repeat; background-position: center center}
        
    .gs-banner-sandiego0 {
        background-image: url(../../images/2024_Branding_PitchDeck_G_Hexagons_10.png);
        background-position: center center;
    }
    .gs-banner-sandiego2 { background-image:url(../../images/2024_Branding_PitchDeck_G_Hexagons_2.png); background-position: center center; }
    .gs-banner-sandiego4 { background-image:url(../../images/2024_Branding_PitchDeck_G_Hexagons_4.png);; }
    
    .gs-banner-sandiego5 { background-image:url(../../images/2024_Branding_PitchDeck_G_Hexagons_5.png); background-position: center bottom ; }
    .gs-banner-sandiego9 { background-image:url(../../images/2024_Branding_PitchDeck_G_Hexagons_9.png); }
    .gs-banner-sandiego17 { background-image:url(../../images/2024_Branding_PitchDeck_G_Hexagons_7.png); }
	.gs-banner-sandiego18 { background-image:url("../../images/2024_Branding_PitchDeck_G_Hexagons_6.png"); }
	.gs-banner-sandiego19 { background-image:url("../../images/2024_Branding_PitchDeck_G_Hexagons_3.png"); }
	.gs-banner-sandiego20 { background-image:url("../../images/2024_Branding_PitchDeck_G_Hexagons_lowerright_watermark.png"); background-position: center center !important; background-repeat: no-repeat; }


@media (min-width: 576px) {
    .gs-banner-sandiego17.services-section,
    .gs-banner-sandiego2.hero-section,
    .gs-banner-sandiego4.hero-section,
    .gs-banner-sandiego4.difference-section,
    .gs-banner-sandiego17.services-section,
    .gs-banner-sandiego18.services-section {background-position: center center; background-size: cover;}
    .gs-banner-sandiego19.engagement-section {background-position: center top; background-size: cover;} 
}
@media (min-width: 768px) {
    .gs-banner-sandiego4.difference-section,
    .gs-banner-sandiego17.services-section,
    .gs-banner-sandiego18.services-section { background-position: center center; background-size: cover;}
    .gs-banner-sandiego19.engagement-section {background-position: center -380px;}
    .gs-banner-sandiego2.hero-section {background-position: center bottom;}
    .gs-banner-sandiego4.hero-section {background-position: center -200px;}
}
@media (min-width: 992px) {
    .gs-banner-sandiego17.services-section { background-position: 0 -280px; }
    .gs-banner-sandiego19.engagement-section { background-position: 0 -370px; }
    .gs-banner-sandiego4.hero-section {background-position: center -510px;}
    .gs-banner-sandiego4.difference-section { background-position: 0 -175px;}
}

.gs-gradient1 {
    background: -webkit-linear-gradient(bottom left, #37302b 0%, #625342 30%, #846f54 50%, #9c8261 70%, #aa8e69 90%, #b0936c 100%);
    background: -o-linear-gradient(bottom left, #37302b 0%, #625342 30%, #846f54 50%, #9c8261 70%, #aa8e69 90%, #b0936c 100%);
    background: linear-gradient(to top right, #37302b 0%, #625342 30%, #846f54 50%, #9c8261 70%, #aa8e69 90%, #b0936c 100%);
}
    .btn.btn-dark.btn-cta-primary {
      color: #fff;
      border-color: #000;
      background-color: #000;
    }
    [data-bs-theme=dark] .btn.btn-dark.btn-cta-primary:hover:not(.btn-active),
    .btn.btn-dark.btn-cta-primary:hover:not(.btn-active),
    .btn.btn-dark.btn-cta-primary:hover,
    .btn.btn-dark.btn-cta-primary:focus,
    .btn.btn-dark.btn-cta-primary:active {
      color: #fff;
      border-color: #37302b;
      background-color: #37302b;
    }
	
    .symbol {
        display: inline-block;
        flex-shrink: 0;
        position: relative;
        border-radius: 0.475rem;
    }
    .symbol .symbol-label {
      display: flex;
      align-items: center;
      justify-content: center;
      font-weight: 500;
      color: #fff; /*var(--bs-symbol-label-color);*/
      background-color: var(--bs-symbol-label-bg);
      background-repeat: no-repeat;
      background-position: center center;
      background-size: cover;
      border-radius: 0.475rem;
        background: -webkit-linear-gradient(bottom left, #37302b 0%, #625342 30%, #846f54 50%, #9c8261 70%, #aa8e69 90%, #b0936c 100%);
        background: -o-linear-gradient(bottom left, #37302b 0%, #625342 30%, #846f54 50%, #9c8261 70%, #aa8e69 90%, #b0936c 100%);
        background: linear-gradient(to top right, #37302b 0%, #625342 30%, #846f54 50%, #9c8261 70%, #aa8e69 90%, #b0936c 100%);
    }
    .symbol.symbol-circle,
    .symbol.symbol-circle > img,
    .symbol.symbol-circle .symbol-label {
      border-radius: 50%;
    }
    .symbol.symbol-circle:after,
    .symbol.symbol-circle > img:after,
    .symbol.symbol-circle .symbol-label:after {
      border-radius: 50%;
    }
    .symbol.symbol-20px .symbol-label {
      width: 20px;
      height: 20px;
    }
    .symbol.symbol-30px .symbol-label {
      width: 30px;
      height: 30px;
    }
        
    .logo-card {
      padding: 2rem;
      background: rgba(255,255,255,0.1);
      backdrop-filter: blur(8px);
      -webkit-backdrop-filter: blur(8px);
      border-radius: 1rem;
      transition: all 0.3s ease;
    }

    .logo-card img {
      filter: grayscale(100%);
      opacity: 0.7;
      transition: all 0.3s ease;
    }

    .logo-card:hover {
      transform: translateY(-6px);
      background: rgba(255,255,255,0.2);
    }

    .logo-card:hover img {
      filter: grayscale(0%);
      opacity: 1;
    }
        
    /* Glass effect for Bootstrap card */
    .card.card-glass {
      background: rgba(255, 255, 255, 0.15); /* semi-transparent */
      backdrop-filter: blur(10px); /* blur the background */
      -webkit-backdrop-filter: blur(10px); /* Safari support */
      border: 1px solid rgba(255, 255, 255, 0.3); /* subtle border */
      border-radius: 1rem; /* rounded corners */
      box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1); /* soft shadow */
      color: #fff; /* text color */
      transition: transform 0.3s ease, box-shadow 0.3s ease;
    }

    .card.card-glass:hover {
      transform: translateY(-5px);
      box-shadow: 0 12px 40px rgba(0, 0, 0, 0.2);
    }
    
    .insight-card { transition: transform 0.2s; }
    .insight-card:hover { transform: translateY(-5px); box-shadow: 0 10px 20px rgba(0,0,0,0.15); }
    .insight-grid { column-count: 3; column-gap: 1rem; }
    @media (max-width: 1200px) { .insight-grid { column-count: 2; } }
    @media (max-width: 768px) { .insight-grid { column-count: 1; } }
    .insight-card { display: inline-block; width: 100%; margin-bottom: 1rem; break-inside: avoid; }

    .wizard-step { display: none; }
    .wizard-step.active { display: block; }
    .step-indicator { margin-bottom: 1rem; }
    .step-indicator span { display: inline-block; width: 2rem; height: 2rem; line-height: 2rem; border-radius: 50%; background: #dee2e6; color: #495057; text-align: center; margin-right: 0.5rem; }
    .step-indicator span.active { background: #0d6efd; color: white; }
    .wizard-step .form-check-input {border-color: #fff;}

    .testimonial {
      display: none; /* Hidden by default */
      font-size: 1.25rem;
      max-width: 800px;
      margin: 0 auto;
      transition: opacity 1s ease-in-out;
    }

    .testimonial.active {
      display: block; /* Show the active testimonial */
    }

    .testimonial-author {
      display: none;
    }
    
.logo-gradient {
  position: relative;
  overflow: hidden;

  /* Base metallic tone // gradient at 45 degree angle: 1) #b0936c, 2) #aa8e69, 3) #9c8261, 4) #846f54, 5) #625342, 6) #37302b */
  background: linear-gradient(
      to top right,
      #37302b 0%,
      #625342 30%,
      #846f54 50%,
      #9c8261 70%,
      #aa8e69 90%,
      #b0936c 100%
    );/*
    45deg,
    #b0936c,
    #aa8e69,
    #9c8261,
    #846f54,
    #625342,
    #37302b
  );*/

  background-size: 100% 100%;

  -webkit-mask: url('../../assets/images/logo_garofaloux_black_ds.svg') no-repeat center;
  -webkit-mask-size: contain;
  mask: url('../../assets/images/logo_garofaloux_black_ds.svg') no-repeat center;
  mask-size: contain;
    
  filter: drop-shadow(0 8px 18px rgba(0, 0, 0, 0.35));
}
@media (min-width: 576px) {
    .logo-gradient {
      width: 340px;
      height: 130px;
    }
    .d-sm-block {display: block;}
    .d-sm-inline {display: inline-block;}
}
@media (min-width: 768px) {
    .logo-gradient {
      width: 340px;
      height: 130px;
    }
    .d-md-block {display: block !important;}
    .d-md-inline {display: inline-block!important;}
}
@media (min-width: 992px) {
    .logo-gradient {
      width: 600px; /*340px;*/
      height: 229px; /*130px;*/
    }
    .d-lg-block {display: block !important;}
    .d-lg-inline {display: inline-block!important;}
}
    

/* Moving highlight layer */
.logo-gradient::after {
  content: "";
  position: absolute;
  inset: 0;

  background: linear-gradient(
    45deg,
    rgba(255,255,255,0) 35%,
    rgba(255,255,255,0.55) 50%, /*0.35*/
    rgba(255,255,255,0) 65%
  );

  transform: translateX(-150%);
  animation: metallicSweep 18s cubic-bezier(.4,.0,.2,1) infinite;
    /*animation: metallicSweep 24s ease-in-out infinite;*/

  mix-blend-mode: soft-light;
}

@keyframes metallicSweep {
  0%   { transform: translateX(-150%); }
  100% { transform: translateX(150%); }
}