.elementor-3445 .elementor-element.elementor-element-86ddda3{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-posts .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .elementor-post__title, .elementor-widget-posts .elementor-post__title a{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-posts .elementor-post__meta-data{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-posts .elementor-post__excerpt p{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-posts .elementor-post__read-more{color:var( --e-global-color-accent );}.elementor-widget-posts a.elementor-post__read-more{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .elementor-post__card .elementor-post__badge{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-posts .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-3445 .elementor-element.elementor-element-0b8f3ba .elementor-posts-container article{margin-bottom:0px;}.elementor-3445 .elementor-element.elementor-element-0b8f3ba > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-3445 .elementor-element.elementor-element-0b8f3ba .elementor-post{border-style:solid;border-width:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-3445 .elementor-element.elementor-element-0b8f3ba .elementor-post__text{padding:0px 0px 0px 0px;}.elementor-3445 .elementor-element.elementor-element-0b8f3ba .elementor-posts--skin-full_content a.elementor-post__thumbnail__link{margin-bottom:20px;}.elementor-3445 .elementor-element.elementor-element-0b8f3ba .elementor-posts--skin-archive_full_content a.elementor-post__thumbnail__link{margin-bottom:20px;}.elementor-3445 .elementor-element.elementor-element-ecadaaf{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:16px 16px;--row-gap:16px;--column-gap:16px;--flex-wrap:wrap;--align-content:flex-start;--overlay-opacity:0;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:96px;--padding-bottom:48px;--padding-left:48px;--padding-right:48px;}.elementor-3445 .elementor-element.elementor-element-ecadaaf:not(.elementor-motion-effects-element-type-background), .elementor-3445 .elementor-element.elementor-element-ecadaaf > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-3445 .elementor-element.elementor-element-ecadaaf::before, .elementor-3445 .elementor-element.elementor-element-ecadaaf > .elementor-background-video-container::before, .elementor-3445 .elementor-element.elementor-element-ecadaaf > .e-con-inner > .elementor-background-video-container::before, .elementor-3445 .elementor-element.elementor-element-ecadaaf > .elementor-background-slideshow::before, .elementor-3445 .elementor-element.elementor-element-ecadaaf > .e-con-inner > .elementor-background-slideshow::before, .elementor-3445 .elementor-element.elementor-element-ecadaaf > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-text );--background-overlay:'';}.elementor-3445 .elementor-element.elementor-element-ecadaaf.e-con{--flex-grow:1;--flex-shrink:0;}.elementor-3445 .elementor-element.elementor-element-0c0e303{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3445 .elementor-element.elementor-element-0c0e303.e-con{--align-self:stretch;--flex-grow:1;--flex-shrink:0;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-3445 .elementor-element.elementor-element-cd965c5{width:100%;max-width:100%;text-align:center;}.elementor-3445 .elementor-element.elementor-element-cd965c5 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-3445 .elementor-element.elementor-element-cd965c5 .elementor-heading-title{font-family:"Outfit", Sans-serif;font-size:3em;font-weight:700;text-transform:uppercase;letter-spacing:0em;color:var( --e-global-color-accent );}.elementor-widget-text-editor{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-3445 .elementor-element.elementor-element-057af91{width:100%;max-width:100%;text-align:center;color:var( --e-global-color-secondary );font-family:"Outfit", Sans-serif;font-size:1.5em;font-weight:300;}.elementor-3445 .elementor-element.elementor-element-057af91 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-3445 .elementor-element.elementor-element-514718b{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3445 .elementor-element.elementor-element-67fb498{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--margin-top:0px;--margin-bottom:16px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-3445 .elementor-element.elementor-element-e20df3a img{width:32px;max-width:32px;height:32px;}.elementor-3445 .elementor-element.elementor-element-9b0c9c3 .elementor-heading-title{font-family:"Outfit", Sans-serif;font-size:1.2em;font-weight:400;color:var( --e-global-color-secondary );}.elementor-3445 .elementor-element.elementor-element-f96b910{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3445 .elementor-element.elementor-element-051e64c{color:var( --e-global-color-secondary );font-family:"Outfit", Sans-serif;font-size:1em;font-weight:400;}.elementor-3445 .elementor-element.elementor-element-d2a0799{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;--align-content:flex-start;--overlay-opacity:0;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3445 .elementor-element.elementor-element-d2a0799:not(.elementor-motion-effects-element-type-background), .elementor-3445 .elementor-element.elementor-element-d2a0799 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-3445 .elementor-element.elementor-element-d2a0799::before, .elementor-3445 .elementor-element.elementor-element-d2a0799 > .elementor-background-video-container::before, .elementor-3445 .elementor-element.elementor-element-d2a0799 > .e-con-inner > .elementor-background-video-container::before, .elementor-3445 .elementor-element.elementor-element-d2a0799 > .elementor-background-slideshow::before, .elementor-3445 .elementor-element.elementor-element-d2a0799 > .e-con-inner > .elementor-background-slideshow::before, .elementor-3445 .elementor-element.elementor-element-d2a0799 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-text );--background-overlay:'';}.elementor-3445 .elementor-element.elementor-element-d2a0799.e-con{--flex-grow:1;--flex-shrink:0;}.elementor-3445 .elementor-element.elementor-element-3d1e1d8{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:48px;--padding-right:48px;}.elementor-3445 .elementor-element.elementor-element-2418d0b > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-3445 .elementor-element.elementor-element-189f362 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-3445 .elementor-element.elementor-element-cb77d72 > .elementor-widget-container{margin:24px 0px 12px 0px;padding:0px 0px 0px 3px;}.elementor-3445 .elementor-element.elementor-element-cb77d72 .elementor-heading-title{font-family:"Outfit", Sans-serif;font-size:2em;font-weight:600;color:var( --e-global-color-secondary );}.elementor-3445 .elementor-element.elementor-element-a0c0398 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-3445 .elementor-element.elementor-element-6450194{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:48px;--padding-right:48px;}.elementor-3445 .elementor-element.elementor-element-c4b18ea > .elementor-widget-container{margin:24px 0px 12px 0px;padding:0px 0px 0px 3px;}.elementor-3445 .elementor-element.elementor-element-c4b18ea .elementor-heading-title{font-family:"Outfit", Sans-serif;font-size:2em;font-weight:600;color:var( --e-global-color-secondary );}.elementor-3445 .elementor-element.elementor-element-9be74b8.elementor-element{--align-self:flex-start;}.elementor-3445 .elementor-element.elementor-element-19d8b26{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3445 .elementor-element.elementor-element-7102044 .elementor-posts-container article{margin-bottom:0px;}.elementor-3445 .elementor-element.elementor-element-7102044{width:100%;max-width:100%;}.elementor-3445 .elementor-element.elementor-element-7102044 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-3445 .elementor-element.elementor-element-7102044 .elementor-post{border-style:solid;border-width:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-3445 .elementor-element.elementor-element-7102044 .elementor-post__text{padding:0px 0px 0px 0px;}.elementor-3445 .elementor-element.elementor-element-7102044 .elementor-posts--skin-full_content a.elementor-post__thumbnail__link{margin-bottom:20px;}.elementor-3445 .elementor-element.elementor-element-7102044 .elementor-posts--skin-archive_full_content a.elementor-post__thumbnail__link{margin-bottom:20px;}body.elementor-page-3445:not(.elementor-motion-effects-element-type-background), body.elementor-page-3445 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#002733;}body.elementor-page-3445{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}@media(max-width:1024px){.elementor-3445 .elementor-element.elementor-element-ecadaaf{--padding-top:48px;--padding-bottom:48px;--padding-left:48px;--padding-right:48px;}.elementor-3445 .elementor-element.elementor-element-cd965c5 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-3445 .elementor-element.elementor-element-057af91 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-3445 .elementor-element.elementor-element-d2a0799{--padding-top:48px;--padding-bottom:48px;--padding-left:48px;--padding-right:48px;}}@media(min-width:768px){.elementor-3445 .elementor-element.elementor-element-ecadaaf{--content-width:980px;}.elementor-3445 .elementor-element.elementor-element-3d1e1d8{--content-width:980px;}.elementor-3445 .elementor-element.elementor-element-6450194{--content-width:980px;}.elementor-3445 .elementor-element.elementor-element-19d8b26{--width:100%;}}@media(max-width:767px){.elementor-3445 .elementor-element.elementor-element-ecadaaf{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:032px;--padding-bottom:16px;--padding-left:16px;--padding-right:16px;}.elementor-3445 .elementor-element.elementor-element-0c0e303{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3445 .elementor-element.elementor-element-cd965c5 .elementor-heading-title{font-size:2em;}.elementor-3445 .elementor-element.elementor-element-057af91 > .elementor-widget-container{margin:8px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-3445 .elementor-element.elementor-element-057af91{font-size:1em;line-height:1.2em;}.elementor-3445 .elementor-element.elementor-element-514718b{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3445 .elementor-element.elementor-element-67fb498{--gap:0px 12px;--row-gap:0px;--column-gap:12px;--flex-wrap:nowrap;--margin-top:24px;--margin-bottom:24px;--margin-left:0px;--margin-right:0px;}.elementor-3445 .elementor-element.elementor-element-e20df3a.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-3445 .elementor-element.elementor-element-e20df3a img{width:32px;max-width:32px;height:32px;}.elementor-3445 .elementor-element.elementor-element-9b0c9c3 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-3445 .elementor-element.elementor-element-9b0c9c3 .elementor-heading-title{font-size:1em;line-height:1.5em;}.elementor-3445 .elementor-element.elementor-element-051e64c > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-3445 .elementor-element.elementor-element-051e64c{line-height:1.5em;}.elementor-3445 .elementor-element.elementor-element-d2a0799{--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;--align-content:flex-start;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3445 .elementor-element.elementor-element-3d1e1d8{--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:16px;--padding-bottom:16px;--padding-left:16px;--padding-right:16px;}.elementor-3445 .elementor-element.elementor-element-189f362{width:100%;max-width:100%;}.elementor-3445 .elementor-element.elementor-element-189f362 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-3445 .elementor-element.elementor-element-189f362.elementor-element{--align-self:center;}.elementor-3445 .elementor-element.elementor-element-cb77d72 > .elementor-widget-container{margin:24px 0px -12px 0px;padding:0px 0px 0px 0px;}.elementor-3445 .elementor-element.elementor-element-a0c0398 > .elementor-widget-container{margin:8px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-3445 .elementor-element.elementor-element-6450194{--padding-top:16px;--padding-bottom:16px;--padding-left:16px;--padding-right:16px;}.elementor-3445 .elementor-element.elementor-element-c4b18ea > .elementor-widget-container{margin:24px 0px -12px 0px;padding:0px 0px 0px 0px;}.elementor-3445 .elementor-element.elementor-element-9be74b8 > .elementor-widget-container{padding:0px 0px 0px 0px;}}/* Start custom CSS for text-editor, class: .elementor-element-051e64c */b, strong{
    font-weight: 700;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ecadaaf */.module:nth-child(5n){
    background-color: var(--e-global-color-b5f8dc5);
}

.module:nth-child(5n+1){
    background-color: rgba(0,156,204, 0.1);
}

.module:nth-child(5n+2){
    background-color: var(--e-global-color-4a9029a);
}

.module:nth-child(5n+3){
    background-color: rgba(0,0,0,0.2);
}

.module:nth-child(5n+4){
    background-color: rgba(0,156,204, 0.7);
}
    
.module:first-child, .module:first-child:hover{
    transform: scale(1)!important;
    background-color: var(--e-global-color-primary);
}

.module:hover{
    background-color: var(--e-global-color-text);
}

.module:hover .elementor-button-wrapper{
    transform: scale(1)
}


.module .elementor-button-wrapper{
    transform: scale(1);
    transition: 0.25s;
}

.module:hover .corner{
        width: 16px;
    }

.module{
    position: relative;
    border-radius: 4px!important;
    width: calc(100vw / 4 - 48px - (16px / 4));
}

.corner{
        position: absolute;
        width: 0px;
        transition: 0.2s;
    }
    
.corner.t-r{
        width: 16px;
    }
    
:root{
        --gap-corner: 16px;
    
    }
    
.t-l{
        top: var(--gap-corner);
        left:var(--gap-corner);
    }
.t-r{
        top: var(--gap-corner);
        right:var(--gap-corner);
    }
.b-r{
        bottom: var(--gap-corner);
        right:var(--gap-corner);
    }
.b-l{
        bottom: var(--gap-corner);
        left:var(--gap-corner);
    }


@media (max-width: 1200px){
    .module .elementor-button-wrapper{
        transform: scale(1);
        transition: 0.25s;
    }
    
    .module{
        min-height: initial;
        gap: 8px;
        padding: 32px;
        width: calc(100vw / 3 - 16px - (16px / 3));
    }
}

@media (max-width: 1024px){
    .module{
        width: calc(100vw / 2 - 16px - (16px / 2));
        min-height: 50vh
    }
}

@media (max-width: 540px){
    .module{
        width: 100%;
        height: 75vh
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d2a0799 */.module:nth-child(5n){
    background-color: var(--e-global-color-b5f8dc5);
}

.module:nth-child(5n+1){
    background-color: rgba(0,156,204, 0.1);
}

.module:nth-child(5n+2){
    background-color: var(--e-global-color-4a9029a);
}

.module:nth-child(5n+3){
    background-color: rgba(0,0,0,0.2);
}

.module:nth-child(5n+4){
    background-color: rgba(0,156,204, 0.7);
}
    
.module:first-child, .module:first-child:hover{
    transform: scale(1)!important;
    background-color: var(--e-global-color-primary);
}

.module:hover{
    background-color: var(--e-global-color-text);
}

.module:hover .elementor-button-wrapper{
    transform: scale(1)
}


.module .elementor-button-wrapper{
    transform: scale(1);
    transition: 0.25s;
}

.module:hover .corner{
        width: 16px;
    }

.module{
    position: relative;
    border-radius: 4px!important;
    width: calc(100vw / 4 - 48px - (16px / 4));
}

.corner{
        position: absolute;
        width: 0px;
        transition: 0.2s;
    }
    
.corner.t-r{
        width: 16px;
    }
    
:root{
        --gap-corner: 16px;
    
    }
    
.t-l{
        top: var(--gap-corner);
        left:var(--gap-corner);
    }
.t-r{
        top: var(--gap-corner);
        right:var(--gap-corner);
    }
.b-r{
        bottom: var(--gap-corner);
        right:var(--gap-corner);
    }
.b-l{
        bottom: var(--gap-corner);
        left:var(--gap-corner);
    }


@media (max-width: 1200px){
    .module .elementor-button-wrapper{
        transform: scale(1);
        transition: 0.25s;
    }
    
    .module{
        min-height: initial;
        gap: 8px;
        padding: 32px;
        width: calc(100vw / 3 - 16px - (16px / 3));
    }
}

@media (max-width: 1024px){
    .module{
        width: calc(100vw / 2 - 16px - (16px / 2));
        min-height: 50vh
    }
}

@media (max-width: 540px){
    .module{
        width: 100%;
        height: 75vh
    }
}/* End custom CSS */
/* Start custom CSS *//* CSS Variables & Global Reset */
        
        :root {
            --lite-color: #FBFAF4;
            --dark-color: #002733;
            --accent: #00C4FF; 
            --active: rgb(255 250 235);
            --bg-less-dark-100: rgba(0,78,102,1);
            --bg-less-dark-35: rgba(0,78,102,.35);
            --bg-less-dark-50: rgba(0,78,102,.5);
            --bg-less-dark-75: rgba(0,78,102,.75);
            --p-font: 'Outfit', tahoma, sans-serif;
            --h-font: 'Outfit', tahoma, sans-serif;
        }

        html {
            scroll-behavior: smooth;
            font-family: var(--p-font);
            font-size: 16px;
            background: var(--dark-color);
            width: 100%;
        }


        html *{
            transition: 0.2s;
        }
        
        body{
            color: var(--lite-color) !important;
        }

        .is-hidden {
            display: none !important;
        }

        /* ---------------------------------------------------- */
        /* Global Typography & Structure */
        /* ---------------------------------------------------- */

        h1, h4, h3{
            font-family: var(--h-font);
            font-weight: 600;
        }

        h1{
            padding-top: 1em;
            margin-bottom: 0.5em;
            font-size: 2.5em;
            color: var(--red);
        }
        
        h2 {
            color: var(--lite-color); 
        }

        h4, h3{
            margin-top: 0em;
            margin-bottom: 0em;
            font-size: 1.5rem!important;
            color: var(--lite-color); 
        }

        p{
            font-family: var(--p-font);
            color: var(--lite-color);
        }
        
        
        .flex{
            max-width: 100%!important;
            display: flex;
            flex-wrap: wrap;
        }
        
        .gapped{
            gap: 16px;
        }

        /* ---------------------------------------------------- */
        /* Recherche & Input Styling (Nouveau Style Cohérent) */
        /* ---------------------------------------------------- */

        .word-search-container{
            display: flex;
            align-items: center;
            flex-wrap: wrap;
        }
        .word-search-container label {
            font-size: 0.85rem;
            font-weight: 300;
            color: var(--lite-color); /* Couleur d'accentuation pour le label */
            min-width: 100%;
            margin-bottom: .5rem;
        }

        #search-input {
            /* Style pour l'input */
            background-color: var(--dark-color);
            color: var(--lite-color);
            border: 3px solid var(--accent);
            padding: 12px 16px;
            max-height: 48px;
            border-radius: 2px;
            font-size: 1.1rem;
            width: 100%;
            display: block;
            transition: all 0.2s;
            
        }
        
        #search-clear-btn{
            height: 48px;
            width: 48px;
            display: flex;
            align-items: center;
            align-content: center;
            justify-content: center;
            border-radius: 0 2px 2px 0;
            display: flex;
            position: absolute;
            right: 0;
            bottom: 0;
            padding: 0;
            background-color: var(--accent);
            color: var(--dark-color);
            font-size: 24px;
            animation: appear-simple 0.25s backwards 0.5s;
        }
        
        #search-clear-btn:hover{
            color: var(--lite-color);
            font-size: 24px;
        }

        
        #search-input::placeholder {
            color: rgba(255, 255, 255, 0.4);
            font-weight: 300!important;
            font-family: var(--h-font);
            font-size: 0.8em
        }

        #search-input:focus {
            outline: none;
            box-shadow: 0 0 0 3px color-mix(in srgb, var(--red) 50%, transparent);
            background-color: var(--bg-less-dark-50)
        }
        
        #word-list-container h3 {
            color: var(--lite-color); /* Titre de la liste de mots */
        }


        /* ---------------------------------------------------- */
        /* Barre Alphabétique */
        /* ---------------------------------------------------- */

        #alphabetical-bar {
            position: fixed;
            top: 50%;
            right: 0px;
            transform: translateY(-50%);
            width: 48px;
            max-height: 100vh;
            overflow-y: auto;
            background-color: var(--bg-less-dark-50);
            z-index: 100;
            padding: 8px ;
            border-radius: 2px 0 0 2px;
            scrollbar-width: none;
            -ms-overflow-style: none;
            animation: FromTheRight 1s backwards 1s;
        }
        
        @keyframes FromTheRight{
            0%{
                right: -96px;
            }
            100%{
                right: 0px;
            }
        }
        
        #alphabetical-bar:hover {
            background-color: var(--bg-less-dark-100);
        }


        #alphabetical-bar::-webkit-scrollbar {
            display: none;
        }

        .alpha-link {
            display: block;
            text-align: center;
            font-size: 0.9rem;
            font-weight: 400;
            padding: 2px 0;
            color: var(--accent); 
            cursor: pointer;
            transition: all 0.2s;
            line-height: 1.25rem;
            font-family: var(--p-font);
            border-radius: 2px;
            border: 3px solid transparent;
        }

        .alpha-link.active {
            color: var(--accent)!important;
            border: 3px solid var(--accent);
            transform: scale(1);
            background-color: transparent;

        }

        .alpha-link:hover {
            background-color: var(--accent);
            color: var(--dark-color)!important;
            transform: scale(1.5);
        }

        /* ---------------------------------------------------- */
        /* Mots */
        /* ---------------------------------------------------- */
        
        #words div{
            flex-wrap: wrap;
            display: block ; 

        }
        
        a.gl-link, a.gl-h{
            display: inline-flex;
            font-family: var(--p-font);
            margin: 4px 2px;
            padding: 2px 8px;
            background-color: var(--bg-less-dark-50);
            color: var(--lite-color)!important;
            line-height: 2em;
            font-size: 0.9rem;
            text-decoration: none;
            border-radius: 2px;
            justify-content: center;
            flex-grow: 1;
            border: 3px solid transparent;
            flex-grow: 1;
            transition: 0.15s;
            
        }

        a.gl-link:hover, a.gl-h:hover{
            color: var(--dark-color)!important;
            background-color: var(--lite-color);
            transform: scale(1.5)
        }
        
        a.gl-h:target{
            scroll-margin-top: 96px; 
        }
        
        .alphabet-separator{
                font-size: 2.5rem;
                font-family: var(--h-font);
                font-weight: 100;
                color: var(--accent);
                margin-top: 0;
                margin-bottom: 0;
                max-height: 0;
                position: relative;
                left: -80px;
                width: 80px;
                text-align: center;
                animation: FromTheLeft 1s backwards;
        }
        
        @keyframes FromTheLeft{
            0%{
                left: -160px;
                opacity: 0;
            }
            
            50%{
                opacity: 1;
            }
            100%{
                left: -80px;
                opacity: 1;
            }
        }
        
        .alphabet-separator.is-highlighted{
             font-weight: 900;
             color: var(--lite-color);
            
        }
        
        /* ---------------------------------------------------- */
        /* Définitions */
        /* ---------------------------------------------------- */

        .gl-bloc, 
        .gl-d {
            position: relative;
            width: calc(50% - 4vw);
            min-width: 280px;
            display: flex;
            flex-direction: column;
            flex-grow: 1;
            scroll-margin-top: 25vh; 
            padding: 24px;
            background-color: var(--bg-less-dark-35);
            border-radius: 2px;
            border: 0px solid rgba(255, 255, 255, 0.1);
            transition: all 0.3s;
            /*padding-bottom: 64px*/
        }
        
        .gl-bloc:target, 
        .gl-d:target{
            width: 100%;
            padding: 5vw;
            background-color: var(--dark-color);
            border: 3px solid var(--accent);
        }

        span.fam-target,
        .gl-d span{
            display: block;
            font-style: normal!important;
            font-size: 0.85rem;
            color: var(--accent);
        }
        
        .gl-d span em{
            color: var(--accent);
            opacity: 0.7;
            font-style: normal;
        }
        
        .glossary-link{
            border-bottom: 1px dashed var(--lite-color);
        }

        .gl-bloc p, 
        .gl-d p{
            font-size: 1rem;
            margin-bottom: 0.5em;
            line-height: 1.5em;
            text-align: left;
        }

        /* Go-Back Button (Factoring) */

        
        a.go-back, 
        a.gt-t{
            display: none;
            top: -3px;
            left: -3px;
            position: absolute;
            justify-content: flex-end;
        }

        .gl-bloc:target a.go-back, 
        .gl-d:target a.gt-t{
            display: flex;
        }

        a.go-back:after, 
        a.gt-t:after{
            content: "➜";
            font-size: 24px;
            min-width: 43px;
            min-height: 43px;
            border: 3px solid var(--accent);
            display: inline-flex;
            justify-content: center;
            align-items: center;
            text-align: center;
            border-radius: 2px 0 0 0;
            /*background: var(--accent);*/
            color: var(--accent);
            rotate: -180deg;
            transition: 0.25s;
        }

        .gl-bloc:target p, 
        .gl-d:target p{
            font-size: 1.25rem;
        }

        .gl-bloc:target h4, 
        .gl-d:target h4, 
        .gl-d:target h3
        {
            margin-top: 0em;
            padding-top: 0em;
            font-size: 2.25rem!important;
            color: var(--accent);
        }
        
        .gt-t-icon{
            max-width: 48px;
            max-height: 48px;
            rotate:-90deg;
            position: fixed;
            bottom: 64px;
            right: 64px;
            z-index: 10000000;
            cursor: pointer;
            transition: 0.25s;
            }
    
        .gt-t-icon svg path{
            fill: var(--accent)!important
        }
        
        
        .gt-t-main:after{
            content: "➜";
            font-size: 24px;
            min-width: 48px;
            min-height: 48px;
            display: inline-flex;
            justify-content: center;
            align-items: center;
            text-align: center;
            border-radius: 2px;
            background-color: var(--bg-less-dark-50);
            color: var(--accent);
            transition: 0.25s;
        }
        
        .gt-t-icon:hover .gt-t-main:after{
            background-color: var(--bg-less-dark-100)!important;
        }
        
        a.go-back:hover:after, 
        a.gt-t:hover:after{
            color: var(--lite-color)!important;
        }
    

@keyframes appear-simple{
    0%{
        opacity: 0;
        height: 0;
        display: none;
    }
    10%{
        display: none;
    }
    11%{
        opacity: 0;
        height: 0;
        display: flex;
    }
    100%{
        opacity: 1;
        height: 48px;
    }
}

@media (max-width: 540px){

        #search-input {
            width: 100%;
        }
        
        #search-clear-btn{
            left: initial;
            right: 0;
            position: absolute;
            bottom: 0;
        }
        
        #alphabetical-bar {
            display: none;
        }
        
        .alphabet-separator{
            font-size: 2.25rem;
            max-height: initial;
            height: 48px;
            left: 4px;
            width: 100%;
            text-align: left;
            display: flex ;
            align-content: flex-end;
            padding-bottom: 8px;
            
        }
        
        .gl-bloc:target p, 
        .gl-d:target p{
            font-size: 1rem;
        }
        
        .gl-bloc:target h4, 
        .gl-d:target h4, 
        .gl-d:target h3
        {
            font-size: 1.5rem!important;

        }
        
        #words div{
            display: flex;
            gap: 8px;
        }
        
        a.gl-h{
            margin: 0;
            flex-grow: 0;
            font-size: 1rem;
        }
        
        a.gl-h:hover{
            transform: scale(1);
        }
        
        .gl-d {
            scroll-margin-top: 80px!important; 
        }
        
        .gl-d:target{
            min-height: 33vh;
            padding-bottom: 40px;
        }
        
        a.go-back, a.gt-t {
            top: initial ;
            left: initial;
            bottom: -3px ;
            right: -3px ;
            
            
        }
        
        a.gt-t:after{
            font-weight: 200;
            font-size: 20px;
            
        }
        
        .gt-t-icon{
            display: flex;
            right: 8px!important;
            bottom: 56px;
        }
        
    }/* End custom CSS */