* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
  }

.hero-section {
    width: 100%;
    background-image: url("./Assist/banner1.jpg");
    /* background-position: center; */
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    /* background-color: #edf5f8; */
}

.broucherDownloadContainer {
    transition: all .5s ease;
}

.broucherDownloadContainer.broucherActive {
    left: 0;
    transition: all .5s ease;
}

.costSheetDownloadContainer {
    transition: all .5s ease;
}
.costSheetDownloadContainer.costSheetActive {
    left: 0;
    transition: all .5s ease;
}

.mobileNavlinkContainer {
    transition: all .5s ease;
}

.mobileNavlinkContainer.active {
    /* display: block; */
    right: 0;
    transition: all .5s ease;
}

.bg-gold-gradient{
  background: linear-gradient(to right, #FFD95A, #B8860B);
}

.text-gold-gradient{
  color: linear-gradient(to right, #FFD95A, #B8860B);
}

.bg-gold-gradient1{
  background: linear-gradient(to right, #fcda6b17, #f8dd9782);
}

/* Gold gradient background */
.menu-item:hover {
    background: linear-gradient(to right, #FFD700, #FFA500);
}

/* Gold gradient text */
.menu-item:hover a {
    background: linear-gradient(to right, #FFD700, #FFA500);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}


/* ================== */

@keyframes colorCycle {
    0% { background-color: #FFD95A; }
    50% { background-color: #9c3002; }
    100% { background-color: #f8dd9782; }
}

.animate-color-change {
    animation: colorCycle 1s infinite alternate;
}