* {
    margin: 0;
    padding: 0;
}

:root {
    /* Shared warm paper and ink palette. */
    --paper-sl: #f7f5f0;
    --paper-raised-sl: #fffdf9;
    --ink-sl: #25232a;
    --ink-muted-sl: #615b64;
    --ink-dark-sl: #212126;
    --text-color: var(--ink-sl);

    /*Colors*/
    --primary-sl: hsl(199,82%,36%); /*Blue*/
    --secondary-sl: hsl(30,93%,55%); /*Orange*/
    --info-sl: hsl(214,66%,56%); /*Light Blue*/
    --success-sl: hsl(172,91%,25%); /*Green*/
    --warning-sl: hsl(39,97%,58%); /*Yellow*/
    --error-sl: hsl(347, 76%,48%); /*Light Red*/
    --black1-sl: hsl(0,0%,0%);
    --black2-sl: hsl(0,0%,11%);
    --black3-sl: hsl(0,0%,16%);
    --white-sl: hsl(0,100%,100%);
    --gray1-sl: hsl(0,0%,20%);
    --gray2-sl: hsl(0,0%,31%);
    --gray3-sl: hsl(0,0%,51%);
    --gray4-sl: hsl(0,0%,74%);
    --gray5-sl: hsl(0, 0%, 88%);
    --deco1-sl: hsl(339, 41%, 35%); /*Dark washed putple*/
    --deco2-sl: hsl(293,45%,29%); /*Purple*/
    --deco3-sl: hsl(65,24%,54%); /*Light Washed Green*/
    --deco4-sl: hsl(64, 55%, 47%); /*Light  Green*/

    --deco5-sl: #F0EAF0;
    --lightbg-sl: #E0D4E2;
    /*servicesMain*/
    --circle-diameter: 230px;
    --background-color: var(--paper-sl);
    --text-color-light: #f1f1f1;
    --text-color-dark: var(--ink-sl);/*#23272b*/
    --card-grey: #F2F2F2;/*#F6F6F6;*/
    /*SL Colors*/
    --color-orange: #F78D22; /*#FCB52D;*/
    --color-red: #D61D45; /*#e53935;*/
    --color-blue: #1179A9; /*#2196f3;*/
    --color-green: #067969; /*#cddc39;*/
    --color-army-green: #80883B; /*#808000;*/
    --color-light-green: #B0B836;
    --color-dark-green: #067969;
    --color-purple: #7E354F; /*#64296C;*/
    --color-vibrant-purple: #64296C;
    --color-yellow: #FCB52D; /*#ffc107;*/
}

body {
    font-family: var(--font-regular);
    background-color: var(--background-color);
    color: var(--text-color);
}

/*Optional*/
h1, h2, h3 {
    font-family: var(--font-inter);
}

p {
    font-family: var(--font-regular);
}

.Hero-insights-number {
    font-family: var(--font-bold);
}

.drive-timeline h2 {
    font-family: var(--font-inter);
}


.flex {
    display: flex;
    justify-content: center;
    gap: var(--gap, 2rem);
}




.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
}

.thought-section .thought-content .thought-contact-container,
.thought-section .thought-content .thought-contact-container .thought-contact-heading,
.thought-section .thought-content .thought-contact-container .thought-contact-inner .thought-card-body .thought-card-title,
.thought-section .thought-content .thought-contact-container .thought-contact-inner .thought-card-body p {
    color: var(--text-color-dark);
}