@import url("https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400&display=swap");

*,
*::before,
*::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

:root {
    --primary: #d12764;
    --primary-dark: #a81e51;
    --primary-light: #f8a5c2;
    --secondary: #292c81;
    --secondary-light: #4c51b8;
    --white: #ffffff;
    --cream: #fff8fa;
    --blush: #fdeef3;
    --charcoal: #241b2f;
    --gold: #e8b96a;
    --ink-soft: #6b6178;
    --font-display: 'Lobster', sans-serif;
    --font-body: "Poppins", sans-serif;
    --radius-lg: 28px;
    --radius-md: 18px;
    --radius-sm: 10px;
    --shadow-soft: 0 20px 60px -20px rgba(41, 44, 129, 0.25);
    --shadow-card: 0 10px 30px -10px rgba(209, 39, 100, 0.18);
    --ease: cubic-bezier(.16, .84, .44, 1);
    --gold: #e2327d;
    --gold-l: #f06fa5;
    --gold-pale: #fde8f2;
    --choco: #1e1b2e;
    --choco-mid: #565765;
    --cream: #fdf8fb;
    --cream-2: #f5eef5;
    --white: #ffffff;
    --gray-soft: #f7f4f7;
    --gray-mid: #888899;
    --gray-txt: #555555;
    --green: #27ae60;
    --black: #000000;
    --white: #ffffff;
    --serif: "Rubik", sans-serif;
    --sans: "Rubik", sans-serif;
    --r: 14px;
    --r-sm: 8px;
    --sh: 0px 15px 35px 0px rgba(0, 0, 0, 0.1);
    --sh-lg: 0px 15px 35px 0px rgba(0, 0, 0, 0.15);
    --sh-txt: 2px 3px 8px rgba(0, 0, 0, 0.1);
}

html {
    scroll-behavior: smooth;
}

body {
    font-family: var(--sans);
    background: var(--cream);
    color: var(--gray-txt);
    overflow-x: hidden;
}

img {
    display: block;
    max-width: 100%;
}

a {
    color: inherit;
    text-decoration: none;
}

button {
    cursor: pointer;
    font-family: var(--sans);
}

.ic-wrap {
    overflow-x: hidden;
}

.c {
    max-width: 1500px;
    margin: 0 auto;
    padding: 0 30px !important;
}