@charset "UTF-8";
/* ===================================

= Core Stylesheet File =

version     :   1.0
date        :   04/2024
author      :   glammelagency
email       :   hello@glammel.com
website     :   https://www.glammel.com

=================================== */

/* ===================================
    Table of contents
======================================

    . Font options

====================================== */
/*
@media (max-width: 575px) {}
@media (min-width: 576px) {}
@media (min-width: 768px) {}
@media (min-width: 992px) {}
@media (min-width: 1200px) {}
@media (min-width: 1400px) {}
*/
/* @import url('utilities/debug.css'); */
@import url('utilities/root.css');
@import url('utilities/badges.css');
@import url('utilities/buttons.css');
@import url('utilities/colors.css');
@import url('utilities/containers.css');
@import url('utilities/cursors.css');
@import url('utilities/loader.css');
@import url('utilities/theme-changer.css');
@import url('utilities/cookie-consent.css');
@import url('utilities/forms.css');

@import url('components/header.css');
@import url('components/footer.css');

@import url('plugins.css');


/* font-family: 'DM Sans', sans-serif; */
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap');
/* font-family: 'JetBrains Mono', monospace; */
@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:ital,wght@0,100..800;1,100..800&display=swap');
/* font-family: 'Gilmer-Regular'; */
@font-face {
    font-family: 'Gilmer-Regular';
    src: url(../fonts/Gilmer-Regular.woff2) format("woff2"),url(../fonts/Gilmer-Regular.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}
/* font-family: 'Gilmer-Medium'; */
@font-face {
    font-family: 'Gilmer-Medium';
    src: url(../fonts/Gilmer-Medium.woff2) format("woff2"),url(../fonts/Gilmer-Medium.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}
/* font-family: 'Gilmer-Bold'; */
@font-face {
    font-family: 'Gilmer-Bold';
    src: url(../fonts/Gilmer-Bold.woff2) format("woff2"),url(../fonts/Gilmer-Bold.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}
[data-bs-theme="dark"] body {
    background-color: #000;
    transition: background-color .5s ease, color .5s ease;
}
[data-bs-theme="light"] body {
    background-color: #fff;
    transition: background-color .5s ease, color .5s ease;
}
*,
*::before,
*::after {
    box-sizing: border-box;

}
*:focus {
    outline: none;
}
::selection {
    color: #000;
    background-color: #d1fa94;
}
html, body {
    width: 100%;
    height: 100%;
    scroll-behavior: smooth;
}
html {
    -webkit-text-size-adjust: var(--px-percent100);
    -ms-text-size-adjust: var(--px-percent100);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition: 500ms opacity, 500ms visibility;
    transition: 500ms opacity, 500ms visibility;
    scroll-behavior: smooth;
    cursor: default;
}
body {
    font-family: -apple-system,BlinkMacSystemFont,"San Francisco","Segoe UI",Roboto,"Helvetica Neue",sans-serif;
    -webkit-transition: 500ms opacity, 500ms visibility;
    transition: 500ms opacity, 500ms visibility;
    letter-spacing: -0.5px;
}
body {
    font-family: var(--font-gilmer-regular);
    font-size: var(--fs-15);
    font-weight: var(--fw-400);
    -webkit-transition: 500ms opacity, 500ms visibility;
    transition: 500ms opacity, 500ms visibility;
}
[data-bs-theme="dark"] body {
    color: var(--glam-light);
    background-color: var(--glam-black);
}
[data-bs-theme="light"] body {
    color: var(--glam-black);
    background-color: var(--glam-light);
}

a {
    text-decoration: none;
    cursor: pointer;
}
button,
button:focus,
button:active,
button:focus-visible {
    border: var(--px-0);
    box-shadow: none;
}
ol,
ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.btn-check:checked+.btn,
.btn.active,
.btn.show,
.btn:first-child:active,
:not(.btn-check)+.btn:active {
    border-color: transparent;
}

.divider {
    padding: 3rem 0;
}
[data-bs-theme="dark"] .divider {
    border-top: .0625rem solid rgba(255,255,255,0.1);
}
[data-bs-theme="light"] .divider {
    border-top: .0625rem solid #efefef;
}
.collapse {
    transition-delay: 0.1s;
}
.collapse.show {
    transition-delay: 0.1s;
}
.collapsing {
    transition: height .5s ease-in-out;
    transition-delay: 0.1s;
}

.h1, h1 {
    letter-spacing: .0001rem!important;
    line-height: 1.15;
    margin-bottom: 0;
}
.h2, h2 {
    letter-spacing: .0001rem!important;
    line-height: 1.15;
    margin-bottom: 0;
}
.h3, h3 {
    letter-spacing: .0001rem!important;
    line-height: 1.15;
    margin-bottom: 0;
}
.h4, h4 {
    letter-spacing: .0001rem!important;
    line-height: 1.15;
    margin-bottom: 0;
}
.h5, h5 {
    letter-spacing: .0001rem!important;
    line-height: 1.15;
    margin-bottom: 0;
}
.h6, h6 {
    letter-spacing: .0001rem!important;
    line-height: 1.15;
}
    @media (max-width: 575px) {
        .h1, h1 {font-size: 32px;}
        .h2, h2 {font-size: 26px;}
        .h3, h3 {font-size: 24px;}
        .h3 i, h3 i {font-size: 22px;}
        .h4, h4 {font-size: 21px;}
        .h4 i, h4 i {font-size: 17px;}
        .h5, h5 {font-size: 20px;}
        .h5 i, h5 i {font-size: 17px;}
        .h6, h6 {font-size: 16px;}
        .h6 i, h6 i {font-size: 20px;}
    }
    @media (min-width: 576px) {
        .h1, h1 {font-size: 32px;}
        .h2, h2 {font-size: 26px;}
        .h3, h3 {font-size: 26px;}
        .h3 i, h3 i {font-size: 22px;}
        .h4, h4 {font-size: 23px;}
        .h4 i, h4 i {font-size: 19px;}
        .h5, h5 {font-size: 22px;}
        .h5 i, h5 i {font-size: 19px;}
        .h6, h6 {font-size: 17px;}
        .h6 i, h6 i {font-size: 21px;}
    }
    @media (min-width: 768px) {
        .h1, h1 {font-size: 36px;}
        .h2, h2 {font-size: 30px;}
        .h3, h3 {font-size: 28px;}
        .h3 i, h3 i {font-size: 24px;}
        .h4, h4 {font-size: 24px;}
        .h4 i, h4 i {font-size: 20px;}
        .h5, h5 {font-size: 23px;}
        .h5 i, h5 i {font-size: 20px;}
        .h6, h6 {font-size: 18px;}
        .h6 i, h6 i {font-size: 22px;}
    }
    @media (min-width: 992px) {
        .h1, h1 {font-size: 40px;}
        .h2, h2 {font-size: 34px;}
        .h3, h3 {font-size: 32px;}
        .h3 i, h3 i {font-size: 28px;}
        .h4, h4 {font-size: 25px;}
        .h4 i, h4 i {font-size: 21px;}
        .h5, h5 {font-size: 24px;}
        .h5 i, h5 i {font-size: 21px;}
        .h6, h6 {font-size: 18px;}
        .h6 i, h6 i {font-size: 22px;}
    }
    @media (min-width: 1200px) {
        .h1, h1 {font-size: 50px;}
        .h2, h2 {font-size: 42px;}
        .h3, h3 {font-size: 36px;}
        .h3 i, h3 i {font-size: 32px;}
        .h4, h4 {font-size: 26px;}
        .h4 i, h4 i {font-size: 22px;}
        .h5, h5 {font-size: 25px;}
        .h5 i, h5 i {font-size: 22px;}
        .h6, h6 {font-size: 20px;}
        .h6 i, h6 i {font-size: 24px;}
    }

.p, p {
    font-family: 'Gilmer-Regular';
    line-height: 1.5;
}
.p:last-child, p:last-child {
    margin-bottom: 0;
}
    @media (max-width: 575px) {
        .p, p {font-size: 17px;}
    }
    @media (min-width: 576px) {
        .p, p {font-size: 17px;}
    }
    @media (min-width: 768px) {
        .p, p {font-size: 18px;}
    }
    @media (min-width: 992px) {
        .p, p {font-size: 18px;}
    }
    @media (min-width: 1200px) {
        .p, p {font-size: 18px;}
    }

section .description p {
    font-family: 'Gilmer-Regular';
    line-height: 1.5;
}
section .description p:last-child {
    margin-bottom: 0;
}
    @media (max-width: 575px) {
        section .description p {font-size: 1.125rem;}
    }
    @media (min-width: 576px) {
        section .description p {font-size: 1.25rem;}
    }
    @media (min-width: 768px) {
        section .description p {font-size: 1.5rem;}
    }
    @media (min-width: 992px) {
        section .description p {font-size: 1.625rem;}
    }
    @media (min-width: 1200px) {
        section .description p {font-size: 1.75rem;}
    }

.glide .glide__slides .glide__slide img {
    width: 100%;
    max-width: 100%;
}

.sticky-start-project {
    bottom: 50px;
    opacity: 1;
    position: fixed;
    right: 30px;
    transition: all .7s ease;
    z-index: 9998;
}