/* --- Colors --- */

:root {
    --main: #606da6;
    --main-light: #869ee3;
    --main-dark: #7e643b;
    --bg-lightBlue:#f0f5f9;
    --bg-hover-collection: rgba(96, 109, 166, 0.8);
    --btn-hover: #252525;
    
    /* --- slider home1 --- */
    --bg-hero1:#f0f5f9;
    --color-font-span-slider: #606da6;
    --color-font-main-title: #000000;
     /* --- slider home3 --- */
    --bg-hero3:#f0f5f9;
    --color-font-span-slider3: #606da6;
    --color-font-main-title3: #000000;
    
    
    --font-family-sans-serif: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    --font-family-monospace: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace
    
}