/*********************** WELCOME 4 - 2024 *******************/
html {
    background: #FFF1E6;
    overflow-x: hidden;
}

h1, h2, h3, h4, p, a, div, button {
    color: #2B2D42;
}

h1 { font-size: 76px !important; }
h2 { font-size: 48px !important; }
p, a, div, button { font-size: 24px; }

.fonts-play {
    font-family: "Playfair Display", serif;
}

.fonts-robo {
    font-family: "Roboto", sans-serif;
}

.fonts-dancing {
    font-family: "Dancing Script", cursive;
}

.open-concept-title {
    text-align: center;
    line-height: 1 !important;
    font-family: "Playfair Display", serif;
}

/* Media query for screens with a maximum width of 767px */
@media (max-width: 767px) {
    .open-concept-title {
        font-size: 55px !important; /* Adjust this value to the desired font size */
    }
}

.open-concept-title-pop {
    font-size: 1.5em;
    color: #FF6B6B;
    font-family: "Dancing Script", cursive;
}

.color-coral { color: #FF6B6B; }
.bg-coral, .btn-coral { background: #FF6B6B !important; }
.btn-outline-coral { background: #FFF1E6 !important; border: 1px solid #FF6B6B !important; color: #FF6B6B !important; }
.color-yellow { color: #FFD93D; }
.bg-yellow { background: #FFD93D; }
.color-peach { color: #FFA372; }
.bg-peach, .btn-peach { background: #FFA372 !important; }
.color-warm { color: #FFF1E6 !important; }
.bg-warm { background: #FFF1E6 !important; }
.color-teal { color: #2B2D42; }
.bg-teal, .btn-teal { background: #2B2D42 !important; }

.brand-link {
    text-decoration: none;
    color: #2B2D42;
}

.brand-link:hover {
    color: #FFA372;
}

.cart-sidebar {
    background: #2B2D42 !important;
}

.cart-sidebar, .cart-sidebar h5, .cart-sidebar button, .cart-sidebar ul {
    color: #FFF1E6 !important;
}

#cart-items {
    list-style: none;
    padding: 0;
}

#cart-subtotal {
    margin-top: 20px;
    font-weight: bold;
    color: #FFF1E6;
}

.numero {
    background: #2B2D42;
    color: white;
    padding: 24px 24px;
    border-radius: 50%;
}

.banner-wrap {
    height: 200px;
}

.banner {
    height: 100%;
    background-image: url("/images/icons/flower.jpg");
    background-position: center;
    background-attachment: fixed;
    background-size: cover;
    background-repeat: no-repeat;
}

.custom-popover, .popover-body {
    width: 100% !important;
    max-width: 500px !important;
    background: #212121 !important;
    color: #ECECEC !important;
    font-size: 16px !important;
    font-family: 'Helvetica';
}

.popover-arrow::after {
    border-right-color: #212121 !important;
}

#comparison-chart {
    --bs-table-bg: none !important;
    background: #FFF1E6;
}

#comparison-chart tr:nth-child(even) {
    background-color: #F3E4D7; /* Light gray color */
}

.dd-wrap { max-width: 1140px; margin: 2rem auto; }
.dd-card { border: 0; box-shadow: 0 10px 25px rgba(0,0,0,.08); height: 100%; }
.dd-price { font-size: clamp(1.75rem, 2.5vw + 1rem, 3rem); font-weight: 800; }
.dd-badge { font-size: .75rem; text-transform: uppercase; letter-spacing:.04em; }
.dd-icon { display:inline-flex; width:1.25rem; height:1.25rem; align-items:center; justify-content:center; margin-right:.5rem; }
.dd-accent { background: linear-gradient(135deg, #0b1324 0%, #14213d 100%); color: #fff; }
.dd-accent * { color: #fff !important; }
.dd-accent .list-group-item { background: transparent; }
.list-group-item { border:0; padding:.5rem 0; }
.dd-cta { margin-top: .5rem; }
.dd-founder { border:0; box-shadow: 0 10px 25px rgba(0,0,0,.08); overflow: hidden; }
.dd-founder-img { object-fit: cover; height: 100%; width: 100%; }
.dd-founder .dd-divider { border-top: 1px dashed rgba(0,0,0,.15); margin: 1rem 0; }
@media (min-width: 992px){
    .dd-founder-img { height: 100%; min-height: 460px; }
}
.dd-hero { border:0; box-shadow: 0 10px 25px rgba(0,0,0,.08); }
.dd-hero.dd-accent * { color:#fff !important; }
.dd-hero .dd-kicker { font-size:.8rem; letter-spacing:.08em; text-transform:uppercase; opacity:.9; }
.dd-hero .dd-bullets .list-group-item { background: transparent; }
.dd-cta-bottom { border:0; box-shadow: 0 10px 25px rgba(0,0,0,.08); }
.dd-cta-bottom.dd-accent * { color:#fff !important; }