:root {
  --bs-body-bg: #ffffff;
  --bs-body-bg-rgb: 255,255,255;
  --bs-heading-h1-color: #000000;
  --bs-heading-h2-color: #000000;
  --bs-heading-h3-color: #000000;
  --bs-heading-h4-color: #000000;
  --bs-heading-h5-color: #000000;
  --bs-heading-h6-color: #bcbcbc;
  --bs-body-color: #1a1a1a;
  --bs-secondary-color: #5b5b5b;
  --bs-secondary-rgb: 91,91,91;
  --bs-border-color: #b3b3b3;
  --bs-link-color: #3355ff;
  --bs-link-color-rgb: 51,85,255;
  --bs-link-hover-color: #2944cc;
  --bs-link-hover-color-rgb: 41,68,204;
  --bs-btn-primary-bg: #ffffff;
  --bs-btn-primary-hover-bg: #2986cc;
  --bs-btn-primary-border-color: #000000;
  --bs-btn-primary-hover-border-color: #2986cc;
  --bs-btn-primary-color: #000000;
  --bs-btn-primary-hover-color: #000000;
  --bs-btn-primary-outline-hover-bg: #ffffff;
  --bs-btn-primary-outline-border-color: #2986cc;
  --bs-btn-primary-outline-hover-border-color: #174a71;
  --bs-btn-primary-outline-color: #2986cc;
  --bs-btn-primary-outline-hover-color: #174a71;
  --bs-header-bg: #000000;
  --bs-dropdown-bg: #000000;
  --bs-dropdown-link-hover-bg: #000000;
  --bs-navbar-color: #f3f6f4;
  --bs-navbar-hover-color: #2986cc;
  --bs-header-border-color: #5b5b5b;
  --footer-bg: #000000;
  --footer-link-color: #f3f6f4;
  --footer-link-hover-color: #2986cc;
  --footer-title: #f3f6f4;
  --footer-text-color: #f3f6f4;
  --card-hover-color: #000000;
  --card-hover-bg-color: #ffffff;
  --card-hover-color-link: #2986cc;
  --card-hover-color-link-hover: #174a71;
  --card-hover-color-border: #5b5b5b;
  --be-font-text-family: 'Poppins';
  --be-font-text-category: sans-serif;
  --be-font-text-style: normal;
  --be-font-text-weight: 400;
  --be-font-text-size-desktop: 16px;
  --be-font-text-size-tablet: 16px;
  --be-font-text-size-mobile: 16px;
  --be-font-h1-family: 'DM Sans';
  --be-font-h1-category: sans-serif;
  --be-font-h1-style: normal;
  --be-font-h1-weight: 700;
  --be-font-h1-size-desktop: 54px;
  --be-font-h1-size-tablet: 48px;
  --be-font-h1-size-mobile: 40px;
  --be-font-h2-family: 'DM Sans';
  --be-font-h2-category: sans-serif;
  --be-font-h2-style: normal;
  --be-font-h2-weight: 700;
  --be-font-h2-size-desktop: 46px;
  --be-font-h2-size-tablet: 34px;
  --be-font-h2-size-mobile: 34px;
  --be-font-h3-family: 'DM Sans';
  --be-font-h3-category: sans-serif;
  --be-font-h3-style: normal;
  --be-font-h3-weight: 500;
  --be-font-h3-size-desktop: 32px;
  --be-font-h3-size-tablet: 32px;
  --be-font-h3-size-mobile: 32px;
  --be-font-h4-family: 'DM Sans';
  --be-font-h4-category: sans-serif;
  --be-font-h4-style: normal;
  --be-font-h4-weight: 500;
  --be-font-h4-size-desktop: 26px;
  --be-font-h4-size-tablet: 26px;
  --be-font-h4-size-mobile: 26px;
  --be-font-h5-family: 'DM Sans';
  --be-font-h5-category: sans-serif;
  --be-font-h5-style: normal;
  --be-font-h5-weight: 500;
  --be-font-h5-size-desktop: 22px;
  --be-font-h5-size-tablet: 22px;
  --be-font-h5-size-mobile: 22px;
  --be-font-h6-family: 'DM Sans';
  --be-font-h6-category: sans-serif;
  --be-font-h6-style: normal;
  --be-font-h6-weight: 700;
  --be-font-h6-size-desktop: 18px;
  --be-font-h6-size-tablet: 18px;
  --be-font-h6-size-mobile: 18px;
  --be-font-button-family: 'Poppins';
  --be-font-button-category: sans-serif;
  --be-font-button-style: normal;
  --be-font-button-weight: 400;
  --be-font-button-size-desktop: 16px;
  --be-font-button-size-tablet: 16px;
  --be-font-button-size-mobile: 16px;
  --be-radius-buttons: 8px;
  --be-radius-pictures-and-video: 15px;
  --be-radius-cards: 15px;
  --be-shadow-pictures-and-video-offset-x: 0;
  --be-shadow-pictures-and-video-offset-y: 0;
  --be-shadow-pictures-and-video-blur-radius: 0;
  --be-shadow-pictures-and-video-color: #5b5b5bff;
  --be-shadow-cards-offset-x: 0;
  --be-shadow-cards-offset-y: 0;
  --be-shadow-cards-blur-radius: 0;
  --be-shadow-cards-color: #bcbcbcff;
}
:root {
  --bs-dropdown-link-color: var(--bs-navbar-color);
  --bs-dropdown-link-hover-color: var(--bs-navbar-hover-color);
  --bs-dropdown-link-active-color: var(--bs-navbar-hover-color);
  --bs-dropdown-link-active-bg: var(--bs-dropdown-link-hover-bg);
}
.be-v-base.be-v-reset {
  --bs-body-bg: #ffffff;
  --bs-body-bg-rgb: 255,255,255;
  --bs-heading-h1-color: #000000;
  --bs-heading-h2-color: #000000;
  --bs-heading-h3-color: #000000;
  --bs-heading-h4-color: #000000;
  --bs-heading-h5-color: #000000;
  --bs-heading-h6-color: #bcbcbc;
  --bs-body-color: #1a1a1a;
  --bs-secondary-color: #5b5b5b;
  --bs-secondary-rgb: 91,91,91;
  --bs-border-color: #b3b3b3;
  --bs-link-color: #3355ff;
  --bs-link-color-rgb: 51,85,255;
  --bs-link-hover-color: #2944cc;
  --bs-link-hover-color-rgb: 41,68,204;
  --bs-btn-primary-bg: #ffffff;
  --bs-btn-primary-hover-bg: #2986cc;
  --bs-btn-primary-border-color: #000000;
  --bs-btn-primary-hover-border-color: #2986cc;
  --bs-btn-primary-color: #000000;
  --bs-btn-primary-hover-color: #000000;
  --bs-btn-primary-outline-hover-bg: #ffffff;
  --bs-btn-primary-outline-border-color: #2986cc;
  --bs-btn-primary-outline-hover-border-color: #174a71;
  --bs-btn-primary-outline-color: #2986cc;
  --bs-btn-primary-outline-hover-color: #174a71;
}
.be-v-inverse {
  --bs-body-bg: #000000;
  --bs-body-bg-rgb: 0,0,0;
  --bs-heading-h1-color: #ffffff;
  --bs-heading-h2-color: #ffffff;
  --bs-heading-h3-color: #ffffff;
  --bs-heading-h4-color: #ffffff;
  --bs-heading-h5-color: #ffffff;
  --bs-heading-h6-color: #ffffff;
  --bs-body-color: #ffffff;
  --bs-secondary-color: #ffffff;
  --bs-secondary-rgb: 255,255,255;
  --bs-border-color: #ffffff;
  --bs-link-color: #2986cc;
  --bs-link-color-rgb: 41,134,204;
  --bs-link-hover-color: #ffffff;
  --bs-link-hover-color-rgb: 255,255,255;
  --bs-btn-primary-border-color: #ffffff;
  --bs-btn-primary-hover-color: #ffffff;
  --bs-btn-primary-outline-border-color: #ffffff;
  --bs-btn-primary-outline-color: #ffffff;
}
.be-v-accent {
  --bs-body-bg: #2986cc;
  --bs-body-bg-rgb: 41,134,204;
  --bs-heading-h1-color: #ffffff;
  --bs-heading-h2-color: #ffffff;
  --bs-heading-h3-color: #ffffff;
  --bs-heading-h4-color: #ffffff;
  --bs-heading-h5-color: #ffffff;
  --bs-heading-h6-color: #ffffff;
  --bs-body-color: #ffffff;
  --bs-secondary-color: #ffffff;
  --bs-secondary-rgb: 255,255,255;
  --bs-border-color: #ffffff;
  --bs-link-color: #ffffff;
  --bs-link-color-rgb: 255,255,255;
  --bs-link-hover-color: #bcbcbc;
  --bs-link-hover-color-rgb: 188,188,188;
  --bs-btn-primary-hover-bg: #ffffff;
  --bs-btn-primary-border-color: #ffffff;
  --bs-btn-primary-hover-border-color: #000000;
  --bs-btn-primary-outline-border-color: #000000;
  --bs-btn-primary-outline-hover-border-color: #000000;
  --bs-btn-primary-outline-color: #000000;
  --bs-btn-primary-outline-hover-color: #000000;
}
.be-v-muted {
  --bs-body-bg: #f3f6f4;
  --bs-body-bg-rgb: 243,246,244;
  --bs-body-color: #5b5b5b;
  --bs-secondary-color: #5b5b5b;
  --bs-secondary-rgb: 91,91,91;
  --bs-border-color: #5b5b5b;
  --bs-link-color: #2986cc;
  --bs-link-color-rgb: 41,134,204;
  --bs-link-hover-color: #bcbcbc;
  --bs-link-hover-color-rgb: 188,188,188;
  --bs-btn-primary-bg: #2986cc;
  --bs-btn-primary-hover-bg: #174a71;
  --bs-btn-primary-border-color: #2986cc;
  --bs-btn-primary-hover-border-color: #174a71;
  --bs-btn-primary-color: #ffffff;
  --bs-btn-primary-hover-color: #ffffff;
}
.be-hover-v-inverse {
  --card-hover-bg-color: #000000;
  --card-hover-color: #ffffff;
  --card-hover-color-border: #ffffff;
  --card-hover-color-link: #2986cc;
  --card-hover-color-link-hover: #ffffff;
}
.be-hover-v-accent {
  --card-hover-bg-color: #2986cc;
  --card-hover-color: #ffffff;
  --card-hover-color-border: #ffffff;
  --card-hover-color-link: #ffffff;
  --card-hover-color-link-hover: #bcbcbc;
}
.be-hover-v-muted {
  --card-hover-bg-color: #f3f6f4;
  --card-hover-color: #5b5b5b;
  --card-hover-color-border: #5b5b5b;
  --card-hover-color-link: #2986cc;
  --card-hover-color-link-hover: #bcbcbc;
}
.gradient-card {
    position: relative;
    padding: 20px;
    border-radius: 10px;
    background: linear-gradient(135deg, #bcbcbc, #eeeeee); /* Gradient background */
    color: #ffffff; /* Text color */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Shadow for depth */
    overflow: hidden;
}

.gradient-card::before,
.gradient-card::after {
    content: "";
    position: absolute;
    border-radius: 50%; /* Circular elements */
    background: rgba(255, 255, 255, 0.2); /* Semi-transparent white circles */
    transform: scale(0); /* Start invisible */
    transition: transform 0.3s ease-in-out;
}

.gradient-card::before {
    width: 150px;
    height: 150px;
    top: -50px;
    left: -50px;
}

.gradient-card::after {
    width: 200px;
    height: 200px;
    bottom: -60px;
    right: -60px;
}

.gradient-card:hover::before,
.gradient-card:hover::after {
    transform: scale(1); /* Expand on hover */
}