.pmcc-main-content {
    position: relative;
    isolation: isolate;
    overflow: hidden;
}

.pmcc-main-content::before {
    content: "";
    position: absolute;
    inset: -15% 0;
    z-index: 0;
    pointer-events: none;

    background-image: url("../../assets/images/pages/hfgc-expo-2026/flags-portrait-dreamy 2.png");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    opacity: 0.2;
    z-index: -1;
    transform: translate3d(0, var(--hfgc-parallax, 0px), 0);
    will-change: transform;
}

header, .pmcc-footer {
  display: none;
}

.eyebrow {
    display: flex;
    align-items: center;
    gap: 12px;
}

.hfgc-map {
    width: 100%;
    height: 700px;
}

.eyebrow-line {
    width: 44px;
    height: 6px;
    flex-shrink: 0;
    background: linear-gradient(
        to right,
        #F0072F 0%,
        #F0072F 25%,
        #FFC20E 25%,
        #FFC20E 50%,
        #F5812F 50%,
        #F5812F 75%,
        #00BFB3 75%,
        #00BFB3 100%
    );
}


/* .pmcc-text-charcoal {
  color: #1a1a1a;
} */

.pmcc-text-teal {
  color: #008080;
}

.pmcc-main-content {
    padding-top: 0 !important;
}

.pmcc-shadow-gold {
    box-shadow: 0 4px 15px 0 #E5CD93;
}

.pmcc-bg-light-gold {
  background-color: #FEF7EC;
}

.pmcc-button.pmcc-bg-light-gold {
  background-color: #FEF7EC;
  color: rgb(26 26 26);
  border-color: rgb(246 246 246);
}

.pmcc-button.pmcc-bg-light-gold:hover,
.pmcc-button.pmcc-bg-light-gold:focus {
  background-color: rgb(235, 194, 72);
  border-color: rgb(246 246 246);
  color: rgb(26 26 26);
  cursor: pointer;
}

/* pmcc-home-free section */
.pmcc-home-free {
  background-position: center !important; 
  background-size:cover !important;
  background-repeat: no-repeat !important;
  position: relative;
  width: 100%;
  padding-bottom: 50px;
}



.pmcc-home-free > img {
    display: block;
    width: 100%;
    height: auto;
}

.pmcc-banner-content {
    position: absolute;
    top: 40px;
    left: 0;
    width: 100%;
    z-index: 2;
}

#hfgc-insights-1,
#hfgc-insights-2,
#hfgc-insights-3,
#hfgc-insights-4 {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.6s ease, transform 0.6s ease;
}

#hfgc-insights-1.hfgc-animate,
#hfgc-insights-2.hfgc-animate,
#hfgc-insights-3.hfgc-animate,
#hfgc-insights-4.hfgc-animate {
    opacity: 1;
    transform: translateY(0);
}

#hfgc-insights-1.hfgc-animate {
    transition-delay: 0s;
}

#hfgc-insights-2.hfgc-animate {
    transition-delay: 0.15s;
}

#hfgc-insights-3.hfgc-animate {
    transition-delay: 0.3s;
}

#hfgc-insights-4.hfgc-animate {
    transition-delay: 0.45s;
}

.bg-1, .bg-2, .bg-3, .bg-4 {
   background-position: bottom right;
   background-repeat: no-repeat;
}

.bg-1 {
    background-image: url("../../assets/images/pages/hfgc-expo-2026/bg1.png");
}   

.bg-2 {
    background-image: url("../../assets/images/pages/hfgc-expo-2026/bg2.png");
}

.bg-3 {
    background-image: url("../../assets/images/pages/hfgc-expo-2026/bg3.png");
}

.bg-4 {
    background-image: url("../../assets/images/pages/hfgc-expo-2026/bg4.png");
}

.bg-1 #hfgc-insights-1 {
    border: 1px solid #F0072F;
    background-color: rgba(240, 7, 47, 0.14);
}

.bg-2 #hfgc-insights-2 {
    border: 1px solid #00BFB3;
    background-color: rgba(0, 191, 179, 0.14);
}

.bg-3 #hfgc-insights-3 {
    border: 1px solid #F5812F;
    background-color: rgba(245, 129, 47, 0.14);
}

.bg-4 #hfgc-insights-4 {
    border: 1px solid #DBA401;
    background-color: rgba(219, 164, 1, 0.14);
}






/* Responsive for small screens */
@media (max-width: 768px) {
   .pmcc-home-free {
        position: relative;
        overflow: hidden;
    }

    /* Make the image a background layer */
    .pmcc-home-free > img {
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    /* IMPORTANT:
       content is now part of the section height */
    .pmcc-banner-content {
        position: relative;
        top: auto;
        left: auto;
        width: 100%;
        padding-top: 30px;
        padding-bottom: 40px;
        z-index: 2;
    }

    .hfgc-map {
        height: 400px;
    }

}