/* Landing page 2023 */

.container {
    display: flex;
    flex-direction: row;
    gap: 6rem;
}

.actions {
    display: flex;
    justify-content: center;
    align-items: center;
}

.actionsContainer {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    height: 100%;
    width: 100%;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.actionsContainer span, .actionsContainer input, .actionsContainer .button {
    width: 100%;
}

h1 {
    font-size: xx-large;
    font-weight: 100;
}

/* We make the word "intelligent" look fancy */
h1 > span {
    background: linear-gradient(to right, #2193b0, #6dd5ed);
    background-clip: text;
    color: transparent;
    font-weight: 800;
    /* Compatibility */
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.productInfo {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.wrapper {
    display: flex;
    height: 100%;
    justify-content: center;
    align-items: center;
}

/* Custom bullet styling */
.productInfo ul {
    list-style: none; /* Remove default bullets */
    padding-left: 0;   /* Remove default padding */
}

.productInfo li {
    margin-top: 10px;  /* Add spacing between list items */
}

.productInfo li::before {
    content: "\1F4A7";  /* Unicode water drop character */
    color: #0064B4;     /* Blue drip color */
    font-size: 16px;    /* Adjust drip size */
    margin-right: 10px;  /* Add spacing between drip and text */
}

/* Fancy bold text styling */
.productInfo li b {
    color: #0064B4;
    font-weight: 1000;
    text-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); /* Subtle text shadow */
}


/* Convert to column on mobile */
@media (max-width: 960px) {
    .container {
        flex-direction: column;
        gap: 0.5rem;
    }

    .actionsContainer {
        gap: 0.5rem;
    }
}