@font-face {
    font-family: "IBM Plex Sans";
    font-style: normal;
    font-weight: 100 700;
    font-display: swap;
    src: url("fonts/ibm-plex-sans-normal-latin.woff2") format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: "IBM Plex Sans";
    font-style: normal;
    font-weight: 100 700;
    font-display: swap;
    src: url("fonts/ibm-plex-sans-normal-latin-ext.woff2") format("woff2");
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
    font-family: "IBM Plex Sans";
    font-style: normal;
    font-weight: 100 700;
    font-display: swap;
    src: url("fonts/ibm-plex-sans-normal-cyrillic.woff2") format("woff2");
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
    font-family: "IBM Plex Sans";
    font-style: italic;
    font-weight: 100 700;
    font-display: swap;
    src: url("fonts/ibm-plex-sans-italic-latin.woff2") format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: "IBM Plex Sans";
    font-style: italic;
    font-weight: 100 700;
    font-display: swap;
    src: url("fonts/ibm-plex-sans-italic-latin-ext.woff2") format("woff2");
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
    font-family: "IBM Plex Sans";
    font-style: italic;
    font-weight: 100 700;
    font-display: swap;
    src: url("fonts/ibm-plex-sans-italic-cyrillic.woff2") format("woff2");
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
    font-family: "Lexend Deca";
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url("fonts/lexend-deca-latin.woff2") format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: "Lexend Deca";
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url("fonts/lexend-deca-latin-ext.woff2") format("woff2");
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

:root {
    --font-primary: "IBM Plex Sans";
    --font-secondary: "Lexend Deca";
    --color-background: #F7F6E4;
    --color-primary: #A0D7CF;
    --color-secondary: #E98F5E;
    --color-white: #e9ebd9;
    --color-text: #0E342A;
    --color-header: #EBECDA;
    --bs-primary: #E98F5E;
    --bs-primary-rgb: 233, 143, 94;
    --bs-secondary: #F7F6E4;
    --bs-secondary-rgb: 247, 246, 228;
    --bs-info: #A0D7CF;
    --bs-info-rgb: 160, 215, 207;
    --bs-light: #EBECDA;
    --bs-light-rgb: 235, 236, 218;
    --bs-dark: #0E342A;
    --bs-dark-rgb: 14, 52, 42;
    --bs-body-font-family: "Lexend Deca", var(--bs-font-sans-serif);
    --bs-body-color: #0E342A;
    --bs-body-color-rgb: 14, 52, 42;
    --bs-body-bg: #F7F6E4;
    --bs-body-bg-rgb: 247, 246, 228;
    --bs-link-color: #0E342A;
    --bs-link-color-rgb: 14, 52, 42;
    --bs-link-hover-color: #E98F5E;
    --bs-link-hover-color-rgb: 233, 143, 94;
    --bs-focus-ring-color: rgba(233, 143, 94, .35);
    --pipali-header-height: 4.25rem;
    --bs-nav-link-color: var(--bs-dark);
    --bs-nav-link-hover-color: var(--bs-primary);
    --bs-nav-underline-link-active-color: var(--bs-dark);
    --bs-navbar-toggler-border-color: var(--bs-dark);
    --bs-navbar-toggler-focus-width: .2rem;
    --bs-offcanvas-bg: var(--bs-info);
    --bs-offcanvas-color: var(--bs-dark);
    --bs-offcanvas-width: 100%;
    --bs-offcanvas-border-width: 0;
    --bs-offcanvas-box-shadow: none;
}

:root .lpx-theme-dim, :root .lpx-theme-dark {
    --lpx-logo: url('/images/logo/leptonx/icon.svg');
    --lpx-logo-icon: url('/images/logo/leptonx/icon.svg');
}

:root .lpx-theme-light {
    --lpx-logo: url('/images/logo/leptonx/icon.svg');
    --lpx-logo-icon: url('/images/logo/leptonx/icon.svg');
}

* {
    margin: 0;
    padding: 0;
}

h1, h2, h3, h4, h5, h6 {
    font-family: var(--font-primary), sans-serif;
}

section {
    scroll-margin-top: var(--pipali-header-height);
}

main {
    background-color: var(--color-background);
}

#containerOperation picture img {
    aspect-ratio: 591 / 733;
}

.container-max-1600 {
    width: 100%;
    max-width: 1600px;
    margin-right: auto;
    margin-left: auto;
}

.btn-pill-orange {
    --bs-btn-color: var(--bs-dark);
    --bs-btn-bg: var(--bs-primary);
    --bs-btn-border-color: var(--bs-primary);
    --bs-btn-hover-color: var(--bs-dark);
    --bs-btn-hover-bg: var(--bs-secondary);
    --bs-btn-hover-border-color: var(--bs-secondary);
    --bs-btn-active-color: var(--bs-dark);
    --bs-btn-active-bg: var(--bs-secondary);
    --bs-btn-active-border-color: var(--bs-secondary);
    --bs-btn-focus-shadow-rgb: var(--bs-primary-rgb);
    --bs-btn-font-size: .875rem;
    --bs-btn-font-weight: 800;
    letter-spacing: .1rem;
}

@media (min-width: 992px) {
    :root {
        --pipali-header-height: 4.75rem;
    }

    #containerOperation picture img {
        aspect-ratio: 770 / 629;
    }
}