/* * {
    --Colors-Main-Dark: #38364C;
    --Colors-Text-Primary-Light: #FFF;
    --Colors-Text-Primary: #181720;
    --Local-Colors-Light-Grey: #EFEFF7;
    --Dark-Dark-1: #100F15;
    --Grey-Grey: #D9D9EB;
    --Colors-Violet-500: #9884F3;
    --Colors-Yellow-Main: #FCDA43;
    --Colors-Red-Main: #FF765B;
    --Colors-Error-Red: #DB3D1E;
    --Colors-Yellow-Light: #F9F3E5;
    --Colors-Violet-900: #403766;
    --Colors-Dark-2: #282636;
    --Colors-Violet-50: #F5F3FE;
    --Colors-Violet-800: #544986;

    --Side-Padding-Large: 240px;
    --Side-Padding-Small: 120px;

    font-family: 'Assistant';

    p {
        margin: 0;
    }
    body {
        margin: 0;
    }

    br {
        display: block;
        content: '';
        margin: 0 0 40px;

        @media screen and (max-width: 560px) {
            margin: 0 0 32px;
        }
    }

    @media screen and (max-width: 1800px) {
        --Side-Padding-Small: 100px;
        --Side-Padding-Large: 200px;
    }

    @media screen and (max-width: 1680px) {
        --Side-Padding-Small: 80px;
        --Side-Padding-Large: 160px;
    }

    @media screen and (max-width: 1560px) {
        --Side-Padding-Small: 60px;
        --Side-Padding-Large: 120px;
    }

    @media screen and (max-width: 1440px) {
        --Side-Padding-Small: 40px;
        --Side-Padding-Large: 80px;
    }

    @media screen and (max-width: 1360px) {
        --Side-Padding-Large: 72px;
    }

    @media screen and (max-width: 1280px) {
        --Side-Padding-Large: 64px;
    }

    @media screen and (max-width: 1162px) {
        --Side-Padding-Large: 52px;
    }

    @media screen and (max-width: 1024px) {
        --Side-Padding-Large: 40px;
    }
}

.default-button {
    display: flex;
    padding: 24px 40px;
    justify-content: center;
    align-items: flex-start;
    border-radius: 8px;
    background-color: var(--Colors-Yellow-Main);
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
    border: none;
    text-decoration: none;
    color: inherit;

    &:hover {
        background-color: #E5C63D;
    }

    &:active {
        background-color: #B39B30;
    }

    @media screen and (max-width: 980px) {
        align-self: stretch;
    }
}

.section-product-title {
    font-size: 48px;
    font-weight: 700;
    line-height: 68px;
    letter-spacing: -0.96px;
    color: var(--Colors-Text-Primary-Light);

    @media screen and (max-width: 1024px) {
        font-size: 40px;
        line-height: 56px;
    }

    @media screen and (max-width: 560px) {
        font-size: 32px;
        line-height: 44px;
    }
} */

* {
    --Colors-Main-Dark: #38364c;
    --Colors-Text-Primary-Light: #fff;
    --Colors-Text-Primary: #181720;
    --Local-Colors-Light-Grey: #efeff7;
    --Dark-Dark-1: #100f15;
    --Grey-Grey: #d9d9eb;
    --Colors-Violet-500: #9884f3;
    --Colors-Yellow-Main: #fcda43;
    --Colors-Red-Main: #ff765b;
    --Colors-Error-Red: #db3d1e;
    --Colors-Yellow-Light: #f9f3e5;
    --Colors-Violet-900: #403766;
    --Colors-Dark-2: #282636;
    --Colors-Violet-50: #f5f3fe;
    --Colors-Violet-800: #544986;
    --Side-Padding-Large: 240px;
    --Side-Padding-Small: 120px;
    font-family: 'Assistant';
}
* p {
    margin: 0;
}
* body {
    margin: 0;
}
* br {
    display: block;
    content: '';
    margin: 0 0 40px;
}
@media screen and (max-width: 560px) {
    * br {
        margin: 0 0 32px;
   }
}
@media screen and (max-width: 1800px) {
    * {
        --Side-Padding-Small: 100px;
        --Side-Padding-Large: 200px;
   }
}
@media screen and (max-width: 1680px) {
    * {
        --Side-Padding-Small: 80px;
        --Side-Padding-Large: 160px;
   }
}
@media screen and (max-width: 1560px) {
    * {
        --Side-Padding-Small: 60px;
        --Side-Padding-Large: 120px;
   }
}
@media screen and (max-width: 1440px) {
    * {
        --Side-Padding-Small: 40px;
        --Side-Padding-Large: 80px;
   }
}
@media screen and (max-width: 1360px) {
    * {
        --Side-Padding-Large: 72px;
   }
}
@media screen and (max-width: 1280px) {
    * {
        --Side-Padding-Large: 64px;
   }
}
@media screen and (max-width: 1162px) {
    * {
        --Side-Padding-Large: 52px;
   }
}
@media screen and (max-width: 1024px) {
    * {
        --Side-Padding-Large: 40px;
   }
}
.default-button {
    display: flex;
    padding: 24px 40px;
    justify-content: center;
    align-items: flex-start;
    border-radius: 8px;
    background-color: var(--Colors-Yellow-Main);
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
    border: none;
    text-decoration: none;
    color: inherit;
}
.default-button:hover {
    background-color: #e5c63d;
}
.default-button:active {
    background-color: #b39b30;
}
@media screen and (max-width: 980px) {
    .default-button {
        align-self: stretch;
   }
}
.section-product-title {
    font-size: 48px;
    font-weight: 700;
    line-height: 68px;
    letter-spacing: -0.96px;
    color: var(--Colors-Text-Primary-Light);
}
@media screen and (max-width: 1024px) {
    .section-product-title {
        font-size: 40px;
        line-height: 56px;
   }
}
@media screen and (max-width: 560px) {
    .section-product-title {
        font-size: 32px;
        line-height: 44px;
   }
}