.bg-red {
    background-color: #c6212f;
}

.bg-red-light {
    background-color: #d93e2c;
}

.bg-golden-light {
    background-color: #fff5e2;
}

.bg-golden {
    background-color: #ffbd59;
}

.bg-pink {
    background-color: #d7385f;
}

.text-golden-light {
    color: #fff5e2;
}

.mansalva-regular {
    font-family: "Mansalva", sans-serif;
    font-weight: 400;
    font-style: normal;
}

.playfair-display-regular {
  font-family: "Playfair Display", serif;
  font-style: normal;
  font-optical-sizing: auto;
}

.montserrat-regular {
    font-family: "Montserrat", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
}

@font-face {
    font-family: "Helvetica Now", sans-serif;
    src: url('../fonts/helveticanowtext-bold-demo.ttf') format('truetype');
}

html {
    font-size: 16px;
}

body {
    font-family: "Helvetica Now", sans-serif;
    font-weight: 400;
}

/* Big day section */

.big-day-section__wrapper .bg-banner__image {
    background-image: url(../images/the-big-day-banner.jpg);
    background-size: cover;
    background-position: center;
}

.big-day-section__wrapper .bg-banner__transparent {
    background-color: rgba(230, 93, 74, 0.40);
}

.big-day-section__wrapper .bg-banner__transparent > h2 {
    color: #ff877d;
}

.big-day-section .bg-banner__transparent {
    background-color: rgba(230, 93, 74, 0.40);
}

@media screen and (max-width: 576px) {
    .big-day-section__wrapper .bg-banner__image {
        background-position: 60% center;
    }
}
 

/* FAQ section */
.faq-section__wrapper .bg-banner__image {
    background-image: url(../images/faq-banner.png);
    background-size: cover;
    background-position: center 70%;
}

.faq-section__wrapper .bg-banner__transparent {
    background-color: rgba(215, 56, 95, 0.47);
}

/* Haldi ceremony section */
.haldi-ceremony-section__wrapper .bg-banner__image {
    background-image: url(../images/haldi-ceremony-banner.jpg);
    background-size: cover;
    background-position: center 40%;
}

.haldi-ceremony-section__wrapper .bg-banner__transparent {
    background-color: rgba(230, 93, 74, 0.42);
}

/* Mehendi ceremony section */
.mehandi-section__wrapper .bg-banner__image {
    background-image: url(../images/mehandi-banner.jpg);
    background-size: cover;
    background-position: center 25%;
}

.mehandi-section__wrapper .bg-banner__transparent {
    background-color: rgba(255, 245, 226, 0.42);
}

/* Imagine here section */
.imagine-here-section__wrapper .bg-banner__image {
    background-image: url(../images/imagine-here-banner.jpg);
    background-size: cover;
    background-position: center 60%;
}