@import url('https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap');

:root {
    --primary-50: #f0f8ff;
    --primary-100: #d8ebff;
    --primary-200: #bbe0ff;
    --primary-300: #9cd6ff;
    --primary-400: #7bc9ff;
    --primary-500: #00a2e9;
    --primary-600: #0087d1;
    --primary-700: #006bb9;
    --primary-800: #00509f;
    --primary-900: #003981;
    --success-50: #edf9f0;
    --success-100: #d3f2dc;
    --success-200: #b8ebc7;
    --success-300: #9ce3b2;
    --success-400: #81db9d;
    --success-500: #009b4c;
    --success-600: #008b43;
    --success-700: #007b3a;
    --success-800: #006a30;
    --success-900: #005a27;
    --warning-50: #fffde5;
    --warning-100: #fff9cc;
    --warning-200: #fff3b3;
    --warning-300: #ffeda0;
    --warning-400: #ffe788;
    --warning-500: #ffdd66;
    --warning-600: #ffcf42;
    --warning-700: #ffc21e;
    --warning-800: #ffb400;
    --warning-900: #ff9f00;
}

body {
    font-family: "Figtree", sans-serif;
    font-optical-sizing: auto;
    font-size: 14px;
    font-weight: 500;
    font-style: normal;
    letter-spacing: 0.03em;
}

a {
    color: var(--success-500);
    text-decoration: none !important;
    transition: all .25s;
}

a:hover {
    color: var(--success-600);
}

.container:before,
.container:after,
.nav:before,
.nav:after,
.navbar:before,
.navbar:after,
.navbar-header:before,
.navbar-header:after,
.navbar-collapse:before,
.navbar-collapse:after {
    display: table;
    content: unset;
}

.btn {
    padding: 1.2rem 1.5rem;
    border-radius: 1rem;
    font-weight: 600;
    letter-spacing: 0.03em;
    transition: all .25s;
}

.btn:focus {
    box-shadow: unset;
}

.btn-white {
    color: #333;
    background-color: #fff;
    border-color: #fff;
}

.btn-white:hover {
    background-color: #e8e8e8;
}

.border {
    border: 1px solid #ddd;
}

.border-top {
    border-top: 1px solid #ddd;
}

.border-right {
    border-right: 1px solid #ddd;
}

.border-bottom {
    border-bottom: 1px solid #ddd;
}

.border-left {
    border-left: 1px solid #ddd;
}

.card-content {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    background-color: var(--success-100);
    padding: 2.5rem;
    border-radius: 2rem;
    height: calc(100% - 32px);
}

.carousel-indicators li {
    width: 10px;
    height: 10px;
    margin: 0;
    background-color: #333 \9;
    background-color: rgba(51, 51, 51, 0);
    border: 1px solid #333;
}

.carousel-indicators .active {
    width: 10px;
    height: 10px;
    margin: 0;
    background-color: #333;
    border: 1px solid #333;
}

.container {
    transition: all .25s;
}

.dropdown-menu {
    padding: 1rem 0;
    border-radius: 1rem;
    box-shadow: unset;
}

.dropdown-menu>li>a {
    padding: 1.2rem 1.5rem;
    font-weight: 600;
    transition: all .25s;
}

.section-hero {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 4rem;
}

.shadow-base {
    box-shadow: 0px 4px 8px 0px #00000014;
}

.text-thin {
    font-weight: 100;
}

.text-extra-light {
    font-weight: 200;
}

.text-light {
    font-weight: 300;
}

.text-regular {
    font-weight: 400;
}

.text-medium {
    font-weight: 500;
}

.text-semi-bold {
    font-weight: 600;
}

.text-bold {
    font-weight: 700;
}

.text-extra-bold {
    font-weight: 800;
}

.text-black {
    font-weight: 900;
}

@media (min-width: 768px) {
    .section-hero {
        display: flex;
        align-items: center;
        flex-direction: row;
        gap: 4rem;
    }
}

@media (min-width: 992px) {}

@media (min-width: 1200px) {}